/* @group reset */
/* Based on http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
/* tables may still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* fine group reset */
/* @group core */
body {
  margin: 0 auto;
  position: relative;
  font-size: 11px; font-family: verdana, serif;
  line-height: 1.818em; /*Baseline grid of 20px;*/
  text-align: center;
}
/* basic font sizes */
p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1em;  /* 11px */
}
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, dd p, dd ol, dd li, blockquote p, form div div, form div p, fieldset div, table form div {
	font-size: 1em;
}
/* @group margins */
p, ul, ol, dl, address, table, blockquote, pre, fieldset {
	margin-bottom: 20px;
}
p {
	margin: 0 0 20px 0;
}
form {
	margin-bottom:  20px
}
p + ul, p + ol { margin-top: -5px }
/* fine group margins */

/* @group link */
a:link, a:visited { color: #666; }
a:hover,
a:focus,
a:active { color: #000; }
/* fine group link */
/* @group hx */
h1, h2, h3 { font-family: "helvetica neue", "lucida grande", helvetica, arial, sans-serif; }
/* =h1 */
h1 {
	font-size: 20px; line-height: 24px;
	margin: 0 0 24px;
}
/* =h2 */
h2 {
	font-size: 16px; line-height: 20px;
	margin: 0 0 20px;
}
/* =h3 */
h3 {
	font-size: 14px; line-height: 20px;
	margin: 12px 0 10px;
}
/* =h4 */
h4 {
	font-size: 12px; line-height: 20px;
	margin: 10px 0 5px;
}
/* =h5+h6 */
h5, h6 { font-size: 1em; }
small { font-weight: normal; font-style: italic; }
/* fine group hx */
/* @group liste */
ul, ol, dl { margin: 0 0 20px }
li ol, li ul, dd ul, dd ol { margin: 5px 0 20px; }
ul {
	list-style: square;
}
li ul {
	list-style: disc;
}
li {
	margin: 0 0 5px 12px; padding: 0;
}
ol li {
	list-style-type: decimal;
	margin-left: 20px;
}
dt {
	font-weight: bold;
	margin: 10px 0 5px
}
dd {
	margin: 0
}
/* fine group liste */
/* =blockquote */
blockquote { margin: 10px 20px; }
blockquote p {
  margin: 0;
}
cite {
  text-align: right;
  display: block;
}

blockquote, q { font-style : italic; }
/* =img */
a img { outline: none; border: 0; }

/* =table */
table {
	margin: 0 0 20px;
	border: 1px solid #ccc; border-width: 0 1px 1px
}
caption {
	font-weight: bold;
	text-align: left;
	margin: 0; padding: 10px 0;
}
th { font-weight: bold; }
th,
td {
	vertical-align: top;
	text-align: left;
	padding: 5px 10px;
	border: 1px solid #ccc; border-width: 1px 0 0 1px
}

/* =common classes */
.lf { float: left; margin: 0 15px 0 0; }
.rf { float: right; margin: 0 0 0 15px; }
.cf { clear: both; margin: 0 0 15px }

/* =misc */
em { font-style: normal; font-weight: bold; }
strong, b { font-weight: bold; }
i { font-style: italic; }
pre { white-space: normal; }
strong code,
dt code {font-weight: normal;}
pre,
p { margin: 0 0 1em; }
abbr,
acronym { border:none; }
abbr[title],
acronym[title] {
	cursor: help;
	font-style: italic;
	border-bottom: 1px dotted #666;
}
.amp { font-family : "Hoefler Text"; font-style : italic; font-weight : normal; }
/* fine group form */
.structural, .skip, .hide {
	position: absolute;
	top:-9999px;
	left:-9999px;
	height:1px;
	width:1px;
}
/* fine group core */
body {}
.pg { text-align: left; width: 760px; margin: 0 auto 40px; padding: 20px 0 0; }
.h-liberazione {
	text-align: center;
	margin: 0 0 40px; padding: 0 0 10px;
	border-bottom: 10px solid #666666;
}
#main {}
#content { width: 100%; clear: both; float: left; margin: 0 0 40px }
#sub-content { width: 100%; clear: both; margin: 0 0 40px; }
.article { width: 100%; float: left; }
.article h1 {
	width: 415; height:45px;
	position: relative; z-index: 1;
	margin: 0 0 20px;
}
.article h1 span {
	background: url(../img/tit.gif) no-repeat;
	position: absolute; top: 0; left: 0; z-index: 2;
	width: 415px; height:45px;
	display: block;
}
.article h2 {
	color: #C62929;
	font-size: 17px; font-family: Impact, Futura, 'Futura Bk', Helvetica, serif;
	font-weight: normal;
	margin: 0 0 20px;
}
.header-content { /*width: 504px; float: right;*/margin-left: 258px; }
.article-content {
	background: #f5f5f5;
	font-size: 12px; line-height: 20px;
	/*width: 464px; float: right;*/
	padding: 20px; margin-left: 258px
}
.pic { width: 238px; float: left; margin-left: -100%; }

/* =lettera */
.lettera {
	background: url(../img/freccette_sx.gif) no-repeat 0 0;
	position: relative; z-index: 1;
	list-style: none;
	height: 1%;
	padding: 0 0 40px 51px; margin: 0 0 20px;
	border-bottom: 1px dashed #B2B2B2;
}
.lettera-content {
	background: url(../img/freccette_dx.gif) no-repeat 100% 100%;
	height: 1%;
	padding: 0 51px 0 0
}
.lettera .author {
	color: #999; background: url(../img/matita.gif) no-repeat 0 0;
	font-size: 14px; line-height: 20px;
	font-family: 'Times New Roman', Times, serif;
	font-style: italic;
	position: absolute; bottom: 0; right: 0; z-index: 2;
	width: auto; height: 20px;
	clear: both;
	margin: 0 51px 0 0; padding: 0 0 0 18px;
}
.lettera em.date,
.lettera blockquote,
.lettera blockquote p { display: inline; }
.lettera em.date { color: #C62929; font-weight: bold; margin: 0; }
.lettera blockquote { margin: 0 0 0 10px; }

/**/
.a { float: left; width: 100%; border: 1px solid #f00 }
.b { margin-left: 258px; }
.c { width: 238px; float: left; margin-left: -100%;}