svg 
{
	padding-top:20px;
}

.active-mapa 
{
	fill:#F58345 !important;	
	overflow:auto;
}

.state 
{
	text-decoration:none !important;	
	
}

#map {
	
	background-image:url(../images/f_mapa.png);
	background-repeat:no-repeat;	
  background-position:-58px -8px;
}

#map .state {
    cursor: pointer;
}


#map .state .shape {
    cursor: pointer;
    -width: 0;
}

#map .state .label_icon_state {
    fill: #fff;
    font-family: Arial;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
}

#map .state .label_state {
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
	border:1px solid #CB070A;
	width:150px;
}

#map .state:hover .label_state,
#map .state.hover .label_state {
    display: block;
	
}

#map .model-green .state .shape {
   
}

#map .model-green .state .icon_state {
    fill: #10592f;
}

#map .model-green .state .label_icon_state {
    fill: #fff;
}

#map .model-green .state .label_state {
    fill: #666;
	display:none;
	
}

.dado
{
	display:none;	
	
}

#map .model-green
{
	width:35%;
	border:1px solid #36B140;
}	

#map .model-green .state:hover .shape,
#map .model-green .state.hover .shape {
	
	fill:#f58345;
	text-decoration:none !important;
    
}

#map .model-green .state:hover .icon_state,
#map .model-green .state.hover .icon_state {
    fill: #5a95ce;
	text-decoration:none !important;
}

#map .model-orange .state .shape {
    fill: #fd7132;
}

#map .model-orange .state .icon_state {
    fill: #6cb361;
}

#map .model-orange .state .label_icon_state {
    fill: #fff;
}

#map .model-orange .state .label_state {
    fill: #666;
}

#map .model-orange .state:hover .shape,
#map .model-orange .state.hover .shape {
    fill: #c93f04;
}

#map .model-orange .state:hover .icon_state,
#map .model-orange .state.hover .icon_state {
    fill: #10592f;
}

#map .model-darkgreen .state .shape {
    fill: #366823;
}

#map .model-darkgreen .state .icon_state {
    fill: #2779c6;
}

#map .model-darkgreen .state .label_icon_state {
    fill: #fff;
}

#map .model-darkgreen .state .label_state {
    fill: #666;
}

#map .model-darkgreen .state:hover .shape,
#map .model-darkgreen .state.hover .shape {
    fill: #4a8c31;
}

#map .model-darkgreen .state:hover .icon_state,
#map .model-darkgreen .state.hover .icon_state {
    fill: #5a95ce;
}

.cliked 
{
	fill: #5a95ce !important;
	display:block !important;	
}

.bloco
{
	display:block !important;	
	
}

.mapa 
{
	position:relative;
}



.mapa #label_icon_state_ba
{
	position:absolute;	
	top:225px;
	left:360px;
	cursor:pointer;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#fff;
}

.mapa #label_icon_state_rj
{
	position:absolute;	
	top:354px;
	left:375px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000;

}

.mapa #label_icon_state_es
{
	position:absolute;	
	top:320px;
	left:395px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000 !important;
}



.mapa #label_icon_state_pb
{
	position:absolute;	
	top:162px;
	left:460px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000 !important;
}


.mapa #label_icon_state_rn
{
	position:absolute;	
	top:135px;
	left:450px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000 !important;
}



.mapa #label_icon_state_se
{
	position:absolute;	
	top:218px;
	left:434px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000;
	cursor:pointer;	
}

.mapa #label_icon_state_pe
{
	
	position:absolute;	
	top:179px;
	left:460px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000;
	cursor:pointer;	
}

.mapa #label_icon_state_al
{
	position:absolute;	
	top:198px;
	left:455px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000;
	cursor:pointer;	
}

.mapa #label_icon_state_am
{
	position:absolute;	
	top:101px;
	left:95px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#fff;
	cursor:pointer;	
}

.mapa #label_icon_state_pa
{
	position:absolute;	
	top:140px;
	left:245px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#fff;
	cursor:pointer;	
}

.mapa #label_icon_state_ap
{
	position:absolute;	
	top:60px;
	left:248px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#fff;
	cursor:pointer;	
}

.mapa #label_icon_state_mt
{
	position:absolute;	
	top:225px;
	left:208px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#fff;
	cursor:pointer;	
}

.mapa #label_icon_state_ro
{
	position:absolute;	
	top:200px;
	left:121px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#fff;
	cursor:pointer;	
}

.mapa #label_icon_state_ac
{
	position:absolute;	
	top:194px;
	left:48px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#fff;
	cursor:pointer;	
}

.mapa .dado
{
	font-size:13px;	
	padding-left:2px;
}

.mapa .dado .nome_estado
{
	font-weight:bold; 
	font-size:14px;
	color:#3a8476;	
	border-left:4px solid #f58345;
	margin-left:-4px;
	padding-left:10px;
}






.mapa .dado .linha
{
	margin-left:10px;
	margin-bottom:5px;
}

.bg_nordeste
{
fill:#2a655a;
}

.bg_norte
{
	fill:#3f877a;	
}

.bg_sudeste
{
	fill:#294a44;	
}

.bg_sul, .bg_centro_oeste
{
	fill:#2a655a;	
}
