
<!-- 
body  {
	font: 68.75% Arial, Verdana, Helvetica, sans-serif;
	background: #603913;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;

}
body > img {
    display: none;
}

a:link  {
  color: #000;
}
a:active{
  color: #000;
}
a:visited{
  color: #000;
}
a:hover{
  color: #000;
}

a img {
	border: none;
}

p, blockquote {
	margin: 0;
	padding: .5em 0;
	text-align: justify;
	line-height: 1.5em;
}
blockquote {
	padding-bottom: 0;
}

p.messaggio, p.dettagli {
    padding: 1em !important;
    margin: 1em !important;
    border: 1px solid #00aeef;
    background-color: #bfe9f9;
    color: #003448;
    font: 109.09%;
    font-weight: bold;
}
p.dettagli {
    border-color: #cc3;
    background-color: #efefb8;
    color: #474712;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: normal;
}
p.iscritti {
    margin: -16px 0 0 30px;
    padding: 0;
    color: #603913;
}

form * {
    text-align: left;
}

table {
    width: 100%;
}

ol {
    text-align: left;
}

#container { 
	
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	/*border: 1px solid #000000;*/
	text-align: center; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	background: #9c7234;

} 
#headerContainer {
	background-color: #fff;
}
.twoColElsLtHdr #header { 
	background: #fff; 
	padding: 0 10px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	height:156px;
	width: 967px;
	margin: 0 auto;
	
} 
.twoColElsLtHdr #header h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}

#content {
	width: 966px;
	margin: 0 auto;
	background: url(../images/bg_container.gif) repeat-y center bottom;
}

.twoColElsLtHdr #sidebar1 {

	float: left;
	/*margin-top: 14px;*/
	margin-left: auto;
	margin-right: 1px;
	margin-bottom: 0px;
	width:386px;

}
.twoColElsLtHdr #sidebar1 ul {
    margin: 0;
    padding: 0 1em;
    text-align: left;
    list-style: none;
}
.twoColElsLtHdr #sidebar1 ul li  {
    line-height: 2em;
}
.twoColElsLtHdr #sidebar1 ul li a {
    font-size: 118.18%;
    text-transform: uppercase;
    font-weight: bold;
}

#titoloBoxAlto, #titoloBoxBasso {
	background: no-repeat center top;
	margin: 0 auto;
	width: 386px;
	height: 59px;

}
#titoloBoxAlto.filosofia {
	background-image: url(../images/bg_title_filosofia.gif);
}
#titoloBoxAlto.corsi {
	background-image: url(../images/bg_title_corsi.gif);
}
#titoloBoxAlto.azioni {
	background-image: url(../images/bg_title_azioni.gif);
}
#titoloBoxAlto.ringraziamenti {
	background-image: url(../images/bg_title_ringraziamenti.gif);
}

#boxAltoContenuto, #boxBassoContenuto {
	background-image: url(../images/boxalto.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 298px;
	padding: 12px 46px 0 42px;
}

#titoloBoxBasso.pensieri {
	background-image: url(../images/bg_title_pensieri.gif);
}
#titoloBoxBasso.documenti {
    background-image: url(../images/bg_title_documenti.gif);
}
#titoloBoxBasso.dicono {
    background-image: url(../images/bg_title_dicono.gif);
}

#boxBassoContenuto {
	background: none;
	padding-bottom: 12px;
}


#mainContent {
	margin-left: 0; 
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 579px;
	padding:0;
	float: left;
} 

#titoloBoxDestro {
	background: no-repeat center top;
	margin: 0 auto;
	width: 579px;
	height: 59px;
}
#titoloBoxDestro.news {
	background-image: url(../images/bg_title_news.gif);
}
#titoloBoxDestro.corsi {
	background-image: url(../images/bg_title_corsi_big.gif);
}
#titoloBoxDestro.eventi {
	background-image: url(../images/bg_title_eventi.gif);
}
#titoloBoxDestro.archivio {
	background-image: url(../images/bg_title_archivio.gif);
}
#titoloBoxDestro.iscrizione {
	background-image: url(../images/bg_title_iscrizione.gif);
}
#titoloBoxDestro.gruppo {
	background-image: url(../images/bg_title_gruppo.gif);
}
#titoloBoxDestro.gadget {
	background-image: url(../images/bg_title_gadget.gif);
}
#titoloBoxDestro.contatti {
	background-image: url(../images/bg_title_contatti.gif);
}
#titoloBoxDestro.newsletter {
	background-image: url(../images/bg_title_newsletter.gif);
}
#titoloBoxDestro.filosofia {
	background-image: url(../images/bg_title_filosofia_big.gif);
}
#titoloBoxDestro.pensieri {
	background-image: url(../images/bg_title_pensieri_big.gif);
}
#titoloBoxDestro.iscritti {
	background-image: url(../images/bg_title_iscritti.gif);
}
#titoloBoxDestro.gallery {
	background-image: url(../images/bg_title_gallery.gif);
}
#titoloBoxDestro.ringraziamenti {
	background-image: url(../images/bg_title_ringraziamenti_big.gif);
}
#titoloBoxDestro.dicono {
	background-image: url(../images/bg_title_dicono_big.gif);
}

#titoloBoxDestro p.goTo {
	padding-top: 46px;
	padding-right: 18px
}
#titoloBoxDestro p.goTo a {
	color: #9c7234;
}

#boxDestroContenuto {
	width: 476px;
	padding: 28px 56px 28px 47px;
}

.newsItem, .corsiItem {
	padding-bottom: 5px;
	border: 1px solid #9c7234;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	margin-bottom: 17px;
}
.corsiItem.highlight {
	background-color: #fffaef;
	padding: .75em;
	border-width: 1px;
	border-style: dotted;
}
.newsItem.last, .corsiItem.last {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}
.newsItem h2, .newsItem h3, #boxAltoContenuto h2, .corsiItem h3, #boxDestroContenuto h2 {
	margin: 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	font-size: 109.09%;
	font-style: normal;
	font-weight: bold;
	color: #00aeef;
	line-height: 1.5em;
}
.newsItem h3, .corsiItem h3 {
	text-transform: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
.newsItem p, .corsiItem p {
	padding-top: 0;
}
#sidebar1 h2, #sidebar1 .corsiItem h3 {
    color: #000;
}
#boxAltoContenuto h2 {
    margin-bottom: 1em;
}

.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

.corsiItem h3 {
    font-weight: bold;
    font-style: normal;
	font-size: 109.09%;
}
.corsiItem p {
	padding-bottom: 0;
}
.corsiItem p.data {
	font-style: normal;
	padding-top: .5em;
	font-weight: bold;
}
.corsiItem p.relatore.multi {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #ccc;
}
.corsiItem p.descrizione {
	padding-top: 1em;
}
.corsiItem p.descrizione img {
	float: left;
	margin-right: 1em;
}

#footerContainer {
	background-image:url(../images/footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #fff;
	background-color: #603913;
}
.twoColElsLtHdr #footer { 
	width: 934px;
	margin: 0 auto;
	padding: 25px 15px 0 18px;
}
.twoColElsLtHdr #footer a { 
	color: #fff;
	text-decoration: none;
}
.twoColElsLtHdr #footer address { 
	float: left;
	text-align: left;
	font-style: normal;
}
.twoColElsLtHdr #footer address a { 
	font-weight: bold;
}
.twoColElsLtHdr #footer ul { 
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
.twoColElsLtHdr #footer ul li { 
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #fff;
	text-transform: lowercase;
}
.twoColElsLtHdr #footer ul li.last { 
	padding-right: 0;
	border-right: none;
}
.twoColElsLtHdr #footer p { 
	text-align: right;
	padding-bottom: 0;
	padding-top: 1.2em;
}


/* Classi varie riutilizzabili */
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.right1 {

	margin-top: 0em;

	margin-left: 14em;

}

.right2 {

	margin-top: 0em;

	margin-left: 25px;

}

.left1 {

	margin-top: 20px;
	float: left; 
	margin-left: 1em;

}

.goTo, .quoted {
	text-align: right;
	text-transform: lowercase;
	padding: 0;
}
.goTo a {
	text-decoration: none;
	font-weight: bold;
}
.quoted {
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}

--> 
</style><!--[if IE]>
<style type="text/css"> 
/* inserire in questo commento condizionale le correzioni css per tutte le versioni di IE */

/* la proprietà zoom proprietaria riportata sopra fornisce a IE l'elemento hasLayout necessario per evitare vari bug */
</style>
<![endif]-->