TUTORIAL: Menu Aparece

 #aparece:hover #menu{

opacity:1;

}

#menu{

opacity: 0;

position:absolute;

-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;

margin-top:-70px;

}

#menu a{

display: block;

padding-right:5px;

margin-left:15px;

padding:2px;

width:80px;text-align:right;font-family:'PF Arma Five';font-size:8px;text-transform: uppercase;color:#757575;background:#f1bba1; border-right:5px #d68d69 solid; margin-bottom:1px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;}

#menu a:hover{border-right:0px #CCC solid;padding-right:6px;}

@font-face {font-family: PF Arma Five;}

}