﻿body, html, form { width: 100%; min-width: 100%; height: 100%; min-height: 100%; margin-top: 0; padding: 0px; margin: 0px; }
body { background-color: #FAFAFA; font-size: 12px; color: #333; }
body, textarea { font-family: Tahoma, Verdana, Geneva, sans-serif !important; }
/* Miscelaneus */
h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h1, h2, h3, h4 { font-weight: bold; }
div.fl { float: left; }
div.fr { float: right; }
div.cl { clear: both; }
div.padd { padding: 10px; margin: 0; }
div.paddHalf { padding-bottom: 5px; margin: 0; }
a { text-decoration: none; color: #069; }
a:hover { text-decoration: underline; }
hr { border-top: 1px solid #999; }
.hidden { display: none; }
form { margin: 0px; padding: 0px; }
input[type="submit"], input[type="button"] { transition: 0.25s all; background: #848488; font-weight: normal; color: #fff !important; padding: 4px 8px; border: 0; margin: 2px; cursor: pointer; }
input[type="submit"]:hover, input[type="button"]:hover { color: #848488 !important; background: #D1d1d1; }
input[type="text"], input[type="password"], select, textarea { border: 1px solid #9e9e9e; color: #333; }
input[type="submit"].botonEdicion, input[type="button"].botonEdicion { margin: 5px 0; }
textarea { font-size: 11px; }
legend { font-weight: bold; }
fieldset { border: 1px solid #cdcdcd; border-radius: 5px; }
fieldset:hover { background: white; }
.wrapper, .footer { margin: 0 auto; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -20px; padding: 0 20px; }
/* Header */
div.header { padding: 10px 0 0 0; background-color: #FFF; }
div.header .paddHalf { border-bottom: 10px solid #00ACBA; }
/*.headerSepFlow { height: 69px; _height: 0; }*/
.header img { border: none; }
.header .headerUserInfo { float: right; text-align: center; height: 50px; }
.header .headerUserInfo span { /*display:block;  */ font-size: 16px; }
.header .headerUserInfo div { padding: 8px 0; }
.header .headerUserInfo a { font-size: 11px; color: #D60056; }
.header .AppInfo h3, .header .AppInfo span { color: #999; }
.header .AppInfo h3 { margin-bottom: 5px; }
.content { padding-bottom: 30px; }
.sectionTitle { padding: 2px 5px; }
.sectionTitle span { font-size: 12px; font-weight: bold; color: #333; }
.sectionTitle img { border: 0; height: 18px; }
.configButtoms img { border: 0; cursor: pointer; }
/* Footer */
.footer { font-size: 11px; width: 920px; }
.wrapper .footer { margin: 0 0 0 -10px; }
.footer a { color: #fff; }
.footer a:hover { text-decoration: underline; }
.footer .footerContent { background-color: #999999; color: #fff; text-align: center; position: fixed; bottom: 1px; width: 100%; height: 16px; }
/* Box */
.box { background-color: #dddddd !important; font-family: Tahoma, Verdana, Geneva, sans-serif !important; }
.boxTitle { background: #646464 none repeat scroll 0 0 !important; font-size: 13px; color: #fff; }
.sectionTitle, /*.menuTop*/ ul li a.selected, legend, input, select, textarea { color: #1a5579; }
.accordionPaneHeader { border: 1px solid #cdcdcd; cursor: pointer; font-size: 11px; font-weight: bold; background: #dfe9f5; padding: 5px; }
.accordionPaneContent { overflow: auto; padding: 7px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #f1f1f0; }
.sectionTitle { font-weight: bold; }
.boxTitle div { padding-left: 4px; }
.boxTitle span { display: block; padding: 5px; }
.boxContent { overflow: auto; padding: 7px; }
.boxPrincipal { background-color: #dddddd; padding: 10px; }

/****************** Menús ******************/
/*.menuTop { background: #646464 none repeat scroll 0 0; height: 32px; margin-top: 1px; }
.menuTop ul, .menuVertical ul, .menuHorizontal ul { list-style-type: none; padding: 0; margin: 0; }
.menuTop ul li { display: block; float: left; }
.menuTop ul li a { font-size: 13px; display: block; padding: 7px 10px 9px 10px; color: #FFF; text-decoration: none; transition: all 0.25s ease 0s; }
.menuTop ul li a:hover { background: #646464 none repeat scroll 0 0; color: #FFF; }
.menuTop ul li a.selected { background: #333; color: #fff; }*/

.menuSuperior { background: #7A828A; display: none; }
    .menuSuperior a { color: #fff; }
    .menuSuperior ul, .menuEdicion ul { list-style-type: none; margin: 0; padding: 0; }
        .menuSuperior ul li ul { z-index: 100; }
        .menuSuperior ul li a.highlighted { background-color: #59595C; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
        .menuSuperior ul .hover, .menuSuperior 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; }
            .menuSuperior ul .hover.level1, .menuSuperior ul li a.highlighted.level1 { background-color: #59595C; }

        .menuSuperior ul li ul li { width: 135px; background: #F2F2F2; background-color: #65646a; border-radius: 0px; margin-left: 0px; }
        /*border-style: none solid none none !important;*/
        .menuSuperior 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; }
            .menuSuperior ul li a:hover { text-decoration: none; }
#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; }

.menuVertical ul li, .menuVertical ul li a { display: block; }
.menuVertical ul li, .menuHorizontal ul li { background-color: #f1f1f0; }
.menuVertical ul li a, .menuHorizontal ul li a { background-position: 3px center; padding: 2px 8px 3px 20px; color: #333; }
.menuVertical ul li a, .menuHorizontal ul li a, .menuVertical ul li.selected a, .menuHorizontal ul li.selected a { border: 1px solid #BBBBBB; }
.menuVertical ul li { margin-bottom: 2px; }
.menuVertical ul li a { _height: 13px; }
.menuVertical ul li.selected, .menuHorizontal ul li.selected { background-color: #646464; }
.menuVertical ul li.selected a, .menuHorizontal ul li.selected a { color: #fff; }
.menuVertical ul li a:hover, .menuHorizontal ul li a:hover { color: #999; text-decoration: none; }
.menuHorizontal { height: 21px; background-color: #f5f5f5; }
.menuHorizontal ul li, .menuHorizontal ul li a { display: block; }
.menuHorizontal ul li { float: left; margin-right: 3px; }
/* grids */
.grid960_12_1 { width: 60px; }
.grid960_12_2 { width: 140px; }
.grid960_12_3 { width: 220px; }
.grid960_12_4 { width: 300px; }
.grid960_12_5 { width: 380px; }
.grid960_12_6 { width: 460px; }
.grid960_12_7 { width: 540px; }
.grid960_12_8 { width: 620px; }
.grid960_12_9 { width: 700px; }
.grid960_12_10 { width: 780px; }
.grid960_12_11 { width: 860px; }
/* Notifications */
.notificacion { z-index: 1002; width: 100%; font-size: 11px; font-style: italic; background-position: 2px 4px; margin-bottom: -14px; margin-top: 10px;  }
.notificacionControles { float: right; padding: 3px 3px 0 0; }
.notificacionContenido { display: block; }
.notificacionError, .notificacionExcepcion { border-color: #D60056; color: #D60056; border-style: solid; border-width: 1px; }
.notificacionError { background: url('../../images/iconError15x15.png') no-repeat #F8CCDB; }
.notificacionExcepcion { border-color: #aa3535; background: url('../../images/iconException15x15.png') no-repeat #F8CCDB; }
.notificacionError hr, .notificacionExcepcion hr { border-top: 1px solid #a70304; }
.notificacionAdvertencia { border-color: #FF5000; color: #FF5000; background: url('../../images/iconWarning15x15.png') no-repeat #FFF8CC; border-style: solid; border-width: 1px; }
.notificacionAdvertencia hr { border-top: 1px solid #FF5000; }
.notificacionInformacion { border-color: #011689; color: #011689; background: url('../../images/iconInformation15x15.png') no-repeat #CBD0E6; border-style: solid; border-width: 1px; }
.notificacionInformacion hr { border-top: 1px solid #011689; }
.notificacionRealizado { border-color: #3fae2b; color: #4d6100; background: url('../../images/iconDone15x15.png') no-repeat #daeed5; border-style: solid; border-width: 1px; }
.notificacionRealizado hr { border-top: 1px solid #3fae2b; }
.notificacionError, .notificacionAdvertencia, .notificacionInformacion, .notificacionRealizado, .notificacionExcepcion { padding: 5px 5px 5px 18px; background-position: 0px 5px; }
.notificacionCerrar, .notificacionAnclar { font-size: 8px; border-style: solid; border-width: 1px; padding: 1px 2px; font-style: normal; cursor: pointer; color: #333; border-color: #ccc; background-color: #fff; }
/* Loading */
.loading { display: none; }
.loading .bg { position: fixed; _position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; }
.loading .content { position: fixed; _position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; z-index: 1001; border-radius: 5px; text-align: center; background-color: #FFF; padding: 8px; border: 1px solid #CCC; color: #1a5579; width: 140px; box-shadow: 0px -3px 3px rgba(180, 180, 180, 0.5); }
.loading a { display: block; width: 72px; height: 20px; background-image: url(../../images/stopButtom.gif); color: #FFF; margin: 5px auto 0 auto; }
.loadingSmall { display: none; width: 16px; height: 16px; z-index: 100; background-color: #FFF; padding: 2px; background: url(../../images/loadingSmall.gif) no-repeat center center; border: 1px solid #CCC; }
/**/
image.imageTree { display: block; padding: 0 3px 3px 3px; }
.textBoxFilterDate, .textBoxFilterDateDisabled { border: 1px solid #6ba5cc !important; width: 70px; }
.textBoxFilterDateDisabled { border: 1px solid #a8a8a8 !important; background-color: #F0F0F0; color: #CCC !important; }
.textoValidador { color: red; font-size: 11px; font-style: italic; }
.sectionTitle .fl img { position: relative; top: 4px; margin-right: 3px; }
.sectionTitle .fl { color: #333 !important; font-weight: bold; display: inline-block; margin-bottom: 6px; }
.lkbNuevo { text-align: center; }
/*Tabs*/
a.ajax__tab_tab { color: #65646a; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab, .ajax__tab_xp .ajax__tab_header .ajax__tab_inner, .ajax__tab_xp .ajax__tab_header .ajax__tab_outer { background: #f3f3f4 none repeat scroll 0 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab { border: 1px solid #d0d1d3; font-size: 13px; padding: 6px 12px !important; }
.ajax__tab_xp .ajax__tab_body { background: white none repeat scroll 0 0 !important; border-color: #d0d1d3 !important; padding: 20px !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background: white none repeat scroll 0 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab:hover { background: white none repeat scroll 0 0 !important; cursor: default; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_inner { padding-left: 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer { margin-right: 0 !important; padding-right: 0 !important; }
.ajax__tab_xp .ajax__tab_header { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab { height: auto !important; }
.ajax__tab_active .ajax__tab_tab { border-bottom-color: Transparent !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer { height: auto !important; }
.ajax__tab_container { background: #ddd none repeat scroll 0 0 !important; padding: 5px !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab { background: #e0e0e1 none repeat scroll 0 0 !important; }
.ajax__tab_active.ajax__tab_hover { background: white none repeat scroll 0 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab:active { text-decoration: none; }
.elementoColor {border-radius: 50% !important;height:15px !important;border-color:#000 !important;border-style:solid !important;}
/******************Caja******************/
.caja { }
.cajaInlineBlock { display: inline-table; }
.caja .cajaLogo { width: 15px; height: 15px; text-align: center; margin-right: 5px; float: left; }
.caja .cajaTitulo, .cargando .contenido { color: white; }
.caja .cajaTitulo { padding: 7px 8px 7px 8px !important; color: #333; font-size: 14px; background-color: #C4C9CC !important; border-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.caja .cajaAcordeon { }
.caja .cajaContenido { border-style: none; }
.caja .cajaContenido, .ajax__tab_body, .caja .cajaSoloContenido { background: #dddddd !important; padding: 5px; overflow: auto; }
.ajax__tab_body { border-color: #aaaaaa !important; }
.caja .cajaContenido { padding: 10px; overflow: auto; }
.cajaMover .manejador { cursor: move; }
/* Menú acortado */
body.smaller #divMenuSuperior { height: 0; }
body.smaller .encabezadoFlotante { background: transparent; }
/****************** 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_2_conDer { margin-right: 160px; }
.grilla960_12_3_conDer { margin-right: 240px; }
.grilla960_12_2_conIzq { margin-left: 160px; }
.grilla960_12_3_conIzq { margin-left: 240px; }
.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: 570px; }
.grilla960_12_9 { width: 700px; }
.grilla960_12_10 { width: 780px; }
.grilla960_12_11 { width: 860px; }
.grilla960_12_12 { width: 940px; }
.validacionMensaje { color: #D60057; font-size: 11px; font-style: italic; }

.bold { font-weight: bold; }
/******************Encabezado******************/
body, .encabezadoFlotante { }
.encabezadoFlotante { /*position: fixed;*/ width: 100%; top: 0; left: 0; z-index: 999; background: white; }
