@charset "utf-8";
@import url("../webfonts/bpg_mrgvlovani_caps/stylesheet.css");
/* CSS Document */

ul.menu { /*список ul с классом menu - наш список*/
	text-transform: none; /*преобразуем текст в верхний регистр*/
	font-family: "bpg mrgvlovani caps";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
ul.menu li { /*элемент li списка ul с классом menu*/
	padding: 3px 0; /*внутренние отступы сверху-снизу, справа-слева*/
	background-color: #730A0A; /*цвет фоновой заливки*/
	color: #fff; /*цвет*/
	line-height: normal;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #FFF;
}
ul.menu a:link, /*ссылка списка ul с классом menu непосещенная*/
ul.menu a:visited { /*ссылка ul элемента с классом menu посещенная*/
   color: #fff; /*цвет*/
   text-decoration: none; /*подчеркивание отсутствует*/
}
ul.menu a:hover { /*ссылка списка ul с классом menu при наведении курсора*/
	color: #CCC; /*цвет*/
	text-decoration: none; /*подчеркивание отсутствует*/
}
ul.menu a:active { /*ссылка списка ul с классом menu в момент нажатия на нее*/
   color: #fff; /*цвет*/
}
ul.menu ul { /*список ul списка ul с классом menu*/
   width: 210px; /*ширина содержательной части элемента*/
   background-color: #730A0A; /*цвет фоновой заливки элемента*/
   color: #fff; /*цвет*/
   font-size: 11px; /*размер шрифта*/
   text-transform: none; /*преобразовать к регистру - нет*/
   filter: alpha(opacity=90); /*задаем прозрачность - почти не прозрачный (1-не прозрачный) по идее специально для IE и некоторых других браузеров*/
   -moz-opacity: .9;
   KhtmlOpacity: .9;
   opacity: .9;
}
ul.menu ul li { /*элемент li списка ul списка ul с классом menu*/
   background-color: transparent; /*цвет фоновой заливки элемента - прозрачный*/
   color: #000; /*цвет*/
   filter: none; /*фильтр - нет*/
}
ul.menu ul li:hover { /*элемент li списка ul списка ul с классом menu при наведении курсора*/
   background-color: transparent; /*цвет фоновой заливки элемента - прозрачный*/
}
ul.menu ul a:link, /*ссылка списка ul списка ul с классом menu непосещенная*/
ul.menu ul a:visited { /*ссылка списка ul списка ul с классом menu посещенная*/
   color: #fff; /*цвет*/
}
ul.menu ul a:hover { /*ссылка списка ul списка ul с классом menu при наведении курсора*/
   color: #fff; /*цвет*/
   text-decoration: none; /*подчеркивание отсутствует*/
}
ul.menu ul a:active { /*ссылка списка ul списка ul с классом menu в момент нажатия на нее*/
   color: #fff; /*цвет*/
}
/* ----- ВСЕ УРОВНИ ВКЛЮЧАЯ ПЕРВЫЙ */
ul.menu *.dir { /*элемент с классом dir списка ul с классом menu (не ставьте этот класс ссылке где нет подменю)*/
   padding-right: 7px; /*внутренние отступы справа*/
   background-image: none; /*фоновое изображение отсутствует*/
   background-position: 100% 50%; /*расположение фоновой картинки - по правому краю и по центру*/
   background-repeat: no-repeat; /*не растягивать (не повторять)*/
}
/* ----- КОНЕЦ */
ul.menu, /*список ul с классом menu*/
ul.menu li, /*элемент li списка ul с классом menu*/
ul.menu ul { /*список ul списка ul с классом menu*/
   list-style: none; /*задаем стиль отображения маркеров или нумерации для элементов списка - отобразить без маркера*/
   margin: 0; /*внешние отступы все 0*/
   padding: 0; /*внутренние отступы все 0*/
}
ul.menu { /*список ul с классом menu*/
   position: relative; /*способ позиционирования элемента на веб странице - обычное положение элемента, дочерние элементы с абсолютным позиционированием будут позиционироваться относительно границ родителя*/
   z-index: 597; /*задаем положение на z-оси, т.е. какой из элементов будет виден, если они наложатся друг на друга*/
   float: left; /*выравниваем по левому краю, остальные элементы обтекают справа*/
}
ul.menu li { /*элемент li списка ul с классом menu*/
   float: left; /*выравниваем по левому краю, остальные элементы обтекают справа*/
   line-height: 1.3em; /*задаем высоту линии (интерлиньяж, межстрочный интервал) текста*/
   vertical-align: middle; /*задаем вертикальное выравнивание элемента относительно родителя - выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента (проще говоря, центр элемента выравнивается по центру текста)*/
   zoom: 1; /*масштаб объекта - исходный масштаб (свойство не валидно, специально для IE)*/
}
ul.menu li:hover { /*элемент li списка ul с классом menu при наведении курсора*/
   position: relative; /*способ позиционирования элемента на веб странице - обычное положение элемента, дочерние элементы с абсолютным позиционированием будут позиционироваться относительно границ родителя*/
   z-index: 599; /*задаем положение на z-оси, т.е. какой из элементов будет виден, если они наложатся друг на друга*/
   cursor: default; /*задаем тип курсора - в виде стрелочки (по идее по умолчанию для браузера)*/
}
ul.menu ul { /*список ul списка ul с классом menu*/
   visibility: hidden; /*элемент не виден*/
   position: absolute; /*способ позиционирования элемента на веб странице - абсолютное позиционирование элемента, относительно окна браузера или блока-родителя со свойствами position: absolute или position: relative*/
   top: 100%; /*позиция верхнего края элемента относительно верхней стороны родителя*/
   left: 0; /*позиция левого края элемента относительно левой стороны родителя*/
   z-index: 598; /*задаем положение на z-оси, т.е. какой из элементов будет виден, если они наложатся друг на друга*/
   width: 100%; /*ширина содержательной части элемента*/
}
ul.menu ul li { /*элемент li списка ul списка ul с классом menu*/
   float: none; /*элемент не обтекаем*/
}
ul.menu li:hover > ul { /*элемент li списка ul с классом menu при наведении курсора, следующего за списком ul (> эта запись и значит следующего за)*/
   width: 210px; /*ширина содержательной части элемента, зададим здесь явно*/
   visibility: visible; /*элемент виден*/
}
ul.menu li a { /*ссылка элемента li списка ul с классом menu*/
   display: block; /*блочный элемент - элементы начинаются с новой строки, после элемента также добавляется перенос строки*/
   padding: 8px 7px; /*внутренние отступы сверху-снизу, справа-слева*/
}
/* ------------- ПО УМОЛЧАНИЮ */
ul.menu ul a { /*ссылка списка ul списка ul с классом menu*/
   padding: 4px 5px 4px 14px; /*внутренние отступы сверху, снизу, справа, слева*/
   width: 190px;/*ширина содержательной части элемента (специально для IE)*/
}
ul.menu ul a:hover { /*ссылка списка ul списка ul с классом menu при наведения курсора*/
	background-color: #999; /*цвет фоновой заливки*/
}
/* CSS 2.1 */
   ul.menu li:hover > a.dir { /*элемент li списка ul с классом menu при наведении курсора следующий за ссылкой с классом dir*/
	background-color: #730A0A;/*цвет фоновой заливки*/
	color: #CCC; /*цвет*/
}
   ul.menu ul li:hover > a.dir { /*элемент li списка ul списка ul с классом menu при наведении курсора следующий за ссылкой с классом dir*/
   background-color: #76b900; /*цвет фоновой заливки элемента*/
   color: #fff; /*цвет*/
}