
html, body {
  height:100%;
  margin: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background: #333333;
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 900px;
  min-height: 556px;
}



#contenido {
  position: absolute;
  width: 900px;
  height: 556px;
  top: 50%;
  left: 50%;
  margin-top: -278px;
  margin-left: -450px;
}



#home {
  width: 900px;
  height: 301px;
  margin: 22px 0;
  padding: 42px 0 169px 0;
  background: #291D0E url(../home/imagenes/adorno.gif) no-repeat left bottom;
  text-align: center;
}

#home p {
  margin: 0;
  padding: 0;
}

#home p.separado {
  padding-top: 21px;
}



#cabecera {
  margin: 0;
  padding: 0;
  width: 900px;
  height: 113px;
  background: #B8AF9E;
  border-bottom: 4px solid #FFFFFF;;
}



#centro {
  clear: both;
  margin: 0;
  padding: 0;
  width: 900px;
  height: 277px;
  background-color: #291D0E;
}



.albergue {
  background: url(../albergue/imagenes/tituloinf.gif) no-repeat 618px top;
}

.albergue #izquierda {
  float: left;
  margin: 0;
  padding: 0;
  width: 480px;
  height: 277px;
}

.albergue #texto {
  float: left;
  margin: 50px 0 0 20px;
  padding: 0;
  width: 330px;
  font-size: 12px;
  color: #CAC4B7;
  text-align: left;
}

.albergue #texto p {
  margin: 15px 0;
  padding: 0;
}




.comoLlegar {
  background: url(../como_llegar/imagenes/tituloinf.gif) no-repeat 390px top;
}

.comoLlegar #izquierda {
  float: left;
  margin: 0;
  padding: 0;
  width: 386px;
  height: 277px;
  border-right: 4px solid #FFFFFF;
}

.comoLlegar #texto {
  float: left;
  margin: 55px 0 0 73px;
  padding: 0;
  width: 387px;
  font-size: 12px;
  color: #CAC4B7;
  text-align: left;
}

.comoLlegar #texto p {
  margin: 0;
  padding: 0;
}

.comoLlegar #texto p.epigrafe {
  margin: 0;
}

.comoLlegar #texto p.explicacion {
  margin: 0 0 16px 20px;
}

.comoLlegar #texto p.linkPlano {
  margin: 0;
}

.comoLlegar #texto p.linkPlano a {
  color: #C58202;
  text-decoration: none;
}

.comoLlegar #texto p.linkPlano a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}





.entorno #izquierda {
  float: left;
  margin: 0;
  padding: 0;
  width: 386px;
  height: 277px;
  background: #B5B71F;
  border-right: 4px solid #FFFFFF;
}

.entorno #izquierda img {
  margin-top: 18px;
}


.entorno #texto {
  float: left;

  padding: 0;

  font-size: 12px;
  color: #CAC4B7;
  text-align: left;
}

.entorno .anchoNormal {
  margin: 15px 0 0 40px;
  width: 432px;
}

.entorno .anchoMedio {
  margin: 15px 0 0 25px;
  width: 460px;
}

.entorno .anchoLargo {
  margin: 0px 0 0 15px;
  width: 460px;
}

.entorno #texto p {
  margin: 15px 0;
  padding: 0;
}

.entorno #texto p.reducido {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 11px;
  line-height: 14px;
}


.entorno #texto table {
  margin: 0;
  padding: 0;
  border-collapse:collapse;
  border: none;
}

.entorno #texto table td {
  margin: 0;
  padding: 0;
}

.entorno #texto table.indice td {
  width: 143px;
  text-align: center;
}

.entorno #texto table.indice td a {
  font-size: 10px;
  text-decoration: none;
  color: #FFFFFF;
}

.entorno #texto table.indice td a:hover {
  color: #C58202;
}


.entorno #texto table.datos {
  margin-top: 10px;
}

.entorno #texto table.datos td.numeros {
  width: 27px;
}

.entorno #texto table.datos td.nombre {
  width: 326px;
}


.entorno #texto table.datos td.nombre p {
  background: #B5B71F url(../entorno/imagenes/seccionIzq.gif) no-repeat left center;
  color: #291D0E;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0 8px;
  padding: 2px 8px 2px 20px;
  display: inline;
}

.entorno #texto table.datos td.nombre p.reducido {
  font-size: 11px;
}


.entorno #texto table.datos td.pdf {
  width: 107px;
  text-align: right;
}


.entorno #texto table.datos td.info {
  width: 433px;
}

.entorno #texto table.datos td.info p {
  margin: 14px 0 0 28px;
  paggin: 0;
}







.tarifas #izquierda {
  float: left;
  margin: 0;
  padding: 0;
  width: 386px;
  height: 277px;
  border-right: 4px solid #FFFFFF;
}

.tarifas #texto {
  float: left;
  margin: 0px 0 0 0px;
  padding: 0;
  width: 387px;
  font-size: 12px;
  color: #CAC4B7;
  text-align: left;
}

.tarifas #texto p {
  margin: 0;
  padding: 0;
}




.tarifas #texto .textoPrecios { font-size: 12px; color: #CAC4B7; vertical-align: top; text-align: right; width: 86px; line-height: 16px;}
.tarifas #texto .textoPrecios p {margin: 0 13px 0 0; padding: 0;}
.tarifas #texto .textoDatos {font-size: 12px; color: #CAC4B7; vertical-align: top; text-align: left; width: 145px; line-height: 16px;}
.tarifas #texto .textoDatos p {margin: 0 0 0 5px; padding: 0;}

.tarifas #texto .textoPrecios p.txtcabecera,
.tarifas #texto .textoDatos p.txtcabecera {margin: 3px 13px 7px 0; padding: 0; line-height: 12px;}




.reservas {
  background: url(../reservas/imagenes/tituloinf.gif) no-repeat 390px top;
}

.reservas #izquierda {
  float: left;
  margin: 0;
  padding: 0;
  width: 386px;
  height: 277px;
  border-right: 4px solid #FFFFFF;
}

.reservas #texto {
  float: left;
  margin: 31px 0 0 0;
  padding: 0;
  width: 510px;
  font-size: 12px;
  color: #CAC4B7;
  text-align: left;
}

.reservas #texto #submenu {
  margin: 16px 0 24px 0;
  padding: 2px 0 1px 18px;
  background: #FFFFFF;
  color: #291D0F;
  font-size: 12px;
  font-weight: bold;
}

.reservas #texto #submenu a {
  color: #291D0F;
  text-decoration: none;
  margin-left: 20px;
}

.reservas #texto #submenu a:hover {
  color: #B5B71F;
}

.reservas #texto #submenu a.actual {
  color: #E68A03;
}


.reservas #texto p {
  margin: 16px 0;
  padding: 0 18px 0 38px;
}

.reservas #texto p span {
  color: #E68A03;
  font-weight: bold;
}

.reservas #texto p a {
  color: #FFFFFF;
  text-decoration: none;
}

.reservas #texto p a:hover {
  color: #E68A03;
}






.homeRestaurante {
  background: url(../restaurante/imagenes/inicio.jpg) no-repeat left top;
}

.homeRestaurante #submenu {
  float: right;
  margin: 227px 0 0 0;
  padding: 2px 0 1px 0;
  width: 514px;
  background: #291D0E;
  color: #CAC4B7;
  font-size: 12px;
  font-weight: bold;
}

.homeRestaurante #submenu a {
  color: #CAC4B7;
  text-decoration: none;
  margin: 0 14px;
}

.homeRestaurante #submenu a:hover {
  color: #B5B71F;
}



.restaurante #izquierda {
  float: left;
  margin: 0;
  padding: 0;
  width: 386px;
  height: 277px;
  border-right: 4px solid #FFFFFF;
}

.restaurante #texto {
  float: left;
  margin: 31px 0 0 0;
  padding: 0;
  width: 510px;
  font-size: 12px;
  color: #CAC4B7;
  text-align: left;
}

.restaurante #texto #submenu {
  margin: 0 0 34px 0;
  padding: 2px 0 1px 18px;
  background: #FFFFFF;
  color: #291D0F;
  font-size: 12px;
  font-weight: bold;
}

.restaurante #texto #submenu a {
  color: #291D0F;
  text-decoration: none;
  margin-left: 20px;
}

.restaurante #texto #submenu a:hover {
  color: #B5B71F;
}

.restaurante #texto #submenu a.actual {
  color: #E68A03;
}


.restaurante #texto p {
  margin: 16px 0;
  padding: 0 18px 0 38px;
}

.restaurante #texto p span {
  color: #E68A03;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}






.casaRural #izquierda {
  float: left;
  margin: 0;
  padding: 0;
  width: 480px;
  height: 277px;
}

.casaRural #texto {
  float: left;
  margin: 25px 0 0 20px;
  padding: 0;
  width: 330px;
  font-size: 12px;
  color: #CAC4B7;
  text-align: left;
}

.casaRural #texto p {
  margin: 18px 0 0 0;
  padding: 0;
}

.casaRural #texto ul {
  margin: 0 0 0 12px;
  padding: 0;
}

.casaRural #texto ul li {
  margin: 0;
  padding: 0;
}

.casaRural #texto p span {
  color: #E68A03;
  font-weight: bold;
}






#fotografias {
  clear: both;
  margin: 0;
  padding: 0;
  width: 900px;
  height: 310px;
  background: #F0EFEB url(../fotografias/imagenes/tituloinf.gif) no-repeat 537px top;
}


#fotografias #paginas {
  width: 800px;
  margin: 0 auto;
  padding: 4px 0 0 0;
  font-size: 12px;
  color: #2B1D10;
  font-weight: bold;
  text-align: right;
}

#fotografias #paginas a {
  text-decoration: none;
  color: #2B1D10;
}

#fotografias #paginas a:hover {
  color: #C58202;
}

#fotografias #paginas span {
  color: #97BC0C;
}




#fotografias .tituloAlbum {
  width: 800px;
  margin: 0 auto;
  padding: 0;
  color: #828500;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  background: url(../fotografias/imagenes/linea.gif) repeat-x left 8px;
}

#fotografias .tituloAlbum span {
  background: #F0EFEB;
  padding-right: 6px;
}



#fotografias .filaFotos {
  width: 800px;
  margin: 0 auto;
  padding: 4px 0 4px 0;
  text-align: right;
}

#fotografias .filaFotos a {
  margin: 0 0 0 13px;
  padding: 0;
}







#centro #paginacion {
  float: left;
  margin: 252px 0 0 0;
  padding: 0;
  width: 70px;
  font-size: 12px;
  color: #FFFFFF;
  vertical-align: bottom;
  text-align: left;
  font-weight: bold;
}

#centro #paginacion a {
  text-decoration: none;
  color: #FFFFFF;
}

#centro #paginacion a:hover {
  color: #C58202;
}

#centro #paginacion span {
  color: #97BC0C;
}







#menu {
  clear: both;
  margin: 0;
  padding: 50px 0 0 0;
  width: 900px;
  height: 24px;
  background: #FFFFFF;
  text-align: center;
}

#menu img {
  margin: 0 6px;
  padding: 0;
}


.menuCorto {
  padding: 17px 0 0 0 !important;
}




#pie {
  margin: 0;
  padding: 0;
  width: 900px;
  height: 88px;
  background: #291D0E url(../imagenes/fondoPie.gif) no-repeat left top;
  text-align: center;
  font-size: 9px;
}

#pie p {
  margin: 0;
  padding: 67px 0 0 0;
}





