* {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

.nav > li {
float:left;

}

.nav li a {
color:#383838;
display:block;
border:0px solid;
padding:9px 12px;
}

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

}

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

}

.nav li a:hover {
background:#369779;
color:#FFF;
}

.nav li {
position:relative;

}

.nav li ul {
display:none;
position:absolute;
min-width:140px;
background: #FFF;
}

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

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

}