@import url(http://fonts.googleapis.com/css?family=Abel);
/* CSS Document */
body {

	margin: 0;
	padding: 0;
	padding-top: 0px;
	text-align:center;
	background: url(images/WoodPlanks2a.jpg);
	font-family: abel, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}
div#box{ 
width: 1020px;
height: 2000px;
position: absolute;
left: 50%;
right: 50%;
margin-left: -510px;
text-align:left;
border: 0px;

background-color: #fafafa;
	box-shadow: 3px 0 5px #888888,
	-3px 0 5px #888888;
}


div#box img.fsc {
width: 40px;
height: 40px;
	position: absolute;
	top: 75px;
	left: 340px;
}

div#box img.pefc {
	width: 40px;
	position: absolute;
	top: 70px;
	left: 280px;
}

div#testata {
	width: 1020px;
	height: 30px;

	position: absolute
	top: 170px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	background: #fff;
	line-height: 0px;


}

.menu {
	width:1020px;
	max-width:1020px;
	height: 30px;
	padding:0;
   margin-top: 0px;
	align-content:center;
	text-align:center;
	background-color: #7BCD40;
	box-shadow: 3px 0 5px #888888,
	-3px 0 5px #888888;
	list-style:none;
	color: #ffffff;
	z-index: 2;
}

.primo{
	margin-left: 80px;
}

.menu li a{text-decoration:none;
color:#ffffff;
}

.menu li:hover a{text-decoration:none;
color: slateGrey;
}

.menu li{
	display: block;
	float: left;
	width: 125px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	background-color: #7BCD40;


}
.menu li:hover{
	cursor: pointer;
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%);
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%);
	background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%);
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%);
	color: slateGrey;


}

.tendina{

		box-shadow: 0px 0 10px #888888,
	-0px 0 10px #888888;

}

.menu li:hover .menu_1liv li a{
color:#ffffff;
}

.menu li:hover li:hover a{text-decoration:none;
color: slateGrey;
}

.menu_1liv li:hover .menu_2liv li a{
color:#ffffff;
}

.menu_1liv li:hover li:hover a{text-decoration:none;
color: slateGrey;
}

.menu_1liv{
	visibility: hidden;
	position: relative;
	margin: 0px -40px;
	z-index: 2;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;

}

.menu li:hover .menu_1liv{
	visibility: visible;
	opacity: 1;



}


.menu_1liv li:hover{

	width: 125px;
	background: -webkit-radial-gradient(center, ellipse cover, #f7fbfc 0%, #add9e4 100%);
	background: -moz-radial-gradient(center, ellipse cover, #f7fbfc 0%, #add9e4 100%);
	background: -o-radial-gradient(center, ellipse cover, #f7fbfc 0%, #add9e4 100%);
	background: -ms-radial-gradient(center, ellipse cover, #f7fbfc 0%, #add9e4 100%);
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;


}

.menu_2liv {
	visibility: hidden;
	position: relative;
	left: 130px;
	top: -25px;
	margin: 0px -40px;
	z-index: 1;

	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
}

.menu_2liv li:hover{
	width: 125px;
	background: -webkit-radial-gradient(center, ellipse cover, #f7fbfc 0%, #add9e4 100%);
	background: -moz-radial-gradient(center, ellipse cover, #f7fbfc 0%, #add9e4 100%);
	background: -o-radial-gradient(center, ellipse cover, #f7fbfc 0%, #add9e4 100%);
	background: -ms-radial-gradient(center, ellipse cover, #f7fbfc 0%, #add9e4 100%);
	transition: all 0.1s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;


}

.menu_1liv li:hover .menu_2liv{
	visibility: visible;

}

div#corpo_1 {
	width: 1020px;
	height: 390px;
	z-index: 0;
	top:175px;
	position: absolute;
	padding: 0;
	margin: 10px auto;
	background: #fafafa;
	line-height: 0px;
	opacity: 1;
}

div#testo{
	position: relative;
	top:380px;
	width: 800px;
	text-align: left;
	margin-left: 110px;	
}

div#testo p{
	margin-top: -10px;

}

div#banner{
	position: absolute;
	top: 750px;
	height: 150px;
	with: 900px;
	margin-left: 60px;
		
}
.banner {
	width: 900px;
	box-shadow: 3px 0 5px #888888;
}

div#testo1{
	position: relative;
	top:580px;
	width: 800px;
	text-align: left;
	margin-left: 100px;	
}

div#testo1 h1{color:#52A200;
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

div#testo1 a{
	text-decoration: none;


}

div#testo1 h2{
	color: #000000;
	margin-top: -20px;

}

div#pie1 {
	position: absolute;
	width: 200px;
	height: 500px;
	top: 1100px;
	margin-left: 70px;
	background-color:#ffffff;
	
}
div#pie1 p {
	line-height: 20px;
}
div#pie2 p {
	line-height: 20px;
}
div#pie3 p {
	line-height: 20px;
}
div#pie4 p {
	line-height: 20px;
}


div#pie1 img.img1{

	box-shadow: 3px 0 5px #888888;
	
}

div#pie1 h2{color:#52A200;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
			margin-left: 10px;
}

div#pie1 p{
	margin-left: 10px;
	margin-right: 10px;
	line-height: 25px;	
}
div#pie1 a{
	color: #52A200;
	text-decoration: none;
}
div#pie1 li{
	color: #52A200;
	line-height: 30px;
}

div#pie2 {
	position:absolute;
	width: 200px;
	height: 500px;
	top: 1100px;
	margin-left: 295px;
	background-color:#ffffff;
	
}


div#pie2 a{
	color: #52A200;
	text-decoration: none;
	line-height: 15px;
}

div#pie2 img.img1{
	width: 200px;
	box-shadow: 3px 0 5px #888888;
	
}
div#pie2 h2{color:#52A200;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
			margin-left: 10px;
}

div#pie2 p{
	margin-left: 10px;
	margin-right: 10px;
	line-height: 25px;	
}
div#pie2 a{
	color: #52A200;
	text-decoration: none;
	
}
div#pie2 li{
	color: #52A200;
	line-height: 30px;
}

div#pie3 {
	position:absolute;
	width: 200px;
	height: 500px;
	top: 1100px;
	margin-left: 520px;
	background-color:#ffffff;	
}

div#pie3 img.img1{
	width: 200px;
	box-shadow: 3px 0 5px #888888;	
}

div#pie3 h2{color:#52A200;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
			margin-left: 10px;
}

div#pie3 p{
	margin-left: 10px;
	margin-right: 10px;
	line-height: 25px;	
}
div#pie3 a{
	color: #52A200;
	text-decoration: none;
}
div#pie3 li{
	color: #52A200;
	line-height: 30px;
}


div#pie4 {
	position:absolute;
	width: 200px;
	height: 500px;
	top: 1100px;
	margin-left: 745px;
	background-color:#ffffff;
	
}

div#pie4 img.img1{
	width: 200px;
	box-shadow: 3px 0 5px #888888;	
}

div#pie4 h2{color:#52A200;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
			margin-left: 10px;
}
div#pie4 p{
	margin-left: 10px;
	margin-right: 10px;	
	line-height: 25px;	
}
div#pie4 a{
	color: #52A200;
	text-decoration: none;
}
div#pie4 li{
	color: #52A200;
	line-height: 30px;
}

div#testata_testo {
	position: absolute;
	width: 400px;
	height: 20px;
	top: 92px;
	margin-left: 682px;
	z-index: 1;
	
}
div#contatore {
	position: absolute;
	width: 1020px;
	top: 1620px;
	height: 20px;
	
}
div#boxmenu{
	width: 1020px;
	height: 280px;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -510px;
	margin-top: 1110px;
	text-align: left;
	border: 0px;
	padding: 0;
	background-color: #ffffff;
	z-index: -1;
	opacity: 0.6;
	}
	
div#box p.tfot3 {
	font-size: 15px;
	position: relative;
	top: 1380px;
	z-index: 3;
	line-height: 23px;
	color: #000000;
}
div#box p.tfot4 {
	font-size: 15px;
	position: relative;
	top: 1390px;
	z-index: 3;
	line-height: 23px;
	color: #52A200;
}