body
{/*
    font-size: .85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    color: #232323;*/
    background-color: #fff;
}
@font-face {
    font-family: 'KnowledgeRegular';
    font-style: normal;
    font-weight: normal;
    src: url("bentoui/css/webfonts/knowledge-regular-webfont.eot");
    src: url("bentoui/css/webfonts/knowledge-regular-webfont.eot?#iefix") format('embedded-opentype'), url("bentoui/css/webfonts/knowledge-regular-webfont.woff") format('woff'), url("bentoui/css/webfonts/knowledge-regular-webfont.ttf") format('truetype'), url("bentoui/css/webfonts/knowledge-regular-webfont.svg#KnowledgeRegularRegular") format('svg');
}
@font-face {
    font-family: 'KnowledgeLight';
    font-style: normal;
    font-weight: normal;
    src: url("bentoui/css/webfonts/knowledge-light-webfont.eot");
    src: url("bentoui/css/webfonts/knowledge-light-webfont.eot?#iefix") format('embedded-opentype'), url("bentoui/css/webfonts/knowledge-light-webfont.woff") format('woff'), url("bentoui/css/webfonts/knowledge-light-webfont.ttf") format('truetype'), url("bentoui/css/webfonts/knowledge-light-webfont.svg#KnowledgeLightRegular") format('svg');
}
@font-face {
    font-family: 'KnowledgeMedium';
    font-style: normal;
    font-weight: normal;
    src: url("bentoui/css/webfonts/knowledge-medium-webfont.eot");
    src: url("bentoui/css/webfonts/knowledge-medium-webfont.eot?#iefix") format('embedded-opentype'), url("bentoui/css/webfonts/knowledge-medium-webfont.woff") format('woff'), url("bentoui/css/webfonts/knowledge-medium-webfont.ttf") format('truetype'), url("bentoui/css/webfonts/knowledge-medium-webfont.svg#KnowledgemediumRegular") format('svg');
}
header, footer, nav, section
{
    display: block;
}

h2
{
    font-family: 'KnowledgeRegular', Arial;
    /*font-size: 10pt;*/
    font-size: 20pt;
    font-weight: bold;
    color:rgb(97, 97, 97) ;
    margin: 0.6em 0;
}

a:active
{
    border: 0;
}
/*link seleccionado */

a
{
    outline: 0;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

.editor-label
{
    margin: 1em 0 0 0;
}

.editor-field
{
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
#cargando
{
    display: none;
    background-image: url(imagenes/loading.gif);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}
input[readonly]
{
    background-color: #F8F8F8;
}
#buscadorGeneral
{
    background-color: white;
    width: 150px;
    float: left;
}
#contenedor-buscador-general
{
    width: 100%;
}

.errorFiltros
{
    color: Red;
    font-weight: bold;
}

#ABMBienes .btn-agregar
{
    clear: both;
}

.k-toolbar a
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;  
  border: #FFA200 1px solid;
  margin-left: 1px;
}


input[type="button"]:hover
{
    /*background-color: #E46C00;*/
    background-color: #FFA200 !important;    
    border-right: 1px solid #FFA200 !important;
    border-left: 1px solid #FFA200 !important;
}
input[type="button"]:disabled
{
    cursor: default !important;
    background-color: #c3c3c3 !important;
    border: #c3c3c3 !important;
}

/*  MRueda  -   Al utilizar el selector con "[]" y no con ":" IE8 lo usa correctamente  */
input[type="button"][disabled]
{
    cursor: default !important;
    background-color: #c3c3c3 !important;
    border: #c3c3c3 !important;
}
/*  MRueda  */

#splash
{
    background: white;
}


/* saco los styles del layout y los copio aca */
body
{
    color: #333;
    font-family: arial, verdana, arial, helvetica, sans-serif;
    font-size: 80%;
    margin: 0 0 0 0px;
    overflow: hidden;
}

#contenedor
{
    text-align: left;
    margin: auto;
}


#cabecera h1
{
    margin-top: 0px;
    font-size: 170%;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 20px;
    margin-bottom: 0px;
    float: left;
    color: #FC9648;
    font-weight: bold;
    font-family: verdana;
    text-transform: uppercase;
}


#cabecera h2
{
background-image: url(imagenes/back_user.gif);
background-repeat: repeat-y;
width: 180px;
float: left;
color: #6E6E70;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
padding: 5px;
font-weight: normal;
display: block;
line-height: 18px;
margin-bottom: 0px;
margin-top: 5px;
margin-left: 330px;
height: 40px;
padding-right: 0;
padding-left: 10px;
}

#cuerpo
{
    margin: 0 10px;
}


#lateral
{
    width: 290px;
    float: left;
    padding-top: 10px;
    position: relative;
    margin-left: 0px;
    border-right: 1px solid #CECECE;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 5px -1px;
    -moz-box-shadow: 5px 0px 5px -1px rgba(0,0,0,.1);
    box-shadow: 5px 0px 5px -1px rgba(0, 0, 0, .1);
    border-right: 1px solid #D1D1D1;
}


#lateral ul
{
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    list-style: none;
}

#Menu li
{
    margin-left: 5px;
}

#lateral a
{
    text-decoration: none;
    padding-left: 5px;
    /*overflow: auto;*/
}

#pie
{
    padding: 3 10 3 10px;
    text-align: right;
}

.iFramePpal
{
    width: 100%;
    height: 1000px;
    overflow: visible;
    border: none;
    background: transparent;
}

.ui-autocomplete-category
{
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

/* --- Accordion --- */
.js #main .accordion
{
    visibility: hidden;
}

.js #side .accordion
{
    display: none;
}

#lateral .accordion
{
    margin: 0;
    padding: 0 10px;
}

#lateral .accordion li
{
    list-style-type: none;
}

/*.accordion li.last-child {margin-left:19px; list-style-type:disc}*/

#side ul.accordion ul
{
    margin: 0;
    padding: 0 0 0 20px;
}

#lateral .accordion .outer
{
    border: 1px solid #dadada;
    border-width: 0 1px 1px;
    background: #fff;
}

#lateral .accordion .inner
{
    margin-bottom: 0;
    padding: .5em 20px 1em;
    position: relative;
    overflow: hidden;
}

#lateral .accordion .inner .inner
{
    padding-bottom: 0;
}

#lateral .accordion .h
{
    padding-top: .3em;
}
/* vertical padding instead of vertical margin (ie8) */

#lateral .accordion p
{
    margin: .5em 1px 1em;
}

/* --- Add styles for all links in the 'accordion': --- */
#lateral .accordion a
{
    text-decoration: none;
    font-size: small; /*font-weight: bold;             border-bottom: dotted 1px #CAC9C9;*/
    color: #999;
}

#Contenido .accordion .nivel1 > a
{
color: #666 !important;
font-size: 15px !important;
height: 25px;
line-height: 25px;
font-weight: bold !important;
}


#lateral .accordion li .nivel1
{
    border-bottom: none;
}

#opciones
{
    font-size: small;
    top: 0px;
    right: 0px;
    margin: 0px;
    position: absolute;
}


/* por lo de la barra que se oculta*/

.panelabierto
{
    background-image: url('imagenes/flechaizq.png');
}
.panelcerrado
{
    background-image: url('imagenes/flechader.png');
}

#barralateral
{
    height: 21px !important;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    margin-left: 0px;
    margin-top: 10px;
}

.panelabierto:hover
{
    background-image: url('imagenes/flechaizqhover.png');
}

.panelcerrado:hover
{
    background-image: url('imagenes/flechaderhover.png');
}

#barralateral a
{
    width: 100%;
    height: 100%;
    display: block;
}

#principal
{
    /*margin-left: 260px;*/
    padding: 4px 4px 4px 4px;
    /*float: left;*/
    overflow: auto;
    background-color: #FEFEFE;
}
/**/









#Menu { 
/*background-color: #B4B4B4;*/
padding: 0px;
margin-top: 10px;
/*border-right: solid 1px #707070;*/
overflow:auto;
scrollbar-face-color: #d8d8d8;
scrollbar-3dlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
}

.panel 
{
scrollbar-face-color: #d8d8d8;
scrollbar-3dlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;    
    }


#lateral .accordion
{
    padding: 0px !important;
}


#Menu li
{
    margin-left: 0px !important;
}

#Contenido .nivel1 > a
{
    color: black !important;
    font-size: 14px !important;
    padding-left: 20px !important;
    background-position: 0px;
}


#Menu a
{
    background-image: url(imagenes/ico_expand.gif);
    background-repeat: no-repeat;
}


#lateral .open
{
    background-image: url(imagenes/ico_collapse.gif) !important;
    background-repeat: no-repeat;
}


#ulayuda li a
{
    width: 160px !important;
}

#ulsesion li a
{
    width: 150px !important;
}


.col-repetida
{
    background-color: Red !important;
}


#ulservicios
{
    width: 135px;
    text-align: left;
}

#ulservicios li a
{
    padding-left: 0px !important;
    margin-right: 0px;
}
#bienes-compr
{
    display: none;
}
#LogImport
{
    width: 100%;
    border: 1px solid #CCC;
    border-collapse: collapse;
}
#LogImport tr:odd 
{
    background-color: #ccc;    
}
#LogImport thead tr {border-bottom: 1px solid #CCC;}
#LogImport thead th {padding: 10px;}



.icodesplpanel 
{	display: block;
float: right;
width: 16px;
height: 16px;
border: 1px solid #DBDBDB;
margin: 2px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}

.icodesplpanelopen { background-image: url(imagenes/ico_collapse.gif) !important; }

.icodesplpanelclose { background-image: url(imagenes/ico_expand.gif); } 
/*
#abmBienes .prompt
{
    width:130px;
 }*/


#footer {
    background-image: url(imagenes/logo_tr_cal.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-color: white;
    border-top: solid 1px #f2f2f2;
    font-family: 'KnowledgeRegular';
    font-size: 13px;
    color: #8b8f92;
    width: 100%;
    bottom: 0;
    position: absolute;
    height: 80px;
    background-color: #f2f2f2;
}

#footer .mi-cuenta {
    padding: 5px 15px;
    text-align: left;
}
#footer .mi-cuenta .empresa {
    font-size: 15px;
    color: #737270;
}

.imgArrowUp 
{ 
    background-image: url('imagenes/flechpan1.png');
    width:20px;
    height:20px;
    vertical-align:middle;        
    float:right;
    margin-right:55px;
    background-position: -2px -1px;
}

.imgArrowDown 
{ 
    background-image: url('imagenes/flechpan2.png');
    width:20px;
    height:20px;
    vertical-align:middle;        
    float:right;
    margin-right:55px;
    background-position: -2px -1px;
}



#ayudadesplegable 
{  
    display: none;
    position: absolute;
    top: 20px;
    background-color: white;
    width: 160px;
    border: 1px solid #E0E0E0;
    margin-left: 15px;
    padding:5px;
    }    

#ayudadesplegable li a { text-decoration:none !important; padding-left:5px !important;} 


#ayudadesplegable li a:hover { text-decoration:underline !important;} 
    
#ayudaspan 
{
width: 140px;
font-size: 9px;
font-weight: normal;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
color: #6B6C6E;
margin: 0 auto;
float: left;
border-bottom: solid 1px #D5D5D5;
height: 15px;
margin-left: 15px;
margin-right: 10px;
margin-bottom: 10px;
}

#imagArrow
{
    float:right;
    margin-right: 80px;
    background-position: 0px -4px;
}

#ulservicios li a 
{
    margin-right: 0px !important;
    padding-right: 0px !important;
    width: 130px !important;
}
/* Kendo DropdownList - Altura mínima para opciones sin valor.*/
.k-popup .k-list .k-item {
    min-height: 1.8em;
}
#FuncionesBien .k-dirty { border-width: 0;}
#FuncionesBien .fun_Desc.k-state-focused {background-color: #F5DEB3;}
#PeriodosAFijo {display: none;}
#contenedorLoginCG {margin: auto; width: 30%; padding-top: 120px;}
#contenedorEjercicio, #contenedorSucursal {padding: 2px;}
#contenedorLoginCG .label {width: 65px; float: left; padding-top: 5px;}
#contenedorLoginCG #contenedorBotonera {padding: 15px 0;}
#contenedor_ABMAsiento1, #contenedor_ABMAsiento2, #contenedor_ABMAsiento3, #contenedor_ABMAsiento4 {
padding: 5px;margin-right: 50px; height: 75px;}
#contenedor_ABMAsiento1 .prompt, #contenedor_ABMAsiento2 .prompt, #contenedor_ABMAsiento3 .prompt, #contenedor_ABMAsiento4 .prompt {width: 25px!important;}

.menu-branchCliente { display: inline-block !important;}

#Menu .nivel1 > a {
color: #666 !important;
font-size: 11px !important;
height: 20px;
line-height: 20px;
background-image: none !important;
border-bottom: 1px solid #E1E1E1;
text-transform: uppercase;
display: inline !important;
padding-right: 10px;
padding-top: 2px;
top: 65px;
padding-bottom: 2px;
background-color: #F2F1EF !important;
padding-left: 10px!important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: fixed;
white-space: nowrap;
border-top: 1px solid  #E1E1E1;
border-right: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
}

#Menu .nivel1 > a.open , #item1744.selected  , li.nivel1 > a.selected:first-of-type {
background: url("./images/solapa2.gif") no-repeat scroll left top transparent !important;
border-bottom: 1px solid #FFFFFF !important;
color: #F89F29 !important;
line-height: 24px !important;
margin: 0 1px !important;
font-weight: bold !important;
background-color: rgb(255, 255, 255) !important;
padding-top: 2px;
top: 63px !important;
padding-right: 4px !important;
padding-left: 4px !important;
height: 22px;
text-decoration: none !important;
}

.cabeceraEstudioOne
{
    color: #A5A5A5;
    font-size: 12pt;
    font-weight: bold;
    /*height: 90px !important;*/
    border-bottom: 1px solid #766c62;
    margin-left: 0px;
    margin-right: 10px;
    min-width: 1024px;
    overflow: hidden;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 5px 10px;
    background-color: #212121;
    background-size: auto 40px;
}


.cabeceraInfoUno
{
    color: #A5A5A5;
    font-size: 12pt;
    font-weight: bold;
    /*height: 90px !important;*/
    border-bottom: 1px solid #E1E1E1;
    margin-left: 0px;
    margin-right: 10px;
    min-height: 60px;
    min-width: 1024px;
    overflow: hidden;
    width: 100%;
    background-image: url(imagenes/infouno.png);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    background-color: #141415;
}



#lateral
{
    width: 290px;
    float: left;
    padding-top: 5px;
    position: relative;
    margin-left: 0px;
    border-right: 1px solid #CECECE;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 5px -1px;
    -moz-box-shadow: 5px 0px 5px -1px rgba(0,0,0,.1);
    box-shadow: 5px 0px 5px -1px rgba(0, 0, 0, .1);
    border-right: 1px solid #D1D1D1;
    margin-top:5px;
    border-top: 1px solid #D1D1D1;
}

#datosmenu {
    width: 100%;  word-wrap: break-word;  padding: 0 5px 0 5px;  box-sizing: border-box;
    bottom: 10px;
    position: absolute;
    font-size: 12px;
    padding-left: 5px;
    font-family: Tahoma;
}

/*.nivel1 a { text-decoration: none !important; font-weight:normal !important; }*/

#lateral .accordion .selected
{
    font-weight: bold;
    text-decoration: underline !important;
    color: #000 !important;
}

#item26.open { padding-left: 7px !important; padding-right: 8px !important }
#contenedor_ABMAsiento1 .prompt, #contenedor_ABMAsiento2 .prompt, #contenedor_ABMAsiento3 .prompt, #contenedor_ABMAsiento4 .prompt, #contenedor_ABMAsiento5 .prompt {width: 25px!important;}

.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.override-hide-text { text-indent: 0%!important; white-space: inherit; overflow: inherit;}



#Titulo #imgLogo { display:block; height:21px;}

.ui-dialog #Contenido { background-color:white;}

.negrita {
    font-weight: bold;
}

.ui-dialog .ui-dialog-content { background-color: White !important;}

#DatosAdicionalesAsiento .prompt
{
    width: 72px!important;
}

#ABMAsiento .abm_contenido { margin-left:20px;}


#contenedor_ABMAsiento1 { margin-left:10px; }

#contenedor_ABMAsiento1_titulo span , #contenedor_ABMAsiento2_titulo span , #contenedor_ABMAsiento3_titulo span ,#contenedor_ABMAsiento4_titulo span 
{
    font-family: Tahoma;
    font-weight: normal !important;   
    color: #333 !important; 
}

#contenedor_ABMAsiento0_titulo { display:none; }

#ABMAsiento #panel_2_contenido { padding-bottom:0px !important}

#ABMAsiento #panel_1_titulo { height:15px !important;}

.iFramePpal { height:99% !important;}

.k-dirty {
    border-color:#0083BF  transparent transparent #0083BF !important;
}

#CompensacionCompraD {
	margin-top: 20px;
	margin-bottom: 25px;
    display:inline;
 }

#CompensacionCompraC {
	margin-top: 20px;
 }

#cmbPersona {
	margin-top:30px;
	margin-bottom:20px;
}

#divpersona {
height:20px !important;
width: 100%;
float:left;
margin-top:15px;
}

#ppersona {
width: 90px;
float: left;
margin-right: 20px;
height: 20px;
display: block;
margin: 0px;
}

#cmbPersona{
width: 500px;
float: left;
margin: 0px;
}

#fechad, #fechah {
/*float: left;*/
width: 100%;
height: 20px;
margin-top: 15px;
margin-bottom: 30px;
}

#consultar {
    color: white;
    display: inline-block;
    height: 20px;
    text-decoration: none;
    border: 1px solid white;
    background-color: #F6901E;
    font-size: 11px;
    font-family: Tahoma,Verdana ,Arial,sans-serif;
    cursor: pointer;
    font-weight: normal !important;
    width: 100px;
    text-align: center;
    padding-top: 5px;  
}

.pfechad, .pfechah {
 display:inline-block;
 margin-bottom:0px;
}

.hdebitos, .hcreditos {
 margin-bottom:0px;
 margin-top: 20px;
 display: inline-block;
}


/* ABM Asientos */
#contenedor_ABMAsiento1, #contenedor_ABMAsiento2, #contenedor_ABMAsiento3, #contenedor_ABMAsiento4, #contenedor_ABMAsiento5 {
padding: 5px;
margin-right: 50px;
height: 95px;
padding-right: 24px;
}

#promptCheck_Asientos_asi_auto,
#promptCheck_Asientos_asi_Presupuestario {
	display:none;
}

#contenedor_ABMAsiento6_titulo{
display:none; }

#contenedor_ABMAsiento6{
border:0px;
}

/* login */

.lbllogin {
    margin: 10px 0 5px 0;
    color: #6f6f6f;
    font-family: 'KnowledgeRegular';
    font-size: 15px;
}
.contenedor-wrapper {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contenedor_login
{
    font-size: 14px;
    font-family: 'KnowledgeRegular',Arial,Tahoma,Verdana, Sans-Serif;
    background: #f2f2f2;
    border: 1px solid #e4e4e4;
    display: flex;
    flex: -1 -1 auto;
    margin: auto;
    top: -80px;
    position: relative;
    flex-direction: column;

}
.contenedor_login h1 {
    background: #212121;
    padding: 5px 10px 0;
    margin: 0;
}
.contenedor_login .login_aceptar
{ 
    border: #FFA200 1px solid;
    background-color: #FF8000 !important;
    color: #FFF !important;
    font-weight: normal !important;
    font-family: Arial;
    min-height: 20px;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe7e7e7',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 10px 7px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 10px 7px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 10px 7px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 7px;
    padding-left: 7px;
    margin-left: 3px;
    margin-right: 3px;    
    width: 105px !important;
}

.contenedor_login .login_cancelar {
       font-family: Arial;
        min-height: 20px;
        font-size: 13px;
        cursor: pointer;
        outline: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: solid 1px #cccccc !important;
        color: #0083BF !important;
        padding: 4px 15px 4px 15px !important;
        text-align: center !important;
        cursor: pointer !important;
        background-color: #ffffff !important;
        margin-right: 5px !important;
        -webkit-box-shadow: 0px 0px 3px 1px #E7E7E7 !important;
        box-shadow: 0px 0px 3px 1px #E7E7E7 !important;
        width: 105px !important;
    }

.recordar, .olvido_contrasenia 
{
    font-size: 12px !important;
}


input[type="button"].login_cancelar:hover
{
    background-color: #FFFFFF !important;
    color: #00B0FF !important;
    border: 1px solid #AAA !important;
}

#lblMsgError {
    color:red;
}


div[aria-describedby="ABMModalGrillaBienes"] {
    width: 925px !important;
}
/*CSS de los modulos no deben ir en el site.css*/
#input_ConcBancarias_coc_FDesde {
    width: 110px;
}



.navmore,
.navmore>ul {
    display: block
}

.navmore ul {
    margin: 0;
    padding: 0
}

.navmore ul li {
    list-style: none;
    text-align: center;
    min-width: 0
}

.navmore li.hidden {
    display: none!important
}

.navmore ul li a,
.navmore ul li h1 {
    position: relative;
    outline: 0;
    font-size: 1em;
    font-weight: 400;
    display: block;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    line-height: 3;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.navmore ul li a.focused,
.navmore ul li a:hover,
.navmore ul li h1.focused,
.navmore ul li h1:hover {
    background-color: rgba(0, 0, 0, .05)
}

.navmore ul li a:active,
.navmore ul li h1:active {
    background-color: rgba(0, 0, 0, .1)
}

.navmore:not(.navmore-flex)>ul {
    white-space: nowrap;
    overflow: hidden
}

.navmore:not(.navmore-flex)>ul>li {
    display: inline-block
}

.navmore.navmore-flex>ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.navmore>ul>li>a,
.navmore>ul>li>h1 {
    padding: 0 20px
}

.navmore>ul>li>a.selected:after,
.navmore>ul>li>h1.selected:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px
}

.navmore>ul>li>ul {
    background-color: #fff;
    z-index: 1000
}

.navmore li>ul {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
    overflow: auto;
    max-height: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: max-height .2s ease .1s, opacity .1s ease .1s;
    transition: max-height .2s ease .1s, opacity .1s ease .1s
}

.navmore li>ul li a,
.navmore li>ul li h1 {
    color: #212121;
    text-overflow: ellipsis
}

.navmore .navmore-moreitem~ul>li a.focused~ul,
.navmore li a.focused~ul,
.navmore li h1.focused~ul {
    max-height: 80vh;
    opacity: 1;
    overflow: auto;
    padding-bottom: 15px;
}

.navmore li ul li ul {
    position: static;
    box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, .26), inset 0 -4px 4px -4px rgba(0, 0, 0, .26)
}



div.navmore {
    box-shadow: 0 -.5px 0 0 #6d6d78, 0 2px 5px rgba(0, 0, 0, .26), 0 .7px 0 0 #212121;
    background-color: #505050;
    min-height: 35px;
    z-index: 100;
    display: block;
    position: relative
}

div.navmore>ul {
    display: none
}


div.navmore ul li a,
div.navmore ul li h1 {
    font-family: KnowledgeRegular, Arial, "Helvetica Neue", sans-serif;
    font-size: 10pt;
    transition: color .2s ease-in-out;
    color: #CCCCCC;
    line-height: 35px
}

div.navmore>ul>li>a,
div.navmore>ul>li>h1 {
    padding: 0 25px
}

div.navmore ul li a.focused,
div.navmore ul li a.selected,
div.navmore ul li a:hover,
div.navmore ul li h1.focused,
div.navmore ul li h1.selected,
div.navmore ul li h1:hover {
    background-color: transparent;
    color: #fff
}
div.navmore ul li h1.focused > span {
    border-bottom: 2px solid #ff8000;
    padding-bottom: 5px;
}
div.navmore li ul h1.focused,
div.navmore li ul h1.selected,
div.navmore li ul h1:hover {
    background-color: transparent
}

div.navmore>ul>li>a.selected:after,
div.navmore>ul>li>h1.selected:after {
    background-color: #ff8000;
    left: 15px;
    right: 15px
}

div.navmore>ul>li>ul {
    background-color: rgba(50, 51, 56, .99);
    box-shadow: 0 -1px 0 0 #212121, 0 2px 5px rgba(0, 0, 0, .26);
    border-bottom: solid 5px #666666;
}

div.navmore li ul a.selected,
div.navmore li ul h1.selected {
    color: #fff
}

@media (max-width:768px) {
    div.navmore li ul li ul {
        box-shadow: inset 0 0 0 1px #212121;
        background-color: rgba(0, 0, 0, .1)
    }
    div.navmore li h1.focused ~ .navmore-flex >li >ul {
       opacity: 1;
       max-height: initial;
       height: initial;
    }
}

@media (min-width:769px) {
    div.navmore ul.navmore-flex h1 {
        color: #e6e7e9;
        font-family: KnowledgeMedium, Arial, "Helvetica Neue", sans-serif;
        font-weight: normal;
    }
    div.navmore ul.navmore-flex h1.focused,
    div.navmore ul.navmore-flex h1.selected,
    div.navmore ul.navmore-flex h1:hover {
        color: #e6e7e9
    }
    div.navmore li ul a,
    div.navmore li ul h1 {
        padding: 0 25px;
        text-align: left;
        line-height: 25px;
    }
    div.navmore li ul h1:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 25px;
        right: 25px;
        height: 1px;
        background-color: #ff8000;
    }
    div.navmore .search-item {
        display: none;
    }
    div.navmore li>ul {
        left: auto;
        right: auto
    }
    div.navmore li ul.navmore-flex {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
    div.navmore li ul.navmore-flex ul {
        max-height: 70vh;
        opacity: 1;
        box-shadow: none;
        overflow: visible;
    }
    div.navmore li ul.navmore-flex>li {
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-top: 15px;
        width: 275px;
    }
    div.navmore li ul.navmore-flex h1 {
        cursor: default
    }
}
@media (max-width:1200px) {
    div.navmore .level1:nth-child(n+7) .focused ~ ul.navmore-flex {
        right: 0;
        left: auto;
    }
}
@media (min-width:1201px) and (max-width:1440px) {
    div.navmore .level1:nth-child(n+8) .focused ~ ul.navmore-flex {
        right: 0;
        left: auto;
    }
}

/*Esta seccion de media queries es interpretado solo por Internet Explorer, sobrescribiendo los atributos CSS3 no soportados por IE8*/
@media screen\0 {
    .cabeceraEstudioOne img {
        border: none;
    }
    .navmore ul li a.focused,
    .navmore ul li a:hover,
    .navmore ul li h1.focused,
    .navmore ul li h1:hover {
        background-color: #000000;
    }
    .navmore ul li a:active,
    .navmore ul li h1:active {
        background-color: #000000;
    }
    div.navmore>ul>li>ul {
        background-color: #323338;
    }
    div.navmore li ul a,
    div.navmore li ul h1 {
        padding: 0 25px;
        text-align: left;
        line-height: 25px;
    }
    .navmore.navmore-flex>ul {
        display: inline-block;
    }
    .navmore ul li {
        display: inline-block;
    }

    .navmore .home-menu li,
    .navmore LI > UL.navmore-flex li{
        display: block;
    }
    .navmore ul.navmore-flex.focused > li > h1 {
        cursor: default;
        color: #FFFFFF;
        margin: 10px 0;
    }
    .navmore .home-menu.focused ul,
    .navmore .navmore-flex.focused ul {
        max-height: inherit;
    }
    .navmore .home-menu.focused,
    .navmore .navmore-flex.focused{
        max-height: 50em;
        left: auto;
        right: auto;
        opacity: 1;
        overflow: auto;
        padding: 10px 0;
        min-width: 275px;
    }
    .navmore .level2 {
        width: 275px;
        text-align: left;
    }
    div.navmore a.search-item {
        display: none;
    }
    #opciones .menu-opciones IMG {
        width: 16px;
        height: 16px;
        border: 1px solid #666;
        cursor: pointer;
        padding: 5px;
        -ms-filter: "alpha(opacity=75)";
    }
    #opciones .menu-opciones IMG:hover {
        -ms-filter: "alpha(opacity=100)";
        border: 1px solid #FFF;
    }
    .caret {
        padding-right: 5px;
        font-family: 'FontAwesome';
        font-size: 7px;
        position: absolute;
        top: 0px;
        right: 8px;
    }
    .underline {
        border-bottom: 1px solid #FF8000;
    }
    .onvio-link-ie {
        font-family: 'FontAwesome';
        position: absolute;
        right: 0px;
        top: 0px;
        padding-right: 5px;
    }
    .contenedor-wrapper {
        height: 100%;
        display: block;
    }
    .contenedor_login
    {
        font-size: 14px;
        font-family: 'KnowledgeRegular',Arial,Tahoma,Verdana, Sans-Serif;
        background: #f2f2f2;
        border: 1px solid #e4e4e4;
        display: block;
        margin: 115px auto;
        position: inherit;
        width: 435px;

    }
}
/*******************************************/
#current {
    float: left;
    padding: 0 10px;
    font-weight: normal;
    border-left: 1px solid #505050;
    margin: 10px;
    font-size: 13px;
    height: 32px;
    display: none;
    font-family: 'KnowledgeRegular';
}
#current-option .right-caret {
    font-family: 'FontAwesome';
    padding: 0 7px;
    font-size: 10px;
    color: #CECECE;

}
#current-system {
    color: #CECECE; 
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 4px;
    font-family: 'KnowledgeMedium';
}
#menu-level2 .navmore {
    display: none;
}
.hamb-menu h1.home-image {
    margin: 0;
    padding: 0;
}
.hamb-menu h1.home-image img {
    vertical-align: middle;
    padding: 0 5px;
    opacity: 0.5;
    transition: opacity .5s ease;

}
.hamb-menu h1.home-image img:hover {
    opacity: 1;
}
div.navmore ul.home-menu.focused {
    background-color: #666666;
    box-shadow: none;
    border-bottom: solid 5px #ff8000;
    padding-top: 15px;
}
.buscador {
    position: absolute;
    right: 0px;
    margin-top: 45px;
    margin-right: 10px;
}
#txtBuscar {
    width: 75px;
    transition: 0.15s;
    right: 45px;
    position: absolute;
}
#txtBuscar:focus {
    width: 180px;
    right: 10px;
}

.onvio-link::after {
    content: '\f08e';
    font-family: 'FontAwesome';
    position: absolute;
    right: 5px;
}

div.navmore .level1 > h1::before {
    content: '\f078';
    padding-right: 5px;
    font-family: 'FontAwesome';
    font-size: 7px;
    position: absolute;
    top: 0px;
    right: 8px;
}
#cerrarsesion {
    float: right;
    margin: 15px;
    display: block;
}
#cerrarsesion a {
    color: white;
}
#cerrarsesion a:hover {
    text-decoration: underline;
}
#cabecera > img {
    float: left;
    padding: 5px 20px;
}

.header-sign {
    background: #8d8d8d;
    color: #ccc;
    padding: 4px 24px;
    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 1px;
}