/*

	css for Delizia Tartufi
	author: ranklab studio (www.posizionamento-nei-motori.com)
	
*/

body { 
	margin: 0; 
	padding: 0; 
	background: #fff url('../images/bg.gif') repeat-x; 
	line-height: 1.6em; 
	color: #444444; font-style:normal; font-variant:normal; font-weight:normal; font-size:.7em; font-family:Georgia, Tahoma, Verdana, Arial, Helvetica, Sans-Serif 
}

/* Link e H */

a { color: #CC9966; background: inherit; }
a:hover { color: #CC9966; background: inherit; }
h1  { font: bold 2em "Georgia", Helvetica, Sans-Serif; margin: 0; color: #CC9966; background-color:transparent; }
h2  { font: bold 1.4em "Georgia", Helvetica, Sans-Serif; }
h3 {
	clear: both;
	font-size: 1.2em;
	color: #333333;
	margin: 0;
	background-color: transparent;
	background-image: url('none');
	background-repeat: no-repeat;
	background-position: left center; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0
}
.blue { color: #E0D5CD; background: inherit; }
.left_image { float: left; border: 1px solid #FFF; padding: 2px; margin: 0 15px 10px 0; }
.right_image { float: left; border: 1px solid #000; padding: 2px; margin: 0 15px 10px 0; }
.image { float: none; border: 1px solid #E8EAED; padding: 2px; margin: 0 15px 10px 0; }

/* Wrapper */

#main { 
	width: 900px; 
	margin: 25px auto 0 auto; 
}

/* Logo */

#logo {
	float: left;
	padding: 10px 0 10px 5px;
}
#logo h1 { color: #663300; background: #fff; }

/* Menu orizzontale */
	
#menu { 
	float: right; 
	background: #fff url('../images/barul.gif') no-repeat bottom right; 
	color: #808080; 
	margin: 0; padding-left:0; padding-right:1px; padding-top:18px; padding-bottom:11px 
}
	#menu li { 
		color: #444; 
		background: #fff url('../images/bar.gif') no-repeat bottom left; 
		display: inline; padding-left:18px; padding-right:18px; padding-top:14px; padding-bottom:14px 
	}
	#menu li.active { 
		background: #fff url('../images/baractive.gif') no-repeat bottom left; 
		color: #663300; 
		font-weight: bold; 
		margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0; padding-left:18px; padding-right:18px; padding-top:14px; padding-bottom:14px 
	}
	#menu li a { 
		background: #f8f8f8; 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #000; 
		background: #f8f8f8; 
	} 	
	.key { text-decoration: underline; } /* AccesKey underline */

/* Left Content*/	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #050505 url('../images/leftintrobg.gif') repeat-x;
	color: #FBF3F0;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

	/* Menu verticale Left */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #663300; 
			background: #FFF url('../images/arrow.gif') no-repeat center left; 
			width: 204px; 
			font-weight: bold; 
			text-decoration: none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px; padding-left:23px; padding-right:23px; padding-top:7px; padding-bottom:7px 
		}	
		#menu_left li a:hover { background: #F6F7F8 url('../images/arrow.gif') no-repeat center left; color: #CC9966  }

/* Right Content */
	
#intro_right {
	float: right;
	width: 340px;
	background: #BCCEDA url('../images/intro.jpg') no-repeat;
	color: #000000;
	height: 174px;
	border: 2px solid #e2e2e2; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-left:20px; padding-right:280px; padding-top:25px; padding-bottom:0
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #000; background-color:transparent; }
	
/* Left */
	
#left {
	float: left;
	width: 250px;
}
	.box {
	padding: 4px 15px;
	border: 1px solid #F3E9D6;
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
	}
	.note {
		background: url('../images/package.gif') no-repeat;
		color: #585616; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:10px; padding-right:15px; padding-top:30px; padding-bottom:20px
	}
	.utili {
		background-color: #050505; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:10px; padding-right:15px; padding-top:30px; padding-bottom:20px; color: #FFFFFF;
	}	
/* Right */

#right {
	float: right;
	width: 643px;
}
	.leftcol {
	float: left;
	padding: 12px 15px;
	width: 285px;
	border:#F3E9D6 1px solid;
	text-align: justify;
	margin: 0 0 10px 0;
	background-color: #fff;
	}
	.rightcol {
	float: right;
	padding: 10px 15px;
	width: 285px;
	border:#F3E9D6 1px solid;
	margin: 0 0 10px 0;
	background-color: #050505;
	color: #FFFFFF;
		}

.rightcol h3 { clear: both; font-size: 1.2em; color: #FFFFFF; padding: 0 5px; margin: 0;}		
		
.special {
	clear: both;
	border: 1px solid #F3E9D6;
	color: #444444;
	background: url('../images/bg-special.jpg') repeat-x left top;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:20px; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px
	}

/* Footer */

#footer {
	clear: both;
	padding: 5px;
	border-top: 1px solid #F3E9D6;
	text-align: center;
}

/* Forms e Newsletter */
input.text, textarea, select {
	background:#fff;
	font-size: 11px;
	border: 1px solid #EEDEC1;
	font-family: Tahoma, Verdana, Arial, trebuchet, serif;
	padding: 2px;
}

.button {
	background:#444444;
	font-size: 11px;
	border: 1px solid #EEDEC1;
	font-family: Tahoma, Verdana, Arial, trebuchet, serif;
	color: #FFFFFF;
	margin-top: 10px;
	padding: 1px;
}
#scroll{
	CLEAR: none;  Z-INDEX: 1; BACKGROUND: #fff; float: right; MARGIN: 0px; OVERFLOW: auto;  WIDTH: 280px; COLOR: #333333;  POSITION: relative; TOP: 0px; HEIGHT: 570px;	line-height: 1,2em; padding-right:10px; padding-left:10px; font-family:Georgia, Tahoma, Verdana, Arial, Helvetica, Sans-Serif
}
#scroll-lungo{
	CLEAR: none;  Z-INDEX: 1; BACKGROUND: #fff; float: right; MARGIN: 0px; OVERFLOW: auto;  WIDTH: 280px; COLOR: #333333;  POSITION: relative; TOP: 0px; HEIGHT: 620px; line-height: 1,2em; padding-right:10px; padding-left:10px;
}
#scroll-lungo A {
	FONT-SIZE: 1em; COLOR: #000; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
#scroll-lungo A:hover {
	FONT-SIZE: 1em; COLOR: #000; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline;}
	
#scroll-lungo h1 {
	font-family:Georgia, Tahoma, Verdana, Arial, Helvetica, Sans-Serif
	font-size: 1.2em;
	color: #ba391b;
	background: #fff;
}

#scroll-link{
	CLEAR: none;  Z-INDEX: 1; BACKGROUND: #fff; LEFT: 285px; MARGIN: 0px; OVERFLOW: auto;  WIDTH: 464px; COLOR: #333333;  POSITION: relative; TOP: 0px; HEIGHT: 250px; 	line-height: 1,2em; padding-right:10px;
}
#scroll-link h1 {
	font-family:Georgia, Tahoma, Verdana, Arial, Helvetica, Sans-Serif
	font-size: 1.2em;
	color: #ba391b;
	background: #fff;
}
#scroll-link A {
	FONT-SIZE: 1em; COLOR: #000; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
#scroll-link A:hover {
	FONT-SIZE: 1em; COLOR: #000; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline;}