.menu {font-size: 1.2em; }
.menu ul {
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  padding-left: 0; /*убираем отступы*/
  margin-top:0px; /*делаем отступ сверху*/
  background:#4095EE; /*добавляем фон всему меню*/
  height: 50px; /*задаем высоту*/
}
.menu a {
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
  background:#4095EE;  /* добавляем фон к пункту меню*/
  color:#fff; /*меняем цвет ссылок*/
  padding:0px 20px; /* добавляем отступ*/
  font-family: arial; /*меняем шрифт*/
  line-height:50px; /*ровняем меню по вертикали*/
  display: block; 
/*  border-right: 1px solid #677B27; добавляем бордюр справа*/
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;

}
.menu a:hover {
  background:#2C7135;/*добавляем эффект при наведении*/
}
.menu li {
  float:left; /*Размещаем список горизонтально для реализации меню*/
  position:relative; /*задаем позицию для позиционирования*/
}
     
    /*Стили для скрытого выпадающего меню*/
   .menu li > ul {
        position:absolute;
        top:50px;
        display:none;   
    }
     
    /*Делаем скрытую часть видимой*/
 .menu li:hover > ul {
        display:block; 
        width:250px;  /*Задаем ширину выпадающего меню*/      
    }
   .menu li:hover > ul > li {
        float:none; /*Убираем горизонтальное позиционирование*/
    }
}