

.logo{
   width: 200px!important;
}

.menudes {
    position: relative;
    overflow: hidden;
    width: 800px;
    height: 30px;
    line-height: 30px;
    margin: auto auto;
    border-radius: 7px;
    background: #12418b;
}
.menudes ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.menudes ul li {
display: inline-block;
width: 20%;
box-sizing: border-box;
font-size:18px;
}
.menudes ul li a {
  color: #fff;
  text-decoration: none;
}

.marca:hover {
    background: #0491dc !important;
}



.menudes ul li:nth-child(1):hover ~ .marca {
left: 5%; /* 1/4 Ancho del enlace */
}
.menudes ul li:nth-child(2):hover ~ .marca {
left: 25%; /* 1/4 Ancho del enlace + 1 vez ancho enlace */
}
.menudes ul li:nth-child(3):hover ~ .marca {
left: 45%; /* 1/4 Ancho del enlace + 2 veces ancho enlace */
}
.menudes ul li:nth-child(4):hover ~ .marca {
left: 65.20%; /* 1/4 Ancho del enlace + 3 veces ancho enlace */
}

*{
        font-family: Verdana, Geneva, sans-serif!important;
}

