body {
	color: darkcyan;
	font-family: verdana, sans-serif;
	font-size: 13px;
}

.wrapper {background-color: white;
border-radius: 50%;
height: auto;}
input {background-color: white;
color: darkcyan;
border:1px dotted darkcyan;}

html {
			margin-top: 2px;
			background-color: #aabd26;
			font-size: 9px;
			-moz-animation-name: move7;
			-moz-animation-duration:40s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-play-state:play;
			-moz-animation-direction:alternate;

			-o-animation-name: move7;
			-o-animation-duration:40s;
			-o-animation-iteration-count:infinite;
			-o-animation-play-state:play;
			-o-animation-direction:alternate;

			-webkit-animation-name: move7;
			-webkit-animation-duration:40s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-play-state:play;
			-webkit-animation-direction:alternate;

			/*styre animation vha curver http://cubic-bezier.com*/

			}


			@-moz-keyframes move7 {
			0% {background:#aabd26;}
			45% {background:#aabd26;}
			60% {background:#34b6b0;}
			100% {background:#34b6b0;}
			}

			@-o-keyframes move7 {
			0% {background:#aabd26;}
			45% {background:#aabd26;}
			60% {background:#34b6b0;}

			100% {background:#34b6b0;}
			}

			@-webkit-keyframes move7 {
			0% {background:#aabd26;}
			45% {background:#aabd26;}
			60% {background:#34b6b0;}

			100% {background:#34b6b0;}


			}

/*****   move round pictures  *****/
.web_des img {border:0;}
ul li
{
background-image: url('../img/pixel.png');
background-repeat:no-repeat;
background-position:left; 

}

section {
	font-family: verdana;
	border-radius: 65px;
}

.message {
	color: #34b6b0;
	
	
}



a {text-decoration: none;
color: #34b6b0;}

a:hover {
	color: #aabd26;
}
.aligne_center {
	margin-left: auto;
	margin-right: auto;
	text-transform: center;
	width: 395px;
	

}

.aligne_center_web {
	margin-left: auto;
	margin-right: auto;
	text-transform: center;
	width: 438px;
	height: 332px;
	

}

.clear {clear: both;}

.paddingbottom {
	padding-bottom: 5px;
}

.shelf {
	
	width: 572px;
	height: 270px;
	background: url('../img/poster/shelf.png');
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: bottom;
	padding-left: 30px;
	margin-bottom: 20px;
	
}

.classname {
			-webkit-animation-name: cssAnimation;
			-webkit-animation-duration:3s;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease;
			-webkit-animation-fill-mode: forwards;

			-ms-animation-name: cssAnimation;
			-ms-animation-duration:3s;
			-ms-animation-iteration-count: 1;
			-ms-animation-timing-function: ease;
			-ms-animation-fill-mode: forwards;

			-o-animation-name: cssAnimation;
			-o-animation-duration:3s;
			-o-animation-iteration-count: 1;
			-o-animation-timing-function: ease;
			-o-animation-fill-mode: forwards;

			-moz-animation-name: cssAnimation;
			-moz-animation-duration:3s;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: ease;
			-moz-animation-fill-mode: forwards;

			animation-name: cssAnimation;
			animation-duration:3s;
			animation-iteration-count: 1;
			animation-timing-function: ease;
			animation-fill-mode: forwards;
			}



			@-webkit-keyframes cssAnimation {
			from {
			-webkit-transform: translate(0px, -200px);
			}
			to {
			-webkit-transform:  translate(0px, 210px);
			}
			}


			@-ms-keyframes cssAnimation {
			from {
			-ms-transform: translate(0px, -200px);
			}
			to {
			-ms-transform:  translate(0px, 210px);
			}
			}


			@-moz-keyframes cssAnimation {
			from {
			-moz-transform: translate(0px, -200px);
			}
			to {
			-moz-transform:  translate(0px, 210px);
			}
			}


			@-o-keyframes cssAnimation {
			from {
			-o-transform: translate(0px, -200px);
			}
			to {
			-o-transform:  translate(0px, 210px);
			}
			}


			@keyframes cssAnimation {
			from {
			transform: translate(0px, -200px);
			}
			to {
			transform:  translate(0px, 210px);
			}
			}
/*****   move round pictures  *****/


.contact {
	top: -200px;
	left: 22px;
	
	float: left;
	z-index: 8;
}
/*end move contact disc*/


body {
	width: 960px;
	height: 1950px;
	
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	border-top-right-radius: 55px;
	border-top-left-radius: 55px;
	border-bottom-right-radius: 55px;
	/*box-shadow: 25px 15px 35px #888888;*/
	/*z-index: -3;*/

	
}

aside a {text-decoration: none;

color: #34B6B0;
}

aside a:hover {text-decoration: none;
border-top: 1px dotted #34B6B0;
border-bottom: 1px dotted #34B6B0;
padding-top: 3px;
padding-bottom: 3px;
color: #0F7A72;
background-color: #E5EDC0;}

.links a {text-decoration: none;

color: #34B6B0;
}

.links a:hover {text-decoration: none;
border-top: 1px dotted #34B6B0;
border-bottom: 1px dotted #34B6B0;
padding-top: 3px;
padding-bottom: 3px;
color: #0F7A72;
background-color: #E5EDC0;}



section {
	width: 600px;
	background-color: white;
	border-top-left-radius: 55px;
	float: left;	
	position: relative;
}

.indent {
	margin-top: 50px;
	margin-left: 70px;
	
}
input {
	background-color: white;
	color: #34b6b0;
	border:1px solid #34b6b0;;
}

h2 {
	color:#34b6b0;
	letter-spacing:1px;
	font-size: 20px;
	line-height:130%;
margin-left: 70px;
margin-right: 70px;
text-align: center;
word-spacing:10px;
font-family: verdana;

}

section h2 {
	color:darkcyan;
	letter-spacing:1px;
	font-size: 12px;
	line-height:18px;
margin-left: 90px;
margin-right: 90px;
padding-left: 20px;
text-align: left;
word-spacing:1px;
font-family: verdana;
font-weight: normal;

}

section h5 {
	color:darkcyan;
	letter-spacing:1px;
	font-size: 12px;
	line-height:18px;
margin-left: 90px;
margin-right: 90px;
text-align: left;
word-spacing:1px;
font-family: verdana;
font-weight: normal;

}

section h4 {
	color:darkcyan;
	letter-spacing:1px;
	font-size: 15px;
	line-height:18px;
margin-left: 90px;
margin-right: 90px;
margin-top: -10px;
text-align: left;
word-spacing:1px;
font-family: verdana;
font-weight: normal;
border-top: dotted 1px darkcyan;
padding-top: 5px;
padding-left: 10px;

/* Safari */
-webkit-transform: rotate(-6deg);

/* Firefox */
-moz-transform: rotate(-6deg);

/* IE */
-ms-transform: rotate(-6deg);

/* Opera */
-o-transform: rotate(-6deg);

transform: rotate (-6deg);

}


}

.shelf a {
	text-decoration: none;
}

.shelf  a img {
	border-width:0;
}

h2:first-letter
{ 
font-size:300%;
font-style: italic;
font-weight: bold;
}

section h2:first-letter
{ 
font-size:300%;
font-style: italic;
}


section h1 {color:#34b6b0;}
h1 {
	color:#aabd26;
	letter-spacing:2px;
	font-size: 5em;
	width: 500px;
	position: relative;
	font-style: italic;
	
	margin-left: 110px;
	margin-top: 60px;
	word-spacing:3px;
	font-family: verdana;
	
	
	
	
	z-index: 2;
/* ANIMATION BORDER BOTTOM START*/

-moz-animation-name: move8;
-moz-animation-duration:90s;
-moz-animation-iteration-count:infinite;
-moz-animation-play-state:play;
-moz-animation-direction:alternate;

-o-animation-name: move8;
-o-animation-duration:90s;
-o-animation-iteration-count:infinite;
-o-animation-play-state:play;
-o-animation-direction:alternate;

-webkit-animation-name: move8;
-webkit-animation-duration:90s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-play-state:play;
-webkit-animation-direction:alternate;

-ms-animation-name: move8;
-ms-animation-duration:90s;
-webkit-animation-iteration-count:infinite;
-ms-animation-play-state:play;
-ms-animation-direction:alternate;

-animation-name: move8;
-animation-duration:90s;
-animation-iteration-count:infinite;
-animation-play-state:play;
-animation-direction:alternate;
}



@-moz-keyframes move8 {
0% {color:#aabd26; }
100% {color:#34b6b0; }
}

@-o-keyframes move8 {
0% {border-bottom-color:#34b6b0;}
100% {border-bottom-color:#aabd26;}
}

@-webkit-keyframes move8 {
0% {border-bottom-color:#34b6b0;}
100% {border-bottom-color:#aabd26;}
}

@-ms-keyframes move8 {
0% {border-bottom-color:#34b6b0;}
100% {border-bottom-color:#aabd26;}
}

@-keyframes move8 {
0% {border-bottom-color:#34b6b0;}
100% {border-bottom-color:#aabd26;}
}

/*ANIMATION BORDER BOTTOM END */

aside {

	width: 250px;
	
	background-color: white;
	float: left;
	margin-left: 50px;
	margin-top: 50px;
	padding-left: 20px;
	border-left: dotted 2px #34b6b0;
		}



}

h5 {
	padding-bottom: 20px;
	border-bottom: dotted 2px #34b6b0;
	}



.web_des {
	margin-left: -90px;
	margin-top:-165px;
	position: absolute;
	}

.logodesign {
	margin-left: -90px;
	margin-top:-135px;
	width: 159px;
	height: 159px;
	position: absolute;
	background: url("../img/logos.png");
	z-index: 1;
	}

.logodesign1 {
	margin-left: -90px;
	margin-top:-135px;
	width: 359px;
	height: 159px;
	position: absolute;
	background: url("img/contact.png");
	}



.ombra{
	width: 584px;
	height: 419px;
	
	
	margin-top: 100px;
	margin-left: 40px;

	
	}	

h5{color:#aabd26;
	font-family: verdana;
	font-size: 12px;
	font-weight: lighter;
	line-height: 150%;
	font-family: Regular;
	margin-top: -5px;
	}

.container {width: 960px;
height:auto;}

header {
	width: 960px;	
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	border-top-right-radius: 55px;
	border-top-left-radius: 55px;
	border-bottom-left-radius: 25px;
	
	}

.contenuto{
	height: 300px;
	width: 500px;
	margin-left: 20px;
	margin-top:40px;
	margin-right: 20px;
	background-color: white;
	font-family: verdana ;
	}
	


	
/***************************************************
LOGO ANIMATION START
**************************************************/

#logo {
	
	width: 346px;
	height: 124px;
	margin-left: 50px;
	margin-top: 30px;
	padding-top: 10px;
	z-index: 3;
    -webkit-transition: all 3s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -moz-transition: all 3s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -o-transition: all 3s cubic-bezier(0.950, 0.050, 0.795, 0.035);
	transition: all 3s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
	transition-delay: 0s;
}

#logo1 {
	
	width: 346px;
	height: 124px;
	margin-left: 50px;
	margin-top: 30px;
	padding-top: 10px;
	z-index: 3;
    -webkit-transition: all 3s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -moz-transition: all 3s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -o-transition: all 3s cubic-bezier(0.950, 0.050, 0.795, 0.035);
	transition: all 3s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
	transition-delay: 0s;
}
 
#logo:hover {
    -webkit-transform: rotateY(360deg); 
    -moz-transform: rotateY(360deg); 
    -o-transform: rotateY(360deg); 
	transform: rotateY(360deg);	
}

#logo1:hover {
    -webkit-transform: rotateY(360deg); 
    -moz-transform: rotateY(360deg); 
    -o-transform: rotateY(360deg); 
	transform: rotateY(360deg);	
}


.animated {
    -webkit-transform: rotateY(-720deg);    
    -moz-transform: rotateY(-720deg);    
    -o-transform: rotateY(-720deg);    
	transform: rotateY(-720deg);	
}

/***************************************************
LOGO ANIMATION END
**************************************************/

/***************************************************
WHEEL ANIMATION START
**************************************************/

#black_wheel {
	position: absolute;
	left: 1034px;
	top: 300px;	
}
#red_wheel {
	position: absolute;
	left: 1218px;
	top: 400px;	
}
#silver_wheel {
	position: absolute;
	left: 1407px;
	top: 500px;	
}
.wheel {
    opacity: 0;
    -webkit-transition-property: left,opacity,-webkit-transform;
    -webkit-transition-duration: 3s,4s,3s;
    -webkit-transition-timing-function: ease,ease,ease-out;
    -webkit-transition-delay: 0s,.5s,0s;    
    -moz-transition-property: left,opacity,-moz-transform;
    -moz-transition-duration: 3s,4s,3s;
    -moz-transition-timing-function: ease,ease,ease-out;
    -moz-transition-delay: 0s,.5s,0s;
    -o-transition-property: left,opacity,-o-transform;
    -o-transition-duration: 3s,4s,3s;
    -o-transition-timing-function: ease,ease,ease-out;
    -o-transition-delay: 0s,.5s,0s;
    transition-property: left,opacity,transform;
    transition-duration: 3s,4s,3s;
    transition-timing-function: ease,ease,ease-out;
    transition-delay: 0s,.5s,0s;
}

#black_wheel.anim-wheel {
	left:34px;	
}
#red_wheel.anim-wheel {
	left: 218px;
}
#silver_wheel.anim-wheel {
	left: 407px;
}
.anim-wheel {
    -webkit-transform: rotate(-1440deg);
    -moz-transform: rotate(-1440deg);
    -o-transform: rotate(-1440deg);
    transform: rotate(-1440deg);
    opacity: 1;
}


/***************************************************
WHEEL ANIMATION STOP
**************************************************/

.box {
		position: relative;
		width: 600px;
		z-index: -1;
		-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
		-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		
		/* Kodakify */
		padding:  10px;
		background: white;
	}
	
	/* Just making the image fit the box */
	.box img {
		width:  600px;
		border: 1px solid #8a4419;
		border-style: inset;
	}
	
	.box:after {
		content: '';
		position: absolute;
	
		z-index: -1; /* hide shadow behind image */
			
		/* The Shadow */
		-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
		-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);				
		
      width: 30%; 
      left: 8%; /* one half of the remaining 30% (see width above) */

		height: 100px;
		bottom:  0;
	}

	

aside h5 {
	font-family: verdana;
	font-size: 10px;
	line-height: 19px;
	letter-spacing: 1px;
	padding-top: 20px;
	
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 10px;
	color: #AABD26;
	
}

aside h5:hover {
	font-size: 13px;
	line-height: 22px;
	padding-left: 10px;
	padding-right: 5px;
	color: #909919;
}

aside h5:first-letter
{ 
font-size:300%;
font-style: italic;
}





aside p {
	font-family: verdana;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #34B6B0;
	font-weight: bold;
	font-style: italic;
	border-top: 8px solid #34b6b0;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom: 1px  double #34b6b0;
	padding: 10px;
}

aside p:hover {
	font-size: 15px;
}




	.links ul {
		list-style-type: none;
		margin-left: 1px;
		margin-top: 30px;
	}



.links  ul li
{
background-image: url('../img/varie/freccia_verde.png');
background-repeat:no-repeat;
background-position:left; 
padding-left: 18px;
margin-bottom: 10px;
font-family: verdana;
color: #34B6B0;
font-size: 13px;
line-height: 22px;
}

.contact_form {
	padding-left: 100px;
	width: 400px;
	height: 500px;
}