@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 746px) and (max-width: 1024px)  {
.meio	{
	width: 746px;
	}
	}
	
@media only screen and (min-width: 480px) and (max-width: 745px) {
.meio	{
	width: 100%;
	}
.col-1 , .col-2 , .col-3 , .col-4 , .col-5 , .col-6 , .col-7 , .col-8 , .col-9 , .col-10 , .col-11 , .col-12	{
	width: 46% !important;
	margin: 0 2% 20px 2% !important;
	}
	
#topo	{
	height: 232px;
	background: url(../img/topo-resp.jpg) no-repeat center top;
	background-size: 745px;
	}
	
#esq p	{
	font-size: 12px;
	}
	
	
#rodape .col-8 , #rodape .col-2	{
	width: 96% !important;
	text-align: center;
	}
#rodape .logo-um	{
    visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
	}
#rodape .logo-dois	{
	visibility: visible;
    position: static;
    width: 100%;
	}
	}
	
@media only screen and (max-width: 479px) {
.meio	{
	width: 100%;
	}
.col-1 , .col-2 , .col-3 , .col-4 , .col-5 , .col-6 , .col-7 , .col-8 , .col-9 , .col-10 , .col-11 , .col-12	{
	width: 100% !important;
	margin: 0 0 20px 0 !important;
	}
	
	
#topo {
    height: auto !important;
    background: none;
}
#topo a.logo	{
    width: 0;
    height: 0;
    margin: 0;
	}
#topo img.topo-resp	{
	visibility: visible;
    position: static;
	width: 100%;
	}
#topo nav	{
    margin: -6px 0 0 0;
	width:100%;
	}
	
#esq	{
    visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
	}
#dir	{
	width: 94%;
	margin: 3%;
	}
	
	
#rodape .col-8 , #rodape .col-2	{
	width: 96% !important;
	text-align: center;
	}
#rodape .logo-um	{
    visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
	}
#rodape .logo-dois	{
	visibility: visible;
    position: static;
    width: 100%;
	}
	}