body{margin:0; background-image: url(imagenes/fondo.jpg);
}

/* Propiedades de los enlaces */
a { 
  margin : 0 auto; /* No queremos márgenes */
  display: block;  /* Permite que se indique el tamaño de el enlace */
}

/* Propiedades de las imagenes */
img {
  border: 0px;  /* sin borde */
}

/* Div de contenidos */
#contenido { 
  position    : absolute;  /* Posición absoluta en la página */
  left        : 50%;       /* La parte izquierda a la mitad de la pantalla */
  margin-left : -390px;    /* Ahora quitamos el margen (esto y lo de arriba hace que se centre independientemente del tamaño de la pantalla) */
  margin-top  : 30px;      /* Margen superior */
}
 
/* Div del menu */
#menu{ 
    width: 780px; /* Ancho */
height:30px;
}

/* Div del cuerpo (donde estan las fotos) */
#cuerpo {
  width       : 800px;           /* Ancho */
  heigth       : 408px;           /* Alto */
}

/* Div del pie */
#pie { 
background:url(imagenes/barra-inferior.gif) no-repeat;
  width : 780px; /* Ancho */ 
  height: 30px;  /* Alto */
}
#mapa_email{position:relative;  top: 1px; left: 516px; width: 250px; height: 26px;}
#mapa_email a{top: 1px; left: 516px; width: 250px; height: 26px;}



/* Menu Inicio */
#inicio  {
    background: url(imagenes/inicio.png) no-repeat; /* Asigno la imagen */
    float  : left; /* Que se ajuste a la izquierda */
    width  : 65px; /* Ancho */
    height : 30px; /* Alto */

}
a#inicio:hover, /* Que tiene que hacer el enlace cuando se pase el ratón por encima */
body.pginicio #inicio a { /* Que tiene que hacer el enlace cuando el body tiene este class */
    background-position: 0 -40px; /* Le restamos margen superior (esto hace que la imagen suba) */
}

/* Idem que menu Inicio para menu La Casa */
#lacasa  {
    background: url(imagenes/lacasa.png) no-repeat;
    float  : left;
    width  : 83px;
    height : 30px;
}
a#lacasa:hover,
body.pglacasa #lacasa a {
    background-position: 0 -40px;
}

/* Idem que menu Inicio para menu Habitaciones */
#habitaciones {
    background: url(imagenes/habitaciones.png) no-repeat;
    float  : left;
    width  : 114px;
    height : 30px;
}
a#habitaciones:hover,
body.pghabitaciones #habitaciones a  {
    background-position: 0 -40px;
}


/* Idem que menu Inicio para menu Entorno */
#entorno {
    background: url(imagenes/entorno.png) no-repeat;
    float  : left;
    width  : 83px;
    height : 30px;
}
a#entorno:hover,
body.pgentorno #entorno a  {
    background-position: 0 -40px;
}



/* Idem que menu Inicio para menu Cómo llegar */
#comollegar {
    background: url(imagenes/comollegar.png) no-repeat;
    float  : left;
    width  : 110px;
    height : 30px;
}
a#comollegar:hover,
body.pgcomollegar #comollegar a   {
    background-position: 0 -40px;
}




/* Idem que menu Inicio para menu Precios */
#precios {
    background: url(imagenes/precios.png) no-repeat;
    float  : left;
    width  : 80px;
    height : 30px;
}
a#precios:hover,
body.pgprecios #precios a   {
    background-position: 0 -40px;
}

/* Idem que menu Inicio para menu Contacto */
#contacto {
    background: url(imagenes/contacto.png) no-repeat;
    float  : left;
    width  : 110px;
    height : 30px;
}
a#contacto:hover,
body.pgcontacto #contacto a   {
    background-position: 0 -40px;
}