a {  font-family: verdana, helvetica, arial; font-size: 10.5px; font-weight: bold; color:  #336699; text-decoration: none}

a:hover {  color: #E50101; font-family: verdana, helvetica, arial; font-style: normal; font-size: 10.5px; font-weight: bold; text-decoration: none}

.txtRegRojo {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #ED171F; font-size: 11px;  font-weight: normal; text-decoration: none; clip:   rect(   )}

.txtRegNgo {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #000000; font-size: 11px;  font-weight: normal; text-decoration: none; clip:   rect(   )}

.txtRegNgo2 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #000000; font-size: 9px;  font-weight: normal; text-decoration: none; clip:   rect(   )}

.txtRegNgo3 {  line-height: 120%; cursor: default; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 9px;  font-weight: normal; text-decoration: none; clip:   rect(   )}

.txtTitAzul {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #0B3D91; font-size: 11px;  font-weight: bold; text-decoration: none; clip:   rect(   )}

.txtTitAzul2 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #2071b2; font-size: 11px;  font-weight: bold; text-decoration: none; clip:   rect(   )}

.txtRegAzul {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #2071b2; font-size: 11px;  font-weight: normal; text-decoration: none; clip:   rect(   )}

.txtRegBco {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #FFFFFF; font-size: 11px;  font-weight: normal; text-decoration: none; clip:   rect(   )}

.txtTitBco {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #FFFFFF; font-size: 11px;  font-weight: bold; text-decoration: none; clip:   rect(   )}

.celda01 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #FFFFFF; font-size: 11px;  font-weight: bold; text-decoration: none; clip:   rect(   ); background-color: #0B3D91; border-style: solid; border-width: 1px; border-color: #FFFFFF;}

.celda02 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #666666; font-size: 11px;  font-weight: bold; text-decoration: none; clip:   rect(   ); background-color: #CCCCCC; border-style: solid; border-width: 1px; border-color: #FFFFFF;}

.celda03 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #000000; font-size: 11px;  font-weight: normal; text-decoration: none; clip:   rect(   ); background-color: #e6e6ff; border-style: solid; border-width: 1px; border-color: #FFFFFF;}

.celda04 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #000000; font-size: 11px;  font-weight: normal; text-decoration: none; clip:   rect(   ); background-color: #a2c0d8; border-style: solid; border-width: 1px; border-color: #FFFFFF;}

.celda06 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #FFFFFF; font-size: 12px;  font-weight: bold; text-decoration: none; clip:   rect(   ); background-color: #0B3D91; border-style: solid; border-width: 0px; border-color: none;}

.celda05 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #FFFFFF; font-size: 12px;  font-weight: bold; text-decoration: none; clip:   rect(   ); background-color: #2071b2; border-style: solid; border-width: 0px; border-color: none;}

.celda07 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #FFFFFF; font-size: 11px;  font-weight: bold; text-decoration: none; clip:   rect(   ); background-color: #FF0000; border-style: solid; border-width: 1px; border-color: #FFFFFF;}

.celda08 {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #000000; font-size: 11px;  font-weight: normal; text-decoration: none; clip:   rect(   ); background-color: #FFFF99; border-style: solid; border-width: 1px; border-color: #FFFFFF;}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tabla01 { border-style: solid; border-width: 1px; border-height: 1px; border-color: #0B3D91; }
.tabla02 { border-style: solid; border-width: 1px; border-height: 1px; border-color: black; background-color: #F0F0F0; font-family: verdana, helvetica, arial; color: #000000; font-size: 13px;  font-weight: bold; text-decoration: none;}


.subtitulo {  line-height: 120%; cursor: default; font-family: verdana, helvetica, arial; color: #a92a28; font-size: 11px;  font-weight: bold; text-decoration: none; clip:   rect(   )}

SELECT{font-family: verdana, helvetica, arial; font-size:11px; color:#00488D; border-width:thin; border-color:#04305A; background-color:#D7E3F0;}

.inputSelect{font-family: verdana, helvetica, arial; font-size:11px; color:#025896; border-width:1px; border-color:#01416f; background-color:#f6e0d0;}

.boton {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #24435B;
	background-color: #a0bbcc;
	border: 1px #24435B;
	padding-top: 5px;
	padding-bottom: 5px;
}

.BtnMenuPrincipal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #2071b2;
	text-align: center;
	vertical-align: middle;
}
.Detalle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	vertical-align: middle;
}

.Detalle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #D4E2ED;
	vertical-align: middle;
}

.BtnMenuPrincipalOver {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFF00;
	text-align: center;
	vertical-align: middle;
}

.botonMenuSec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #006699;
	border: 1px ridge #CCCCCC;
}

.botonMenuSecOver {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #0066cc;
	border: 1px ridge #CCCCCC;
}
ul 
{
list-style-image: url('/img/bullet.jpg');
list-style-type: circle;
}
li 
{
list-style-image: url('/img/bullet.jpg');
list-style-type: circle;
}

/****************************************************
   (1) THE MAIN MENU BAR
*****************************************************/

div.dynarch-horiz-menu {
  /* This is a DIV, container of the horizontal menu bar.
     Please note that if you customize fonts here, the setting will most likely
     be lost in Internet Explorer because tables don't inherit fonts.  Therefore,
     we would better customize fonts in the "table" children. */

  background-color: #2171B0;       /* assign a yellow background to the main menu bar */
  border: 0px solid #f00;       /* give it a thick, red border */
}

div.dynarch-horiz-menu table {
  /* A table is used to layout elements in the main menu bar.
     Here is safe to specify fonts. */

  font: 12px Arial; /* set a custom font */
  color: #FFFFFF;                  /* and a custom color */
}

div.dynarch-horiz-menu table tr td.hover {
  /* color del menu */
  background-color: #2171B0;
  color: #FFFFFF;
}

div.dynarch-horiz-menu table tr td.active {
  /* color del rollover  */
  background-color: #2171B0;
  color: #FFFF00;
  /* Note that setting the font weight to bold will increase the item
     width when it's pressed.  This is normally not desirable. */
  font-weight: none;
}

div.dynarch-horiz-menu table tr td.separator div {
  /* The vertical separator that can be present in the main menu bar.
     This is normally a small DIV, having certain padding and margin set, so that it can look like a separator.
     It is normally comprised of 2 lines (border-left and border-right), so if we want it to be a single-line
     separator then we need to set one of them to "none". */
  border-left: none;            /* no border on the left side */
  border-right-color: red;      /* red separator line. */
}

/****************************************************
   (2) THE POPUP MENUS
*****************************************************/

div.dynarch-popup-menu {
  /* This is the element containing a single popup menu.  Many other elements are inside it,
     but you normally only need to mess with this one and with <table> and <td> elements. 
     no hace nada
     */

  background-color: #000099;       /* light yellow background */
  padding:5px;                /* An ugly, 10 pixels, padding. */
  border: 0px #000099;        /* a thick red border. */
}

div.dynarch-popup-menu table td {
  /* This table contains popup menu items.  It's a good place to configure fonts. */

  font: 12px Arial; /* customize popup menu fonts */
  color: #FFFFFF;   /* make sure they are initially dark red */
}

div.dynarch-popup-menu tr.item.hover td {
  background-color: #2171B2;
  color: #FFFFFF;
}

div.dynarch-popup-menu tr.item.active td {
  /* Set the style for active (pressed) items. */
  background-color: #FFFF00;
  color: #FFFF00;
}

div.dynarch-popup-menu tr.separator td div {
  /* Here we can configure the horizontal separator style. */
  background-color: red;        /* give it a red background in order to have a red line as separator. */

  /* Let's space it "properly" ;-) */
  margin-top: 0px;
  margin-bottom: 0px;
}

div.dynarch-popup-menu tr.disabled td.label {
  /* Special case: DISABLED menu items */
  color: #000000;                  /* Let's make them hard to see ;-) */
}

table.ReporteFactura caption {
  /* Set the style for active (pressed) items. */
  background-color: #2071b2;
  color: #FFFFFF;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  padding: 5px;
}
table.ReporteFactura {
  border-style: solid; 
  border-width: 1px; 
  border-color: #2071b2;
  padding: 30px;
}


table.ReporteFacturaError caption {
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px;
}