/* ============================================================
	INICIO DE DEFINICIÓN DE ESTILOS COMUNES PARA EL CATALOGO GENERAL
===============================================================*/
		body { 
			background-color: #000000;
			background-image: url(../img/fons_pizarra.jpg);
			background-position: center;
			background-repeat: repeat-y;
			color:#FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-align: center;
		}
		A:link {text-decoration:none; color:#FFF;}
		A:visited {text-decoration:none; color: #FFF; }
		A:active {text-decoration:none; color:#FFF;}
		A:hover {text-decoration:underline; color:#FFF;} 

	/* FORMATO DEL TEXTO DE PRESENTACIÓN */
		li { margin: 15px 0 15px 0; line-height: 15px; }

	/* FORMATO PARA EL TÍTULO GENERAL */
		.titulo_ppl {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
		}

	/* FORMATO PARA EL EJE Y: LOS AÑOS*/
		.anyos {
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
			font-weight: bold;
		}
	
	/* FORMATO PARA LA CELDA QUE INDICA EL LIBRO AL QUE CORRESPONDE EL PERIODO */
		.libros {
			border-bottom: 1px solid black;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px; 
			border-right: 1px solid #333; 
			text-align: center; 
			background-color:#FFFFFF; 
			color:#000000;	
		}
		/* COMPORTAMIENTO DEL LINK DE LA CELDA DE LOS LIBROS */
			#libros A:link {text-decoration:none; color: #000;}
			#libros A:visited {text-decoration:none; color:#000;}
			#libros A:active {text-decoration:none; color:#000;}
			#libros A:hover {text-decoration:none; color:#000;}


	/* FORMATO DE LAS ANOTACIONES O ACLARACIONES AL FINAL DE LAS SECCIONES O LA PÀGINA */
		.notas_a_pie{
			font: 0.9em Verdana; 
			color: #999999; 
			padding: 7px 0px 0px 0px;
			letter-spacing: normal;
		}
		
	/* FORMATO DE LAS CELAS QUE NO CONTIENEN IMÁGENES. GUION */
		.guionet {
			font-family: Arial, Helvetica, sans-serif;
			font-size:14px;
			text-align: left;
			border-bottom: 1px solid #333;
			padding-left: 20px;
		}

	/* FORMATO PARA LAS FOTOS DE LOS ÍNDICES FAMILIAS/ANYOS/FAM x ANYO. MARGENES */
		.fotos_marges {
			margin: 0px 2px 2px 0px;
			border: 1px solid #333;
		}
		
	/* FORMATO PARA LOS TÍTULOS DE LAS TABLAS DE ÍNDICES */
		.titulos {
			padding: 0px 5px 10px 20px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			border-bottom: 1px solid #333;
			border-left: 1px solid #333;
			text-align: left;
		}
		
	/* FORMATO PARA LA NAVEGACIÓN HORIZONTAL: MARCADA LA SECCIÓN DONDE ESTAMOS */
		.marcado {
			color: #BB0000;
			font-weight: bold;
		}


	/* FORMATO PARA EL PIE DE PÀGINA. NOTA: PARA LAS PÀGINAS CON SCROLL */
			div#footer {
				position: relative;
				bottom: 0;
				left: 0;
				width: 99%;
				clear: both;
				padding: .3em;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 9px;
				color: #999999;
				text-indent: 5px;
				z-index:1;
			}
			/* COMPORTAMIENTO DE LOS LINKS DEL PIE */
			#footer A:link {text-decoration:none; color:#999999;}
			#footer A:visited {text-decoration:none; color:#999999;}
			#footer A:active {text-decoration:none; color:#999999;}
			#footer A:hover {text-decoration:none; color:#CCCCCC;} 

	/* FORMATO PARA LA CABEZERA DE LA PÁGINA */
		#header {
			position: absolute;
			top: 5px;
			left: 0px;
			width: 99%;
			clear: both;
			padding: .3em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #999999;
			text-align: right;
		}
		/* COMPORTAMIENTO DE LOS LINKS DE LA CABEZERA. TAMBIEN PARA LA NAVEGACIÓN HORIZONTAL */
		#header A:link {text-decoration:none; color: #999999;}
		#header A:visited {text-decoration:none; color: #999999;}
		#header A:active {text-decoration:none; color:#999999;}
		#header A:hover {text-decoration:none; color: #CCCCCC;} 
/* ============================================================
	FIN DE DEFINICIÓN DE ESTILOS COMUNES PARA EL CATALOGO GENERAL
===============================================================*/



/* =====================================================================================
	INICIO DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DEL ÍNDICE PRINCIPAL DEL CATALOGO GENERAL
========================================================================================*/
	/* ESTILO PARA LAS FAMÍLIAS ACTIVAS (que tienen contenido en ese periodo y que estan en claro) */
		.familia_1 {
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
			vertical-align: middle;
		}


	/* ESTILO PARA LAS FAMÍLIAS *NO* ACTIVAS (que tienen contenido en ese periodo y que estan en gris) */
		.familia_0 {
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
			vertical-align: middle;
		}
			
	/* ESTILO PARA LAS CELAS QUE NECESITAN TEXTO, POR EJEMPLO LAS RETROSPECTIVAS */
		.text_cela {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #CCCCCC;
			border-bottom: 1px solid #333;
			border-right: 1px solid #333;
			letter-spacing: 1.5em;
			text-align: center;
		}
/* =====================================================================================
	FI DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DEL ÍNDICE PRINCIPAL DEL CATALOGO GENERAL
========================================================================================*/




/* =====================================================================================
	INICIO DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DE LA VISTA POR FAMÍLIAS
========================================================================================*/
	/* FORMATO PARA LAS CELAS DE LAS IMÁGENES DE LOS PLATOS */
		.familias_celas_fotos {
			padding: 8px 0px 4px 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			border-bottom: 1px solid #333;
			text-align: left;
		}


	/* FORMATO PARA LA CELA CON TEXTO, POR EJEMPLO RETROSPECTIVA */		
		.familias_text_cela {
			padding-left: 20px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #CCCCCC;
			border-bottom: 1px solid #333;
			letter-spacing: 1em;
			text-align: left;
		}
		
	/* FORMATO PARA EL EJE Y, LOS AÑOS */
		.familias_anyos {
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			border-top: 1px solid #333; 
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
		}
/* =====================================================================================
	FIN DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DE LA VISTA POR FAMÍLIAS
========================================================================================*/



/* =====================================================================================
	INICIO DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DE LA VISTA POR AÑOS
========================================================================================*/
	/* ESTILO PARA LAS FAMÍLIAS ACTIVAS (que tienen contenido en ese periodo y que estan en claro) */
		.anyos_familia_1 {
			text-align: right;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
			width: 100px;
			padding-right: 20px;
		}
		
	/* ESTILO PARA LAS FAMÍLIAS *NO* ACTIVAS (que tienen contenido en ese periodo y que estan en gris) */
		.anyos_familia_0 {
			text-align: right;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
			width: 100px;
			padding-right: 20px;
		}
			
	/* FORMATO PARA LAS CELAS QUE CONTINEN IMÁGENES */
		.anyos_celas_fotos {
			padding: 8px 0px 4px 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			border-bottom: 1px solid #333;
			text-align: left;
		}
/* =====================================================================================
	FIN DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DE LA VISTA POR AÑOS
========================================================================================*/


		
		
/* =====================================================================================
	INICIO DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DE LA VISTA POR FAMÍLIA Y AÑO
========================================================================================*/
	/* ESTILO PARA LAS FAMÍLIAS ACTIVAS (que tienen contenido en ese periodo y que estan en claro) */
		.fam_anyos_familia_1 {
			text-align: right;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
			width: 80px;
			padding-right: 20px;
		}
		
	
	/* ESTILO PARA LAS FAMÍLIAS *NO* ACTIVAS (que tienen contenido en ese periodo y que estan en gris) */
		.fam_anyos_familia_0 {
			text-align: right;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
			width: 80px;
			padding-right: 20px;
		}

	/* FORMATO PARA LAS CELAS QUE CONTINEN IMÁGENES */
		.fam_anyos_celas_fotos {
			padding: 8px 0px 4px 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			border-bottom: 1px solid #333;
			text-align: left;
		}
		
		
	/* FORMATO PARA EL EJE Y, COLUMNA DE LOS AÑOS */
		.fam_anyos_anyos {
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			border-top: 1px solid #333; 
			border-bottom: 1px solid #333; 
			border-right: 1px solid #333;
		}
/* =====================================================================================
	INICIO DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DE LA VISTA POR FAMÍLIA Y AÑO
========================================================================================*/

		
		
/* =====================================================================================
	INICIO DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DEL PASE DE FOTOS DE LOS PLATOS
========================================================================================*/

	/* FORMATO PARA EL PIE DE PÀGINA.
	   NOTA: PARA LAS PÀGINAS SIN SCROLL */
		#footer2 {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 99%;
			clear: both;
			padding: .3em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #666666;
			text-indent: 5px;
			z-index:1;
		}
		/* COMPORTAMIENTO DE LOS LINKS PARA EL PIE */
		#footer2 A:link {text-decoration:none; color:#666666;}
		#footer2 A:visited {text-decoration:none; color:#666666}
		#footer2 A:active {text-decoration:none; color:#666666}
		#footer2 A:hover {text-decoration:none; color:#CCCCCC;} 

	#dhtmlgoodies_slideshow{
		width:800px;	/* Total width of slideshow */
		height: 602px;
		height: 600px;
		margin: auto;
/*		vertical-align: middle; */
	}
	
	#previewPane{
		position: relative;
		height: 510px;
		border: 0px solid #5A463C;
	}
	
	#previewPane img{
		border: 1px solid white;
		margin-top: 10px;
		overflow: auto;
	}	
	
	#galleryContainer{
		width: 800px;
		text-align: left;
		position:relative;
		overflow: hidden;
		padding: 2px;
		/* CSS HACK */
		height: 92px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/90px;	/* Other browsers */
		height: /**/90px;
		padding-left: 5px;
	}

	#arrow_left{
		position:relative;
		float: left;
		z-index:10;
		padding:5px;
		width: 40px;
		font: Verdana, Arial, Helvetica, sans-serif;
		color: #5A463C;
		font-size: 10px;
		text-align: center;
		margin-left: 160px;
		border: 1px solid #555555;
	}
	#arrow_right{
		position:relative;
		float: right;
		z-index:10;
		padding:5px;
 		bottom: 20px;
 		width: 40px;
		font: Verdana, Arial, Helvetica, sans-serif;
		color: #5A463C;
		font-size: 10px;
		text-align: center;
		margin-right: 160px;
		border: 1px solid #555555;
		bottom: 0px;
	}

	#theImages #slideEnd{
		/* float:left; */
	}
	
	#theImages A:link {text-decoration:none; color: #555555;}
	#theImages A:visited {text-decoration:none; color:#555555;}
	#theImages A:active {text-decoration:none; color:#555555; border: 1px solid #555555;}
	#theImages A:hover {text-decoration:none; color:#555555; border: 1px solid #555555;} 

	#waitMessage{
		display:none;
		position:absolute;
		left: 48%;
		top:100px;
		/*
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
		*/
	}
	
	#caption{
		position: relative;
		clear: both;
		bottom: 30px;
		border: 0px solid blue;
		width: 800px;
		text-align: center;
		}

/* =====================================================================================
	FIN DE DEFINICIÓN DE ESTILOS EXCLUSIVOS DEL PASE DE FOTOS DE LOS PLATOS
========================================================================================*/