* { margin:0; padding:0; outline:none }
img { border:none }
ul { list-style:none }

.accesibilidad { display:none }

body { font:.75em Georgia, "Times New Roman", Times, serif; color:#fff; background:#d7e0cd url(../img/fondo.jpg) repeat-x }

#pagina { width:1071px; margin:0 auto;background: url(../img/fondo.png)}
.wrapper { width:875px; margin:0 auto}

#encabezado { background:url(../img/); height:495px; position:relative }

#logo a { padding-top:128px; height:0; width:271px; background:url(../img/logo.jpg); display:block; overflow:hidden ; position:absolute; top:0; left:50%; margin-left:-135px }

#idioma { position:absolute; top:110px; right:5px; list-style:none; width:125px }
#idioma li { display: inline; float:left}
#idioma a { width:19px; margin-right:16px ; display:block;overflow:hidden;height:0; padding-top:18px; background:url(../img/idioma.jpg)}
#idioma a#es {background-position: 0  -20px }
#idioma a#de {background-position: -35px  -20px}
#idioma a#en {background-position: -70px  -20px;margin-right:17px}
#idioma a#ca {background-position: -105px  -20px;margin-right:0}
#idioma a#es:hover {background-position: 0 0}
#idioma a#de:hover { background-position: -35px 0}
#idioma a#en:hover { background-position: -70px 0}
#idioma a#ca:hover { background-position: -105px 0}

#slideshow {
	position:absolute;
	top:152px;
	border-top:7px solid #030;
	background:#030;
	width:875px;
	height:304px
}
#slideshow ul {
	list-style:none;
}


#menu { position:absolute; top:463px; left:0; list-style:none;  width:100%; height:32px; background:url(../img/menu.jpg) }
#menu li { display: inline; float:left}
#menu a {  margin-right:2px ; display:block;overflow:hidden;height:0; padding-top:32px; background:url(../img/menu.jpg)}

#menu a#hotel {background-position: 0  0;width:80px }
#menu a#instalaciones {background-position: -82px 0;width:149px}
#menu a#spa {background-position: -233px 0;width:56px}
#menu a#actividades {background-position: -291px 0;width:133px}
#menu a#entorno {background-position: -426px 0;width:110px}
#menu a#contacto {background-position: -538px 0;width:125px}

#menu a#hotel:hover,#menu .activo a#hotel {background-position: 0 -32px}
#menu a#instalaciones:hover,#menu .activo a#instalaciones { background-position: -82px -32px}
#menu a#spa:hover,#menu .activo a#spa { background-position: -233px -32px}
#menu a#actividades:hover,#menu .activo a#actividades { background-position: -291px -32px}
#menu a#entorno:hover,#menu .activo a#entorno { background-position: -426px -32px}
#menu a#contacto:hover,#menu .activo a#contacto { background-position: -538px -32px}
               
			
#contenedor { background:#45753e }

#contenido { padding:17px 23px; width:619px; float:left }

#contenido h2 { height:0;overflow:hidden; background-repeat:no-repeat; margin-bottom:8px }
#contenido h2.bienvenidos { background-image:url(../img/bienvenidos.jpg) ; padding-top:56px; }
#contenido h2.instalaciones { background-image:url(../img/instalaciones.jpg); padding-top:56px;  }
#contenido h2.actividades { background-image:url(../img/actividades.jpg); padding-top:56px;  }
#contenido h2.spa { background-image:url(../img/spa.jpg); padding-top:56px; }
#contenido h2.entorno { background-image:url(../img/entorno.jpg); padding-top:56px;  }
#contenido h2.contacto { background-image:url(../img/contacto.jpg); padding-top:56px;  }
#contenido h2.situacion { background-image:url(../img/ubicacion.jpg); padding-top:56px; }

#contenido p { margin-bottom:18px }
#columna-derecha { margin-top:10px; width:202px; float:left}
#columna-derecha hr {
border-color:#fff -moz-use-text-color -moz-use-text-color;
border-style:dotted none none;
border-width:1px medium medium;
color:#fff;
height:1px;
margin:2px 0 10px;*margin:-4px 0 2px;
}
#columna-derecha img { vertical-align:middle}

#columna-derecha #reservas { background:#030; height:160px; position:relative; font:10px Verdana;*margin-bottom:-1px} 
#columna-derecha #reservas h4 { height:0; padding-top:37px; overflow:hidden;background:url(../img/reservas.jpg)}
#columna-derecha #reservas form {margin:7px 0 0 12px }
#columna-derecha #reservas fieldset { border:none }
#columna-derecha #reservas  label { display:block; margin-bottom:2px }
#columna-derecha #reservas select { font:10px Verdana; color:#030 }

#columna-derecha #reservas select.dia { *width:40px }
#columna-derecha #reservas select.mes {  *width:78px}
#columna-derecha #reservas select.anio { *width:49px}


#columna-derecha #reservas input { font:12px Verdana; color:#030 }

#columna-derecha #reservas select { border:1px solid #030}
#columna-derecha #reservas .grupo2 { margin-top:10px }
#columna-derecha #reservas .grupo2 div { width: 40px; margin-right:5px; float:left }
#columna-derecha #reservas .grupo2 input { border:1px solid #063; background:#fff; padding:2px ; width:34px }


#columna-derecha #reservas input.consultar { cursor:pointer;position:absolute; bottom:0; right:0; height:22px; width:117px; background:url(../img/consultar.jpg); border:none }

#pie { background:#030 url(../img/pie.jpg) no-repeat 727px 7px ; height:10px ; padding:14px 10px 10px; font:10px Verdana; }
#pie p {position:relative}


/*home*/
div.grafico { margin:0 0 -37px -23px; position:relative;}
div.grafico img { vertical-align:middle; }
/**/

.contactar{
float:left;
width: 360px;
padding-right:15px;
border:none;
}

.clean{
clear:both;
display:block;
}

.campo{
clear:both;
width: 300px;
height: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:  13px;
}

.area{
clear:both;
width: 340px;
height: 155px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:  13px;
}

.envia{
clear:both;
display:block;
margin-top: 17px;
float:right;
margin-right:18px;
border:none;
cursor:pointer;
height:22px; 
width:78px; 
background:url(../img/envia.jpg);
}

.imageleft{
background:#E6EAE1;
padding:3px;
float:left;
margin-right: 12px;
}


* html .clearfix { height: 1% }
.clearfix { display: inline-block}
html[xmlns] .clearfix { display: block}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

a, a:visited, a:link, a:active{
color:#FFFFFF;
}

a:hover{
color:#E9E9E9;
background-color:#006600;
}