/*--------------------- menu ---------------------*/
 UL {
 width: 190px; /* Ширина меню */
 list-style: none; /* Для списка убираем маркеры */
 margin: 0; /* Нет отступов вокруг */
 padding: 0; /* Убираем поля вокруг текста */
 font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */
 font-size: 11px; /* Размер названий в пункте меню */
 }
 UL LI {
 position: relative; /* Подпункты позиционируются относительно */
 }
 LI UL {
 position: absolute; /* Подменю позиционируются абсолютно */
 display: none; /* Скрываем подменю */
 top: 0; /* По высоте положение подменю исходное */
 left: 179px; /* Сдвигаем подменю вправо */
 z-index: 1; /* Основное меню находится ниже подменю */
 }
 LI A {
 display: block;/* Ссылка как блочный элемент */
 width: 100%; /* Ссылка на всю ширину пункта */
 padding: 5px; /* Поля вокруг надписи */
 text-decoration: none; /* Подчеркивание у ссылок убираем */
 border: 1px solid #ccc; /* Рамка вокруг пунктов меню */
 color: #000; /* Цвет текста */
 background-color: #f0f0f0; /* Цвет фона */
 border-bottom: none; /* Границу снизу не проводим */
 }
 LI A:hover {
 color: #ffe; /* Цвет текста активного пункта */
 background-color: #5488af; /* Цвет фона активного пункта */
 }
 LI:hover UL {
 display: block; /* При выделении пункта курсором мыши отображается подменю */
 }
 .brd {
 border-bottom: 1px solid #ccc; /* Линия снизу */
 }
/*--------------------- menu ---------------------*/