html {
    height: 100%;
}

body {
    font-family: Verdana, Helvetica, Arial,sans-serif;
    background: url(imagenes/textura_papel.jpg) repeat #CCCCCC;
    /*background: #ADADAD;*/
    margin: 0px;
    padding: 0px;
    border: 0px;
    top: 0px;
    height: 100%;
}

.contenido_pagina {
    border-top: 0px;
    border-left: solid 2px #777;
    border-bottom: 0px;
    border-right: outset 2px #555;
    background: repeat-x #FFF;
    padding: 0px 0px 5px 0px;
    vertical-align: top;    
}

.notificacion_fija {
    background: #676767;
    font-size: 10pt;
    font-family: tahoma;
    color: #FFF;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.notificacion_fija a {
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
}

.seccion_pie {
    font-family: tahoma;
    font-size: 11pt;
    color: #DDD;
}

.titulo_grande {
    color: #001122;
    font-weight: bold;
    font-size: 13pt;
    /*border-bottom: 1px solid #003377 ;*/
    text-align: center;
    display: block;
    padding-bottom: 5px;
    margin: 0px;
}

.titulo_pie {
    color: #001122;
    font-weight: bold;
    font-size: 10pt;
    border-top: 3px double #003377 ;
    text-align: center;
    display: block;
}

h1 {
    color: #001122;
    font-weight: bold;
    font-size: 13pt;
    text-align: center;
    display: block;
}

h2 {
    color: #004488;
    font-weight: bold;
    font-size: 13pt;
    text-align: center;
    display: block;
}

h3 {
    color: #002277;
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
    display: block;
}

.formulario fieldset {
    background: url(imagenes/fieldset.bmp) repeat-x #CECECE;
    border: double 1px #000;
}

.formulario legend {
    background: url(imagenes/azul.bmp) repeat-x #2070F0;
    border: solid 1px #000077;
    padding: 3px 15px 3px 15px;
    font-size: 10pt;
    font-weight: bold;
    color: #FFF;
}

.formulario .transparente {
	border: 0px;
        font-size: 10pt;
	font-weight: bold;
	background: transparent;
}

.formulario .boton {
    width: 120px;
}

.formulario .label_control_normal {
    display: block;
    border: 1px solid #224488;
    padding: 2px 15px 2px 15px;
    font-size: 9pt;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    height: 16px;
    background: url(imagenes/celeste.bmp) repeat-x #5AF;
}

.formulario .label_control_error {
    display: block;
    border: 1px solid #660000;
    padding: 2px 10px 2px 10px;
    color: #FFF;
    font-size: 9pt;
    font-weight: bold;
    height: 16px;
    background: url(imagenes/rojo.bmp) repeat-x #F00;
}

.formulario .label_control_warning {
    display: block;
    border: 1px solid #666600;
    padding: 2px 10px 2px 10px;
    color: #000;
    font-size: 9pt;
    font-weight: bold;
    height: 16px;
    background: url(imagenes/amarillo.bmp) repeat-x #770;
}

.formulario ul {
    border: 1px solid #000;
    margin: 0px 0px 10px 0px;
    padding: 3px 10px 5px 25px;
    font-size: 8pt;
    background: #FEC;
    text-align: left;
    position:absolute;
    left: auto;
    top: auto;
    width: 400px;
}

.listado .titulo th {
    background: url(imagenes/negro.bmp)  #000;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px 20px 3px 20px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
}

.listado .titulo_delgado th {
    background: url(imagenes/negro.bmp)  #000;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
}

.listado .subtitulo th {
    background: url(imagenes/azul.bmp) #2070F0;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px 20px 3px 20px;
    border: 1px solid #000;
}

.listado .normal td {
    background: url(imagenes/gris.bmp) #FFF;
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 10pt;
}

.listado .resaltada td {
    background: url(imagenes/celeste.bmp)  #0AF;
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 10pt;
    color: #000;
}

.listado .seleccionada td {
    background: url(imagenes/naranja.bmp) #F71;
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 10pt;
    color: #fff;
}

.listado .normal_s td {
    background: url(imagenes/gris.bmp) #FFF;
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
}

.listado .resaltada_s td {
    background: url(imagenes/celeste.bmp)  #0FF;
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #000;
}

.listado .seleccionada_s td {
    background: url(imagenes/naranja.bmp) #F71;
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #fff;
}

.listado .small_check {
    margin: 0px 0px 0px 0px;
    width: 12px;
    height: 12px;
}

.listado .blanco td {
    background: #FFF;
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 10pt;
    text-align: justify;
}

.listado .normal_centrado td {
    background: url(imagenes/gris.bmp) #EEE;
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 10pt;
    text-align: center;
}

.listado .vinculo_menu {
    color: #112244;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #000;
    padding: 3px 10px 3px 10px;
    width: 90%;
}

.listado .vinculo_menu:visited {
    color: #112244;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #000;
    padding: 3px 10px 3px 10px;
}

.listado .vinculo_menu:hover {
    color: #FFFFFF;
    background: #1155EE;
    /* Transparencia Mozilla, Chrome */
    opacity: 0.50;
    /* Transparencia Internet explorer */
    /*filter: alpha(opacity=50);*/
}

.listado .vinculo_delgado {
    color: #112244;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #000;
    padding: 0px 5px 0px 5px;
    width: 90%;
}

.vinculo_banner:visited {
    color: #DDD;
    font-weight: bold;
    text-decoration: none;
    font-size: 11pt;
    font-family: tahoma, sans-serif;
}

.vinculo_banner {
    color: #DDD;
    font-weight: bold;
    text-decoration: none;
    font-size: 11pt;
    font-family: tahoma, sans-serif;
}

.vinculo_banner:hover {
    color: #7BB9FF;
    font-weight: bold;
    text-decoration: none;
    font-size: 11pt;
    font-family: tahoma, sans-serif;
}

.listado .vinculo_delgado:visited {
    color: #112244;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #000;
    padding: 0px 5px 0px 5px;
    width: 90%;
}

.listado .vinculo_delgado:hover {
    color: #FFFFFF;
    background: #1155EE;
    /* Transparencia Mozilla, Chrome */
    opacity: 0.50;
    /* Transparencia Internet explorer */
    /*filter: alpha(opacity=50);*/
}

.listado .celda_imagen {
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background: url(imagenes/gris_largo.bmp) repeat-x #7F7F7F;
    padding: 3px 10px 3px 10px;
    text-align: center;
    vertical-align: middle;
}

.listado .celda_imagen_normal {
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    /*background: #CCC;*/
    background: url(imagenes/vineta_darkup.bmp) repeat-x #5F5F5F;
    padding: 3px 10px 3px 10px;
    text-align: center;
    vertical-align: middle;
}

.listado .celda_imagen_seleccionada {
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    /*background: #FFF;*/
    background: url(imagenes/vineta_up.bmp) repeat-x #C0C0C0;
    padding: 3px 10px 3px 10px;
    text-align: center;
    vertical-align: middle;
}

.listado .celda_imagen_resaltada {
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    /*background: #CCC;*/
    background: url(imagenes/celeste.bmp) repeat-x #5F5F5F;
    padding: 3px 10px 3px 10px;
    text-align: center;
    vertical-align: middle;
}

.listado .celda_pie {
    height: 20px;
    border-bottom: 1px solid #000;
    background: url(imagenes/vineta_down.bmp) repeat-x #C0C0C0;
}

.vinculo_boton {
    background: url(imagenes/celeste.bmp) #2070F0;
    color: #112244;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    border: 1px solid #000;
    padding: 3px 15px 3px 15px;
}

.vinculo_boton:visited {
    background: url(imagenes/celeste.bmp) #2070F0;
    color: #112244;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border: 1px solid #000;
    padding: 3px 15px 3px 15px;
}

.vinculo_boton:hover {
    background: url(imagenes/naranja.bmp) #F07020;
    color: #FFFFFF;
    /* Transparencia Internet explorer */
    /*filter: alpha(opacity=50);*/
}

.tabla_formulario td {
    vertical-align: top;
    text-align: left;
    padding-right: 2px;
    padding-left: 2px;
}

.tabla_formulario ul {
    border: 1px solid #000;
    margin: 0px 0px 10px 0px;
    padding: 3px 10px 5px 25px;
    font-size: 8pt;
    background: #FEC;
    text-align: left;
}

.tabla_formulario input {
    margin-top: 0px;
    font-family: Verdana, Helvetica, Arial,sans-serif;
    font-size: 9pt;
}

.tabla_formulario select {
    margin-top: 0px;
    font-family: Verdana, Helvetica, Arial,sans-serif;
    font-size: 9pt;
}

.tabla_errores {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tabla_errores th {
    border: 1px solid #400;
    padding: 3px 20px 3px 20px;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    background: url(imagenes/rojo.bmp) #F00;
}

.tabla_errores .solo_advertencias th {
    border: 1px solid #400;
    padding: 3px 20px 3px 20px;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    background: url(imagenes/naranja.bmp) #F00;
}

.tabla_errores td {
    border: 1px solid #400;
    padding: 3px 5px 3px 5px;
    color: #300;
    font-weight: bold;
    font-size: 10pt;
    background: #FFFFFF;
}

.tabla_errores ul {
    background: #FFF;
    font-size: 10pt;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 20px;
    position: static;
    border: 0px solid #000;
}

.tabla_errores li {
    background: #FFF;
}

.tabla_errores p {
    background: #FFF;
    margin: 0px 0px 0px 0px;
    font-size: 10pt;
}

.tabla_errores .mensaje_advertencia b {
    color: #FF7700;
}

.tabla_errores .mensaje_error b {
    color: #FF0000;
}

.tabla_vinetas {
    background: #C0C0C0;
    border: 1px solid #112;
    width: 850px;
    
}

.tabla_vinetas .novineta {
    text-align:right;
    padding: 3px 10px 3px 10px;
    background: url(imagenes/vineta_darkup.bmp) repeat-x #C0C0C0;
    border-bottom: 1px solid #112;
}

.tabla_vinetas .novineta .hidden {
    float: left;
}

.tabla_vinetas form {
    display: inline;
}

.tabla_vinetas .area {
    padding: 10px 10px 10px 10px;
}

.tabla_vinetas .vineta {
    font-size: 10pt;
    font-weight: normal;
    border-bottom: 1px solid #112;
    border-right: 1px solid #112;
    background: url(imagenes/vineta_darkup.bmp) repeat-x #5F5F5F;
}

.tabla_vinetas .vineta_seleccionada {
    font-size: 10pt;
    font-weight: normal;
    border-right: 1px solid #112;
    background: url(imagenes/vineta_up.bmp) repeat-x #C0C0C0;
}

.tabla_vinetas .vineta_resaltada {
    font-size: 10pt;
    font-weight: normal;
    color: #FFF;
    border-right: 1px solid #112;
    background: url(imagenes/vineta_resaltado.bmp) repeat-x #A07020;
}

.tabla_vinetas .pie {
    height: 20px;
    background: url(imagenes/vineta_down.bmp) repeat-x #C0C0C0;
}

.tabla_vinetas .panel {
    height: 500px;
    overflow: auto;
}

.tabla_vinetas .panel_s {
    height: 360px;
    overflow: auto;
    overflow-x: hidden;
}

.tablaPaginas {
    /*width: 550px;*/
}

.tablaPaginas a {
    background: url(imagenes/gris.bmp) #EEE;
    color: #112244;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-size: 8pt;
    border: 1px solid #000;
    /*padding-left: 2px;
    padding-right: 2px;*/
    padding-top: 2px;
    height: 18px;
    vertical-align: middle;
}

.tablaPaginas input {
    background: url(imagenes/gris.bmp) #EEE;
    color: #112244;
    font-size: 8pt;
    padding-left: 2px;
    padding-right: 2px;
    height: 18px;
    
    /*border: 1px solid #000;*/
}

.area_boleta {
    border: 1px solid #000;
    background: #FFF;
    color: #000;
    width: 935px;
    display: block;
    font-size: 10pt;
}

.area_boleta h1 {
    color: #000;
    font-size: 16pt;
    font-family: Arial;
    margin-top: 5px;
    margin-bottom: 5px;
}

.area_boleta h2 {
    color: #000;
    font-family: Arial;
    font-size: 14pt;
    margin-top: 5px;
    margin-bottom: 5px;
}

.area_boleta h3 {
    color: #000;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.area_boleta .input_normal {
    border: 1px solid #000;
    padding-left: 10px;
}

.area_boleta .input_estadistica_normal {
    border: 1px solid #333;
    padding-left: 2px;
    width: 35px;
    text-align: right;
}

.area_boleta .input_enfocado {
    border: 1px solid #07F;
    background: #E0FFFF;
    padding-left: 10px;
}

.area_boleta .input_estadistica_enfocado {
    border: 1px solid #07F;
    background: #E0FFFF;
    padding-left: 2px;
    width: 35px;
    text-align: right;
}

.area_boleta .input_estadistica_error {
    border: 1px solid #A00;
    background: #FFA0A0;
    color: #000;
    padding-left: 2px;
    width: 35px;
    text-align: right;
}

.area_boleta .input_readonly {
    border: 1px solid #222;
    background: #444;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    width: 35px;
}

.area_boleta .cheque {
    border: 1px solid #222;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 25px;
    height: 25px;
    
}

.area_boleta .seccion {
    border: 1px solid #000;
    background: #FFF;
    color: #000;
    display: block;
}

.area_boleta p {
    font-weight: bold; 
    font-size: 8pt; 
    padding-left: 10px; 
    padding-right: 10px;
}

.area_boleta label {
    padding: 5px 20px 5px 20px;
    font-size: 10pt;
    font-weight: bold;
}

.area_boleta .label_delgada {
    padding: 5px 5px 5px 5px;
    font-size: 8pt;
    font-weight: bold;
}

.area_boleta .label_control_normal {
    padding: 5px 20px 5px 20px;
    font-size: 10pt;
    font-weight: bold;
}

.area_boleta .labels_delgadas .label_control_normal {
    padding: 5px 5px 5px 5px;
    font-size: 8pt;
    font-weight: bold;
}

.area_boleta .small_labels .label_control_normal {
    padding: 5px 20px 5px 20px;
    font-size: 8pt;
    font-weight: bold;
}

.area_boleta .label_control_error {
    padding: 5px 20px 5px 20px;
    font-size: 10pt;
    font-weight: bold;
    color: #FFF;
    background: url(imagenes/rojo.bmp) repeat-x #F00;
}

.area_boleta .label_control_warning {
    padding: 5px 20px 5px 20px;
    font-size: 10pt;
    font-weight: bold;

    color: #000;
    background: url(imagenes/amarillo.bmp) repeat-x #770;
}

.area_boleta ul {
    border: 1px solid #000;
    margin: 0px 0px 10px 0px;
    padding: 3px 10px 5px 25px;
    font-size: 8pt;
    background: #FEC;
    text-align: left;
    position:absolute;
    left: auto;
    top: auto;
    width: 400px;
}

.area_boleta .seccion_gris {
    border: 1px solid #000;
    background: #999;
    color: #000;
    /*display:;*/
}

.area_boleta .seccion_gris h3 {
    font-size: 12pt;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.area_boleta .seccion_ccepreb {
    border: 1px solid #000;
    background: #FF9;
    color: #000;
    /*display:;*/
}

.area_boleta .seccion_ccepreb h1 {
    font-size: 24pt;
}

.area_boleta .seccion_ccepreb h2 {
    font-size: 20pt;
}

.area_boleta .seccion_ccepreb h3 {
    font-size: 14pt;
}

.area_boleta .seccion_ccepreb h4 {
    font-size: 12pt;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.area_boleta .seccion_prebasica {
    border: 1px solid #000;
    background: #FF9;
    color: #000;
    /*display:;*/
}

.area_boleta .seccion_prebasica h1 {
    font-size: 24pt;
}

.area_boleta .seccion_prebasica h2 {
    font-size: 20pt;
}

.area_boleta .seccion_prebasica h3 {
    font-size: 14pt;
}

.area_boleta .seccion_prebasica h4 {
    font-size: 12pt;
    margin: 0px 0px 0px 0px;
    text-align: center;
}


.area_boleta .estadistica_ccepreb th {
    border: 1px solid #000;
    background: #FF9;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .estadistica_ccepreb .normal td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .estadistica_ccepreb .estadistica td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 2px 2px 2px 2px;
}

.area_boleta .estadistica_ccepreb .subtitulo td {
    border: 1px solid #000;
    background: #DDD;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .resaltado_ccepreb {
    background: #FF9;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    border: 0px solid #000;
}

/*
    Estilos para prebasica
*/

.area_boleta .estadistica_prebasica th {
    border: 1px solid #000;
    background: #FF9;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .small th {
    border: 1px solid #000;
    font-size: 8pt;
    font-weight: normal;
    font-family: calibri, verdana;
    text-align: center;
    padding: 3px 3px 3px 3px;
}

.area_boleta .small td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 8pt;
    font-weight: normal;
    font-family: calibri, verdana;
    text-align: center;
    padding: 3px 3px 3px 3px;
}

.area_boleta .estadistica_prebasica .normal td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .estadistica_prebasica .estadistica td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 2px 2px 2px 2px;
}

.area_boleta .estadistica_prebasica .subtitulo td {
    border: 1px solid #000;
    background: #DDD;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.titulo_sin_margen {
    margin-top: 0px;
    margin-bottom: 0px;
}

/*
    para las boletas de basica...
*/
.area_boleta .seccion_basica {
    border: 1px solid #000;
    background: #C5D9F1;
    color: #000;
    /*display:;*/
}

.area_boleta .seccion_basica h1 {
    font-size: 24pt;
}

.area_boleta .seccion_basica h2 {
    font-size: 20pt;
}

.area_boleta .seccion_basica h3 {
    font-size: 14pt;
}

.area_boleta .seccion_basica h4 {
    font-size: 12pt;
    margin: 0px 0px 0px 0px;
    text-align: center;
}


.area_boleta .estadistica_basica th {
    border: 1px solid #000;
    background: #C5D9F1;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 5px 3px 5px;
}

.area_boleta .estadistica_basica .normal td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 5px 3px 5px;
}

.area_boleta .estadistica_basica .estadistica td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 2px 2px 2px 2px;
}

.area_boleta .estadistica_basica .subtitulo td {
    border: 1px solid #000;
    background: #DDD;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .resaltado_basica {
    background: #C5D9F1;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    border: 0px solid #000;
}

/*
    Para los de media....
*/
.area_boleta .seccion_media {
    border: 1px solid #000;
    background: #EAF1DD;
    color: #000;
    /*display:;*/
}

.area_boleta .seccion_media h1 {
    font-size: 24pt;
}

.area_boleta .seccion_media h2 {
    font-size: 20pt;
}

.area_boleta .seccion_media h3 {
    font-size: 14pt;
}

.area_boleta .seccion_media h4 {
    font-size: 12pt;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.area_boleta .estadistica_media th {
    border: 1px solid #000;
    background: #EAF1DD;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .estadistica_media .normal td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .estadistica_media .estadistica td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 2px 2px 2px 2px;
}

.area_boleta .estadistica_media .estadistica_verde td {
    border: 1px solid #000;
    background: #EAF1DD;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 2px 2px 2px 2px;
}

.area_boleta .estadistica_media .subtitulo td {
    border: 1px solid #000;
    background: #DDD;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .resaltado_media {
    background: #EAF1DD;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    border: 0px solid #000;
}

/*
    Seccion para estadistica de adultos
*/
.area_boleta .seccion_adultos {
    border: 1px solid #000;
    background: #FFCCCC;
    color: #000;
    /*display:;*/
}

.area_boleta .seccion_adultos h1 {
    font-size: 24pt;
}

.area_boleta .seccion_adultos h2 {
    font-size: 20pt;
}

.area_boleta .seccion_adultos h3 {
    font-size: 14pt;
}

.area_boleta .seccion_adultos h4 {
    font-size: 12pt;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.area_boleta .estadistica_adultos th {
    border: 1px solid #000;
    background: #C0C0C0;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .estadistica_adultos .normal td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .estadistica_adultos .estadistica td {
    border: 1px solid #000;
    background: #FFF;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 2px 2px 2px 2px;
}

.area_boleta .estadistica_adultos .estadistica_rojo td {
    border: 1px solid #000;
    background: #FFC0C0;
    font-size: 10pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 2px 2px 2px 2px;
}

.area_boleta .estadistica_adultos .subtitulo td {
    border: 1px solid #000;
    background: #DDD;
    font-size: 12pt;
    font-weight: bold;
    font-family: calibri, verdana;
    padding: 3px 15px 3px 15px;
}

.area_boleta .resaltado_adultos {
    background: #FFC0C0;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    border: 0px solid #000;
}

/*
    Para los reportes
*/
.zona_reporte {
    overflow: auto;
}

.zona_reporte .fila_titulos {

}

.zona_reporte .fila_titulos th {
    background: url(imagenes/negro.bmp)  #000;
    color: #FFF;
    font-size: 8pt;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
}

.zona_reporte .fila_subtitulos th {
    background: url(imagenes/azul.bmp)  #2070F0;
    color: #FFF;
    font-size: 8pt;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    text-align: left;
}

.zona_reporte .fila_resumen td {
    background: url(imagenes/celeste.bmp)  #0FF;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #000;
    text-align: right;
}

.zona_reporte .fila_resumen th {
    background: url(imagenes/celeste.bmp)  #0FF;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #000;
    text-align: left;
}

.zona_reporte .fila_detalle td {
    background: #FFF;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #000;
    text-align: right;
}

.zona_reporte .fila_detalle .celda_subtotal {
    background: #DDD;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #000;
    text-align: right;
}

.zona_reporte .fila_detalle .celda_vacia {
    background: #AAA;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #000;
    text-align: right;
}

.zona_reporte .fila_detalle th {
    background: url(imagenes/gris.bmp)  #FFF;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #000;
    text-align: left;
}

.zona_reporte .fila_detalle .titulo_grupo {
    background: #EFEFEF;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    color: #000;
    text-align: left;
    font-weight: bold;
    vertical-align: top;
}

.zona_reporte .fila_total th {
    background: url(imagenes/negro.bmp)  #000;
    padding: 3px 10px 3px 10px;
    border: 1px solid #000;
    font-size: 8pt;
    color: #FFF;
}

.zona_reporte .fila_total td {
    background: url(imagenes/gris.bmp)  #EEE;
    padding: 3px 5px 3px 5px;
    border: 1px solid #000;
    font-size: 8pt;
    color: #000;
    text-align: right;
}

.zona_reporte .vinculo_delgado {
    color: #112244;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #000;
    padding: 0px 5px 0px 5px;
    width: 90%;
}

.zona_reporte .vinculo_delgado:visited {
    color: #112244;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #000;
    padding: 0px 5px 0px 5px;
    width: 90%;
}

.zona_reporte .vinculo_delgado:hover {
    color: #FFFFFF;
    background: #1155EE;
    /* Transparencia Mozilla, Chrome */
    opacity: 0.50;
    /* Transparencia Internet explorer */
    /*filter: alpha(opacity=50);*/
}

/*
    Subvinetas en reportes
*/
.tabla_reporte_vinetas {
    
}

.tabla_reporte_vinetas .fila_subvinetas {
    
}

.tabla_reporte_vinetas .fila_subvinetas .subvinetas_normal {
    font-size: 10pt;
    font-weight: normal;
    border: 1px solid #112;
    background: url(imagenes/vineta_darkup.bmp) repeat-x #C0C0C0;
}

.tabla_reporte_vinetas .fila_subvinetas .subvinetas_seleccionada {
    font-size: 10pt;
    font-weight: normal;
    border: 1px solid #112;
    background: url(imagenes/vineta_up.bmp) repeat-x #C0C0C0;
}

.tabla_reporte_vinetas .fila_subvinetas .subvinetas_fondo {
    text-align:right;
    /*padding: 3px 10px 3px 10px;*/
    background: url(imagenes/vineta_darkup.bmp) repeat-x #C0C0C0;
    border-bottom: 1px solid #112;
}

.tabla_reporte_vinetas .fila_subvinetas .subvinetas_resaltada {
    font-size: 10pt;
    font-weight: normal;
    color: #FFF;
    border: 1px solid #112;
    background: url(imagenes/azul.bmp) repeat-x #2070F0;
}

/*
    SECCION DEL MENU
*/
.dmx {
    font: 11px tahoma;
}
.dmx .item1,
.dmx .item1:hover,
.dmx .item1-active,
.dmx .item1-active:hover {
    padding: 3px 10px 3px 10px;
    background: url(imagenes/menuBarBg.png) #223143;
    /*background: transparent;*/
    font: 12px Verdana;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;    
    border-left: 1px solid #223143;
    border-right: 1px solid #889BB3;
    width: 130px;
}

.dmx .item1:hover, .dmx item1-active:hover
{
    text-shadow: 1px 1px 0 #333;
}

.menuPrincipalContainer {
    width: 100%;
    background: url(imagenes/menuBarBg.png) #223143;
    border-top: 1px solid #223143;
    border-bottom: 1px solid #223143;
    height: 20px;
}

.dmx .item2,
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
    width: 150px;
}
.dmx .item2 {
    background: #e5e5e5;
}
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
    background: #ffffff;
    width: 150px;
}
.dmx .arrow,
.dmx .arrow:hover {
    padding: 3px 4px 4px 8px;
}
.dmx .item2 img,
.dmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
    width: 10px;
}
.dmx .section {
    border: 1px solid #b8b4ae;
    background: #e5e5e5;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .dmx td { position: relative; } /* ie 5.0 fix */