/************* Menu ***************/ #header {position:relative; z-index:10;} #header #topNav{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;} #header .mnTopSN .idiomas select.idiomasTitle { border:none; text-transform:uppercase; border-radius:0; padding:0; margin:0 0 0 15px; position:relative; top:5px; height:auto !important; color:#191919; background:#fff; } #header .mnTopSN span.idiomas {color:#191919 !important; font-weight:400;text-transform:uppercase; position:relative; top:5px;} #header #idiom.col-md-3.col-sm-3.mnTopSN, #header .col-md-9.col-sm-9.search{padding-right:0;} #topNav div.navbar-collapse {padding:0; display:inline-block !important;} #header .boxTopContacts{border:solid 1px #aaaaaa; padding:10px 18px; font-family:'Carrois Gothic', Sans-Serif; font-size:13px; line-height:15px;} #header .boxTopContacts h6{font-family:'Carrois Gothic', Sans-Serif; font-size:13px; line-height:15px; text-transform:uppercase; font-weight:600; margin:0 0 3px;} #header .boxTopContacts a{color:#191919;} #header .boxTopContacts a:hover{color:#191919; text-decoration:underline !important;} #topNav nav.nav-main{font-family:'Roboto', sans-serif, 'Open Sans', sans-serif !important;} #topNav {display:block; left:0; right:0; top:0;margin:0; position:relative; z-index:10;} #topNav .nav-pills>li>a, #topNav .nav-pills>li>a:hover, #topNav .nav-pills>li>a:focus, #topNav .nav-pills>li.active>a, #topNav .nav-pills>li.active>a:hover, #topNav .nav-pills>li.active>a:focus {background-color:transparent; text-transform: uppercase;} #topNav ul.nav>li:hover a {color:#e64802/*#00aaaf*/;} #topNav ul.nav>li:hover {background-color:#fff /*Lime*/;color:#e64802;} #topNav ul.nav>li:hover a>span {color:#888;} #topNav ul.nav>li {text-align:center; position:relative; margin:0; background-color:transparent/*#000*/; margin-right:20px; /*border:dotted 1px yellow !important;*/} #topNav ul.nav>li:last-child {border-right:transparent 1px solid !important; margin-right:0 !important; margin-right:0px !important;} #topNav ul.nav>li:last-child a{margin-right:0 !important;} #topNav ul.nav>li a.dropdown-toggle.active{color:#000;} #topNav ul.nav>li a.active{color:#e64802; background-color:#fff/*#222 !important*/;} #topNav ul.nav>li a.active:hover{color:#000; background-color:#fff;} #topNav ul.nav>li a { color:#191919/*fff*/; font-weight:400; font-size:14px; padding: 7px 0px; margin-left:0px; margin-right:0px; position: relative; text-decoration: none; display:block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #topNav ul.nav>li>a>span { display:block; font-size:12px; color:#ccc; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #topNav ul.nav>li a.dropdown-toggle:hover{background-color:#fff/*#222 !important*/;} #topNav ul.nav>li.dropdown.active a.active{color:#e94102;} #topNav ul.nav .dropdown-menu>li.active>a, #topNav ul.nav .dropdown-menu>li:hover>a, #topNav ul.nav .dropdown-menu>li:focus>a {color:#fff /*!important*/; background-color:#222/*orange*/;} #topNav ul.dropdown-menu>li:hover>a.dropdown-toggle:after {color:#fff;} /* Top Nav active/hover */ #topNav ul.nav>li.mega-menu>ul li:hover>a, #topNav ul.nav>li.mega-menu>ul li.active>a, #topNav ul.nav>li:hover:before, #topNav ul.nav>li.active:before {background-color: #A94545;} /* Top Nav color active */ #topNav .nav-pills.colored>li.active>a, #topNav .nav-pills.colored>li.active>a:hover, #topNav .nav-pills.colored>li.active>a:focus {color:#fff; background-color:#A94545;} /********************* submenu *********************/ .cat2level{text-transform:uppercase;} #topNav ul.dropdown-menu li.divider {margin:-1px 0 0 0; padding:0; border:0; /*border-bottom:rgba(0,0,0,0.2) 1px solid;*/} #topNav .nav li:hover>ul.dropdown-menu {padding:0; display:block; z-index:100;} .dropdown-menu {/*left:0px;*/ border:0 !important;} #topNav ul.dropdown-menu { text-align:left; margin-top:0; box-shadow:none; list-style:none; min-width:285px; background:#3f3e3e/*f6f6f6*/; font-size:13px; color:#444; /*border-top:0; border-left:0; border:#eee 1px solid;*/ } #topNav ul.dropdown-menu li {position:relative;border-left:0; border-right:0;} #topNav ul.dropdown-menu>li a {margin:0; padding:10px 15px; font-weight:400; color:#fff/*#f6f6f6*/ !important; font-size:13px; border-bottom:#cbcaca 0px solid;} #topNav ul.dropdown-menu>li a:hover{background-color:#222/*00aaaf*/ !important; color:#fff !important;} #topNav ul.dropdown-menu a.dropdown-toggle{} #topNav ul.dropdown-menu a.dropdown-toggle:after {/*content: "\f105"; font-family: FontAwesome; position: absolute; font-size: 15px; right: 10px; top: 9px; color:#999;*/} #topNav .dropdown-submenu li:hover> a:after {color:#fff !important;} #topNav ul.dropdown-menu li:last-child>a {border-bottom:0; border-bottom:0;} .dropdown-menu>li:hover>a, .dropdown-menu>li:focus>a {color:#fff !important; background-color:#333;} #topNav ul.dropdown-menu>li:hover > ul.dropdown-menu { display:block; position:absolute; left:0; top:38px; padding:0; margin:0; background-color:#3f3e3e/*00aaaf*/; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topNav ul.dropdown-menu>li:hover > ul.dropdown-menu li{/*border-bottom:#cbcaca 1px solid;*/} #topNav ul.dropdown-menu>li:hover > ul.dropdown-menu.WithChild>li a{padding:5px 10px 5px 30px;/*border-right:0;*/} #topNav ul.dropdown-menu.4569 li{border:dotted 1px red !important;} /************************* SEARCH ***********************/ #header .search .form-control {height:auto !important; line-height:40px; padding:0 10px 0 0 !important;} #header .search button.fa-search{color:#191919 !important; font-size:20px; border-radius:30px; padding:10px 10px 0; background-color:transparent;} #header .search input.fa-search{border-radius:30px; padding:19px;} #header .search button.fa-search, #header .search input.fa-search{top:0;} #header .search .quicksearchProd{position:relative;} #header .search .quicksearchProd button{position: absolute; right:2px;} #header .search .quicksearchProd input[type="submit"]{position:absolute; right:1px; top:0px; width:20px; height:20px; z-index:10; background-color:transparent !important; border:dotted 0px black;} #header .search .quicksearchProd input[type="text"]{position:relative; right:10px; width:90%; background-color:transparent; text-align:right; border:none !important; border-radius:30px; margin-bottom:0; color:#191919;} #header .search .quicksearchProd input[type="text"].form-control.validation-error{background-color:#eff5d5 !important; border-bottom:solid 1px #aec944 !important;} #header .search .quicksearchProd input[placeholder="Pesquisar"], #header .search .form-control::-moz-placeholder, #header .search .form-control:-ms-input-placeholder, #header .search .form-control::-webkit-input-placeholder {color:#191919 !important;} /*********************************************************/ /* mobile */ #topNav button.btn-mobile {display:none;} #topNav button.btn-mobile {color:#fff; display: none; background:#333; padding:6px 10px; margin-top:10px; margin-bottom:11px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topNav button.btn-mobile i {padding:0; margin:0; font-size:21px;} /** Mega Menu **************************************************************** **/ #topNav ul.nav>li.mega-menu {position:inherit;} #topNav ul.nav>li.mega-menu p {margin:0; padding:10px 10px 0 10px; font-size:13px;} #topNav ul.nav>li.mega-menu div {display:table;} #topNav ul.nav>li.mega-menu div div {border-left:#eee 1px solid; margin-left:-1px; display: table-cell; vertical-align:top; float:none;} #topNav ul.nav>li.mega-menu div div:first-child {border-left:0;} #topNav ul.nav>li.mega-menu>ul {width:100%; background-color:transparent; border:none; box-shadow:none;} #topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {margin:0 15px; padding:15px; background-color:#fff; border: #eee 1px solid; box-shadow: rgba(0,0,0,0.2) 0 6px 12px;} #topNav ul.nav>li.mega-menu>ul ul {margin:0 !important; padding:0 !important; list-style:none;} #topNav ul.nav>li.mega-menu h3 {font-size:18px; line-height:18px; margin:10px 10px 20px 10px; padding:0;} #topNav ul.nav>li.mega-menu>ul li>a {border-bottom:0; padding: 6px 10px;} #topNav ul.nav>li.mega-menu>ul li.active>a, #topNav ul.nav>li.mega-menu>ul li:hover>a {color:#fff; background-color:#333;} #topNav ul.nav>li.mega-menu>ul li.divider {border:0; border:rgba(0,0,0,0.01) 1px solid; margin:10px 0;} /** Secondary Main Menu Top Bar / Shop Cart **************************************************************** **/ #barMain {float:right; margin-top:6px; font-size:12px;} #barMain .nav>li>a {padding:5px 10px;} #barMain .nav>li>a:hover, #barMain .nav>li>a:focus {background-color:rgba(0,0,0,0.03);} /* cart */ #barMain .nav>li.quick-cart {background-color:#F8F8F8; margin-left:10px;} #topBar.styleBackgroundColor .nav>li.quick-cart {background-color:rgba(0,0,0,0.1) !important;} #topBar.styleBackgroundColor .nav>li.quick-cart.open>a {color:#000;} #topBar.styleBackgroundColor .nav>li.quick-cart p {color:#000;} #barMain .nav>li.quick-cart>.dropdown-menu {border:0; margin:0; background-color:#F0F0F0; width:250px;} #barMain .nav>li.quick-cart .quick-cart-content {padding:10px 10px 0 10px;} #barMain .nav>li.quick-cart p {margin:0; padding:10px 10px 0 10px; font-size:13px;} #barMain .nav>li.quick-cart a.quick-cart-item{clear: both; display: block; padding: 10px 8px; font-size: 13px; line-height: 16px; min-height: 60px; text-decoration: none; border-bottom: rgba(0,0,0,0.1) 1px solid; background: rgba(0,0,0,0.05);} #barMain .nav>li.quick-cart a.quick-cart-item, #barMain .nav>li.quick-cart a.quick-cart-item a {color:#999 !important;} #barMain .nav>li.quick-cart a.quick-cart-item:hover {background: rgba(0,0,0,0.08);} #barMain .nav>li.quick-cart .cart-footer {margin-top:10px;} /** Responsive Top Nav **************************************************************** **/ @media only screen and (max-width: 1024px) { /*#topNav .search {display:none;}*/ } @media only screen and (max-width: 901px) { /*.navbar-collapse {max-height:100%;}*/ #topNav button.btn-mobile {display:block; cursor:pointer;} #topNav button.btn-mobile:hover, #topNav button.btn-mobile:active{background-color:#eb5429;} #topNav div.nav-main-collapse.collapsing {left:70px; top:10px;} #topNav div.nav-main-collapse.in{left:70px; top:10px;} #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {width:auto; margin:0; max-height:none;} #topNav div.nav-main-collapse {float:none; overflow-x:hidden;} #topNav div.nav-main-collapse.collapse {display: none !important;} #topNav div.nav-main-collapse.in {display: block !important;} #topNav div.nav-main-collapse {position: absolute;} #topNav ul.nav>li>a.dropdown-toggle:after {content: "\f107"; font-family: FontAwesome; position: absolute; font-size:14px; right:15px; top:20px; color:#494848;} #topNav ul.nav>li:hover a {color:#fff;} #topNav ul.nav>li:hover {background-color:#eb5429;} .hide_mobile {display:none !important;} /* submenu */ #topNav nav.nav-main{border:solid 1px #eb5429; background-color:#fff;} #topNav ul.nav > li a {padding:20px 35px;} #topNav ul.nav>li a.dropdown-toggle:hover{background-color:#eb5429;} #topNav ul.nav > li{display: block !important; float: none; text-align:left !important; border-radius: 0px; border: solid 1px #eb5429; border-bottom:0; margin-right:0; background-color:#fff; z-index:50;104} #topNav ul.nav > li:last-child{border-right:solid 1px #eb5429 !important; border-bottom:solid 1px #eb5429;} #topNav ul.nav > li ul.dropdown-menu li{border-bottom:solid 1px #b2dfe1; text-align:right;} #topNav ul.nav > li ul.dropdown-menu li:last-child{border-bottom:solid 5px #eb5429;} #topNav ul.nav > li ul.dropdown-menu li a {padding:15px 25px;} #topNav ul.nav > li ul.dropdown-menu li a.active{background-color:#fbddd4;} } @media only screen and (max-width: 768px) { .dropdown-menu {position:relative !important;} #topNav ul.dropdown-menu {min-width: 150px !important; width:auto !important; left: 0 !important;} #topNav ul.dropdown-menu > li a{font-size:15px; white-space:normal;} } @media only screen and (max-width: 600px) { #topNav .logTop{text-align:center !important;} #header .mnTopSN .idiomas select.idiomasTitle{top:0;} #header #idiom{display:none;} .noShow{display:none;} } @media only screen and (max-width: 479px) { }