/*
 *Partido Revolucionario Institucional 2015 | Estartegia 
 *
 *Clases para Juntos Lo Estamos Logrando, listado
 */
/**/
#juntosLoEstamosLogrando {
    font-family: Gill-Sans, sans-serif;
    color: #000;
}

    #juntosLoEstamosLogrando .tituloSeccion {
        color: #fff;        
        padding-top:2px;      
        padding-bottom:2px;
        padding-left:40px;
    }
    #juntosLoEstamosLogrando .tituloSeccion img{
        position:absolute;
        top:18px;
        left:20px;
    }

        #juntosLoEstamosLogrando .tituloSeccion[data-tipo='economiayEmpleo'] {
            background-color: #A63352;
            background-color: #A63352;
            margin-bottom: 40px;
        }

        #juntosLoEstamosLogrando .tituloSeccion[data-tipo='proteccionSeguridadSalud'] {
            background-color: #FF4062;
        }

        #juntosLoEstamosLogrando .tituloSeccion[data-tipo='infraestructurayDesarrollo'] {
            background-color: #B4454C;
        }

        #juntosLoEstamosLogrando .tituloSeccion[data-tipo='agriculturayMedioAmbiente'] {
            background-color: #FF9C97;
        }

        #juntosLoEstamosLogrando .tituloSeccion[data-tipo='educacionyCultura'] {
            background-color: #C8C9A9;
        }

        #juntosLoEstamosLogrando .tituloSeccion[data-tipo='restaurarConfianza'] {
            background-color: #82AFAA;
        }

        #juntosLoEstamosLogrando .tituloSeccion h1 {
            padding-left: 15px;
            font-family: Gill-SansL, sans-serif;
            font-size: 24px;
        }

    #juntosLoEstamosLogrando .encabezado {
        padding: 0 10px 10px 20px;
    }

        #juntosLoEstamosLogrando .encabezado h1 {
            font-family: Gill-SansB, sans-serif;
            padding: 0;
            margin: 0;
            font-weight: bold;
            font-size: 27px;
            padding-bottom: 5px;
        }

    #juntosLoEstamosLogrando .LoMasLeido {
        padding: 5px;
        background-color: #fff;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.01),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        background: #fff;
        margin-bottom: 3px;
    }

        #juntosLoEstamosLogrando .LoMasLeido .titulolomasLeido .T1 {
            color: #0a3f37;
            margin: 0;
            font-family: Gill-SansL, sans-serif;
            display: inline-block;
            padding: 5px 10px 5px 20px;
            font-size: 16px;
        }

            #juntosLoEstamosLogrando .LoMasLeido .titulolomasLeido .T1 .T2 {
                color: #0a3f37;
                margin: 0;
                font-family: Gill-SansB, sans-serif;
                display: inline-block;
                padding: 5px 10px 5px 0;
                font-size: 14px;
            }

        #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido {
            display: inline-block;
            color: #000;
            margin: 5px 15px;
        }

            #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido .ElementoNoticiasPrincipalesLeer {
                color: #000;
                font-size: 12px;
            }

                #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido .ElementoNoticiasPrincipalesLeer a:hover .Texto .Titulo {
                    color: #0a3f37;
                }

                #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido .ElementoNoticiasPrincipalesLeer .imgA {
                    padding: 0;
                    max-height: 80px;
                    overflow: hidden;
                }

                    #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido .ElementoNoticiasPrincipalesLeer .imgA img {
                        -webkit-transition: .3s ease-in-out;
                        transition: .3s ease-in-out;
                        -webkit-filter: brightness(1);
                        width: 100%;
                    }

                        #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido .ElementoNoticiasPrincipalesLeer .imgA img:hover {
                            -webkit-filter: brightness(0.65);
                        }

                #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido .ElementoNoticiasPrincipalesLeer .Texto {
                    padding: 0;
                }

                    #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido .ElementoNoticiasPrincipalesLeer .Texto .Titulo {
                        line-height: 11px;
                        color: #3e3e3e;
                        padding: 2px;
                        margin: 0;
                        font-size: 11px;
                    }

                    #juntosLoEstamosLogrando .LoMasLeido .ContenedorLomasLeido .ElementoNoticiasPrincipalesLeer .Texto .TituloB {
                        color: #000;
                        padding: 2px 2px 3px 2px;
                        margin: 0;
                        font-weight: bold;
                        font-size: 13px;
                    }

    #juntosLoEstamosLogrando .ContenedorPrincipal {
        padding: 15px 5px 5px 0;
        background-color: #F8F8F8;
    }

        #juntosLoEstamosLogrando .ContenedorPrincipal .GridInfo table, tr, td {
            border: none;
        }

        #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor {
            padding: 0;
            margin: 10px 15px 10px -1px;
            background-color: #fff;
            height: 300px;
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .FotoT {
                padding: 0;
                position: relative;
                overflow: hidden;
                height: 300px;
            }

@media (max-width: 767px) {
    #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor {
        padding: 0;
        margin: 10px -5px 10px -1px;
        background-color: #fff;
        height: 100%;
    }

        #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .FotoT {
            padding: 0;
            position: relative;
            height: 100%;
        }
}

#juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .FotoT .ImgTUsuario {
    margin: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-filter: brightness(1);
    width: 100%;
}

#juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .FotoT .IR {
    font-family: Gill-SansB, sans-serif;
    font-size: 12px;
    text-align: center;
    padding: 10px 10px 31% 10px;
    color: #fff;
    bottom: -170px;
    position: absolute;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
}

    #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .FotoT .IR .LeerMas {
        border: solid 1px #fff;
        padding: 10px;
        border-radius: 2px;
    }

#juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .FotoT:hover .ImgTUsuario {
    -webkit-filter: brightness(0.4);
}

#juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .FotoT:hover .IR {
    bottom: 0;
}

#juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .FotoT .BordeBlanco {
    border: solid 4px #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.01),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

#juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT {
    padding: 10px;
    margin-bottom: 10px;
    color: #000;
}

    #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .Fecha {
        float: right;
        background-color: #979797;
        font-size: 22px;
        color: #fff;
        padding: 3px 6px;
        font-family: 'Gill-SansB','sans-serif';
        margin-right: -11px;
        margin-top: -11px;
    }

        #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .Fecha .Dia {
            display: block;
            text-align: center;
            font-size: 12px;
        }

        #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .Fecha .MesA {
            font-size: 9px;
            display: block;
        }

    #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .Titulo {
         font-family: 'Gill-SansL','Gill-Sans';
        font-size: 16px;
        line-height: 17px;
        margin: 35px 0 0 0;
        font-weight: 500;
        color: #000;
    }

        #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .Titulo a {
            color: #000;
            text-decoration: none;
        }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .Titulo a:hover {
                color: #0a3f37;
                font-weight: bold;
            }

    #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont {
        margin: 0;
        padding: 2px 0;
        line-height: 14px;
        border-top: solid 1px #e1e1e1;
        color: #3e3e3e;
        margin-top: 5px;
        font-size: 12px;
    }

        #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo {
            display: inline-block;
        }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .LinkF {
                float: left;
                margin-bottom: 5px;
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .imgfaceBookB {
                text-align: right;
                color: #fff;
                background: #0153a9 url(../Images/ComparteFacebook.jpg) 0% no-repeat;
                width: 65px;
                height: 25px;
                padding-top: 5px;
                padding-right: 3px;
                margin-right: 2px;
            }

                #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .imgfaceBookB .countFace {
                    color: #fff;
                    font-size: 12px;
                }

                #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .imgfaceBookB:hover {
                    background: #0153a9 url(../Images/ComparteFacebook.jpg) 400% no-repeat;
                    transition: linear .5s;
                }

                    #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .imgfaceBookB:hover .countFace {
                        font-size: 12px;
                        top: 2px;
                        transition: linear .5s;
                        text-align: center;
                    }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .LinkT {
                float: left;
                margin-bottom: 5px;
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .imgtwitterB {
                text-align: right;
                color: #fff;
                background: #00abe3 url(../Images/ComparteTwitter.jpg) 0% no-repeat;
                width: 65px;
                height: 25px;
                padding-top: 5px;
                padding-right: 3px;
                margin-left: 2px;
            }

                #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .imgtwitterB .countTwitterR {
                    color: #fff;
                    font-size: 12px;
                }

                #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .imgtwitterB:hover {
                    background: #00abe3 url(../Images/ComparteTwitter.jpg) 405% no-repeat;
                    transition: linear .5s;
                }

                    #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo .imgtwitterB:hover .countTwitter {
                        font-size: 12px;
                        top: 2px;
                        transition: linear .5s;
                        text-align: center;
                    }

        #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .Resumen {
            padding: 0 0 5px 0;
            font-size: 12px;
            font-family: Lato, sans-serif;
            line-height: 15px;
        }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .Resumen a {
                color: #3e3e3e;
                text-decoration: none;
            }

                #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .Resumen a:hover {
                    color: #0a3f37;
                }

        #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .SecLeer {
            font-size: 11px;
            color: #000;
            text-align: right;
        }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .SecLeer a {
                color: #000;
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .SecLeer .IconoL {
                font-size: 18px;
                display: inline-block;
            }

            #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .SecLeer .BtnLeerMas {
                margin: 10px 0 0 0;
                border: none;
                font-family: Gill-SansB, sans-serif;
                padding-left: 0;
                position: relative;
                top: -4px;
                display: inline-block;
            }

                #juntosLoEstamosLogrando .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .SecLeer .BtnLeerMas:hover {
                    color: red;
                }

#juntosLoEstamosLogrando .ContenedorPrincipal .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px;
    border-radius: 4px;
}

    #juntosLoEstamosLogrando .ContenedorPrincipal .pagination a {
        color: #707070;
    }

    #juntosLoEstamosLogrando .ContenedorPrincipal .pagination td {
        display: inline;
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857143;
        color: #2aa401;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
        font-family: Gill-SansB, sans-serif;
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        #juntosLoEstamosLogrando .ContenedorPrincipal .pagination td table tbody tr td:hover,
        #juntosLoEstamosLogrando .ContenedorPrincipal .pagination td table tbody tr td:focus {
            color: #2a6496;
            background-color: #eee;
            border-color: #ddd;
        }

    #juntosLoEstamosLogrando .ContenedorPrincipal .pagination .active td table tbody tr td,
    #juntosLoEstamosLogrando .ContenedorPrincipal .pagination .active td table tbody tr td:hover,
    #juntosLoEstamosLogrando .ContenedorPrincipal .pagination .active td table tbody tr td:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    #juntosLoEstamosLogrando .ContenedorPrincipal .pagination .disabled td table tbody tr td,
    #juntosLoEstamosLogrando .ContenedorPrincipal .pagination .disabled td table tbody tr td:hover,
    #juntosLoEstamosLogrando .ContenedorPrincipal .pagination .disabled td table tbody tr td:focus {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

#juntosLoEstamosLogrando .ContenedorPrincipal .pagination-lg td {
    padding: 10px 16px;
    font-size: 18px;
}

#juntosLoEstamosLogrando .ContenedorPrincipal .pagination-lg td {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

#juntosLoEstamosLogrando .ContenedorPrincipal .pagination-lg td {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#juntosLoEstamosLogrando .ContenedorPrincipal .pagination-sm td {
    padding: 5px 10px;
    font-size: 12px;
}

#juntosLoEstamosLogrando .ContenedorPrincipal .pagination-sm td {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#juntosLoEstamosLogrando .ContenedorPrincipal .pagination-sm td {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#juntosLoEstamosLogrando .menu {
            font-family: Gill-SansL, sans-serif;
               margin-top: 50px;
}

    #juntosLoEstamosLogrando .menu .fila1 {
    }

        #juntosLoEstamosLogrando .menu .fila1 .economiaEmpleo {
            width: 33.33%;
            height: 100px;
            float: left;
            background-color: #A63352;
            color: #fff;
            text-align: center;
            padding-top: 20px;
        }

            #juntosLoEstamosLogrando .menu .fila1 .economiaEmpleo a {
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .menu .fila1 .economiaEmpleo .icono {
                display: block;
            }

            #juntosLoEstamosLogrando .menu .fila1 .economiaEmpleo .titulo {
                display: block;
                color: #fff;
            }

        #juntosLoEstamosLogrando .menu .fila1 .proteccionSeguridadSalud {
            width: 33.33%;
            height: 100px;
            float: left;
            background-color: #FF4062;
            color: #fff;
            text-align: center;
            padding-top: 20px;
        }

            #juntosLoEstamosLogrando .menu .fila1 .proteccionSeguridadSalud a {
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .menu .fila1 .proteccionSeguridadSalud .icono {
                display: block;
            }

            #juntosLoEstamosLogrando .menu .fila1 .proteccionSeguridadSalud .titulo {
                display: block;
                color: #fff;
            }

        #juntosLoEstamosLogrando .menu .fila1 .InfraestructuraDesarrollo {
            width: 33.33%;
            height: 100px;
            float: left;
            background-color: #B4454C;
            color: #fff;
            text-align: center;
            padding-top: 30px;
        }

            #juntosLoEstamosLogrando .menu .fila1 .InfraestructuraDesarrollo a {
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .menu .fila1 .InfraestructuraDesarrollo .icono {
                display: block;
            }

            #juntosLoEstamosLogrando .menu .fila1 .InfraestructuraDesarrollo .titulo {
                display: block;
                color: #fff;
            }

    #juntosLoEstamosLogrando .menu .fila2 {
        border: solid 1px green;
    }

        #juntosLoEstamosLogrando .menu .fila2 .agriculturaMedioAmbiente {
            width: 33.33%;
            height: 100px;
            float: left;
            background-color: #FF9C97;
            color: #fff;
            text-align: center;
            padding-top: 20px;
        }

            #juntosLoEstamosLogrando .menu .fila2 .agriculturaMedioAmbiente a {
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .menu .fila2 .agriculturaMedioAmbiente .icono {
                display: block;
            }

            #juntosLoEstamosLogrando .menu .fila2 .agriculturaMedioAmbiente .titulo {
                display: block;
                color: #fff;
            }

        #juntosLoEstamosLogrando .menu .fila2 .educacionCultura {
            width: 33.33%;
            height: 100px;
            float: left;
            background-color: #C8C9A9;
            color: #fff;
            text-align: center;
            padding-top: 30px;
        }
         #juntosLoEstamosLogrando .menu .fila2 .educacionCultura a {
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .menu .fila2 .educacionCultura .icono {
                display: block;
            }

            #juntosLoEstamosLogrando .menu .fila2 .educacionCultura .titulo {
                display: block;
                color: #fff;
            }

        #juntosLoEstamosLogrando .menu .fila2 .restaurarConfianzaCiudadana {
            width: 33.33%;
            height: 100px;
            float: left;
            background-color: #82AFAA;
            color: #fff;
            text-align: center;
            padding-top: 30px;
        }
          #juntosLoEstamosLogrando .menu .fila2 .restaurarConfianzaCiudadana a {
                text-decoration: none;
            }

            #juntosLoEstamosLogrando .menu .fila2 .restaurarConfianzaCiudadana .icono {
                display: block;
            }

            #juntosLoEstamosLogrando .menu .fila2 .restaurarConfianzaCiudadana .titulo {
                display: block;
                color: #fff;
            }