/*----- MENU ----*/
#menu {
  float: left;
  width: 220px;
  _width: 220px;
  /*_margin: 0 -3px 0 0*/
  /*border: 1px solid red;*/
  
}
#menu .menu-top {
  background: url('../_images/menu-top-back.jpg') no-repeat top left;
  width: 220px;
  _width: 220px;
  height: 61px;
  
}
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu ul li {
  list-style: none; 
  /*margin: 0 0 5px 0;*/
  padding: 0;
}
#menu ul li a {
  position: relative;
  display: block;
  width: 220px;
}
#menu ul li a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor: pointer;
	width: 220px;
}

#menu ul li.menu1 {height: 31px;}
#menu ul li.menu2 {height: 24px;}
#menu ul li.menu3 {height: 26px;}
#menu ul li.menu4 {height: 25px;}
#menu ul li.menu5 {height: 25px;}
#menu ul li.menu6 {height: 24px;}
#menu ul li.menu7 {height: 25px;}


#menu ul li.menu1 a span {background: url('../_images/menu1.gif') no-repeat top left; height: 31px;}
#menu ul li.menu2 a span {background: url('../_images/menu2.gif') no-repeat top left; height: 24px;}
#menu ul li.menu3 a span {background: url('../_images/menu3.gif') no-repeat top left; height: 26px;}
#menu ul li.menu4 a span {background: url('../_images/menu4.gif') no-repeat top left; height: 25px;}
#menu ul li.menu5 a span {background: url('../_images/menu5.gif') no-repeat top left; height: 25px;}
#menu ul li.menu6 a span {background: url('../_images/menu6.gif') no-repeat top left; height: 24px;}
#menu ul li.menu7 a span {background: url('../_images/menu7.gif') no-repeat top left; height: 25px;}

#menu ul li a:hover span, ul#menu li a.active span {background-position: -220px top;}

#menu .kontakt {
  position: relative;
  width: 220px;
  height: 203px;
}
#menu .kontakt span {
  display: block;
  position: absolute; top: 0; left; 0; 
  background: url('../_images/kontakt.gif') no-repeat ;
  width: 220px;
  height: 280px;
}