/* CSS Document */

*,html{
	padding: 0px;
	margin:0px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #271e0f;
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	background-image:url(../images/fondo.jpg);
	background-repeat:repeat-x;
	background-attachment: fixed;
	background-position: center top;
}

p{
	font-size:1.2em;
	color:#ffffff;
	text-align:justify;
	margin-bottom:15px;
	line-height: 14px;	
}

a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
p a{
	font-size:1em;
}

h1{
	font-size:2.4em;
	font-weight:normal;
	color:#4b9ea6;
	float:left;
	margin-bottom:20px;
	display:inline;
}

h2{
	font-size:1.6em;
	font-weight:normal;
	color:#ffffff;
	float:left;
	margin-bottom:12px;
}

/*h2{
	font-size:1.6em;
	font-weight:normal;
	color:#ffffff;
	float:left;
	line-height:17px;
	height:30px;
}*/

img{
	border:none;
}

/* clases propias*/

.floatleft {
	float: left;
	margin: 0px;
	padding: 0px;
}

.floatright {
	float:right;
	margin: 0px;
	padding: 0px;
}

.salto {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size:0px;
	height:0px;
}

.titulo_habitaciones{
	font-size:1.4em;
	color:#FFFFFF;
	margin-bottom:7px;
	float:left;
/*	cursor:pointer;*/
}

.titulo_superior{
	font-size:1.4em;
	color:#4b9ea6;
	margin-bottom:7px;
	float:left;
/*	cursor:pointer;*/
}

.texto_habitaciones{
	font-size:1.0em;
	color:#000000;
	width:172px;
	float:left;
	/*cursor:pointer;*/
}

.amarillo{
	color:#d2ab67;
}

.blanco{
	color: #ffffff;
}

/* id's*/

#general{
	margin:auto auto;
	width:902px;

}

#cabecera{
	background-image:url(../images/fondo_cabecera.jpg);
	height:191px;
	width:902px;
}

#disponibilidad{
	width:240px;
	height:151px;
	display:inline;
	float:right;
	margin-right:20px;
	background-image: url(../images/transparent.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transparent.png');
}

#formulario{
	padding: 10px;
	color:#FFFFFF;
}

#formulario{
	background-color: transparent;
}

#formulario input{
	width:147px; 
	height:22px; 
	border:none;
	float:left;
	background-color:#000000;
	color:#FFFFFF;
	line-height:10px;
	border:none; 
	cursor:pointer;
	font-size:1.3em;
	float:left;
	margin-right:10px;
	margin-bottom:8px;
}

#formulario select{
	height:18px;
	color:#000000;
	font-size:1.1em;
	padding-left:2px;
	border:none;
	float:left;
	margin-bottom:9px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline;
}

#formulario p{
	margin-bottom:8px;
	margin-left: 10px;
}

/*#formulario a{
	color:#d2ab67;
	margin-top:5px;
	
}
*/
#idiomas{
	width:96px;
	height:151px;
	display:inline;
	float:right;
	background-image: url(../images/idiomas.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/idiomas.png');
}

#idiomas img{
	float:left;
}
 
#idiomas ul{
	float:left;
	margin-top:10px;
	margin-bottom: 18px;
	
}



#idiomas ul li{
	list-style-image:none;
	list-style-type:none;
	display:block;
	float:left;
	width:96px;
	margin-bottom: 5px;
	position: relative;
}

#idiomas ul li a{
	color:#FFFFFF;
	margin-bottom:0px;
	float:none;
	
}

#idiomas p{
	margin-bottom:0px;
	margin-left:10px;
	display:inline;
	margin-top:3px;
	width:96px;
	float:left;
	overflow:hidden;
}

#idiomas ul li a:hover{
	color:#d2ab67;
}

#idiomas a{
	color:#d2ab67;
	margin-bottom:0px;
	margin-left:10px;
	margin-top:0px;
	float:left;
}

#menu{
	float:left;
	width:872px;
	margin-top:5px;
	padding-left:30px;
}

#menu ul li{
	list-style-image:none;
	list-style-type:none;
	float:left;
	display:inline;
}

#menu ul li a{
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	height:21px;
	float:left;
}

#menu ul li a:hover{
	background-color:#271e0f;
}

#imagen_home{
	float:left;
	width:902px;
	margin-bottom:15px;
}

#contenido{
	width:902px;
	float:left;
	background-color:#0a0701;
	padding-top:20px;
	padding-bottom:15px;
}

#galeria{
	width:421px;
	height:299px;
	float:right;
	margin-right:20px;
	display:inline;
	background-repeat:no-repeat;
}

#galeria a{
	float:left;
	margin-top:130px;
	margin-left:10px;
	margin-right:10px;
}

#galeria p{
	height:19px;
	text-align:right;
	width:401px;
	background-image: url(../images/fondo_galeria.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fondo_galeria.png');
	margin-top:130px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	margin-bottom:0px;
}

#presentacion, #temporadas, #contacto, #servicios1, #listaeventos, #preguntas, #ocio, #aviso{
	width:420px;
	margin-left:20px;
	float:left;
	display:inline;
}
#desayuno, #localizacion, #servicios2, #evento, #proteccion, #agenda2{
	width:370px;
	margin-right:20px;
	float:right;
	display:inline;
}

#agenda{
	background-image:url(../images/fondo_agenda.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
	width:431px;
	padding-top:10px;
	display:inline;
	float:left;
	margin-left:20px;
	background-position: left bottom;
}

#agenda h2{
	margin-left:10px;
	display:inline;
}

#agenda a{
	padding-right:20px;
	color:#FFFFFF;
	background-image:url(../images/flecha_delante.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:16px;
}
#agenda a:hover{
	color:#4b9ea6;
}

#agenda ul{
	width:400px;
	margin-left:10px;
	margin-top:0px;
	padding-top:0px;
}

#agenda ul li{
	padding-left:10px;
	background-image:url(../images/flecha.gif);
	background-repeat:no-repeat;
	margin-bottom:6px;
	list-style-image: none;
	list-style-type: none;
}

#agenda ul li a{
	color:#d2ab67;
	font-size:1.2em;
	background-image:none;
}

#agenda ul li a:hover{
	color:#FFFFFF;
}

#pie{
	width:882px;
	float:left;
	background-color:#0a0701;
	height:25px;
	margin-top:10px;
	margin-bottom:15px;
	padding-right:20px;
	padding-top:9px;
}

#pie a{
	color:#d2ab67;
	float:left;
	margin-left:20px;
}

#pie p{
	float:left;
	color:#d2ab67;
	margin-left:20px;
}

#pie a:hover{
	color:#ffffff;
}

#iconos{
	float:right;
	width:400px;
}

#iconos ul li {
	list-style-image:none;
	list-style-type:none;
	float:left;
	margin-right:15px;
}

#img_habitaciones{
	float:left;
	width:902px;
	height:381px;	
	background-repeat:no-repeat;
}

#img_habitaciones p{
	height:44px;
	text-align:right;
	width:862px;
	background-image: url(../images/fondo_habitacion.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fondo_habitacion.png');
	margin-top:150px;
	font-size:2.5em;
	color:#d2ab67;
	font-weight:normal;
	padding-left:10px;
	line-height:25px;
	padding-right:30px;
	padding-top:15px;
	margin-bottom:0px;
}

#img_habitaciones a{	

	float:left;
	margin-top:160px;
	margin-left:10px;
	margin-right:10px;
}

#doble{
	width:294px;
	height:89px;
	margin-top:10px;
	background-image:url(../images/fondo_doble.gif);
	background-repeat:no-repeat;
	margin-left:6px;
	float:left;
}

#doble img{
	float:right;
	margin-right:1px;
	margin-top:1px;
}

#doble p{
	width:176px;
	float:left;
	height:69px;
	margin-top:8px;
	margin-left:10px;
}

#doble a:hover{
	text-decoration:underline;
	color:#000000;
}

#doble_superior{
	width:294px;
	margin-top:10px;
	float:left;
	height:89px;
	background-image:url(../images/fondo_doble_sup.gif);
	background-repeat:no-repeat;
	margin-left:4px;
}

#doble_superior img{
	float:right;
	margin-right:1px;
	margin-top:1px;
}

#doble_superior p{
	width:176px;
	float:left;
	height:69px;
	margin-top:8px;
	margin-left:10px;
}

#doble_superior a:hover{
	color:#000000;
	text-decoration:underline;
}

#suite{
	width:294px;
	margin-top:10px;
	height:89px;
	background-image:url(../images/fondo_suite.gif);
	background-repeat:no-repeat;
	margin-left:4px;
	float:left;
}

#suite img{
	float:right;
	margin-right:1px;
	margin-top:1px;
}

#suite p{
	width:176px;
	float:left;
	height:69px;
	margin-top:8px;
	margin-left:10px;
}

#suite a:hover{
	text-decoration:underline;
	color:#000000;
}

/* TARIFAS */

#tarifas{
	padding:0px 20px 20px 20px;
}

#tarifas table{
	width:100%;
	font-size:1.4em;
	color:#FFFFFF;
	border-collapse:collapse;
}

#tarifas table tr{
	height:48px;
}

#tarifas tr.h_normal{
	background-color:#3a777b;
}
#tarifas tr.h_sup{
	background-color:#FFFFFF;
	color:#010101;
}
#tarifas tr.h_suite{
	background-color:#ad8c34;
}

#tarifas th.thfilas{
	text-align:left;
	width:170px;
	padding:0px 0px 0px 10px;
	border-bottom:3px solid #0a0701;
}

#tarifas td{
	padding:0px 80px 0px 0px;
	text-align:right;
	font-size:0.85em;
	font-weight:bold;
	color:#000000;
	border-bottom:3px solid #0a0701;
}

#temporadas p, #desayuno p{
	color:#ad8c34;
}
#temporadas p span, #desayuno p span{
	color:#FFFFFF;
	font-weight:bold;
}


/* CONTACTO */

#contacto p span, #localizacion p span{
	color:#d2ab67;
}

#localizacion{
	width:390px;
}
#localizacion a{
	color:#3a777b;
}


/* RESERVAS */

#datos, #habit, #pago, #obser{
	padding: 0px 8px 0px 48px;
	width:383px;
	float:left;
}
#pago{padding: 0px 48px 0px 28px;}
#habit{padding: 0px 8px 0px 48px;}
#obser{padding: 20px 48px 0px 28px;}

.formu{
	min-height:25px;
	margin:0px 0px 5px 0px;
}

#datos label, #habit label, #pago label, #obser label{
	font-size:1.2em;
}
label.label1{
	width:190px;
	display:block;
	float:left;
	color:#FFFFFF;
}

#pago p span, #habit p span, #datos p span, #obser p span{
	color:#d2ab67;
	font-weight:bold;
}

#datos input, #habit input, #pago input{
	border:0px;
	float:left;
	height:18px;
	width:193px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input.boton1, a.boton1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.15em;
	width:105px;
	height:25px;
	background-image:url(../images/boton_reservas.gif);
	background-repeat:no-repeat;
	border:0px;
	padding:0px 20px 4px 0px;
	float:right;
}
a.boton1{
	font-size: 10px;
	color: #000000;
	padding: 5px;
}
#datos select, #habit select, #pago select{
	border:0px;
	float:left;
	height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.15em;
}
select.select1{
	width:193px;
}
select.select2{
	float:left;
	margin-left:2px;
}
select.select3{
	float:left;
	margin-right:2px;
	display:inline;
}

select.select4{
	float:right;
}

#obser textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	border:0px;
	float:left;
	width:381px;
	height:81px;
	padding:1px;
}


/* CONTACTO */

#servicios{
	padding:0px 20px 20px 20px;
}

#servicios1{
	width:420px;
	margin:0px;
}

#servicios1 p, #servicios2 p{
	padding:8px 0px 3px 0px;
}


/* EVENTOS */

#evento{
	width:420px;
	margin:0px;
}


/* PREGUNTAS FRECUENTES */

#preguntas{
	width:550px;
}

p.preguntas{
	color:#d2ab67;
	padding:5px 0px 0px 0px;
	margin-bottom: 10px;
}

/* OCIO Y EVENTOS */

#ocio{
	width:410px;
}

#agenda2{
	width:410px;
	margin:0px 20px 0px 0px;
}
#ocio p{
	padding:0px 0px 0px 15px;
}
#ocio p.ocio, #agenda2 p.ocio a{
	color:#d2ab67;
	margin-bottom: 10px;
	background-image:url(../images/flecha2.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding:5px 0px 0px 15px;
	position:relative;
}
#agenda2 p.ocio a{
	margin-top:4px;
	background-image:url(../images/flecha3.gif);
	padding:5px 0px 0px 15px;
}

.evento{
	background-color:#291f0d;
	padding:8px 12px 8px 12px;
	margin:0px 0px 12px 0px;
}

.img_evento{
	width:119px;
	float:left;
	margin:0px 10px 5px 0px;
}

.contenido_evento{
	/*width:257px;*/
	float:right;
}

.enlace p{
	font-size:1.1em;
	text-align:right;
}

/* TEXTOS LEGALES */

#aviso{
	width:410px;
}

#proteccion{
	width:410px;
	margin:0px 20px 0px 0px;
}

#aviso span, #proteccion span{
	color:#d2ab67;
}

/* VALIDACION FORMULARIOS */

.invisible {
	display: none;
}

.error {
	color: #d2ab67;
}