@charset "utf-8";

nav {
	margin:0;
	padding:0;
	font-weight:bold;
}
nav > ul {
	height:46px;
	margin:0;
	padding:2px;
	list-style:none;
	background:#F5ECCE;
	text-align:justify;
}
nav > ul > li {
	display:inline-block;
	padding:0 10px;
}
nav > ul > li > a {
	display:block;
	line-height:42px;
	padding:0;
	color:#000;
	text-decoration:none;
}

nav > ul:after {
	content:'';
	width:100%;
	display:inline-block;
}

nav > ul > li:hover {
	background:#333333;
}
nav > ul > li:hover > a {
	color:#F5ECCE;
}
nav > ul > li.active {
	background:#333333;
}
nav > ul > li.active > a {
	color:#F5ECCE;
}
nav > ul > li:hover > ul {
	display:block;
}
nav > ul > li > ul {
	display:none;
	position:absolute;
    padding:0;
    margin:0;
	background:#333333;
	transform:translateX(-10px);
}
nav > ul > li > ul > li {
    display:block;
    float:none;
    margin:0 4px;
    padding:0;
}
nav > ul > li > ul > li:last-of-type {
	margin:0 4px 4px 4px;
}
nav > ul > li > ul > li > a {
	display:block;
	width:100%;
	line-height:30px;
	padding:0 6px;
	color:#F5ECCE;
	text-decoration:none;
}
nav > ul > li > ul > li > a > i {
	color:#333333;
}
nav > ul > li > ul > li:hover {
}
nav > ul > li > ul > li:hover > a > i {
	color:#F5ECCE;
}
nav > ul > li > ul > li.active {
}