/*
Hoja de estilo por defecto
Los temas de las páginas o ámbitos se definen como 
hojas de estilo adicionales a la principal...
(Si no tendríamos que definir todos los gráficos
que van con el estilo, lo cual es un peñazo del 15)

Se puede convertir a php para utilizar variables y
lograr cambios sobre la marcha, sin tener que editar
cada estilo de la hoja.
Colores utilizados:
Color de fondo de la pantalla
Color de fondo de la zona de presentación
Color de fondo de las bandas (top...bottom)
Color del texto
Color de fondo de las cabeceras de bloques
Color de borde de las cabeceras de bloque
Color de texto de las cabeceras de bloque...
*/


body         					{
	background-color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 9px;
}



.inactivo					{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 9px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #2F4F4F;
	font-size: 12px;
	font-weight: bold;
}

h3					{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	text-transform: uppercase;
	text-align: justify;
}


.cuerpo					{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #666666;
	font-size: 11px;
	text-align: justify;
}

hr {
	background-color: White;
	color: #BD6973;
}

/*

*/

/* Título y dirección de ámbitos*/
.tituloAmbito			{
	color: White;
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.direccionAmbito		{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	color: #294D4A;
	font-size: 9px;
}

/*Zona de registro*/
.login					{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #35683F;
}
/*
=================================
Bandas
=================================
*/
.bannerBand				{
	background-color: transparent;
}
.topCorporateBand			{
	background-color: #6B9EBD;
}
.topCorporateBandSeparator	{
	background-color: #BD6B73;	
}

.ambitoBand			{
	background-color: #6B9EBD;
	padding-left: 5px;
	padding-right: 5px;
}
.topBlocksBand			{
	background-color: #6B9EBD;
	padding-left: 8px;
	text-align: center;
}
.subTopBlocksBand		{
	background-color: #6B9EBD;
	padding-left: 8px;
	padding-bottom: 3px;
	text-align: center;
}
.topSeparatorBand		{
	background-color: #BD6B73;
}


.leftMarginBand		{
	background-color: #BD6B73;
}
.leftBlocksBand		{
	background-color: #6B9EBD;
	padding: 5px;
}
.leftSeparatorBand	{
	background-color: #BD6B73;
}
.displayZone			{
	background-color: #63639C;
	padding: 5px;
}
.rigthSeparatorBand	{
	background-color: #BD6B73;
}
.rigthBlocksBand		{
	background-color: #6B9EBD;
	padding: 5px;
}
.rigthMarginBand		{
	background-color: #BD6B73;
}


.bottomSeparatorBand	{
	background-color: #BD6B73;
	padding: 0px;
}
.bottomBlocksBand		{
	background-color: #6B9EBD;
	padding: 5px;
}
.subBottomBlocksBand	{
	background-color: #6B9EBD;
	padding: 5px;
}
.bottomCorporateBandSeparator	{
	background-color: #BD6B73;	
}

.bottomCorporateBand	{
	background-color: #6B9EBD;
	padding: 0px;
}
/*
=================================
Bloques genéricos
=================================
*/
.bloqueA     					{
	border: 1px solid #35683F;
}
.cabeceraBloqueA 				{
	background-color: #35683F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
}
.cuerpoBloqueA					{
	background-color: #BD6B73;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: White;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}

.cuerpoBloqueDesactivadoA					{
	background-color: #BD6973;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: Black;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}

.cuerpoBloqueDestacadoA		{
	background-color: #ADD8E6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #EF1821;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}
.enlaceA:link, .enlaceA:active, .enlaceA:visited	{
	font-family: Arial, Helvetica, sans-serif;
	color: #294D4A;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.enlaceDestacadoA:link, .enlaceDestacadoA:active, .enlaceDestacadoA:visited	{
	font-family: Arial, Helvetica, sans-serif;
	color: #EF1821;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.enlaceEnTituloA:link, .enlaceEnTituloA:active, .enlaceEnTituloA:visited	{
	background-color: #EF1821;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.enlaceEnTituloDestacadoA:link, .enlaceEnTituloDestacadoA:active, .enlaceEnTituloDestacadoA:visited	{
	background-color: #EF1821;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

.bloqueB     					{
}
.cabeceraBloqueB				{
	background-color: #6C75BD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
}
.cuerpoBloqueB					{
	border: 1px solid #6C75BD;
	background-color: #BD6B73;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: White;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}

.cuerpoBloqueDesactivadoB					{
	border: 1px solid #6C75BD;
	background-color: #BD6973;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: Black;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}

.cuerpoBloqueDestacadoB		{
	border: 1px solid #6C75BD;
	background-color: #ADD8E6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #EF1821;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}
.enlaceB:link, .enlaceB:active, .enlaceB:visited	{
	font-family: Arial, Helvetica, sans-serif;
	color: #294D4A;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.enlaceDestacadoB:link, .enlaceDestacadoB:active, .enlaceDestacadoB:visited	{
	font-family: Arial, Helvetica, sans-serif;
	color: #EF1821;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.enlaceEnTituloB:link, .enlaceEnTituloB:active, .enlaceEnTituloB:visited	{
	background-color: #EF1821;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.enlaceEnTituloDestacadoB:link, .enlaceEnTituloDestacadoB:active, .enlaceEnTituloDestacadoB:visited	{
	background-color: #EF1821;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}


/*
================================
Navegador de registros paginados
================================
*/
.enlaceNavegador:link, .enlaceNavegador:active, .enlaceNavegador:visited	
				{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
.enlaceNavegadorDestacado:link ,.enlaceNavegadorDestacado:active, .enlaceNavegadorDestacado:visited 
				{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #6B75BD;
	font-size: 12px;
	font-weight: bold;
}
.enlacePaginaActual		{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #6B75BD;
	font-size: 12px;
	font-weight: bold;
}
.tablaNavegador			{
	border: 1px solid #63639C;
}
.tablaPaginas			{
	border: 1px solid #6B75BD;
}
.datosTablaPaginas		{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 12px;
}

.tablaBotonesMantenimiento				{
	border: 1px solid #63639C;
}



/*
==========================
Módulo genérico de datos
==========================
*/
.celdasListado				{

}

.tablaListado				{
	
}

.tablaColumnas     					{
	border: 0px solid #EF1821;
}

.tituloListado			{
	background-color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #35683F;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.tituloListadoEnlace:active , .tituloListadoEnlace:link, .tituloListadoEnlace:visited			{
	background-color: #6B9EBD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #BD6973;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.tituloListadoEnlace:hover 		{
	background-color: #6B9EBD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: White;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.formatobarraNavegacionVisor	{
	border: 0px none #63639C;
	border-bottom: 0px solid #6B75BD;
}

.separadorListado	{
	font-size: 3px;
}

.etiquetaListado			{
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #6B75BD;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #6B75BD;
}

.titulo				{
	font-family: Arial, Helvetica, sans-serif;
	color: #35683F;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	line-height: 225%;
	padding-top:0px;
}


.entradilla					{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	text-transform: uppercase;
	text-align: justify;
}


.categoria						{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 10px;
}
.fechaHora						{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 9px;
	text-align: right;
}
.campoClave:link,.campoClave:visited,.campoClave:active	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #2F4F4F;
	font-size: 12px;
	font-weight: bold;
}
.campoClaveDestacado:link,.campoClaveDestacado:visited,.campoClaveDestacado:active	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.campoNormal	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 10px;
}

.foto	{
text-align: center;
}

.textoFiltro			{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 9px;
}

.tablaFiltro		{
	border: 1px solid #6B75BD;	
}

.cabeceraVisor
{
	background: #EF1821;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 12px;
	font-weight : bold;
	padding-left: 3px;
	padding-bottom: 3px;

}

.cabeceraTablaFiltro		{
	background-color: #6B75BD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	
}

.sinRegistros			{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 10px;
}



/*
===============================================
					FIN DE COMPROBADOS
===============================================
*/

/*
==========================
Bloque de últimas noticias
==========================
*/
.titularUltimasNoticias:link, .titularUltimasNoticias:active, .titularUltimasNoticias:visited	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.titularUltimasNoticiasDestacado:link, .titularUltimasNoticiasDestacado:active, .titularUltimasNoticiasDestacado:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #EF1821;
	font-size: 10px;
	text-decoration: none;
}




/*
===================
Bloque de encuestas
===================
*/
.preguntaBloqueEncuesta		{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 10px;
	padding: 3px;
	text-align: justify;
}
.respuestasBloqueEncuesta	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 9px;
}
.botonVotar  {
	background-color: #FFE3E7;
	font-size: 9px;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
}



/*
===================
Módulo de encuestas
===================
*/
.tablaEncuesta				{
	border: 1px solid #EF1821;
}
.celdaTituloEncuesta			{
	background-color: #EF1821;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
}
.celdaRespuesta				{
	background-color: #FFE3E7;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 12px;
	border-bottom: 1px solid #EF1821;
}
.celdaTotalRespuesta			{
	background-color: #FFE3E7;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 3px;
	font-size: 12px;
	text-align: right;
	border-bottom: 1px solid #EF1821;
}
.barraTotalRespuesta1 {
	background-color: #800000;
}
.barraTotalRespuesta2 {
	background-color: #008000;
}
.barraTotalRespuesta3		{
	background-color: #000000;
}
.barraTotalRespuesta4 {
	background-color: #808000;
}
.barraTotalRespuesta5 {
	background-color: #008080;
}


/*
================================
Controles de formulario estándar
================================
*/
.tituloFormulario {
	background-color: #35683F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.etiquetaFormulario {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 9px;
}

.etiquetaGrandeFormulario {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.campoFormulario {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 9px;
}
.botonFormulario  {
	background-color: #35683F;
	color: White;
	font-size: 9px;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
}

.botonAccion  {
	font-size: 9px;
	cursor: pointer;
	border-style: solid;
	border-width: 0px;
}

/*
=============================================
Enlace situado en los títulos de página
se utiliza para navegar con tablas multinivel
=============================================
*/
.tituloEnlace:link, .tituloEnlace:active , .tituloEnlace:visited 
			{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
.tituloEnlaceDestacado:link, .tituloEnlaceDestacado:active, .tituloEnlaceDestacado:visited 
			{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 13px;
	color: #000000;
}
.descripcionEnlace {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 9px;
}


/*
==================================
Bloque y módulo del tiempo
==================================
*/
.datosTiempo {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	text-align: right;
}
.etiquetaDatosTiempo {
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
}
.tablaDias {
	border: 1px solid #EF1821;
}
.tablaPrevisionFecha {
	background-color: #FFCF63;
}
.tablaPrevisionDia {
	background-color: #3399FF;
	color: #FFFFFF;
}
.tablaPrevisionNoche {
	background-color: #CED3D6;
	color: #FFFFFF;
}


/*
==================================
Formato de la ayuda
==================================
*/
.tituloAyuda			{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	background-color: #EF1821;
}
.textoAyuda			{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #000000;
	font-size: 10px;
	background-color: #FFE3E7;
	padding: 3px;
}
.bloqueAyuda					{
	background-color: #FFE3E7;
	color: #EF1821;
	border: 1px solid #EF1821;
}

/*
==================================
Tabla Herramientas
==================================
*/
.tablaHerramientas {
	border: 0px solid;
	border-color: #63639C;
}

.celdaTablaHerramientas	{
	padding-left: 10px;
	padding-right: 10px;
	border-top-color: #63639C;
	border-top-style: solid;
	border-top-width: 0px;
	text-decoration: none;
}

/*
==================================
Aviso genérico
==================================
*/

.aviso       {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 12px;
	padding-bottom: 3px;
	background-color: #63639C;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border: 1px solid #BD6973;
}

/*login y logout*/
.nombreUsuario	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 9px;
	color: #294D4A;	
	padding-left: 3px;
}

.enlaceLogin:link, .enlaceLogin:active, .enlaceLogin:visited 	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 9px;
	color: #35683F;
	padding-left: 3px;
}

.enlaceLoginDestacado:link, .enlaceLoginDestacado:active, .enlaceLoginDestacado:visited 	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 9px;
	text-decoration: underline;
	padding-left: 3px;
}

.error	{
	background: #FFE3E7;
	color: #000000;
	text-align: center;
	font-size: 9px;
	text-transform: uppercase;
	padding: 5px;
}
/*
Estilos de botones del editor de textos
*/

.btn         { border: 1px solid threedface; padding:1px }
.btnOver     { border: 1px;
				 border-right-style: outset ; border-right-color: buttonshadow; 
				 border-left-style: outset; border-left-color: buttonhighlight; 
				 border-bottom-style: outset; border-bottom-color: buttonshadow; 
				 border-top-style: outset; border-top-color: buttonhighlight;
				 padding-left:0px;
				 padding-left:0px;
				 padding-right:2px;
				 padding-bottom:2px; }
.btnPressed	{border: 1px;
				 border-left-style: outset ; border-left-color: buttonshadow; 
				 border-right-style: inset; border-right-color: buttonhighlight; 
				 border-top-style: outset; border-top-color: buttonshadow; 
				 border-bottom-style: inset; border-bottom-color: buttonhighlight;
				 padding-left:2px;
				 padding-left:2px;
				 padding-right:0px;
				 padding-bottom:0px;}

