article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}

body{
	background:url("../imagenes/background_01.jpg");
	color: white;/*Color del texto*/
	font: 70%/160% "Lucida Handwriting Italic", sans-serif;/*70% de font-size / 160% de line-height*/
	background-attachment:fixed;/* Dejar el fondo fijo */
	background-repeat:repeat;
}

h1{

	font-size: 24px;
	color: #bc0140;
	line-height: 1.2;
}

h2{

	font: lucida;
	font-size: 20px;
	color: #dc931a;
	font-variant: small-caps;
}

h3{

	font: lucida;
	font-size: 16px;
	color: #565656;
	position: relative;
	margin-left: 38px;
	margin-top: 30px;
	line-height: 1.5;
	}

	h4{

	font: lucida;
	font-size: 16px;
	color: #565656;
	position: relative;
	margin-left: 3px;
	margin-top: 30px;
	line-height: 1.5;
	}
p{

	font-family: 'Tahoma';
	letter-spacing: 0.4px;
	font-size: 14px;
	color: #e1e3e2;
	line-height: 1.5;
}



#contenedor{
	width: 920px;
	height: 1430px;
	background: url("../imagenes/background_02_old.jpg");
	background-repeat: repeat;
	margin: 50px auto 0 auto;
	margin-top: 0;
	overflow: hidden;


}


#idioma_EU{
	position: relative;
	top: -270px;
	left: 670px;
}

#idioma_ES{

	position: relative;
	top: -270px;
	left: 670px;
}

#idioma_EN{

	position: relative;
	top: -270px;
	left: 670px;
}




/*Hacemos que lo elementos de la lista se posicionen de manera flotante para que aparezcan 
uno a continuación del otro, y una vez hecho esto le aplicamos un margen para separarlos 
entre ellos y que no aparezcan completamente pegados*/
#menu ul li{
	float: left;
	margin: 0 37px 0 0;
}
/*Eliminamos los puntituos de la lista y añadimos márgenes para que no se solape con la 
cabecera que está arriba. También se pone un padding 0 para que aparezca pegado al menu*/
#menu ul{
	list-style: none;
	margin: 0 10px;
	padding: 0;
}
/*Definimos el aspecto de los elemento <a> que marcan las secciones de la página*/
#menu ul li a{
	color: #ffffff;
	font-family:'Tahoma';
	letter-spacing:1px;
	font-variant: small-caps;
	font-size: 18px;
	cursor: pointer;
	text-decoration: none;
	display: block;
	padding: 10px 18px;

}

#menu ul li a:hover{
	background: url("../imagenes/menu_icon.png");
	background-repeat: no-repeat;

}

#menu ul li.seleccionado a{

	background: url("../imagenes/menu_icon.png");
	background-repeat: no-repeat;
}

/*Por último establecemos el aspecto del menu en sí, aplicamos margin y padding para 
colocarlo como queremos sin que se salga de su sitio y ponemos un color de fondo*/
#menu{

	position: relative;
	top: -85px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 0 0;
	height: 40px;	
	border-bottom: dotted;
	border-top: dotted;
	color: #686868;
}


#textohome{

	position: relative;
	top: 20px;
	padding-left: 55px;
	width: 770px;

}

#games{

	position: relative;
	top: -25px;
	left: 60px;
} 



#destacados{

margin-left: 30px;
margin-top: 310px;
}

#destacado1{


	width: 230px;
	height: 210px;
	position: relative;
	top: -200px;
	margin-left: 30px;
}

#destacado2{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -410px;
	margin-left: 330px;
}

#destacado3{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -620px;
	margin-left: 630px;
}



#hierbafooter{
position: relative;
top: -585px;
left: 0px;

}

#footer{

	position: relative;
	top: -590px;
	background-color: #161f07;
	height: 173px;	
}
#logofooter{

	position: relative;
	left: 20px;
	top: 25px;
}

#linea1{

	position: relative;
	left:50px;
	top:10px;
}


#links{

	position: relative;
	left: 230px;
	top: -120px;
}

#linea2{

	position: relative;
	left:350px;
	top:-250px;
}

.linkfooter{

	color: #b9baba;
	font-family: 'Lucisa', sans-serif;
	font-variant: small-caps;
	font-size: 15px;
	text-decoration:none;
}
.linkfooter:hover{

	color: #999900;
}

a{

	text-decoration: none;
	color: #e1e3e2;
}

img{

	border: none;
}

#textofb{
	background: url("../imagenes/icon_fb.png") no-repeat;
	font-family: 'Telex', sans-serif;
	font-size: 15px;
	position:relative;
	top: -400px;
	left:390px;
	height: 50px;
	width: 100px;
	padding-left: 50px;
	padding-top: 10px;
	color:  #b9baba;
	 
}


#textofb:hover{

color: #999900;
background: url("../imagenes/fb_over.png") no-repeat;

}

#iconoagro{
position: relative;
top: -350px;
left: 390px;
}

#text2{

	position: relative;
	top: -400px;
	left: 440px;
	color: #b9baba;
}

#linea3{

	position: relative;
	left:550px;
	top:-490px;
}

#reservas{

	position: relative;
	left: 620px;
	top: -520px;
}

#textoreservas{

	position: relative;
	left: 280px;
	top: -600px;
	text-align: center;
	color: #b9baba;
}

/*La casa*/

#textocasa{

	width: 350px;
	position: relative;
	top:-40px;
	margin-left: 60px;
	z-index: 2;
}

#textoservicios{

	width: 350px;

	position: relative;
	top:-495px;
	margin-left: 540px;
	z-index: 1;
}

#destacadoscasa{

margin-left: 30px;
margin-top: -550px;

}

#destacado2{

	z-index: 3;
}



#contenedorcasa{
	width: 920px;
	height: 1290px;
	background: url("../imagenes/background_02_old.jpg");
	background-repeat: repeat;
	margin: 50px auto 0 auto;
	margin-top: 0;
	overflow: hidden;

}

#errota{

	position: relative;
	top: -700px;
	left: 250px;
	z-index: 0;
	height: 453px;
	width: 408px;
}

/*actividades*/


#textoentorno{

	width: 370px;
	position: relative;
	top:-60px;
	margin-left: 40px;
	z-index: 3;
}

p a:hover{
color:#999900;
}



#Urdaibai{

	position: relative;
	top:-500px;
	margin-left: 480px;
	z-index: 2;
}

#textoactividades{

	width: 800px;
	position: relative;
	top:-520px;
	margin-left: 40px;
	z-index: 1;
}


#contenedoractividades{
	width: 920px;
	height: 1360px;
	background: url("../imagenes/background_02_old.jpg");
	background-repeat: repeat;
	margin: 50px auto 0 auto;
	margin-top: 0;
	overflow: hidden;
}

#errota_act{

	position: relative;
	top: -1300px;
	left: 250px;
	z-index: 0;
	height: 453px;
	width: 408px;
}

#hierbafooter_act{
position: relative;
top: -915px;
left: 0px;

}

#footeractividades{

	position: relative;
	top: -920px;
	background-color: #161f07;
	height: 173px;	

}

/*galeria*/



#contenedorgal{
	width: 920px;
	height:1970px;
	background: url("../imagenes/background_02_old.jpg");
	background-repeat: repeat;
	margin: 50px auto 0 auto;
	margin-top: 0;
	overflow: hidden;

}

#destacadog1{


	width: 230px;
	height: 210px;
	position: relative;
	top: -200px;
	margin-left: 30px;
}

#destacadog2{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -410px;
	margin-left: 330px;
}

#destacadog3{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -620px;
	margin-left: 630px;
}

#destacadog4{


	width: 230px;
	height: 210px;
	position: relative;
	top: -200px;
	margin-left: 30px;
}

#destacadog5{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -410px;
	margin-left: 330px;
}

#destacadog6{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -620px;
	margin-left: 630px;
}

#destacadog7{


	width: 230px;
	height: 210px;
	position: relative;
	top: -200px;
	margin-left: 30px;
}

#destacadog8{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -410px;
	margin-left: 330px;
}

#destacadog9{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -620px;
	margin-left: 630px;
}

#destacadog10{


	width: 230px;
	height: 210px;
	position: relative;
	top: -200px;
	margin-left: 30px;
}

#destacadog11{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -410px;
	margin-left: 330px;
}

#destacadog12{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -620px;
	margin-left: 630px;
}



#destacadog13{


	width: 230px;
	height: 210px;
	position: relative;
	top: -200px;
	margin-left: 30px;
}

#destacadog14{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -410px;
	margin-left: 330px;
}

#destacadog15{


	background-repeat: no-repeat;
	width: 230px;
	position: relative;
	top: -620px;
	margin-left: 630px;
}
#text1{

position: relative;
top: -200px;

}

#text2gal{

position: relative;
top: -200px;

}

#text3{

position: relative;
top: -200px;

}
#destacadosgal1{

margin-left: 30px;
margin-top: 180px;

}

#destacadosgal1B{

margin-left: 30px;
margin-top: -400px;

}

#destacadosgal2{

margin-left: 30px;
margin-top: -400px;

}

#destacadosgal2B{

margin-left: 30px;
margin-top: -400px;

}

#destacadosgal3{

margin-left: 30px;
margin-top: -400px;

}

#hierbafooter_gal{
position: relative;
top: -600px;
left: 0px;

}

#footer_gal{

	position: relative;
	top: -620px;
	background-color: #161f07;
	height: 173px;	
}


	/*tarifas*/


#textotaf1 {
	width: 800px;
	position: relative;
	top:-50px;
	margin-left: 40px;
	z-index: 3;
}

#imagentaf1{

	position: relative;
	margin-top: 20px;
	margin-left: 80px;
	z-index: 3;
}

#textotaf2 {
	width: 800px;
	position: relative;
	top:-30px;
	margin-left: 40px;
	z-index: 2;
}

#imagentaf2{

	position: relative;
	margin-top: 20px;
	margin-left: 80px;
	z-index: 2;
}

#textotaf3 {
	width: 800px;
	position: relative;
	top:-10px;
	margin-left: 40px;
	z-index: 1;
}

#imagentaf3{

	position: relative;
	margin-top: 20px;
	margin-left: 80px;
	z-index: 1;
}



#contenedortaf{
	width: 920px;
	height: 1380px;
	background: url("../imagenes/background_02_old.jpg");
	background-repeat: repeat;
	margin: 50px auto 0 auto;
	margin-top: 0;
	overflow: hidden;
}

#errota_taf{

	position: relative;
	top: -600px;
	left: 250px;
	z-index: 0;
	height: 453px;
	width: 408px;
}

#hierbafooter_taf{
position: relative;
top: -400px;
left: 0px;

}

#footertaf{

	position: relative;
	top: -405px;
	background-color: #161f07;
	height: 173px;	

}


/*contacto*/


#textocon1 {
	width: 400px;
	position: relative;
	top:-50px;
	margin-left: 40px;
	z-index: 3;
}

#imagenarroba{

	position: relative;
	margin-top: 20px;
	margin-left: 60px;
	z-index: 3;
}
#textoemail{

	position: relative;
	margin-top: 0px;
	margin-left: 10px;
	z-index: 2;
}
#imagentelf{

	position: relative;
	margin-top: 20px;
	margin-left: 100px;
	z-index: 2;
}
#textotelf{

	position: relative;
	margin-top: 0px;
	margin-left: 40px;
	z-index: 2;
}

#dos{

	position: relative;
	left: 200px;
	top: -110px;
}

#googlemaps{

	position: relative;
	top: -375px;
	left: 530px;
	z-index: 4;
}


#textocon2 {
	width: 700px;
	position: relative;
	top:-470px;
	margin-left: 40px;
	z-index: 2;
}

#imagengps{

	position: relative;
	top: 10px;
}

#textogps{

	position: relative;
	left: 70px;
	top: -50px;
}

#imagencoche{

	position: relative;
	top: -110px;	
}

#imagenmapa{

	position: relative;
	top: -10px;	
	left: 15px;
}

#imagenbus{

	position: relative;
	top: 0px;	
}

#textobus{

	position: relative;
	top: -40px;	
	left: 75px;
}


#contenedorcon{
	width: 920px;
	height: 1320px;
	background: url("../imagenes/background_02_old.jpg");
	background-repeat: repeat;
	margin: 50px auto 0 auto;
	margin-top: 0;
	overflow: hidden;

}

#errota_con{

	position: relative;
	top: -1100px;
	left: 250px;
	z-index: 0;
	height: 453px;
	width: 408px;
}

#hierbafooter_con{
position: relative;
top: -890px;
left: 0px;

}

#footercon{

	position: relative;
	top: -900px;
	background-color: #161f07;
	height: 173px;	

}