/* 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/35px '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 {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 {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}

/*input, textarea, select {background-color:var(--formarea); color:var(--formfont); font-size:15px;  padding: 10px; width: 100%; border: 1px solid var(--formborder); border-radius: 5px}
input::placeholder, textarea::placeholder {color:var(--formplace); font-size: 15px}
::placeholder       {color: var(--formplace); opacity: 0.8}
input:focus, textarea:focus, select:focus {outline: none}*/