/*-----------------------------------------------------------------------*/
/*---------------------------> CSS Document <----------------------------*/
/*-------------------> www.holidayhomesbvythesea.com <-------------------*/
/*--------------------------> Designed by B2U <--------------------------*/
/*-----------------------------------------------------------------------*/

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

/*-----------------------------------------------------------------------*/
/*-----------------------------> Globales <------------------------------*/
/*-----------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px auto;
	text-align:center;
	background-color:#000000;
	color:#FFFFFF;
	behavior: url("csshover3.htc"); 
}
h1 {
	position:relative;
	text-align:left;
	color:#076da3;
	font-size:16px;
	font-weight:bold;
	padding:10px 30px;
	height:22px;	
	*height:40px;	
}
	h1 span {display:none;}
	
	h1.wide {
		position:relative;
		text-align:left;
		font-size:18px;
		background:url(img/bullet.png) no-repeat 2px 5px;
		text-indent:20px;
		margin:15px 30px 15px 10px;
		line-height:22px;
		}
h2 {
	position:relative;
	float:left;
	font-size:18px;
	text-align:left;
	text-indent:20px;
	text-transform:uppercase;
	height:21px!important;
	background:url(img/bullet_h2.png) 15px 14px no-repeat #171717;
	padding:15px;
}
	h2.wide {
		position:relative;
		float:left;
		text-align:left;
		font-size:16px;
		background:url(img/bullet.png) no-repeat 2px 3px;
		text-indent:20px;
		margin:10px 0px 20px 30px;
		}
h2.wide a { text-decoration:none; cursor:default;}
	h2.objetivos {
		position:relative;
		float:left;
		text-align:left;
		font-size:14px;
		background:url(img/bullet.png) no-repeat 2px 3px;
		text-indent:20px;
		margin:10px 0px 0px 50px;
		line-height:18px;
		}
h3 {
	position:relative;
	float:left;
	width:310px;
	margin-left:20px;
	margin-top:15px;
	text-align:left;
}
h4 { margin:10px auto 20px auto;}

hr {width:90%; clear:both; color:#39424f; margin:10px auto;}

address {
	position:relative;
	float:left;
	text-align:left;
	font-size:12px;
	line-height:18px;
	color:#39424f;
	width:230px;
	margin:20px 0px 20px 35px ;	
}	

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

#contenedor {
	width:975px;
	height:auto!important;
	margin:0px auto;
	padding:0px auto;
}
	#header {
		margin:0px auto;
		width:975px;
		height:192px;
		z-index:1;
	}
		#head_links {
			position:relative;
			float:left;
			color:#FFFFFF;
			margin-top:8px;
			font-size:12px;
			font-weight:bold;
			height:75px;
		}
			#head_links a:link { color:#b1e520; text-decoration:none; }
			#head_links a:visited { color:#b1e520; text-decoration:none;}
			#head_links a:hover { color:#b1e520; text-decoration:underline;}
			
			#logo_skype {display: inline; vertical-align:middle;}

/*----------------------------> Menu Idiomas <-----------------------------*/
			
		#idiomas {
			position:relative;
			float:right;
			margin-right:2px;
			margin-top:8px;
			text-align:right;
			color:#fffff;
				width:175px;
		}
			#idiomas ul li {
				margin: 0; 
				padding: 0;
				height:16px;
				list-style: none;
				display: inline;
				width:30px;
			}
			#idiomas li a, #idiomas li strong {
				float: right;
				padding: 16px 0 0 0;
				overflow: hidden;
				height: 0px !important; 
				height /**/: 16px; /* IE 5/Win hack */
				width:30px;
				margin-right:4px;
			}
			#idiomas li strong {background-position: 0 -17px!important;}
			#idiomas li a:hover {background-position: 0 -17px;}		
			#idiomas li a.selected { background-position: 0 -17px!important;}
				li.lang_esp a, li.lang_esp strong {	background: url(img/lang_esp.png) no-repeat;}
				li.lang_eng a, li.lang_eng strong {	background: url(img/lang_eng.png) no-repeat;}
				li.lang_deu a, li.lang_deu strong {	background: url(img/lang_deu.png) no-repeat;}

/*----------------------------> Fin Menu Idiomas <-----------------------------*/
 
 		#foto_head {
			position:relative;
			width:975px;
			height:356px!important;
			background:url(img/foto_head.jpg) no-repeat transparent;
			top:-1px;
			clear:both;
			z-index:99;
		}
 		#foto_head2 {
			position:relative;
			width:975px;
			height:356px!important;
			background:url(img/foto_head2.jpg) no-repeat transparent;
			top:-1px;
			clear:both;
			z-index:99;
		}
			#navigator span {
				position:relative;
				float:left;
				margin-left:30px;
				margin-top:8px;
				color:#747474;
			}
				#navigator a:link { color:#304884; text-decoration:none;}
				#navigator a:visited { color:#304884; text-decoration:none;}
				#navigator a:hover { color:#CF2C2C; text-decoration:none;}
				
	#miniform {
		position:relative;
		float:right;
		background:url(img/miniform.png) no-repeat;
		width:228px;
		height:240px;
		margin-right:75px;
		-margin-right:15px;
		top:9px;
	}
		#miniform_head {
			position:relative;
			float:right;
			height:207px;
			width:200px;
			margin-right:-7px;
			margin-top:22px;
		}

		#logo {
			position:relative;
			float:left;
			margin-top:18px;
			margin-left:42px;
		}
		#menu {
			position:relative;
			width:975px;
			height:53px;
			margin-top:-7px;
			z-index:999;
			clear:both;
		}
			#calendar_day {
				position:relative;
				float:right;
				margin-top:3px;
			}

/*----------------------------> Submenuses <-----------------------------*/

		#submenu_secret {
			position:absolute;
			right:318px;
			top:140px;
			background:url(img/submenu_bg.png) no-repeat transparent;
			width:182px;
			height:214px;
			z-index:99999;
		}
			#submenu_secret a { position:relative; float:left; background:url(img/submenu_link.png) 0px 0px no-repeat transparent; height:15px; width:137px!important; margin-top:5px; margin-left:22px; text-decoration:none; padding-top:1px;}
			#submenu_secret a:link { color:#000000;}
			#submenu_secret a:visited { color:#000000;}
			#submenu_secret a:hover { background:url(img/submenu_link.png) 0px -16px no-repeat transparent; color:#ffffff; font-weight:bold;}

		#submenu_nautic {
			position:absolute;
			right:156px;
			top:177px;
			background:url(img/submenu_naut_bg.png) no-repeat transparent;
			width:182px;
			height:177px;
			z-index:99999;
		}
			#submenu_nautic a { position:relative; float:left; background:url(img/submenu_link.png) 0px 0px no-repeat transparent; height:15px; width:137px!important; margin-top:5px; margin-left:22px; text-decoration:none; padding-top:1px;}
			#submenu_nautic a:link { color:#000000;}
			#submenu_nautic a:visited { color:#000000;}
			#submenu_nautic a:hover { background:url(img/submenu_link.png) 0px -16px no-repeat transparent; color:#ffffff; font-weight:bold;}

		#submenu_specials {
			position:absolute;
			right:-7px;
			top:200px;
			background:url(img/submenu_spec_bg.png) no-repeat transparent;
			width:182px;
			height:153px;
			z-index:99999;
		}
			#submenu_specials a { position:relative; float:left; background:url(img/submenu_link.png) 0px 0px no-repeat transparent; height:15px; width:137px!important; margin-top:5px; margin-left:22px; text-decoration:none; padding-top:1px;}
			#submenu_specials a:link { color:#000000;}
			#submenu_specials a:visited { color:#000000;}
			#submenu_specials a:hover { background:url(img/submenu_link.png) 0px -16px no-repeat transparent; color:#ffffff; font-weight:bold;}
			
/*----------------------------> Fin Submenuses <-----------------------------*/
 
#cuerpo {
	width:975px;
	height:auto!important;
	background-color:#252525;
	margin-top:0px;
	*margin-top:308px;
	-margin-top:0px;
	clear:both;
	line-height:14px;
}

	#lateral {
		position:relative;
		float:left;
		width:305px;
		height:auto!important;
		margin-top:10px;
		margin-left:15px;				
		-margin-left:5px;				
	}

		.bloque_lat {
			position:relative;
			float:left;
			background-color:transparent;
			height:auto!important;
				
		}
		.bloque_lat h2{width:275px;}
		.bloque_lat img{margin-top:10px;}
		.bloque_lat p{
			width:275px;
			margin: 15px;				
			text-align:justify;
			color:#747474;
		}
			.bloque_lat a { position:relative; float:left; text-align:left; text-indent:35px; background:url(img/bullet_link.png) 15px 8px no-repeat transparent; height:23px; width:295px; margin-top:5px; margin-left:5px; text-decoration:none; font-size:16px; color:#ffffff; font-weight:bold; padding-top:6px; *padding-top:7px;}
			.bloque_lat a:link { color:#ffffff;}
			.bloque_lat a:visited { color:#ffffff;}
			.bloque_lat a:hover { color:#000000; font-weight:bold; background:url(img/bullet_black_link.png) 15px 8px  no-repeat #7AAA15;}


	#contenido  {
		position:relative;
		float:right;
		width:624px;
		-width:594px;
		margin-right:15px;				
		-margin-right:5px;				
		margin-top:10px;
		background-color:#2a282b;
	}
		#contenido h2 {width:594px;}
		#contenido h2 a { text-decoration:none; cursor:default;}
		#contenido p {
			position:relative;
			float:left;
			text-align:justify;
			font-size:12px;
			line-height:18px;
			color:#39424f;
			margin:10px 20px 10px 20px;
			-margin:10px;
			color:#FFFFFF;
			/*text-indent:20px;*/
		}	
			#contenido ul {
				position:relative;
				float:left;
				text-align:left;
				margin:5px 0px 20px 50px;
				color:#ffffff;
				line-height:18px;
			}
			#contenido li {
				position:relative;
				float:left;
				text-align:left;
				margin:5px ;
				width:400px;
				clear:both;
				line-height:18px;
				background:url(img/bullet.png) 0px 3px no-repeat transparent;
				text-indent:15px;
			}
				#contenido a:link { color:#FFFFFF; text-decoration:none; font-weight:bold;}
				#contenido a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold;}
				#contenido a:hover { color:#FFFFFF; text-decoration:underline; font-weight:bold;}

				
/*----------------------------> Contenido Secciones <-----------------------------*/

	.bloque_seccion {
		position:relative;
		float:left;
		width:624px;
		background-color:#2a282b;
/*		 border:1px solid #666666;
*/	}
		.texto_bloque_seccion {
			position:relative;
			float:right;
			margin:10px;
			color:#000000;
		}
	.bloque_seccion img { border:1px solid #0F0F0F;}

/*----------------------------> Contenido Inferior <-----------------------------*/

		#contenido_wide  {
			position:relative;
			float:right;
			width:945px;
			margin-right:15px;				
			margin-top:10px;
			background-color:#2a282b;
		}
			#contenido_wide h2 {width:915px;}
			
	#contenido_inferior {
		position:relative;
		float:left;
		width:975px;
	}
		.bloque_inferior {
			position:relative;
			float:left;
			background-color:transparent;
			height:auto!important;
			margin-left:15px;
				
		}
		.bloque_inferior h2 {
			width:275px;
		}
		.bloque_inferior img {
			margin-top:10px;
			border:10px solid #2a282b;				
		}
		.bloque_inferior p {
			width:275px;
			margin: 15px;				
			text-align:justify;
			color:#747474;
		}
		.bloque_inferior a:link { text-decoration:none; color:#FFFFFF;}
		.bloque_inferior a:visited { text-decoration:none; color:#FFFFFF;}
		.bloque_inferior a:hover { text-decoration:none; color:#FFFFFF;}
		
#footer {
	position:relative;
	width:975px;
	height:110px;
	background-color:#111111;
}
	#warning {
		position:relative;
		float:left;
		text-align:left;
		width:462px;
		height:110px;
		margin-top:-15px;
		margin-left:15px;
		background:url(img/warning_bg.png) bottom no-repeat transparent;
	}
		#warning p { color:#000000; margin:10px 20px; line-height:16px;}
		.logos { position:relative; float:right; right:15px; display:block;}
		
	#fastlinks {
		position:relative;
		float:left;
		color:#025682;
		margin-top:10px;
	}
		#fastlinks span { font-weight:bold; float:left; margin-left:30px; padding:0px 30px;}

		#fastlinks a:link { color:#025682; font-weight:normal; text-decoration:none; background:url(img/bullet.png) 5px no-repeat transparent; padding:0px 10px 0px 20px;}
		#fastlinks a:visited { color:#025682; font-weight:normal; text-decoration:none; background:url(img/bullet.png) 5px no-repeat transparent; padding:0px 10px 0px 20px;}
		#fastlinks a:hover { color:#025682; font-weight:normal; text-decoration:underline; background:url(img/bullet.png) 5px no-repeat transparent; padding:0px 10px 0px 20px;}

	#pie {
		position:relative;
		float:left;
		bacground:#000!important;
		width:975px;
		margin-top:3px;
		height:150px;
	}
		#pie label { float:left; margin-top:20px; margin-left:15px; color:#ba2121;}
		#pie address { float:left; height:50px; width:300px; margin-left:15px; line-height:14px; color:#535252; margin-top:3px;}
		
		#pie a:link { color:#ba2121; font-weight:bold; text-decoration:none;}
		#pie a:visited { color:#ba2121; font-weight:bold; text-decoration:none;}
		#pie a:hover { color:#ba2121; font-weight:bold; text-decoration:underline;}

	#pielink {
		position:relative;
		float:right;
		height:27px;
		color:#FFFFFF;
		margin-top:30px;
		margin-right:30px;
		padding-top:6px;
		*padding-top:7px;
	}
		#pielink a:link { color:#FFFFFF; font-weight:bold; text-decoration:none;}
		#pielink a:visited { color:#FFFFFF; font-weight:bold; text-decoration:none;}
		#pielink a:hover { color:#FFFFFF; font-weight:bold; text-decoration:underline;}
	
	.textopie { position:relative; width:490px; float:right; margin-left:15px; color:#535252; text-align:right; font-size:11px;}


/*-----------------------------------------------------------------------*/
/*------------------------------> Clases <-------------------------------*/
/*-----------------------------------------------------------------------*/
	#banners {
		position:relative;
		float:left;
		width:228px;
		height:auto!important;
		margin-left:30px;
		-margin-left:15px;
		margin-bottom:10px;
		clear: left;
	}
	
.masinfo {
	position:relative;
	float:right;
	margin-right:10px;
	text-align:center;
	color:#000000;
display:block; text-align:center; padding-top:12px; color:#2a282b!important; font-weight:bold; text-decoration:none; background:url(img/btn_masinfo.png) 0px 0px no-repeat transparent; height:31px; width:145px; cursor:pointer;}
	.masinfo:hover { display:block; text-align:center; padding-top:12px; color:#000000!important; font-weight:bold; text-decoration:none!important; background:url(img/btn_masinfo.png) 0px -41px no-repeat transparent; height:31px; width:145px; cursor:pointer;}


.blue {color:#5cccf6;}
.blanco {color:#FFFFFF;}
.red {color:#cf1818;}
.amarillo {color:#ffd824!important;}
.verde {color:#afe41c!important;}

			.amarillo a { position: inherit; float:none; text-align:left; text-indent:0px; background:none; height:auto; width:auto; margin-top:0px; margin-left:0px; text-decoration:none; font-size:12px; color:#ffd824; font-weight:bold;}
			.amarillo a:link { color:#ffd824;}
			.amarillo a:visited { color:#ffd824;}
			.amarillo a:hover { color:#ffd824; font-weight:bold; background:none;}

			.mayord a { position: inherit; float:none; text-align:left; text-indent:0px; background:none; height:auto; width:auto; margin-top:0px; margin-left:0px; text-decoration:none; font-size:12px; color:#ffd824; font-weight:bold;}
			.mayord a:link { color:#ffd824;}
			.mayord a:visited { color:#ffd824;}
			.mayord a:hover { color:#ffd824; font-weight:bold; background:none;}

.logos { position:relative; margin:10px auto;}
.notice {
	position:relative;
	border-bottom:1px solid #0088b0;
	height:64px;
	margin:auto 25px;
}
.sub_notice {
	position:relative;
	float:left;
	margin-left:55px;
	margin-top:25px;
	color:#0088b0;
}
.lista_webs {
	position:relative;
	float:right;
	margin:15px auto 15px auto;
	font-size:14px;
	line-height:20px;	
	width:600px;
}
	.lista_webs a:link { position:relative; float:left; color:#0a5b8b; font-weight:bold; width:300px; text-align:left; text-decoration:none;}
	.lista_webs a:visited { position:relative; float:left; color:#0a5b8b; font-weight:bold; width:300px; text-align:left; text-decoration:none;}
	.lista_webs a:hover { position:relative; float:left; color:#0a5b8b; font-weight:bold; width:300px; text-align:left; text-decoration:underline;}

#ventaja {
	position:relative;
	float:left;
	width:600px;
	color:#0a5b8b;
	line-height:16px;
}
			#ventaja ul {
				position:relative;
				float:left;
				font-size:14px;
				color:#0a5b8b;
				margin:20px 0px 20px 100px;
			}
			#ventaja li {
				text-align:left;
				text-indent:0px;
				padding-left:15px;
				margin-bottom:6px;
				background:url(img/bullet_round.png) no-repeat 2px 5px;
			}

.source_noti { position:relative; float:right; color:#0a5b8b; text-decoration:none;}
.source_noti a:link {color:#0a5b8b; text-decoration:none; font-weight:bold}
.source_noti a:visited {color:#0a5b8b; text-decoration:none; font-weight:bold}
.source_noti a:hover {color:#0a5b8b; text-decoration:underline; font-weight:bold}

.B2U {
	position:absolute;
	float:right;
	right:20px;
	bottom:0px;
}


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

#formPreReserva { 
	position:relative; 
	float:right; 
	*float:left; 
	margin-top:20px; 
	margin-right:120px;
	*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:11px;
	}
	.privacidad {
		position:relative;
		float:right;
		text-align:left;
		width:280px;
		display:block;
		font-size:11px;
		margin-top:-13px;
		*margin-top:-15px;
	}
	.elcheck {
		position:relative;
		float:left;
		width:100%;
		margin-top:30px;
		margin-bottom:10px;
		*margin-top:0px;
		text-align:left;
		display:block;
		font-size:11px;
	}
	
/*-----------------------------------------------------------------------*/
/*----------------------------> Newsletter <-----------------------------*/
/*-----------------------------------------------------------------------*/

		#newsletter {
			position:relative;
			float:right;
			margin-top:30px;
			background:url(img/newsletter_bg.png) no-repeat;
			width:271px;
			height:106px;
			color:#414141;
			text-align:left;
			margin-right:10px;
		}	
			#email { 
				width:230px; 
				color:#666666; 
				margin:40px auto auto 20px;
			}
			#btn_envio {
				position:relative;
				float:right;
				margin:8px 20px auto auto;
				float:right;
				cursor:pointer;
				background:url(img/boton_news_env.png) no-repeat; 
				border:none; 
				height:20px; 
				width:65px;
			}
			
/*-----------------------------------------------------------------------*/
/*-----------------------------> Genericos <-----------------------------*/
/*-----------------------------------------------------------------------*/

.margin_left24 {margin-left:24px;}
.margin_left40 {margin-left:43px;}
.right {float:right; margin-right:5px;}
.left {float:left; margin-left:5px;}

.noborder {border-right:0px!important;}

.naranja { color:#ff8403;}
.gris { color:#666666;}

.clear {clear:both;}

/*---------------------------------------------------------------------------------------*/
/*------------------------------->>>  Landing Pages  <<<---------------------------------*/
/*---------------------------------------------------------------------------------------*/
	#landing_page {
		position:relative;
		margin:0px auto;
		width:975px;
		height:auto!important;
		font-family:Arial, Helvetica, sans-serif;
		padding-top:10px;
		line-height:14px;
		}
h1.landing {
	font-size:24px;
	color:#F8FAF9;
	width:100%;
	font-weight:bold;
	margin:-10px auto 25px auto;
	padding-top:10px!important;
}
h2.landing {
	font-size:18px;
	color:#F8FAF9;
	border-bottom:2px solid #F8FAF9;
	text-indent:10px;
	width:97%;
	margin:20px auto 30px auto;
	text-align: left!important;
	padding-bottom:4px;
	padding-top:16px;
	text-indent:20px;
}

#landing_page p.landing {
	color:#F8FAF9;
	width:90%;
	margin:15px auto;
	padding-top:0px;	
	font-size:13px;
	line-height:17px;
	text-align:justify!important;
}
#landing_page ul {
	width:80%;
	*width:85%;
	margin:15px auto;
	padding-top:0px;	
	font-size:13px;
	line-height:17px;
	text-align:justify!important;
}
#landing_page li {
	margin:15px auto;
	list-style:none;
	background:url(img/img_landing/bullet.png) left 2px no-repeat transparent;
	*background:url(img/img_landing/bullet.png) left 3px no-repeat transparent;
	/*text-indent:15px;*/
	
}
#landing_page p.landing_top {
	color: #4e4e4e;
	width:90%;
	padding-top:0px;	
	font-size:13px;
	margin:10px auto;
	text-align:left!important;
}
#landing_page img.landing{
	border:1px solid #CFCFCF;
	margin:20px 0px 10px 9px;
}

#intro_landing {
	position:relative;
	clear:both;
	margin:0px auto 40px auto;
	background:url(img/img_landing/bg_intro.png) repeat-y;
	width:715px;
	height:auto;
}
#intro_landing_top {
	background:url(img/img_landing/bg_intro_top.png) no-repeat transparent;
	width:715px;
	height:8px;
}
#intro_landing_bottom {
	background:url(img/img_landing/bg_intro_bottom.png) no-repeat transparent;
	width:715px;
	height:9px;
	*position:absolute;
	*bottom:-6px;
	*left:0px;
}
#intro_landing p {
	margin:10px 40px;
	width:630px;
	color:#000000;
	font-size:13px;
	line-height:18px;
	text-align:left!important;
}
.landinglink {
	list-style:none;
	background:url(img/img_landing/bullet.png) left 1px no-repeat transparent;
	padding-left:15px;
	
}	
#links_landings { position:relative; float:left; width:100%; clear:both; background:#2A282B;}
#links_landings ul {
list-style:none;
	margin:15px;
	text-align:left;
	}

#links_landings li {
list-style:none;
	
	width: 240px;
	float: left;	
	margin-right: 20px;
}
#links_landings a:link { color:#FFFFFF; text-decoration:none;}
#links_landings a:visited { color:#FFFFFF; text-decoration:none;}
#links_landings a:hover { color:#FFFFFF; text-decoration: underline;}
/*-----------------------------------------------------------------------*/
/*-------------------> formulario_online_minipopup.html <----------------*/
/*-----------------------------------------------------------------------*/

.ninyo	{  *position:relative; *width:50px;*margin:0px; *padding:0px; *line-height:1;}
.ninyo label { *position:relative; *width:50px; *display:block; *margin-bottom:-2px; *padding:0px;}
.ninyo > .select { *position:relative; *vertical-align:top;*display:block; *bottom:-5px; *padding:-15px;}
#edades {position:relative; height:120px; margin:0px; padding:0px;}
.text_minipop {padding-right: 5px; color:#000000; font-weight:bold;}

#edades {color:#000000;} 
.select { color:#000000;}
.buscador_home_input_dia { color:#000000;}