@charset "UTF-8";
/* CSS Document */

body{
	min-height: 100%;
    padding: 0px;
    margin: 0px;
	line-height: 18px;
	position: relative;
    text-align: left;
    font-size: 13px;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    color: #000000;
	background: #DEDEDE url(../immagini_layout/bg_gradient.png) left top repeat-x;
}

html{ height: 100%; }

table{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
}

a{text-decoration: none;color: #666666; outline: none;}
a:hover, a.attivo{ text-decoration: none; color: #FFFFFF; outline: none; }
	a span { cursor: pointer;}

img{border: 0px;}
form{margin: 0px;padding: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 2px;}
nav, header, footer { display: block;}

.maven_medium { font-family: 'MavenProMedium', Arial, Helvetica, sans-serif;}

.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.giustificato{text-align: justify;}
.bold { font-weight: bold;}
.italic { font-style: italic; }

.hidden{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;}
.visibile { display: block;}
.invisibile { display: none;}
.sostituzione {display: block; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; z-index: 50;}
.clear { height: 0; display: block; visibility: hidden; clear: both;}
.loading {background: url(/include/loading_2.gif) center center no-repeat;}

.verde { color: #A5C228}

/* =====================================================*/
/* ===	Pagina totale	================================*/
#contenitore{
	width: 950px;
	height: auto;
	padding: 30px 0 0 0;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
	#contenitore: after {
		content: '.';
		height: 0;
		display: block;
		visibility: hidden;
		clear: both;
	}

#bg_main {
	width: 1400px;
	height: 656px;
	margin: 0 0 0 -700px;
	display: block;
	position: absolute; 
	top: 0; 
	left: 50%; 
	z-index: 3;
	background: url(../immagini_layout/bg_main.jpg) center top no-repeat;
}

/* =========================================*/
/* ===	CONTENT	============================*/
#main_menu { width: 180px; margin: -30px 0 0 0; float: left; }
#mobile_menu{ display: none; }

	#logo {
		height: 134px;
		line-height: 23px;
		padding: 32px 20px 0 20px;
		margin: 0;
		position: relative;
		color: #A5C228;
		font-size: 18px;
	    font-weight: 100;
		text-transform: uppercase;
		background: #FFFFFF;
	}
		#logo  .sostituzione { background: url(../immagini_layout/logo.svg) 0 0 no-repeat;}
	
	#main_menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#main_menu ul li {
			height: 40px;
			margin: 2px 0 0 0;
		}
			#main_menu ul li a {
				height: 40px;
				line-height: 40px;
				padding: 0 0 0 25px;
				display: block;
				text-transform: uppercase;
				background: #FFFFFF;
			}
				#main_menu ul li a:hover, #main_menu ul li a.attivo { background: url(../immagini_layout/bg_menu_hover.png);}




#contenuto{
	width: 680px;
	min-height: 306px;
	padding: 20px;
	border-bottom: 3px solid #A5C228;
	position: relative;
	float: right;
	text-align: justify;
	background: #FFF;
}
		.homepage #contenuto { border: none;}
	#contenuto #titolo {
		width: 690px;
		height: 69px;
		line-height: 69px;
		padding: 0 0 0 17px;
		margin: 0;
		position: relative;
		z-index: 20;
		font-size: 21px;
		font-weight: 100;
		text-transform: uppercase;
		color: #FFFFFF;
		background: #A5C228;
	}
		#contenuto #titolo a {color: #FFFFFF;}
			#contenuto #titolo a:hover { color: #666666;}
		#contenuto #titolo .piega {
			width: 7px;
			height: 13px;
			display: block;
			position: absolute;
			right: 0;
			bottom: -13px;
			background: url(../immagini_layout/piega_slogan.png) 0 0 no-repeat;
		}
		
		.homepage #contenuto #titolo {
			width: 270px;
			height: 57px;
			line-height: 23px;
			padding-top: 12px;
			margin: 158px 0 0 400px;
			font-family: 'MavenProMedium', Arial, Helvetica, sans-serif;
			font-size: 24px;
			text-transform: lowercase;
		}
	
	#contenuto #slideshow {
		width: 680px;
		height: 305px;
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 10;
	}
		#contenuto #slideshow span {
			display: block;
		}
		#contenuto #slideshow img {
			width: 680px;
			height: 305px;
			display: none;
			position: absolute;
			top: 0;
			left: 0;
		}
	
	#contenuto img {
		display: block;
		margin: 3px 0 0 0;
	}
	
	#lista_servizi { margin: 22px 0 0 0;}
		#lista_servizi dt {
			text-decoration: underline;
		}
		#lista_servizi dd {
			margin: 0;
			padding-bottom: 20px;
		}
		
		
	#gallery_container {
		width: 714px;
		margin: -22px 0 0 -34px;
		overflow: hidden;
	}
		#gallery_container a {
			width: 204px;
			height: 145px;
			line-height: 145px;
			margin: 22px 0 0 34px;
			display: block;
			float: left;
			position: relative;
			overflow: hidden;
			text-align: center;
		}
			#gallery_container a img {
				margin: 0;
				line-height: 145px;
				display: block;
				position: relative;
				z-index: 15;
			}
			#gallery_container a .plus {
				width: 100%;
				height: 100%;
				line-height: 145px;
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 20;
				font-size: 30px;
				text-align: center;
				color: #FFFFFF;
				background: #000000;
				opacity: 0.5;
				filter: alpha(opacity=50);
			}
			#gallery_container a:hover .plus { display: block;}
			
	#map {
		width: 680px;
		height: 310px;
		margin: 3px 0 0 0;
	}
	
	.contatti #contenuto p { margin: 21px 0;}
		.contatti #contenuto p a { color: #000000;}
		.contatti #contenuto p a:hover { text-decoration: underline;}
	
	
	#container_prodotto {
		width: 680px;
		height: 810px;
		padding: 1px 0 0 0;
		background: url(../immagini_layout/essence_wood.jpg) 0 0 no-repeat;
	}
		#essencewood_link {
			margin: 330px 0 0 252px;
			display: block;
			font-size: 16px;
			color: #FFFFFF;
		}
			#essencewood_link:hover { text-decoration: underline; }
			
		#nome_prodotto {
			height: 21px;
			line-height: 21px;
			margin: 20px 0 0 252px;
			position: relative;
			overflow: hidden;
			font-size: 28px;
			font-weight: bold;
			letter-spacing: 1px;
			color: #FFFFFF;
			background: url(../immagini_layout/txt_essence_wood.png) 0 0 no-repeat;
		}
			#nome_prodotto .sostituito {
				display: block;
				position: absolute;
				left: 0;
				top: 25px;
			}
			
		#slogan {
			width: 428px;
			height: 26px;
			line-height: 26px;
			padding: 0 0 0 4px;
			margin: 4px 0 0 248px;
			position: relative;
			font-size: 16px;
			color: #FFFFFF;
			text-transform: uppercase;
			background: #565046;
		}
			#slogan .sostituzione { background: url(../immagini_layout/txt_essenza_del_legno.png) 0 0 no-repeat;}
		
		
		
/* =========================================*/
/* ===	FOOTER	============================*/
#footer{
	width: 966px;
	height: 60px;
	margin-top: 25px;
	float: left;
	clear: both;
}
	
	#footer #box_contatti {
		width: 142px;
		height: 171px;
		padding: 13px 19px 16px 19px;
		border-bottom: 2px solid #A5C228;
		float: left;
		font-size: 12px;
		background: url(../immagini_layout/bg_box_contatti.png);
	}
		#footer #box_contatti p { margin: 12px 0; line-height: 14px; color: #666666;}
		#footer #box_contatti h3 {
			line-height: 18px;
			margin: 0;
			font-family: 'MavenProMedium', Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: 100;
			color: #329328;
		}
		#footer #box_contatti a:hover { color: #666666;	text-decoration: underline;	}
		
	#footer .aree {
		width: 196px;
		height: 172px;
		padding: 20px 28px 28px 27px;
		margin: -6px -3px 0 -3px;
		float: left;
		position: relative;
		background: url(../immagini_layout/bg_box_footer.png) 0 0 no-repeat;
	}
			#footer #box_falegnameria { margin-left: 40px;}
				
		#footer .aree h2 {
			line-height: 18px;
			margin: 0;
			font-family: 'MavenProMedium', Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: 100;
			color: #5A3217;
		}
		#footer .aree a {
			width: 230px;
			heigth: 200px;
			padding: 0;
			display: block;
			position: absolute;
			left: 10px;
			top: 6px;
		}
				#footer .aree a:hover .box_hover { opacity: 0.5; filter: alpha(opacity=50)}
				
			#footer .aree .box_hover {
				width: 215px;
				padding-top: 110px;
				line-height: 25px;
				margin: 57px 0 0 8px;
				display: block;
				color: #FFFFFF;
				background-color: #5A3217;
			}
					#footer #box_falegnameria .box_hover { background: #5A3217 url(../immagini_layout/pulsante_falegnameria.jpg) 0 0 no-repeat;}
					#footer #box_servizi .box_hover { background: #5A3217 url(../immagini_layout/pulsante_servizi.jpg) 0 0 no-repeat;}
					#footer #box_essencewood .box_hover { background: #5A3217 url(../immagini_layout/pulsante_essencewood.jpg) 0 0 no-repeat;}
				#footer .aree .box_hover span { padding: 0 0 0 10px;}
			

	#footer p#dati_fiscali {
		padding: 2px 0 22px 19px;
		margin: 0;
		font-size: 10px;
		color: #999999;
		clear: both;
	}
		#footer p#dati_fiscali a {color: #999999;}