/* CSS Document */
@import url("reset.css");

*,html { margin:0; padding:0; }
form { margin:0;}
a img {border:0}

.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close hack */

body {
	background-image: url(../images/fondo.jpg);
	font-family:Arial, Helvetica, sans-serif;
}
p {
	margin-bottom:10px;
}
a {
color:#666666;
}
h1 {
	margin-bottom:20px;
}
h2 {
	margin:10px 0 5px 0;
	font-size:14px;
}
h3 {
	/*clear:both;*/
	/*display:block;*/
	/*margin-bottom:20px;	
	margin-top:20px;
	margin-bottom:20px;*/
	font-size:1.2em;
	clear:both;
	height:35px;
	padding-bottom:10px;
	padding-top:20px;
	text-align: left;

	}
h4 {
	
	display:block;
	}
.h4 {
	clear:both;
	height:35px;
	padding-bottom:10px;
	padding-top:20px;
	font-size: 9px;
	text-align: left;
	}
.h4_doslineas {
	height:35px;
	display:block;
	}
#todo {
	width:817px;
	margin:0 auto 0 auto;
	}
#general {

	background-color:#FFFFFF;
	border:#999999 solid 1px;
	}
.presentacion {
	height:597px;
	background:url(../images/presentacion.jpg) no-repeat top center;
	z-index:3;
	}
.temas {
	padding-bottom:10px;
	background:url(../images/temas.jpg) no-repeat top center;
	}
.temas_vida {
	background:url(../images/temas_vida.jpg) no-repeat top center;
	height:auto
	}
.temas_batalla {
	background:url(../images/fondo_batalla-5-mayo.jpg) no-repeat bottom right;
	height:auto
	}
.temas_embarcaciones {
	background:url(../images/temas_embarcaciones.jpg) no-repeat top right;
	height:604px;
	}
.temas_fuerte {
	background:url(../images/fondo_lord-john.jpg) no-repeat bottom right;
	height:680px;
	}
.temas_toma {
	background:url(../images/fondo-toma-irun.jpg) no-repeat bottom right;
	height:640px
	}
.temas_litografias {
	background:url(../images/temas_litografias.jpg) no-repeat top center;
	height:auto
	}
.temas_juego {
	background:url(../images/fondo_juego.jpg) no-repeat bottom right;
	height:700px;
}
.cabecera_blanca {
	background:url(../images/cabecera_blanca.gif) top right no-repeat;
	}
.homees {
	height:597px;
	background:url(../images/home_es.jpg) no-repeat top center;
	}
.homeen {
	height:597px;
	background:url(../images/home_en.jpg) no-repeat top center;
	}
.homeeu {
	height:597px;
	background:url(../images/home_eu.jpg) no-repeat top center;
	}
.homefr {
	height:597px;
	background:url(../images/home_fr.jpg) no-repeat top center;
	}
.biografia {
	height:597px;
	background:url(../images/biografia.jpg) no-repeat top center;
	}
.logo {
	margin-left:395px;
	margin-top:10px;
	margin-bottom:10px;
}
#menu {
	padding-left:10px;
	height:20px;
	/*margin-top:126px;*/
	
}
#menu li {
	display:inline;
	}
#menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
	display:block;
	padding: 6px 16px 6px 5px;
	background:url(../images/linea_verde_menu.gif) no-repeat left top;
}
#menu a:hover {
	color:#8fc73e;
}
.verde { color:#8fc73e !IMPORTANT; }
#contenido.texto_presentacion a {
	color:#003300;
	font-weight:bold;
	text-decoration:none;
	}
#contenido.texto_presentacion a:hover {
	color:#999999;
	text-decoration:underline;
	}
.texto_presentacion  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	/*font-style: italic;*/
	width:400px;
	line-height:16px;
	text-align:justify;
	margin:30px 0 0 20px;
	}
.texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width:450px;
	line-height:16px;
	text-align:justify;
	margin:30px 0 0 20px;
	
	}

.contenido_grande {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	text-align:justify;
	margin:30px 20px 0 20px;
	padding-bottom:40px;
	
	}
.contenido_grande a, .texto a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	}
.contenido_grande a:hover {
	color:#666666;
	}
ul#litografias {
	margin-top:30px;
}
ul#litografias li {
	display:inline;
}
ul#litografias li a {
	display:block;
	height:180px;
	width:250px;
	float:left;
	text-align:center;
	font-size:9px;
	margin-right:7px;
	margin-bottom:10px;
	}
ul#litografias li a span.salto {
	margin-top:10px; display:block;
	}
ul.lista_cuadros .cuadros_paisaje, .lista_cuadros_paisaje {
	margin-top:20px;
	}
.texto ul#temas li, .contenido_grande ul.lista_cuadros li, .texto ul.lista_cuadros li, .lista_cuadros_paisaje {
	display:inline;
	}
.lista_temas {
	height:40px;
	display:block;
}
.texto ul#temas li a {
	display:block;
	height:150px;
	float:left;
	margin-bottom:20px;
	margin-right:17px;
	margin-left:9px;
	text-align:center;
	font-size:11px;
	color:#330000;
	font-weight:bold;
	text-decoration:none;
	}
.fondo_cuadros_temas {
	background:url(../images/fondo_temas.jpg) bottom no-repeat;
	display:block;
	width:120px;
	height:150px;
	float:left;
	margin-bottom:20px;
	margin-right:17px;
	margin-left:9px;
	text-align:center;
	font-size:11px;
	color:#330000;
	font-weight:bold;
	text-decoration:none;
	}

.contenido_grande ul.lista_cuadros li a, contenido_grande ul.lista_cuadros_paisaje li a, .texto ul.lista_cuadros li a {
	display:block;
	width:110px;
	height:110px;
	float:left;
	/*margin-bottom:20px;*/
	margin-right:10px;
	margin-left:9px;
	text-align:center;
	font-size:11px;
	color:#330000;
	font-weight:bold;
	text-decoration:none;
}
.texto ul#submenu {
	margin-bottom:20px;
	margin-top:20px;
	height:30px;
	float:right;
	}
#contenido.texto p{
	width:430px;
	display:block;
	}
.texto ul#submenu li {
	display:inline;
}
ul#submenu li a {
	display:block;
	width:auto;
	float:left;
	padding-right:20px;
	height:15px;
	margin-bottom:20px;
	color:#333300;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}


#pie {
	clear:both;
	background-color:#8fc73e;
	color:#222222;
	text-align:left;
	font-size:9px;
	width:817px;
	height:19px;
	line-height:20px;
	}
#pie a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	}
#pie a:hover {
	color:#666666;
	}
.creative {
	float:left;
	margin-right:5px;
	display:block;
	margin-top:2px;
}
#contenido #submenu a:hover {
	color: #8fc73e;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
	}
.salto {
	clear:both;
	}
.boton {
	background-color:#CCCCCC;
	border:#999999 solid 1px;
	color:#000000;
	font-family:"Trebuchet MS", Tahoma, VerdanaM;
	font-weight:bold;
	}
#col_dcha {
	padding:20px 0 0 0;
	width:155px;
	float:right;
	margin-right:8px;
	}
#col_izq{
	width:260px;
	float:left;
	padding-top:30px;
	}
.foto_grande {
	text-align:center;
	margin-bottom:30px;
	}
.titulo_lito {
	font-size:1.4em;
	color:#660000;
	font-weight:bold;
	}
/*#todo #general #contenido #col_izq .lista_cuadros .ampliar  {
	display:block;
	background-image:url(../images/icono_ampliar.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding: 3px 10px 10px 0px;
	clear:both;
	margin-left:10px;
	padding-left:30px;
	text-decoration:none;
	color:#666666;
	width:120px;
	height:20px;
	text-align:left;
	}*/

.ampliar  {
	display:block;
	background-image:url(../images/icono_ampliar.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding: 3px 10px 10px 30px;
	clear:both;
	margin-left:10px;
	text-decoration:none;
	color:#666666;
	text-align:left;
	width:auto;
	height:20px !IMPORTANT;

	}	
.ampliar_juego  {
	display:block;
	background-image:url(../images/icono_ampliar.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding: 3px 10px 10px 0px;
	clear:both;
	padding-left:30px;
	margin-top:10px;
	text-decoration:none;
	color:#666666;
	width:120px;
	height:20px;
	text-align:left;
	}	


/* cambio paisajes */

/*.doble {
	width:204px;
	height:130px; 
	float:left;
	margin-right:15px;
	margin-left:10px;
	}*/
.doble1 {
	width:204px;
	/*height:130px; */
	height:135px;
	float:left;
	margin-right:30px;
	
	}

.doble {
	width:204px;
	/*height:130px; */
	height:178px;
	float:left;
	margin-right:30px;
	
	}
.unico {
	width:100px;
	height:100px;
	float:left;
	margin-right:15px;
	margin-left:10px;
	}
.uno { width:125px; height:auto; float:left; margin-right:0px; margin-bottom:20px; }
#juego2 { width:350px; /*height:219px;*/ float:left; }
#juego1 { width:350px; /*height:219px;*/ float:left; margin-right:35px;  margin-left:20px; }
.icono { padding-top:5px; padding-right:10px; }
.volver { display:block; clear:both; padding:20px 0 20px 0; /*padding-left:30px;*/ }
.volver2 { display:block; float:left;  padding:20px 0 20px 0;  text-decoration:none; color:#000000; float:left;  }
.volver_arriba { float:left; clear:both; width:100%; text-align:left; padding:15px 0 25px 0; }
ul#creditos { padding-left:50px; margin-top:0; padding-top:0; }