Cambio html

src/main/resources/static/css/Estilos.css

@@ -0,0 +1,46 @@
+*{
+    padding: 0px;
+    margin: 0px;
+}
+header{
+    background-color: blue;
+    width: 100%;
+    height: 200px;
+}
+#navegacion{
+    margin: auto;
+    width: 500px;
+    font-family: Arial,Helvetica,sans-serif;
+    background-color: yellow;
+}
+ul,ol{
+    list-style: none;
+}
+.nav li a{
+    background-color: #000;
+    color: #fff;
+    text-decoration: none;
+    padding: 20px 30px;
+    display: block;
+}
+.nav li a:hover{
+    background-color: rgba(67, 67, 67);
+}
+.nav > li{
+    float: left;
+}
+.nav li ul{
+    display:none;
+    position: absolute;
+    min-width: 140px;
+}
+.nav li:hover > ul{
+    display: block;
+}
+.nav li ul li{
+    position: relative;
+}
+.nav li ul li ul{
+    right: -140px;
+    top:0px
+}