body {
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
header {
  padding: 2px 0;
  background: url("/imagen/fondomenu.png"); /* repeating-linear-gradient(45deg, MintCream, #E9FEE9 20px, Snow 20px, LightYellow 40px); */
  box-shadow: 0 4px 6px rgba(0,0,0,.2);  
}
.menu-container {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}
.logo-box {
  float: left;
  padding: 10px 20px;
  margin-right: 0px;
}
.logo-box a {
  outline: none;
  display: block;
}
.logo-box img {display: block;}
nav {
  overflow: hidden;
  padding: 	0px 20px;
}
.ul-conlogo {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
nav li {
  display: inline-block;
  margin-left: 25px;
  height: 60px;
  line-height: 60px;
  transition: .5s linear;
}
nav a {
  text-decoration: none;
  display: block;
  position: relative;
  color: gainsboro; /* #868686; */
  text-transform: uppercase;
}
nav a:hover {
  text-decoration: none;
  color: gainsboro; /* #868686; */;
}
nav a:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 15px;
  background: gainsboro; /* #868686; */;
  transition: width .5s linear;  
}
nav a:hover:after {width: 100%;}

@media screen and (max-width: 990px) {
  nav li { margin-left: 15px;
	  height: 40px;
	  line-height: 40px; }
  .logo-box {
    padding: 0 20px;
    margin: 0;
  }
  nav a:after {
    bottom: 5px;
  }
  nav li:first-of-type {margin-left: 0;}
}
@media screen and (max-width: 700px) {
  header {text-align: center;}
  .logo-box {
    float: none;
    display: none;
    margin: 0;
  }
  .ul-conlogo {float: none;}
  nav li:first-of-type {margin-left: 0;}
  nav li {
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 554px) {
nav {overflow: visible;}
nav li {
  display: block;
  margin: 0;
  height: 20px;
  line-height: 20px;
}
nav li:hover {background: rgba(0,0,0,.1);}
nav a:after {content: none;}
}