/* CSS Document */

body {
    font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"sans-serif; 
    min-height: 740px;
    background: #fdffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 30%, #ffffff 54%, #ffffff 75%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 30%, #ffffff 54%, #ffffff 75%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #fff 30%, #fff 54%, #fff 75%, #fff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fdffff', endColorstr='#b1d8f5', GradientType=0);
    /* IE6-9 */
}




#loading {
		-webkit-animation: rotation 40s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

    
#grafico {
		-webkit-animation: rotation 4 .3s;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}





    
.componentContainer {
    position: absolute;
    line-height: normal;
    cursor: pointer;
}

.componentContainer img {
    
}


/* 0% {
    margin: 0px;
  }
  
  100% {
    margin:400px;
  }*/

.strut-surface  {
background-image: url("../img/sfondo1.jpg");
background-position: center;background-repeat: no-repeat;background:cover;}


.Intro-Sfondo{
background-image: url("../img/sfondo-intro3.png");
background-position: center; background-repeat: no-repeat; background:content;
-moz-background-size: content;
-webkit-background-size: content;
}

.Intro-Sfondo2{
background-color: #1f4f62;
}



.comparsa{
    opacity: 0;
    display: none;

    -webkit-transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    transition: opacity 0.7s ease-in-out;
}

.parent:hover .child {
    opacity: 0.9;
    display: block;
}

#start{animation:titolo 7s ease-in-out infinite; }

#start2{animation:titolo3 6s ease-in-out infinite; }



@keyframes titolo{
	0%{transform:scale(0.9,0.9);}
	50%{transform:scale(1,1);}
	100%{transform:scale(0.9,0.9);}
	}
@keyframes titolo2{
	0%{transform:scale(0.9,0.9);}
	50%{transform:scale(1,1);}
	100%{transform:scale(0.9,0.9);}
	}

@keyframes titolo3{
	0%{transform:scale(0.9,0.9);}
	50%{transform:scale(1,1);}
	100%{transform:scale(1,1);}
	}

#comparsa{animation:prova 2s  }
@keyframes prova {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.alzati{transition: all .3s ease-in-out;}
.alzati:hover{transform:scale(1.1,1.1);}


.domanda{transition: all .3s ease-in-out;}
.domanda:hover{transform:scale(2,2);}


.suegiu{animation:titolo2 3s ease-in-out infinite;}

.apice {
    vertical-align: super;
    font-size: smaller;
}

.sfondofull {
    background-image: url("../img/background-full.png");
    background-size: cover;
}


#impress .slide0 {
    top: 100px;
    margin-top: 0px;
    display: block;
    width: 850px;
    height: 588px;
    padding: 5px 10px;
    background-color: transparent;
    border-radius: 10px;
    color: rgb(102, 102, 102);
     
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0px;
    color:#fff;
    
}




tr:nth-child(odd) {
    background-color: white;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

@media (max-width: 480px) {p{margin-left:20px!important;}}



@media (max-width: 680px) {
.Intro-Sfondo{
background-image: url("../img/sfondo-intro3.png");
background-position: center; background-repeat: no-repeat; background:content;
-moz-background-size: content;
-webkit-background-size: content;
}
    
    }