#topmenu {
  /*background: url("../images/s-buttons4.png") repeat scroll 0px 0px;  */
  background: #339702;
  /*box-shadow: 0px 4px 8px -1px #404040;*/

}

.sf-menu {
  /*width: 100%;*/
  /*background: #AD1821;*/
  /*background: url("../images/s-buttons4.png") repeat scroll 0px 0px;  */
  background: #339702;
  
  
}

.sf-menu > li > a {
  color: white;
  text-decoration:none;
  display:block;
  padding:1px 14px 1px 14px;
  line-height:30px;
  /*border-right: 1px solid #861118;*/
  /*border-left: 1px solid #E54254;*/
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;  
  /*background: #AD1821;*/
  background: #339702;
  /*background: url("images/s-buttons4.png") repeat scroll 0px 0px;*/

}
.sf-menu > li > a:hover {
  color: white;
  /*background: #CC3322;e55*/
  /*background: #b72c36;  */
  /*background-position: 0px -32px;*/
  background: #fff;  
  color: #464451;
}

.sf-menu > li.current > a {
  /*background: #e55;*/
  /*background: url("images/s-buttons5.png") repeat scroll 0px 0px;*/
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
  /*margin-right: 3px; /* Расстояние между пунктами меню */
  /*-webkit-transform: skewX(-30deg); /* Для Safari и Chrome */
  /*-moz-transform: skewX(-30deg); /* Для Firefox */
  /*-o-transform: skewX(-30deg); /* Для Opera */
  /*-ms-transform: skewX(-30deg); /* Для IE */
  /*transform: skewX(-30deg); /* CSS3 */
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
  /*font: 12px/18px Arial,"Helvetica Neue",Helvetica,sans-serif;*/
    /*-webkit-transform: skewX(30deg); /* Для Safari и Chrome */
    /*-moz-transform: skewX(30deg); /* Для Firefox */
    /*-o-transform: skewX(30deg); /* Для Opera */
    /*-ms-transform: skewX(30deg); /* Для IE */
    /*transform: skewX(30deg); /* CSS3 */
  font: 1.1em Tahoma, "Trebuchet MS", Tahoma, sans-serif;

}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  padding-left: 15px;
}
.sf-menu ul {
  box-shadow: 2px 2px 6px rgba(0,0,0,.2);
  //min-width: 150px;
  width: 250px;
  /*background: #eee;*/
  background: #FFF;
}
.sf-menu li ul {
    padding: 0px 0px;
  /*background: #eee;*/
  background: #FFF;
    box-shadow: 0px 4px 4px -1px #404040;
    /*box-shadow: 0px 4px 4px 0px #404040;  */
    border-top: 1px solid #DDD;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  
}

.sf-menu a {
  padding: 4px 12px;
  text-decoration: none;
  /*color: #335F8D;B7484F*/
   color: #464451;
  
}
.sf-menu a:hover {
  color: #fff;
  /*background: #e55; 098c2e */
  background: #AD1821;    
}
.sf-menu li {
  background: #BDD2FF;
  background: transparent url("../images/s-buttons.png") no-repeat scroll 0px 0px;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.sf-menu ul li {
  /*background: #eee;*/
  background: #FFF;
  display: block;
  /*width: 100%;*/
}



.sf-menu ul ul li {
  background: #FFF;
}
.sf-menu > li:hover > a {
  background: #FFF;
  color: #464451;
}
.sf-menu li:hover > ul > li:hover > a {
  /*background: #AD1821;*/
  background: #339702;
  color: white;
}
/*
.sf-menu li.current > a {
  font-weight: 700;
}
*/


