body { margin: 0; font-family: Arial; font-size: 12px; color: #666; background: url(../images/bg-body.gif) repeat-x #F7E8E5   }

a { font-family: georgia; font-weight: bold; font-size: 14px; color: #ed5c3c; text-decoration: none }
	a:hover { text-decoration: underline }
img { border: 0 }
form { margin: 0 }
p { margin: 0 }
ul { margin: 0 0 0 10px; } /* tutti */
html > body ul { margin: 0 0 0 -27px; } /* FF e IE7 */
	li { margin: 0 0 0 10px; } /* tutti */
	ul > li { margin: 0 } /* FF */
	ul > li { #margin: 0 0 0 45px } /* IE7 */

h1 { margin: 0 0 10px 0; font-family: Georgia; font-size: 28px; color: #74a300; font-weight: normal; }
h2 { margin: 0 0 10px 0; font-family: Georgia; font-size: 28px; color: #74a300; font-weight: normal; }
h3 { margin: 20px 0 0 0; font-family: Georgia; font-size: 18px; color: #74a300; font-weight: normal; border-bottom: 1px solid #74a300 }

.wrapper { width: 940px; margin: 0 auto; }
.ttlOfferta { font-family: Georgia; font-size: 26px; color: #74a300; text-transform: capitalize; font-weight: normal; } 
.ttl { font-family: Georgia; font-size: 18px; color: #74a300; font-weight: normal; } 
.prezzo { font-family: Georgia; font-size: 28px; color: #ed5c3c; }
.barrato { text-decoration: line-through; }
.continua { float: right; margin: 5px 25px 0 0}
.thumb { border: 1px solid #ddd} 
.marca { float: left; margin-right: 10px}

/* ERRORI FORM */
.errore { padding-top: 7px; color: #d00; padding: 10px; border: 1px solid #d00}
	.errore p { margin-bottom: 5px;text-transform: uppercase; font-weight: bold;  }
	.errore li { color: #333; }

/* HEADER HOME */
#headerHome { height: 118px; background: url(../images/bg-header.gif) no-repeat right top}
	#headerHome #logo { float: left; margin-top: 25px;}
	#headerHome #slogan { padding: 50px 0 50px 100px; }

/* HEADER RESTO SITO */
#header { height: 118px; background: url(../images/bg-header.gif) no-repeat right top}
	#header #logo { float: left; margin-top: 25px;}
	#header #slogan { padding: 70px 0 50px 140px; }

/* BRANDING HOME */	
#brandingHome { height: 240px; background: url(../images/branding-home_foto.jpg) no-repeat; border: 1px solid #d0d1d1}
	#brandingHome p { padding: 222px 0 0 410px; font-family: Georgia; font-weight: bold; color: #fff}

/* BRANDING RESTO SITO */	
#branding { position: relative; height: 153px; background: url(../images/branding-foto.jpg) no-repeat; border: 1px solid #d0d1d1}
	#branding img { position: absolute; bottom: 0; right: 20px }
	#branding p {  position: absolute; bottom: 3px; left: 300px; font-family: Georgia; font-weight: bold; color: #fff}

/* BARRANAV */
#barranav { margin: 10px 0; overflow: hidden; height: 30px; }
	#barranav a { overflow: hidden; display: block; float: left; width: 183px; height: 20px; margin-right: 2px; padding-top: 6px; font-family: arial; font-size: 13px; font-weight: bold; color: #6c6c6c; text-align: center; text-decoration: none; background: url(../images/barranav_bg.gif) repeat; border: 1px solid #ececec }
		#barranav a:hover { color: #5d2116; background: url(../images/barranav_button-selected_bg.gif) repeat-x }
	#barranav a.selected { overflow: hidden; display: block; float: left; width: 188px; height: 20px; padding-top: 6px; font-family: arial; font-size: 13px; font-weight: bold; color: #5d2116; text-align: center; text-decoration: none; background: url(../images/barranav_button-selected_bg.gif) repeat-x; border: 1px solid #f2d0cf}
	
/* BG CONTENT */
#bgContentHome { background: url(../images/img-bg-content-home.gif) no-repeat; }

/* BG CONTENT */
#bgContent { background: url(../images/img-bg-content.gif) no-repeat; }

/* CONTENT */
#content { background: #fbfbfb; border: 1px solid #d8d8d8 }
		
	/* CONTENUTO SX HOME */
	#homeContentSx { float: left; width: 480px; margin: 30px 20px 10px 20px; }
		/* CANDIA HOME */
		#candiaHome { position: relative; margin-bottom: 30px }
			#candiaHome #foto { position: absolute; top: 0px; right: 0px }
			#candiaHome p { width: 300px }
	
		/* OFFERTE BOX */
		.offerta { float: left; width: 150px; height: 260px; overflow: hidden; margin: 0 5px 10px 0; position: relative; background: #fff; border: 1px solid #ddd} 		
			.offerta img { display: block; margin: 5px auto 0px auto;}
			.offerta .ttlOfferta { font-size: 17px; text-align: center; padding-top: 10px }
			.offerta .prezzo { font-weight: bold; font-size: 22px; text-align: center; padding-top: 0px }
			.offerta p { text-align: center; padding-top: 5px }

	/* CONTENUTO DX HOME */
	#homeContentDx { float: right; width: 370px; margin: 30px 10px 10px 10px; }

		/* FIDELITY CARD */
		#fidelityHome { position: relative; margin-bottom: 30px }
			#fidelityHome img { position: absolute; top: 0px; right: 0px; }
			#fidelityHome p { width: 170px; font-family: arial; font-size: 16px; color: #555 }

		/* MARCHI HOME */
		.scrollableWrapper { position: relative }
			a.prev { position: absolute; z-index: 1; top: 35px; left: -23px; display: block; width: 23px; height: 23px; cursor: pointer; background: url(../images/prev.gif) no-repeat }
			a.next { position: absolute; z-index: 1; top: 35px; right: 2px; display: block; width: 23px; height: 23px; cursor: pointer; background: url(../images/next.gif) no-repeat }
			.scrollable { overflow: hidden; position: relative; width: 350px; height: 88px; }
				.blocchi { position: absolute; width: 20000em; }
					.blocchi div { width: 350px; float: left; }
						.scrollable span { display: block; overflow: hidden; float: left; width: 109px; height: 88px; background: url(../images/bg-loghi-marche-home.gif) no-repeat }
							.scrollable span img { display: block; margin: 9px auto 0 auto; }

	/* COLONNA SX */
	#colSx { overflow: hidden; float: left; width: 180px; padding: 20px 5px 10px 20px; }
		#colSx .ttl { margin-bottom: 10px;}
		#colSx .ttlSpeciale { margin: 0 0 10px 13px; font-family: Georgia; font-size: 18px; color: #74a300; text-transform: capitalize; font-weight: normal; }
			#menuSx { margin-bottom: 30px;}
				#menuSx .ttlcategorie { margin: 20px 0 5px 0; font-family: Georgia; font-size: 17px; color: #74a300; text-transform: capitalize; font-weight: normal; }
				#menuSx li { margin-bottom: 5px; }
					#menuSx > ul > li { margin-bottom: 5px } /* FF */
					#menuSx > ul > li { #margin: 0 0 5px 45px } /* IE7 */
						#menuSx a.selected { color: #999; }
		
	/* CONTENUTO PAGINA */
	#centrale { float: right; width: 710px; padding-right: 20px; }

	#areaFull { width: 855px; padding: 10px 30px; }

		/* BRICIOLE */
		#briciole { margin: 10px 0; }
			#briciole a { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: underline}
				#briciole a:hover { text-decoration: none}
		
		/* PHOTOGALLERY */
		table#photogallery { width: 100%; margin: 20px 0 10px 0}
			#photogallery td { padding: 10px 0; text-align: center }
				#photogallery img { margin: 5px 0 3px 0 }
				#photogallery .ttl { font-size: 20px} 
				#photogallery a { font-size: 12px}
		
		/* MAPPA GOOGLE */
		#mappaGoogle { margin: 15px 15px 10px 15px}

		/* PRODOTTI E MARCHE */
		#contentSxMarchi { float: left; width: 300px }
		#contentDxMarchi { float: right; width: 370px}

		/* OFFERTE DETTAGLIO MARCA */
		table#OfferteDetail { width: 100%; margin-top: 10px  }
			#OfferteDetail td { padding: 10px 0; }
			#OfferteDetail a { margin-left: 20px}

		/* OFFERTE SPECIALI */
			table#Offerte { margin-top: 10px; }
				#Offerte td { padding: 20px 10px 0 10px; text-align: center; vertical-align: top }
					#Offerte a { font-size: 11px; }
					.offertaSpeciale { overflow: hidden; position: relative; margin-bottom: 10px; width: 155px; height: 260px; background: url(../images/bg-offerte-home.gif); } 		
						.offertaSpeciale img { display: block; margin: 15px auto 0px auto;}
						.offertaSpeciale .ttlOfferta { font-size: 17px; text-align: center; padding-top: 10px }
						.offertaSpeciale .prezzo { font-weight: bold; font-size: 22px; text-align: center; padding-top: 5px  }
						.offertaSpeciale p { text-align: center; margin-top: 5px }

			
		/* MARCA DETAGLIO PRODOTTO */
		#marca { position: relative}
			#marca h1 {}
		
		/* BANNER RICHIESTA INFORMAZIONI */
		#richiestaInfo { position: relative; margin: 45px 0 10px 0; height: 106px; background: url(../images/bg-banner-info.gif) repeat-x; border: 1px solid #eee}
			#richiestaInfo p { position: absolute; top: 30px; left: 160px }
			#richiestaInfo #button { position: absolute; top: 40px; right: 50px }
			#richiestaInfo #signorina { position: absolute; bottom: 0px; left: 10px }
		
		/* FORM CONTATTI */
		table#contatti { width: 100%; }
			#contatti td { padding-bottom: 10px; }
/*FOOTER*/
#footer { height: 15px; margin-top: 10px; padding: 10px 0; color: #fff; font-size: 11px; background: #ed5c3c}
	#footer .cmsFooter {  float: left; width: 650px; }
	#footer .credits {  float: right; width: 280px; }
		#footer  .credits a { font-family: arial; font-size: 11px; font-weight: normal; color: #fff }