/*stili per il layout fluido con background*/
html, body{margin:0; padding:0 1%; }
body {color:#333;font:76%/1.5 arial,verdana,sans-serif; text-align:center; margin:0;padding:0; }
div#container{padding:0; background: url(../images/column_dx.gif) repeat-y top right; width:100%; min-width:650px; max-width:1400px; margin-left:auto; margin-right:auto;}
div#container2{background: url(../images/column_sx.gif) repeat-y top left; text-align: left; width:100%}


/*stili generici*/
hr, .salta {position:absolute; top:-1000em; width:1px; height:1px; overflow:hidden}
.clear_r {clear:right; height:0; overflow:hidden}
.clear_l{clear:left; height:0;overflow:hidden }
.clear_b {clear:both; height:0; overflow:hidden}
.archivio {float:right; margin: 10px;  border:1px solid #CCC; padding:0.1em 0.5em;background-color:#fafafa; border:1px solid black }
span{ display:block; padding: 0; text-align:right;}
span img{display:inline; margin:0; vertical-align:middle; padding:0 3px; border:none}

/*stili su header e footer*/
div#header{background-color:#FFF; margin:0; padding: 0; border-bottom:2px solid #C00; position:relative}
h1,h2,h3,h4{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
div#footer{clear:both; text-align:center; padding: 0.5em; color:#FFF; border-top:2px solid #AAB079; margin: 0 0 0 ; background:#5F7757 url(../images/bg_footer.gif) repeat-x top left;}
div#footer a{color:#fff; text-decoration: underline;}
img {padding: 1px; border: 1px solid black}


/*stili generici, su link*/
a img {border:0}
a:link {color:#5F7757}
a:visited {color:#5F7757}
a:hover{color:#C00; text-decoration:underline}
a:active{color:#5F7757}

/*stili generici per il layout*/
div#navigation {float:left; width:188px}
div#extra {float: right; width:188px;}
div#content{margin: 0 190px; border-top:2px solid #AAB079; padding: 0 1.5em 5em; }
div#vuoto{padding:0 188px;height:80px; background-color:#5F7757; border-top:2px solid white; border-bottom:2px solid white;}
div#foto{border-left:2px solid white; border-right:2px solid white; height:80px;  overflow:hidden; 
background-image:url(../images/foto.jpg)}

/*stili specifici per il layout*/
div#header p {background-color: #999; text-align:right; line-height:1.8em; margin:0; padding: 0 20px; color:#fff; font-weight:normal}
div#header p a{color:#fff}
h1{line-height:2.7em; float:left; font-family: "Times New Roman", Times, serif; padding-left:60px; color:#5F7757; font-size:2em}
h2 {margin:0; padding:0 0.5em; background-color:#AAB079;line-height:2em; color:#FFFFFF; font-size: 126% }
h3 {font-size: 136%; padding:0.2em 0; color:#c00; margin:10px 0 0 0 ; line-height:25px; background: url(../images/background_h2.gif) repeat-x bottom left }
h4 {font-size: 116%; margin:0; color:#5F7757; padding: 0 0 0 110px}
h1 img{position:absolute; top:5px; left:10px}

/*stili specifici per navigation orizzontale*/
 #nav_h {margin:0; float:right;  padding:2em 0}
 #nav_h li{display:inline; margin:0; padding: 0 0.5em; border-left: 1px solid black}
 #nav_h li.primavoce {border-left: none}
 #nav_h a {white-space:nowrap}
 #nav_h a:link, #nav_h a:visited {background-color:#FFFFFF; color:#000000; text-decoration:none}
 #nav_h a:hover, #nav_h a:focus, #nav_h a:active {background-color:#FFFFFF; color:#000000; text-decoration: underline}
 #nav_h  li#activeh a{color:#000000; text-decoration: underline}

/*menu navigazione verticale*/
.menuNavigazione_verticale{
padding:0;
margin:0;
list-style:none;


}
.menuNavigazione_verticale a {
display:block;
text-decoration:none;
padding:0.2em 4px 0.2em 4px;
width:180px;
font-weight:normal;
border-bottom:1px solid #E2E6C3;

}

.menuNavigazione_verticale li{
height:1.4em;
line-height:1.4em;
display:inline
}

.menuNavigazione_verticale a:link, .menuNavigazione_verticale a:visited{
color:#000000
}

.menuNavigazione_verticale a:hover, .menuNavigazione_verticale a:active, .menuNavigazione_verticale a:focus{
background-color: #fff;
color:#000000;
text-decoration: none
}
.menuNavigazione_verticale li#activev a{
background-color: #fff;
color:#000000}

/*primo piano*/
.floatfoto{margin:0; padding:15px 0; border-bottom:1px dashed #CCC; width:100%; float:left}
.floatfoto img{float:left;margin:0 10px 10px 0}
.floatfoto h4, .floatfoto p{ margin:0; padding: 0;}

/*paese*/
.floatfoto2{margin:0; padding:15px 0; border:none; width:100%; float:left}
.floatfoto2 img{float:left;margin:0 10px 10px 0}
.floatfoto2 h4, .floatfoto2 p{ margin:0; padding: 0;}

/*news*/
.news {border-bottom:1px dashed #ccc; padding:15px 0; }
.news h4 {margin:0; padding:0 20px;background:url(../images/news.gif) 0 50% no-repeat}
.news p {margin: 0px 0 0px 0}

/*pagine inerne*/
.path{padding:0.2em;margin:0; background-color:#fafafa}
.floatfoto_int {margin-bottom:0; padding:15px 0; float:left; width:100%}
.floatfoto_int img{float:left; margin:0 10px 10px 0}



/*elenco per modulistica e sezioni con download*/
ul.elencodownload {margin:10px 0 ; padding: 0;}
ul.elencodownload li{padding: 0 20px; margin: 0 ; border-bottom: 1px dashed #CCC; display:block; line-height:3em; background:url(../images/download.gif) 0 50% no-repeat }
ul.elencodownload h4 {margin:0; padding:0}

/*elenco*/
ul.elenco {margin:10px 0 ; padding: 0;}
ul.elenco li{padding: 0 20px; margin: 0 ; border-bottom: 1px dashed #CCC; display:block; line-height:3em; background:url(../images/freccia.gif) 0 50% no-repeat }
ul.elenco h4 {margin:0; padding:0}

/*elenco per uffici*/
ul.elencouff{margin:10px 0; padding: 0; clear:left}
ul.elencouff li{padding: 0 20px; margin: 10px 0; display:block; line-height:2em; background: #eee url(../images/download.gif) 0 50% no-repeat }
ul.elencouff h4 {margin:0; padding:0}



/*elenco annidato*/
ul.elenco_annidato {margin:10px 0; padding:0; width:90% }
ul.elenco_annidato li{color:#5F7757; font-weight:bold; margin: 0; padding:10px 0 0 10px; line-height:2em; list-style-type:none; background:url(../images/quadro.gif) 0 20px no-repeat}
ul.elenco_annidato ul {margin:0 ; padding:0; color:#000000; list-style:none; border-top:2px solid #CCC}
ul.elenco_annidato ul li {padding: 0 0 0 12px; margin:0; border-bottom: 1px dashed #CCC; line-height:3em; font-weight:normal; color:#000000; background:url(../images/cursor.gif) 0 50% no-repeat}

/*liste*/
#content dl{margin:0; float:left; padding: 10px 0; width:100%;}
#content dl img{margin:10px 0}
#content dt{padding: 0 0 0 10px; font-weight:bold; color:#5F7757; background:url(../images/quadro.gif) 0 50% no-repeat; margin:10px 0 0 0 }
#content dd{padding:0 0 10px 10px; margin:0; border-bottom:1px dashed #CCC;} 
#content dl span{ display:block; padding: 0; text-align:right;}
#content dl span img{display:inline; margin:0; vertical-align:middle; padding:0 3px; border:none}

/*giunta*/

#content .giunta dt {margin-top:20px;border-bottom:2px solid #CCC; font-weight:bold; color:#5F7757; background:url(../images/quadro.gif) 0 50% no-repeat;}
#content .giunta dd{padding:5px 0 5px 10px; margin:0; border:none; border-bottom:1px dashed #CCC} 

/*numerazione pagina*/
.pagination {color:#000; padding:0 ;margin: 20px 0; color:#000000; width:100%}
.pagination p {position:relative;text-align:right}
.pagination p a {color:#000000; padding:2px 5px;}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none; 
background:#fafafa; padding:2px 5px; border: 1px solid #ccc; margin:0}
.pagination p a:hover, #npagina {background:#999; color:#fff}
.pagination p span {text-decoration:none; background:#fafafa; padding:2px 5px;border: 1px solid #ccc;color:#CCC}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none; color:#000000}


#comment {width:100%}
#comment dl{margin:0; float:left; padding: 10px 0 0 0 }
#comment dt{font-weight:bold; color:#000; margin:10px 0 0 0; background-image:none; padding:0}
#comment dd{padding:0; margin:0; border:none;} 
#comment dd textarea {width: 80%;}
#comment dd input {width: 40%;}
#comment dl span{ display:block; padding: 0; text-align:right;}
#comment dl span img{display:inline; margin:0; vertical-align:middle; padding:0 3px; border:none}
#comment form dt {margin: 0px; font-weight: bold; padding:10px 0 0 0}
#comment form dd {margin:  0 0 5px 0}
#comment form{margin:0; padding:0}
#comment textarea, input, select {border:1px solid black;margin:0; padding:0 }

/*in vetrina e catalogo*/
div#content div#gallery{width:100%; margin:20px 0; padding:0}
div#content div#gallery dl{float:left; width:130px; text-align:left; margin: 0 20px 20px 0 ;padding:0px; border: 1px solid #ccc;  height:auto}
div#content div#gallery dt{padding:10px; margin:0; background-image:none}
div#content div#gallery img{display:block;margin:0 auto;border:1px solid #406285;}
div#content div#gallery dd{border:none}
div#content .cursor {text-align:center; margin:20px;}