/************* Menu ***************/ #topNav .logTop{margin:20px auto;} #topNav a.social{width:27px; height:27px; line-height:27px; font-size:13px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} #topNav .fa{ font-weight: lighter !important;} #topNav #language{margin:20px 0;} #topNav #language .dispInline{display:inline;} #topNav #language .language{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#b4b4b4;} #topNav #language .language a{color:#b4b4b4;text-decoration:none;} #topNav #language .language a:hover{color:#000 !important;text-decoration:none;} #topNav #language .language_selected{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#b4b4b4;} #topNav #language .language_selected a{color:#000;text-decoration:none;} #topNav #language .language_selected a:hover{color:#000;text-decoration:none;} #header .mnTopSN{margin:5px 0; padding-top:8px;} #header .mnTopSN .mnbt a{display:inline; color:#303041; margin:0 20px;} #header .mnTopSN .mnbt a:hover, #header .mnTopSN .mnbt a.active{color:#862647 !important; border-bottom:solid 2px #e29102;} #header .mnTopSN .mnbt a.First{} #header .mnTopSN .mnbt a.last:before{border-left:solid 1px #303041; position:relative; left:-20px; content:" ";} #header .mnTopSN .mnbt a.last{margin:0 0 0 20px;} #topNav .socialdiv{margin:20px 0 0;} #header .search{margin-top:16px;} #header .search .form-control {height:auto !important; line-height:30px; padding:0 20px 0 12px !important;} #header .search .fa-search, .TopDirectorio .fa-search{color:#cccccc !important; font-size:20px;} .search .quicksearchProd{position:relative;} .search .quicksearchProd button.fa-search{color:#cdcdcd; padding-left: 0px;} .search .quicksearchProd button{position: absolute; right:5px; top:7px;} .search .quicksearchProd input[type="submit"]{position: absolute; right:5px; top:7px; width: 20px; height: 20px; z-index:10; background-color:transparent !important; border:dotted 0px black;} #header .areasAct{margin-top:20px;} #header.subdomain .row.navbarMenu{background-color:transparent;} #header.subdomain .row.navbarMenu .bgSubCaTop{background-color:#f3f6e0; margin:auto 0 auto 0;} #header.subdomain .row.navbarMenu .bgSubCaTop #subCaTop{padding-left:0 !important;} #header.subdomain .row.navbarMenu .bgSubCaTop #topNav2{padding-right:0 !important;} /***** menu lateral, sub dominios ******/ #topNav2 li.dropdown.active a.active, #topNav2 li.dropdown.active:hover{color:#fff; background-color:#53be97 !important;} /***************************************/ #topNav {display:block; left:0; right:0; top:0;margin:0; position:relative; z-index:10;} #topNav .navbarMenu{background-color:#f3f6e0;} #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 {} #topNav div.navbar-collapse {padding:0; margin-right:-1px;} #topNav ul.nav>li {color:#fff; text-align:center; position:relative; margin:0;} #topNav ul.nav>li:last-child {border-right:transparent 1px solid !important; margin-right:0 !important;} #topNav ul.nav>li:last-child a.nokid{margin-right:0 !important; background-color:#fdfef3 !important;} #topNav ul.nav>li:last-child:hover a.nokid{background-color:#53be97 !important;} /********* classes q activam o menu principal qdo existem cat's filhas, em versão desktop *******/ #topNav ul.nav>li:hover a {color:#fff/*#00aaaf*/;} #topNav ul.nav>li:hover, #topNav .nav > li > a:hover, #topNav .nav > li > a:focus {background-color:#53be97 /*Lime*/;color:#fff;} /************************************************************************************************/ .row.igTop .container{padding-left:0;} #topNav ul.nav>li:last-child i:hover{color:#fff !important;} #topNav ul.nav li.ACmn i, #topNav ul.nav>li:last-child a i{margin:0 10px 0 3px; font-size:15px; line-height:10px;} #topNav ul.nav li.ACmn a.dropdown-toggle i:hover{color:#fff !important;} #topNav ul.nav>li a.active{color:#fff !important;} #topNav ul.nav>li a.dropdown-toggle.active, #topNav ul.nav>li a.active, #topNav ul.nav>li a.acthome, #topNav ul.nav>li.dropdown.ACmn.active a.nokid {color:#fff; background-color:#53be97 !important;} #topNav ul.nav>li a.dropdown-toggle:hover, #topNav ul.nav>li a.nokid:hover{color:#fff; background-color:#53be97 !important;} #topNav ul.nav>li a { color:#666; font-weight:300; padding: 18px 11px 17px; margin-left:0px; margin-right:0px; position: relative; text-decoration: none; font-size:16px; line-height:14px; 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; } /* submenu */ #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;} #topNav ul.dropdown-menu { text-align:left; margin-top:0; box-shadow:none; border:#eee 1px solid; border-top:0; list-style:none; min-width:200px; background-color:#ffffff; box-shadow:rgba(0,0,0,0.2) 0 6px 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;/*background:transparent url('/img/bgdropdown.png') repeat top left;*/ } #topNav ul.dropdown-menu li {position:relative;} #topNav ul.dropdown-menu>li a{margin:0; padding:10px 15px; font-weight:400; color:#666 !important; font-size:13px; border-bottom:rgba(0,0,0,0.1) 1px solid;} #topNav ul.dropdown-menu>li a:hover{background-color:#53be97 !important; color:#fff !important;} #topNav ul.dropdown-menu>li a i.fa {margin-right:4px;} #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 > a:after {display: block;content: " ";float: right;width: 0; height: 0; border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #eaeaea;margin-top: 5px;margin-right: -10px;} #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;} /* sub-submenu */ #topNav ul.dropdown-menu>li:hover > ul.dropdown-menu { display:block; position:absolute; left:100%; top:0; padding:0; margin:0; border-top:0 !important; border-bottom:0 !important; border-right:0 !important; border:#eaeaea 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* search */ #topNav form.search {float:right; max-width:180px; margin:12px 0 0 0; padding:0;} #topNav form.search {position:relative;} #topNav form.search input {padding:6px 26px 6px 6px;height:auto; width:100%;font-size:13px;position:relative;z-index:0; -webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;} #topNav form.search button {position:absolute;top:10px; right:10px;color:#ccc;z-index:1;} /* 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;} /** Responsive Top Nav **************************************************************** **/ @media only screen and (max-width: 1024px) { /*#topNav .search {display:none;}*/ } /*@media only screen and (max-width: 990px) {*/ @media only screen and (max-width: 901px) { /*.navbar-collapse {max-height:100%;} #topNav .container {padding:0; margin:0;}*/ #topNav form.search {float:left; margin-top:6px; margin-left:15px;} #topNav button.btn-mobile {display:block; float:left; margin-left:15px;} #topNav button.btn-mobile:hover, #topNav button.btn-mobile:active, #topNav button.btn-mobile:focus{background-color:#53be97;} #topNav div.nav-main-collapse.collapsing, #topNav div.nav-main-collapse.in{left:80px; top:10px;} #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {width:80%; margin: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: absolute;} #topNav ul.nav>li>a.dropdown-toggle:after, #topNav .nav li ul.dropdown-menu li a.dropdown-toggle:after {content: "\f107"; font-family: FontAwesome; position: absolute; font-size:20px; padding-left:10px; top:25px; color:#494848;} #topNav ul.nav > li a, #topNav ul.nav>li:last-child a{padding:10px 15px;} #topNav ul.nav>li a, #topNav ul.nav>li a:active, #topNav ul.nav>li:hover a, #topNav ul.nav>li.dropdown.active a, #topNav ul.nav>li a.active{border-top:none;} #topNav ul.nav>li:active, #topNav ul.nav>li:hover, #topNav ul.nav>li.dropdown.active{background-color:#f2f4ee;} #topNav ul.nav>li:hover {background-color:#53be97; color:#fff;} .hide_mobile {display:none !important;} /* submenu */ #topNav nav.nav-main{border:solid 1px #006369;} #topNav ul.nav>li a.dropdown-toggle:hover{background-color:#53be97;} #topNav ul.nav > li{display: block !important; float: none; text-align:left !important; border-radius: 0px; border:solid 1px #414040; border-bottom:0;} #topNav ul.nav > li:last-child{border-top:solid 1px #414040; border-left:solid 0px transparent !important; background-color:#fdfef3;} #topNav ul.nav > li ul.dropdown-menu li:last-child{border-bottom:solid 5px #53be97;} #topNav ul.nav > li ul.dropdown-menu li a.active{background-color:#e8f5f6;} /*#topNav ul.nav > li ul.dropdown-menu.WithChild li a.active{background-color:#1e1e1e !important;}*/ #topNav .nav li ul.dropdown-menu{background-color:#eee !important; float:none;} #topNav .nav li ul.dropdown-menu li a{font-size:17px !important; font-weight:300; padding-left:35px !important; line-height:20px;} #topNav .nav li ul.dropdown-menu li a.dropdown-toggle:after{left:0; position:relative; top:0;} #topNav .nav li ul.dropdown-menu li ul.dropdown-menu li a{padding-left:50px !important;} #topNav .nav li ul.dropdown-menu li ul.dropdown-menu li:last-child{border-bottom:none;} #topNav .nav .open > a, #topNav .nav .open > a:hover, #topNav .nav .open > a:focus{border-color:inherit;} } @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;} #SociaLanguage{float:left !important;} #SociaLanguage #language{text-align:left !important; margin: 10px 15px 15px;} #topNav .logTop a.logo{float:none; display:inline; margin: 15px 0 !important;} #topNav ul.nav > li{color: #666; text-align: left; position: relative; margin: 0px; background-color:#ccc;} header#topNav ul.nav > li a {font-size:20px !important;} } @media only screen and (max-width: 768px) { .dropdown-menu {position:relative !important;} #topNav .tplg, #topNav .searc{padding-top:10px; padding-bottom:10px;} #topNav ul.dropdown-menu {width:auto !important; left: 0 !important; min-width:100%;} #topNav ul.dropdown-menu > li a{font-size:15px; white-space:normal;} #topNav ul.nav > li a {padding:25px 10px !important; font-size: 12px !important;} } @media only screen and (max-width: 767px) { #topNav div.nav-main-collapse.in {display: table !important;} } @media screen and (min-device-width: 500px) and (max-device-width: 767px) { #topNav .tplg{width: 41.66666667%;} #topNav .searc{width: 58.33333333%;} } @media only screen and (max-width: 499px) { #topNav .searc .pull-right {float:none !important;} #header .searc .search, #topNav .searc #language{margin:0;} } @media only screen and (max-width: 375px) { #topNav div.nav-main-collapse.collapsing, #topNav div.nav-main-collapse.in{left:30px; top:50px;} }