@charset "utf-8";

/* CASTELLANO */

div.inicio {
	width: 780px;
	height: 0px;
	padding: 262px 0 0 0;
	overflow: hidden;
	background: url(imagenes/fondo-inicio.jpg) no-repeat;
}

	div.inicio span {
		display: block;
		width: 0;
		height: 0;
		overflow: visible;
	}
	
	div.inicio #reserva-online {
		position: relative;
		top: -50px;
		left: 10px;
		width: 246px;
		height: 33px;
		display: block;
                float: left;
	}
        
        div.inicio #san-valentin-2014 {
		position: relative;
		top: -230px;
		right: 25px;
		width: 249px;
		height: 210px;
		display: block;            
                float: right;                
        }

div.elhotel {
	width: 780px;
	height: 270px;
	background: url(imagenes/fondo-el-hotel.jpg) no-repeat;
}
	div.elhotel h2 {
		font-size: 15px;
		padding: 10px 40px;		
	}

	div.elhotel p {
		font-size: 11px;
		padding: 0px 40px 10px 40px;
		line-height: 150%;
	}
	
	div.elhotel ul {
		font-size: 11px;		
		line-height: 130%;
		width: 49%; 
		float: left; 
		padding: 0; 
		margin: 0 0 6px 0; 
	}
	
	div.elhotel li {
		margin-left: 50px;
	}

div.habitaciones {
	width: 780px;
	height: 0px;
	padding: 263px 0 0 0;
	overflow:hidden;	
	background: #fff url(imagenes/fondo-habitaciones.jpg) no-repeat;
}

	div.habitaciones #hab-doble {
		position: relative;
		top: -190px;
		left: 180px;
		width: 120px;
		height: 160px;
		display: block;
	}

	div.habitaciones #hab-doble-superior {
		position: relative;
		top: -400px;
		left: 330px;
		width: 135px;
		height: 180px;
		display: block;
	}

	div.habitaciones #hab-doble-especial {
		position: relative;
		top: -530px;
		left: 490px;
		width: 120px;
		height: 165px;
		display: block;
	}

div.habitacion {
	width: 780px;
	height: 263px;
	background: #fff;
}

	div.habitacion .texto-hab-doble {
		float: left;
		width: 348px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-habitacion-doble.gif) no-repeat;
	}

	div.habitacion .texto-hab-doble-superior {
		float: left;
		width: 348px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-habitacion-doble-superior.gif) no-repeat;
	}

	div.habitacion .texto-hab-doble-especial {
		float: left;
		width: 348px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-habitacion-doble-especial.gif) no-repeat;
	}
	
	div.habitacion a {
		position: relative;
		top: -126px;
		left: 140px;
		width: 195px;
		height: 30px;
		display: block;
	}
	
	div.habitacion .foto {
		float: right;
		width: 432px;
		height: 263px;
	}

div.reservas {
	width: 780px;
	height: 263px;
	background: url(imagenes/fondo-reservas.gif) no-repeat;	
}

	div.reservas .texto {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		margin-top: 45px;
		text-align: center;
		float: left;
		width: 388px;
		height: 220px;
	}
	
	div.reservas .foto {
		float: right;
		width: 392px;
		height: 263px;
	}

div.comollegar {
	width: 780px;
	height: 0px;
	padding: 286px 0 0 0;
	overflow:hidden;	
	background: url(imagenes/mapa.gif) no-repeat;	
}

	div.comollegar .suesa {
		position: relative;
		top: -250px;
		left: 510px;
		width: 100px;
		height: 65px;
		display: block;
	}

div.comollegar-suesa {
	width: 780px;
	height: 0px;
	padding: 263px 0 0 0;
	overflow:hidden;	
	background: url(imagenes/mapa-suesa.gif) no-repeat;	
}

	div.comollegar-suesa .mapa {
		position: relative;
		top: -95px;
		left: 6px;
		width: 160px;
		height: 25px;
		display: block;
	}

div.playas {
	width: 780px;
	height: 0px;
	padding: 263px 0 0 0;
	overflow:hidden;	
	background: url(imagenes/fondo-playas.jpg) no-repeat;	
}

	div.playas ul {
		float: right;
		display: block;
		position: relative;
		top: -183px;
		right: 10px;
		width: 510px;
		height: 25px;
	}
	
	div.playas li {
		float: left;
		width: 100px;
		height: 25px;
		display: block;
	}
	
	div.playas a {
		display: block;
		height: 25px;
		width: 100px;
	}

div.playa {
	width: 780px;
	height: 263px;
	background: #fff;
}

	div.playa a {
		position: relative;
		top: -180px;
		left: 180px;
		width: 140px;
		height: 25px;
		display: block;
	}

	div.playa .foto {
		float: right;
		height: 263px;
		width: 447px;		
	}

	div.playa .texto-playa-langre {
		float: left;
		width: 333px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-playa-langre.gif) no-repeat;
	}

	div.playa .texto-playa-loredo {
		float: left;
		width: 333px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-playa-loredo.gif) no-repeat;
	}

	div.playa .texto-playa-somo {
		float: left;
		width: 333px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-playa-somo.gif) no-repeat;
	}

	div.playa .texto-playa-galizano {
		float: left;
		width: 333px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-playa-galizano.gif) no-repeat;
	}

div.otras-playas {
	width: 780px;
	height: 263px;
	background: #fff;
}

	div.otras-playas a {
		position: relative;		
		top: -110px;
		left: 45px;
		width: 140px;
		height: 25px;
		display: block;
	}

	div.otras-playas .texto-playa-sardinero {
		float: left;
		width: 201px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-playa-sardinero.jpg) no-repeat;
	}

	div.otras-playas .texto-playa-arnillas {
		float: left;
		width: 192px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-playa-arnillas.jpg) no-repeat;
	}

	div.otras-playas .texto-playa-ajo {
		float: left;
		width: 200px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-playa-ajo.jpg) no-repeat;
	}

	div.otras-playas .texto-playa-berria {
		float: left;
		width: 187px;
		height: 0px;
		padding: 263px 0 0 0;
		overflow:hidden;
		background: url(imagenes/texto-playa-berria.jpg) no-repeat;
	}

div.estancias-especiales {
	background-color:#CCCC66;
	padding-left: 20px;
	border: 1px solid #666;
	height: 263px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

	div.estancias-especiales a {
		color: #CC0000;		
	}

	div.estancias-especiales hr {
		margin: 20px 20px 20px 0;
		border: 0;
		border-bottom: 1px dotted #666;
		height: 0;
	}
	
	div.estancias-especiales h2 {
		margin: 20px 0;
		color: #660000;		
	}

	div.estancias-especiales h3 {
		font-size: 13px;
		margin: 5px 0 8px 0;
		padding: 0;
		color: #CC0000;
	}
	
	div.estancias-especiales ul {
		margin-left: 20px;
		margin-bottom: 5px;
	}

	div.estancias-especiales p {
		margin-left: 20px;
	}

	div.estancias-especiales .condiciones {
		color: #660000;
	}

div.fotos {
	width: 780px;
	height: 260px;
	padding: 0;
	overflow: hidden;	
	background: url(imagenes/fondo-fotos.jpg) no-repeat;	
}

	div.fotos ul {
		height: 100%;
		width: 100%;
		padding-top: 15px;
		padding-left: 5px;
	}
	
	div.fotos li {
		float: left;
		display: block;
		margin: 0px 8px 10px 8px;
		width: 112px;
		height: 112px;
	}
	
	div.fotos a {
		display: block;
		width: 112px;
		height: 112px;
	}

div.alfinsolos {
	width: 780px;
	height: 0px;
	padding: 263px 0 0 0;
	overflow:hidden;	
	background: url(imagenes/fondo-solos.jpg) no-repeat;	
}

div.tenundetalle {
	width: 780px;
	height: 0px;
	padding: 263px 0 0 0;
	overflow:hidden;	
	background: url(imagenes/fondo-ten-un-detalle.jpg) no-repeat;	
}

div.regalanoches {
	width: 780px;
	height: 0px;
	padding: 263px 0 0 0;
	overflow:hidden;	
	background: url(imagenes/fondo-regala-noches.jpg) no-repeat;	
}

div.precios {
	line-height: 120%;
	width: 780px;
	height: 263px;
	background: url(imagenes/fondo-precios.jpg) no-repeat;	
	color: #333;
}
	div.precios .texto-seguro {
		float: right;
		width: 120px;
		height: 0;
		padding: 130px 0 0 0;
		overflow: hidden;
	}

	div.precios .texto-precios {
		float: left;
		margin-left: 160px;
		width: 490px;
	}

	div.precios h2 {
		margin: 5px 0px 8px 0;
	}
	
	div.precios p {
		margin: 5px 0px;		
	}
	
	div.precios #tabla-precios {
		line-height: 100%;
		margin: 0 auto;
		margin-bottom: 15px;
		border-bottom: 1px solid;		
		border-collapse: collapse;
	}
	
	div.precios #tabla-precios th {
		text-align: left;
		padding: 5px 10px 5px 0;
		border-bottom: 1px solid;
	}	
	
	div.precios #tabla-precios td {
		padding: 2px 10px 2px 0;
		border-bottom: 1px solid #693;
		
	}
	
	div.precios #tabla-precios .precio {
		text-align: right;
	}
	
div.cosucas {
	background-color: #CCFF66;
	padding: 0 20px;
	border: 1px solid #666;
	height: 263px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #333;
}

	div.cosucas a {
		color: #CC0000;		
	}

	div.cosucas hr {
		margin: 20px 20px 20px 0;
		border: 0;
		border-bottom: 1px dotted #666;
		height: 0;
	}
	
	div.cosucas h2 {
		margin: 20px 0;
		color: #660000;		
	}

	div.cosucas h3 {
		font-size: 13px;
		margin: 18px 0 8px 0;
		padding: 0;
		color: #CC0000;
	}
	
	div.cosucas ul {
		margin-left: 20px;
		margin-bottom: 5px;
	}

	div.cosucas p {
		margin-left: 20px;
	}

div.lacasuca {
	width: 780px;
	height: 232px;
	background: #cccccc url(imagenes/apartamento.jpg) no-repeat top right;
}

	div.lacasuca h2 {
		/*font-size: 15px;
		padding: 10px 20px;		*/
		height: 0px;
		padding-top: 100px 0 0 0;
		overflow: hidden;
	}

	div.lacasuca p {
		font-size: 11px;
		padding: 5px 20px 5px 20px;
		line-height: 120%;
		margin-right: 340px;
	}
	
	div.lacasuca ul {
		font-size: 11px;		
		line-height: 130%;
		width: 49%; 
		float: left; 
		padding: 0; 
		margin: 0 0 6px 0; 
	}
	
	div.lacasuca li {
		margin-left: 50px;
	}


div.balneario {
	width: 780px;
	height: 263px;
	background: #374f51;
	color:#FFF;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;	
}

	div.balneario h2 {
		width: 780px;
		height: 131px;
		background: url(imagenes/titulo-balneario.jpg) no-repeat;
	}
	
	div.balneario h2 a {
		width: 780px;
		height: 0px;
		padding: 131px 0 0 0;
		overflow: hidden;
		display: block;
	}

	div.balneario h2 a:hover {
		border: 0;
	}

	div.balneario p {
		margin: 12px;
	}

div.balnea-romana {
	width: 780px;
	height: 263px;
	background: #45585f;
	color: #FFF;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;	
}

	div.balnea-romana h2 {
		width: 502px;
		height: 0;
		background: url(imagenes/titulo-balnea-romana.jpg) no-repeat;
		float: left;
		padding: 263px 0 0 0;
		overflow: hidden;
	}

	div.balnea-romana p {
		margin: 12px 18px 12px 514px;
	}


div.construccion {
	width: 780px;
	height: 0px;
	padding: 262px 0 0 0;
	overflow: hidden;
	background: #AB010D url(imagenes/fondo-vaca.gif) center no-repeat;
}

div.fotos-apartamento {
	width: 780px;
	height: 260px;
	padding: 0;
	overflow: hidden;	
	background: #6699cc url(imagenes/fondo-galeria-apartamento.jpg) no-repeat top left;
	color: #fff;
}

	div.fotos-apartamento p {
		float: right;
		width: 313px;
		text-align: center;
		line-height: 250%;
		margin-top: 70px;
	}

	div.fotos-apartamento a {
		color: #fff;
	}
	
	div.fotos-apartamento ul {
		height: 100%;
		width: 468px;
		padding-top: 37px;
		padding-left: 67px;
	}
	
	div.fotos-apartamento li {
		float: left;
		display: block;
		margin: 0px 9px 15px 10px;
		width: 83px;
		height: 83px;
	}
	
	div.fotos-apartamento a.foto {
		display: block;
		width: 83px;
		height: 83px;
	}


/* INGLÉS */

.en div.habitaciones {
	background: #fff url(imagenes/en/pagina-habitaciones-1englis.jpg) no-repeat;
}

.en div.habitacion h2 {
	font-size: 18px;
	color: #fff;
	margin: 10px 0 10px 15px;
}

.en div.habitacion p {
	color: #fff;	
	font-size: 13px;
	line-height: 19px;
	margin: 0px 15px;
}

.en div.habitacion a {
	position: relative;
	top: auto;
	left: auto;
	height: auto;
	width: auto;
	display: inline;
	
}

	.en div.habitacion .texto-hab-doble {
		height: 263px;
		padding: 0;
		background: #698168;
	}

	.en div.habitacion .texto-hab-doble a {
		color: #2a3d1e;
	}


	.en div.habitacion .texto-hab-doble-superior {
		height: 263px;
		padding: 0;
		background: #688db2;
	}
	
	.en div.habitacion .texto-hab-doble-superior a {
		color: #31435f;
	}

	.en div.habitacion .texto-hab-doble-especial {
		height: 263px;
		padding: 0;
		background: #75291f;
	}
	.en div.habitacion .texto-hab-doble-especial p {	
		line-height: 16px;
	}

	.en div.habitacion .texto-hab-doble-especial a {
		color: #e7da91;
	}


.en div.reservas {
	width: 780px;
	height: 263px;
	background: #fdf5a1;
}

.en div.playas {
	background: url(imagenes/en/inicioplayas.gif) no-repeat;	
}

	.en div.playa h2 {
		font-size: 13px;
		color: #900303;
		margin: 5px 0 5px 10px;
	}
	
	.en div.playa p {
		color: #333;	
		font-size: 10px;
		line-height: 13px;
		margin: 0px 10px;
	}

	.en div.playa a {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		display: inline;
		color: #900303;
	}

	.en div.playa .texto-playa-langre {
		height: 263px;
		padding: 0;
		background: none;
	}

	.en div.playa .texto-playa-loredo {
		height: 263px;
		padding: 0;
		background: none;
	}

	.en div.playa .texto-playa-somo {
		height: 263px;
		padding: 0;
		background: none;
	}

	.en div.playa .texto-playa-galizano {
		height: 263px;
		padding: 0;
		background: none;
	}

.en div.regalanoches {
	width: 780px;
	height: 0px;
	padding: 263px 0 0 0;
	overflow:hidden;	
	background: url(imagenes/en/regalahotel-ingles.jpg) no-repeat;	
}

.en div.tenundetalle {
	width: 780px;
	height: 0px;
	padding: 263px 0 0 0;
	overflow:hidden;	
	background: url(imagenes/en/detalle-en-inglis.jpg) no-repeat;	
}
	.en div.otras-playas p {
		font-size: 12px;
		padding-top: 10px;
		padding-right: 20px;
	}

	.en div.otras-playas a {
		top: auto;
		left: auto;
		position: relative;
	}

.en div.otras-playas div {
	background: none;
	padding: 0;
	height: 263px;
}