/*--------------------------------------------------------------------*/
/*------------------------> CSS Document <----------------------------*/
/*----------------------> HOTDOGHOLIDAYS.COM<-------------------------*/
/*-----------------------> Designed by B2U <--------------------------*/
/*-------------------> Powered by ITS Bookings <----------------------*/
/*--------------------------------------------------------------------*/

@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:#FFFFFF;
	color:#000000;
}
h1 { margin:20px auto;}
address { 
	position:relative;
	float:right;
	margin:0px 40px 20px 0px;
	text-align:right;
	font-size:12px;
	line-height:16px;
	clear:both;
}
/*--------------------------------------------------------------------*/
/*-------------------------> Estructura <-----------------------------*/
/*--------------------------------------------------------------------*/

#cuerpo {
	position:relative;
	margin:0px auto;
	width:1000px;
	height:auto!important;
	background-color:#FFFFFF;
}

	#header {
		position:relative;
		float:left;
		width:1000px;
		height:auto;
		z-index:100;
	}
		#logo {
			position:relative;
			float:left;
			margin:5px;
			border:none;
			margin-top:10px;
		}
		#idiomas {
			position:relative;
			float:right;
			margin-top:5px;
		}
			#idiomas img {
				position:relative;
				float:right;
				margin-left:5px;
			}
			#idiomas span {
				position:relative;
				float:right;
				text-align:right;
				line-height:16px;
				font-size:14px;
				margin-top:10px;
			}
			#idiomas a:link { color:#f87400; text-decoration:none; font-weight:bold;}
			#idiomas a:visited { color:#f87400; text-decoration:none; font-weight:bold;}
			#idiomas a:hover { color:#f87400; text-decoration:underline; font-weight:bold;}
			
	#menu {
		position:relative;
		float:left;			
		margin:0px;
		width:1000px;
		height:56px;
		margin-top:5px;
	}
	
	#content_wrapper {
		position:relative;
		float:left;
		width:1000px;
		height:auto!important;
	}
		#ofertas {
			position:relative;
			float:left;
			width:225px;
			height:auto!important;
		}


		#buscador{
			position:relative;
			float:right;
			background:url(img/buscador_bg.png) no-repeat;
			width:775px;
			height:225px;
		}
			#reserve {
				position:relative;
				float:left;
				margin-left:110px;
				margin-top:22px;
			}
			#miniform_head {
				position:relative;
				float:left;
				height:207px;
				width:280px;
				margin-left:150px;
				margin-top:22px;
			}

		#content {
			position:relative;
			float:left;
			width:539px;
			*margin-top:-40px;
		}
			#content p {
				position:relative;
				float:left;
				margin:0px	20px;
				-margin:10px 0px;
				-padding:0px 20px;
				text-align:justify;
				line-height:18px;
				}
			#destacados_wrap {
				position:relative;
				width:536px;
				margin:10px auto;
				margin-top:-10px;
				*margin-top:-20px;
			}
				#destacados_top {
					position:relative;
					float:left;
					width:536px;
					height:84px;
				}
				#destacados_bottom {
					position:relative;
					float:left;
					width:536px;
					height:14px;
					background:url(img/destacados_bg_bottom.png) no-repeat transparent;
				}


				#destacados {
					position:relative;
					float:left;
					background-color:#F2F2F2;
				}

		#content_wide {
			position:relative;
			float:left;
			width:750px;
		}
		#cderecha {
			position:relative;
			float:right;
			text-align:right;
			width:236px;
			-width:200px;
			padding-top:0px;
			-padding-top:10px;
			*margin-top:-40px;
		}
		#cderecha_noform {
			position:relative;
			float:right;
			text-align:right;
			width:236px;
			-width:200px;
			padding-top:15px;
			-padding-top:10px;
		}
		
			#newsletter_ES {
				position:relative;
				float:right;
				margin-top:15px;
				background:url(img/newsletter_bg.png) no-repeat;
				width:222px;
				height:115px;
				color:#414141;
				-padding-left:0px;
				text-align:left;
			}	
			#newsletter_EN {
				position:relative;
				float:right;
				margin-top:15px;
				background:url(img/newsletter_bg_EN.png) no-repeat;
				width:222px;
				height:115px;
				color:#414141;
				-padding-left:0px;
				text-align:left;
			}	
			#newsletter_FR {
				position:relative;
				float:right;
				margin-top:15px;
				background:url(img/newsletter_bg_FR.png) no-repeat;
				width:222px;
				height:115px;
				color:#414141;
				-padding-left:0px;
				text-align:left;
			}	
			#newsletter_DE {
				position:relative;
				float:right;
				margin-top:15px;
				background:url(img/newsletter_bg_DE.png) no-repeat;
				width:222px;
				height:115px;
				color:#414141;
				-padding-left:0px;
				text-align:left;
			}	
			#newsletter_DU {
				position:relative;
				float:right;
				margin-top:15px;
				background:url(img/newsletter_bg_DU.png) no-repeat;
				width:222px;
				height:115px;
				color:#414141;
				-padding-left:0px;
				text-align:left;
			}	
				.newsletter input {
					margin:0px auto auto auto;
				}
				
			#hotel {
				position:relative;
				float:right;
				text-align:center;
				background:url(img/hotel_bg.png) no-repeat transparent;
				height:248px;
				width:224px;
				padding-top:15px;
				margin-top:-7px;
			}
				#hotel p {
					position:relative;
					float:left;
					width:100px;
					-width:120px;
					text-align:left;
					line-height:16px;
					margin:15px 40px 0px 20px;
					-margin:0px;
					-padding:15px 0px 0px 20px;
				}
				#hotel a:link { color:#000000; text-decoration:none; font-weight:bold;}
				#hotel a:visited { color:#000000; text-decoration:none; font-weight:bold;}
				#hotel a:hover { color:#000000; text-decoration:underline; font-weight:bold;}

			#hotel_warn {
				position:relative;
				float:right;
				text-align:center;
				background:url(img/hotel_warn_bg.png) no-repeat #CFE8FD;
				min-height:248px;
				width:224px;
				padding-top:15px;
			}
				#hotel_warn p {
					position:relative;
					float:left;
					width:190px;
					-width:210px;
					text-align:left;
					line-height:16px;
					margin:15px 20px 0px 20px;
					*margin:15px 0px 0px 20px;
					-margin:0px;
					-padding:15px 0px 0px 20px;
				}
				#hotel_warn ul { 
					position:relative;
					float:left;
					width:183px;
					-width:200px;
					text-align:justify;
					line-height:16px;
					margin:15px 25px 0px 20px;
					*margin:15px 0px 0px 20px;
					*padding-right:10px;
					-margin:0px;
					-padding:15px 0px 0px 20px;
					list-style:none;
				}
				#hotel_warn li { background:url(img/bullet.png) 0px 3px no-repeat transparent; text-indent:20px; margin-top:10px; }

				#hotel_warn a:link { color:#000000; text-decoration:none; font-weight:bold;}
				#hotel_warn a:visited { color:#000000; text-decoration:none; font-weight:bold;}
				#hotel_warn a:hover { color:#000000; text-decoration:underline; font-weight:bold;}
		
			#colabora {
				position:relative;
				float:right;
				text-align:center;
				background:url(img/banner_colabora_bottom.png) bottom no-repeat #CFE8FD;
				height:240px;
				min-height:240px!important;
				width:224px;
				margin-top:0px;
				*margin-top:5px;
				padding-bottom:15px;
			}
				#colabora p {
					position:relative;
					float:left;
					text-align:left;
					line-height:16px;
					margin:15px 12px 0px 12px;
					-margin:0px;
					-padding:15px 12px 0px 12px;
				}
				#colabora a:link { color:#000000; text-decoration:none; font-weight:bold;}
				#colabora a:visited { color:#000000; text-decoration:none; font-weight:bold;}
				#colabora a:hover { color:#000000; text-decoration:underline; font-weight:bold;}
		
	#guia_EN {
		position:relative;
		float:left;
		width:540px;
		-width:545px;
		text-align:center;
		margin:15px auto 0px auto;
}				
	#guia_DE{
		position:relative;
		float:left;
		width:540px;
		-width:545px;
		text-align:center;
		margin:10px auto 10px auto;
}				
	#guia_DU, #guia_ES, #guia_FR  {
		position:relative;
		width:540px;
		-width:545px;
		text-align:center;
		margin:15px auto 15px auto;
		top:15px;
		*top:0px;
		bottom:15px;
		clear:both;
}				
		#guia_EN ul, #guia_ES ul, #guia_DU ul, #guia_DE ul, #guia_FR ul {
			position:relative;
			float:left;
			width:540px;
			-width:545px;
			margin:0px auto;
			*margin-left:0px; 
		}
		#guia_EN li, #guia_ES li, #guia_DU li, #guia_DE li, #guia_FR li {
			position:relative;
			float:left;
			margin-left:5px;
		}

#sitemap ul {
	position:relative; 
	float:left;
	width:200px!important;
	*width:300px;
	margin-left:150px;
	color:#2479d2;
}
	#sitemap li {
		text-align:left;
		margin-top:20px;
		margin-left:100px;
		*margin-left:50px;
		background:url(img/bullet_02.png) 2px 2px no-repeat #FFFFFF;
		text-indent:20px;
		width:200px!important;
	}
			#sitemap a:link { color:#2479d2; text-decoration:none; font-weight:bold;}
			#sitemap a:visited { color:#2479d2; text-decoration:none; font-weight:bold;}
			#sitemap a:hover { color:#2479d2; text-decoration:underline; font-weight:bold;}

	#footer {
		position:relative;
		float:left;
		width:1000px;
		height:150px;
		background:url(img/foot_orange_bg.png) repeat-x transparent;
		margin-top:10px;
		top:15px;
		*top:0px;
	}
		#hot_foot {
			position:relative;
			float:left;
			text-align:center;
			width:225px;
			height:73px;
			background:url(img/foot_green_bg.png) repeat-x transparent;
		}
		.links_foot {
			position:relative;
			float:left;
			text-align:center;
			height:73px;			
			background:url(img/foot_orange_sep.png) right no-repeat transparent;
			color:#FFFFFF;
		}
			.links_foot li {
				position:relative;
				margin:5px 50px;
				text-align:left;
				padding-left:15px;
				background:url(img/list_arrow.png) left no-repeat transparent;				
			}
			.links_foot a:link { color:#FFFFFF; text-decoration:none; font-weight:bold;}
			.links_foot a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold;}
			.links_foot a:hover { color:#FFFFFF; text-decoration:underline; font-weight:bold;}
	
			#web_foot a:link { color:#000000; text-decoration:none; font-weight:bold;}
			#web_foot a:visited { color:#000000; text-decoration:none; font-weight:bold;}
			#web_foot a:hover { color:#000000; text-decoration:underline; font-weight:bold;}

/*-----------------------------------------------------------------------*/
/*-----------------------------> Consejos <------------------------------*/
/*-----------------------------------------------------------------------*/
h1.consejos {
	margin:20px auto;
	text-align:center;
	font-size:14px;
	background-color:#B3DEF4;
	padding-top:5px;
	padding-bottom:5px;
}
h2.consejos {
	margin:10px auto;
	text-align:left;
	font-size:12px;
	border-bottom:2px solid #B3DEF4;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}
p.consejo_txt {
	position:relative;
	float:justify;
	line-height:16px;
	text-align:left;
	margin:15px auto;
}
ol.consejo_txt {
 	position:relative;
	float:left;
	margin:10px 20px;
	width:90%;
	*width:auto;
}
li.consejo_txt {
 	position:relative;
	float:left;
	text-align:justify;
	clear:both;
	margin:3px 20px;
	list-style-type:decimal;
	width:100%;
}
ul.consejo2_txt {
 	position:relative;
	float:left;
	margin:10px 20px;
	width:90%;
	*width:auto;
}
li.consejo2_txt {
 	position:relative;
	float:left;
	text-align:justify;
	clear:both;
	margin:3px 20px;
	list-style-type:disc;
	line-height:16px;
	width:100%;
}
.consejo_txt a:link { color:#000000; text-decoration:none;}
.consejo_txt a:visited { color:#000000; text-decoration:none;}
.consejo_txt a:hover { color:#000000; text-decoration:underline;}

.goto { position:relative; float:right; margin:10px; font-weight:bold;}
.goto a:link { color:#000000; text-decoration:none;}
.goto a:visited { color:#000000; text-decoration:none;}
.goto a:hover { color:#000000; text-decoration:underline;}
/*-----------------------------------------------------------------------*/
/*-----------------------> Formulario Contacto <-------------------------*/
/*-----------------------------------------------------------------------*/

	.elcontact {
		position:relative;
		text-align:left;
		line-height:16px;
		width:450px;
		*width:500px;
		-width:400px;
		height:27px;
		display:block;
		margin-left:50px;
		font-size:12px;
	}
	.losinputs {
		position:relative;
		float:left;
		width:120px;
		text-align:left;
		display:block;
			font-size:12px;
	}
	.t11 {
		position:relative;
		float:left;
		display:block;
			font-size:12px;
}
			
/*--------------------------------------------------------------------*/
/*-----------------------> Clases Genericas <-------------------------*/
/*--------------------------------------------------------------------*/

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.blue {color:#2479d2;}
	.blue:link { color:#2479d2; text-decoration:none; font-weight:bold;}
	.blue:visited { color:#2479d2; text-decoration:none; font-weight:bold;}
	.blue:hover { color:#2479d2; text-decoration:underline; font-weight:bold;}

.orange {color:#f87400;}

.height25px {height:25px;}
.height25px_padding {height:25px; padding-top:4px;}
.height25px_padding_b_bottom {height:25px; padding-top:4px; border-bottom:1px solid #043a81;}
.height25px_padding_b_right_bottom {height:25px; padding-top:4px; border-bottom:1px solid #043a81; border-right:1px solid #043a81;}

/*--------------------------------------------------------------------*/
/*__________________formulario_online_minipopup.html__________________*/
/*--------------------------------------------------------------------*/

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