html, body {height:100%;}
body {margin:0;}
p, h1, h2, h3, h4, h5, div, form {margin:0; padding:0;}
/* generiche */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#45371f;}
.clear {clear: both;}
img {border:0;}
/* principali */
div#contenitore {width:100%; margin:0 auto 0 auto; padding:0; position:relative; background-color:#ffffff; background-image:url(img/sf-testata.jpg); background-repeat:repeat-x; background-position:top left;}
div#principale {width: 995px; margin:0 auto 0 auto; padding:0;}
/* ----alto--- */
div#testata {width:100%; margin:0 auto 0 auto; padding:0; height:207px;}
/*div#testata-img {width:856px; margin:0 auto 0 auto; padding:0;background-image: url(img/testata.jpg); background-repeat:no-repeat; height:207px;}*/
div#logo {width: 160px; height: 207px; float: left; background: url(img/logo.gif) no-repeat center top;}
div#logo a {display: block; width: 160px; height: 207px;}
div#sicert {width: 250px; float: right; background: url(img/sicert1.gif) no-repeat center 30px; margin: 0; padding: 130px 0 0 0; text-align: center;}
div#scritta {width: 550px; height: 207px; float: left; background: url(img/scritta.gif) no-repeat center center;}
div#scritta a {display: block; width: 550px; height: 207px;}
/* ----centro--- */
div#centro {width:100%; margin:0 auto 0 auto; padding:0;}
/* ----===centro / parte sinistra===--- */
div#centro-dx {float: right; width: 26%; margin: 0; padding: 0;}
div#data {font-size: 11px; color:#FFFFFF; background-color: #e05400; text-align: center; margin: 0; padding: 0;}
div#data a {color:#FFFFFF; text-decoration: none;}
div#data a:hover {color: #FFFFFF; text-decoration: underline;}
/* dx box-arancio documenti*/
div#box-arancio {width: 90%; margin: 27px auto 0 auto; padding: 0;}
div#box-arancio2 {width: 100%; margin: 10px auto 0 auto; padding: 0;}
div.doc-c {width:100%; height: 30px; margin:0; padding:0; background-color:#f97500;}
div#doc {padding: 5px 3px 0 8px; color:#ffffff; font-size: 11px;}
div#doc a {color:#ffffff; text-decoration:none;}
div#doc a:hover {color:#ffffff; text-decoration:underline;}
div#voci-doc {width: 99%; margin: 0 auto 5px auto; padding: 0; border: 1px solid #f97500;}
div#voci-doc ul {margin:0; padding:0;}
div#voci-doc li {list-style-type:none; color:#45371f; padding:10px 0 10px 40px; margin:3px 0 2px 0; border-bottom:1px dotted #2b2b2b;}
div#voci-doc li a {color:#45371f; text-decoration:none;}
div#voci-doc li a:hover {color:#2b2b2b; text-decoration:underline; font-weight:normal;}
div#voci-doc2 {width: 99%; margin: 0 auto 5px auto; padding: 0 5px 0 0; border: 1px solid #f97500;}
div#voci-doc2 ul {margin:0; padding:0;}
div#voci-doc2 li {list-style-type:none; color:#45371f; padding:10px 0 10px 40px; margin:3px 0 2px 0; border-bottom:1px dotted #2b2b2b;}
div#voci-doc2 li a {color:#45371f; text-decoration:none;}
div#voci-doc2 li a:hover {color:#2b2b2b; text-decoration:underline; font-weight:normal;}
li.doc {background-image: url(img/Formati/doc.gif); background-repeat: no-repeat; background-position: 5px center;}
li.pdf {background-image: url(img/Formati/pdf.gif); background-repeat: no-repeat; background-position: 5px center;}
li.pps {background-image: url(img/Formati/pps.gif); background-repeat: no-repeat; background-position: 5px center;}
li.ppt {background-image: url(img/Formati/ppt.gif); background-repeat: no-repeat; background-position: 5px center;}
li.htm {background-image: url(img/Formati/htm.gif); background-repeat: no-repeat; background-position: 5px center;}
li.tml {background-image: url(img/Formati/htm.gif); background-repeat: no-repeat; background-position: 5px center;}
li.jpg {background-image: url(img/Formati/jpg.gif); background-repeat: no-repeat; background-position: 5px center;}
li.peg {background-image: url(img/Formati/jpg.gif); background-repeat: no-repeat; background-position: 5px center;}
li.xls {background-image: url(img/Formati/xls.gif); background-repeat: no-repeat; background-position: 5px center;}
li.zip {background-image: url(img/formati/zip.gif); background-repeat: no-repeat; background-position: 5px center;}
li.txt {background-image: url(img/Formati/txt.gif); background-repeat: no-repeat; background-position: 5px center;}
/* sx box-rosso biblioteca */
div#box-rosso {width: 90%; margin: 27px auto 0px auto; padding: 0;}
div#biblioteca-c {width: 100%; height: 30px; margin: 0; padding: 0; background-color: #9c423f;}
div#biblioteca {padding: 5px 3px 0 8px; color:#ffffff; font-size:11px;}
div#biblioteca a{color: #ffffff; text-decoration: none;}
div#biblioteca a:hover{color: #ffffff; text-decoration: underline;}
div#biblioteca-link {width: 99%; margin: 0 auto 5px auto; padding: 0; border: 1px solid #9c423f;}
div#biblioteca-link ul {margin: 0; padding: 0;}
div#biblioteca-link li {list-style-type:none; color:#9c423f; padding: 10px 0 10px 50px; margin: 3px 0 2px 0; border-bottom: 1px dotted #2b2b2b; background: url(img/biblioteca.gif) no-repeat 5px center;}
div#biblioteca-link li a {color:#9c423f; text-decoration:none; font-weight:normal;}
div#biblioteca-link li a:hover {color:#9c423f; text-decoration:underline; font-weight:normal;}
div.banner {width:174px; margin:20px auto 0px auto; padding:0; border:1px solid #1a5b9d;}
div#banner-popolis {width: 80%; margin: 30px auto 40px auto; padding: 0; font-size: 11px; color: #2b2b2b;}
div#banner-popolis img {padding: 10px 0 0 50px;}
/* dx box-giallo notizie*/
div#box-giallo {width: 90%; margin: 27px auto 0px auto; padding: 0;}
div#news-c {width:100%; height: 30px; margin:0; padding:0; background-color:#E6C010;}
div#newsc {padding: 5px 3px 0 8px; color:#ffffff; font-size: 11px;}
div#newsc a {color:#ffffff; text-decoration:none;}
div#newsc a:hover {color:#ffffff; text-decoration:underline;}
div#voci-newsc {width: 99%; margin: 0 auto 5px auto; padding: 0; border: 1px solid #E6C010;}
div#voci-newsc ul {margin:0; padding:0;}
div#voci-newsc li {list-style-type:none; color:#45371f; padding:10px 0 10px 40px; margin:3px 0 2px 0; border-bottom:1px dotted #2b2b2b; background: url(img/news.gif) no-repeat 5px center;}
div#voci-newsc li a {color:#45371f; text-decoration:none;}
div#voci-newsc li a:hover {color:#2b2b2b; text-decoration:underline; font-weight:normal;}
/* dx box-verdino links*/
div#box-verde {width: 90%; margin: 27px auto 0px auto; padding: 0;}
div#links-c {width:100%; height: 30px; margin:0; padding:0; background-color:#B1D74B;}
div#links {padding: 5px 3px 0 8px; color:#ffffff; font-size: 11px;}
div#links a {color:#ffffff; text-decoration:none;}
div#links a:hover {color:#ffffff; text-decoration:underline;}
div#voci-links {width: 99%; margin: 0 auto 5px auto; padding: 0; border: 1px solid #B1D74B;}
div#voci-links ul {margin:0; padding:0;}
div#voci-links li {list-style-type:none; color:#45371f; padding:10px 0 10px 40px; margin:3px 0 2px 0; border-bottom:1px dotted #2b2b2b; background: url(img/formati/htm.gif) no-repeat 5px center;}
div#voci-links li a {color:#45371f; text-decoration:none;}
div#voci-links li a:hover {color:#2b2b2b; text-decoration:underline; font-weight:normal;}
/* ----===centro / parte destra===--- */
div#centro-sx {float: left; width:70%; margin: 0; padding-right: 6px;}
/* menu superiore */
div#menu {width: 100%; margin: 0; padding: 0; background-color: #f97500; font-size: 11px;}
div#intmenu {text-align: center; margin: 0; padding: 0;}
ul#asc {margin: 0; padding: 0; list-style: none; margin: 0; width: 100%;}
ul#asc li {float: left; padding: 0 10px 0 10px; border-right: 1px solid #FFFFFF; margin: 0; color: #FFFFFF;}
ul#asc li ul li {list-style: none;}
ul#asc a:link, ul#asc a:visited {display: block; padding: 0; font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none;}
ul#asc a:hover {color: #000000; text-decoration: none;}
ul#asc li ul {display: none;}
ul#asc li:hover ul {display: block; position: absolute; z-index: 1; width: 180px; padding: 0; margin: 0 0 0 -10px;}
ul#asc li ul li {border-right: 1px solid #F97500; border-left: 1px solid #F97500; border-bottom: 1px solid #F97500; width: 195px; color: #F97500; padding: 5px 0 5px 10px; background-color: #FFFFFF; text-align: left;}
ul#asc li ul li a:hover {color: #FFFFFF; text-decoration: underline; background-color: #F97500;}
ul#asc li ul li a:link {color: #F97500; text-decoration: none; background-color: #FFFFFF;}
ul#asc li ul li a:visited {color: #F97500; text-decoration: none; background-color: #FFFFFF;}
/* cerca */
div#ricerca {width: 100%; color: #14546f; margin: 0; font-weight: bold; padding: 5px 0 0 0; text-align: right;}
div#ricerca input {border:1px solid #e05400; background-color: #e05400; color: #ffffff; }
div#ricerca input.form {border: 1px solid #e05400; background-color: #FFFFFF; color: #2b2b2b; padding: 3px;}
div#ricerca label {padding-right: 5px;}
/* contenuto */
div#contenuto {width: 100%; margin: 0; padding: 0; background-color: #F4E1BA;}
div#cover {width: 100%; margin: 0 0 10px 0; padding: 0; background-color: #F5F2CB;}
div#contenuto2 {width: 100%; margin:0; padding: 10px 10px 20px 0;}
div#ramo {width:100%; text-align: right; margin: 7px 0 7px 0; padding:0; color: #cb3b1d; font-size: 11px; background: f3d0ba;}
div#ramo a {font-weight:bold; text-decoration:none; color:#cb3b1d;}
div#ramo a:hover {font-weight:bold; text-decoration:underline; color:#cb3b1d;}
div.titoli {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color:#851919; margin: 0;}
div.titoli a {color:#851919; text-decoration: none;}
div.titoli a:hover {color:#851919; text-decoration: underline;}
div.sottotitolo {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #851919; margin: 0; font-style: italic;}
div#introduzione {text-align: left; width: 94%; margin: 0 auto 0 auto; padding: 10px 20px 10px 20px; color:#2b2b2b;}
div#introduzione img {float: right; margin: 0 0 0 10px; border: 3px solid #ffffff;}
/* centro-notizie */
div#news {width:100%; margin-top:10px; padding:0;}
div.titolo-news {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color:#851919; margin:0; background:url(img/icona-news.gif) no-repeat center left; padding:25px 0 10px 60px; border-bottom:1px dotted #851919;}
div#news img {float:right; margin:5px; padding:0; border: 4px solid #cccccc;}
div#voci-notizie {width: 95%; margin: 2px auto 2px auto; padding:0;}
div#voci-notizie ul {margin:0; padding:0;}
div#voci-notizie li {list-style-type:none; color:#2b2b2b; padding: 5px; margin: 15px 0 5px 0; border-left: 7px solid #f97500; border-bottom: 1px dashed #f97500;}
div#voci-notizie li a {color:#2b2b2b; text-decoration:none; font-weight:normal;}
div#voci-notizie li a:hover {color:#2b2b2b; text-decoration:underline; font-weight:normal;}
span.data-notizie {color:#2b2b2b; font-weight:bold; font-size:11px;}
span.data-notizie a{color:#2b2b2b; font-weight:bold; text-decoration:none;}
span.data-notizie a:hover{color:#2b2b2b; font-weight:bold; text-decoration:none;}
span.tit-notizie {color:#e05400; font-weight:bold; padding-left:15px; font-size: 16px;}
span.tit-notizie a{color:#e05400; font-weight:bold; text-decoration:none;}
span.tit-notizie a:hover{color:#e05400; font-weight:bold; text-decoration:none;}
span.tutte-notizie { color:#2b2b2b; padding:0 15px 0 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
span.tutte-notizie a{color:#2b2b2b; text-decoration: underline;}
span.tutte-notizie a:hover{color:#2b2b2b; text-decoration: underline;}
/* centro-link */
div#link {width:100%; margin:10px 0 10px 0;}
div.titolo-link {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#851919; margin:0; background: url(img/icona-link.gif) no-repeat center left; padding: 15px 0 10px 60px; border-bottom:1px dotted #851919;}
div#link-link {width:95%; margin:2px auto 5px auto; padding:0;}
div#link-link ul {margin:0; padding: 0; list-style: none;}
div#link-link li {background: url(img/formati/htm2.gif) no-repeat 5px center; color:#851919; padding:10px 0 8px 40px; margin:3px 0 0 0; border-bottom: 1px dashed #f97500;}
div#link-link li a {color:#2b2b2b; text-decoration: none; font-weight: bold;}
div#link-link li a:hover {color:#2b2b2b; text-decoration: underline; font-weight: bold;}
/* indirizzo */
div#indirizzo {width: 100%; margin: 20px 0 30px 0; padding: 0; color: #9c423f; text-align: center;}
/* =========== dettaglio============ */
div#dettaglio {width: 94%; text-align: left; margin: 20px auto 0 auto; padding: 10px 20px 0 20px; color: #2b2b2b; line-height: 18px;}
div#dettaglio img {margin:0 0 10px 10px; border:3px solid #ffffff;}
div#dettaglio p {margin: 0 0 15px 0;}
div#dettaglio a {color: #E91739; text-decoration: none; font-weight: bold;}
div#dettaglio a:hover {color: #2b2b2b; text-decoration: underline; font-weight: bold;}
/*fotogallery*/
div#foto { width:90%; margin:10px 0 50px 0; padding: 0px;}
div#foto ul{margin: 7px 0 0 7px; padding: 0px;}
div#foto li{float:left; list-style-type:none; padding:2px 0 6px 10px;}
div#foto li a {border:3px solid #FFFFFF; display:block;}
div#foto li a:hover {border:3px solid #f3d0ba; display:block;}
div#foto li a:visited {border:3px solid #FFFFFF; display:block;}
div#foto li img {border:0;}
div#link-fotogallery {width:100%; text-align: left; margin: 0 0 30px 0; padding: 0; color: #cb3b1d; font-size: 11px;}
div#link-fotogallery a {font-weight: bold; text-decoration: none; color: #cb3b1d;}
div#link-fotogallery a:hover {font-weight: bold; text-decoration: underline; color: #cb3b1d;}
/*--contatti--*/
div#contatti {width:98%; margin: 20px auto 20px auto; text-align: justify;}
div#contatti form {width: 90%; padding: 0; margin: 0;}
div#contatti fieldset {float: left; width: 100%; margin: 10px 0 0 0; padding: 5px;}
div#contatti form b {color: #F00}
div#contatti form p {margin: 0.5em 10px}
div#contatti fieldset div {float: left; width: 100%; padding: 3px 0 3px 0;}
div#contatti label {float: left; width: 250px; display: inline; margin-left: 10px; line-height: 23px}
div#contatti input#invia {float: left; margin: 0 auto 0 250px;}
div#contatti input#autorizzo {margin-left: 20px;}
/* ----non funziona con FireFox--- */
div#rss-cont {width:55%; margin:150px auto 0 250px; padding:0;}
div#rss {background: url(img/rss.gif) no-repeat center left; padding:0px 0 0px 100px;}
div#rss #tic {font-size: 100%; padding: 0; line-height: 30px;}
div#rss #tic * {font-size: 100%; margin:0px; padding:0px; display:none; text-decoration: none;}
div#rss #tic a {color: #172b4e; text-decoration: none; display: inline;}
div#rss #tic a:hover { color: #172b4e; text-decoration: underline; display: inline;}
div#intro {text-align: left; width: 94%; margin: 0 auto 0 auto; padding: 10px 20px 10px 20px; color:#2b2b2b;}
div#boxloginintestazione {width: 99%; margin: 0 auto 5px auto;}
div#boxlogin {width: 50%; margin: 0 auto 0 auto;}
div#boxlogin label {float: left; width: 100px; display: inline; margin: 0; line-height: 23px}
div#boxlogin .bottone {text-align: center; margin: 10px 0 0 0;}
/* photogallery */
div#photogallery {width: 97%; font-size: 100%; margin: 0 auto 0 auto;}
div#contenutopg {width: 98%; margin: 0 auto 0 auto;}
div#photogallery h5 {width: 100%; margin: 0 auto 0 auto; line-height: 2em; font-size: 120%; color: #851919; font-weight: bold; border-bottom: 1px dashed #851919;}
div#pg {width: 100%; margin:1em 0 1em auto; font-weight: bold; border-bottom: 1px dashed #851919;}
div.pgsingle {text-align: center; color: #000000; width: 24%; float: left; font-size: 80%; margin: 1em auto 0 auto;}
div.pgsingle img {border: 4px solid #BDAAAA; margin-top: 0.5em;}
div.pgsingle a {text-align: center; color: #000000; text-decoration: none; font-size: 80%; display: block;}
div.pgsingle a:hover {text-align: center; color: #000000; text-decoration: none; font-size: 80%; display: block;}
div.pgsingle a:visited {text-align: center; color: #000000; text-decoration: none; font-size: 80%; display: block;}
div.pgsingle a:link {text-align: center; color: #000000; text-decoration: none; font-size: 80%; display: block;}
div#pgpagine {width: 95%; margin-left: auto; margin-right: auto; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em;}
div#pgpagine a {text-decoration: none; color: #FFFFFF;}
div#pgpagine a:hover {text-decoration: underline; color: #FFFFFF;}
div#fotografo {width: 99%; margin: 5px auto 5px auto; color: #851919; font-weight: bold;}
div#fotografo a {text-decoration: none; color: #851919; font-weight: bold;}
div#fotografo a:hover {text-decoration: underline; color: #851919; font-weight: bold;}
div#tuttepg {clear: left; width: 95%; margin: 5px auto 5px auto; color: #851919;}
div#tuttepg a {text-decoration: none; color: #851919; font-weight: bold;}
div#tuttepg a:hover {text-decoration: underline; color: #851919; font-weight: bold;}
div.dida {width: 97%; margin: 0 auto 0 auto; font-size: 100%; color: #851919;}
div#risultatoricerca {width: 98%; margin: 10px auto 0 auto; padding: 10px 0 0 0;}
div#risultatoricerca h2 {font-size: 100%; color: #851919; padding-left: 10px; padding-top: 10px; font-weight: bold;}
div#risultatoricerca h5 {font-size: 100%; color: #851919; padding-left: 10px; font-weight: normal;}
div#risultatoricerca ul {list-style: none; margin: 0px; padding: 0px;}
div#risultatoricerca li {width: 97%; margin: 0 auto 0 auto; padding: 5px 0 5px 0; font-size: 100%; color: #851919; border-bottom: 1px dashed #851919;}
div#risultatoricerca li.data {font-weight: bold; color: #FF0000; }
div#risultatoricerca li a {text-decoration: none; color: #851919; }
div#risultatoricerca li a:hover {text-decoration: underline; color: #851919;}
div#risposta {width: 80%; margin: 0 auto 0 auto; padding: 50px;}
div#risposta a {font-weight: bold; color: #ff0000; text-decoration: none;}
div#risposta a:hover {font-weight: bold; color: #ff0000; text-decoration: underline;}
/* icare */
div#icare {width: 980px; margin: 10px auto 0 auto; min-height: 450px; font-family: Georgia; border: 1px solid #dddddd; padding: 0 10px 0 10px;}
div#icare #testataprogetto {width: 100%; margin: 0 auto 0 auto; line-height: 40px;}
div#icare #testataprogetto #inizio {float: left; width: 20%; font-weight: bold;}
div#icare #testataprogetto #fine {float: right; width: 20%; text-align: right; font-weight: bold;}
div#icare #testataprogetto #titolo {width: 55%; text-align: center; font-size: 30px; color: #5A2F01;}
div#freccia {width: 980px; margin: 0; min-height: 64px; background: url(img/icare/freccia.gif) no-repeat;}
div#freccia div.anno {color: #5A2F01; text-align: center; float: left; margin: 2px 1px; 0 0; border-bottom: 1px solid #5A2F01; border-right: 1px solid #5A2F01; border-left: 1px solid #5A2F01;}
div#freccia div.giorno {font-family: Tahoma; font-size: 11px; width: 23px; text-align: center; line-height: 20px; float: left; margin: 0 0 3px 0; border-right: 2px solid #698291;}
div#freccia div.periodo {color: #5A2F01; text-align: center; float: left; margin: 2px 2px 0 0;}
div#freccia div.periodo a {display: block; text-decoration: none;}
div#freccia div.periodo a:hover {display: block; text-decoration: none; background: #eeeeee;}
div#contenutoprogetto {width: 100%; margin: 20px 0 0 0;}
div#contenutoprogetto #sinistrap {float: left; width: 49%;}
div#contenutoprogetto #destrap {float: right; width: 49%;}
div#legenda {width: 300px; margin: 20px 0 0 0;}
div#legenda div.periodo {color: #5A2F01; text-align: center; float: left; margin: 2px 5px 0 0;}
div#legenda div.periodo a {display: block; text-decoration: none; color: #000000;}
div#legenda div.periodo a:hover {display: block; text-decoration: none; background: #eeeeee; color: #000000;}
div#legenda a {display: block; text-decoration: none; color: #000000;}
div#legenda a:hover {display: block; text-decoration: none; background: #eeeeee; color: #000000;}
div.boxdoc {width: 300px; min-height: 250px; margin: 0 auto 20px auto; border: 1px solid #dddddd; display: none;}
div.boxdoc h3 {width: 97%; min-height: 20px; text-align: right; margin: 0 auto 0 auto; padding: 5px 5px; font-size: 16px; letter-spacing: -1px;}
div.boxdoc h4 {width: 91%; min-height: 20px; margin: 10px auto 0 auto; font-size: 14px; letter-spacing: -1px;}
div.boxdoc ul {list-style-type: none; width: 92%; margin: 0 auto 0 auto;}
div.boxdoc ul li {padding: 10px 0 8px 30px; border-bottom: 1px solid #dddddd;}
div.boxdoc ul li a {color: #000000; text-decoration: none;}
div.boxdoc ul li a:hover {color: #000000; text-decoration: underline;}