/******************Tags y controles******************/
html { font-size: 13px; }
html, body, form { width: 100%; height: 99%; margin: 0; padding: 0; }
body { color: #65646a; background: white; }
body,
input[type="text"],
input[type="password"],
select,
textarea,
input[type="submit"],
input[type="button"],
.ajax__tab_xp,
.ajax__tab_body,
.ajax__tab_header,
.rcbItem, .rcbHovered,
.RadComboBox_Metro { font-family: "Roboto", Arial, verdana, tahoma, sans-serif !important; line-height: 1.4rem; }
.ajax__tab_body { overflow: auto !important; }
h1 { color: #22485f; }
h2 { color: #436b84; }
h1, h2 { padding: 0px; margin: 16px 0 10px 0; }
h1 { font-size: 1.2rem; }
h2 { font-size: 1.1rem; }
h3 { font-size: 1rem; margin: 10px 0 10px 0; font-weight: bold; }
h5 { font-size: 1rem; font-weight: bold; color: #65646a; border-width: 1px; border-color: #d2d3d5; padding-bottom: .5rem; margin: 0 0 10px 0; border-bottom: 1px solid #d2d3d5; }
option[selected] { background: #B5D6DE; }
a, table .tablaBtnSeleccionar a { color: #217DAB; text-decoration: none; }
    a:hover { text-decoration: underline; }
hr { border-top: 1px solid #d0d1d3; }
input[type="text"], input[type="password"], select, textarea, input[type="submit"], input[type="button"] { font-size: 1rem; }
input[type="text"], input[type="password"], select, textarea { width: 100%; }
input[type="checkbox"]:not(.form-check-input), input[type="radio"], input[type="image"] { border-style: none; border-radius: 0; }
input[type="checkbox"] { margin: 0.25rem; }

input[readonly] { color: #65646a; }
.botonCancelarSolicitudAjax { display: inline-block; padding: 2px 3px; }
    .botonCancelarSolicitudAjax:hover { text-decoration: none; }
input, select, textarea, .boton, .btnMostrarAlarmas { border: none; color: black; border: 1px solid #d0d1d3; }
    input.error { border: 1px solid #D9031D; }
.textoRojo { color: #D9031D; }
select { z-index: 0; }
.boton:hover, input[type="submit"]:hover, input[type="button"]:hover { cursor: pointer; text-decoration: none; }
input[disabled][type="button"]:hover, input[disabled][type="submit"]:hover { cursor: default; background: #848488 !important; color: #7b828a; opacity: 0.5; filter: alpha(opacity=50); }
[disabled] { color: #7b828a !important; border-color: #DDD !important; opacity: .5; }

/******************Encabezado******************/
body, .encabezadoFlotante { }
.encabezado img#ImageLogo { height: 46px; margin-left: 83px; }
#hlkEnlaceCabezote { display: inline-block; }
.encabezado .flotanteDer { height: 80px; min-width: 120px; }
    .encabezado .flotanteDer .divUsuario { position: absolute; right: 0; margin: 5px 5px 0 0; }
.encabezado { background: #95c83b; box-sizing: border-box; height: 88px; }
    .encabezado > div:first-of-type { margin-bottom: 3px; background: white; }
    .encabezado img#ImageLogo { border: 0px; }
.infoLoginSuperior { margin: 5px; }
    .infoLoginSuperior a.estadoSesion { color: #B5D6DE; }
.tituloPagina { display: block; padding: 0 0 10px 0; font-weight: bold; color: #22485f; }
.encabezadoFlotante { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; background: white; }
.version { display: none; color: #A0A0A0; position: fixed; font-style: italic; z-index: 1000; font-size: 0.9rem; top: 61px; width: 70%; margin: 0 15%; text-align: center; max-height: 18px; overflow: hidden; -webkit-transition: top 500ms; -moz-transition: top 500ms; -o-transition: top 500ms; -ms-transition: top 500ms; transition: top 500ms; box-sizing: border-box; }
.contenido { padding-top: 115px; padding-bottom: 35px; }
.envoltura { min-height: 100%; height: 100% !important; margin: 0 auto -20px; }
/* pie de página */
.piePagina { height: 0px; opacity: 0; position: fixed; color: #333; width: 100%; bottom: 0; text-align: center; font-size: 0.9rem; background: white; z-index: 500; right: 0; box-sizing: initial; }
.piePagina { -webkit-transition: height, opacity 500ms; -moz-transition: height .5s, opacity .5s; -o-transition: height .5s, opacity .5s; -ms-transition: height .5s, opacity .5s; transition: height .5s, opacity .5s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; transition-timing-function: ease-out; }

/******************Menus******************/
.menu ul.level1 > li { display: none; }
.menu ul { list-style-type: none !important; margin: 0; padding: 0; z-index: 1003; }
    .menu ul li { border-color: #333333; border-style: solid; border-width: 0px; }
        .menu ul li ul { height: auto; }
        .menu ul .hover, .menu ul li a.highlighted { background-color: #6BABB8; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
.menu .level2.highlighted { background-color: #59595C; }
.menu ul li a { color: white; text-decoration: none; padding: 7px 8px 7px 8px; display: block; text-decoration: none; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
    .menu ul li .hover, .menu ul li a:hover { text-decoration: none; }
.menu ul li ul li { background-color: #59595C; background-image: none; border-style: solid !important; white-space: nowrap; }
.menu ul.level1 .level1.static:first-of-type { display: none !important; }
#AppSiteMap span { opacity: 0; }

.menuSuperior { background: #7A828A; display: none; }
    .menuSuperior ul li { border-style: none solid none none !important; }
.menuSuperior { border-color: #d0d1d3; }
#divMenuSuperior { -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; -ms-transition: height 0.5s; transition: height 0.5s; }
/******************Menú Iconos******************/
.menuIconos { display: flex; justify-content: center; }
    .menuIconos > div { display: flex; flex-wrap: wrap; justify-content: center; position: relative; }
.contenedorMenuIconos { margin: auto auto; justify-content: center; align-items: center; }
    .contenedorMenuIconos span.tituloSeccion { display: block; opacity: 0; transition: opacity .5s; background: #96c83c; font-size: 1.7rem; padding: 1.5rem; border-radius: .3rem; width: 100%; color: white; text-align: center; }
    .contenedorMenuIconos > div:first-of-type { margin: .3rem; }
.menuIconos a { color: #65646a; display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-width: 85px; max-width: 85px; height: 85px; vertical-align: top; margin: .3rem; cursor: pointer; text-align: center; padding: 10px; background: #e5e5e5; border-radius: .3rem; transition: background .5s; }
    .menuIconos a:hover, .menuIconos a:active { color: black; text-decoration: none; background: #dfdbdb; }
        .menuIconos a:hover img { filter: brightness(0.7); }
.menuIconos img { width: 37px; height: 37px; border: none; transition: filter 500ms; }
.menuIconos span { display: block; flex-grow: 1; text-align: center; padding-top: 6px; line-height: 1rem; font-size: .9rem; display: flex; align-items: center; }
.menuIconos a { opacity: 0; animation-name: opacidad; animation-fill-mode: forwards; animation-duration: .5s; }
    .menuIconos a[itemnumber="0"] { animation-delay: .1s; }
    .menuIconos a[itemnumber="1"] { animation-delay: .2s; }
    .menuIconos a[itemnumber="2"] { animation-delay: .3s; }
    .menuIconos a[itemnumber="3"] { animation-delay: .4s; }
    .menuIconos a[itemnumber="4"] { animation-delay: .5s; }
    .menuIconos a[itemnumber="5"] { animation-delay: .6s; }
    .menuIconos a[itemnumber="6"] { animation-delay: .7s; }
    .menuIconos a[itemnumber="7"] { animation-delay: .8s; }
    .menuIconos a[itemnumber="8"] { animation-delay: 1s; }
    .menuIconos a[itemnumber="9"] { animation-delay: 1.1s; }
    .menuIconos a[itemnumber="10"] { animation-delay: 1.2s; }
    .menuIconos a[itemnumber="11"] { animation-delay: 1.3s; }
    .menuIconos a[itemnumber="12"] { animation-delay: 1.4s; }
.menuE { background-color: #e3e4e6; background-image: url('img/bgContenedoresPq.jpg'); background-repeat: repeat-x; background-position: top; border: 1px solid #cccccc; padding: 3px; border-radius: 3px; box-shadow: 0 0 10px #FFF; box-shadow: 2px 2px 2px rgba(227, 228, 230, 0.7); }
.contenedorMenuIconos a[idpagina="59"] { min-width: 103px; }
.contenedorMenuIconos a[idpagina="81"] { min-width: 110px; }
.contenedorMenuIconos a[idpagina="90"] { min-width: 100px; }
/******************Menú edición******************/
.menuEdicion a img { display: block; background: #c4c9cc; width: 40px; height: 40px; padding: 6px; border: none; margin-bottom: 4px; margin-top: 2px; transition: filter 500ms; border-radius: .3rem; transition: background .25s; }
.menuEdicion .nombre { display: block; text-align: center; width: 100%; border-bottom: 1px dotted #d4d3d5; }
.menuEdicion { padding-bottom: .75rem; }
    .menuEdicion a { transition: all .5s; min-width: 39px; min-height: 39px; color: #65646a; border-radius: .25rem; display: flex; text-decoration: none; overflow: hidden !important; align-items: center !important; flex-direction: column; margin-left: .5rem; margin-right: .5rem; text-align: center; line-height: 1.1rem; margin-bottom: .5rem; }
        .menuEdicion a:last-of-type { margin-right: 0; }
    .menuEdicion div.division { float: left; width: 1px; height: 40px; background-color: #c1c2c3; margin: 4px; }
    /*.menuEdicion span { display: block; text-overflow: ellipsis; margin-top: .25rem; font-size: .9rem; position: absolute; margin-top: 38px; }*/
    .menuEdicion span { display: block; text-overflow: ellipsis; font-size: .9rem; }
    .menuEdicion a.aspNetDisabled, .menuEdicion [disabled] { opacity: 0.4; }
    .menuEdicion a:hover img { background: #d1d1d1; text-decoration: none; filter: saturate(130%); }
    .menuEdicion a:hover { color: black; }
    .menuEdicion a:first-of-type { margin-left: 0; }
    .menuEdicion a:last-of-type { margin-right: 0; }
    .menuEdicion a.aspNetDisabled:active { position: static; }
    .menuEdicion a.aspNetDisabled:hover, .menuEdicion a[disabled]:hover { background-color: transparent; opacity: 0.5; box-shadow: none; border-color: transparent; }

/* Menú top header de usuario */
.menuTopUsuario { font-size: 1.1rem; }
    .menuTopUsuario img { width: 18px; height: 18px; }
    .menuTopUsuario ul { list-style-type: none; margin: 0; padding: 0; display: none; position: fixed; right: 20px; }
        .menuTopUsuario ul li { display: block; background: #7a828a; width: 150px; text-align: right; }
            .menuTopUsuario ul li a { color: white; text-decoration: none; padding: 7px 8px 6px 8px; display: block; text-decoration: none; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
                .menuTopUsuario ul li a:hover { background: #64842c; }

    .menuTopUsuario a { text-decoration: none; padding: 0.25rem; border-radius: .3rem; transition: all .5s; color: #636569; }
        .menuTopUsuario a:hover { text-decoration: none; background: #d1d1d1; color: #636569; }
.divUsuario { position: fixed; top: 35px; right: 20px; }
.menuIconoInfoUsuario { background: #d1d1d1; border-radius: 50px; width: 30px; height: 30px; }

.contextualUsuario { display: none; z-index: 1004; min-width: 150px; border-radius: .25rem; position: absolute; background: white; right: 0; top: 57px; border: 1px solid #D3d3d3; padding: .75rem; }
    .contextualUsuario a { font-size: 1rem; color: #217DAB; }
    .contextualUsuario img { height: auto; width: 40px; }
.encabezado, #divContenidoPrincipal, .divUsuario, .encabezado .logoCliente { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
    .encabezado img#ImageLogo { opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
#AppSiteMap span { opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; }

#divContenidoPrincipal { padding-top: 102px; }

*:focus { outline: none; }
.piePaginaCopyRight { margin: 0 auto; }