#Corpo {
    border: solid;
    display: block;
    height: 500px;
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    /*background: green;*/
    color: white;
    overflow: hidden;
}
#header {
    height: 10%;
    width: 100%;
    /*background: yellow;*/
    border-width: 1px;
    border-bottom-style: solid;
    color: black;
}
#main {
    height: 80%;
    width: 100%;
	font-size: 16pt;
	/*color: white; /* #FF0100; */
    font-style: italic;
    background: orange;
}
#left {
    float: left;
    height: 80%;
    width: 17%;
    font-style: italic;
    /*background: black;*/
}
#right {
    float: left;
    height: 80%;
    /*margin-top: -400px;*/
    width: 17%;
    /*display: inline;
	/*color: white; /* #FF0100; */
    font-style: italic;
    /*background: red;*/
}
#center {
    height: 80%;
    width: 66%;
    margin: 0 0 0 0;
	font-size: 16pt;
    float: left;
	/*color: white; /* #FF0100;
    font-style: italic;*/
    /*background: grey;*/
}
#footer {
    height: 10%;
    width: 100%;
    border-width: 1px;
    border-top-style: solid;
    color: black;
    float: left;
    /*text-align: center;*/
    padding-top: 7px;
    /*background: pink;*/
}
#footer2 {
    text-align: center;
}
#valfra {
    /*width: 100%;
    height: 10%;*/
    font-size: 32pt;
    color: white;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    /*padding-top: 160px;*/
}
#software {
    font-size: 14pt;
}
.valfra1 {
    height: 100px;
    width: 120px;
    margin: 200px auto 0 auto;
    background-color: grey;
}
.foot {
    font-size: 16pt;
    /*color: white;*/
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
#quadrato {
    height: 110px;
    width: 85px;
    margin: 139px auto 0 auto;
    background-color: grey;
    text-align: left;
}
#quadrato1 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: red;
    border-width: 1px;
    border-bottom-style: solid;
    text-align: center;
}
#quadrato2 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: black;
    border-width: 1px;
    border-bottom-style: solid;
}
#quadrato3 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: black;
    border-width: 1px;
    border-bottom-style: solid;
}
#quadrato4 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: black;
    border-width: 1px;
    border-bottom-style: solid;
}
#quadrato5 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: grey;
    border-width: 1px;
    border-bottom-style: solid;
    text-align: center;
}
#quadrato6 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: black;
    border-width: 1px;
    border-bottom-style: solid;
}
#quadrato7 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: black;
    border-width: 1px;
    border-bottom-style: solid;
}
#quadrato8 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: black;
    border-width: 1px;
    border-bottom-style: solid;
}
#quadrato9 {
    height: 133px;
    width: 263px;
    float: left;
    background-color: black;
    border-width: 1px;
    border-bottom-style: solid;
}
.quad {
    /*font-size: 16pt;
    color: white;*/
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.div1 {
    visibility: hidden;
}
.div2 {
    visibility: visible;
}
.div3 {
    display: none;
}
.div4 {
    display: block;
}
.quad2 {
    /*font-size: 16pt;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    background-color: red !important;*/
    /*text-align: left !important;*/

    -webkit-animation-name: animation1;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 1s;
    /*-webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: 1;*/

    animation-name: animation1;
    animation-duration: 3s;
    animation-delay: 1s;
    /*animation-direction: alternate;
    /*-webkit-animation-iteration-count: 1;*/
}
.quad3 {

    -webkit-animation-name: animation2;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 1s;

    animation-name: animation2;
    animation-duration: 3s;
    animation-delay: 1s;
}
.quad4 {

    -webkit-animation-name: animation3;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 1s;

    animation-name: animation3;
    animation-duration: 2s;
    animation-delay: 1s;
}
.quad5 {

    -webkit-animation-name: animation4;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;

    animation-name: animation4;
    animation-duration: 3s;
}
@-webkit-keyframes animation1 {

    0% {height: 110px;width: 85px;}
     20% {height: 110px;width: 720px;}
     80% {height: 110px;width: 720px;}
     100% {height: 110px;width: 85px;}

    /*from {
        height: 110px;
        width: 85px;
    }
    100% {
    }
    to {
        height: 110px;
        width: 720px;
    }*/
}
@keyframes animation1 {
     0% {height: 110px;width: 85px;}
     20% {height: 110px;width: 720px;}
     80% {height: 110px;width: 720px;}
     100% {height: 110px;width: 85px;}
}
@-webkit-keyframes animation2 {

    0% {opacity: 1;}
     100% {opacity: 0;}
}
@keyframes animation2 {
     0% {opacity: 1;}
     100% {opacity: 0;}
}
@-webkit-keyframes animation3 {

    0% {opacity: 0;}
     100% {opacity: 1;}
}
@keyframes animation3 {
     0% {opacity: 0;}
     100% {opacity: 1;}
}
@-webkit-keyframes animation4 {
    0% {margin-top: 80px;height: 200px;width: 200px;background-color: black;}
     100% {height: 500px;width: 1200px;}
}
@keyframes animation4 {
     0% {margin-top: 80px;height: 200px;width: 200px;background-color: black;}
     100% {height: 500px;width: 1200px;}
}
@-webkit-keyframes q1an {
    0% {margin-top: 80px;height: 200px;width: 200px;background-color: black;}
     100% {height: 500px;width: 1200px;}
}
@keyframes q1an {
     0% {background-image: url(C:/Users/Francesco/Desktop/abbondantissime.png);
        margin-top: 80px;height: 200px;width: 200px;background-color: black;}
     100% {height: 500px;width: 1200px;}
}
.corpo1 {
    display: block !important;
}
#VText {
    font-size: 80pt;
    font-family: Arial, Helvetica, sans-serif;
    visibility: hidden;
}
.VText {
    font-size: 22pt;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    margin-top: 35px;
}
#aText {
    font-size: 80pt;
    font-family: Arial, Helvetica, sans-serif;
    visibility: hidden;
}
#SText {
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}
.SText {
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    margin-top: -25px;
}
.SText1 {
    visibility: hidden;
}
.SText2 {
    visibility: visible;
}
.VSText1 {
    padding-top: 30px;
    text-align: center;
}
.span1 {
    padding-left: 10px;
    visibility: visible !important;
}
.span2 {
    visibility: visible !important;
}
.q1p1 {
    font-size: 16pt;
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-align: center;
    margin-top: 20px;
}
.q1p2 {
    font-size: 12pt;
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-align: center;
    margin-top: -15px;
}
.slide {
    overflow:hidden;
    position:relative;
}
.slide img {
       width:100%;height:100%;
       position:absolute;
       top:0px;left:0px;
}
.slide p.q1p1 {
       float: left;
       margin: 0;
       width: 100%;
       color: white;
       background: rgba(0,0,0,0.5);
       position: absolute;
       left: 0;
       bottom: 103px;
       text-align: center;
}
.slide p.q1p2 {
       float: left;
       margin: 0;
       width: 100%;
       color: white;
       background: rgba(0,0,0,0.4);
       position: absolute;
       left: 0;
       bottom: 0;
       text-align: center;
}

/*#quadrato:first-letter {
    /*letter-spacing: 10px;
    font-size: 20pt !important;
}*/