/* CSS Document */

	#menu { text-decoration: none; width: 100%; float: left; clear: right; z-index:4; height: 20px; }
	#menu ul {width: 100%; z-index: 4;}
	#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0; z-index: 4;}
	#menu li {float: left; width: 104px; z-index: 4;}
	#menu li, #menu ul.sub li {margin: 0; padding: 0; z-index: 4;}
	#menu p { margin:0; padding: 0px;  border: 0px solid #999999; text-align: center; z-index: 4;}
	#menu p a {display: block; text-decoration: none; width: 100%; height: 16px; text-align: center; z-index: 4;}
	#menu p a:hover {background-color: orange; color: inherit; text-align: center; z-index: 4;}
	ul.sub {position: relative; z-index: 4; visibility:hidden; text-align: center;} /*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-left: 0px ; padding: 0; text-align: center; z-index: 4;}
	#menu ul.sub li a {display: block; margin: 0;  width: 104px;  border-left: 0px solid #000000;  border: 0px solid black; text-align: center; z-index: 4;}
	#menu ul.sub li > a {width: 100%; text-align: center; z-index: 4;}
	#menu ul.sub li a:hover {background-color: #333333; color: inherit; border-left: 0px solid #000000; z-index: 4;  }

  #menu ul li.main:hover p a {background-color: #333333; color: inherit; text-align: center; z-index: 4; }
  #menu ul li.main {position: relative;  border: 0px solid #333333; text-align: left; z-index: 4;}
  #menu ul li > ul.sub {position: absolute; z-index: 4; visibility: hidden; text-align: center;}
  #menu ul li.main:hover ul.sub {background-color: #000000;
  visibility: visible; text-align: center; z-index: 4;}


     #maciwebmenu {
z-index: 4;
   
     margin: 0 0 0 0; 
     padding 0 0 0 0;}