@keyframes lampeggia{
    0% {opacity: 0.4;}
	20% {opacity: 0.9;}
	30% {opacity: 0.65;}
	50% {opacity: 0.9;}
	65% {opacity: 0.95;}
	75% {opacity: 0.4;}
    100% {opacity: 1;}
}

@keyframes scorriVerticale{
    0% {top: 0%;}
    100% {top: -57%;}
}

@keyframes scorriOrizzontale{
    0% {left: 0%;}
    100% {left: -57%;}
}

@keyframes ruota{
	0% {transform: rotate(0deg);}
	24% {transform: rotate(0deg);}
	25% {transform: rotate(90deg);}
	49% {transform: rotate(90deg);}
	50% {transform: rotate(180deg);}
	74% {transform: rotate(180deg);}
	75% {transform: rotate(270deg);}
	99% {transform: rotate(270deg);}
	100% {transform: rotate(360deg);}
}

@keyframes alternaDue{
	0% {opacity: 0;}
	10% {opacity: 0.1;}
	40% {opacity: 1;}
	60% {opacity: 1;}
	90% {opacity: 0.1;}
	100% {opacity: 0;}
}

@keyframes alternaTre{
	0% {opacity: 0;}
	20% {opacity: 1;}
	33% {opacity: 1;}
	53% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes alternaQuattro{
	0% {opacity: 0;}
	12.5% {opacity: 0;}
	12.6% {opacity: 1;}
	25% {opacity: 1;}
	37.4% {opacity: 1;}
	37.5% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes alternaSei{
	0% {opacity: 0;}
	8.5% {opacity: 0;}
	8.6% {opacity: 1;}
	16.5% {opacity: 1;}
	24.4% {opacity: 1;}
	24.5% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes zoom{
	0% {transform:scale(1.0);}
	100% {transform:scale(1.1);}
}

header.main{
	margin-bottom:15px;
}

.content.main .animazioni{
	width:100%;
	margin-bottom:15px;
	transform-style: preserve-3d;
}

.content.main .animazioni .contenitore-menu{
	float:left;
	width:130px;
}

.content.main .animazioni .contenitore-menu .menu{
	height:auto !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.content.main .animazioni .contenitore-menu .menu ul{
	width:130px;
	margin:0px auto 0px auto;
	padding:0px;
	list-style-type:none;
	text-transform:uppercase;
	text-align:center;
}

.content.main .animazioni .contenitore-menu .menu ul li{
	height:30px;
	line-height:30px;
	border-bottom:1px solid #dcdcdc;
}

.content.main .animazioni .contenitore-menu .menu ul li:last-of-type{
	border:0px;
}

.content.main .animazioni .contenitore-menu .menu ul li a{
	display:block;
}

.content.main .animazioni .contenitore-quadrati{
	position:relative;
	float:right;
	width:calc(100% - 150px);
}
			
.content.main .animazioni .contenitore-quadrati .quadrato{
	position:relative;
	float:left;
	width:50%;
	padding-top:50%;
	background-color:#fff;
	overflow:hidden;
}
			
.content.main .animazioni .contenitore-quadrati .quadrato img{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

.content.main .animazioni .contenitore-quadrati .quadrato.lampeggia img{
	animation: lampeggia 10s alternate infinite;
}

.content.main .animazioni .contenitore-quadrati .quadrato.scorri-verticale img{
	top:0%;
	animation: scorriVerticale 3s alternate infinite linear;
}

.content.main .animazioni .contenitore-quadrati .quadrato.scorri-orizzontale img{
	width:157%;
	left:0%;
	animation: scorriOrizzontale 5s alternate infinite linear;
}

.content.main .animazioni .contenitore-quadrati .quadrato.zoom img{
	animation: zoom 0.8s alternate infinite linear;
}

.content.main .animazioni .contenitore-quadrati .quadrato.ruota img{
	animation: ruota 8s infinite linear;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-due img{
	animation: alternaDue 2.4s infinite linear;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-due img:nth-of-type(2){
	animation-delay:-1.2s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-tre img{
	animation: alternaTre 6s infinite;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-tre img:nth-of-type(2){
	animation-delay:-4s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-tre img:nth-of-type(3){
	animation-delay:-2s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-quattro img{
	animation: alternaQuattro 4s infinite;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-quattro img:nth-of-type(2){
	animation-delay:-3s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-quattro img:nth-of-type(3){
	animation-delay:-2s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-quattro img:nth-of-type(4){
	animation-delay:-1s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-sei img{
	animation: alternaSei 6s infinite;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-sei img:nth-of-type(2){
	animation-delay:-5s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-sei img:nth-of-type(3){
	animation-delay:-4s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-sei img:nth-of-type(4){
	animation-delay:-3s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-sei img:nth-of-type(5){
	animation-delay:-2s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.alterna-sei img:nth-of-type(6){
	animation-delay:-1s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.centroforme-esterno img{
	animation-delay:-3.5s;
}

.content.main .animazioni .contenitore-quadrati .quadrato.set-2,
.content.main .animazioni .contenitore-quadrati .quadrato.set-3{
	display:none;
}

.content.main .spedizioni{
	min-height: 40px;
	margin:0px 0px 30px 0px;
	padding: 12px 10px 12px 65px;
	background-color:rgba(0,0,0,0.08);
	background-image: url(../file/site/image/pagine/spedizioni.png);
	background-size:50px;
	background-position:10px 50%;
	background-repeat: no-repeat;
}

.content.main .spedizioni h4,
.content.main .spedizioni p{
	margin:0px;
	font-size:1.20rem;
	font-weight:300;
}

.content.main .spedizioni p a{
	text-decoration:none;
}

.content.main .presentazione .bandiera{
	display:none;
}

.content.main .promozione-frau{
	margin-top:4rem;
	margin-bottom:4rem;
}

.content.main .promozione-frau a{
	display:block;
	margin-bottom:1rem;
	font-size:0.9rem;
}

@media (min-width:400px){
	.content.main .promozione-frau a{
		float:left;
		width:32%;
	}
	
	.content.main .promozione-frau a:nth-of-type(2n){
		margin-left:2%;
		margin-right:2%;
	}
	
	.content.main .promozione-frau a:hover{
		text-decoration:none;
	}
	
	.content.main .promozione-frau a img{
		transition:opacity 0.2s ease-in-out;
	}
	
	.content.main .promozione-frau a:hover img{
		opacity:0.7;
	}
}

.content.main .promozione-frau a img{
	display:block;
	width:100%;
	margin:0;
}

.content.main .promozione-frau a span{
	display:block;
	margin-top:0.5rem;
}

@media (min-width: 500px) {
	.content.main .animazioni .contenitore-quadrati .quadrato{
		width:25%;
		padding-top:25%;
	}
	
	.content.main .animazioni .contenitore-quadrati .quadrato.set-1,
	.content.main .animazioni .contenitore-quadrati .quadrato.set-2{
		display:block;
	}
}

@media (min-width: 737px) {
	body{
		background-image:none;
	}
	
	header.main{
		height:100px;
		margin-bottom:0px;
	}
	
	.content.main .animazioni{
		margin-bottom:20px;
	}
	
	.content.main .animazioni .contenitore-menu{
		width:144px;
		background-color:rgba(0,0,0,0.08);
		font-size:1.40rem;
	}
	
	.content.main .animazioni .contenitore-menu .menu ul li{
		height:36px;
		line-height:36px;
	}
	
	.content.main .animazioni .contenitore-quadrati{
		width:calc(100% - 164px);
	}
	
	.content.main .animazioni .contenitore-quadrati .quadrato{
		width:16.666666%;
		padding-top:16.666666%;
	}
	
	.content.main .animazioni .contenitore-quadrati .quadrato.set-3{
		display:block;
	}
	
	.content.main .spedizioni{
		min-height: 40px;
		margin-bottom:20px;
		padding: 18px 100px 10px 249px;
		background-position: 159px 50%;
		background-size:auto;
	}
	
	.content.main .presentazione .bandiera{
		display:inline;
		width:20px;
	}
	
	.content.main .presentazione h2{
		margin-bottom:0.4em;
	}
}