/* H#menulavni polozky */
#menu ul li {
  position: relative;
  display: inline;
  list-style: none;
  float: left;
}

#menu ul li a {
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background-color: #7dbe36;
}

#menu ul li a span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

/* Polozky menu */
#menu ul li a.intro { width: 67px; height: 59px; line-height: 59px; background-color: transparent; }
#menu ul li a.intro span { width: 67px; background: url('./menu/intro.jpg') no-repeat; background-position: 0 0;  height: 59px; }
#menu ul li a.intro:hover span { background-position: 0 -59px;  height: 59px; }

#menu ul li a.project { width: 86px; height: 59px; line-height: 59px; background-color: transparent; }
#menu ul li a.project span { width: 86px; background: url('./menu/project.jpg') no-repeat; background-position: 0 0;  height: 59px; }
#menu ul li a.project:hover span { background-position: 0 -59px;  height: 59px; }

#menu ul li a.location { width: 92px; height: 59px; line-height: 59px; background-color: transparent; }
#menu ul li a.location span { width: 92px; background: url('./menu/location.jpg') no-repeat; background-position: 0 0;  height: 59px; }
#menu ul li a.location:hover span { background-position: 0 -59px;  height: 59px; }

#menu ul li a.flats { width: 62px; height: 59px; line-height: 59px; background-color: transparent; }
#menu ul li a.flats span { width: 62px; background: url('./menu/flats.jpg') no-repeat; background-position: 0 0;  height: 59px; }
#menu ul li a.flats:hover span { background-position: 0 -59px;  height: 59px; }

#menu ul li a.pricelist { width: 69px; height: 59px; line-height: 59px; background-color: transparent; }
#menu ul li a.pricelist span { width: 69px; background: url('./menu/pricelist.jpg') no-repeat; background-position: 0 0;  height: 59px; }
#menu ul li a.pricelist:hover span { background-position: 0 -59px;  height: 59px; }

#menu ul li a.gallery { width: 84px; height: 59px; line-height: 59px; background-color: transparent; }
#menu ul li a.gallery span { width: 84px; background: url('./menu/gallery.jpg') no-repeat; background-position: 0 0;  height: 59px; }
#menu ul li a.gallery:hover span { background-position: 0 -59px;  height: 59px; }

#menu ul li a.contact { width: 91px; height: 59px; line-height: 59px; background-color: transparent; }
#menu ul li a.contact span { width: 91px; background: url('./menu/contact.jpg') no-repeat; background-position: 0 0;  height: 59px; }
#menu ul li a.contact:hover span { background-position: 0 -59px;  height: 59px; }

#menu ul li:hover a span, #menu ul li.sfHover a span { background-position: 0 -59px; } /* Zachovani hoveru pri prochazi v submenu */
#menu ul li:hover a, #menu ul li.sfHover a { background-color: #7dbe36; }

* html #menu ul li a { display: inline-block; }


#menu ul li a:hover {
  background: #7dbe36;
  color: #fff;
}
	
/* Submenu */
#menu ul li ul {
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
  z-index: 1;
  margin-left: 0;
}

#menu ul li ul li {
  display: list-item;
  float: none;
}

#menu ul li ul li ul { top: 0; }

#menu ul li ul li a {
  width: 160px; /* sirka polozky submenu */
  padding: 5px 17px;
  margin: 0;
  display: block;
  text-align: left;
}