@charset "utf-8";
UL {
    width: 190px; /* Ширина меню */
    list-style: none; /* Для списка убираем маркеры */
    margin: 0; /* Нет отступов вокруг */
    padding: 0; /* Убираем поля вокруг текста */
    font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */
    font-size: 9pt; /* Размер названий в пункте меню */
   }
   UL LI  {
    position: relative; /* Подпункты позиционируются относительно */
   }
   LI UL {
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    top: 0; /* По высоте положение подменю исходное */
    left: 200px; /* Сдвигаем подменю вправо */
    z-index: 1; /* Основное меню находится ниже подменю */
   }
   LI A {
    display: block; /* Ссылка как блочный элемент */
    width: 100%; /* Ссылка на всю ширину пункта */
    padding: 5px; /* Поля вокруг надписи */
    text-decoration: none; /* Подчеркивание у ссылок убираем */
    color: #000000; /* Цвет текста */
    border: 1px solid #ccc;	/* Рамка вокруг пунктов меню */
    background-image: url('http://www.engener.at.ua/menu/13.gif'); /* Рисунок фона */
    border-bottom: none; /* Границу снизу не проводим */
   }
   LI A:hover {
    color: #658C96; /* Цвет текста активного пункта */
    background-color: #5488af; /* Цвет фона активного пункта */
	font-weight:600;
   }
   LI:hover UL, LI.over UL { 
    display: block; /* При выделении пункта курсором мыши отображается подменю */
   }
   .brd {
    border-bottom: 1px solid #ccc; /* Линия снизу */
   }