@font-face {
	font-family: 'siruca';
	src: url(../'font/siruca.eot');
	src: url('../font/siruca.eot?#iefix') format('embedded-opentype'),
	url('../font/siruca.woff') format('woff'),
	url('../font/siruca.svg#sirucaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
body {
			font: 12px/120% 'Abel', sans-serif;
			width:100%; height:100%;
			padding:0; margin:0;
			background-color:#dddddd;
}
		
h1,h2,h3 {font-weight:normal; margin:0; padding:0;}
p {margin:0;padding:0;}
.site {margin:0 auto; width:1024px; box-shadow: 0 0 5px 5px #999999; overflow:hidden;}
.page {position:relative;}
		
#page1, #page2 {background-color:#DED4D4}
#page2, #page3 {background-image: url('img/div.png') no-repeat center 40px;}
		
#page1 {height:768px;}
#page1 .medusa {position:absolute; top:0; left:0; z-index: 100}
#page1 .cerchio_g {position:absolute; top:130px; left:0; z-index:50}
#page1 .cerchio_p,
#page3 .cerchio_p {position:absolute; z-index:50;}
#page1 #circ1 {width:150px; top:80px; left:60px;}
#page1 #circ2 {width:170px; top:20px; left:100px;}
#page1 #circ3 {width:40px; top:200px; left:500px;}
#page1 #circ4 {width:120px; top:20px; left:400px;}
#page1 #circ5 {width:250px; top:670px; left:150px;}
#page1 #circ6 {width:120px; top:500px; left:550px;}
#page1 h1 {position:absolute; top:300px; left:470px; margin:0; padding:0; }
#page1 h1 a,
#page3 h1 a {color:#007189; text-decoration:none; font-family: 'siruca',sans-serif; font-size:115px;}
#page1 h1 a span,
#page3 h1 a span {color:#860016}
#page1 p {position:absolute; top:100px; left:700px; font-size:40px; line-height:120%; width:250px;}
#page1 a.goon {border:0; background: url('../imgs/scopri_come.png') no-repeat; width:140px; height:140px; position:absolute; top:400px; left:700px;}
#page1 a.goon span {visibility:hidden;}
		
#page2 p {font-size: 21px; line-height:28px;}
#page2 h2, #page2 h3,
#page3 h2 {font-size:25px; text-transform: uppercase; color:#007189; margin-bottom:30px;}
#page2 h3 {color:#860016; margin-top:30px; margin-bottom:10px;}
#page2 .left, #page2 .right { float:left; width:400px;}
#page2 .left {margin: 200px 60px 250px 130px; }
#page2 .right {margin:0; margin-top: 220px; }
#page2 .conn,
#page3 .conn {position:absolute; z-index:100}
#page2 #conn1 {right:0; top:-230px;}
#page2 #conn2 {left:0; bottom:-200px;}
#page2 a.goon {border:0; background: url('../imgs/contatti.png') no-repeat; width:140px; height:140px; position:absolute; bottom:60px; left:480px;}
#page2 a.goon span {visibility:hidden;}

#page3 {background-color:#eeeeee; font-size:21px; line-height:28px; height:450px; padding:100px 150px;}
#page3 #conn1 {right:0; bottom:0;}
#page3 label {display:block; margin:35px 0 10px 0;}
#page3 input {border:none; width:400px; height:30px;}
#page3 textarea { border:none; width:400px; height:150px;}
#page3 #invia {background-color:#860016; color:#ffffff; font-size:18px; margin-top:15px; margin-bottom:50px; height:40px}
#page3 #circ1 {width:250px; top:80px; right:70px;}
#page3 h1 {position:absolute; top:190px; right:100px; margin:0; padding:0; z-index:100}
#page3 h1 a {font-size:50px;}

#footer {background-color: #333333; color:#ffffff; text-align: center; padding:20px 0;}
#footer a {font-family: 'siruca',sans-serif; font-size:110%; text-decoration: none; color:#ffffff}