/* CSS Document */

.nav {
	width:100%;
	background:#333;
	height:auto;
	margin: auto;
}

.nav ul {
	display:flex;
}

.nav ul li {
	float:left;
	list-style:none;
	position:relative;
}

.nav ul li a {
	color:#F33;
	display:block;
	text-decoration:none;
	padding: 14px 10px;
}

.nav ul li ul {
	display:none;
	position:absolute;
}

.nav ul li a:hover{
	background-color:#30C;
	transition: all .3s;
	}
.nav ul li:hover ul {
	display:block;
}

.nav ul li ul li {
	background-color:#333;
	width: 100%;
}

.nav ul li ul li a {
	line-height: unset;
	white-space:nowrap;

}

.nav ul li ul li a:hover {
	background-color:#666;
}