BODY {
PADDING: 0;
FONT-SIZE: 13px;
margin: 0; 
COLOR: #333;
FONT-FAMILY: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;
/*FONT-FAMILY: arial, sans-serif;*/
}

A:link, A:visited, A:active, A:hover {
color: #937951;
}

h1{ /*titolo*/
FONT-FAMILY: garamond, serif;
FONT-SIZE: 2em;
}

h2{ /*titolo*/
FONT-FAMILY: garamond, serif;
FONT-SIZE: 1.3em;
}

img{
margin-right:1em;
margin-bottom:1em;
}

.article{
padding:2em;
}


table {
PADDING: 0px;
MARGIN: 0px;
FONT-SIZE: 1em;
}

td {
/*border: 1px solid #ccc;*/
PADDING: 0px;
MARGIN: 0px;
FONT-SIZE: 1em;
}

a{
color:#00f;
}

.cella{
width:50%;
height:10%;
margin:0;
padding:2em;
border: 1px solid #ccc;
font-size:0.9em;
}

/************************************************ 
                         MENU
***********************************************/


ul.menu {
/*border: 1px solid #ccc;*/
width:width:100%;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}

ul.menu li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /*elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:26px;line-height:26px; /* altezza del link: height e line-height devono avere il medesimo valore */
text-align:center;
}

ul.menu li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu li a:link, ul.menu li a:visited {
background-color:#eee;
color: #222;
font-size:1.1em;
FONT-FAMILY: garamond, serif;
text-transform: uppercase;
} /* colori per il link */

ul.menu li a:hover, ul.menu li a:active {
background-color: #EBDFC8;
text-transform: uppercase;
font-weight:bolder;
color:#111;
font-size:1.1em;
FONT-FAMILY: garamond, serif;
} /* colori per l'effetto roll-over */


/*************************************************************************************
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com/pronet/articles/ydsf_demo.html
**************************************************************************************/


.ydsf {
  margin:1.5em;
	display: block;
	position: relative;
	margin: 40px 20px 20px 24px;
	background: url(shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 50px 10px 10px 30px;
	background: url(shadow.gif) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	background: inherit;	
}


.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -20px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -20px 0 0 -10px;
	background-position: left bottom;
}



.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -8px;
	top: -8px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -20px;
	top: -20px;
	margin: 0;
}

/*******************************************/


.note {
  background: #FFFFCC url(pin.gif) no-repeat top center;
	border: 1px solid #bbb;
	color: #444;
	padding:2em;
}

.comment {
  background: #EEE;
	border: 1px solid #bbb;
	color: #444;
	padding:1em;
}


/*********************************blocco sfondo:

http://www.vertexwerks.com/tests/sidebox/

************************************************/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	background: url(sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
}

.sidebox1 {
  margin: 0 auto; /* center for now */
	width:17em;
	background: url(sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
}


.boxhead {
	background: url(sbhead-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.jpg) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
}
.boxbody {
	background: url(sbbody-l.jpg) no-repeat bottom left;
	margin: 0;
padding: 5px 30px 31px;
}


/*********************************blocco sfondo:

http://www.vertexwerks.com/tests/sidebox/

************************************************/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.box {
	background: url(imagestyle/box_04.jpg) repeat-y right ;
/*	margin: 0 auto; */
	margin:0px;  
	width: 100%;

padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


.box_head {
	background: url(imagestyle/box_02.jpg) no-repeat top right;
	margin: 0;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;


}
.box_head h2 {
	background: url(imagestyle/box_01.jpg) no-repeat top left;
	margin: 0;
padding-top:40px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
font-size:2em;
}

.box_body {
	background: url(imagestyle/box_03.jpg) repeat-y top left;
padding-top:15px;
padding-right:25px;
padding-bottom:20px;
padding-left:25px;
  margin: 0;

font-size:1.1em;
line-height: 1.5em; 
}

.box_foot {
	background: url(imagestyle/box_06.jpg) no-repeat bottom right;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin:0;
}

.box_foot h3 {
  background: url(imagestyle/box_05.jpg) no-repeat bottom left;
line-height:0;
padding-top:15px;
padding-right:0px;
padding-bottom:25px;
padding-left:0px;
margin:0;
}


/************************************************

BLOCCO BOX MARRONE

************************************************/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.boxMarrone {
	background: url(imagestyle/marrone_br.jpg) repeat-y right ;
/*	margin: 0 auto; */
	margin:0px;  
	width: 100%;

padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


.boxMarrone_head {
	background: url(imagestyle/marrone_hr.jpg) no-repeat top right;
	margin: 0;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;


}
.boxMarrone_head h2 {
	background: url(imagestyle/marrone_hl.jpg) no-repeat top left;
	margin: 0;
padding-top:30px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
font-size:2em;
}

.boxMarrone_body {
	background: url(imagestyle/marrone_bl.jpg) repeat-y top left;
padding-top:15px;
padding-right:15px;
padding-bottom:10px;
padding-left:15px;
  margin: 0;

font-size:0.85em;
line-height: 1.5em; 
}

.boxMarrone_foot {
	background: url(imagestyle/marrone_fr.jpg) no-repeat bottom right;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin:0;
}

.boxMarrone_foot h3 {
  background: url(imagestyle/marrone_fl.jpg) no-repeat bottom left;
line-height:0;
padding-top:15px;
padding-right:0px;
padding-bottom:20px;
padding-left:0px;
margin:0;
}