.menudes {
position: relative;
overflow: hidden;
width: 100%;
margin: 10px auto 10px;
border-radius: 8px;
background: #f4f4f4;
text-align:center;
   font-family:"Verdana";
}
.menudes a {
display: inline-block;
width: 100%; /* 100% dividido por el número de elementos del menú */
box-sizing: border-box;
padding: 10px 5px;
color: black;
text-decoration: none;
   font-family:"Verdana";
}
.marca {
position: absolute;
bottom: 4px;
left: -100%; /* Al menos 1/2 del ancho de cada enlace */
width: 100%; /* 1/2 del ancho de cada enlace */
height: 4px;
background: black;
transition: 0.5s ease-in-out; 
}
.menudes a:nth-child(1):hover ~ .marca {
left: 0%; /* 1/4 Ancho del enlace */
}