html {
	height:100%;
	background:#5BA11B;
}
body {
	font-family:'Open Sans', sans-serif;
	margin:0;
	padding:0;
	font-size:100%;
	background:#EEE;
}
header {
	margin:0 auto;
	padding:0;
	min-height:6.875rem;
	position:relative;
}
main {
	display:block;
	margin:0 auto;
	padding:0 0 0.6rem 0;
}
footer {
	margin:0 auto 0 auto;
	padding:0 0;
	background:#5BA11B;
	text-align:center;
}
footer address {
	font-size:0.75rem;
	padding:0.5rem;
	margin:0;
	line-height:150%;
	color:#FFF;
	font-style:normal;
}
footer address a {
	color:#EEE;
	font-weight:700;
	text-decoration:none;
}
footer address a:hover {
	color:#FFE600;
}

#contenuto {
	margin:20px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	width:40rem;
	float:left;
}
/* Smartphones ----------- */
@media only screen and (max-width : 600px) {
#head {
	margin:0rem 0 0 0;
	padding:0;
	width:100%;
	min-height:8.375rem;
	background: url(../../images/mask3.jpg) no-repeat center top;
	position:relative;
	z-index:10;
}
#contenuto {
	width:98%;
	padding:10px 1%;
}
body {
	-webkit-text-size-adjust: none;
}
header {
	width:100%;
}
main {
	width:100%;
}
footer {
	width:100%;
}
header img {
	border:0;
	margin:0.625rem 0 0rem 1rem;
	padding:0;
}
}
/* ipad desktop ----------- */
@media only screen and (min-width : 601px) {

#head {
	margin:0rem 0 0rem 0;
	padding:0;
	width:100%;
	position:relative;
	z-index:10;
	background: url(../../images/mask3.jpg) no-repeat center top;
}
header {
	max-width:60rem;
	z-index:100;
}
main {
	max-width:60rem;
}
footer {
	width:100%;
}
header img {
	border:0;
	margin:0.625rem 0 0.625rem 0rem;
	padding:0;
	z-index:100;
}
}