#menu {
	position: relative;
	font-family: Georgia, sans-serif; 
	width: 756px; 
	position: relative; 
	font-size: 16px; 
	margin: 0px !important;
	margin-right: -2px;
	left: -1px;
	padding-right: 0px;
	z-index:100;
}

#menu ul li a, #menu ul li a:visited {
	display: block; 
	text-decoration: none; 
	width: 187px;
	height: 28px; 
	text-align: center; 
	color: #000; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000; 
	border-top: 3px solid #000; 
	border-bottom: 3px solid #000; 
	background: #ffe; 
	line-height: 28px; 
	font-size: 22px;
	margin: 0; 
	padding-top: 0px;
}

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

#menu ul li {
	float:left; 
	position:relative;
}

#menu ul li ul {
	display: none;
}

/* non IE */

/* menu hover */

#menu ul li:hover a {
	color: #000; 
	background: #ffb;
}


#menu ul li:hover ul {
	display: block; 
	position: absolute; 
	top: 33px; 
	border-top: 1px solid #000;
	left:0; 
	width: 181px;
	z-index: 9;
}

/* podmenu do rozjechania hover */

#menu ul li:hover ul li:hover a.hide {
	background: #ffdf66; 
	color: #f00;
}

#menu ul li:hover ul li ul {
	display: none;
}

/* podmenu */

#menu ul li:hover ul li a {
	display:block; 
	background:#fbcb56;
	height: 20px; 
	border-top: none; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
	font-size: 14px;
	line-height: 20px;
	color:#000;
}

#menu ul li:hover ul li a:hover {
	background:#ffdf66; 
	color:#f00;
}

#menu ul li:hover ul li:hover ul {
	display: block; 
	position: absolute; 
	left: 188px; 
	width: 190px;
	top: -1px;
	z-index: 8
}

#menu ul li:hover ul li:hover ul.left {
	left: -189px;	/* o78 */
}

#menu ul li:hover ul li:hover ul li a {
	width: 188px;
}

#menu ul li:hover ul li:hover ul li a:hover {
	width: 188px;
	left: 0px;
}


/* for Opera 7+ */
@media all and (min-width: 0px){
  #menu ul li:hover ul li:hover ul {
    left: 188px;
  } 

  #menu ul li:hover ul li:hover ul.left {
    left: -189px;
  }
}

/* IE */
* html #menu{
      margin-right: 0px;
      padding-left: 0px;
      background: red;
      font-family: Arial, sans-serif;
}

* html #menu ul li a.hide, #menu ul li a:visited.hide {
	display:none;
}

* html #menu ul li a:hover ul li a.hide {
	display:none;
}

* html #menu ul li a:hover {
	color: #000; 
	background: #ffa;
}

* html #menu ul li a:hover ul {
	display: block; 
	position: absolute; 
	top: 39px; 
	left: 0px; 
	width: 187px;
}

* html #menu ul li a:hover ul li a {
	display: block; 
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	border-top: none; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
	background: #fbcb56; 
	color: #000000;
}
	
* html #menu ul li a:hover ul li a.sub {
	background: #fbcb56; 
	line-height: 19px;
	color: #000;
}

* html #menu ul li a:hover ul li a ul {
	visibility:hidden;
	top: 0px;
}

* html #menu ul li a:hover ul li a:hover {
	background: #ffdf66; 
	color: #ff0000;
}

* html #menu ul li a:hover ul li a:hover ul {
	visibility: visible; 
	position: absolute; 
	left: 188px; 
	top: -1px; 
	color: #000;
	border-top: 1px #000 solid;
}

* html #menu ul li a:hover ul li a:hover ul.left {
	left: -189px;
}

* html #menu ul li a:hover ul li a:hover ul li a{
	top: 1px;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
}

* html #menu ul li a:hover ul li a:hover ul li a {
	width: 188px;
}

