/******************************************
                  CSS
******************************************/

hr{
 display:none;
}

body,h1,h2,h3,ul,ol,dl{
 margin:0;
 padding:0;
}

/**************************************
                   FUENTES
**************************************/

body{
 font-size:76%;
 font-family:"Trebuchet MS",Helvetica,Verdana,Arial;
}

#idiomas a{
 color:#78684e;
}

#navegacion a{
 color:#dddabe;
 text-decoration:none;
}

#principal{
 font-size:1.3em;
 color:#666;
}

address{
 color:#dddabe;
 text-align:center;
}

#contenido a, .subir a, .telefono{
 color:#889241;
 text-decoration:none;
}

#listacasas{
 font-size:0.9em;
}

h3{
 color:#78684e;
}

#principal.reservas,#principal.accesibilidad{
 font-size:1.2em;
}

caption{
 font-size:1.3em;
}

th{
 color:#dddabe;
}

.oferta,.telefonoreservas{
 font-size:2em;
 color:#98a349;
}

#condicionesofertas{
 font-size:0.9em;
}

.reservas strong{
 text-decoration:underline;
}
 
#contacto input, #contacto textarea,#calendario input, select{
 font-size:1.2em;
 font-family:"Trebuchet MS",Helvetica,Verdana, Arial;
}

.alert{
 color:red;
}

.enviado{
 color:green;
}

/**************************************/

html, body{
 height:100%;
}

body{
 background:#dddabe url('img/fondo.png') repeat-x;
}

#contenedor{
 width:864px;
 margin:0 auto;
}

#cabecera{
 height:250px;
 position:relative;
}

h1{
 float:left;
 width:257px;
 height:250px;
 display:block;
 text-indent:-99999px;
 background:url('img/logo.png') no-repeat;
}

#flash{
 z-index:0;
 height:250px;
 background:url('img/fondocab.png') no-repeat right;
}


#navegacion ul{
 margin:0;
 padding:0;
 list-style:none;
}

#navegacion li{
 float:left;
 text-align:center;
 line-height:50px;
 font-size:50px; /* alinear vertical para ie */
 background:url('img/indent.png') no-repeat;
}

#navegacion a{
 display:block;
 width:170px;
 height:50px;
 font-size:0.4em;
}

#navegacion a.activo{
 background:url('img/actual.png') no-repeat 2px 0;
}
li#liprincipal{
 width:177px;
 background:url('img/principal.png');
}

li#lireservas{
 width:177px;
 background:url('img/reservas.png');
}

#principal{
 background:url('img/contenedor.png') repeat-y;
 clear:left
}

#contenido{
 min-height:300px;
 position:relative;
 line-height:2;
}

.inicio #contenido{
 background:url('img/lateralprin.png') no-repeat;
}

.casas #contenido{
 background:url('img/lateralcasas.png') no-repeat;
}

.galeria #contenido{
 background:url('img/lateralgaleria.png') no-repeat;
}

.situacion #contenido{
 background:url('img/lateralsituacion.png') no-repeat;
}

.reservas #contenido{
 background:url('img/lateralreservas.png') no-repeat;
}

.accesibilidad #contenido{
 background:url('img/lateralaccesibilidad.png') no-repeat;
}

.tituloseccion{
	position:absolute;
	text-indent:-99999px;
	left: -63px;
	top: 83px;
}

h3{
 padding:0 0 0 73px;
}

.situacion h3{
 clear:both;
}

#contenido img{
 border:2px solid #98a349;
}

.acercadecasa{
 padding-left:73px;
 margin:0; 
}

.primero{
 clear:both;
 padding:25px 0px 0 73px;
}

.primero img, .acercadecasa img{
 float:right;
 margin:0 30px 0 23px;
}

.segundo{
 clear:right;
 padding:25px 30px 0 0px;
 margin:25px 0 0 0;
}

.segundo img{
  float:left;
  margin:0 30px 0 73px;
}

/*++++++++++++++++++++++++++++++++++
           clearfix
++++++++++++++++++++++++++++++++++++*/

#contenido:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #contenido{height: 1%;}
/* End hide from IE-mac */

/*+++++++++++++++++++++++++++++++++++*/

.equipados,.normal{
 padding:0 30px 0 73px;
}
 
#comollegar{
 text-align:center;
}

.comollegar{
 padding:0 30px 0 73px;
}

#fiestas{
 float:right;
 width:301px;
 padding:0 30px 0 0;
}

#fiestas img{
 float:right;
 margin-bottom:23px
}

.situacion ul{
 list-style:none;
 padding:0 30px 0 73px;
}

.situacion li{
 margin-bottom:23px;
}

#listacasas{
 float:left;
 width:257px;
 margin-top:25px;
}

#listacasas ul{
 margin-left:73px;
 background:url('img/cabcasas.png') no-repeat;; list-style-type:none; padding-left:0px; padding-right:0; padding-top:12px; padding-bottom:0
}

#listacasas li{
 border-left:#dddabe 1px solid;
 border-right:#dddabe 1px solid;
 border-bottom:#dddabe 1px solid;
 background:#fff;
 width:158px;
 padding-left:10px;
}

#listacasas li.actual{
 background:url('img/hoja.png') no-repeat;
}

#displaycasas{
 width:607px;
 float:left;
}

.primerocasas{
 padding:0 30px 0 0;
}

.listaimagenes{
 list-style:none;
}

.listaimagenes li{
 margin-right:25px;
 float:left;
}

#paginador{
 clear:both;
 text-align:right;
 padding:0 30px 0 0;
 margin:1.5em;
}

#paginador a.numpagina{
 margin-left:0.5em;
 padding:0 0.5em;
 border:1px solid #dddabe;
 text-decoration:none;
}

#paginador a.numpagina:hover{
 background:#dddabe;
} 

#paginador a.ac{
 background:#98a349;
 color:#fff;
}

#ofertas{
 border:1px solid #dddabe;
 background:#fff;
 line-height:1;
 margin:0 30px 1.5em 73px;
 padding:10px;
}

.oferta{
 width:27%;
 float:left;
 margin:0;
 text-align:center;
 padding-top:10px;
}

#ofertas .listaofertas{
 margin-left:27%;
 padding:0;
}

#ofertas li{
 margin:0;
 background:url('img/hoja2.png') no-repeat;
}

#condicionesofertas{
 clear:left;
 margin-bottom:0;
}

.reservas ol, .reservas ul{
 padding:0 30px 0 73px;
 list-style:none;
}

.situacion li, .reservas li{
 background:url('img/hoja.png') no-repeat 0 10px;
 padding-left:15px
}

.reservas li{
 line-height:1.2;
 background:url('img/hoja.png') no-repeat;
 margin-bottom:1.1em
 }

#fechasespeciales{
 float:left;
 width:400px;
}

* html #fechasespeciales{
 width:380px;
}

#contacto{
 float:right;
 width:357px;
}

#contacto p{
 padding:0 30px 0 0;
}

#contacto p.telefonoreservas{
 border:1px solid #dddabe;
 text-align:center;
 background:#fff url('img/fondotabla.png') no-repeat bottom right;; margin-left:0; margin-right:30px; margin-top:0; margin-bottom:0px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1em
}

.telefono{
 display:block;
 margin:-10px;
}

#cajitas input, textarea{
 width:100%;
}

#cajitas p, .mensaje p{
 margin:0;
}

.boton{
 position:relative;
 text-align:right;
}

#calendario{
 float:right;
 width:357px;
 clear:right;
}

#calendario p{
 line-height:1.2;
 margin:0 0 1.2em;
 padding-right:30px;
}

#calendario label{
 display:none;
}

#calendario h3{
 padding:0;
}

#calendario table{
 margin:0 auto;
}

#calendario caption{
 text-align:center;
 margin:0 auto;
}

#calendario .ocupado{
 background:#dddabe; 
}

.vacio{
 color:#fff;
}

.navegacion{
 position:relative;
}

.navegacion p{
 display:inline;
 font-size:2em;
 position:absolute;
}

.ant{
 left:68px;
}

.sig{
 left:275px;
}

#condiciones{
 clear:left;
}

#condiciones ol{
 width:400px;
}

* html #condiciones ol{
 width:380px;
}

table,td,th{
 border:1px solid #dddabe;
}

caption{
 margin-top:25px;
}

table{
 margin:0 30px 1.5em 73px;
 text-align:center;
 line-height:1.5;
}

th{
 background:#98a349;
}

tbody{
 background:#fff;
}

tbody .par td{
 background:#f0f0f0;
}

#pie{
 position:relative;
 clear:left;
 padding-top:75px;
 width:864px;
 margin:0 auto;
 background:url('img/pie.png') no-repeat;
}

.subir{
 position:absolute;
 top:0;
 left:73px;
}

.subir a{
 background:url('img/up.gif') no-repeat 0 2px;
 padding-left:15px;
 text-indent:-99999px;
 display:block;
 width:16px;
 height:16px
}

.subir a:hover{
 text-indent:0px;
}

#partec{
 margin:0.5em 7px 0 0;
 text-align:right;
}

.listaenlinea{
 list-style:none;
 margin:0;
 padding:0;
}

.listaenlinea li{
 display:inline;
}

dt {
float: left;
width: auto;
padding-right: 1em;
font-weight: bold;
}

dd {
display: block;
}