/* CSS Document */

@import url("reset.css");
@import url("header.css");


/*---------------------------------------------------------------------*/
/*--------------------->  Globales  <<<--------------------------*/
/*---------------------------------------------------------------------*/
body {
	background-color:#FFFFFF;
	text-align:center;
	padding:0px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#414141;
}
h1 {
	float:left;
	font-size:14px;
	font-weight:normal;
	margin:20px 0px 0px 0px;
	width:550px;
	text-align:left;
}
h2 { 
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	color:#fff;

}
h3 { 
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	color:#fff;
	width:100%

}
hr {
	position:relative;
	float:left;
	width:500px;
	margin:20px;
	color:#fff;
	font-weight:bold;
	border:1px solid #000;
	}

/*---------------------------------------------------------------------*/
/*-------------------->  Estructura  <<<-------------------------*/
/*---------------------------------------------------------------------*/

#cuerpo{
	width:978px;
	height:auto!important;
	margin:20px auto;
}

/*---------------------->  Cabecera  <<<-------------------------*/

	#header{
		position:relative;
		float:left;
		width:978px;
	}
	#logo { position:relative; float:left; margin-left:30px;}
	
		#submenu {
			position:relative;
			float:right;
			color:#969696;
			text-align:right;
		}
			#submenu strong { color:#000000; margin:auto 15px;}
		
			#submenu a:link { color:#969696; margin:auto 15px; text-decoration:underline; font-weight:normal;}
			#submenu a:visited { color:#969696; margin:auto 15px; text-decoration:underline; font-weight:normal;}
			#submenu a:hover { color:#969696; margin:auto 15px; text-decoration:none; font-weight:normal;}

		#menu {
			position:relative;
			float:right;
			width:978px;
			height:32px;
			margin-top:10px;
			z-index:9999;
		}
	
		#foto_head {
			position:relative;
			float:left;
			background:url(img/foto_head.jpg) no-repeat #FFFFFF;
			width:978px;
			height:270px!important; /**/
			display:block;
			margin-top:-18px;
			z-index:1;
		}
		
			#formular {
				position:relative;
				float:left;
				margin-left:95px;
				-margin-left:47px;
				margin-top:57px;
				width:277px;
				height:212px;
			}
			
				#titu_head {
					position:relative;
					float:left;
					margin:0px;
					text-align:left;
					padding-left:5px;
					line-height:16px;
				}
				#miniform {
					margin-left:24px;
					margin-top:4px;
				}
/*---------------------->  Contenido  <<<-------------------------*/

	#contenido{
		position:relative;
		float:left;
		color:#414141;
		width:978px;
		text-align:left;
		margin: 20px auto 45px auto;
		height:auto!important;
		z-index:99;
	}
		#lateral {
			position:relative;
			float:left;
			width:263px;
		}
		.bloque_iz {
			position:relative;
			float:left;
			background-color:#f4f5f8;
			height:auto!important;
			border-bottom:2px solid #c0c0ff;
				
		}
			.bloque_iz h2 { color:#fff; background-color:#566699; height:28px; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px;width:263px; }
			.bloque_iz p { color:#333366; margin:20px; text-align:left; line-height:16px;}
			#iofertas {
				margin-left:18px;
				width:225px;
				height:950px;
				}
		
		#centro,#centro_index {
			position:relative;
			float:right;
			width:715px;
		}
			#centro_index h1 { font-size:18px;color:#333366; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px; width:715px; margin-bottom:30px; }

			#centro h2,#centro_index h2 { color:#333366; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px; width:715px; }

			#centro ul { color:#333366; margin:60px 80px;}
			#centro li { color:#333366; margin:20px auto; background:url(img/bullet.png) 0px 2px no-repeat transparent; text-indent:25px;}

			#centro a:link { color:#333366; text-decoration:none; font-weight:bold;}
			#centro a:visited { color:#333366; text-decoration:none; font-weight:bold;}
			#centro a:hover { color:#333366; text-decoration:underline; font-weight:bold;}

			.bloque_dch {
				position:relative;
				float:right;
				width:700px;
				background-color:#f4f5f8;
				height:auto!important;
				border-bottom:2px solid #c0c0ff;					
			}
				.bloque_dch h2 { color:#ffffff!important; background-color:#566699; height:28px; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px; width:700px!important;}
				.bloque_dch p { color:#333366; margin:20px; text-align:left; line-height:16px;}

/*------------------------->  Pie  <<<----------------------------*/
	
	#footer {
		position:relative;
		float:left;
		background-color:#33337d;
		border-top:6px solid #C0C0FF;
		width:978px;
		height:68px;
		margin:0px auto;
		z-index:10;
		text-align:left;
		padding:0px;
	}
		.footer_links {
			position:relative;
			float:left;
			color:#FFFFFF;
			margin:25px 20px;
			font-size:12px;
			font-weight:bold;
		}
		.footer_links a:link { color:#FFFFFF; margin:auto 15px; text-decoration:none; font-weight:normal;}
		.footer_links a:visited { color:#FFFFFF; margin:auto 15px; text-decoration:none; font-weight:normal;}
		.footer_links a:hover { color:#FFFFFF; margin:auto 15px; text-decoration:underline; font-weight:normal;}
		
	#footer address { position:relative; float:right; color:#FFFFFF; text-align:right; font-style:normal; line-height:14px; margin:6px;}
	
		#footer address a:link { color:#FFFFFF; text-decoration:none; font-weight:bold;}
		#footer addresss a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold;}
		#footer address a:hover { color:#FFFFFF; text-decoration:none; font-weight:bold;}
	
	
	#pie {
		position:relative;
		float:left;
		margin-top:2px;
		width:978px;
		height:100px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		color:#333366;
	}

		#pie a:link { color:#333366; text-decoration:none; font-weight:bold;}
		#pie a:visited { color:#333366; text-decoration:none; font-weight:bold;}
		#pie a:hover { color:#333366; text-decoration:underline; font-weight:bold;}

/*---------------------------------------------------------------------*/
/*----------------------->  Clases  <<<--------------------------*/
/*---------------------------------------------------------------------*/

.error label { position:relative; margin-right:5px 10px 5px 100px; height:20px; display:block; width:300px; color:#F35B00;}

.clear { clear:both;}

.right { float:right;}
.left { float:left;}	

#destinos {
	position:relative;
	float:left;
	width:558px;
	-width:565px;
	margin-left:30px;
	-margin-left:12px;
	padding:0px;
}
.elp {
	position:relative;
	text-align:justify;
	margin:25px 15px 25px 5px;
	-margin:25px 0px 25px 0px;
	line-height:16px;
}
.elpone {
	position:relative;
	text-align:justify;
	margin:40px 15px 12px 5px;
	-margin:40px 0px 12px 0px;
	line-height:16px;
}
.elgolf {
	position:relative;
	text-align:justify;
	margin:30px 15px 60px 5px;
	line-height:16px;
}
	.hotel {
		position:relative;
		float:left;
		background:url(img/bloque_hotel.png) no-repeat #ffffff;
		width:279px;
		height:159px;
	}
		.fototel {
			position:relative;
			float:left;
			margin:10px 0px 0px 10px;
			margin:10px 0px 0px 10px;
		}
		.textotel {
			position:relative;
			float:left;
			width:150px;
			margin:10px 5px 0px 5px;
			font-size:11px;
		}
		.textotel p{
			text-align:left;
			margin:5px 7px 0px 7px;
			word-spacing:-0.15em;
			line-height:14px;
		}
#servicios	{
	position:relative;
	float:left;
	text-align:left;
	width:205px;
	margin-right:23px;
	margin-top:0px;
}
*#servicios	{
	position:relative;
	float:right;
	width:205px;
	margin-right:23px;
	-margin-right:0px;
	-padding-right:12px;
	margin-top:0px;
}
#banner {
	position:relative; 
	left:10px; 
	top:10px;
}	
.newsletter {
	position:relative;
	float:left;
	margin-top:30px;
	background:url(img/newsletter.png) no-repeat;
	width:200px;
	height:115px;
	color:#414141;
	padding-top:40px;
	padding-left:20px;
	-padding-left:0px;
	text-align:left;
}	
.newsletter input {
	margin:5px auto auto auto;
}
#btn_envio {
	background:url(img/btn_news_sin.png) no-repeat;
	float:right;
	margin-right:40px;
	-margin-right:0px;
	-padding-right:0px;
}
.texto {
	position:relative;
	float:left;
	text-align:justify;
	width:680px;
	display:block;
	margin-left:78px;
	line-height:16px;
}
.texto_strecho {
	position:relative;
	float:left;
	text-align:justify;
	width:420px;
	display:block;
	margin-left:78px;
	line-height:16px;
}
.texto_strecho_r {
	position:relative;
	float:right;
	text-align:justify;
	width:420px;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	*margin-top:-270px;
	margin-right:78px;
	line-height:16px;
}
.img_right {
	float:right;
	margin-right:55px;
	margin-top:-30px;
}
.img_right_b {
	float:right;
	margin-right:55px;
	margin-top:0px;
}
.img_left {
	position:relative;
	float:left;
	margin-left:-440px;
	margin-top:300px;
}
.img_left_b {
	position:relative;
	float:left;
	margin-left:-440px;
	margin-top:350px;
}
.tarjetero {
	position:relative;
	float:left;
	margin-top:22px;
	margin-left:65px;
}
.pawa {
	position:relative;
	float:right;
	margin-right:80px;
	margin-top:11px;
}
.verde {
	color:#fff;
	font-weight:bold;
}
.verde_right {
	float:right;
	color:#fff;
	font-weight:bold;
	text-align:justify;
	margin-right:78px;
}
.mt30px {
	margin:30px auto;
}

/*-----------------------------------------------------------------------*/
/*---------------------- Iframe Condiciones <-------------------------*/
/*-----------------------------------------------------------------------*/

#outerdiv_DE {
width:690px;
height:1000px;
overflow:hidden;
position:relative;
margin:40px auto;

}
#outerdiv_EN {
width:690px;
height:1000px;
overflow:hidden;
position:relative;
margin:40px auto;

}
#outerdiv_FR {
width:690px;
height:1000px;
overflow:hidden;
position:relative;
margin:40px auto;

}
#outerdiv_ES {
width:690px;
height:1000px;
overflow:hidden;
position:relative;
margin:40px auto;

}
 #inneriframe {
position:absolute;
top:-20px;
*top:-30px;
left:0px;
width:700px;
height:2500px;
} 

/*-----------------------------------------------------------------------*/
/*--------------------- Formulario Contacto <-------------------------*/
/*-----------------------------------------------------------------------*/

#formPreReserva { 
	position:relative; 
	float:right; 
	*float:left; 
	margin-top:40px; 
	margin-right:200px;
	*margin-right:180px;
	*margin-left:100px;
}
	.elcontact {
		position:relative;
		text-align:left;
		line-height:16px;
		height:27px;
		display:block;
		font-size:11px;
	}
	.losinputs {
		position:relative;
		float:left;
		width:100px;
		text-align:left;
		display:block;
		font-size:12px;
	}
	.privacidad {
		position:relative;
		float:right;
		text-align:left;
		width:280px;
		display:block;
		font-size:12px;
		margin-top:-13px;
		*margin-top:-15px;
	}

/*----------------------------------------------------------------------------------------------*/
/*------------------------::>> formulario_online_minipopup.html <<::----------------------------*/
/*----------------------------------------------------------------------------------------------*/

.text_minipop {padding-right: 5px; color:#ffffff; font-weight:bold; border:1px solid red;}
#edades {color:#ffffff;} 
.select { color:#ffffff;}
.buscador_home_input_dia { color:#ffffff;}