// меню 

@import 'mix-menu.less';

ul.menu {

	.menu > .base();
	
	.menu > .top > .height(48px, 48px, 0 10px, 0 0 0 0);
	.menu > .top > .color(#EEEEEE, transparent); 
	
	.menu > .top > .hover(#FFFFFF, @gray500);

	//.menu > .top > .group > .color(gold, #008C00);
	//.menu > .top > .group > .hover(yellow, red);
	
	.menu > .submenu > .height(30px, 30px, 0 20px 0 10px);
	.menu > .submenu > .color(@gray700, white);
	.menu > .submenu > .hover(@gray800, @gray200);
	.menu > .submenu > .nowrap;
	

	.menu > .divider(@gray300 1px solid);
	.menu > .set_arrows(FontAwesome, "\f107", "\f105");
	
	
	li.selected a 
	{
		.menu > .selected > .color(@g_blue100, @g_blue800);
		.menu > .selected > .hover(@g_blue200, @g_blue900);
		
		&:after {
			// font-family: FontAwesome;
			//display: inline-block;
			//content: "\f111";
			//content: "⚫";
			// content: "•";
			//padding-left: 5px;
		}
		
		&:before {
			// font-family: FontAwesome;
			//display: inline-block;
			//content: "\f111";
			//content: "⚫";
			// content: "•";
			//padding-right: 5px;
		}
	}
	
	// для меню SpaNav
	li a.selected {
		.menu > .selected > .color(#FF7373, rgba(0,0,0, .6));
	
	}
	
	li.group ul {
		.shadow;
	}
	
	li.group ul li a {
		font-size: 13px;
	}
	
	// > li > a {} // только верхние пункты
	// > li.group > a {} // группа верхнего меню
	// li.group ul li a {} // подменю
	// 
	// li.divider {} // разделитель
	// li.divider > span {}

}


ul.menu2 {
	font-size: 13px;
	
	.menu > .top > .height(30px, 30px, 0 15px, 0 0 0 0);
	.menu > .top > .color(@gray400, transparent); 
	.menu > .top > .hover(@white, @gray800);
	
	li.selected a 
	{
		.menu > .selected > .color(@white, @gray800);
		.menu > .selected > .hover(@white, @gray800);
	}
	
}
