@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Tahoma;} /* nada tendrá padding ni margen, y las fuentes serán 11px */
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: underline; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: none;}
img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
acronym {border: 0;}
.manolink{cursor: pointer;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * cómo hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body { background:#fff;}
#pagina { width:972px; margin:0px auto; }


/**************************************
	Contenido
***************************************/
#principal{background: url(/imagenes/fnd.jpg) no-repeat; width:972px; height:632px; color:#fff;}
	#principal h2{ font-size:29px; text-align:left; margin-left:21px; padding-top:20px; _padding-top:10px; }
	#principal #descripcion-contenido{ width:693px; margin-left:21px; height:80px; margin-top:15px; }
	
	#contenido{float:left; display:inline; margin-top:160px; _margin-top:140px;}
	
		#contenido .promociones{ width:427px; height:80px; background:url(/imagenes/fnd-promo.gif) repeat; margin-top:10px; margin-left:15px;border-top: #b9a600 solid 4px;}
			#contenido .promociones .drch{ float:left;display:inline; width:248px; margin-top:7px; margin-left:5px;}
			#contenido .promociones p{  font-size:21px; }
			#contenido .promociones .desc-promo{ font-size:15px; width:210px; margin-top:-10px; margin-left:27px;}
			#contenido .promociones .precio{ float:left;display:inline; font-size:70px; height:22px;}
			#contenido .promociones .euros{ float:right;display:inline; font-size:17px; margin-left:66px; margin-right:10px; margin-top:20px;}
			#contenido .promociones .noches{ float:right;display:inline; font-size:17px; margin-right:6px; margin-top: 10px;}
			
			
		#contenido #video {float:left; display:inline; margin-left:15px;margin-top:15px; background:url(/imagenes/btn-video.gif) no-repeat; width:85px; height:64px; text-indent:-999999px;}
		#contenido #video:hover{background:url(/imagenes/btn-video_on.gif) no-repeat;}
			
		
	
	/*Columna del formulario*/
	#columna{ float:left; display:inline; width:247px; /*height:622px; */background:transparent url(/imagenes/fnd-trans.png) repeat scroll 0 0;margin-left:272px;}
	#columna h1{ background: url(/imagenes/logo-h1.gif) no-repeat; height:124px; text-indent:-9999999px;}
		#columna form {width:247px; height:384px; height:384px;  margin-top:5px;}
		#columna form label{ width:220px; height:20px; margin-left:14px;  }
		#columna form input{ width:220px; height:20px; margin-left:14px; background:#4a4f57; border:none; margin-bottom:7px; color:#fff; margin-top:3px;}
		#columna form select{ width:220px; height:20px; margin-left:14px; background:#4a4f57; border:none; color:#fff; margin-bottom:7px;margin-top:3px;}
		#columna form textarea{ width:220px; height:62px; margin-left:14px; background:#4a4f57; border:none; margin-bottom:6px; color:#fff;margin-top:3px;}
		#columna form #informacion{ margin-left:14px; margin-bottom:8px;}
		#columna form .pequeno{ width:77px; height:20px; margin-left:14px; }
		#columna form #email{ width:125px; height:20px; margin-left:14px; }
		#columna form .primero{margin-right:35px;}
		#columna form .inline{float:left; display:inline;  width:200px; height:auto; margin-bottom:6px;}
		#columna form .checks{float:left; display:inline; width:12px; height:12px; margin-bottom:0px; margin-top:1px;}
		#columna form .checks_label{float:left; display:inline;  width:200px; height:auto; margin-bottom:0px;}
		#columna form a{color:#fff; text-decoration:underline;}
		#columna form a:hover{color:#fff; text-decoration:none;}
		
		#columna form #enviar{float:right; display:inline; width:115px; height:29px; background:url(/imagenes/btn-enviar_off.gif)no-repeat; color:#fff; *+background:#b9a600; border:none; margin-right:18px; margin-top:6px; margin-bottom:0px; *+margin-bottom:5px;text-indent:-999px;}
		#columna form #enviar:hover{background:url(/imagenes/btn-enviar_on.gif)no-repeat; *+background:#fff; color:#b9a600; border:none;text-indent:-999px;cursor:pointer;}
		.condiciones{margin-top:18px; height:15px;}
		.condiciones input{ height:25px; margin-top:0px;}
		
	
/*galeria*/	
	#galeria{/*width:972px;*/ height:72px;}
		#galeria img{ border:none; margin-right:-3px; height:72px; width:108px;}
/*pie*/	
	#pie{width:972px;height:23px; background:#b9a600; color:#fff; padding-top:11px; _margin-top:-2px;}
		#pie span{ float:left; display:inline; margin-left:15px; font-size: 10px;}
		#pie #dir_hotel{ float:right; display:inline; margin-right:15px; margin-top:-1px;}
		#pie #dir_hotel a{color:#fff; text-decoration:none;}
		#pie #dir_hotel a:hover{color:#fff; text-decoration:underline;}
		
/**************CONDICIONES*******************/
#contenido-condiciones{ background:#000000; color:#fff; height:386px;}
#contenido-condiciones a{ color:#fff; text-decoration:underline;}
#contenido-condiciones a:hover{ color:#fff; text-decoration:none;}
#contenido-condiciones h2{ font-size:25px; padding-top:60px; margin-left:50px; margin-bottom:25px;}
#contenido-condiciones p{ margin-left:50px; margin-top:22px; margin-right:60px;}

/*************REQUEST****************/
#contenido-request{ background:#000000; color:#fff; height:387px;}
#contenido-request h2{ font-size:25px; padding-top:60px; margin-left:50px; }
#contenido-request p{ float:left; display:inline; font-size:24px; width:310px; margin-left:50px; margin-top:80px; margin-right:60px;}
#contenido-request img{ margin-top:32px;}