.cls-1 {
  font-family: OpenSans-SemiBold, 'Open Sans';
  font-size: 12px;
  font-weight: 600;
}

.cls-1, .cls-2 {
  fill: gray;
}

.cls-3 {
  fill: #2a7050;
}


.cls-4 {
  fill: #2a7050;
}


.cls-6 {
  fill: #3f7c5e;
}

.cls-7 {
  letter-spacing: 0em;
}

.cls-8 {
  fill: #b4a269;
}

.cls-9 {
  letter-spacing: -.05em;
}

.cls-10 {
  letter-spacing: -.01em;
}

.cls-11 {
  letter-spacing: -.04em;
}

.cls-12 {
  letter-spacing: -.01em;
}

.cls-13 {
  letter-spacing: -.01em;
}

.cls-14 {
  letter-spacing: -.01em;
}

.cls-15 {
  font-family: Roboto-Bold, Roboto;
  font-size: 11px;
  font-weight: 700;
}

.cls-4 {
  font-family: BauhausStd-Demi, 'Bauhaus Std';
  font-size: 11.08px;
  font-weight: 300;
  letter-spacing: 0em;
}

.cls-16 {
  letter-spacing: 0em;
}

.cls-17 {
  letter-spacing: 0em;
}

.mapa { 
  display: inherit; 
  margin: 0 auto;
  width: 65%;
}

.draw:hover {
  stroke: #b7a66D; 
  stroke-width: 2px;
  transition: 0.3s;
}


.suc__state:hover {
  stroke: #b7a66D; 
  fill-opacity: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.suc__state {
  margin: 0 auto;
  width: 100%;
  fill: none;
}

.Estilodecarcternormal1 {
  font-family : Open Sans;
  font-weight : bold;
  font-size : 12px;
  color : #808080;
  color : rgb(128, 128, 128);
}

.Estilodecarcternormal
{
  font-family : Open Sans;
  font-weight : bold;
  font-size : 12px;
  color : #808080;
  color : rgb(128, 128, 128);
}

.enabled {
  cursor: pointer;
  filter: grayscale(1);
}

.enabled:hover {
  filter: grayscale(0);
  cursor: pointer;
  transition: 1s;
}

.heyo:hover {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.description {
  pointer-events: none;
  position: absolute;
  font-size: 18px;
  text-align: center;
  background: #3f7c5e;
  padding: 0px 15px;
  z-index: 5;
  height: 30px;
  line-height: 30px;
  color: #f1f1f1;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #3f7c5e;
  display: none;
  font-variant: small-caps;
  text-transform: lowercase;
  font-weight: 800;
  letter-spacing: 1px;
}

.description.active {
  display: block;
}
.description:after {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
}

.draw {
fill-opacity: 0;
-webkit-animation: draw 90s 5s ease-in both, pathfill 15s 5s ease-in both;
-moz-animation: draw 90s 5s ease-in both, pathfill 15s 5s ease-in both;
animation: draw 90s 5s ease-in both, pathfill 15s 5s ease-in both;
}

@keyframes draw
{
0% {stroke-dasharray: 0 99999;}
100% {stroke-dasharray: 99999 99999;}
}

@keyframes pathfill
{
0% {fill-opacity:0;}
100% {fill-opacity:0.25;}
}

/* Reveal the content */

.revealedBox {
	.contentBox {
    fill-opacity: 0;
	}
	> span {
		position: absolute;
		display: block;
	}
}

.revealedBox-in {
	> .contentBox {
		transition-delay: 1.05s;
	}
}

/* Add delay */

.revealedBox-in > span {
	animation-delay: 0.1s;
}