body{
	font-family: "Trebuchet MS","Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background: #000 url(../img/bg-pattern.jpg) repeat-x;
	text-align: justify;
	color: #FFF;
	line-height: 21px;
}

.fixed {
    position: fixed;
}

h1{
	width: 217px;
	height: 68px;
	background: url(../img/logo.png) no-repeat;
	top: 53px;
	left: 25px;
}

h1 a{
	display: block;
	width: 217px;
	height: 68px;	
}

h2{
	color: #95b036;
	font-size: 23px;
	margin-bottom: 8px;
}

h3{
	color: #FFFFFF;
	font-size: 23px;
	margin-bottom: 8px;
}

.panel-wrapper p{
	font-size: 14px;
}

.panel-wrapper p strong{
	color: #95b036;
}

.panel-wrapper a{
	display: block;
	width: 100%;
	height: 175px;
}

.panel1{
	background: url(../img/bg-lanci-bproud.png);
}

.panel2{
	background: url(../img/bg-lanci-sorgenia.png);
}

.panel3{
	background: url(../img/bg-lanci-1anno.png);
}

.panel4{
	background: url(../img/bg-lanci-iphone.png);
}


#about{
	width:540px;
	height:572px;
	padding: 30px;
	background: url(../img/bg-box-about.png) no-repeat;
	font-size: 13px;
	line-height: 19px;
	text-align:left;
	font-weight:normal;
}

#about h4{
	color: #95b036;
	font-size: 23px;
	margin-bottom: 12px;
}

#about p{
	margin: 0 0 5px 0;
}

#about ul{
	margin: 9px 0 14px 0;
}

#about li{
	background: url(../img/bullet.gif) no-repeat left 7px;
	padding: 0 0 0 10px;
}

/* My Comment */

/* @group My Group */



/* @end */

/**/

span.fir {
    display: block;
    width: 0; height: 0; line-height: 0;
    overflow: hidden; clip: rect(0,0,0,0);
}

#colonnona {
	position: relative;
	width: 600px;
	margin: 0 auto;
	z-index: 2;
	height: 5500px;
}

#slider{
	width: 515px;
	height: 407px;
	background-image: url(../img/vaso.png);
}

.box{
	margin: 0 0 0 0;
}

.ancora{
	display: block;
	width: 20px;
	height: 30px;
}

/* @group Menu */

#menu{
	top: 53px;
	right: 25px;
	z-index: 100;
}

#menu ul li{
	margin: 0 0 1px 0;
}

#menu ul li a span{
	display: none;
}

#menu ul li a{
	position: relative;
	width: 167px;
	height: 26px;
	display: block;
	cursor: hand;
}

#menu ul li a:hover, .selezionato{
	background-position: 0 -26px;
}

#menu ul li a.bt-hme, #menu ul li a.bt-hme span.hover{
	background-image: url(../img/tasto-home.png);
}

#menu ul li a.bt-abt, #menu ul li a.bt-abt span.hover{
	background-image: url(../img/tasto-bleaf.png);
}

#menu ul li a.bt-ptf, #menu ul li a.bt-ptf span.hover{
	background-image: url(../img/tasto-portfolio.png);
}

#menu ul li a.bt-cnt, #menu ul li a.bt-cnt span.hover{
	background-image: url(../img/tasto-contacts.png);
}

#menu ul li a.bt-ree{
	cursor: hand;
	position: relative;
	width: 167px;
	height: 75px;
	display: block;
	background: url(../img/tasto-showreel.png) no-repeat scroll 0 0px;
}

#menu ul li a.bt-ree:hover{
	background-position: 0 -75px;
}

/* @end */

/* @group Portfolio */

.portfolio{
	position:absolute;
	top:3220px;
	left:0;
	width:600px;
	z-index:99;
}

.portfolio h3{
	background: url(../img/titolo-portfolio-bg.png) no-repeat;
}

.portfolio ul li{
	margin-bottom: 1px;
}

.portfolio ul li a.category{
	height: 31px;
	display: block;
	background: url(../img/bg-portfolio-cat.png);
	text-align: right;
	padding: 8px 20px 0 0;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
}

.portfolio ul li a:hover{
	background-position: 0 -39px;
	color: #B8D654;
}

.portfolio ol{
	margin: 1px 0 0 0;
	display: none;
}

.portfolio ol li{
	height: 69px;
}

.portfolio ol li.dettaglio{
	height: 149px;
	background: url(../img/bg-portfolio-dett.png) no-repeat;
}

.portfolio ol li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
	background: url(../img/bg-portfolio-lav.png) no-repeat;
}

.portfolio ol li a:hover{
	color: #FFF;
	background-position: 0 -69px;
}

.portfolio ol li a div{
	float: left;
	margin: 6px 0 0 6px;
	width: 57px;
	height: 57px;
	background: url(../img/icons.jpg) no-repeat;
}

.portfolio ol li a p{
	float: left;
	margin: 22px 0 0 10px;
}

.portfolio ol li a span{
	color: #c6f727;
	margin: 0 0 0 2px;
}

.dettaglio{
	position: relative;
}

.dettaglio img{
	float: left;
	margin: 14px 14px 0 14px;
}

.dettaglio .contenuti{
	padding: 14px 0 0 14px;
}

.dettaglio .contenuti span{
	color: #c6f727;
	font-weight: bold;
}

/*.dettaglio a.lancia, .dettaglio a.lanciofoto, .dettaglio a.lancioswf{*/
.dettaglio a.lancia{
	display: block;
	width: 284px;
	height: 25px;
	background: url(../img/bg-portfolio-launch.png) no-repeat;
	color: #FFF;
	font-size: 12px;
	position: absolute;
	padding: 3px 0 0 17px;
	top: 106px;
}

.dettaglio a.lancia:hover, .dettaglio a.lanciofoto:hover, .dettaglio a.lancioswf:hover{
	background-position: 0 0;
	color: #000;
}


/* @end */


/*
#contacts{
	width: 350px;
	height:334px;
	margin: 0 0 0 60px;
	color: #000;
}

#contacts .ufficio{
	margin: 19px 0;
}

#contacts span{
	color: #c6f727;
	margin: 0 5px 0 0;
}

#contacts .fondo{
	margin: 5px 0 0 0;
	color: #bd6a2e;
}

#contacts .fondo a{
	color: #bd6a2e;
	text-decoration: none;
}

#contacts .fondo a:hover{
	text-decoration: underline;
}

#contacts span.titolo{
	color: #FFFFFF;
	margin: 0 5px 0 0;
}

#contacts h4 {
	font-size: 21px;
	color: #FFF;
}

#contacts h5 {
	font-size: 19px;
	color: #FFF;
	display: inline;
}
*/


	#contacts{
		font-size: 14px;
		line-height: 22px;
		padding: 51px 0 0 65px;
		width: 100%;
		position:relative;
	}
	
	.labella{
		display:inline-block;
		width: 73px;
		margin:8px 0 0 0;
		vertical-align: top;
	}
	
	.campo, textarea{
		width:250px;
		padding:5px;
		border:1px solid #463022;
		background-color:#271a11;
		color:#DDD;
	}


	label.error{
		color:#ab0911;
		margin:2px 0 0 5px;
		font-size: 11px;
	}
	.tasto{
		margin:15px 0  0 77px;
		padding:4px;
		border:1px solid #95b036;
		background-color:#2c3410;
		color:#95b036;
	}
	#mailok{
		padding:10px;
		background-color:#2c3410;
		color:#FFF;
		margin-top:10px;
	}

	#contacts h6{
		color: #b8d654;
		font-size: 23px;
		margin: 0 0 15px 77px;
	}

.piccolo {
	font-size: 13px;
	color: #BBB;
}

.ufficio{
	width: 255px;
	float: left;
}

#contacts p{
	padding: 1px 0;
}

.dato{
	color: #b8d654;
}

#partitaiva{
	clear: left;
	padding: 35px 0 0 120px;
}

.email{
	margin: 0 0 15px 0;
}

.email a{
	font-size: 14px;
	color: #ab6634;
	text-decoration: none;
}

.email a:hover{
	text-decoration: underline;
}

#galassia, #portarazzi{
	width: 100%;
	height: 850px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#atmosfera {
	width: 100%;
	height: 850px;
	position: absolute;
	top: 1300px;
	left: 0;
	overflow: hidden;
}

#razzo1{
	position: absolute;
	top: 152px;
	left: 57%;
	width: 42px;
	height: 79px;
	background-image: url(../img/env-razzo1.png);
}

#razzo2{
	position: absolute;
	top: 250px;
	left: -200px;
	width: 96px;
	height: 57px;
	background-image: url(../img/env-razzo-grande.png);
}

#razzo3{
	position: absolute;
	top: 550px;
	right: -200px;
	width: 56px;
	height: 45px;
	background-image: url(../img/env-razzo3.png);
}

#satellite{
	position: absolute;
	width: 59px;
	height: 49px;
	background-image: url(../img/env-satellite.png);
}

#meteorite{
	position: absolute;
	width: 162px;
	height: 129px;
	background-image: url(../img/env-meteorite.png);
}

#planetone1{
	width: 100%;
	height: 145px;
	background: url(../img/env-pianeta-vicino.png) no-repeat 60% center;
	position: absolute;
	top:120px;	
}

#planetone2{
	width: 100%;
	height: 108px;
	background: url(../img/env-pianeta-lontano.png) no-repeat 35% center;
	position: absolute;
	top:30px;	
}


#ancora1{
margin-bottom: 100px;
}

#ancora2{
margin-bottom: 105px;	
}

#ancora3{
margin-bottom: 130px;	
}

#ancora4{
margin-bottom: 130px;	
}

#stars{
	position: absolute;
	height: 3908px;
	width: 100%;
	background: url(../img/bg-star.png) repeat;
}
/*
#planets{
	width: 100%;
	height: 1936px;
	background: url(../img/env-planets.jpg) no-repeat center top;
	position: absolute;
	top:955px;
}
*/
#planet1{
	width: 100%;
	height: 356px;
	background: url(../img/env-pianeta1.png) no-repeat 4% center;
	position: absolute;
	top:1236px;
}

#planet2{
	width: 100%;
	height: 216px;
	background: url(../img/env-pianeta2.png) no-repeat 60% center;
	position: absolute;
	top:1000px;
}

#planet3{
	width: 100%;
	height: 56px;
	background: url(../img/env-pianeta3.png) no-repeat 80% top;
	position: absolute;
	top:1208px;
}

#planet4{
	width: 100%;
	height: 174px;
	background: url(../img/env-pianeta4.png) no-repeat 92% top;
	position: absolute;
	top:1599px;
}

#clouds{
	width: 100%;
	height: 697px;
	background: url(../img/env-nuvole.jpg) no-repeat center top;
	position: absolute;
	top:2128px;
}
/*
#moon-clouds{
	width: 100%;
	height: 824px;
	position: absolute;
	top:2900px;
	background: transparent url(../img/env-luna-nuvole.png) no-repeat center top;
}
*/


#moon{
	width: 100%;
	height: 1800px;
	position: absolute;
	top:2400px;
	background: transparent url(../img/env-luna.png) no-repeat 10% top;
	overflow: hidden;
}

#moon .nuvola{
	position: absolute;
}

#moon .uno{
	width: 175px;
	height: 67px;
	background-image: url(../img/env-nuvola1.png);
}

#moon .quattro{
	width: 144px;
	height: 57px;
	background-image: url(../img/env-nuvola4.png);
}

#moon .cinque{
	width: 78px;
	height: 38px;
	background-image: url(../img/env-nuvola5.png);
}

#moon .due{
	width: 175px;
	height: 67px;
	background-image: url(../img/env-nuvola1.png);
}

#moon .tre{
	width: 144px;
	height: 57px;
	background-image: url(../img/env-nuvola4.png);
}

#moon .sei{
	width: 78px;
	height: 38px;
	background-image: url(../img/env-nuvola5.png);
}

#city{
	width: 100%;
	height: 500px;
	position: absolute;
	top:3692px;
	background: transparent url(../img/env-city.png) repeat-x center top;
}

#terra{
	position: absolute;
	height: 1123px;
	width: 100%;
	top:4223px;
	background: transparent url(../img/bg-terra.jpg) repeat-x center top;
}

#sottoterra{
	position: absolute;
	height: 917px;
	width: 100%;
	top:4195px;
}

#elementi1{
	position: absolute;
	height: 193px;
	width: 100%;
	top:4261px;
	background: transparent url(../img/env-elementi-sopra.png) repeat-x center top;
}

#elementi2{
	position: absolute;
	height: 517px;
	width: 100%;
	top:4561px;
	background: transparent url(../img/env-elementi-sotto.png) no-repeat center top;
}

.astro2{
	width: 172px;
	height: 164px;
	position: absolute;
	background: url(../img/astro-piccoli1.png) no-repeat;
	top: 1200px;
	left: 606px;
}

.astro3{
	width: 199px;
	height: 65px;
	position: absolute;
	background: url(../img/astro-piccoli2.png) no-repeat;
	top: 1266px;
	left: 556px;
}

.astro{
	width: 90px;
	height: 115px;
	position: absolute;
}

.matte{
	background: url(../img/astro-matte.png) no-repeat;
	top: 1150px;
	left: 706px;
}

.matti{
	background: url(../img/astro-matti.png) no-repeat;
	top: 1320px;
	left: 613px;
}

.ufo{
	position: absolute;
	background: url(../img/env-ufo.png) no-repeat;
	width: 135px;
	height: 50px;
	top: 3480px;
	left: 450px;
}

#portagocce{
	width: 100%;
	height: 950px;
	position: absolute;
	top: 4230px;
	left: 0;
	overflow: hidden;
}

#goccia{
	position: absolute;
	width: 49px;
	height: 49px;
	top:312px;
	left: 285px;
	background: url(../img/env-goccia.png) no-repeat;	
}

#tubo{
	position: absolute;
	width: 450px;
	height: 183px;
	top:180px;
	left: -9px;
	background: url(../img/env-tubo.png) no-repeat;	
}

#msgrisp{
	color:#FFF;
	position:absolute;
	top:296px;
	left:276px;
}

#pianta{
	position: absolute;
	background: url(../img/env-piantainfondo.jpg) no-repeat;
	width: 206px;
	height: 493px;
	top: 3819px;
	left: 527px;
}

#portabottom{
	width: 100%;
	height: 399px;
	position: absolute;
	top: 4750px;
	left: 0;
	overflow: hidden;	
}

#bottom{
	position: absolute;
	background: url(../img/env-bottom.png) no-repeat;
	width: 686px;
	height: 399px;
	top: 0;
	left: 0;
}

#sfondoterra{
	position: absolute;
	top:4572px;
	left: 50%;
	margin-left: -336px;
	width: 673px;
	height: 401px;
	background: url(../img/env-bucoterra.jpg);
}