CasonaDeSuesa_Web/www/menu.css

@charset "utf-8";
/* CSS Document */

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 44px;
  background: #000;
  overflow: hidden;
}

#menu li, #menu a {
  outline: none;
  display: block;
  text-indent: -9000%;
  float: left;
}

#menu a:hover {
	background: none;
}


/* CASTELLANO */

#menu .inicio {
  width: 88px;
  height: 24px;
  background: url(imagenes/menu/lahome-off.gif) no-repeat;
}
#menu li.inicio {background: url(imagenes/menu/lahome-on.gif) no-repeat;}


#menu .elhotel {
  width: 105px;
  height: 24px;
  background: url(imagenes/menu/lacasona-off.gif) no-repeat;
}
#menu li.elhotel {background: url(imagenes/menu/lacasona-on.gif) no-repeat;}


#menu .habitaciones {
  width: 123px;
  height: 24px;
  background: url(imagenes/menu/habitaciones-off.gif) no-repeat;
}
#menu li.habitaciones {background: url(imagenes/menu/habitaciones-on.gif) no-repeat;}


#menu .precios {
  width: 81px;
  height: 24px;
  background: url(imagenes/menu/precios-off.gif) no-repeat;
}
#menu li.precios {background: url(imagenes/menu/precios-on.gif) no-repeat;}


#menu .reservas {
  width: 89px;
  height: 24px;
  background: url(imagenes/menu/reservas-off.gif) no-repeat;
}
#menu li.reservas {background: url(imagenes/menu/reservas-on.gif) no-repeat;}


#menu .comollegar {
  width: 107px;
  height: 24px;
  background: url(imagenes/menu/quehacer-off.gif) no-repeat;
}
#menu li.comollegar {background: url(imagenes/menu/quehacer-on.gif) no-repeat;}


#menu .playas {
  width: 71px;
  height: 24px;
  background: url(imagenes/menu/playas-off.gif) no-repeat;
}
#menu li.playas {background: url(imagenes/menu/playas-on.gif) no-repeat;}


#menu .alfinsolos {
  width: 116px;
  height: 24px;
  background: url(imagenes/menu/curiosidades-off.gif) no-repeat;
}
#menu li.alfinsolos {background: url(imagenes/menu/curiosidades-on.gif) no-repeat;}


#menu .lacasuca {
  width: 100px;
  height: 20px;
  background: url(imagenes/menu/empresaoff.gif) no-repeat;
}
#menu li.lacasuca {background: url(imagenes/menu/empresaon.gif) no-repeat;}


#menu .regalanoches {
  width: 241px;
  height: 20px;
  background: url(imagenes/menu/regalanochesoff.gif) no-repeat;
}
#menu li.regalanoches {background: url(imagenes/menu/regalanocheson.gif) no-repeat;}


#menu .tenundetalle {
  width: 121px;
  height: 20px;
  background: url(imagenes/menu/tenundetalleoff.gif) no-repeat;
}
#menu li.tenundetalle {background: url(imagenes/menu/tenundetalleon.gif) no-repeat;}


#menu .estanciasespeciales {
  width: 182px;
  height: 20px;
  background: url(imagenes/menu/estanciasespecialesoff.gif) no-repeat;
}
#menu li.estanciasespeciales {background: url(imagenes/menu/estanciasespecialeson.gif) no-repeat;}


#menu .fotos {
  width: 56px;
  height: 20px;
  background: url(imagenes/menu/fotosoff.gif) no-repeat;
}
#menu li.fotos {background: url(imagenes/menu/fotoson.gif) no-repeat;}


#menu .cosucas {
  width: 80px;
  height: 20px;
  background: url(imagenes/menu/cosucasoff.gif) no-repeat;
}
#menu li.cosucas {background: url(imagenes/menu/cosucason.gif) no-repeat;}


/* INGLÉS */

#menu .homepage {
  width: 94px;
  height: 24px;
  background: url(imagenes/menu/en/homepageoff.gif) no-repeat;
}
#menu li.homepage {background: url(imagenes/menu/en/homepageon.gif) no-repeat;}

#menu .thehotel {
  width: 81px;
  height: 24px;
  background: url(imagenes/menu/en/thehoteloff.gif) no-repeat;
}
#menu li.thehotel {background: url(imagenes/menu/en/thehotelon.gif) no-repeat;}

#menu .rooms {
  width: 62px;
  height: 24px;
  background: url(imagenes/menu/en/roomsoff.gif) no-repeat;
}
#menu li.rooms {background: url(imagenes/menu/en/roomson.gif) no-repeat;}

#menu .prices {
  width: 59px;
  height: 24px;
  background: url(imagenes/menu/en/pricesoff.gif) no-repeat;
}
#menu li.prices {background: url(imagenes/menu/en/priceson.gif) no-repeat;}

#menu .reservations {
  width: 110px;
  height: 24px;
  background: url(imagenes/menu/en/reservationff.gif) no-repeat;
}
#menu li.reservations {background: url(imagenes/menu/en/reservation.gif) no-repeat;}

#menu .gethere {
  width: 132px;
  height: 24px;
  background: url(imagenes/menu/en/howtoff.gif) no-repeat;
}
#menu li.gethere {background: url(imagenes/menu/en/howton.gif) no-repeat;}

#menu .beaches {
  width: 75px;
  height: 24px;
  background: url(imagenes/menu/en/beachesoff.gif) no-repeat;
}
#menu li.beaches {background: url(imagenes/menu/en/beacheson.gif) no-repeat;}

#menu .surfing {
  width: 167px;
  height: 24px;
  background: url(imagenes/menu/en/crazyoff.gif) no-repeat;
}
#menu li.surfing {background: url(imagenes/menu/en/crazyon.gif) no-repeat;}

#menu .littlehouse {
  width: 142px;
  height: 24px;
  background: url(imagenes/menu/en/thelittleoff.gif) no-repeat;
}
#menu li.littlehouse {background: url(imagenes/menu/en/thelittleon.gif) no-repeat;}

#menu .vouchers {
  width: 229px;
  height: 24px;
  background: url(imagenes/menu/en/gifsoff.gif) no-repeat;
}
#menu li.vouchers {background: url(imagenes/menu/en/gifson.gif) no-repeat;}

#menu .celebrations {
  width: 263px;
  height: 24px;
  background: url(imagenes/menu/en/whatoff.gif) no-repeat;
}
#menu li.celebrations {background: url(imagenes/menu/en/whaton.gif) no-repeat;}

#menu .places {
  width: 65px;
  height: 24px;
  background: url(imagenes/menu/en/placesoff.gif) no-repeat;
}
#menu li.places {background: url(imagenes/menu/en/placeson.gif) no-repeat;}

#menu .gallery {
  width: 81px;
  height: 24px;
  background: url(imagenes/menu/en/galleryoff.gif) no-repeat;
}
#menu li.gallery {background: url(imagenes/menu/en/galleryon.gif) no-repeat;}

/* SELECCIÓN DE IDIOMA */

#langmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 55px;
  background: #000;	
  position: absolute;
  top: 10px;
  right: 10px;
}

#langmenu li, #langmenu a {
  outline: none;
  display: block;
  text-indent: -9000%;
  float: left;
  width: 22px;
  height: 14px;
  padding-bottom: 5px;  
}

#langmenu .active {
  border-bottom: 2px solid #d00;
}

#langmenu .es {
  background: url(imagenes/es.png) no-repeat;
  margin-right: 8px;
}

#langmenu .en {
  background: url(imagenes/en.png) no-repeat;
}