body      { background: #97aec1 url(image/bg_body.jpg) repeat-x; margin: 10pt 0 0 }

/* ---------------------------------macrostruttura */

.testata   { background-image: url(image/bg_cornice.gif); padding: 5pt; position: relative }
.txt  { color: black; font-size: 7pt; font-family: Verdana; line-height: 12pt; text-align: justify }
.container {
	position:relative;
	width:875px;
	margin:0px auto 30px auto;
}





.sin_home {
position:absolute;
width:245px;
top:10px;
left:5px;
}

.des_home {
position:relative;
width:434px;
padding-left:4px;
border-left:1px dashed #ccc;
margin:0px 0px 5px auto;
}

.des {
position:absolute;
width:242px;
left:446px;
top:10px;
}

.sin {
position:relative;
width:429px;
padding-right:6px;
border-right:1px dashed #ccc;
margin:0px auto 5px 0px;
min-height:560px;
height:auto!important;
height:560px;
}

/* Con quest'altra sistemazione le colonne si seguono in altezza, ma va messo un br clear all  in fono alla pagina articolo e spostati allegati e links sotto SIN
.des {
position:absolute;
width:245px;
top:10px;
right:5px;
}

.sin {
position:relative;
width:429px;
padding-right:4px;
border-right:1px dashed #ccc;
margin:0px auto 5px 0px;
min-height:560px;
height:auto!important;
height:560px;
}
*/













/* --------------------------------- stili comuni */

.campi {
	border:1px solid #aaa;
	background-color:#fff;
	margin-right:6px;
	margin-top:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	padding: 1px;
}





form {
margin:0px;
}


/* ------------------------------------- testata */

.logo {
	position:absolute;
	left:0px;
	bottom:0px;
	border:3px solid #C4C4C4;
	width:158px;
	padding:3px;
	background-color:#FFFFFF;
	bottom:1px;
}

#flash {
	position:absolute;
	top:0px;
	right:0px;
	width:688px;
	height:188px;
	border-top:3px solid #C4C4C4;
	border-left:3px solid #C4C4C4;
	border-right:3px solid #C4C4C4;
	border-bottom:0px solid #C4C4C4;
	padding:3px;
	background-color:#FFFFFF;
}


/* ------------------------------- colonna sinistra */



.menu       { color: #c00; font-size: 10pt; font-family: "Trebuchet MS"; font-weight: 700; padding: 3px }


a:link  { color: #c00; text-decoration: none }
a:hover  { color: #c00; text-decoration: underline }
a:visited   { color: #c00; text-decoration: none }
a:active  { color: #c00; text-decoration: underline }
.news {
position:relative;
overflow:hidden;
border:1px solid #ccc;
}








.banners {
margin-top:5px;
margin-bottom:5px;
position:relative;
border-top:1px dashed #ccc;
padding-top:4px;
}

/* ------------------------------- area contenuti */




.sin h1 {
	display:block;
	color:#4C678B;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:7px;
	margin:20px 10px 15px 3px;
}






.sin h2 a:link, .sin h2 a:visited {
	color:#4C678B;
	text-decoration:none;
	display:block;
}

.sin h2 a:hover {
color:#0099FF;
}
.grassetti {
	color:#8E7100;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.grassetti2 {
	color:#4C678B;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left: 5px;
}



hr {
	border-top: 1px dashed rgb(200, 200, 200);
	border-bottom: 0px dashed rgb(200, 200, 200);
	border-left: 0px dashed rgb(200, 200, 200));
	border-right: 0px dashed rgb(200, 200, 200);
	color:#666666;
	background-color: rgb(250, 250, 250);
	height: 1px;
	width: 100%;
}

.angolo {
	position:absolute;
	bottom:26px;
	right:4px;

}




.articolo a:link, .articolo a:visited {
text-decoration:none;
color:#006699;
}






.colonnalink {

	position:absolute;

	top: 4px;

	left:619px;

	width:142px;

}




.articolo p {
margin:20px 0px 20px 0px;

}

.articolo h1 {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4C678B;
	margin:0px 0px 30px 0px;
	line-height:20px;
}

.immagini {
	position:relative;
	width:200px;
	border:1px solid #ccc;
	margin:5px auto 5px auto;
	padding:3px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
}