circle {
    fill: #2e669b;
    fill-opacity: .10;
    stroke: #2e669b;
    stroke-width: 1px;
}

.first circle {
    fill: transparent;
    stroke: transparent;
}

.leaf circle {
    fill-opacity: 1;
}

.leaf.Hidroenergia circle {
    fill: #7bc1d8;
    stroke: #7bc1d8;
}

.leaf.Geotermia circle {
    fill: #b29569;
    stroke: #b29569;
}

.leaf.Eolica circle {
    fill: #54bc8a;
    stroke: #54bc8a;
}

.leaf.Nuclear circle {
    fill: #a85bc6;
    stroke: #a85bc6;
}

.leaf.Solar circle {
    fill: #d8c849;
    stroke: #d8c849;
}

.leaf.Otros circle {
    fill: #a8a79f;
    stroke: #a8a79f;
}

.leaf.Termica circle {
    fill: #ce5c40;
    stroke: #ce5c40;
}