ul.menu {
	z-index:1;
	padding:0;
	padding-bottom: 6px;
	margin: 0;
	list-style:none;
	text-align: left;
	/* background: url("bg_menu_bottom.gif") bottom left repeat-x; */
}


/* pozadi polozek 1. urovne */
ul.menu li {
	position: relative;
	padding: 3px;
	padding-left: 25px;
	margin: 0 2px;
	vertical-align: top;
	background: url("buttons/bt_bg.png") top left no-repeat;
}
ul.menu li:first-child { background: url('buttons/bt_bg_top.png') top left no-repeat }
ul.menu li:hover, 
ul.menu li.active,
ul.menu li.before_last_in_menu_hover { background: url('buttons/bt_bg_on.png') top left no-repeat }
ul.menu li.after_active.before_last_in_menu_hover { background: url('buttons/bt_bg_on_after_active.png') top left no-repeat }

ul.menu li:hover:first-child, 
ul.menu li.active:first-child,
ul.menu li.before_last_in_menu_hover:first-child { background: url('buttons/bt_bg_top_on.png') top left no-repeat }
ul.menu li.after_hover,
ul.menu li.after_active { background: url('buttons/bt_bg_after_on.png') top left no-repeat }
ul.menu li.after_active:hover,
ul.menu li.active.after_hover  { background: url('buttons/bt_bg_on_after_active.png') top left no-repeat }

ul.menu li.last_in_menu { height: 33px; background: url('buttons/bt_bg.png') bottom left no-repeat; }
/*ul.menu li.last_in_menu:hover { height: 33px; background: url('buttons/bt_last_in_menu_bg_on.png') bottom left no-repeat; }*/
ul.menu li.last_in_menu.after_hover,
ul.menu li.last_in_menu:hover,
ul.menu li.last_in_menu.after_active { height: 33px; background: url('buttons/bt_last_in_menu_bg_on2.png') bottom left no-repeat; }
ul.menu li.last_in_menu:hover a { text-decoration: underline }



/* pozadi polozek 2. urovne */
ul.menu li ul li { background: url('buttons/bt2_bg.png') top left no-repeat }
ul.menu li ul li:first-child { background: url('buttons/bt2_bg_top.png') top left no-repeat }
ul.menu li ul li:hover, 
ul.menu li ul li.active { background: url('buttons/bt2_bg_on.png') top left no-repeat }
ul.menu li ul li:hover:first-child, 
ul.menu li ul li.active:first-child { background: url('buttons/bt2_bg_top_on.png') top left no-repeat }
ul.menu li ul li.after_hover,
ul.menu li ul li.after_active { background: url('buttons/bt2_bg_after_on.png') top left no-repeat }
ul.menu li ul li.after_active:hover,
ul.menu li ul li.active.after_hover { background: url('buttons/bt2_bg_on_after_active.png') top left no-repeat }

ul.menu li a {
	padding: 14px 7px 3px 10px;
}

ul.menu li ul li a {
	/*height: 10px;*/
	padding: 10px 5px 0px 30px;
	font-size: 11px;
	line-height: 15px;
}


/* hvezdicka v polozce, ktera ma podmenu */
ul.menu li.submenu1 a { background: url('buttons/hvezdicka.png') bottom right no-repeat; padding-right: 10px;
 display: block }
ul.menu li.submenu1:hover a { background: url('buttons/hvezdicka2.png') bottom right no-repeat;
 display: block }
ul.menu li.submenu1.active a { background: url('buttons/hvezdicka2.png') bottom right no-repeat; padding-right: 10px;
 display: block }
ul.menu li.submenu1.opened a { background: url('buttons/hvezdicka2.png') bottom right no-repeat;
 display: block }
ul.menu li.submenu1 ul li a,
ul.menu li.submenu1.active ul li a,
ul.menu li.submenu1.opened ul li a,
ul.menu li.submenu1:hover ul li a { background: transparent; display: block }

ul.menu li ul li ul {
	position: absolute;
	top: 0;
	left: 230px;
	display: none;
	list-style-type: none;
	z-index: 3;
}

ul.menu li.submenu1 ul li { 
	float: none;
	position: relative;
	border: 0;
	width: 225px;
	padding: 0; margin: 0;
}

ul.menu li a {
	text-decoration:none;
	font-weight: bold;
	font-family: "Arial" , serif;
	font-size: 16px;
	color: #000;
	display: block;
}


ul.menu li ul li a	{
		font-size: 0.9em;
	}
	
ul.menu li.last_in_menu a {
	font-size: 11px;
	background: transparent;
	
}

/* predefinovani stylu pro druhe menu - ma zaroven i tridu .menu */

ul.menu2 {
	position: absolute;
	text-align: center;
	left: 165px;
	top: 28px;
	width: 390px;
	z-index: 2;
}

ul.menu2 li{
	background-color:#3782ae;
	border:2px solid #01395b;
	color: white;
}


ul.menu2 li a {
	font-size: 16px;
	color: #ffffa4;
}

ul.menu2 li ul li:hover {
	border:2px solid #fe0000;
}

ul.menu2 li:hover {
	border:2px solid #fe0000;
}