﻿

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  z-index:1000; 
}
#cssmenu 
{
  height: 38px;
  width:987px;
  position: relative;
  background: linear-gradient(to right, #CBCBCB, #203767);
  background: -webkit-linear-gradient(to right, #CBCBCB, #203767);
  background: -o-linear-gradient(to right, #CBCBCB, #203767);
  background: -moz-linear-gradient(to right, #CBCBCB, #203767);
  box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
  border-radius: 12px;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: inherit;
  clear: both;  
}
#cssmenu a {
  color: #ffffff;
  display: inline-block;
  font-family:Tahoma;
  font-size: 11px;
  line-height: 30px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul 
{    
  float: left;
  position: absolute;
}
#cssmenu > ul > li {
  float: right;
  
}
li
{
    cursor:pointer;
    z-index:100;
}
#cssmenu > ul > li:hover:after {
  
   background: #070707;
}
#cssmenu > ul > li:last-child > a {
  
}

#cssmenu > ul > li.active a {
  
  background: #070707;
  
}
#cssmenu .has-sub {
  z-index: 10;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul 
{
  display:none;
  position: absolute;
  width: 190px;
  top: 100%;
  right: 0;
}
#cssmenu .has-sub ul li {
  margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #316290;
  filter: none;
  font-size: 13px;
  display: block;
  line-height: 120%;
  padding: 10px;
  
}
#cssmenu .has-sub ul li:hover a {
  background: #194a76;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  
  position: absolute;
  right: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #194a76;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #073966;
}