html, body 
{
margin: 0;
padding: 0;
}


/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
background: #e4e4e4;
border-top: 5px solid #555;
color: #000;
padding: 0 0 40px;
margin: 0;
}


/* anchors
----------------------------------------------- */
a {
color:#003366;
text-decoration: none;
}

a:hover {
color:#000066;
text-decoration: underline
}


/* 960 grid system container background
----------------------------------------------- url(16/fluid/960_grid_16_col.png) */

.container_16 {
background: #fff ;
padding-top:50px;
position:relative; 
max-width:1680px;	
}

/* colonna
----------------------------------------------- */
#colonna_1{
margin-top:15px;
}

/*#colonna_1_int{
margin-top:0;
border:1px solid black
}*/

#content{
margin-top:20px;
}

#extra{
margin-top:20px
}

.salta {
position:absolute; 
top:-1000em; 
width:1px; 
height:1px; 
overflow:hidden
}

.meta {
margin:5px 0;
padding: 3px 5px 3px 0;
text-align:right;
background-color:#f4f4f4
}

.path {
margin:5px 0 10px 0;
padding: 5px;
background-color:#f4f4f4
}

/* header
----------------------------------------------- */
#header {
background:url(../images/bg_header.jpg) 0 0 no-repeat;
position:relative;
height:180px;
width:23%;
color:#fff
}

#header img{
display:block;
margin:0 auto
}

/* branding
----------------------------------------------- */
h1#branding {
text-align:center;
padding:0; 
margin-bottom:0;
position:relative;
top:-40px;

}

#header img {
border:none;
padding-bottom:5px
}

/*  heading
----------------------------------------------- */
h2#page-heading {
font-weight:normal;
padding: 0;
margin:0;
text-align:center;
color:#FFFFFF;
position:relative;
top:-25px;
}

#content h2 {
border-bottom:2px solid #660000; 
color:#660000
}


/* boxes
----------------------------------------------- */
.box {
	background:url(../images/bg_box_sx.jpg) 0  100%  repeat-x;
	margin-bottom:15px;
	padding:10px;
	border:1px solid #e8e8e8
}
.box h2 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	padding:0;
}





.box img {
	float:left;
	margin: 0 5px 5px 0
}



.box_int {
	background:#eee;
	margin-bottom:15px;
	padding:10px;
	border:1px solid #e8e8e8
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:0;
}

ul, ol {
	padding-top:0;
}




/* articles
----------------------------------------------- */

.news {
	border:1px solid #eee;
	padding:10px;
	margin-bottom:10px
}

.news h2 {
	
text-transform:none;
border-bottom: 2px solid #660000; 
padding:0 ;
margin:0 0 10px 0;
color:#660000
	
}





.news img{
	float:left; 
	margin:3px 10px 3px 0; 
	padding:2px;
	border:1px solid #bbb;
	background:#fff;
}

.news p{
	margin-top:5px
}


.news ul {
	margin:0;
	padding:0
}

.news li{
	margin:0 0 5px 15px;
	padding:0
}







.albo {
	border:1px solid #eee;
	padding:20px 10px;
	margin-bottom:10px;
	background:#f4f4f4 url(../images/iconarrow.png) 2% 50% no-repeat
}



.albo h3{
	padding-left:50px
}








.article {
	border-bottom:1px dotted #999;
	padding:1em 0;
}


.article h3 {
text-transform:none;
	

	padding:0;
	margin:0;
	border:none;
}

.article img{
	float:left; 
	margin:5px 10px 10px 0; 
	padding:2px;
	border:1px solid #bbb;
	background:#fff;
}

.article p{
	margin-left:0
}




#colonna_1 h3{
margin:0;
padding: 0;
border-bottom:1px dotted #000;
}

#content img{
padding:2px;
border:1px solid #ccc
}


/* site information
----------------------------------------------- */
#footer {
	color:#fff;
	background:#555;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
	padding:10px 0
}
#footer a {
	color:#fff;
}
#footer a:hover {
	color:#eee;
}


/* forms
----------------------------------------------- */
/*moduli*/

#moduli fieldset {
border: none
}

#moduli input, #moduli input.button, #moduli textarea, #moduli select {
margin:0;
border:1px solid #999;

}

#moduli label{
display:block;
margin-top:1em
}

form#moduli input.button {
margin-top:1em;
}


/*pagine interne*/
.floatfoto2{
float:left; 
margin:0; 
padding:0 0 0.5em 0; 
}

.floatfoto2 img {
float:left;
margin: 0 0.5em 0 0

}

.floatfoto2 h4, .floatfoto p{
margin:0 ; 
padding:0; 
}

/*elenco per modulistica e sezioni con download*/
ul.elencodownload {

list-style:none; 
}

ul.elencodownload li{
padding: 0.5em 25px; 
margin: 0 ; 
display:block; 
background:url(../images/download.gif) 0 50% no-repeat 
}

ul.elencodownload h4 {
margin:0; 
padding:0
}

/*elenco per modulistica e sezioni con download*/
ul.eventi {

list-style:circle
}

ul.eventi li{
padding: 0.5em 20px; 
margin: 0 ; 
display:block; 
background:url(../images/news.gif) 0 50% no-repeat 
}




/*elenco*/
ul.elenco {
margin:0 0 1em 0; 
padding:0
}

ul.elenco li {
list-style:none; 
background:url(../images/lista.gif) 0 50% no-repeat; 
padding: 0.25em 0 0.25em 20px; 
margin: 0 ; 

}

/*elenco annidato*/
ul.elenco_annidato {
margin:0; 
padding:0;
}

ul.elenco_annidato li{
list-style-type:none;
font-weight:bold; 
margin: 0.5em 0 0 0; 
padding:0.5em 0; 

}

ul.elenco_annidato ul {
margin:0; 
padding:0; 
list-style:none
}

ul.elenco_annidato ul li {
margin:0; 
list-style:none; 
padding: 0.25em 0; 
line-height:1.5em; 
font-weight:normal; 
background:none
}















/*elenco per uffici*/
ul.allegati{
list-style-type: none;
margin:0 0 0.5em 0; 
padding: 0;
}

ul.allegati li{

padding: 0 2.5em ; 
margin: 1em 0; 
display:block; 
line-height:2em; 
background: #eee url(../images/download.gif) 1% 50% no-repeat 
}

ul.allegati h4 {
margin:0; 
padding:0
}


/*liste*/
dl{

}

dl img{
margin:0
}

dt{ 
padding: 10px 0 0 1em; 
font-weight:bold;  
margin: 10px 0 0 0; 
background: #fff url(../images/quadro_blu.gif) 0 50% no-repeat ;
border-top:1px dotted #CCCCCC 

}

dd{
padding:0 0 0 1em; 
margin:0 0 0 0;



} 

dd:first-letter { text-transform:uppercase }

dl span{ 
display:block; 
padding: 0; 
text-align:left; 
margin:0
}

#content dl span img{
display:inline; 
margin:0; 
vertical-align:middle; 
padding:0 2px; 
border:none
}

/*liste delibere*/
dl.delibera {} 

dl.delibera img{
margin: 0
}

dl.delibera dt{ 

padding: 10px 0 0 30px; 
font-weight:bold; 
margin:1em 0 0 0; 
background: #fff url(../images/download.gif) 0 80% no-repeat;

}



.delibera dd{
padding: 0 0 0 30px; 
margin:0;
} 




/*giunta
#content dl.giunta{margin:0; width:auto; }
#content .giunta dt {margin-top:20px; font-weight:bold; color:#336699; border-bottom:1px dotted #336699 }
#content .giunta dd{padding:2px 0 2px 10px; margin:0; border:none; border-bottom:1px dotted #ccc} 

*/




/*photogallery*/

div#gallery {
width:100%
}

div#zoom{
margin:0 auto 1em auto; 
text-align:center
}

div#zoom p{
margin:0;

}

div#zoom img{
display:block; 
margin:0 auto; 
width:400px;
border:1px solid #ccc; 
padding: 2px
}

div#minipics ul{
list-style-type: none;
margin: 0 auto;
padding: 0
}
div#minipics li{
float:left;
margin:0 0.25em 0.25em 0.25em
}

div#minipics img{
display:block; 
width:80px; 
padding: 2px; 
border:1px solid #ccc
}










/*paginazione*/

ul#pagination{
width:100%;
text-align:center;
margin: 1em 0 0 0;
padding: 1em 0;
list-style: none;
}

ul#pagination li{
display: inline;
margin-right: 0.5em
}

ul#pagination a{
text-decoration: none;
border: 1px solid #000;
padding: 0.5em;
background: #fff;
color: #000
}

ul#pagination a:visited{
background: #EEE;
color: #000;
}

ul#pagination a:hover{
background: #ccc;
color: #000
}

ul#pagination li#currentpage a{
border: 1px solid #000;
background: #666;
color: #fff;
cursor: default
}