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.inicio .enlace {
		position: absolute;
		width: 200px;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
		left: 570px;
	}

	#cuerpo.inicio .actualidad {top: 228px;}
	#cuerpo.inicio .estancias {top: 252px;}
	#cuerpo.inicio .galeria {top: 276px;}


#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.servicios {
	background: url(imagenes/fondos/fondo-servicios.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: hidden;
	position: relative;
}

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

	#cuerpo.servicios .laposada {left: 355px; width: 65px;}
	#cuerpo.servicios .eljardin {left: 428px; ; width: 65px;}
	#cuerpo.servicios .lossalones {left: 606px; width: 75px;}
	#cuerpo.servicios .restaurante {left: 500px; width: 100px;}	


#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(imagenes/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;
	}
	
	#cuerpo.precios .calendario {
		position: absolute;
		bottom: -50px;
		width: 100%;
		text-align: right;
		color: #6d876b;
	}

#cuerpo.calendario {
	background: #f5f5f5;
	width: 780px;
	position: relative;	
	text-align: center;
	padding: 10px 0 0 0;
}
	#cuerpo.calendario iframe {
		padding: 10px 0 0 0;
	}

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

	#cuerpo.habitaciones .enlace {
		position: absolute;
		width: 120px;
		height: 0;
		padding: 120px 0 0 0;
		overflow: hidden;
		top: 45px;
	}

	#cuerpo.habitaciones .habitacion90 {left: 356px;}
	#cuerpo.habitaciones .matrimonio {left: 490px;}
	#cuerpo.habitaciones .suite {left: 630px;}
	
#cuerpo.habitaciones-90 {
	background: url(imagenes/fondos/fondo-habitaciones-dobles-90.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.habitaciones-90 .enlace {
		position: absolute;
		width: 780px;
		height: 0;
		padding: 374px 0 0 0;
		overflow: hidden;
		top: 0px;
		left: 0px;
	}
	
#cuerpo.habitaciones-matrimonio {
	background: url(imagenes/fondos/fondo-habitaciones-matrimonio.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.habitaciones-matrimonio .enlace {
		position: absolute;
		width: 780px;
		height: 0;
		padding: 374px 0 0 0;
		overflow: hidden;
		top: 0px;
		left: 0px;
	}
		
#cuerpo.habitaciones-suite {
	background: url(imagenes/fondos/fondo-habitaciones-suite.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.habitaciones-suite .enlace {
		position: absolute;
		width: 780px;
		height: 0;
		padding: 374px 0 0 0;
		overflow: hidden;
		top: 0px;
		left: 0px;
	}
				
				
#cuerpo.apartamentos {
	background: url(imagenes/fondos/fondo-apartamentos.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.apartamentos .enlace {
		position: absolute;
		width: 120px;
		height: 0;
		padding: 120px 0 0 0;
		overflow: hidden;
		top: 45px;
	}

	#cuerpo.apartamentos .apartamento1 {left: 356px;}
	#cuerpo.apartamentos .apartamento2 {left: 490px;}
				
#cuerpo.apartamento1, #cuerpo.apartamento2 {
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.apartamento1 {
		background: url(imagenes/fondos/fondo-apartamento1.jpg) no-repeat;
	}
	
	#cuerpo.apartamento2 {
		background: url(imagenes/fondos/fondo-apartamento2.jpg) no-repeat;
	}

	#cuerpo.apartamento1 .enlace,
	#cuerpo.apartamento2 .enlace {
		position: absolute;
		width: 780px;
		height: 0;
		padding: 374px 0 0 0;
		overflow: hidden;
		top: 0px;
		left: 0px;
	}
				
				
#cuerpo.entorno {
	background: #ffff9a url(imagenes/fondos/fondo-entorno.jpg) no-repeat;
	width: 780px;
	height: 191px;
	padding: 187px 0 0 0;
	overflow: hidden;
	position: relative;
}

	#cuerpo.entorno .texto {
		width: 780px;
		height: 0px;
		padding: 191px 0 0 0;
		overflow: hidden;
		position: relative;
	}

	#cuerpo.entorno .intro {background: url(imagenes/entorno-texto.jpg) no-repeat;}
	#cuerpo.entorno .santander {background: url(imagenes/entorno-santander.jpg) no-repeat;}
	#cuerpo.entorno .playas {background: url(imagenes/entorno-playas.jpg) no-repeat;}	
	#cuerpo.entorno .pueblos {background: url(imagenes/entorno-pueblos.jpg) no-repeat;}
	#cuerpo.entorno .cuevas {background: url(imagenes/entorno-cuevas.jpg) no-repeat;}
	#cuerpo.entorno .museos {background: url(imagenes/entorno-museos.jpg) no-repeat;}
	#cuerpo.entorno .cabarceno {background: url(imagenes/entorno-cabarceno.jpg) no-repeat;}
	#cuerpo.entorno .naturaleza {background: url(imagenes/entorno-naturaleza.jpg) no-repeat;}
	#cuerpo.entorno .rios {background: url(imagenes/entorno-rios.jpg) no-repeat;}
	#cuerpo.entorno .montanas {background: url(imagenes/entorno-montanas.jpg) no-repeat;}

	#cuerpo.entorno .cuevas .webelsoplao {
		position: absolute;
		top: 115px;
		left: 130px;
		width: 126px;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
	}

	#cuerpo.entorno .cabarceno .webcabarceno {
		position: absolute;
		top: 165px;
		left: 7px;
		width: 208px;
		height: 0;
		padding: 20px 0 0 0;
		overflow: hidden;
	}

	#cuerpo.entorno .enlace {
		position: absolute;		
		height: 0;
		padding: 105px 0 0 0;
		overflow: hidden;
		top: 10px;
	}

	#cuerpo.entorno .irsantander {left: 0px; width: 88px;}
	#cuerpo.entorno .irplayas {left: 89px; width: 100px;}
	#cuerpo.entorno .irpueblos {left: 191px; width: 94px;}
	#cuerpo.entorno .ircuevas {left: 287px; width: 98px;}
	#cuerpo.entorno .irmuseos {left: 386px; width: 77px;}	
	#cuerpo.entorno .ircabarceno {left: 465px; width: 74px;}		
	#cuerpo.entorno .irnaturaleza {left: 540px; width: 80px;}
	#cuerpo.entorno .irrios {left: 623px; width: 83px;}
	#cuerpo.entorno .irmontanas {left: 705px; width: 73px;}	
				
#cuerpo.reservas {
	background: url(imagenes/fondos/fondo-reservas.jpg) no-repeat;
	width: 780px;
	height: 0px;
	padding: 374px 0 0 0;
	overflow: visible;
	position: relative;
}

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

	#cuerpo.reservas .correo {
		width: 180px;
		top: 175px;
		left: 368px;		
	}
	
	#cuerpo.reservas .procedimiento {
		width: 390px;
		top: 338px;
		left: 368px;		
	}	
	
	#cuerpo.reservas .seguro {
		position: absolute;
		width: 780px;
		text-align: center;
		top: 408px;
		left: 0px;		
		background: #6d876b;
		color: #fff;
		padding: 6px 0;
		font-size: 12px;
	}		
	
#cuerpo.ofertas {
	background: url(imagenes/fondos/fondo-ofertas.jpg) no-repeat;	
	width: 780px;
	height: 378px;
	position: relative;
}
	
	#cuerpo.ofertas .texto {
		width: 441px;
		height: 378px;
		position: relative;
		margin-left: 337px;
		overflow-x: hidden;
		overflow-y: auto;		
	}
	
	#cuerpo.ofertas pre {
		overflow-x: hidden;
		overflow-y: auto;	
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;		
	}