/* Top menu */
#top-menu ul {
  margin: 0px;
  list-style-type: none;
  font-size: 10pt;
  margin-left: 10px;
}
#top-menu li {
  display: block;
  float: left;
  line-height: 200%;
  margin: 0px 8px 0px 0px;
  text-align: center;
  position: relative;
  overflow: hidden;
  line-height: 200%;
}
#top-menu li a {
  float: left;
  display: block;
  overflow: hidden;
  float: left;
  height: 33px;
  cursor: pointer;
}
#top-menu li .corner {
  background-repeat:  no-repeat;
  width: 5px;
  height: 33px;
  float: left;
}
#top-menu li span {
  white-space: nowrap;
  display: block;
  float: left;
}
#top-menu li .middle {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  height: 33px;
}
#top-menu li.active .left {
  background-image: url(/.grafika/menu/naroznik-lewy2.png);
}
#top-menu li.active .right {
  background-image: url(/.grafika/menu/naroznik-prawy2.png);
}
#top-menu li.active .middle, #top-menu li.active .middle {
  background-image: url(/.grafika/menu/srodek2.png);
  background-repeat: repeat-x;
}
#top-menu li:hover .middle, #top-menu li.hover .middle {
  background-image: url(/.grafika/menu/srodek.png);
  background-repeat:  repeat-x;
}
#top-menu li:hover .left, #top-menu li.hover .left {
  background-image: url(/.grafika/menu/naroznik-lewy.png);
}
#top-menu li:hover .right, #top-menu li.hover .right {
  background-image: url(/.grafika/menu/naroznik-prawy.png);
}