@charset "utf-8";
/* CSS Document */

@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light&subset=latin);


/*//////////// GENERAL ////////////////*/

html, body{height: 100%; overflow:auto;}

body{font-family:'Josefin Sans Std Light', arial, serif; font-size:12px; color:#FFF; text-align:left; background:url(../img/fondo.jpg) repeat-y;overflow: auto; margin:0}

body a{outline:none;text-decoration:none;color:#FFF}

img{border:0;}

#sitio{
	position:relative;
	min-width:925px;
	min-height:500px;
	/*overflow: hidden;*/
	width:998px;
	background:url(../img/bg.jpg) no-repeat;
	height:700px;
	margin-left:auto;
	margin-right:auto;
}

* html #sitio{
	height: expression(this.scrollHeight < 331? "330px" : "auto" );
	width: expression(document.body.clientWidth < 801? "800px": "auto" );
}

/*a:link{color:#026455}
a:visited{color:#026455}
a:active{color:#026455}*/


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{clear:both;}

#logo{position:absolute; left:10px; top:10px; cursor:pointer;}

#logo_pie{
	position:absolute;
	left:0;
	bottom:0;
	z-index:998;
}

#data_inferior{
	position:absolute;
	bottom:10px;
	right:0;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}

#auspiciantes{
	padding-bottom:5px;
	width:495px;
}

.auspiciante{
	margin-right:15px;
	float:left;
}

#datos_pie{
	position:relative;
	float:left;
	padding-top:10px;
	letter-spacing:1px;
}

#copa{
	position:absolute;
	bottom:-10px;
	right:0;
}

#botonera{
	position:absolute;
	right:0;
	top:40px;
}

#botonera ul li{
	font-size:18px;
	list-style:none;
	display:inline;
}

#botonera ul li img{
	margin-left:2px;
}

#linea_indicadora{
	position:absolute;
	border-top: solid #FFF 1px;
	width:686px;
	right:0;
}

#linea_base_botonera{
	border-top: solid #650896 1px;
	width:686px;
	margin-top:4px;
}

.seleccionado{
	color:#650896;
	cursor:default;
}

#contenido{
	position:absolute;
	height:336px;
	width:998px;
	margin-top:95px;
}

#contenido_texto{
	width:435px;
	height:336px;
	background:url(../img/bg_txt.jpg) top left no-repeat;
	position:absolute;
	left:0;
	font-size:16px;
	overflow:hidden;
}

#interior_texto{
	padding-left:5px;
	padding-top:10px;
	z-index:997;
}

#contenido_imagen{
	width:555px;
	height:336px;
	position:absolute;
	right:0;
	overflow:hidden;
}

#logo_txt{position:absolute; right:10px; bottom:20px;}

#mp3_player_{
	position:absolute;
	top:440px;
	right:0;
	z-index:999;
}

/* Habitaciones */
.botoneras_habitaciones{
	position:absolute;
	list-style:none;
}

.botoneras_habitaciones ul li{
	line-height:18px;
	z-index:999;
	font-size:15px;
	margin-left:5px;
}

#botones_habitaciones_1{
	left:5px;
	bottom:28px;
}

#botones_habitaciones_2{
	left:160px;
	bottom:10px;
}

#botones_habitaciones_3{
	left:298px;
	bottom:10px;
}

.titulo_habitacion{
	font-weight:bold;
	color:#CCC;
	margin-bottom:3px;
}

#listado_servicios{
	margin-left:5px;
	list-style:none;
	margin-top:5px;
}

#listado_servicios ul li{
	line-height:17px;
	font-size:80%;
}

#thumbs_habitaciones{
	cursor:pointer;
}

#thumb_1{
	position:absolute;
	right:5px;
	bottom:140px;
}

#thumb_2{
	position:absolute;
	right:130px;
	bottom:140px;
}

#thumb_3{
	position:absolute;
	right:5px;
	bottom:50px;
}

#thumb_4{
	position:absolute;
	right:130px;
	bottom:50px;
}

#foto_habitacion{
	display:none;
}

#precio{
	position:absolute;
	left:193px;
	bottom:20px;	
}

#volver_habitaciones{
	position:absolute;
	right:5px;
	bottom:20px;	
}
/*Fin Habitaciones */

/* Servicios */
.lista_servicios{
	position:absolute;
	/*width:280px;*/
	margin-left:5px;
	list-style:none;
	margin-top:20px;
	text-align:left;
}

.lista_servicios ul li{
	width:210px;
	font-size:80%;
	line-height:17px;
	margin-bottom:3px;
}

#lista_servicios_diferenciales{
	left:5px;
}

#lista_servicios_diferenciales table span{
	font-size:20px;
	vertical-align:bottom;
	display:none;
}

#lista_servicios_diferenciales table tr td div{
	height:22px;
	padding-left:30px;
}

#lista_servicios_generales{
	font-size:16px;
	margin:10px;
}

#lista_servicios_generales ul li{
	list-style:none;
	line-height:20px;
}

#ss{
	background:url(../img/bg_ss.jpg) top left no-repeat;
	width:555px;
	height:336px;
}

#titulo_servicio{
	font-size:24px;
	text-align:right;
	padding:10px;
}

#descripcion_servicio{
	font-size:16px;
	margin:10px;
}

#descripcion_servicio ul li{
	margin-left:170px;
	list-style:inside;
}
/* Fin Servicios */

/* Galería */
.thumb_galeria{
	float:left;
	margin:3px;
}

#contenedor_thumbs{
	position:absolute;
	width:436px;
	height:300px;
	overflow:hidden;
}

#thumbs_galeria{
	position:relative;
	cursor:pointer;
	width:500px;
}

#avanzar_galeria{
	position:absolute;
	text-align:center;
	width:440px;
	top:302px;
}
#avanzar_galeria a{
	color:#FFF;
}
/* Fin Galería */

/* Contacto */

#contenido_contacto{
	background:url(../img/bg_contacto.jpg) no-repeat top left;
	height:336px;
	width:998px;
	font-size:16px;
	padding-left:15px;

}

.campos_form{
	height:35px;
}

.campos_form input{
	background:url(../img/bg_input.png) repeat-x;
	border:none;
	color:#FFF;
	height:20px;
	width:280px;
	vertical-align:middle;
	position:relative;
	float:left;

}

.input_name{
	width:85px;
	height:19px;
	background:url(../img/uvas.png) no-repeat top left;
	position:relative;
	float:left;
	vertical-align:bottom;
	padding-top:2px;
}

#textarea{
	background:url(../img/bg_input.png) repeat;
	height:205px;
	width:450px;
	border:none;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:13px;
}

#consulta{
	position:absolute;
	right:10px;
	top:67px;
	height:205px;
	padding-left:20px;
}

/* Fin Contacto */

#like_fb{position:absolute; right:65px; top:446px; width:120px;}

#pie_agencia{position:absolute; right:10px; bottom:10px;}