/* Definicion de Estilo para Alicaciones de Almagrario S.A 
	Autor: Camilo Andres Pineda Rodriguez (cpineda@almagrario.com.co)
	Version: 6.1
	Medio: Para Visualizacion en Pantalla (screen)
	Ultima Modificacion: 15 Ene 2007
*/

/* 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 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{ 
	display:none;
}

/* 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{
	display:none;
}
/* 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: fixed;
	border: 0px solid #999999;
}

.TablaDatos th, .TablaDatos table caption{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	border: 1px solid #000000;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

.TablaDatos table{	
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000
}

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

.TablaDatos table th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: right;
	border: 1px none #000000;
	padding: 1px;
}

.TablaDatos table td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	padding: 1px;
	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;
}

/* 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 #FFFFFF;
}

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

.TablaDatos input:hover {
}

/* Solo los elementos INPUT que se encuentren dentro de Etiquetas SPAN seran afectados */
.TablaDatos table span input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;	
	text-transform: uppercase;
	border: 1px none #333333;
}

/* Cuando se encuentran en Foco (solo funciona en Mozilla) */
.TablaDatos table input:focus, .TablaDatos table select:focus{
}

/* Cuando se encuentran el mouse encima (solo funciona en Mozilla) */
.TablaDatos table input:hover, .TablaDatos table select:hover{	
}

.TablaDatos table select{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: thin none #FFFFFF;
}

.TablaDatos table select option{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: thin none #FFFFFF;
	text-transform: uppercase;
}

/* Para Especificar el titulo del formulario, Debe estar en una Tabla Aparte*/
.TablaDatos table.tituloFormulario{
	border: 2px solid #FFFFFF;
}

.TablaDatos table.tituloFormulario th{
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;	
	border: 2px solid #FFFFFF;
}	

.TablaDatos table.tituloFormulario td{
	font-size: 8px;
	font-weight: bold;
	border: 2px solid #FFFFFF;
}

.TablaDatos table.sinLineasGuia th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;		
	text-align: right;
	padding: 1px;
	border: 1px none #FFFFFF;
}

.TablaDatos table.sinLineasGuia td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-weight: normal;
	font-style: normal;	
	text-transform: uppercase;
	padding: 1px;
}

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

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

.TablaDatos table.formatoVertical tr{
	border: 1px solid #FFFFFF;
}

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

.TablaDatos table.formatoVertical tr.filacolorSel{	
}

/* Para distinguir alguna Informacion especial */
.TablaDatos table tr.importante th{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	border: thin outset #CCCCCC;
}

.TablaDatos table tr.importante td{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	border: thin groove #999999;
}

/* 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;
	padding: 4px;
	background-color: #eeeeee;
	color: #666666;
	text-decoration: none;
}

.enlaceboton:link, .enlaceboton:visited {
	border-top: 1px solid #cccccc;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #666666;
}

.enlaceboton:hover {
	border-bottom: 1px solid #cccccc;
	border-top: 2px solid #666666;
	border-right: 1px solid #cccccc;
	border-left: 2px solid #666666;
}
/* 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: #eeeeee;
	color: #333333;
	text-decoration: none;
	border-right: #666666 1px outset;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #666666 1px outset;
}

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

.enlacebotonB:hover {
	background-color: #FFFFFF;
	border-right: #cccccc 1px solid; 
	border-top: #666666 1px outset; 
	border-left: #666666 1px outset; 
	border-bottom: #cccccc 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: 7pt;
	font-weight: bold;
	background-color: #eeeeee;
	color: #333333;
	text-decoration: none;
	border-right: #666666 2px outset;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #666666 2px outset;
}

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

/* Clase para trabajar la Linea de Botones de Comando */
.LineaBotones{ 
	display:none;
}

.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;
}

.Derechos {
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
}

.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:#DDDDDD;
	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 {
	display:none;
}

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

.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 {
	/*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{
	visibility:visible;
}

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

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

.tablaEncabezado tr{
	visibility:visible;
}

.tablaEncabezado tr.tituloAplicacion{
	background-color:#eeeeee;
}

.tablaEncabezado tr.barraSesion{
	background-color:#dddddd;
}