.estado { font-size: 26px; color: #0a6f43; margin: 10px 0px 15px 0px; padding: 0px 0px; text-align: left; font-weight: bold; text-shadow: 2px 2px 2px #C4C4C4; }
.Title { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; color: #336899; font-weight: bold; }
.Subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #000; font-weight: normal; }
.blocoA {width: 100%; background:#d9eaff; padding:5px; font-family: Arial; font-size: 0.875em; color: #000; line-height: 1.3em;}
.blocoB {width: 100%; background:#c1f0f0; padding:5px; font-family: Arial; font-size: 0.875em; color: #000; line-height: 1.3em;}

body {font-family:Arial, Helvetica, sans-serif;}

a {color: #254441;}

.repres{
	clear: both;
	width: 100%;
	height: auto;	
}

.limite{	
	width: 100%;
}

.combo{
	float: left;
	width: 40%;
	margin: 0 auto;
	padding:0; 
}

.exibe_lista{
	margin: 10px 0px 0px 0px;
}

.mapa_brasil{
	float: right;
	width: 55%;
	padding:0; 
	text-align: right;
}


@media only screen and (max-width: 360px){

.blocoA {width: 100%; background:#d9eaff; padding:1px;}
.blocoB {width: 100%; background:#c1f0f0; padding:1px;}


.repres{
	height: auto;
}

.combo{
	float: center;
	width: 98%;
	padding:1.5%; 
	#border: 1px solid red;
}

.mapa_brasil{
	float: left;
	width: 90%;
	padding:1%;
	margin-top: 5px;
	margin-bottom: 5px;
	#border: 1px solid red;
	}
}

@media only screen and (max-width: 320px){

.blocoA {width: 100%; background:#d9eaff; padding:1px;}
.blocoB {width: 100%; background:#c1f0f0; padding:1px;}


.repres{
	height: auto;
}

.combo{
	float: center;
	width: 98%;
	padding:1.5%; 
	#border: 1px solid red;
}

.mapa_brasil{
	float: left;
	width: 90%;
	padding:1%;
	margin-top: 5px;
	margin-bottom: 5px;
	#border: 1px solid red;
	}
}