html, body {margin: 0; padding: 0;}
body {
font: 86% 'trebuchet ms', arial, Sans-serif;
text-align: center;
background-color: #000;
}
table {font-size: 1em; font-family: Trebuchet, Arial, Verdana;}
a img {border: none;}
a {color: #B6002B; text-decoration: underline;}
h1 {color: #32a142; font-size: 2.0em; font-weight: normal; margin: 0 0 15px 0; font-family: 'Trebuchet ms', Arial, Georgia, Serif;}
h2 {color: #32a142; font-size: 1.5em; font-weight: normal; margin: 10px 0 10px 0; font-family: 'Trebuchet ms', Arial, Georgia, Serif;}
h3 {color: #32a142; font-size: 1.3em; font-weight: normal; margin: 10px 0 4px 0; font-family: 'Trebuchet ms', Arial, Georgia, Serif;}
/* PER IL PROGRAMMA */
#txt h2 {font-variant: small-caps;}
#txt h3, h3 {color: #666666; font-size: 1.4em; font-weight: bold; margin: 0; font-family: 'Trebuchet ms', Arial, Verdana;}
#txt h4 {color: #B6002B; font-size: 1.2em; font-weight: bold; margin: 0; font-family: 'Trebuchet ms', Arial, Verdana;}
#txt h5 {color: #999999; font-size: 1.1em; font-weight: normal; margin: 10px 0 0 0;}
#txt p {margin: 0;}
/* TESTATA */
#outheader {
clear: both;
width: 100%;
height: 160px;
background-image: url("../img/bg_header.gif");
background-position: 50% 0;
background-repeat: no-repeat;
}
#header {
width: 900px;
margin: 0 auto;
text-align: left;
background-color: #FFF;
}
#logo {
float: left;
width: 900px;
height: 160px;
font-size: 0;
background-image: url("../img/mazzotti_header.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-color: #FFF;
}
#logo img {margin: 20px 0 0 25px; display: inline;}
/* STRUTTURA */
#container {
text-align: left;
width: 900px;
margin: 0 auto;
overflow: hidden;
background-color: #FFFFFF;
background-image: url("../img/bg_container.gif");
background-position: 0 0;
background-repeat: repeat-y;}
/* CONTENUTO */
#content {float: left; width: 698px;}
#incontent {padding: 24px 25px 30px 25px;}
/* PARAGRAFI SOTTO IL TESTO */
.par {clear: both; margin-bottom: 10px;}
.par p {margin: 5px 0 5px 0;}
.par img.left {margin: 0 20px 10px 0; float: left;}
.par img.right {margin: 0 0 10px 10px; float: right;}
.par img.center {margin: 0 auto; text-align: center; display: block;}
.par ul, .par ol {overflow: hidden; margin: 0;}
/* NAVIGAZIONE */
#navigation {float: right; width: 202px;}
#innavigation ul {list-style-type: none; margin: 20px 0 0 2px; padding: 0 0 10px 0; font-size: 1.0em;}
#innavigation li {
margin: 0;
padding: 0;
background-color: #FFFFFF;
border-top: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}
#innavigation li.cur {
font-weight: bold;
background-color: #FFFFFF;
line-height: 1.8em;
color: #000000;
width: 173px !important;
width: 198px;
padding: 0 0 0 25px;
background-image: url("../img/bg_li_cur.gif");
background-position: 6px 6px;
background-repeat: no-repeat;}
#innavigation li.nor a {
display: block;
width: 173px !important;
width: 198px;
line-height: 1.8em;
padding: 0 0 0 25px;
text-decoration: none;
color: #9C9E9F;
background-color: #FFFFFF;
}
#innavigation li.cur a {color: #000000; text-decoration: none;}
#innavigation li.nor a:hover {
color: #9C9E9F;}
/* secondo livello */
#innavigation ul.m2 {
margin: 0 0 0 -25px;
padding: 0 0 0 20px;
background-color: #FFFFFF;
font-weight: normal;
color: #000000;
font-size: 0.8em;}
#innavigation ul.m2 li {
background-image: none;
margin: 0;
padding: 0 0 0 20px;
border: none;}
#innavigation ul.m2 li.cur {
width: 153px !important;
width: 158px;
background-color: #FFFFFF; color: #000000; margin: 0; padding: 0 0 0 15px;}
#innavigation ul.m2 li.nor a {
width: 153px !important;
width: 158px;
background-color: #FFFFFF; color: #666666;
background-image: none;
margin: 0; padding: 0;}
#innavigation ul.m2 li.cur a {color: #000000;}
#innavigation ul.m2 li.nor a:hover {background-image: none; color: #000000; background-color: transparent;}
/* EXTRA */
#extra {float: right; clear: right; width: 202px; color: #000; font-size: 0.9em;}
#extra h2 {font-size: 1.1em; font-weight: bold; margin: 0 0 3px 0; color: #000;}
#extra h3 {font-size: 1.1em; font-weight: bold; margin: 15px 5px 0 5px; color: #124982; padding: 0;}
#extra .par {border: 1px solid #FFFFFF; padding: 5px; margin-bottom: 10px;}
/* DIV form di iscrizione alla NEWSLETTER */
#newsletter {background-color: #fcfcfc; border: solid 1px #fff; }
#newsletter h3 {margin: 4px;}
#newsletter form {margin: 0;  padding: 5px;}
#newsletter form a {font-size: 0.9em;}
#newsletter form input.sfield {width: 120px; background-color: #fff;
border: solid 1px #555; }
#newsletter label {margin: 0 5px 0 0; font-size: 0.8em;}
#newsletter input.button {font-weight: bold; background-color: #305BA2;
color: #FFFFFF; border: 1px solid #305BA2; margin-top: 3px; width: 70px;}
/* WEBFORM */
#webf form, #newsletter #webf form {margin: 0; padding: 0;}
#webf form label.sfield, #webf form input.sfield {
display: block;
width: 150px;
float: left;
margin-bottom: 3px;}
#webf form label.sfield {
text-align: right;
width: 75px;
padding-right: 20px;}
#webf form br {clear: left;}
#webf div {margin-bottom: 20px;}
#webf div input, #webf div textarea {border: 1px solid #305BA2;}
#webf div span.button, #newsletter #webf div span.button {text-align: center;}
#webf div span.button input, #newsletter #webf div span.button input {font-weight: bold; margin-right: 10px; background-color: #305BA2; color: #FFFFFF; border: 1px solid #305BA2;}
#webf div select, #webf div input.sfield {font-size: 1em;}
/* COLOPHON */
#outcolophon {
clear: both;
width: 100%;
background-image: url("../img/bg_colophon.gif");
background-position: 0 0;
background-repeat: repeat-x;
color: #5E5E60;
padding-top: 15px;}
#colophon {
background-color: #FFFFFF;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
width: 898px;
margin: 0 auto;
text-align: left;}
#incolophon {padding: 20px 10px 10px 25px;}
#incolophon p {margin: 0;}
/* by SB */
body.popup {
font: 86% 'trebuchet ms', arial, Sans-serif;
text-align: left;
background-color: #FFFFFF;
}
body.popup #tit {text-align: center;}
/* NEWSLETTER */
.n_l_l h2 a, .n_l_l h3 a {text-decoration: none;}
.n_l_l h2 a:hover, .n_l_l h3 a:hover {text-decoration: underline;}
/* CALENDARIO */
#calendario {font-family: Verdana, Arial, Sans-serif;}
.i_e_c {width: 190px; background-color: #EAEFED; font-size: 0.9em; margin: 20px 0 0 5px; overflow: hidden;}
/* titolo con prec mese anno succ */
#calendario .tit {background-color: #C0CAC6; color: #000000; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; float: left; width: 100%; text-align: center;}
#calendario .tit a {color: #002747; text-decoration: underline;}
.tit span {padding: 0 5px 0 5px;}
/* righe con giorni della settimana */
.head div {border: 1px solid #FFFFFF; background-color: #EAEFED; color: #000000; width: 25px; height: 14px; float: left; text-align: center;}
.head .holy {color: #A00B00;}
/* righe con giorni */
.week div {border: 1px solid #FFFFFF;
background-color: #EAEFED; color: #000000; width: 25px; float: left; text-align: center; height: 16px;}
#calendario .week a {color: #002747;}
.week .holy, #inextra .week .holy a {color: #A00B00;}
.week .empty {border: 1px solid #FFFFFF;}
/* LISTA DEGLI EVENTI */
.i_e_l .back {clear: right;}
.event {clear: right; margin-bottom: 10px;}
.event .img {margin: 30px 0 10px 15px; float: right;}
.event .simg {position: relative; float: right;}
.event div.acapo {margin-top: 10px;}
.eventtitle {color: #124982; margin: 0;}
p.cat em {color: #124982;}
/* the end */