*      /* Setta border, padding and margin a 0 per tutti i tag */
{
padding: 0;
margin: 0;
border: 0;
}

body{
font-size:100%;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

a:link, a:visited {
color:#003366;
text-decoration:none;
}

a:hover {
text-decoration:none;
}

#maincontainer{
width: 1000px; /* larghezza contenitore */
margin: 0 auto; /* centra il contenitore */
text-align:left;
}

#topsection{
	position:relative;
	height:113px;
	background-color: #fff;
	background-image: url(im/testata_home_aLungoF.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* sfondo testata per pagine interne */
body#page1 #topsection, body#page2 #topsection {background: #fff url(im/testata_page_a.jpg) bottom left no-repeat;
height:64px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
	position:relative;
	height: 500px; /* margini della colonna centrale. Valori: "0 RightColumnWidth 0 LeftColumnWidth" */
	margin-top: 0;
	margin-right: 215px;
	margin-bottom: 0;
	margin-left: 140px;
	}

#leftcolumn{
	float: left;
	width: 160px; /* larghezza colonna di sinistra */
	height:500px;
	margin-left: -1000px; /* regola il margin come valore -(MainContainerWidth) */
	/*padding-bottom: 2em;*/
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 5px;
}

#rightcolumn{
	float: left;
	height:500px;
	width: 215px; /* larghezza colonna di destra */
	margin-left: -216px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 5px;
	margin-bottom:-20px;
}
/* per le pagine interne... */
body#page1 #rightcolumn, body#page2 #rightcolumn {background: #fff url(im/sfondodx_page.gif) top right no-repeat;}

div.footer{
	/*display: inline;*/
	padding:0px; float /**/: left;
	height: 20px;
	width: 1000px;
	background-color:#FFCC66;
	text-align: center;
	font-size:70%;
	line-height:16px;
}

/* per le pagine interne... */
<!-- body#page1 #footer {background: #fff url(im/sfondobottom_page1.gif) 128px 0 no-repeat;} -->
<!--body#page2 #footer {background: #fff url(im/sfondobottom_page2.gif) 128px 0 no-repeat;} -->

#logo {
display:block;
width:250px;
height:100px;
border:0;
}

.innertube{
	margin: 10px; /* margini div interni per ogni colonna */
	margin-top: 0;
}

.alt {
display:block;
position:absolute;
left:-10000px;
top:-10000px;
width:0;
height:0;
z-index:-1000;
}

.none {
display:none
}



/*********  CARATTERI FOOTER  *********/


/*********  INTESTAZIONI DI COLONNA  *********/


#leftcolumn h2 span {
display:block;
padding:8px 0 0 22px;
}
#contentcolumn h2 span {
position:absolute;
top:0;left:0;
display:block;
padding:9px 0 0 22px;
}

#leftcolumn h2 {
background:#ccc url(im/square_azz.gif) top left no-repeat;
height:32px;
font-size:0.9em;
font-weight:bold;
}


body#page1 #leftcolumn h2 {
background:#99FFFF url(im/xx.gif) no-repeat;
height:29px;
font-size:0.9em;
font-weight:bold;
border-bottom:3px solid #fff;
border-right:3px solid #fff;
}

body#page2 #leftcolumn h2 {
background:#3399CA url(im/xx.gif) no-repeat;
height:29px;
font-size:0.9em;
font-weight:bold;
border-bottom:3px solid #fff;
border-right:3px solid #fff;
}

#rightcolumn h2 {
height:32px;
font-size:0.9em;
font-weight:bold;
padding:8px 0 0 38px;
}



/********* MENU DI TESTATA ***********/

#topmenu {
position:absolute;
width:200px;
height:1.5em;
bottom:0;
right:0;
font-size:0.7em;
text-align:right;
margin-right:2em;
}
/* formattazione per le pagine interne con id=page */
body#page1 #rightcolumn, body#page2 #rightcolumn {position:relative}
body#page1 #rightcolumn #topmenu, body#page2 #rightcolumn #topmenu {top:8px;}
body#page1 #rightcolumn .innertube, body#page2 #rightcolumn .innertube {margin-top:46px}

#maincontainer #contentwrapper #contentcolumn .innertube {
	margin-top: 0;
	overflow: auto;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	height:460px; 
	width:550px;
}

#topmenu a:link, #topmenu a:visited, #topmenu a:active {
color:#003366;
text-decoration:none;
}

#topmenu a:hover {
color:#FF6600;
}

/********* MENU DI NAVIGAZIONE (SOLO PAGINE INTERNE) ***********/
#menunav {
	width:1000px;
	height:26px;
	background:#36679C url(im/sfondo_menubar.gif) top left no-repeat;
	text-align:right;
	font-weight: bold;
	font-size: 80%;
}
#menunav ul {list-style-type:none;margin:0;padding-top:6px;padding-right:6px;}
.finto {}
#menunav ul li {/*margin:0 -3px!important;margin:0;*/padding-left:4px;padding-right:4px;display:inline;color:#fff;text-align:left;}
#menunav ul li.attivo {font-weight:bold}
#menunav ul li.ultimo {border:0}
#menunav ul li a, #menunav ul li a:link, #menunav ul li a:visited {padding:0;margin:0;color:#fff;text-align:left;}
#menunav ul li a:hover {color:#fff;text-decoration:underline}


/********* MENU DI SEZIONE ***********/
#menucolsx {
padding-top:1em;
/*padding-right:15px;*/
width:100%;
}
#menucolsx li {
display:block;
list-style-type:none;
text-align:left;
font-size:0.75em;
font-weight:bold;
margin:0.3em 0;
padding-left:12px;
}

#menucolsx li a:link, #menucolsx li a:visited {
padding-left:11px;
background:transparent url(im/bullet.gif) 0 3px no-repeat;
text-decoration:none;
}
 
#menucolsx li a:hover {
padding-left:11px;
text-decoration:none;
background:transparent url(im/bullet_on.gif) 0 3px no-repeat;
color:#FF6600;
}

#menucolsx li.attivo span {
display:block;
margin-left:-12px;
padding-left:12px;
text-decoration:none;
background:transparent url(im/bullet_on.gif) 0 5px no-repeat;
_background:transparent url(im/bullet_on.gif) 0 2px no-repeat;
color:#FF6600;
}

/********** MENU DI SERVIZIO (COL DESTRA) *********/
#rightcolumn .innertube {
	width: 160px;
	margin-top: 3px;
	margin-right: 18px;
	margin-bottom: 36px;
	margin-left: 38px;
}

#rightcolumn .innertube p {font-size:0.7em}

#rightcolumn .innertube img, #rightcolumn .innertube img a {margin:1em 0;border:5px solid #fff;}

/*  per le pagine interne... */
body#page1 #rightcolumn .innertube img, body#page1 #rightcolumn .innertube img a,
body#page2 #rightcolumn .innertube img, body#page2 #rightcolumn .innertube img a
{margin:1em 0;border:1px solid #ccc;padding:4px}

#menucoldx {
padding-top:1em;
}
#menucoldx li {
display:block;
list-style-type:none;
font-size:0.75em;
font-weight:bold;
margin-bottom:0.5em;
}
#menucoldx li a:link, #menucoldx li a:visited {
padding-left:11px;
background:transparent url(im/bullet.gif) 0 3px no-repeat;
text-decoration:none;
}

body#page1 #menucoldx li a:link, body#page1 #menucoldx li a:visited, 
body#page2 #menucoldx li a:link, body#page2 #menucoldx li a:visited{
background:transparent url(im/bulletdx.jpg) 0 3px no-repeat;
}

#menucoldx li a:hover {
background:transparent url(im/bullet_on.gif) 0 3px no-repeat;
text-decoration:none;
color:#FF6600;
}

body#page1 #menucoldx li a:hover, body#page2 #menucoldx li a:hover{
background:transparent url(im/bulletdx_on.jpg) 0 3px no-repeat;
color:#FF6600;
}


/********** COLONNA CENTRALE *************/

/* colori link */
#contentcolumn a:link, #contentcolumn a:visited {
color:#3399CC;
text-decoration:none;
}

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

#contentcolumn .innertube {
margin-top:1em;
XXXXXXXXXXX
}

body#page1 #contentcolumn .innertube {margin-top:2em}

.newsitem {
margin: 0.5em 0.5em 0.5em 13px;
padding-bottom:0.5em;
border-bottom:2px dashed #ccc;
}

.newsitem2 {
margin: 0.5em 0.5em 0.5em 13px;
padding-bottom:0.5em;
border-bottom:0px dashed #ccc;
}

/* formattazione caratteri col centrale */
#contentcolumn p, #contentcolumn blockquote, #contentcolumn ul li, #contentcolumn ol li {font-size:0.7em;padding-left:15px;}

#contentcolumn h3 {
font-size:0.75em;
font-weight:bold;
margin:0.2em 0;
}

#contentcolumn h3 a {padding-left:15px;}

#contentcolumn h3 a, #contentcolumn h3 a:link, #contentcolumn h3 a:visited {
background: #fff url(im/freccia_off.gif) 0 50% no-repeat;
color:#003366;
}
#contentcolumn h3 a:hover {
background: #fff url(im/freccia_on.gif) 0 50% no-repeat;
color:#FF6600;
text-decoration:none;
}

/* elenchi puntati e numerati */
#contentcolumn ul {
list-style-type:square;
margin:0.5em 0.5em 0.5em 0;
}
#contentcolumn ol {margin:0.5em 0.5em 0.5em 8px;}
#contentcolumn ul li, #contentcolumn ol li {margin-left:30px;padding-left:5px;}
#contentcolumn ul.sub  {margin-left:10px;padding-left:0;font-size:120%;}

/* immagini */
#contentcolumn .innertube img {margin:0 8px 8px 0;border:1px solid #ccc;padding:4px;float:left}
#contentcolumn .innertube .piccolo {margin:0px;padding:0px;font-size:70%;float:center; }


/********** FORM *************/
form {margin-left:13px;}
fieldset {border:1px solid #ccc; margin: 0.5em 0;padding:0.5em 0;}
.fielditem {padding-left:15px;}
.buttonitem {text-align:right;margin:1em 4em 0.5em 0;}
.fielditem input, .fielditem select, .fielditem label {font-size:0.7em}
legend {font-weight:bold;color:#333333;font-size:0.8em;padding-left:15px;}
label {font-weight:bold}
.field {width:22em;border:1px solid #ccc;padding:2px;background-color:#eee}
.button {padding:0.2em;border:1px solid #ccc; background-color:#ddd;color:#000000;font-weight:bold;}

/********** BOX DIMENSIONE CARATTERI *************/
#boxcaratteri {position:absolute;top:0;left:0;width:455px;height:30px;text-align:right;background:#fff url(im/sfondo_box_caratteri.gif) top right no-repeat;}
#boxcaratteri p {font-size:0.7em;color:#666666;padding-top:0.8em}