/*menu:nav*/
#header .barra-menu h1{display:none}

/*menu:nav*/
.cd-primary-nav-trigger { display: none}
.barra-menu .wrap-select{display:none}
.barra-menu .cont-bottom {height:50px;float: right}
#nav{height:4px}
.barra-menu{position:relative;height:50px;margin:0 auto;z-index:3000;display:inherit;float: right; top: 15px}
.barra-menu .cont-top {position:relative;margin:0 auto;z-index:30000}
#nav{min-height:50px;margin:0 auto;padding:0;display:block;z-index:5000;position:relative}
#nav ul{float:right}
#nav ul li{float:left;display:inline-block;padding:20px 8px 5px;height:25px;position:relative;z-index:3500}
#nav li a{text-decoration:none;color:#ccc;font-family: 'Myriad';font-weight:400;font-size:18px;text-transform:uppercase;padding:3px 6px;}
#nav li a:hover, #nav li a.active {color:#F8B132}
#nav ul li.ico-logo {width:0;padding:0;margin:0;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}
#nav ul li .icon-logo span:before {font-size:0}
#nav ul:nth-child(1) li:last-child { padding-right: 0}
#nav ul:nth-child(1) li:last-child a { padding-right: 0}
#nav li.active a {background:#4D5154;letter-spacing:0.02em;padding:3px 7px}
#nav li.active a{color:#fff}
#nav li.active a:hover{color:#fff}
#nav li.expand.active ul li{background:none}
#nav li.expand span {position:absolute;top:17px;right:24px}
#nav ul li ul{display:none;padding:20px 24px 18px;width:166px;height:auto;background:#333333}
#nav ul li ul li{display:block;float:none;margin:0;padding:0 0 8px 0;height:auto;width:110px;border-right:none}
#nav ul li ul li.last{padding-bottom:0}
#nav ul li ul li a{line-height:150%;text-transform:none;color:#fff}
#nav ul li ul li:last-child{padding-bottom:0}
#nav ul li:hover ul{display:block;position:absolute;top:50px;right:4px;background:#333333;width:361px;height:156px;padding:0}
#nav li.expand {margin-left:6px}
#nav li.expand a {border-left:1px solid #efefef;border-right:1px solid #efefef;padding-left:19px;padding-right:45px;margin:0;cursor:pointer}
#nav ul li.expand ul li{float:left;width:48%;left:30px;top:25px;position:relative}
#nav ul li.expand ul li:first-child{padding-left:0}
#nav li.expand ul li a {border:none}
#nav li.expand:hover a{color:#333333}
#nav li.expand:hover ul li a{color:#fff;padding:0}
#nav li.expand ul li.active a{background:none;color:#999}
#nav ul li.expand ul li a:hover{text-decoration:underline}
#nav ul li.expand .icon-down:before {content:"\e955";font-size:17px;color:#333333;float:right;position:relative;top:0;margin-left:0;font-weight:700}

#nav .sep { width: 2px; height: 12px; background: #ccc; float: right; margin: 0 20px; position: relative; top: 21px}

@media only screen
and (max-width:1200px){
    #nav ul li{padding: 20px 4px 5px}
    #nav ul:nth-child(1) li:last-child { padding-right: 15px}
    #nav .sep {margin: 0 10px;}
}

/* MENU */
@media only screen
and (max-width:1023px){
    .barra-menu{left:0; width: 100%}
.barra-menu.is-fixed.is-visible .search.fixed-search {bottom:-15px}
.cd-header .barra-menu.is-fixed.is-visible .icon-lupa.active:before {color:#666;right:20px}
.cd-header.fixed .icon-lupa.active {right:25px}
.barra-menu.is-fixed.is-visible .redes-h-top {position:absolute;right:20px;bottom:28px}

#header .barra-menu h1{width:233px;height:34px;margin:0 auto;display:block;position:relative;top:23px; left: 50%; transform: translateX(-50%)}
#header .barra-menu h1 a {width:233px;height:34px}
#header .barra-menu h1 a.icon-logo span:before {font-size:34px}
#header{min-height:0;height:79px;width:100%}
#header .top {width:100%}

.barra-menu .user{display:block;position:absolute;right:10px;top:30px}
.barra-menu .cont-top{background:#fff;width:100%;height:79px}

.barra-menu{height:79px;font-size:0;position:fixed;top:0}
.barra-menu .cont-bottom{width:320px;height:100%;background:#fff;position:fixed;top:79px;left:-900px; float: left; border-right: 1px solid #ccc;
    -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.barra-menu.is-fixed{position:fixed;top:-80px;left:0;width:100%;z-index:30000}
.barra-menu.is-fixed.is-visible{position:fixed;top:0}

    #nav .sep { display: none}

.barra-menu.is-fixed #nav, #nav{width:100%;height:100%;min-height:inherit;background:none}
.barra-menu.menu-is-open #nav{height:auto;display:block;z-index:3000;padding:0 0 10px 0;margin-bottom:10px;clear:both;overflow:hidden}
.barra-menu.menu-is-open{display:block;z-index:30000;height:100%;background:none;border-bottom:none}
.barra-menu.menu-is-open .con-top{position:fixed;top:0;left:0}
.barra-menu.menu-is-open .cont-bottom{left:0;padding:0 0 50px;clear:both;overflow:auto;height:100%; float: left; position: fixed}
.barra-menu.menu-is-open .wrap-select{display:block;position:relative;text-align:center;margin:0 auto 30px;float:none;clear:both;height:40px}
.barra-menu.menu-is-open .wrap-select span.select{padding:8px 15px;text-align:left;width:72%;float:none;margin:0 auto;top:-46px;position:relative}
.barra-menu.menu-is-open .wrap-select select{float:none;margin:0 auto;top:0;position:relative;width:83%;height:45px;cursor:pointer;border:none}
.barra-menu.menu-is-open .wrap-select span.select span{padding:7px 0}
.barra-menu.menu-is-open .wrap-select span.select span.ico{padding:0;right:5px}
.barra-menu.menu-is-open .line-sep{display:none}

.barra-menu.is-fixed.is-visible #nav ul, #nav ul{text-align:center;height:100%;display:none}
.barra-menu.is-fixed.is-visible.menu-is-open #nav ul, #nav ul, .barra-menu.menu-is-open #nav ul{display:block;clear:both;overflow:hidden;height:auto;
    padding-bottom:60px; float: left; width: 100%}
.barra-menu.is-fixed #nav ul li{float:none;clear:both;display:block;height:auto;text-align:left}
#nav ul li{float:none;clear:both;display:block;padding:0;height:auto;text-align:left}
.barra-menu.is-fixed #nav ul li.ico-logo {display:none}
.fixed #nav li.active a {background:none;color:#fff}
#nav ul li.expand ul li:first-child{display:block;top:0}
#nav ul li.expand ul li {left:inherit;top:inherit;padding:10px 0;margin-left:20px;width:inherit;border-bottom:none}
#nav ul li.expand ul li.active {background:none;border:none;margin-top:0}
#nav ul li.expand ul li:nth-child(2), .barra-menu.is-fixed #nav ul li.expand.is-open li:nth-child(2) {display:block}
.barra-menu.is-fixed.is-visible.menu-is-open #nav ul li.expand ul, #nav ul li.expand ul, .barra-menu.menu-is-open #nav ul li.expand ul{position:relative;overflow:hidden;display:none}
#nav li.expand ul li a{padding:0;font-weight:400;color:#ccc}
.barra-menu.is-fixed.is-visible.menu-is-open #nav ul li.expand.is-open ul, #nav ul li.expand.is-open ul, .barra-menu.menu-is-open #nav ul li.expand.is-open ul{height:auto;display:block;left:inherit;padding:0 0 15px;top:0;width:100%;right:0;background:none;border-bottom:1px solid #62676A;margin-bottom:50px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none}
#nav ul li.expand{padding:0;margin:0 20px;border-bottom:1px solid #62676A}
#nav li.expand span {right:20px}
#nav li.expand:hover{padding:0;background:none;top:inherit}
#nav li.expand.active, #nav li.expand.active:hover{border-bottom:none}
#nav li.expand:hover a, .fixed #nav li.expand:hover a {color:#fff}
#nav li.expand:hover ul li a{color:#ccc}
#nav li.active:hover a{color:#fff}
#nav .icon-down{position:absolute;top:20px;right:20px}
#nav .icon-down:before {font-weight:700}
#nav ul li.expand .icon-down:before {color:#666}
#nav ul li.expand.is-open .icon-down:before{content:"\e954";color:#666}
.fixed #nav ul li.expand .icon-down:before {}

#nav ul li a{font-size:14px;padding:18px 0 17px;display:block;color:#333;margin:0 20px;border-bottom:1px solid #ccc;box-sizing:border-box;width:auto}
#nav ul li.expand a {padding-left:0;border:none}
#nav ul li.expand a, #nav ul li.expand{}
#nav li.active{background:#666;color:#fff;border:1px solid #666;margin-top:-1px}
#nav li.active a {background:none;color:#fff;padding:18px 0;border-bottom:1px solid #666}
.barra-menu.menu-is-open #nav ul li.expand.is-open{height:auto;border-bottom:none;clear:both;overflow:hidden}
.barra-menu.menu-is-open #nav ul li.expand.is-open a{;text-shadow:none;color:#ccc}
.barra-menu.menu-is-open #nav ul li.expand.is-open li.active a {color:#666}
#nav ul li:last-child{float:none;padding:0}
.cd-primary-nav-trigger, .barra-menu.menu-is-open .cd-primary-nav-trigger{z-index:300;display:block}
.barra-menu.menu-is-open #nav ul li.expand ul li.clear{display:none}
.barra-menu.menu-is-open #nav ul li.expand ul li.full .ico{background:none}

.cd-primary-nav-trigger{width:30px;background-color:transparent;height:30px;line-height:30px;left:20px;z-index:300;padding:20px 20px 20px 10px;top:38px;bottom:auto;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}

.cd-primary-nav-trigger .cd-menu-icon::before {content:"\e912";font-size:36px;color:#333;position:absolute;left:0}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before{content:"\e953";font-size:36px;color:#333;position:absolute;left:0}
}


@media only screen
and (max-width:767px){
/*buscador menu*/
.icon-lupa, .cd-header.fixed .icon-lupa {top:25px;right:22px}
.barra-menu .search, .cd-header.fixed .search{width:auto;position:relative;right:inherit;left:-900px;top:51px;bottom:inherit;float:none;box-sizing:border-box;clear:both;background:#4D5154;padding:30px 20px 22px}
.barra-menu.menu-is-open .search{left:0;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out}
.barra-menu.menu-is-open .icon-lupa:before, .icon-lupa:before, .cd-header .barra-menu.is-fixed.is-visible .icon-lupa:before {color:#666}
.buscador-text{width:100%;padding-left:20px}
.search .bt, .barra-menu.menu-is-open .search .bt{width:50px;height:50px;font-size:0;background:none;top:0;left:inherit;right:5px}
.barra-menu .sep{display:none}

.barra-menu .cont-bottom{width:100%;top:79px}

#header .barra-menu h1 {width:160px;height:28px;}
#header .barra-menu h1 a {width:191px;height:28px}
.icon-logo {width:191px;height:28px}
.icon-logo span:before, #header .barra-menu h1 a.icon-logo span:before {font-size:28px}
#nav ul li.ico-logo {display:none}

.barra-menu.menu-is-open{width:100%}
}