/*------------------------> CSS Document <----------------------------*/
/*----------------------> MANOLI HOTELS.COM <-------------------------*/
/*-----------------------> Designed by B2U <--------------------------*/
/*-------------------> Powered by ITS Bookings <----------------------*/
@import url("reset.css");
@import url("header.css");
@import url("logos.css");
/*--------------------------> Globales <------------------------------*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px auto;
	text-align:center;
	background:url(img/body_footer_bg.png) bottom repeat-x #FFFFFF;
	color:#043981;
}
h1 {
	position:relative; 
	float:left; 
	text-align:left;
	margin-left:100px;
	-margin-left:20px;
	margin-top:30px;
	*margin-top:0px;
	display:block;
	-width:750px;
}
h2 {
	position:relative; 
	float:left; 
	margin-left:42px;
	margin-top:30px;
	*margin-top:0px;
	display:block;
	-width:750px;
}
h3 {
	position:relative;
	float:left; 
	text-align:center;
	display:block;
	width:100%;
	margin-top:10px;
	*margin-top:0px;
	display:block;
	-width:100%;
}
h4 {
	position:relative;
	float:left;
	font-size:16px;
	text-align:center;
	display:block;
	width:100%;
	-width:750px;
	margin-top:10px;
	*margin-top:0px;
	display:block;
}

hr {
	position:relative;
	float:left;
	border:1px solid #043981;
	width:83%;
	margin:10px 80px;
	-margin:10px 50px 10px 50px;
}
img { behavior: url(iepngfix.htc); }
#sub_body_foto {
	width:100%;
	height:100%;
	padding:0px auto;
	text-align:center;
	background:url(img/body_bg.jpg) top no-repeat transparent;
}
/*-------------------------> Estructura <-----------------------------*/
#container {
	position:relative;
	width:933px;
	-width:936px;
	height:auto!important;
	margin:0px auto;
	padding:0px auto;
	text-align:center;
}
#front {
	position:relative;
	width:933px;
	-width:936px;
	height:213px;
}
	#idiomas {
		position:relative;
		float:right;
		behavior: url(iepngfix.htc);	
	}
#shadow { 
	position:relative;
	float:left;
	width:933px;
	-width:936px;
	height:auto!important;
}
	#shadow_left {
		position:relative;
		float:left;
		background:url(img/sombra_iz.png) right no-repeat transparent;
		width:14px;
		height:538px;
		behavior: url(iepngfix.htc);	
	}
	#shadow_right {
		position:relative;
		float:right;
		background:url(img/sombra_dch.png) left no-repeat transparent;
		width:14px;
		height:538px;
		behavior: url(iepngfix.htc);	
	}
#cuerpo {
	position:relative;
	float:left;
	margin:0px auto;
	width:904px;
	height:auto!important;
	background-color:#FFFFFF;
	border-top:4px solid #043981;
	z-index:999;
}
	#header {
		position:relative;
		float:left;
		width:904px;
		height:auto!important;
		z-index:100;
	}
		#logo {
			position:relative;
			float:left;
			margin:20px;
			border:none;
		}
		#newsletter {
			position:relative;
			float:right;
			background:url(img/newsletter_bg.png) no-repeat #FFFFFF;
			width:308px;
			height:65px;
			margin-right:20px;
		}
			#newsletter label {
				position:relative;
				float:left;
				color:#043981;
				margin-top:8px;
				margin-left:30px;
				
			}
			#Email {
				position:relative;
				float:left;
 				margin-left:30px; 
				width:155px; 
				margin-top:10px; 
				color:#666666;		
			}
			#submit {
				position:relative;
				float:right;
 				margin-right:30px; 
 				*margin-right:10px; 
				width:81px; 
				margin-top:12px;
				*margin-top:0px;
				cursor:pointer;
				font-weight:bold;
				font-size:12px; 
				color:#043981;
				background:url(img/boton_news_env.png) no-repeat; 
				border:none; 
				padding-top:-2px;
				height:19px;  
			}
		#menu {
			position:relative;
			float:left;			
			margin:10px 98px 0px 98px;
			-margin:10px 0px 0px 50px;
			width:707px;
			height:27px;			
		}
	#presenta {
		position:relative;
		width:828px;
		height:225px;
		margin:0px auto;
		margin-top:-1px;
		background:url(img/presenta_bg.png) no-repeat #FFFFFF;		
	}
		#buscador {
			position:relative;
			float:left;
			width:313px;
			height:212px;
			margin:16px 0px 20px 20px;
			-margin:16px 0px 10px 10px;
			background:url(img/buscador_bg.png) no-repeat transparent;
		}
			#reserve {
				position:relative;
				float:left;
				margin-left:3px;
				margin-top:4px;
			}
			#miniform_head {
				position:relative;
				float:left;
				height:212px;
				width:237px;
				margin-left:35px;
				margin-top:35px;
			}
		#flash {
			position:relative;
			float:right;
			width:456px;
			height:193px;
			margin:27px 20px 0px 0px;
			-margin:27px 10px 0px 0px;
			background:url(img/flash_bg.png) no-repeat #FFFFFF;
		}

	#ofrecemos {
		position:relative;
		float:left;
		width:904px;
	}
		#queofrecemos {
			position:relative;
			float:left;
			margin:31px 30px 20px 40px;
			-margin:31px 0px 20px 40px;
			*margin-top:-4px;
		}
		#ofrecemos ul {
			position:relative;
			float:left;
			width:904px;
		}
		#ofrecemos li {
			position:relative;
			float:left;
			margin-left:30px;
			width:184px;
			height:194px;
		}
		
	#contextos {
		position:relative;
		float:left;
		width:904px;
		color:#043a81;
	}
		#contextos p {
			position:relative;
			float:left;
			width:724px;
			margin:10px 90px;
			-margin:10px 0px 10px 50px;
			color:#043a81;
			text-align:justify;
			line-height:16px;
			text-indent:30px;
		}
		#contextos a:link {color:#043a81; font-weight:bold; text-decoration:none;}
		#contextos a:visited {color:#043a81; font-weight:bold; text-decoration:none;}
		#contextos a:hover {color:#043a81; font-weight:bold; text-decoration: underline;}

		#full ul li { position:relative; float:left; text-align:left; color:#043a81; margin-top:10px; margin-left:150px; -margin-left:50px; width:550px; background:url(img/square.png) left no-repeat; padding-left:15px; clear:both;}

	#navegacion {
		position:relative; 
		float:left; 
		font-weight: normal;
		text-align:left;
		font-size:11px;
		text-transform:lowercase;
		*height:30px;
		margin-left:100px;
		-margin-left:20px;
		margin-top:30px;
		*margin-top:0px;
		display:block;
		-width:750px;
		clear:both;
		color:#043a81;
	}
		#navegacion a:link {color:#043a81; font-weight: normal; text-decoration:none;}
		#navegacion a:visited {color:#043a81; font-weight:normal; text-decoration:none;}
		#navegacion a:hover {color:#043a81; font-weight:normal; text-decoration:underline;}

	#contextotel {
		position:relative;
		float:left;
		width:670px;
		color:#043a81;
		padding-top:30px;
	}
		#contextotel p {
			position:relative;
			float:left;
			width:610px;
			-width:600px;
			margin:10px 30px;
			-margin:10px 0px 10px 20px;
			color:#043a81;
			text-align:justify;
			line-height:16px;
			text-indent:30px;
		}
		#contextotel a:link {color:#043a81; font-weight:bold; text-decoration:none;}
		#contextotel a:visited {color:#043a81; font-weight:bold; text-decoration:none;}
		#contextotel a:hover {color:#043a81; font-weight:bold; text-decoration: underline;}

	#fotos_hotel {
		position:relative;
		float:left;
		width:670px;
		margin-top:20px;
	}
		#fotos_hotel ul {
			position:relative;
			float:left;
			width:670px;
		}
		#fotos_hotel li {
			position:relative;
			float:left;
			margin-left:10px;
			width:140px;
			height:160px;
		}
	#columna {
		position:relative;
		float:left;
		width:230px;
		min-height:200px;
		padding-top:30px;
	}

		#columna li {
			position:relative;
			float:left;
			width:150px;
			text-align:left;
			margin-top:10px;
			margin-left:45px;
			-margin-left:15px;
		}

	#lista_hoteles {
		position:relative;
		float:left;
		width:904px;
		padding:0px auto;
		margin:30px auto;
	}
	#banners {
		position:relative;
		float:left;
		width:823px;
		padding:0px auto;
		margin:30px 40px;
		-margin:15px;
	}
	#logos {
		position:relative;
		float:left;
		width:828px;
		height:180px;
		margin:30px 35px;
		-margin:20px;
		overflow:visible;
	}
	#footer {
		position:relative;
		float:left;
		width:904px;
		height:149px;
		*height:159px;
		background:url(img/footer_bg.png) no-repeat;
		color:#FFFFFF;
		padding-top:10px;
	}
		#footer a:link { color:#FFFFFF; font-weight:bold; text-decoration:none;}
		#footer a:visited { color:#FFFFFF; font-weight:bold; text-decoration:none;}
		#footer a:hover { color:#FFFFFF; font-weight:bold; text-decoration:underline;}
/*----------------------------> Clases <-------------------------------*/
ul.fieshta { position:relative; float:left; margin:20px auto 20px 90px; list-style-type: circle;}
.fieshta li { position:relative; float:left; text-align:left; margin:5px auto; line-height:16px; width:99%;}
.hotel_banner {
	position:relative;
	background:url(img/hoteles_bg.png) no-repeat #FFFFFF;
	width:823px;
	height:65px;
	margin:15px 40px;
	-margin:15px 20px;
}
.sensol_banner {
	position:relative;
	background:url(img/sensol_bg.png) no-repeat #FFFFFF;
	width:823px;
	height:65px;
	margin:15px 40px;
	-margin:15px 20px;
}
	.titu_hotel {
		position:relative;
		float:left;
		margin-top:12px;
		margin-left:25px;
	}
	.banner_hotel_txt {
		position:relative;
		float:right;
		text-align:justify;
		width:550px;
		margin-top:20px;
		margin-right:35px;
		-margin-right:15px;
		color:#043a81;
		overflow:visible;
	}	
		.banner_hotel_txt a:link { color:#043a81; font-weight:bold; text-decoration:none;}
		.banner_hotel_txt a:visited { color:#043a81; font-weight:bold; text-decoration:none;}
		.banner_hotel_txt a:hover { color:#043a81; font-weight:bold; text-decoration:underline;}

	.banner_sensol_txt {
		position:relative;
		float:right;
		text-align:justify;
		width:550px;
		margin-top:20px;
		margin-right:35px;
		-margin-right:15px;
		color:#000000;
		overflow:visible;
	}
		.banner_sensol_txt a:link { color:#000000; font-weight:bold; text-decoration:none;}
		.banner_sensol_txt a:visited { color:#000000; font-weight:bold; text-decoration:none;}
		.banner_sensol_txt a:hover { color:#000000; font-weight:bold; text-decoration:underline;}

.ofertas_banner {
	position:relative;
	float:left;
	text-align:left;
}
.donde_banner {
	position:relative;
	float:right;
	text-align:left;
}
.ofertas_spa {
	position:relative;
	float:left; 
	margin-left:90px;
	margin-top:40px;
}
	.lista_ini_spa {position:relative; float:left; margin-top:10px;}
	.lista_ini_spa li { position:relative; float:left; text-align:left; margin-left:150px; width:600px; background:url(img/disc.png) left no-repeat; padding-left:15px; margin-top:7px; clear:both;}

	.lista_spa {position:relative; float:left; margin-top:10px;}
	.lista_spa li { position:relative; float:left; text-align:left; margin-left:100px; width:320px; background:url(img/disc.png) left no-repeat; padding-left:15px; margin-top:7px; clear:both;}
	.underline { position:relative; float:left; width:320px; text-decoration:underline; margin-left:30px; margin-top:20px; clear:both;}
.direcc {
	position:relative;
	float:right;
	text-align:right;
	line-height:16px;
	margin:10px 90px;
	-margin:10px 90px 10px 0px;
}
.logos_mapa {
	position:relative;
	float:left;
	margin-left:100px;
	margin-bottom:15px;
}
/*-----------------------> Clases Formulario de contacto <-------------------------*/
	.elcontact {
		position:relative;
		text-align:left;
		line-height:16px;
		width:450px;
		*width:500px;
		-width:400px;
		height:27px;
		display:block;
			font-size:12px;
	}
	.losinputs {
		position:relative;
		float:left;
		width:100px;
		text-align:left;
		display:block;
			font-size:12px;
	}
	.t11 {
		position:relative;
		float:left;
		display:block;
			font-size:12px;
}

.td_texto_form {
	text-align:right;
	width:200px;
	height:25px;
	padding-right:30px;
}
.td_input_form {
	text-align:left;
	width:200px;
}
/*-----------------------> Clases Genericas <-------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.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; *margin-top:5px;} 
.select { color:#000000;}
.buscador_home_input_dia { color:#000000;}

/*---------------------------------------------------------------------------------------*/
/*------------------------------>>>  Landing Pages 2009 <<<------------------------------*/
/*---------------------------------------------------------------------------------------*/

	#landing_page {
		position:relative;
		float:left;
		width:98%;
		height:auto!important;
		min-height:432px;
		*height:432px;
		font-family:Arial, Helvetica, sans-serif;
		left:10px;
		}
h1.landing {
	font-size:24px;
	color:#043A81;
	width:100%;
	font-weight:bold;
	margin:25px auto 15px auto;
	text-align:center;
}
h2.landing {
	font-size:18px;
	color:#043A81;
	border-bottom:2px solid #043A81;
	text-indent:14px;
	width:95%;
	margin:25px auto 20px 10px;
	text-align: left!important;
	padding-bottom:4px;
}

#landing_page p.landing {
	color: #333333;
	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/bullet.png) left 2px no-repeat transparent;
	*background:url(img/bullet.png) left 3px no-repeat transparent;
	text-indent:20px;
}
#landing_page p.landing_top {
	color: #333333;
	width:90%;
	padding-top:0px;	
	font-size:13px;
	margin:10px auto;
	text-align:left!important;
}
#landing_page img.landing{
	border:1px solid #CFCFCF;
	margin:10px 10px 10px 0px;
}

#intro_landing {
	position:relative;
	clear:both;
	margin:20px auto 40px auto;
	*margin:20px 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;
	text-indent:none;
}
#intro_landing p {
	margin:10px 40px;
	width:630px;
	color:#000000;
	font-size:13px;
	line-height:18px;
	text-align:left!important;
}
#landinglink {
	background-color:#198CAF;
	color:#FFFFFF;
}
ul#links_landings {
	margin-left: 10px;
	margin-bottom: 15px;
	}

#links_landings li {
	list-style-type:disc;
	width: 300px;
	float: left;	
	margin-right: 20px;
}

#landinglink a:link {color:#FFFFFF; text-decoration:none; margin-left:10px;}
#landinglink a:visited {color:#FFFFFF; text-decoration:none; margin-left:10px;}
#landinglink a:hover {color:#F8AE00; text-decoration:none; margin-left:10px;}

#footer_landing {
	position:relative;
	float:right;
	text-align:left;
	line-height:18px;
	background-color:#F8AE00;
	border-top:8px solid #198caf;
	border-bottom:10px solid #198caf;
	*border-bottom:12px solid #198caf;
	width:100%;
	margin-top:36px;
}
#footer_landing p {
	margin:10px;
}