html, body { height:100%; }


:link, *:visited {
    
	color: #FFF;
}
h1, h2, h3 {
	font-weight:normal;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
@font-face {
   font-family: 'bernard';
   src: url(font/bernard.eot);
   src: local('bernard'), url('font/bernard.ttf') format('truetype');
}


body {
	padding:0;
	margin:0;
	background: #43601d;
	background-image: url(img/bg.png);
	background-repeat:repeat-x;
	background-position:center 80px;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
}

#lancioFB {
	background-color: #3b5998;
	width: 100%;
	height: 80px;
	text-align: center;
}
#main {
	width:100%; 
	height:100%; 
	position:relative;
}
#cont {
	width:980px; 
	height:1050px; 	
	position:absolute;
    left:50%;
    top:0px;
    margin-left:-490px;
}

#titolo {
	font-family: bernard, sans-serif; 
	font-size: 53px;
	color: #FFF;
	text-shadow: 2px 1px 1px #aaaaa5;
	text-align: center;
	position: relative;
	top: 22px;
	margin: 0px;
}

#available {
	position: relative;
	top: 18px;
	left: 366px;
}

#descrizione {
	position: relative;
	top: 421px;
	left: 81px;
	width: 700px;
}
#testo {
	position: relative;
	top: -105px;
	left: 117px;
	width: 700px;
	font-family: Trebuchet MS;
	font-size: 24px;
	color: #9bba73;
	text-shadow: 2px 1px 1px #364e18;
}
.fb-like {
	position: relative;
	top: -523px;
	left: 218px;
}

#footer {
	width: 806px;
	text-align: center;
	position: relative;
	top: -70px;
	
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #9bba73;
	text-shadow: 2px 1px 1px #364e18;
}

/* VERSIONE IPAD verticale */
@media screen and (max-width: 999px) {
	#cont {
		width:720px; 
		margin-left:-360px;
	}
	#available {
		left: 236px;
	}
	#descrizione {
		width:604px; 
		left: 95px;
	}
	#testo {
		width:490px; 
		font-size: 24px;
	}
	.fb-like {
		left:88px;
		top: -728px;
	}
	#footer {
		width:586px; 
	}
}

/* VERSIONE IPHONE RETINA*/
@media screen and (max-width: 720px) {
	#cont {
		width:640px; 
		margin-left:-320px;
	}
	#available {
		left: 197px;
	}
	#descrizione {
		width: 566px;
		left: 64px;
	}
	#testo {
		width:440px;
		font-size: 24px;
	}
	.fb-like {
		top: -817px;
		left: 48px;
	}
	#footer {
		width: 526px;
	}
}

/* VERSIONE MOBILE BASE*/
@media screen and (max-width: 639px) {
	#cont {
		width:320px; 
		margin-left:-160px;
	}
	#available {
		left: 39px;
	}
	#descrizione {
		left: 9px;
		width: 299px;
		height: 770px;
		top: 600px;
	}
	#testo {
		font-size: 18px;
		top: -105px;
		left: 0px;
		width: 298px;
	}
	#icon {
		display: none;
	}
	.fb-like {
		top: -355px;
		width: 211px;
		overflow: hidden;
	}
	#footer {
		width: 299px;
		top: -50px;
	}
}