/* CSS Document */
#menu1 { 
position:relative; 
z-index:500; 
margin-left:10px; 
width:180px; 
margin:0px; 
}

#menu1 ul {  
padding:0; 
margin:0; 
list-style:none; 
width:178px; 
padding:5px; 
background: url(/images/b_title1.png);
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
 
#menu1 ul ul { 
position:absolute; 
left:-9999px; 
}

#menu1 ul li { 
width:178px;
background: #FFF; 
}

* html #menu ul li { float:left; }

#menu1 ul li a { 
display:block; 
width:163px; 
padding:5px 10px 5px 5px; 
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color:#000; 
text-decoration:none;
border-top: 1px solid #CCFFFF;
background: -moz-linear-gradient(#FFF, #FFF, #FFF);
background: -ms-linear-gradient(#FFF, #FFF, #FFF);
background: -o-linear-gradient(#FFF, #FFF, #FFF);
background: -webkit-linear-gradient(#FFF, #FFF, #FFF); 
border-color: #CCCCCC; clear: left; 
}

#menu1 ul li span.fly { 
border-top: 1px solid #CCCCCC;
}

#menu1 ul li a.fly { 
background: url(/images/arrow.gif) no-repeat 168px center;
}

#menu1 ul li:hover { 
position:relative;
background:#89a;
}

#menu1 ul li a:hover { 
direction:ltr; 
background:#89a; 
color:#fff;
border-top: 1px solid #FFFFCC;
border-bottom: 1px solid #0066FF;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-size: 12px;
position:relative; 
}

#menu1 ul li:hover > a { 
background: -moz-linear-gradient(#FFF, #000, #42aaff);
background: -ms-linear-gradient(#FFF, #000, #42aaff);
background: -o-linear-gradient(#FFF, #000, #42aaff);
background: -webkit-linear-gradient(#FFF, #000, #42aaff);
color:#fff; 
border-color: #CCCCCC; 
}
#menu1 ul li:hover > a:active {
/* text-shadow: 0 1px 2px #2af106; */
background: -moz-linear-gradient(#42aaff, #000, #FFF);
background: -ms-linear-gradient(#42aaff, #000, #FFF);
background: -o-linear-gradient(#42aaff, #000, #FFF);
background: -webkit-linear-gradient(#42aaff, #000, #FFF);
}

#menu1 ul li span {
display: block; 
width: 163px; 
padding: 5px 10px 5px 5px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000; 
background: url(/images/arrow.gif) no-repeat 168px center;
}

#menu1 ul li span:hover { 
direction: ltr; 
color: #fff; 
border-color: fff; 
position: relative;
background: #89a; 
}

#menu1 ul li:hover > span { 
background: -moz-linear-gradient(#FFF, #000, #42aaff);
background: -ms-linear-gradient(#FFF, #000, #42aaff);
background: -o-linear-gradient(#FFF, #000, #42aaff);
background: -webkit-linear-gradient(#FFF, #000, #42aaff);
color: #fff;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-size: 12px;
border-top: 1px solid #CCCCCC;
cursor: pointer;
}

.menu_ugol_1 {
-webkit-border-radius: 0 0 5px 5px; 
-khtml-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

.menu_ugol_2 {
-webkit-border-radius: 5px 5px 0 0 ; 
-khtml-border-radius: 5px 5px 0 0 ;
border-radius: 5px 5px 0 0 ;
}
#menu1 ul :hover ul, 
#menu1 ul :hover ul :hover ul, 
#menu1 ul :hover ul :hover ul :hover ul, 
#menu1 ul :hover ul :hover ul :hover ul :hover ul { left:178px; top:-5px; }
#menu1 ul :hover ul ul, 
#menu1 ul :hover ul :hover ul ul, 
#menu1 ul :hover ul :hover ul :hover ul ul { left:-9999px; }