@charset "ISO-8859-1";

/*
 * Copyright 2009, 2010, 2011, 2012, 2013, 2016 Newport Software Technologies, UNICEN
 *
 * This file is part of XGAP.
 *
 * XGAP is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * XGAP is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with XGAP.  If not, see <http://www.gnu.org/licenses/>.
 */

/*----------------------------------------------------------------------------*
 * 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 ----------------------------*/


body {
    font-family: "DejaVu Sans", "Bitstream Vera Sans", Verdana, Geneva, sans-serif;
    font-size: 100%;
    line-height: 1.125em;
    font-weight: normal;
    font-style: normal;
    background: #D7DFE8;
    color: #000;
}
p, blockquote, ul, ol, dl, fieldset, form {
    margin: 1.12em 0;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
h2 {
    font-size: 1.5em;
    margin: .75em 0;
}
h3 {
    font-size: 1.17em;
    margin: .83em 0;
}
h4 {
    margin: 1.12em 0;
}
h5 {
    font-size: .83em;
    margin: 1.5em 0;
}
h6 {
    font-size: .75em;
    margin: 1.67em 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
a {
    text-decoration: underline;
}
a:link, a:visited {
    color: #00458E;
}
a:link > img, a:visited > img {
    border: 1px solid #00458E;
}
a:hover, a:focus, a:active {
    color: #006ADA;
}
a:hover > img, a:focus > img, a:active > img {
    border: 1px solid #00458E;
}
a:focus, a:active {
    outline: 1px dotted #00458E;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
pre, tt, code, kbd, samp {
    font-family: "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, monospace;
}
pre {
    white-space: pre;
}
blockquote {
    margin-left: 40px;
    margin-right: 40px;
}
small, sub, sup {
    font-size: .83em;
}
sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
ins {
    text-decoration: underline;
}
del {
    text-decoration: line-through;
}
ul {
    list-style-type: disc;
}
ol {
    list-style-type: decimal;
}
ul, ol {
    padding-left: 40px;
}
ol ul, ul ol,
ul ul, ol ol {
    margin-top: 0;
    margin-bottom: 0;
}
li {
    display: list-item;
}
form {
    margin: 0;
}
input, textarea, button, select {
    font-family: "DejaVu Sans", "Bitstream Vera Sans", Verdana, Geneva, sans-serif;
    font-size: 1em;
}
input, textarea, button {
    padding: 2px 1px;
}


#estructura {
    color: #000;
    background: #D7DFE8;
    margin: 0;
    padding: 0;
}

/* - Mensajes ----------------------------------------------------------------*/

.mensaje,
.mensaje_error,
.mensaje_alerta,
.mensaje_notificacion,
.mensaje_info {
    margin: 5px 10px;
    padding: 5px 10px;
    border: 1px solid #96ABC4;
    background: #F1F2F3;
    color: #000;
}
.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: 10px;
}
.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: 10px;
}
.mensaje_error,
.mensaje_alerta,
.mensaje_info {
    background-position: 5px 50%;
    background-repeat: no-repeat;
    min-height: 28px;
    padding-left: 42px;
}
.mensaje_error {
    background-image: url("../recursos/imagenes/status_error-32.png");
    border-color: #900;
}
.mensaje_alerta {
    background-image: url("../recursos/imagenes/status_warning-32.png");
    border-color: #F90;
}
.mensaje_info {
    background-image: url("../recursos/imagenes/status_info-32.png");
    border-color: #090;
}
.FormInputTD .mensaje, .FormInputTDHoz .mensaje, .FormInputTDVert .mensaje,
.FormInputTD .mensaje_error, .FormInputTDHoz .mensaje_error, .FormInputTDVert .mensaje_error,
.FormInputTD .mensaje_alerta, .FormInputTDHoz .mensaje_alerta, .FormInputTDVert .mensaje_alerta,
.FormInputTD .mensaje_notificacion, .FormInputTDHoz .mensaje_notificacion, .FormInputTDVert .mensaje_notificacion,
.FormInputTD .mensaje_info, .FormInputTDHoz .mensaje_info, .FormInputTDVert .mensaje_info {
    font-size: 0.83em;
    border: none;
    padding: 0;
    margin: 0;
}

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

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

#norte {
}
#cabecera {
    background: #96ABC4;
    color: #FFF;
    padding: 15px 30px;
}
#titulo-app {
    font-family: "DejaVu Sans", "Bitstream Vera Sans", Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 2em;
    font-variant: small-caps;
}
#cabecera a {
    text-decoration: none;
    color: #FFF;
}

#menu-ppal-cont {
    padding: 3px 30px 0 30px;
    background: #96ABC4;
}
#menu-ppal {
    width: 100%;
}

#sesion-cont {
    padding: 3px 30px;
    margin: 0;
}
#cont-breadcrumb {
    float: left;
}
#breadcrumb {
    font-size: 0.75em;
}
#info-sesion {
    float: right;
    color: #000;
    text-align: right;
    margin-left: 20px;
    padding-left: 10px;
    border-left: 3px double #96ABC4;
    font-size: 0.75em;
}
#info-sesion .sesion-usuario {
    color: #2C3D51;
    font-weight: bold;
}
#breadcrumb .elem-historial {
    white-space: nowrap;
}

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

#sur {
    background: #D7DFE8;
    color: #2C3D51;
    margin: 0 30px;
    padding: 5px 10px;
}
#sur .sesion-usuario, #sur .sesion-rol, #sur .app-titulo, #sur .app-version, #sur .app-copyright {
    font-size: 0.75em;
    font-weight: normal;
}

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

#contenidos {
    background: #D7DFE8;
    position: relative;
}
#cont-simple {
    padding: 0;
    margin: 5px 0 5px 0;
    background: #D7DFE8;
}

#titulo-pag {
    margin: 0 30px;
    font-weight: bold;
    font-size: 1em;
    text-align: left;
    border-top: 3px solid #96ABC4;
    border-right: 3px solid #96ABC4;
    border-left: 3px solid #96ABC4;
    background: #96ABC4;
    color: #FFF;
}
#titulo-pag span {
    display: block;
    background: #506D91;
    padding: 5px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

#cont-comandos, #cont-graficos {
    font-size: 0.875em;
    margin: 0;
    background: #F1F2F3;
    border-top: 1px solid #96ABC4;
    border-right: 1px solid #96ABC4;
    border-left: 1px solid #96ABC4;
}
#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: #F1F2F3;
    border: 1px solid #96ABC4;
    font-size: 0.875em;
}
#cont-comandos-detail {
    margin: 0;
    background: #F1F2F3;
    border: 1px solid #96ABC4;
    font-size: 0.875em;
}
#cont-comandos-master .prim, #cont-comandos-detail .prim {
    padding: 5px 10px;
}

#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 30px;
    padding: 5px;
    border-right: 3px solid #96ABC4;
    border-bottom: 3px solid #96ABC4;
    border-left: 3px solid #96ABC4;
    background: #FFF;
    color: #000;
}
#cont-formulario #comandos-arr {
    font-size: 0.875em;
    margin: 0;
    background: #F1F2F3;
    border-top: 1px solid #96ABC4;
    border-right: 1px solid #96ABC4;
    border-left: 1px solid #96ABC4;
}
#cont-formulario #comandos-abj {
    font-size: 0.875em;
    margin: 0;
    background: #F1F2F3;
    border-right: 1px solid #96ABC4;
    border-bottom: 1px solid #96ABC4;
    border-left: 1px solid #96ABC4;
}
#cont-formulario #comandos-arr .prim, #cont-formulario #comandos-abj .prim {
    padding: 5px 10px;
}

#formulario-ppal {
    border: 1px solid #96ABC4;
    background: #F1F2F3;
    padding: 10px;
}
#bformulario #formulario-ppal {
    border-bottom: none;
}

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;
}
.cont_grupo fieldset {
    padding: 5px 10px;
    border: 1px solid #96ABC4;
    margin: 0;
}
.cont_grupo legend {
    padding: 2px 5px;
    font-size: 0.875em;
    font-weight: bold;
    color: #2C3D51;
    background: #D7DFE8;
    border: 1px solid #96ABC4;
}

.FormInputTDVert, .FormInputTDHoz {
    font-size: 0.875em;
    padding: 2px 0;
}
.FormLabelTDVert, .FormLabelTDHoz {
    font-size: 0.875em;
    color: #2C3D51;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    padding: 2px 10px 2px 0;
}
.FormReqTDVert, .FormReqTDHoz {
    font-size: 0.875em;
    color: #900;
    text-align: right;
}
.FormReqTDVert {
    padding: 2px 5px 2px 0;
}
.FormReqTDHoz {
    padding: 2px 5px 2px 20px;
}
.FormReqTDHoz.primero {
    padding-left: 0;
}
.ColSepTD {
    padding-left: 20px;
}
.SeparatorTD {
    background: #F1F2F3;
    color: #2C3D51;
    font-size: 0.75em;
    font-weight: bold;
    text-align: left;
    padding: 5px 0;
    vertical-align: bottom;
}
.SeparatorTD div {
    background: #D7DFE8;
    padding: 1px 10px;
    border-bottom: 1px solid #96ABC4;
}
.SeparatorTD.empty {
    font-size: 1px;
    height: 1px;
}
.SeparatorTD.empty div {
    background: #F1F2F3;
    font-size: 1px;
    height: 0;
    padding: 0;
}
.MsgTD{
    padding: 10px 0;
    font-style: italic;
}
tr:first-child .MsgTD {
    padding-top: 2px;
}
tr:last-child .MsgTD {
    padding-bottom: 2px;
}
.CampoRequerido {
    font-weight: bold;
}

#referencias {
    background: #F1F2F3;
    border-right: 1px solid #96ABC4;
    border-bottom: 1px solid #96ABC4;
    border-left: 1px solid #96ABC4;
    margin: 0;
    padding: 0;
}
#referencias .contenidos {
    padding: 5px 10px;
}
#referencias table {
    margin: 0;
    border-collapse: collapse;
}
#referencias .marcador {
    color: #900;
    font-weight: bold;
    vertical-align: middle;
    padding: 0;
    text-align: right;
}
#referencias .leyenda {
    color: #2C3D51;
    font-weight: bold;
    font-size: 0.75em;
    vertical-align: middle;
    padding: 0 0 0 5px;
    text-align: left;
}

#cont-listado, #cont-cuerpo-pagina {
    margin: 0 30px;
    padding: 5px;
    border-right: 3px solid #96ABC4;
    border-bottom: 3px solid #96ABC4;
    border-left: 3px solid #96ABC4;
    background: #FFF;
    color: #000;
}
#cont-contenidos {
    border: 1px solid #96ABC4;
    padding: 10px;
    margin: 0;
}
#cont-cuerpo-pagina p, #cont-contenidos p {
    font-size: 0.875em;
}

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

#cont-tabla-datos {
    margin: 0;
    overflow: auto;
    border: 1px solid #96ABC4;
}

#tabla-datos, .tabla-datos {
    background: #F1F2F3;
    width: 100%;
    border-collapse: separate;
}
#tabla-datos .HeaderTD, .tabla-datos .HeaderTD {
    padding: 3px;
    text-align: left;
    font-size: 0.875em;
    font-weight: bold;
    background: #D7DFE8;
    border-bottom: 1px solid #96ABC4;
    color: #2C3D51;
}
#tabla-datos .HeaderTD .DataLink img {
    vertical-align: middle;
}
#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;
    font-size: 0.875em;
    vertical-align: top;
}
#tabla-datos .DataTD p, .tabla-datos .DataTD p,
#tabla-datos .DataTD ul, .tabla-datos .DataTD ul,
#tabla-datos .DataTD ol, .tabla-datos .DataTD ol {
    margin-top: 0;
    margin-bottom: 0;
}
#tabla-datos .SinDatosTD, .tabla-datos .SinDatosTD,
#tabla-datos .FaltaFiltroTD, .tabla-datos .FaltaFiltroTD {
    padding: 3px;
    text-align: center;
    font-size: 0.875em;
    color: #333;
}
#tabla-datos .TableFoot, .tabla-datos .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,
#tabla-datos .DataTD.acciones, .tabla-datos .DataTD.acciones,
#tabla-datos .HeaderTD.acciones, .tabla-datos .HeaderTD.acciones {
    text-align: center;
    vertical-align: middle;
}
#tabla-datos .HeaderTD.img, .tabla-datos .HeaderTD.img,
#tabla-datos .DataTD.img, .tabla-datos .DataTD.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: smaller;
}
.NumTD {
    text-align: right !important;
}

#bformulario-master #cont-tabla-ppal {
    overflow: auto;
    border-right: 1px solid #96ABC4;
    border-left: 1px solid #96ABC4;
}
#bformulario-master #table {
    border-collapse: separate;
    width: 100%;
}
#bformulario-master #table tfoot {
    display: none;
}
.LabelMasterTD {
    text-align: left;
    font-size: 0.875em;
    font-weight: bold;
    color: #2C3D51;
    padding: 0 5px;
    width: 30%;
}
.DataMasterTD {
    text-align: left;
    font-size: 0.875em;
    padding: 0 5px;
    width: 70%;
}

#cont-buscador {
    margin: 0;
    background: #F1F2F3;
    border-top: 1px solid #96ABC4;
    border-right: 1px solid #96ABC4;
    border-left: 1px solid #96ABC4;
}
#cont-buscador .prim {
    padding: 5px 10px;
}
#c-buscador {
    float: left;
    font-size: 0.875em;
}
#c-navegador {
    float: right;
    margin-left: 10px;
    font-size: 0.875em;
}
#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;
    font-size: 0.875em;
}
#busquedapers tfoot button {
    margin-right: 3px;
}
#NavegadorPers {
    text-align: right;
    padding: 10px 5px 2px 5px;
    font-size: 0.875em;
}
#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 #96ABC4;
    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 {
    font-size: 0.875em;
    margin-top: 5px;
}
#cont-buscador .ctrl-borrado-logico span {
    vertical-align: middle;
}
#cont-buscador .ctrl-borrado-logico label {
    margin-right: 10px;
}

.Button, .ButtonHover {
    padding: 2px 5px;
}
.ButtonBorrar, .ButtonAgregar, .ButtonVolver, .ButtonImprimir, .ButtonEditar, .ButtonGuardar, .ButtonDetail, .ButtonCerrarVent,
.ButtonBorrarHover, .ButtonAgregarHover, .ButtonVolverHover, .ButtonImprimirHover, .ButtonEditarHover, .ButtonGuardarHover, .ButtonDetailHover, .ButtonCerrarVentHover {
    padding: 0 5px;
}
.Button, .ButtonBorrar, .ButtonAgregar, .ButtonVolver, .ButtonImprimir, .ButtonEditar, .ButtonGuardar, .ButtonDetail, .ButtonCerrarVent {
    border: 1px solid #00458E;
    color: #00458E;
    background: #D5D9DC;
}
.ButtonHover, .ButtonBorrarHover, .ButtonAgregarHover, .ButtonVolverHover, .ButtonImprimirHover, .ButtonEditarHover, .ButtonGuardarHover, .ButtonDetailHover, .ButtonCerrarVentHover {
    border: 1px solid #006ADA;
    color: #006ADA;
    background: #E3E6E8;
}
.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 {
    display: block;
    padding: 2px 0 2px 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: 2px 9px;
    margin-left: 3px;
}
.ButtonContraer, .ButtonContraerHover, .ButtonExpandir, .ButtonExpandirHover, .ButtonIr, .ButtonIrHover {
    border: none;
    background: #F1F2F3 no-repeat 50% 50%;
    padding: 2px 6px;
}
.ButtonFecha, .ButtonFechaHover {
    border: none;
    background: transparent url("../recursos/imagenes/cal.gif") no-repeat 50% 50%;
    margin-left: 3px;
    padding: 2px 0;
    width: 16px;
}

.ButtonBorrar, .ButtonBorrarHover {
    color: #900;
}
.ButtonBorrar .contenido-btn {
    background-image: url("../recursos/imagenes/actiondel-n.png");
}
.ButtonBorrarHover .contenido-btn {
    background-image: url("../recursos/imagenes/actiondel-o.png");
}
.ButtonVolver .contenido-btn {
    background-image: url("../recursos/imagenes/actionback-n.png");
}
.ButtonVolverHover .contenido-btn {
    background-image: url("../recursos/imagenes/actionback-o.png");
}
.ButtonAgregar .contenido-btn {
    background-image: url("../recursos/imagenes/actionadd-n.png");
}
.ButtonAgregarHover .contenido-btn {
    background-image: url("../recursos/imagenes/actionadd-o.png");
}
.ButtonGuardar .contenido-btn {
    background-image: url("../recursos/imagenes/actionsave-n.png");
}
.ButtonGuardarHover .contenido-btn {
    background-image: url("../recursos/imagenes/actionsave-o.png");
}
.ButtonImprimir .contenido-btn {
    background-image: url("../recursos/imagenes/actionprintpreview-n.png");
}
.ButtonImprimirHover .contenido-btn {
    background-image: url("../recursos/imagenes/actionprintpreview-o.png");
}
.ButtonEditar .contenido-btn {
    background-image: url("../recursos/imagenes/actionedit-n.png");
}
.ButtonEditarHover .contenido-btn {
    background-image: url("../recursos/imagenes/actionedit-o.png");
}
.ButtonDetail .contenido-btn {
    background-image: url("../recursos/imagenes/actiondetail-n.png");
}
.ButtonDetailHover .contenido-btn {
    background-image: url("../recursos/imagenes/actiondetail-o.png");
}
.ButtonCerrarVent .contenido-btn {
    background-image: url("../recursos/imagenes/actionclosew-n.png");
}
.ButtonCerrarVentHover .contenido-btn {
    background-image: url("../recursos/imagenes/actionclosew-o.png");
}
.ButtonBuscar {
    background-image: url("../recursos/imagenes/actionfind-n.png");
}
.ButtonBuscarHover {
    background-image: url("../recursos/imagenes/actionfind-o.png");
}
.ButtonMTodos {
    background-image: url("../recursos/imagenes/actionshowall-n.png");
}
.ButtonMTodosHover {
    background-image: url("../recursos/imagenes/actionshowall-o.png");
}
.ButtonIr {
    background-image: url("../recursos/imagenes/actiongo-n.png");
}
.ButtonIrHover {
    background-image: url("../recursos/imagenes/actiongo-o.png");
}
.ButtonExpandir {
    background-image: url("../recursos/imagenes/actionexpand-n.png");
}
.ButtonExpandirHover {
    background-image: url("../recursos/imagenes/actionexpand-o.png");
}
.ButtonContraer {
    background-image: url("../recursos/imagenes/actioncontract-n.png");
}
.ButtonContraerHover {
    background-image: url("../recursos/imagenes/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 {
    color: #616161;
    border: 1px solid #616161;
}

.Input, .NumericInput, .Select, .Textarea {
    background: #FAFBFC;
    color: #000;
    border: 1px solid #00458E;
}
.Input:focus, .NumericInput:focus, .Select:focus, .Textarea:focus {
    background: #FFF;
    border: 1px solid #006ADA;
    outline: 2px solid #FFF;
}
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 #0045BE;
    font-size: 0.75em;
}
.cont-ctrlsel-selectm a {
    display: block;
    text-align: center;
    line-height: 1.25em;
}
.FormLabelTDVert .comentario, .FormLabelTDHoz .comentario,
.FormInputTDVert .comentario, .FormInputTDHoz .comentario {
    clear: both;
}
.Input.sololectura, .NumericInput.sololectura, .Textarea.sololectura, .Select.Multiple.sololectura {
    background: #F1F2F3;
    border: 1px solid #00458E;
    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;
}

.filtrado {
    font-weight: bold;
    font-style: italic;
}
.accesskey {
    text-decoration: underline;
}

.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;
}
ul.simple li {
    list-style: disc outside;
    margin-left: 20px;
}
div.indicador-cargando {
    background-image: url("../recursos/imagenes/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}

/*************************** 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 #96ABC4;
    z-index: 500;
    background: #D7DFE8;
}
#iframe-seleccionable {
    border: none !important;
    position: relative;
    width: 100%;
    min-height: 91%;
}
#comandos-seleccionable {
    position: relative;
    background: #E3E6E8;
    font-size: 0.875em;
    border-bottom: 1px solid #96ABC4;
    text-align: right;
    padding: 5px 10px;
}


.tipoSeleccionable a.DataLink,
.tipoSeleccionableMultiple a.DataLink {
    margin-left: 5px;
}
.tipoSeleccionable .x-form-field-wrap {
    display: inline
}
.tipoSeleccionable > .valor,
.tipoSeleccionable > .descr,
.tipoSeleccionable > .comandos {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
}
.tipoSeleccionable > .valor label,
.tipoSeleccionable > .descr label {
    color: #2C3D51;
    margin-right: 5px;
}
.tipoSeleccionable > .descr{
    margin-left: 10px;
}

.x-combo-list.mult-col .x-combo-list-inner {
    display: table;
    background-color: #dfe8f6;
}
.x-combo-list.mult-col .x-combo-list-item {
    display: table-row;
    padding: 0;
}
.x-combo-list.mult-col .x-combo-list-item .x-combo-selected .col {
    background-color: #F1F2F3;
}
.x-combo-list.mult-col .col {
    display: table-cell;
/*    border-left: 1px solid #fcfcfc;*/
    padding: 1px 0.25em;
    line-height: 1.3;
}
/*.x-combo-list.mult-col .col:first-child,
.x-combo-list.mult-col .col.first {
    border-left: none;
}*/
.x-combo-list.mult-col .col.main {
    font-weight: bold;
}

/*************************** details en formularios master ***************************/
#detail-listados {
    margin: 0 0 10px 0;
    background: #FFF;
    color: #000;
}
#detail-listados .detail-listado {
    border: 1px solid #96ABC4;
    margin: 20px auto 0 auto;
    padding: 0;
    width: 99%;
}
#detail-listados .titulo-detail {
    font-weight: bold;
    font-size: 0.875em;
    text-align: left;
    background: #96ABC4;
    color: #FFF;
}
#detail-listados .titulo-detail span {
    display: block;
    background: #506D91;
    padding: 2px 5px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}
#detail-listados .x-plain.x-panel-collapsed .titulo-detail span {
    border-bottom: 1px solid #FFF;
}
#detail-listados .x-plain .x-tool {
    margin-top: 5px;
    margin-right: 5px;
}
#detail-listados .DetailTABLE {
    border-collapse: collapse;
    width: 99%;
    margin: 5px auto;
    text-align: left;
    border: 1px solid #96ABC4;
}
#detail-listados .DetailTABLE tfoot {
    display: none;
}
#detail-listados .HeaderTD {
    padding: 1px 3px;
    text-align: left;
    font-size: 0.875em;
    font-weight: bold;
    background: #D7DFE8;
    color: #2C3D51;
    border-bottom: 1px solid #96ABC4;
}
#detail-listados .DataTD {
    padding: 1px 3px;
    text-align: left;
    font-size: 0.875em;
}
#detail-listados .SinDatosTD {
    padding: 3px;
    text-align: center;
    font-size: 0.875em;
    color: #333;
}
#detail-listados .detail-listado-comandos {
    font-size: 0.875em;
    margin: 0;
    border-top: 1px solid #96ABC4;
    background: #F1F2F3;
}
#detail-listados .detail-listado-comandos .prim {
    padding: 5px 10px;
}
.detail-listado-comandos input, .detail-listado-comandos button {
    margin: 0 10px 0 0;
}

.detail-listado iframe {
    height: 350px;
    width: 100%;
}

/*************************** Estilos para el flash ***************************/
#mensaje-flash {
    position: absolute;
    right: 50px;
    top: 15px;
    margin: 0;
    padding: 0;
    border: 1px solid #96ABC4;
    background: #FFF;
    color: #000;
}
#mensaje-flash .info, #mensaje-flash .warning, #mensaje-flash .error {
    padding: 5px 10px;
    margin: 0;
    font-size: 0.875em;
}
#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: #D5D9DC;
    border-top: 1px solid #00458E;
    border-right: 1px solid #00458E;
    border-bottom: 1px solid #00458E;
}
.SpinButtonUp, .SpinButtonDn {
    height: 18px;
    width: 11px;
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.SpinButtonUp {
    background: #F1F2F3 url("../recursos/imagenes/spin_up.png") top left no-repeat;
}
.SpinButtonDn {
    background: #F1F2F3 url("../recursos/imagenes/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: 1px solid #96ABC4;
    border-collapse: separate;
}
form.simple tfoot td {
    background: #F2F2F2;
    color: #000;
    border-top: 1px solid #96ABC4;
    padding: 5px 10px;
    text-align: right;
    font-size: 0.875em;
}
form.simple tbody .FormLabelTD {
    padding: 5px 10px;
    text-align: right;
    color: #2C3D51;
    font-weight: bold;
    background: #F1F2F3;
    font-size: 0.875em;
}
form.simple tbody .FormInputTD {
    padding: 5px 10px;
    text-align: left;
    color: #000;
    background: #F1F2F3;
    font-size: 0.875em;
}
form.simple tbody .SeparatorTD {
    padding: 5px 10px;
    border-top: 1px dotted #96ABC4;
}