@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: top;
    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", FreeSans, "Liberation Sans", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 75%; /* 16px * 0.75 = 12px */
	line-height: 1.125em;
	font-weight: normal;
	font-style: normal;
    background: #D3E4E9 url(img/pag-bg.png) repeat-x top;
    color: #000;
}
p {
    margin: 1.12em 0;
}
a {
    text-decoration: underline;
}
a:link, a:visited {
    color: #07375B;
}
a:link > img, a:visited > img {
    border: 1px solid #07375B;
}
a:hover, a:active {
    color: #0E6EB6;
}
a:hover > img, a:active > img {
    border: 1px solid #0E6EB6;
}
a:focus, a:active {
    outline: 1px dotted #07375B;
}
strong {
    font-weight: bold;
}
form {
    margin: 0;
}
input, textarea, button {
    font-family: "DejaVu Sans", FreeSans, "Liberation Sans", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 2px 1px;
    font-size: 12px;
    font-weight: bold;    
}
select {
    font-family: "DejaVu Sans", FreeSans, "Liberation Sans", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
}


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

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

#norte {
    margin: 0 0px;
    background: #FFF;
    color: #000;
}
#cabecera {
    background: #004071;
    color: #D9E3EA;
    padding: 15px 30px;
}
#titulo-app {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 2em;
    font-variant: small-caps;
}
#cabecera a {
    margin: 0 10px;
    text-decoration: none;
    background: #004071;
    color: #D9E3EA;
}
#imagen-graduado {
    margin: 10px;
    background: url('img/logo-graduados.png') center left no-repeat;
    color: #D9E3EA;
    float:left;
    padding: 15px 160px;
}
#img-facebook {
   /* float: left;
    margin: 0 0 0 60%;*/
}
.text-ayuda{
    color: turquoise;
    float: left;
    font-weight: bold;
    margin: 5px 36px 0 0;
}
.text-iconos{
    color: turquoise;
    float: left;
    margin: 5px 0 0; 
    font-weight: bold;    
}
#usuario-login {
    float: left;
}
#img-ayuda {
 /*     float: left;
      margin: 0 0 0 60%;*/
}
#img-ayuda2 {
       margin: 0 10px;
       width: 32px;
       float: right;     
}
#img-log {
    width: 64px;
}
#top {
    background-color: transparent;
    border: 0 none;
    float: right;
    margin: 0 600px;
    padding: 0;
}
#menu-ppal-cont {
    padding: 0;
    background: #004071;
    border-top: 2px solid #FFF;
}
#menu-ppal {
    width: 100%;
}

#sesion-cont {
    padding: 5px 10px;
    margin: 0;
}
#cont-breadcrumb {
    float: left;
}
#breadcrumb {
/*    font-size: 0.75em;*/
    font-size: 0.8em;
}
#info-sesion {
    float: right;
    color: #000;
    text-align: right;
    margin-left: 20px;
    padding-left: 10px;
    border-left: 3px double #B3C6D4;
/*    font-size: 0.75em;*/
    font-size: 0.8em;
}
#info-sesion .sesion-usuario {
    font-weight: bold;
}
#breadcrumb .elem-historial {
    white-space: nowrap;
}

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

#sur {
    background-color: #389FB1;
    margin: 0 0;
    padding: 10px 0;
    text-align: center;
}

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

#contenidos {
    margin: 0 0px;
    background: #FFF;
    position: relative;
}
#cont-simple {
/*    padding: 0;*/
    margin: 0 30px 10px 30px;
    padding: 10px 10px 0 10px;
    background: #FFF;;    
}

#titulo-pag {
    padding: 3px 10px;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
    background: none repeat scroll 0 0 #389FB1;
    border-bottom: 1px solid #7B94A4;
    color: #FFFFFF;
}

div.error, #cont-msjs-error {
    color: #900;
    background: #E1E6EA;
    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;
/*    font-size: 0.875em;*/
}
.msj-error.primero {
    border-top: none;
}
.msj-error ul {
    list-style: disc inside;
}

#cont-comandos, #cont-graficos {
/*    font-size: 0.875em;*/
    margin: 0 0 1px 0;
    background: #E1E6EA;
}
#cont-comandos .prim, #cont-comandos-master .prim {
    padding: 5px 10px;
    background-color: #FFFFFF;
}

#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;
    text-height: 12;
}

#cont-comandos-master {
/*    font-size: 0.875em;*/
    margin: 0 0 1px 0;
    background: #E1E6EA;
}
#cont-comandos-detail {
/*    font-size: 0.875em;*/
    margin: 1px 0 0 0;
    background: #E1E6EA;
}
#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: #2C5573;
    font-weight: bold;
    margin: 0 5px 0 10px;
}
#cont-comandos-detail .separador-h.vacio {
    border-right: 1px dotted #B3C6D4;
    height: 1.25em;
    width: 0;
    margin: 0 10px 0 5px;
}
#cont-comandos-detail .separador-v.titulo {
    color: #2C5573;
    font-weight: bold;
    border-top: 1px dotted #B3C6D4;
    padding: 2px 0 0 0;
    margin: 5px 0;
}
#cont-comandos-detail .separador-v.vacio {
    height: 0px;
    border-top: 1px dotted #B3C6D4;
    margin: 5px 0;
}

#cont-formulario {
    padding: 10px 0;
}
#cont-formulario #comandos-arr {
/*    font-size: 0.875em;*/
    margin: 0 0 1px 0;
    background: #E1E6EA;
}
#cont-formulario #comandos-abj {
/*    font-size: 0.875em;*/
    margin: 1px 0 0 0;
    background: #E1E6EA;
}
#cont-formulario #comandos-arr .prim, #cont-formulario #comandos-abj .prim {
    padding: 5px 10px;
}

#formulario-ppal {
    background: #E1E6EA;
    padding: 10px;
}
#bformulario #formulario-ppal {
    border-bottom: none;
}

td.cont_grupo {
    vertical-align: top;
    padding: 5px 0 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 #B3C6D4;
    margin: 0;
}
.cont_grupo legend {
    padding: 2px 5px;
    font-size: 0.8em;
    font-weight: bold;
    color: #2C5573;
    background: #D9E2E9;
    border-right: 3px solid #E1E6EA;
    border-bottom: 1px solid #B3C6D4;
    border-left: 3px solid #E1E6EA;
}

.FormInputTDVert, .FormInputTDHoz {
/*    font-size: 0.875em;*/
    padding: 2px 0;
}
.FormLabelTDVert, .FormLabelTDHoz {
/*    font-size: 0.875em;*/
    color: #389FB1;
    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;
}
.SeparatorTD {
    background: #E1E6EA;
    color: #2C5573;
/*    font-size: 0.75em;*/
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
    padding: 5px 0;
    vertical-align: bottom;
}
.SeparatorTD div {
    background: #D9E2E9;
    padding: 1px 10px;
    border-bottom: 1px solid #B3C6D4;
}
.SeparatorTD.empty {
    font-size: 1px;
    height: 1px;
}
.SeparatorTD.empty div {
    background: #E1E6EA;
    font-size: 1px;
    height: 0;
    padding: 0;
}
.CampoRequerido {
    font-weight: bold;
}

#referencias {
    background: #E1E6EA;
    margin: 0;
    padding: 0 10px;
}
#referencias .contenidos {
    padding: 5px 0;
    border-top: 1px dotted #FFF;
}
#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: #666;
    font-weight: bold;
/*    font-size: 0.75em;*/
    font-size: 0.8em;
    vertical-align: middle;
    padding: 0 0 0 5px;
    text-align: left;
}

#cont-listado, #cont-cuerpo-pagina {
    padding: 10px 0;
}
#cont-contenidos {
    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-top: 3px solid #E1E6EA;
    border-right: 3px solid #E1E6EA;
    border-bottom: 3px solid #E1E6EA;
    border-left: 3px solid #E1E6EA;
}

#tabla-datos, .tabla-datos {
    background: #E1E6EA;
    width: 100%;
    border-collapse: separate;
}
#tabla-datos .HeaderTD, .tabla-datos .HeaderTD {
    padding: 3px;
    text-align: left;
/*    font-size: 0.875em;*/
    font-weight: bold;
    background: #D9E2E9;
    color: #2C5573;
}
#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;
    vertical-align: middle;
/*    font-size: 0.875em;*/
}
#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;
}
.NumTD {
    text-align: right !important;
}

#bformulario-master #cont-tabla-ppal {
    margin: 0;
    overflow: auto;
    border-top: 3px solid #E1E6EA;
    border-right: 3px solid #E1E6EA;
    border-bottom: 3px solid #E1E6EA;
    border-left: 3px solid #E1E6EA;
}
#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: #2C5573;
    padding: 0 5px;
    width: 30%;
}
.DataMasterTD {
    text-align: left;
/*    font-size: 0.875em;*/
    padding: 0 5px;
    width: 70%;
}

#cont-buscador {
    margin: 0 0 1px 0;
    background-color: #FFFFFF;
}
#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 #B3C6D4;
    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,
#b_buscar_pers.Button, #b_buscar_pers.ButtonHover,
#b_limpiar_pers.Button, #b_limpiar_pers.ButtonHover {
    padding: 0 5px;
}
.Button, .ButtonBorrar, .ButtonAgregar, .ButtonVolver, .ButtonImprimir,
.ButtonEditar, .ButtonGuardar, .ButtonDetail, .ButtonCerrarVent {
    color: #FFFFFF;
    background: #389FB1;
}
.ButtonHover, .ButtonBorrarHover, .ButtonAgregarHover, .ButtonVolverHover,
.ButtonImprimirHover, .ButtonEditarHover, .ButtonGuardarHover, .ButtonDetailHover,
.ButtonCerrarVentHover {
    border: 1px solid #0E6EB6;
    color: #0E6EB6;
    background: #D3DAE1;
}
.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,
#b_buscar_pers.Button .contenido-btn, #b_buscar_pers.ButtonHover .contenido-btn,
#b_limpiar_pers.Button .contenido-btn, #b_limpiar_pers.ButtonHover .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;
}
.ButtonBuscar, .ButtonBuscarHover {
    margin-left: 3px;
}
.ButtonContraer, .ButtonContraerHover, .ButtonExpandir, .ButtonExpandirHover, .ButtonIr, .ButtonIrHover {
    border: none;
    background: #E1E6EA no-repeat 50% 50%;
    padding: 2px 6px;
}
.ButtonFecha, .ButtonFechaHover {
    border: none;
    background: transparent url(img/cal.gif) no-repeat 50% 50%;
    margin-left: 3px;
    padding: 2px 0;
    width: 16px;
}

.ButtonBorrar, .ButtonBorrarHover {
    color: white;
}
.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);
}
.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);
}
.ButtonBuscar {
    background-image: url(img/actionfind-n.png);
}
.ButtonBuscarHover {
    background-image: url(img/actionfind-o.png);
}
#b_buscar_pers.Button .contenido-btn {
    background-image: url(img/actionfindp-n.png);
}
#b_buscar_pers.ButtonHover .contenido-btn {
    background-image: url(img/actionfindp-o.png);
}
.ButtonMTodos {
    background-image: url(img/actionshowall-n.png);
}
.ButtonMTodosHover {
    background-image: url(img/actionshowall-o.png);
}
#b_limpiar_pers.Button .contenido-btn {
    background-image: url(img/actionshowallp-n.png);
}
#b_limpiar_pers.ButtonHover .contenido-btn {
    background-image: url(img/actionshowallp-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 {
    color: #666;
    border: 1px solid #666;
}

.Input, .NumericInput, .Select, .Textarea {
    background-color: #EEF1F3;
    color: #000;
    border: 1px solid #07375B;
}
.Input:focus, .NumericInput:focus, .Select:focus, .Textarea:focus {
    background-color: #FFF;
    border: 1px solid #0E6EB6;
    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;
}
.Input.sololectura, .NumericInput.sololectura, .Textarea.sololectura, .Select.Multiple.sololectura {
    background: #E1E6EA;
    border: 1px solid #666;
    outline: none;
}
.form-radio, .form-check {
    margin-right: 1em;
    vertical-align: middle;
}
.etiqueta-form-radio, .etiqueta-form-check {
    margin-left: 0.5em;
}

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


/*************************** details en formularios master ***************************/
#detail-listados {
    margin: 0 0 10px 0;
    background: #FFF;
    color: #000;
}
#detail-listados .detail-listado {
    margin: 20px 10px 0 10px;
    padding: 0;
}
#detail-listados .titulo-detail {
    padding: 3px 10px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #7B94A4;
    background: #D9E2E9;
    color: #2C5573;
}
#detail-listados .cuerpo-detail {
    margin-top: 5px;
}
#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: 100%;
    text-align: left;
    border-top: 3px solid #E1E6EA;
    border-right: 3px solid #E1E6EA;
    border-bottom: 3px solid #E1E6EA;
    border-left: 3px solid #E1E6EA;
}
#detail-listados .DetailTABLE tfoot {
    display: none;
}
#detail-listados .HeaderTD {
    padding: 1px 3px;
    text-align: left;
/*    font-size: 0.875em;*/
    font-weight: bold;
    background: #D9E2E9;
    color: #2C5573;
    border-bottom: 1px solid #B3C6D4;
}
#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: 1px 0 0 0;
    background: #E1E6EA;
}
#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 #B3C6D4;
    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: #C6CFD7;
    border-top: 1px solid #07375B;
    border-right: 1px solid #07375B;
    border-bottom: 1px solid #07375B;
}
.SpinButtonUp, .SpinButtonDn {
    height: 18px;
    width: 11px;
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.SpinButtonUp {
    background: #E1E6EA url(img/spin_up.png) top left no-repeat;
}
.SpinButtonDn {
    background: #E1E6EA 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: collapse;
}
form.simple tfoot td {
    background: #E1E6EA;
    color: #000;
    padding: 5px 10px;
    border-top: 1px solid #FFF;
    text-align: right;
/*    font-size: 0.875em;*/
}
form.simple tbody .FormLabelTD {
    padding: 5px 10px;
    text-align: right;
    color: #2C5573;
    font-weight: bold;
    background: #E1E6EA;
/*    font-size: 0.875em;*/
}
form.simple tbody .FormInputTD {
    padding: 5px 10px;
    text-align: left;
    color: #000;
    background: #E1E6EA;
/*    font-size: 0.875em;*/
}
form.simple tbody .SeparatorTD {
    padding: 5px 10px;
    border-top: 1px dotted #B3C6D4;
}