
html, body{ margin:0; padding:0; text-align:center; font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; background-color:#CEDAE2; background-image:url(../images/background.gif); background-repeat:repeat-x; color:#3f3f40;} 
#pagewidth{width:47em; text-align:left; margin-left:auto; margin-right:auto; background-color:white; color:#3f3f40;} 
#header{position:relative; height:104px; background-color:#eeeced; width:100%; margin:0; padding:0}
#leftcol{width:12em; float:left; position:relative;}
#twocols{width:35em; float:right; position:relative; background-color:#bdcd00;} 
#rightcol{width:8.4em; float:right; position:relative;}
#maincol{float: left; display:inline; position: relative; width:26.6em; background-color:white;}
 

/* Stili vari per il testo */
img {border:none; padding:0; margin:0;}
ul { position: relative;}
.bold { font-weight:bold;}
.corsivo { font-style:italic}
.boldrosso { font-weight:bold; color:#91421b;}

/* Allineamenti */
.imgsx { float:left; padding:0 0.6em 0 0;}
.imgdx {text-align:right; float:right;}

/* LINK */
a:link {color:white; background-color:transparent; text-decoration:none;}
a:visited {color:white; background-color:transparent; text-decoration:none;}
a:hover, a:focus {color:white; background-color:transparent; text-decoration:underline;}


/* TITOLO SITO */
div.titolosito {position:absolute; top:-10000px; margin:0; padding:0; height:0.1em; width:0.1em; font-size:0.1em; line-height:0.1em;}


/* SKIP LINK */
div.salta {position:absolute; top:-10000px; margin:0; padding:0; height:0.1em; width:0.1em; font-size:0.1em; line-height:0.1em;}
div.salta ul, div.skip ul li {display:inline; margin:0; padding:0;}


/* IDENTIFICAZIONE MENU */
div.idmenu h2{position:absolute; top:-10000px; margin:0; padding:0; height:0.1em; width:0.1em; font-size:0.1em; line-height:0.1em;}

 /* TESTATA */
#testata {width: 100%; height:104px; display:inline; overflow:hidden; margin:0; padding:0; float:left;}
#testata #sinistra {float:left; display:inline; padding:0;}
#testata #destra {float:right; margin:0; padding:0.8em 0 0 0;}


 /* MENU DX */
#ombraverde {float:right; height:8px; margin:0; padding:0; background-image:url(../images/ombraverde.gif); background-repeat:repeat-x; width:8.4em}
div.seminari { padding:0; margin:0;}


/* MENU SX */
#ombra{height:8px; background-image:url(../images/ombra.gif); background-repeat:repeat-x; margin:0; padding:0}
#menusx {padding:0; margin:0; background-color:white; color:#3f3f40; font-size:0.85em;}
#menusx ul {padding:1.3em 0 0 1em; margin:0; list-style-type:none}
#menusx ul li {padding:0; margin:0; line-height:2em}
#menusx ul li a:link {color:#3f3f40; text-decoration:none; background-color:white; font-weight:normal}
#menusx ul li a:visited {color:#3f3f40; text-decoration:none; background-color:white; font-weight:normal}
#menusx ul li a:hover, a:focus {color:#3f3f40; text-decoration:underline; background-color:white; font-weight:normal}

#menusx ul li.orange { background-image:url(../images/ico_orange.gif); background-repeat:no-repeat; background-position:left; padding: 0 0 0 0.5em}
#menusx ul li.olive { background-image:url(../images/ico_olive.gif); background-repeat:no-repeat; background-position:left; padding: 0 0 0 0.5em}
#menusx ul li.blue { background-image:url(../images/ico_blue.gif); background-repeat:no-repeat; background-position:left; padding: 0 0 0 0.5em}
#menusx ul li.green { background-image:url(../images/ico_green.gif); background-repeat:no-repeat; background-position:left; padding: 0 0 0 0.5em}
#menusx ul li.red { background-image:url(../images/ico_red.gif); background-repeat:no-repeat; background-position:left; padding: 0 0 0 0.5em}


#contatti {padding:0 0 0 1em; margin:2.5em 0 0 0; list-style-type:none; background-image:url(../images/freccia.gif); background-position:5em 50%; background-repeat:no-repeat; background-color:white; color:#3f3f40; font-size:0.9em;}
#contatti a:link {color:#3f3f40; text-decoration:none; background-color:white; font-weight:normal}
#contatti a:visited {color:#3f3f40; text-decoration:none; background-color:white; font-weight:normal}
#contatti a:hover, a:focus {color:#3f3f40; text-decoration:underline; background-color:white; font-weight:normal}
#colori {height:2px; background-image:url(../images/colori.gif); background-repeat: no-repeat; margin-top:5px}


/* COLONNA CENTRALE */
#ombra2 {height:8px; background-image:url(../images/ombra.gif); background-repeat:repeat-x; padding-bottom:1.2em;  border-left:1px solid #636466}
#notizia {padding:0 1em 1em 0; margin:0; background-color:white; color:#636466; font-size:0.75em;}
#notizia h1 { padding:2.6em 1em 3.15em 0; margin:0; background-color:#e2e3e3; color:#636466; font-size:140%; font-weight:normal; text-align:right; background-image:url(../images/frecciatit.gif); background-repeat:no-repeat; background-position:right}
#notizia p { padding:0.5em 0 0 1em; margin:0; }
#notizia a:link {color:#636466; text-decoration:none; background-color:white; font-weight:bold}
#notizia a:visited {color:#636466; text-decoration:none; background-color:white; font-weight:bold}
#notizia a:hover, a:focus {color:#636466; text-decoration:underline; background-color:white; font-weight:bold}




/* SEZIONE DUE */
#duecols{width:47em; float:right; position:relative; background-color:#a8b600;} 
div.rightcol{width:8.4em; float:right; position:relative;}
div.maincol{float: left; display:inline; position: relative; width:38.6em; background-color:white;}

#testonotizia {padding:2em 2em 2em 4em; margin:0; background-color:#e3e3e3; color:#636466; font-size:0.75em;}
#testonotizia p{padding:0 0 1em 0; margin:0;}
#testonotizia a:link {color:#91421b; text-decoration:underline;}
#testonotizia a:visited {color:#91421b; text-decoration:underline;}
#testonotizia a:hover, a:focus {color:white; background-color:#91421b; text-decoration:;}

#appuntamento { padding:0; margin:0;}

.boldrosso { font-weight:bold; color:#91421b;}



/* FOOTER */
#footer {clear:both; margin:0; padding:0} 


 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

