.pad {							/* блок для навигации нужен в случаи если есть закрепленное меню*/
	position: relative; top:0px; 
	display: block; height: 0px; width: 10px; border: 0px solid #ccc;
	}

/* блок шапки
**********************************************************/

#top_nav {

	position: absolute;
	top:0px;
	width:100%;  
	height: 55px;
	padding: 10px 0px 10px;
	z-index: 1000;
		background-color: rgba(0,0,0,0.0);
	}
	
/* логотип */
#top_nav .logo {
	float: left;
	margin-right: 20px;
	}
	#top_nav .logo img {
		height: 40px;
	}
	
	
/* кнопка меню МОБ */
.mobile-menu{
	display:none;
	float: left;
	margin: 20px 0px 0px 10px;
	padding:8px 10px;
	border-radius: 5px;
	background-color: rgba(10,49,78,0.7);
		color:#ffffff;
		font-size: 20px;
		font-family: "arial";
		text-transform:uppercase; 
		text-decoration: none;
		font-weight: bolder;
		
}

	.mobile-menu img {
		width: 21px;
		height: 14px;
		}


.mobile-menu:hover{
	color:#ffffff;
	text-decoration:none;
}


/* телефон */
#top_nav .tel { 
	float: right;
	padding: 8px 0px 0px;
		font-size: 24px;
		color: #fff;
	}


#top_nav .tel span {
	display: block;
		font-size: 14px;
	}




/* меню */

.menu li:hover > ul{
	display: block;
}

nav{

}
.menu{
	display:block;
	text-align: left;
	padding-top: 10px;
}


.menu li{
	display: inline-block;
	position: relative;
	z-index:1001;
}

.menu li:first-child{
	margin-left:0;
}

.menu li a {

	font-weight: normal;
	text-decoration:none;
	padding:10px 5px 10px;
	margin:0;
	display:block;
		font-size: 15px;
		line-height: 100%;
		text-transform: none;
		color:#fff;

	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, 
.menu li:hover > a{
	color:#000;
	background-color: #dbe4ea;
}




	


.mobile {display: none;}

/* мобильная версия меню
**********************************************************/
@media (max-width: 999px) {

	.mobile {display:block;}

	.pad {top:-55px; }
	.menu{
		display:none;
	}
	.mobile-menu{
		display:block;
		margin-top:0px;
		float: left;
	}
	.mobile-menu:after {display:block;}
	nav{
		margin:0;
		background:none;
	}
	.menu li{
		display:block;
		margin:0;
	}
	
	.menu li a {
		padding: 11px;
		background:#ffffff;
		color:#797979;
		border-bottom:1px solid #e0e0e0;
		border-left:3px solid #ffffff;
	}
	.menu li a:hover, .menu li:hover > a{
		background:#f0f0f0;
		color:#797979;
		border-left:3px solid #9CA3DA;
	}
	.menu ul {
		display:block;
		position:relative;
		top:0;
		left:0;
		width:100%;
	}
	.menu ul ul {
		left:0;
	}
}

/* мобильная версия меню 480 
*********************************************************************/
@media screen and (max-width:480px) {
#top_nav .tel {display: none;}

}