/*stili per il layout fisso*/
html,body{margin: 0;padding:0; background-image: url(../images/sfondo.jpg); color: #ddd;}
body{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; text-align: center; }
div#container{width: 780px; margin: 0 auto; text-align: left; background-image: url(../images/sfondo.jpg); }

/*stili generici, su header e footer*/
div#header{color: #fff; }
h1,h2,h3{margin: 0;padding:0}
h1{font-size: large; font-weight: bold; color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 3px; border-bottom: 1px dotted #fff; margin-bottom: 5px; }
h2{color: #fff; font-size: medium; }
h3{font-size: small; font-weight: bold;}


/* inizio stili per il layout */
div#container { width:780px; margin:0 auto; text-align: justify; }
div#header{ font-size: small; }
div#content { float:right; width:497px }
div#navigation { float:left; width:283px; }
div#extra { float:left; clear:left; width:283px }
div#footer { clear:both; width:100%; font-size: x-small; color: #fff; text-align: center; }
/* fine stili per il layout */


/* stili per i link */
div#navigation a{color:#fff; font-weight: bold; text-decoration: underline; font-size: x-small; }
div#navigation a:hover{color: #ddd; }
div#header a, a:hover, a:visited { color: #fff; text-decoration: none; font-size: x-small; }
div#content a, a:visited { color: #ddd; text-decoration: underline; font-size: small; }
div#content a:hover { color: #FF9900; text-decoration: none; }
div#footer a{color: #fff; font-weight: bold; text-decoration: underline; font-size: x-small; }
table#news_table a, a:visited { color: #FF9933; text-decoration: underline; }
table#news_table a:hover { color: #FF9933; text-decoration: none; }


.nav_top {
/* 
	ATTENZIONE:
	per ottenere l'effetto della striscia di sfondo: ('height' + 'padding-top') = altezza dell'immagine di sfondo
*/
	height: 26px;
	background-image: url(../images/navtop_bg.jpg); /* probabilmente non serve questa riga se si assegna l'immagine di sfondo alla riga */
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	display: inline; 
	float: left;
	padding-top: 12px;
	text-align: center;
}

.separatore {
	height: 32px;
	vertical-align: middle;
	display: inline; 
	float: left;
	padding: 0px 3px 0px 3px;
}


.nav_bottom {
/* 
	ATTENZIONE:
	per ottenere l'effetto della striscia di sfondo: ('height' + 'padding-top') = altezza dell'immagine di sfondo
*/
	height: 24px;
	background-image: url(../images/navbottom_bg.jpg); /* probabilmente non serve questa riga se si assegna l'immagine di sfondo alla riga */
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	display: inline; 
	float: left;
	padding-top: 12px;
	text-align: center;
}

.separatore_bottom {
	height: 38px;
	vertical-align: middle;
	display: inline; 
	float: left;
	padding: 0px 8px 0px 8px;
}


div#navigation h1{
	color:#fff;
	background-color: #ff9900;
	border: 1px solid #ff0000;
	font-size: 13px; text-align: center;
	line-height: 13px;
}

.news {
	font-size: 10px;
	color: #999999;
	background-color: #fff;
}

.warning { color: #ff0000;	font-weight: bold; background-color: #ffff66; border: 1px solid #ff0000; }

.sconto { text-decoration: line-through; color: #990000; }