:root {
  --main-primary-color: white;
  --main-second-color: #959ead;
  --main-thr-color: #4a505e;
  --main-four-color: #9a867b;
  --main-link-color: #a59dd9;
  --main-text1-color: white;
}
.toggleMenu{display:none; background: var(--main-second-color); padding:10px 15px; color: var(--main-text1-color); width:100%; text-align:center; margin-top:1em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-transform:uppercase; font-family:'MontserratBold', Arial, Helvetica, sans-serif;}
.toggleMenuMino{background:#FF7188;}
.nav{list-style:none; *zoom:1; background: var(--main-second-color); clear:both; font-family:'MontserratBold', Arial, Helvetica, sans-serif;}
.nav3, .nav3mino{background: var(--main-thr-color); clear:both; font-family:'MontserratBold', Arial, Helvetica, sans-serif; padding:0.6em 0; text-align:center;}
.nav3mino{background:#E36579; cursor: pointer;}
.navMino{background:#FF7188;}
.nav2{text-align:center; position:relative; z-index:100;}
.nav:before, .nav:after{content:" "; display:table;}
.nav:after{clear:both;}
.nav ul{list-style:none; width:90%; margin:0 auto; text-align:center
}
.nav a{padding:1em; color: var(--main-text1-color);}
.nav3 a, .nav3{-webkit-animation: color-changeH 2s infinite; -moz-animation: color-changeH 2s infinite; -o-animation: color-changeH 2s infinite; -ms-animation: color-changeH 2s infinite; animation: color-changeH 2s infinite;}
.nav3mino a, .nav3mino{-webkit-animation: color-changeHmino 2s infinite; -moz-animation: color-changeHmino 2s infinite; -o-animation: color-changeHmino 2s infinite; -ms-animation: color-changeHmino 2s infinite; animation: color-changeHmino 2s infinite;}
@-webkit-keyframes color-changeH {
  0% { color:var(--main-second-color); }
  50% { color:var(--main-primary-color); }
  100% { color:var(--main-four-color); }
}
@-moz-keyframes color-changeH {
  0% { color:var(--main-second-color); }
  50% { color:var(--main-primary-color); }
  100% { color:var(--main-four-color); }
}
@-ms-keyframes color-changeH {
  0% { color:var(--main-second-color); }
  50% { color:var(--main-primary-color); }
  100% { color:var(--main-four-color); }
}
@-o-keyframes color-changeH {
  0% { color:var(--main-second-color); }
  50% { color:var(--main-primary-color); }
  100% { color:var(--main-four-color); }
}
@keyframes color-changeH {
  0% { color:var(--main-second-color); }
  50% { color:var(--main-primary-color); }
  100% { color:var(--main-four-color); }
}
@-webkit-keyframes color-changeHmino {
  0% { color:  var(--main-text1-color); }
  50% { color: #F1B2BC; }
  100% { color:  var(--main-text1-color); }
}
@-moz-keyframes color-changeHmino {
  0% { color:  var(--main-text1-color); }
  50% { color: #F1B2BC; }
  100% { color:  var(--main-text1-color); }
}
@-ms-keyframes color-changeHmino {
  0% { color:  var(--main-text1-color); }
  50% { color: #F1B2BC; }
  100% { color:  var(--main-text1-color); }
}
@-o-keyframes color-changeHmino {
  0% { color:  var(--main-text1-color); }
  50% { color: #F1B2BC; }
  100% { color:  var(--main-text1-color); }
}
@keyframes color-changeHmino {
  0% { color:  var(--main-text1-color); }
  50% { color: #F1B2BC; }
  100% { color:  var(--main-text1-color); }
}
.nav3 a:hover{color:var(--main-thr-color);}
.nav li{position:relative;}
.nav li:hover{}
.nav > li{display:inline-block; border-top:none;}
.nav > li > .parent{background-image:url("images/downArrow.png"); background-repeat:no-repeat; background-position:right;}
.nav > li > a{display:block;}
.nav li  ul{position:absolute; left:-9999px; width:200px; text-align:left;}
.nav > li.hover > ul{left:0;}
.nav li li.hover ul{left:100%; top:0;}
.nav li li a{display:block; background: var(--main-second-color); position:relative; z-index:100; border-top:1px solid var(--main-thr-color); padding:0.5em 1em;}
.navMino li li a{background:#FF7188; border-top:1px solid #FFB7C4;}
.nav li li li a{background:#249578; z-index:200; border-top:1px solid #A1AE00;}
.nav li li a:hover, .nav li li li a:hover, .nav a:hover{color:var(--main-thr-color)}
.navMino li li a:hover, .navMino li li li a:hover, .navMino a:hover{color:#1B8EA5}
.navIngresoBoton a{color:var(--main-thrd-color);}
@media screen and (max-width:768px){
.nav2{text-align:left;}
.active{display:block;}
.nav > li{display:block; border-top:1px solid #009B90;}
.nav2Mino .nav > li{border-top:1px solid #FFAAB8;}
.nav > li > .parent{background-position:95% 50%;}
.nav li li .parent{background-image:url("images/downArrow.png"); background-repeat:no-repeat; background-position:95% 50%;}
.nav ul{display:block; width:100%;}
.nav > li.hover > ul , .nav li li.hover ul{position:static; width:100%; padding-left:5%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
}