.nav{
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

.nav > li {
float:left;
width:150px;
}

.nav li a {
color:#FFF;
display:block;
padding-top:7px;
text-decoration:none;
text-align:center;
height:21px;

}

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

.nav li a:not(:last-child) .flecha {
display: inline;
}

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

.nav li {
position:relative;
}

.nav li ul {
display:none;
position:absolute;
min-width:150px;
background: #333333;
z-index:2000;
}

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

list-style:none;
text-decoration:none;
margin:0;
padding:0;

}

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