/* CSS Document */

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

/*---------------------------------------------------------------------*/
/*------------------------->>>  Globales  <<<--------------------------*/
/*---------------------------------------------------------------------*/
body {
	background:url(img/body_bg.png) repeat-x #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:30px;
	margin-bottom:10px;
	margin-left:30px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	color:#CE0024;
	width:70%

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

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

#cuerpo{
	width:960px;
	height:auto!important;
	margin:20px auto;
}
#footer_bg {
	width:100%;
	background:url(img/footer_bg.png) 100% 100% repeat-x transparent;
	height:auto!important;
	z-index:9;
	padding-bottom:50px;
	*padding-bottom:0px;
}

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

	#header{
		position:relative;
		float:left;
		width:960px;
	}
	
		#menu {
			position:relative;
			float:left;
			width:960px!important;
			height:35px;
			z-index:9999;
		}
	
		#foto_head {
			position:relative;
			float:left;
			background:url(img/foto_head.jpg) no-repeat #FFFFFF;
			width:960px;
			height:410px!important;
			display:block;
			z-index:1;			
		}
		#foto_head_galeria {
		position: relative;
		float: left;
		background-color: #ffffff;
		background-image: url(http://crs.itsolutions.es/datosBroker/bk_saplaya/imagenes/foto_head_online.jpg);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		width: 960px;
		height: 205px;
		display: block;
		z-index: 1;
		}
		
		#submenu {
			position:relative;
			width:145px;
			*width:144px;
			float:right;
			color:#969696;
			text-align:right;
			*text-align:left;
			margin:30px 55px 30px 0px;
			-margin:30px 25px 30px 0px;
		}
			#submenu strong { color:#000000; margin:auto 5px;}
		
			#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;}

			/*#slogan {
			position:relative; float:left;			
			margin-left:106px;
			margin-top:55px;
			}*/
			#slogan
			{
			position: absolute;
			left: 115px;
			margin-top: 50px;
			z-index::1;
			}
			#formular {
				position:relative;
				float:left;
				margin-left:141px;
				-margin-left:71px;
				margin-top:59px;
				*margin-top:50px;
				width:220px;
				height:212px;
			}
			
				#titu_head {
					position:relative;
					float:left;
					margin:0px;
					text-align:left;
					padding-left:5px;
					line-height:16px;
				}
				#miniform {
					margin-left:4px;
					-margin-left:3px;
					margin-top:19px;
					*margin-top:14px;
				}
		#banner_offer { 
			position:relative;
			float:right;
			margin-right:40px;
			margin-top:130px;
		}
/*-------------------------->>>  Contenido  <<<-------------------------*/

	#contenido{
		position:relative;
		float:left;
		color:#414141;
		width:960px;
		text-align:left;
		margin: 20px auto 45px auto;
		height:auto!important;
		z-index:99;
	}
		#lateral {
			position:relative;
			float:left;
			width:273px;
			margin-left:10px;
		}
		.bloque_iz {
			position:relative;
			float:left;
			height:auto!important;
			line-height:16px;
		}
			.bloque_iz h2 { color:#CE0024; height:28px; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:10px; width:283px; }
			.bloque_iz p { color:#7d7d7d; margin:20px auto 20px 10px; text-align:left; line-height:16px;}
			
			.bloque_iz ul { color:#7d7d7d; margin:15px auto 15px 40px;}
			.bloque_iz li { color:#7d7d7d; margin:10px auto; background:url(img/bullet.png) 0px 4px no-repeat transparent; text-indent:10px;}

		#centro {
			position:relative;
			float:right;
			width:610px;
			margin-right:20px;
			-margin-right:10px;
		}
			#centro h2 { color:#fff; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; width:610px; height:35px; background:url(img/h1.png) no-repeat transparent; float:right; }


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

			.bloque_dch {
				position:relative;
				float:right;
				width:610px;
				height:auto!important;					
			}
				.bloque_dch h2 { color:#ffffff!important; background-color:#6aa1d7; height:28px; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px; width:610px!important;}
				.bloque_dch p { color:#4d769e; margin:20px; text-align:left; line-height:16px;}


		#centro_full {
			position:relative;
			float:right;
			width:920px;
			margin-right:20px;
		}
			#centro_full h2 { color:#fff; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; width:920px; height:35px; background:url(img/h1_full.png) no-repeat transparent; float:right; }


			#centro_full a:link { color:#4d769e; text-decoration:none; font-weight:bold;}
			#centro_full a:visited { color:#4d769e; text-decoration:none; font-weight:bold;}
			#centro_full a:hover { color:#4d769e; text-decoration:underline; font-weight:bold;}
			/**/
			.fondo_galeria {
			padding:20px 10px;
			background:transparent url(img/body_bg.png) repeat-x 0 0;
			}
			.fondo_galeria a img {
			background-color:#FFFFFF;
			border:1px solid #ccc;
			padding:5px;
			margin:5px;
			}
			/**/
/*----------------------------->>>  Pie  <<<----------------------------*/
	
	#footer {
		position:relative;
		float:left;
		background-color:#4d769e;
		border-top:6px solid #9db4ca;
		width:960px;
		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:960px;
		height:50px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		color:#FFFFFF;
	}

		#pie a:link { color:#FFFFFF; text-decoration:none; font-weight:bold;}
		#pie a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold;}
		#pie a:hover { color:#FFFFFF; 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;}
.right20px { float:right; margin-right:20px;}
.left { float:left;}	
.left30px { float:left; margin-left:30px;}	


.rojo { color:#ce0024;}
.verde {
	color:#71A410;
	font-weight:bold;
}
.verde_right {
	float:right;
	color:#71A410;
	font-weight:bold;
	text-align:justify;
	margin-right:78px;
}

#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;
	margin-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;
}
.mt30px {
	margin:30px auto;
}

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

#outerdiv_EN {
width:610px;
height:800px;
*height:800px;
overflow:hidden;
position:relative;
margin:40px auto;

}
#outerdiv_FR {
width:610px;
height:800px;
*height:800px;
overflow:hidden;
position:relative;
margin:40px auto;

}
#outerdiv_ES {
width:610px;
height:840px;
*height:800px;
overflow:hidden;
position:relative;
margin:40px auto;

}
 #inneriframe {
position:absolute;
top:-30px;
*top:-30px;
left:-15px;
width:610px;
height:800px;
} 

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

#formPreReserva { 
	position:relative; 
	float:right; 
	*float:left; 
	margin-top:40px; 
	margin-right:140px;
	*margin-right:40px;
	*margin-left:40px;
	-margin-right:0px;
	-margin-left:0px;
}
	.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;
	}
/* newsletter */

.bloque_news {
		margin-bottom:15px;
		background:transparent url(img/bgnewsletter.png) no-repeat 0 0;
		width:263px;
		height:125px;
		padding:0 10px;
		}
		.submit_news {
		float:right;
		margin:15px;		
		}
		.bloque_news h3 {
			color:#ffffff;
			padding:12px;
			margin:0;
			font-size:18px;
			}
		#newsletter {
			margin:0;
			}
		.div_news {
			text-align:center;
			margin:0;		
			}
			.input_news {
				margin:0;
				width:175px;
				color:#7f7f7f;
				}
				
/*----------------------------------------------------------------------------------------------*/
/*------------------------::>> formulario_online_minipopup.html <<::----------------------------*/
/*----------------------------------------------------------------------------------------------*/

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