h1{
    margin-top:0; 
	margin-bottom: 20px;
	background: #29aae2;
	font-family: 'Oswald';
	color:white;
	text-align: center;
    line-height: 60px;
	font-size: 30px;
    height: 60px;
}


.mapa { fill:#bbbbbb }
      
#svg-map text { fill:#fff; font-size:14px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;}
    
#svg-map a{ text-decoration:none }
   
#svg-map a:hover {text-decoration:none }
    
#svg-map .circle { fill:#bbbbbb }
      
#svg-map .circle-hover-rj { fill:#ff0000 }
#svg-map .circle-hover-pb { fill:#ffc50c }
#svg-map .circle-hover-rn { fill:#ffc50c }

/*#svg-map a:hover .circle-hover-pb { fill:#ffd40e;}
#svg-map a:hover .circle { fill:#003399;}*/


#estado-sp{fill:#29aae2;}
#estado-rj{fill:#ff0000;}
#estado-sc{fill:#ffc50c;}
#estado-pr{fill:#29aae2;}
#estado-ma{fill:#ffc50c;}
#estado-rn{fill:#ffc50c;}
#estado-rs{fill:#ffc50c;}
#estado-pb{fill:#ffc50c}    




#info{
    margin: 20px;
    width:600px;
    height: auto;
    font-size:24px; 
    font-family: 'Source Sans Pro', sans-serif;
}

.titulo {
    font-weight: 600;
}

#legenda {
    position: absolute; 
    width: 300px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 10px;
    margin-left: 350px;
    top:450px;
}
.display-flex {
    display: flex;
}
.legenda-box {
    width: 10px;
    height: 10px;
    border: 1px solid;
    margin-top: 2px;
    margin-right: 5px;
}
.legenda-gradient{
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(45deg, #ff0000 50%, #2989d8 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ff0000 50%,#2989d8 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ff0000 50%,#2989d8 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#2989d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}