.menu > ul > li{
	float: left;
}

.menu ul{
	list-style: none;
	padding: 0;
	margin: 0;	
}

.menu a{
	text-decoration: none;
	display: block;
	width: 100px;
	background-color: #999999;
	color: white;
	font-family: Century Gothic;
	padding: 7px;	
}

.menu{
	background-color: #999999;
    overflow: auto;
    opacity: 0.95;
    animation-name: aparecer;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

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

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

.menu a:hover{
	background-color: orange;
}

@keyframes aparecer{
    from{
        opacity:0.1;
    }
    to{
        opacity: 1;
    }
}