*{
  padding: 0; margin: 0; border: 0;
  list-style: none;
}

body{
  background: #f5f5f5 url('../img/bg.gif') 0 0 repeat-x;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #414141;
  padding-top: 37px;
}
a{	color: #588414;	text-decoration: underline}

#wrapper{
	width: 856px;
}

#header{
	margin: 0 auto;
	width: 856px; height: 86px;
	position: relative;
	background: url('../img/header.png') 0 0 no-repeat;
}
#logo{
	display: block;
	width: 150px; height: 60px;
	position: absolute;
	left: 22px; top: 16px;
}
#numbers{
	position: absolute;
	right: 26px; top: 12px;
}

#navbar{
	width: 603px; height: 30px;
	padding: 20px 0 0 128px;
	background: url('../img/navbar_bg.png') 0 0 no-repeat;
	position: absolute;
	right: 0; bottom: 0;
}

#navbar li{float: left; padding-right: 7px;}
#navbar a{
	display: block;
	width: 77px; height: 30px;
	background: url('../img/navbar.png') 0 0 no-repeat;
}

.active a, #navbar a:hover {
	padding: 0 0 2px 0;
	border-bottom: 2px solid #648811;
}

#navbar #nav-storia a{ background-position: 0 0}
#navbar #nav-mission a{ background-position: -84px 0}
#navbar #nav-metodo a{ background-position: -168px 0}
#navbar #nav-soluzioni a{ background-position: -252px 0}
#navbar #nav-team a{ background-position: -335px 0}
#navbar #nav-servizi a{ background-position: -418px 0}
#navbar #nav-contatti a{ background-position: -502px 0}

#container {
	margin: 0 auto;
	width: 810px; /*la parte bianca � 856px;*/
	padding: 32px 32px; /*25 nel bianco + 7 di ombra*/
	background: url('../img/container.png') 0 0 repeat-y;
}

#extra{
	float: left;
	width: 220px;
}

#extra .block {
	width: 220px;
	background: url('../img/block_footer.png') 0 bottom no-repeat;
	padding-bottom: 5px;
	margin-bottom: 9px;

}
#extra .block h2 {
	width: 192px; height: 40px;
	padding: 1px 14px;
	background: url('../img/block_head.png') 0 bottom no-repeat;
}

#extra .block h2 img {
	padding: 10px 0 0 0;
}

#extra .block .blk-content {
	width: 220px;
	background: url('../img/block_content.png') 0 0 repeat-y;
}
#extra h3{
	height: 30px; /*47*/
	padding: 17px 0 0 37px;
	background: url('../img/block_bullet.png') 11px 14px no-repeat;
	font-size: 12px; font-weight: bold;
}
#extra ul{	padding: 0 38px}
#extra li{	padding-bottom: 21px}
#extra a{}
#extra p{font-size: 11px}


#right{
	float: right;
	width: 553px;
}

#mast{
	width: 553px; height: 273px;
	background: #555;
}
#mast-frame{
	width: 553px; height: 273px;
	background: url('../img/mast_frame.png') 0 0 no-repeat;
	position: relative;
}
#mast-title{position: absolute; left: 35px; top: 38px}
#mast-subtitle{position: absolute; left: 34px; top: 68px}
#mast-readmore{
	position: absolute; right: 39px; bottom: 40px;
	display: block; width: 182px; height: 40px;
	background: url('../img/mast_readmore.png') 0 0 no-repeat;
}

#content { padding: 28px 19px}
#content-top{ padding-bottom: 30px}

#content h1 {}
#content p {
	padding: 7px 0;
	line-height: 16px;
}
#content a#content-readmore{font-weight: bold;}


#content-l{float: left;}
#content-r{float: right;}

#content .box{ width: 235px;  font-size: 11px;}
#content .box p{ line-height: 13px}
#content .box a.more{
	float: right;
	padding-right: 10px;
	background: url('../img/content_more.png') 6px right no-repeat;
}

#content .box ul{
	padding: 5px 0;
}
#content .box li{
	padding: 0 10px;
	background: url('../img/content_more.png') 0 4px no-repeat;
}

#content h2{
	height: 26px;
	padding: 3px 0 0 20px;
	background: url('../img/content_h2.png') 0 5px no-repeat;
}

#services h2 {
	font-size: 14px;
}

#services ul {
	padding: 5px 0 10px 35px;
}

#services li {
	list-style-type: circle;	
}

#content hr{
	width: 185px; height: 1px;
	background: url('../img/content_hr.gif') 0 0 repeat-x;
}

#footer{
	margin: 0 auto;
	width: 831px; height: 108px; /*856x131*/
	padding: 22px 18px 0 7px;
	background: url('../img/footer.png') 0 0 no-repeat;
	font-size: 10px; color: #fff;
}

#footer a{ color: #fff; text-decoration: none}
#footer ul { float: left;}
#footer li {
	display: block; height: 16px;
	padding: 0 8px;
	float: left; background: url('../img/footer_dots.gif') 0 right no-repeat

}
#footer p { float: left; padding: 0 0 0 4	0px;}
#contact-form label{
	font-size: 11px; line-height: 20px;
	color: #648811;
	display: block;
}
#contact-form .input {
	padding-bottom: 20px;
}
#contact-form .input input{
	width: 292px; height: 25px;
	padding: 7px 0 0 7px;
	font-size: 14px;
	background: url('../img/form_input.png') 0 0 no-repeat;
}
#form-contatti {
	float: right;
	width: 200px;
	font-size: 11px; line-height: 15px;
	
}
#form-contatti dl{padding: 10px 0;}
#form-contatti dt, #form-contatti dd{float: left;}
#form-contatti dt{font-weight: bold; clear: left;}
#form-contatti p {padding: 0; clear: left}

.clear{clear: both}

.error-message{
	color: #FD4044;
	font-weight: bold;
	font-size: 11px;
}

.message-sent{
	color: #5AA01C;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

.pic-container {
	height: 200px;
}


.smallpic {
	height: 100px;
	width: 250px;
	border: 1px solid #eee;
	float: left;
	margin: 0 20px 0 0;
}

#home1 {
	padding: 2px;
	height: 280px;
	width: 200px;
	margin: 0 60px 0 15px;
}
#home2 {
	background: url('../img/Fotolia_3231129_XS.jpg') 0 0 repeat;
	padding: 2px;
	height: 297px;
	width: 200px;
	margin: 0 0 0 15px;
}