body { margin: 0; font-family: arial, verdana; font-size: 13px; font-color: #999; background: #eee }

a { color: #951B28; text-decoration: none }
a:hover { text-decoration: underline }
img { border: 0 }
p { margin-top: 0 ; line-height: 1.5em; text-align: justify}
	
h1 { margin: 0 0 10px 0; font-family: georgia; font-size: 22px; font-weight: normal; color: #333 }
h2 { margin: 0 0 5px 0; font-family: georgia; font-size: 20px; font-weight: normal;  color: #666 }
h3 { margin: 0 0 10px 0; font-family: georgia; font-size: 18px; font-weight: normal;  color: #666; }

ul { margin: 0 0 0 15px } /* tutti */
li {list-style-image: url(../images/freccia.gif);}
html > body ul { margin: 0 0 0 -17px; } /* FF e IE7 */
	li { margin: 0 0 15px 5px } /* tutti */
	ul > li { margin: 0 0 15px 0} /* FF */
	ul > li { #margin: 0 0 15px 35px } /* IE7 */


.wrapper { width: 884px; margin: 0 auto; }

/* HEADER + BRANDING*/
#branding { height: 220px; background: url(../images/branding_bg.gif) repeat-x }
	#branding #fiore { height: 220px; background: url(../images/fiore.gif) no-repeat right center; }
		#branding #logo { margin-top: 30px; float: left; margin-left: 25px }
		#branding #immagine { margin-top: 120px; float: right; margin-right: 25px }
		
/* MENU */
#barranav { height: 52px; background: url(../images/barranav_bg.gif) repeat-x; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}
	#barranav a { overflow: hidden; display: block; float: left; width: 123px; height: 32px; padding-top: 20px; font-family: georgia, serif; font-size: 12px; font-weight: bold; color: #919191; text-align: center; text-decoration: none; border-left: 1px solid #d8d8d8 }
		#barranav a:hover { color: #951B28;}
	#barranav a.selected { overflow: hidden; display: block; float: left; width: 123px; height: 32px; padding-top: 20px; font-family: georgia, serif; font-size: 12px; font-weight: bold; color: #951B28; text-align: center; text-decoration: none; border-left: 1px solid #d8d8d8 }

/* CONTENT */
#content { background: #f7f7f7; border-left: 1px solid #d8d8d8;; border-right: 1px solid #d8d8d8; }

	/*CORPO*/
	#corpo {padding: 20px 20px; background: #f7f7f7}
	#foto {float: left; margin-right: 20px}
	
	/* HOME CONTENT SX */
	#homeContentSx { float: left; width: 460px; margin: 20px 0 10px 15px; }
	#homeContentSx #fotoHome { float: left; margin-right: 10px }
	#homeContentSx p { line-height: 1.7; text-align: justify }
	#homeContentSx a { float: right}
	
	/* HOME CONTENT DX */
	#homeContentDx { float: right; width: 330px; margin: 20px 10px 10px 10px; }
	#homeContentDx h1 {margin-left: 20px}
	
	/* NEWS */
	#news { margin: 10px 20px 0px 20px; padding: 15px 0 10px 0; border-top: 1px solid #aaa; }
	
	/*ARTICOLO HOME*/	
	.arthome { margin: 10px 0 10px 0; padding: 0 0 15px 0; border-bottom: 1px solid #aaa }
	.arthome p a.more { float: right; padding: 0 0 20px 0}
		
	/* FOOTER */
	#footer { padding-top: 7px; color: #999; background: #E4E4E4; }
		#footer p { font-size: 12px; padding: 10px 10px; text-align: center}
			#footer a { font-size: 12px; color: #999 }
		#credits { float: right; margin: 11px 10px 0 0; color: #999 }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */