@media (min-width: 980px){
}
@media (min-width: 780px){
	.mobile		{display: none}
	.desktop	{display:block}
	p 			{font-size:100%; line-height:140%}
	.border 	{padding: 10px; border-radius: 5px}
	.box 		{padding: 0px; border-radius:0px; box-shadow:-0px -0px 0px 0px rgba(0,0,0, 0.0)}
}

.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:21px; font-weight:400;}
.footer li	a	{color: var(--footfont); font-size: 13px; line-height:21px; font-weight:400;}
.footer .col 	{width: 23%; float:left; margin: 1%; height: 200px}

.navigation			{background: var(--navbar); color:var(--navfon); 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; text-transform:uppercase}
.navigation:hover 	{background: var(--navhover)}
.navigation a		{font: bold 13px 'Lato'; color:var(--navfon); cursor:pointer; text-transform:uppercase}
.navigation span 	{font: bold 13px 'Lato'; color:var(--navfon); text-transform:uppercase}
.hrnav 				{margin:2px 0 10px 0; border: 1px dotted var(--hrlinc)}

.nav-links 			{background: var(--navlin); color: var(--navlfont); font: bold 13px 'Tahoma'; 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}
.nav-links:hover 	{background: var(--navlhov)}
.nav-links.active 	{background: var(--navlact)}
.nav-links.active a {color: var(--navlactfont); cursor: pointer; text-transform: uppercase}
.nav-hr 			{margin: 2px 0 10px 0; border: 1px dotted var(--navlhr)}

.navcorona			{background: var(--navcorbar); color:var(--navcorfon); border: solid 1px var(--navcorbor); font: bold 13px 'Lato'; letter-spacing: 0.3px;  min-width: 30px; height:40px; margin-right:2px; margin-bottom:3px; padding:0 15px; border-radius: 3px; display: flex; align-items: center}
.navcorona:hover 	{background: var(--navcorhover)}
.navcorona a		{font: bold 13px 'Lato'; color:var(--navcorfon); cursor:pointer}
.navcorona span 	{font: bold 13px 'Lato'; color:var(--navcorfon)}
.navhrnav 			{margin:2px 0 10px 0; border: 1px dotted var(--hrcorlinc)}

.portais-pag .full	{background: var(--portaispag); color:var(--porfon); 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(--porfon); 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: bold 13px 'Lato'; color:var(--porfon)}

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

.aside .bkg			{background:var(--blobkg); padding: 15px; border-radius: 5px} 
.block-center 		{display: block; margin-left: auto; margin-right: auto;}

/* aside coluna cor cinza padrão */
.sidebar-menu a		{background: var(--sidebar); font-size:85%; font-weight:700; border-left: solid 1px var(--asileft); border-top: solid 1px var(--asileft); border-right: solid 0px var(--asiright); border-bottom:solid 1px var(--sidright); display:block; width:100%; padding:7px 10px; margin:0; overflow:hidden;}
.sidebar-menu a:hover{background: var(--sidhover); cursor:pointer; overflow:hidden; outline: none}
.sidebar-menu:focus {outline: 0}
.sidebar-menu img   {float:left; margin:0 10px 0 0; width:80px; height:auto;}
.sidebar-menu i 	{margin-right:7px;}

/* xadrez para tabelas*/
.aside table  		{border-spacing: 0px; width:100%}
.aside td     		{padding:15px}
.aside tr:nth-child(odd) {background:var(--tabela); border-top: 1px solid var(--tabelatop); border-bottom: 1px solid var(--tabelabot)}
.aside tr:nth-child(even){background:var(--tabelaPar); border-top: 1px solid var(--tabelatop); border-bottom: 1px solid var(--tabelabot)}
.aside tr:hover 	{background:var(--tabelahover); cursor:pointer}
.aside .icon i 		{font-size:25px; color:var(--asideicon)}
.aside .text 		{width:100%; padding:10px;}

/* aside coluna cor cinza padrão */
.aside-col a		{background: var(--aside); font-size:85%; font-weight:700; border-left: solid 1px var(--asileft); border-top: solid 1px var(--asileft); border-right: solid 0px var(--asiright); border-bottom:solid 1px var(--asiright); display:block; width:100%; padding:7px 10px; margin:0; overflow:hidden;}
.aside-col a:hover 	{background: var(--asihover); cursor:pointer; overflow:hidden; outline: none}
.aside-col:focus 	{outline: 0}
.aside-col img   	{float:left; margin:0 10px 0 0; width:80px; height:auto;}
.aside-col i 		{margin-right:7px;}

.aside-color .left 	{background: var(--asideleft); float: left; padding: 0 13px; margin-right: 5px}
.aside-color .right	{margin-right: 15px; float: left}
.aside-color a      {background: var(--asidecolor); display: block; width: 100%; margin-bottom:0px; overflow: hidden; border-radius: 10px; text-transform: uppercase}
.aside-color a:hover{background: var(--asidecolhov); cursor:pointer; overflow:hidden; outline: none}
.aside-color .border{background: var(--asidebor); padding:1px; margin-bottom: 2px}
.aside-color .align {display:flex; flex-direction: row; align-items: center; height:45px}
.aside-color h3     {color:var(--asidecolfont); font: 700 15px/18px "Roboto", sans-serif; text-align: left}
.aside-color h5     {color:var(--asidecolfont); font: 400 11px/13px "Roboto", sans-serif; text-align: left}
.aside-color i      {color:var(--asidecolfont); font-size:130%; }	

/* xadrez divs e tabelas */
.divx:nth-child(odd) {background-color:#1a1c2d; padding:13px; overflow:hidden; transition: background-color 0.8s ease}
.divx:nth-child(even){background-color:#000; padding:13px; overflow:hidden; transition: background-color 0.8s ease}
.divx:hover 		{background-color:rgba(0,0,0,0.03); overflow:hidden; cursor:pointer;}
.divxx				{}

.acordion-showbox 	{background: var(--acordion); border-top: solid 1px var(--acotop); border-bottom:solid 1px var(--acobot); border-left: solid 4px var(--acolef); border-right: solid 4px var(--acorig); padding: 12px 0; border-radius:0px; 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}
@media screen and (max-width:414px){.acordion-showbox{font-size:90%}}

.midias-bkg 		{background:var(--midiasbkg)}
.midias-topo		{min-height: 30px; font-size:140%; font-weight: 400; color:var(--midiasfon); overflow:hidden; display: flex; align-items: center}
.midias-middle		{min-height:360px; font-size: 90%; font-weight: 400; color:var(--midiasfon); padding-top:10px;}
.midias-middle a 	{font-size: 90%; font-weight: 400; color:#fff}
.midias-botton 		{height: 40px}

.block				{background:var(--block); padding:10px; border-radius:15px; margin-bottom:5px; border-left: solid 1px var(--blborleft); border-top: solid 1px var(--blborleft); border-right: solid 1px var(--blborright); border-bottom:solid 1px var(--blborright); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15); margin-bottom:15px; transition: 0.5s}
.block .min			{background:var(--block); padding:5px; border-radius:5px; margin-bottom:5px; border-left: solid 1px var(--blborleft); border-top: solid 1px var(--blborleft); border-right: solid 1px var(--blborright); border-bottom:solid 1px var(--blborright); margin-bottom:15px; transition: 0.5s}
.block:hover 		{background:var(--blhover); cursor:pointer; transform: translateY(-3px); /*transition: 0.5s*/}
.block .text 		{background:var(--bltext); padding:10px}
.block h1, .block h2, .block h3, .block h4, .block h5, .block h6, .block p {color:var(--blfont)}

.block-min			{background:var(--block); padding:5px; border-radius:5px; margin-bottom:5px; border-left: solid 1px var(--blborleft); border-top: solid 1px var(--blborleft); border-right: solid 1px var(--blborright); border-bottom:solid 1px var(--blborright); margin-bottom:15px; transition: 0.5s}
.block-min:hover 	{background:var(--blhover); cursor:pointer; transform: translateY(-3px); /*transition: 0.5s*/}
.block-min .text 	{background:var(--bltext); padding:10px}
.block-min h1, .block-min h2, .block-min h3, .block-min h4, .block-min h5, .block-min h6, .block-min p {color:var(--blfont)}

.block-plus 		{background:var(--block-plus); padding:10px; border-radius:15px; border-left: solid 2px var(--bpborwhite); border-top: solid 1px var(--bpborwhite); border-right: solid 1px var(--bpborblack); border-bottom:solid 1px var(--bpborblack); box-shadow: 1px 1px 0px var(--bpborshadow); margin-bottom:0px; transition: 0.5s}
.block-plus:hover 	{background:var(--bphover); transform: translateY(-3px); cursor:pointer; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15); transition: 0.5s}
.block-plus .title	{background:var(--bpttbkg); font-size: 100%; border-bottom:1px solid #000; font-weight: 700; height: 40px; display: flex; align-items: center; width:100%; border-radius:7px}
.block-plus h1 		{color:var(--bpttfont); font-size:100%; font-weight: 700}
.block-plus h5 		{color:var(--bptexfont);  font: 700 15px/18px 'Roboto',sans-serif;}
.block-plus .space 	{height:120px}
.block-plus .col-5 	{width:19%; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom:0.5%; margin-top:0.5%}

.ttbkg 				{background:var(--ttbkg); width:100%; color:var(--ttbkgfont); font: 300 28px/56px 'Roboto',sans-serif; text-align: left; padding:0 10px; margin-bottom:10px; display: flex; align-items: center;}
.ttbkg a 			{padding: 0 10px;  height:56px; font: 300 13px/56px 'Roboto', sans-serif; color:var(--ttbkgfont); font-weight: 300; float:right; text-align:right; display: flex; align-items: center}
.ttbkg a:hover 		{cursor:pointer; font-weight:400}

.ttbkgdark 			{background:var(--ttbkgdark); width:100%; color:var(--ttbkgdarkfont); font: 400 23px/40px 'Roboto',sans-serif; text-align: left; padding:0 10px; margin-bottom:10px; display: flex; align-items: center;}
.ttbkgdark a 		{padding: 0 10px;  height:56px; font: 300 13px/56px 'Roboto', sans-serif; color:var(--ttbkgdarkfont); font-weight: 300; float:right; text-align:right; display: flex; align-items: center}
.ttbkgdark a:hover 	{cursor:pointer; font-weight:400}

.ttline 			{border-bottom:var(--ttline) dotted 1px; width:100%; color:var(--ttlinefont); font: 400 23px/40px 'Roboto',sans-serif; text-align: left; padding:0; margin-bottom:20px; height: 40px; display: flex; align-items: center; text-transform:uppercase}
.ttline a 			{padding: 0 10px;  height:56px; font: 300 13px/56px 'Roboto', sans-serif; color:var(--ttlinefont); font-weight: 400; float:right; text-align:right; display: flex; align-items: center}
.ttline a:hover 	{cursor:pointer; font-weight:700}

.ttlinedark 		{border-bottom:var(--ttlinedark) dotted 1px; width:100%; color:var(--ttlinedarkfont); font: 400 23px/40px 'Roboto',sans-serif; text-align: left; padding:0; margin-bottom:10px; display: flex; align-items: center; text-transform:uppercase}
.ttlinedark a 		{padding: 0 10px;  height:56px; ; font-weight: 400; float:right; text-align:right; display: flex; align-items: center}
.ttlinedark a:hover {cursor:pointer; font-weight:700}

.ttindex 		  	{width:100%; color:var(--ttindexfont); border-bottom:var(--ttindexborda) dotted 1px; text-align:center; font: 400 23px/40px 'Roboto',sans-serif; text-align: left; margin-bottom:0; padding:10px 10px 5px 0px; margin-bottom: 20px}
.boxIndex h1 	  	{font-size:180%; color:var(--boxindexfont); margin:10px 0}
.boxIndex h5 	  	{font-size: 90%; color:var(--boxindexfont)}
.boxIndex p 	  	{font-size: 110%; color:var(--boxindexfont)}
.boxIndex .texto  	{width:58%; padding:2%; margin-bottom:4%}
.boxIndex .imagem 	{width:40%; padding:2%}
@media screen and (max-width:975px){.boxIndex .texto{width:50%;}.boxIndex .imagem{width:50%}}
@media screen and (max-width:835px){.boxIndex .texto{width:100%;}.boxIndex .imagem{width:100%; padding:2% 10%}}

.tt3 				{font-size:170%; color:var(--fonttt3); line-height:1; font-weight:700; margin:5px 0 5px 5px}
.tt3:before 		{content: "\f101"; font-family: FontAwesome; margin-right:10px}
.ttaplus 			{background-color:var(--ttabkg); width:100%; min-height:45px; padding: 7px 7px 7px 10px; margin:auto; font: 400 16px/20px 'Roboto', sans-serif; color:var(--ttafont); text-transform:uppercase; display: flex; align-items: center; margin:auto; border-bottom: solid 0px var(--ttaborder)}
.ttaplus:before 	{content: "\f067"; font-family: FontAwesome; margin-right:10px}
.tta 				{background-color:var(--ttabkg); width:100%; min-height:45px; padding: 7px 7px 7px 10px; margin:auto; font: 400 16px/20px 'Roboto', sans-serif; color:var(--ttafont); text-transform:uppercase; display: flex; align-items: center; margin:auto; border-bottom: solid 0px var(--ttaborder)}
.tta:before 		{content: "\f101"; font-family: FontAwesome; margin-right:10px}
.ttb:before 		{border-top:11px solid var(--ttabkg); content: ""; display: inline-block; vertical-align: middle; margin-right: 30px; width: 0;  height: 0;  border-left:11px solid transparent; border-right:11px solid transparent; margin-left:30px; margin-top:-12px;}
.tts 				{border-bottom:solid 1px var(--ttaborder); width:100%; padding: 7px 7px 7px 10px; margin:auto; font-size:180%; font-weight: 400; color:var(--ttafont); text-transform:none; display: flex; align-items: center; margin:auto; margin-bottom: 1px}
.tts:before 		{content: "\f101"; font-family: FontAwesome; margin-right:10px}
.ttsb:before 		{border-top:11px solid var(--ttabkg); content: ""; display: inline-block; vertical-align: middle; margin-right: 30px; width: 0;  height: 0;  border-left:11px solid transparent; border-right:11px solid transparent; margin-left:30px; margin-top:-12px;}
.ttt 				{background-color: var(--ttabkg); width: 100%; min-height: 45px; padding: 7px 10px 7px 7px; margin: auto; font: 400 16px/30px 'Roboto', sans-serif; color: var(--ttafont); text-transform: uppercase; display: flex; justify-content: space-between; align-items: center;}
.ptta 				{background-color:var(--pttabkg); width:100%; min-height:40px; padding: 7px 7px 7px 10px; margin:auto; font-size:90%; font-weight: 700; color:var(--ttafon); text-transform:uppercase; display: flex; align-items: center; margin:auto; margin-bottom: 1px}
.ptta:before 		{content: "\f101"; font-family: FontAwesome; margin-right:10px}
.pttb:before 		{border-top:11px solid var(--pttabkg); content: ""; display: inline-block; vertical-align: middle; margin-right: 30px; width: 0;  height: 0;  border-left:11px solid transparent; border-right:11px solid transparent; margin-left:30px; margin-top:-12px;}
.ttaa 				{background:var(--ttabkg); font-weight: 700;  color:var(--ttafon); width:100%; min-height:40px; padding: 7px 7px 7px 10px; margin:auto; display: flex; align-items: center; margin:auto; margin-bottom: 1px}
.ttaa a 			{font-size:90%; text-transform:uppercase;}
.ttaa:before 		{content: "\f101"; font-family: FontAwesome; color:var(--ttafont); margin-right:10px}
.ttaa:hover 		{background:var(--ttahover); cursor: pointer;}
#ttbut				{background:var(--ttbut); max-width:100%; min-height:40px; overflow:hidden}
.tttex 				{font: 300 28px/56px "Roboto", sans-serif; color:var(--ttbutfont); padding-left: 10px; display: flex; align-items: center; margin-bottom: 1px}
.ttbut a 			{padding: 0 10px;  height:56px; font-weight: 700; display: flex; align-items: center; cursor:pointer}
.ttbut a:hover 		{background:var(--ttbuthover); cursor:pointer}
#ttabut				{background:var(--ttabkg); max-width:100%; min-height:40px; overflow:hidden}
.ttatex 			{color:var(--ttafont); height:40px; font-weight: 700; padding-left: 10px; text-transform:uppercase; display: flex; align-items: center; margin-bottom: 1px}
.ttabut a 			{color:var(--ttafont)!important; height:40px; font-weight: 700; margin-right: 10px; display: flex; align-items: center; text-transform:uppercase; cursor:pointer; transition: all .8s;}
.ttabut:hover 		{background:#000; cursor:pointer; transition: all .8s; opacity: 0.7}
#pttabut			{background:var(--pttabkg); max-width:1080px; min-height:40px; overflow:hidden}
.pttatex 			{color:var(--pttafont); height:40px; font-weight: 700; padding-left: 10px; text-transform:uppercase; display: flex; align-items: center; margin-bottom: 1px}
.pttabut a 			{color:var(--pttafont)!important; height:40px; font-weight: 700; margin-right: 10px; display: flex; align-items: center; text-transform:uppercase; cursor:pointer; transition: all .8s;}
.pttabut:hover 		{background:#000; cursor:pointer; transition: all .8s; opacity: 0.7}

.abas 				{position:relative; font-size:0; text-align:left; color: var(--abasbkg)}
.abas > input 		{position:absolute; display:none}
.abas > 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}
.abas > label span 	{display:block; padding:0px; background:var(--ababkg)}
.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(--hoverfont)} 
.abas > input:checked + label span span {background:var(--abashover); color:var(--hoverfont)}
.abas > ul 		{list-style:none; position:relative; display:block; font-size:15px}
.abas > ul > li {background:var(--abasbkg); 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}

/* ---------- button type="submit" class="btns" ---------- */ 
.btf 				{width:100%; text-align:center}
.btns, .btnm, .btng {background:var(--button); font: bold 13px 'Lato'; padding:0; border:0; display:inline-block; letter-spacing:0.01em; outline:0; cursor:pointer; transition: all .3s}
.btns:hover, .btnm:hover, .btng:hover {background: var(--buthover)}
.btns  	 			{color:var(--buttonfont)!important; height:23px; line-height:23px; padding-right:15px;}
.btnm 	 			{color:var(--buttonfont)!important; height:30px; line-height:30px; padding-right:15px;}
.btng 	 			{color:var(--buttonfont)!important; height:35px; line-height:35px; padding-right:15px;}
.btns i 			{color:var(--buttonfont)!important; height:23px; line-height:23px; width:23px; margin-right:10px; float:left; background-color:rgba(0,0,0,0.2); text-align:center}
.btnm i 			{color:var(--buttonfont)!important; height:30px; line-height:30px; width:28px; margin-right:10px; float:left; text-align:center; background-color:rgba(0,0,0,0.2)}
.btng i 			{color:var(--buttonfont)!important; height:35px; line-height:35px; width:35px; margin-right:10px; float:left; text-align:center; background-color:rgba(0,0,0,0.2)}

/* ---------- <button a href ---------- */ 
.btfa a			{width:100%; text-align:center}
.btas a, .btam a, .btag a, .btagg a {background:var(--button); font: bold 13px 'Lato'; border:0; display:inline-block; letter-spacing:0.01em; outline:0; cursor:pointer; transition: all .3s}
.btasr a, .btamr a, .btagr a, .btaggr a {background:var(--button); font: bold 13px 'Lato'; border:0; border-radius: 20px; display:inline-block; letter-spacing:0.01em; outline:0; cursor:pointer; transition: all .3s}
.btas a:hover, .btam a:hover, .btag a:hover, .btagg a:hover {color:#fff; background: var(--buthover)}
.btasr a:hover, .btamr a:hover, .btagr a:hover, .btaggr a:hover {color:#fff; background: var(--buthover)}
.btas a 			{color:var(--buttonfont)!important; height:23px; line-height:23px !important; padding:0 15px 0 0px}
.btam a 			{color:var(--buttonfont)!important; height:30px; line-height:30px !important; padding:0 15px 0 0px}
.btag a 			{color:var(--buttonfont)!important; height:40px; line-height:40px !important; padding:0 15px 0 0px}
.btagg a 			{color:var(--buttonfont)!important; height:44px; line-height:44px !important; font: bold 15px 'Lato'; padding:0 40px 0 40px}
.btaggr a 			{color:var(--buttonfont)!important; height:44px; line-height:44px !important; font: bold 14px 'Lato'; padding:0 40px 0 40px}
.btas i 			{color:var(--buttonfont); height:23px; line-height:23px; width:23px; margin-right:10px; float:left; background-color:rgba(0,0,0,0.2); text-align:center}
.btam i 			{color:var(--buttonfont); height:30px; line-height:30px; width:28px; margin-right:10px; float:left; text-align:center; background-color:rgba(0,0,0,0.2)}
.btag i 			{color:var(--buttonfont); height:40px; line-height:40px; width:35px; margin-right:10px; float:left; text-align:center; background-color:rgba(0,0,0,0.2)}
@media screen and (max-width:800px){.btagg a{padding:0 20}}

a:focus             {outline: none}

.clearfix:after     {content: '.'; height: 0; font-size: 0; line-height: 0; display: block; clear: both; overflow: hidden; visibility: hidden}
.tabs-content       {background: #eee; font-family: sans-serif}
.tabs-menu          {background: #0074a2}
.tabs-menu ul       {list-style: none}
.tabs-menu ul li    {float: left}
.tabs-menu ul li a  {display: block; padding: 10px 20px; text-decoration: none; color: #fff}
.tabs-menu ul li a.active-tab-menu {background: #eee; color: #000}
.tabs               {display: none; padding: 30px;}
.first-tab          {display: block;}

/* aba-pai */
.aba-box  			{background: var(--tta); overflow:hidden; border:1px solid #e7e9ea; padding:15px}
div.aba 			{overflow: hidden; border:1px solid #e4e4e4; padding:0; background-color: var(--tta)}
div.aba button 		{background-color:var(--tabbuttom); font-size:16px; color:#fff; width: 100%; padding:10px 16px; margin-bottom:0; float: left; border: none; outline: none; cursor: pointer; transition: 0.3s; border-bottom:none; border-radius:10px 10px 0 0}
div.aba button.active{background-color:var(--tabhover)}
div.aba button:hover{background-color:var(--tabactive); color:#fff; border-radius:9px 9px 0 0;}
.abacontent 		{display: none; padding: 6px 0; -webkit-animation: fadeEffect 1.5s; animation: fadeEffect 1.5s;}
.aba-conteiner 		{background-color:#FFF; border:1px solid #e7e7e7;	border-radius:0 0 6px 6px; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2); border-top: 0; padding: 0;}
.abalinks 			{float:left; }

/* xadrez divs e tabelas */
div.tab 			{overflow: hidden; border-bottom:0px solid #ccc; background-color:var(--tab)}
div.tab button 		{background-color:var(--tabbuttom); color:#fff; font-size:14px; margin-right: 1px;  padding:8px 16px; margin-bottom:2px; float: left; border: none; outline: none; cursor: pointer; transition: 0.3s; border-bottom:none;  border-radius:6px 6px 0 0;}
div.tab button.active {background-color:var(--tabactive)}
div.tab button:hover{background-color:var(--tabhover)}
.tabcontent 		{display: none; padding: 10px 0px; -webkit-animation: fadeEffect 1.5s; animation: fadeEffect 1.5s;}
.tab-conteiner 		{background:var(--tabconteiner); border:0px solid #e7e7e7;	border-radius:0 0 6px 6px; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2); border-top: 0; padding: 0px;}
@-webkit-keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
/* transition:2,0 opacity:0*/;

/* xadrez divs e tabelas */
.divx:nth-child(odd) {background-color:rgba(0,0,0,0.0); padding:13px; overflow:hidden; transition: background-color 0.8s ease}
.divx:nth-child(even){background-color:rgba(0,0,0,0.3); padding:13px; overflow:hidden; transition: background-color 0.8s ease}
.divx:hover 		{background-color:rgba(0,0,0,0.03); overflow:hidden; cursor:pointer;}
.divxx				{}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after 	{clear:both;}
.clearfix   		{*zoom:1;}
.clear 				{clear:both;}

.navigation1 		{width:100%; font: bold 14px 'Lato'; margin-bottom:20px; border-bottom:#ddd 1px solid; padding-bottom:7px}
.navigation1 a		{font: bold 14px 'Lato';}
.navigation1 a:hover{font: bold 14px 'Lato'; color:#766000; text-decoration:underline}

/* Imagem com texto*/
.imagem-top 		{position:relative; max-width:1080px; margin: 0 auto; margin-bottom:20px}
.img-top #texto 	{font-size:320%; color:#fff; font-weight:400; height:120px; max-width:100%; margin-bottom:40px; padding-left:20px; line-height:1; text-shadow:2px 2px 2px #000; vertical-align: middle; display: table-cell;}
@media screen and (max-width:540px){.img-top #texto{font-size:235%;}}

.system 			{width:48.5%; float:left;}
.system .logo		{float:right; margin-right:1%; margin-bottom:2%;}
@media screen and (max-width:800px){.system{width:100%}}

/* Paginação */
.paginacao a  		{background:transparent; font:bold 12px verdana; color:var(--paginacao); padding:10px 12px; margin:2px 1px 2px 0; height:50px; text-decoration:none; border: 1px solid var(--pgnborder); border-radius:4px}
.paginacao a:hover, .paginacao a.atual {background:#36c6d3; color:var(--pgnohover)}

.busca label 		{display:block;}
.busca input 		{width:200px; height:30px; margin-bottom:0; border-radius:5px;}
.busca input, button {margin-bottom:0}
.busca button 		{position: absolute; height:30px; width:40px; border:1px solid #e4e4e4; top: 0; right: 0;} 
.label 				{display: inline; background-color: #0aa4ae; margin-left:5px; padding:5px 10px 5px; font:13px verdana; line-height: 1; color: #fff; letter-spacing:0.05em; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
.busca 				{width:200px; position: relative; float:right;}
.busca .right 		{float:right}