/* 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:#ffffff;

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

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

/*---------------------------------------------------------------------*/
/*------------------------>>>  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:59px;
				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:0;
				}
/*-------------------------->>>  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:#FEEFD8;
			height:auto!important;
			border-bottom:1px solid #FBAA1B;
				
		}
			.bloque_iz h2 { color:#ffffff; background-color:#FBAA1B; height:28px; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px;width:263px; }
			.bloque_iz p { color:#444444; margin:20px; text-align:left; line-height:16px;}
			
		#centro {
			position:relative;
			float:right;
			width:715px;
		}
			#centro h2 { color:#c33253; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px; width:715px; }

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

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

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

/*----------------------------->>>  Pie  <<<----------------------------*/
	
	#footer {
		position:relative;
		float:left;
		background-color:#C33253;
		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:#fba103;
	}

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

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

.clear { clear:both;}

.right { float:right;}
.left { float:left;}	
	
.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;
}

/*-----------------------------------------------------------------------*/
/*------------------------> 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:-30px;
left:0px;
width:700px;
height:1025px;
} 

/*-----------------------------------------------------------------------*/
/*-----------------------> 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;}
#edades {color:#ffffff;} 
.select { color:#ffffff;}
.buscador_home_input_dia { color:#ffffff;}