/*
  ESTILOS PARA EL ESQUELETO DE LA PÁGINA
  ########################################################
*/


body {
	margin-top : 10px;
	background-color: #FFFFFF;
}

hr {
	border : 1px solid #003366;
}

/* Tabla principal de la página */
.tabla_principal {
	border : 1px solid #003366;
	background-color : #990000;
}

/* Contenedor estandar: tabla de una celda */
.caja {
	background-color : White;
	padding : 1px 1px 1px 1px;
	border : 1px solid #660000;
}

/* Separador de cajas */
.separador_cajas {
	font-size: 2px;
	height : 4px;
}

/* Celda para el logotipo */
.logo {
	width : 50px;
	height : 50px;
	text-align : center;
}

	/* Celda para el nombre de la entidad */
	.nombre_entidad {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	padding-left: 10px;
	color : #000066;
}

	/* Celda para la fecha */
	.fecha {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	padding-right: 5px;
	text-align: right;
	color : #000066;
}


/* Celda que contendrá el menú de la izquierda */
.izquierda {
	vertical-align: top;
}

	/* Celda para el nombre del módulo */
	.titulo_con_fondo {
	background-color : #BA4040;
	color : White;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	height: 12px;
}

	.titulo_con_fondo2 {
	background-color : #B01D13;
	color : White;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	height: 12px;
}


	/* Celda para el nombre de la opción dentro de un módulo */
	.nombre_opcion {
	font-weight : normal;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #666699;
	padding-left: 5px;
	height: 16px;
}
	

	/* Tabla dentro de la que irán todos los formularios
	 y textos de las páginas */ 
	.area_trabajo {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	vertical-align : top;
	color : Gray;
}

/* Celda que contendrá una ``.caja" con una celda para 
el pie de página */

.texto_pie {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 9px;
		text-align: center;
		color : #660000;
		text-decoration: none;
}

.texto_pie:hover{	
		text-decoration: none;
}

/*
					##########################################################
					##	ESTILOS PARA TEXTOS Y PÁRRAFOS
					##########################################################
*/

.enlace_titulo {
	background-color : #660000;
	color : white;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration: none;
}

.titulo_grande_con_fondo {
	background-color : #660000;
	color : White;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	height: 14px;
}

	.texto_grande {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 12px;
		color : #660000;
}

.texto_grande_negro
{
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 12px;
		color : #000000	
}

.texto_muy_grande
{
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 16px;
		color : #000000	
}

	.texto_grande_blanco {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 12px;
		color : #FFFFFF;
}

	.texto_normal {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color:#413839;  /* gray30 antes gray */
}

	.texto_10px {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}
	.texto_11px {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}
	.texto_12px {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}


	.texto_pequenyo {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 9px;

}

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

	.texto_negrita_negro {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	font-weight : bold;
}
	
	.enlace_negrita {
	color : #660000;
	text-decoration: none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
}

input.wo {  height: 16px; width: 16px; border: 0px #006600 solid;}


/*
##	ESTILOS PARA FORMULARIOS
##########################################################
*/

input.caja_pequenya {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: black;
	background-color: #FFFFFF;
	background-image: none;
	height: 20px;
	border: 1px solid #660000;

}

input.caja_pequenya_plus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: none;
	height: 20px;
	border: 1px solid #660000;
}

.bordetablasverdana10 {
	border-right: #660000 1px solid; 
	border-top: #660000 1px solid; 
	font-size: 10px; 
	border-left: #660000 1px solid; 
	color: #000000; 
	border-bottom: #660000 1px solid; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

.linea_abajo {
	border-bottom: #000000 1px solid; 
}


.memo_pequenyo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: black;
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #000066;
}

input.boton_pequenyo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: black;
	background-color: #FFFFFF;
	background-image: none;
	height: 20px;
	border: 1px #660000 solid;
	margin-left: 5px;
	padding: 1px 5px 1px  5px;
}


select.lista {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: black;
	background-color: #FFFFFF;
	background-image: none;
	border: 1px #000066 solid;
	margin-left: 5px;
	padding: 1px 5px 1px  5px;
}

/*
##	OTROS ESTILOS: Tablas, imágenes, hr's, etc
##########################################################
*/

.tabla_listado {
	border: 1px solid Black;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

.cabecera_listado {
	border: 1px solid #003366;
	background-color: #C44217;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.cabecera_listado2 {
	border: 1px solid #003366;
	background-color: #B01D13;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color : White;
}
.cabecera_listado3 {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-weight: bold;
	background-color: #B01D13;
	color: white;
}

.celda_listado {
	border-bottom: 1px solid #000000;  /* 003366*/
	border-right: 1px solid #000000;  /* 003366*/
}	

.cabecera_listado_suave {
	border: 1px none #000066;
	background-color: #C40000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding: 1px;
}

.cabecera_listado_pequenya {
	border: 1px solid #003366;
	background-color: #C40000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
}

.cabecera_alertas {
	border: 1px solid #003366;
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.cabecera_alertas2 {
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.cabecera_alertas_opcion {
	background-color: #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}


.celda_clara_listado {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	background-color: white;
}

.celda_borde {
	border: 1px solid #000000;
}	
.celda_borde_abajo {
	border-bottom: 1px solid #000000;
}	
.celda_borde_derAbajo {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}	


.celda_clara_listado2 {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000066;
	background-color: #FFD1D1;
}	

.celda_clara_listado3 {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000066;
	background-color: #FFE8E8;
}	

.celda_oscura_listado {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000066;
	background-color: #E6E6E6;
}

.celda_oscura_listado2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000066;
	background-color: #E6E6E6;
}	

.celda_clara_listado_sin_borde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000066;
	background-color: #E6E6E6;
}

.celda_oscura_listado_sin_borde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000066;
	background-color: #999999;
}	

a.enlace_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #660000;
}
a.enlace_normal_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #FFFFFF;
}


.enlace_opcion {
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #666699;
}

.titulo_superior
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}