.main-menu-btn{position:relative;display:block;padding:.815em 10px;height:24px;overflow:hidden;line-height:26px;text-align:center;cursor:pointer;color:#BBB1A3;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.main-menu-btn-text{position:absolute;top:-99999px}

.main-menu-btn-title{display:block;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;opacity:1;-webkit-transform:none;transform:none;-webkit-transition:all .25s;transition:all .25s}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-title{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}

.main-menu-btn-title [data-icon]:before{position:relative;top:-1px;vertical-align:top}

/* hamburger icon */

.main-menu-btn-icon,.main-menu-btn-icon:before,.main-menu-btn-icon:after{position:absolute;top:50%;right:5px;height:3px;width:24px;background:#18205D;-webkit-transition:all .25s;transition:all .25s}

.main-menu-btn-icon:before{content:'';top:-7px;right:0}

.main-menu-btn-icon:after{content:'';top:7px;right:0}

/* close icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon{height:0;background:transparent}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.main-menu-btn-logo{font-size:1.5em;color:#FFF;}

.main-menu-btn-logo-separator{margin-right:.222em;padding-right:.5em}

/* hide menu state checkbox offscreen (so it stays visible to screen readers) */

#main-menu-state{position:absolute;top:-99999px}

/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu{display:none}

#main-menu-state:checked ~ #main-menu{display:block}

@media (min-width: 768px) {

/*#main-menu > li:nth-child(4), #main-menu > li:nth-child(5), #main-menu > li:nth-child(6){float:right;border-left:0;}*/

}

@media (min-width: 1024px) {

/* hide the button in desktop view */

.main-menu-btn { position: absolute; top: -99999px;}

/* always show the menu in desktop view */

#main-menu-state:not(:checked) ~ #main-menu { display: block;}

}

#main-menu { margin-bottom:0.666em;}

@media (min-width: 1024px) {

#main-menu{position:relative;top:0;left:0;margin-bottom:0;width:auto;z-index:2}

}

#main-menu > li [data-icon] { display:none;}

@media (min-width: 1024px) {

#main-menu > li [data-icon]{display:inline}

#main-menu > li [data-icon]:before{position:relative;top:2px;margin-right:.375em;font-size:.89em;line-height:20px}

#main-menu.sm-mint > li [data-icon]:before{color:#A4CDE1}

}

@media (min-width: 1024px) {

/*para que el ultimo vaya al lado izquierdo*/

/*#main-menu > li:last-child { float:right; border-left:0;

}*/

}

/*MENU SMINT*/

.sm-mint{border-top:2px solid #070707;/*border-bottom:2px solid #070707;*/background:#40454B; }

.sm-mint a,.sm-mint a:hover,.sm-mint a:focus,.sm-mint a:active{padding:7px 10px;padding-right:58px;color:#FFF;font-weight:normal;line-height:40px;text-decoration:none;font-size:16px; text-transform:uppercase;font-family:'Impact',Arial, Helvetica, sans-serif}

.sm-mint a.current{font-weight:700}

.sm-mint a.disabled{color:#ccc}

.sm-mint a span.sub-arrow{position:absolute;top:50%;margin-top:-17px;left:auto;right:4px;width:34px;height:34px;overflow:hidden;font:bold 14px/34px monospace!important;text-align:center;text-shadow:none;background:rgba(0,0,0,0.3);}

.sm-mint a.highlighted span.sub-arrow:before{display:block;content:'-'}

.sm-mint li{border-top:1px solid rgba(0,0,0,0.2)}

.sm-mint > li:first-child{border-top:0}

.sm-mint ul{background:rgba(255,255,255,0.2)}

.sm-mint ul a, .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active {  /* font-size: 14px;*/  border-left: 8px solid transparent;

}

.sm-mint ul ul a,.sm-mint ul ul a:hover,.sm-mint ul ul a:focus,.sm-mint ul ul a:active{border-left:16px solid transparent}

.sm-mint ul ul ul a,.sm-mint ul ul ul a:hover,.sm-mint ul ul ul a:focus,.sm-mint ul ul ul a:active{border-left:24px solid transparent}

.sm-mint ul ul ul ul a,.sm-mint ul ul ul ul a:hover,.sm-mint ul ul ul ul a:focus,.sm-mint ul ul ul ul a:active{border-left:32px solid transparent}

.sm-mint ul ul ul ul ul a,.sm-mint ul ul ul ul ul a:hover,.sm-mint ul ul ul ul ul a:focus,.sm-mint ul ul ul ul ul a:active{border-left:40px solid transparent}

@media (min-width: 1024px) {

/* Switch to desktop layout These transform the menu tree from  collapsible to desktop (navbar + dropdowns) start... (it's not recommended editing these rules) */

.sm-mint{border-top:2px solid #8db863;/*border-bottom:2px solid #8db863*/}

.sm-mint ul{position:absolute;width:12em}

.sm-mint li{float:left}

.sm-mint.sm-rtl li{float:right}

.sm-mint ul li,.sm-mint.sm-rtl ul li,.sm-mint.sm-vertical li{float:none}

.sm-mint a{white-space:nowrap}

.sm-mint ul a,.sm-mint.sm-vertical a{white-space:normal}

.sm-mint .sm-nowrap > li > a,.sm-mint .sm-nowrap > li > :not(ul) a{white-space:nowrap}

/* ...end */

.sm-mint{border-top:0;background:transparent}

.sm-mint a,.sm-mint a:hover,.sm-mint a:focus,.sm-mint a:active,.sm-mint a.highlighted{padding:8px 15px;color:#18215C;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}

.sm-mint a:hover,.sm-mint a:focus,.sm-mint a:active{color:#3E4685}

.sm-mint a.highlighted{background:#f6ffed;color:#333;-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 4px 3px rgba(0,0,0,0.25);box-shadow:0 4px 3px rgba(0,0,0,0.25)}

.sm-mint a.disabled{background:transparent;color:#ccc;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.sm-mint a.has-submenu{padding-right:34px}

.sm-mint a span.sub-arrow{top:50%;margin-top:-3px;right:20px;width:0;height:0;border-width:6px 4.02px 0;border-style:solid dashed dashed;border-color:#8db863 transparent transparent;background:transparent;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}

.sm-mint a:hover span.sub-arrow,.sm-mint a:focus span.sub-arrow,.sm-mint a:active span.sub-arrow{border-color:#fff transparent transparent}

.sm-mint a.highlighted span.sub-arrow{border-color:#8db863 transparent transparent}

.sm-mint a.disabled span.sub-arrow{border-color:#8db863 transparent transparent}

.sm-mint a.highlighted span.sub-arrow:before{display:none}

.sm-mint li{border-top:0}

.sm-mint li a{/*text-transform:none;font-weight:700;*/}

.sm-mint li li a,.sm-mint li li a{text-transform:none;font-weight:400; font-family:Arial; font-size:14px}

.sm-mint li li a:hover,.sm-mint li li a:hover{font-family:Arial; font-size:14px; text-transform:none}

.sm-mint ul{border:0;padding:8px 0;background:#f6ffed;-webkit-border-radius:0 4px 4px 4px;-moz-border-radius:0 4px 4px;-ms-border-radius:0 4px 4px 4px;-o-border-radius:0 4px 4px 4px;border-radius:0 4px 4px 4px;-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 4px 3px rgba(0,0,0,0.25);box-shadow:0 4px 3px rgba(0,0,0,0.25)}

.sm-mint ul ul{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}

.sm-mint ul a,.sm-mint ul a:hover,.sm-mint ul a:focus,.sm-mint ul a:active,.sm-mint ul a.highlighted{border:0!important;padding:1px 20px;color:#333;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}

.sm-mint ul a:hover,.sm-mint ul a:focus,.sm-mint ul a:active,.sm-mint ul a.highlighted{background:#8db863;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.sm-mint ul a.disabled{background:transparent;color:#b3b3b3}

.sm-mint ul a.has-submenu{padding-right:20px}

.sm-mint ul a span.sub-arrow{right:10px;margin-top:-4.02px;border-width:4.02px 0 4.02px 6px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #8db863}

.sm-mint ul a:hover span.sub-arrow,.sm-mint ul a:focus span.sub-arrow,.sm-mint ul a:active span.sub-arrow,.sm-mint ul a.highlighted span.sub-arrow{border-color:transparent transparent transparent #fff}

.sm-mint ul a.disabled span.sub-arrow{border-color:transparent transparent transparent #8db863}

.sm-mint span.scroll-up,.sm-mint span.scroll-down{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#f6ffed;height:20px}

.sm-mint span.scroll-up-arrow,.sm-mint span.scroll-down-arrow{position:absolute;top:6px;left:50%;margin-left:-8px;width:0;height:0;overflow:hidden;border-width:0 6px 8px;border-style:dashed dashed solid;border-color:transparent transparent #8db863}

.sm-mint span.scroll-down-arrow{border-width:8px 6px 0;border-style:solid dashed dashed;border-color:#8db863 transparent transparent}

.sm-mint.sm-rtl a.has-submenu{padding-right:20px;padding-left:34px}

.sm-mint.sm-rtl a span.sub-arrow{right:auto;left:20px}

.sm-mint.sm-rtl.sm-vertical{border-right:0;border-left:2px solid #8db863}

.sm-mint.sm-rtl.sm-vertical a{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-ms-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}

.sm-mint.sm-rtl.sm-vertical a.has-submenu{padding:10px 20px}

.sm-mint.sm-rtl.sm-vertical a span.sub-arrow{right:auto;left:10px;border-width:4.02px 6px 4.02px 0;border-style:dashed solid dashed dashed;border-color:transparent #8db863 transparent transparent}

.sm-mint.sm-rtl.sm-vertical a:hover span.sub-arrow,.sm-mint.sm-rtl.sm-vertical a:focus span.sub-arrow,.sm-mint.sm-rtl.sm-vertical a:active span.sub-arrow,.sm-mint.sm-rtl.sm-vertical a.highlighted span.sub-arrow{border-color:transparent #fff transparent transparent}

.sm-mint.sm-rtl.sm-vertical a.disabled span.sub-arrow{border-color:transparent #8db863 transparent transparent}

.sm-mint.sm-rtl ul{-webkit-border-radius:4px 0 4px 4px;-moz-border-radius:4px 0 4px 4px;-ms-border-radius:4px 0 4px 4px;-o-border-radius:4px 0 4px 4px;border-radius:4px 0 4px 4px}

.sm-mint.sm-rtl ul a{-webkit-border-radius:0!important;-moz-border-radius:0!important;-ms-border-radius:0!important;-o-border-radius:0!important;border-radius:0!important}

.sm-mint.sm-rtl ul a.has-submenu{padding:10px 20px!important}

.sm-mint.sm-rtl ul a span.sub-arrow{right:auto;left:10px;border-width:4.02px 6px 4.02px 0;border-style:dashed solid dashed dashed;border-color:transparent #8db863 transparent transparent}

.sm-mint.sm-rtl ul a:hover span.sub-arrow,.sm-mint.sm-rtl ul a:focus span.sub-arrow,.sm-mint.sm-rtl ul a:active span.sub-arrow,.sm-mint.sm-rtl ul a.highlighted span.sub-arrow{border-color:transparent #fff transparent transparent}

.sm-mint.sm-rtl ul a.disabled span.sub-arrow{border-color:transparent #8db863 transparent transparent}

.sm-mint.sm-vertical{border-bottom:0;border-right:2px solid #8db863}

.sm-mint.sm-vertical a{padding:10px 20px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}

.sm-mint.sm-vertical a:hover,.sm-mint.sm-vertical a:focus,.sm-mint.sm-vertical a:active,.sm-mint.sm-vertical a.highlighted{background:#8db863;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.sm-mint.sm-vertical a.disabled{background:transparent;color:#ccc}

.sm-mint.sm-vertical a span.sub-arrow{right:10px;margin-top:-4.02px;border-width:4.02px 0 4.02px 6px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #8db863}

.sm-mint.sm-vertical a:hover span.sub-arrow,.sm-mint.sm-vertical a:focus span.sub-arrow,.sm-mint.sm-vertical a:active span.sub-arrow,.sm-mint.sm-vertical a.highlighted span.sub-arrow{border-color:transparent transparent transparent #fff}

.sm-mint.sm-vertical a.disabled span.sub-arrow{border-color:transparent transparent transparent #8db863}

.sm-mint.sm-vertical ul{-webkit-border-radius:4px!important;-moz-border-radius:4px!important;-ms-border-radius:4px!important;-o-border-radius:4px!important;border-radius:4px!important}

.sm-mint.sm-vertical ul a{padding:10px 20px}

}