/*------------	Стили меню ------------	*/
.menu  {
	position: absolute;
	top: 0px; 
	width: 100%;
	min-width: 1190px;
	height: 90px;
	background: transparent;
	z-index: 2000;
	margin-bottom: 0px;
	left: 0%;
	overflow: visible;
	
	background-size: 100%;
}

.menu-scroll {
	position: absolute;
	top: 0px;
	background: #036ca7/*#e8953a*/;
	height: 90px;
	width: 100%;
	min-width: 1190px;
	z-index: 190;
	-webkit-box-shadow: 0px 3px 5px 0px #393b3d;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#393b3d', Direction=145, Strength=3);
}

/*------------	Верстка внутри линии меню ------------	*/
#contact-info {
	float: left;
	width: 27%;
	color: white;
	background: #036ca7/*#e8953a*/;
	padding-left: 17%;
	
	padding-top: 20px;
	font-size: 1em;
	overflow: hidden;
	
	visibility: visible;
}

#site-navig {
	float: left;
	padding-top: 20px;
	overflow: hidden;
	margin-right: 20px;
	height: 70px;
}

#contact-info p {
	margin-top: 0em;
	text-align: left;
}

#contact-info img {
	vertical-align: middle;
	margin-right: 5px;
	border-width: 0px;
}

#site-navig a {
	z-index: 30;
	position: relative;
	display: inline-block;
	float: left;
	clear: both;
}

#site-navig img {
	border-width: 0px;
	margin: 5px 5px 15px 0px;
}

.menu-scroll #contact-info {
	visibility: hidden;
}

.logo-small {
	visibility: hidden;
	position: absolute;
	left: 18%;
	margin-top: 20px;
	border-width: 0px;
	z-index: 30;
}

.menu-scroll .logo-small {
	visibility: visible;
}
/*------------	Текстовое меню ------------	*/
#menu ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	
	white-space: nowrap;
	overflow: visible;
	z-index: 21;
}

#menu ul.parent {
	/*margin-top: 20px;*/
	z-index: 21;
}

#menu  ul li {
	margin: 0px -7px 0 0;
	display: inline-block;
}

#menu  li.level0 {
	background-color: white;
	padding-top: 20px;
	height: 70px;
}

#menu.menu-scroll  li.level0 {
	background-color: #036ca7/*#e8953a*/;
}

#menu  a {
	display:block;
	padding:0 10px;
	line-height: 50px;
	text-decoration:none;
	
	/* для текста */
	font-size: 1.6em;
	font-family: Arial Narrow, Helvetica, sans-serif;
	text-transform: none;
	color: #62635f;
}

#menu a.sel {
	color: #e9a70c;
}

#menu  a:hover {
	color: #e9a70c;
	-webkit-transition: color 0.5s ease;
}

#menu a.last {
	border-bottom: 0px;
}

/* скрываем выпадающие списки по умолчанию и задаем абсолютное позиционирование */
#menu ul ul {
	display: none;
	position: absolute;
	top: 100%;
	background: #2a8cc4 url('../i/angle_orange.png') 0px -6px no-repeat;
}

#menu  ul ul a {
	color: white;
	font-size: 1.2em;
	margin-right: 17px;
	margin-left: 10px;
	
	border-bottom: 1px dashed white;
} 

/* отображаем выпадающий список при наведении */
#menu ul li:hover > ul {
	display:inherit;
}
			
/* первый уровень выпадающего списка */
#menu ul ul li {
	min-width:170px;
	float:none;
	display: list-item;
	position: relative;
}

/* второй, третий и последующие уровни смещаем 2 и 3 уровни влево на значение длины первого уровня*/
#menu ul ul ul {
	position: absolute;
	top:0;
	left:100%;
	background: #e8953a;/*#e9a70c;*/
	margin-left: 0px;
}

#menu ul ul ul a:hover, #menu ul ul ul a.sel  {
	color: #2a8cc4;
	
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

/* изменения при скроллировании меню */
#menu.menu-scroll ul a {
	color: white;
}

#menu.menu-scroll ul a:hover, #menu.menu-scroll ul  a.sel {
	color: #fac64b; /*#2a8cc4;*/
}

#menu.menu-scroll ul ul a.sel, #menu.menu-scroll ul ul a:hover {
	color: #e9a70c;
}

#menu.menu-scroll ul  ul ul a.sel , #menu.menu-scroll ul  ul ul a:hover{
	color: #fac64b; /*#2a8cc4;*/
}

/*		треуголники меню сверху 		*/
#menu ul ul:before {
	content: url('../i/angle_green.png');
	position: absolute;
	top: -6px;
	left: 50px;
}

#menu ul ul ul:before {
	content: url('../i/angle_orange.png');
	position: absolute;
	top: -6px;
	left: 50px;
}