body,html,svg{
    width:100%;
    height: 100%;
    pointer-events:all;      
    margin:0 auto;
    }
.circle_light{
    fill:#30b33d;
}
.circle_dark, .map_actions{
    fill:#105633;
}
.circle_dark, .circle_light, .map_actions{
    animation: show 2.5s ease-in; 
    stroke: #105633;
    stroke-opacity: 1;
    stroke-width:1; 
    
}
.country{
    fill:none;
    stroke: #333;
    stroke-opacity: 1;
    stroke-width:0.2;  
    -webkit-filter: url("#pathshadow");
    filter: url("#pathshadow");
    
}
.MX{
    fill:#daa100;
    animation: show 2s ease-in; 
}
.BE,.GT{
    animation: show 2.5s ease-in; 
}
.BE, .SV, .CR_PA{
    fill:#a53f00;
}
.CR_PA{
    animation: show 3.5s ease-in; 
}
.GT{
    fill:#ffa500;
}
.HN{
    fill:#dd7a00;
}
.HN,.SV{
    animation: show 3s ease-in; 
}
.NI{
    fill:#ffc100;
    animation: show 2.5s ease-in; 
}
.lagos{
    fill:#ccc;
}
.Croquis{
    stroke-width:5;
    stroke: #fff;
}

g:focus, path:focus{
    outline: none;
}
/*
.centro:hover{
    display: block;
}
*/

@keyframes show {
0% {
    fill: rgba(255,255,255,0);
}

}