body {
    background-color: black;
}

#logo {
    width: 202px;
}

.animation1 {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5); /*Webkit: Scale down image to 0.8x original size*/
    -moz-transform: scale(0.5); /*Mozilla scale version*/
    -o-transform: scale(0.5); /*Opera scale version*/
    -webkit-transition-duration: 3.2s;
    transition-duration: 3.2s; /*Webkit: Animation duration*/
    -moz-transition-duration: 3.2s; /*Mozilla duration version*/
    -o-transition-duration: 3.2s; /*Opera duration version*/
    /*opacity: 0; initial opacity of images*/
    /* margin: 0 10px 5px 0; margin between images*/
}

.animation2 img {
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4); /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(4); /*Mozilla scale version*/
    -o-transform: scale(4); /*Opera scale version*/
}

/*------------------------------------------*/

/*
    left: 289px;
    top: 308px;
    width: 811px;
    height: 387px;
*/

#contenuto {
	margin: 0 auto;
	width: 800px;
	height: auto;
	position: relative;
}

#main {
    text-align:center;
    
    padding-top:120px;

    position: absolute;
    left: 289px;
    top: 308px;
    width: 811px;
    height: 387px;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: translate(-295px, -202px) translateZ(0) rotate(0) skew(0, 0) scale(0.71, 0.71);
    -moz-transform: translate(-295px, -202px) translateZ(0) rotate(0) skew(0, 0) scale(0.71, 0.71);
    -ms-transform: translate(-295px, -202px) translateZ(0) rotate(0) skew(0, 0) scale(0.71, 0.71);
    -o-transform: translate(-295px, -202px) translateZ(0) rotate(0) skew(0, 0) scale(0.71, 0.71);
    transform: translate(-295px, -202px) translateZ(0) rotate(0) skew(0, 0) scale(0.71, 0.71);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*background-image: url('../images/logo.png');*/
    background-repeat: no-repeat;
}

#it {
    position: absolute;
    display: none;
    left: 707px;
    top: 252px;
    width: 33px;
    height: 25px;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: translate(-20px, -21px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -moz-transform: translate(-20px, -21px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -ms-transform: translate(-20px, -21px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -o-transform: translate(-20px, -21px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    transform: translate(-20px, -21px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-image: url('../images/itintro.png');
    background-repeat: no-repeat;
}

#en {
    position: absolute;
    display: none;
    left: 735px;
    top: 244px;
    width: 33px;
    height: 25px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translate(-15px, -13px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -moz-transform: translate(-15px, -13px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -ms-transform: translate(-15px, -13px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -o-transform: translate(-15px, -13px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    transform: translate(-15px, -13px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    background-image: url('../images/enintro.png');
    background-repeat: no-repeat;
}

#de {
    position: absolute;
    display: none;
    left: 765px;
    top: 338px;
    width: 33px;
    height: 25px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translate(-12px, -107px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -moz-transform: translate(-12px, -107px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -ms-transform: translate(-12px, -107px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -o-transform: translate(-12px, -107px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    transform: translate(-12px, -107px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    background-image: url('../images/deintro.png');
    background-repeat: no-repeat;
}

#footer {
    position: absolute;
    display: none;
    left: 418px;
    top: 522px;
    width: 801px;
    height: 18px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translate(-419px, -43px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -moz-transform: translate(-419px, -43px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -ms-transform: translate(-419px, -43px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    -o-transform: translate(-419px, -43px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    transform: translate(-419px, -43px) translateZ(0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
    background-image: url('../images/intropie.png');
    background-repeat: no-repeat;
}