body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{margin:0; padding:0;}
html,body 
{margin:0; padding:0;
	width:100%;
	height:100%;
	/**prova per vedere se senza parametri body/html il page funziona da solo**/
}


#loading {
	background-color: #333333; 
	width: 100%; 
	height: 100%; 
	display: flex;
 
	z-index: 9999999; 
	position: fixed; top: 0; left: 0; 

	background-image: url(../loader.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
}



.logo {
	background-color: rgba(255,255,255,1);
	
	background-image: url(../img/logo-musa-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	
	width: 100%;
	height: 22%;
	
	animation: fadeUpIn 8s;
	-webkit-animation: fadeUpIn 8s; /* Safari and Chrome */
}
@-webkit-keyframes fadeUpIn /* Safari and Chrome */
{from { opacity:0;} to { opacity:1;}}
@keyframes fadeUpIn /* Safari and Chrome */
{from { opacity:0;} to { opacity:1;}}

.fanculo {	
	width: 100%;
	height: 100%;
}
.fanculo li {
	position:relative;
}.fanculo li a {
	width: 100%;
	height: 100%;
	position:absolute;top:0;left:0;
}

.fottiti {
	width:100%;
	height:100%;
}
	
	
.tdue {background-color:rgba(255,102,51,1);
 width:100%;
 height:32%;
 }
.vtre {background-color:rgba(255,204,153,1);
width:100%;
height:23%;
}
.vtr {
	-webkit-box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4),
	inset 0 0 0 4px rgba(255,255,255,0.6),
	0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4),
	inset 0 0 0 4px rgba(255,255,255,0.6),
	0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4),
	inset 0 0 0 4px rgba(255,255,255,0.6),
	0 1px 2px rgba(0,0,0,0.1);
	float: left;
	background-repeat: no-repeat;
	background-position: center center;	
	background-size:cover;
}
.vtr1 {width:15%;height:100%;}
.vtr2 {width:21%;height:100%;}
.vtr3 {width:10%;height:100%;}
.vtr4 {width:24%;height:100%;}
.vtr5 {width:18%;height:100%;}
.vtr6 {width:12%;height:100%;}

.tdu6 {width:15%;height:100%;}
.tdu5 {width:21%;height:100%;}
.tdu4 {width:10%;height:100%;}
.tdu3 {width:32%;height:100%;}
.tdu2 {width:18%;height:100%;}
.tdu1 {width:4%;height:100%;}

@media all and (max-width: 1024px){
.vtr1 {width:30%;height:50%;}
.vtr2 {width:42%;height:50%;}
.vtr3 {width:28%;height:50%;}
.vtr4 {width:32%;height:50%;}
.vtr5 {width:18%;height:50%;}
.vtr6 {width:50%;height:50%;}

.tdu6 {width:30%;height:50%;}
.tdu5 {width:42%;height:50%;}
.tdu4 {width:28%;height:50%;}
.tdu3 {width:32%;height:50%;}
.tdu2 {width:18%;height:50%;}
.tdu1 {width:50%;height:50%;}

.vtr {
-webkit-box-shadow: 
	inset 0 0 0 0 rgba(200,95,66, 0.4),
	inset 0 0 0 1px rgba(255,255,255,0.6),
	0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 
	inset 0 0 0 0 rgba(200,95,66, 0.4),
	inset 0 0 0 1px rgba(255,255,255,0.6),
	0 1px 2px rgba(0,0,0,0.1);
box-shadow: 
	inset 0 0 0 0 rgba(200,95,66, 0.4),
	inset 0 0 0 1px rgba(255,255,255,0.6),
	0 1px 2px rgba(0,0,0,0.1);
}
}