/* zakladni styl - nemazat!!! */

#menu-block ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu-block li {
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
}

#menu-block a {
	float: none; /*float: left;*/
	display: block;
	background-repeat: no-repeat;
	background-position: 2px 50%;
	width: auto;
}

#menu-block span {
	display: block;
}
	
#menu-block li ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

#menu-block li ul li {
	width: 100%;
	float: left;
	position: static;
}

html>body #menu-block li ul li {
	float: none;
	position: relative;
	_background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

#menu-block li ul li:hover, #menu-block li ul li.hover {
	position: relative;
}

/* zafixuje pozici */
#menu-block li ul li ul {
	top: 0;
	left: 100%;
}

/* simulace child selektoru pro IE */
div#menu-block li, #menu-block li li, #menu-block li li li, #menu-block li.menu-li-1	{
	_background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}
div#menu-block li.hover ul, #menu-block li.hover li.hover ul, #menu-block li.hover li.hover li.hover ul {
	visibility: visible;
}

#menu-block li.hover li ul, #menu-block li.hover li.hover li ul, #menu-block li.hover li.hover li.hover li ul {
	visibility: hidden;
}

div#menu-block li:hover ul, #menu-block li:hover li:hover ul, #menu-block li:hover li:hover li:hover ul {
	visibility: visible;
}

#menu-block li:hover li ul, #menu-block li:hover li:hover li ul, #menu-block li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/* menu-disabled */
#menu-block li .menu-disabled {
	cursor: default;
	color: gray
}

/* menu-hasSubmenu */
.menu-hasSubmenu {
	background-image: url("../images/mainMenu/triangel_black.gif"); 
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* menu-active v jednotlivych urovnich menu */
#menu-block li.menu-li-1 .menu-active {
	background-color: white;
}

#menu-block li.menu-li-2 .menu-active {
	background-color: #B6BDD2;
}

/* ukazka , ze lze menit barvy standardne zaremovano
#menu-block li.menu-li-3 .menu-active {
	background-color: #ffff99;
}
*/

/* menu-checked */
.menu-checked {
	background-image: url("../images/mainMenu/m_checked_off.gif"); 
}

	
/* ********************** GRAFIKA ********************************************************************************* */
#menu-block {
	margin: 0;
	padding: 0;
	position: absolute;
	border: 0;
	border-top: 1px solid black;
	border-right: 1px solid black;
	background-color: #D0DAE7;
}

#menu-block a {
	text-decoration: none;
	color: black;
	font-size: 10pt;
	padding: 3px 4px;
}

#menu-block li a:hover {
	font-size: 10pt;
	text-decoration: none;
	font-weight: normal;
}

#menu-block li li:hover, #menu-block li li.hover  {
	background-color: #B6BDD2;
}

#menu-block a.menu-a-1 {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

#menu-block li li a {
	text-align: left;
	padding: 3px 15px 3px 28px;
}

#menu-block li.menu-li-1:hover, #menu-block li.menu-li-1.hover {
	background-color: white;
}

#menu-block li ul {
	background: white url("../images/mainMenu/left_blue.gif")
	top left repeat-y;
	padding: 0;
	margin: -1px 0; /* aby presahoval spodni linku v menu - u horizontalniho menu */
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	width: 200px;
}

#menu-block li li ul {
	border-top: 1px solid black;
}