/* ------------------------------ LEFT MENU --------------------------------- */
#leftmenu-frame {
	padding: 8px;
	background: url(img/left-menu-bg.jpg) left top;
	font-size: 110%;
}
#menu { width: 239px; float: left; }
#menu img { border: 0; }
#menu li, #menu ul { list-style-type: none; padding: 0; margin: 0; }
#menu p { margin: 0; padding: 6px 0 3px; }
#menu-in {
	padding: 1px 0;
	background: url(img/left-menu-bg.gif) left top repeat-y;
	min-height: 110px;
}
#menu-in a {
	display: block; /*	color: #fff;*/
	text-decoration: none;
	font-size: 70%; /*	padding: 5px 0px 0px 10px; */
/*	background-position: 0 50%;*/
	background-repeat: no-repeat;
}
#menu-in a:hover, #menu-in a.active, #menu-in a.selected { }
#menu-in li { }
#menu-in ul { }
#menu-in-bottom { font-size: 1px; }
#menu-in-top { font-size: 1px; }
ul.leftmenu a {
	display: block;
	float: left; /*  padding: 2px 4px 2px 4px;*/
}

ul.leftmenu a.selected,
ul.leftmenu a.selected:link,
ul.leftmenu a.selected:visited,
ul.leftmenu a.selected:active { color: #FFCC00; /*border: dotted 1px;*/ }
ul.leftmenu a.selected:hover,
ul.leftmenu a.opened:hover { }
ul.leftmenu li div { }
ul.leftmenu, ul.leftmenu li { padding: 0px; margin: 0px; list-style-type: none; }

/* l1 */
ul.leftmenu-level-1 { margin-top: 0px; font-weight: bold; }
ul.leftmenu-level-1 .product a,
ul.leftmenu-level-1 .product a:link,
ul.leftmenu-level-1 .product a:visited,
ul.leftmenu-level-1 .product a:active { text-decoration: none; }
ul.leftmenu-level-1 .product a:hover { text-decoration: underline; }
ul.leftmenu-level-1 a,
ul.leftmenu-level-1 a:link,
ul.leftmenu-level-1 a:visited,
ul.leftmenu-level-1 a:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
ul.leftmenu-level-1 a:hover {
	font-weight: bold;
	color: #FFFF00;
	text-decoration: underline;
}
ul.leftmenu-level-1 div { height: 16px; /*  padding-top: 3px; */ }

/* l2 */
ul.leftmenu-level-2 a,
ul.leftmenu-level-2 a:link,
ul.leftmenu-level-2 a:visited,
ul.leftmenu-level-2 a:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	font-style: normal;
}
ul.leftmenu-level-2 a.kapitola1 {
	background: url(img/kap1-bg-mn.gif) no-repeat left top;
	height: 24px;
	width: 223px;
	padding-top: 4px;
	padding-left: 8px; 
	font-weight: bold;
	clear: both;
}
ul.leftmenu-level-2 a.kapitola2 {
	background: url(img/kap2-bg-mn.gif) no-repeat left top;
	height: 24px;
	width: 223px;
	padding-top: 4px;
	padding-left: 8px;
	font-weight: bold;
	clear: both;
}
ul.leftmenu-level-2 a.kapitola3 {
	background: url(img/kap3-bg-mn.gif) no-repeat left top;
	height: 24px;
	width: 223px;
	padding-top: 4px;
	padding-left: 8px; 
	font-weight: bold;
	clear: both;
}
ul.leftmenu-level-2 a.kapitola4 {
	background: url(img/kap4-bg-mn.gif) no-repeat left top;
	height: 24px;
	width: 223px;
	padding-top: 4px;
	padding-left: 8px; 
	font-weight: bold;
	clear: both;
}
ul.leftmenu-level-2 a:hover {
	font-weight: bold;
	color: #FFFF00;
	text-decoration: underline;
	font-style: normal;
}
ul.leftmenu-level-2 div { /*  padding-left: 12px;*/ font-weight: bold; }
ul.leftmenu-level-2 li { /*height: 25px; */}
ul.leftmenu-level-2 span {
	display: block;
	float: left;
	padding-left: 10px;
}
/* l3 */
ul.leftmenu-level-3 a,
ul.leftmenu-level-3 a:link,
ul.leftmenu-level-3 a:visited,
ul.leftmenu-level-3 a:active {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	font-style: normal;
}
ul.leftmenu-level-3 a:hover {
	font-weight: normal;
	color: #FFFF00;
	text-decoration: underline;
	font-style: normal;
}
ul.leftmenu-level-3 div { padding-left: 10px; clear: both; }
ul.leftmenu-level-3 li { /*height: 15px; */}
ul.leftmenu-level-3 span {
	display: block;
	float: left;
	padding-left: 10px;
	background: url(img/sipka-1-menu-off.png) no-repeat center left;
}
ul.leftmenu-level-3 span.selected {
	display: block;
	float: left;
	padding-left: 10px;
	background: url(img/sipka-1-menu-on.png)  no-repeat center left;
}
/* l4 */
ul.leftmenu-level-4 div { padding-left: 24px; clear: both; }
ul.leftmenu-level-4 a,
ul.leftmenu-level-4 a:link,
ul.leftmenu-level-4 a:visited,
ul.leftmenu-level-4 a:active {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	font-style: normal;
}
ul.leftmenu-level-4 a:hover {
	font-weight: normal;
	color: #FFFF00;
	text-decoration: underline;
	font-style: normal;
}