#main div#menu {
  width: 917px;
  _width: 0px;
  height: 36px;
  
  background: transparent url("./images/menu.jpg") no-repeat 0 0;
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}
#main div#menu ul {
  list-style-type: none;
  
}
#main div#menu ul li a ul#sub {
  display: block;
  position: absolute;
  
  top: 0;
  left: 0;
}
#main div#menu ul li a:hover ul#sub{
  display: block;
  border: 1px red solid;
  background-color: #699DB5;
  width: 200px;
  height: 200px;
  position: absolute;
  margin-top: 35px;
}

#main div#menu ul li{  

}

#main div#menu ul li a{
  display: block;
  width: 100px;
  height: 35px;
  float: left;
  margin:0px 1px;
  #margin-top: -16px;
  _margin-top: 0px;
}

#main div#menu ul li a#home:hover, #main div#menu ul li a#home.selected {
  width: 75px;
  
  background: transparent url("./images/hover/uvod.jpg") no-repeat 0px 1px;
}
#main div#menu ul li a#home{
  margin-top: 0px;
  width: 75px;
  
  background: transparent url("./images/hover/uvod.jpg") no-repeat 0 37px;
}

#main div#menu ul li a#obec:hover, #main div#menu ul li a#obec.selected {
  width: 75px;

  background: transparent url("./images/hover/obec.jpg") no-repeat 0px 1px;
}
#main div#menu ul li a#obec{
  width: 75px;
  background: transparent url("./images/hover/obec.jpg") no-repeat 0 37px;
}

#main div#menu ul li a#samosprava:hover, #main div#menu ul li a#samosprava.selected {
  width: 139px;
  
  _border: 1px red solid;
  background: transparent url("./images/hover/samosprava.jpg") no-repeat 0px 1px;
}
#main div#menu ul li a#samosprava{
  #margin-top:-32px;
  width: 139px;
  
  _margin-top: -87px;
  _margin-left: 77px;
  _border: 0px green solid;
  background: transparent url("./images/hover/samosprava.jpg") no-repeat 0 37px;
}


#main div#menu ul li a#novinky:hover , #main div#menu ul li a#novinky.selected{
  
  width: 98px;
  background: transparent url("./images/hover/novinky.jpg") no-repeat 0px 1px;
}
#main div#menu ul li a#novinky{
  #margin-top:-48px;
  #margin-left: 296px;
  border: 0px red solid;
  width: 98px;
  background: transparent url("./images/hover/novinky.jpg") no-repeat 0 37px;
}

#main div#menu ul li a#tabula:hover, #main div#menu ul li a#tabula.selected {
  
  width: 163px;
  background: transparent url("./images/hover/uradna_tabula.jpg") no-repeat 0px 1px;
}
#main div#menu ul li a#tabula{
  #margin-top:-64px;
  #margin-left: 396px;
  width: 163px;
  background: transparent url("./images/hover/uradna_tabula.jpg") no-repeat 0 37px;
}

#main div#menu ul li a#podujatia:hover , #main div#menu ul li a#podujatia.selected{
  width: 117px;
  background: transparent url("./images/hover/podujatia.jpg") no-repeat 0px 1px;
}
#main div#menu ul li a#podujatia{
  #margin-top:-80px;
  #margin-left: 561px;
  
  width: 117px;
  background: transparent url("./images/hover/podujatia.jpg") no-repeat 0 37px;
}

#main div#menu ul li a#fotogaleria:hover, #main div#menu ul li a#fotogaleria.selected {
  width: 133px;
  background: transparent url("./images/hover/fotogaleria.jpg") no-repeat 0px 1px;
}
#main div#menu ul li a#fotogaleria{
  #margin-top:-96px;
  #margin-left: 680px;
  width: 133px;
  background: transparent url("./images/hover/fotogaleria.jpg") no-repeat 0 37px;
}

#main div#menu ul li a#kontakt:hover , #main div#menu ul li a#kontakt.selected{
  
  width: 100px;
  background: transparent url("./images/hover/kontakt.jpg") no-repeat 0px 1px;
}
#main div#menu ul li a#kontakt{
  #margin-top:-112px;
  #margin-left: 815px;
  width: 100px;
  background: transparent url("./images/hover/kontakt.jpg") no-repeat 0 37px;
}