/* DEFINICION DE SELECTORES DE ETIQUETA
se aplican a todas las etiquetas de forma automatica y priman sobre cualquier estilo  */
marquee{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#FFFFFF;
}

body{
	background-color:#FFFFFF;
}

/* Definicion para Elementos Deshabilitados en el Formulario */
[disabled] {
	color:#933;
	background:#ffc;
}

/* DEFINICION DE SELECTORES ID
 Se aplican automaticamente al colocar el ID de un elemento a alguno de los siguientes. 
 Priman sobre las clases de estilo. */
 
 /* Definicion de Estilo para los Elementos Desplegables, 
Especialmente Para 'Desplegable1' que se usa en las Ayudas */
#Desplegable1{ 
	color: #333333; 
	background-color: #BECCDA;
	border-top: 1px solid #CFDDEB;
	border-right: 2px solid #8B99A7;
	border-bottom: 4px solid #9CAAB8;
	border-left: 3px solid #BECCDA;
}

#Desplegable1 h3{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

#Desplegable1 table{	
	border-top: 1px solid #AAAAAA;
	border-right: 3px solid #AAAAAA;
	border-bottom: 3px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;	
}

#Desplegable1 table td{	
	font-size: 14px;
	color: #003399;	
	background-color: #DFEEFC;
}

#Desplegable1 table th{	
	font-size: 16px;
	color: #000066;	
	background-color: #DFEEFC;
}

/* DEFINICION DE CLASES DE ESTILO
 Se aplican automaticamente al colocar el atributo class con alguno de los siguiente nombres de clases */

/* Clase: TABLA LOGIN
Define el Estilo para la tabla del formulario de ingreso de usuarios.
Esta Clase DEBE aplicarse sobre una tabla (tag <table>)  */ 
.TablaLogin{
	table-layout: auto;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #999999;
	background-color:#F0EFEF;
}

.TablaLogin th.TitPrincipal{
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;	
	color: #DFEEFC;	
	background-color: #23337b;
	border: thin solid #999999;	
	background-image: url(../imagenes/degrade3.gif);
	background-repeat:repeat;
}

.TablaLogin td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
}

.TablaLogin th{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
}
/* Fin de TABLA LOGIN */


/* Clase de TABLA DATOS
Define el Estilo que se utiliza en  los formularios de las Aplicaciones .
Esta Clase DEBE aplicarse sobre una tabla (tag <table>) que contenga el(los) Formulario(s) de 
la Pagina.*/ 
.TablaDatos{
	table-layout: auto;
	border: 2px Solid #F4E6B1;	
}

.TablaDatos th, .TablaDatos table caption{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #6699CC;
	border: thin solid #F4E6B1;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-image: url(../imagenes/degrade5.gif);
	background-repeat:repeat;
}

.TablaDatos table{	
	border-top: 1px solid #F4E6B1;
	border-left: 1px solid #F4E6B1;
	border-right: 3px solid #F4E6B1;
	border-bottom: 3px solid #F4E6B1;	
	background-color: #ECE9D8;
}

.TablaDatos table table{	
	border: 0px none #AAAAAA;
	padding: 0px;
}

.TablaDatos table th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #6699CC;
	background-image: url();
	background-repeat: no-repeat;
	border-top: 1px none #CABFA4;
	border-right: 1px none #CABFA4;
	border-bottom: 1px solid #CABFA4;
	border-left: 1px none #CABFA4;
	text-align: right;
	padding: 3px;
}

.TablaDatos table td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;		
	font-style: normal; 
	color: #000099;
	text-transform: uppercase;
	padding:3px;
	border-top: 1px none #CABFA4;
	border-right: 1px none #CABFA4;
	border-bottom: 1px solid #CABFA4;
	border-left: 1px none #CABFA4;
	text-align: left;
}

/* Para cuando se quieran representar Datos en Minuscula*/
.TablaDatos table td.minuscula,
.TablaDatos table td.minuscula span input,  .TablaDatos table td.minuscula span textarea,
.TablaDatos table td.minuscula span input:hover, .TablaDatos table td.minuscula span select:hover,
.TablaDatos table td.minuscula span input:hover, .TablaDatos table td.minuscula span select:hover,
.TablaDatos table td.minuscula select option{
	text-transform: lowercase;
	font-size: 11px;
}

/* Para cuando se quieran representar Datos con Letra Capital (1ra letra en Mayuscula) las demas las deja como esten .*/
.TablaDatos table td.letracapital,
.TablaDatos table td.letracapital span input,  .TablaDatos table td.letracapital span textarea,
.TablaDatos table td.letracapital span input:hover, .TablaDatos table td.letracapital span select:hover,
.TablaDatos table td.letracapital span input:hover, .TablaDatos table td.letracapital span select:hover,
.TablaDatos table td.letracapital select option{
	text-transform: capitalize;
}

/*  Para quitar los bordes de la utima Tabla incluida. */
.TablaDatos table td.conTabla{
	padding: 0px;
}

.TablaDatos table td.conTabla table{
	padding: 0px;
	border: 0px none #AAAAAA;
}

/* Cualquier Elemento Input, especialmente los Botones*/	
.TablaDatos input{ 
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #EEEFFF;/*#EEFFEE*/
	color: #003366;
	text-decoration: none;
	border-right: #003366 2px outset;
	border-top: #0066cc 1px solid;
	border-left: #0066cc 1px solid;
	border-bottom: #003366 2px outset;
	text-transform: capitalize;
}

.TablaDatos input:hover {
	background-color: #FFFFFF;
	border-right: #0066cc 1px solid; 
	border-top: #003366 1px solid; 
	border-left: #003366 2px solid; 
	border-bottom: #0066cc 1px solid;
}

/* Solo los elementos INPUT que se encuentren dentro de Etiquetas SPAN seran afectados */
.TablaDatos table span input,  .TablaDatos table span textarea{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	background-color: #F1F3F3;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase; /*inherit;*/
	border-top: 1px solid #000055;
	border-left: 1px solid #000055;
	border-bottom: 1px solid #B2B2E0;
	border-right: 1px solid #B2B2E0;		
}

/* Cuando se encuentran en Foco (solo funciona en Mozilla) */
.TablaDatos table span input:focus, .TablaDatos table span select:focus{
	font-size: 11px;
	color: #330099;
	background-color: #8ED0F0;
	font-weight: normal;
	text-transform: uppercase; /*inherit;*/
	border-top: 1px solid #000055;
	border-left: 1px solid #000055;
	border-bottom: 1px solid #B2B2E0;
	border-right: 1px solid #B2B2E0;
}

/* Cuando se encuentran el mouse encima (solo funciona en Mozilla) */
/*
.TablaDatos table span input:hover, .TablaDatos table span select:hover{	
	font-size: 11px;
	color: #330099;
	font-weight: normal;
	text-transform: uppercase; 
	background-color: #D7FFFF;
	border-top: 1px solid #000055;
	border-left: 1px solid #000055;
	border-bottom: 1px solid #B2B2E0;
	border-right: 1px solid #B2B2E0;
}
*/
.TablaDatos table select{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	background-color: #ECE9D8; 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border-top: 1px solid #000055;
	border-left: 1px solid #000055;
	border-bottom: 1px solid #B2B2E0;
	border-right: 1px solid #B2B2E0;		
}

.TablaDatos table select option{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3399CC;
	background-color: #F3F3F3;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: thin none #CCCCCC;
	text-transform: uppercase; /*inherit;*/
}

/* Para Especificar el titulo del formulario, Debe estar en una Tabla Aparte*/
.TablaDatos table.tituloFormulario{
	border-top: 0px solid #AAAAAA;
	border-right: 0px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
}

.TablaDatos table.tituloFormulario th{
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #DFEEFC;	
	background-color: #23337b;
	border: thin solid #999999;
	background-image: url(../imagenes/degrade3.gif);
	background-repeat:repeat;
}	

.TablaDatos table.tituloFormulario td{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;	
	background-color: #9999AF;
}

/* Para Tablas que no tengan Lineas Horizontales*/
.TablaDatos table.sinLineasGuia th{
	border: 0px none #AAAAAA;
}

.TablaDatos table.sinLineasGuia td{
	border: 0px none #AAAAAA;
}

/*  Formato de Representacion de Datos Vertical, con los encabezados en la parte superior */
.TablaDatos table.formatoVertical th{
	text-align:center;
	border: 1px solid #E8E8E8;
	background-color: #c5d3db;
}

.TablaDatos table.formatoVertical td{
	text-align:center;
	border: 1px solid #E8E8E8;
}

.TablaDatos table.formatoVertical tr{
	background-color: #EFEFEF;
}

.TablaDatos table.formatoVertical tr.filacolor2, .TablaDatos tr.importante{
	background-color: #D5D5D5;
}

.TablaDatos table.formatoVertical tr.filacolorSel{
	background-color: #adfdce;
}

/* Para distinguir alguna Informacion especial */
.TablaDatos tr.importante th{
	border: 1px solid #E8E8E8;
	background-color: #c5d3db;
	font-size:13px;
	font-weight:bold
}

.TablaDatos tr.importante td{
	border: 1px solid #E8E8E8;
	font-size:16px;
	font-weight:bold
}
/* Fin Clase TABLA DATOS*/

/* Clases para Hacer Botones con los Links */

/* enlace boton: Para Links con Apariencia de Botones Grandes */
.enlaceboton { 
  font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #EEEFFF;/*#EEFFEE*/
	color: #003366;
	text-decoration: none;
	border-right: #003366 2px outset;
	border-top: #0066cc 1px solid;
	border-left: #0066cc 1px solid;
	border-bottom: #003366 2px outset;
	text-transform: capitalize;
}

.enlaceboton:link{
	border-right: #006666 2px solid;
	border-top: #00cccc 1px solid;
	border-left: #00cccc 1px solid;
	border-bottom: #006666 2px solid;	
}

.enlaceboton:visited{
	border-right: #006666 2px solid;
	border-top: #00cccc 1px solid;
	border-left: #00cccc 1px solid;
	border-bottom: #006666 2px solid;	
}

.enlaceboton:hover {
	background-color: #FFFFFF;
	border-right: #00cccc 1px solid; 
	border-top: #006666 2px solid; 
	border-left: #006666 2px solid; 
	border-bottom: #00cccc 1px solid;
}

/* Fin de Clase EnlaceBoton */

/* enlacebotonB: Para Links con Apariencia de Botones Pequeños*/
.enlacebotonB { 
  font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-color: #EEEFFF;/*#EEFFEE*/
	color: #003366;
	text-decoration: none;
	border-right: #003366 2px outset;
	border-top: #0066cc 1px solid;
	border-left: #0066cc 1px solid;
	border-bottom: #003366 2px outset;
	text-transform: capitalize;
}

.enlacebotonB:link, .enlacebotonB:visited{
	border-right: #006666 1px outset;
	border-top: #00cccc 1px solid;
	border-left: #00cccc 1px solid;
	border-bottom: #006666 1px outset;	
}

.enlacebotonB:hover {
	background-color: #FFFFFF;
	border-right: #00cccc 1px solid; 
	border-top: #006666 1px outset; 
	border-left: #006666 1px outset; 
	border-bottom: #00cccc 1px solid;
}
/* Fin de Clase EnlaceBoton B*/

/* enlacebotonC: Para Botones (input) para darles Apariencia como a los enlacesAnteriores*/
.enlacebotonC { 
  font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #EEFFEE;
	color: #006666;
	text-decoration: none;
	border-right: #006666 2px outset;
	border-top: #00cccc 1px solid;
	border-left: #00cccc 1px solid;
	border-bottom: #006666 2px outset;
}

.enlacebotonC:hover {
	background-color: #FFFFFF;
	border-right: #00cccc 1px solid; 
	border-top: #006666 1px solid; 
	border-left: #006666 2px solid; 
	border-bottom: #00cccc 1px solid;
}
/* Fin de Clase EnlaceBoton C*/

/* Clase para trabajar la Linea de Botones de Comando */
.LineaBotones{ 
	text-align: center;
}

.LineaBotones IMG{
 margin: 0px 0px 2px 0px;
}

.LineaBotones input{
	margin: 0px 30px 2px 1px;
}
/* Fin de Clase LineaBotones*/

/* Otras Clases Individuales */
.AzulMin {
	color: #000099;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.Separador{
	padding-right: 30px;
}

.Derechos {
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	background-color:#222222;
	border-color:#000000; 
	background-image:url(../imagenes/degrade5.gif); 
	background-repeat:repeat;
}

.Derechos td{
	text-align:center;
}

.Etiqueta1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}

.ErrorCelda {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	background-color: #FFFFFF;
	border: thin solid #666666;
	font-weight: bold;
	font-style: normal;
}

.TextoAlmagrario{ /* Estilo Para el Nombre de Almagrario*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
}

.TextoMensaje{/* Estilo Para Mensajes en la aplicacion, q no sean errores*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;	
	font-weight: normal;
	font-style: normal;
}

.CeldaBorde{	
	border:1px groove #333333;
}

.NegroMin{ 
	font-size: 10px !important;
	font-weight: bold !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.NoImprimir {
	visibility:visible;
}

.Marquilla {
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
}

.Oculto{
	display:none;	
}

.Advertencia {
	font-size: 10px;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	color:red;
}

.MsgError{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FF3300;
}

.SaltoPag {/* Aun no esta muy bien implementado por los browsers*/
	/*page-break-before: always;*/
}

.Sesion {
	color: #B9CCFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.SoloImprimir{
	display:none;	
}

.SinSaltoPag {
	/*page-break-inside: avoid; */
}

.tablaEncabezado{
	border:1px solid #333333;
}

.tablaEncabezado tr{
	visibility:visible;
}

.tablaEncabezado tr.tituloAplicacion{
	background-color:#b6b6d3;
	background-image:url(../imagenes/degrade5.gif);
	background-repeat:repeat;
}

.tablaEncabezado tr.barraSesion{
	background-color:#c8c9de;
	background-image:url(../imagenes/degrade5.gif);
	background-repeat:repeat;
}

.tablaalineada td {
align:left !important;

}