@import url("reset.css");
* { padding: 0; margin:0px; }

body {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
	margin:0px;
}

#wrapper { 
  	width: 940px;
  	height: 521px;
	position: absolute;
  	top: 50%;
  	left: 50%;
 	margin-top: -260px;   /* height/2 = 500px / 2 */
  	margin-left: -470px;  /* width/2 = 500px / 2 */
}

#creditos{ position:absolute; margin-left:-15px; margin-top:265px;}

#espacio10{width:180px;height:10px;}
#espacio20{width:180px;height:20px;}
#espacio30{width:180px;height:30px;}
#espacio40{width:180px;height:40px;}
#espacio50{width:180px;height:50px;}
#espacio60{width:180px;height:60px;}
#espacio70{width:180px;height:70px;}
#espacio80{width:180px;height:80px;}
#espacio90{width:180px;height:90px;}
#espacio100{width:180px;height:100px;}

#informacion {
   	width: 940px;
   	height:21px;
   	position: relative;
   	margin: 0px auto; 
  }
  
.estasen {
 	font-family: Tahoma, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color:#999577;
	margin-bottom:10px;
}

.tr10 {
 	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
 	font-size: 10px;
	color:#414141;
	margin-bottom:10px;
}

.tr11 {
 	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color:#414141;
	line-height:14px;
	margin-bottom:10px;
}

.right {
text-align:right;
}
#contenedor {
   	width: 940px;
   	height:500px;
   	position: relative;
   	margin: 0px auto; 
  }
  
#menu {
   	position: absolute;
   	left:685px;
   	background-image:url(../img/fondotransparente.png);
	height:500px;
   	top: 0;
   	width: 180px;
   	color: black;
   	text-align:center;
   	z-index: 2;
  }
  
#menu_situacion {
   	position: absolute;
   	left:685px;
   	background-image:url(../img/fondotransparente.png);
	height:498px;
   	top: 0;
   	width: 180px;
   	color: black;
   	text-align:center;
   	z-index: 2;
	border-top:1px solid #b3b099;
	border-bottom:1px solid #b3b099;
  }
  
  
#mostar_menu {
   	position: absolute;
   	left:685px;
    background-image:url(../img/fondotransparente.png);
   	top: 0;
   	width: 175px;
   	height:20px;
   	color: black;
   	text-align:center;
   	z-index: 2;
	padding-top:10px;
  }
  
 #mostar_menu_situacion {
   	position: absolute;
   	left:685px;
    background-image:url(../img/fondotransparente.png);
   	top: 0;
   	width: 175px;
   	height:20px;
   	color: black;
   	text-align:center;
   	z-index: 2;
	padding-top:10px;
	border-top:1px solid #b3b099;
	
  }

#reserva {
   	position: absolute;
   	left:55px;
	top:100px;
	background-image:url(../img/fondo_reserva.png);
	height:865px;
   	width: 578px;
   	color: black;
	z-index: 3;
  }
  
#reservaok {
   	position: absolute;
   	left:55px;
	top:300px;
	background-color:#FFFFFF;
	height:100px;
   	width: 578px;
   	color: black;
	z-index: 3;
  }
  
#formulariook {
   	position: absolute;
   	left:25px;
	top:10px;
	height:100px;
   	width: 525px;
   	color: black;
	}
  
#formulario {
   	position: absolute;
   	left:25px;
	top:10px;
	height:800px;
   	width: 525px;
   	color: black;
	}

#foto {
   	position: absolute;
   	left: 0;
   	top: 0;
   	width: 940px;
   	color: black;
   	z-index: 0;
	background-color:#CCCCCC;
	
  }
  

  
  
/* BOTON OCULTAR */


#bot_ocultar_menu {
   	width: 180px;
	height:12px;
  }

.rollover_ocultar {
  display: block;
  width: 180px;
  height: 12px;
  background: url(../img/bot_ocultar.png) no-repeat;
}

a.rollover_ocultar:link, a.rollover_ocultar:visited, a.rollover_ocultar:active {
  background: url(../img/bot_ocultar.png) no-repeat;
}

a.rollover_ocultar:hover {
  background-position: 0px -12px;
  
}

/* BOTON MOSTRAR */

#bot_mostrar_menu {
   	width: 180px;
	height:12px;
  }
  
.rollover_mostrar {
  display: block;
  width: 180px;
  height: 12px;
  background: url(../img/bot_mostrar.png) no-repeat;
}

a.rollover_mostrar:link, a.rollover_mostrar:visited, a.rollover_mostrar:active {
  background: url(../img/bot_mostrar.png) no-repeat;
}

a.rollover_mostrar:hover {
  background-position: 0px -12px;
  
}

/* MENU NAVEGACION */

#botones_menu {
   	width: 180px;
	height:22px;
  }
  


.rollover_bot_inicio {display: block;width: 180px;height: 22px;background: url(../img/bot_inicio.png) no-repeat;}
a.rollover_bot_inicio:link, a.rollover_bot_inicio:visited, a.rollover_bot_inicio:active {background: url(../img/bot_inicio.png) no-repeat;}
a.rollover_bot_inicio:hover {background-position: 0px -22px;}

.rollover_bot_apartamentos {display: block;width: 180px;height: 22px;background: url(../img/bot_apartamentos.png) no-repeat;}
a.rollover_bot_apartamentos:link, a.rollover_bot_apartamentos:visited, a.rollover_bot_apartamentos:active {background: url(../img/bot_apartamentos.png) no-repeat;}
a.rollover_bot_apartamentos:hover {background-position: 0px -22px;}

.rollover_bot_piscina {display: block;width: 180px;height: 22px;background: url(../img/bot_piscina.png) no-repeat;}
a.rollover_bot_piscina:link, a.rollover_bot_piscina:visited, a.rollover_bot_piscina:active {background: url(../img/bot_piscina.png) no-repeat;}
a.rollover_bot_piscina:hover {background-position: 0px -22px;}

.rollover_bot_gusto {display: block;width: 180px;height: 22px;background: url(../img/bot_gusto.png) no-repeat;}
a.rollover_bot_gusto:link, a.rollover_bot_gusto:visited, a.rollover_bot_gusto:active {background: url(../img/bot_gusto.png) no-repeat;}
a.rollover_bot_gusto:hover {background-position: 0px -22px;}

.rollover_bot_situacion {display: block;width: 180px;height: 22px;background: url(../img/bot_situacion.png) no-repeat;}
a.rollover_bot_situacion:link, a.rollover_bot_situacion:visited, a.rollover_bot_situacion:active {background: url(../img/bot_situacion.png) no-repeat;}
a.rollover_bot_situacion:hover {background-position: 0px -22px;}

.rollover_bot_entorno {display: block;width: 180px;height: 22px;background: url(../img/bot_entorno.png) no-repeat;}
a.rollover_bot_entorno:link, a.rollover_bot_entorno:visited, a.rollover_bot_entorno:active {background: url(../img/bot_entorno.png) no-repeat;}
a.rollover_bot_entorno:hover {background-position: 0px -22px;}

.rollover_bot_reservas {display: block;width: 180px;height: 22px;background: url(../img/bot_reservas.png) no-repeat;}
a.rollover_bot_reservas:link, a.rollover_bot_reservas:visited, a.rollover_bot_reservas:active {background: url(../img/bot_reservas.png) no-repeat;}
a.rollover_bot_reservas:hover {background-position: 0px -22px;}

.rollover_bot_inicio_estoy {display: block;width: 180px;height: 22px;background: url(../img/bot_inicio.png) no-repeat;background-position: 0px -22px;}
.rollover_bot_apartamentos_estoy {display: block;width: 180px;height: 22px;background: url(../img/bot_apartamentos.png) no-repeat;background-position: 0px -22px;}
.rollover_bot_piscina_estoy {display: block;width: 180px;height: 22px;background: url(../img/bot_piscina.png) no-repeat;background-position: 0px -22px;}
.rollover_bot_gusto_estoy {display: block;width: 180px;height: 22px;background: url(../img/bot_gusto.png) no-repeat;background-position: 0px -22px;}
.rollover_bot_situacion_estoy {display: block;width: 180px;height: 22px;background: url(../img/bot_situacion.png) no-repeat;background-position: 0px -22px;}
.rollover_bot_entorno_estoy {display: block;width: 180px;height: 22px;background: url(../img/bot_entorno.png) no-repeat;background-position: 0px -22px;}
.rollover_bot_reservas_estoy {display: block;width: 180px;height: 22px;background: url(../img/bot_reservas.png) no-repeat;background-position: 0px -22px;}




/* --menu idiomas */

#idiomas_ul {position:relative;width:119px;height:14px;background:url(../img/idiomas.gif) 0px 0px no-repeat; margin-left:30px;}

#idiomas_ul li {position:absolute;top:0;height:14px;background:url(../img/idiomas.gif) 0px 0px no-repeat;display:block;list-style:none;}

#idiomas_ul a{display:block;height:14px;}


#idiomas_ul #idi1 {left:0; width:28px; background:url(../img/idiomas.gif) 0px 0px no-repeat;}

#idi1, #idi1 a {width:28px;}
#idiomas_ul #idi1 a:hover {background:url(../img/idiomas.gif) 0px -18px no-repeat;}

#idiomaesp {width:28px;}
#idiomas_ul #idiomaesp {left:0px;background:url(../img/idiomas.gif) 0px -18px no-repeat;}



#idiomas_ul #idi2 {left:28px;background-position:28px 0px;}
#idi2, #idi2 a {width:28px;}
#idiomas_ul #idi2 a:hover {background:url(../img/idiomas.gif) -28px -18px no-repeat;}

#idiomacat {width:28px;}
#idiomas_ul #idiomacat {left:28px;background:url(../img/idiomas.gif) -28px -18px no-repeat;}




#idiomas_ul #idi3 {left:56px;background-position:56px 0px;}
#idi3, #idi3 a {width:28px;}
#idiomas_ul #idi3 a:hover {background:url(../img/idiomas.gif) -56px -18px no-repeat;}

#idiomaeng {width:28px;}
#idiomas_ul #idiomaeng {left:56px;background:url(../img/idiomas.gif) -56px -18px no-repeat;}



#idiomas_ul #idi4 {left:84px;background-position:84px 0px;}
#idi4, #idi4 a {width:35px;}
#idiomas_ul #idi4 a:hover {background:url(../img/idiomas.gif) -84px -18px no-repeat;}

#idiomadeu {width:35px;}
#idiomas_ul #idiomadeu {left:84px;background:url(../img/idiomas.gif) -84px -18px no-repeat;}


/* -- fin menu idiomas */

#footer {
	text-align:justify;
   	width: 940px;
   	position: relative;
	line-height:16px;
	margin-top:10px;
  }
 
#boton_enviar{
   	width: 283px;
	height:30px;
  } 
 
.enviar_btn {display: block;width: 283px;height: 30px;background: url(../img/enviar_btn.gif) no-repeat;}
a.enviar_btn:link, a.enviar_btn:visited, a.enviar_btn:active {background: url(../img/enviar_btn.gif) no-repeat;}
a.enviar_btn:hover {background-position: 0px -30px;}

 
table.frm {
border-spacing:1px;
}
table.frm td {padding: 2px;}
  
  
  
input{font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;font-size:11px;}
textarea{font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;font-size:11px;}