/* CSS Document */

body{
    width: 100%;
    font-size: 12px;
	color: #333333;
	line-height: normal;   /*dimensionamento percentuale del font */
    text-align: center;   /*centra in IE 5.x */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: FFFFFF;
    }
	
A:link { 
	padding: 0px 15px 0px 2px;color: #003333;text-decoration: none;
	background: url(images/freccia-gialla.gif)  right no-repeat; }
A:visited { color: #003333;text-decoration: none;
	background: url(images/freccia-gialla.gif)  right no-repeat; }
A:hover { color: #FFCC00;text-decoration: none;background: url(images/freccia.gif)  right no-repeat; }

	div#centratura{
     width: 100%;  /*dimensionamento in em del container principale */
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: center;   /*ripristina l' allineamento*/
	background: url(images/sfo-top.jpg) top left repeat-x;
   }
   div#container{
    width: 780px;   /*dimensionamento in em del container principale */
    margin : 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
	
	background: url(images/stri-menuvert.jpg) top center repeat-y;
	 }

   
/*top-header */	
div#header{
	height:74px;
	margin:0;
	background: url(images/top.jpg);
 	background-repeat: no-repeat;
	background-position: left top;
	}
	div#headertop2{
	height:42px;
	margin:0;
	background: url(images/top2.jpg);
 	background-repeat: no-repeat;
	background-position: left top;
	
	}

div#headeright	{float:right;width: 500px;color: #ffffff;
    font-size: 11px;
	line-height:20px;
	text-align:left; 
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
}
		
	
div#top-menu {height:23px;
	margin-right:10px;
	text-align:right;
	}
		
div#top-menu ul{list-style-type: none;margin: 0;padding:0;white-space: nowrap}
div#top-menu li{display: inline;
	margin-right:10px;
	font-size: 11px;
	color:#339999;
	line-height: 23px;
	text-align:left; 
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	}
div#top-menu li a{
	padding:0 12px 0 0;
	color: #339999;
	text-decoration: none;
	background: url(images/freccia.gif)  right no-repeat;
	}
div#top-menu li a:hover{
color: #FFCC00;
background: url(images/freccia-gialla.gif)  right no-repeat;}
/*fine top-header */

h1{margin: 0;padding:3px 3px 3px 0}
h2{margin: 0;padding:3px 3px 3px 15px}
h3,h4{margin: 0;padding:0 3px 0 10px}

h1{font-size: 12px; color: #003333;}
h2{color: #666633;font-size: 10px;
	line-height:13px;
	text-align:left; 
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
	background: url(images/freccia.gif) center left no-repeat;}
h2 A:link { color: #666633;text-decoration: none }
h2 A:visited { color: #666633;text-decoration: none }
h2 A:hover { color: #993333;text-decoration: none }
	
h3{color: #ffffff;font-size: 12px;
	line-height:20px;
	text-align:left; 
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	font-variant: small-caps;
	text-decoration: none;
	background: url(images/striscia-box.jpg);
	background-repeat: y-repeat;}
	
	h4 {color: #993333;font-size: 12px;
	line-height:20px;
	text-align:left; 
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	font-variant: small-caps;
	text-decoration: none;
	border : 1px solid gray;
	background: CCCCCC;
	background: url(images/striscia-box.jpg) top left repeat-x;
	}
	
div#promozione {margin-bottom:10px;
	background: url(images/pix-acqua.gif);
 	background-repeat: y-repeat;
	}
div#promozione-lancio {padding:5px 3px 10px 15px;
	background: url(images/pix_verd-bian.gif);
 	background-repeat: y-repeat;
	}
	
div#centro{

    width: 780px;
	margin:0;
	padding:0;
	background: url(images/stri-menuvert.jpg) top center repeat-y;
	} 
	

	div#content{
    float: right;
    width: 508px;
	margin:20px 0 25px 0;
	} 
	div#content table{font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
		} 
		
/*colonna verticale MENU*/
	div#colonna{
    width: 226px;
    margin:0 0 20px 0;
	padding:20px 0 500px 0;
	background: url(images/sfo_colon.jpg) top center repeat-y;
	}
/*fine colonna verticale MENU*/
div#left-menu {
    float: right;
	width:180px;\width:182px;w\idth:180px; /*box model hack*/
	padding:0 1px 20px 0;
	font-size: 9px;
	text-align:left;
	}
		
div#left-menu ul{list-style-type: none;margin: 0;padding:0;white-space: nowrap;}
div#left-menu li{
	width: 176px;
	padding: 4px 0px 4px 0px;
	border : 1px solid gray;
	color:#003333;
	text-align:left; 
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	background: url(images/sfo-men-left.jpg) top left repeat-y;
	}
div#left-menu li a{
	padding: 0px 15px 0px 2px;
	color: #003333;
	text-decoration: none;
	background: url(images/freccia-gialla.gif)  right no-repeat;
	}
div#left-menu li a:hover{
color: #FFCC00;
background: url(images/freccia.gif)  right no-repeat;}

/*right and left del content*/
	
	div#right{
    float: right;
    width: 210px;
	margin:0px;
    } 
	div#left{
    margin-right: 220px;
    }
	div#rightbig{
    float: right;
    width: 350px;
	margin:0px;
	padding:0 5 10 5;
    } 
	div#leftattivita{
    width: 170px;
	padding: 0px 5px 0 0;
	color: #666666;
	text-align:right;
	font-variant: small-caps; 
    }
	div#leftofferta{
    width: 170px;
	color: #996633;
	text-align:right;
	font-variant: small-caps; 
    }
	div#leftpromo{
    width: 170px;
	color: #FFFF33;
	text-align:right;
	font-variant: small-caps; 
    }
	div#leftsm{
    width: 170px;
    }
/*fine right and left del content*/

	div#padding {
	padding:10px 3px 10px 10px;
	}

	div#boxes {
	margin-bottom:10px;
	padding-bottom:10px;
	border : 1px solid gray;
	background: url(images/pix_verd-bian.gif);
 	background-repeat: y-repeat;}
	
	div#boxesbig {
	font-variant: small-caps;
	margin-bottom:10px;
	border : 1px solid gray;
	padding: 2px 2px 2px 10px;
	background-color:#CCCC33;}
	
	div#boxessm {
	color: #CCCC33;
	font-variant: small-caps;
	text-align:center;
	margin-bottom:10px;
	padding: 2px 2px 2px 10px;
	border : 1px solid gray;
	background-color:#666633;
	}

div#boxes img{margin: 8px}

div#boxes ul{margin: 0 0 0 25px;padding: 0;}
	div#boxes li a:hover{color:#06F}
	div#boxes li{padding: 10px 10px 10px 5px;}

	
	
	div#footer{clear:right;margin:5px 0;padding:0;}


	
	.sotto{
	margin:0;
	padding:0;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	}
	.bottoni {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}


.testoforte {
	margin:0;
	padding:0;
	color: #333333;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}