/*
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*/


.container 
{ 
	max-width:			960px; 
	margin:				0px auto;
}

.menu-link 
{
	display:			none;
	padding:			5px;
	border-bottom:		1px solid #ffffff;
	margin:				0;
}

.menu 
{ 
	position:			absolute;
	width:				960px;
	background:			#13115a;
	margin-bottom:		20px;
	z-index:			10;
}

.menu ul 
{
	padding:			0px;
	margin:				0px;
	list-style:			none;
	position:			relative;
	display:			inline-table;
}

.menu > li > ul.sub-menu 
{
	min-width:			10em;
	padding:			4px 0;
	background-color:	#f4f4f4;
	border:				1px solid #CCC;
}

.menu ul:after 
{
	content:			"";
	clear:				both;
	display:			block;
}

.menu ul li 
{
	padding:			0px;
}

.menu > ul > li 
{ 
	display:			inline-block;
}

.menu ul li a 
{ 
	display:			block;
	text-decoration:	none;
	text-transform:		uppercase;
	color:				#ffffff;
	font-size:			.9em;
}

.menu ul li > a 
{ 
	padding:			10px 25px;	
}

.menu ul ul 
{ 
	display:			none; 
	position:			absolute; 
	top:				100%;
	min-width:			160px;
	background-color:	#8382c4;
}

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

.menu ul ul > li 
{
	position:			relative;
}

.menu ul ul > li a 
{
	padding:			5px 15px 5px 10px;
	height:				auto;
	background-color:	#8382c4;
	color:				#000000;
}

.menu ul ul > li a:hover 
{
	background-color:	#13115a;
	color:				#fff;
}

.menu ul ul ul 
{
	position:			absolute; 
	left:				100%; 
	top:				0;
}

/*
.menu li.has-submenu > a:after {
	content: 'V';
}
*/
.menu li.has-submenu .special
{
	background-color:	#555480;
}

.menu li.has-submenu .special a
{
	color:				#FFFFFF;
	font-weight: 		bold;
}

.menu li.has-submenu a
{
	background:			url(/media/images/web/menu_icon.png) center right no-repeat;
}

/*
.menu ul ul a
{
	background:			url(/images/template/menu_v_icon.png) center right no-repeat;
}
*/

.menu ul ul > li.has-submenu a 
{
}

.menu ul ul > li.has-submenu a 
{
	background:			url(/media/images/web/menu_v_icon.png) center right no-repeat;
}

.menu ul ul > li.no-more-menu a
{
	background-image: none;
}

@media screen and (max-width: 768px) {
    
    a.menu-link 
    {
		display:			block;
		color:				#fff;
		background-color:	#13115a;
	}
	
	.menu {
		clear:				both;
		min-width:			inherit;
		float:				none;
		margin:				0;
		position:			relative;
		width:				auto;
	}
	.menu, .menu > ul ul {
		overflow: hidden;
		max-height: 0;
		background-color:	#13115a;
	}
	.menu > li > ul.sub-menu {
	padding: 0px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	}
	.menu.active, .menu > ul ul.active {
		max-height: 55em;
	}
	.menu ul {
		display: inline;
	}
	.menu > ul {
		border-top: 1px solid #808080;
	}
	.menu li, .menu > ul > li {
		display: block;
	}
	.menu li a {
		color: #000;
		display: block;
		padding: 0.8em;
		border-bottom: 1px solid #808080;
		position: relative;
	}
	.menu li.has-submenu > a:after {
		/*content: 'V';*/
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 0.55em 0.5em;
	}
	
	/*
	.menu li.has-submenu > a.active:after {
		content: "[x]";
	}
	*/
	.menu ul ul > li a {
		background-color:	#8382c4;
		color:				#00000;
		/*height:58px;*/
		padding: 19px 18px 19px 30px;
	}
	
	.menu ul ul > li.has-submenu a 
	{
		background:			url(/images/template/menu_icon.png) center right no-repeat;
	}
	
	.menu ul ul > li.no-more-menu a
	{
		background-image: none;
}
	
	.menu ul ul, .menu ul ul ul {
		background-color:  #8382c4;
		display: inherit;
		position: relative;
		left: auto; top:auto;
		box-shadow: none; 
		border:none;
	}
}