*,
*:after,
*:before{
	/*
	all: unset;
	display: block;
	box-sizing: border-box;
	*/
	background: transparent;
	border: 0;
	border-collapse: collapse;
	box-sizing: border-box;
	color: inherit;
	display: block;
	font: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	text-align: inherit;
	text-decoration: none;
	text-transform: inherit;	
}
html{
	background: #004b72;
	color: #ffffff;
	font: normal 1em/1.5 'Segoe Ui', Segoe, Tahoma, Geneva, sans-serif;
	text-align: center;
}
	head{
		display: none;
	}
	body{
		background: #002133;
		height: 25.5em;
	}
		.site{
			margin: 0 auto;
			width: 62em;
		}
			.button{
				background: #ff8800;
				border: 0.0625em solid #ff8800;
				border-radius: 0.375em;
				color: #ffffff;
				cursor: pointer;
				display: inline;
				padding: 0.3125em;
				transition: all 0.5s;
			}
			.button.large{
				display: inline-block;
				margin-top: 1.5em;
				padding: 0.6875em;
			}
			.button:hover{
				background: transparent;
				border-color: #ff8800;
				color: inherit;
			}
			a{
				border-bottom: 0.0625em solid #ff8800;
				cursor: pointer;
				display: inline;
				transition: all 0.5s;
			}
			a:hover{
				border-color: transparent;
			}
			p{
				padding: 0.75em;
			}
			strong{
				display: inline;
				font-weight: bold;
			}
			ul{
				padding: 0.75em;
			}
				li{
					display: inline;
				}
				li + li{
					margin-left: 1.5em;
				}
			.siteBody{
			}
				.page{
					position: relative;
				}
					.pageHeader{
						background: url(../images/illustration.png) no-repeat center bottom;
						height: 22.5em;
						padding: 2.25em;
						position: relative;
					}
						h1{
							background: url(../images/largeandmediumlogo.png) no-repeat left 0.55rem;
							display: inline-block;
							letter-spacing: -0.03125em;
							padding-left: 4.5em;
							position: relative;
							text-align: left;
						}
							h1 strong{
								font-style: inherit;
								font-size: 3em;
							}
							h1 span{
								font-size: 1.5em;
								line-height: 1;
							}
					.pageBody{
						background: #ffffff;
						border-radius: 0.375em;
						color: #344a56;
						padding-top: 4.5em;
						position: relative;
					}
						.pageBody p{
							display: block;
							max-width: 36em;
							margin: 0 auto;
							text-align: left;
						}
						.section{
						}
							.sectionHeader{
								padding: 2.25em 2.25em 0.75em 2.25em;
								position: relative;
							}
								h2{
									font-size: 2em;
									letter-spacing: -0.03125em;
									padding: 0.375em;
								}
							.sectionHeader:before{
								border-top: 0.0625em solid #ccd9e0;
								bottom: 0;
								content: '';
								left: 50%;
								margin-left: -4.5em;
								position: absolute;
								width: 9em;
							}
							.sectionBody{
								padding: 2.25em;
							}
								.subsection{
									display: inline-block;
									vertical-align: top;
									width: 18em;
								}
									.subsectionHeader{
										padding: 1.5em 0;
									}
									.subsectionBody{
									}
										form{
										}
											fieldset{
											}
												label:first-child{
													left: -100vw;
													position: fixed;
													top: -100vh;
												}
												label{
													border: 0.0625em solid #ccd9e0;
													border-bottom: 0;
													padding: 0.6875em 0.6875em 0.75em 0.6875em;
													text-align: left;
													transition: all 0.5s;
												}
													label span{
														font-size: 0.8em;
														line-height: 1.875;
													}
													input{
														width: 100%;
													}
													textarea{
														height: 12em;
														width: 100%;
													}
													.error{
														background: #ffeeee;
													}
													.success{
														background: #eeffee;
													}
												label:first-child{
													border-top-left-radius: 0.375em;
													border-top-right-radius: 0.375em;
												}
											button.button{
												display: inline-block;
												border-top-left-radius: 0;
												border-top-right-radius: 0;
												margin-top: 0.0625em;
												padding: 0.6875em;
												width: 100%;
											}
								.subsection + .subsection{
									margin-left: 1.5em;
								}
						.section + .section{
							border-top: 0.0625em solid #ccd9e0;
							margin-top: -0.0625em;
						}
						/*
						.section#cose{
							background: url(../images/bilanciomilano.png) no-repeat center bottom;
							padding-bottom: 30em;
						}
						*/
						.section#cose{
						}
							.section#cose .sectionBody{
								padding-bottom: 0;
							}
								.carousel{
									border-top-left-radius: 0.375em;
									border-top-right-radius: 0.375em;
									margin: 1.5em auto -0.375em auto; /* Da dove viene il margin bottom che devo compensare? */
									max-width: 36em;
									overflow: hidden;
									position: relative;
								}
									.images{
										overflow: hidden;
										position: relative;
									}
										.images ul{
											padding: 0;
											position: relative;
											width: 1000%;
										}
											.images li{
												display: inline-block;
												position: relative;
												width: 10%;
											}
												.images a{
												}
													.images img{
														width: 100%;
													}
											.images li.loading{
												position: relative;
											}
											.images li.loading:after{
												content: 'Caricamento in corso...';
												display: block;
												left: 0;
												margin-top: -0.75em;
												position: absolute;
												top: 50%;
												width: 100%;
											}
											.images li + li{
												margin: 0;
											}
									.controls{
										background: #ff8800;
										border-radius: 0.375em;
										color: #ffffff;
										left: 50%;
										margin-left: -8.25em;
										padding: 0.6875em;
										position: absolute;
										bottom: 0.75em;
										width: 16.5em;
									}
										.controls li{
											border-bottom: 0.0625em solid #ffffff;
											cursor: pointer;
											transition: all 0.5s;
										}
										.controls li.active{
											border-bottom-color: transparent;
										}
										.controls li + li{
											margin-left: 0.75em;
										}
						.section#entitrasparenti{
						}
							.section#entitrasparenti .sectionBody{
								padding-bottom: 0;
							}
								.section#entitrasparenti .map{
									border-top-left-radius: 0.375em;
									border-top-right-radius: 0.375em;
									height: 30em;
									margin: 1.5em auto 0 auto;
									max-width: 36em;
									overflow: hidden;
									position: relative;
								}
									.section#entitrasparenti iframe{
										left: 0;
										position: absolute;
										top: 0;
									}
								.section#entitrasparenti .fallback{
									margin-bottom: 1.5em;
								}
						.section#aiutaci{
						}
							.section#aiutaci .sectionBody{
							}
								.section#aiutaci form{
									text-align: center;
								}
									.section#aiutaci input{
										margin: 1.5em auto 0 auto;
										width: auto;
									}
					.pageNavigation{
						background: #ffffff;
						border-bottom: 0.0625em solid #ccd9e0;
						border-top-left-radius: 0.375em;
						border-top-right-radius: 0.375em;
						color: #344a56;
						left: 0;
						padding: 0.75em 2.25em;
						position: absolute;
						transition: all 0.5s;
						top: 22.5em;
						width: 100%;
						z-index: 10000;
					}
					.pageNavigation.sticky{
						background: #e5f6ff;
						border-top-left-radius: 0;
						border-top-right-radius: 0;
						border-bottom-width: 0.1875em;
					}
			.siteNavigation{
				padding: 2.25em;
			}
			.siteFooter{
				border-top: 0.0625em solid #002133;
				margin-top: -0.0625em;
				padding: 2.25em;
			}
				.siteFooter p{
					font-size: 0.8em;
					line-height: 1.875;
					padding: 0.9375em;
				}