/*	Reset browsers default styling
	----------------------------------------------------*/
   
	html, body, div, span, 
	h1, h2, h3, h4, h5, p, 
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 100.01%; vertical-align: baseline;
		background: transparent; }   
	ul { list-style: none; }
	blockquote, q { quotes: none; padding: 0; margin: 0; }
	textarea { overflow:auto; }

/*	Generic
	----------------------------------------------------*/

	body { background: #fff;
		color: #666;
		text-align: center;
		font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
		font-size: 65.5%; }
		 		
	a { color: #3B932F; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a:active { text-shadow: 0px 0px 1px #000; text-decoration: none; }
	 
	h2, h3, h3 { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #333; font-weight: normal; margin: 0 0 12px; }
	
	p { background: url(../_img/greenOrnament.png) left 5px no-repeat; text-indent: 25px; display: block; margin: 0 0 24px; }
		
/*	Selector-specific, yet still generic, properties
	----------------------------------------------------*/	

	.container { font-size: 1.2em; line-height: 1.7em; padding: 0; margin: 0; overflow: hidden; }
		.block { width: 100%; clear: both; }
		.wrapper { width: 980px; margin: 0 auto; text-align: left; position: relative; padding: 0; }
			#logo { width: 253px; height: 194px; position: absolute; top: 30px; left: -20px; z-index: 25; }
			#logo img { z-index: 100; position: absolute; left: 16px; }
	
	a.balloon { background: url(../_img/balloon.png) no-repeat 0 0; color: #FFF; display: block; float: right; font-size: 0.9em; height: 16px; line-height: 1em; padding: 13px 10px 20px; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000; width: 44px; }
		a.balloon:hover { background-position: -70px 0; color: #333; text-shadow: none; }

	.clearboth { clear: both; text-align: right; overflow: hidden; height: 1px; }
	
	/* -- Header -- */
	
	#menu { width: 716px; height: 70px; padding: 9px 5px 5px 5px; background: url(../_img/header-menu.png) right top no-repeat; float: right; margin: 0; margin-bottom: -3px; }
		#menu li { float: left; border-left: 1px solid #659A27; border-right: 1px solid #B0D883; padding: 0px 12px; } #menu li.lastChild { border-right: none; padding-right: 0; } #menu li.firstChild { margin-left:30px; border-left: none; padding-left: 0; }
		#menu a { color: #fff; display: block; font-size: 0.8em; text-transform: uppercase; padding: 0 0 0 3px; }
			#menu a:visited, #menu a:active { text-decoration: none; }
			#menu a span { padding: 3px 3px 3px 0; display: block; }
			#menu a:hover, #menu a:active, #menu li.active a { background: url(../_img/header-menu-ahover.png) left center no-repeat; text-decoration: none; text-shadow: 1px 1px 2px #000; }
				#menu a:hover span, #menu li.active a span { background: url(../_img/header-menu-ahover.png) right center no-repeat; }
		#menu a.inactive {color:#587620;}
			#menu a.inactive:hover { background:none; text-decoration: none;}
				#menu a.inactive:hover span { background:none; }
					
	/* -- Footer -- */
	
	#footer { background: #EEE url(../_img/footerBackg.png) repeat-x top center; padding: 20px 0; position: static;}

	#fooContent { width: 340px; margin: 0 auto; overflow: hidden; padding: 0; }
	#fooContent .column { width: 135px; float: left; font-family: Verdana, Geneva, Tahoma, sans-serif; padding: 0 20px 0 10px; text-align: right; font-size: 0.8em; } #fooContent .alt { padding: 0 10px 0 30px; background: url(../_img/greenOrnament.png) no-repeat left 6px; text-align: left;  }
		#fooContent .column h3 { font-family: Verdana, Geneva, Tahoma, sans-serif; color: #666; }
		#fooContent .column ul { margin: 0 0 20px 0; } #fooContent .alt ul { margin: 0; }

		
/*	Page specific rules: splash page
	----------------------------------------------------*/	

	/* -- Splash -- */
	
	#splash .wrapper { background: url(../_img/splash-wrapperBackg.jpg) top right no-repeat; }
		#splash #motiv { background: url(../_img/splash-motiv.jpg) no-repeat top right; width: 923px; height: 100%; z-index: 3; position: absolute; top: 0; right: 400px; }
			#splash #motiv h1 { visibility: hidden; }
		#splash .sidebar { float: right; width: 340px; padding: 80px 20px; }
		#splash h2 span { display: block; clear: both; text-indent: -9000px; background: url(../_img/splash-unastagione.gif) top left no-repeat; width: 340px; height: 14px; margin: 5px 0 0 0; }
			#splash .clearboth { height: auto; }
			#intro li { display: block; margin: 0 0 50px; }
			#splash #fooContent { margin-top: 40px; }
			
			/* TEMPORANEO H2 */
			#splash h2 {
			font-size:25px;
			font-weight:bold;
			font-style:italic;
			color: #666;
			margin-bottom:15px;
			}
		
	/* -- Home -- */
	
	#home #content { background: url(../_img/content-backg.png) 0 170px repeat-x; }
		#home #content .wrapper { overflow: hidden; }

	.claim { position: absolute; top: 0; right: 0; text-align: right; z-index: 12; width: 480px; }
		.claim span { display: block; clear: both; padding: 0 0 0 0; }
			.claim .alt { color: #212121; font-size: 1.8em; padding: 0 0 5px; font-style: italic; }
	
		/* -- Slider -- */
	
		#slider { margin: 0 18px; width: 940px; overflow: hidden; }
	
		#slider ul, #slider li { margin: 0; padding: 0; overflow: hidden; }
		#slider li { width: 940px; height: 677px; }
		#prevBtn, #nextBtn { display: block; width: 17px; height: 26px; position: absolute; left: 0; top: 275px; z-index: 18; background: url(../_img/slider-bttnsSprite.png) no-repeat left center; text-indent: -9000px;}
		#nextBtn { left: 960px; background-position: right center; }
				
		#prevBtn a, #nextBtn a { display: block; width: 17px; height: 26px; }	
		
			.slideInner { background: url(../_img/glow.png) no-repeat scroll 0 160px; padding: 190px 520px 100px 20px; position: relative; width:380px; }
				.slideInner .motiv { width: 500px; height: 680px; z-index: 9; position: absolute; top: 0; right: 0; }
			.slide h2 { text-indent: -9000px; display: block; background: url(../_img/home-slides.png) no-repeat; height: 60px; }
			.slide .subtl { background: url(../_img/home-slides.png) no-repeat 0 -190px; display: block; height: 18px; text-indent: -9000px; width: 430px; margin: 0 0 10px; }
			.slide .subttl { background: url(../_img/home-slides.png) no-repeat 0 -215px; display: block; height: 60px; position: relative; text-indent: -9000px; width: 440px; z-index: 12; }
			.slide .disclaimer {display:block;color:#213300; font-size:85%;}
			
			#primavera .motiv { background: url(../_img/home-motivs.jpg) -8px 12px no-repeat; }
			#primavera h2 { background-position: 0 -61px; }
			
			#estate .motiv { background: url(../_img/home-motivs.jpg) no-repeat -513px 12px; width: 436px; }
			#estate h2 { background-position: -284px -129px; } 
			
	/*		#primavera .motiv { background: url(../_img/home-motivs.jpg) -513px 12px no-repeat; width: 436px;}
			#primavera h2 { background-position: -284px -129px; }
			
			#estate .motiv { background: url(../_img/home-motivs.jpg) no-repeat -8px 12px; }
			#estate h2 { background-position: 0 -61px; } 
*/
			#autunno .motiv { background: url(../_img/home-motivs.jpg) no-repeat -952px 12px; width: 476px; }
			#autunno h2 { background-position: 0 0; }
			
			#inverno .motiv { background: url(../_img/home-motivs.jpg) no-repeat right 12px; width: 364px; }
			#inverno h2 { background-position: 0px -128px; width: 258px; }
			
			#slider a.balloon { position: relative; z-index: 18; margin: -4px -35px 0 0; }
		
		/* -- Call To Action -- */
		
		#callToAction { float: left; margin: -240px 0 0 0; width: 440px; padding-bottom: 50px; position: relative; z-index: 18; background: transparent url(../_img/callToActionBackg.png) top left repeat-y; }
			#callToAction img { float: left; margin: 0 10px 5px 0; clear: none; }
			#callToAction p { float: left; clear: none; width: 220px; margin: 10px 0 5px 20px; }
			a.bttn { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.35em; text-align: center; color: #fff; font-weight: bold; width: 180px; height: 40px; background: url(../_img/home-callToActionBttn.png) 0 0 no-repeat; display: block; padding:0; margin: 30px 20px; text-decoration: none; font-size: 1.1em; text-indent: 0; }
				a.bttn:hover { background-position: 0 -41px; }
		
	/* -- Interna -- */
		
	.plain #header { height: 240px; }
		#inner-mangiare-bene h1 { float: left; width: 373px; height: 102px; margin-top:20px; background: url(../_img/plain-h1-mangiare.jpg) center center no-repeat; text-indent: -9000px; }
		#inner-punti-vendita h1 { float: left; width: 373px; height: 102px; margin-top:20px; background: url(../_img/plain-h1-punti-vendita.jpg) center center no-repeat; text-indent: -9000px; }
		#inner-scelti-da-calabrese h1 { float: left; width: 426px; height: 102px; margin-top:20px; background: url(../_img/plain-h1-scelti-da-calabrese.jpg) center center no-repeat; text-indent: -9000px; }
		#inner-prodotti-regionali-stagionali h1 { float: left; width: 426px; height: 102px; margin-top:20px; background: url(../_img/plain-h1-prodotti-regionali-stagionali.jpg) center center no-repeat; text-indent: -9000px; }
		#inner-profili h1 { float: left; width: 426px; height: 102px; margin-top:20px; background: url(../_img/plain-h1-calabrese-e-campoli.jpg) center center no-repeat; text-indent: -9000px; }
		#inner-link h1 { float: left; width: 191px; height: 68px; background: url(../_img/plain-h1-link.jpg) top left no-repeat; text-indent: -9000px; }
		#textCols { float: right; width: 515px; clear: none; padding: 5px 0 0 0; margin: -100px 0 50px 0; }
			#textCols h2 { font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; font-style: italic; font-size: 2.6em; line-height: 1.1em; color: #212121; display: block; clear: both; margin: 0 0 20px 0; }
			#textCols .columnWrapper { clear: both; }
			.columnWrapper .left, .columnWrapper .right { width: 230px; float: left; }
			.columnWrapper .left { margin: 0 15px 0 0; } .columnWrapper .right { margin: 0 0 0 15px; }
				#textCols ul { display: block; margin: 0 0 15px 15px; }
					#textCols li { list-style: disc outside; }
			.columnWrapper .left img, .columnWrapper .right img { border: 15px solid #d0d0d0; margin: 0 0 20px 0;}
			#splash img.left {float:left; clear:none; border: 10px solid #d0d0d0; margin: 0 15px 20px 0;}
			#splash img.right {float:right; clear:none; border: 10px solid #d0d0d0; margin: 10px 0 20px 15px;}
			
	/* -- Links -- */
	
	#textCols ul#linkslogos {
		overflow: hidden; 
		padding: 40px 0 0 0; 
		width: 470px; }
	#linkslogos li { 
		border: 1px dotted #E8E8E8;
		clear: left; 
		float: left;
		list-style: none;
		margin: 0 0 20px;
		padding: 30px;
		text-align: center;
		vertical-align: middle;
		width: 162px; }
	#linkslogos li:hover { 
		border: 1px dotted #ccc }
	#linkslogos li.even {
		clear: right; 
		float: right; }
	#linkslogos a {
		font-size: 1.4em; 
		text-transform: uppercase; 
		letter-spacing: 0.1em; }
	#linkslogos a span { 
		color: #666; 
		font-size: 0.6em;
		letter-spacing: normal;
		text-transform: uppercase; }
	#linkslogos a img { 
		opacity: 0.9; }
	#linkslogos a:hover img { 
		opacity: 1; }
		
	/* -- mangiare meno -- */
	
	#inner-mangiare-bene .columnWrapper { 
		margin-top: -20px;
		font-size: 1.1em; }
	#inner-mangiare-bene p { 
		background: none;
		text-indent: 0; }
	#inner-mangiare-bene p.themed-left {
		padding: 0 0 0 210px; }
	#inner-mangiare-bene p.themed-right { 
		padding: 0 230px 0 0; }
	#inner-mangiare-bene #textCols ul {
		font-style: italic;
		list-style-position: inside;
		margin-left: 0px;
		margin-top: -10px;
		width: 515px; }
	#inner-mangiare-bene p#themed1 { 
		background:transparent url(../_img/motiv-small-1.jpg) no-repeat scroll right top;
		margin-bottom:10px;
		min-height:220px;
		padding:20px 200px 0 0; }
	#inner-mangiare-bene p#themed2 { 
		background: url(../_img/motiv-small-4.jpg) left center no-repeat;
		margin: 0 0 20px -30px;
		min-height: 150px; }
	#inner-mangiare-bene p#themed3 { 
		background: url(../_img/motiv-small-3.jpg) right center no-repeat;
		min-height: 90px;
		padding: 0 100px 0 0; }
	#inner-mangiare-bene p#themed4 { 
		background: url(../_img/motiv-small-2.jpg) right top no-repeat;
		min-height: 260px;
		padding: 0 200px 0 0; }
		
	/* prodotti regionali */

	#inner-prodotti-regionali-stagionali .textCols: { 
		padding-bottom: 40px; }	
	#inner-prodotti-regionali-stagionali #textCols ul {
		margin-left: 0;
		overflow: hidden;
		width: 515px; }
	#inner-prodotti-regionali-stagionali #textCols ul.lastChild {
		padding-bottom: 40px; }
	#inner-prodotti-regionali-stagionali #textCols li { 
		display: block;
		float: left;
		list-style: none; 
		line-height: 20px;
		margin: 0 0 20px 0;
		text-align: center;
		width: 100px; }
	#inner-prodotti-regionali-stagionali #textCols li.even {
		float: right; }
	#inner-prodotti-regionali-stagionali #textCols li img { 
		border: 1px dotted #E8E8E8;
		clear: both;
		height: 100px;
		width: 100px; }
	#inner-prodotti-regionali-stagionali #textCols li span {
		 clear: both;
		 display: block; }

	/* -- Punti Vendita -- */
	
	#map { 
		border: 1px dotted #ccc;
		height: 350px;
		margin-bottom: 10px;
		width:515px; }
	#sidebar {
		font-size: 11px;
		max-height: 150px;
		margin-bottom: 10px;
		overflow: auto; }
	#sidebar div { 
		border-bottom: 1px dotted #E8E8E8;
		line-height: 1.2em;
		margin: 0; 
		padding: 2px 10px; }
	#addressInput { 
		border: 1px solid #E3E3E3;
		border-bottom: 2px solid #ccc;
		font-style: italic;
		font-size: 1.2em;
		padding: 2px;
		width: 300px; }
	#radiusSelect {
		display: none; }
	#inner-punti-vendita .form {
		margin-bottom: 10px; }
		
	/* -- Scelti dal dott. Calabrese */
	
	#inner-scelti-da-calabrese p.note { 
		background: none; 
		color: #999;
		font-size: 12px;
		font-style: italic;
		padding: 5px 0 0 5px;
		text-indent: 0; }
	#inner-scelti-da-calabrese #intro {
		background: none;
		color: #999; 
		font-size: 1.3em;
		font-style: italic;
		text-indent: 0; }
	#inner-scelti-da-calabrese #textCols .columnWrapper {
		clear: none;
		float: left; 
		margin: 0 0 30px 0;
		width: 250px; }
	#inner-scelti-da-calabrese #textCols .even { 
		float: right; }
	#inner-scelti-da-calabrese #textCols ul {
		margin: 0;
		padding: 0; }
	#inner-scelti-da-calabrese #textCols li {
		list-style: none;
		line-height: 1.3em; }
	#inner-scelti-da-calabrese #textCols li li {
		list-style: disc;
		list-style-position: inside;
		padding: 0 5px; }
	#inner-scelti-da-calabrese .day h3 {
		border-bottom: 1px dotted #E8E8E8;
		clear:both;
		color:#333;
		cursor: pointer;
		display:block;
		font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
		font-size:1em;
		font-style:italic;
		line-height:1.1em;
		padding: 5px;
		margin: 0;
		text-transform: uppercase; }
	#inner-scelti-da-calabrese h4.meal {
		color: #3B932F;
		display: block;
		font-size: 0.9em;
		margin: 10px 0 10px 0;
		letter-spacing: 0.3em;
		text-transform: uppercase; }
	#inner-scelti-da-calabrese h5 {
		font-size: 1.1em; 
		font-style: italic;
		margin: 10px 0; }
	#inner-scelti-da-calabrese h3:hover {
		background: #E8E8E8; }
	.accordion { 
		line-height: 1.2em;
		padding: 0 0 0 10px;
		margin: 0 0 20px; }
		 
					
/*	IE 6 & 7 fixes
	----------------------------------------------------*/
	
	.ie #menu { padding: 5px 0; }
	.ie #menu li { padding: 5px 10px; margin-top: 0; }
	.ie #menu li.firstChild { margin-left: 5px; }
	.ie #textCols li { list-style: none; padding-left: 20px; margin: 0; background: url(../_img/bullet.png) 5px 5px no-repeat; } .ie #textCols ul { padding: 0; margin: 0; }
	.ie #inner-prodotti-regionali-stagionali #textCols li {
		background: none; padding: 0; }
	.ie #linkslogos li { 
		background: none; 
		margin:0 0 20px;
		padding:30px; }
	.ie #slider li { width: 970px; }
	
/*	IE 6 fixes
	----------------------------------------------------*/
		
	/* splash */
	#ie6 #splash #motiv { height: 105em; }
	#ie6 #fooContent .column.alt { clear: none; float: right; padding: 0 0 0 35px; } #ie6 #fooContent .column { padding-right: 0; margin: 0; }
	
	/* menu */
	#ie6 #menu { zoom: 1; position: relative; overflow: hidden; }
	#ie6 #menu li { display: inline; position: static; float: left; zoom: 1; }
	#ie6 #menu li a { float: left; }
	#ie6 #menu a#selected { background-image: url(../_img/ie6/header-menu-ahover.gif); }
	
	/* home */
	#ie6 .claim { position: absolute; top: 0; right: 15px; text-align: right; z-index: 12; width: 400px; }
	#ie6 #slider ul { margin: 0; padding: 0; } #ie6 #slider { margin: 0; overflow: hidden; } #ie6 #slider li { width: 960px; }
	#ie6 .slideInner { background: none }
	#ie6 .slideInner .motiv { right: 20px; }
	#ie6 #textCols { position: relative; z-index: 12; overflow: visible; }
	#ie6 #textCols .columnWrapper { width: 520px; overflow: visible; }
	
	/* internal */
	#ie6 #inner-mangiare-bene p#themed2 { margin-left: 0; }
	#ie6 #inner-mangiare-bene p#themed4 { margin-top: 20px; width: 260px; }
	#ie6 #inner-scelti-da-calabrese #textCols .columnWrapper { clear:none; float:left; margin:0 0 30px; width:250px; }
	/* PNG transparency fixes */
	#ie6 a.balloon { background: url(../_img/ie6/balloon-std.png) 0 0 no-repeat; } #ie6 a.balloon:hover { background: url(../_img/ie6/balloon-hov.png) 0 0 no-repeat; color: #fff; }
	#ie6 .slide h2 { background: url(../_img/ie6/home-slides.gif) no-repeat; height: 60px; }
	#ie6 .slide .subtl { background: url(../_img/ie6/home-slides.gif) no-repeat 0 -190px; }
	#ie6 .slide .subttl { background: url(../_img/ie6/home-slides.gif) no-repeat 0 -215px; }

	#ie6 #primavera h2 { background-position: 0 -61px; }
	#ie6 #estate h2 { background-position: -284px -129px; }
	#ie6 #autunno h2 { background-position: 0 0; }
	#ie6 #inverno h2 { background-position: 0px -128px; width: 258px; }