body
		{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8197A7;
	margin: 6px;
	font-style: italic;
	background-color: #ffffff;
	text-align: center;
		}						
		
		
		
		/* PSEUDOCLASSI - links rispettare sempre l'ordine link visited hover active  */
		a:link {
	text-decoration: none;
	border: none;
}
		
		a:visited { text-decoration: none;
	border: none;}	
			
		a:hover, a:active
		{
	text-decoration: none;
	border: none;
		}				
		/* --------------------- */ 
		
		
		/* contenitore in alto */
		div#banner
		{
	padding: 0px;
	height: 240px;
	width: 730px;
	margin-top: 50px;
	margin-right: auto;
	border: 1px solid #000000;
	margin-left: auto;
	position: relative;

			
		}
		
			
		/* --------------------- */ 
		
				
		/* contenitore centrale esterno */
		div#container
		
				{
	height: 240px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 40px;

		}

		
		
	
		div#col_sx
		{
	float: left;
	text-align: left;
		}
		
		
	 
		div#col_dx
		{
	float: right;
	text-align: right;
		}
		
	
		
		/* colonna cemntrale*/ 
		div#col_cx
		{
		}
			p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8197A7;
	font-style: italic;
	text-align: justify;
	margin: 0px;


}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c8aa80;
	margin-bottom: 0px;
	margin-left: 6px;
	text-align: left;
	margin-top: 6px;
	font-style: italic;
	font-weight: bold;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c8aa80;
	margin-bottom: 0px;
	margin-left: 6px;
	text-align: left;
	margin-top: 6px;
	font-style: italic;
	font-weight: bold;


}
		
	#collezione{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8197a7;
	margin: 6px;
	font-style: oblique;
	text-align: left;
	position: absolute;
	left: -200px;
	top: 541px;
	right: 100px;
	bottom: auto;
	width: 768px;
	z-index: -1;
	height: 24px;
	font-weight: bold;


}
#collezione1{
	position: absolute;
	left: -87px;
	top: -17px;
	right: 100px;
	bottom: auto;
	width: 25px;
}
		
		
				
		/* --------------------- */ 
		
		
		/* div di 'rirpistino' */ 		
		#cleardiv
		{
	clear: both; /* impedisce che ai fianchi di questo elemento compaiano altri elementi con il float */
	height: 1em;
	background: #ffffff;
		}
			img{
	border: none;
}
		/* --------------------- */ 
		
		
		/*   piede    */ 
		div#footer
		{
			clear: both; /* impedisce che ai fianchi di questo elemento compaiano altri elementi con il float */
			padding: .5em 1em;
			border-top: 1px solid #8197a7; /* bordo superiore solido colore grigio */
			text-align: right;
		}
		
		div#footer ul
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8197A7;
		font-style: italic;
			
			padding: 0 60px 0 0;
			margin: 0;
			list-style-type: none; /* definisco l'aspetto del marcatore LI */
		}
		
		div#footer li
		
		{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8197A7;
		font-style: italic;
			display: inline;  /*  L'elemento viene trattato come un elemento inline */
			margin-right: 1px;
		}
   	
div#footer li a
		{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8197A7;
		font-style: italic;
		
			display: inline;  /*  L'elemento viene trattato come un elemento inline */
			margin-right: 1em;
		}
   	

	div#footer li a:hover
		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: italic;
	display: inline;
	margin-right: 1em;
	font-weight: normal;
	background-color: #c8aa80;


		}
	
		
		/* --------------------- */ 
		
    </style>