/**    Stili relativi la mappa   <inizio>                                  */
div.content, div.frecce {
    position: relative;
    width: 100%;
    height: 600px;
    margin-top: 5px;
    z-index: 1;
    /**/background-image: url("../img/tutto.png"); background-size:cover;/**/
    /*border: 1px solid;*/
}

div.closebt {
    cursor: pointer;
    position: absolute;
        right: 5px;
        top: 5px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #333333;
    color: #AAAAAA;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-top: 5px;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}
div.closebt:hover {
    background-color: #E14833;
    color: white;
}

div.colombo, div.albero, div.vita, div.accademia, div.sociale, div.scienza, div.etica {
    cursor: pointer;
}

div.colombo {
    width: 155px;
    height: 220px;
    position: absolute;
        left: 38%;
        top: 27%;
}

div.albero {
    height: 50%;
    width: auto;
    position: absolute;
        right: 20%;
        top: 0px;
}

div.vita {
    width: 155px;
    height: 200px;
    position: absolute;
        left: 38%;
        bottom: 2%;
}

div.accademia {
    background-color: #E3F2DF; /* verde chiaro - sfondo - */
    width: 345px;
    height: 220px;
    border-radius: 5%;
    position: absolute;
        left: 0px;
        top: 0px;
    /**/background-image: url("../img/green-map.png"); background-size:cover; /**/
}

div.sociale {
    background-color: #FFFDE1; /* giallo chiaro - sfondo - */
    width: 400px;
    height: 155px;
    border-radius: 5%;
    position: absolute;
        left: 355px;
        top: 0px;
    /**/background-image: url("../img/yellow-map.png"); background-size:cover; /**/
}

div.scienza {
    background-color: #D7F0FD; /* blu chiaro - sfondo - */
    width: 400px;
    height: 350px;
    border-radius: 5%;
    position: absolute;
        left: 0px;
        bottom: 0px;
    /**/background-image: url("../img/blu-map.png"); background-size:cover; /**/
}

div.etica {
    background-color: #F4DBD0;/* rosso chiaro - sfondo - */
    width: 400px;
    height: 250px;
    border-radius: 5%;
    position: absolute;
        right: 0px;
        bottom: 0px;
    /**/background-image: url("../img/red-map.png"); background-size:cover; /**/
}

img.panel {
    position: absolute;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

div.container-hidden {
    display: none;
}

div.container-hidding {
    background-color: black;
    background-color: white;
    z-index: 2;
    display: block;
    position: absolute;
    -webkit-animation: hide-rotate 1s; /* Chrome, Safari, Opera */
    animation: hide-rotate 1s;
    position:absolute; 
        left: 0%; 
        top: 0%;
    width: 100%;
    height: 100%;/**/
}

div.container-show {
    background-color: black;
    background-color: white;
    z-index: 2;
    display: block;
    position: absolute;
    /*position: relative;
        left: 0px;
        top: 0px;*/
    /*border: 2px solid blue;*/
    -webkit-animation: enlarge-rotate 1s; /* Chrome, Safari, Opera */
    animation: enlarge-rotate 1s;
    position:absolute; 
        left: 0%; 
        top: 0%;
    width: 100%;
    height: 100%;/**/
}
/**    Stili relativi la mappa   <fine>                                    */



/**    Animazioni relative la mappa   <inizio>                             */
/* Chrome, Safari, Opera */
@-webkit-keyframes enlarge {
      0% { position:absolute; left: 49%; top: 49%; width:   2%; height:   2%; opacity:0.05; filter:alpha(opacity=5); /* For IE8 and earlier */ }
      5% { position:absolute; left: 47%; top: 47%; width:   6%; height:   6%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ }
     10% { position:absolute; left: 45%; top: 45%; width:  10%; height:  10%; opacity:0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ }
     15% { position:absolute; left: 42%; top: 42%; width:  16%; height:  16%; opacity:0.15; filter:alpha(opacity=15); /* For IE8 and earlier */ }
     20% { position:absolute; left: 40%; top: 40%; width:  20%; height:  20%; opacity:0.20; filter:alpha(opacity=20); /* For IE8 and earlier */ }
     25% { position:absolute; left: 37%; top: 37%; width:  26%; height:  26%; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ }
     30% { position:absolute; left: 35%; top: 35%; width:  30%; height:  30%; opacity:0.30; filter:alpha(opacity=30); /* For IE8 and earlier */ }
     35% { position:absolute; left: 32%; top: 32%; width:  36%; height:  36%; opacity:0.35; filter:alpha(opacity=35); /* For IE8 and earlier */ }
     40% { position:absolute; left: 30%; top: 30%; width:  40%; height:  40%; opacity:0.40; filter:alpha(opacity=40); /* For IE8 and earlier */ }
     45% { position:absolute; left: 27%; top: 27%; width:  46%; height:  46%; opacity:0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ }
     50% { position:absolute; left: 25%; top: 25%; width:  50%; height:  50%; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ }
     55% { position:absolute; left: 22%; top: 22%; width:  56%; height:  56%; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ }
     60% { position:absolute; left: 20%; top: 20%; width:  60%; height:  60%; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ }
     65% { position:absolute; left: 17%; top: 17%; width:  66%; height:  66%; opacity:0.65; filter:alpha(opacity=65); /* For IE8 and earlier */ }
     70% { position:absolute; left: 15%; top: 15%; width:  70%; height:  70%; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ }
     75% { position:absolute; left: 12%; top: 12%; width:  76%; height:  76%; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ }
     80% { position:absolute; left: 10%; top: 10%; width:  80%; height:  80%; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ }
     85% { position:absolute; left:  7%; top:  7%; width:  86%; height:  86%; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ }
     90% { position:absolute; left:  5%; top:  5%; width:  90%; height:  90%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ }
     95% { position:absolute; left:  2%; top:  2%; width:  96%; height:  96%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ }
    100% { position:absolute; left:  0%; top:  0%; width: 100%; height: 100%; opacity:1.00; filter:alpha(opacity=100); /* For IE8 and earlier */ }
} 

/* Standard syntax */
@keyframes enlarge {
      0% { position:absolute; left: 49%; top: 49%; width:   2%; height:   2%; opacity:0.05; filter:alpha(opacity=5); /* For IE8 and earlier */ }
      5% { position:absolute; left: 47%; top: 47%; width:   6%; height:   6%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ }
     10% { position:absolute; left: 45%; top: 45%; width:  10%; height:  10%; opacity:0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ }
     15% { position:absolute; left: 42%; top: 42%; width:  16%; height:  16%; opacity:0.15; filter:alpha(opacity=15); /* For IE8 and earlier */ }
     20% { position:absolute; left: 40%; top: 40%; width:  20%; height:  20%; opacity:0.20; filter:alpha(opacity=20); /* For IE8 and earlier */ }
     25% { position:absolute; left: 37%; top: 37%; width:  26%; height:  26%; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ }
     30% { position:absolute; left: 35%; top: 35%; width:  30%; height:  30%; opacity:0.30; filter:alpha(opacity=30); /* For IE8 and earlier */ }
     35% { position:absolute; left: 32%; top: 32%; width:  36%; height:  36%; opacity:0.35; filter:alpha(opacity=35); /* For IE8 and earlier */ }
     40% { position:absolute; left: 30%; top: 30%; width:  40%; height:  40%; opacity:0.40; filter:alpha(opacity=40); /* For IE8 and earlier */ }
     45% { position:absolute; left: 27%; top: 27%; width:  46%; height:  46%; opacity:0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ }
     50% { position:absolute; left: 25%; top: 25%; width:  50%; height:  50%; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ }
     55% { position:absolute; left: 22%; top: 22%; width:  56%; height:  56%; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ }
     60% { position:absolute; left: 20%; top: 20%; width:  60%; height:  60%; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ }
     65% { position:absolute; left: 17%; top: 17%; width:  66%; height:  66%; opacity:0.65; filter:alpha(opacity=65); /* For IE8 and earlier */ }
     70% { position:absolute; left: 15%; top: 15%; width:  70%; height:  70%; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ }
     75% { position:absolute; left: 12%; top: 12%; width:  76%; height:  76%; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ }
     80% { position:absolute; left: 10%; top: 10%; width:  80%; height:  80%; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ }
     85% { position:absolute; left:  7%; top:  7%; width:  86%; height:  86%; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ }
     90% { position:absolute; left:  5%; top:  5%; width:  90%; height:  90%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ }
     95% { position:absolute; left:  2%; top:  2%; width:  96%; height:  96%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ }
    100% { position:absolute; left:  0%; top:  0%; width: 100%; height: 100%; opacity:1.00; filter:alpha(opacity=100); /* For IE8 and earlier */ }
} 

/* Chrome, Safari, Opera */
@-webkit-keyframes hide {
      0% { position:absolute; left:  0%; top:  0%; width: 100%; height: 100%; opacity:1.00; filter:alpha(opacity=100); /* For IE8 and earlier */ }
      5% { position:absolute; left:  2%; top:  2%; width:  96%; height:  96%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ }
     10% { position:absolute; left:  5%; top:  5%; width:  90%; height:  90%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ }
     15% { position:absolute; left:  7%; top:  7%; width:  86%; height:  86%; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ }
     20% { position:absolute; left: 10%; top: 10%; width:  80%; height:  80%; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ }
     25% { position:absolute; left: 12%; top: 12%; width:  76%; height:  76%; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ }
     30% { position:absolute; left: 15%; top: 15%; width:  70%; height:  70%; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ }
     35% { position:absolute; left: 17%; top: 17%; width:  66%; height:  66%; opacity:0.65; filter:alpha(opacity=65); /* For IE8 and earlier */ }
     40% { position:absolute; left: 20%; top: 20%; width:  60%; height:  60%; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ }
     45% { position:absolute; left: 22%; top: 22%; width:  56%; height:  56%; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ }
     50% { position:absolute; left: 25%; top: 25%; width:  50%; height:  50%; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ }
     55% { position:absolute; left: 27%; top: 27%; width:  46%; height:  46%; opacity:0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ }
     60% { position:absolute; left: 30%; top: 30%; width:  40%; height:  40%; opacity:0.40; filter:alpha(opacity=40); /* For IE8 and earlier */ }
     65% { position:absolute; left: 32%; top: 32%; width:  34%; height:  34%; opacity:0.35; filter:alpha(opacity=35); /* For IE8 and earlier */ }
     70% { position:absolute; left: 35%; top: 35%; width:  30%; height:  30%; opacity:0.30; filter:alpha(opacity=30); /* For IE8 and earlier */ }
     75% { position:absolute; left: 37%; top: 37%; width:  26%; height:  26%; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ }
     80% { position:absolute; left: 40%; top: 40%; width:  20%; height:  20%; opacity:0.20; filter:alpha(opacity=20); /* For IE8 and earlier */ }
     85% { position:absolute; left: 42%; top: 42%; width:  16%; height:  16%; opacity:0.15; filter:alpha(opacity=15); /* For IE8 and earlier */ }
     90% { position:absolute; left: 45%; top: 45%; width:  10%; height:  10%; opacity:0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ }
     95% { position:absolute; left: 47%; top: 47%; width:   6%; height:   6%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ }
    100% { position:absolute; left: 49%; top: 49%; width:   2%; height:   2%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ }
} 

/* Standard syntax */
@keyframes hide {
      0% { position:absolute; left:  0%; top:  0%; width: 100%; height: 100%; opacity:1.00; filter:alpha(opacity=100); /* For IE8 and earlier */ }
      5% { position:absolute; left:  2%; top:  2%; width:  96%; height:  96%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ }
     10% { position:absolute; left:  5%; top:  5%; width:  90%; height:  90%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ }
     15% { position:absolute; left:  7%; top:  7%; width:  86%; height:  86%; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ }
     20% { position:absolute; left: 10%; top: 10%; width:  80%; height:  80%; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ }
     25% { position:absolute; left: 12%; top: 12%; width:  76%; height:  76%; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ }
     30% { position:absolute; left: 15%; top: 15%; width:  70%; height:  70%; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ }
     35% { position:absolute; left: 17%; top: 17%; width:  66%; height:  66%; opacity:0.65; filter:alpha(opacity=65); /* For IE8 and earlier */ }
     40% { position:absolute; left: 20%; top: 20%; width:  60%; height:  60%; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ }
     45% { position:absolute; left: 22%; top: 22%; width:  56%; height:  56%; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ }
     50% { position:absolute; left: 25%; top: 25%; width:  50%; height:  50%; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ }
     55% { position:absolute; left: 27%; top: 27%; width:  46%; height:  46%; opacity:0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ }
     60% { position:absolute; left: 30%; top: 30%; width:  40%; height:  40%; opacity:0.40; filter:alpha(opacity=40); /* For IE8 and earlier */ }
     65% { position:absolute; left: 32%; top: 32%; width:  34%; height:  34%; opacity:0.35; filter:alpha(opacity=35); /* For IE8 and earlier */ }
     70% { position:absolute; left: 35%; top: 35%; width:  30%; height:  30%; opacity:0.30; filter:alpha(opacity=30); /* For IE8 and earlier */ }
     75% { position:absolute; left: 37%; top: 37%; width:  26%; height:  26%; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ }
     80% { position:absolute; left: 40%; top: 40%; width:  20%; height:  20%; opacity:0.20; filter:alpha(opacity=20); /* For IE8 and earlier */ }
     85% { position:absolute; left: 42%; top: 42%; width:  16%; height:  16%; opacity:0.15; filter:alpha(opacity=15); /* For IE8 and earlier */ }
     90% { position:absolute; left: 45%; top: 45%; width:  10%; height:  10%; opacity:0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ }
     95% { position:absolute; left: 47%; top: 47%; width:   6%; height:   6%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ }
    100% { position:absolute; left: 49%; top: 49%; width:   2%; height:   2%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ }
} 

@-webkit-keyframes enlarge-rotate {
      0% { position:absolute; left: 49%; top: 49%; width:   2%; height:   2%; opacity:0.05; filter:alpha(opacity=5);  /* For IE8 and earlier */ -webkit-transform: rotate(0deg);   }
      5% { position:absolute; left: 47%; top: 47%; width:   6%; height:   6%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ -webkit-transform: rotate(18deg);  }
     10% { position:absolute; left: 45%; top: 45%; width:  10%; height:  10%; opacity:0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ -webkit-transform: rotate(36deg);  }
     15% { position:absolute; left: 42%; top: 42%; width:  16%; height:  16%; opacity:0.15; filter:alpha(opacity=15); /* For IE8 and earlier */ -webkit-transform: rotate(54deg);  }
     20% { position:absolute; left: 40%; top: 40%; width:  20%; height:  20%; opacity:0.20; filter:alpha(opacity=20); /* For IE8 and earlier */ -webkit-transform: rotate(72deg);  }
     25% { position:absolute; left: 37%; top: 37%; width:  26%; height:  26%; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ -webkit-transform: rotate(90deg);  }
     30% { position:absolute; left: 35%; top: 35%; width:  30%; height:  30%; opacity:0.30; filter:alpha(opacity=30); /* For IE8 and earlier */ -webkit-transform: rotate(108deg); }
     35% { position:absolute; left: 32%; top: 32%; width:  36%; height:  36%; opacity:0.35; filter:alpha(opacity=35); /* For IE8 and earlier */ -webkit-transform: rotate(126deg); }
     40% { position:absolute; left: 30%; top: 30%; width:  40%; height:  40%; opacity:0.40; filter:alpha(opacity=40); /* For IE8 and earlier */ -webkit-transform: rotate(144deg); }
     45% { position:absolute; left: 27%; top: 27%; width:  46%; height:  46%; opacity:0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ -webkit-transform: rotate(162deg); }
     50% { position:absolute; left: 25%; top: 25%; width:  50%; height:  50%; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ -webkit-transform: rotate(180deg); }
     55% { position:absolute; left: 22%; top: 22%; width:  56%; height:  56%; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ -webkit-transform: rotate(198deg); }
     60% { position:absolute; left: 20%; top: 20%; width:  60%; height:  60%; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ -webkit-transform: rotate(216deg); }
     65% { position:absolute; left: 17%; top: 17%; width:  66%; height:  66%; opacity:0.65; filter:alpha(opacity=65); /* For IE8 and earlier */ -webkit-transform: rotate(234deg); }
     70% { position:absolute; left: 15%; top: 15%; width:  70%; height:  70%; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ -webkit-transform: rotate(252deg); }
     75% { position:absolute; left: 12%; top: 12%; width:  76%; height:  76%; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ -webkit-transform: rotate(270deg); }
     80% { position:absolute; left: 10%; top: 10%; width:  80%; height:  80%; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ -webkit-transform: rotate(288deg); }
     85% { position:absolute; left:  7%; top:  7%; width:  86%; height:  86%; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ -webkit-transform: rotate(306deg); }
     90% { position:absolute; left:  5%; top:  5%; width:  90%; height:  90%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ -webkit-transform: rotate(324deg); }
     95% { position:absolute; left:  2%; top:  2%; width:  96%; height:  96%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ -webkit-transform: rotate(342deg); }
    100% { position:absolute; left:  0%; top:  0%; width: 100%; height: 100%; opacity:1.00; filter:alpha(opacity=100);/* For IE8 and earlier */ -webkit-transform: rotate(360deg); }
} 

/* Standard syntax */
@keyframes enlarge-rotate {
      0% { position:absolute; left: 49%; top: 49%; width:   2%; height:   2%; opacity:0.05; filter:alpha(opacity=5);  /* For IE8 and earlier */ transform: rotate(0deg);   }
      5% { position:absolute; left: 47%; top: 47%; width:   6%; height:   6%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ transform: rotate(18deg);  }
     10% { position:absolute; left: 45%; top: 45%; width:  10%; height:  10%; opacity:0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ transform: rotate(36deg);  }
     15% { position:absolute; left: 42%; top: 42%; width:  16%; height:  16%; opacity:0.15; filter:alpha(opacity=15); /* For IE8 and earlier */ transform: rotate(54deg);  }
     20% { position:absolute; left: 40%; top: 40%; width:  20%; height:  20%; opacity:0.20; filter:alpha(opacity=20); /* For IE8 and earlier */ transform: rotate(72deg);  }
     25% { position:absolute; left: 37%; top: 37%; width:  26%; height:  26%; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ transform: rotate(90deg);  }
     30% { position:absolute; left: 35%; top: 35%; width:  30%; height:  30%; opacity:0.30; filter:alpha(opacity=30); /* For IE8 and earlier */ transform: rotate(108deg); }
     35% { position:absolute; left: 32%; top: 32%; width:  36%; height:  36%; opacity:0.35; filter:alpha(opacity=35); /* For IE8 and earlier */ transform: rotate(126deg); }
     40% { position:absolute; left: 30%; top: 30%; width:  40%; height:  40%; opacity:0.40; filter:alpha(opacity=40); /* For IE8 and earlier */ transform: rotate(144deg); }
     45% { position:absolute; left: 27%; top: 27%; width:  46%; height:  46%; opacity:0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ transform: rotate(162deg); }
     50% { position:absolute; left: 25%; top: 25%; width:  50%; height:  50%; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ transform: rotate(180deg); }
     55% { position:absolute; left: 22%; top: 22%; width:  56%; height:  56%; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ transform: rotate(198deg); }
     60% { position:absolute; left: 20%; top: 20%; width:  60%; height:  60%; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ transform: rotate(216deg); }
     65% { position:absolute; left: 17%; top: 17%; width:  66%; height:  66%; opacity:0.65; filter:alpha(opacity=65); /* For IE8 and earlier */ transform: rotate(234deg); }
     70% { position:absolute; left: 15%; top: 15%; width:  70%; height:  70%; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ transform: rotate(252deg); }
     75% { position:absolute; left: 12%; top: 12%; width:  76%; height:  76%; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ transform: rotate(270deg); }
     80% { position:absolute; left: 10%; top: 10%; width:  80%; height:  80%; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ transform: rotate(288deg); }
     85% { position:absolute; left:  7%; top:  7%; width:  86%; height:  86%; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ transform: rotate(306deg); }
     90% { position:absolute; left:  5%; top:  5%; width:  90%; height:  90%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ transform: rotate(324deg); }
     95% { position:absolute; left:  2%; top:  2%; width:  96%; height:  96%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ transform: rotate(342deg); }
    100% { position:absolute; left:  0%; top:  0%; width: 100%; height: 100%; opacity:1.00; filter:alpha(opacity=100);/* For IE8 and earlier */ transform: rotate(360deg); }
} 

/* Chrome, Safari, Opera */
@-webkit-keyframes hide-rotate {
      0% { position:absolute; left:  0%; top:  0%; width: 100%; height: 100%; opacity:1.00; filter:alpha(opacity=100);/* For IE8 and earlier */ -webkit-transform: rotate(360deg); }
      5% { position:absolute; left:  2%; top:  2%; width:  96%; height:  96%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ -webkit-transform: rotate(342deg); }
     10% { position:absolute; left:  5%; top:  5%; width:  90%; height:  90%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ -webkit-transform: rotate(324deg); }
     15% { position:absolute; left:  7%; top:  7%; width:  86%; height:  86%; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ -webkit-transform: rotate(306deg); }
     20% { position:absolute; left: 10%; top: 10%; width:  80%; height:  80%; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ -webkit-transform: rotate(288deg); }
     25% { position:absolute; left: 12%; top: 12%; width:  76%; height:  76%; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ -webkit-transform: rotate(270deg); }
     30% { position:absolute; left: 15%; top: 15%; width:  70%; height:  70%; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ -webkit-transform: rotate(252deg); }
     35% { position:absolute; left: 17%; top: 17%; width:  66%; height:  66%; opacity:0.65; filter:alpha(opacity=65); /* For IE8 and earlier */ -webkit-transform: rotate(234deg); }
     40% { position:absolute; left: 20%; top: 20%; width:  60%; height:  60%; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ -webkit-transform: rotate(216deg); }
     45% { position:absolute; left: 22%; top: 22%; width:  56%; height:  56%; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ -webkit-transform: rotate(198deg); }
     50% { position:absolute; left: 25%; top: 25%; width:  50%; height:  50%; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ -webkit-transform: rotate(180deg); }
     55% { position:absolute; left: 27%; top: 27%; width:  46%; height:  46%; opacity:0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ -webkit-transform: rotate(162deg); }
     60% { position:absolute; left: 30%; top: 30%; width:  40%; height:  40%; opacity:0.40; filter:alpha(opacity=40); /* For IE8 and earlier */ -webkit-transform: rotate(144deg); }
     65% { position:absolute; left: 32%; top: 32%; width:  34%; height:  34%; opacity:0.35; filter:alpha(opacity=35); /* For IE8 and earlier */ -webkit-transform: rotate(126deg); }
     70% { position:absolute; left: 35%; top: 35%; width:  30%; height:  30%; opacity:0.30; filter:alpha(opacity=30); /* For IE8 and earlier */ -webkit-transform: rotate(108deg); }
     75% { position:absolute; left: 37%; top: 37%; width:  26%; height:  26%; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ -webkit-transform: rotate(90deg);  }
     80% { position:absolute; left: 40%; top: 40%; width:  20%; height:  20%; opacity:0.20; filter:alpha(opacity=20); /* For IE8 and earlier */ -webkit-transform: rotate(72deg);  }
     85% { position:absolute; left: 42%; top: 42%; width:  16%; height:  16%; opacity:0.15; filter:alpha(opacity=15); /* For IE8 and earlier */ -webkit-transform: rotate(54deg);  }
     90% { position:absolute; left: 45%; top: 45%; width:  10%; height:  10%; opacity:0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ -webkit-transform: rotate(36deg);  }
     95% { position:absolute; left: 47%; top: 47%; width:   6%; height:   6%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ -webkit-transform: rotate(18deg);  }
    100% { position:absolute; left: 49%; top: 49%; width:   2%; height:   2%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ -webkit-transform: rotate(0deg);   }
} 

/* Standard syntax */
@keyframes hide-rotate {
      0% { position:absolute; left:  0%; top:  0%; width: 100%; height: 100%; opacity:1.00; filter:alpha(opacity=100);/* For IE8 and earlier */ transform: rotate(360deg); }
      5% { position:absolute; left:  2%; top:  2%; width:  96%; height:  96%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ transform: rotate(342deg); }
     10% { position:absolute; left:  5%; top:  5%; width:  90%; height:  90%; opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */ transform: rotate(324deg); }
     15% { position:absolute; left:  7%; top:  7%; width:  86%; height:  86%; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ transform: rotate(306deg); }
     20% { position:absolute; left: 10%; top: 10%; width:  80%; height:  80%; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ transform: rotate(288deg); }
     25% { position:absolute; left: 12%; top: 12%; width:  76%; height:  76%; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ transform: rotate(270deg); }
     30% { position:absolute; left: 15%; top: 15%; width:  70%; height:  70%; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ transform: rotate(252deg); }
     35% { position:absolute; left: 17%; top: 17%; width:  66%; height:  66%; opacity:0.65; filter:alpha(opacity=65); /* For IE8 and earlier */ transform: rotate(234deg); }
     40% { position:absolute; left: 20%; top: 20%; width:  60%; height:  60%; opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ transform: rotate(216deg); }
     45% { position:absolute; left: 22%; top: 22%; width:  56%; height:  56%; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ transform: rotate(198deg); }
     50% { position:absolute; left: 25%; top: 25%; width:  50%; height:  50%; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ transform: rotate(180deg); }
     55% { position:absolute; left: 27%; top: 27%; width:  46%; height:  46%; opacity:0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ transform: rotate(162deg); }
     60% { position:absolute; left: 30%; top: 30%; width:  40%; height:  40%; opacity:0.40; filter:alpha(opacity=40); /* For IE8 and earlier */ transform: rotate(144deg); }
     65% { position:absolute; left: 32%; top: 32%; width:  34%; height:  34%; opacity:0.35; filter:alpha(opacity=35); /* For IE8 and earlier */ transform: rotate(126deg); }
     70% { position:absolute; left: 35%; top: 35%; width:  30%; height:  30%; opacity:0.30; filter:alpha(opacity=30); /* For IE8 and earlier */ transform: rotate(108deg); }
     75% { position:absolute; left: 37%; top: 37%; width:  26%; height:  26%; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ transform: rotate(90deg);  }
     80% { position:absolute; left: 40%; top: 40%; width:  20%; height:  20%; opacity:0.20; filter:alpha(opacity=20); /* For IE8 and earlier */ transform: rotate(72deg);  }
     85% { position:absolute; left: 42%; top: 42%; width:  16%; height:  16%; opacity:0.15; filter:alpha(opacity=15); /* For IE8 and earlier */ transform: rotate(54deg);  }
     90% { position:absolute; left: 45%; top: 45%; width:  10%; height:  10%; opacity:0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ transform: rotate(36deg);  }
     95% { position:absolute; left: 47%; top: 47%; width:   6%; height:   6%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ transform: rotate(18deg);  }
    100% { position:absolute; left: 49%; top: 49%; width:   2%; height:   2%; opacity:0.05; filter:alpha(opacity=05); /* For IE8 and earlier */ transform: rotate(0deg);   }
} 
/**    Animazioni relativi la mappa   <fine>                               */