body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; background: #e8e8e8 }

a { color: #fe4e00; text-decoration: none}
	a:hover { text-decoration: underline }
img { border: 0 }
form { margin: 0 }
p { margin-top: 0 }
.thumb { border: 2px solid #ddd; }

ul { margin: 0 0 0 15px; } /* per IE fino alla versione 7 inclusa */
html>/**/body ul { margin: 0 0 0 -27px; } /* per gli altri browser */
	ul li { margin-bottom: 1px }
	
h1 { margin: 0 0 10px 0; font-family: georgia; font-size: 22px; font-weight: normal; color: #fe4e00; }
h2 { font-family: georgia; font-size: 20px; font-weight: normal; color: #fe4e00; }
h3 { font-family: georgia; font-size: 18px; font-weight: normal; color: #fe4e00; }

.ttlAreaSmall { margin: 0 0 10px 0; font-family: georgia; font-weight: bold; font-size: 15px; color: #fe4e00 }
.wrapper { width: 880px; margin: 0 auto; }
.galleryA { width: 750px; margin: 0 auto; }
.box  { padding: 10px; color: #fe4e00; background: #ffe89c}

/* HEADER */
#header { height: 118px;  background: url(../images/header_bg.gif) repeat-x }
	#header .wrapper { position: relative }
		#logo { margin-top: 10px; float: left }
		#slogan { color: #fe4e00; font-family: georgia; font-size: 15px;  position: absolute; top: 90px; right: 0px }

/* BRANDING */
#branding { height: 191px; background: url(../images/branding_bg.gif) repeat-x }
		#branding .wrapper {
	position: relative;
	left: 27px;
}
			#branding #immagine { position:absolute; top: 45px }
			#branding #fotobranding { position: absolute; top: 0px; right: 25px;  }

/* BARRANAV */
#barranav { overflow: hidden; height: 26px; background: url(../images/barranav.gif) repeat-x }
	#barranav a { overflow: hidden; display: block; float: left; width: 109px; height: 20px; padding-top: 6px; font-family: georgia, serif; font-size: 11px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; border-right: 1px solid #662400 }
		#barranav a:hover { color: #fe4e00; background: url(../images/barranav_button-selected_bg.gif) repeat-x }
	#barranav a.selected { overflow: hidden; display: block; float: left; width: 109px; height: 20px; padding-top: 6px; font-family: georgia, serif; font-size: 11px; font-weight: bold; color: #fe4e00; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/barranav_button-selected_bg.gif) repeat-x; border-right: 1px solid #005092; }
			
#content { padding: 20px 0; background: #FFF5D4 }

/* HOME 3 AREE */
#salone, #fotogallery, #estetica { float: left; width: 263px; height: 143px; margin-bottom: 20px; position: relative; } 
	#salone{ background: url(../images/salone.gif); cursor: pointer }
		#salone .ttlAreaSmall { margin: 15px 0 0 20px }
		#salone p { position: absolute; width: 155px; height: 75px; top: 50px; left: 20px; color: #662400 }
	#fotogallery { background:  url(../images/fotogallery.gif); margin-left: 45px; margin-right: 45px; cursor: pointer }
		#fotogallery .ttlAreaSmall { margin: 15px 0 0 20px }
		#fotogallery p { position: absolute; width: 155px; height: 75px; top: 50px; left: 20px; color: #662400 }
	#estetica { background:  url(../images/estetica.gif); cursor: pointer }
		#estetica .ttlAreaSmall { margin: 15px 0 0 20px }
		#estetica p{ position: absolute; width: 155px; height: 75px; top: 50px; left: 20px; color: #662400 }

/* GOOGLE ADSENSE */
#googleAdSense { margin-top: 5px; text-align: center}

/* news */
.news { float: left; width: 263px; height: 143px; margin: 0px 40px 10px 0; position: relative; }
	.news{ background: url(../images/news.gif); cursor: pointer }
		.news .ttlAreaSmall { margin: 15px 0 0 20px }
		.news p { position: absolute; width: 240px; height: 75px; top: 45px; left: 20px; color: #662400;  }		

/* PROMO HOME */
	.promoDue { float: left; padding: 20px; width: 560px; height: 103px; background: url(../images/promo-2.gif) no-repeat}
	.promoUno { float: right; padding: 20px; width: 222px; height: 103px; background: url(../images/fidelity-card.png) no-repeat}

	.promoT { width: 100%; }
		.promoT td {  padding: 2px 10px; }
	
/* COL SX*/
#menuSx ul li { color: #fe4e00 ; margin-bottom: 5px }
	#menuSx a { color: #fe4e00 ; font-size: 12px; }
		#menuSx a.selected { color: #666 ; font-size: 12px;  }

/* AREA COL SX e... */
.areaMenu { float: left; width: 262px; margin-bottom: 20px; }
	.areaMenu .top { height: 15px; background: url(../images/area-menu_top.gif); }
	.areaMenu .body { padding: 5px 25px; background: url(../images/area-menu_center.gif) repeat-y }
	.areaMenu .bottom { height: 15px; background: url(../images/area-menu_bottom.gif); }
		
/* ... AREA (contenuto seconde pp nel caso di colonna a sx) e... */
.area { float: right; width: 600px; }
	.area p { margin-top: 0 ; font-size: 13px;}
	.area .top { height: 15px; background: url(../images/area_top.gif); }
	.area .body { padding: 5px 25px; background: url(../images/area_center.gif) repeat-y }
	.area .bottom { height: 15px; background: url(../images/area_bottom.gif); }
	.area td { margin-top: 0 ; font-size: 13px;}
	
/* PROMOZIONI */
#promozioni {  }
	#promozioni .ttl { line-height: 2; margin: -5px 0 15px 0; padding-bottom: 5px; font-family: georgia; font-size: 14px; font-weight: bold; color: #fe4e00; text-align: center; border-bottom: 1px solid #FFE17F }
	#promozioni td { width: 266px;  text-align: center; }
	#promozioni .ttlp { font-family: georgia; font-size: 12px; color: #fe4e00; font-weight: bold; line-height: 2.5; }
	.arancio {color: #fe4e00;
}
	
	
/* AREA FULL (tutta pagina) */
.areaFull { width: 880px; }
	.areaFull .top { height: 15px; background: url(../images/area-full_top.gif); }
	.areaFull .body { padding: 5px 25px; background: url(../images/area-full_center.gif) repeat-y; }
	.areaFull .bottom { height: 15px; background: url(../images/area-full_bottom.gif); }
	.areaFull p { margin-top: 0 ; font-size: 13px;}

#foto {margin-top: 2px; margin-right:15px; margin-bottom:5px; float:left }

    /* BRICIOLE */
        #briciole { margin-bottom: 10px; font-size: 11px; }
            #briciole a { font-size: 11px; font-weight: normal; text-decoration: none }
            #briciole a:hover { text-decoration: underline }  
 
    /* PAGINAZIONE */
        .paginazione { margin: 10px 0; text-align: right; font-family: arial; font-size: 13px }
            .paginazione  a { padding: 2px 10px; font-weight: bold; color: #666; background: #e8e8e8; border: 1px solid #bbb }
                .paginazione  a:hover { color: #666; background: #fff; text-decoration: none }
            .paginazione a.selected { padding: 2px 10px; text-decoration: none; color: #666; background: #fff; font-weight: bold; border: 1px solid #999}		  

/* GALLERY */
.fotoThumb { float: left; margin: 10px 6px ; width: 150px; background: #eee}
	.fotoThumb img { display: block; margin: 0 auto }

/*PROMOZIONI*/
#promo { width: 789px; margin-left: 20px}
	#promo td { width: 263px; height: 143px; padding-left: 7px; background: url(../images/promo.gif); }
	#promo .ttlp { color: #fe4e00; font-weight: bold; line-height: 2; }
	#promo p { text-align: center}	

	
/* FOOTER */
#footer { padding-top: 7px; color: #999; }
	#footer p { padding-top: 10px; padding-bottom:10px;}
		#footer a { color: #999 }
	#credits { float: right; margin-top: 9px; color: #999 }