#menu {z-index: 10; font:0.93em Verdana, sans-serif; font-weight:bold; position: relative; left: 5px; clear: right;}
	#menu ul {width: 1000px;}
	#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#menu li {float: left; width: 200px;}
	#menu li, #menu ul.sub li {margin: 0; padding: 0;}
	#menu h3 {font-size: 1em; margin:0; padding: 1px;}
	#menu h3 a {display: block; text-decoration: none; width: 100%; }
	#menu h3 a:hover {background-color: #DDD; color: inherit;}
	ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
  #menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
	#menu ul.sub li a {display: block; width: 150px; padding: 10px 0 10px 10px; border-left: 0px solid white; background-color: #fff; opacity: .9;
   -moz-opacity: .9;
   filter:alpha(opacity=90);color: #c33;}
	#menu ul.sub li > a {width: 188px; border-left: 1.5px solid #c33; border-right: 1.5px solid #c33;}
	#menu ul.sub li > a.top {width: 188px; border-left: 1.5px solid #c33; border-right: 1.5px solid #c33;  border-top: 1.5px solid #c33;}
	#menu ul.sub li > a.bottom {width: 188px; border-left: 1.5px solid #c33; border-right: 1.5px solid #c33;  border-bottom: 1.5px solid #c33;}
	#menu ul.sub li a:hover {background-color: #eee; color: inherit;}

  #menu ul li.main:hover h3 a {background-color: #DDD; color: inherit;}
  #menu ul li.main {position: relative;}
  #menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
  #menu ul li.main:hover ul.sub {visibility: visible;}