html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	/*text-align:left;
	commentare se si utilizzano tabelle nel layout
	vertical-align:baseline*/	}
a img, :link img, :visited img {border:0}
table {
	border-collapse: collapse;
	border-spacing:0
	}






* { margin:0; padding:0;}
body { background:#f5f5f5; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#6e6e6e; min-width:980px;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0 0 5px 0;}


.tail-top { background:url(../images/tail-top.gif) left top repeat-x #fff;}
.tail-bottom { background:url(../images/tail-bottom.gif) left bottom repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form .form { height:50px;}
#form label { display:block;}
#form input {width:231px; padding:2px 3px 2px 3px; background:#fff; border:1px solid #d4d4d4;}
#form textarea { width:256px; height:117px; overflow:auto; background:#fff; border:1px solid #d4d4d4; padding:2px 3px 0 3px; margin-bottom:21px;}


/*==================list====================*/





ul { list-style:none;}

.list { position:absolute; right:6px; top:7px;}
.list li { float:left; text-transform:uppercase; font-size:.83em; border-right:1px solid #b1b1b1; line-height:.92em; padding-right:14px; margin-right:14px;}
.list li a { text-decoration:none; color:#b1b1b1; display:block; padding:4px 0 3px 0;}
.list li a:hover { text-decoration:underline;}
.list li.last { border-right:0; margin-right:0; padding-right:0;}
.list li.last a { padding-right:28px; background:url(../images/rss.gif) no-repeat right top;}




.list1 li { padding:0 0 4px 0;}
.list1 li a { color:#1f8a70;}

.list2 li { background:url(../images/line-hor.gif) repeat-x bottom; padding-bottom:17px; margin-bottom:17px;}
.list2 li cite { display:block; font-style:normal; margin-top:5px;}
.list2 li a { color:#fca700; font-weight:bold; text-decoration:none;}
.list2 li a:hover { text-decoration:underline;}
.list2 li.last { background:none; padding-bottom:0; margin-bottom:0;}

.list3 { margin-top:-15px;}
.list3 li { color:#fff; list-style-type:decimal; list-style-position:inside; font-weight:bold; padding-top:15px;}
.list3 li span { font-weight:normal;}

.list4 { margin-top:-30px;}
.list4 li { width:100%; overflow:hidden; vertical-align:top; padding-top:30px;}
.list4 li img { float:left; margin-right:20px;}
.list4 li b { display:block;}


/*==================other====================*/
.img-box img { margin-bottom:25px; display:block;}

.img-box1 { width:640px; overflow:hidden;}
.img-box1 img { float:left; margin:0 30px 0 0;}
.img-box1 p{ float:left; width:303px;}

.p1 { margin-bottom:20px;}

.phone { float:right;}

#loopedSlider { 
	position:absolute;
	right:20px;
	top:86px;
	width:625px;
	padding:10px 0 0 0;}
	#foto_sezione {
		position:absolute;
		right:20px;
		top:220px;
		width:640px;
		padding:10px 0 0 0;}	
		#foto_materiali_tazzine{
			position:absolute;
			right:20px;
			top:220px;
			width:640px;
			padding:0;}
									
									



/*==================txt, links, lines, titles====================*/
a {	color:#513608;

	outline:none;
	text-decoration:none}
a:hover{text-decoration:none;}

h2 { color:#000; font-size:44px; line-height:1.2em; margin-bottom:12px;}
h3 { font-size:30px; line-height:1.2em; color:#352406; margin-bottom:14px; letter-spacing:-1px;}
h4 { font-size:18px; margin:30px 0 15px 0; letter-spacing:-1px; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:0em; color:#000;}
h4.color1 { color:#bedb39;}
h5 { color:#232323; font-size:1em; margin-bottom:15px;}

.txt1 { color:#513608;}
.txt2 span { display:block; font-size:1.5em;}
.txt2 em { color:#bebebe; display:block; margin-bottom:3px;}

.link1 { display:block; float:left; background:url(../images/link1-tail.gif) repeat-x top; color:#fff; font-size:1em; text-decoration:none; line-height:.92em;}
.link1 em { display:block; background:url(../images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(../images/link1-right.gif) no-repeat right top; padding:3px 9px 5px 9px; font-style:normal; font-weight:normal;}
.link1:hover { text-decoration:underline;}

.divider1 { background:url(../images/divider.gif) repeat-y 239px 0; width:100%;}
.divider2 { background:url(../images/divider.gif) repeat-y 485px 0;}
.divider3 { background:url(../images/divider.gif) repeat-y 731px 0;}
.divider4 { background:url(../images/divider.gif) repeat-y 392px 0;}
.divider5 { background:url(../images/divider.gif) repeat-y 243px 0;}
.divider-top1 { background:url(../images/divider-top.gif) no-repeat 239px 0;}
.divider-top2 { background:url(../images/divider-top.gif) no-repeat 485px 0;}
.divider-top3 { background:url(../images/divider-top.gif) no-repeat 731px 0;}
.divider-top4 { background:url(../images/divider-top.gif) no-repeat 392px 0;}
.divider-top5 { background:url(../images/divider-top.gif) no-repeat 243px 0;}
.divider-bot1 { background:url(../images/divider-bot.gif) no-repeat 239px bottom;}
.divider-bot2 { background:url(../images/divider-bot.gif) no-repeat 485px bottom;}
.divider-bot3 { background:url(../images/divider-bot.gif) no-repeat 731px bottom;}
.divider-bot4 { background:url(../images/divider-bot.gif) no-repeat 392px bottom;}
.divider-bot5 { background:url(../images/divider-bot.gif) no-repeat 243px bottom;}


/*==================boxes====================*/
.box { background:#fff; width:100%;}
.box .border-top {background:url(../images/border.gif) repeat-x top;}
.box .border-bot {background:url(../images/border.gif) repeat-x bottom;}
.box .border-left {background:url(../images/border.gif) repeat-y left;}
.box .border-right {background:url(../images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:22px 20px 22px 23px;}
.box h3 { margin-bottom:18px;}
.box dl dt { font-size:1.5em; margin-bottom:7px;}
.box dl dd { margin-bottom:14px;}

.box1 { width:100%;}



#content .col-1{ width:640px; margin:0 30px 0 0;}
#content .col-1 .box1.active { background:#1f8a70;}
#content .col-1 .box1 h4 { color:#1f8a70;}
#content .col-1 .box1.active .left-top-corner {background:url(../images/left-top-corner1.gif) no-repeat left top;}
#content .col-1 .box1.active .right-top-corner {background:url(../images/right-top-corner1.gif) no-repeat right top;}
#content .col-1 .box1.active .left-bot-corner {background:url(../images/left-bot-corner1.gif) no-repeat left bottom;}
#content .col-1 .box1.active .right-bot-corner {background:url(../images/right-bot-corner1.gif) no-repeat right bottom;}
#content .col-1 .box1.active h4,
#content .col-1 .box1.active p { 
	color:#fff;
}

#content .col-2{ width:305px;}
#content #box_news {
	background:url(../images/bg_box_news.gif) no-repeat;
	width:255px;
	height:148px;
	padding:22px 25px;}
	#content #box_news a{
		color:#fff;
		float:left;
		width:255px;
		font-size:16px;
		margin:0 auto;
		padding:0 0 15px 0;
		font-weight:normal}
		
		
		
		
		
		
		.archivio{
			position:relative;
			float:right;
			padding:10px 0 0 0;}
			.archivio a{
				font-size:12px !important;
				position:relative;
				text-align:right}
				.archivio_marrone{
					position:relative;
					float:right;
					color:#FFF;
					padding:10px 0 0 0;}
					


#content .col-3 .box1.active { background:#fca700;}
#content .col-3 .box1 h4 { color:#fca700;}
#content .col-3 .box1.active .left-top-corner {background:url(../images/left-top-corner3.gif) no-repeat left top;}
#content .col-3 .box1.active .right-top-corner {background:url(../images/right-top-corner3.gif) no-repeat right top;}
#content .col-3 .box1.active .left-bot-corner {background:url(../images/left-bot-corner3.gif) no-repeat left bottom;}
#content .col-3 .box1.active .right-bot-corner {background:url(../images/right-bot-corner3.gif) no-repeat right bottom;}
#content .col-3 .box1.active h4,
#content .col-3 .box1.active p { 
	color:#fff;
}

#content .col-4 .box1.active { background:#fd7400;}
#content .col-4 .box1 h4 { color:#fd7400;}
#content .col-4 .box1.active .left-top-corner {background:url(../images/left-top-corner4.gif) no-repeat left top;}
#content .col-4 .box1.active .right-top-corner {background:url(../images/right-top-corner4.gif) no-repeat right top;}
#content .col-4 .box1.active .left-bot-corner {background:url(../images/left-bot-corner4.gif) no-repeat left bottom;}
#content .col-4 .box1.active .right-bot-corner {background:url(../images/right-bot-corner4.gif) no-repeat right bottom;}
#content .col-4 .box1.active h4,
#content .col-4 .box1.active p { 
	color:#fff;
}

.box1 .inner { padding:22px 22px 26px 17px;}
.box1 h3 { font-size:25px;}

.box2 { width:100%; background:#1f8a70;}
.box2 .left-top-corner {background:url(../images/left-top-corner1.gif) no-repeat left top;}
.box2 .right-top-corner {background:url(../images/right-top-corner1.gif) no-repeat right top;}
.box2 .left-bot-corner {background:url(../images/left-bot-corner1.gif) no-repeat left bottom;}
.box2 .right-bot-corner {background:url(../images/right-bot-corner1.gif) no-repeat right bottom;}
.box2 p,
.box2 dl { 
	color:#fff;
}
.box2 dl { margin-bottom:-18px;}
.box2 dl dt { font-weight:bold; margin-bottom:18px;}
.box2 dl dd { margin-bottom:18px;}
.box2 .inner { padding:22px 12px 26px 17px;}


/*header*/
.logo { position:absolute; width:305px; left:10px; top:17px;}
.extra { position:absolute; left:10px; top:176px; width:305px; z-index:2;}
.extra p { padding-left:6px;}
.extra ul{ padding:15px 0 15px 20px}
.extra ul li{
		list-style:circle;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:0;
		padding:0 0 5px 0;}
		#header_fare_caffe h2{
			font-size:35px;
			padding:5px 0 0 0}
			#header_consulenza h2{
				font-size:38px;
				padding:3px 0 0 0}
				#header_prodotti h2{
					font-size:42px;
					padding:0px 0 0 0}



/*content*/
#content {
	padding-bottom:47px;}
#content .indent { padding:22px 0 0 7px;}
#content .indent1 { padding-bottom:32px;}
#content .indent2 { padding-bottom:50px;}

.minifocus{ height:300px; padding:0 0 20px 0}


.box_richiedi_visita, .box_come_fare, .box_servizi, .partnership, .box_vuoto, .box_prodotti, .box_materiali, .box_mappa{	
	width:305px;
	height:300px;
	float:left;}
	.box_richiedi_visita a, .box_come_fare a, .box_servizi a, .partnership a, .box_prodotti a, .box_materiali a, .box_mappa a{
		font-size:12px;}
	
.box_richiedi_visita{
	margin:0 30px 0 0;
	background:url(../images/richiedi_una_visita.jpg) no-repeat}
	.box_come_fare{
		margin:0 30px 0 0;
		background:url(../images/come_fare_un_buon_caffe.jpg) no-repeat}
		.box_servizi{
			background:url(../images/i_nostri_servizi.jpg) no-repeat}
			.partnership{
				margin:0 30px 0 0;
				background:url(../images/partnership.jpg) no-repeat}
				.box_vuoto{
					background:url(../images/box_vuoto.jpg) no-repeat}
					.box_prodotti{
						margin:0 30px 0 0;
						background:url(../images/box_prodotti.jpg) no-repeat}
						.box_materiali{
							margin:0 30px 0 0;
							background:url(../images/box_materiali.jpg) no-repeat}
							.box_mappa{
								margin:0 30px 0 0;
								background:url(../images/box_mappe.jpg) no-repeat}

					
					
.minifocus_testo{
	float:left;
	padding:0 0 50px 0}
	.box_testo{
		width:305px;
		height:220px;
		float:left;
		margin:0 30px 0 0;}
		.minifocus_video{
			padding:0 0 50px 0;
			height:230px;}
			.minifocus_materiali{
				height:250px;
				padding:0 0 50px 0}
				.minifocus_press{
					height:auto !important;
					height:500px;
					min-height:500px;
					padding:0 0 50px 0}
					.minifocus_privacy{
						height:1200px;
						padding:0 0 50px 0}
						.minifocus_privacy h1{
							 color:#000000;
							 font-size:20px;
							 font-weight:normal;
							 letter-spacing:-1px;
							 line-height:1;
							 padding:20px 0 10px 0;
							 font-family:Geneva, Arial, Helvetica, sans-serif;}
							 .minifocus_privacy ol{ padding:20px 0 0 30px;}
							 .minifocus_privacy ol li{
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								margin:0;
								padding:0 0 5px 0;}
								.minifocus_gallery{
									position:relative;
									height:400px;
									padding:0 0 50px 0}
									.minifocus_gallery ul{
										position:relative;
										height:400px;}
									.minifocus_gallery ul li{
										display:inline;
										width:180px;
										height:180px;
										padding:0 10px 5px 0;
										float:left}
										.minifocus_contatti{
											height:850px;
											padding:0 0 50px 0}

						
					.no_margin{ margin:0px !important}
				
	
				
				
				
.box_tazzine{
	width:200px;
	height:150px;
	float:left;
	margin:0 20px 20px 0;}
			
			
/* Video */			

.box_video{
	width:283px;
	height:187px;
	float:left;
	padding:10px;
	border:1px solid #CCC;
	margin:0 30px 0 0;}
	.box_video h3{
		padding:5px 0 0 0;
		font-size:18px}

/* Prodotti */			
.minifocus_prodotti{
	height:1550px;
	padding:0 0 50px 0}
	.box_archivio_prodotto{
		position:relative;
		width:283px;
		height:215px;
		float:left;
		border:1px solid #CCC;
		padding:10px;
		margin:0 30px 30px 0;}
		.box_archivio_prodotto h3{
			font-size:24px;}
			.box_archivio_prodotto a{
				position:absolute;
				bottom:10px}
					.box_photogallery{
						position:relative;
						width:263px;
						height:215px;
						float:left;
						border:1px solid #CCC;
						padding:10px 20px;
						margin:0 30px 30px 0;}
						.box_photogallery h3{
							font-size:24px;}
							.box_photogallery a{
								position:absolute;
								bottom:10px}
								.box_photogallery img{
										padding:0 0 0 40px;}
				
				
.box_archivio_news{
		position:relative;
		width:283px;
		height:215px;
		float:left;
		border:1px solid #CCC;
		padding:10px;
		margin:0 30px 30px 0;}
		.box_archivio_news h3{
			font-size:24px;}
			.box_archivio_news ul li a{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				position:relative;
				color:#FFF;}	
			.box_archivio_news a{
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				margin:0;
				position:absolute;
				bottom:5px;
				right:15px;
				padding:0 0 5px 0;}	
				.box_archivio_news ul{
					padding:5px 0 0 15px}
					.box_archivio_news li{
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						padding:0 0 5px 0;
						color:#FFF}
						
						
.box_news_aperta{
	position:relative;
	width:97%;
	height:auto !important;
	height:200px;
	min-height:200px;
	float:left;
	border:1px solid #CCC;
	padding:10px;
	margin:0 30px 30px 0;}
		.box_news_aperta h3{
			font-size:24px;}

				
.marrore_scuro {background-color:#352406;}
.bianco{ color:#FFF}
.marrore_chiaro{background-color:#a48b6b}
				
				
.numerazione{
	position:relative;
	width:500px;
	height:40px;}
				



/*footer*/
#footer{
	height:150px;
	width:980px;
	margin:0 auto;
	padding:40px 0 0 0;}
	#footer p { color:#9a9283;}
		#footer p a { color:#9a9283; text-decoration:none;}
			#footer p a:hover { text-decoration:underline;}
				#contatti{
					padding:14px 0 0 0;
					width:640px;
					float:left}
					#linkness{
						float:left;
						text-align:right;}
						#linkness ul{
							padding:14px 40px 0 0;
							float:left;}
							#linkness ul li{
								float:left;
								display:block;
								padding:0}
								#linkness ul li a{
									text-decoration:none;
									padding:0 5px;
									color:#9a9283}
		



/*================= index-6.html ===================*/
#page7 #content .indent { padding:22px 20px 0 0;}



.shell {
	height: 200px;
	height:250px;
	background:url(../images/sfondo_gallery.jpg) no-repeat;
	padding:0 50px 20px 52px;}
	#slider {
		padding:23px;
		width: 800px;
		float:left;
		position: relative;}

ul#mycarousel {position: relative;}
ul#mycarousel li {float: left; display: inline; height: 184px; width: 200px;}

ul#mycarousel_gallery {position: relative;}
ul#mycarousel_gallery li {float: left; display: inline; height: 184px; width: 200px;}



.jcarousel-clip { height:184px; width:800px; overflow:hidden; position:relative;}
.jcarousel-prev , .jcarousel-next {

	width: 32px;
	height: 32px;
	display: block;
	float: left;
	position:absolute;
	top:100px;
	left: 870px;
	cursor: pointer;}
	
.jcarousel-next { background: url(../images/button-right.gif) no-repeat 0 0; left:840px;}
.jcarousel-prev { background: url(../images/button-left.gif) no-repeat 0 0; left: -20px;}


	
/*.img-cnt {background: url(images/image-shadow.png) no-repeat 0 0; width: 264px; height: 184px; float: left;}*/
.img-cnt img {display: block; margin: 0 auto; padding-top: 6px;}





/*--------------------Form Contatti--------------------*/

.span_autorizzazione{
	margin:0 0 0 220px!important;}
	
.autorizzazione_form{
	width:20px !important;}	
	
ol li img {padding:0 !important}



.form_pagamento .nascosto{display:none}					
.form_pagamento fieldset{
	float:left;
	clear:both;
	width:600px;
	margin:5px 0 5px 175px !important;
	margin:5px 0 5px 60px;
	border:1px solid  #ccc}

	.grass{font-weight:bold}
	 .form_pagamento fieldset, .form_pagamento textarea{font:14px Arial, Helvetica, sans-serif;}
		 .form_pagamento fieldset ol{
			padding:1em 1em 0 1em;
			list-style:none}		
			
			 .form_pagamento fieldset li{padding-bottom:1em; text-align:left; color:#513608; position:relative; }
				 .form_pagamento fieldset.submit{border-style:none;}
					 .form_pagamento input{
						padding:0px;
						font:12px Arial, Helvetica, sans-serif;
						width:207px;}
						 .form_pagamento input[type|="checkbox"], .form_pagamento input[type|="radio"]{width:15px; padding:0}
						 .form_pagamento textarea{
						 	overflow:auto;
							width:210px;
							height:150px}
						 .form_pagamento select{						
							padding:0;
							margin:0;
							font:12px Arial, Helvetica, sans-serif;
							width:212px}
							 .form_pagamento label{
								float:left;
								color:#513608;
								width:13em;
								margin-right:1em;
								text-align:right}
								 .form_pagamento fieldset.submit{
									float:none;									
									border-style:none;
									padding-left:12em;
									background-color:transparent}
									 .form_pagamento fieldset.alt{background-color:#fff}
									 	.asterisco{left:420px !important; left:240px}
										.asterisco_sicurezza{left:290px !important; left:110px}
										.asterisco_controllo{left:350px}
										.asterisco, .asterisco_sicurezza, .asterisco_controllo{
											background:url(/images/asterisco.gif) no-repeat;
											width:9px;
											height:9px;
											position:absolute;
											top:5px}
											.bottone_invia{
												width:86px;
												height:20px;
												background:url(/images/invia.gif) no-repeat;
												cursor:pointer;
												border:0;
												margin:10px 0 0 230px;}
												.bottone_invia span{visibility:hidden}
												.input_sicurezza{width:80px !important}
												.errore{color:#ff0000} 
												.fake_label{visibility:hidden}	
												.privacy{
													text-decoration:none;
													color:#545454}
													.nodecoration{
														text-decoration:none;
														color:#545454}
														.note{
															padding:0;}