.vyp-menu, .vyp-menu li, .vyp-menu ul, .vyp-menu a, .vyp-menu:after, .widget .post-body ul, .widget .post-body ul li {
  margin: 0; 
  padding: 0;
  z-index: 200;
  display: block;
}

.vyp-menu:after { /* убираем после меню действие float */ 
  clear: both;
  content: "";}

.vyp-menu > li { float: left; }

.vyp-menu li {
  white-space: nowrap; /* содержимое на одной строке без переносов */ 
  position: relative;
}

.vyp-menu > li, .vyp-menu > li > ul > li, .vyp-menu > li > ul > li > ul > li { overflow: hidden; }
.vyp-menu > li:hover, .vyp-menu > li > ul > li:hover, .vyp-menu > li > ul > li > ul > li:hover {overflow: visible;}

.vyp-menu li ul li, .vyp-menu li ul li a { width: 100%; }

.vyp-menu ul { position: absolute; }

.vyp-menu ul ul { left: 100%; top: 0; }

#raz > li > ul > li, #raz > li > ul > li > ul > li, #raz > li > ul > li > ul > li > ul > li {height: 0px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s;overflow: hidden;}
#raz > li, #raz > li:hover > ul > li, #raz > li > ul > li:hover > ul > li, #raz > li > ul > li > ul > li:hover > ul > li {height: 35px;overflow: visible;}

#raz {
  background: #999;
}

#raz > li:first-child { border-left: none;}

#raz > li {border-left: 1px solid #ccc; height:55px;}

#raz > li a{color:#FFF; text-transform:uppercase;}

#raz > li:hover {background: #fff;}
#raz > li li:hover {background: #fff;}

#raz > li:hover a {color:#000;}

#raz li li {background: #AAA content-box; padding: 1px 1px 0px 0px; }
/*
#raz li li:last-child {border-radius: 0 0 5px 5px;}
*/
#raz li a {
    font-family:Arial Narrow,Arial ;
    letter-spacing:2px;
  line-height: 55px;
  
  text-decoration: none;
  font-size:18px;
  font-weight:normal;
  text-align:center;
  width:249px;
}
#raz > li ul li a {
  line-height: 35px;
  padding-left: 12px;
  font-size:16px;
  text-align:left;
  width:235px;
}

.strelka:after {
  content: "\2b";
  position: absolute;
  right: 1px; bottom: -4px;
}

.strelka:hover:after {content: "\2d";}