.menulist a{

	font-size: 13px;

	font-family: Tahoma;

	font-weight: bold;

	color: #aeeb61;

	line-height: 40px;

	vertical-align: middle;

	display: block;

	float: left;

	text-decoration: none;

	margin: 0 0;

	background: url('obrazki/przyciski_pasek.jpg') no-repeat right;

	padding: 0 10px;

}

.menulist ul a{

	background-image: none;

	height: 14px;

	font-size:11px;

	color: #235b08;

	line-height: 14px;

	padding: 3px 0;

	font-weight: normal;

}

.menulist a.highlighted{

	color: white;

	background-color: #aeeb61;

}

.menulist .active a, .menulist a:hover, .menulist a:active{

	color: white;

	

	background-color: #aeeb61;

}

.menulist{

	display:block;

	margin: 0 auto;

	width: 550px;

}

.menulist ul {

 display: none;

 position: absolute;

 top: 27px; 

 margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */

 left: 0px;

 	background-color: #aeeb61;

	width: 180px;

	z-index:3;

}

.menulist li {

 float: left;

 display: block;

 position: relative;

 margin-right: -1px;

 height: 20px;

}

.menulist li li a:link, .menulist li li a:visited{

 color: #235b08;

}

.menulist ul ul {

 top: -1px; margin-top: 0;

 left: 148px;

}

.menulist ul li {

 float: left;

 margin: 0;

 margin-bottom: -1px;

 height:20px;

 width: 100%;

 padding-left:13px;

}

.menulist ul>li:last-child {

 margin-bottom: 1px; /* Mozilla fix */

}



/*

 If you want per-item background images in your menu items, here's how to do it.

 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">

 2) Copy and paste these next lines for each link you want to have an image:

    .menulist a#xyz {

      background-image: url(out.gif);

    }

    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {

     background-image: url(over.gif);

    }

*/



/* Only style submenu indicators within submenus. */

.menulist a .subind {

 display: none;

}

.menulist ul a .subind {

 display: block;

 float: right;

}