/* reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    --ColorHoverItemMenu: #cd980a;
}

.bodyEscritorio {
    color: #000;
    font: 14px/1 'Century Gothic';
    --ColorHoverItemMenu: #111924;
    background-color: #113162;
    background-image: url("../img/bg.jpg");
    background-position: top center;
    background-repeat: repeat;
    background-size: 100% auto;
    /* height: 100%; */
}

a {
    cursor: pointer; 
}
  
ul {
    list-style: none; 
}

.wrapper {
    display: flex;
    min-height: 100%;
}

#cabecera {
    height: 73px;
    /*
    margin: -32px -25px 0 -25px;
    padding: 0 60px;       */
    background: #075488; /* #3498db; */
    color: #fff;
    position:relative;
    top:0;
}

.titulo {
    position: absolute;
    font-family: 'Century Gothic', sans-serif;
    font-size: 1.3rem;
    top: 1rem;
    left: 3.8rem;

    /*width: 8em;*/
    /*height: 1.4em;*/
    /*min-width: 4em;
      background-color: red;
    */
}

.subtitulo
{
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    top: 3.1rem;
    left: 3.9rem;
    color: #cd980a;
}

.flex-grid > div {
    /* Un valor, número sin unidades: flex-grow */
    /* flex: 1; 17/08/2019: comentado */
    /* margin: 0 20px 20px 0; */
    /* padding: 15px; */
    /* border: 1px solid #ddd; */
    background: #fff; 
}  
.flex-grid > div:last-child {
    margin-right: 0; 
}
.flex-grid h2 {
    margin: -15px -15px 15px -15px;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ddd; 
}
.flex-grid li {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 25px; 
}
.flex-grid li:before {
    content: '\f00c';
    font: normal 16px fontawesome;
    top: 0;
    left: 0;
    color: #999; 
    padding-right: 5px;
}  
.flex-item {
    margin-right: 10px;
}


/* */
label {
    cursor: pointer;
}

label:focus {
    outline: none;
}

.menu {
    position: absolute;
    top: 0;
    left: 0;    
    background: #379add;
    width: 300px;
    height: 100%;    
    transform: translate3d(-300px, 0, 0);
    transition: transform 0.35s;
}

/* Boton de menu */
label.menu-toggle {
    position: absolute;
    right: -60px;
    width: 60px;
    height: 60px;
    line-height: 0px;
    display: block;
    padding: 0;
    text-indent: -9999px;
    background: #3498db url(../img/menu-blanco.png) 50% 50%/25px 25px no-repeat;
}

.menu ul li > label {
    color: #fff;
    background-color: red;
    background: url(../img/flechablanca-128.png) 95% 50%/16px 16px no-repeat;
}

.menu ul li a, .menu ul li label {
    display: block;
    text-align: left;
    padding: 0 20px;
    line-height: 55px;
    text-decoration: none;
    color: #fff;    
}
.menu ul li label:hover  {
    background-color: var(--ColorHoverItemMenu);
}

.menu li>a:hover {
    background-color: var(--ColorHoverItemMenu);
}

/* xxx */

.menu li>label,
.menu li>a {
    border-bottom: .5px solid #333333;
    border-bottom-color: rgba(32, 32, 32, 0.1);
}

/* hide inputs */
.menu-checkbox {
    display: none;
}

/* hide navigation icon for sublabels */
.menu .menu label.menu-toggle {
    background: none;
}

/* fade in checked menu */
.menu-checkbox:checked + .menu {
    transform: translate3d(0, 0, 0);
}

/* for show */
html, body {
    height: 100%;
}

/*
** Media Queries
***********************************************************/
@media (max-width: 1000px) {
    .flex-grid {
        flex-direction: column; 
    }
    
    .flex-grid > div {
        margin-right: 0; 
    }
}

/* 07/09/2017. */
#tapador {
    position: absolute;
    width: 280px;
    height: 60px;
    background-color: rgba(40, 40, 40, 0);
    /*z-index: 1000;*/
}


/* 05/09/2017. Estilos del header */
header {
    box-sizing: border-box;
    height: 73px;
    padding: 20px 0 0 0; /* 20px 0 0 15px; */
    font-size: 16px;
    color: #fff;
    /* background: #fa7252; */
    background: #404040;
    font-weight: bold;
}

header span {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

header span:before,
header a:before,
.icono-header:before {
    font: normal 20px fontawesome;
}

header span:before {
    position: absolute;
    content: '\f007';
    top: 7px;
    left: 25px; 
}

/* Icono fa-sign-out */
header a:before {
    position: absolute;
    content: '\f08b';
    top: 28px;
    right: 16px; 
}


.icono-header:before {
    top: 6px;
    margin-left:-3px;
}

.icono-menu:before {
    font: normal 16px fontawesome;
    padding-right: 10px;
}

td.icono-menu:before {
    color: #26b99a;
}

/* Icono fa-cog (engranaje) */
.DatosBasicos:before {
    content: '\f013';
}

/* Icono fa-th-list (lista) */
.Informes:before {
    content: '\f00b';
}

.Informes2:before {
    content: '\f201';
}

.Listas:before {
    content: '\f03a';
}

.Planillas:before {
    content: '\f03b';
}

/* Icono fa-users */
.AdminUsers:before {
    content: '\f0c0';
}

/* Icono fa-calendar */
.Calendario:before {
    content: '\f073';
}

.Lapiz:before {
    content: '\f044';
}

.Entidad:before {
    content: '\f0f7';
}

.Orden:before {
    content: '\f15d';
}

.Dolar:before {
    content: '\f155';
}
 
.Carnet:before {
    content: '\f2c3';
}

.Aplausos:before {
    content: '\f2a7';
}

.Consolidado1:before {
    content: '\f248';
}

.Consolidado2:before {
    content: '\f247';
}

.Matriculado:before {
    content: '\f21d';
}

.Ayuda:before {
    content: '\f29c';
}

.Pdf:before {
    content: '\f1c1';
}

.Impresora:before {
    content: '\f02f';
}

.ChecarCuadro:before {
    content: '\f046';
}

.Reporte:before {
    content: '\f080';
}

.University:before {
    content: '\f19c';
}

.Movimiento:before {
    content: '\f073';
}

/* Icono fa-line-chart */
.Graficos:before {
    content: '\f080';
}

/* Icono fa-pause */
.Descender:before {
    content: '\f160';
}

/* Icono fa-list-ul */
.Lista:before {
    content: '\f0ca';
}

/* Icono fa-stop-circle-o */
.Terminacion:before {
    content: '\f28e';
}

/* fa fa-search-plus (Lupa con signo +) */
.Buscar:before {
    content: '\f00e';
}
 
.Rescate:before {
    content: '\f1cd';
}
/* Icono fa-car */
.Carro:before {
    content: '\f1b9';
}

/* Icono fa-file-text-o */
.Informe:before {
    content: '\f0f6';
}

/* Icono  */
.UsuarioCirculo:before {
    content: '\f2be';
}

/* Icono fa-newspaper-o */
.Diario:before {
    content: '\f1ea';
}

.Candado:before {
    content: '\f023';
}

.Calendariocheck:before {
    content: '\f274';
}

/* Icono fa-window-close-o */
.Borrar:before {
    content: '\f2d4';
}

.FolderCerrado:before {
    content: '\f114';
    color: '#0157b3';
}

/* Icono fa-pencil-square-o */
.Editar:before {
    content: '\f044';
}

.Libro:before {
    content: '\f02d';
}

.Caja:before {
    content: '\f187';
}

.Materia:before {
    content: '\f0f6';
}

.Pensum:before {
    content: '\f1c4';
}

/* Icono fa-ils */
.Compens:before {
    content: '\f20b';
}

/* Icono fa-ils */
.UserCirculo:before {
    content: '\f2be';
}

/* Icono fa-lock */
.Candado1:before {
    content: '\f023';
}

/* fa-calendar-plus-o */
.Reservas:before {
    content: '\f271';
}

/* fa-plane */
.Agencias:before {
    content: '\f072';
}

/* fa-cart-plus */
.Servicios:before {
    content: '\f217';
}

/* fa-cogs */
.Operador:before {
    content: '\f085';
}

/* fa-user-plus */
.Usuario:before {
    content: '\f234';
}

/* fa-address-book-o */
.UsuarioLibro:before {
    content: '\f2ba';
}

/* fa fa-diamond */
.NumGratis:before {
    content: '\f219';
}

/* fa-unlock-alt */
.Candado:before {
    content: '\f13e';
}

/* fa-money */
.Pagos:before {
    content: '\f0d6';
}

/* fa-sort-numeric-asc */
.Numeros:before {
    content: '\f162';
}

/* fa-male */
.Man:before {
    content: '\f183';
}

/* fa-wpforms */
.Factura:before {
    content: '\f298';
}

/* fa-calendar-check-o  */
.Reservas2:before {
    content: '\f274';
}

/* fa-briefcase  */
.Reservas3:before {
    content: '\f0b1';
}

/* fa-folder */
.Folder:before {
    content: '\f07b';
}

/* fa-upload */
.Subir:before {
    content: '\f093';
}

/* fa-archive  */
.Caja:before {
    content: '\f187';
}

/* fa-hdd-o */
.Hdd:before {
    content: '\f0a0';
}

/* fa-envelope-open-o */
.CartaAbierta:before {
    content: '\f2b7';
}

/* fa fa-envelope-o */
.CartaCerrada:before {
    content: '\f003';
}

/* fa-sitemap */
.Sitemap:before {
    content: '\f0e8';
}

/* fa-building-o */
.Edificio:before {
    content: '\f0f7';
}

/* fa-address-book-o */
.AddressBook:before {
    content: '\f2ba';
}

/* fa-list-alt */
.ListaIcon:before {
    content: '\f022';
}

/* fa fa-search */
.Buscar2:before {
    content: '\f022';
}

/* fa fa-book */
.Libro2:before {
    content: '\f298';
}

/* fa fa-home */
.Home:before {
    content: '\f015';
}

/* fa fa-sign-out */
.Salir:before {
    content: '\f08b';
}

/* fa-id-card-o */
.CapacidadPago:before {
    content: '\f2c3';
}

/* fa fa-handshake-o */
.Aliados:before {
    content: '\f2b5';
}

#lblPerfil {
    color: #cd980a;
    font-size: 12px;
    position: relative;
    top: -5px;
    left: 50px;
    display: block; 
}

.tituloTxt {
    position: relative;
    top: -6px;
    font-weight: 600;
}