/* Bal menu 1.szint */
#left ul.menu {
/*  margin-left: 3px;  */
  position:relative;  
/*   z-index:10;  */
  top:-3px;
  padding:0;
  text-align: left;
  width: 180px;
}
#left ul.menu li {
  list-style:none;
  float:left;
  position:relative; 
  padding-right:4px; 
  margin:0;
  width:180px;
}
#left ul.menu li a { 
/*  display:block; */
  padding:0 10px 0 10px; 
  line-height:35px; 
  color:#fff; 
  width:180px;
  text-decoration:none;
  font-size:14px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  font-weight:900; 
}
#left ul.menu li.active {}
#left ul.menu li.active a {
  padding: 6px 10px 6px 10px; 
  color:#ffffc0; 
  height: 35px; 
  text-shadow: none; 
  line-height: 34px;
  -moz-border-radius: 14px;  
  border-radius: 14px;  
}
#left ul.menu li:hover ,
#left ul.menu li a:hover{ 
  text-decoration:none; 
  font-weight:900; 
  color:#fff; 
  text-shadow: none; 
  background:#245ae0;  
  height: 35px; 
  line-height:34px; 
  -moz-transition: color 0.9s ease 0s, background 0.9s ease 0s; 
  -webkit-transition: 0.9s ease 0s; -o-transition: 0.9s ease 0s;
  -moz-border-radius: 14px;  
/*  border-radius: 14px;  */
}

/* Bal menu 2. 3. szint */
#left ul.menu li ul {
  position:absolute;
  z-index:20;
  top: 3px;
  width:180px;
  left:-999em;
  border-top:0; 
  margin:0; 
  padding:0;
  border: solid 1px #ffc;
  -moz-border-radius: 2px;  
  border-radius: 2px; 
-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);  
  
}
#left ul.menu li:hover ul, 
#menu ul li.sfHover ul {
  left:100px;
}
#left ul.menu li ul li a {
/*  background:transparent; */
}  

#left ul.menu li ul li {
  padding: 0; 
  height:auto; 
  width:180px; 
  margin:0 auto; 
  border:none; 
  text-align: left; 
}
#left ul.menu li:hover ul li a {
  width:180px;			
}
#left ul.menu li ul li:hover ul {
  left:140px; 
  top:0
}
#left ul.menu li:hover ul li a, 
#left ul.menu li ul li a, 
#left ul.menu li.active ul li a {
  margin:0; 
  padding:0 0 0 10px;
  height:35px;
  line-height:35px; 
  color:#fff; 
  font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  font-weight:900; 
/* text-shadow: 1px 1px #f0f0ff;  */
  -moz-border-radius: 0px; 
  border-radius: 0px;
}
#left ul.menu li ul li:hover{
  text-align: left; 
  padding:0;
  height:35px;
  line-height:35px;
  color:#fff; 
/* text-shadow: 1px 1px #a0a8c0;  */  
  background:#245ae0;  
  color:#fff;  
  font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  font-weight:900; 
}
#left ul.menu li ul li a:hover {
  background:#245ae0;  
  color:#fff;  
  font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  font-weight:900; 
}
#left ul.menu li ul ul, 
#left ul.menu li:hover ul ul, 
#left ul.menu li:hover ul ul ul, 
#left ul.menu li:hover ul ul ul ul, 
#left ul.menu li.sfHover ul ul, 
#left ul.menu li.sfHover ul ul ul, 
#left ul.menu li.sfHover ul ul ul ul {
  left:-999em;
}
#left ul.menu li ul li ul li{
  padding:0;
  height: auto;
  width:180px; 
  margin:0 auto; 
  border:none; 
  text-align: left;
}

#bottom-left h3 { 
    background-color: var(--modheadbottom_h3); 
    background: -webkit-linear-gradient(var(--modheadbottom_h3), white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--modheadbottom_h3), white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--modheadbottom_h3), white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--modheadbottom_h3), white); /* Standard syntax */
}
#left h3 { 
    background-color: var(--modhead_h3);
    background: -webkit-linear-gradient(var(--modhead_h3), white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--modhead_h3), white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--modhead_h3), white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--modhead_h3), white); /* Standard syntax */
 }

#left ul.menu, #left ul.menu li, #left ul.menu li ul, #left ul.menu li ul li, #left ul.menu li:hover ul li  
  { background-color: var(--menubackground); }
#left ul.menu li.active a { background-color: var(--menuactive); }

