nav {
margin: auto;
text-align: center;
z-index: 5;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block; padding: 0px 0px;
color: white; text-decoration: none;
}
nav ul ul {
background:#003668 ; border-radius: 10px; padding-top: 14px;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #06C;
border-bottom: 1px solid #06C; position: relative;
}
nav ul ul li a:hover {
background: #034683;
text-decoration:none;
}
nav ul ul li:last-child {
border-bottom: none;
}
nav ul ul li a {
padding: 15px 40px;
color: #fff;
}
nav ul ul li:last-child a:hover {
background: #034683;
text-decoration:none;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
margin-top: -16px;
}
nav ul ul ul li {
overflow:hidden;
}
nav ul ul ul li a:hover {
border-radius: 0px;
}
nav ul ul ul li:first-child {
border-top: 2px solid #06C;
}
