@sky: #c9dbe9;

.gradient-bg(@color1: @sky, @color2: #FFF){
	background: -webkit-linear-gradient(top, @color1 0%, @color2 70%);
	background: -linear-gradient(top, @color1 0%, @color2 70%);
	background: -moz-linear-gradient(top, @color1 0%, @color2 70%);
}

.border-radius(@tsx: 5px, @tdx: 5px, @bdx: 5px, @bsx: 5px){
	-webkit-border-radius: @tsx @tdx @bdx @bsx;
	-moz-border-radius: @tsx @tdx @bdx @bsx;
	border-radius: @tsx @tdx @bdx @bsx;
}

body													{ /*overflow:hidden;*/ 
																font-family: 'allerregular';
																font-size:14px;
																line-height:21px;
																color:#222;
}
a															{ color:darken(@sky,30%);
																text-decoration:none;
																outline:none;
																-webkit-transition: all 400ms ease-in-out;
																-moz-transition: all 400ms ease-in-out;
																-ms-transition: all 400ms ease-in-out;
																-o-transition: all 400ms ease-in-out;
																transition: all 400ms ease-in-out;
	&:hover											{ text-decoration:none;
																outline:none;
																-webkit-transition: all 400ms ease-in-out;
																-moz-transition: all 400ms ease-in-out;
																-ms-transition: all 400ms ease-in-out;
																-o-transition: all 400ms ease-in-out;
																transition: all 400ms ease-in-out;
	}
}
strong												{ font-family:'allerbold'; font-style:normal; }
em														{ font-family:'alleritalic'; font-style:normal; }

#logo													{ position:absolute;
																top:30px;
																left:30px;
	> a													{ font-size:52px;
																font-family:'allerbold';
	}
	span												{ color:darken(@sky, 30%); }
}
#logos												{ position:absolute;
																right:10px;
																top:10px;
																line-height:61px;
	a														{ float:left;
																margin-left:30px;
	}
	@media (max-width: 1024px){ -webkit-transform: scale(0.8);
																-moz-transform: scale(0.8);
																transform: scale(0.8);
																right:-30px;
	}
}

#clouds												{ padding:100px 0;
																background:@sky;
																.gradient-bg;
	.cloud											{}
}

/* animation */
@-webkit-keyframes moveclouds{
	0% { margin-left:1000px; }
	100% { margin-left:-1000px; }
}
@-moz-keyframes moveclouds{
	0% { margin-left:1000px; }
	100% { margin-left:-1000px; }
}
@-o-keyframes moveclouds{
	0% { margin-left:1000px; }
	100% { margin-left:-1000px; }
}
#city													{ background:url('../img/city-bg.png') repeat-x center bottom #FFF;
																position:absolute;
																bottom:0;
																width:100%;
																height:70px;
																/*-webkit-animation: movecity 30s linear infinite;
																-moz-animation: movecity 30s linear infinite;
																-o-animation: movecity 30s linear infinite;*/
																display:none;
	@media (max-width: 1024px){ display:none; }
}
@-webkit-keyframes movecity{
	from { background-position:0 0; }
	to { background-position:100% 0; }
}
@-moz-keyframes movecity{
	from { background-position:0 0; }
	to { background-position:100% 0; }
}
@-o-keyframes movecity{
	from { background-position:0 0; }
	to { background-position:100% 0; }
}

#survey												{ /*position:relative;*/
																/*margin-top:-60px;*/
																/*max-width:780px;*/
																/*overflow:auto;*/
																/*top:-780px;*/																
	> div.subtitle,
	div.question > div				{ background:url('../img/header-top-dx.png') no-repeat top right; 
																float:left;
																width:100%;
																margin-top:40px;																
		h1												{ margin-bottom:0; 
																margin-top:50px;
																background-color:#FFF;
			& + span								{ background-color:#FFF; 
																padding-bottom:20px;
			}
		}
		.answer										{ background-color:#FFF; }
	}															
	h1.title										{ font-family:'allerbold_italic';
																text-transform:uppercase;
																text-align:center;	
		@media (max-width: 1024px){ font-size:26px;}
		& + span									{ text-align:center; 
																float:left;
																width:100%;	
			@media (max-width: 1024px){ font-size:12px }															
		}															
	}
	.question									{ /*display:none;*/
																/*position:absolute;*/
																left:0;
																right:0;
																margin:0 auto;
		h2												{ text-align:center;
																margin-top:40px;
																margin-bottom:0;
																color:darken(@sky,30%);
																font-size:18px;
			@media (max-width: 1024px){ margin-top:20px; }
			&.alert									{ /*color:#A94442;*/ 
																font-size:14px;
																margin-bottom:30px;
				&.alert-success			{ /*color:#3C763D; */
					&.finish						{ font-size:14px !important; }
				}
				@media (max-width: 1024px){ font-size:16px; }
			}
			> span									{ /*background:#FFF;*/
																font-weight:bold;
																text-decoration:underline; 
																/*padding:20px 30px;*/
																/*.border-radius(200px, 200px, 200px, 200px);*/
																color:darken(@sky,30%);
																margin-right:10px;
																/*-webkit-box-shadow: 0 0 3px 0 rgba(211,240,255,0.8);
																box-shadow: 0 0 3px 0 rgba(211,240,255,0.8);*/
																/*display:none;	*/
			&:after									{ content:'.'; }
			&.euro									{ margin:0; 
																text-decoration:none;
				&:after								{ content:""; }
			}
			}
			> ul,
			+ form ul							{ list-style: square;
																text-align:left;
																/*padding:0 0 0 50px;*/
																width:300px;
																padding:0;
																
																margin:30px auto 0;
				li										{ font-size:14px; 
																margin-bottom:5px;
					@media (max-width: 1024px) { font-size:12px; }
				}
			}
			+ form ul							{ list-style:none;  
				li										{ margin-bottom:0; }
			}
		}
		.answer										{ padding-top:50px;
																padding-bottom:90px;
																margin-top:-10px;
			@media (max-width: 1024px) { margin-top:20px; }
			> div										{ text-align:center;		
				& .checkbox						{ text-align:left; }		
				a											{ font-size:24px;
																font-weight:bold;
																/*max-width:150px;*/
																margin:0 auto;
																position:absolute;
																left:60px;
																right:60px;
																border:1px dashed;	
																text-transform:uppercase;														
																/*padding:20px 0;
																outline:none;*/
					&.btn-agevolazioni{ left:15px;
										right:15px;
										@media (max-width: 480px) { font-size: 13px;}
										/* iPads (landscape) ----------- */
										@media only screen 
										and (min-device-width : 768px) 
										and (max-device-width : 1024px) 
										and (orientation : landscape) {
											font-size: 18px;
										}
										
										/* iPads (portrait) ----------- */
										@media only screen 
										and (min-device-width : 768px) 
										and (max-device-width : 1024px) 
										and (orientation : portrait) {
											font-size: 18px;
										}
					}
					&:hover	,
					&.indietro,
					&.socio-indietro		{ background-color:@sky; }
					&.indietro,
					&.socio-indietro		{ font-size:16px;
																padding:10px 0;
																/*max-width:120px;*/
					}
				}
			}
			.btn-primary						{ left:inherit;
																	right:inherit;
																	position:inherit;
			}
		}
		&.visible								{ display:block; }
	}
	div.question > div				{ margin-top:0; 
																background-image:none;
																background-color:#FFF;
		> h2											{ margin-top:10px; }
	}
}

#form													{ position:relative;
																/*top:-720px;*/
																margin-top:20px;
																font-family: 'allerregular';
																display:none;
}

/*select {
	overflow: hidden;
	background: url('../img/select-arrow.png') no-repeat right #FFF;
	height: 44px;
	outline: none;
	height: 44px;
	line-height: 44px;
	color: #a1a1a1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	padding-left: 10px;
	text-indent: 0.01px;
	text-overflow: '';
	border: 1px solid #e6e6e6;
	padding-top: 8px;
	margin:30px auto 8px !important;
}*/
/*#ie select {
	background: none;
	height: inherit;
	padding: 0;
	overflow: auto;
	line-height: normal;
	appearance: inherit;
	margin-top: 18px;
}*/
/*#chrome select {
	padding-top: 0;
}*/
span#domanda-7						{ font-size:14px;
														font-weight:normal !important;
														max-width:780px;
														text-decoration:none !important;
														margin-top:20px;
}

body.home								{	margin:30px 0;
														/*overflow:hidden;*/
	#clouds									{ position:fixed;
														bottom:0;
														background:none;
														padding:0;
														height:230px;
														left:0;
														right:0;
														margin:auto;
														z-index:0;
		.cloud								{ width:200px;	
														position:relative;	
														bottom:0;	
														z-index:0;
		&.x1											{ -webkit-animation: moveclouds 25s linear infinite;
																-moz-animation: moveclouds 25s linear infinite;
																-o-animation: moveclouds 25s linear infinite;
																background:url('../img/c1.png') no-repeat 0 0;
																height:117px;
																-webkit-transform:rotate(-30deg);
																-moz-transform:rotate(-30deg);
																-o-transform:rotate(-30deg);
																transform:rotate(-30deg);
			@media (max-width: 1024px){}
		}
		&.x2											{ left:200px;
																-webkit-transform: scale(0.6);
																-moz-transform: scale(0.6);
																transform: scale(0.6);
																-webkit-animation: moveclouds 35s linear infinite;
																-moz-animation: moveclouds 35s linear infinite;
																-o-animation: moveclouds 35s linear infinite;
																background:url('../img/c2.png') no-repeat 0 0;
																height:185px;
																top:-50px;
			@media (max-width: 1024px){}
		}
		&.x3											{ left:-250px;
																-webkit-transform: scale(0.5);
																-moz-transform: scale(0.5);
																transform: scale(0.5);
																-webkit-animation: moveclouds 30s linear infinite;
																-moz-animation: moveclouds 30s linear infinite;
																-o-animation: moveclouds 30s linear infinite;
																background:url('../img/c3.png') no-repeat 0 0;
																height:173px;
																top:-200px;
			@media (max-width: 1024px){}
		}
		&.x4											{ left:470px;
																-webkit-transform: scale(0.55);
																-moz-transform: scale(0.55);
																transform: scale(0.55);
																-webkit-animation: moveclouds 28s linear infinite;
																-moz-animation: moveclouds 28s linear infinite;
																-o-animation: moveclouds 28s linear infinite;
																background:url('../img/c4.png') no-repeat 0 0;
																height:221px;
																top:-460px;
			@media (max-width: 1024px){}
			
		}
		&.x5											{ left:-150px;
																-webkit-transform: scale(0.6);
																-moz-transform: scale(0.6);
																transform: scale(0.6);
																/*opacity:0.6;*/
																-webkit-animation: moveclouds 30s linear infinite;
																-moz-animation: moveclouds 30s linear infinite;
																-o-animation: moveclouds 30s linear infinite;
																background:url('../img/c5.png') no-repeat 0 0;
																height:218px;
																top:-690px;
			@media (max-width: 1024px){}
		}
	}
	}
	.loghi									{ position:relative;														
														margin:0 auto;
														text-align:center;
		a											{ margin-left:30px; 
			@media (max-width: 480px) { margin-left:14px; 
																		 float:left;
			}
			@media (min-width: 768px) { margin-left: 20px; }
		}
		a#sp {
			float: left;
			margin-left: 0px;
			margin-top: 21px;
			@media (max-width: 480px) { float:left; }			
			img {
				width:150px;
				@media (max-width: 480px) { width: 230px; float:none; }
				@media (min-width: 768px) { width: 200px; margin-top:5px; }
				@media (min-width: 992px) { width: 230px; }
				@media (min-width: 1200px) { width: 230px; }
			}
		}
		a.ue {
			img {
				width: 60px;
				@media (max-width: 480px) { display:none; }
				@media (min-width: 768px) { width: 50px; }
				@media (min-width: 992px) { width: 60px; }
			}
		}
		a.rp {
			img {
				width: 123px;
				@media (max-width: 480px) { display:none; }
				@media (min-width: 768px) { width: 109px; }
				@media (min-width: 992px) { width: 114px; }
				@media (min-width: 1200px) { width: 123px; }
			}
		}
		a.fesr {
			img {
				width: 70px;
				@media (max-width: 480px) { display:none; }
				@media (min-width: 768px) { width: 60px; }
				@media (min-width: 992px) { width: 70px; }
				@media (min-width: 1200px) { width: 70px; }
			}
		}
		a.pe {			
			img {
				width: 120px;
				@media (max-width: 480px) { display:none; }
				@media (min-width: 768px) { width: 110px; }
				@media (min-width: 992px) { width: 120px; }
				@media (min-width: 1200px) { width: 120px; }
			}
		}
		@media (max-width: 480px){ -webkit-transform: scale(0.8);
																	-moz-transform: scale(0.8);
																	transform: scale(0.8);
																	width:367px;	
																	float:left;
																	top:10px;
																	left:-19px;																
		}
	}
	#footer								{
		.top								{ margin-top:50px;
			.loghi						{
				a								{ margin-left:44px; 
													margin-right:44px;
					@media (max-width: 480px) { margin-left: 22px; margin-right:22px; }
				}
			}
			a.ue {
				img {
					@media (max-width: 480px) { display:block; width:68px; }
				}
			}
			a.rp {
				img {					
					@media (max-width: 480px) { display:block;}					
				}
			}
			a.fesr {
				img {
					@media (max-width: 480px) { display:block; }
				}
			}
			a.pe {			
				img {
					@media (max-width: 480px) { display:block; }
				}
			}
		}
		.content						{ padding-bottom:90px !important; }
	}
	#header	,
	#footer								{ max-width:1170px;
													width:100%;
													clear:both;
													margin:0 auto;
													position:relative;
													z-index:10;
		.top								{ background:url('../img/header-top-dx.png') no-repeat top right; 
													max-width:1170px;
													width:100%;
													height:60px;													
													float:left;
													z-index:10;
													padding:20px 35px 0;
		}
		.content						{ background-color:#FFF;
													max-width:1170px;
													width:100%;
													float:left;
													padding:30px 35px 20px;
													margin-top:-10px;
			> div							{ max-width:835px; 
													width:100%;
													margin: 0 auto;
			}
		}
		h1.title						{ font-family:'allerbold_italic';
													text-transform:uppercase;
													text-align:left;														
													font-size:26px;
													line-height:70px;
													height:50px;
													float:left;
			@media (max-width: 480px) { line-height:25px;
																		 text-align:center;
																		 margin-top:10px;
			}
			@media (min-width: 768px) { font-size:20px; }
			@media (min-width: 992px) { font-size:26px; }
			@media (min-width: 1200px) { font-size:26px; }
			&.logo						{ text-transform:none;
													float:left;
													font-size:60px;
													margin-right:25px;
													line-height:60px;
				@media (max-width: 480px) { float:none;
																			 text-align:center;
																			 margin-right:0;
				}
				@media (min-width: 768px) { font-size:55px; }
				@media (min-width: 992px) { font-size:60px; }
				@media (min-width: 1200px) { font-size:60px; }
			}
		}
	}
	
	nav										{ margin-top:40px;
													margin-bottom:0 !important;	
													background-color:#FFF;	
		li									{
			a									{ text-transform:uppercase; }
		}											
	}
	
	#cosenidi,
	#achisirivolge	,
	#settori,
	#investimento,
	#comefunziona,
	#comeaccedere,
	#info									{ width:100%;
													max-width:560px;
													float:left;
													margin:50px 0 0;
													position:relative;
													z-index:15;
		.top								{ background:url('../img/content-top-sx.png') no-repeat -130px -15px;														
													position:relative;		
													width:100%;
													max-width:560px;
													padding:20px 35px 0;
													height:40px;
													float:left;
			@media (min-width: 768px) { max-width: 750px; }
			> h1							{ font-family:'allerbold_italic';
													text-transform:lowercase;
													position:relative;
													background:url('../img/c5-black.png') no-repeat top right;
													height:109px;
													line-height:109px;
													margin:-15px 0 0;
				@media (max-width: 320px)	 { font-size:20px; }							
				@media (mix-width: 480px) { font-size:28px; }		
				@media (min-width: 768px) { font-size:36px; }		
				@media (min-width: 992px) { font-size:26px; }
				@media (min-width: 1200px) { font-size:36px; }
			} 
		}
		.content						{ background-color:#FFF;
													width:100%;
													max-width:560px;
													padding:80px 35px 20px;
													float:left;
			.btn-primary			{ text-align:left; }
			@media (min-width: 768px) { max-width: 750px; }
			.bando						{ /*height:85px;*/ 
													/*overflow:hidden;*/ 
				&.opened				{ /*overflow:auto;*/ }
			}
			a#calcage, a#contreq {
				@media (min-width: 1200px) { font-size:18px; }
			}
		}		
		@media (min-width: 768px) { max-width: 750px; }
		@media (min-width: 992px) { max-width: 480px; }
		@media (min-width: 1200px) { max-width: 560px; }
	}
	
	#info									{ float:right;
													max-width:530px;
		.top								{ 
			> h1							{ background:url('../img/c7-black.png') no-repeat right center; }
		}
		.content						{
			.txt							{
				a.btn						{ margin-bottom:5px; }
			}
		}
		@media (min-width: 768px) { max-width: 750px; }
		@media (min-width: 992px) { max-width: 420px; }
		@media (min-width: 1200px) { max-width: 530px; }
	}
	
	#achisirivolge				{ float:left;
													/*margin-top:70px;*/
													/*margin-right:40px;*/
													max-width:560px;
		.top								{ background:url('../img/content-top-dx.png') no-repeat -690px 0; 
													height:50px;
													max-width:560px;
			@media (min-width: 768px) { max-width: 750px; }
			> h1							{ background:url('../img/c1-black.png') no-repeat -15px -5px; 
													text-align:right;
													height:130px;
													margin-top:0;
			}
		}
		.content						{ max-width:560px; 
			@media (min-width: 768px) { max-width: 750px; }
		}
		@media (min-width: 768px) { max-width: 750px; }
		@media (min-width: 992px) { max-width: 480px; }
		@media (min-width: 1200px) { max-width: 560px; }
	}
	
	#settori							{ float:right;
		.top								{ background:url('../img/content-top-dx.png') 520px 0px;
													height:55px;
			@media (min-width: 768px) { max-width: 750px; }
			> h1							{ line-height:36px; 
													text-align:right;
													margin-top:-5px;
													padding-top:40px;
													background:url('../img/c4-black.png') no-repeat 0 0;
			}
		}
		.content						{ padding-top:90px;
			@media (min-width: 768px) { max-width: 750px; }
			/*.txt							{ height:80px; 
													overflow:hidden;
				&.opened				{ height: 400px; }
			}*/
		}
		@media (min-width: 768px) { max-width: 750px; }
		@media (min-width: 992px) { max-width: 420px; }
		@media (min-width: 1200px) { max-width: 530px; }
	}
	
	#investimento				{ float:right;
													/*margin-top:40px;*/
													max-width:530px;
		.top								{ max-width:530px;
			@media (min-width: 768px) { max-width: 750px; } 
			> h1							{ padding-bottom:30px; 
													line-height:36px;
													padding-top:30px;
													background:url('../img/c3-black.png') no-repeat center right;
			}
		}
		.content						{ padding-top:90px;
													max-width:530px;	
			@media (min-width: 768px) { max-width: 750px; }
			a.btn							{ margin:0 5px; 
				@media (max-width: 480px) { margin-bottom:5px; }
				@media (min-width: 992px) { margin-bottom:5px; }
			}					
		}
		@media (min-width: 768px) { max-width: 750px; }
		@media (min-width: 992px) { max-width: 420px; }
		@media (min-width: 1200px) { max-width: 530px; }
	}
	
	#comeaccedere				{ float:right;
													max-width:530px;
		.top								{ max-width:530px;
													background:url('../img/content-top-sx.png') 150px -10px;
			@media (min-width: 768px) { max-width: 750px; }
			> h1							{ background:url('../img/c6-black.png') no-repeat center left;
													text-align:right;
			}
		}
		.content						{ max-width:530px; 
			@media (min-width: 768px) { max-width: 750px; }
			.txt							{ /*overflow:hidden;*/ 
													/*height:60px;*/
				&.opened				{ /*overflow:auto;*/ }
			}
		}
		@media (min-width: 768px) { max-width: 750px; }
		@media (min-width: 992px) { max-width: 420px; }
		@media (min-width: 1200px) { max-width: 530px; }
	}
	
	#comeaccedere				{
		.top								{
			> h1							{ line-height:36px;
													height:134px;
													padding-top:35px;
			}
		}
		.content						{ padding-top:110px;}
	}
	
	#content							{ background:url('../img/content.png') no-repeat 0 0;
													width:868px;
													height:382px;
													padding:20px 35px;
													margin:15px auto;
													position:relative;
													z-index:15;
		h1.title						{ font-family:'allerbold_italic';													
													text-align:center;	
													margin:0;
													font-size:92px;
													color:#FFF;
		}
		> p									{ text-align:center;
													font-size:28px;
													line-height:28px;
		}
		& + a.center-block	{ width:760px;
													height:90px;
													background:#FEFEFE;
													line-height:70px;
													font-size:30px;
													color:#FFF;
													position:relative;
													z-index:20;
		}
	}
}
#q-2 span.sym					{ float:right; 
													font-size:36px;
													line-height:50px;
													margin-left:10px;
}

#riepilogo							{ margin-top:15px; }

.statistiche						{
	*											{ text-align:left; }
}