@charset "UTF-8";

/***********font*********/
@font-face {
	font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
}
*@font-face {
	font-family: 'gothic';
	src: url('./gothic.eot');
	src: local('gothic'), url('./gothic.woff') format('woff'), url('./gothic.ttf') format('truetype');
}
/***********fine font*********/

/***********pagina html*********/
body{
	margin:0;
	padding:0;
     
     background-color: black;
}

#contenitoreItems{
	position:absolute;
     background-color: black;
      width: 1100px;
     height: 700px; 
   top: 50%;
    left: 50%;
    margin-top: -400px;
    margin-left: -500px;
   //* animation:nudge 5s linear infinite alternate;*/
   
  //*  animation: pulse 5s infinite;*/
 -webkit-animation-name: tutto;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s;  /* Safari 4.0 - 8.0 */    
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: tutto;
    animation-duration: 3s;    
    animation-fill-mode: forwards;
    
    
   -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  transition:         all 600ms cubic-bezier(1, 0, 0, 1);      
}


/***********fine pagina html*********/

/*******menu*****/

.menu1{
    
    /*  pointer-events: none; /*mouse non eventi*/
 /* cursor: default;/*tira via la manina e mette quella di default*/
    width: 120px;
  height: 30px;  
       position:absolute;
 top:105px;
 left: 600px;
    border-radius: 0px 0px 0px 10px; 
  -moz-border-radius: 0px 0px 0px 10px; /* firefox */
  -webkit-border-radius: 0px 0px 0px 10px; /* safari, chrome */ 
}
  

.menu1t{
     z-index: 3;
   top:0px;
 left:0px;
    position:absolute;
     background:#006600;
    width:120px;
    height: 30px;  
  color: white; 
  font-size: 16px;
  font-weight: normal; 
    font-family: 'gothic';
 text-align: center; /* orizzontale */
line-height: 30px; /* verticale */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
      border-radius: 0px 0px 0px 10px; 
  -moz-border-radius: 0px 0px 0px 10px; /* firefox */
  -webkit-border-radius: 0px 0px 0px 10px; /* safari, chrome */   
}

.menu1t:hover {
color: #00ff00;   
}

.menu2{
     z-index: 4;
    width: 120px;
  height: 30px;  
     position:absolute;
 top:105px;
 left: 720px;
    border-radius: 0px 0px 0px 0px; 
  -moz-border-radius: 0px 0px 0px 0px; /* firefox */
  -webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */   
}

.menu2t{
   top:0px;
 left:0px;
    position:absolute;
     background:#007700;
    width:120px;
    height: 30px;  
  color: #ffffff;
  font-size: 16px;
  font-weight: normal; 
  font-family: 'gothic';
 text-align: center; /* orizzontale */
line-height: 30px; /* verticale */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
      border-radius: 0px 0px 0px 0px; 
  -moz-border-radius: 0px 0px 0px 0px; /* firefox */
  -webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */  
}

.menu2t:hover {
color: #00ff00;
}

.menu3{
     z-index: 5;
    width: 120px;
  height: 30px;  
     position:absolute;
 top:105px;
 left: 840px;
    border-radius: 0px 10px 10px 0px; 
  -moz-border-radius: 0px 10px 10px 0px; /* firefox */
  -webkit-border-radius: 0px 10px 10px 0px; /* safari, chrome */
}

.menu3t{
   top:0px;
 left:0px;
    position:absolute;
     background:#008400;
    width:120px;
    height: 30px;  
  color: #ffffff;
  font-size: 16px;
  font-weight: normal; 
 font-family: 'gothic';
 text-align: center; /* orizzontale */
line-height: 30px; /* verticale */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
      border-radius: 0px 10px 10px 0px; 
  -moz-border-radius: 0px 10px 10px 0px; /* firefox */
  -webkit-border-radius: 0px 10px 10px 0px; /* safari, chrome */ 
}

.menu3t:hover {
color: #00ff00;
}
/******* fine menu*****/

/*******logo*****/
.logo1 { 
    z-index: 0;
    border: 0px solid black;
  font-family: 'gothic';
    background-color: black;
    vertical-align: middle; 
    width: 210px;
   height: 80px;
   padding: 0px;
 position:absolute;
 top: 50px;
 left: 117px;   
    -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/******* fine logo*****/


/**********torna home page*******/

.menu4{
     z-index: 4;
   
     width: 145px;
  height: 18px;  
     position:absolute;
 top:125px;
 left: 143px;
       border-radius: 0px 10px 10px 0px; 
  -moz-border-radius: 0px 10px 10px 0px; /* firefox */
  -webkit-border-radius: 0px 10px 10px 0px; /* safari, chrome */ 
     border-bottom: 2px solid green;
    border-right: 2px solid green;  
}

.menu4t{
    top:-5px;
 left:-25px;
    position:absolute;
     
    width:180px;
    height: 20px;  
  color: #00ff00;
  font-size: 14px;
  font-weight: normal; 
  font-family: 'gothic';
 text-align: center; /* orizzontale */
line-height: 30px; /* verticale */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
      border-radius: 0px 0px 0px 0px; 
  -moz-border-radius: 0px 0px 0px 0px; /* firefox */
  -webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */  
}


.menu4:after {
       position:absolute;
      content: "";
       height: 10px;
      top:20px;
     
   
  border-right: 2px solid green;
  }

  .menu4:before {
     content: "";
    
    position: absolute;
   left:-6px;
   top:20px;
  height: 10px;
  width: 25px;
  border-left: 2px solid green;
  
      
  -moz-transform: skew(45deg);
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
    

  }



.menu4t:hover {
color: red;
     
}













/**********torna home page*******/
/*******linea* separazione****/
.lineag {
     z-index: 1;
    border: 0px solid #006600;
  font-family: 'gothic';
    background-color: #006600;
    vertical-align: middle; 
 position:absolute;
 
 left: 0px;
   width:815px;
	height:4px;  
}
/******* fine linea separazione*****/

.lineat {
 position: absolute;

    border: 0px solid white;
   left:0px;
  font-family: 'gothic';
    background:black;
   /* height: 140px;*/
   /*  width:200px;*/
  text-align: center;
    height: 30px;
     width:815px;
 
     margin-left: 0px;
    margin-top: 7px;
    margin-bottom: 10px;
   
  
    
     -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  /*  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/

    
}

.linea {
 float:left;
  position:relative;
    border:0px solid black;
   
    margin-left:0px;
    
    margin-top:15px;
    background: black;
   /* height: 140px;*/
   /*  width:200px;*/
    height: 40px;
     width:814px;
  
    
    
     -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  /*  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
    -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;   
   
    
    
}



/*******linea*****/
.grafica1 {
     z-index: 1;
    border: 0px solid #006600;
  font-family: 'gothic';
    background-color: #006600;
    vertical-align: middle; 
 position:absolute;
 top: 105px;
 left: 312px;
   width:500px;
	height:4px;  
}
/******* fine linea*****/

/**********inizio intestazioni*************/
.intestazione1 {
    z-index: 2; 
  color: #FFFFFF;
    text-align: left;
  font-family: 'gothic';
    background-color: #000000;
    vertical-align: middle; 
 position:absolute;
    font-size: 15px;
 top: 110px;
 left: 325px;
   width:250px;
	height:20px;
   -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;   
}


.intestazione2 {
  color: #FFFFFF;
    text-align: left;
  font-family: 'gothic';
    background-color: #000000;
    vertical-align: middle; 
  position:absolute;
    font-size: 16px;
 top: 80px;
 left: 610px;
   width:350px;
	height:20px;
   -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;   
}

/**********fine intestazioni*************/

/**********inizio testo1*************/
.testo11 {
 
color: white;
 text-align: justify;
    padding-right: 5px;
    padding-left: 5px;
 font-family: 'gothic';
margin-right: 5px;
    background-color: black; 
 position:absolute;
    font-size: 14px;
 top: 144px;
 left: 130px;
   width:800px;
	height:220px;
   -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/**********fine testo1*************/

.rettangolo-galleria{
  
    position: absolute;
 
    z-index: 10;
   
   
   
    
  /*  overflow-x: scroll; /* has to be scroll, not auto */
    
   
   margin-bottom: 30px;
   overflow: hidden;
    background: black;
    width: 814px;
    height:auto;   
   left: 130px;
    top:320px;
    -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
      /*-webkit-animation: muovi1 5s 0s 1 ease-in-out;
          animation: muovi1 5s 0s 1 ease-in-out;*/
 
   /*    margin-left: -442px;
    margin-top: -75px;
   /* animation:nudge 5s linear infinite alternate;*/
   
  /*  animation: pulse 5s infinite;*/
/*  -webkit-animation-name: tutto1;  /* Safari 4.0 - 8.0 */
 /*   -webkit-animation-duration: 1s;  /* Safari 4.0 - 8.0 */    
 /*   -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
 /*   animation-name: tutto1;
 /*   animation-duration: 1s;    
    animation-fill-mode: forwards;*/
    

} 



.immaginet {
    text-align:left; 
 position: absolute;
z-index: 6;
    border: 0px solid yellow;
   left:100px;
  font-family: 'gothic';
    background:black;
   /* height: 140px;*/
   /*  width:200px;*/
  
    height: 100px;
     width:300px;
 
     margin-left: 0px;
    margin-top: 0px;
   
   
  
    
     -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  /*  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
    
   
    
    
}




.immagine {
    z-index: 6;
 float: left;
  position:relative;
    border:0px solid red;
   background: black;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
   
   /* height: 140px;*/
   /*  width:200px;*/
    height: 105px;
     width:400px;
  
    
    
     -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  /*  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
    -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;   
   
    
    
}

.immagine img{
  z-index: 6;
position: absolute;
    border: 0px solid #006600;
   
    margin-left: 0px;
    margin-top: 2px;
    margin-bottom: 0px;
   
    background: rgba(0, 0, 0, 0.2);
    background: black;
   /* height: 140px;*/
    width:95px;
    height: 95px;
    
     -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  /*  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  /*  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
}


.spaziox {
    display:grid;
    position: absolute;
 width:10px;
    background: yellow;
    left:50%;
    top:0px;
    height: 100%;
    margin-left: -5px;
}







span {

    margin-left: 20px;
    float: left;
}



/*--------------------------- ANIMAZIONI --------------------------- */

@keyframes pulse {
  0% {
    background-color: #001F3F;
  }
  100% {
    background-color: #FF4136;
  }
}

@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0);
  }
  
  50% {
    transform: translate(150px, 0);
  }
  
  80% {
    transform: translate(-150px, 0);
  }
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes tutto {
    from {top: 0px;}
    to {top: 50%;left:50%;margin-top: -400px;margin-left: -500px;}
    
}

@keyframes tutto {
    from {top: 0px;}
     to {top: 50%;left:50%;margin-top: -400px;margin-left: -500px;}
}


@-webkit-keyframes tutto5 {
    from {top: 0px;}
    to {top: 50%;left:50%;margin-top: -270px;margin-left: -500px;}
    
}

@keyframes tutto5 {
    from {top: 0px;}
     to {top: 50%;left:50%;margin-top: -270px;margin-left: -500px;}
}








/* Safari 4.0 - 8.0 */
@-webkit-keyframes quadri {
    from {left: 0px;top: 0px;}
    to {left: auto;top: auto;}
}

@keyframes quadri {
   from {left: 0px;top: 0px;}
    to {left: auto;top: auto;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes muovi1 {
  0% {
    transfrom: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
  }
}

@keyframes muovi1 {
  0% {
    transfrom: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
  }
 
}
.reverse {
  animation-direction: reverse;
}

.alternate {
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.alternate-reverse {
  animation-direction: alternate-reverse;
}
/* Safari 4.0 - 8.0 */
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}







/*****************************************/
  @-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -3000px, 0);
  transform: translate3d(0, -3000px, 0);
  }
  
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
  }
  
  75% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  
  90% {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  }
  
  100% {
  -webkit-transform: none;
  transform: none;
  }
  }
  
  @keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -3000px, 0);
  transform: translate3d(0, -3000px, 0);
  }
  
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
  }
  
  75% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  
  90% {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  }
  
  100% {
  -webkit-transform: none;
  transform: none;
  }
  } 
/*****************altri************/
a{
color: #FFFFFF;
text-decoration:none;
text-decoration: underline;
}
a:visited {
color: #003366;
}
a:hover {
color: #003366;
}
a:active {
color: #55A0FF;
}


ol {list-style-type: circle;}

titolo_rosso {
display: inline;
color: #FF0000;
font-size: 14;
text-align: left;
 font-family: 'gothic';
}

titolo_rosso1 {
display: inline;
color: #FF0000;
font-size: 30;
text-align: center;
 font-family: 'gothic';
}



titolo_rosso_giustificato {
line-height:inherit; /* verticale */
color: #FF0000;
font-size: 14px;
 font-family: 'gothic';
}

titolo_verde_giustificato {
line-height:inherit; /* verticale */
color: #00FF00;
font-size: 13px;
 font-family: 'gothic';
}

titolo_bianco_giustificato {
line-height: inherit; /* verticale */
color: #FFFFFF;
font-size: 13px;
 font-family: 'gothic';
}

xtitolo_rosso_giustificato {
line-height: 98%; /* verticale */
color: #FF0000;
font-size: 14px;
 font-family: 'gothic';
}

xtitolo_verde_giustificato {
line-height: 98%; /* verticale */
color: #00FF00;
font-size: 13px;
 font-family: 'gothic';
}

xtitolo_bianco_giustificato {
line-height: 98%; /* verticale */
color: #FFFFFF;
font-size: 13px;
 font-family: 'gothic';
}

verdegiustificato {
display: inline;
color: #00FF00;
font-size: 13;
text-align: justify;
 font-family: 'gothic';
}

biancocentrato {
display: inline;
color: #FFFFFF;
font-size: 16;
text-align: right;
margin-right: 7;
 font-family: 'gothic';
}

verdecentrato {
display: inline;
color: #FFFFFF;
font-size: 16;
text-align: center;
 font-family: 'gothic';
}


testobiancop{
display: inline;
color: #FF60FF;
font-size: 14;
text-align: left;
 font-family: 'gothic';
}

div2 {
  
 float: left;
 border: thin silver solid;
    background: yellow;
}

testoverde {
display: inline;
color: #00FF00;
font-size: 13;
 font-family: 'gothic';
}

testoverde2 {
display: inline;
color: #00FF00;
font-size: 13;
 font-family: 'gothic';
text-align: justify;
}



testoverde1 {
display: inline;
color: #00FF00;
font-size: 14;
 font-family: 'gothic';
letter-spacing: -1;
}

testoverdearial {
display: inline;
color: #00FF00;
font-size: 14;
font-family:"Arial"
letter-spacing: -1;
}

testoverdearialn {
display: inline;
color: #00FF00;
font-size: 14;
font-family:"Arial Narrow"
letter-spacing: -1;
}


testobianco {
display: inline;
color: #FFFFFF;
font-size: 13; 
 font-family: 'gothic';
}

testobianco14 {
display: inline;
color: white;
font-size: 14; 
 font-family: 'gothic';
}

testobiancog {
display: inline;
color: #FFFFFF;
font-size: 17;
font-family: 'gothic';
}

esempio_non_usare {
text-align: center;
text-align: left;
text-align: right;
font-size: 40;  
text-decoration: none;
margin-left: 5;
margin-right: 5;
kerning: true;
font-style: normal;
letter-spacing: 1;
letter-spacing: -1;
text-indent: 12;
 font-family: 'gothic';,"Tahoma","Times New Roman", "Verdana", "Arial","Century GothicB","TahomaB","Times New RomanB", "VerdanaB", "ArialB";
color: #228B22;
display: inline;
display: block;
}

/************flipInX*********/
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
 .disegno {
    
  width: 170px;
  height: 20px;  
       position:absolute;
 top:120px;
 left: 150px;
    border-radius: 0px 0px 20px 0px; 
  -moz-border-radius: 0px 0px 20px 0px; /* firefox */
  -webkit-border-radius: 0px 0px 20px 0px; /* safari, chrome */ 
     border-bottom: 2px solid green;
    border-right: 2px solid green;
  }
  .disegno:after {
      position:relative;
      content: "";
       
      top:20px;
      width: 20px; 
  border-right: 2px solid green;
  }
  .disegno:before {
     content: "";
    
    position: absolute;
   
   
  height: 20px;
  width: 20px;
  border-left: 2px solid yellow;
  
      
  -moz-transform: skew(45deg);
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
    

  }



@media only screen and (max-width: 1280px)  {
    
   #contenitoreItems{
	position:absolute;
     background-color: black;
      width: 1100px;
     height: 700px; 
   top: 50%;
    left: 50%;
    margin-top: -270px;
    margin-left: -500px;
   //* animation:nudge 5s linear infinite alternate;*/
   
  //*  animation: pulse 5s infinite;*/
 -webkit-animation-name: tutto5;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s;  /* Safari 4.0 - 8.0 */    
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: tutto5;
    animation-duration: 3s;    
    animation-fill-mode: forwards;
    
    
   -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  transition:         all 600ms cubic-bezier(1, 0, 0, 1);      
}
    
    
    }