#menu {width: 100%; float: left; clear: right;}
#menu ulXX {width: 127px;}
#menu ul.sub {border: 0px solid #D8D7D7;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li {float: left; widthXX: 127px; text-align: left;}
#menu li, #menu ul.sub li {margin: 0; padding: 0;}
#menu h3 {font-size: 13px; margin:0; padding: 3px; color: white; text-align: center;}
#menu h3 a {display: block; text-decoration: none; color: white;}
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; margin:0; padding: 0; background: #F73E45; width: 162px; color: white;}
#menu ul.sub li a {display: block; font-size: 12px; color: white; text-decoration: none; font-weight: normal; margin: 1px 0px 0px 0px; padding-left: 10px; padding-top: 5px; width: 162px; height: 25px; background-color: #F40009;}
#menu ul.sub li > a {width: 152px;}
#menu ul.sub li a:hover {background-color: #E10008; 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;}