/*--------------------------------------------------------------------*/
/*------------------------> CSS Document <----------------------------*/
/*--------------------------------------------------------------------*/

@import url("reset.css");

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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px auto;
	text-align:center;
	background-color:#FFFFFF;
	color:#4d4d4d;
}
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;
}
address a:link {color:#699F09; font-weight:bold; text-decoration:none;}
address a:visited {color:#699F09; font-weight:bold; text-decoration:none;}
address a:hover {color:#76AB15; font-weight:bold; text-decoration:underline;}
/*--------------------------------------------------------------------*/
/*-------------------------> Estructura <-----------------------------*/
/*--------------------------------------------------------------------*/
#footer_bg {
	width:100%;
	background:url(img/footer_bg.png) 100% 100% repeat-x transparent;
	height:auto!important;
	z-index:9;
	padding-bottom:0px;
}

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

#inicio {
	position:relative;
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:100%;
	top:-10px;
	left:0px;
	height:125px;
	background-color:#FFFFFF;
	background:url(../img/lodomar_cabecera.jpg)  repeat-x transparent;
			
}

	#language_ES{
	position:absolute;
	left:665px;
	top:10px;
	z-index:1999;
	}
	#language_EN{
	position:absolute;
	left:690px;
	top:10px;
	z-index:1999;
	}


	#header {
		position:relative;
		float:left;
		width:1000px;
		height:126;
		margin-left:5px;
		margin-top:-10px;
		top:-125px;
		z-index:9;
	}

		#logo {
			position:relative;
			float:left;
			margin:0px;
			border:none;
			margin-top:10px;
		}
			
	#menu {
		position:relative;
		float:right;			
		height:60px;
		left:0px;
		margin-left:0px;
		top:65px;
		z-index:10;
	}
	#content_wrapper {
		position:relative;
		float:left;
		width:1000px;
		height:auto!important;
	}
		#reservas {
			position:relative;
			float:left;
			top:-105px;
			width:281px;
			margin:-1px;
			height:auto!important;
		}
			#colabora {
				position:relative;
				float:right;
				background:url(../img/lodomar_mapa.jpg) bottom no-repeat #ffffff;
				height:205px;
				width:204px;
				margin-top:35px;
				*margin-top:35px;
				margin-right:20px;
				-margin-right:-10px;
				-right:-30px;
			}
		#4a1_eme {
			position:relative;
			float:left;
			margin-left:0px;
			margin-top:0px;
			width:281px;
			height:61px;
			z-index:31;
			background:url(../img/lodomar_reserva_ES.jpg) no-repeat #ffffff;
		}
		#centrota1 {
			position:relative;
			float:left;
			margin-left:-3px;
			margin-top:0px;
			width:281px;
			height:61px;
			z-index:31;
			background:url(../img/lodomar_reserva_ES.jpg) no-repeat #ffffff;
		}
		#centrotatodo {
			position:relative;
			float:left;
			margin-left:3px;
			margin-top:0px;
			width:276px;
			height:256px;
			z-index:2;
			background:url(../img/lodomar_caja_reservas.jpg) no-repeat #ffffff;
		}	
		
		#centrota2 {
			position:relative;
			float:left;
			margin-left:0px;
			margin-top:0px;
			width:281px;
			height:103px;
			background:url(../img/lodomar_reserva1.jpg) no-repeat #ffffff;
		}	
		#centrota3 {
			position:relative;
			float:left;
			margin-left:0px;
			margin-top:0px;
			width:281px;
			height:96px;
			background:url(../img/lodomar_reserva2.jpg) no-repeat #ffffff;
		}			
		#centrota4 {
			position:relative;
			float:left;
			margin-left:0px;
			margin-top:0px;
			width:283px;
			height:61px;
			background:url(../img/lodomar_centro_ES.jpg) no-repeat #ffffff;
		}			
		#centrota5 {
			position:relative;
			float:left;
			margin-left:0px;
			margin-top:0px;
			width:283px;
			height:152px;
			background:url(../img/lodomar_encuentranos_ES.jpg) no-repeat #ffffff;
		}						
		#bienvenido {
			position:relative;
			float:right!important;
			right:0px;
			margin-top:0px;
			width:699px;
			background:url(../img/lodomar_bienvenido_ES.jpg) no-repeat #ffffff;
			height:48px;
		}
		#restaurante {
			position:relative;
			float:right;
			margin-top:-5px;
			width:699px;
			height:56;
			/*background:url(../img/lodomar_restaurante_ES.jpg) no-repeat #ffffff;*/
		}
		#situacion {
			position:relative;
			float:right;
			margin-top:2px;
			width:699px;
			height:46;
			background:url(../img/lodomar_situacion_ES.jpg) no-repeat #ffffff;
		}		
		#habitaciones {
			position:relative;
			float:right;
			margin-left:300px;
			margin-top:40px;
			width:699px;
			height:auto!important;
		}
		#centrot {
			position:relative;
			float:right;
			margin-left:295px;
/*			margin-top:-500px;*/
			width:699px;
			/*background:url(../img/lodomar_thalasso_ES.jpg) no-repeat #ffffff;*/
			height:56px;
		}
		#instalaciones {
			position:relative;
			float:right;
			margin-left:300px;
			margin-top:40px;
			width:699px;
			height:auto!important;
		}
		#fintexto {
			position:relative;
			padding:0px;
			float:left;
			margin-left:0px;
			margin-top:0px;
			width:283px;
			height:193px;
			background:url(../img/lodomar_centro_fondo_fin.jpg) no-repeat #ffffff;
		}
		
		#centrotexto{
			position:relative;
			float:left;
			width:283px;	
			margin-top:-3px;
			background:url(../img/lodomar_centro_fondo.jpg) repeat-y;
			height:auto!important;
			font-weight:normal;
			font-size:12px;
			text-align:justify;
			font-family:Verdana;
			line-height:20px;
		}
		#centrotexto2{
			position:relative;
			float:left;
			width:233px;	
			top:20px;
			left:22px;
			font-weight:normal;
			font-size:12px;
			text-align:justify;
			font-family:Verdana;
			line-height:20px;
			height:480px;
		}		
		#texto {
			position:relative;
			float:left;
			width:400px	;
			height:auto;
			top:0px;
/*			margin-left:-345px;
			left:400px;
*/			margin-top:13px;
			font-weight:normal;
			font-size:12;
			text-align:justify;
			font-family:Verdana;
			line-height:20px;
		}
		#texto_restaurante {
			position:relative;
			float:right;
			width:400px;
			height:250px;
			top:20px;
			right:40px;
			margin-top:-10px;
			font-weight:normal;
			font-size:12;
			text-align:justify;
			font-family:Verdana;
			line-height:20px;
		}
		#email {
			position:relative;
			float:left;
			width:400px	;
			left:400px;
			height:300px;
			top:0px;
			margin-left:-360px;
			margin-top:15px;
			font-weight:normal;
			font-size:14;
			text-align:justify;
		}		
		#texto_situacion {
			position:relative;
			float:left;
			width:650px	;
			left:400px;
			height:150px;
			top:0px;
			margin-left:-350px;
			margin-top:15px;
			font-weight:normal;
			font-size:12;
			line-height:20px;
			font-family:Verdana;
			text-align:justify;
		}
		#texto_yakuzi {
			position:relative;
			float:right;
			width:400px;
			height:250px;
			top:20px;
			right:40px;
			margin-top:-10px;
			font-weight:normal;
			font-size:12;
			text-align:justify;
			font-family:Verdana;
			line-height:20px;
		}
		#texto_servicios {
			position:relative;
			float:left;
			width:620px	;
			left:400px;
			height:550px;
			top:0px;
			margin-left:-68px;
			margin-top:10px;
			font-weight:normal;
			font-size:12;
			line-height:16px;
			font-family:Verdana;
			text-align:justify;
		}


		#ofertas {
			position:relative;
			float:right;
			margin-top:18px;
			margin-left:0px;
			right:0px;
			width:684px;
			height:344px;
			background:url(../img/lodomar_ofertas_ES.jpg) no-repeat #ffffff;
			padding:2px;	
		}
		#restaurante2 {
			position:relative;
			float:right;
			margin-left:48px;
			margin-top:-48px;
			width:637px;
			height:181px;
			background:url(../img/lodomar_foto_restaurante2.jpg) no-repeat #ffffff;
		}		
		
		#servicios {
			position:relative;
			float:left;
			margin-left:330px;
			margin-top:-160px;
			width:632px;
			height:172px;
			background:url(../img/lodomar_servicios2.jpg) no-repeat #ffffff;
		}
		#servicios2 {
			position:relative;
			float:left;
			margin-left:330px;
			margin-top:-40px;
			width:632px;
			height:172px;
			background:url(../img/lodomar_servicios3.jpg) no-repeat #ffffff;
		}
		#flash{
			position:relative;
			float:right;
			background:url(../img/lodomar_flash.jpg) no-repeat #ffffff;
			margin-top:-106px;
			width:703px;
			height:273px;
		}
		#cderecha {
			position:relative;
			float:right;
			text-align:left;
			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;
		}
		
		#miniform_head {
			position:relative;
			float:right;
			height:207px;
			*height:195px;
			width:200px;
			margin-right:27px;
			margin-top:0px;
		}

			#foto_restaurante {
				position:relative;
				float:right;
				background:url(../img/lodomar_foto_restaurante.jpg) bottom no-repeat #ffffff;
				height:170px;
				width:175px;
				top:-20px;
				right:20px;
				-right:-20px;
				margin-top:20px;
				*margin-top:30px;
			}
			#foto_maps {
				position:relative;
				float:right;
				background:#ffffff;
				height:451px;
				width:653px;
				top:0px;
				left:-18px;
				
				margin-top:30px;
				*margin-top:30px;
			}
			#foto_yakuzi {
				position:relative;
				float:right;
				background:url(../img/lodomar_servicios.jpg) bottom no-repeat #ffffff;
				height:170px;
				width:150px;
				top:0px;
				/*margin-left:336px;
				margin-top:-430px;
				*margin-top:-430px;		*/		
			}
			#foto_restaurante2{
				position:relative;
				float:right;
				background:url(../img/lodomar_foto_restaurante.jpg) bottom no-repeat #ffffff;
				height:637px;
				width:181px;
				margin-top:0px;
				*margin-top:0px;
			}
				#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;}
		

#elwrapper {
	position:relative; 
	float:right; 
	width:699px; 
	padding:0px; 
}
#elwrapper p {
	position:relative;
	float:left;
	margin:10px 30px;
	-margin:10px 20px;
	text-align: justify;
	width:430px;
	font-size:12px;
	line-height:16px;
}

	#footer {
		position:relative;
		height:130px;
		background:url(../img/lodomar_pie.jpg) no-repeat transparent;
		margin:0px auto 0px auto;
		padding-bottom:0px;
		margin-left:auto;
		z-index:9;
		top:0px;
		width:1000px;
			
	}
		#footer_rep {
		position:relative;
		float:left;
		height:139px;
		background:url(../img/lodomar_pie_repe.jpg)  repeat-x transparent;
		margin-top:-139px;
		padding-bottom:0px;
		z-index:1;
		width:100%;
			
	}
		#hot_foot {
			position:relative;
			float:left;
			text-align:center;
			width:225px;
			height:73px;
		}
		.links_foot {
			position:relative;
			text-align:center;
			height:73px;			
			color:#4d4d4d;
			z-index:19;
		}
			.links_foot li {
				position:relative;
				margin:5px 50px;
				text-align:left;
				padding-left:15px;
			}
			.links_foot a:link { color:#4d4d4d; text-decoration:none; font-weight:bold;}
			.links_foot a:visited { color:#4d4d4d; text-decoration:none; font-weight:bold;}
			.links_foot a:hover { color:#4d4d4d; text-decoration:underline; font-weight:bold;}
	
			#web_foot a:link { color:#ffffff; text-decoration:none; font-weight:bold;}
			#web_foot a:visited { color:#ffffff; text-decoration:none; font-weight:bold;}
			#web_foot a:hover { color:#ffffff; text-decoration:underline; font-weight:bold;}

/*-----------------------------------------------------------------------*/
/*-----------------------> 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;}

.right_margin {float:right; margin-right:30px;}

.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;}