<!--
a:link { color:#0000FF; text-decoration: none; }
a:visited { color:#660099; text-decoration: none; }
a:active { color:#000000; text-decoration: none; }
a:hover { color:#0000FF; text-decoration: none; }

BODY {	
		margin:0; 
		padding:0;
		margin-top: 0;
		margin-left: 0;
		padding-top: 0;
		/*background-image:URL(../img/fondo_logotipo.gif);*/
		/*margin-top: 5px;
		margin-left: 5px;
		padding-top: 5px;*/
} 

.Titulo{
	font-family: arial, verdana, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-left:155pt;
	text-align: center;
}

.TituloCol{
	font-family: arial, verdana, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.Opcion {
        font-family:            arial, verdana, helvetica;
        font-size:              11px;
        font-weight:            normal;
        color:                  #000000;
		margin-left:			5pt;
}

.Campo {
        font-family:            arial, verdana, helvetica;
        font-size:              11px;
        font-weight:            bold;
        color:                  #000000;
		margin-left:			5pt;
		vertical-align:			top;
}

.CampoLista {
        font-family: Arial, Helvetica, sans-serif;
        font-size:              11px;
        font-weight:            bold;
        color:                  #ffffff;
		text-align:				center;
		padding:				5px;
		background:				#25457D;/*#3399FF;*/
}

.CampoLista2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size:              11px;
        font-weight:            bold;
        color:                  #ffffff;
		text-align:				center;
		padding:				5px;
		background:				#081B2C;/*#3399FF;*/
}

.Dato {
        font-family:            arial, verdana, helvetica;
        font-size:              11px;
        font-weight:            normal;
        color:                  #000000;
		margin-left:			5pt;
		vertical-align:			top;
}

.DatoLista {
        font-family:            arial, verdana, helvetica;
        font-size:              11px;
        font-weight:            normal;
        color:                  #000000;
		padding:				5px;
		background:				#dddddd;
}

.SinDatos {
	border: 0px;
	background-color: #CC0000;
	color: #FFFFFF;
	font: arial;
	size: 12px;
}

.menutitle{
		cursor:pointer;
		margin-bottom: 5px;
		background-color:#B7DBFF;
		color:#000000;
		width:140px;
		padding:2px;
		text-align:center;
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
		font-weight: bold;
		/*/*/border:1px solid #9898A8;/* */
}

.menutitleActive{
		cursor:pointer;
		margin-bottom: 5px;
		background-color:#E3E4E5;
		color:#FF9933;
		width:140px;
		padding:2px;
		text-align:center;
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
		font-weight: bold;
		/*/*/border:1px solid #9898A8;/* */
}

.submenu{
	font-family: arial, verdana, helvetica; 
	font-size: 11px; 
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-left: 1em;
	text-align: left;
    color:#000000;
}

.myButton{
border-width:1px;
border-color:#000000;
border-style:solid;
text-align:center;
font-weight:bold;
font-size:12pt;
font-family:arial;
background-color:#00FFFF;
color:#000000;
}

.myButton2{
border-width:1px;
border-color:#000000;
border-style:solid;
text-align:center;
font-weight:bold;
font-size:9pt;
font-family:arial;
background-color:#00FFFF;
color:#000000;
}

.BoxS{
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
		font-weight: normal;
		margin-bottom: 1px;
		background-color: #eeeeee; /*#E3E4E5;*/
		/*text-align:right;*/
		margin-left: 5px;
		/*/*/border:1px solid #ffffff;/*#9898A8 */
}

.BoxData{
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
		font-weight: normal;
		margin-bottom: 1px;
		background-color: #eeeeee; /*#E3E4E5;*/
		width:100px;
		/*text-align:right;*/
		margin-left: 5px;
		/*/*/border:1px solid #ffffff;/*#9898A8 */
}

.BoxContents{
		margin-bottom: 5px;
		background-color: #FFFFFF; /*#E3E4E5;*/
		width:450;
		padding:10px;
		text-align:left;
		margin-left: 10px;
		/*/*/border:1px solid #9898A8;/* */
}

.BoxSubmit{
		margin-bottom: 5px;
		background-color: #dddddd; /*#E3E4E5;*/
		padding:3px;
		font-size: 11px; 
		font-weight: bold;
		text-align:center;
		/*/*/border:1px solid #9898A8;/* */
}

.BoxMessageTitle{
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
		font-weight: bold;
		margin-bottom: 2px;
		background-color: #dddddd; /*#E3E4E5;*/
		width:450;
		padding:3px;
		text-align:center;
		border:1px solid #9898A8;
		/*margin-left: 10px;
		border:1px solid #9898A8;*/
}

.BoxMessageContent{
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
		font-weight: normal;
		margin-bottom: 2px;
		background-color: #ffffff; /*#E3E4E5;*/
		width:450;
		padding:3px;
		text-align:center;
		border:1px solid #9898A8;
		/*margin-left: 10px;
		border:1px solid #9898A8;*/
}

.Lista{
		color:#000000;
		text-align:left;
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
}

.Item{
		color:#000000;
		text-align:left;
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
}

.contenidoItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


.Texto{
		color:#000000;
		text-align:left;
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
}

.Pagina{
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.Box{
		margin-bottom: 5px;
		background-color: #FFFFFF; /*#E3E4E5;*/
		width:100%;
		padding:3px;
		text-align:left;
		/*text-align:left;
		margin-left: 10px;
		border:1px solid #9898A8;*/
}

.Box2{
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
		font-weight: normal;
		margin-bottom: 2px;
		background-color: #FFFFFF; /*#E3E4E5;*/
		/*width:100%;*/
		padding:3px;
		text-align:left;
		text-align:left;
		margin-left: 10px;
		border:1px solid #9898A8;
}

.InputMoneda2 { color:#000000;	text-align:right; font-family: arial, verdana, helvetica; font-size: 11px; }

.InputMoneda1 { color:#0033CC;	text-align:right; font-family: arial, verdana, helvetica; font-size: 10px; }

.InputMoneda {
	text-align:right;
	font-family:            arial, verdana, helvetica;
    font-size:          11px;
}

#formS {
	border: 1px solid black;
	font-family: arial, verdana, helvetica; 
	font-weight: bold;
	font-size: 12px; 
	padding-left: 5px;
	padding-right: 10px;
	width:50%;
	padding:10px;
}

/*
fieldset {
	border: 1px solid black;
	font-family: arial, verdana, helvetica; 
	font-weight: bold;
	font-size: 12px; 
	padding-left: 5px;
	padding-right: 10px;
	width:50%;
	padding:10px;
}
*/

.Ocultar {
	background-color: #c0c0c0;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}

.Load {
        font-family:            arial, verdana, helvetica;
        font-size:              11px;
        font-weight:            bold;
        color:                  #000000;
		margin-left:			5pt;
		vertical-align:			top;
}

.Error{
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
}

.Advertencia{
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
}

.Ok{
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #2F33C6;
	text-align: center;
}

.Aprobado{
	font-family: arial, verdana, helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	/*text-align: center;*/
	background-color: #eeeeee;
	margin-left: 5px;
	border:1px solid #ffffff;
	text-align: right;
}

.Desaprobado{
	font-family: arial, verdana, helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	/*text-align: center;*/
	background-color: #eeeeee;
	margin-left: 5px;
	border:1px solid #ffffff;
	text-align:right;
}

.menutitle{
		cursor:pointer;
		margin-bottom: 5px;
		background-color:#E3E4E5;
		color:#000000;
		width:140px;
		padding:2px;
		text-align:center;
		font-family: arial, verdana, helvetica; 
		font-size: 11px; 
		font-weight: bold;
		/*/*/border:1px solid #9898A8;/* */
}

.monetario{
		margin-bottom: 5px;
		background-color:#E3E4E5;
		color:#000000;
		width:120px;
		padding:2px;
		text-align:right;
		font-family: arial, verdana, helvetica; 
		font-size: 12px; 
		font-weight: bold;
		/*/*/border:1px solid #9898A8;/* */
}

.submenu{
	font-family: arial, verdana, helvetica; 
	font-size: 11px; 
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-left: 2em;
	text-align: left;
    color:#00CCFF;
}

.DatoUsuario{
	font-family: arial, verdana, helvetica; 
	font-size: 11px; 
	font-weight: normal;
	padding:3px;
	/*margin-bottom: 0.5em;
	margin-left: 2em;
	text-align: left;
    color:#333399;*/
}

.Fecha{
	font-family: arial, verdana, helvetica; 
	font-size: 11px; 
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-left: 2em;
	text-align: left;
    color:#AAAAAA;
}

.cabecera {
	width: 100%;
	vertical-align: top;
}

.menu {
	width: 20%;
	vertical-align: top;
	background-color:#cccccc;
}

.contenido {
	width: 80%;
	vertical-align: top;
}
/*border:1px solid #9898A8;
INPUT{	color:#000000;
		text-align:left;
		font-family: arial, verdana, helvetica; 
		font-size: 11px; }
*/

/*
otros estilos de menu
*/

#elButton a {
color: #000000;
font-size:10px;
font-family:verdana;
font-weight:bold;
text-decoration: none;
border:4px outset aqua;
background-color:#00ffff;
display: block;
width: 160px;
padding: 3px 5px;
margin: 1px;
}
#elButton a:hover {
background-color: #00c0c0;
color:#000000;
padding-left:4px;
border:4px inset aqua;
}
/*
tr.hi td, td.hi {
background-color: #ccc;
}
table.extra tr.hi td, table.extra td.hi {
color: red;
text-decoration: underline overline;
background-color: transparent;
}
*/
-->

.style1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.style2 {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.style4 {font-family: Arial, Helvetica, sans-serif;	font-size: 10px;}
.style5 {font-family: Arial, Helvetica, sans-serif;	font-size: 14px; font-weight: bold; font-style: italic; color:#009900}
.style6 {font-family: Arial, Helvetica, sans-serif;	font-size: 20px; font-weight: bold; }
.style7 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: bold; color: #FFFFFF}
.style71 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000 }
.style8 {font-family: Arial, Helvetica, sans-serif; font-size: 11px}
.style9 {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold; color: #FFFFFF}
.style10 {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold; color: #000000}
.mayortitulo {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000}
.menortitulo {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.plomotitulo {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #585858}

.textoverde {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #207554; }
.textoplomo {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #A0A0A0;}
.textoplomoo {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #808080;}
.textorojo {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FF3333;}
.textorojo2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000;}
.textoazul {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0080FF;}
.textoazul2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000FF;}
.texto12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}

.positivo {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold; color: #000099}
.negativo {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold; color: #CC0000}
.celdatitulo { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-align: center; padding: 4px; background:#25457D; }/*#3399FF*/
.boton {font-family: Arial; font-size: 12px; color: #FFFFFF; border: 1px #CCCCCC solid; background-color: #ff9900; font-weight: bold }

.boton1 {FONT-SIZE: 11px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; COLOR: #fcfbfd; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #cccccc; FONT-FAMILY: Verdana, sans-serif, Arial; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; background-color:#009933; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: outset}

.boton2 {FONT-SIZE: 10px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; COLOR: #fcfbfd; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #cccccc; FONT-FAMILY: Verdana, sans-serif, Arial; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; background-color:#1651CF; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: outset}

.Lista1{color:#000066;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.Lista3{text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.Lista2{color:#006600;text-align:left;font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.Lista4{color:#0033CC;text-align:left;font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.Lista5{color:#0033CC;text-align:left;font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:#FFFF99;}

/*.tablaZF tr:hover { background-color:#E0FAC5; }*/
.tablaZF tr:hover, .tablaZF tr.hilite {
background-color: #646464;
color: #F2F2F2;
}

.tablaZG tr:hover, .tablaZG tr.hilite {
background-color: #B4E1FF;
color: #24246B;
}

#tip{
	   position:absolute;           
	   background-color:#B7B7B7;
	   layer-background-color:#B7B7B7;
	   border:1px red solid;
	   visibility:hidden;           
	  }

.tdtip{
	 font-size:10px;
	 font-family:Verdana,Helvetica;
	}

.cajon {
font-family: Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #FFFFFF; padding-right: 0.2em; padding-left: 0.2em; padding-bottom: 0.2em; border:0;
}

.moneda {
	font-family: Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #009900; padding-right: 0.1em; padding-left: 0.2em; padding-bottom: 0.1em; border:0;
}

.cajonLetra {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px; 
	font-weight: bold; 
	color: #000000; 
	background-color: #FFCC66; 
	padding-right: 0.1em; 
	padding-left: 0.1em; 
	padding-bottom: 0.1em; 
	border:0; 
	text-align:right;
}

.FormatoFecha {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px; 
	font-weight: bold; 
	color: #CC0000; 
	background-color: #FFFFFF; 
	padding-right: 0.1em; 
	padding-left: 0.1em; 
	padding-bottom: 0.1em; 
	border:0; 
	text-align:right;
}

.cajonRowLetra {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px; 
	font-weight: normal; 
	color: #000000; 
	background-color: #F2F2F2; 
	padding-right: 0.1em; 
	padding-left: 0.1em; 
	padding-bottom: 0.1em; 
	border:0; 
	text-align:right;

}

.cajaFoto {
	width: 120px;
	height: 150px;
	border-style: none;
	border: thin solid;
	border-width: 1px;
	background-color: #F5F5F5;
	padding: 1px;
}

.cajaSist {
	font-weight: 100;
	text-align: justify;
	color: #000099;
	/*background-color: #33CC00; transparent;*/
	background: white url(../img/shade.gif) top left repeat-x;
	font-variant: small-caps;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
	padding-left: 10px;
	padding-right: 5px;
	border: thin solid;
	border-width: 1px;

}

.cajaContenido {
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	font-variant: small-caps;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
	border: thin solid;
	border-width: 1px;
}

.cajaContenido2 {
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
	border: thin solid;
	border-width: 1px;

}

/*----------------ESTILO PARA EL COMBO EN AJAX ---------------------------------*/

/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:350px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}

/*opciones de seleccion multiple */
.multipleSelectBoxControl span{	/* Labels above select boxes*/
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}
	.multipleSelectBoxControl div select{	/* Select box layout */
		font-family:arial;
		height:100%;
	}
	.multipleSelectBoxControl input{	/* Small butons */
		width:25px;	
	}
	
	.multipleSelectBoxControl div{
		float:left;
	}
		
	.multipleSelectBoxDiv
-->


.load{
	color:#003366;
	font-family: arial, verdana, helvetica; 
	font-size: 13px; 
	font-weight: bold;
	padding:3px;
}


/* Menu principal  Creado por Zaki */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
margin: 0 0px;
}

#menu {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
}

#menu dl {
float: left; 
width: 4.7em; /* Ancho de la celda */
/*height: 4em;*/
margin: 0 0px; /* Espacio entre celdas o lineas*/
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: normal;  /* bold;*/
background: #B4E1FF;
border: 1px solid gray;
height: 1.5em;
}

#menu dd {
/*border: 1px solid gray;*/
width: 12em;
margin: 0 0px;
}

#menu li {
text-align: left; /*center;*/
background: #FFFF99; /*#fff;*/
border: 1px solid gray;
margin: 0 0px;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu dt a:hover {
background: #B4E1FF; /*#eee;*/
}

/* Fin Menu */


ul li#lista-rep {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #00CC33;
text-decoration: none;
background-color: #CCCCCC;
text-indent: 2px;
list-style-position: outside;
list-style-image: url(../img/arrows.gif);
list-style-type: square;
padding: 2px;
margin: 2px;
}
/*
ul li {
  list-style-type:  square;
  list-style-image: url("imagenes/imagen.png");
}
*/

.EstadoAnulado{
	font-family: arial, verdana, helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	/*text-align: center;*/
	background-color: #eeeeee;
	margin-left: 5px;
	border:2px solid #ffffff;
	text-align:right;
}


SELECT.ListaCB{ font-family: verdana; font-size: 10px; color: white; background-color:#666;}