/* remove the bullets,padding and margins from the lists */
.menu ul{list-style-type:none;padding:0;margin:0;}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{float:left;position:relative;z-index:100;}

/* use the table to position the dropdown list*/
/*.menu table{position:absolute;border-collapse:collapse;z-index:80;left:0px;top:40px;}

/* style all the links */
.menu a,.menu:visited{font-weight:bold;display:block;font-size:16px;padding:4px 6px 2px 6px;color:white;background:red;text-decoration:none;margin-right:1px;text-align:center;}

/* style the links hover */
.menu:hover,.menu a:hover{color:black;background:red;}

/* hide the sub level links */
.menu ul ul{visibility:hidden;position:absolute;width:150px;height:0;}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}

/* šířka a pozadí submenu */
.submenu a{width:220px;position:relative;top:0px;left:-20px;background-color:white;opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;text-align:left;color:black;}
.submenu a:hover{color:red;background:white;opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;}