nav {
  display: block;}
/* ----------------------------- */
/* == Menu */
/* ----------------------------- */
.menu-wrapper {
  position: relative; z-index: 10;
  text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; }
.menu-wrapper .menu {
  margin: 0; padding-left: 0; list-style: none; text-align: center;}
.menu-wrapper .menu > li {
  position: relative; display: block; float: left;}
.menu-wrapper a.menu-link {
  display: none; padding: 0.7em 0;}
.menu-wrapper a {
  width: 100%; display: block; padding: 30px 0 10px 0; border-bottom: 5px solid #fff;
  line-height: 1.3em; color: #2b793e; text-decoration: none; height: 30px;}
.menu-wrapper .tienda a{padding-bottom: 30px; padding-top: 10px;}
.menu-wrapper .tienda a img{display: block;}
.menu-wrapper .tienda a:hover img{opacity: 0.5;}
.menu-wrapper .menu > .current-menu-item > a,
.menu-wrapper .menu > .current-menu-ancestor > a {
  position: relative; z-index: 12; color: #98b69a;}
.menu-wrapper a:hover{
  color: #015b27; border-bottom: 5px solid #015b27;}
.menu-wrapper .sub-menu {
  position: absolute; width: 105px; max-height: 0em;
  overflow: hidden;}
.menu-wrapper .sub-menu li {
  display: block; background: #fff;}
.menu-wrapper .sub-menu a {
  margin: 0; white-space: nowrap; line-height: 1.8em; border: none;}
.menu-wrapper li:hover .sub-menu {
  max-height: 30em;
  transition: max-height 0.5s;}
@media screen and (max-width: 640px) {
  .js .menu-wrapper nav[role=navigation] {
    overflow: hidden; max-height: 0em; }
  .js .menu-wrapper nav[role=navigation].active {
    max-height: 40em; transition: max-height 0.5s ease-out;  }
  .menu-wrapper a.menu-link {
    display: block; width: 45px; height: 35px; margin: 30px auto;
    padding-right: 5px; padding-left: 5px; border: none; 
	background: #2b793e url(../imagenes/menu.png) no-repeat center center; 
	background-size: 50% auto; text-indent: -999999em; }
  .menu-wrapper .menu li {
    display: block; border: none; }
  .menu-wrapper .menu > li, .menu-wrapper .menu .menor, .menu-wrapper .menu .mayor {
    width: 100%; padding: 0px;  }
  .menu-wrapper .menu > li + li {
    border-top: 1px solid #ac9d83; }
  .menu-wrapper .menu a {
    border: none; padding: 30px 0 20px 0;}
  .menu-wrapper .menu .rightalign {
    float: none;  }
  .menu-wrapper li + li a:before {
    content: "";  }
  .menu-wrapper li:hover .sub-menu {
    max-height: 0em; transition: none;  }
  .menu-wrapper .sub-menu {
    margin-left: 0px; display: block; width: 100%; }
  .menu-wrapper .sub-menu li,
  .menu-wrapper .sub-menu li a {
    margin: 0; display: block; width: 100%; background: #ede8df; }
  .menu-wrapper .sub-menu li {
    border-bottom: 1px solid #dbd3c4;  }
  .menu-wrapper .sub-menu li:last-child a {
    border: none; }
  .menu-wrapper .menu .has-subnav {
    position: relative; }
  .menu-wrapper li .sub-menu.active {
    max-height: 200px; overflow: visible; position: relative; z-index: 9;
    transition: max-height 0.5s ease-out;  }
  .menu-wrapper .toggle-link {
    height: 56px; width: 56px; display: block; 
	background: #dbd3c4 url(../imagenes/flecha.png) no-repeat center center;
    position: absolute; right: 0px; z-index: 200;
    font-size: 0em; cursor: pointer; speak: none;}
  .menu-wrapper .toggle-link:hover {
    transition: all 0.6s; 
	background: #ac9d83 url(../imagenes/flecha.png) no-repeat center center; }
  .menu-wrapper .menu .has-subnav > .toggle-link:after {
    position: absolute; width: 50px; top: 50%; margin-top: -15px; bottom: 50%; right: 4px;
    font-size: 28px; color: #fff; }
}