@charset "UTF-8";

/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	background-attachment: fixed;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

p {
	margin-top:8px;
	margin-bottom:5px;
	line-height: 1.8em;
}

.cancella {
	clear:both;
	visibility:hidden;
}
#contenitore {
	background-repeat: repeat-y;
	width: 922px;
	margin-top: 44px;
	margin-right: auto;
	margin-bottom: 44px;
	margin-left: auto;
}
#contenitore a {
	color: #57860E;
	text-decoration: none;
	font-weight: bold;
}
#contenitore #testata {
	background-image: url(img/topcorpo2.png);
	background-repeat: no-repeat;
	height: 299px;
	width: 922px;
	position: relative;
}

#testata #slide {
	position:absolute;
	top:110px;
	left:349px;
	width:519px;
	height:180px;
	
	display: block;
}

#contenitore #corpo {
	background-image: url(img/corpo.png);
	background-repeat: repeat-y;
}
#contenitore #piede {
	background-image: url(img/bottomcorpo.png);
	height: 32px;
}
#corpo #colonna {
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	width: 230px;
}
#corpo #contenuto {
	margin-top: 16px;
	margin-bottom: 16px;
	float:right;
	width:670px;
}
#colonna .wrapper {
	margin-left: 24px;
	background-image: url(img/bgcolonnina.png);
	
}

#contenuto .wrapper {

	margin-right: 32px;
}
#testata h1 {
	position: absolute;
	height: 60px;
	width: 230px;
	left: 54px;
	top: 44px;
	text-indent: -9000px;
	
}

#testata #menu { position: absolute; width:600px; top:0px; left:320px; }


#menu li {position:relative;
	top:40px;display:inline-block;float:left; height: 30px;}

#menu li a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	
	text-align:center;
	display:block;
	
	margin-left:12px;
	margin-right:12px;
	height: 20px;	/*border: 1px solid #FF0000;*/
	
}
#menu li a:hover {
	background-image: url(img/freccia.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}



#colonna h2 {
	background-color: #59870F;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E9EDEE;
	color: #FFFFFF;
	font-size: 16px;
}
#contenuto h2 {
	font-size: 16px;
	color: #5885D2;
	margin-bottom: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5885D2;
	padding-bottom: 2px;
	padding-top: 2px;
}
.zonaservizi {
	float: left;
	width: 159px;
}
.zonaservizi .wrapper {
	margin-left:15px;
	margin-right:16px;
}
.zonaservizi p {
	text-align: center;
	width:128px;
}

.pdf {
	background-image: url(img/serviziocivile.jpg);
	background-repeat: no-repeat;
	height: 57px;
	width: 390px;
	position: relative;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
}

#contenitore a.bando {
	float:right;
	font-size: 16px;
	vertical-align: middle;
	display: table-cell;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 18px;
	background-image: url(img/pdf.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: lighter;
}

.pdf span {
	position:absolute;
	color:#FFFFFF;
	font-weight:normal;
	font-size: 18px;
	top: 20px;
	right: 20px;
}

.piede {
	color:#333;
	font-size: 9px;
	margin-left:auto;
	width: 900px;
	margin-right: auto;
}


.piede li {
	display: inline;
	margin-right: 6px;
	margin-left: 6px;
}
.piede ul {
	margin-top: 9px;
}	


.notizia {
	padding-left: 5px;
}

.notizia h3 {
	font-size: 16px;
	color: #58870E;
	font-weight: bold;
	padding: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #58870E;
}
.notizia h5 {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: right;
}
.notizia a {
	color: #003366;
}

.pagine { margin-right:5px; float:right; margin-bottom:5px;}

.pagine li { display:block; float:left; padding-bottom:5px; }

.pagine a {
	padding: 2px;
	margin:2px;
	border: 1px solid transparent;
	display:inline;
}

.pagine a.attiva {
	color: #FFFFFF;
	background-color: #B2D648;
}

.pagine a:hover {
	border-top-color: #121F8F;
	border-right-color: #121F8F;
	border-bottom-color: #121F8F;
	border-left-color: #121F8F;
}

.contatto li {
	list-style-position:outside;
	list-style-type: disc;
	margin-left:30px;
	margin-bottom:15px;
}

.contatto .telefono {
	
	list-style-image: url(img/telefono.gif);
}


.contatto .mobile {
	
	list-style-image: url(img/mobile.gif);
}



.contatto .lettera {
		list-style-image: url(img/lettera.gif);
		line-height:18px;
}

.contatto .email {
	
	list-style-image: url(img/email.gif);
}

.contatto .cinquexmille {
	
	list-style-image: url(img/5x1000.gif);
}

.contatto .fax {
	
	list-style-image: url(img/fax.gif);
}

.contatto .skype {
		list-style-image: url(img/skype.jpg);
}

.contatto .msn {
	
	list-style-image: url(img/msn.jpg);
}

.contatto .facebook {
		list-style-image: url(img/facebook.jpg);
}

.contatto .myspace {
	
	list-style-image: url(img/myspace.jpg);
}


.contatto .contocorrente {
	
	list-style-image: url(img/contocorrente.gif);
}

#NOME { visibility:hidden; }

form .formbox {
	width: 270px;
	float:left;
}

form input, form select {
	width: 250px;
	border: 1px solid #666666;
}


form textarea {
	width: 520px;
}
form #c {
	width: 100px;
}

form #invia {
	width: 120px;
}

.banner li {
	float:left;
	margin: auto;
	margin-left:3px;
	margin-right:3px;
}

.banner li a {
	background-repeat: no-repeat;
	height: 80px;
	width: 160px;
	text-indent: -9000px;
	display: block;
}

.banner li .firefox {
	background-image: url(img/minibanner/firefox.gif);
	
}

.banner li .opera {
	background-image: url(img/minibanner/opera.gif);
	
}

.banner li .explorer {
	background-image: url(img/minibanner/explorer.gif);
	
}

.dx { float:right; }

img.dx { margin-left:10px; }

.gallerie img {
	border: 1px solid #628F15;
	}
	
.gallerie a { float: left; width: 210px; height:110px; display:block; text-align:center; }

#galleria { width:603px; }

#galleria img { 
	border: 1px solid #FFFFFF; 
	}
	
#galleria li { float:left; }
	
#galleria a {  width: 67px; height:67px; display:block; }


.piccolanotizia {
	padding-left: 8px;
	font-size:10px;
	
}

.listatag {
	padding-left: 8px;
	
	
}

.piccolanotizia h3 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top:5px;
	color: #FFFFFF;
}

#contenitore .piccolanotizia a {
	color: #fff;
	text-decoration: underline;
}

.piccolanotizia p { width:195px;}

.boxservizi { width:210px; float:left; }

.boxservizi.corto { height:250px; }
.boxservizi.lungo { height:370px; }
.boxservizi h3 {
	background-color: #5885D2;
	height: 45px;
	color: #E9EDEE;
	font-size: 12px;
	font-weight: normal;
}

.boxservizi h3 span {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contenuto .boxservizi .wrapper { margin-right:15px; }

.disco {
	list-style:disc;
}

.indietro { float:right; }

#gallery {
	position:relative;
	height:180px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
	border:1px solid #FFFFFF;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}