@import url("framework.css");

@charset "utf-8";
/* CSS Document */

/*********************************************************** RESETEO ******************/
:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a, a img,:link img,:visited img { border:none; text-decoration:none; }
a {text-decoration:none;}

address { font-style:normal }


/***************************************************************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:url(../images/fondo-body.gif) repeat-x;
	background-color:#9c1985;
}

div#container {
	width:960px;
	position:relative;
	background:#fff;
	margin:auto;
}

/****************** HEADER *****************/

div#header {
	width:960px;
	height:125px;
	background:url(../images/fondo-header.gif) repeat-x;
	position:relative;
}

div.logo {width:350px; height:77px;}

h1 {
	color:#e4cfe0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	padding:8px 0 0 30px;
	font-weight:normal;
}

div.secciones {
	position:absolute;
	top:0px;
	right:0px;
}
div.secciones div {float:left;}
div.secciones a {
	display:block;
	padding:4px 8px;
	color:#cebdcb;
	background:#400135;
	font-weight:bold;
}
div.secciones a#current {
	display:block;
	padding:4px 8px;
	color:#fff;
	background:#781065;
	font-weight:bold;
}

div.idiomas {
	position:absolute;
	top:35px;
	right:0px;
}
div.idiomas img {margin-left:2px;}

div.webcam {
	position:absolute;
	top:85px;
	right:8px;
	width:163px;
	height:40px;
}


/***************************** ALOJAMIENTOS ***************/
div.alojamientos {
	position:relative;
	width:960px;
	height:488px;

}


div.fondo-al-1{
	background:url(../images/imag-aleat-grup/foto-1.jpg) no-repeat;
}
div.fondo-al-2{
	background:url(../images/imag-aleat-grup/foto-2.jpg) no-repeat;
}
div.fondo-al-3{
	background:url(../images/imag-aleat-grup/foto-3.jpg) no-repeat;
}
div.fondo-al-4{
	background:url(../images/imag-aleat-grup/foto-4.jpg) no-repeat;
}
div.fondo-al-5{
	background:url(../images/imag-aleat-grup/foto-5.jpg) no-repeat;
}
div.fondo-al-6{
	background:url(../images/imag-aleat-grup/foto-6.jpg) no-repeat;
}
div.fondo-al-7{
	background:url(../images/imag-aleat-grup/foto-7.jpg) no-repeat;
}
div.fondo-al-8{
	background:url(../images/imag-aleat-grup/foto-8.jpg) no-repeat;
}
div.fondo-al-9{
	background:url(../images/imag-aleat-grup/foto-9.jpg) no-repeat;
}
div.fondo-al-10{
	background:url(../images/imag-aleat-grup/foto-10.jpg) no-repeat;
}




div.alojamiento {
	width:240px;
	height:264px;
	float:left;
	margin-top:224px;
	position:relative;
}

div#porteugeni {background:url(../images/fondo-alojamiento1.png) no-repeat;}
div#arago {background:url(../images/fondo-alojamiento2.png) no-repeat;}
div#olimar {background:url(../images/fondo-alojamiento3.png) no-repeat;}
div#voramar {background:url(../images/fondo-alojamiento4.png) no-repeat;}
/*ie*/
div#porteugeni {_background:url(../images/fondo-alojamiento1.gif) no-repeat;}
div#arago {_background:url(../images/fondo-alojamiento2.gif) no-repeat;}
div#olimar {_background:url(../images/fondo-alojamiento3.gif) no-repeat;}
div#voramar {_background:url(../images/fondo-alojamiento4.gif) no-repeat;}
/**/

div.alojamiento div.foto {margin-top:14px;}
div.alojamiento p {
	padding:0 0 0 8px;
	margin-bottom:4px;
	width:200px;
}
div.mas {
	position:absolute;
	right:0;
	bottom:20px;
}


/****************************** OFERTAS *********************/
iframe#iframe {width:960px; height:400px;}
div#ofertas {
	margin:0 10px;
	border-bottom:20px solid #fff;
	margin-bottom:20px;
	background:#fff;
	overflow:hidden;
	_display:inline-block;
	border-bottom:1px solid #f3e3f0;
}

div.listado {
	float:left;
	width:707px;
	margin-right:3px;
}

div.listado h3 {
	padding:6px 0 6px 8px;
	background:#f3e3f0;
	color:#a0258d;
	font-size:14px;
	margin-bottom:5px;
}
div.listado h3 a {color:#a0258d;}
div.listado h3 span {
	display:block;
	float:right;
	margin-right:8px;
}
div.listado h3 span a {text-decoration:underline; font-size:12px;}

div.oferta {
	float:left;
	width:235px;
	position:relative;
	height:343px;	
}
.ofborde { background:url(../images/fondo-oferta.gif) no-repeat right bottom;}
div.oferta p {
	margin-bottom:5px;
}
div.oferta p span {
	font-size:11px;
	background:#f5f5f5;
	padding:4px 8px;
	display:block;
	margin-right:15px;
}
div.oferta p span.fondo-precio {
	background:#9c1985;
	color:#fff;
	width:100px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
div.oferta p strong {
	padding-left:8px;
}
div.oferta p.precio-of strong {color:#fff; font-size:16px; padding-left:4px;}
div.oferta p.precio-of a {color:#fff; text-decoration:none; width:100%; display:block;}
div.oferta p.texto-of {width:210px;}
div.oferta h4 {
	color:#e6a322;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-bottom:7px;
	padding-left:8px;
	width:210px;
	line-height:120%;
}
div.oferta p a {color:#e6a322; text-decoration:underline;}

div.foto-oferta {
	position:absolute;
	bottom:0;
}


div.reserva {
	width:230px;
	float:left;
}
div.reserva h3 {
	padding:6px 0 6px 8px;
	background:#d19dc6;
	color:#fff;
	font-size:14px;
	margin-bottom:5px;
}
div.reserva h3 a {color:#fff;}

div.reserva form {
	background:#f5f5f5;
	padding:8px;
	height:277px;
}



div.reserva form p {
	margin:0 0 4px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.reserva form p span.uno {
	float:left;
	width:90px;
	margin-right:8px;
}
div.reserva form p span.dos {
	float:left;
	width:110px;
}
div.reserva form p img {vertical-align:middle;}
div.reserva form select {
	border:1px solid #999;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
div.reserva form select:focus {border-color:#333;}
div.reserva form .select3 {width:90px; margin-top:4px;}
div.reserva form .select4 {width:110px; margin-top:4px;}

div.reserva form .campo1 {
	border:1px solid #999;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:180px;
}

div.reserva form p.buscdisp a {
	display:block;
	width:166px;
	height:25px;
	background:url(../images/fondo-bot-disp-home.gif) no-repeat;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:6px 0 0 8px;
	margin-top:60px;
}


/****************** PIE *************/
div#footer {
	width:960px;
	background:url(../images/fondo-pie.gif) repeat-x;
	background-color:#9c1985;
	position:relative;
	overflow:hidden;
	_display:inline-block;
}
div.footer-top {
	background:#851571;
	width:inherit;
}
div.footer-opciones {
	width:630px;
	padding:10px 0 10px 15px;
	overflow:hidden;
	_display:inline-block;
}
div.footer-opciones a {
	color:#ead0e6;
	text-decoration:underline;
	margin-right:12px;
	display:block;
	float:left;
}
div.footer-opciones a:hover {color:#fff;}

div.footer-secciones {
	position:absolute;
	top:10px;
	right:15px;
}
div.footer-secciones a {
	color:#ead0e6;
	text-decoration:underline;
	margin-left:12px;
	font-weight:bold;
}
div.footer-secciones a:hover {color:#fff;}	

div.footer-grupo {
	float:left;
	margin:15px 0 0 20px;
}
div.footer-grupo img {margin-bottom:15px;}
div.footer-grupo p {
	margin:0 0 8px 60px;
}
div.footer-grupo p a {color:#ead0e6; font-weight:bold;}
div.footer-grupo p a:hover {color:#fff; text-decoration:underline;}


div.footer-enlaces {
	float:left;
	margin:55px 0 0 40px;
	
}
div.footer-enlaces a {color:#ead0e6;}
div.footer-enlaces a:hover {color:#fff; text-decoration:underline;}
div.footer-enlaces li {margin-bottom:2px;}

div.separador-footer {
	width:200px;
	height:210px;
	width:9px;
	position:absolute;
	top:40px;
	left:380px;
	background:url(../images/separador-pie.gif) no-repeat;
}


div.studiogenesis {
	clear:both;
	margin-top:20px;
	color:#fff;
	font-size:11px;
	text-align:center;
	padding:40px 0 15px 0;
}
div.studiogenesis a {color:#ead0e6;}
div.studiogenesis img {margin-bottom:4px;}


/**** varios ****/
.contfloat {overflow:hidden; _display:inline-block;}


/******************************************************* PAGINA DISPONIBILIDAD *******/
iframe#iframe2 {width:960px; height:1000px;}

div#disponibilidad {
	width:940px;
	margin:10px;
}

div#disponibilidad h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

div.hasbuscado {
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #e5e5e5;
}
div.hasbuscado img {vertical-align:middle;}

a.dispo-busca {height:27px; color:#fff; font-weight:bold;  font-size:11px; display:block; float:right; margin-right:40px;}
a.dispo-busca span {display:block; float:left;}
a.dispo-busca span.izq {height:27px; width:5px; background:url(../images/bot-lateral-izq.gif) no-repeat;}
a.dispo-busca span.der {height:27px; width:5px; background:url(../images/bot-lateral-der.gif) no-repeat;}
a.dispo-busca span.centro {height:21px; padding: 6px 10px 0 10px; background:url(../images/bot-centro.gif) repeat-x;}

div.listado-disponibilidad {
	width:700px;
	float:left;
}

div.dispo {
	padding:4px;
	border:1px solid #e5e5e5;
	margin-bottom:15px;
}
div.dispo-foto {
	float:left;
	width:178px;
	font-size:11px;
	margin-right:10px;
}
div.dispo-foto div {
	width:178px;
	height:119px;
	overflow:hidden;
	margin-bottom:5px;
}
div.dispo-foto div img {width:178px;}
div.dispo-foto a {color:#666;}
div.dispo-foto a img {vertical-align:middle;}

div.dispo-linea {
	border-bottom:1px dashed #e5e5e5;
	padding-bottom:5px;
	font-size:12px;
	color:#666;
	margin-left:200px;
	margin-bottom:5px;
}
div.dispo-linea span.uno {float:left; width:270px; padding-top:7px;}
div.dispo-linea span.uno em {font-size:11px; font-style:normal;}
div.dispo-linea span.dos {float:left; text-align:right; width:85px; margin-right:10px; color:#9c1985; font-weight:bold; padding-top:7px; font-size:14px;}
div.dispo-linea span.tres {float:right; width:120px;}

a.dispo-busca span {display:block; float:left;}
a.dispo-busca span.izq {height:27px; width:5px; background:url(../images/bot-lateral-izq.gif) no-repeat;}
a.dispo-busca span.der {height:27px; width:5px; background:url(../images/bot-lateral-der.gif) no-repeat;}
a.dispo-busca span.centro {height:21px; padding: 6px 10px 0 10px; background:url(../images/bot-centro.gif) repeat-x;}

div.dispo-linea a.dispo-busca {margin-right:8px;}

div.dispo-enlaces {
	text-align:right;
	padding-right:8px;
	color:#666;
	margin-top:10px;
}
div.dispo-enlaces a {color:#666; text-decoration:underline;}

div.atencion {
	float:right; 
	margin-right:00px;
	width:225px;
	height:285px;
	background:url(../images/fondo-atencion.jpg) no-repeat;
}
div.atencion div {padding:10px 10px 0 10px;}
div.atencion strong {
	font-size:18px;
	font-weight:bold;
}
div.atencion strong em {color:#9c1985; font-style:normal;}