@charset "UTF-8"; 

/*Temas referentes a letra*/
.oscura{font-weight: bold !important;}
.titulo{font-weight: bold !important;}

/*Temas de menu*/
.menuitem{color: white !important; min-height: 40px;padding: 10px;}
.menuitem:hover{background-color: rgba(110,145, 175,1);}
.menuSeleccionado{background-color: rgba(255,255,255,.2);}
.submenuitem{color: white !important;min-height: 40px;padding: 10px;margin-left: 10%}
.submenuitem:hover{background-color: rgba(110,145, 175,1);}
.tituloModulo{color: #009688 !important;}



/*--------------------------------*/
.menu-link, .submenu-link {
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.menu-link:hover, .submenu-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.menuSeleccionado {
    background-color: rgba(255, 255, 255, 0.2);
}

.menuitem, .submenuitem {
    transition: background-color 0.3s ease;
}
/*--------------------------------*/
/*Temas paar control de paneles*/

.botonCancelar{background: #850f0f !important;}
.botonNuevo{background: #009688 !important;border: solid 1px #188076;}
.botonTabla{height: 18px !important;background: none !important;color: #2196f3 !important;}


/*Tema para mapa de sistema*/
.mapa{box-shadow: 0px 2px 10px 2px #8e8e8e;border: solid 1px #477496;border-radius: 7px;}

.max-h-50vh {
    max-height: 50vh;
}

.active {
    display: block !important;
}
#closemenu {
    /*position: absolute;*/ 
    /*    top: 0; 
        left: 50%; */
    width: 100%;
    text-align: center;
    display: none; 
    border: 0;
    background: transparent; 
    padding: 10px; 
    font-size: 30px; 
    color: white;
}
.botonmenu {
    position: absolute; 
    border: 0; 
    width: 40px; 
    height: 40px; 
    z-index: 5;
    background: transparent; 
    font-size: 27px
}

/*Justificado de Texto*/
.justificar{
    text-align: justify; 
    display: block;
}

@media only screen and (min-width: 500px) {
    .botonmenu, #closemenu {
        display: none !important;
    }
}
@media only screen and (max-width: 500px) {
    .botonmenu {
        display: block !important;
    }
}
@media only screen and (max-width: 1350px) {
    .contrenido, .cabecera {
        width: 76% !important;
    }
    .menu {
        width: 24% !important;
    }
}
@media only screen and (max-width: 850px) {
    .contrenido, .cabecera {
        width: 70% !important;
    }
    .menu {
        width: 30% !important;
    }
}
@media only screen and (max-width: 500px) {
    .contrenido{
        width: 100% !important;
    }
    .cabecera {
        width: 90% !important;
    }
    .menu {
        width: 100% !important;
        display: none;
    }
}


.fa {
    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;
    font-size: 18px;

}