.blanco{
    color: #fff;
}
.verde{
    color: #c3d500;
}
.gris1{
    color: #53585e !important;
}
.azul1{
    color: #3bb0c9;
}
.azul2{
    color: #a4dee7;
}
.gris2{
    color: #59595b;
}
.gris3{
    color: #cccccc;
}
.bverde{
    background-color: #c3d500 !important;
}
.bgris1{
    background-color: #53585e !important;
}
.bazul1{
    background-color: #3bb0c9 !important;
}
.justificado{
    text-align: justify;
}
.text-right{
    text-align: right;
}
.submenu{
    color: #cccccc;
    margin-left: 20px;
}
.mensaje{
    padding: 60px;
    position: relative;
    width: 85%;
    left:15%;
    max-height: 250px;
    overflow-y: scroll;
    
}
.mensaje.cursor-hidden::-webkit-scrollbar 
{
    display: none;
} 

.mensaje.cursor-hidden 
{
    -ms-overflow-style: none;
    scrollbar-width: none; 
} 


.eventos .ev1, .eventos .ev2{
    display: inline-block;
    vertical-align: middle;
}
.eventos .ev1{
    width:40%;
}
.eventos .ev2{
    width:39%;
    padding: 0 10%;
}

.plan .contenedor{
    padding:20px;
}

.contenido1, .contenido2{
    display: inline-block;
    vertical-align: middle;
}

.contenido1{
    width:34%;
}

.contenido2{
    width:65%;
}

.mensaje2{
    padding: 10px;
    position: relative;
    max-height: 250px;
    overflow-y: scroll;
    
}

.mensaje3{
    padding: 10px;
    position: relative;
    max-height: 350px;
    overflow-y: scroll;
    
}

#gobierno .contenido1{
    width:47%;
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 10px;
}

#gobierno .contenido2{
    width:50%;
}

.corpo2 .contenido1{
    width:46%;
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 10px;
}
.corpo2 .contenido2{
    width:50%;
    padding-left: 10px;
}

.audit1 .contenido1,.audit1 .contenido2,.audit2 .contenido1,.audit2 .contenido2{
    width:47%;
    padding: 5px;
    vertical-align: top !important;
}

.contenido3,.contenido4{
    display: inline-block;
}

.contenido3{
    width: 58%;
    padding: 5px;
    vertical-align: top !important;
}

.contenido4{
    width: 38%;
    padding: 5px;
    vertical-align: top !important;
}

.estados .estados1, .estados .estados2{
    display: inline-block;
    vertical-align: middle;
}
.estados .estados1{
    width:48%;
}
.estados .estados2{
    width:42%;
    padding: 0 0 0 5%;
}

.informe{
    background: url(../images/informe.png) no-repeat;
    background-size: auto;
    background-position: right bottom;
    /*background-position-x:170%;*/
}

.introinfo{    
    width: 55%;
    }

.infocontent{
    width:45%;
    padding-right: 10%;
    max-height: 500px;
    overflow-y: scroll;
}

.ubicaciones{
    padding: 10%;
}

#ubicaciones .contenido1{
    padding: 5%;
    width:25%;
}

#ubicaciones .contenido2{
    width:50%;
    padding: 7%;
}

#ubicaciones .contenido1 h5,#ubicaciones .contenido2 h5{
    font-size: 19px;
}

@media screen and (max-width:767px){
    .section-container .section.height-100{
        min-height: inherit;
    }
    
 .mensaje{
    padding: 0px;
    position: inherit;
    width: 100%;
    max-height: 250px;
    overflow-y: scroll;
}
.mensaje,.contenido1,.contenido2,.contenido3,.contenido4,.introinfo,.infocontent,.estados1,.estados2{
width:100% !important;
}
.infocontent{
    background-color: rgba(255,255,255,0.8);
}

.image-carousel{
    height: 40vh !important;
}

}