.topmenuarea { width: 100%; height: 29px;}
.topmenu {
  position: absolute;
  font-family: "Times";
  text-transform: uppercase;
  width: 750px;
  line-height: 20px;
  position: relative;
  margin: 0;
  top: 299px;
  left: 207px;
  text-align: left;
  z-index: 9;
  color:rgb(128,0,128);
}

.topmenu ul {margin: 0; padding: 0; border:none;}
.topmenu li {margin: 0; padding: 0; border:none;}

/* moje */
.mainmenu a:hover .prvni-pismeno-menu1 { color:black;}
.mainmenu li a.active { border-left: 4px black solid; padding-top:13px; }
.mainmenu .active .prvni-pismeno-menu1 { color:black; }
.prvni-pismeno-menu1{
	color: #A8B60B;
	font-size: 14px;
	font-weight: 900;
}
.prvni-pismeno-menu2{
	font-weight: 900;
	color: #3D6155;
	font-size: 13px;
}

/* level 1*/
ul.mainmenu {list-style-type: none; margin: 0; padding: 0;}

.mainmenu li {
	display: block;
	position: relative;
	float: left;
	list-style: none;
  font-size: xx-small;  
}

.mainmenu li a {
	display: inline;
	padding-left: 4px;
	padding-right: 18px;
	font-weight: bold;
	line-height: 19px;
	text-decoration: none;
  color:rgb(102,102,102);
}

.mainmenu a.level1,
.mainmenu a.level2,
.mainmenu a.level3,
.mainmenu a.level4,
.mainmenu a.level5,
.mainmenu a.level6,
.mainmenu a.level7,
.mainmenu a.level8 { height: 20px; white-space: nowrap; border-left: 4px rgb(250,200,0) solid;  padding-top: 13px; }

.mainmenu a:hover.level1,
.mainmenu a:hover.level2,
.mainmenu a:hover.level3,
.mainmenu a:hover.level4,
.mainmenu a:hover.level5,
.mainmenu a:hover.level6,
.mainmenu a:hover.level7,
.mainmenu a:hover.level8 { border-left: 4px black solid; white-space: nowrap; }

.mainmenu #levelli6 ul a{
  width: 220px;
}
.mainmenu #levelli6 ul li{
  width: 255px;
}

.mainmenu #levelli1 ul,
.mainmenu #levelli2 ul,
.mainmenu #levelli3 ul,
.mainmenu #levelli4 ul,
.mainmenu #levelli5 ul,
.mainmenu #levelli6 ul,
.mainmenu #levelli7 ul,
.mainmenu #levelli8 ul {-moz-opacity: 0.80; opacity:0.80; }

.mainmenu .levelli1 ul ul,
.mainmenu .levelli2 ul ul,
.mainmenu .levelli3 ul ul,
.mainmenu .levelli4 ul ul,
.mainmenu .levelli5 ul ul,
.mainmenu .levelli6 ul ul,
.mainmenu .levelli7 ul ul,
.mainmenu .levelli8 ul ul {background-color: rgb(250,200,100); }
			
/* level 2 */
.mainmenu li ul {
	position: absolute;
	visibility: hidden;
	list-style-type: none;
	bottom: 29px;
	left: 0;
	margin: 0;
	padding: 0;
  margin: 0;
}
.mainmenu li ul li a {  }
.mainmenu li ul a:hover {
	background-color: rgb(240,250,200);
}
.mainmenu li ul li {
  border-top: 1px rgb(193,203,82) solid;
  background-color: rgb(250,200,100);
  position: relative;
  line-height: 20px;
	z-index:10;
  border-left: 1px rgb(193,203,82) solid;
  border-right: 1px rgb(193,203,82) solid;	
  	
}
.mainmenu li ul li a {
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	padding-left: 15px;
	padding-right: 15px;
	color: black;
	width: 100%;
	voice-family: "\"}\""; voice-family: inherit; /* older IE's & NN4 hacked ;] */
  width: 200px;
}

html>body .mainmenu li ul li a {
  border-top: 1px rgb(193,203,82) solid;
  width: 180px;
  color: black;
  line-height: 20px;
}

.mainmenu li ul li a:hover {
	background-color: rgb(240,250,200);
	color: black;
	line-height: 20px;
}

/* level 3 & more */
.mainmenu li ul li ul {
	position: absolute;
	visibility: hidden;
	bottom: 0;
	left: 100%;
	border-top: none;
}
.mainmenu li ul li ul li{
	position: relative;
}

.mainmenu li ul li ul li a {
	display: block;
	font-size: 9px;
	font-weight: normal;
	line-height: 20px;
	background-color: rgb(250,200,100);
}
.mainmenu li ul li ul li a:hover {
	color: black; border-top: 1px rgb(193,203,82) solid;
}

.mainmenu li:hover ul ul, .mainmenu li:hover li:hover ul ul, .mainmenu li:hover li:hover li:hover ul ul,
.mainmenu li.hover ul ul, .mainmenu li.hover li.hover ul ul, .mainmenu li.hover li.hover li.hover ul ul {
	visibility: hidden; z-index:1;
}
.hover{ z-index:10; }  
.mainmenu li:hover ul, .mainmenu li:hover li:hover ul, .mainmenu li:hover li:hover li:hover ul, .mainmenu li:hover li:hover li:hover li:hover ul,
.mainmenu li.hover ul, .mainmenu li.hover li.hover ul, .mainmenu li.hover li.hover li.hover ul, .mainmenu li.hover li.hover li.hover li.hover ul   {
	visibility: visible; z-index:10;
}