<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
  padding: 0;
  margin: 0;
}
p {
  margin-bottom: 20px;
}
.wrapper {
  width: 98%;
  margin: auto;
  overflow:hidden;
}
header {
  background: rgba(40,140,40,1);
  width: 100%;
  position: fixed;
  z-index: 10;
}

nav {
  float: left; /* Desplazamos el nav hacia la izquierda */
}
nav ul {
  list-style: none;
  overflow: hidden; /* Limpiamos errores de float */
}
nav ul li {
  float: left;
  font-family: Arial, sans-serif;
  font-size: 16px;
}
nav ul li a {
  display: block; /* Convertimos los elementos a en elementos bloque para manipular el padding */
  padding: 20px;
  color: black;
  text-decoration: none;
}
nav ul li:hover {
  background: white;
}
.contenido {
  padding-top: 80px;
}

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

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

* {
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
 
.nav li ul {
display:none;
position:absolute;
min-width:160px;
}

.nav li:hover &gt; ul {
display:block;
}

.nav li ul li {
position:relative;
}

.nav li ul li a{
background-color:rgba(40,140,40,0.9);
}

.nav li ul li a:hover{
background-color:black;
}

.nav li ul li ul {
right:-160px;
top:0;
}</pre></body></html>