@charset "ISO-8859-1";

/*----------------------------------------------------------------------------*
 * Style reset: http://meyerweb.com/eric/tools/css/reset/                     *
 *----------------------------------------------------------------------------*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------- End of style reset ----------------------------*/

html {
    font-size: 100.01%;
}
body {
    font-family: "DejaVu Sans", "Bitstream Vera Sans", Verdana, Geneva, sans-serif;
	font-size: 75%; /* 16px * 0.75 = 12px */
	line-height: 1.125em;
	font-weight: normal;
	font-style: normal;
	background: #FFF url(img/bg-pagina.png) repeat-x top;
	color: #000;
}
p {
    margin: 1.12em 0;
}
ul, ol {
	margin: 1.12em 0 1.12em 30px;
	padding: 0;
}
ul {
    list-style-type: disc;
}
ol {
    list-style-type: decimal;
}
ol ul, ul ol, ul ul, ol ol {
    margin-top: 0; margin-bottom: 0;
}
a {
    text-decoration: underline;
}
a:link, a:visited {
    color: #008;
}
a:link > img, a:visited > img {
    border: 1px solid #008;
}
a:hover, a:active {
    color: #00B;
}
a:hover > img, a:active > img {
    border: 1px solid #00B;
}
a:focus, a:active {
    outline: 1px dotted #00B;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
dl {
    margin-bottom: 1.12em;
}
dt {
    font-weight: bold;
    margin: 1.12em 0 1em 0;
}
form {
    margin: 0;
}
input, textarea, button, select {
    font-family: "DejaVu Sans", "Bitstream Vera Sans", Verdana, Geneva, sans-serif;
    font-size: 1em;
    padding: 2px 1px;
}

#estructura {
    margin: 0;
    padding: 0 0 15px 0;
}

/*- norte --------------------------------------------------------------------*/

#cabecera {
    height: 45px;
    margin: 0;
    padding: 0;
    background: #FFF url(img/cabecera-bg.png) repeat-x;
}
#cabecera .p1 {
    height: 45px;
    background-image: url(img/cabecera-bgl.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
#cabecera .p2 {
    height: 45px;
    background-image: url(img/cabecera-bgr.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
}
#titulo-app, #titulo-inst {
    display: none;
}
#cabecera a {
    text-decoration: none;
    outline: none !important;
}

#menu-ppal-cont {
    padding: 0;
}
#menu-ppal {
    padding: 12px 27px 0 27px;
}

#sesion-cont {
    margin: 0 15px;
    color: #000;
}
#sesion-cont .p1 {
    background: transparent url(img/contenidos-tl.png) no-repeat left top;
}
#sesion-cont .p2 {
    background: transparent url(img/contenidos-tr.png) no-repeat right top;
    margin-left: 9px;
}
#sesion-cont .contenidos {
    margin-right: 9px;
    background: #FFF;
    border-top: 2px solid #77A5C8;
    border-bottom: 1px solid #77A5C8;
    padding: 5px 0 2px 0;
}
#cont-breadcrumb {
    float: left;
}
#breadcrumb {
    font-size: 0.85em;
}
#breadcrumb .elem-historial {
    white-space: nowrap;
}
#info-sesion {
    float: right;
    color: #000;
    text-align: right;
    margin-left: 20px;
    padding-left: 10px;
    border-left: 1px solid #77A5C8;
    font-size: 0.85em;
    min-height: 16px;
}
#info-sesion .sesion-usuario {
    color: #000;
    font-weight: bold;
}
#info-sesion .sesion-operar {
    margin-left: 5px;
}
#info-sesion.guest .sesion-usuario {
    color: #666;
    padding-left: 19px;
    background: transparent url(img/user-gray.png) no-repeat left;
}
#info-sesion.admin .sesion-usuario {
    color: #900;
    padding-left: 19px;
    background: transparent url(img/user-red.png) no-repeat left;
}
#info-sesion.normal .sesion-usuario {
    color: #009;
    padding-left: 19px;
    background: transparent url(img/user.png) no-repeat left;
}

/*- sur ----------------------------------------------------------------------*/

#sur {
    color: #000;
    margin: 0 15px;
}
#sur .p1 {
    background: transparent url(img/contenidos-bl.png) no-repeat left bottom;
}
#sur .p2 {
    background: transparent url(img/contenidos-br.png) no-repeat right bottom;
    margin-left: 9px;
}
#sur .contenidos {
    margin-right: 9px;
    background: #FFF;
    border-bottom: 2px solid #77A5C8;
    border-top: 1px solid #77A5C8;
    padding: 5px 0;
}
#sur .sesion-usuario,
#sur .sesion-rol,
#sur .sesion-nusuarios,
#sur .app-titulo,
#sur .app-version,
#sur .app-copyright,
#sur .pagina-hora {
    font-size: 0.85em;
    font-weight: normal;
}
#sur .sesion-ident.guest {
    color: #666;
}
#sur .sesion-ident.admin {
    color: #900;
}
#sur .sesion-ident.normal {
    color: #009;
}

/*- cuerpo -------------------------------------------------------------------*/

#cont-simple {
    padding: 0;
    margin: 5px 0 5px 0;
}
#cont-simple #cont-formulario, #cont-simple #cont-listado, #cont-simple #cont-cuerpo-pagina {
    border-bottom: 2px solid #77A5C8;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#titulo-pag {
    margin: 0 15px;
    padding: 10px 5px;
    font-weight: bold;
    font-size: 1em;
    text-align: left;
    border-right: 2px solid #77A5C8;
    border-left: 2px solid #77A5C8;
    background: #FFF url(img/titulo-pag-bg.png) repeat-x bottom;
    color: #000;
}
#cont-simple #titulo-pag {
    border-top: 2px solid #77A5C8;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

div.error, #cont-msjs-error {
    color: #900;
    border: 1px solid #600;
    text-align: left;
    margin: 5px 0;
    padding: 5px 0;
}
.msj-error {
    margin: 2px 0;
    padding: 2px 5px;
    border-top: 1px dotted #600;
}
.msj-error.primero {
    border-top: none;
}
.msj-error ul {
    list-style: disc inside;
}

#cont-comandos, #cont-graficos {
    margin: 0;
    background: #F2F2F2;
    margin-bottom: 1px;
}
#cont-comandos .prim, #cont-comandos-master .prim {
    padding: 5px 10px;
}

#cont-graficos #comandos-graficos {
    padding: 5px 10px;
}
#cont-graficos .grafico-simple {
    height: 250px;
    overflow-x: auto;
}

#comandos input, #comandos button,
#comandos-master input, #comandos-master button,
#comandos-detail input, #comandos-detail button,
#comandos-arr input, #comandos-arr button,
#comandos-abj input, #comandos-abj button {
    margin: 0 3px 0 0;
    text-align: center;
}

#cont-comandos-master {
    margin: 0;
    background: #F2F2F2;
    margin-bottom: 1px;
}
#cont-comandos-detail {
    margin: 1px 0 0 0;
    background: #F2F2F2;
    margin-top: 1px;
}
#cont-comandos-detail .prim {
    padding: 5px 10px 0 10px;
}
#cont-comandos-detail button {
    margin-bottom: 5px;
}
/* >>> FIXME : tiene el estilo de xgap */
#cont-comandos-detail .separador-h {
    margin: 0 5px 0 10px;
}
#cont-comandos-detail .separador-h.titulo {
    color: #2C3D51;
    font-weight: bold;
    margin: 0 5px 0 10px;
}
#cont-comandos-detail .separador-h.vacio {
    border-right: 1px dotted #96ABC4;
    height: 1.25em;
    width: 0;
    margin: 0 10px 0 5px;
}
#cont-comandos-detail .separador-v.titulo {
    color: #2C3D51;
    font-weight: bold;
    border-top: 1px dotted #96ABC4;
    padding: 2px 0 0 0;
    margin: 5px 0;
}
#cont-comandos-detail .separador-v.vacio {
    height: 0px;
    border-top: 1px dotted #96ABC4;
    margin: 5px 0;
}
/* <<< */

#cont-formulario {
    margin: 0 15px;
    padding: 5px;
    border-right: 2px solid #77A5C8;
    border-left: 2px solid #77A5C8;
    background: #FFF;
    color: #000;
}
#cont-formulario #comandos-arr {
    margin: 0 0 1px 0;
    background: #F2F2F2;
}
#cont-formulario #comandos-abj {
    margin: 1px 0 0 0;
    background: #F2F2F2;
}
#cont-formulario #comandos-arr .prim, #cont-formulario #comandos-abj .prim {
    padding: 5px 10px;
}

#formulario-ppal {
    background: #F2F2F2;
    padding: 10px;
}

td.cont_grupo {
    vertical-align: top;
    padding: 2px 0;
}
.FormTABLE fieldset {
    padding: 5px 0;
}
tr.multilinea td, tr.multilinea th, tr.multilinea td a, tr.multilinea th a {
    vertical-align: top;
}

.FormInputTDVert, .FormInputTDHoz {
    padding: 4px 0;
}
.FormLabelTDVert, .FormLabelTDHoz {
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    padding: 4px 10px 4px 0;
}
.FormReqTDVert, .FormReqTDHoz {
    color: #900;
    text-align: right;
}
.FormReqTDVert {
    padding: 2px 5px 2px 0;
}
.FormReqTDHoz {
    padding: 2px 5px 2px 20px;
}
.FormReqTDHoz.primero {
    padding-left: 0;
}
.FormLabelTDVert .comentario, .FormLabelTDHoz .comentario,
.FormInputTDVert .comentario, .FormInputTDHoz .comentario {
    font-size: 0.85em;
    padding: 4px 0 0 0;
}
.FormLabelTDVert .comentario, .FormLabelTDHoz .comentario {
    font-weight: normal;
    white-space: normal;
}
.ColSepTD {
    padding-left: 20px;
}
.SeparatorTD {
    background: #F2F2F2;
    font-size: 0.85em;
    font-weight: bold;
    text-align: left;
    padding: 12px 0;
    vertical-align: bottom;
}
.SeparatorTD div {
    background: #E3E3E3;
    padding: 1px 10px;
    border-bottom: 1px solid #77A5C8;
}
.SeparatorTD.empty {
    font-size: 1px;
    height: 1px;
}
.SeparatorTD.empty div {
    background: #F2F2F2;
    border-bottom: 1px solid #77A5C8;
    font-size: 1px;
    height: 0;
    padding: 0;
}
.cont_grupo fieldset {
    padding: 5px 10px;
    border: 1px solid #77A5C8;
    margin: 5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cont_grupo legend {
    padding: 1px 10px;
    font-size: 0.85em;
    font-weight: bold;
    text-align: left;
    background: #E3E3E3;
    border-right: 3px solid #F2F2F2;
    border-left: 3px solid #F2F2F2;
}

.CampoRequerido {
    font-weight: bold;
}

#referencias {
    background: #F2F2F2;
    margin: 0;
    padding: 5px;
}
#referencias .contenidos {
    border-top: 1px dotted #FFF;
    padding: 0 5px;
}
#referencias table {
    margin: 0;
    border-collapse: collapse;
}
#referencias td {
    padding-top: 5px;
}
#referencias .marcador {
    color: #900;
    font-weight: bold;
    vertical-align: middle;
    text-align: right;
}
#referencias .leyenda {
    font-weight: bold;
    font-size: 0.85em;
    vertical-align: middle;
    padding-left: 5px;
    text-align: left;
}

#cont-listado, #cont-cuerpo-pagina {
    margin: 0 15px;
    padding: 5px;
    border-right: 2px solid #77A5C8;
    border-left: 2px solid #77A5C8;
    background: #FFF;
    color: #000;
}
#cont-contenidos {
    background: #F2F2F2;
    padding: 10px;
    margin: 0;
}

#cont-listado table {
    font-size: 1em;
}

#cont-tabla-datos {
    margin: 0;
    overflow: auto;
    background: #F2F2F2;
    padding: 5px 7px;
}

#tabla-datos, .tabla-datos {
    background: #F2F2F2;
    width: 100%;
    border-collapse: separate;
}
#tabla-datos .HeaderTD, .tabla-datos .HeaderTD {
    padding: 2px 3px;
    font-weight: bold;
    background: #E3E3E3;
    border-bottom: 1px dotted #FFF;
}
#tabla-datos .HeaderTD .DataLink img {
    vertical-align: top;
    margin-left: 0.5em;
}
#tabla-datos .HeaderTD a:link > img, #tabla-datos .HeaderTD a:visited > img,
#tabla-datos .HeaderTD a:hover > img, #tabla-datos .HeaderTD a:active > img {
    border: none;
}
#tabla-datos .DataTD, .tabla-datos .DataTD {
    padding: 1px 3px;
    text-align: left;
    vertical-align: top;
}
#tabla-datos .SinDatosTD, .tabla-datos .SinDatosTD,
#tabla-datos .FaltaFiltroTD, .tabla-datos .FaltaFiltroTD {
    padding: 3px;
    text-align: center;
    color: #333;
}
#tabla-datos .TableFoot, .tabla-datos .TableFoot, .DetailTABLE .TableFoot {
    display: none;
}
#tabla-datos .DataTD.combo, .tabla-datos .DataTD.combo,
#tabla-datos .DataTD.check, .tabla-datos .DataTD.check,
#tabla-datos .HeaderTD.combo, .tabla-datos .HeaderTD.combo,
#tabla-datos .HeaderTD.check, .tabla-datos .HeaderTD.check {
    text-align: center;
    vertical-align: middle;
}
#tabla-datos .HeaderTD.img, .tabla-datos .HeaderTD.img {
    text-align: center;
}
#tabla-datos .DataTD.img a, .tabla-datos .DataTD.img a {
    display: block;
    text-align: center;
}
#tabla-datos .DataTD.img a img, .tabla-datos .DataTD.img a img {
    display: block;
    margin: 0 auto;
}
#tabla-datos .DataTD.arch, .tabla-datos .DataTD.arch {
    font-size: 0.85em;
}
#tabla-datos .DataTD.acciones, .tabla-datos .DataTD.acciones,
#tabla-datos .HeaderTD.acciones, .tabla-datos .HeaderTD.acciones {
    text-align: center;
}
#tabla-datos .DataTD.check .form-check, .tabla-datos .DataTD.check .form-check {
    margin-right: 0;
}
.NumTD {
    text-align: right !important;
}

#bformulario-master #cont-tabla-ppal {
    overflow: auto;
    background: #F2F2F2;
    padding: 5px;
}
#bformulario-master #table {
    border-collapse: separate;
    width: 100%;
}
#bformulario-master #table tfoot {
  display: none;
}
.LabelMasterTD {
    text-align: left;
    font-weight: bold;
    padding: 2px 5px;
}
.DataMasterTD {
    text-align: left;
    padding: 2px 5px;
}
.LabelMasterTD .comentario, .DataMasterTD .comentario {
    font-size: 0.85em;
    margin: 2px 10px 0 10px;
}
.LabelMasterTD .comentario {
    font-weight: normal;
}

#cont-buscador {
    margin: 0;
    background: #F2F2F2;
    margin-bottom: 1px;
}
#cont-buscador .prim {
    padding: 5px 10px;
}
#cont-buscador .FormLabelTDVert,
#cont-buscador .FormLabelTDHoz {
    font-weight: normal;
}
#c-buscador {
    float: left;
}
#c-navegador {
    float: right;
    margin-left: 10px;
}
#pie-buscador {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

#busquedapers {
    padding: 0 0 3px 0;
}
#busquedapers table {
    border-collapse: collapse;
}
#busquedapers table td, #busquedapers table th {
    border: none;
}
#busquedapers tbody td {
    padding: 1px 0;
}
#busquedapers tfoot td {
    padding: 3px 0;
}
#busquedapers tfoot button {
    margin-right: 3px;
}
#NavegadorPers {
    text-align: right;
    padding: 10px 5px 2px 5px;
}
#c-buscador label, #busquedapers label {
    margin-right: 10px;
}
#busquedapers .rangofechas .hasta label {
    margin-left: 20px;
}
#busquedapers .listacampos .subcampos td {
    padding: 0;
}
#busquedapers .listacampos .subcampos .FormLabelTDHoz label {
    margin-left: 20px;
}
#busquedapers .listacampos .subcampos .FormLabelTDHoz.primero label {
    margin-left: 0;
}
#c-navegador label, #NavegadorPers label {
}
#c-navegador .seccion, #NavegadorPers .seccion {
    border-left: 1px solid #77A5C8;
    padding: 0 10px;
    text-align: left;
}
#c-navegador .primera, #NavegadorPers .primera {
    border-left: none;
    padding-left: 0;
}
#c-navegador .ultima, #NavegadorPers .ultima {
    padding-right: 0;
}

#cont-buscador .ctrl-borrado-logico {
    margin-top: 5px;
}
#cont-buscador .ctrl-borrado-logico span {
    vertical-align: middle;
}
#cont-buscador .ctrl-borrado-logico label {
    margin-right: 10px;
}

button .contenido-btn {
    cursor: default;
}
.Button, .ButtonHover {
    padding: 3px 5px;
}
td button.ActionLink, td button.ActionLinkHover {
    padding: 1px 5px;
}
.ButtonBorrar, .ButtonAgregar, .ButtonVolver, .ButtonImprimir, .ButtonEditar,
.ButtonGuardar, .ButtonDetail, .ButtonCerrarVent,
.ButtonBorrarHover, .ButtonAgregarHover, .ButtonVolverHover, .ButtonImprimirHover,
.ButtonEditarHover, .ButtonGuardarHover, .ButtonDetailHover, .ButtonCerrarVentHover,
.ButtonEditObjPerm, .ButtonEditObjPermHover,
#b_buscar_pers, #b_limpiar_pers {
    padding: 0 5px;
}
.Button, .ButtonBorrar, .ButtonAgregar, .ButtonVolver, .ButtonImprimir,
.ButtonEditar, .ButtonGuardar, .ButtonDetail, .ButtonCerrarVent,
.ButtonEditObjPerm, #b_buscar_pers.Button, #b_limpiar_pers.Button,
td button.ActionLink {
    border: 1px solid #BFBFBF;
    color: #008;
    background: #D9D9D9 url(img/btn-bg-n.png) repeat-x center;
}
.ButtonHover, .ButtonBorrarHover, .ButtonAgregarHover, .ButtonVolverHover, .ButtonImprimirHover,
.ButtonEditarHover, .ButtonGuardarHover, .ButtonDetailHover, .ButtonCerrarVentHover,
.ButtonEditObjPermHover, #b_buscar_pers.ButtonHover, #b_limpiar_pers.ButtonHover,
td button.ActionLinkHover {
    border: 1px solid #CCC;
    color: #00B;
    background: #E6E6E6 url(img/btn-bg-o.png) repeat-x center;
}
.ButtonBorrar .contenido-btn, .ButtonAgregar .contenido-btn, .ButtonVolver .contenido-btn,
.ButtonImprimir .contenido-btn, .ButtonEditar .contenido-btn, .ButtonGuardar .contenido-btn,
.ButtonDetail .contenido-btn, .ButtonCerrarVent .contenido-btn,
.ButtonBorrarHover .contenido-btn, .ButtonAgregarHover .contenido-btn,
.ButtonVolverHover .contenido-btn, .ButtonImprimirHover .contenido-btn,
.ButtonEditarHover .contenido-btn, .ButtonGuardarHover .contenido-btn,
.ButtonDetailHover .contenido-btn, .ButtonCerrarVentHover .contenido-btn,
.ButtonEditObjPerm .contenido-btn, .ButtonEditObjPermHover .contenido-btn,
#b_buscar_pers .contenido-btn, #b_limpiar_pers .contenido-btn {
    display: block;
    padding: 3px 0 3px 22px;
    background-position: center left;
    background-repeat: no-repeat;
}

.ButtonBuscar, .ButtonBuscarHover, .ButtonMTodos, .ButtonMTodosHover {
    border: none;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 3px 9px;
    margin-left: 3px;
}
.ButtonContraer, .ButtonContraerHover, .ButtonExpandir, .ButtonExpandirHover, .ButtonIr, .ButtonIrHover {
    border: none;
    background: #F2F2F2 no-repeat 50% 50%;
    padding: 3px 6px;
}
.ButtonFecha, .ButtonFechaHover {
    border: none;
    background: transparent url(img/cal.gif) no-repeat 50% 50%;
    margin-left: 3px;
    padding: 3px 0;
    width: 16px;
}

.ButtonBorrar, .ButtonBorrarHover {
    color: #900;
}
.ButtonBorrar .contenido-btn {
    background-image: url(img/actiondel-n.png);
}
.ButtonBorrarHover .contenido-btn {
    background-image: url(img/actiondel-o.png);
}
.ButtonVolver .contenido-btn {
    background-image: url(img/actionback-n.png);
}
.ButtonVolverHover .contenido-btn {
    background-image: url(img/actionback-o.png);
}
.ButtonAgregar .contenido-btn {
    background-image: url(img/actionadd-n.png);
}
.ButtonAgregarHover .contenido-btn {
    background-image: url(img/actionadd-o.png);
}
.ButtonGuardar .contenido-btn {
    background-image: url(img/actionsave-n.png);
}
.ButtonGuardarHover .contenido-btn {
    background-image: url(img/actionsave-o.png);
}
.ButtonImprimir .contenido-btn {
    background-image: url(img/actionprintpreview-n.png);
}
.ButtonImprimirHover .contenido-btn {
    background-image: url(img/actionprintpreview-o.png);
}
.ButtonImprimir.csv .contenido-btn {
    background-image: url(img/actionprintpreview-csv-n.png);
}
.ButtonImprimirHover.csv .contenido-btn {
    background-image: url(img/actionprintpreview-csv-o.png);
}
.ButtonImprimir.ods .contenido-btn {
    background-image: url(img/actionprintpreview-ods-n.png);
}
.ButtonImprimirHover.ods .contenido-btn {
    background-image: url(img/actionprintpreview-ods-o.png);
}
.ButtonImprimir.pdf .contenido-btn {
    background-image: url(img/actionprintpreview-pdf-n.png);
}
.ButtonImprimirHover.pdf .contenido-btn {
    background-image: url(img/actionprintpreview-pdf-o.png);
}
.ButtonImprimir.rtf .contenido-btn {
    background-image: url(img/actionprintpreview-rtf-n.png);
}
.ButtonImprimirHover.rtf .contenido-btn {
    background-image: url(img/actionprintpreview-rtf-o.png);
}
.ButtonImprimir.xls .contenido-btn {
    background-image: url(img/actionprintpreview-xls-n.png);
}
.ButtonImprimirHover.xls .contenido-btn {
    background-image: url(img/actionprintpreview-xls-o.png);
}
.ButtonEditar .contenido-btn {
    background-image: url(img/actionedit-n.png);
}
.ButtonEditarHover .contenido-btn {
    background-image: url(img/actionedit-o.png);
}
.ButtonDetail .contenido-btn {
    background-image: url(img/actiondetail-n.png);
}
.ButtonDetailHover .contenido-btn {
    background-image: url(img/actiondetail-o.png);
}
.ButtonCerrarVent .contenido-btn {
    background-image: url(img/actionclosew-n.png);
}
.ButtonCerrarVentHover .contenido-btn {
    background-image: url(img/actionclosew-o.png);
}
.ButtonEditObjPerm .contenido-btn {
    background-image: url(img/actioneditobjperm-btn-n.png);
}
.ButtonEditObjPermHover .contenido-btn {
    background-image: url(img/actioneditobjperm-btn-o.png);
}
#b_buscar_pers.Button .contenido-btn {
    background-image: url(img/actionfind-btn-n.png);
}
#b_buscar_pers.ButtonHover .contenido-btn {
    background-image: url(img/actionfind-btn-o.png);
}
#b_limpiar_pers.Button .contenido-btn {
    background-image: url(img/actionshowall-btn-n.png);
}
#b_limpiar_pers.ButtonHover .contenido-btn {
    background-image: url(img/actionshowall-btn-n.png);
}
.ButtonBuscar {
    background-image: url(img/actionfind-n.png);
}
.ButtonBuscarHover {
    background-image: url(img/actionfind-o.png);
}
.ButtonMTodos {
    background-image: url(img/actionshowall-n.png);
}
.ButtonMTodosHover {
    background-image: url(img/actionshowall-o.png);
}
.ButtonIr {
    background-image: url(img/actiongo-n.png);
}
.ButtonIrHover {
    background-image: url(img/actiongo-o.png);
}
.ButtonExpandir {
    background-image: url(img/actionexpand-n.png);
}
.ButtonExpandirHover {
    background-image: url(img/actionexpand-o.png);
}
.ButtonContraer {
    background-image: url(img/actioncontract-n.png);
}
.ButtonContraerHover {
    background-image: url(img/actioncontract-o.png);
}

.Button.deshab, .ButtonBorrar.deshab, .ButtonAgregar.deshab, .ButtonVolver.deshab,
.ButtonImprimir.deshab, .ButtonEditar.deshab, .ButtonGuardar.deshab, .ButtonDetail.deshab,
.ButtonCerrarVent.deshab, .ButtonLogin.deshab, .ButtonHover.deshab, .ButtonBorrarHover.deshab,
.ButtonAgregarHover.deshab, .ButtonVolverHover.deshab, .ButtonImprimirHover.deshab,
.ButtonEditarHover.deshab, .ButtonGuardarHover.deshab, .ButtonDetailHover.deshab,
.ButtonCerrarVentHover.deshab, .ButtonLoginHover.deshab,
.ButtonViewObjPerm.deshab, .ButtonViewObjPermHover.deshab,
.ButtonEditObjPerm.deshab, .ButtonEditObjPermHover.deshab,
#b_buscar_pers.deshab, #b_limpiar_pers.deshab {
    color: #666;
    border: 1px solid #BFBFBF;
}

.Input, .NumericInput, .Select, .Textarea {
    background: #85AECE;
    color: #000;
    border: 1px solid #BFBFBF;
}
.Input:focus, .NumericInput:focus, .Select:focus, .Textarea:focus {
    background: #CCDDEB;
}
input[type="radio"]:focus, input[type="checkbox"]:focus {
    border: none;
    outline: none;
}
.NumericInput {
    text-align: right;
}
.Select.Multiple {
    min-width: 10em;
}
.cont-selectm {
    display: block;
}
.cont-selectm select {
    display: block;
    float: left;
}
.cont-ctrlsel-selectm {
    float: left;
    padding: 3px;
    margin-left: -1px;
    border: 1px solid #BFBFBF;
    font-size: 0.85em;
}
.cont-ctrlsel-selectm a {
    display: block;
    text-align: center;
}
.FormLabelTDVert .comentario, .FormLabelTDHoz .comentario,
.FormInputTDVert .comentario, .FormInputTDHoz .comentario {
    clear: both;
}
.Input.sololectura, .NumericInput.sololectura, .Textarea.sololectura, .Select.Multiple.sololectura,
.Input.deshab, .NumericInput.deshab, .Textarea.deshab, .Select.Multiple.deshab {
    background: #F2F2F2;
    color: #666;
    border: 1px solid #BFBFBF;
    outline: none;
}
.form-radio-group {
    line-height: 1.5em;
}
.form-radio, .form-check {
    margin-right: 1em;
    vertical-align: middle;
}
.etiqueta-form-check {
    font-weight: bold;
    margin-left: 10px;
}
.etiqueta-form-radio {
    margin-left: 0.5em;
}
label.deshab {
    color: #666;
}

.FormFieldVert label {
    display: block;
    margin-bottom: 3px;
}

.filtrado {
    font-weight: bold;
    font-style: italic;
}
.accesskey {
    text-decoration: underline;
}
/*.disabled-link {
    color: #666;
}*/

.ocultable-contraido .expandido {
    display: none;
}
.ocultable-contraido .contraido {
    display: inline;
}
.ocultable-expandido .expandido {
    display: inline;
}
.ocultable-expandido .contraido {
    display: none;
}

/* classes for validator */
.tfvHighlight {
    font-weight: bold;
    color: #F33;
    text-decoration: underline;
}
.tfvNormal {
    font-weight: bold;
    color: #E0E0E0;
}

/*************************** Estilos genericos ***************************/
.centered {
    margin-left: auto;
    margin-right: auto;
}
.clear {
    margin: 0;
    padding: 0;
    clear: both;
    font-size: 1px;
    height: 1px;
}
.nowidth {
    width: auto !important;
}
.subh {
    color: #111F66;
    font-weight: bold;
}
.nowrap {
    white-space: nowrap;
}
.oculto {
    display: none;
}
.smaller1 { font-size: 0.85em; }
.smaller2 { font-size: 0.67em; }
.larger1  { font-size: 1.25em; line-height: 1.25em; }
.larger2  { font-size: 1.5em; line-height: 1.5em; }
.larger3  { font-size: 1.75em; line-height: 1.75em; }
.larger4  { font-size: 2em; line-height: 2em; }
ul.simple li {
    list-style: disc outside;
    margin-left: 20px;
}
div.indicador-cargando {
	background-image: url('img/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
}
tr.t-valign th, tr.t-valign td { vertical-align: top; }
tr.m-valign th, tr.m-valign td { vertical-align: middle; }
tr.b-valign th, tr.b-valign td { vertical-align: bottom; }
table.layout th, table.layout td {
    padding: 2px 3px;
}
tbody.left-headers th {
    padding-right: 7px;
}
#contenidos .box {
    border: 1px solid #77A5C8;
    padding: 5px;
}

/******************* Clases generadas por la clase Mensaje ********************/
.mensaje, .mensaje_error, .mensaje_alerta, .mensaje_notificacion, .mensaje_info {
    margin: 10px 0;
    padding: 5px 10px;
    border: 1px solid #FFF;
}
#cont-formulario > .mensaje {
    border: 1px solid #F2F2F2;
}
.mensaje > *:first-child, .mensaje *.first,
.mensaje_error > *:first-child, .mensaje_error *.first,
.mensaje_alerta > *:first-child, .mensaje_alerta *.first,
.mensaje_notificacion > *:first-child, .mensaje_notificacion *.first,
.mensaje_info > *:first-child, .mensaje_info *.first {
    margin-top: 0;
}
.mensaje > *:last-child, .mensaje *.last
.mensaje_error > *:last-child, .mensaje_error *.last,
.mensaje_alerta > *:last-child, .mensaje_alerta *.last,
.mensaje_notificacion > *:last-child, .mensaje_notificacion *.last,
.mensaje_info > *:last-child, .mensaje_info *.last {
    margin-bottom: 0;
}
.mensaje_error {
    background-color: #F2E6E6;
    color: #900;
}
.mensaje_alerta {
    background-color: #F2F2E6;
    color: #930;
}
.FormInputTD .mensaje_error,
.FormInputTDHoz .mensaje_error,
.FormInputTDVert .mensaje_error {
    font-size: 0.875em;
    border: none;
    padding: 0;
}
.mensaje.error, .mensaje_error.icon, #cont-msjs-pag .mensaje_error,
.mensaje.warning, .mensaje_alerta.icon, #cont-msjs-pag .mensaje_alerta,
.mensaje.ok, .mensaje.info,
.mensaje_notificacion.icon, #cont-msjs-pag .mensaje_notificacion,
.mensaje_info.icon, #cont-msjs-pag .mensaje_info {
    padding: 10px 10px 10px 44px;
    background-position: 10px 5px;
    background-repeat: no-repeat;
    min-height: 14px;
}
.mensaje.error, .mensaje_error.icon, #cont-msjs-pag .mensaje_error {
    background-image: url(img/error24.png);
}
.mensaje.warning, .mensaje_alerta.icon, #cont-msjs-pag .mensaje_alerta {
    background-image: url(img/warning24.png);
}
.mensaje.ok {
    background-image: url(img/ok24.png);
}
.mensaje_notificacion.icon, .mensaje_info.icon, .mensaje.info,
#cont-msjs-pag .mensaje_notificacion, #cont-msjs-pag .mensaje_info {
    background-image: url(img/information24.png);
}

/*************************** Seleccionable ***************************/
#div-transparente {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #333;
    -moz-opacity: 0.70; /* FF */
    opacity: 0.70; /* CSS3 */
}
#div-contenedor-seleccionable {
    display: none;
    position: fixed;
    border: 3px solid #FFF;
    z-index: 500;
    background: #FFF;
}
#iframe-seleccionable {
    border: none !important;
    position: relative;
    width: 100%;
    min-height: 91%;
}
#comandos-seleccionable {
    position: relative;
    background: #F2F2F2;
    border-bottom: 1px solid #FFF;
    text-align: right;
    padding: 5px 10px;
}


/*************************** details en formularios master ***************************/
#detail-listados {
    margin: 10px 0 10px 0;
    border-top: 1px solid #FFF;
}
#detail-listados .detail-listado {
    border: 1px solid #77A5C8;
    margin: 10px auto 0 auto;
    padding: 0;
    width: 99%;
}
#detail-listados .titulo-detail {
    font-weight: bold;
    text-align: left;
    background: #E3E3E3;
}
#detail-listados .titulo-detail span {
    display: block;
    padding: 3px 5px;
}
#detail-listados .x-plain .x-tool {
    margin-top: 2px;
    margin-right: 2px;
}
#detail-listados .cuerpo-detail, /* tipo-listado="comun" */
#detail-listados .cont-DetailTABLE /* tipo-listado="masterInline" */
{
    max-height: 250px;
    overflow: auto;
    padding: 5px;
    background: #FFF;
    border-top: 3px double #77A5C8;
}
#detail-listados .cont-detail-table {
    padding: 5px 0;
    background: #F2F2F2;
}
#detail-listados .DetailTABLE {
    border-collapse: collapse;
    width: 99%;
    margin: 0 auto;
    text-align: left;
}
#detail-listados .HeaderTD {
    padding: 2px 3px;
    text-align: left;
    font-weight: bold;
    background: #E3E3E3;
    border-bottom: 1px dotted #FFF;
}
#detail-listados .DataTD {
    padding: 1px 3px;
    text-align: left;
}
#detail-listados .SinDatosTD {
    padding: 3px;
    text-align: center;
    color: #333;
}
#detail-listados .detail-listado-comandos {
    margin: 1px 0 0 0;
    background: #FFF;
}
#detail-listados .detail-listado-comandos .prim {
    background: #F2F2F2;
    padding: 5px 10px;
}
.detail-listado-comandos input, .detail-listado-comandos button {
    margin: 0 10px 0 0;
}

/*************************** Estilos para el flash ***************************/
#mensaje-flash {
    position: absolute;
    right: 50px;
    top: 190px;
    margin: 0;
    padding: 0;
    border: 1px solid #77A5C8;
    background: #FFF;
    color: #000;
    -webkit-box-shadow: 0 0 5px #666;
    -moz-box-shadow:    0 0 5px #666;
    box-shadow:         0 0 5px #666;
}
#mensaje-flash .info, #mensaje-flash .warning, #mensaje-flash .error {
    padding: 5px 10px;
    margin: 0;
}
#mensaje-flash .info {
  border: 2px solid #090;
}
#mensaje-flash .warning {
  border: 2px solid #F90;
}
#mensaje-flash .error {
    border: 2px solid #900;
    color: #900;
}

/*************************** Control spin ***************************/
.campo_tiempo {
    margin: 0;
    padding: 0;
}
.campo_tiempo .horas {
    vertical-align: middle;
}
.campo_tiempo .minutos {
    vertical-align: middle;
    margin-left: 5px;
}
.campo_spin {
    margin: 0;
    padding: 2px 0;
    background: #85AECE;
    color: #000;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
}
.SpinButtonUp, .SpinButtonDn {
    height: 18px;
    width: 11px;
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.SpinButtonUp {
    background: #F2F2F2 url(img/spin_up.png) top left no-repeat;
}
.SpinButtonDn {
    background: #F2F2F2 url(img/spin_dn.png) top left no-repeat;
}
.SpinButtonUp.Hover, .SpinButtonDn.Hover {
    background-position: -11px 0;
}
.SpinButtonUp.Pressed, .SpinButtonDn.Pressed, .SpinButtonUp.Hover.Pressed, .SpinButtonDn.Hover.Pressed {
    background-position: -22px 0;
}

/*************************** Control file ***************************/
.file .file-keep {
    margin-bottom: 3px;
}
.file .file-keep .form-check {
    margin-right: 0;
}
.file .file-input label {
    margin-right: 0.5em;
}

/*************************** Formulario simple ***************************/
form.simple .FormTABLE {
    border-collapse: separate;
}
form.simple tfoot td {
    border-top: 1px solid #FFF;
    padding: 5px 10px;
    text-align: right;
}
form.simple tbody .FormLabelTD {
    padding: 5px 10px;
    text-align: right;
    font-weight: bold;
}
form.simple tbody .FormInputTD {
    padding: 5px 10px;
    text-align: left;
}
form.simple tbody .SeparatorTD {
    padding: 5px 10px;
    border-top: 1px dotted #FFF;
}

/*************************** Permisos de objetos ***************************/
#bformulario-master table.permisos-obj th,
#bformulario table.permisos-obj th,
#bformulario-master table.permisos-obj td,
#bformulario table.permisos-obj td,
.x-tip-body table.permisos-obj th,
.x-tip-body table.permisos-obj td {
    padding: 1px 5px;
}
#bformulario-master table.permisos-obj th,
#bformulario-master table.permisos-obj td {
    font-size: 0.85em;
}
#fpermisos table.permisos-obj th,
#fpermisos table.permisos-obj td {
    padding: 2px 5px;
}
#bformulario-master table.permisos-obj thead th,
#bformulario table.permisos-obj thead th,
.x-tip-body table.permisos-obj thead th {
    border-bottom: 1px dotted #FFF;
}
#fpermisos table.permisos-obj thead th {
    background: #E3E3E3;
    border-bottom: 1px dotted #FFF;
    font-weight: bold;
}
#fpermisos table.permisos-obj tbody th {
    background: #E3E3E3;
    border-right: 1px dotted #FFF;
    font-weight: bold;
}
#fpermisos table.permisos-obj .own td,
#fpermisos table.permisos-obj .oth td {
    background: #F2F2F2;
}
#fpermisos table.permisos-obj .rel td,
#fpermisos table.permisos-obj .gue td {
    background: #EAEAEA;
}
table.permisos-obj .a {
    padding-left: 0;
    text-align: right;
    border-right: 1px dotted #FFF;
}
table.permisos-obj .r,
table.permisos-obj .w,
table.permisos-obj .d {
    text-align: center;
}

table.permisos-obj .d {
    padding-right: 0;
}
table.permisos-obj tbody td span.t {
    color: #040;
}
table.permisos-obj tbody td span.f {
    color: #400;
}
table.permisos-obj .form-check {
    margin-right: 0;
}
.DataTD .permisos-obj {
    font-size: 0.85em;
}

/*************** Acciones sobre permisos de objetos en listados ***************/
#tabla-datos .acciones a.viewobjperm {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
    background-image: url(img/actionviewobjperm-a-n.png);
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
}
#tabla-datos .acciones a:link.viewobjperm,
#tabla-datos .acciones a:visited.viewobjperm {
    background-image: url(img/actionviewobjperm-a-n.png);
}
#tabla-datos .acciones a:hover.viewobjperm,
#tabla-datos .acciones a:active.viewobjperm {
    background-image: url(img/actionviewobjperm-a-o.png);
}
#tabla-datos .acciones a.editobjperm {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
    background-image: url(img/actioneditobjperm-a-n.png);
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
}
#tabla-datos .acciones a:link.editobjperm,
#tabla-datos .acciones a:visited.editobjperm {
    background-image: url(img/actioneditobjperm-a-n.png);
}
#tabla-datos .acciones a:hover.editobjperm,
#tabla-datos .acciones a:active.editobjperm {
    background-image: url(img/actioneditobjperm-a-o.png);
}
#tabla-datos .acciones span.editobjperm.disabled-link,
#tabla-datos .acciones span.viewobjperm.disabled-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
}
/* FF <= 2.0 no soporta display:inline-block. */
#tabla-datos[id="TABLA-DATOS"] .acciones a.editobjperm,
#tabla-datos[id="TABLA-DATOS"] .acciones a.viewobjperm {
    display: block;
    margin: 1px auto;
}
#tabla-datos[id="TABLA-DATOS"] .acciones span.editobjperm.disabled-link,
#tabla-datos[id="TABLA-DATOS"] .acciones span.viewobjperm.disabled-link {
    display: none;
}

/*- Estilos para ezMark ------------------------------------------------------------*/
.ez-hide {
    opacity: 0;
}
.ez-checkbox {
    background: transparent url('img/checkbox/checkbox-all.png') 0 0 no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
}
.ez-checkbox.ez-checked {
    background-position: 0 -14px;
}
.ez-checkbox.ez-hover {
    background-position: -14px 0;
}
.ez-checkbox.ez-checked.ez-hover {
    background-position: -14px -14px;
}
/* FF <= 2.0 no soporta display:inline-block. */
#tabla-datos[id="TABLA-DATOS"] .ez-checkbox {
    display: block;
    margin-right: auto;
    margin-left: auto;
}


/*************************** Resumen de Informacion de Estaciones ***************************/
#bformulario-master table.resumen-obj th,
#bformulario table.resumen-obj th,
#bformulario-master table.resumen-obj td,
#bformulario table.resumen-obj td,
.x-tip-body table.resumen-obj th,
.x-tip-body table.resumen-obj td {
    padding: 1px 5px;
}
#bformulario-master table.resumen-obj th,
#bformulario-master table.resumen-obj td {
    font-size: 0.85em;
}
#fpermisos table.resumen-obj th,
#fpermisos table.resumen-obj td {
    padding: 2px 5px;
}
#bformulario-master table.resumen-obj thead th,
#bformulario table.resumen-obj thead th,
.x-tip-body table.resumen-obj thead th {
    border-bottom: 1px dotted #FFF;
}
#fpermisos table.resumen-obj thead th {
    background: #E3E3E3;
    border-bottom: 1px dotted #FFF;
    font-weight: bold;
}
#fpermisos table.resumen-obj tbody th {
    background: #E3E3E3;
    border-right: 1px dotted #FFF;
    font-weight: bold;
}
#fpermisos table.resumen-obj .own td,
#fpermisos table.resumen-obj .oth td {
    background: #F2F2F2;
}
#fpermisos table.resumen-obj .rel td,
#fpermisos table.resumen-obj .gue td {
    background: #EAEAEA;
}
table.resumen-obj .a {
    padding-left: 0;
    text-align: right;
    border-right: 1px dotted #FFF;
}
table.resumen-obj .r,
table.resumen-obj .w,
table.resumen-obj .d {
    text-align: center;
}

table.resumen-obj .d {
    padding-right: 0;
}
table.resumen-obj tbody td span.t {
    color: #040;
}
table.resumen-obj tbody td span.f {
    color: #400;
}
.DataTD .resumen-obj {
    font-size: 0.85em;
}
#img-logo-institucional {
    position: absolute;
    top: 10px;
    right: 25px;
    margin: 0 auto;
    border-style: none;
}