
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;}
#rightcol{width:37%; float:right; position:relative;}
#maincol{width:63%; 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;}
.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:#1B5773; text-decoration:none;}
a:visited {color:#1B5773; text-decoration:none;}
a:hover, a:focus {color:#1B5773; 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 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 { padding:0.4em 0 0 0; margin:0; display:inline; list-style-type:none; float:left; }
#menutop ul li { padding:0 0.7em 0 0.7em; background-color:white; color:#1B5773; margin:0 0.2em 0 0.2em; text-decoration:none; display:inline;}
#menutop ul li a:link {background-color:white; color:#1B5773; margin:0; padding:0; border:0; text-decoration:none; font-weight:bold}
#menutop ul li a:visited {background-color:white; color:#1B5773; margin:0; padding:0; border:0; text-decoration:none; font-weight:bold}
#menutop ul li a:hover {background-color:white; color:#1B5773; 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:#1B5773; float:right; text-align:right;}*/
#menutop #ricerca {padding:0; margin:0; width:20em; background-color:white; color:#1B5773; 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:#1B5773; 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:#1B5773; 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:#1B5773; color:white; text-decoration:none;}
#comitati a:visited {background-color:#1B5773; color:white; text-decoration:none;}
#comitati a:hover, a:focus {background-color:#1B5773; 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:#1B5773; 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:#1B5773; color:white; text-decoration:none;}
#linkutili a:visited {background-color:#1B5773; color:white; text-decoration:none;}
#linkutili a:hover, a:focus {background-color:#1B5773; 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 DX */
 
#sezdx {clear:both; padding:0; margin:0; font-size:0.8em; background-color:#fcfdfe; color:#1B5773; background-image:url(../images/nuvole.gif); background-repeat:no-repeat}
#sezdx 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}
#sezdx ul {padding:0; margin:2em 0 0 0; list-style-type:none; font-size:0.9em; font-weight:bold}
#sezdx ul li {padding:0 0 0.8em 2.8em; margin:0; background-image:url(../images/icon/menu_ico_02.gif); background-repeat:no-repeat; background-position:1em 30%;}

div.boxdx { clear:both; padding:1.5em 0 1em 0; background-color:#f8faf6; color:#225167; margin:0; font-size:0.6em;}
div.boxdx h3 { padding:0 0 0 1.6em; margin:0.5em 0 0 0; background-color:#f8faf6; color:#1B5773; font-size:140%; background-image:url(../images/icon/freccia.gif); background-repeat:no-repeat; background-position:0.8em 50%; }
div.boxdx p { padding:0 0.5em 0 2.0em; margin:0; font-size:110%}
div.boxdx img { padding:0; margin:0; border:none}


div.cosaregioneico { padding:0; margin:0; background-image: url(../images/icon/cosafaregione_ico.gif); background-repeat:repeat-x; height:39px; background-color:#fcfdfe; background-position:0.2em 0}
div.bordodx { padding:0; margin:0; background-image:url(../images/bordo_dx.gif); background-repeat:repeat-x; height:11px}

 
/* MENU BRICIOLA */
#menubriciola { clear:both; font-size: 0.7em; padding:0.4em 0 0.6em 0.5em; margin:0; color:#1B5773; background-color:white;}
#menubriciola a { font-weight:bold}


 /* NEWS */
div.titolosez {clear:both; padding:0; margin:0.5em 1em 0 1em; font-size:0.8em; border-left:4px solid #1B5773; border-bottom:1px solid #1B5773; height:1.75em}
div.titolosez h2 { padding:0 0 0 0.5em; margin:0; background-color:white; color:#1B5773; font-size:120%; }

div.news {clear:both; padding:1em 1em 0.5em 1em; margin:0; background-color:white; color:#4a402a; font-size:0.7em; min-height:90px;}
div.news h2 { padding:0; margin:0; background-color:white; color:#91421b; font-size:120%; font-weight:bold }
div.news h2 a:link {color:#1B5773; text-decoration:none; background-color:white; font-weight:bold}
div.news h2 a:visited {color:#1B5773; text-decoration:none; background-color:white; font-weight:bold}
div.news h2 a:hover, a:focus {color:#1B5773; text-decoration:underline; background-color:white; font-weight:bold}
div.news p { padding:0.2em 0 0 0; margin:0;}
div.news p.data { padding:0; margin:0; color:#b74d04;}

div.evidenza { padding:1.5em 1em 0 1em; margin:0 1em 0 1em; /*background-color:#F0F4F6;*/  background-color:#E2EAEF; color:#174A62; font-size:0.7em;}
div.evidenza h2 { padding:0; margin:0;  color:#174A62; font-size:110%; font-weight:bold }
div.evidenza h2 a:link {color:#174A62; text-decoration:none;  font-weight:bold}
div.evidenza h2 a:visited {color:#174A62; text-decoration:none;  font-weight:bold}
div.evidenza h2 a:hover, a:focus {color:#174A62; text-decoration:underline;  font-weight:bold}
div.evidenza p { padding:0.2em 0 0.8em 0; margin:0;}
div.evidenza h2.data  {color:#753102}
div.evidenza .bordo {border-bottom:1px dotted #4a402a}

div.archivio { clear:both; padding:0 0 0.2em 0; margin:0 1em 0 1em; background-color:white; font-size:0.7em; color:#9e2b19; border-top:1px solid #2f718e; height:1.8em}
div.archivio p{ padding:0.6em 0 0 0; margin: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;}
}

/* WCM */
div.news p.allegato {padding-top:10px}
.clear {clear:both; font-size:0.01em; margin:0; padding:0; border:none;  color:#fff; height:1px;}
div.evidenza div { padding:0 0 0.8em 0; margin:0;}

div.news ul { margin:1em 0 1em 0; padding:0; list-style-type:none;}
div.news ul li {padding:0; margin:0.5em 0 0 0;}

div.bordo ul { margin:1em 0 1em 0; padding:0; list-style-type:none;}
div.bordo 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 3px; padding:5pt 0 0 1.7em !important;overflow:hidden}
li.doc {background-image:url(../images/icon/icona_doc.gif); background-repeat:no-repeat; background-position:0 3px; padding:5pt 0 0 1.7em !important;overflow:hidden}
li.xls {background-image:url(../images/icon/icona_xls.gif); background-repeat:no-repeat; background-position:0 3px; padding:5pt 0 0 1.7em !important;overflow:hidden}
li.ppt {background-image:url(../images/icon/icona_ppt.gif); background-repeat:no-repeat; background-position:0 3px; padding:5pt 0 0 1.7em !important;overflow:hidden}
li.zip {background-image:url(../images/icon/icona_zip.gif); background-repeat:no-repeat; background-position:0 3px; padding:5pt 0 0 1.7em !important;overflow:hidden}

/* RICERCA */
span.nrRisultati, 
span.testoCercato, 
a.valoreTitolo{font-weight: bold;}

div.risultato{}
div.risultato p{font-size:0.8em;}

div.googleIntestazione{margin: 0.3em 0 1.5em 0}
div.googleNavigazione{margin: 1em 0 2em 0}

div.googleRisultati a, 
div.googleRisultati a:link, 
div.googleRisultati a:visited,
div.googleNavigazione a, 
div.googleNavigazione a:link, 
div.googleNavigazione a:visited{color:#000000}

div.googleRisultati a:hover,
div.googleNavigazione a:hover{color:#AE2300}

/* WCM */
#banner {
margin:10px 0 0;
}
#banner ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#banner ul li {
text-align:left;
margin:0 0 20px 4px;
}

/* WCM */
#leftcol div.costruisci {
padding:0.5em 0 0.5em 4.5em;
}

