BODY {	/* Imposto qui padding e margin del body a zero, per eliminare lo spazio lasciato di default dal browser */
	PADDING:0;  
	MARGIN:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;  /* Imposto la famiglia di font */
	font-size:1em;			/* Dimensioni in em */
	left:0;
}


p {						
	MARGIN: 1em; 	/* Allontano il testo dal bordo */
}

HR {
	DISPLAY: none;			/*	Visualizzati solo se il browser non supporta i css, altrimenti off */
}

#testa {	
position:relative;
margin-left:0;
padding:0;
color:#FC6536;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
height:200px;
background-image:url(http://www.ilgerone.net/media/barsotti_disegno_adesivo_LOGO.jpg);
background-position:top left;
background-repeat:no-repeat;
z-index:100;
}

#testa h1 {
position:absolute;
bottom:19px;
left:7em;
border-bottom:#B7480A .1em solid;
width:auto;
}

#corpo {
	POSITION: relative;
	border: .01em #FFFFFF solid;  /*	Serve solo per explorer che  si comporta un po' da facchino in questo caso */
	visibility: inherit;
}

#corpo-colonna1 {
position:absolute;
background-color:#FFBF65;

top:-4em;
left:0;
height:80em;
PADDING-BOTTOM: 5em;    /* Sopra e sotto una riga */
PADDING-TOP: 0; 
WIDTH: 11em; 			/* Larghezza del contenuto */
}

#corpo-colonna1 ul {
position:absolute;
left:1em;
right:-4em;
}

#corpo-colonna1 li {
margin:0.5em;
border-bottom:#6E5012 solid .15em; 
border-right:#6E5012 solid .15em; 
padding:0;
background-color:#FBF9F7;
display:block;
height:3.5em;
z-index:100;
position:relative;
}

#corpo-colonna1 li a {
position:relative;
margin:0;
padding:.5em;
margin-bottom:2em;
}

#corpo-colonna1 li a:hover {
text-decoration:none;
}

a:hover, a:active {
text-decoration:underline;
color:#000033;
background-color:#FFFFFF;
}


a {
color:#4E3F27;
font-weight:bold;
text-decoration:none;
padding:0;
margin:0;
display:block;
}

#corpo-colonna2 {	/*	Posizionamento di default : static. Sarà quella che determinerà l'altezza del corpo */
position:relative;
	PADDING-RIGHT: 2%; 	/* c.s. */
	PADDING-LEFT: 2%; 
	PADDING-BOTTOM: 0; 	/* c.s. */
	PADDING-TOP: 0;  		/* c.s. */
	MARGIN: 0 0 0px 15em;  /* Faccio spazio per le due colonne laterali */
	text-align:justify;   /* Semplice scelta */
}

#piedipagina {
	PADDING-RIGHT:0; 			/* c. s. 	*/
	PADDING-LEFT:2em; 
	PADDING-BOTTOM: 1em; 		/* c. s. 	*/
	PADDING-TOP: 5em; 
text-align:center;
margin-bottom:2em;
margin-top:13em;
margin-left:15em;
}

#ricerche {
float:right;
width:15em;
}

ul {	
	list-style-type: none;  /* Semplice scelta, ma in un menu di link è meglio così */
	margin:1em;
	padding:0;
}

li {
margin:0;
padding:0;
}

.invisibile {
position:absolute;
left:-500em;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
color:#B56617;
font-size:2em;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
color:#B7480A;
font-size:2.5em;
}

.sinistra {
position:absolute;
top:10em;
	right:0;
}