/*
 *Partido Revolucionario Institucional 2015 | Estartegia 
 *
 *Clases para el Inicio   
 */

@font-face {
    font-family: 'Accesibilidad';
    src: url('../fonts/accesibilidad/Accesibilidad.eot?abgf8h');
    src: url('../fonts/accesibilidad/Accesibilidad.eot?abgf8h#iefix') format('embedded-opentype'), url('../fonts/accesibilidad/Accesibilidad.ttf?abgf8h') format('truetype'), url('../fonts/accesibilidad/Accesibilidad.woff?abgf8h') format('woff'), url('../fonts/accesibilidad/Accesibilidad.svg?abgf8h#Accesibilidad') format('svg');
    font-weight: normal;
    font-style: normal;
}




[class^="iconAcces-"], [class*=" iconAcces-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Accesibilidad' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconAcces-numero-3:before {
    content: "\e907";
}

.iconAcces-numero-2:before {
    content: "\e908";
}

.iconAcces-numero-1:before {
    content: "\e909";
}

.iconAcces-twitter:before {
    content: "\e905";
}

.iconAcces-facebook:before {
    content: "\e906";
}

.iconAcces-leerNota:before {
    content: "\e904";
}

.iconAcces-color:before {
    content: "\e900";
}

.iconAcces-aumentarLetra:before {
    content: "\e901";
}

.iconAcces-colorFondo:before {
    content: "\e902";
}

.iconAcces-reducirLetra:before {
    content: "\e903";
}


/*=====================fin=======================*/




/* ==========================================================================
   EXPRIMENTAL
   REMOVE TOUCH EVENTS ON MOBILE
   Sergio Audel
   ========================================================================== */
html.touch .IR {
    display: none;
}
/* ==========================================================================
   Sección del *Video*
   ========================================================================== */
@media (max-width: 1200px) {
    #videoContent {
        max-height: 850px;
    }
}

#videoContent {
    height: 586px;
}

    #videoContent::after {
        /*position: absolute;
        top: 108px;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.3);
        content: "";*/
    }

    #videoContent .video {
        /*z-index: -1;
        position: fixed;*/
        display: inline-block;
        position: fixed;
        /*background-size: cover cover;*/
        width: 100%;
    }

    #videoContent .videoContentBox,
    .videoTextoClonado .videoContentBox {
        padding: 10px;
        /*border: solid 1px #fff;*/
        z-index: 1;
        /*background: url(../img/soporte/texture-video.png) repeat;*/
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-align: justify;
        font-size: 16px;
        margin-top: 6%;
        color: #fff;
        font-family: Lato, sans-serif;
    }

@media (max-width: 990px) {
    .videoTextoClonado .videoContentBox {
        margin-top: 19%;
    }
}

@media (max-width: 460px) {
    .mb-style-1 {
        width: 300px !important;
    }

        .mb-style-1 blockquote p {
            font-size: 18px !important;
        }

        .mb-style-1 .mb-attribution {
            margin-right: 40px;
        }
}

.videoTextoClonado {
    min-height: 430px;
}

#videoContent .soundIcoBox {
}

    #videoContent .soundIcoBox i.fa {
        font-size: 30px;
        color: white;
        position: relative;
        top: 530px;
        right: 0px;
        left: 20px;
        cursor: pointer;
    }

/* ==========================================================================
   Sección del *GIF*
   ========================================================================== */
.gifContent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat !important;
}

    .gifContent:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

/**
 * HOTFIX: 22 de diciembre 2015
 */
@media(max-width: 478px) {
    .gifContent {
        background-position: -110px !important;
    }
}

/* ==========================================================================
   Sección del *Contenido principal*
   ========================================================================== */
#Contenido {
    position: relative;
}
/*==========================================================================
   Sección *Registro*
   #RJM
 ==========================================================================*/
.IconosV {
    margin: -4px 4px 0 0;
    font-size: 25px;
    color: #009040;
    float: left;
}

#Registro {
    background: #cd0d0a;
}

    #Registro .ContenidoR {
        text-align: right;
        padding: 9px 20px;
    }

        #Registro .ContenidoR .ImgTituloR {
            background: #cd0d0a;
            margin: 5px;
            text-align: center;
            color: #fff;
            font-size: 20px;
            padding-top: 5px;
        }

            #Registro .ContenidoR .ImgTituloR .ImgRegistro {
                display: inline;
            }

        #Registro .ContenidoR .SeccionR {
            margin: 5px;
        }

        #Registro .ContenidoR .SeccionR1 {
            margin: 5px;
            font-size: 11px;
            padding-left: 5px;
        }

        #Registro .ContenidoR .BtnRegistro {
            margin: 0 0 2px 5px;
        }

.BRojoR {
    border: solid 1px #cd0d0a;
}

/*==========================================================================
   Sección *Nota Destacada*
   #RJM
 ==========================================================================*/
#NotaDestacada {
    padding: 30px 10px;
    background: #fff;
    font-family: 'Gill-Sans', sans-serif;
    color: #000;
    font-size: 13px;
    border-bottom: solid 1px #d9d9d9;
}

    #NotaDestacada .tituloSection {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-left: 4px;
    }

    #NotaDestacada .ContDestacada {
        padding: 5px 0;
        margin-bottom: 5px;
    }

    #NotaDestacada .Interior {
    }

        #NotaDestacada .Interior .TituloVideoPrincipal {
            font-family: 'Gill-SansL', sans-serif;
            font-weight: bold;
            color: #c71a13;
            font-size: 17px;
            padding: 0;
            line-height: 21px;
            margin-top: 10px;
        }

        #NotaDestacada .Interior .bx-has-pager {
            margin-top: 40px;
            display: inline-block;
        }

        #NotaDestacada .Interior .ImgD {
            position: relative;
            overflow: hidden;
            padding: 0;
            max-height: 330px;
        }

            #NotaDestacada .Interior .ImgD .IR {
                color: #fff;
                font-size: 15px;
                padding: 10px;
                background: rgba(0,0,0,0.6);
                color: rgba(255,255,255);
                bottom: -100px;
                position: absolute;
                width: 100%;
                -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;
            }

                #NotaDestacada .Interior .ImgD .IR .IconoL {
                    padding: 5px;
                }

    #NotaDestacada .ImgD:hover .IR {
        bottom: 0;
    }

    #NotaDestacada .derecha:hover .Interior .ImgD .IR {
        bottom: 0;
    }

    #NotaDestacada .Interior .RSD {
        padding: 0 5px 10px 5px;
    }

    #NotaDestacada .Interior .NotaDestacadaI {
        padding: 0;
    }

        #NotaDestacada .Interior .NotaDestacadaI .izquierda {
            float: left;
            width: 18%;
            padding: 5px;
        }

            #NotaDestacada .Interior .NotaDestacadaI .izquierda img {
                margin: 4px;
            }

        #NotaDestacada .Interior .NotaDestacadaI .derecha {
            float: left;
            width: 82%;
            overflow: hidden;
            max-height: 330px;
            padding: 5px;
        }

        #NotaDestacada .Interior .NotaDestacadaI a {
            color: #000;
            text-decoration: none;
        }

        #NotaDestacada .Interior .NotaDestacadaI .titulo {
            font-family: 'Gill-SansL', sans-serif;
            font-weight: bold;
            color: #c71a13;
            font-size: 19px;
            padding: 0;
            line-height: 21px;
            margin-top: 10px;
        }

        #NotaDestacada .Interior .NotaDestacadaI .derecha #LugarNotaDestacada {
            display: block;
        }

        #NotaDestacada .Interior .NotaDestacadaI .derecha #FechaNotaDestacada {
            display: block;
        }

        #NotaDestacada .Interior .NotaDestacadaI .derecha #TextoNotaDestacada {
            font-family: Lato, sans-serif;
            text-align: justify;
        }

    #NotaDestacada .ContenedorPrincipal .Contenedor .TextoT .ParrafoCont .RSTiempo {
        text-align: right;
    }

    #NotaDestacada .NotaDestacadaI .RSTiempo .LinkF {
        float: left;
        margin-bottom: 5px;
        text-decoration: none;
    }

    #NotaDestacada .NotaDestacadaI .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;
    }

        #NotaDestacada .NotaDestacadaI .RSTiempo .imgfaceBookB .countFace {
            color: #fff;
            font-size: 12px;
        }

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

            #NotaDestacada .NotaDestacadaI .RSTiempo .imgfaceBookB:hover .countFace {
                font-size: 12px;
                top: 2px;
                transition: linear .5s;
                text-align: center;
            }

.contadorfacebook {
    display: inline-block;
}

.imgFacebook {
    border-radius: 50px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 25px;
    background: #285a96;
    display: inline-block;
}

    .imgFacebook:hover {
        color: #fff;
        font-size: 27px !important;
        transition: all ease 0.2s;
    }

.Facebook {
    margin: 8px;
    position: absolute;
}


.imgTwitter {
    border-radius: 50px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 25px;
    background: #00a6db;
}

    .imgTwitter:hover {
        color: #fff;
        font-size: 27px !important;
        transition: all ease 0.2s;
    }

.Twitter {
    position: absolute;
    margin: 8px;
}






#NotaDestacada .NotaDestacadaI .RSTiempo .LinkT {
    float: left;
    margin-bottom: 5px;
    text-decoration: none;
}

#NotaDestacada .NotaDestacadaI .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;
}

    #NotaDestacada .NotaDestacadaI .RSTiempo .imgtwitterB .countTwitterR {
        color: #fff;
        font-size: 12px;
    }

    #NotaDestacada .NotaDestacadaI .RSTiempo .imgtwitterB:hover {
        background: #00abe3 url(../Images/ComparteTwitter.jpg) 15px no-repeat;
        transition: linear .5s;
    }

        #NotaDestacada .NotaDestacadaI .RSTiempo .imgtwitterB:hover .countTwitterR {
            font-size: 12px;
            top: 2px;
            transition: linear .5s;
            text-align: center;
        }

#NotaDestacada .NotaDestacadaI .RSTiempo .Horas {
    font-size: 10px;
    margin-top: 2px;
    color: gray;
    display: inline-block;
    font-family: Lato, sans-serif;
}

#NotaDestacada .NotaDestacadaI .RSTiempo .IconoH {
    font-size: 14px;
    color: gray;
    display: inline-block;
}



#NotaDestacada .Interior .NotaDestacadaI .contenido {
    margin-top: 10px;
    line-height: 15px;
    font-size: 13px;
}

#NotaDestacada .Interior .NotaDestacadaI .Leer {
    color: #009040;
    margin-top: 10px;
    line-height: 15px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
/*==========================================================================
   Sección *Ultimos Tweets* (RS, UT, TP)
   #RJM
 ==========================================================================*/
#UltimosTweets {
    padding: 15px 0;
    background-color: #E1E1E1;
    font-family: 'Gill-Sans','sans-serif';
    font-size: 1.6em;
    padding: 30px 0;
    border-bottom: solid 1px #d9d9d9;
}

    #UltimosTweets .TituloD.yoPri {
        height: 45px !important;
    }

    #UltimosTweets .bx-wrapper {
        position: relative;
        margin: 0 auto 10px;
        padding: 0;
        *zoom: 1;
    }

    #UltimosTweets .redes {
        padding: 10px 0;
    }

        #UltimosTweets .redes .TituloD {
        }

            #UltimosTweets .redes .TituloD a {
                color: #000;
            }

        #UltimosTweets .redes .fa {
        }

        #UltimosTweets .redes .SiguenosContenido a div {
            transition: .2s;
        }

            #UltimosTweets .redes .SiguenosContenido a div:hover {
                box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
                /*box-shadow: 0 27px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22);*/
                /*box-shadow: 0 2px 2px 0 rgb(0, 0, 0),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);*/
            }

        #UltimosTweets .redes .icoFacebookBox {
            border-radius: 50%;
            height: 35px;
            width: 35px;
            background-color: #3d5c99;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }


            #UltimosTweets .redes .icoFacebookBox:hover {
                background: #354667;
            }

            #UltimosTweets .redes .icoFacebookBox:before {
                content: "\f09a";
                color: #fff;
                position: relative;
                top: 22%;
                right: 5px;
            }

        #UltimosTweets .redes .icoTwitterBox {
            border-radius: 50%;
            height: 35px;
            width: 35px;
            background-color: #5ca8dc;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }

            #UltimosTweets .redes .icoTwitterBox:hover {
                background: #354667;
            }

            #UltimosTweets .redes .icoTwitterBox:before {
                content: "\f099";
                color: #fff;
                position: relative;
                top: 22%;
                right: 7px;
            }

        #UltimosTweets .redes .icoYoutubeBox {
            border-radius: 50%;
            height: 35px;
            width: 35px;
            background-color: #db2626;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }

            #UltimosTweets .redes .icoYoutubeBox:hover {
                background: #354667;
            }

            #UltimosTweets .redes .icoYoutubeBox:before {
                content: "\f16a";
                color: #fff;
                position: relative;
                top: 22%;
                right: 9px;
            }

        #UltimosTweets .redes .icoInstagramBox {
            border-radius: 50%;
            height: 35px;
            width: 35px;
            background-color: #a7795d;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }

            #UltimosTweets .redes .icoInstagramBox:hover {
                background: #354667;
            }

            #UltimosTweets .redes .icoInstagramBox:before {
                content: "\f16d";
                color: #fff;
                position: relative;
                top: 22%;
                right: 7px;
            }

        #UltimosTweets .redes .icoFlickrBox {
            /*padding: 10px;*/
            border-radius: 50%;
            height: 35px;
            width: 35px;
            background-color: #8b8b8b;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }

            #UltimosTweets .redes .icoFlickrBox:hover {
                background: #354667;
            }

            #UltimosTweets .redes .icoFlickrBox:before {
                content: "\f16e";
                color: #fff;
                position: relative;
                top: 22%;
                right: 7px;
            }

        #UltimosTweets .redes .icoVineBox {
            border-radius: 50%;
            height: 35px;
            width: 35px;
            background-color: #34b08b;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }

            #UltimosTweets .redes .icoVineBox:hover {
                background: #354667;
            }

            #UltimosTweets .redes .icoVineBox:before {
                content: "\f1ca";
                color: #fff;
                position: relative;
                top: 23%;
                right: 7px;
            }
			
			/*PERSICOPE*/
            #UltimosTweets .redes .icoPeriscopeBox {
            border-radius: 50%;
            height: 35px;
            width: 35px;
            background-color: #3E8AA6;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }

            #UltimosTweets .redes .icoPeriscopeBox:hover {
                background: #354667;
            }

            #UltimosTweets .redes .icoPeriscopeBox .perIcon {                
                color: #fff;
                 
                 position:absolute;
                top: 18%;
                right:5px;
            }
            /*PERSICOPE*/

        #UltimosTweets .redes .icoRssBox {
            border-radius: 50%;
            height: 35px;
            width: 35px;
            background-color: #ee6f2a;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }

            #UltimosTweets .redes .icoRssBox:hover {
                background: #354667;
            }

            #UltimosTweets .redes .icoRssBox:before {
                content: "\f09e";
                color: #fff;
                position: relative;
                top: 23%;
                right: 6px;
            }

        #UltimosTweets .redes .SiguenosContenido {
            padding: 10px 0;
            padding-left: 10px;
        }

            #UltimosTweets .redes .SiguenosContenido .Siguenos {
                font-size: 14px;
                text-align: right;
                margin-top: 11px;
            }

            #UltimosTweets .redes .SiguenosContenido .Siguenosxs {
                font-size: 14px;
                text-align: left;
                padding: 0;
                margin-top: 5px;
                margin-left: 15px;
            }

    #UltimosTweets .TwitterPrincipales {
        position: relative;
        padding-top: 5px;
    }


        #UltimosTweets .TwitterPrincipales .PaddingUT .LinksTuit {
            color: #055656;
            font-size: 18px;
        }

        #UltimosTweets .TwitterPrincipales .PaddingUT .LinksTuit2 {
            color: red;
            font-size: 18px;
        }

        #UltimosTweets .TwitterPrincipales .PaddingUT .ContenedorTuits {
            color: #a9a9a9;
            margin: 0 0 10px 0;
        }

            #UltimosTweets .TwitterPrincipales .PaddingUT .ContenedorTuits .FotoT {
                padding: 0 10px;
                text-align: center;
                margin: 0 auto;
            }

                #UltimosTweets .TwitterPrincipales .PaddingUT .ContenedorTuits .FotoT a {
                    padding: 1px 0;
                    text-align: center;
                    color: #2f2f2f;
                    font-size: 14px;
                    font-weight: bold;
                }

                #UltimosTweets .TwitterPrincipales .PaddingUT .ContenedorTuits .FotoT .BordeBlanco {
                    border: solid 4px #fff;
                }

        #UltimosTweets .TwitterPrincipales .PaddingUT .FotoT .ImgTUsuario {
            text-align: center;
            margin: 0 auto;
            max-width: 200px;
        }


        #UltimosTweets .TwitterPrincipales .PaddingUT .ContenedorTuits .TextoT {
            padding: 10px 2px;
            color: #3e3e3e;
            font-size: 18px;
            display: inline-block;
            margin-bottom: 30px;
            margin-top: 20px;
            font-family: Lato, sans-serif;
        }

@media (max-width: 767px) {
    #UltimosTweets .TwitterPrincipales .PaddingUT {
        padding: 0;
    }

        #UltimosTweets .TwitterPrincipales .PaddingUT .FotoT .ImgTUsuario {
            max-width: 200px;
            text-align: center;
            margin: 0 auto;
        }
}

#TWSimpatizantes {
    border-bottom: solid 1px #d9d9d9;
}

    #TWSimpatizantes .TwitterSimpatizantes {
        padding-top: 10px;
        border-top: solid 1px #eee;
        padding: 20px 0;
    }

        #TWSimpatizantes .TwitterSimpatizantes .TituloD {
            padding: 0 15px;
        }

        #TWSimpatizantes .TwitterSimpatizantes .Contenedor {
            padding: 10px 0;
            display: inline-block;
        }

            #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits {
                color: #a9a9a9;
                padding: 0 8px;
                /*background-image: url(../img/soporte/DegradadoGris.png);*/
            }

                #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .FotoT {
                    padding: 0 10px 0 0;
                    text-align: center;
                }

                    #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .FotoT .ImgTUsuario {
                        /*max-height: 120px;*/
                        margin: 0 auto;
                        max-width: 150px;
                    }

                    #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .FotoT a {
                        padding: 1px 0;
                        text-align: center;
                        color: #2f2f2f;
                        font-size: 14px;
                        font-weight: bold;
                    }

                    #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .FotoT .BordeBlanco {
                        border: solid 4px #fff;
                    }

                    #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .FotoT .ParrafoN {
                        line-height: 13px;
                    }

                    #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .FotoT .ParrafoU {
                        line-height: 13px;
                        margin-top: -5px;
                    }

                #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .TextoT {
                    color: #3e3e3e;
                    font-size: 13px;
                    padding: 0;
                    text-decoration: none;
                    font-family: 'Gill-SansL','sans-serif';
                    font-weight: 600;
                    padding: 5px 10px;
                    margin-bottom: 10px;
                    text-align: center;
                }

                    #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .TextoT a {
                        color: #3e3e3e;
                    }

                        #TWSimpatizantes .TwitterSimpatizantes .Contenedor .ContenedorTuits .TextoT a:hover {
                            color: red;
                            text-decoration: none;
                        }

        #TWSimpatizantes .TwitterSimpatizantes .fa.fa-heart {
            color: red;
        }

/* ==========================================================================
   Sección de *UltimasNoticias*
   ========================================================================== */
.zoomimg {
    display: inline-block;
    width: 250px;
    height: 375px;
    padding: 0px 5px 0px 5px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease;
}

    .zoomimg:hover {
        cursor: pointer;
        background-size: 150% 150%;
    }

#NoticiasPrincipales {
    position: relative;
    min-height: 260px;
    height: auto;
    background-color: #E1E1E1;
    padding-top: 20px;
    border-bottom: solid 1px #d9d9d9;
}

    #NoticiasPrincipales .Contenidos {
        padding-left: 15px;
    }


    #NoticiasPrincipales .tituloContent {
        margin-top: 30px;
        color: #000;
    }

        #NoticiasPrincipales .tituloContent a {
            color: #000;
        }

    #NoticiasPrincipales .tituloContent1 {
        margin-top: 30px;
        text-align: right;
        color: #000;
        font-size: 13px;
        padding-right: 10px;
    }

        #NoticiasPrincipales .tituloContent1 a {
            color: #000;
            text-decoration: none;
            padding-right: 10px;
        }

            #NoticiasPrincipales .tituloContent1 a:hover {
                color: red;
            }



    #NoticiasPrincipales .col-xs-1,
    #NoticiasPrincipales .col-xs-2,
    #NoticiasPrincipales .col-xs-3,
    #NoticiasPrincipales .col-xs-4,
    #NoticiasPrincipales .col-xs-5,
    #NoticiasPrincipales .col-xs-6,
    #NoticiasPrincipales .col-xs-7,
    #NoticiasPrincipales .col-xs-8,
    #NoticiasPrincipales .col-xs-9,
    #NoticiasPrincipales .col-xs-10,
    #NoticiasPrincipales .col-xs-11,
    #NoticiasPrincipales .col-xs-12,
    #NoticiasPrincipales .col-sm-1,
    #NoticiasPrincipales .col-sm-2,
    #NoticiasPrincipales .col-sm-3,
    #NoticiasPrincipales .col-sm-4,
    #NoticiasPrincipales .col-sm-5,
    #NoticiasPrincipales .col-sm-6,
    #NoticiasPrincipales .col-sm-7,
    #NoticiasPrincipales .col-sm-8,
    #NoticiasPrincipales .col-sm-9,
    #NoticiasPrincipales .col-sm-10,
    #NoticiasPrincipales .col-sm-11,
    #NoticiasPrincipales .col-sm-12,
    #NoticiasPrincipales .col-md-1,
    #NoticiasPrincipales .col-md-2,
    #NoticiasPrincipales .col-md-3,
    #NoticiasPrincipales .col-md-4,
    #NoticiasPrincipales .col-md-5,
    #NoticiasPrincipales .col-md-6,
    #NoticiasPrincipales .col-md-7,
    #NoticiasPrincipales .col-md-8,
    #NoticiasPrincipales .col-md-9,
    #NoticiasPrincipales .col-md-10,
    #NoticiasPrincipales .col-md-11,
    #NoticiasPrincipales .col-md-12,
    #NoticiasPrincipales .col-lg-1,
    #NoticiasPrincipales .col-lg-2,
    #NoticiasPrincipales .col-lg-3,
    #NoticiasPrincipales .col-lg-4,
    #NoticiasPrincipales .col-lg-5,
    #NoticiasPrincipales .col-lg-6,
    #NoticiasPrincipales .col-lg-7,
    #NoticiasPrincipales .col-lg-8,
    #NoticiasPrincipales .col-lg-9,
    #NoticiasPrincipales .col-lg-10,
    #NoticiasPrincipales .col-lg-11,
    #NoticiasPrincipales .col-lg-12 {
        padding-right: 5px;
        padding-left: 5px;
    }


    #NoticiasPrincipales .ContenedorNoticiasPrincipales {
        margin-top: 20px;
        margin-bottom: 25px;
    }


        #NoticiasPrincipales .ContenedorNoticiasPrincipales a {
            text-decoration: none;
            display: block;
        }


        #NoticiasPrincipales .ContenedorNoticiasPrincipales #NoticiaBox {
            height: 450px;
        }

@media (min-width: 992px) {
    #NoticiasPrincipales .ContenedorNoticiasPrincipales #NoticiaBox:nth-child(2n) {
        margin-top: 0px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    #NoticiasPrincipales .ContenedorNoticiasPrincipales #NoticiaBox img {
        right: 50%;
    }
}

@media (max-width: 767px) {
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1.ColorBN img,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3.ColorBN img,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2.ColorBN img {
        width: 100%;
    }
}


@media (max-width: 500px) {
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1.ColorBN img,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3.ColorBN img,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2.ColorBN img {
        width: 100%;
        height: 200px !important;
    }

    /*ACG
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2.ColorBN img {
      width: 100%;
  
    }*/


    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 .imgContent {
        overflow: hidden;
        height: 200px !important;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales #NoticiaBox {
        height: auto !important;
    }


    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 {
        overflow: hidden;
        min-height: 250px !important;
        max-height: 500px;
    }
}


@media (min-width: 900px) {

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1.ColorBN img,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2.ColorBN img,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3.ColorBN img {
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
        filter: grayscale(1);
    }
    /*ACG
        #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2.ColorBN img {
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
        filter: grayscale(1);
    }*/

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .ColorBN:hover img {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        -ms-transition-duration: 1s;
        transition-duration: 1s;
    }
}

#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1,
#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3 {
    overflow: hidden;
    margin-bottom: 20px;
}

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1 .imgContent,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3 .imgContent {
        overflow: hidden;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1 .noticiaContent,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3 .noticiaContent {
        padding: 15px 15px 0 15px;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1 .LugarNP,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3 .LugarNP {
        color: #DC0E0D;
        font-size: 11px;
        display: block;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1 .FechaNP,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3 .FechaNP {
        color: #DC0E0D;
        font-size: 11px;
        display: block;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1 .TituloNP,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3 .TituloNP {
        text-align: justify;
        color: #000;
        font-size: 11px;
        display: block;
        line-height: 13px;
        margin-top: 5px;
    }

    /* ACG
        #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1.ColorBN img,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3.ColorBN img
        */

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1 img,
    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3 img {
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        -ms-transition-duration: 1s;
        transition-duration: 1s;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        overflow: hidden;
        height: 425px;
    }

/* ACG
        #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2.ColorBN img*/
#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 img {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#NoticiasPrincipales .ContenedorNoticiasPrincipales:hover img {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1 .IR {
    color: #fff;
    font-size: 15px;
    padding: 15px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background: #000;
    background: rgba(0,0,0,0.4);
    height: 50px;
}

#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1:hover img,
#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2:hover img,
#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-3:hover img {
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-1:hover .IR {
    height: 50px;
    margin: 0;
    transform: translateY(-148px);
    -moz-transform: translateY(-148px);
    -webkit-transform: translateY(-148px);
    -o-transform: translateY(-148px);
    -ms-transform: translateY(-148px);
    background: #000;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 15px;
}


/*----------------------------------------------------------------------------------*/
#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 {
    overflow: hidden;
    min-height: 450px;
    max-height: 500px;
}

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 .imgContent {
        overflow: hidden;
        height: 325px;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 .noticiaContent {
        padding: 5px 15px 0 15px;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 .LugarNP {
        color: #c0100e;
        font-size: 11px;
        display: block;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 .FechaNP {
        color: #c0100e;
        font-size: 11px;
        display: block;
    }

    #NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaP-2 .TituloNP {
        text-align: justify;
        color: #000;
        font-size: 1.6rem;
        display: block;
        line-height: 20px;
        margin-top: 5px;
    }


/* ===========
   NO USED
   ======== */
#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaPC .IR {
    color: #fff;
    font-size: 15px;
    padding: 15px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background: #000;
    background: rgba(0,0,0,0.4);
    height: 50px;
}
/*No used*/
#NoticiasPrincipales .ContenedorNoticiasPrincipales .NoticiaPC:hover .IR {
    height: 50px;
    margin: 0;
    transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    background: #000;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 15px;
}

.hvr-shadow2 {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

    .hvr-shadow2:hover, .hvr-shadow2:focus, .hvr-shadow2:active {
        box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    }
/* ===========
   NO USED
   ======== */

/* ==========================================================================
   Sección de *Junstos lo estamos logrando*
   ========================================================================== */


@media(max-width: 478px) {
    #JuntosLoEstamosLograndoHome .titulo {
        font-size: 8px;
    }

    .videoTextoClonado .videoContentBox {
        text-align: left;
    }
}

#JuntosLoEstamosLograndoHome .Contenidos {
    padding-left: 10px;
}

#JuntosLoEstamosLograndoHome .tituloContent {
    margin-top: 30px;
    color: #000;
    margin-top: 70px;
    margin-bottom: 35px;
}

    #JuntosLoEstamosLograndoHome .tituloContent .VerSitio {
        float: right;
        padding-top: 40px;
    }

    #JuntosLoEstamosLograndoHome .tituloContent h2 {
        display: inline;
        padding: 2px 4px !important;
    }

    #JuntosLoEstamosLograndoHome .tituloContent a {
        color: #000;
    }

#JuntosLoEstamosLograndoHome .tituloContent1 {
    margin-top: 30px;
    text-align: right;
    color: #000;
    font-size: 13px;
    padding-right: 10px;
    margin-top: 70px;
    margin-bottom: 35px;
}

    #JuntosLoEstamosLograndoHome .tituloContent1 a {
        color: #000;
        text-decoration: none;
        padding-right: 10px;
    }

        #JuntosLoEstamosLograndoHome .tituloContent1 a:hover {
            color: red;
        }

    #JuntosLoEstamosLograndoHome .tituloContent1 h2 {
        display: inline;
        padding: 2px 4px !important;
    }

#JuntosLoEstamosLograndoHome .menu {
    font-size: 18px;
    height: 460px;
}

    #JuntosLoEstamosLograndoHome .menu .iconoJL {
        color: #fff;
        font-size: 32px;
    }



@media only screen and (max-width: 768px) {
    #JuntosLoEstamosLograndoHome .menu {
        font-size: 15px !important;
    }
}

@media only screen and (max-width: 490px) {
    #JuntosLoEstamosLograndoHome .menu {
        font-size: 12px !important;
    }
}

#JuntosLoEstamosLograndoHome {
    background: rgba(225, 225, 225, 0.6);
}

    #JuntosLoEstamosLograndoHome .menu .fila1 {
    }

        #JuntosLoEstamosLograndoHome .menu .fila1 .economiaEmpleo {
            width: 33.33%;
            height: 150px;
            float: left;
           /*  background-color: #C12F53; */
		   background-color: #4AC1E1;
            color: #fff;
            text-align: center;
            padding-top: 40px;
        }

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

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

            #JuntosLoEstamosLograndoHome .menu .fila1 .economiaEmpleo .titulo {
                font-family: 'Gill-SansL';
                display: block;
                color: #fff;
                padding-top: 10px;
            }

        #JuntosLoEstamosLograndoHome .menu .fila1 .proteccionSeguridadSalud {
            width: 33.33%;
            height: 150px;
            float: left;
            /* background-color: #ff3e63; */
			background-color: #FC9805;
            color: #fff;
            text-align: center;
            padding-top: 40px;
        }

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

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

            #JuntosLoEstamosLograndoHome .menu .fila1 .proteccionSeguridadSalud .titulo {
                font-family: 'Gill-SansL';
                display: block;
                color: #fff;
                padding-top: 10px;
            }

        /* #JuntosLoEstamosLograndoHome .menu .fila1 .InfraestructuraDesarrollo { */
		#JuntosLoEstamosLograndoHome .menu .fila2 .InfraestructuraDesarrollo {
            width: 33.33%;
            height: 150px;
            float: left;
            /* background-color: #d0434b; */
			background-color: #F85754;
            color: #fff;
            text-align: center;
            padding-top: 40px;
        }

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

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

            #JuntosLoEstamosLograndoHome .menu .fila1 .InfraestructuraDesarrollo .titulo {
                font-family: 'Gill-SansL';
                display: block;
                color: #fff;
                padding-top: 10px;
            }

    #JuntosLoEstamosLograndoHome .menu .fila2 {
    }

        #JuntosLoEstamosLograndoHome .menu .fila2 .agriculturaMedioAmbiente {
            width: 33.33%;
            height: 150px;
            float: left;
            /* background-color: #FF9E98; */
			background-color: #9F72D7;
            color: #fff;
            text-align: center;
            padding-top: 30px;
        }

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

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

            #JuntosLoEstamosLograndoHome .menu .fila2 .agriculturaMedioAmbiente .titulo {
                font-family: 'Gill-SansL';
                display: block;
                color: #fff;
                padding-top: 10px;
            }

        #JuntosLoEstamosLograndoHome .menu .fila2 .educacionCultura {
            width: 33.33%;
            height: 150px;
            float: left;
            /* background-color: #C9CAAA; */
			background-color: #00BC6E;
            color: #fff;
            text-align: center;
            padding-top: 40px;
        }

            #JuntosLoEstamosLograndoHome .menu .fila2 .educacionCultura a {
                text-decoration: none;
            }

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

            #JuntosLoEstamosLograndoHome .menu .fila2 .educacionCultura .titulo {
                font-family: 'Gill-SansL';
                display: block;
                color: #fff;
                padding-top: 10px;
            }

       /*  #JuntosLoEstamosLograndoHome .menu .fila2 .restaurarConfianzaCiudadana { */
	    #JuntosLoEstamosLograndoHome .menu .fila1 .restaurarConfianzaCiudadana {
            width: 33.33%;
            height: 150px;
            float: left;
            /* background-color: #6AB1AB; */
			background-color: rgba(128, 128, 128, 0.97);
            color: #fff;
            text-align: center;
            padding-top: 15px;
        }

            #JuntosLoEstamosLograndoHome .menu .fila2 .restaurarConfianzaCiudadana a {
                text-decoration: none;
            }

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

            #JuntosLoEstamosLograndoHome .menu .fila2 .restaurarConfianzaCiudadana .titulo {
                font-family: 'Gill-SansL';
                display: block;
                color: #fff;
                padding-top: 10px;
            }
/* ==========================================================================
   Sección de *Yo Soy Priista*
   ========================================================================== */
@media only screen and (max-width: 768px) {
    #yoSoyPriista .logoYoSoyPRI {
    }

    #yoSoyPriista .contenido .imagenSoyPri {
        text-align: center;
    }

    #yoSoyPriista .logoYoSoyPRI img {
        height: 100px !important;
    }
}

#yoSoyPriista .hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#yoSoyPriista .hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

#yoSoyPriista .hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

#yoSoyPriista .hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

#yoSoyPriista .hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

#yoSoyPriista .hvr-float {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

    #yoSoyPriista .hvr-float:hover,
    #yoSoyPriista .hvr-float:focus,
    #yoSoyPriista .hvr-float:active {
        transform: translateY(-8px);
    }

#yoSoyPriista {
    background: #fff;
    min-height: 400px;
    margin: 0 !important;
    padding: 20px 0;
}

    #yoSoyPriista .Conts {
        padding: 0 !important;
    }

        #yoSoyPriista .Conts .titulo {
            display: inline-block;
            position: absolute;
            top: 20px;
            margin-left: 40px;
        }

@media (max-width: 992px) {
    #yoSoyPriista .Conts .titulo {
        display: inline !important;
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0;
    }
}

#yoSoyPriista .contenido {
    margin: 0 !important;
    padding: 5px;
}

#yoSoyPriista .bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
    padding-bottom: 30px;
}

#yoSoyPriista .buttonYoSoyPriista {
    text-align: center;
    margin-bottom: 50px;
}

    #yoSoyPriista .buttonYoSoyPriista a {
        color: red;
        color: #fff;
        background-color: #01A657;
        border-color: #4cae4c;
        padding: 10px;
        margin-top: 5px;
    }

#yoSoyPriista .logoYoSoyPRI {
    text-align: center;
}

#yoSoyPriista .contenido .imagenSoyPri img {
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    width: 200px !important;
    height: 200px !important;
    margin: 2px auto;
}


#yoSoyPriista .contenido .LinkNotas {
    text-decoration: none;
    color: #333;
}

#yoSoyPriista .contenido .textoYoSoyPRI {
    margin-top: 30px;
	color: #3e3e3e;
    font-size: 18px;
    font-family: Lato, sans-serif;
}

    #yoSoyPriista .contenido .textoYoSoyPRI p .strong {
        color: #DC0E0D;
        font-weight: 800;
    }

    #yoSoyPriista .contenido .textoYoSoyPRI p {
        text-align: justify;
        padding: 0;
    }

/* ==========================================================================
   Sección de *Infórmate y hagamos más*
   ========================================================================== */

/* tamaño imagen de Infórmate y hagamos más para moviles======================================informatee===*/
@media (max-width: 409px) {


    #Informate .sliderInformate {
        height: 190px !important;
        padding-bottom: 0px !important;
        background-color: transparent;
        padding: 8px;
    }

    #Informate .CInformate {
        padding-bottom: 0px !important;
    }

    #Informate .CFelicitaciones img {
        height: 200px !important;
    }
}

@media (min-width: 410px) {

    #Informate .sliderInformate {
        height: 300px !important;
        padding-bottom: 0px !important;
        background-color: transparent;
        padding: 8px;
    }

    #Informate .CInformate {
        padding-bottom: 0px !important;
    }

    #Informate .CFelicitaciones img {
        height: 300px !important;
    }
}

/* tamaño imagen de Infórmate y hagamos más para moviles======================================informatee===*/

@media (max-width: 767px) {
    #Informate {
        /*max-height: 800px !important;*/
    }

    .sliderInformate {
        /*display: none;*/
    }
}

@media (max-width: 767px) {
    .CFelicitaciones22 {
        margin-top: 0 !important;
        text-align: center;
        padding: 0;
    }

        .CFelicitaciones22 img {
            display: inline;
        }
}

#Informate {
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
    padding-top: 10px;
    background-color: #fff;
    padding: 30px 0 60px 0;
    border-bottom: solid 1px #d9d9d9;
}

    #Informate .FelicidadesC {
        border: solid 1px green;
    }

        #Informate .FelicidadesC .Contenidos {
            padding-left: 10px;
        }

            #Informate .FelicidadesC .Contenidos .tituloContent {
                margin-top: 30px;
                color: #000;
                padding-top: 2px;
            }

#PanelInformateYHagamosMas {
}

    #PanelInformateYHagamosMas #SoloUnInformate {
        height: 300px !important;
        overflow: hidden;
        margin-top: 26px;
        padding: 0 !important;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    }

#Informate #SoloUnInformate .CFelicitaciones {
    /*min-height: 280px;*/
    background-color: #fff;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    overflow: hidden;
    /*border: dashed 1px gray;*/
}

    #Informate #SoloUnInformate .CFelicitaciones .TitulosInformas {
        position: absolute;
        left: 10px;
        color: #fff;
        background-color: rgba(39, 39, 39, 0.39);
        padding: 5px;
        top: 60%;
        margin-bottom: 20px;
        font-size: 14px;
        font-family: Gill-SansL;
        font-weight: bold;
        line-height: 15px;
    }


    #Informate #SoloUnInformate .CFelicitaciones img,
    #Informate .sliderInformate .CFelicitaciones img {
        width: 100%;
        height: 100%;
    }

#Informate .sliderInformate .CFelicitaciones .TitulosInformas {
    position: absolute;
    left: 0px;
    color: #fff;
    background-color: rgba(39, 39, 39, 0.6);
    padding: 7px;
    top: 60%;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Gill-SansL;
    font-weight: bold;
    line-height: 15px;
}


#Informate .bx-wrapper {
}

#Informate .titulo {
    font-size: 20px;
    padding-top: 10px;
}

#Informate .CInformate {
    /*min-height: 250px;*/
    height: 265px;
    height: auto !important;
    padding-bottom: 20px;
}

    #Informate .CInformate .Contenidos {
        padding-left: 5px;
    }

    #Informate .CInformate .tituloContent {
        margin-top: 30px;
        color: #000;
    }

        #Informate .CInformate .tituloContent a {
            color: #000;
        }

    #Informate .CInformate .tituloContent1 {
        margin-top: 30px;
        text-align: right;
        color: #000;
        font-size: 13px;
        padding-right: 10px;
    }

        #Informate .CInformate .tituloContent1 a {
            color: #000;
            text-decoration: none;
            padding-right: 10px;
        }

            #Informate .CInformate .tituloContent1 a:hover {
                color: red;
            }

#Informate .sliderInformate {
    height: 422px !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

#Informate .CFelicitaciones {
    background-color: #fff;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    overflow: hidden;
    /*border: dashed 1px gray;*/
}
    /*
#Informate .CFelicitacionesT {
    background-color: transparent;
    border: dashed 1px gray;
    padding: 8px;
}
*/
    #Informate .CFelicitaciones .tituloFelicita {
        font-size: 14px;
        color: #1e1e1e;
        text-transform: none;
        font-family: 'Gill-SansL';
    }

    #Informate .CFelicitaciones .nombre {
        color: #e00421;
        font-family: 'Gill-SansL';
        font-weight: 800;
    }

    #Informate .CFelicitaciones img {
        text-align: center;
        margin: 0 auto;
        height: 120px;
        width: 120px;
    }

    #Informate .CFelicitaciones img {
        text-align: center;
        margin: 0 auto;
        height: 120px;
        width: 120px;
    }

        #Informate .CFelicitaciones img.Circulo {
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -khtml-border-radius: 50%;
            margin: 0 auto;
            display: inline-block;
        }

    #Informate .CFelicitaciones .Felicidades {
        padding: 5px 0;
        font-size: 20px;
        color: #02853c;
    }

    #Informate .CFelicitaciones:hover {
        -webkit-transition: -webkit-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        -moz-transition: -moz-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        -o-transition: -o-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        -ms-transition: -ms-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        transition: box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        -webkit-box-shadow: -2px 2px 30px -1px rgba(204,204,204,1);
        -moz-box-shadow: -2px 2px 30px -1px rgba(204,204,204,1);
        box-shadow: -2px 2px 30px -1px rgba(204,204,204,1);
        border-radius: 8px 8px 8px 8px;
        -moz-border-radius: 8px 8px 8px 8px;
        -webkit-border-radius: 8px 8px 8px 8px;
        /*border: dashed 1px gray;*/
    }

.widget {
    -webkit-transition: -webkit-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
    -moz-transition: -moz-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
    -o-transition: -o-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
    -ms-transition: -ms-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
    transition: box-shadow 0.35s ease-out, font-size 0.35s ease-out;
}


#Informate .encuestaMarihuanaBox {
    /*margin-top: 25px;*/
}

    #Informate .encuestaMarihuanaBox .tituloBox {
        margin-top: 20px;
        margin-bottom: 30px;
        text-align: center;
    }

        #Informate .encuestaMarihuanaBox .tituloBox .IconSeccion {
            padding: 10px;
            border-radius: 50%;
            background-color: #05AC5F;
            color: #FFFFFF;
            font-size: 18px;
            position: relative;
            margin: 0 15px;
        }

        #Informate .encuestaMarihuanaBox .tituloBox h2 {
            display: inline;
            font-weight: 800;
        }

    #Informate .encuestaMarihuanaBox .OXox {
    }

    #Informate .encuestaMarihuanaBox .videoBox .video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    #Informate .encuestaMarihuanaBox .action {
        margin-top: 10px;
        text-align: center;
    }

        #Informate .encuestaMarihuanaBox .action .tituloEncuesta {
            font-weight: 800;
            display: block;
        }

        #Informate .encuestaMarihuanaBox .action button {
            color: #fff;
            background-color: #01A657;
            border-color: #4cae4c;
            padding: 10px;
            margin-top: 5px;
        }

@media (min-width: 991px) {
    #Informate .encuestaMarihuanaBox .videoBox {
        /*width: 350px;
        margin: 64px auto;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);*/
        /* width: 350px; */
    /* margin: 64px auto; */
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        }
}

@media (max-width: 992px) {
    #Informate .encuestaMarihuanaBox .videoBox {
        /*border: solid 1px pink;*/
    }
}

@media (max-width: 409px) {
    #Informate .encuestaMarihuanaBox {
        /*margin-top: -70px;
        margin-bottom: 30px;*/
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    #Informate #PanelInformateYHagamosMas .tituloContent h2 {
        display: block;
    }
}
/* ==========================================================================
   Sección de *BLOG*
   ========================================================================== */

#Blog {
    background-color: #eee;
    opacity: 0.98;
    min-height: 450px;
    height: 450px;
    height: auto !important;
    position: relative;
}

    #Blog .Tarjeta:hover {
        -webkit-transition: -webkit-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        -moz-transition: -moz-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        -o-transition: -o-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        -ms-transition: -ms-box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        transition: box-shadow 0.35s ease-out, font-size 0.35s ease-out;
        -webkit-box-shadow: -2px 2px 30px -1px rgba(204,204,204,1);
        -moz-box-shadow: -2px 2px 30px -1px rgba(204,204,204,1);
        box-shadow: -2px 2px 30px -1px rgba(204,204,204,1);
        /*border-radius: 8px 8px 8px 8px;
        -moz-border-radius: 8px 8px 8px 8px;
        -webkit-border-radius: 8px 8px 8px 8px;
            */
        border: 0px solid #000000;
        cursor: pointer;
    }

    #Blog .Tarjeta .textoImg {
        opacity: 1;
    }

    #Blog .Tarjeta:hover .textoImg {
        opacity: 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

    #Blog a {
        text-align: center;
        margin: 0 25%;
    }

    #Blog .imagen {
        text-align: center;
        margin: 0 auto;
        height: 150px;
        width: 150px;
        border: solid 2px #7d7076;
    }
    /*BLUR*/
    #Blog .bluraizum img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

    #Blog .bluraizum:hover img {
        -webkit-filter: blur(3px);
    }

    #Blog .Circulo {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        margin: 0 auto;
        display: inline-block;
    }

    #Blog p {
        padding: 0 2px 2px;
    }

    #Blog .titulo {
        font-size: 14px;
        text-align: justify;
        text-transform: uppercase;
        font-weight: 700;
    }

    #Blog .fecha {
        font-size: 12px;
        color: #981616;
    }

    #Blog .HechoPor {
        color: #0f0f0f;
        font-size: 11px;
    }

    #Blog .Cargo {
        color: #0f0f0f;
        font-size: 11px;
        text-align: justify;
        padding: 2px;
    }


#blog2 {
    position: relative;
    z-index: 1;
    background-color: #e1e1e1;
    padding-bottom: 50px;
    padding-top: 50px;
    border-bottom: solid 1px #d9d9d9;
}

    #blog2 .Contenidos {
        padding-left: 5px;
    }

    #blog2 .tituloContent {
        color: #000;
        margin-top: 20px;
        margin-bottom: 0;
    }

        #blog2 .tituloContent a {
            color: #000;
        }

    #blog2 .tituloContent1 {
        margin-top: 30px;
        text-align: right;
        color: #000;
        font-size: 13px;
        padding-right: 10px;
        margin-top: 20px;
        margin-bottom: 0;
    }

        #blog2 .tituloContent1 a {
            color: #000;
            text-decoration: none;
            padding-right: 10px;
        }

            #blog2 .tituloContent1 a:hover {
                color: red;
            }

    #blog2 .blogCard {
        min-height: 250px;
        background-color: #e1e1e1;
        margin-bottom: 5px;
    }

        #blog2 .blogCard a {
            text-decoration: none;
            color: #474747;
        }

        #blog2 .blogCard .cardContent {
            padding: 5px 20PX;
        }

            #blog2 .blogCard .cardContent .imgBox {
                text-align: center;
            }

                #blog2 .blogCard .cardContent .imgBox img {
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    border: solid 1px #8D8D8D;
                    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
                }

                #blog2 .blogCard .cardContent .imgBox:hover img {
                    -webkit-transform: rotateY(360deg);
                    -moz-transform: rotateY(360deg);
                    -ms-transform: rotateY(360deg);
                    transform: rotateY(360deg);
                }


            #blog2 .blogCard .cardContent .textBbox {
                margin-top: 15px;
            }

                #blog2 .blogCard .cardContent .textBbox h5 {
                    font-size: 13px;
                    color: #000;
                    font-family: Gill-Sans, sans-serif;
                    margin: 0;
                }

                #blog2 .blogCard .cardContent .textBbox .fecha {
                    color: #DC0E0D;
                    display: block;
                    margin-top: 1px;
                    font-size: 11px;
                    margin-bottom: 8px;
                    padding: 0;
                }

                #blog2 .blogCard .cardContent .textBbox .autor {
                    display: block;
                    font-size: 10px;
                }

                #blog2 .blogCard .cardContent .textBbox .cargo {
                    display: block;
                }

@media (max-width: 991px) {
    #blog2 .blogCard .cardContent .textBbox {
        text-align: center;
    }
}

@media (max-width: 991px) {
    #blog2 .blogCard .cardContent .imgBox img {
        width: 150px;
        height: 150px;
    }
}

.imgCardUltimasNoticias {
    width: 100%;
}

.imgBack {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: rgb(237, 237, 237);
    height: 445px;
}

.icoWrapper {
}

    .icoWrapper .Margen10 {
        margin-top: -10px;
    }


.tituloContent a {
    text-decoration: none;
}

.tituloContentHT {
    margin-top: 5px;
}


.tituloContent .IconSeccion {
    padding: 10px;
    border-radius: 50%;
    background-color: #05AC5F;
    color: #FFFFFF;
    font-size: 18px;
    position: relative;
    margin: 0 15px;
}

.tituloContent h2 {
    display: inline;
    padding: 0;
}

    .tituloContent h2 strong {
    }

.icoWrapper .IconosV {
    background: #04AC5F;
    color: #FFFFFF;
    border-radius: 50%;
    padding: 6px;
}

.IconosV {
    /*float: left;*/
    margin: -2px 5px 0 10px;
    font-size: 25px;
    color: #009040;
}

.IconosV1 {
    /*float: left;*/
    margin: -10px 5px 0 10px;
    font-size: 25px;
    color: #009040;
}

.IconosV1 {
    /*float: left;*/
    margin: -5px 5px 0 10px;
    font-size: 25px;
    color: #009040;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?gf2hzf');
    src: url('../fonts/icomoon.eot?gf2hzf#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?gf2hzf') format('truetype'), url('../fonts/icomoon.woff?gf2hzf') format('woff'), url('../fonts/icomoon.svg?gf2hzf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-mapaMexico:before {
    content: "\e900";
}


/***********************Area*********************JPC******* */
#areasTitulo {
    background: rgba(255,255,255,0.95);
    color: #000;
    height: 95px;
}
    /*ok*/
    #areasTitulo .areas-Titulo {
        height: 95px;
        padding-top: 40px;
        padding-left: 25px;
    }
/*ok*/
#areas {
    background: rgba(255,255,255,0.99);
}
/*ok*/
.areas-imge {
    background-color: #de2304;
    height: 80px;
    min-height: 80px;
    height: auto !important;
}
/*ok*/
.estadosBox .row {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}
/*ok*/
.contenedor-img {
    width: 100%;
    height: 100%;
    border-radius: 10%;
    position: relative;
    cursor: default;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
}
/*ok*/
.TresD {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
    /*ok*/
    .TresD > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-position: center center;
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        transition: all 0.4s linear;
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
    /*ok*/
    .TresD .TresD-back {
        -webkit-transform: translate3d(0,0,-200px) rotate3d(1,0,0,90deg);
        -moz-transform: translate3d(0,0,-200px) rotate3d(1,0,0,90deg);
        -o-transform: translate3d(0,0,-200px) rotate3d(1,0,0,90deg);
        -ms-transform: translate3d(0,0,-200px) rotate3d(1,0,0,90deg);
        transform: translate3d(0,0,-200px) rotate3d(1,0,0,90deg);
        background: #66514e;
        opacity: 0;
        cursor: pointer;
    }
    /*ok*/
    .TresD p {
        color: #fff;
        padding: 10px 5px;
        margin: 0 5px;
        font-size: 8px;
        border-top: 1px solid rgba(255,255,255,0.5);
    }
/*ok*/
.cultura {
    background-image: url(../img/areas/Cultura.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
/*ok*/
.Indigenas {
    background-image: url(../img/areas/Indigenas.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.Img-2 {
    background-image: url(../img/areas/Area1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.asuntos_migrantes {
    background-image: url(../img/areas/Migrantes.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.gestionSocial {
    background-image: url(../img/areas/GestionSocial.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.deporte {
    background-image: url(../img/areas/Deporte.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.personas_con_disc {
    background-image: url(../img/areas/Discapacidad.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.sociedad_civil {
    background-image: url(../img/areas/SociedadCivil.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.asuntos_internacionales {
    background-image: url(../img/areas/Internacionales.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.biblioteca {
    background-image: url(../img/areas/Biblioteca.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.defensoria_militantes {
    background-image: url(../img/areas/Defensoria.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.juridico {
    background-image: url(../img/areas/Juridico.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.Estrategias_Digitales {
    background-image: url(../img/areas/EstrategiasDigitales.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*ok*/
.ch-grid {
    margin: 0px 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 100%;
}
    /*ok*/
    .ch-grid li {
        width: 80px;
        height: 80px;
        display: inline-block;
        margin-left: -2px;
        margin-right: -2px;
        margin-bottom: -6px;
    }
/*ok*/
.contenedor-img:hover .TresD-front {
    -webkit-transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg);
    opacity: 0;
    cursor: pointer;
}
/*ok*/
.contenedor-img:hover .TresD-back {
    -webkit-transform: rotate3d(1,0,0,0deg);
    -moz-transform: rotate3d(1,0,0,0deg);
    -o-transform: rotate3d(1,0,0,0deg);
    -ms-transform: rotate3d(1,0,0,0deg);
    transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}
/*ok*/


.container a {
    text-decoration: none;
}

    .container a:hover {
        text-decoration: none;
    }

.contenedorareas {
    background: #DE2304;
    box-shadow: 0 1px 0.5px 0 rgba(0,0,0,.12),0 0px 0px -2px rgba(0,0,0,.1),0 0px 3px 0 rgba(0,0,0,.10);
    margin-top: 10px;
    padding-top: 5px;
    color: #fff;
}

/***********************Area*********************JPC******* */

/***********************LINKS OFICIALES*************************** */
#Areas-Organismos-GF {
    min-height: 350px;
    height: 350px;
    height: auto !important;
    background: #fff;
    color: #000;
}
    /*ok*/
    #Areas-Organismos-GF .Sectores-Organismos {
        padding: 40px 80px 10px 80PX;
        background: #fff;
    }
        /*ok*/

        #Areas-Organismos-GF .Sectores-Organismos .Sectores {
            padding: 5px;
            text-align: center;
        }
            /*ok*/
            #Areas-Organismos-GF .Sectores-Organismos .Sectores .TituloS {
                padding: 5px 0 20px 0;
            }
            /*ok*/
            #Areas-Organismos-GF .Sectores-Organismos .Sectores .btnCNC {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Sectores/btnCNC.jpg);
                display: inline-block;
                position: relative;
                padding: 2px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Sectores .btnCTM {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Sectores/btnCTM.jpg);
                display: inline-block;
                position: relative;
                padding: 2px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Sectores .btnCNOP {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Sectores/btnCNOP.jpg);
                display: inline-block;
                position: relative;
                padding: 2px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Sectores a:hover {
                background-position: bottom;
            }

        #Areas-Organismos-GF .Sectores-Organismos .Organismos {
            padding: 5px;
            text-align: center;
        }
            /*ok*/
            #Areas-Organismos-GF .Sectores-Organismos .Organismos .TituloO {
                padding: 5px 0 20px 0;
            }
            /*ok*/
            #Areas-Organismos-GF .Sectores-Organismos .Organismos .btnColosio {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Organismos/btnColosio.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 6px;
                background-repeat: no-repeat;
            }
			
			
			 #Areas-Organismos-GF .Sectores-Organismos .Organismos .btnUR {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Organismos/btnUR.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 6px;
                background-repeat: no-repeat;
            }
			

            #Areas-Organismos-GF .Sectores-Organismos .Organismos .btnIRHN {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Organismos/btnIRH.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 6px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Organismos .btnONMPRI {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Organismos/btnONMPRI.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 6px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Organismos .btnMT {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Organismos/btnMT.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 6px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Organismos .btnFJR {
                width: 76px;
                height: 72px;
                background-image: URL(../img/Organismos/btnFJR.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 6px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Organismos .btnFENAM {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Organismos/btnFENAM.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 6px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Organismos .btnPRIMX {
                width: 89px;
                height: 76px;
                background-image: URL(../img/Organismos/PRImx.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 6px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Sectores-Organismos .Organismos a:hover {
                background-position: bottom;
            }

    #Areas-Organismos-GF .Secretarias-GF {
        padding: 5px 50PX;
        background: #fff;
        text-align: center;
    }
        /*ok*/
        #Areas-Organismos-GF .Secretarias-GF .GF {
            padding: 5px;
            text-align: center;
        }
            /*ok*/
            #Areas-Organismos-GF .Secretarias-GF .GF .TituloG {
                padding: 0 0 5px 0;
            }
            /*ok*/
            #Areas-Organismos-GF .Secretarias-GF .GF .btnPresidencia {
                width: 183px;
                height: 81px;
                background-image: URL(../img/Federal/btnPresidenciaRep.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 10px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Secretarias-GF .GF .btnSenado {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Federal/btnSenado.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 10px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Secretarias-GF .GF .btnDiputadosFederales {
                width: 76px;
                height: 76px;
                background-image: URL(../img/Federal/btnDiputados.jpg);
                display: inline-block;
                position: relative;
                padding: 2px 10px;
                background-repeat: no-repeat;
            }

            #Areas-Organismos-GF .Secretarias-GF .GF a:hover {
                background-position: bottom;
            }
/***********************LINKS OFICIALES*************************** */

/***********************LINKS ESTADOS*************************** */
#entidades .areas-entidad {
    padding: 10px 0;
    color: #fff;
    background-color: rgba(254, 254, 254, 0.25);
}

.h2blancoE {
    font-size: 20px;
}

#entidades .areas-entidad .TituloEntidades {
    padding-left: 5px;
}

    #entidades .areas-entidad .TituloEntidades .h2blanco {
        color: #fff;
    }

#entidades .areas-entidad .TEntidades {
    color: #fff;
}
/*ok*/
#entidades .areas-entidad a {
    color: #fff;
    text-decoration: none;
}
    /*ok*/
    #entidades .areas-entidad a:hover {
        color: red;
    }
/*ok*/
#entidades .entidades {
    margin-top: 30px;
}
/*ok*/
#entidades .areas-entidad ul {
    list-style-type: none;
    text-align: justify;
    padding: 6px 0px 6px 32px;
    width: 90%;
    background: url("../img/areas/fondoEntidades.png") no-repeat;
    margin-left: auto;
    margin-right: auto;
}
    /*ok*/
    #entidades .areas-entidad ul li {
        font-size: 11px;
        color: #fff;
        padding: 1px 8px 5px 11px;
        line-height: 15px;
    }
/*ok*/


@media (min-width: 100px) and (max-width:500px) {
    #entidades .areas-entidad {
        padding: 40px 0;
        min-height: 200px;
        height: 200px;
        height: auto !important;
        color: #fff;
        font-size: 12px;
    }

    .h2blancoE {
        font-size: 14px;
    }

    #NotaDestacada .Interior .NotaDestacadaI .izquierda {
        float: left;
        width: 30%;
        padding: 5px;
    }

    #NotaDestacada .Interior .NotaDestacadaI .derecha {
        float: left;
        width: 70%;
        overflow: hidden;
        max-height: 330px;
        padding: 5px;
    }

    .ImgMar {
        max-width: 250px !important;
        margin: 25px auto 5px auto;
    }

    #areas {
        background-color: transparent;
    }
    /*ok*/
    .areas-imge {
        background-color: rgba(5, 86, 86, 0.52);
        height: 80px;
        min-height: 80px;
        height: auto !important;
    }
    /*ok*/
    .contenedorareas {
        background-color: transparent;
        box-shadow: 0 1px 0.5px 0 rgba(0,0,0,.12),0 0px 0px -2px rgba(0,0,0,.1),0 0px 3px 0 rgba(0,0,0,.10);
        margin-top: 10px;
        padding-top: 5px;
        color: #fff;
    }

    #Informate .CInformate .tituloContent h2 {
        margin-top: 30px;
        color: #000;
        font-size: 10px !important;
        margin-left: -15px;
    }
}

@media (min-width: 100px) and (max-width:900px) {


    .tituloContent h2 {
        margin-top: 30px;
        color: #000;
        font-size: 10px !important;
        margin-left: -15px;
    }

    #Informate .CInformate .TituloEntidades h2 {
        margin-top: 30px;
        color: #000;
        font-size: 10px !important;
        margin-left: -15px;
    }
}


@media (min-width:501px) and (max-width:767px) {
    #entidades .areas-entidad {
        padding: 40px 0;
        min-height: 200px;
        height: 200px;
        height: auto !important;
        color: #fff;
    }

    #NotaDestacada .Interior .NotaDestacadaI .izquierda {
        float: left;
        width: 15%;
        padding: 5px;
    }

    #NotaDestacada .Interior .NotaDestacadaI .derecha {
        float: left;
        width: 75%;
        overflow: hidden;
        max-height: 330px;
        padding: 5px;
    }

    .ImgMar {
        max-width: 250px !important;
        margin: 35px auto 5px auto;
    }

    #areas {
        background-color: transparent;
    }
    /*ok*/
    .areas-imge {
        background-color: rgba(5, 86, 86, 0.52);
        height: 80px;
        min-height: 80px;
        height: auto !important;
    }
    /*ok*/
    .contenedorareas {
        background-color: transparent;
        box-shadow: 0 1px 0.5px 0 rgba(0,0,0,.12),0 0px 0px -2px rgba(0,0,0,.1),0 0px 3px 0 rgba(0,0,0,.10);
        margin-top: 10px;
        padding-top: 5px;
        color: #fff;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #entidades .areas-entidad {
        padding: 40px 0;
        min-height: 200px;
        height: 200px;
        height: auto !important;
        color: #fff;
    }

    #NotaDestacada .Interior .NotaDestacadaI .izquierda {
        float: left;
        width: 25%;
        padding: 5px;
    }

    #NotaDestacada .Interior .NotaDestacadaI .derecha {
        float: left;
        width: 75%;
        overflow: hidden;
        max-height: 330px;
        padding: 5px;
    }

    .ImgMar {
        max-width: 250px !important;
        margin: 100px auto 5px auto;
    }
}

@media (min-width:992px) and (max-width:10000px) {
    .ImgMar {
        max-width: 250px !important;
        margin: 100px auto 5px auto;
    }
}

/***********************LINKS ESTADOS*************************** */

/**ComboEstados*/
.combo_estadosInicio {
    border: none !important;
    border-bottom: solid 1px #f2f2f2 !important;
    webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
    color: #717171 !important;
    text-align: center !important;
    background-color: rgba(239, 239, 239, 0.68);
    margin-top: 35px;
}

    .combo_estadosInicio:hover {
        border-bottom: solid 1px #13b413 !important;
        transition: border-bottom linear .5s !important;
    }

.triangulo_izquierda {
    border: 7px solid #2c4774;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.heartbeat {
    height: 40px;
}

/**
 * MODAL
 */
.modal {
    top: 100px;
}

    .modal .modal-dialog {
    }

        .modal .modal-dialog .modal-content {
            /*border: solid 3px #E27D00;*/
            border: 0;
            /*margin-top: 249px;*/
        }

        .modal .modal-dialog .modal-body {
            clear: left;
            padding-bottom: 40px;
        }

        .modal .modal-dialog .modal-header {
            background: #B80707;
            color: #fff;
            border-radius: 3px;
        }

            .modal .modal-dialog .modal-header .modal-title {
                margin-left: 100px;
            }

            .modal .modal-dialog .modal-header .logoPRIModal {
                float: left;
            }

        .modal .modal-dialog .modal-body {
            font-size: 18px;
        }



        /*Prupuestas Internet Inicio*/

        .PropuestasI { margin:10px 0; font-family:Lato;}
        .PropuestasI a {
        color: #fff;
        background-color: #01A657;
        border-color: #4cae4c;
        padding: 10px;
        margin-top: 5px;
    }

         .PropuestasI .Contenidos{}
         .PropuestasI .Contenidos .Titulo1{font-size:19px;color:#000;}
         .PropuestasI .Contenidos .Titulo2{font-size:15px;color:#3e3e3e;}


.btn-Marihuana{
    background:#05AC5F;
    color:#fff;
    font-size:10px;
}
.btn-Marihuana:hover{
    background:#05AC5F;
    color:#fff;
}





/*Nueva seccion para mas notas destacadas*/
section.seccionMasNotasDestacadas{
    min-height: 395px;
    padding: 0px 0px;
    border-bottom: solid 1px #d9d9d9;
    background: #F1F1F1;
}
.tituloModal {
     font-size:20px !important;
}
.iconAppModal {
        font-size: 30px;
}
.btnUnirteModal {
    background:#17b773;
    text-decoration:none;
    color:#fff;
    border-color: #17b773;
     width:200px
    
}
.btnUnirteModal:hover {
       background:#109E62;
}
#Flicker {background: #c7c7c7; }
	
/******************************************************************/
    /* TMP MERCADOS */

#categorias {
    position: relative;
    margin:0;
    background-color: #ececec;
    height: auto !important;
    min-height: 250px;
    text-align: center;
    padding: 10px 10px 55px 10px;
}

/*********MEDIAS QUERY*****************************/
@media (min-width:200px) {
    #categorias .row {
        margin-left: 25px;
    }
    .anchoCategorias {
        width: 31%;
        display: inline-block;
    }
}

@media (min-width:400px) {
    .anchoCategorias {
        width: 22%;
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .anchoCategorias {
        width: 14%;
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .anchoCategorias {
        width: 9.7%;
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    #categorias .row {
        margin-left: 0px;
    }

    .anchoCategorias {
        width: 9.7%;
        display: inline-block;
    }
}

.ClasACG {
    margin-top: 60px !important;
    margin-bottom: 50px;
    background-color: #FFF;
    background-image: url(../img/soporte/24_Colosio_Luctuoso.jpg);
    background-repeat: no-repeat;
    padding-bottom: 60px;
}