/******************Tags y controles******************/

html, body, form { width: 100%; height: 99.99%; margin: 0; padding: 0; }

body { color: #182023; font-family: Arial, verdana, tahoma, sans-serif !important; font-size: 12px; }

h1 { color: #22485f; }

h2 { color: #436b84; }

h1, h2 { padding: 0px; margin: 16px 0 10px 0; }

h1 { font-size: 16px; }

h2 { font-size: 14px; }

h3 { font-size: 13px; margin: 10px 0 10px 0; }

h5 { color: #22485f; border-width: 1px; border-color: #d2d3d5; font-weight: normal; padding-bottom: 5px; margin: 0 0 10px 0; border-bottom: 1px solid #d2d3d5; font-size: 12px; text-shadow: 1px 1px 2px #aaaaaa; }

a { color: #4b738c; 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-family: Arial; font-size: 12px; }

input[type="checkbox"], input[type="radio"], input[type="image"] { border-style: none; border-radius: 0; }

.boton, input[type="submit"], input[type="button"] { border: 2px solid #436B84; color: #436B84 !important; border-radius: 4px; text-align: center; text-decoration: none; white-space: normal; }

.botonCancelarSolicitudAjax { display: inline-block; padding: 2px 3px; }

.botonCancelarSolicitudAjax:hover { text-decoration: none; }

input, select, textarea, .boton { border: 1px solid #4b738c; color: #22485f; border-radius: 5px; }

select { z-index: 0; }

.boton:hover, input[type="submit"]:hover, input[type="button"]:hover { color: #FFFFFF !important; background-color: #436B84; cursor: pointer; }

input[disabled][type="button"]:hover, input[disabled][type="submit"]:hover { background-image: url('img/botonBg.jpg'); cursor: default; color: #ccc; }

[disabled] { color: #aaa !important; border-color: #d0d1d3 !important; }

.boton { padding: 1px 3px; }

/****************** Miscelanea******************/

.separacion { padding: 10px; }

.mediaSeparacion { padding: 5px; }

.flotanteIzq { float: left; }

.flotanteDer { float: right; }

.limpiarFlotante { clear: both; }

.grilla960_12_1 { width: 60px; }

.grilla960_12_2 { width: 140px; }

.grilla960_12_3 { width: 220px; }

.grilla960_12_4 { width: 300px; }

.grilla960_12_5 { width: 380px; }

.grilla960_12_6 { width: 460px; }

.grilla960_12_7 { width: 540px; }

.grilla960_12_8 { width: 620px; }

.grilla960_12_9 { width: 700px; }

.grilla960_12_10 { width: 780px; }

.grilla960_12_11 { width: 860px; }

.grilla960_12_12 { width: 940px; }

.validacionMensaje { color: Red; font-size: 11px; font-style: italic; }

/******************Encabezado******************/

body, .encabezadoFlotante { min-width: 960px; }

.encabezado .flotanteDer { background-image: url('img/encabezadoDer.jpg'); }

.encabezado { background: #021019; }

.infoLoginSuperior { color: White; margin-left: 200px; }

.infoLoginSuperior a.estadoSesion { color: #A4C4D9; }

.tituloPagina { display: block; padding: 0 0 10px 0; font-size: 12px; font-weight: bold; color: #22485f; }

.piePagina { height: 16px; position: fixed; width: 100%; bottom: 0; text-align: center; font-size: 11px; padding-top: 4px; border-style: solid none none none; border-width: 1px; background: #a4c4d9; border-color: #436b84; box-shadow: 0px -3px 3px rgba(180, 180, 180, 0.5); }

.encabezadoFlotante { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; box-shadow: 0px 2px 3px rgba(180, 180, 180, 0.5); }

.encabezado, .encabezado .flotanteDer { height: 80px; }

.encabezado .flotanteDer { width: 480px; background-repeat: no-repeat; }

.version { color: white; position: fixed; font-style: italic; z-index: 1000; font-size: 11px; top: 60px; width: 100%; min-width: 960px; text-align: center; }

.contenido { margin: 0 10px; padding-top: 115px; padding-bottom: 30px; }

.envoltura { min-height: 100%; height: 100% !important; margin: 0 auto -20px; }

/******************Caja******************/

.caja, .cajaSoloContenido { border-bottom-right-radius: 5px; box-shadow: 4px 4px 4px rgba(227, 228, 230, 0.7); }

.caja .cajaTitulo { padding: 3px; font-size: 12px; height: 15px; background-repeat: repeat-x; border-style: solid; font-weight: bold; text-shadow: 1px 1px 2px #aaaaaa; }

.caja .cajaLogo { width: 15px; height: 15px; text-align: center; margin-right: 5px; float: left; }

.caja .cajaTitulo, .cargando .contenido { background-image: url('img/cajaTituloBg.jpg'); box-shadow: inset 0 0 10px #FFFFFF; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #22485f; }

.caja .cajaContenido { border-style: none solid solid solid; background: #f2f2f2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.cajaSoloContenido { border-style: solid solid solid solid; background: #f2f2f2; border-radius: 5px; }

.cajaOculta .cajaTitulo:hover { box-shadow: inset 0 0 5px #d2d3d5; }

.caja .cajaContenido, .caja .cajaTitulo, .cajaSoloContenido { border-width: 1px; border-color: #d2d3d5; }

.caja .cajaContenido, .cajaSoloContenido { padding: 10px; overflow: auto; }

.cajaMover .manejador { cursor: move; }

/****************** Navegación ******************/

.menuNavegacion { padding-bottom: 10px; color: #4b738c; }

.menuNavegacion a { text-decoration: none; font-size: 12px; }

.menuNavegacion a:hover { text-decoration: underline; }

/******************Cargando******************/

.cargando .contenido { margin-left: -70px; margin-top: -70px; left: 50%; top: 50%; width: 140px; z-index: 1005; text-align: center; border-width: 1px; border-style: solid; background-color: #FFF; background-image: url('img/bgCajasExtras.jpg'); background-position: top; background-repeat: repeat-x; }

.cargando .contenido { position: fixed; padding: 10px; background-color: #e3e4e6; border-color: #4b738c; }

.cargando .contenido { border-radius: 5px; }

.cargando .fondo { z-index: 1004; }

.cargando .fondo, .ventanaModal .ventanaModalFondo { position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7; filter: alpha(opacity=70); background-color: #0d2c40; background-image: url('img/bgFondoModales.gif'); }

/******************Menus******************/

.menu ul { height: 25px; font-size: 11px; list-style-type: none !important; margin: 0; padding: 0; z-index: 1003; }

.menu ul li { border-color: #d0d1d3; border-radius: 3px; background-color: #ededef; background-image: url('img/menuSuperiorBg.jpg'); border-style: solid; border-width: 1px; }

.menu ul li ul { height: auto; }

.menu ul .hover, .menu ul li a.highlighted { background-color: #22485f; background-image: url('~/Recursos/img/menuSuperiorBgSwap.jpg'); background-position: center center; color: #ededef; border-radius: 3px; }

.menu ul li a { color: #22485f; text-decoration: none; padding: 5px; display: block; text-decoration: none; font-size: 12px; }

.menu ul li .hover, .menu ul li a:hover { text-decoration: none; }

.menu ul li ul li { background-color: #ededef; background-image: none; border-style: solid !important; box-shadow: inset 0 0 10px #FFFFFF, 3px 3px 3px rgba(180, 180, 180, 0.5); white-space: nowrap; }

.menuSuperior { background-image: url('img/menuSuperiorBg.jpg'); }

.menuSuperior ul li { border-style: none solid none none !important; }

.menuSuperior { border-color: #d0d1d3; border-width: 1px; border-style: none solid solid solid; }

/******************Menu Iconos******************/

.menuIconos { }

.menuIconos a { vertical-align: top; display: block; margin: 0 10px 10px 0; cursor: pointer; text-align: center; float: left; border: 1px solid rgba(255,255,255,0.0); padding: 2px 5px; background-color: #f2f2f2; border: 1px solid #FFF; box-shadow: inset 0 0 20px #FFFFFF, 0 0 1px #aaaaaa; border-radius: 5px; }

.menuIconos a:hover { background-color: #ffe177; text-decoration: none; border: 1px solid #FFF; box-shadow: inset 0 0 20px #FFFFFF, 0 0 1px #efc222; color: #22485f; opacity: 1.0; }

.menuIconos a:hover img { opacity: 1.0; }

.menuIconos img { opacity: 0.4; width: 64px; height: 64px; border: none; }

.menuIconos span { display: block; text-align: center; }

.menuEdicion { background-color: #e3e4e6; background-image: url('img/bgContenedoresPq.jpg'); background-repeat: repeat-x; background-position: top; border: 1px solid #cccccc; padding: 3px; border-radius: 5px; padding-left: 5px; box-shadow: 0 0 10px #FFF; /*height:48px;*/ box-shadow: 2px 2px 2px rgba(227, 228, 230, 0.7); }

.menuEdicion img { border: none; width: 24px; height: 24px; margin-bottom: 2px; }

.menuEdicion .nombre { display: block; margin-bottom: 3px; font-size: 10px; color: #666; text-align: center; border-bottom: 1px solid #CCC; }

.menuEdicion a { display: block; margin-right: 0px; float: left; padding: 3px; border: 1px solid #FFF; border-color: rgba(255, 255, 255, 0.0); border-radius: 5px; opacity: 0.8; text-align: center; font-size: 11px; min-width: 30px; }

.menuEdicion div.division { float: left; width: 1px; height: 25px; background-color: #cccccc; border-right: 1px solid #ffffff; margin: 3px; }

.menuEdicion span { display: block; }

.menuEdicion a.aspNetDisabled { background: #CCC; }

.menuEdicion a:hover { background-color: #ffe177; text-decoration: none; border: 1px solid #FFF; box-shadow: inset 0 0 20px #FFFFFF, 0 0 1px #efc222; color: #22485f; opacity: 1.0; }

.ajax__calendar_container, .ajax__calendar_body { width: 190px !important; }

fieldset { padding: 10px; border-radius: 5px; margin-top: 10px; }

fieldset legend { color: #22485f; font-weight: bold; }

.numeroTurno, .numeroTurnoTerminal { font-size: 12px; font-weight: bold; color: #2c4c84; background-color: #bed2f7; display: inline-block; padding: 3px; margin: 1px; border-radius: 5px; border: 1px solid #2c4c84; }

.numeroTurnoTerminal { font-size: 20px; }

.divOcultarElementos { font-size: 10px; padding: 0 2px; width: 7px; text-align: center; background: White; float: right; border: 1px dotted #ddd; border-radius: 3px; }

ol.olConEstilo > li, ol.olConEstilo2 > li { border: 1px dotted #DDD; margin-top: 3px; padding: 3px; -moz-border-radius: 5px; border-radius: 5px; }

ol.olConEstilo > li { background: #EEE; }

ol.olConEstilo2 > li { background: #f4fafc; }

.ajax__tab_xp, .ajax__tab_body, .ajax__tab_header { font-family: Arial, verdana, tahoma, sans-serif !important; }

.ajax__tab_body { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 4px 4px 4px rgba(227, 228, 230, 0.7); padding: 10px !important; }

.ajax__tab_xp, .ajax__tab_body { /*border-color: #D2D3D5 !important;*/ }

.tituloSelector { color: #182023; font-family: Arial, verdana, tahoma, sans-serif !important; font-size: 12px; font-weight: bold; }

.PromptCSS { color: #22485f; border-top-color: #4b738c; border-right-color: #4b738c; border-bottom-color: #4b738c; border-left-color: #4b738c; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: white; font-weight: bold; }

#divAtributos ul { list-style-type: none !important; margin: 0; padding: 0; }

#divAtributos ul a { display: block; }

#divAtributos ul li { margin: 1px; border: dotted #d2d3d5 1px; cursor: pointer; padding: 2px 3px; border-radius: 5px; background: #fff; }

#divAtributos ul li:hover { background: #e2e2e2; }

.motivoCierre input { width: 100%; font-size: 13px; min-width: 190px; }

.listaBotones a { display: block; margin: 0 0 2px 0; border-radius: 5px; padding: 2px 3px; background: #EDEDEF; border: 1px solid #DDD; }

.listaBotones a:hover { border: 1px solid #A4C4D9; background: #E3E4E6; color: #182023; text-decoration: none; }

.listaBotones a:active { position: relative; left: 1px; top: 1px; }

.listaBotones a.aspNetDisabled { background: none; border-color: #EEE; color: #999; }

.listaBotones a.aspNetDisabled:active { position: static; left: 0px; top: 0px; }

.modalBackground { background-color: #696969; filter: alpha(opacity=90); opacity: 0.8; }

.buttomUpload { background: url('../../img/Iconos/upload.gif') no-repeat left 1px; padding-left: 16px; }
