body {
 	font: 12px Verdana, sans-serif;
 	margin: 0 auto;
  	text-align:left;
  	  	background-image: url("http://www.quotazioneautousate.com/immagini/struttura/bg.png");
	background-repeat: repeat-x;
	background-attachment: fixed;	margin-bottom:15px;
	margin-top: 15px;
	}
	
a  {	color: #CC3201;
	text-decoration:none;
	}

img {border: none;}

h1 {	margin: 0 0 20px 0;
	font-weight:normal;
	font-size: 24px;
	color: #CC3201;
	}

h2 {
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight:normal;
	margin:0 0 15px 0;
	line-height: 1.3em;
	color:#4b4b4b;
	}
	
h3 {
	font-size: 26px;
	margin:10px 0 10px 0;
	color: #444444;
	font-weight:normal;

	}

h4 {
	font-size: 13px;
	font-weight:normal;
	margin:10px 0 30px 0;
	color:#333332;
	}

h5 {
	font: 12px Verdana, sans-serif;
	font-weight:bold;
	}

p	{
	margin-bottom:18px;
	margin-top:18px;
	}
p a  {	color: #111;	text-decoration:none;}
p a:hover  { text-decoration: underline; 	}

#cleartop{	height:150px; /*mettere 2 px (X I BORDI SE CI SONO) pił del top height e del margin top*/
	}
	
.allinea {clear: both;	margin:10px;}


div.principale {
	margin: 0 auto;
	padding:18px;
	width: 960px;
  	background-image: url("http://www.quotazioneautousate.com/immagini/struttura/pixel-bianco.jpg");
	}

div.principale a  { text-decoration: none; color: #CC3201;	}

div.principale a:hover  { text-decoration: underline; 	}

div.top {
	position:absolute;
	top:0;
	margin: 0 auto;
	margin-top: 30px;
	width: 960px;
	height:155px; /* vedi cleartop e metterci 2 px + di questo per i bordi ed eventuale margin o padding top*/
  	background-image: url("http://www.quotazioneautousate.com/immagini/struttura/pixel-bianco.jpg");
	}

div.top_dx {
	float:right; 
	text-align:right; 
	width:460px; 
	height:92px;
	line-height:150px;
	}
	
div.top_dx img {
	margin-left:10px;
	border: 1px solid #333; padding: 10px; 
	}
	
div.top_dx img:hover {
	background:#CC3202;
	}
	

div.logo {
	height:94px; 
	width: 494px;
	margin-bottom:10px; 
	float:left;
	}


div.barretta {
	height: 30px;
	clear: both;
	padding-top: 10px;
  	background:#333333;
	text-align: center;
	color: #f1f2f3;
	font: 16px arial, verdana, sans-serif;
	font-weight:bold;
	}

div.dx-home {
	float:right;
	width:300px;
	height:250px;
	clear: right;
	margin: 10px 20px 25px 0;
	background:#f1f1f1;
  	border: 1px solid #ddd;
  	padding-top: 15px;

	}

div.sx-home {
	float:left;
	clear: left;
	margin: 10px 0 25px 0;
  	width:615px;
  	height:250px;
  	background:#f1f1f1;
  	 border: 1px solid #ddd;
  	 padding-top: 15px;

	}
div.sx-home a {
	color: #444444;
	}





div.fine {
	margin: 30px 0 20px 0;
	
	height: 30px;
	clear: both;
	padding: 0;
	text-align: center;
	width:100%;
	background: #363636 url(http://www.quotazioneautousate.com/immagini/menu/barra.png)
	
	}
div.finec {
	float:center; 
	background: #363636 url(http://www.quotazioneautousate.com/immagini/menu/barra.png)
	}
	
ul#menu-fine{	font:13px Arial,sans-serif; color:#333;float: right;width: 100%;color: #DDD; background: #363636 url(http://www.quotazioneautousate.com/immagini/menu/barra.png)}
#menu-fine,#menu-fine li{margin: 0;padding: 0;list-style-type: none}
#menu-fine li,#menu-fine a, #menu-fine span{float: left;height: 35px;line-height: 35px}
#menu-fine a{text-decoration: none;color: #DDD;padding-left: 15px}
#menu-fine span{padding-right: 15px;cursor: pointer}
#menu-fine a:hover{background: url(http://www.quotazioneautousate.com/immagini/menu/pulsante.png) top left;color: #EEE}
#menu-fine a:hover span{background: url(http://www.quotazioneautousate.com/immagini/menu/pulsante.png) top right}
#menu-fine #current a{background: url(http://www.quotazioneautousate.com/immagini/menu/pulsante.png) bottom left;color: #FFF}
#menu-fine #current span{background: url(http://www.quotazioneautousate.com/immagini/menu/pulsante.png) bottom right}


 
  
  div.t300t { width: 300px; height:310px; padding-bottom: 10px; margin-top:20px; margin-right: 20px; background: url("http://www.quotazioneautousate.com/immagini/sfondo_tondo.png") no-repeat left bottom; float: left;
	clear: right;
}
div.t300t .inner { width:90%; padding: 15px 15px 0 15px;
			background: url("http://www.quotazioneautousate.com/immagini/sfondo_tondo.png") no-repeat 0 0; overflow: hidden; }



div.barretta2 {
	height: 35px;
	width:100%;
	clear: both;
	background: #363636 url(http://www.quotazioneautousate.com/immagini/menu/barra.png)
	
	}
div.barretta2c {
	float:right; width:630px;
	background: #363636 url(http://www.quotazioneautousate.com/immagini/menu/barra.png)

		}

 	
ul#menu{	font:17px Arial,sans-serif; color:#333;float: right;width: 100%;color: #DDD; background: #363636 url(http://www.quotazioneautousate.com/immagini/menu/barra.png)}
#menu,#menu li{margin: 0;padding: 0;list-style-type: none}
#menu li,#menu a, #menu span{float: left;height: 35px;line-height: 35px}
#menu a{text-decoration: none;color: #DDD;padding-left: 15px}
#menu span{padding-right: 15px;cursor: pointer}
#menu a:hover{background: url(http://www.quotazioneautousate.com/immagini/menu/pulsante.png) top left;color: #EEE}
#menu a:hover span{background: url(http://www.quotazioneautousate.com/immagini/menu/pulsante.png) top right}
#menu #current a{background: url(http://www.quotazioneautousate.com/immagini/menu/pulsante.png) bottom left;color: #FFF}
#menu #current span{background: url(http://www.quotazioneautousate.com/immagini/menu/pulsante.png) bottom right}