@font-face {font-family: 'CourierPrime';
	src: url('fonts/CourierPrime.eot?') format('eot'),url('fonts/CourierPrime.woff') format('woff'), url('fonts/CourierPrime.ttf')  format('truetype'), url('fonts/CourierPrime.svg#CourierPrime') format('svg');}
	
	html, body#home, pre  {font-family: CourierPrime, Courier, "Courier New", monospace, monospace;font-weight: normal !important;}
	body#home  { margin: 0; background: #ebebeb url(../img/sfondo.gif); color: #999;}
	#container { width: 100%; height: auto; }
	section#centrale { padding: 0; margin-top: 10%;  box-shadow: 0 0 0px #333;  background-color: #fff;height: auto; overflow:hidden; position:relative;}	
	section#centrale img {  width: 100%;  max-width: 2500px;  margin-left: auto;  margin-right: auto; } 
	img#foto3 {width: 29%; position: absolute;z-index:10;left: 6%;top:17%;/*margin-top: -7%;*/ } 
	ul#menu  {width: 22%;position: absolute;top: 9.3%;left: 6%;font-size: 143%;line-height: 2em;}
	ul#menu li span {padding-top: .2em;}
	/* pulsanti superiori */
	div.bottons {width: 1.7%; position: absolute;text-align:center; top: 19%;-webkit-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 1px 2px 5px #333;box-shadow: 1px 2px 5px #333;}
	div.bottons:hover  {opacity: .7;}
	div.t1  {left: 84.5%;}
	div.t2  {left: 87%;}
	div.t3  {left: 89.5%;}
	div.t4  {left: 92%;}
	div.bottons img  { width: 70%; vertical-align: middle; padding: 18% 12%; margin: auto; } 	 
	div.bottons.comunicazione  { background-color: #c3b751; border: 1px solid #c3b751; }
	div.bottons.eventi  { background-color: #5ab6d0; border: 1px solid #5ab6d0; }
	div.bottons.wedding  { background-color: #e38494; border: 1px solid #e38494; }
	div.bottons.loveit  { background-color: #db8820; border: 1px solid #db8820; }
	div.bottons.contatti, div.bottons.home  { background-color: #ecc31b; border: 1px solid #ecc31b; }
	span.active1, .active1:hover  { background-color: #c3b751; padding-top: .2em;color: #fff;}
	span.active2, .active2:hover  { background-color: #5ab6d0; padding-top: .2em;color: #fff;}
	span.active3, .active3:hover  { background-color: #e38494; padding-top: .2em;color: #fff;}
	span.active4, .active4:hover  { background-color: #db8820; padding-top: .2em;color: #fff;}
	span.active5, .active5:hover  { background-color: #ecc31b; padding-top: .2em;color: #fff;}
	
	article.testo1 { width: 35%;position: absolute;top: 9.5%;left: 32%;font-size: 130%;line-height: 1.1em; }
	article.testo1 span {padding-top: .2em;}
	article.testo1 pre { font-size: 0.8em; line-height: 1.4em;}
		
	div#recapiti  {width: 35%;position: absolute;top: 9.5%;left: 32%;font-size: 130%;line-height: 1.26em; }
	div#recapiti span  {color: #ecc31b;font-size: 139%; }		
	div#recapiti pre   { font-size: 0.8em;line-height: 1.5em;}
	div#recapiti p  {margin-top: 1.2%; line-height: 1.7em;} 
	div#recapiti img  {width: 5%; float: left;}
	
@media screen and (max-device-width: 480px){  /*--- corregge il font-size solo x I-Phone---*/
	article.testo1 {font-size: 80%; }
	div#recapiti   {font-size: 80%;}   }
	
	div#social  {width: 15%;position: absolute;top: 20%;left: 80.5%;text-align: center;font-size: 120%;line-height: 1.26em; }
	section#centrale div#social img  {width: 50%; margin: 1% auto;}
	div#social a  {opacity: 1;}
	.IcoSocial:hover  {opacity: .5;    
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}
	section#centrale img#mappa{position: absolute;top: 41%;left: 32%;width: 19%;height: 41%;border: 0px solid #999;}
	form, input, textarea  {width: 100%;  margin: auto;}
	textarea {height: 10%;}
	input, textarea  {font-size: 90%;/*padding: 1.7% 0;*/ font-family: monospace;background-color: #fafafa; border: solid 0px #999; border-width: 2px 0 0 2px;}
	input:focus, textarea:focus{background-color: #ebebeb;color: black;outline: 0; }
	label {font-size: .8em;}
	form#posta {width: 18.6%;position: absolute;top: 18%;left: 60.3%;font-size: 135%; }
	form#posta  li {margin-bottom: 3.3%;}
	form#posta input.invia {background-color: transparent; color: #fff; font-family: monospace;border: medium none;float: right;width: 35%;margin-top: -10%; cursor: pointer;}
	form#posta input.invia:hover { opacity: .6;}
	/* pop up note legali  */
	.inserto { background-color: #Fff; color: #999; font-size: 1.2em;  text-align: center; z-index: 50;  position: absolute;  top: 140px; width: 30%;
    left: 50%;  margin-left: -20%; box-shadow: 0px 0px 9px #666; border-radius: 13px; font-weight: 100;
}
	/* all  style per placeholder nel form  */
	::-webkit-input-placeholder { color:#999; font-size: 0.9em; font-style: italic; font-weight: 100; opacity:.4; }
	::-moz-placeholder 			{ color:#999; font-size: 0.9em; font-style: italic;font-weight: 100; opacity:.4;} /* firefox 19+ */
	:-ms-input-placeholder 		{ color:#999; font-size: 0.9em; font-style: italic; opacity:.4; } /* ie */
	input:-moz-placeholder 		{ color:#999; font-size: 0.9em; font-style: italic; opacity:.4; }
	footer {text-align: center;margin-top: 8%;font-size: 107%;line-height: 1.4em;}