.content-menu
    {
        width: auto;
        min-width: 270px;
        background: #34495e ;
        display: block; 
        box-sizing: border-box;
        border-radius:3px;
    }

    .content-menu ul:first-child > li:first-child
    {
        padding:0px  0px 0px 0px;
    }
    .content-menu ul:last-child > li:last-child
    {
        padding-bottom:0px;
background: #34495e ;
    }

     .content-menu ul, li 
    {
        margin:0;
        padding:0;
  
        list-style-type: none;
    }


.nav-menu {
    background: #34495e ;
    margin: 0px auto 10px auto;    /*max-width: 300px;*/
    max-width: 1200px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    -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;


}
.nav-menu ul {
    list-style: none;
    margin: 0;
    padding:0;
    text-align:left;

}
.nav-menu > ul > li {
    position: relative;
  

}
.nav-menu > ul > li > a {
    display: block;	
    outline: 0;	
    padding: .7em 1em;	
    text-decoration: none;	
    color:#4ce0fc;
    font-weight: normal;	
    text-shadow: 1px 1px 3px #111;	
 
    background: #34495e;
    border-bottom: 1px solid #222;

    background-image:-webkit-linear-gradient(#444, #333);
    background-image:-moz-linear-gradient(#444, #333);
    background-image:-ms-linear-gradient(#444, #333);
    background-image:linear-gradient(#444, #333);
    -webkit-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    -moz-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    background: url(../i/down_circle.png) 98% 50% no-repeat; 

}

.nav-menu > ul > li > a:hover,
.nav-menu > ul > li > a.active {
 /*   color:#696969;*/
    background: url(../i/down_circle.png) 98% 50% no-repeat;    
}
.nav-menu .sub > ul {
    display: none;
    overflow: hidden;
    background: #3498db;
    -webkit-box-shadow:inset 0 0 50px #bbb;
    -moz-box-shadow:inset 0 0 50px #bbb;
    box-shadow:inset 0 0 50px #bbb;
}


 
.nav-menu .sub > ul > li > a {
    color:#fff;
    background:#34495e;
    display: block;
    text-decoration: none;
    padding: .7em 1em;
    border-bottom: 1px dotted #bababa;
}






.nav-menu .sub > ul > li > a:hover,
.nav-menu .sub > ul > li > a.active {

    background: #3498db; 
    color: yellow;
    padding-left: 1.3em;
}
.nav-menu .sub > ul > li > a:after{
    content: "•";
    float: left;
    margin-right:6px;
    line-height: 12px;

}
.nav-menu .sub > a:before {
    background: url(../i/down_circle.png) 90% 50% no-repeat;    
 
/*   content:'*';
    height:12px;
    width:12px;
    font-size: 1em;
    display:inline-block;
    position: absolute;
    right: 10px;
    top: 12px;
    background: #333;
    line-height: .8em;
    color: red;
    text-indent: 0;
    text-align: center;
    text-shadow:none;
    font-weight: 500;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);*/
}
/* активный переключатель */
.nav-menu .sub > a.active:before{
    color: #f2bd00;
}