* {font-family: Segoe print;
list-style:none;
text-decoration:none;
margin:0;
padding:40;
}


.nav >
 li {
float:
left
}


.nav li a 
{
background:#222222;
color:#FFFF99;
display:block;
border:2px solid;
padding:7px 20px;
border-radius: 10px 10px 10px 10px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}


.nav li .flecha{
font-size: 5px;
padding-left: 1px;
display: none;
}

.nav li a:not(:last-child) 

.nav li a:hover {
background:#ffbfc6;
}

.nav li {
position:relative;
}


.nav li ul {
display:none;
position:absolute;
min-width:170px;
}


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


.nav li ul li ul {
right:-170px;
top:0;
}