@keyframes animazionemappa {
                                                0%   {fill: #999999; }
                                                50%   {fill: #8da790;}
                                                75%   {fill: #4fa55b;}
                                                100% {fill: #2D9F3D;}
                                              }
                                              .popupMappa {
                                                  position:absolute;
                                                  
                                                  background-color:#FFF;
                                                  box-shadow: 1px 1px 1px #CCC;
                                                  padding-left:10px;
                                                  padding-right:10px;
                                                  padding-top:5px;
                                                  padding-bottom:5px;
                                                  font-size: 11px;
                                                  font-family: Arial, Verdana, Helvetica, sans-serif;
                                                  cursor:pointer;
                                              }
                                               #svgmappa {
                                                  width:200px;
                                                  height:230px;
                                               }
                                               #svgmappa svg {
                                                  width:200px; 
                                                  height:230px;
                                               }
                                               
                                               #svgmappa path {
                                                 fill: #999999;
                                                 stroke: #F2EFE6; 
                                                 stroke-width: 1; 
                                                 
                                               }
                                               #svgmappa.attiva path {
                                                 cursor: pointer;  
                                               }
                                               #svgmappa.attiva path:hover {
                                                 fill:#2D9F3D;
                                                 animation-name: animazionemappa;
                                                 animation-duration: 0.5s;
                                               }
                                               
                                               #svgmappa path.attuale {
                                                 fill:#0D7F1D;
                                                 
                                                 
                                               }
                                               
                                               #svgmappa text {
                                                  fill: #646464; 
                                                  
                                               }
                                               
                                               #svgmappa.attiva text {

                                                  cursor: pointer;  
                                               }
                                               
                                               #svgmappa.attiva text:hover {
                                                 fill: #4FB63F;
                                               }