/* main menu styles */
/*#562a0f;*/
.menu {
	display:-moz-inline-stack;
	display:inline-block;
	_overflow:hidden;
	zoom:1;
	*display:inline;
	vertical-align:top; 
	    
    text-align:left;
    min-width:570px;
    height:40px;
}
.menu > span {
    display:inline-block;
    margin:0 auto;
    
    white-space:nowrap;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
       
    white-space:nowrap;
}
#nav > li {
    margin:0px;
    float:left;
    padding:0;
    position:relative;
    height:60px;
}
#nav > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	
	
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */	
	display:-moz-inline-stack;
	display:inline-block;
	_overflow:hidden;
	zoom:1;
	*display:inline;
	vertical-align:top; 
height:60px;
text-decoration:none;
color:#333;
font-size:14px;
padding:18px 13px 0px 13px;
}
#nav > li > a:hover {
	cursor:pointer;
	text-decoration:none;
	/*border-bottom:5px solid #fff;*/
	background-color:#ff7c00;
	color:#fff;
}
#nav > li.selected  > a {
    background-color:#FFFFFF;
    border-color:#562a0f #562a0f #FFFFFF;
    z-index:2;
    color:#333;
}
#nav li div {
    position:relative;
}
#nav li div div {
    /* Подменю */    
    
    background-color:#fff;
    
    /*
    border-bottom:2px solid #562a0f;
    border-left:2px solid #562a0f;
    border-right:2px solid #562a0f;
    */
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    
    padding:12px 0;
    display:none;
    margin:1px 0 0 -1px;
    position:absolute;
    top:-1px;
    z-index:1;
    width:320px;
}
#nav li div div.wrp2 {
    width:380px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:300px;
    float:left;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
    border-bottom:1px solid #E3E3E3;
    color:#4F4F4F;
    font-weight:bold;
    margin:0 5px 4px;
    font-size:0.95em;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
/* Пункт подменю */    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	
        
    color:#555;
    display:block;
    margin-bottom:1px;
    padding:10px 10px;
    text-decoration:none;
font-size:14px;
height:60px;
text-decoration:none;
color:#333;
padding:21px 20px 0px 20px;
}

#nav li ul ul li a:hover{
	cursor:pointer;
	text-decoration:none;
	/*border-bottom:5px solid #fff;*/
	background-color:#ff7c00;
	color:#fff;
}





@media only screen and (max-width: 900px) {
		#mobile_left_menu {
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
				
			width:280px;
			margin-left:-400px;
			height:100%;
			
			background-color:#444;
			color:#fff;
			
			position:fixed;
			top:0px;
			left:0px;
			
			z-index:99999;
			

			overflow-y: scroll;
			
			box-shadow: 10px 0px 10px rgba(0,0,0,0.3);
		}
		#mobile_left_menu::-webkit-scrollbar {
			width: 0px;  /* remove scrollbar space */
			background: transparent;  /* optional: just make scrollbar invisible */
		}
		#mobile_left_menu h1 {
			color:#333;
		}

		#mobile_left_menu .mob_menu_item {
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* Для Firefox */
			text-decoration:none;
			
			text-align:left;
			cursor:pointer;
			
			background-color:#444;
			color:#fff;
			
			margin:0 auto;
			
			
			font-size:16px;
			padding:6px 8% 0px 8%;
			
			display:block;
			width:100%;
			
			color:#eee;
			
			border-bottom:1px solid #222;
			border-top:1px solid #555;
		}
		
		#mobile_left_menu .mob_menu_item img {
			margin:0px 10px 0 0;
		}
		
		#mobile_left_menu .mmenu_subitems {
			display:none;
		}
		
		#mobile_left_menu .mob_menu_item div {
			display:-moz-inline-stack;
			display:inline-block;
			_overflow:hidden;
			zoom:1;
			*display:inline;
			vertical-align:top;		
			padding-top:0px;
			
			height:24px;
		}
		
		#mobile_left_menu .mob_menu_subitem {
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* Для Firefox */
			text-decoration:none;
			
			text-align:left;
			cursor:pointer;
			
			background-color:#ce5b00;
			color:#fff;
			
			margin:0 auto;
			
			
			font-size:16px;
			padding:6px 8% 6px 8%;
			
			display:block;
			width:100%;
			
			color:#eee;
			
			border-top:1px solid #e86c09;
			border-bottom:1px solid #a64a00;
		}		
		
		#mobile_left_menu a.mob_menu_item:hover {
			background-color:#666;
		}
		
		/*
		#mobile_left_menu a.mob_menu_item:after {
		  display:block;
		  content : "";
		  left    : 0;
		  bottom  : 0;
		  height  : 1px;
		  width   : 100%;
		  margin:13px 0 0 0;
		  border-bottom:1px solid #666;
		}
		*/

		#mobile_left_menu input {
			border:1px solid #fff;
		}

		#mobile_left_menu input[type="submit"] {
			border:1px solid #ec761f;
			/*background-color:#333;*/
		}

		#mobile_left_menu input[type="submit"]:hover {
			color:#fff;
		}
}
