/* Fomenu 1.szint */
#mainmenu { }
#mainmenu {
  z-index:110; 
  position:relative;  
  top: -27px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 35px;
  border-radius:4px;
}
/* Fomenu 1. szint */
#mainmenu ul {
  margin-left: 1px;   
  padding:0;
  text-align: center;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);  
}
#mainmenu ul li {
  list-style:none;
  float:left;
  position:relative; 
  padding-right:1px; 
  margin:0;
}
#mainmenu ul li a { 
  display:block;
  padding:0 6px 0 6px; 
  line-height:35px; 
  color:#fff; 
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  text-decoration:none;
  font-size:13px;
  font-weight:900; 
}
#mainmenu ul li.active {}
#mainmenu ul li.active a {
  color:#ffffc0; 
  height: 35px; 
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  line-height: 35px;
  -moz-border-radius: 4px;  
  border-radius: 4px;  
}
#mainmenu ul li:hover {}
#mainmenu ul li a:hover{ 
  text-decoration:none; 
  font-weight:900; 
  color:#fff; 
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  height: 35px; 
  line-height: 35px; 
  -moz-transition: color 0.9s ease 0s, background 0.9s ease 0s; 
  -webkit-transition: 0.9s ease 0s; -o-transition: 0.s ease 0s;
  -moz-border-radius: 18px;  
  border-radius: 18px; 
}

/* Fomenu 2. 3. szint */
#mainmenu ul li ul {
  position:absolute;
  z-index:220;
  top: 35px;
  width:200px;
  left:-999em;
  border-top:0; 
  margin:0; 
  padding:0;
  opacity:0.95; 
  border: solid 1px #ff0;
  shadow: none;
  -moz-border-radius: 0px;  
  border-radius: 0px; 
}
#mainmenu ul li:hover ul, #menu ul li.sfHover ul {
  left:0;
}
#mainmenu ul li ul li {
  padding: 0; 
  height:900; 
  width:180px; 
  margin:0 auto; 
  border:none; 
  text-align: left; 
}
#mainmenu ul li ul li:hover ul {
  left:100px; 
  top:6px;
}
#mainmenu ul li:hover ul li { 
/* ********************* */
/*  background:none;  */
}
#mainmenu ul li:hover ul li a, 
#mainmenu ul li ul li a, 
#mainmenu ul li.active ul li a {
  margin: 0 2px 0 2px; 
  padding:0 0 0 10px;
  height:24px;
  line-height:24px; 
  color:#fff; 
  font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  font-weight: 900;
  -moz-border-radius: 10px; 
  border-radius: 10px;
}
#mainmenu ul li ul li a:hover{
  text-align: left; 
  padding:0px 0 0 10px;
  height:24px;
  line-height:24px;
  color:#fff; 
  font-weight: 900;
  color:#fff;  
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  font-size:12px;
}
#mainmenu ul li ul ul, 
#mainmenu ul li:hover ul ul, 
#mainmenu ul li:hover ul ul ul, 
#mainmenu ul li:hover ul ul ul ul, 
#mainmenu ul li.sfHover ul ul, 
#mainmenu ul li.sfHover ul ul ul, 
#mainmenu ul li.sfHover ul ul ul ul {
  left:-999em;
}
#mainmenu ul li ul li ul li{
  padding:0;
  height: auto;
  width:190px; 
  margin:0 auto; 
  border:none; 
  text-align: left;
}
/*  ===================================================================7  */
#mainmenu ul ul li ul {
  position:absolute;
  z-index:220;
  top: 35px;
  width:190px;
  left:-999em;
  border-top:0; 
  margin:0; 
  padding:0;
/*  opacity:0.9; */
  border: solid 1px #ffc;
  shadow: 
  -moz-border-radius: 2px;  
  border-radius: 2px; 
}
#mainmenu ul ul li:hover ul, #mainmenu ul  ul li.sfHover ul {
  left:0;
}
#mainmenu ul ul li ul li {
  padding: 0; 
  height:900; 
  width:190px; 
  margin:0 auto; 
  border:none; 
  text-align: left; 
}
#mainmenu ul ul li ul li:hover ul {
  left:100px; 
  top:6px;
}
#mainmenu ul ul li:hover ul li { 
/* ******************** */
/*  background:none;  */
}
#mainmenu ul ul li:hover ul li a, 
#mainmenu ul ul li ul li a, 
#mainmenu ul ul li.active ul li a {
  margin: 0 2px 0 2px; 
  padding:0 0 0 10px;
  height:24px;
  line-height:24px; 
  color:#fff; 
  font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  font-weight: 900;
  -moz-border-radius: 10px; 
  border-radius: 10px;
}
#mainmenu ul ul li ul li a:hover{
  text-align: left; 
  padding:0px 0 0 10px;
  height:24px;
  line-height:24px;
  color:#fff; 
  font-weight: 900;
  color:#fff;  
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  font-size:12px;
}
#mainmenu .divider{
  background-image: url(../images/divider.gif) ;
  background-position: center center;
  background-size: 90% 2px;
  background-repeat: no-repeat;
  color: #7c8290;  
}
#mainmenu, #mainmenu ul li, #mainmenu ul li:hover ul li a,  #mainmenu ul li ul li a, #mainmenu ul li.active ul li a,
#mainmenu ul ul li:hover ul li a, #mainmenu ul ul li ul li a,  #mainmenu ul ul li.active ul li a
  { background-color: var(--menubackground); }
#mainmenu ul li.active a { background-color: var(--menuactive); }
#mainmenu ul li.active ul li a:hover, #mainmenu ul li a:hover, #mainmenu ul li:hover ul li a:hover, 
#mainmenu ul li ul li a:hover, #mainmenu ul ul li ul li a:hover 
  { background-color: var(--menuhover); }

.tmenu {
  background: white;
  font-size:9pt;
  font-style:normal;
  float: right;
  position:relative;
  top:-1px;
  margin: 0 0pt 0 4pt;
  padding: 0 4pt 0 4pt;
  border-top: 1pt solid #333;
  border-left: 1pt solid #333;  
  border-right: 1pt solid #333;  
}