/* 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- */}

/* 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 li 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 li a:hover {background: var(--pmsubhover); cursor: pointer; overflow: hidden; outline: none;}
.aside-portais li a:before {content: "\f0da"; font-family: FontAwesome; color: var(--pmsubfont); margin-right: 7px;}
.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 */