/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////General////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,400italic);

b {
    font-weight: 500;
}

.tamañoYTipoLetraContoles {
    font-size: 13px;
    font-family: 'Roboto', Helvetica, arial;
}

.tamañoLetraContoles {
    font-size: 12px;
}

body {
    padding: 8px 2px;
}

p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-top: 0em;
    margin-bottom: 0em;
}

p, legend, table, .formatoTextoNormal, span {
    font-family: 'Roboto', Helvetica, arial;
    font-size: 14px;
    color: #3e454d;
}

span, label {
    font-family: 'Roboto', Helvetica, arial;
    font-size: 12px;
    color: #3e454d;
    font-weight: 500;
}
h1,h2,h3,h4,h5,h6, li, ul {
    font-family: 'Roboto', Helvetica, arial;
    color: rgb(134, 134, 134);
}

#tituloConfirmacionGeneral, #tituloAlertaGeneral, #tituloDiasLaborales {
    color:rgb(255,255,255);
}

fieldset {
    display: block;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    border: none;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;

    /*Para Damian*/
    /*-webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0em;
    -webkit-padding-start: 0em;
    -webkit-padding-end: 0em;
    -webkit-padding-after: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
    
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;*/
    /*Para Damian*/
}

legend {
    /* margin: 0px 0 0px 24px; */
    padding: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    font-size: 12px;
    font-weight: 500;
    background: white;
    border-radius: 0 0 2px 0;
    padding: 5px 5px 5px 0px;
}

.fieldsetParaRadio {
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0em;
    -webkit-padding-start: 0em;
    -webkit-padding-end: 0em;
    -webkit-padding-after: 0em;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    padding: 0px 5px;
    border: solid 1px rgb(0,41,95);
    border-radius: 2px;
    width: 100%;
    box-shadow: 1px 1px 1px rgba(34,70,80,.5), -1px -1px 1px rgba(34,70,80,.5);
}

header {
     background-color: #F5F5F5;
     border-bottom: 1px solid #D5F1FF;
     /*background: linear-gradient(#5298FF 10%, rgb(0,41,95) 90%);*/
     /*background-color: rgb(0,41,95);*/
     /*background: linear-gradient(rgb(0,41,95)10%, rgb(0,13,52) 90%);/* Standard syntax */
     /*background: -webkit-linear-gradient(rgb(0,41,95)10%, rgb(0,13,52) 90%);*/ /* For Safari 5.1 to 6.0 */
     /*background: -o-linear-gradient(rgb(0,41,95)10%, rgb(0,13,52) 90%);*/ /* For Opera 11.1 to 12.0 */
     /*background: -moz-linear-gradient(rgb(0,41,95)10%, rgb(0,13,52) 90%);*/ /* For Firefox 3.6 to 15 */
     width: 100%;
     /* height: 4.2em; */
     height: 3em;
     position: fixed;
     left: 0;
     top: 0;
     /* box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); */
     /* border-bottom: rgb(224, 224, 224) solid 1px; */
     z-index: 1003;
}

.hidden
{
    display: none;
}
.show {
    display: block;
}
.sectionMasterGeneral {
    margin-top: 4em;
    margin-bottom: 2em;    
}

.sectionMasterPrincipal {
    padding: 0em 0em 0em 2.2em;
    margin-top: 4em;
    /*margin-bottom: 3em;*/
    /*Para Damian*/
    /*padding: 0em 2em 0em 0em;*/
    /*Para Damian*/
}

footer{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #008ED6;
    border-top: 1px solid #51C5FF;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    text-align:center;
    padding: 2px 0px;
    /*z-index: -1;*/
}

/*.divConfig:hover > tbConfig, .divConfig:focus > tbConfig, .divConfig:active > tbConfig{
    display:block;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}*/

/*MENU COLORES WEB*/

.botonMenuUsuario:hover, .botonMenuUsuario:focus, .botonMenuUsuario:active {
    background-color: #0058DD;
}

#navMenuUsuario {
    background: transparent;
    z-index: 100;
    float: left;
    position: fixed;
    font-family:'Roboto', sans-serif;
    right: 1em;
    top: .1em;
    padding: 0;
    margin: 0;
}

    .ulNavMenuUsuario {
        text-align: center;
        list-style-type: none;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0;
        padding: 0;
        margin: 0px;
    }

.liGeneralesMenu {
    float: left;
    display: inline;
    height: 40px;
}

    .liIconosNotificaciones:hover {
        border-radius: 20px;
        background-color: lightgray;
    }

    .liGeneralesMenu a {
        display: block;
        padding: 0px 5px;
        color: #fff;
    }
    
.ulmenuUsuario {
    width: 150px;
    display: none;
    height: 60px;
    z-index: 100;
    background: transparent;
    position: absolute;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    padding: 0;
    margin: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
    border: 1px solid rgb(0, 124, 187);
    box-shadow: 1px 1px 2px #BFBFBF;
    border-radius: 5px;
}

    /*.ulmenuUsuario:after {
        content:"\25B2";
        position:absolute;
        top:-17px;
        z-index: 100;
        left:45%;
        color:rgb(0,41,95);
    }*/

.lisubmenu1 {
    height: 30px;
    padding: 0;
    background-color: #008ED6;
    /* box-shadow: 5px 5px 6px #454545; */
    cursor:pointer;
}

    .lisubmenu1:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

    .lisubmenu1:last-child {
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
        border-top: 1px solid white;
    }


    .lisubmenu1 a {
        display: block;
        height: 25px;
        padding: 5px 0 0 0;
        color: #fff;
    }

.ulmenuUsuario2 {    
    width: 35px;
    display: none;
    height: 60px;
    z-index: 100;
    background: transparent;
    position: absolute;    
    
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    padding: 0;
    margin: 18px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}

    .ulmenuUsuario2:after {
        content:"\25B2";
        position:absolute;
        top:-17px;
        left:11px;
        z-index: 100;
        color:rgb(0,41,95);
    }

.lisubmenu2 {
    border-radius: 0;
    height: 27px;
    padding: 2px 0px;
    /*background: rgb(0,41,95);*/
    background-color: #1c2e53; 
    box-shadow: 5px 5px 6px #454545;
    cursor:pointer;
}

    .lisubmenu2:first-child {
        border-top-left-radius:3px;
        border-top-right-radius:3px;
    }

    .lisubmenu2:last-child {
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
    }

    .lisubmenu2 a {
        display: block;
        height: 27px;
        color: #fff;
        margin: 0;
        padding: 1px;
    }

    .lisubmenu2 img {
        width: 24px;
        margin: 0;
        padding: 0;
    }

    .lisubmenu1:hover, .lisubmenu1:focus, .lisubmenu1:active,
    .lisubmenu2:hover, .lisubmenu2:focus, .lisubmenu2:active {
        background: rgb(75,103,141);
    }

.liGeneralesMenu ul.fallback {
    display: none;
}

#liprimera {
    min-width:150px;
    /* padding-top: 2px; */
    cursor:pointer;
    /*border: 2px solid rgba(255,255,255,0);*/
}

/*#liprimera:focus,#liprimera:hover,#liprimera:active {
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 5px;
}*/

#lisegunda {
    cursor:pointer;
    /*display: none;*/
    /*display: block;*/
}

#litercera {
    cursor:pointer;
    display: none;
}

.liGeneralesMenu:hover ul.fallback,
.liGeneralesMenu:active ul.fallback,
.liGeneralesMenu:focus ul.fallback {
    display: block;
}

.mostrar {
    display:block;
}


.btnMenuUsuarios {    
    padding: 5px;
    margin-top: 5px;
    height:24px;
    width:24px;
}

#spanNombreUsuario {
    /*margin-left: 10px;*/
    margin-right: 10px;
    /*color: #ADADAD;*/
    font-family: 'Roboto';
    /*font-size: 10px;*/
    font-weight: bold;
    cursor: pointer;
    /*text-transform: uppercase;*/
    border: 2px solid #E6E6E6;
    border-bottom: 1px solid #008ED6;
    border-radius: 9px;
    padding: 5px;
    background-color: whitesmoke;
}

.iconoSuperior {
    padding: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 5px;
    height:20px;
    width:20px;
}


/*FIN MENU COLORES WEB*/

.divfooterText {
    /* width:100%; */
    color: #1D2427;
    font-size: 12px;
    /* background: #0280BF; */
    letter-spacing: .2em;
    font-weight: 100;
    text-transform: uppercase;
    padding: 3px;
    border-radius: 5px;
}

.divfooterText2 {
    width:100%;
    color: rgb(191, 202, 208);
    font-size:x-small;
    font-weight:bold;
    border-bottom: 1px solid #0DA1EC;
}

.classFigureLogofooter {
    text-align: center;
    width:100px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.modal {
    background: rgba(0,0,0,.7); 
    position:fixed; 
    z-index:50000;
    left:0;
    top:0; 
    display:none;
    width:100%;
    height:100%;
}

.modal2 {
    background: rgba(0,0,0,.7); 
    position:fixed; 
    z-index:5000;
    left:0;
    top:0; 
    display:none;
    width:100%;
    height:100%;
}

#alertaGeneral {
    display:none;
}

#confirmacionGeneral{   
    display:none;
}

.popupMensajes {
    width: 400px;
    left: 50%;
    top: 40%;
    min-height: 170px;
    z-index: 50001;
    position: fixed;
    background: #f3f3f3;
    border-radius: 5px;
    text-align: center;
    margin: -100px 0 0 -200px;
    /*box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.7),
             -5px -5px 20px rgba(0, 0, 0, 0.7),
             -5px 5px 20px rgba(0, 0, 0, 0.7), 
             5px -5px 20px rgba(0, 0, 0, 0.7);
    visibility:hidden;*/
}

.popupMensajes p{
    width: 290px;
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
    font-size: 1em;
    font-family:'Roboto';
}

    .tablaMensajesMaster {
        width: 360px;
        margin: 20px;
    }

    .popupMensajes .tdImg {
        width:70px;
        text-align:right;
        vertical-align:top;
    }

    .popupMensajes .tdp {
        vertical-align:top;
    }

.divNotificacion {
    text-align: left;
    color: #ffffff;
    font: normal 1em 'Roboto', Verdana, Helvetica;
    position: relative;
    background: #008ed6;
    padding: 10px;
    /*border-bottom: #B00 2px solid;*/
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    letter-spacing: 2px;
}

/*/////////////////POPUP DIAS/////////////////*/
#divPopupDias{   
    display:none;
}

.popupDias {
    width: 404px;
    left: 50%;
    top: 20%;
    min-height: 170px;
    z-index: 50001;
    position: fixed;
    background: #f3f3f3;
    border-radius: 5px;
    text-align: center;
    margin: -100px 0 0 -202px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.7),
             -5px -5px 20px rgba(0, 0, 0, 0.7),
             -5px 5px 20px rgba(0, 0, 0, 0.7), 
             5px -5px 20px rgba(0, 0, 0, 0.7);
    /*visibility:hidden;*/
}
/*/////////////////FIN POPUP DIAS/////////////////*/

/*/////////////////POPUP AYUDA/////////////////*/

.popupAyudaContent {
    width: 100%;
    top:10px;
    left:0;
    background-color: transparent;
    margin: 0 auto;
    display: none;
    /*text-align: center;*/
    z-index: 50001;
    position: absolute;
    padding:0;
    border-collapse:collapse;
}

.popupAyuda {
    max-width: 90%;
    min-width: 50%;
    min-height: 140px;
    background: #f3f3f3;
    border-radius: 5px;    
    margin: 0px auto;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.7),
     -5px -5px 20px rgba(0, 0, 0, 0.7),
     -5px 5px 20px rgba(0, 0, 0, 0.7), 
     5px -5px 20px rgba(0, 0, 0, 0.7);
    border-collapse:collapse;
}

.divContenedorItemAyuda {
    background-color: white;
    margin-bottom: 15px;
    border: 1px solid lightgray;
}

.tituloAyuda {
    width: 100%;
    background-color: #008ed6;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    color: white;
    height: 30px;
    font-size: 20px;
    font-family: 'Roboto';
    border-bottom: 2px solid white;
    text-align: center;
}

#ContenedorMenuAyuda {
    padding-top: 20px;
    padding-bottom: 10px;
    width: 95%;
    margin: 0 auto;
}

.ayudaBotonEsquinaCerrar {
    display: inline;
    height: 25px;
    width: 25px;
    margin: 2px;
    cursor: pointer;
    float: right;
    /*margin-top: -26px;*/
}

.divCabeceraItemAyuda {
    padding: 5px;
    cursor: pointer;
    /*padding-left:10px;*/
}

.divBotonesEsquinaAyuda {
    float: left;
    background-image: url(../../Imagenes/Botones/MasMenos/menos.png);
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 3px;
    /*margin-right: 5px;*/
}

.divBotonesEsquinaAyuda.oculto {
    background-image: url(../../Imagenes/Botones/MasMenos/mas.png);
}


.tituloItemAyuda {
    
}

    .tituloItemAyuda span {
        font-size: 14px;
        vertical-align: middle;
        margin-left: 5px;
    }


.contenidoItemAyuda {
    padding: 10px;
    padding-top: 10px;
    padding-left: 20px;
    overflow: auto;
}

.divLinkAyudaEnAyuda {
    text-align: right;
    margin: 5px;
    margin-right: 10px;
}

.linkAyudaEnAyuda {
    font-size: 14px;
    cursor: pointer;
}



/*/////////////////FIN POPUP AYUDA/////////////////*/

.botonesComunes {
    background-color: #4d90fe;
    /*background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);*/
    border: 1px solid #3079ed;
    padding: 7px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-left: 2px solid #0A59DA;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 110px;
}

.botonesComunes:hover, .botonesComunes:focus  {
    background-color:#007ebe;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2) inset, -1px -1px 20px rgba(0, 0, 0, 0.2) inset;
}

.rojo:hover, .rojo:focus {
    background-color: #D44444 !important;
}

.verde:hover, .verde:focus {
    background-color: #01AE42 !important;
}

.botonesComunes:active {
    position:relative;
    top:1px;
    box-shadow: 1px 1px 20px rgba(5,5,5,.1) inset, -1px -1px 20px rgba(5,5,5,.1) inset;
}

.botonesInactivos {
    background: linear-gradient(left, #666666 1%, #999999 36%, #ccc 96%);
    background: -moz-linear-gradient(left, #666666 1%, #999999 36%, #ccc 96%);
    background: -webkit-linear-gradient(left, #666666 1%, #999999 36%, #ccc 96%);
    background: -webkit-linear-gradient(left, #666666 1%, #999999 36%, #ccc 96%);
    background: -o-linear-gradient(left, #666666 1%, #999999 36%, #ccc 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#ccc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#ccc')";
    background: -ms-linear-gradient(left, #666666 1%, #999999 36%, #ccc 96%);
    border-left: 2px solid #868686;
    border: 1px solid #A9A9A9;
}

/*////////////////////////////////IMAGENES BOTOTNES///////////////////////////*/
.add:before    {                  
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Agregar_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}

.exportar:before   { 
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Exportar_24.png");
    margin: -20px 0 0 14px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.delete:before {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Borrar_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.save:before   { 
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Guardar_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.cancel:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/cancelar_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.edit:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/edit_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.genTemplate:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/GenerarTemplate_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.aplicar:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Aplicar_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.importar:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Importar_24.png");
    /*margin: -20px 0 0 39px;*/
    margin: -20px 0 0 14px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.importarChico:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Importar_24.png");
    margin: -4px 0 0 -25px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.new:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Nuevo_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    padding: 0 .2em;
    pointer-events: none;
    font-size: x-small;
}
.public:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Publicar_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.bigPublic:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/Publicar_24.png");
    margin: -20px 0 0 39px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.return:before  {     
    position: absolute;
    font-weight: bold;
    content: url("../../../Imagenes/Botones/Formulario/retroceder_24.png");
    margin: -4px 0 0 -30px;
    transform: scale(0.8);
    pointer-events: none;
    font-size: x-small;
}
.email:before  { content: "\2709";}
.cross:before  { content: "\2716"; }


.tipoFlex {
    /*display:flexbox;*/
    /*padding: 5px;*/
    padding: 3px 25px;
}

.tableBoton { 
    width:100%;
    border-collapse:collapse; 
    margin:0; 
    padding:0; 
    font-size: 12px;
}
.tdBoton { 
    width: 100%;
    text-align: center;
    margin: 0 auto;
    color: white;
    padding: 0;
    border-collapse: collapse;
}

.tdBoton1 {
    width: 10%;
    border-collapse: collapse;
    margin: 0;
    padding: 0 0 0 10px;
}

    .tdBoton1 img {
        width: 20px;
        margin: 5px 0px;
    }

.tdBoton2 {
    width: 90%;
    color: white;
    border-collapse: collapse;
    text-align: left;
    padding-left: 8px;
}

.botonesSinColor {
    color: #ffffff;
    font-family: 'Roboto';
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    /* box-shadow: 1px 1px 2px rgba(5,5,5,.5); */
    border-radius: 3px;
    display: inline-block;
}

.botonesSinColor:hover, .botonesSinColor:focus  {
    box-shadow: 1px 1px 2px rgba(255,255,255,.5) inset, -1px -1px 2px rgba(255,255,255,.5) inset;
}
.botonesSinColor:active {
    position:relative;
    top:1px;
    box-shadow: 1px 1px 2px rgba(5,5,5,.5) inset, -1px -1px 2px rgba(5,5,5,.5) inset;
}

.rojo {
    background-color: #D44444 !important;
    border: 1px solid rgb(200, 0, 0) !important;
}

.verde {
    background-color: #01AE42 !important;
    border: 1px solid rgb(0, 200, 0) !important;
}

.colorBase {
    background: linear-gradient(left, #1c2e53 1%, #1D7CD3 36%, #398EDB 96%); /* El Estándar */
    background: -moz-linear-gradient(left, #1c2e53 1%, #1D7CD3 36%, #398EDB 96%); /* FF 3.6+ */
    background: -webkit-linear-gradient(left, #1c2e53 1%, #1D7CD3 36%, #398EDB 96%); /* Safari 4+, Chrome 2+ */
    background: -webkit-linear-gradient(left, #1c2e53 1%, #1D7CD3 36%, #398EDB 96%); /* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(left, #1c2e53 1%, #1D7CD3 36%, #398EDB 96%); /* Opera 11.10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c2e53', endColorstr='#398EDB'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c2e53', endColorstr='#398EDB')"; /* IE8+ */
    background: -ms-linear-gradient(left, #1c2e53 1%, #1D7CD3 36%, #398EDB 96%); /* IE10 */    
    border: none;
}

.grandes {
    width: 115px;
    height: 33px;
    padding: 18px 0 0 0;
    line-height: 14px;
    word-wrap: break-word;
    display: block;
}

.grandes2 {
    width: 115px;
    height: 60px;
    padding:0;
    line-height: 14px;
    word-wrap: break-word;
    display: block;
}

.chicos {
    /* height: 24px; */
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 110px;
}

.alerta {    
    font-style: normal;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    width: 100px;
    margin-left: 240px;
    margin-bottom: 10px;
}

.aceptarConfirmacion {    
    font-style: normal;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    width: 100px;
    margin-left: 130px;
    margin-bottom: 10px;
}

.cancelarConfirmacion {
    font-style: normal;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    width: 100px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.contentTituloPantalla {
    vertical-align: top;
    position: fixed;
    padding-top: 0.5em;
    padding-right: 0.5em;
    margin: 0 10px;
    top: 3em;
    z-index: 1001;
    border-bottom: solid 1px #D5EDF9;
    background-color: #FFFFFF;
    border-radius: 3px;
}

#divContenidoPrincipal {
    padding: 20px 10px 20px 10px;
}

figure {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin-top: 0em;
    margin-bottom: 0em;
}

img { 
    /*max-width: 100%;*/ 
    height: auto; 
    margin: 0;
    padding: 0;
}

a:link {text-decoration:none;}      /* unvisited link */
a:visited {text-decoration:none;}  /* visited link */
a:hover {text-decoration:none;}  /* mouse over link */
a:active {text-decoration:none;}  /* selected link */

.classFigureLogo {
    margin: 0;
    left: 3.5em;
    width: 5em;
    top: .1em;
    position: fixed;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0;
}
.classNombreUsuario {
    top: .4em;
    position: fixed;
    right: 5.6em;
    color: black;
}
#btnAyuda {
    right: 3.3em;
}

#btnConfiguracion {
    right: 1em;
}

.panelStyle
{
    font-family: 'Roboto';
    color: rgb(49, 108, 124);
    border-color: transparent;
}
.legendStyle
{
    color: rgb(83, 83, 83);
    font-weight: bold;
    font-size: large;
    letter-spacing: -1px;
    width: 100%;
} 

.tituloPantalla
{
    color: #5A5A5A;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 1px;
    width: 100%;
    padding-left:10px;
} 

/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////////////Menu////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/

#MenuNav {
    display: none;
    position: fixed;
    left:30%;
    top:2.2em;          
}

.menu, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-collapse:collapse;
}

.menu {
    line-height: 58px;
}

    .menu li {
        /*border-bottom: 2px solid #181818;*/
        /*min-width: 160px;*/
        max-width: 16em;
        background: -moz-linear-gradient(rgba(50, 81, 90, 1), rgb(0,41,95));
        background: -ms-linear-gradient(rgba(50, 81, 90, 1), rgb(0,41,95));
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(50, 81, 90, 1)), color-stop(100%, rgb(0,41,95)));
        background: -webkit-linear-gradient(rgba(50, 81, 90, 1), rgb(0,41,95));
        background: -o-linear-gradient(rgba(50, 81, 90, 1), rgb(0,41,95));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(50, 81, 90, 1)', endColorstr='rgb(0,41,95)');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(50, 81, 90, 1)', endColorstr='rgb(0,41,95)')";
        background: linear-gradient(rgba(50, 81, 90, 1), rgb(0,41,95));
    }

    .menu > li {
        display: inline-table;
        float: left;
        position: relative;                
        border-right: 1px solid black;
        box-shadow: 1px 1px 2px rgba(255,255,255,0.5) inset, -1px 1px 2px rgba(255,255,255,0.5) inset;
    }

        .menu > li:first-child {
            border-radius: 5px 0 0 0;
        }

        .menu > li:last-child {
            border-radius: 0 5px 0 0;                    
            border-right:none;
        }

    .menu a {
        border-left: 3px solid rgba(0, 0, 0, 0);
        color: #808080;
        display: block;
        font-family: 'Roboto';
        font-size: 1em;
        line-height: 2em;
        padding: 0 25px;
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;    
        white-space: nowrap;
    }

    .menu div {
        border-left: 3px solid rgba(0, 0, 0, 0);
        color: #808080;
        display: block;
        font-family: 'Roboto';
        font-size: 1em;
        line-height: 2em;
        padding: 0 25px;
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;    
        white-space: nowrap;
    }

    .menu li:hover {
        background-color: #1c1c1c;
        background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
        background: -ms-linear-gradient(#1c1c1c, #1b1b1b);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b));
        background: -webkit-linear-gradient(#1c1c1c, #1b1b1b);
        background: -o-linear-gradient(#1c1c1c, #1b1b1b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')";
        background: linear-gradient(#1c1c1c, #1b1b1b);
        border-bottom: 2px solid #222222;
        /*border-top: 2px solid #1B1B1B;*/
    }

        .menu li:hover > a {
            border-radius: 0 0 0 0;
            /*border-bottom: 1px solid rgb(0,41,95);*/                    
            color: #ffffff;
        }
/* submenu styles */
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}

    .submenu li {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: opacity .4s, -webkit-transform .5s;
        -moz-transition: opacity .4s, -moz-transform .5s;
        -ms-transition: opacity .4s, -ms-transform .5s;
        -o-transition: opacity .4s, -o-transform .5s;
        transition: opacity .4s, transform .5s;
        color: #ffffff;
        border-top: solid 1px black;
        border-bottom: solid 1px black;
    }

    .submenu a {                            
        min-width: 10em;
        white-space: nowrap;
    }

.menu .submenu li:hover a {
    /*border-left: 3px solid #454545;*/
    border-radius: 0;
    color: #ffffff;
}

.menu > li:hover .submenu, .menu > li:focus .submenu, .menu > li:active .submenu {
    max-height: 2000px;
    z-index: 10;
}

    .menu > li:hover .submenu li, .menu > li:focus .submenu li, .menu > li:active .submenu li {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    
/* CSS3 delays for transition effects */
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    border-top-right-radius: 5px;
}

.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}

.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}

.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

/*/////////////////////////////////////////////////////////////////////////*/
/*/////////////////////-------Usuario------/////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/

.menuUsuario {
    line-height: 50px;
}
.menuUsuario, .menuUsuario ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-collapse:collapse;
    /*box-shadow: 5px 5px 2px rgba(0,0,0,.5);
    background-color: rgba(0,0,0,.5);*/
}

.menuUsuario li {
    max-width: 16em;
}

.menuUsuario > li {
    display: inline-table;
    float: left;
    position: relative;              
}

.menuUsuario a, menuUsuario div{
    display: block;
    font-family: 'Roboto'; 
    white-space: nowrap;
}

.styleImagenUsuario {
    position: relative;
    float: left;
    margin-right: 5px;
    width: 31px;
    height: 33px;    
    border-radius:20%;
    /*border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;*/
}

.botonMenuUsuario {
    /*border: 1px solid #B8B8B8;*/
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    /*top: 1em;*/
    top:.4em;
    position: fixed;
    right: 1em;
    color: black;
    padding: 0.25em;
    background-image: linear-gradient(top, #eee, #ccc);
}

.botonNombreUsuario {
    display: block;
    line-height: 33px;
    height: 33px;
    white-space: nowrap;
    /* border: 1px solid #B8B8B8; */
    padding: 0 1.5em 0 0;
    text-decoration: none;
    color: #FFF;
    /* border-radius: 5px; */
    cursor: pointer;
    line-height: 2em;
    background-image: linear-gradient(top, #eee, #ccc);
    /* text-shadow: 0 1px 0 rgba(255,255,255,.8); */
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1em;
    /*font-family: "Roboto", Arial, Helvetica;*/
}

.botonNombreUsuario:before {
    float: left;
    font-size: 1.5em;
    padding: 0.1667em 0.23em 0.1667em 0;
    margin: 0 .4em 0 -1em;
    box-shadow: 1px 0 0 rgba(255,255,255,.5);
    border-radius: 5px 0 0 5px;
    pointer-events: none;
    height: 25px;
}

.botonNombreUsuario:hover:before{
    background-color: rgb(0,41,95);
}

    .botonNombreUsuario:after {
        /*content: '\2794';*/
        right: 2px;
        position: absolute;
    }

    .botonNombreUsuario:hover:after{
        -webkit-transform:rotate(90deg); 
        -moz-transform:rotate(90deg); 
        -ms-transform:rotate(90deg);  
        -o-transform:rotate(90deg); 
        transform:rotate(90deg); 
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        display: inline-block;      
        /*color: rgba(35,70,80,1);*/  
    }

.buttonUsuario {
    display: inline-block;
    line-height: 30px;
    white-space: nowrap;
    /*background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');*/
    border: 1px solid #B8B8B8;
    padding: 0 1.5em;
    font: 1em/2em 'Roboto', Arial, Helvetica;
    text-decoration: none;
    color: #FFF;
    border-radius: .2em;
    /*box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.17);*/
    background: linear-gradient(rgba(92, 91, 91, 1) 10%, rgba(0, 0, 0, 1) 90%);
}

.buttonUsuario:hover {
    /*background-color: #ddd;
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');*/
}

.buttonUsuario:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.buttonUsuario:focus {
    outline: 0;
    background: #fafafa;
}

.buttonUsuario:before {
    float: left;
    font-size: 1.5em;
    padding: 0.08em 0.23em 0.1667em 0;
    margin: 0 .4em 0 -1em;
    box-shadow: 1px 0 0 rgba(255,255,255,.5);
    border-radius: .2em 0 0 .2em;
    pointer-events: none;
    height: 26px;
}

.buttonUsuario:hover:before{
    background-color: rgb(0,41,95);
}

.user:before { content: url(../Imagenes/Botones/User/user_24.png); padding-left: 0.1667em; }
.user:after { content: '\25B6'; }
.data:before { content: url(../Imagenes/Botones/Data/edit_24.png);  padding-left: 0.17em;}
.pass:before { content: url(../Imagenes/Botones/Pass/pass_24.png);  padding-left: 0.17em;}
.exit:before { content: url(../Imagenes/Botones/Logout/logout_24.png);  padding-left: 0.17em;}
.help:before { content: url(../Imagenes/Botones/Help/help_24.png);  padding-left: 0.17em;}



        
/* submenuUsuario styles */
.submenuUsuario {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    -ms-perspective: 100px;
    -o-perspective: 100px;
    perspective: 100px;
}

    .submenuUsuario li {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: opacity .4s, -webkit-transform .5s;
        -moz-transition: opacity .4s, -moz-transform .5s;
        -ms-transition: opacity .4s, -ms-transform .5s;
        -o-transition: opacity .4s, -o-transform .5s;
        transition: opacity .4s, transform .5s;        

        
    }

    .submenuUsuario a {                            
        min-width: 8em;
        white-space: nowrap;
        background: linear-gradient(rgba(92, 91, 91, 1) 10%, rgba(0, 0, 0, 1) 90%);
    }
      
.menuUsuario > li:hover .submenuUsuario, .menuUsuario > li:focus .submenuUsuario {
    max-height: 2000px;
    z-index: 2000;    
}

    .menuUsuario > li:hover .submenuUsuario li, .menuUsuario > li:focus .submenuUsuario li {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    
/*/////////////////////////////////////////////////////////////////////
////////////////////-----NUEVO MENU---/////////////////////////////////
/////////////////////////////////////////////////////////////////////*/

.menuLateral { /*Menu fondo claro*/
    background: #0071AB;
    position: fixed;
    width: 270px;
    height: 100%;
    top: 0;
    z-index: 1000;
    /*box-shadow: 2px 0px 2px rgba(0,0,0,.5);*/
    left: -270px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

    .menuLateral span {
        color: #FFFFFF;
        /*font-size:15px;*/
        font-size: 13px;
    }

    .menuLateral h3 { /*Menu fondo oscuro*/
        color: #FFFFFF;
        font-size: 1.5em;
        padding: 8px;
        margin: 0;
        font-weight: 100;
        background-color: #008ed6;
        /* background: linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%); */ /* Standard syntax */
        /*background: -webkit-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%);*/ /* For Safari 5.1 to 6.0 */
        /*background: -o-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%);*/ /* For Opera 11.1 to 12.0 */
        /*background: -moz-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%);*/ /* For Firefox 3.6 to 15 */
        margin-top: 22%;
        /* border-bottom: solid 4px white; */
    }


.divContenedorIconoMenuVertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #404F56;
    border-radius: 0px 5px 5px 0px;
    left: -44px;
    -webkit-transition: left 0.2s;
    -moz-transition: left 0.2s;
    transition: left 0.2s;
}

.iconoOcultaMenuLateral {
    position: absolute;
    height: 70px;
    width: 15px;
    top: 50%;

    background-image:url(../../Imagenes/Botones/Svg/arrowRight.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    left: 44px;
	
    transform: translateY(-50%);
    background-color: lightgray;
    border-radius: 0px 5px 5px 0px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.divContenedorIconoMenuVertical:hover,
.divContenedorIconoMenuVertical:focus,
.divContenedorIconoMenuVertical:active {
    left: 0px;
}

.divContenedorIconoMenuVertical:hover .iconoOcultaMenuLateral,
.divContenedorIconoMenuVertical:focus .iconoOcultaMenuLateral,
.divContenedorIconoMenuVertical:active .iconoOcultaMenuLateral {
    opacity: 0;
}
 
.open {
    left: 0px;
}

.nombreMenu table{
    width:260px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.nombreMenu table td:first-child{
    /*width:24px;*/
    width:16px;
}
.nombreMenu table td:last-child{
    /*width:20px;*/
    width:16px;
}

.figureMenuLateral {
    width: 20px;
    height: 20px;
}

/* Transitions */ 

.aMenuLateral:hover, .aMenuLateral:active, .aMenuLateral:focus {
    background-color: #004b70;
    color: #fff !important;
}

.tableMenuBoton {
    position: absolute;
    right: -44px;
    height: 48px;
    border-right: solid 3px rgb(64, 79, 86);
    font-family: 'Roboto';
    color: white;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    vertical-align: middle;
    z-index: 1001;
}

.tableMenuBoton2 {
    position: absolute;
    right: -40px;
    height: 49px;
    top: 4.18em; /*3.35em;*/
    background-color: #2E384E;
    /*background: linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%);*//* Standard syntax */
    /*background: -webkit-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%);*/ /* For Firefox 3.6 to 15 */
    font-family: 'Roboto', sans-serif;
    color: white;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    vertical-align: middle;
    box-shadow: 1px 2px 2px rgba(0,0,0,.3);
    z-index: 1001;
    border-radius: 0 0 3px 0;
}

.tableMenuBoton:hover, .tableMenuBoton:focus, .tableMenuBoton:active {
    background: #3e454d;
}

.imgMasMenos {
    background-image:url(../../Imagenes/Botones/MasMenos/menu_mas_azul.svg);
    /*width:20px;
    height:20px;*/    
    width:10px;
    height:10px;  
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.subMenuLateral.seleccionPrincipal .imgMasMenos {
    margin-right: 15px;
}

.subMenuLateral.seleccionPrincipal .openSubmenu {
    margin-right: 15px;
}

.openSubmenu {    
    background-image:url(../../Imagenes/Botones/MasMenos/menu_menos_azul.svg);
    /*width:20px;
    height:20px;*/    
    width:10px;
    height:10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.tdMenuFrase2 {
    padding: 0 0 0 5px;
    margin: 0;
    border-collapse: collapse;
    vertical-align: middle;
    display:none;
}

.tdMenuImagen { /*Menu fondo oscuro Icono menu*/
    padding: 2px 5px 0 5px;
    margin: 0;
    vertical-align: middle;
    border-collapse: collapse;
    background: #008ed6;
    border-radius: 0 0 3px 0;
}

#showLeft {
    cursor:pointer;
    /*width: 40px;*/
    width: 30px;
    height: 32px;
}

.aMenuLateral { /*Menu fondo claro*/
    display: block;
    color: #fff;
    /*font-weight: 500;*/
    background-color: #0071AB;
    /*height:29px;*/
    border-top: 1px solid rgb(0, 113, 171);
    border-bottom: 1px solid rgb(0, 113, 171);
    /*font-size: 15px;
    padding: 5px;*/
    font-size: 13px;
    padding: 7px;
}

.aSubMenuLateral { /*Menu fondo oscuro*/
    display: block;
    color: #FFF;
    font-size: 13px;
    /*font-weight: 500;*/
    background-color: #008ed6;
    padding: .2em;
    border-bottom: 1px solid rgb(0, 127, 191);
}

.MenuLateralSeleccionado {
    display: block;
    color: #fff;
    font-size: 15px;
    /*font-weight: 500;*/    
    background: linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%);/* Standard syntax */
    background: -webkit-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3e454d10%, rgb(0, 13, 52) 90%); /* For Firefox 3.6 to 15 */
    box-shadow: 2px 2px 3px rgba(255,255,255,.3) inset, -2px -2px 3px rgba(255,255,255,.3) inset;
    padding: .5em .5em .5em 29px;
}

.subMenuLateral { /*Menu fondo claro*/
    display: block;
    color: #fff;
    /* font-weight: 500; */
    border-top: 1px solid #0175d1;
    /* border-bottom: 1px solid rgb(0, 120, 181); */
    background-color: #0071AB;
    /*padding: 5px;
    font-size: 15px;*/
    font-size: 13px;
    padding: 2px;
}

.seleccionPrincipal { /*Menu fondo medio*/
    background-color: #004b70;
    border-top: 1px solid rgb(0, 142, 214);
    /*border-top: 1px solid rgb(0, 13, 52);*/
}

.SelectPrincipal { /*Menu fondo medio*/
    color: #fff;
    background-color: #004b70;
    -webkit-appearance: none;
    outline-style: none;
    font-family: 'Roboto';
    /*border-top: 2px solid rgb(1, 157, 236);*/
    /*border-bottom: 1px solid rgb(0, 120, 181);*/
    /*border-bottom: 1px solid rgb(255, 255, 255);*/
}


    .subMenuLateral > nombreMenu{
        padding-bottom: 10px;
        border-bottom: solid 3px white;
        cursor:pointer;        
        outline-style:none;
    }  
    .subMenuLateral span{
        /*font-size: 15px;*/    
        padding-left: 2px;
        font-size: 13px;
    }

    .aSubMenuLateral:hover, .aSubMenuLateral:active, .aSubMenuLateral:focus {
        color: rgb(0, 142, 214);
        background: #FFFFFF;
    }

.SelectSecundario {
    color: #3e454d;
    background: #fff;    
    border-top: 1px solid #3e454d;
}
 
.subMenuLateral:hover, .subMenuLateral:active, .subMenuLateral:focus{
    /* background-color:#00295f; */
    background-color: #004b70;
    color: #fff;
    cursor:pointer;
}


#divMenuDinamico {
    overflow-y: auto;
    overflow-x: hidden;
}

/*/////////////////////////////////////////////////////////////////////
////////////////////-----FIN-NUEVO MENU---/////////////////////////////////
/////////////////////////////////////////////////////////////////////*/

 
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////-----MENU ICONOS--------/////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/


.menuVerticalBotones {
    position: fixed;
    /*left: -14.5em;*/
    /*top: 48px;*/
    /*background-color: #008ed6;*/
    vertical-align: middle;
    /*width: 18em;*/
    z-index: 999;
    width: 44px;
    height: 100%;
    border-top: 1px solid rgb(0, 142, 214);
    /*font-size: small;*/
    /*Para Damian*/
    /*display:none;*/
    /*Para Damian*/
}


.divMenuVertical {
    position: relative;
    left: 0em;
}

.divIconoMenuVertical {
    padding: 13px;
    text-align: center;
    -webkit-transition: padding 0.1s;
    -moz-transition: padding 0.1s;
    transition: padding 0.1s;
    border-radius: 0px 5px 5px 0px;
    border-bottom: 1px solid #616C71;
}

.iconoItemMenuLateral {
    height:100%;
    width: 100%;
}

    .divIconoMenuVertical:hover, .divIconoMenuVertical:active, .divIconoMenuVertical:focus {
        background-color: #008ED6;
        padding: 10px;
        border-bottom: 1px solid #A7A7A7;
        border-radius: 0px 5px 5px 0px;
    }


.botonMenuLateralSeelccionado {
    background-color: #008ED6;
}



    .divMenuVertical:hover, .divMenuVertical:active, .divMenuVertical:focus {
        position: relative;
        left: 14.5em;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;        
        -ms-transition: all 1s ease;   
        -o-transition: all 1s ease; 
    }




.tableMenuVerticalBoton {
    color: #fff;
    /*margin: 1em 0 0 0;
    margin: .5em 0 0 0;*/
    width: 100%;
    /*box-shadow: 2px 0px 2px rgba(0,0,0,.5);*/
    /*background:linear-gradient(rgba(0, 0, 0, .8), rgba(5,5,5,.9));*/
    background-color: rgb(49, 49, 49);
}

    .tableMenuVerticalBoton:hover {
        background-color: #004b70; 
        /*background: linear-gradient(rgba(0, 0, 0, .8), rgb(0,41,95));*/
        /*background: linear-gradient(rgb(0,41,95)10%, rgb(0,13,52) 90%);*//* Standard syntax */
        /*background: -webkit-linear-gradient(rgb(0,41,95)10%, rgb(0,13,52) 90%);*/ /* For Safari 5.1 to 6.0 */
        /*background: -o-linear-gradient(rgb(0,41,95)10%, rgb(0,13,52) 90%);*/ /* For Opera 11.1 to 12.0 */
        /*background: -moz-linear-gradient(rgb(0,41,95)10%, rgb(0,13,52) 90%);*/ /* For Firefox 3.6 to 15 */
    }

.tableMenuVerticalBotonSeleccionado {
    width: 100%;    
    background-color: #1c2e53; 
    color: #fff;

}

.tdMenuVerticalFrase{
    width: 85%;
    padding-left: 1em;
    font-family:'Roboto';
}

.tdMenuVerticalImagen {
    width: 15%;
    padding: .5em 0 .5em .5em;
}

.figureMenuVertical {
    /*width: 32px;*/
    width: 20px;
}


.SubMenuVertical {    
    color: white;
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    margin: 0;
    position: relative;
    left: 0;
    list-style: none;  
    height:0px; 
    line-height: 0px;
    opacity: 0;
    box-shadow: 2px 0px 2px rgba(0,0,0,.5);
    width:98%;
    font-size:small;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}

    .SubMenuVertical li {
        padding: 5px 0;        
        width:100%;
    }
    .SubMenuVertical a {
        color: white;
        font-family: 'Roboto';
        margin-left: 1em;
    }

    .SubMenuVertical li:hover,
    .SubMenuVertical li:focus,
    .SubMenuVertical li:active{
        color: #ffffff;
        background:rgb(0,41,95);
    }

.SubMenuVerticalSeleccionado{
    color: #ffffff;
    background:rgb(0,41,95);
    border-top:1px solid black;
}

.divMenuVertical:hover > .SubMenuVertical, 
.divMenuVertical:active > .SubMenuVertical, 
.divMenuVertical:focus > .SubMenuVertical {    
    opacity: 1;    
    height:100%; 
    line-height: 100%;
    -webkit-transition-delay: 600ms;    
    -moz-transition-delay: 600ms; 
    -ms-transition-delay: 600ms;   
    -o-transition-delay: 600ms; 
    transition-delay: 600ms;
}


/*/////////////////////////////////////////////////////////////////////
////////////////////-----CARGANDO---/////////////////////////////////
/////////////////////////////////////////////////////////////////////*/

#loader {
  /*border-radius:8px;*/
  width:auto;
  display:none;
  /*display:inline-block;*/
  height:auto;
  /*padding:5px;
  color:white;
  font-family:'Roboto';*/
  position:fixed;
  top:50%;
  left:50%;
  margin-top:-64px;
  margin-left:-64px;
  z-index:50001;
}

.spin {
  height:20px;
  width:20px;
  background:rgb(0,41,95);/*#1EB7FF;*/
  border-radius:2px;
  box-shadow: 0 0 20px rgb(51, 107, 122);
  border:1px solid #FFF;
  float:left;
  margin: 0 2px;
  opacity:0;
}

#loading2 {
  border-radius: 5px;
  border: 3px solid #0091D1;
  width: 260px;
  display: none;
  height: auto;
  background-color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: 40px;
  padding: 5px;
  margin-left: -130px;
  z-index: 50001;
}

    #loading2 span {
        font-weight: bold; 
        color: #0091D1;
    }

#load1 {
  animation: load1 2s infinite;
  animation-delay:0s;
  -webkit-animation: load1 2s infinite;
  -webkit-animation-delay:0s;  
  -o-animation: load1 2s infinite;
  -o-animation-delay:0s;  
  -moz-animation: load1 2s infinite;
  -moz-animation-delay:0s;
}
#load2 {
  animation: load2 2s infinite;
  animation-delay:0.1s;
  -webkit-animation: load1 2s infinite;
  -webkit-animation-delay:0.1s;
  -o-animation: load1 2s infinite;
  -o-animation-delay:0.1s;  
  -moz-animation: load1 2s infinite;
  -moz-animation-delay:0.1s;
}
#load3 {
  animation: load3 2s infinite;
  animation-delay:0.2s;
  -webkit-animation: load1 2s infinite;
  -webkit-animation-delay:0.2s;
  -o-animation: load1 2s infinite;
  -o-animation-delay:0.2s;  
  -moz-animation: load1 2s infinite;
  -moz-animation-delay:0.2s;
}
#load4 {
  animation: load3 2s infinite;
  animation-delay:0.3s;
  -webkit-animation: load1 2s infinite;
  -webkit-animation-delay:0.3s;
  -o-animation: load1 2s infinite;
  -o-animation-delay:0.3s;  
  -moz-animation: load1 2s infinite;
  -moz-animation-delay:0.3s;
}
#load5 {
  animation: load3 2s infinite;
  animation-delay:0.4s;
  -webkit-animation: load1 2s infinite;
  -webkit-animation-delay:0.4s;
  -o-animation: load1 2s infinite;
  -o-animation-delay:0.4s;  
  -moz-animation: load1 2s infinite;
  -moz-animation-delay:0.4s;
}
#load6 {
  animation: load3 2s infinite;
  animation-delay:0.5s;
  -webkit-animation: load1 2s infinite;
  -webkit-animation-delay:0.5s;
  -o-animation: load1 2s infinite;
  -o-animation-delay:0.5s;  
  -moz-animation: load1 2s infinite;
  -moz-animation-delay:0.5s;
}
#load7 {
  animation: load3 2s infinite;
  animation-delay:0.6s;
  -webkit-animation: load1 2s infinite;
  -webkit-animation-delay:0.6s;
  -o-animation: load1 2s infinite;
  -o-animation-delay:0.6s;  
  -moz-animation: load1 2s infinite;
  -moz-animation-delay:0.6s;
}
#load8 {
  animation: load3 2s infinite;
  animation-delay:0.7s;
  -webkit-animation: load1 2s infinite;
  -webkit-animation-delay:0.7s;
  -o-animation: load1 2s infinite;
  -o-animation-delay:0.7s;  
  -moz-animation: load1 2s infinite;
  -moz-animation-delay:0.7s;
}

@keyframes load1 {
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@-webkit-keyframes load1{
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@keyframes load2 {
 0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@-webkit-keyframes load2{
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@keyframes load3 {
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@-webkit-keyframes load3{
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@keyframes load4 {
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@-webkit-keyframes load4{
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@keyframes load5 {
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@-webkit-keyframes load5{
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@keyframes load6 {
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@-webkit-keyframes load6{
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@keyframes load7 {
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@-webkit-keyframes load7{
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@keyframes load8 {
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}

@-webkit-keyframes load8{
  0% {opacity:0;}
  50% {opacity:1; -moz-transform:scaleY(2); transform: scaleY(2); -o-transform:scaleY(2); -webkit-transform:scaleY(2);-ms-transform:scaleY(2);}
  100% {opacity:0;}
}



/*240px
@media screen and (min-width:14.000em) and (max-width:19.999em) {
}
320px
@media screen and (min-width:20.000em) and (max-width:24.374em) {
}
390px
@media screen and (min-width:24.375em) and (max-width:29.999em) {
}
480px
@media screen and (min-width:30.000em) and (max-width:35.624em) {
}*/
/*570px*/
@media screen and (min-width:1em) and (max-width:48.124em) {

    p, span, label, legend {
        font-family: 'Roboto';
        font-size: 11px;
    }

    .tamañoLetraContoles {
        font-size: 11px;
    }

    .tamañoYTipoLetraContoles {
        font-size: 11px;
        font-family: 'Roboto';
    }

    .contentTituloPantalla {        
        top: 2.3em;
    }
     #divContenidoPrincipal {
        padding: 25px 10px 20px 10px;
    }


    #MenuNav {
        top: 1.8em;
        left: 25%;
        transform: scale(.7);
        -ms-transform: scale(.7);
        -webkit-transform: scale(.7);
    }
    /*.menu a{font-size: .8em; line-height: 1.6em;}
    .menu div{font-size: .8em; line-height: 1.6em;}*/
    .classFigureLogo {
        width: 4em;
        top: .1em;
        left:3em;
    }
    header {
        height: 2.3em;        
        /*border-bottom: rgb(0,41,95) solid .3em;*/
        /*height: 2.5em;*/
    }
    
    #showLeft {
        width: 30px;
        height: 31px;
    }
    .sectionMasterGeneral {
        margin-top: 3em;
        margin-bottom: 1.5em;    
    }
    .sectionMasterPrincipal {
        padding: 0em 0em 0em 1.8em;        
        margin-top: 2.8em;
        /*Para Damian*/
        /*padding: 0em 2em 0em 0em;*/
        /*Para Damian*/
    }
    footer {
        height: 1em;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
    }
    footer h3{
        font-size: .67em;
        font-weight: 200;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
    }
    .divfooterText {
        font-size:x-small;
    }
    .divfooterText2 {
        font-size:xx-small;
    }
    .classNombreUsuario {
        right: 6.4em;
        top: .3em;
        font: bold .7em/1.5em 'Roboto';
            /*position: fixed;*/
            /*right: 5.6em;*/
            /*color: black;*/
    }
    .botonNombreUsuario {
        font: 1em 'Roboto', Arial;
        height: 28px;
        line-height: 28px;
        padding: 0 16px 0 0px;
    }
        .botonNombreUsuario:before {
            line-height: 20px;
            margin: 0 1em 0 0em;
            padding: 4px .2em 0 0.2em; /*transform: scale(.7);-ms-transform: scale(.7);-webkit-transform: scale(.7); -ms-transform:scale(.7);*/
        }
    /*.submenuUsuario { transform: scale(.7);-ms-transform: scale(.7);-webkit-transform: scale(.7); font: bold .7em/1.5em 'Roboto';}*/
    .buttonUsuario {
        font: 1em/1.5em 'Roboto', Arial;
        line-height: 25px;
        padding: 0 6px 0 0;
    }
        .buttonUsuario:before {
            line-height: 20px;
            margin: 0 1em 0 -0.1em;
            padding: 2px .1em 0 0.2em;
        }
    .botonMenuUsuario {
        top: .2em;
    }
    #btnAyuda {
        right: 2.5em;                
        width: 20px;
    }
    #btnConfiguracion {
        right: .5em;              
        width: 20px;
    }
    .user:before { content: url(../Imagenes/Botones/User/user_20.png); padding-left: 0.1667em;}
    .data:before { content: url(../Imagenes/Botones/Data/edit_20.png); padding-left: 0.27em; height: 23px; margin-left: 0;}
    .pass:before { content: url(../Imagenes/Botones/Pass/pass_20.png); padding-left: 0.27em;height: 23px; margin-left: 0;}
    .help:before { content: url(../Imagenes/Botones/Help/help_20.png); }
    .exit:before { content: url(../Imagenes/Botones/Logout/logout_20.png); padding-left: 0.27em;height: 23px; margin-left: 0;}

    .styleImagenUsuario {
        width: 27px;        
        height: 28px;
    }

    .tableMenuBoton {
        /*right: -70px;*/
        right: -40px;
        top: .1em;
        height: 32px;
        font-size: small;
    }

    .menuLateral {                
        /*font-size: small;*/
    }

    .imgMasMenos {
        width:8px;
        height:8px;    
    }

    .openSubmenu {    
        width:8px;
        height:8px;    
    }

    .subMenuLateral span{
        font-size: 12px;
    }

    .aMenuLateral {
        padding: 1px;
        height: 22px;
    }

        .menuLateral span {
            font-size: 12px;
        }

    .SelectSecundario {
        font-size: 12px;
    }

    .figureMenuLateral {
        width: 16px;
        height: 16px;
    }

    .subMenuLateral summary:after {
        -webkit-transform: scale(.3);
        -o-transform: scale(.3);
        -ms-transform: scale(.3);
        -moz-transform: scale(.3);
        transform: scale(.3);
    }
                
    .menuLateral h3 {
        font-size: 1.5em;
        padding: 9px;
        margin-top: 15%;
    }

    .subMenuLateral {
        font-size:small;
        padding: 1px;
    }

    .tableMenuBoton2 {
        top: 3.15em;
        right: -40px;
        height: 48px;
    }

    .menuVerticalBotones {
        /*top: 38px;*/
        /*z-index: 999;*/
        width: 40px;
        /*font-size: small;*/
    }
    .divMenuVertical {
        left:0em;
    }

    .divIconoMenuVertical {
        /*left:0em;*/
    }

    .tdMenuVerticalFrase {
        padding-left: .5em;
    }

    .figureMenuVertical {
        width: 20px;
    }
    .SubMenuVertical {     
        font-size: .85em;
    }
     .ulmenuUsuario {
        /*padding-top: 7px;*/
        margin: 5px 0px 0px 0px;
    }
    /*.ulmenuUsuario:after {
        content: "\25B4";
        top: -15px;
    }*/
    .ulmenuUsuario2 {
        /*padding-top: 5px;*/
        margin: 9px 0px 0px 0px;
    }
    /* Solo para Firefox */
    /*@-moz-document url-prefix() {
        .ulmenuUsuario:after {
            content: "\25B4";
            top: -15px;
            left: 30%;
        } 
        .ulmenuUsuario2:after {
            content: "\25B4";
            top: -15px;
            left: 30%;
        } 
    }*/  
    .ulmenuUsuario2:after {
        content: "\25B4";
        top: -15px;
        left: 38%;
    }
    .liGeneralesMenu {
        height: 32px;
    }
    .btnMenuUsuarios,
    .iconoSuperior {
        margin-top: 0px;
    }

    #liprimera {
        padding-top: 0px;
        margin-top: -1px;
    }

    #lisegunda {

    }

    #litercera {
        margin-top: 1px;
    }

}
/*770px*/
@media screen and (min-width:48.125em) and (max-width:67.499em) {
    p, span, label, legend {
        font-family: 'Roboto';
        font-size: 12px;
    }

    .tamañoLetraContoles {
        font-size: 12px;
    }

    .tamañoYTipoLetraContoles {
        font-size: 12px;
        font-family: 'Roboto';
    }
    .contentTituloPantalla {        
        top: 2.3em;
    }
     #divContenidoPrincipal {
        padding: 25px 10px 20px 10px;
    }


    #MenuNav {
        top: 1.8em;
        left: 25%;
        transform: scale(.7);
        -ms-transform: scale(.7);
        -webkit-transform: scale(.7);
    }
    /*.menu a{font-size: .8em; line-height: 1.6em;}
    .menu div{font-size: .8em; line-height: 1.6em;}*/
    .classFigureLogo {
        width: 4em;
        top: .1em;
        left:3em;
    }
    header {
        /*height: 3.5em;*/
        height: 2.3em;
        /*border-bottom: rgb(0,41,95) solid .3em;*/
    }
    #showLeft {
        width: 30px;
        height: 31px;
    }
    .sectionMasterGeneral {
        margin-top: 3em;
        margin-bottom: 1.5em;
    }
    .sectionMasterPrincipal {
        padding: 0em 0em 0em 2em;
        margin-top: 2.8em;
        /*Para Damian*/
        /*padding: 0em 2em 0em 0em;*/
        /*Para Damian*/
    }
    footer {
        height: 1em;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
    }
    footer h3{
        font-size: .87em;
        font-weight: 200;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
    }
    .divfooterText {
         font-size:x-small;
    }    
    .divfooterText2 {
        font-size:xx-small;
    }
    .classNombreUsuario {
        right: 6.4em;
        top: .3em;
        font: bold .7em/1.5em 'Roboto';
    }
    .botonNombreUsuario {
        font: 1em 'Roboto', Arial;
        height: 28px;
        line-height: 28px;
        padding: 0 16px 0 0px;
    }
        .botonNombreUsuario:before {
            line-height: 20px;
            margin: 0 1em 0 0em;
            padding: 4px .2em 0 0.2em; /*transform: scale(.7);-ms-transform: scale(.7);-webkit-transform: scale(.7); -ms-transform:scale(.7);*/
        }
    /*.submenuUsuario { transform: scale(.7);-ms-transform: scale(.7);-webkit-transform: scale(.7); font: bold .7em/1.5em 'Roboto';}*/
    .buttonUsuario {
        font: 1em/1.5em 'Roboto', Arial;
        line-height: 25px;
        padding: 0 6px 0 0;
    }
        .buttonUsuario:before {
            line-height: 20px;
            margin: 0 1em 0 -0.1em;
            padding: 2px .1em 0 0.2em;
        }
    .botonMenuUsuario {
        top: .2em;
    }
    #btnAyuda {
        right: 2.5em;                
        width: 20px;
    }
    #btnConfiguracion {
        right: .5em;              
        width: 20px;
    }
    .user:before { content: url(../Imagenes/Botones/User/user_20.png); padding-left: 0.1667em;}
    .data:before { content: url(../Imagenes/Botones/Data/edit_20.png); padding-left: 0.27em; height: 23px; margin-left: 0;}
    .pass:before { content: url(../Imagenes/Botones/Pass/pass_20.png); padding-left: 0.27em;height: 23px; margin-left: 0;}
    .help:before { content: url(../Imagenes/Botones/Help/help_20.png); }
    .exit:before { content: url(../Imagenes/Botones/Logout/logout_20.png); padding-left: 0.27em;height: 23px; margin-left: 0;}

    .styleImagenUsuario {
        width: 27px;
        height: 28px;
    }

    .tableMenuBoton {
        right: -40px;
        top: .1em;
        font-size: small;     
        height: 32px;
    }

    .menuLateral {                
        /*font-size: small;*/
    }

        .menuLateral span {
            font-size: 13px;
        }

    .imgMasMenos {
        width:8px;
        height:8px;    
    }

    .openSubmenu {    
        width:8px;
        height:8px;    
    }

    .SelectSecundario {
        font-size: 13px;
    }
    
    .subMenuLateral {
        font-size: 12px;
        padding: 1px;
    }

    .subMenuLateral span{
        font-size: 13px;
    }

    .aMenuLateral {
        padding: 1px;
        height: 23px;
    }

    .figureMenuLateral {
        width: 16px;
        height: 16px;
    }

    .subMenuLateral summary:after {
        -webkit-transform: scale(.3);
        -o-transform: scale(.3);
        -ms-transform: scale(.3);
        -moz-transform: scale(.3);
        transform: scale(.3);
    }
            
    .menuLateral h3 {
        font-size: 1.5em;
        padding: 8px;
    }


    .menuLateral-vertical a {
        padding: .2em .2em .2em 25px;
    }
    .subMenuLateral {
        font-size:small;
        padding: .3em;
    }

    .tableMenuBoton2 {
        top: 4.15em;
        right:-40px;
        height: 48px;
    }

    .menuVerticalBotones {
        /*top: 38px;*/
        /*z-index: 999;*/
        width: 40px;
        /*font-size: small;*/
    }
    .divMenuVertical {
        left:0em;
    }

    .divIconoMenuVertical {
        /*left:0em;*/
    }

    .tdMenuVerticalFrase {
        padding-left: .5em;
    }

    .figureMenuVertical {
        width: 20px;
    }
    .SubMenuVertical {     
        font-size: .85em;
    }
     .ulmenuUsuario {
        /*padding-top: 7px;*/
        margin: 5px 0px 0px 0px;
    }
    /*.ulmenuUsuario:after {
        content: "\25B4";
        top: -15px;
    }*/
    .ulmenuUsuario2 {
        /*padding-top: 5px;*/
        margin: 9px 0px 0px 0px;
    }
    .ulmenuUsuario2:after {
        content: "\25B4";
        top: -15px;
        left: 38%;
    }
    /* Solo para Firefox */
    /*@-moz-document url-prefix() {
        .ulmenuUsuario:after {
            content: "\25B4";
            top: -15px;
            left: 30%;
        } 
        .ulmenuUsuario2:after {
            content: "\25B4";
            top: -15px;
            left: 30%;
        } 
    }*/  
    .liGeneralesMenu {
        height: 32px;
    }
    .btnMenuUsuarios,
    .iconoSuperior {
        margin-top: 0px;
    }
    #liprimera {
        padding-top: 0px;
        margin-top: -1px;
    }

    #lisegunda {

    }

    #litercera {
        margin-top: 1px;
    }

}

/*1080px
@media screen and (min-width:67.500em) {}*/

.fieldsSetUpGrilla {
    margin: 0px;
    border-color: #D6E6FF;
    border-width: 1px;
    /* border-style: solid; */
    padding: 0px;
    min-height: 45px;
}

/* PavOnline.aspx */

.headCalendario {
    background: rgb(0, 142, 214)!important;
}

.sel {
    background: rgb(0, 60, 90)!important;
    color: #00A8FF !important;
}
.colDias {
    border: solid 1px rgb(0, 142, 214) !important;
}

/* Maestrodeusuarios.aspx */
/*#divTituloEmpresasSucursales, #divTituloPeriflesFunc, #divTituloPerfilesBI {
    border: 1px solid #0073FF !important;
    background: #008ED6 !important;
    color: #008ED6 !important;
}*/

/* Accionescomerciales.aspx */
.dxbButton_Office2010Blue span, dxbButtonHover_Office2010Blue span {
    color: #FFFFFF !important;
}

/* GestionAgrupacopmes.aspx */
.GrillaEstilo th,
.ListaHead,
.tablaSimpleHead {
    padding:7px 2px 5px 7px !important;
    text-shadow: none !important;
    border: 1px solid #0487CA !important;
    background: #4C8FFC !important;
    color: #FFFFFF !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

    .ListaHead span,
    .ListaHead p {
        color: #FFFFFF !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 14px;
    }

.SelectedNada {
    font-family: 'Roboto', sans-serif !important;    
}

.SelectedNada:hover {
    font-family: 'Roboto', sans-serif !important;
    background-color: #949494 !important;
    color: #fff;
}

.GrillaEstilo_SelectedRowStyle {
   
    font-family:'Roboto', sans-serif !important;
}

.GrillaEstilo_Boton {
   
    font-family:'Roboto', sans-serif !important;
}

.GrillaHijaEstilo {
   
    font-family:'Roboto', sans-serif !important;
}

.lblComboFiltro {position:relative}
.lblComboFiltro:after {
   
    font-family:'Roboto', sans-serif !important;
}

.GrillaEstilo_Vacia td {
   
    font-family:'Roboto', sans-serif !important;
}

.GrillaEstilo_FilaSeleccionada {
   
    font-family:'Roboto', sans-serif !important;
}

.GrillaEstilo_Fila:hover {
   
    font-family:'Roboto', sans-serif !important;
}

.GrillaEstilo_Fila {
   
    font-family:'Roboto', sans-serif !important;
}

.styleTextBoxFiltro {
   
    font-family:'Roboto', sans-serif !important;
}

.flechaPaginador {
    border: solid 1px rgb(0, 128, 193) !important;
    background: #008ED6 !important;
    font-family: 'Roboto', sans-serif !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.legendStyleListArticulos {
    text-align: center !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    margin: -3px -1px 0 -1px !important;
    background-color: #008ed6 !important;
    border: 1px solid #008ed6 !important;
}

.flechaPaginadorDisabled {
    border: solid 1px rgb(181, 204, 216) !important;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgba(152, 152, 152, 0.3)), color-stop(1, rgba(0,41,95,.3)) ) !important;
    background: -moz-linear-gradient( center top, rgba(152, 152, 152, 0.3) 10%, rgba(0,41,95,.3) 90% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(152, 152, 152, 0.3)", endColorstr="rgba(0,41,95,.3)") !important;
    background: -o-linear-gradient(top,rgbargba(152, 152, 152, 0.3),rgba(0,41,95,.3)) !important;
    background: linear-gradient(rgba(152, 152, 152, 0.3) 10%, rgba(0,41,95,.3) 90%) !important;
}

/* GestionSeguridad.aspx */
#grupoRadio label {
    font-family: 'Roboto', Helvetica, arial !important;
    font-size: 12px !important;
    font-weight: 500;
}

#grupoRadio {
    border: 1px solid #B2CFFF !important;
    /* padding: 0px; */
    color: #1e395b;
    background: #FDFDFD !important;
}

/* GestiondelPresupuesto.aspx */
.SelectedNada {
    
    border: 1px solid rgb(199, 199, 199) !important;
}

.SelectedNada:hover {
    background-color: #008ed6 !important; 
}

/* Tablerostraden.aspx */
/*#divTituloFechas, #divTituloRadios {
    border: 1px solid #006FA7 !important;
    background: #008ED6 !important;

   }*/

/* ConfiguracionJornad.aspx */

.grillaHeader {
    border: 1px solid #006FA7 !important;
    background: #008ED6 !important;
    color: #Fff !important;
}

.textboxDevexpress {
    
    font-family: 'Roboto', sans-serif !important;
}

/* GestionObjetivo.aspx */
.deshabilitado {
    background: #D44444 !important;
    border: 1px solid #CA002E !important;
    border-left: 3px solid #C73658 !important;
}

.habilitado {
    background: #01AE42 !important;
    border: 1px solid #00ae42 !important;
    border-left: 3px solid #008633 !important;
}

.divInfoExtra span {
    color: #00ae42 !important;
}

.dxeListBoxItemRow_Office2010Blue {
    font-size: 12px;
}

/* Remuneracion.aspx */
.divInfo span {
    color: #d94747;
}

/*#divTituloListInformes, #divTituloParametros {
    border: 1px solid !important;
    background: #008ED6 !important;
}*/

/* TABLAS DB Xpress */

/* CheckBox, CheckBoxList */
*[class^="dxeBase"] label /*Bootstrap correction*/
{
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px;
    display: inline;
    color: #313131;
}

.dxgvEditFormDisplayRow_Office2010Blue td.dxgv, .dxgvDataRow_Office2010Blue td.dxgv, .dxgvDataRowAlt_Office2010Blue td.dxgv, .dxgvSelectedRow_Office2010Blue td.dxgv, .dxgvFocusedRow_Office2010Blue td.dxgv {
    font-size: 12px;
}

/* -- ASPxPager Lite -- */
.dxpLite_Office2010Blue
{
    font: 11px 'Roboto', Geneva, sans-serif;
    color: #1e395b;
    padding: 5px 2px;
    float: left;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* Maestro de usuario */
.fieldsSetUpGrilla {
    margin: 0px;
    border-width: 1px;
    border-bottom: 1px solid #F3F3F3;
    border-style: solid;
    padding: 0px;
    min-height: 45px;
    border-left: none;
    /* background: #D6D6D6; */
}

/*Tabla titulo*/
.dxgvTitlePanel_Office2010Blue, 
.dxgvTable_Office2010Blue caption,
.dxtlControl_Office2010Blue caption {
    font-weight: 300;
    padding: 10px 0 10px;
    background: #313131;
    font-size: large;
    color: #FFFFFF;
    border: 1px solid #292929;
}


/*Tabla titulo..........fondo*/
.dxgvHeader_Office2010Blue {
    padding: 3px 6px;
    border: 1px solid #0487CA;
    background: #4C8FFC;
    overflow: hidden;
    font-weight: 500;
}

.dxgvHeader_Office2010Blue, .dxgvHeader_Office2010Blue table {
    color: #FFFFFF;
}

.dxgvFocusedRow_Office2010Blue {
    background: #DEDEDE none;
    color: #008ED6;
}

/* -- Lineas caja -- 
.dxgvEditFormDisplayRow_Office2010Blue td.dxgv, .dxgvDataRow_Office2010Blue td.dxgv, .dxgvDataRowAlt_Office2010Blue td.dxgv, .dxgvSelectedRow_Office2010Blue td.dxgv, .dxgvFocusedRow_Office2010Blue td.dxgv {
    border-bottom: 1px solid #E2E2E2;
    border-right: 1px solid #C5C5C5;
}*/

.dxeListBoxItemHover_Office2010Blue        
{
    color: #fff;
    background: #00adef none;
}

.dxeListBoxItemSelected_Office2010Blue {
    color: #0074AF;
    background: #EAEAEA none;
}

.dxgvPagerTopPanel_Office2010Blue,
.dxgvPagerBottomPanel_Office2010Blue
{
    background: #DADADA none;
}
.dxpLite_Office2010Blue .dxp-current {
    color: #1e395b;
    text-decoration: none;
    background: #008ED6 none;
    padding: 5px 7px;
    border: 1px solid #0098E4;
    border-radius: 2px;
}
/* -- Caja del Button -- */
.dxbButton_Office2010Blue div.dxb {
    padding: 0px 0px;
    text-align: center;
    border: 1px dotted transparent;
    min-width: 90px;
}

/* -- Color del Button -- */
.dxbButton_Office2010Blue span, dxbButtonHover_Office2010Blue span, .dxeCalendar_Office2010Blue span, .dxeCalendarDayHeader_Office2010Blue, .dxeCalendarButton_Office2010Blue, .dxeColorEditButton_Office2010Blue {
    color: #FFFFFF;
}

.dxbButton_Office2010Blue span, dxbButtonHover_Office2010Blue span, .dxeCalendar_Office2010Blue span, .dxeCalendarDayHeader_Office2010Blue, .dxeCalendarButton_Office2010Blue, .dxeColorEditButton_Office2010Blue {
    color: #FFFFFF;
}

.dxbButton_Office2010Blue span, dxbButtonHover_Office2010Blue span, .dxeCalendar_Office2010Blue span, .dxeCalendarDayHeader_Office2010Blue, .dxeCalendarButton_Office2010Blue, .dxeColorEditButton_Office2010Blue {
    color: #E0ECFF;
}

/* -- Button -- */
.dxbButton_Office2010Blue
{
    font-family: 'Roboto',sans-serif;
    color: #fff;
    background-color: #4d90fe;
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    background: #4d90fe;
    border: 1px solid #3079ed;
    padding: 7px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-left: 2px solid #0A59DA;
}

.dxbButtonHover_Office2010Blue
{
    color: #fff;
    /*background-color: #ffc21e;*/
    /*background-image: -webkit-linear-gradient(top,#ffc21e,#ffdb7a);*/
    /*background-image: linear-gradient(top,#ffc21e,#ffdb7a);*/
    /*border: 1px solid #ffdb7a;*/
    /*border-left: 2px solid #0A59DA;*/  

    background-color:#007ebe;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2) inset, -1px -1px 20px rgba(0, 0, 0, 0.2) inset;


}

.dxbButtonChecked_Office2010Blue
{
    color: #1e395b;
    background: #fee287 url('/DXR.axd?r=0_3772-yMFrb') repeat-x left top;
    border: 1px solid #c2762b;
    border-left: 2px solid #0A59DA; 
}

.dxbButtonPressed_Office2010Blue
{
    /*color: #1e395b;*/
    /*background: #fee287 url('/DXR.axd?r=0_3772-yMFrb') repeat-x left top;*/
    /*border: 1px solid #c2762b;*/

    position:relative;
    top:1px;
    box-shadow: 1px 1px 20px rgba(5,5,5,.1) inset, -1px -1px 20px rgba(5,5,5,.1) inset;

}
.dxbButton_Office2010Blue div.dxb
{
    padding: 2px 14px;
    border: 1px dotted transparent;
}
.dxbButton_Office2010Blue div.dxbf
{
    border: 1px dotted black;
}

.dxbButton_Office2010Blue span, dxbButtonHover_Office2010Blue span, .dxeCalendar_Office2010Blue span, .dxeCalendarDayHeader_Office2010Blue, .dxeCalendarButton_Office2010Blue, .dxeColorEditButton_Office2010Blue {
    color: #EEF4FF;
}

/* -- Letra interior campos -- */
.dxeButtonEdit_Office2010Blue,
.dxeTextBox_Office2010Blue {
    background-color: white;
    border: 1px solid #008ED6;
    font: 11px 'Roboto', sans-serif;
    border-collapse: separate;
    border-spacing: 0;
}

.dxgvGroupPanel_Office2010Blue {
    background-color: #353535;
    color: #FFFFFF;
    border-bottom: 1px solid #4C8FFC;
    font-family: 'Roboto', sans-serif;
}

.dxgvFocusedGroupRow_Office2010Blue {
    background: #CCCCCC none;
    
}

.dxeBase_Office2010Blue {
    font: 11px 'Roboto', sans-serif;
}

/* --Btn barrita campo -- */
.dxeButtonEditButton_Office2010Blue, .dxeSpinLargeIncButton_Office2010Blue, .dxeSpinLargeDecButton_Office2010Blue {
    background: #E0E0E0;
}

.dxeCalendarButton_Office2010Blue, .dxeButtonEditButton_Office2010Blue, .dxeColorEditButton_Office2010Blue {
    border-style: solid;
    border-color: #9DC2FF;
}

.dxtlControl_Office2010Blue .dxtlHSDC {
    background: #4C8FFC;
}

.dxtlHeader_Office2010Blue {
    border: 1px solid #2171F5;
    color: #ffffff !important;
    font-weight: 500;
    background: #4C8FFC !important;
}

.dxtlFocusedNode_Office2010Blue {
    background: #D2D2D2 none;
    color: #008ED6;
}

/*Rojo Calendar*/
.dxeCalendarWeekend_Office2010Blue {
    color: #d94747;
}

.dxbButton_Office2010Blue span, dxbButtonHover_Office2010Blue span, .dxeCalendar_Office2010Blue span, .dxeCalendarDayHeader_Office2010Blue, .dxeCalendarButton_Office2010Blue, .dxeColorEditButton_Office2010Blue {
    color: #7D7D7D;
    }

.dxeCalendarFooter_Office2010Blue {
    background-color: #008ED6;
    padding: 10px 0;
    border-top: 1px solid #00689C;
}

.dxeCalendarSelected_Office2010Blue {
    color: white;
    background-color: #008ED6;
    border-width: 0;
    padding: 2px 5px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.dxeCalendarButton_Office2010Blue,
.dxeColorEditButton_Office2010Blue
{
    padding: 3px 11px 4px;
    min-width: 37px;
    background: -moz-linear-gradient(270deg, #EBEBEB 25%, #FFFFFF 79%);/* FF3.6+ */
background: -webkit-gradient(linear, 270deg, color-stop(25%, EBEBEB), color-stop(79%, FFFFFF));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(270deg, #EBEBEB 25%, #FFFFFF 79%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(270deg, #EBEBEB 25%, #FFFFFF 79%);/* Opera 11.10+ */
background: -ms-linear-gradient(270deg, #EBEBEB 25%, #FFFFFF 79%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
background: linear-gradient(270deg, #EBEBEB 25%, #FFFFFF 79%);/* W3C */
}

.dxeCalendarToday_Office2010Blue {
    padding: 1px 4px 2px;
    border: 1px solid #D94747;
    border-radius: 2px;
}

.dxpc-header, .dxpc-withBtn {
    background: #008ed6 !important;
    padding: 10px !important;
}

.dxpc-contentWrapper .dxeBase_Office2010Blue {
    font-size: 13px;
    font-family: 'Roboto', Helvetica, arial;
}

.dxpc-header .dxpc-headerText {
    font-size: 15px;
    font-family: 'Roboto', Helvetica, arial;
    color: rgb(255, 255, 255);
    font-weight: normal;
    letter-spacing: 2px;
}