@charset "utf-8";
/* CSS Document */
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	background-color:#958C6F;
	text-align: center;
}

a{
	text-decoration:none;
	color: #958C6F;	
}

img{border: none;}

/******************** Tags **********************/

.txt_izq{text-align:left}
.txt_der{text-align:right}

/********* Comienza estructura ******************/

#cabecera{
	position:relative;
	margin:auto;
	width:759px;
	height:auto;
	top:508px;
	color:#FFFFFF;
	text-align:right
}

#principal{ 
	position:relative;
	margin : auto;
	width : 759px;
	height: 400px;
	border: 3px solid #FFFFFF;
	top:82px;
}

#principal_izq{
	float:left;
	width:387px;
}

/*********** Contenedor Superior Izquierdo *******/
#cont_sup_izq{
	position:relative;
	width:357px;
	height:178px;
	margin:15px;
	background-image:url(../images/fondo_sup_izq.jpg);
}

#cont_img_sup{position:relative;top:9px;z-index:15;}

.menu_casas{
	width:auto;
	position:relative;
	text-align:right;	
	/*
	line-height:2pt;
	padding-right:18px;
	margin-top:-30px;
	*/
	z-index:20;
}

.menu_casas_desact{
	width:auto;
	position:relative;
	text-align:right;	
	/*
	line-height:2pt;
	padding-right:18px;
	margin-top:-30px;
	*/
	z-index:20;
}

.menu_casas a{
	background-color:#E3E8BF;
	color:#645F4A;
	font-weight:bold;
	text-decoration:none;
}

.menu_casas a:hover{color:#000000}

.menu_casas_desact a{
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.menu_casas_desact a:hover{color:#000000}
/************ Contenedor Inferior Izquierdo **********/

#cont_inf_izq{
	width:357px;
	height:178px;
	margin:15px;
	background-image:url(../images/fondo_inf_izq.jpg);
}

#idiomas{
	float:right;
	width:90%;
	margin-top:45px;
	padding-right:25px;
	text-align:right;
}
#idiomas a{color:#BDBAA6;text-decoration:none}
#idiomas a:hover{text-decoration:underline}

.menu_principal{
	float:left;
	margin-left:5px;
	margin-top:70px;
	font-weight:bold;
}

.menu_principal_desact{
	float:left;
	margin-left:5px;
	margin-top:70px;
	font-weight:bold;
}
.menu_principal_desact a {color:#000000;display:block;text-decoration:none;background-color:#E3E8BF}
.menu_principal_desact a:hover{background-color:#E3E8BF}

.menu_principal a{color:#645F4A;display:block;text-decoration:none}
.menu_principal a:hover{background-color:#E3E8BF;color:#000000}

.width_menu_1{width:90px}
.width_menu_2{width:80px}
/************ contenedor derecho *********************/
#cont_der{
	float:left;
	width:359px;
	height:370px;
	margin-top:15px;
	overflow:hidden;
	background-image:url(../images/fondo_derecho.jpg);	
	text-align: left;
}

/************** Links ******************/

#cabecera a{color:#FFFFFF;text-decoration:none;font-size:10pt;}

#cabecera a:hover{color:#000000}

#titulo{
	position:relative;
	width:290px;
	height:60px;
	font:Tahoma, Geneva, sans-serif;
	font-size:12pt;
	text-align:right;
	font-weight:bold;
	padding-top:15px;
}

#titulo_reserva{
	position:relative;
	width:290px;
	height:40px;
	font:Tahoma, Geneva, sans-serif;
	font-size:12pt;
	text-align:right;
	font-weight:bold;
	padding-top:15px;
}

.estilo_titulo{	letter-spacing:2px;text-transform: uppercase;color:#958C6F;}

#texto{
	width:325px;
	height:260px;
	overflow:auto;
	font-size:10pt;
	text-align:left;
	padding:0px 0px 15px 15px;	
	position: relative;
}
#texto_galeria {
	width:325px;
	height:160px;
	overflow:auto;
	font-size:10pt;
	text-align:left;
	padding:0px 0px 15px 15px;	
	position: relative;
}

.menu_secundario{font-size:9pt;float:right;margin-left:10px}
.menu_secundario_desact{font-size:9pt;float:right;margin-left:10px}

.menu_secundario a{display:block;color:#958C6F;text-decoration:none}
.menu_secundario a:hover{color:#000000;background-color:#E3E8BF}

.menu_secundario_desact a{display:block;color:#000000;text-decoration:none;background-color:#E3E8BF}
.menu_secundario_desact a:hover{background-color:#E3E8BF}

#texto_reserva {	
	width:325px;
	height:170px;
	overflow:hidden;
	font-size:10pt;
	text-align:left;
	padding:0px 0px 15px 15px;	
	position: relative;	
}
#texto_reserva  p{
	margin: 0px 0px 0px 0px;	
}

.formReserva {
	margin-left: 37px;
	margin-top: 5px;
}

.formReserva th {
	color: #958C6F;
	text-align: right;
}

.formReserva td {
	text-align: left;
}

.formReserva ul {
	margin: 0px 0px 0px 0px;
	color: red;
	font-size: 9px;
	text-decoration: none;	
	list-style: none;
}
.formReserva li {
	text-decoration: none;
}

.campoError{
	border: 1px solid red;	
}
.textoError{
	color: red;	
}
.menu_casa {
position: relative;
height: 20px;
}

/* Galería */
#galeria {
	position: relative;
	height: 100px;
	width: 320px;
	overflow: hidden;	
	margin-left: 15px;
}
#galeria #imagenes {
	position: relative;
	height: 72px;
	width:  320px;
	overflow: hidden;	
}
#galeria #imagenes #contenedor{
	position: relative;
	height: 72px;
}
#galeria #herramienta {
	position: relative;
	height: 24px;
	width: 320px;
	overflow: hidden;
}
.imagenGaleria {
	float: left;
	position: relative;
	width: 90px;
	height: 90px;
	margin: 7px 0px 0px 6px;
}
.imagenGaleria img {
	border: 2px solid #958C6F;	
}
#herramienta div {		
	width: 16px;
	height: 20px;
	position: relative;
	cursor: pointer;
	margin-top: 2px;
}

#herramienta #flecha_izq {
	float: left;	
}

#herramienta #flecha_der {
	float: right;	
}

#galeria_ampliada, #ubicacion_ampliada {
	width:  357px;
	height: 371px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("../images/galeria_fondo.jpg");
	background-repeat: no-repeat;
	margin: 15px 0px 0px 15px;	
	z-index: 99;
}
#galeria_ampliada #imagen, #ubicacion_ampliada #imagen{
	width: 347px;
	height: 361px;
	
}
#galeria_ampliada #imagen div, #ubicacion_ampliada #imagen div{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;	
	margin: 5px 5px 5px 5px;
	text-align: left;
}

#galeria_ampliada #herramienta, #ubicacion_ampliada #herramienta {
	width: 100%;
	height: 23px;
	position: absolute;
	top: 5px;
	left: 0px;	
}
#galeria_ampliada #herramienta img, #ubicacion_ampliada #herramienta img {
	cursor: pointer;
}

#ver_mapa {
	position: absolute;
	color: #958C6F;
	height: 15px;
	width: 325px;
	font-size: 10px;
	cursor: pointer;
	font-weight: bold;
	top: 75px;
	text-align: center;
}

#reserva_casa {
	width: 115px;
	height: 100px;
	position: relative;
	left: 15px;
	top: 15px;
	text-align: center;
}
#reserva_casa div {
	margin: 0px 0px 5px 0px; 
}

#reserva_casa a {color:#958C6F;display:block;text-decoration:none;background-color:#E3E8BF;font-weight: bold;}

#menusecundario {	
	height: 100px; 
	width: 150px;
	position: absolute;
	top: 50px;
	left: 190px;
}

#menusecundario div {
	margin: 0px 0px 10px 0px; 
}

.condiciones {
	position: relative;
	width: 500px;
	text-align: justify;
	color: white;
}

.condiciones .titulo{
	font-size: 12pt;
}

.formReserva a:hover {
	color: blue;
}