html, body{ margin:0; padding:0; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif} 
#pagewidth{width:99%; text-align:left; margin-left:auto; margin-right:auto;} 
#header{position:relative; height:120px; width:100%; margin:0; padding:0} 
#leftcol{width:30%; float:left; position:relative;}
#twocols{width:70%; float:right; position:relative;}
#maincol{width:100%; float: left; display:inline; position: relative;}
 

/* Stili vari per il testo */
img {border: none; padding:0; margin:0;}
ul { position: relative;}
.bold { font-weight:bold;}
.boldblu { font-weight:bold; color:#2f708e}
.normale { font-weight:normal;}
.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:#2f708e; text-decoration:none;}
a:visited {color:#2f708e; text-decoration:none;}
a:hover, a:focus {color:#2f708e; text-decoration:underline;}


/* 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 h3{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:120px; display:inline; overflow:hidden; margin:0; padding:0; float:left; background-image:url(../images/sfondo.jpg); background-repeat:repeat-x}
#testata #sinistra {float:left; display:inline; padding:0;}
#testata #destra {float:right; margin:0; padding:0;}
 
 
 
 /* MENU TOP */
#menutop {clear:both; padding:0; margin:0; font-size:0.6em; height:2.2em; width:100% }
#menutop ul { padding:0.4em 0 0 0; margin:0; display:inline; list-style-type:none; float:left; width:75%}
#menutop ul li { padding:0 0.7em 0 0.7em; background-color:white; color:#2f708e; margin:0 0.2em 0 0.2em; text-decoration:none; display:inline;}
#menutop ul li a:link {background-color:white; color:#2f708e; margin:0; padding:0; border:0; text-decoration:none; font-weight:bold}
#menutop ul li a:visited {background-color:white; color:#2f708e; margin:0; padding:0; border:0; text-decoration:none; font-weight:bold}
#menutop ul li a:hover {background-color:white; color:#2f708e; margin:0; padding:0; border:0; text-decoration:none; font-weight:bold}
#menutop ul li.nomargine {margin-left:0}

#menutop #ricerca {padding:0; margin:0; width:25%; background-color:white; color:#2f708e; float:right; text-align:right;}
#menutop #ricerca label {padding:0; margin:0; font-size:90%}
#menutop #ricerca input#r {width:8em; margin:0; padding:0; border:1px solid #579504}
#menutop #ricerca form {margin:0; padding:0; display:inline; border:0; background-color:white; color:#579504;}
#menutop #ricerca input.bottone {padding:0; margin:0; font-size:90%; color:#579504; background-color:white; border:1px solid #579504;}

div.bordomenutop {clear:both; padding:0; margin:0; background-image: url(../images/bordo_menutop.gif); background-repeat:repeat-x; height:4px}


 /* MENU SX */
#titolo_servizi { clear:both; padding:0; margin:0; font-size:0.8em; background-image: url(../images/icon/sevizi_cittadini_ico.gif); background-repeat:no-repeat; background-position:right; height:2.4em;}
#titolo_servizi h2 { padding:0 0 0.1em 1.3em; margin:0.61em 0 0 0; background-color:#30718d; color:white; font-size:120%; background-image:url(../images/icon/menu_ico.gif); background-repeat:no-repeat; background-position:0.4em 50%; float:left; width:100%; word-spacing:-2px}

div.viaggiatreno {clear:both; margin:1em 0 0.5em 0; padding:0.5em 0 0.3em 3em;  background-image:url(../images/icon/viaggiatreno.gif); background-repeat:no-repeat; background-position:0.6em 20%; border-bottom:1px solid #97b8c7}

div.costruisci {clear:both; font-size:0.7em; font-weight:bold; margin:1em 0 0.5em 0; padding:0.5em 0 1.5em 4.5em;  background-image: url(../images/icon/costruisci_viaggio.gif); background-repeat:no-repeat; background-position:0.2em 50%; border-bottom:1px solid #97b8c7}

div.tariffe{clear:both; font-size:0.7em; font-weight:bold; margin:1em 0 0.5em 0; padding:1em 0 1.5em 4.5em;  background-image: url(../images/icon/tariffe.gif); background-repeat:no-repeat; background-position:0.4em 0; border-bottom:1px solid #97b8c7}

div.infotraffico {clear:both; font-size:0.7em; font-weight:bold; margin:1em 0 0.5em 0; padding:0.5em 0 1.8em 4.5em;  background-image: url(../images/icon/infotraffico.gif); background-repeat:no-repeat; background-position:0.4em 20%; border-bottom:1px solid #97b8c7}

div.numeroverde{margin:0; padding:0.6em 0 0 0.4em;}

#comitati {clear:both; padding:0; margin:1em 0 0 0; font-size:0.8em;}
#comitati h2 { padding:0 0 0.1em 1.3em; margin:0.6em 0 0 0; background-color:#30718d; color:white; font-size:120%;  background-image:url(../images/icon/menu_ico.gif); background-repeat:no-repeat; background-position:0.4em 50%; word-spacing:-2px }
#comitati a:link {background-color:#30718d; color:white; text-decoration:none;}
#comitati a:visited {background-color:#30718d; color:white; text-decoration:none;}
#comitati a:hover, a:focus {background-color:#30718d; color:white; text-decoration:underline;}


#box_istituzionale {clear:both; padding:0; margin:1em 0 0 0; font-size:0.8em;}
#box_istituzionale h2 { padding:0 0 0.1em 1.3em; margin:0.5em 0 0 0; background-color:#5d9b07; color:white; font-size:120%;  background-image:url(../images/icon/mobilita_ico.gif); background-repeat:no-repeat; background-position:0.4em 50%; word-spacing:-2px}
#box_istituzionale ul {padding:0; margin:1em 0 0 0; list-style-type:none; font-size:0.9em; font-weight:normal}
#box_istituzionale ul li {padding:0 0.5em 1em 1.8em; margin:0; background-image:url(../images/icon/menudx_ico.gif); background-repeat:no-repeat; background-position:0.5em 20%; color:#5d9b07; background-color:transparent;}
#box_istituzionale a:link {color:#5d9b07; background-color:transparent; text-decoration:none;}
#box_istituzionale a:visited {color:#5d9b07; background-color:transparent; text-decoration:none;}
#box_istituzionale a:hover, a:focus {color:#5d9b07; background-color:transparent; text-decoration:underline;}

#linkutili {clear:both; padding:0; margin:0.5em 0 0 0; font-size:0.8em;}
#linkutili h2 { padding:0 0 0.1em 1.3em; margin:0.6em 0 0 0; background-color:#30718d; color:white; font-size:120%;  background-image:url(../images/icon/menu_ico.gif); background-repeat:no-repeat; background-position:0.4em 50%; word-spacing:-2px }
#linkutili a:link {background-color:#30718d; color:white; text-decoration:none;}
#linkutili a:visited {background-color:#30718d; color:white; text-decoration:none;}
#linkutili a:hover, a:focus {background-color:#30718d; color:white; text-decoration:underline;}

#ermes {clear:both; padding:1.2em 0.4em 0.6em 0.4em; margin:0.8em 0 0 0; background-color:#f2f3ef;}


#credits {clear:both; padding:0 0 0.5em 0; margin:1em 0 0 0; border-bottom:1px solid #6395aa}
#credits ul {padding:0; margin:1em 0 0 0; font-size:0.6em;}
#credits ul li {padding:0 0 0.8em 0.2em; margin:0; color:#5d9b07; background-color:transparent;}
#credits a:link {color:#5d9b07; background-color:transparent; text-decoration:none;}
#credits a:visited {color:#5d9b07; background-color:transparent; text-decoration:none;}
#credits a:hover, a:focus {color:#5d9b07; background-color:transparent; text-decoration:underline;}


 
/* MENU BRICIOLA */
#menubriciola { clear:both; font-size: 0.7em; padding:0.4em 0 0.6em 0.5em; margin:0; color:#2f708e; background-color:white;}
#menubriciola a { font-weight:bold}


 /* MODELLO PAGINA INTERNA */
#pagina { padding:0; margin:0 1em 0 1em; background-color:white; color:#4a402a; font-size:0.75em; }
#pagina h1 { padding:0.2em 0.8em 3em 0.8em; margin:0 0 0.5em 0; background-color:white; color:#2f708e; font-size:140%; background-image:url(../images/h1_sfondo.gif); background-repeat:repeat-x; text-align:right}
#pagina h3 { padding:0 0 0.3em 0.6em; margin:1em 0 0.5em 0.8em; background-color:white; color:#2f708e; font-size:120%; font-weight:bold; border-bottom:1px dotted #2f708e; background-image: url(../images/icon/h3.gif); background-repeat:no-repeat; background-position:0 35%}
#pagina h2 { padding:0; margin:0 0 0.1em 0.8em; background-color:white; color:#2f708e; font-size:120%; font-weight:normal}
#pagina h4 { padding:0; margin:0.8em 0 0 0.8em; background-color:white; color:#2f708e; font-size:110%; font-weight:bold}
#pagina h4.pdf { background-image:url(../images/icon/icona_pdf.gif); background-repeat:no-repeat; background-position:left; padding:0 0 0 1.5em; margin-bottom:0.2em}
#pagina p { padding:0 0 0.8em 0; margin:0 0 0 1em;}
#pagina .agenda_news ul { margin:0.5em 0 1em 0; padding:0 0 0 1em; list-style-type:none;}
#pagina ul { margin:0.5em 0 1em 0; padding:0 0 0 2.3em; /*list-style-type:none;*/}
#pagina ul li.elenco {padding:0 0 0 2em; margin:0.5em 0 0 0; background-image:url(../images/icon/freccia.gif); background-repeat:no-repeat; background-position:left}

#pagina a:link {color:#2f708e; text-decoration:underline;}
#pagina a:visited {color:#2f708e; text-decoration:underline;}
#pagina a:hover, a:focus {color:#2f708e; text-decoration:none;}

#pagina p.titoloparagrafo { padding:0; margin:0 0 0 0.8em; background-color:white; color:#2f708e; font-size:120%; font-weight:bold}
#pagina p.data { padding:0.8em 0 0 0; margin:0 0 0 1em; color:#b74d04; font-size:100%}
#pagina p.evento { padding:0.3em 0 1em 0; margin:0 0 0 1em; font-size:100%}
#pagina p.appuntamento {padding:0 0 0 2em; margin:-5px 0 2em 0; background-image:url(../images/icon/freccia.gif); background-repeat:no-repeat; background-position:1em 3px}
#pagina div.successive {margin:4em 0.8em 0 0; padding:0; text-align:right;}

#pagina div.linkutili {margin:1.5em 0 0 1em; padding:0;}
#pagina div.linkutili p.titolo {margin:0; padding:0.2em; font-weight:bold; color:#2f708e; border-bottom:1px solid #2f708e; border-left:3px solid #2f708e}
#pagina div.linkutili ul { margin:1em 0 1em 0; padding:0; list-style-type:none;}
#pagina div.linkutili ul li {padding:0; margin:0.5em 0 0 0; }


li.pdf {background-image:url(../images/icon/icona_pdf.gif); background-repeat:no-repeat; background-position:0 0; padding:4pt 0 0 1.5em !important;}
li.doc {background-image:url(../images/icon/icona_doc.gif); background-repeat:no-repeat; background-position:0 3px; padding:5pt 0 0 1.5em !important;}
li.xls {background-image:url(../images/icon/icona_xls.gif); background-repeat:no-repeat; background-position:0 3px; padding:4pt 0 0 1.5em !important;}
li.ppt {background-image:url(../images/icon/icona_ppt.gif); background-repeat:no-repeat; background-position:0 3px; padding:4pt 0 0 1.5em !important;}
li.zip {background-image:url(../images/icon/icona_zip.gif); background-repeat:no-repeat; background-position:0 3px; padding:4pt 0 0 1.5em !important;}





 /* MODELLO PAGINA ARCHIVIO NOTIZIE */
#pagina div.newsarchivio {clear:both; display:block; margin:0 0 1em 0; padding:0 0 1em 0;}
#pagina div.newsarchivio div.data {float:left; width:7em; margin-left:1em; line-height:150%}
#pagina div.newsarchivio div.testo {float:left;  width:81%; line-height:150%}


 /* MODELLO PAGINA AGENDA */
#pagina div.agenda_news {list-style-type:none; margin:0; padding:0;}
#pagina div.agenda_news li {margin-bottom:1.2em; line-height:130%}
#pagina div.agenda_news li a:link, .archivio_news li a:visited {text-decoration:underline; font-weight:bold; color:#2f708e;}
#pagina div.agenda_news li a:hover, .archivio_news li a:active {text-decoration:none; color:#2f708e; font-weight:bold;}
#pagina div.agenda_news .data {font-weight:bold; font-family:"Trebuchet MS", Verdana}
#pagina div.agenda_news .abstract_news {font-weight:normal}



#pagina div.linkutili a.blank_out {background-image: url(../images/icon/chiocciola.gif); background-repeat:no-repeat; list-style-type:none; background-position:100% 65%; padding-right:1.4em}



 
 /* *** 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;}
}

/* WCM - x IE7 [il form della ricerca si disallinea] */
html*#menutop ul {
width:65%;
}