/************* Menu ***************/
#header {position:relative; z-index:10;}
#header #topNav{background-color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

#header .mnTopSN .idiomas select.idiomasTitle
{
    border:none; text-transform:uppercase;
    border-radius:0; padding:8px; margin:0; position:relative; top:25px; height:auto !important; color:White; background:#3f3e3e;
}
#header .mnTopSN span.idiomas {color:White !important; font-weight:400;text-transform:uppercase; position:relative; top:25px;}



#topNav .navbarMenu{ background-color:#3f3e3e;}
#topNav nav.nav-main{font-family:'Carrois Gothic', 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 div.navbar-collapse {padding:0; margin-right: -15px;}
/********* classes q activam o menu principal qdo existem cat's filhas, em versão desktop *******/
#topNav ul.nav>li:hover a {color:#00aaaf;}
#topNav ul.nav>li:hover {/*background-color:#fff Lime;*/ color:#000;}
/************************************************************************************************/
#topNav ul.nav>li:hover a>span {color:#888;}
#topNav ul.nav>li {text-align:center; position:relative; margin:0; background-color:#222; /*border:dotted 1px yellow !important;*/}
#topNav ul.nav>li:last-child {border-right:transparent 1px solid !important; margin-right:0 !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:#000/*#fff*/; background-color:#fff/*#222 !important*/;}
#topNav ul.nav>li a.active:hover{color:#000; background-color:#fff;}
#topNav ul.nav>li a {
	color:#fff; font-weight:400; font-size:18px; padding: 7px 62px; margin-left:0px; margin-right:0px; 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:#000;}

/* Top Nav */
#topNav ul.nav .dropdown-menu.WithChild li>a.active, 
#topNav ul.nav .dropdown-menu>li:hover>a, 
#topNav ul.nav .dropdown-menu>li:focus>a {color:#fff /*!important*/; background-color:#222 !important/*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;}
#topNav .nav li:hover>ul.dropdown-menu {padding:0; display:block; z-index:100;}
.dropdown-menu {border:0 !important;}
#topNav ul.dropdown-menu{text-align:left; margin-top:0; box-shadow:none; list-style:none; min-width:285px; background:#3f3e3e; font-size:13px; color:#444;}
#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 !important; font-size:13px; border-bottom:#cbcaca 0px solid;}

#topNav ul.dropdown-menu>li a:hover, #topNav ul.dropdown-menu>li a:focus{background-color:#222 !important; color:#fff !important;}

#topNav ul.dropdown-menu a.dropdown-toggle{}
#topNav ul.dropdown-menu a.dropdown-toggle:after{}

#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:#222; /*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 a:hover{background-color:#3f3e3e !important;/*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:#eaeaea !important; font-size:20px; border-radius:30px; padding:10px; 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:45px; background-color:transparent; text-align:right; border:none; border-radius:30px; margin-bottom:0; color:#eaeaea;}
#header .search .quicksearchProd input[type="text"].form-control.validation-error{background-color:#5c3535 !important; border-bottom:none !important; border-radius:0;}

#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:#eaeaea !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; border:solid 2px #000;
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
			border-radius: 0;
}	
#topNav button.btn-mobile i {padding:0; margin:0; font-size:21px;}


/** Responsive Top Nav
 **************************************************************** **/
@media only screen and (max-width: 1166px) {
	#topNav ul.nav>li a {padding: 15px 20px;}
}

@media only screen and (max-width: 990px) {
	#topNav .mnPrinci {padding-left:15px;}
	.navbar-collapse {max-height:100%;}
	
	#topNav button.btn-mobile {display:block; float:left; margin-right:15px;}
 	#topNav button.btn-mobile:hover, #topNav button.btn-mobile:active{background-color:#1abfb9;}
	#topNav .search {float:right; margin-top:10px; margin-left:15px; margin-bottom:0;}

    #topNav nav.nav-main {background-color:#fff;}
	/*#topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {width: 100%; margin:0;}*/
	#topNav div.nav-main-collapse, #topNav div.nav-main-collapsing, #topNav div.nav-main-collapse.in {top:60px; left:-55px;}
	#topNav div.nav-main-collapse {float: none;	overflow-x:hidden !important;}
	#topNav div.nav-main-collapse.collapse {display:none;}
	#topNav div.nav-main-collapse.in {display:block;}
	#topNav div.nav-main-collapse {position:relative;}

	#topMain{margin-bottom:20px;}
	#topMain>li, #topMain ul.dropdown-menu{background-color:#1d4a69;}
	#topMain ul.dropdown-menu{border:#1d4a69 1px solid; border-top:none; padding:5px 0 20px !important;}
	#topMain>li>a>span {display:none !important;}
	#topMain li {display:block !important; float:none; text-align:left;-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;}
	#topMain>li>a {text-align:left;	border:0;border-bottom:1px solid #1d4a69;-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;}
	#topMain>li:hover,	#topMain>li:hover>a {border-top:0 !important;}
	#topNav ul.dropdown-menu > li a{color:#fff !important;}
	
	#topMain>li.active>a, .dropdown-menu>li>a:focus{background-color:#64759e !important; color:#fff !important;}
	#topMain>li.active>a:after, #topMain>li.active>.dropdown-menu>li.active>a:after, #topMain ul.dropdown-menu li.resp-active a.dropdown-toggle:after, .dropdown-menu>li>a:focus:after{color:#fff !important;}

	#topNav ul.nav>li>a:after {content:"\f107"; font-family: FontAwesome; position: absolute; font-size: 14px; right: 20px; top: 15px; color:#999;}
	#topNav ul.nav>li>a.nokid:after, #topNav ul.nav>li.nokid.active>a.active:after, #topNav ul.nav>li.acthome>a.active:after {content:" ";}
	#topNav ul.nav>li.acthome>a.active:before{top:0;}
	
	/* submenu */
	#topMain ul.dropdown-menu {position: static; clear: both; float: none; display: none !important; border-left:0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

	#topNav nav.nav-main li.resp-active > ul.dropdown-menu {display: block !important; margin-left:30px; margin-right:30px; padding:20px 0; border-right:0;}
	#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {border-left:0;}
	#topNav ul.nav>li:hover>a:before, #topNav ul.nav>li.active>a:before {background-color:transparent;}
	#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {position:static;}

	/* mega menu */
	#topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {padding:0; margin:0 30px 0 0; border:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	#topNav ul.nav>li.mega-menu h3 {margin-left:8px;}
	#topNav ul.nav>li.mega-menu>ul li>a {border-bottom: rgba(0,0,0,0.1) 1px solid;}
	#topNav ul.nav>li.mega-menu div, #topNav ul.nav>li.mega-menu div div {border:0; margin-bottom:30px; display:block; width:100%;}
	#topNav ul.nav>li.mega-menu div div:last-child {margin-bottom:0;}

	/*
	#topNav nav.nav-main {background-color:#fff;}
	#topNav div.nav-main-collapse, #topNav div.nav-main-collapsing, #topNav div.nav-main-collapse.in {top:60px; left:-55px;}
	#topNav div.nav-main-collapse {float: none;	overflow-x:hidden !important;}
	#topNav div.nav-main-collapse.collapse {display:none;}
	#topNav div.nav-main-collapse.in {display:block;}
	#topNav div.nav-main-collapse {position:relative;}

	#topMain{margin-bottom:20px;}
	#topMain ul.dropdown-menu{border:#1abfb9 1px solid; border-top:none; padding:5px 0 0 !important;}
	#topMain>li>a>span {display:none !important;}
	#topMain li {display:block !important; float:none; text-align:left;-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;}
	#topMain>li>a {text-align:left;	border:0;border-bottom:1px solid #1abfb9;-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;}
	#topMain>li:hover,	#topMain>li:hover>a {border-top:0 !important;}
	
	#topMain>li.active>a, .dropdown-menu>li>a:focus{background-color:#1abfb9 !important; color:#fff !important;}
	#topMain>li.active>a:after, 
	#topMain>li.active>.dropdown-menu>li.active>a:after,
	#topMain ul.dropdown-menu li.resp-active a.dropdown-toggle:after, .dropdown-menu>li>a:focus:after
	{color:#fff !important;}

	#topNav ul.nav>li>a:after {content:"\f107"; font-family: FontAwesome; position: absolute; font-size: 14px; right: 20px; top: 15px; color:#999;}
	#topNav ul.nav>li>a.nokid:after, #topNav ul.nav>li.nokid.active>a.active:after {content:" ";}
	
	#topMain ul.dropdown-menu {position: static; clear: both; float: none; display: none !important; border-left:0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

	#topNav nav.nav-main li.resp-active > ul.dropdown-menu {display: block !important; margin-left:30px; margin-right:30px; padding:20px 0; border-right:0;}
	#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {border-left:0;}
	#topNav ul.nav>li:hover>a:before, #topNav ul.nav>li.active>a:before {background-color:transparent;}
	#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {position:static;}

	#topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {padding:0; margin:0 30px 0 0; border:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	#topNav ul.nav>li.mega-menu h3 {margin-left:8px;}
	#topNav ul.nav>li.mega-menu>ul li>a {border-bottom: rgba(0,0,0,0.1) 1px solid;}
	#topNav ul.nav>li.mega-menu div, #topNav ul.nav>li.mega-menu div div {border:0; margin-bottom:30px; display:block; width:100%;}
	#topNav ul.nav>li.mega-menu div div:last-child {margin-bottom:0;}*/
}

@media only screen and (max-width: 768px) 
{
    #topNav .search{margin:6px 0 0 0;}
    #topNav input[type="text"]{margin-bottom:0;}
    #header .mnTopSN .idiomas select.idiomasTitle{ padding:12px;}
    #header .search.mobi{border:solid 1px rgba(255,255,255,0.5); width:60%; position:absolute; right:15px;}
    #topNav .navbarMenu{ height:auto; min-height:20px; max-height:60px;}
    #topNav ul.dropdown-menu{ background-color:transparent;}
}

@media only screen and (max-width: 767px) 
{
    #header .mnTopSN .idiomas select.idiomasTitle{top:-65px;}
    #topNav div.nav-main-collapse {left:0 !important; top:0 !important; width:100%;}
}

@media only screen and (max-width: 479px) {

	#topNav .search {margin-left:4px;}
 	#topNav button.btn-mobile {margin-right:4px;}

	#topBar a.logo {display:block; text-align:center;margin:6px 0; float:none;}
	.hide_mobile {display:none;}
	
}

@media only screen and (max-width: 495px) 
{
    #header .mnTopSN .idiomas select.idiomasTitle{top:-50px;}
    #header #topNav a.logo img{max-width:75%;}
}

@media screen and (min-device-width: 320px) and (max-device-width: 380px){
    #header #topNav .logo{height:60px; padding-top:10px;}
}

@media only screen and (max-width: 400px) 
{
    #topNav .search{max-width:100% !important;}
}




/** Responsive Top Nav
 **************************************************************** ** /
@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 901px) {
 	#topNav button.btn-mobile {display:block; float:left;}
	#topNav button.btn-mobile:hover, #topNav button.btn-mobile:active{background-color:#1abfb9;}
	#topNav form.search {float:left; margin-top:6px; margin-left:15px;}
	#topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {width: 100%; margin:50px 0 0 0;}
	#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: relative;}
	#topMain>li>a>span {display:none !important;}
	#topMain li {display:block !important; float:none; text-align:left;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	#topMain>li>a {text-align:left; border:0;border-bottom:rgba(0,0,0,0.1) 1px solid;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	#topMain>li:hover, #topMain>li:hover>a {border-top:0 !important;}
	#topNav ul.nav>li>a:after {content: "\f107"; font-family: FontAwesome; position: absolute; font-size: 14px; right: 20px; top: 15px; color:#fff;}
	
	#topMain ul.dropdown-menu {position: static; clear: both; float: none; display: none !important; border-left:0 !important;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}

	#topNav nav.nav-main li.resp-active > ul.dropdown-menu{display: block !important; margin-left:30px; margin-right:30px; padding:20px 0; border-right:0;}
	#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {border-left:0;}
	#topNav ul.nav>li:hover>a:before, #topNav ul.nav>li.active>a:before {background-color:transparent;}
	#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {position:static;}

	#topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {padding:0; margin:0 30px 0 0; border:0;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;	
	}
	#topNav ul.nav>li.mega-menu h3 {margin-left:8px;}
	#topNav ul.nav>li.mega-menu>ul li>a {border-bottom: rgba(0,0,0,0.1) 1px solid;}
	#topNav ul.nav>li.mega-menu div, #topNav ul.nav>li.mega-menu div div {border:0; margin-bottom:30px; display:block; width:100%;}
	#topNav ul.nav>li.mega-menu div div:last-child {margin-bottom:0;}
}


@media only screen and (max-width: 900px) {
	#topNav form.search {margin-left:4px;}
	#topBar a.logo {display:block; text-align:center; margin:6px 0; float:none;}
	.hide_mobile {display:none !important;}
	#SociaLanguage{float:left !important;}
	#SociaLanguage #language{text-align:left !important; margin: 10px 15px 15px;}
    
    #topNav ul.nav > li{color: #666; text-align: left; position: relative; margin: 0px; border-left: 1px solid #EEE; background-color:#1abfb9;}
    header#topNav ul.nav > li a {font-size: 14px !important;}
    #Ul1 li {float: none; text-align: left; border-radius: 0px;}
    
    #topNav nav.nav-main li.active > ul.dropdown-menu {display: block !important; margin-left:30px; margin-right:30px; padding:20px 0; border-right:0;}
	#topNav nav.nav-main li.active > ul.dropdown-menu {display: block !important; margin-left: 30px; margin-right: 30px; padding: 20px 0px; border-right: 0px none;}
	#topNav nav.nav-main li.active > ul.dropdown-menu li {border-left:0;}
    
}

@media only screen and (max-width: 768px) 
{
    #topNav .navbarMenu .container{max-width:100%;}
    #topNav ul.dropdown-menu{width:100%;}
    #topNav .nav li:hover>ul.dropdown-menu{position:relative; z-index:100000000;}
    #header .search .quicksearchProd{margin:10px 0;}
    
}

@media only screen and (max-width: 590px) 
{
    #topNav .logTop{padding-top:10px; text-align:center !important;}
    #topNav .logTop a.logo{float:none; display:inline; margin:auto auto !important;}
    #topNav .mnTopSN{margin:5px 0 0; text-align: center;}
    #topNav .bDiaSmile .cmpt{position:absolute; right:15px; top:85px;}
    #topNav .bDiaSmile .cmpt .tet h3{margin:0 0 2px; color:#fff !important;}
    #topNav .bDiaSmile .cmpt .tet h6{margin:0; color:#ccc !important;}
    #header .mnTopSN .idiomas select.idiomasTitle{top:10px;}

}

@media only screen and (max-width: 479px) 
{
    #header .menuVal{}
    #header .search{display:block; width:100%;}
    #header .search .quicksearchProd input[type="text"] {border-top:solid 1px #eaeaea !important; right:0; border-bottom:none; border-left:none; border-right:none; border-radius:0;}
    
}
*/