@import url(reset.css);

body{background-color:#d7df23; }

#top{height:35px; border-bottom:2px solid #242424; background-color:#d7df23;}

h2{font-size:31px; font-weight:normal; margin-bottom:5px;}
#corpo p{font-size:12px; color:#777777; line-height:19px;}

/* header ---------------------------------------------------- */
#contHeader{
	height:234px; 
	background-image:url("../img/bgHeader.png");
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
	background-color:#ffffff;
}
#header{
	width:960px; 
	height:234px; 
	margin:0px auto;
	position:relative;
}
#logo{width:286px; height:104px; position:absolute; top:30px;}

#menu{font-size:14px; text-transform:uppercase; position:absolute; right:0px; top:30px;}
#menu li{float:left; display:inline;  margin-left:23px; letter-spacing:1px;}
#menu li a{color:#242424; text-decoration:none; padding:7px 10px 7px 10px; display:block;}
#menu li a:hover{background-color:#242424; color:#ffffff;}

#voceSel {
	width:220px; height:80px;
	position:absolute; bottom:0px; left:0px;
	text-align: right;
	font-size:30px;
	letter-spacing: -2px;
	padding:0px 30px 0px 0px;
	color: #242424;
}
#sep { bottom:48px; width:0px; height:40px; position:absolute; left:250px; border-left:1px solid #cccccc; overflow:hidden;}
#payoff {
	width:480px; height:65px;
	position:absolute; bottom:0px; left:250px;
	color: #808285;
	font-size:14px;
	padding:0px 0px 0px 15px;
} 
#imgCreature {
	width:200px; height:170px;
	position:absolute; bottom:0px; right:0px;
	background-image: url("../img/creature.gif"); background-position: center center; background-repeat: no-repeat;
}

/* corpo ---------------------------------------------------- */
#contCorpo{
	background-color:#eaeaea; 
	border-bottom:2px solid #242424;
	padding:40px 0px 110px 0px;
}
#corpo{width:700px; margin:0px auto; padding-left:260px;}


/* footer ---------------------------------------------------- */
#contFooter{height:125px;}
#footer{
	width:960px; 
	height:20px;
	padding: 10px 0px 0px 0px; 
	margin:0px auto;
	position:relative;
	color: black;
}

address{ float:left; display:inline; }
#webagency{ float:right; display:inline; }
#webagency a { color: black; text-decoration: none; }


/* icone ---------------------------------------------------- */
.icona { position:relative; }
.icona div { position:absolute; left:-70px; width:60px; height:60px; border:0px solid red; }

.esempi div { background-image: url("../img/esempiIco.png"); }
.video div { background-image: url("../img/videoIco.png"); }
.web div { background-image: url("../img/webIco.png"); }
.crea div { background-image: url("../img/creaIco.png"); }
.info div { background-image: url("../img/infoIco.png"); }
.comunica div { background-image: url("../img/comunicaIco.png"); }
.contatti div { background-image: url("../img/contattiIco.png"); }
.caratteristiche div { background-image: url("../img/caratteristicheIco.png"); }