html,body{
margin: 0;
padding:0;
height:100%;
}

body{
font-family: arial, verdana, sans-serif;
font-size: 76%;
text-align: center;
line-height:2em;
background-color:#bbb;
}

div#container{
position: relative;
width: 760px;
margin: 0 auto;
background: url(../images/background.gif) repeat-y;
color: #000;
text-align: left; 
}

/*body>div#container{height: auto; min-height: 100%}*/

img {display:block;}

/*stili generici per link*/
a:link {
color: #7F7EA8;
text-decoration: none;
}

a:visited {
color: #7F7EA8;
text-decoration: none;
}

a:hover{
color: #000;
text-decoration: none;
background-color:#eee;
}

a:active{
color: #7F7EA8;
text-decoration: none;
}

/*stili generici, su header e footer*/
div#header{
height: 150px;
background-color:#666699;
color: #fff;
}
			
h1,h2,h3,p {
margin: 0px
}

p{
padding-bottom: 10px
}

h3{
   padding-top: 10px
}
   
h2{
font-size: 100%;
}

h1{
margin:0;
padding:0
}

form{
margin:20px 0;
padding:0;
}

/*stili specifici per il layout*/
div#navigation {
position: absolute; 
top: 200px; 
left: 10px;
width: 210px;
padding: 0;
}
				
div#news{
position: absolute; 
top: 200px; 
left: 0;
width: 210px;
padding: 0; 
background-color:#eee; 
margin:10px;
clear:both;
}

div#content{
margin: 0 10px 200px 230px;
background-color: #ffffff;
padding-bottom:60px;
min-height: 600px;
height: auto !important;
height:600px;


}

div#content h1{
width: 510px; \width: 530px; w\idth: 510px;
font-family: georgia, verdana, arial,sans-serif;
font-size:medium;
margin:0 0 10px 0;
background-color:#ccc;
padding:10px;
}

div#content p{
margin-left:20px; 
margin-right:20px; 
margin-bottom:0px;
}

div#content h2{
margin-left:20px; 
margin-top:20px;
}

div#content img{

}



span{display:block; padding: 0; text-align:right;}
span img{display:inline; margin:0; vertical-align:middle; padding:0 3px; border:none}


/*stili per sx home*/
div#news div.newsbox{
margin: 0px;
}

div#news div.newsbox h2{
padding: 2px;
width: 206px;\width:210px;w\idth:206px;
background-color: #ccc;
color: #000;
line-height:30px;
}

div#news div.newsbox p{
padding: 0;
margin-top:10px;
margin-bottom:10px;
}

/*contenuti centrali home*/
#content div.textimage2{
width: 100%;

} /*risolve il peek-a-boo bug di IE6*/

#content div.textimage{width: 480px;margin:10px; border:1px dashed #999; padding:10px}
#content div.textimage img{float:left; margin:0 10px 0 0; padding:0; border:1px solid black}
#content div.textimage h2, div.textimage p{margin:0; padding:0 10px 0 0}
#content div.textimage h2{margin-top: 0; color: #666} 

#content div.textimage2{width:500px}
#content div.textimage2 img{float:left; margin:0 10px 0 10px; padding:1px; border:1px solid black}
#content div.textimage2 h2, div.textimage2 p{margin:0; padding:0}
#content div.textimage2 h2{margin-top: 10px; color: #666}




/*menu orizzonale*/
#navcontainer
{
margin:0;
padding:0;
height: 2.5em;
background-color:#000000;
border-top:2px solid white;
font-size:1em;
line-height: 2.5em;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
float:left;
maRGIN-LEFT:0px;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin-right:0px;
border-right:1px solid white;
}

#navcontainer ul li a
{
background: #000;
width: 149px;
height: 2.5em;
border-right:1px solid black;
border-left:1px solid black;
padding: 0;
margin:0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
line-height: 2.5em;
}

#navcontainer ul li a:hover{
color: #000;
background: #fff;
}


#navcontainer ul li a:active
{
background: #fff;
color: #000;
}


#navcontainer ul li a#activelink {
background: #fff;
color:#000;
}


/*footer*/

div#footer{
position:absolute;
bottom: 0;
width:750px; \width: 760px; w\idth: 750px;
margin: 0;
text-align:center; 
padding: 5px 5px;
background-color: #000; 
line-height:20px;
color: #fff;
font-size:small
}

div#footer a:link {
color:#fff;
text-decoration: underline;

}

div#footer a:visited {
color:#fff;
text-decoration: underline;
background-color:black;

}

div#footer a:hover{
color:#fff;
text-decoration: underline;
background-color:black;

}

div#footer a:active{
color:#fff;
text-decoration: underline;
background-color:black;
}


/*menu pagine interne*/
#navigation_list dl{width: 210px; margin:0; padding:0}
#navigation_list dt{width: 200px; \width: 210px; w\idth: 200px; background-color:#CCCCCC; padding:0 5px; margin:0; font-family: Arial, verdana, Helvetica, sans-serif;
font-size:90%}
#navigation_list dd{margin:0px; padding:0}


#navigation_list ul{
margin:0;padding:0}


#navigation_list li
{
width: 200px;\width:210px;w\idth:200px;
line-height:1.5em;
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, verdana, Helvetica, sans-serif;
font-size:90%
}

#navigation_list a{
display: block;
width: 200px;\width:210px;w\idth:200px;
padding: 0px 5px;
background-color: #eee;
border-bottom: 1px dotted #999;
margin:0px;
}

#navigation_list a:link, #navigation_list a:visited
{
color: #000;
text-decoration: none;
margin:0;
}

#navigation_list a:hover
{
background-color: #fff;
color: #000;
}

#navigation_list a#activelinkleft {
background-color: #fff;
color: #000;}


.hide{display:none}


/*photogallery*/
#content div#gallery{width:100%;overflow:auto}
#content div#gallery dl{float:left; margin:10px;width:120px; height:140px;text-align:center;color: #555; border:1px solid #ccc}
#content div#gallery dt{padding: 10px 0 0;background:none}
#content div#gallery img{display:block;margin:0 auto; border:1px inset #CCC}
#content div#gallery dd{margin:0;padding: 2px 5px 0px; border:none}


/*box homepage*/
div#news dl{width:210px;line-height:1.3;color: #000; margin:0; padding:0}
div#news dt{padding: 15px 15px 0;background:url(../images/bg_grigio.jpg) no-repeat top;font-weight:bold; margin:0}
div#news dt a{color: #999;}
div#news dt a:hover{color: #000}
div#news dd {margin:0;padding: 5px 15px 15px;background:url(../images/bg_grigio.jpg) no-repeat bottom}
div#news dd p{margin:0;padding: 0 0 5px  }



/*form*/
.formcol {
background : #fff;
border: 1px solid #000;
} 

.buttonw3{text-align: center; padding:10px}
div.clearer {
clear: left; 
height:0}

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


/*liste titolo e nome*/
#content dl{margin:0;padding: 10px; width:500px}
#content dl img{margin:10px 0}
#content dt{padding: 0 0 0 10px; font-weight:bold; 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}

/*elenco allegati*/
ul.elencoall{margin:10px 0; padding: 0 }
ul.elencoall li{ list-style-type:none; padding: 0 20px; margin: 10px 0; display:block; line-height:2em; background: #eee url(../images/download.gif) 0 50% no-repeat }
ul.elencoall 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; padding:10px 0 0 10px ; margin: 0 ; line-height:2em; list-style-type:none; background:url(img/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(img/cursor.gif) 0 50% no-repeat}

/*giunta e consiglio*/

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

/*elenco per modulistica e sezioni con download*/
ul.elencodownload {margin:10px ; padding: 0; width:500px}
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 nomi*/
ul.elenconomi {margin:10px ; padding: 0; width:500px}
ul.elenconomi li{padding: 0; margin: 0 ; border-bottom: 1px dashed #CCC; display:block; line-height:3em;}
ul.elenconomi h4 {margin:0; padding:0}

#player {
margin-left:10px;
}

/*Albo pretorio */

table  {
text-align:center; 
color:#000000; 
margin:0;
padding:0;
}

table.listatto {
border-bottom:4px solid #333333;
border-collapse:collapse;
}

table.listatto td {
padding:8px 5px;
}

th {
padding:8px 5px;
}



.atti {
border-collapse:collapse;
margin-left:5px;
}

table.attifull {
border-collapse:collapse;
margin-left:10px;
}

.atti th {
border:1px solid #333333;
}

.atti thead {
background: #C5DFF7;
}

.listatto {
border-collapse:collapse;

}

.listatto td {
border:1px solid #333333;
}



.attifull th {
border:1px solid #333333;
}

.attifull td {
border:1px solid #333333;
padding:3px;
}

.attifull thead {
background: #C5DFF7;
}

.frame {
margin-right:1%;
padding:1%;
border-bottom:1px dotted #C5DFF7;
text-align:left;
}

.frameclear {
clear:both;
float:none;
margin-top:1%;
}

.casella {

width:98%;
border:1px solid #ABABAB;
font-size:1em;
}

.dettaglio {
font-size:0.85em;
text-align:left;
}

#ricerca {
float:right;
width:30%;
margin:2% 1%;
}
.advanced {
padding-left:1em;
}

.advanced a {
color:#FFFFFF;
text-decoration:none;
font-size:1em;
}

.advanced a:hover {
text-decoration:underline;
}

.formul {
margin:0px;
padding:0px;
}

.dettaglio1 {
margin-right:0.5em;
text-align:center;
font-size:1.1em;
width:20em;
float:right;
}


ul.elencodownloadatti {margin:10px ; padding: 0;}
ul.elencodownloadatti li{padding: 0 20px; margin: 0 ; display:block; line-height:1.5em; background:url(../images/download.gif) 0 50% no-repeat }
ul.elencodownloadatti h4 {margin:0; padding:0}