.mapa {

    width: 50%;
    place-content: center center;
    
}
.mapa path {
    fill: black;
    stroke: whitesmoke;
    stroke-width: 3px;

}

.mapa :hover{
    fill:rgb(39, 39, 39);
    
}

.mapa{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


#Aguas:hover{color:#c62828; font-size: 20px; }
#Celaya:hover{color:#c62828; font-size: 20px;}
#Cuernavaca:hover{color:#c62828;font-size: 20px;}
#Guadalajara:hover{color:#c31620;font-size: 20px;}
#Irapuato:hover{color:#c62828;font-size: 20px;}
#León:hover{color:#c62828;font-size: 20px;}
#Mexicali:hover{color:#c62828;font-size: 20px;}
#México:hover{color:#c62828;font-size: 20px;}
#Monterrey:hover{color:#c62828;font-size: 20px;}
#CDMX:hover{color:#c62828;font-size: 20px;}
#Morelia:hover{color:#c62828;font-size: 20px;}
#NuevoLaredo:hover{color:#c62828;font-size: 20px;}
#Pachuca:hover{color:#c62828;font-size: 20px;}
#Puebla:hover{color:#c62828;font-size: 20px;}
#Queretaro:hover{color:#c62828;font-size: 20px;}
#Saltillo:hover{color:#c62828;font-size: 20px;}
#SanLuisPotosi:hover{color:#c62828;font-size: 20px;}
#Toluca:hover{color:#c62828;font-size: 20px;}
#Tijuana:hover{color:#c62828;font-size: 20px;}