/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
.nav ul {
	/* float:left;
	width:100%; */
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
}
.nav ul li, li.nonactive {
	/* display:block;
	float:left; */
	margin-right:10px;
	position:relative;
}
.nav ul li a, li.nonactive ul a {
	display:block;
	padding:5px;
	text-decoration:none;
}
.nav ul li a:hover, li.nonactive ul a:hover{
	/* background:#000; */
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
.nav ul ul, li.nonactive ul{
	list-style:none;
/*	position:absolute;
	right: -80px;
	top: -10px;
	opacity:0;*/
	/*display: none;
	left:-9999px;  Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) 
	opacity:0;  Устнавливаем начальное состояние прозрачности */
}
.nav ul ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
}
.nav ul ul a, li.nonactive ul a{
	background: #272624 !important;
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
	margin:0 0 -1px;
}
.nav ul li:hover ul, li.nonactive ul{ /* Выводим выпадающий пункт при наведении курсора */
	/* left:3px;  Приносим его обратно на экран, когда нужно 
	opacity:1;  Делаем непрозрачным 
	top: 10px;
	width: auto; */
	/* padding: 0 0 0 10px; */
	/*display: block;*/
}
.nav ul li ul li, .nonactive-ul li {
	margin-bottom: 0 !important;
}
.nav ul li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	text-decoration:underline;
}
.nav ul li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
}
.nav ul li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */

}

.nav2 li.first ul li.first ul {
display:none !important;
}