/* CSS Document */

/* ============================================================
	INICIO DE DEFINICIÓN DE ESTILOS COMUNES PARA EL CATALOGO GENERAL
===============================================================*/
		html, body { 
			background-color: #FFFFFF;
			color: #666;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			height: 95%;
		}

		div#central {
			border: 0;
			background-color: #FFFFFF;
			/* height: 80%; */
			width: 97%;
			position: relative;
			/* left: 2%; */
			margin-left: 1%;
			top: 2%;
			text-align: center;
		}

		A:link { text-decoration: underline; color: #666; }
		A:visited { text-decoration: underline; color: #666; }
		A:active { text-decoration: underline; color: #666; }				
		A:hover { text-decoration: underline; color: #666; }				

		img A:link { text-decoration: none; color: #666; }
		img A:visited { text-decoration: none; color: #666; }
		img A:active { text-decoration: none; color: #666; }				
		img A:hover { text-decoration: none; color: #666; }				



		#origenes_1 A:link {text-decoration: none; color: #666;}
		#origenes_1 A:visited {text-decoration: none; color: #666;}
		#origenes_1 A:active {text-decoration: none; color:#666;}
		#origenes_1 A:hover {text-decoration: none; color: #666;} 
	
		
		/* FORMATO PARA EL TÍTULO DEL PERIODO */
		.titulo_periodo {
			font-size: 18px; 
			color: #000000;
		}
		
		/* FORMATO PARA LA NAVEGACIÓN HORIZONTAL: MARCADA LA SECCIÓN DONDE ESTAMOS */
		.marcado {
			color: #BB0000;
			font-weight: bold;
		}
		
		/* PERIODOS DE PRIMER NIVEL */
		.periodo_seleccionado {
			border-collapse: separate; 
			border: 1px solid #000; 
			background-color: #000000; 
			color: #FFFFFF; 
			font-size: 12px;
			font-weight: bold; 
			height: 15px; 
			width: 80px;
		}
		A.link_periodo_seleccionado:link {text-decoration:none; color: #FFF;}
		A.link_periodo_seleccionado:visited {text-decoration:none; color:#FFF; }
		A.link_periodo_seleccionado:active {text-decoration:none; color:#FFF;}
		A.link_periodo_seleccionado:hover {text-decoration:none; color:#FFF;} 

		
		.periodo_no_seleccionado {
			border-collapse: separate; 
			border: 1px solid #666;
			height: 15px; 
			font-size: 12px;
			width: 80px;
			color: #999999;
		}
		A.link_periodo_no_seleccionado:link {text-decoration:none; color: #666;}
		A.link_periodo_no_seleccionado:visited {text-decoration:none; color:#666; }
		A.link_periodo_no_seleccionado:active {text-decoration:none; color:#666;}
		A.link_periodo_no_seleccionado:hover {text-decoration:none; color:#666;} 


		/* PERIODOS DE SEGUNDO NIVEL */
		.subperiodo_seleccionado {
			border-collapse: separate; 
			border: 1px solid #DDD; 
			background-color: #000000; 
			color: #FFFFFF;
			padding: 1px;
			font-size: 9px;
			vertical-align: text-top;
		}
		A.link_subperiodo_seleccionado:link {text-decoration:none; color: #FFF;}
		A.link_subperiodo_seleccionado:visited {text-decoration:none; color:#FFF; }
		A.link_subperiodo_seleccionado:active {text-decoration:none; color:#FFF;}
		A.link_subperiodo_seleccionado:hover {text-decoration:none; color:#FFF;} 

		
		.subperiodo_no_seleccionado {
			border-collapse: separate; 
			border: 1px solid #DDD;
			height: 40px;
			color: #999999;
			padding: 1px;
			font-size: 9px;
			vertical-align: text-top;
		}
		A.link_subperiodo_no_seleccionado:link {text-decoration:none; color: #666;}
		A.link_subperiodo_no_seleccionado:visited {text-decoration:none; color:#666; }
		A.link_subperiodo_no_seleccionado:active {text-decoration:none; color:#666;}
		A.link_subperiodo_no_seleccionado:hover {text-decoration:none; color:#666;} 


	/* FORMATO PARA LA COLOCACIÓN DEL TEXTO Y LAS FOTOS DENTRO DE CADA PERIODO */
		.tabla_periodo {
			width: 85%;
			vertical-align: text-top;
			border: 0;
		}
		
		.tabla_periodo_texto {
			width: 40%; 
			text-align: justify; 
			vertical-align: text-top; 
			line-height: 150%;
		}
	
		div#txt_juli {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 60%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_juli A:link { text-decoration: none; color: #666; }
		#txt_juli A:visited { text-decoration: none; color: #666; }
		#txt_juli A:active { text-decoration: none; color: #666; }				
		#txt_juli A:hover { text-decoration: none; color: #666; }		


		div#txt_ferran_adria {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 60%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_ferran_adria A:link { text-decoration: none; color: #666; }
		#txt_ferran_adria A:visited { text-decoration: none; color: #666; }
		#txt_ferran_adria A:active { text-decoration: none; color: #666; }				
		#txt_ferran_adria A:hover { text-decoration: none; color: #666; }		

		div#txt_christian_lutaud {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 60%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_christian_lutaud A:link { text-decoration: none; color: #666; }
		#txt_christian_lutaud A:visited { text-decoration: none; color: #666; }
		#txt_christian_lutaud A:active { text-decoration: none; color: #666; }				
		#txt_christian_lutaud A:hover { text-decoration: none; color: #666; }		

		div#txt_albert_adria {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 60%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_albert_adria A:link { text-decoration: none; color: #666; }
		#txt_albert_adria A:visited { text-decoration: none; color: #666; }
		#txt_albert_adria A:active { text-decoration: none; color: #666; }				
		#txt_albert_adria A:hover { text-decoration: none; color: #666; }				


		div#txt_ferran_adria_2 {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 60%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_ferran_adria_2 A:link { text-decoration: none; color: #666; }
		#txt_ferran_adria_2 A:visited { text-decoration: none; color: #666; }
		#txt_ferran_adria_2 A:active { text-decoration: none; color: #666; }				
		#txt_ferran_adria_2 A:hover { text-decoration: none; color: #666; }		



		div#txt_sintesis {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 60%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_sintesis A:link { text-decoration: none; color: #666; }
		#txt_sintesis A:visited { text-decoration: none; color: #666; }
		#txt_sintesis A:active { text-decoration: none; color: #666; }				
		#txt_sintesis A:hover { text-decoration: none; color: #666; }		

		div#txt_nota {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 40%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_nota A:link { text-decoration: none; color: #666; }
		#txt_nota A:visited { text-decoration: none; color: #666; }
		#txt_nota A:active { text-decoration: none; color: #666; }				
		#txt_nota A:hover { text-decoration: none; color: #666; }		


		div#txt_best {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 60%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_best A:link { text-decoration: none; color: #666; }
		#txt_best A:visited { text-decoration: none; color: #666; }
		#txt_best A:active { text-decoration: none; color: #666; }				
		#txt_best A:hover { text-decoration: none; color: #666; }		


		div#txt_best2007 {
			position:absolute;
			/* top: -90px; */
			top: -90px;
			/* left: 17%; */
			left: 10%;
			width: 60%;
			height:110%;
			color: #000;
			background-color: #FFF;
			filter:alpha(opacity=90); /* ie */
			-moz-opacity: 0.90; /* mozilla */
			opacity: 0.90;
			border: 2px groove #EEE;
			overflow: hidden;
			visibility: hidden;
			padding: 20px;
			text-align: center;
		}
		#txt_best2007 A:link { text-decoration: none; color: #666; }
		#txt_best2007 A:visited { text-decoration: none; color: #666; }
		#txt_best2007 A:active { text-decoration: none; color: #666; }				
		#txt_best2007 A:hover { text-decoration: none; color: #666; }		


		
		div#foto_grande {
			position:absolute;
			top: -150px;
			left: 10%;
			/* width: 550px; */
			color: #000;
			background-color: #FFF;
			/*filter:alpha(opacity=100); ie */
			/* -moz-opacity: 1;  mozilla */
			/* opacity: 1; */
			border: 2px groove #EEE;
			overflow: visible;
			visibility: hidden;
			padding: 10px;
			text-align: right;
			z-index: 4;
		}
		#foto_grande A:link { text-decoration: none; color: #666; }
		#foto_grande A:visited { text-decoration: none; color: #666; }
		#foto_grande A:active { text-decoration: none; color: #666; }				
		#foto_grande A:hover { text-decoration: none; color: #666; }		

		
	
	/* 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;} 
		
		
	/* FORMATO PARA EL PIE DE PÀGINA.
	   NOTA: PARA LAS PÀGINAS SIN SCROLL */
		#footer2 {
			position: absolute;
			bottom: 0px;
			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: 10;
		}
		/* 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;} 
		
		
	/* 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;
			}
			/* 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;}