#menu {
	width:240px;
	border:1px solid #999;
	margin:0 auto;
    padding: 0;
    list-style: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    font: normal 14px Helvetica, Arial, sans-serif
}

#menu li a {
	display:block;
    position: relative;
	padding:10px 15px;
	background:#dedede;
	border-top:1px solid #eee;
	border-bottom:1px solid #999;
	text-decoration:none;
    text-shadow: 0px 1px 1px #ffffff;
	font-size: 17px;
	color:#606060
}

#menu li a:hover,
#menu li a.active {
	background:#ccc;
    text-shadow: 0px 1px 1px #ffffff;
	color:#3b3b3b
}

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

#menu li ul li a {
    font-size: 14px;
	padding:8px 15px;
	background:#f7f5f5;
	border-bottom:1px dotted #ccc
}
#menu li ul li a:after {
    content: "»";
    float: left;
    margin-right:6px;
    line-height: 1em
}
#menu li ul li a:hover,
#menu li ul li a.active {
    background:#ececec;
    color:#06a8d6;
    padding-left:18px
}
/* переключатель */
#menu li.sub > a:before {
    content:'';
    height:6px;
    width:6px;
    display:block;
    border:1px solid #606060;
    border-right-width:0;
    border-top-width:0;
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    position:absolute;
    right:20px;
    top:14px
}
/* активный переключатель */
#menu li.sub > a:hover:before,
#menu li.sub > a.active:before{
  border:1px solid #00a00c;
  border-right-width:0;
  border-top-width:0;
}