/*************************************************************/
/********************  AVVIO   *******************************/
body {
    overflow: hidden;
}
#LoContenitore
{
    width: 50%;
    height: 50%;
    min-width:300px;
    min-height: 300px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 5%;
    text-align: center;
}
#LoTesto
{
    overflow: hidden;
    margin-top:40px;
    color: #3498db;
    font-size:25px;
    min-height: 90px;
    /*font-weight: bold;*/
    font-family:'arial';
}
#LoNumero
{
    position: absolute;
    margin-top:52px;
    margin-left:17px;
    font-size:80px;
    color:#3498db;
    width: 90px;
    height: 90px;
    /*font-weight: bold;
    background-color: #0000FF;*/
}
#CerchioCont
{
    width:125px;
    height:125px;
    margin-left:auto;
    margin-right:auto;
}
#C0,#C1,#C2,#C3
{
    position: absolute;
    margin-top:0px;
    margin-left:0px;
    border: 2px solid #FFFFFF;
    border-top: 2px solid #3498db;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    animation: GiroOr 3s linear infinite;
}
#C1
{
    margin-top:5px;
    margin-left:5px;
    border-top: 2px solid #3dd8db;
    width: 110px;
    height: 110px;
    animation: GiroAn 2s linear infinite;
}
#C2{
    margin-top:10px;
    margin-left:10px;
    border-top: 2px solid #3dd33b;
    width: 100px;
    height: 100px;
    animation: GiroOr 4s linear infinite;
}
#C3{
    margin-top:15px;
    margin-left:15px;
    border-top: 2px solid #FF0000;
    width: 90px;
    height: 90px;
    animation: GiroAn 1s linear infinite;
}
/*****************************************************************************/
@-webkit-keyframes GiroOr {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes GiroOr {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
/*****************************************************************************/
@-webkit-keyframes GiroAn {
    0%   {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes GiroAn {
    0%   {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
/********************  AVVIO   *******************************/
/*************************************************************/