@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/frame.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/apartmani_up.gif) no-repeat;
  left: 50px;
  top: 120px;
}
#menu .apartments span {
  width: 130px;
  height: 30px;
  background: url(images/apartmani_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}
#menu .house {
  width: 130px;
  height: 30px;
  background: url(images/kuca_up.gif) no-repeat;
  left: 50px;
  top: 155px;
}
#menu .house span {
  width: 130px;
  height: 30px;
  background: url(images/kuca_down.gif) no-repeat;
  left: 0px;
  top: 0px;
}
#menu .information {
  width: 130px;
  height: 30px;
  background: url(images/informacija_up.gif) no-repeat;
  left: 50px;
  top: 190px;
}
#menu .information span {
  width: 130px;
  height: 30px;
  background: url(images/informacija_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/kontakt_up.gif) no-repeat;
  left: 50px;
  top: 255px;
}
#menu .contact span {
  width: 130px;
  height: 30px;
  background: url(images/kontakt_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/planovi_up.gif) no-repeat;
  left: 430px;
  top: 180px;
}
#menu .plans span {
  width: 130px;
  height: 30px;
  background: url(images/planovi_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: 80px;
  height: 40px;
  background: url(images/welcome_down.gif) no-repeat;
  left: -70px;
  top: 18px;
}
#menu .dobrodosli {
  width: 28px;
  height: 20px;
  background: url(images/dobrodosli_up.gif) no-repeat;
  left: 970px;
  top: 174px;
}
#menu .dobrodosli span {
  width: 80px;
  height: 40px;
  background: url(images/dobrodosli_down.gif) no-repeat;
  left: -30px;
  top: 18px;
}
#menu .benvenuti {
  width: 28px;
  height: 20px;
  background: url(images/benvenuti_up.gif) no-repeat;
  left: 1000px;
  top: 174px;
}
#menu .benvenuti span {
  width: 80px;
  height: 40px;
  background: url(images/benvenuti_down.gif) no-repeat;
  left: -20px;
  top: 18px;
}
#menu .willkommen {
  width: 28px;
  height: 20px;
  background: url(images/willkommen_up.gif) no-repeat;
  left: 1030px;
  top: 174px;
}
#menu .willkommen span {
  width: 80px;
  height: 40px;
  background: url(images/willkommen_down.gif) no-repeat;
  left: -40px;
  top: 18px;
}
#menu .bienvenue {
  width: 28px;
  height: 20px;
  background: url(images/bienvenue_up.gif) no-repeat;
  left: 1060px;
  top: 174px;
}
#menu .bienvenue span {
  width: 80px;
  height: 40px;
  background: url(images/bienvenue_down.gif) no-repeat;
  left: -40px;
  top: 18px;
}