
.point {
    fill: #000;
    stroke: #fff;
    stroke-width: .5px;
    opacity: 0.5; 
}

.background {
    fill: none;
    pointer-events: all;
}

#states {
    fill: #aaa;
}

#states .active {
    fill: orange;
}

#states .selected {
    fill: grey;
}

#state-borders {
    fill: none;
    /*stroke: #fff;*/
    stroke-width: 5px;
    stroke-linejoin: round;
    stroke-linecap: round;
    pointer-events: none;
}

#info {
    z-index: -9900;
    /*width: 50%;*/
    margin-top: 80px;
    margin-bottom: 80px;
    padding: auto; //10px;
    text-shadow: #f5f5f5 0 1px 0;
    font-family: Arial, Helvetica, sans-serif;
}

#mapa {
    padding-right: 155px;
}

.bg-404 {
    /*background-image: url("../images/bg.png");*/
    /*background-repeat: repeat-x;*/
    /*background-position: center;*/
}

.error-image {
    display: inline-block;
    /*padding-top: 50px;*/
    /*padding-bottom: 50px;*/
}

.graticule {  
    fill: none;  
    stroke: #777;  
    stroke-opacity: .5;  
    stroke-width: .5px;  
}  

.land {  
    fill: #999;  
}  

.boundary {  
    fill: none;  
    stroke: #fff;  
    stroke-width: .5px;  
} 

h2.estado{
    width: 8em; 
    display: inline-block;
    text-align: center;
    word-wrap: break-word;
}

#mapa-bg {
    z-index: -9999;
    position: absolute;
    margin-left: -6%;
    margin-top: -6%;
    width: 128%;
}

.list-group {
    width: 80%;
    position: absolute;
    margin-left: 7%;
    font-size: 16px;
}

#error-page {
    padding-top: 10px;
    padding-bottom: 50px;
}