/* ACCORDION SHPWBOX */ .acordion-showbox {background: var(--acordion); width:100%; border-top: solid 0px var(--acortop); border-bottom:solid 0px var(--acorbot); padding: 12px 0; border-radius:10px; min-height:25px; line-height:25px; cursor:pointer} .acordion-showbox:hover {background:var(--acorhover)} .acordion-showbox span {color:var(--acorfontes); font-size: 90%; font-weight:700; display: inline-block; vertical-align: middle; line-height: normal; text-transform: uppercase} .acordion-showbox i {font-size: 20px; margin-right:10px} @media screen and (max-width:414px){.acordion-showbox{font-size:90%}} .footer a {color: var(--footfont); text-decoration:none; font-size:13px; line-height:25px} .footer a:hover {color: var(--foothover); text-decoration:none; /*opacity: 0.8*/} .footer h3 {color: var(--foottitle); font-size:20px; line-height:40px; font-weight:400;} .footer h6 {color: var(--footfont); font-size: 13px; line-height:21px; font-weight:400;} .footer li {color: var(--footfont); font-size: 13px; line-height:25px; font-weight:400;} .footer li a {color: var(--footfont); font-size: 13px; line-height:25px; font-weight:400;} .footer .col {width: 23%; float:left; margin: 1%; height: 200px} .navigation {background: var(--navbar); color:var(--navfont); font: 400 14px/32px 'Roboto'; min-width: 30px; margin-right:2px; padding:0 15px; border-radius:0px; display: flex; align-items: center; text-transform:uppercase; letter-spacing:0.5px} .navigation:hover {background: var(--navhover)} .navigation a {font: 700 13px/15px 'Roboto'; color:var(--navfont); cursor:pointer; text-transform:uppercase} .navigation span {font: 700 13px/15px 'Roboto'; color:var(--navfont); text-transform:uppercase} .hrnav {border-top: 1px dotted var(--hrdefault); margin-top: 10px; margin-bottom: 30px} @media screen and (max-width: 769px){.navigation {font: 400 11px/35px 'Roboto'; padding:0 10px}} .navigation1 {width:100%; font: 700 13px/15 'Roboto'; margin-bottom:20px; border-bottom:#ddd 1px solid; padding-bottom:7px; letter-spacing:1px } .navigation1 a {font: 700 13px/15px 'Roboto';} .navigation1 a:hover {font: 700 13px/15px 'Roboto'; color:#766000; text-decoration:underline} .nav-links {background: var(--navlinks); color: var(--navlinfont); font: 400 13px/15px 'Roboto'; letter-spacing: 0.3px; min-width: 40px; height: 40px; margin-right: 2px; margin-bottom: 3px; padding: 0 15px; border-radius: 3px; display: flex; align-items: center; text-transform: uppercase; letter-spacing:1px} .nav-links:hover {background: var(--navlinhov);} .nav-links.active {background: var(--navlinhov)} .nav-links.active a {color: var(--navlinfont); cursor: pointer; text-transform: uppercase} .nav-hr {margin: 2px 0 10px 0; border: 1px dotted var(--hrdefault)} @media screen and (max-width:1024px){.nav-links {display:none}} .portais-pag .full {background: var(--portaispag); color:var(--porfont); border: solid 1px var(--navbor); font: bold 13px 'Lato'; letter-spacing: 0.3px; min-width: 30px; height:30px; margin-right:2px; margin-bottom:3px; padding:0 15px; border-radius: 3px; display: flex; align-items: center} .portais-pag .active {background: var(--poractive); color:var(--porfont); border: solid 1px var(--navbor); font: bold 13px 'Lato'; letter-spacing: 0.3px; min-width: 30px; height:30px; margin-right:2px; margin-bottom:3px; padding:0 15px; border-radius: 3px; display: flex; align-items: center} .portais-pag .full:hover{background: var(--porhover)} .portais-pag a {font: 700 13px/15px 'Roboto'; color:var(--porfont)} .scrollnews {width:100%; height:420px; overflow-y:scroll} .scrollnews::-webkit-scrollbar {width: 12px; background:var(--scrollnews)} .scrollnews::-webkit-scrollbar-track {background-color:var(--scrollnews)} .scrollnews::-webkit-scrollbar-thumb {background:var(--scrollnewsmov)}/*mov*/ .scrollnews::-webkit-scrollbar-thumb:hover {background:var(--scrollnewshover)}/*hover*/ @media (max-width: 979px) {.scrollnews {height: auto; overflow-y: visible}} /* ----- Sistema News (carossel/scroll) ----- */ .flexcroll {width:100%; height:350px; overflow-y:scroll} .flexcroll::-webkit-scrollbar {width: 12px} .flexcroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px} .flexcroll::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background:var(--ttabkg); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)} /* ----- Scroll do navegador) ----- */ ::-webkit-scrollbar-track {background-color:var(--scrollbkg)} ::-webkit-scrollbar {width: 12px; background:var(--scroll)} ::-webkit-scrollbar-thumb {background:var(--scrollmov)} ::-webkit-scrollbar-thumb:hover {background:var(--scrollhover)} ::-webkit-input-placeholder {color:var(--inputwebkit) /* Chrome/Opera/Safari */} ::-moz-placeholder {color:var(--inputwebkit) /* Firefox 19+ */} :-ms-input-placeholder {color:var(--inputwebkit) /* IE 10+ */} :-moz-placeholder {color:var(--inputwebkit) /* Firefox 18- */} .abas {position:relative; font-size:0; text-align:left; color: var(--abasfullbkg)} .abas > input {position:absolute; display:none} .abas > label {padding:0px 1px; font: 400 14px/45px 'Roboto'; margin-bottom: 1px; position:relative; z-index:1; display:inline-block; cursor:pointer} .abas > label span {display:block; padding:0px; background:var(--abasbkg)} .abas > label span span {background:transparent; color: var(--abasfont); padding:0 14px; transition:background .3s, color .4s; -o-transition:background .3s, color .4s; -ms-transition:background .3s, color .4s; -moz-transition:background .3s, color .4s; -webkit-transition:background .3s, color .4s} .abas > label:hover span span {background:var(--abashover); color:var(--abashovfont)} .abas > input:checked + label span span {background:var(--abashover); color:var(--abashovfont)} .abas > ul {list-style:none; position:relative; display:block; font-size:15px} .abas > ul > li {background:var(--abasfullbkg); border:0px solid var(--abasbor); position:absolute; min-height:370px; top:0; left:0; width:100%; padding:0px; box-sizing:border-box; -moz-box-sizing:border-box; opacity:0; -o-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -webkit-transform-origin:0% 0%; -o-transition:opacity .8s, -o-transform .8s; -ms-transition:opacity .8s, -ms-transform .8s; -moz-transition:opacity .8s, -moz-transform .8s; -webkit-transition:opacity .8s, -webkit-transform .8s} @media screen and (max-width:640px){.abas > ul > li{padding:1px}} .abas > .abas-1:checked ~ ul > .abas-1, .abas > .abas-2:checked ~ ul > .abas-2, .abas > .abas-3:checked ~ ul > .abas-3, .abas > .abas-4:checked ~ ul > .abas-4, .abas > .abas-5:checked ~ ul > .abas-5, .abas > .abas-6:checked ~ ul > .abas-6 {position:relative; z-index:1; opacity:1} @media screen and (max-width: 769px){.abas > label {font: 400 11px/35px 'Roboto'}} .abass {position:relative; font-size:0; text-align:left; color: var(--abasfullbkg)} .abass > input {position:absolute; display:none} .abass > label {position:relative; z-index:1; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; padding:1px; padding-top:0; padding-left:0; font-size:15px; line-height:45px; cursor:pointer} .abass > label span {display:block; padding:0px; background:var(--abasbkg)} .abass > label span span{background:transparent; color: var(--abasfont); padding:0 14px; transition:background .3s, color .4s; -o-transition:background .3s, color .4s; -ms-transition:background .3s, color .4s; -moz-transition:background .3s, color .4s; -webkit-transition:background .3s, color .4s} .abass > label:hover span span {background:var(--abashover); color:var(--abashovfont)} .abass > input:checked + label span span {background:var(--abashover); color:var(--abashovfont)} .abass > ul {list-style:none; position:relative; display:block; font-size:15px} .abass > ul > li {background:var(--abasfullbkg); border:0px solid var(--abasbor); position:absolute; min-height:370px; top:0; left:0; width:100%; padding:0px; box-sizing:border-box; -moz-box-sizing:border-box; opacity:0; -o-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -webkit-transform-origin:0% 0%; -o-transition:opacity .8s, -o-transform .8s; -ms-transition:opacity .8s, -ms-transform .8s; -moz-transition:opacity .8s, -moz-transform .8s; -webkit-transition:opacity .8s, -webkit-transform .8s} @media screen and (max-width:640px){.abass > ul > li{padding:1px}} .abass > .abass-1:checked ~ ul > .abass-1, .abass > .abass-2:checked ~ ul > .abass-2, .abass > .abass-3:checked ~ ul > .abass-3, .abass > .abass-4:checked ~ ul > .abass-4, .abass > .abass-5:checked ~ ul > .abass-5, .abass > .abass-6:checked ~ ul > .abass-6 {position:relative; z-index:1; opacity:1} @media screen and (max-width: 769px){} .abas-class {position:relative; font-size:0; text-align:left; color: var(--abasfullbkg)} .abas-class > input {position:absolute; display:none} .abas-class > label {position:relative; z-index:1; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; padding:1px; padding-top:0; padding-left:0; font-size:15px; font-weight:700; line-height:45px; cursor:pointer} .abas-class > label span{display:block; padding:0px; background:var(--abasbkg)} .abas-class > label span span {background:transparent; color: var(--abasfont); padding:0 14px; transition:background .3s, color .4s; -o-transition:background .3s, color .4s; -ms-transition:background .3s, color .4s; -moz-transition:background .3s, color .4s; -webkit-transition:background .3s, color .4s} .abas-class > label:hover span span {background:var(--abashover); color:var(--abashovfont)} .abas-class > input:checked + label span span {background:var(--abashover); color:var(--abashovfont)} .abas-class > ul {list-style:none; position:relative; display:block; font-size:15px} .abas-class > ul > li {background:var(--abasfullbkg); border:0px solid var(--abasbor); position:absolute; min-height:370px; top:0; left:0; width:100%; padding-top:0px; box-sizing:border-box; -moz-box-sizing:border-box; opacity:0; -o-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -webkit-transform-origin:0% 0%; -o-transition:opacity .8s, -o-transform .8s; -ms-transition:opacity .8s, -ms-transform .8s; -moz-transition:opacity .8s, -moz-transform .8s; -webkit-transition:opacity .8s, -webkit-transform .8s} @media screen and (max-width:640px){.abas > ul > li{padding:1px}} .abas-class > .abas-class-1:checked ~ ul > .abas-class-1, .abas-class > .abas-class-2:checked ~ ul > .abas-class-2, .abas-class > .abas-class-3:checked ~ ul > .abas-class-3 {position:relative; z-index:1; opacity:1} /* MENU PORTAIS */ .menu-portais .bg {width:100%; position:relative} .menu-portais .bg:after {content: ''; display: table; clear: left} .menu-portais .zindex {z-index:9; position:absolute; width:100%; min-height:0; margin-top:0px; } .menu-portais .align {display:flex; flex-direction: row; align-items: center; height:60px} .menu-portais h3 {color:var(--pmfont); font: 700 15px/20px "Roboto", sans-serif} .menu-portais h5 {color:var(--pmfont); font: 700 10px/12px "Roboto", sans-serif} .menu-portais span i {color:var(--pmfont); font-size:150%;} .col-5-portais-menu {background:var(--menu-portais); width:19.8%; float:left; margin:0.1%; margin-bottom:0px; margin-top:0px} .col-5-portais-menu:hover{background:var(--pmhover)} .col-6-portais-menu {background:var(--menu-portais); width:16.46%; float:left; margin:0.1%; margin-bottom:0px; margin-top:0px} .col-6-portais-menu:hover{background:var(--pmhover)} .aside-portais {background: var(--pmsub); padding:8px 0px} .aside-portais a {color:var(--pmsubfont); font: 700 13px/13px 'Tahoma'; display:block; width:100%; padding:7px 10px; border-top:1px solid var(--pmbortop); margin:0; overflow:hidden} .aside-portais a:hover {background: var(--pmsubhover); border-left:; cursor:pointer; overflow:hidden; outline: none} .aside-portais a:before {content: "\f0da"; font-family: FontAwesome; color: var(--pmsubfont); margin-right:10px} .aside-portais:focus {outline: 0} .aside-portais img {float:left; margin:0 10px 0 0; width:80px; height:auto;} .aside-portais i {margin-right:7px;} .aside-portais li.has-sub{position: relative; } .aside-portais li.has-sub a {padding-right:30px;} .aside-portais li.has-sub > a:after {top: 6px; right:11px; position:absolute; display:block; content:'+'} .aside-portais li.has-sub:hover > a:after {content:'-'} .aside-portais li.has-sub:hover ul li a:after; {content:''} /* submenu bg, height e linha horizontal */ .aside-portais li.has-sub ul{position:absolute; left: 100%; top: -8px; width: 90%; overflow: hidden;} .aside-portais li.has-sub ul li { height:0px; overflow:hidden} .aside-portais li.has-sub:hover ul {padding:8px; padding-left: 0px; background:var(--pmsub)}/* var(--pmhas);*/ .aside-portais li.has-sub:hover ul li { height:auto; } .aside-portais li.has-sub ul li {height:0; overflow: none; } .aside-portais li.has-sub ul li:hover {background:var(--pmsubhover)} .aside-portais li.has-sub ul li a {font: 700 13px/13px 'Tahoma'; color:var(--pmsubfont); width: 260px; } .aside-portais li.has-sub ul li:hover > a,nav ul ul li a:hover {} .aside-portais li.has-sub ul li:last-child > a,nav ul ul li.last-item > a {border-bottom:0} /* FIM MENU PORTAIS */