body 			{background:var(--bodybkg); overflow-y:scroll; margin:0; padding-bottom:0} 
html  			{-webkit-text-size-adjust:95%; -ms-text-size-adjust:95%; height: 100%; margin: 0}
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;}
.geral 			{background:var(--geralbkg); max-width:1920px; margin: 0 auto; overflow: hidden; min-height: 100%}
.geral-pag		{background:var(--geralbkg); max-width:1920px; margin: 0 auto; overflow: hidden; min-height: 100%}
.geral-trans	{background:var(--geraltrans); max-width:1920px; margin: 0 auto; overflow: hidden;}
.container 		{max-width:1920px; margin: 0 auto; overflow:hidden}
.content		{max-width:1350px; margin: 0 auto; overflow:hiddens}
.wrap 			{max-width:1350px; margin: 0 auto}
.desktop-footer 	{display: block}
.mobile-footer 		{display: none}

@media screen and (max-width:1324px){}
@media screen and (max-width:1024px){
	.desktop-footer {display: none}
	.mobile-footer 	{display: block}
	.border 		{border:0px; padding:5px; border-radius:0px; overflow: hidden}
	.box-pag 		{padding:5px; border: 0px; border-radius: 0}

@media screen and (max-width: 769px){
	.content 		{padding: 0 10px}
	.box-pag 		{padding:5px; border: 0px; border-radius: 0}
	.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: 600px) {
	div.aside-pag {display: none;}} /* MOBILE  */

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

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