/*===============================================*/
/* MENU TYP 1  MOOTOOLS - menu pionowe */ 
/*===============================================*/

* Korzeń = poziome, Podmenu = pionowe*/

div.mainmenu {


}

ul.mainmenu {
  margin: 0px;
  padding: 0 0 0 0px;
  border: 0px none;
  width: auto; /*For KHTML*/
  list-style: none;
  text-align:left; 
}

ul.mainmenu li {
  z-index: 100;
  margin: 0px;
  width: 162px;
  border: 0px none;
  padding: 0px;
  float: left; /* Gecko*/
  display: block !important;
  display: inline; /* IE*/
  list-style: none;
  position: relative;
}

/* PODMENU */

ul.mainmenu ul {
  margin: 0px;
  border: 0px none;
  padding: 0px;
  width: 162px;
  list-style: none;
  display: none;
  position: absolute;
  top: 0px;
  left: 162px;
}

ul.mainmenu ul:after /* IE 7 */{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.mainmenu ul li {
  width: 180px;
  float: left; /*IE 7 */
  display: block !important;
  display: inline; /* IE*/
  margin-top:-1px;
  padding: 0px;
}

/* Menu główne */
ul.mainmenu a {
  border: solid 1px #d6d6d6;
  padding: 5px 5px 5px 5px;
  display: block;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  font: 11px Tahoma;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  line-height:15px;  
}

/* Menu główne akcja */
ul.mainmenu a:hover {
  color: #ffffff;
  background: #4c4c4c;
}

/* 2nd Menu */
ul.mainmenu li:hover li a,
ul.mainmenu li.iehover li a {
  float: none;
  background: #ffffff;
  border: solid 1px #c9c9c9;
  padding: 5px 5px 5px 5px; 
  color: #000000;
  font: 10px Tahoma;
  text-align:left; 
}

ul.mainmenu li:hover li a:hover,
ul.mainmenu li.iehover li a:hover {
  float: none;
  background: #6d6d6d;
  border: solid 1px #6d6d6d;
  color: #FFFFFF;
  font: 10px Tahoma;  
}

ul.mainmenu ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}

ul.mainmenu li:hover ul ul,
ul.mainmenu li.iehover ul ul {
  display: none;
}

ul.mainmenu li:hover ul,
ul.mainmenu ul li:hover ul {
  display: block;
}

ul.mainmenu li.iehover ul,
ul.mainmenu ul li.iehover ul {
  display: block;
}

li.persistHover,
a.persistHover
{
	background: #CCC;
	color: #FFF;
}

a.zaznacz {background:#000000;color:#ffffff;}

div.strzalka {font-size:9px; position:absolute; right:0px; top:9px;  margin:0px 3px 0px 3px;}
img.strzalka {font-size:9px; position:absolute; right:0px; top:9px;  margin:0px 3px 0px 3px;}

span.counter {
	width: 13px;
	text-align: center;
	line-height: 10px;
	padding-left: 3px;
	background: #5c7097;
	color: white;
	font-size: 12px;
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
}