/* contenedor del logo tipo----------------------------*/
    #cont_logo_app{        
        position: fixed;
        z-index: 980;
        padding: 0.25vw;        
        right: 0;
        top: 0;
        height: 2.1vw;
        width: 7%;
        background-color: rgb(55, 70, 99);
        background-color: white;        
    }
/* contenedor del logo tipo----------------------------*/

span{
    display: inline-block;
}
/* estilos de los iconos */

#main_admin{    
    width: 100%;
}
#main2{
    width: 100%;
}
body{            
    width: 100%;height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#colmain1{
    left: -11%;
    width: 11%;
    height: 100%;    
    background-color: rgba(27, 11, 6, 0.637);
    background-color: rgba(21, 1, 44, 0.137);     
    position: fixed;
    z-index: 1000; 
    display: block;
    box-shadow: 1px 0px 5px 1px rgba(0 , 0, 0, 0.1);
}
#colmain1_2{
    width: 5%;height: 100%;    
    /* background-color: rgba(27, 11, 6, 0.637);
    background-color: rgba(21, 1, 44, 0.411); */
    background:none; 
    background-color: rgb(48, 48, 48);
    background-color: rgb(2, 72, 90);  
    background-color: rgb(46, 47, 70);        
    position: fixed;
    z-index: 1000; 
    /* background-color:  rgb(87, 66, 99); */
    box-shadow: 1px 0px 5px 1px rgba(0 , 0, 0, 0.1);    
}
#colmain2{
    position: absolute; 
    /* width: 89%; */    
    height: 100vh;
    margin-left: 5%;    
    /* background-color: gray;  
    background-color: rgb(201, 208, 209);  
    background-color: rgb(238, 238, 238);  
    background-color: rgb(236, 236, 236);   */
    background: url("../img/fondo-azul2.png");
    background-attachment: fixed; 
    background-repeat: no-repeat;          
    background-position: center;
    background-size: cover;

    /* background-color: rgba(255, 255, 255, 0.452); */
}
/* logotipo de la seccion */
.main_cont_logo{
    width: 100%;
    padding: 0.70vw;    
    /* background-color: rgb(119, 34, 34); */
    border-bottom: solid 1px rgba(128, 128, 128, 0.219);    
    cursor: pointer;
}
.main_cont_logo img{
    width: 100%;
    height: 2.70vw;
}
/* estilos dedicados al menu principal */
.link_men_prin{
    display: block;
    position: relative;
    color: white;    
    text-decoration: none;
    padding: 0.50vw;
    padding-left: 1vw;
    border-bottom: solid 1px rgba(255, 255, 255, 0.219);    
}
.link_men_prin:hover{
    background-color: rgba(255, 255, 255, 0.452);
    color: black
}

/* LOS MADALES  */
.AD_secccion{
    display: block;    
    width: 100%;    
    height: 100%;        
    position: relative;      
}
.AD_seccciones{
    display: none;    
    background-color: green;
}
.AD_seccciones:nth-child(1){
    display: block;    
}


/* MODAL DEL VISOR DE EVENTOS */
#ADM_modevents{
    position: fixed;
    z-index: 1000;
    /* margin-right: ; */
    width: 38%;
    height: 100%;
    top: 0;
    right: -38%;
    /* right: 0%; */
    
}
.ADM_modderaxa{
    position: fixed;
    z-index: 1000;
    /* margin-right: ; */
    width: 38%;
    height: 100%;
    top: 0;
    right: 0%;       
    /* right: 0%; */       
}
#INDX_contperfil{
    position: fixed;      
    left: 5%;
    width: 35%;height: 100%;
}
#INDX_contmod{
    position: fixed;    
    left: 40%;
    width: 65%;height: 100%;
}
#ADM_seccMdulos{
    width: 100%;height: 100%;
}