body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 16px 0 0 0;	
	background: #000 url(../img/bg.gif) top repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	/* Use a 12px base font size with a 16px line height */
	font-size: 0.75em; /* 16px x .75 = 12px */
	line-height: 1.333em; /* 12px x 1.333 = 16px */	
}
	a  {
		color:#cc6633;		
		text-decoration:none;
	}
	a:hover  {
		color:#cc6633;
		text-decoration:underline;
	}
	
	H1, H2, H3, H4, H5, H6 {
		margin:0 0 1em 0;
		padding:0.5em 0;
		font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
		font-weight:bold;
		color:#663300;
	}
		H1 {
			border-bottom:2px solid #663300;
			font-size:2em;
		}
		H2 {
			border-bottom:2px dotted #999;
			font-size:1.6em;
		}
		H3 {
			border-bottom:1px solid #999;
			font-size:1.4em;
			line-height:1.2em;
		}
		H4 {
			font-size:1.4em;
		}
	P {
		margin:0;
		padding:0;
		padding-bottom:1.5em;
		
	}
	
	HR {
		margin:4px 0;
		padding:0;
	}
	
	BLOCKQUOTE {
		margin-top:0;
		margin-bottom:0;
		padding-top:0;
		padding-bottom:0;
	}
	
	TH {
		background-color:#8e755e;
		color:#FFFFFF;
		padding:0.4em 1em;
	}
		TH a,
		TH a:hover {
			color:#FFFFFF;		
		}
	TD {
		padding:0.2em 1em;
		margin:0;
		border-bottom:1px solid #fff;
	}
	TD.separatore {
		padding:0;
		font-size:1px;
		line-height:6px;
	}
	
	TR.odd {
		background-color:#f4ecdd;
	}
	TR.even {
		background-color:#eee3ce;
	}
	
	
		
	
	
	
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000;
	border-top: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#container_inner {
	margin:1px;
	position:relative;
	background:url(../img/header_img.jpg) right top no-repeat;
}
	.home #container_inner {
		background:url(../img/home_img.jpg) left top no-repeat;
	}


#header { 
	padding-top:69px;
	border-bottom: 1px solid #666;
	position:relative;
}
	.home #header {
		height:182px;
		padding-top:0;
		border-bottom:none;
	}

#header H1 {
	position:absolute;
	left:0;
	top:0;
	width:289px;
	height:96px;
	background:url(../img/logo.jpg) left top no-repeat;
	margin:0;
	padding:0;
	border:none; 
}
	#header H1 a {
		display:block;
		width:100%;
		height:100%;
	}
	.home #header H1 { 
		top:49px;
		width:471px;
		height:133px;
		background:url(../img/home_logo.jpg) left top no-repeat;
	}
	#header H1 span {
		display:none;
	} 
	

#menu {
	color:#000;
	font-weight:bold;
	font-size:0.8em;
	line-height:26px;
	border-top:1px solid #FFFFFF;
		
	background:#ffcc33 url(../img/menu_bg.gif) top  repeat-x;
	padding-left:0;
	padding-right:8px;
	text-align:right;
	
}
	.home #menu {
		position:absolute;
		right:0;
		top:20px;
		width:510px;
		
		border-bottom:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
	
		background:#ffcc33 url(../img/home_menu_bg.gif) top left no-repeat;
		padding-left:20px;
		padding-right:0;
		text-align:left;
	}
	#menu a	{
		padding:0 1.2em;
		color:#000;
		text-decoration:none;
	}
	#menu a:hover	{
		color:#fff;
		text-decoration:none;
	}	


#mainContent {
	position:relative;
	padding:30px 50px 80px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(../img/img_bottom.jpg) left bottom no-repeat;
	/* min-height cross-browser: */
		height: auto !important;
		height: 391px;
		min-height: 391px;	
}
	.home #mainContent {	
		padding:0 20px;
		background: url(../img/home_img_bottom.jpg) left bottom no-repeat;
		text-align:center;		
			
	}
	.home #mainContent P {
		margin:0;
		padding:0;
	}
	
	#mainContent_inner {
		overflow:auto;
		text-align:justify;
	}
	
		
#breadcrumb {
		position:absolute;
		left:230px;
		top:10px;
		width:600px;
		height:24px;
		font-size:0.9em;
		color:#999999;
 }
	#breadcrumb a {
		color:#999999;
		text-decoration:none;
	 }
	 #breadcrumb a:hover {
		color:#999999;
		text-decoration:underline;
	 }
	

#kayu {
		position:absolute;
		right:24px;
		top:10px;
		width:120px;
		height:24px;
		background: url(../img/logo_kayu_small.gif) left top no-repeat;
 }
	
	.home #kayu { 
		right:0;
		top:auto;
		bottom:0;
		width:308px;
		height:109px;
		background: url(../img/home_logo_kayu.jpg) right bottom no-repeat;
	}
		#kayu H2 {
			margin:0;
			padding:0;
			border:none;
		}
		#kayu H2 span {
			display:none;
		} 
	
.carousel_container { }
	
	.home .carousel_container {	
		position:absolute;
		left:90px;
		top:0;
		width:600px;
		text-align:center;
	}
	
		.home .carousel_container #header_noflash {
			margin:0 auto;
			padding-top:60px;
			width:100%;
			text-align:center;
			font-size:1.3em;
			line-height:2em;
			font-weight:bold;
		}
		.home .carousel_container #header_noflash p {
			margin:0;
			padding:0;
		}
		.home #copre {	
			position:absolute;
			left:90px;
			top:319px;
			width:32px;
			height:26px;
			background:url(../img/home_copre.jpg) left top no-repeat;
		}

	

#footer {
	clear:both;
	height:18px;
	line-height:18px;
	padding: 0 50px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#333;
	border-top:1px solid #fff;
	font-size:0.8em;
	color:#999;
	text-align:right;
}
	#footer a {
		color:#999;
		text-decoration:none;
	}
	#footer a:hover {
		color:#999;
		text-decoration:underline;
	}
	#footer p {
		margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
		padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}


.box_spot {
	
	margin:40px 100px;
	background-color:#F90;
	border:1px solid #F90;
}
	
	.box_spot H2{
		border:none;
		margin:10px;
		padding:0px;
		color:#fff;
		text-transform:uppercase;
		text-align:center;
	}
	.box_spot_inner {
		background-color:#FFFFE1;		
		padding:20px;
	}
	.box_spot P{
		text-align:left;
		margin:0 0 1em 0;
		padding:0;
	}
	.box_spot UL {
		margin:0 0 0 1em;
		padding:0 0 0 1em;
		list-style-type:square;
	}


#mappa {
		float:right;
		display:inline;
		margin-left:20px;
		padding:4px;
		border:1px solid #999;
		background-color:#FFFFFF;
	}		
	
.img_bordo {
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #666;
}	
.img_a_sx {
	float:left;
	display:inline;
	margin:5px 16px 20px 0;
}
.img_a_dx {
	float:right;
	display:inline;
	margin:5px 0 20px 16px;
}
.img_centro {
	margin:5px auto 20px auto;
	clear:both;
}

.centrato { text-align:center; }

.evidenziato {
	color:#8e755e;
	font-weight:bold;
}

/* TABS menu prodotti */

	#menu_prodotti {
		margin:20px 0 0 100px;
		overflow:auto;
		height:40px;
	}
	
		#tabs IMG {
			border:0;
		}
		
		#tabs {
		  float:right;
		  width:100%;
		  font-size:93%;
		  line-height:normal;
		  /* border-bottom:1px solid #DD740B; */
		  background:#fff url(../img/tabs_bg.gif) bottom left no-repeat;
		  
		  }
		#tabs ul {
		  margin:0;
		  padding:10px 2px 0px 2px;
		  list-style:none;
		  
		  background-color:#FFFFFF;	
		  
		  float:right;  
		  }
		#tabs li {
		  display:inline;
		  margin:0;
		  padding:0;
		  }
		#tabs a {
		  float:left;
		  background:url("../img/tableft.gif") no-repeat left top;
		  margin:0;
		  padding:0 0 0 5px;
		  text-decoration:none;
		  
		  margin-top:0;
		  margin-bottom:1px;
		  border-bottom:1px solid #6d4f32;
		  }
		#tabs a span {
		  float:left;
		  display:block;
		  background:url("../img/tabright.gif") no-repeat right top;
		  padding:5px 15px 4px 6px;
		  color:#FFF;
		  }
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#tabs a span {float:none;}
		/* End IE5-Mac hack */
		#tabs a:hover span,
		#tabs a.attivo span
		{
		  color:#FFF;
		  }
		#tabs a:hover,
		#tabs a.attivo
		 {
		  background-position:0% -42px;
		  
		  margin-top:1px;
		  margin-bottom:0;
		  border-bottom:1px solid #fff;
		  }
		#tabs a:hover span,
		#tabs a.attivo span
		 {
		  background-position:100% -42px;
		  }
		  
		  
/* MAPPA 
	nascondo autore mappa */
	.msfeatureupdater { display:none; }
