PosadaLaLlosa_Web/paginas.css

@charset "utf-8";

#cuerpo.inicio {
	background: url(imagenes/fondos/fondo-inicio.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: hidden;
	position: relative;
}

#cuerpo.laposada {
	background: url(imagenes/fondos/fondo-laposada.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.laposada .enlace {
		position: absolute;
		width: 95px;
		height: 0;
		padding: 95px 0 0 0;
		overflow: hidden;
		top: 97px;		
	}

	#cuerpo.laposada .lacasa {left: 346px;}
	#cuerpo.laposada .lossalones {left: 450px;}
	#cuerpo.laposada .eljardin {left: 550px;}
	#cuerpo.laposada .restaurante {left: 655px;}	


#cuerpo.lacasa {
	background: url(imagenes/fondos/fondo-lacasa.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 378px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.lacasa .enlace {
		position: absolute;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
		top: 329px;		
	}

	#cuerpo.lacasa .laposada {left: 0px; width: 70px;}
	#cuerpo.lacasa .eljardin {left: 76px; width: 60px;}
	#cuerpo.lacasa .restaurante {left: 146px; width: 98px;}
	#cuerpo.lacasa .lossalones {left: 255px; width: 70px;}	
	#cuerpo.lacasa .servicios {top: 300px; left: 332px; width: 285px; padding-top: 46px;}

#cuerpo.lossalones {
	background: url(imagenes/fondos/fondo-lossalones.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 378px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.lossalones .enlace {
		position: absolute;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
		top: 329px;		
	}

	#cuerpo.lossalones .laposada {left: 0px; width: 74px;}
	#cuerpo.lossalones .eljardin {left: 86px; width: 64px;}
	#cuerpo.lossalones .lacasa {left: 164px; width: 50px;}
	#cuerpo.lossalones .restaurante {left: 230px; width: 95px;}	

#cuerpo.eljardin {
	background: url(imagenes/fondos/fondo-eljardin.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 378px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.eljardin .enlace {
		position: absolute;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
		top: 329px;	
	}

	#cuerpo.eljardin .laposada {left: 0px; width: 56px;}
	#cuerpo.eljardin .lacasa {left: 67px; width: 55px;}
	#cuerpo.eljardin .restaurante {left: 136px; width: 95px;}	
	#cuerpo.eljardin .lossalones {left: 245px; width: 79px;}	

#cuerpo.restaurante {
	background: url(imagenes/fondos/fondo-restaurante.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 378px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.restaurante .enlace {
		position: absolute;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
		top: 329px;	
	}

	#cuerpo.restaurante .laposada {left: 10px; width: 70px;}
	#cuerpo.restaurante .eljardin {left: 95px; width: 64px;}
	#cuerpo.restaurante .lacasa {left: 177px; width: 55px;}
	#cuerpo.restaurante .lossalones {left: 245px; width: 79px;}	
	#cuerpo.restaurante .otrosrestaurantes {top: 265px; left: 110px; width: 210px; padding-top: 45px;}		

#cuerpo.actividades {
	background: url(imagenes/fondos/fondo-actividades.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 378px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.actividades .enlace {
		position: absolute;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
		left: 67px;
		top: 326px;
		width: 87px;
	}

#cuerpo.comollegar {
	width: 780px;
	height: 0px;
	padding: 378px 0 0 0;
	overflow: hidden;
	position: relative;
}
	#cuerpo.comollegar-cantabria {
		background: url(imagenes/fondos/fondo-comollegar-cantabria.gif) no-repeat;
	}

	#cuerpo.comollegar-santander {
		background: url(imagenes/fondos/fondo-comollegar-santander.gif) no-repeat;
	}

	#cuerpo.comollegar-somo {
		background: url(imagenes/fondos/fondo-comollegar-somo.gif) no-repeat;
	}

	#cuerpo.comollegar .enlace {
		position: absolute;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
	}

	#cuerpo.comollegar .iracantabria {top: 90px; left: 225px; width: 25px;}
	#cuerpo.comollegar .irapinchaaqui {top: 210px; left: 570px; width: 64px; padding-top: 70px;}

	#cuerpo.comollegar .iragooglemaps-1 {top: 348px; left: 100px; width: 80px;}	
	#cuerpo.comollegar .iragooglemaps-2 {top: 352px; left: 560px; width: 200px;}		
	#cuerpo.comollegar .irasomo {top: 78px; left: 290px; width: 150px; padding-top: 100px;}	

	#cuerpo.comollegar .volver {top: 30px; left: 50px; width: 75px; padding-top: 50px;}	
	
#cuerpo.precios {
	background: url(imagenes/fondos/fondo-precios.jpg) no-repeat;	
	width: 780px;
	height: 377px;
	position: relative;
}

	#cuerpo.precios .texto {
		background: url(img/precios-texto.gif) no-repeat;	
		width: 444px;
		height: 0px;
		padding: 378px 0 0 0;
		overflow: hidden;
		position: relative;
		margin-left: 337px;
	}
	
	#cuerpo.precios .enlace {
		position: absolute;
		width: 80px;
		height: 0px;
		top: 10px;
		left: 6px;
		padding: 80px 0 0 0;
		overflow: hidden;
	}