body 			{background:var(--bodybkg); overflow-y:scroll; margin:0; padding-bottom:0; border:none; outline:none} 
html  			{-webkit-text-size-adjust:95%; -ms-text-size-adjust:95%}
html 			{color:var(--fontes); font-size:95%; font-weight:400; font-family: 'Lato', sans-serif, arial;}
input:focus, select:focus, button:focus, textarea:focus, img:focus {outline: 0;} /*tira borda azul*/
.geral 			{background:var(--geralbkg); max-width:1920px; margin: 0 auto}
.geral-pag		{background:var(--geralbkg); max-width:1920px; margin: 0 auto; min-height: calc(100vh - 180px)}
.geral-trans	{background:var(--geraltrans); max-width:1920px; margin: 0 auto; min-height: calc(100vh - 180px)}
.container 		{max-width:1920px; margin: 0 auto; overflow:hidden}
.content		{max-width:1350px; margin: 0 auto; overflow:hidden}
.wrap 			{max-width:1350px; margin: 0 auto}
.border 		{background:var(--borderbkg); border:1px solid var(--border); padding:20px; border-radius: 15px; overflow: hidden}
.borderDark		{background:var(--borderDarkbkg); border:1px solid var(--borderDark); padding: 15px; border-radius: 15px; overflow: hidden}
.border-pag 	{background:var(--borderbkg); border:1px solid var(--border); padding:15px; border-radius: 15px; overflow: hidden}
.box 			{background:var(--boxbkg); border:1px solid var(--boxbor); width:100%; height:100%; margin:0 auto; padding:20px !important; border-radius:20px; text-align: left; overflow:hidden; box-shadow:-1px -1px 20px 11px rgba(0,0,0, 0.06)}
.box-pag 		{background:var(--boxbkg); border:1px solid var(--boxbor); width:100%; margin:0 auto; padding:25px !important; border-radius:30px; text-align: left; overflow:hidden; box-shadow:-1px -1px 20px 11px rgba(0,0,0, 0.06)}
.line 			{background: linear-gradient(to right, transparent 10%, var(--line) 50%, transparent 90%); height:2px}
.linepad 		{background: linear-gradient(to right, transparent 10%, var(--linepad) 50%, transparent 90%); height:3px; margin:20px auto}
.lightbox 		{background:var(--boxbkg); border:1px solid var(--boxbor); width:100%; margin:0 auto; padding:15px; border-radius:15px; text-align: left; overflow:hidden; box-shadow:-1px -1px 20px 11px rgba(0,0,0, 0.06)}
.lightbor 		{background:var(--borderbkg); border:1px solid var(--border); padding:15px; border-radius: 10px; overflow: hidden}
.desktop-content{display: block}
.mobile-content {display: none}
.desktop-footer {display: block}
.mobile-footer 	{display: none}

@media screen and (max-width:540px){.border{padding: 10px; border-radius: 5px}}
@media screen and (max-width:540px){.box{padding: 0px !important; border-radius:0px; box-shadow:-0px -0px 0px 0px rgba(0,0,0, 0.06)}}

@media screen and (max-width:1024px){
.desktop-content {display: none}
.mobile-content {display: block}}
.desktop-footer {display: none}
.mobile-footer 	{display: block}}
.border-pag 	{border:0px; padding:5px; border-radius:0px; overflow: hidden} 
.border 		{background:var(--borderbkg); border:1px dotted var(--border); padding:15px; border-radius: 10px; overflow: hidden}
.mtop 			{margin-top:20px}
.header-min .portais{display: none}
.header-close .portais{display: none}
.header-emin{width:100%;}
.header-dmax{width:100%; height:0px;}
}
@media (max-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)}}

@media screen and (max-width: 769px){
.lightbox 	{border:0px solid var(--boxbor); padding:10px; border-radius:0px; box-shadow:-1px -1px 20px 11px rgba(0,0,0, 0.0)}
.mtop 		{margin-top:20px}
.box-pag 	{border:0px; width:100%; margin:0 auto; padding:0px !important; border-radius:0px; box-shadow:0px}
.border-pag {padding:5px; border-radius: 0}}

@media screen and (max-width: 600px) {
div.aside-pag {display: none;}} /* MOBILE  */

@media screen and (max-width: 480px){
.box-pag {padding:5px; border: 0px; border-radius: 0}.mtop{margin-top:20px}}