.menu-article {
    width: auto; /* Ширина меню */
    list-style: none; /* Для списка убираем маркеры */
    margin: 0; /* Нет отступов вокруг */
    padding: 0; /* Убираем поля вокруг текста */
    font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */
    font-size: 12pt; /* Размер названий в пункте меню */
    font-family: 'Play', Verdana, Helvetica, Arial, sans-serif;
   }
   .menu-article li ul {
    position: absolute !important; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 312px; /* Сдвигаем подменю вправо */
    margin-top: -2.5em; /* Сдвигаем подменю вверх */
    z-index: 5;
    white-space: nowrap;
   }
   .menu-article li a {
    display: block; /* Ссылка как блочный элемент */
    padding: 4px 8px 4px 8px;; /* Поля вокруг надписи */
    text-decoration: none; /* Подчеркивание у ссылок убираем */
    color: #666; /* Цвет текста */
    background-color: rgba(255, 255, 255, 0.2); /* Цвет фона */
    border-bottom: none; /* Границу снизу не проводим */
    border-radius: 3px;
    font-size: 16.7px;
   }
   .menu-article-sub span {
    position: relative;
	}
   .menu-article li {
    margin: 7px 6px !important;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.5) 0px 1px 3px;
    padding: 5px;
}
   .menu-article-sub li {
   margin: 10px;
   border-radius: 3px;
   background-color: #fff;
   box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px, rgba(157, 157, 157, 0.8) 4px 7px 5px;
   padding: 5px;
   }
   .menu-article-sub li a {
   background-color: #fff; /* Цвет фона */
   }
   .menu-article-sub li a:hover {
    color: #96622a; /* Цвет текста активного пункта */
    background-color: rgba(0,0,0,0.10); /* Цвет фона активного пункта */
    border-radius: 3px;
    transition: background ease .5s;
   }
   .menu-article li a:hover {
    color: #96622a; /* Цвет текста активного пункта */
    background-color: rgba(0,0,0,0.10); /* Цвет фона активного пункта */
    border-radius: 3px;
    transition: background ease .5s;
   }
   .menu-article li:hover ul { 
    display: block; /* При выделении пункта курсором мыши отображается подменю */
    list-style: none;
   }
   .menu-hr {
    margin: 0 auto;
	padding: 0;
	height: 1px;
    width: 100%;
    margin-top: 12px;
 	box-shadow: inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(255,255,255,0) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 1px 3px;
	border-color: rgba(255,255,255,0.6);
    margin-bottom: 11px;
}