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

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left:auto;
  margin-right:auto;
  width: 1100px;
  height: 900px;
  background: url(images/italian_savudrija_description.gif) no-repeat;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover span {
  display: block;
}

#menu .apartments {
  width: 130px;
  height: 30px;
  background: url(images/apartamenti_up.gif) no-repeat;
  left: 50px;
  top: 120px;
}
#menu .apartments span {
  width: 130px;
  height: 30px;
  background: url(images/apartamenti_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}
#menu .house {
  width: 130px;
  height: 30px;
  background: url(images/casa_up.gif) no-repeat;
  left: 50px;
  top: 155px;
}
#menu .house span {
  width: 130px;
  height: 30px;
  background: url(images/casa_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}
#menu .information {
  width: 130px;
  height: 30px;
  background: url(images/informazione_up.gif) no-repeat;
  left: 50px;
  top: 190px;
}
#menu .information span {
  width: 130px;
  height: 30px;
  background: url(images/informazione_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}#menu .links {
  width: 130px;
  height: 30px;
  background: url(images/links_up.gif) no-repeat;
  left: 50px;
  top: 222px;
}
#menu .links span {
  width: 130px;
  height: 30px;
  background: url(images/links_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}
#menu .contact {
  width: 130px;
  height: 30px;
  background: url(images/contatto_up.gif) no-repeat;
  left: 50px;
  top: 255px;
}
#menu .contact span {
  width: 130px;
  height: 30px;
  background: url(images/contatto_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}




#menu .photos {
  width: 130px;
  height: 30px;
  background: url(images/fotos_up.gif) no-repeat;
  left: 300px;
  top: 180px;
}
#menu .photos span {
  width: 130px;
  height: 30px;
  background: url(images/fotos_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}
#menu .plans {
  width: 130px;
  height: 30px;
  background: url(images/piani_up.gif) no-repeat;
  left: 430px;
  top: 180px;
}
#menu .plans span {
  width: 130px;
  height: 30px;
  background: url(images/piani_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}


#menu .welcome {
  width: 28px;
  height: 20px;
  background: url(images/welcome_up.gif) no-repeat;
  left: 940px;
  top: 174px;
}
#menu .welcome span {
  width: 140px;
  height: 40px;
  background: url(images/welcome_down.gif) no-repeat;
  left: -60px;
  top: 27px;
}
#menu .dobrodosli {
  width: 28px;
  height: 20px;
  background: url(images/dobrodosli_up.gif) no-repeat;
  left: 970px;
  top: 174px;
}
#menu .dobrodosli span {
  width: 140px;
  height: 40px;
  background: url(images/dobrodosli_down.gif) no-repeat;
  left: -50px;
  top: 25px;
}
#menu .benvenuti {
  width: 28px;
  height: 20px;
  background: url(images/benvenuti_up.gif) no-repeat;
  left: 1000px;
  top: 174px;
}
#menu .benvenuti span {
  width: 140px;
  height: 40px;
  background: url(images/benvenuti_down.gif) no-repeat;
  left: -50px;
  top: 23px;
}
#menu .willkommen {
  width: 28px;
  height: 20px;
  background: url(images/willkommen_up.gif) no-repeat;
  left: 1030px;
  top: 174px;
}
#menu .willkommen span {
  width: 140px;
  height: 40px;
  background: url(images/willkommen_down.gif) no-repeat;
  left: -70px;
  top: 21px;
}
#menu .bienvenue {
  width: 28px;
  height: 20px;
  background: url(images/bienvenue_up.gif) no-repeat;
  left: 1060px;
  top: 174px;
}
#menu .bienvenue span {
  width: 140px;
  height: 40px;
  background: url(images/bienvenue_down.gif) no-repeat;
  left: -110px;
  top: 19px;
}