html, body{height:100%; width:100%;}
BODY{
	scrollbar-face-color: #EFEFEF; scrollbar-shadow-color: #999999; 
	scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #999999; 
	scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin:0px;
}

table, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align:top;
	border-collapse:collapse;
	border:0px;
	margin:0px;
	padding:0px;
}
hr{ width:100%;
	height:1px;
	border-top: 1px dashed #FFCC00;
	border-bottom:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
	margin:2px;
	padding:0px;} 

A:link, A:visited {color: #000000; text-decoration: none}
A:hover {color: #ff0000; text-decoration: none}

/*--------------------------------------------------------------------impaginazione*/
#contenitore{width:780px;
			height:100%; margin:0 auto;}
#top{ background-image:url(../images/home/home_01.jpg);
background-repeat:no-repeat;
background-position:top right;
height:66px;
width:780px;}
/*colonna di sinistra*/

#colSx{ background-image:url(../images/verticale.gif);
		width:134px;
		background-repeat: repeat-y;}
		/*stile link colonna sinistr*/
#colSx	A:link, A:visited { color: #000000;
							text-decoration: none;}
												
#colSx A:hover {color: #FF0000;
				text-decoration: none;}
				
.box_link{ display:block;
			padding-top:30px;
			font-size: 10px;
			width:128px;
			margin-left:5px;
			margin-right:3px;}
			
.margin3{display:block;
		width:126px;
		font-size: 10px;
		margin-left: 5px;
		margin-right: 3px}

/*Colonna centrale*/
.top{	background-color:#FFFFFF;
		 background-image:url(../images/home/home_03.gif);
		 background-position:top right;
		 background-repeat:no-repeat;
		 width:486px;
		 padding-top:15px;}
#content{
		 width:443px!important;
		 margin-left: 23px;
		 margin-top: 50px;
		 margin-right:23px;
		 text-align:left!important;}
.promto{ display:block;
		 width:443px!important;}
		 
.BoxSX { display:block;
		width:210px;
		float:left;
		margin-bottom: 10px;
		margin-top: 10px;}
		
.BoxDX{ display:block;
		float:right;
		width:210px;
		margin-top: 10px;
		margin-bottom: 10px;}
		
.imgGW{ margin-left:0px; /* er 18 per entrambi */
		margin-right:0px;}
		
.bolletta { display:block;		
			width:443px!important;
			clear:both;
			margin-bottom: 15px;
			margin-top: 10px;}

.separatore{ width:100%;
			height: 1px;
			display:block;
			float:left;
			margin: 0px;
			background-color:#00FF00 }
						
#piepagina{ width:100%;
			display:block;
			float:left;
			vertical-align:bottom;
			text-align:center;
			font-size:9px;
			margin-bottom: 10px;}
/*Colonna destra*/
	
#colDX{ background-color:#EBEBEB;
		background-image:url(../images/sportellonline.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		width:160px;}
#colDXsp{ background-color:#EBEBEB;
		background-image:url(../images/grittigas.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		width:160px;}
		
#colDX img{margin:0px;
			padding:0px;
			border:0px;}
			
.margin3Dx{display:block;
		   width:154px;
		   margin-left:3px;
		   margin-right:3px;}
			
.font9{font-size:9px;}

A.prosegui:link,A.prosegui:visited{
									color:#0066CC;
									text-decoration: none; }
									
A.prosegui:hover{ text-decoration: underline;
				 
				  color:#000099; }
				  
#banner{ width: 100%;
		 text-align: center;
		 display: block;
		 margin-top: 20px;}


#promotion {
	height:255px;
	width:442px;
	background-color:transparent;
	background-image:url(../images/_promo/grittiPromoBg.png);
	background-position:-8px 0px;
	background-repeat:no-repeat;
	margin-left:23px;
	margin-top:5px;
	display:block;
}
#promotion a {
	text-decoration:none;
}
#promotion ul {
	list-style-type:none;
	height:255px;
	width:452px;
	margin:0px;
}
#promotion ul li {
	overflow:hidden;
	display:inline;
	float:left;
	width:452px;
	height:255px;
}
#promotion h2 {
	padding-left:20px;
	font-family:century gothic;
	font-size:30px;
	color:#0b469c;
	font-weight:normal;
	margin-top:15px;
	margin-bottom:2px;
	padding-top:0px;
}
#promotion h2 .big {
	font-size:60px;
}
#promotion h3 {
	padding-left:20px;
	font-family:century gothic;
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:2px;
	padding-top:0px;
}
.Risparmia {
height:255px;
width:452px;
margin:0px;
background:0px;
background-color:transparent;
background-image:url(../images/_promo/grittiPromo.png);
background-repeat:no-repeat;}
.Anni{
height:255px;
width:452px;
margin:0px;
background:0px;
background-color:transparent;
background-image:url(../images/_promo/grittiPromo.png);
background-repeat:no-repeat;
}
.Risparmia{background-position: 220px -255px;}
.Anni{background-position: 220px 0px;}

#promotion .Risparmia h2{font-size:40px;}
#viewport{
	width: 452px;
	overflow:hidden;
	position:relative;
	height:260px;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 452px; /* Defines the size of inner element */
	height: 255px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}
.clear{clear:both; font-size:0px; display:block;}
#spor-left{ width:180px; float:left; margin-right:10PX;}
#spor-right{ width:250px; float:LEFT;}
.ulSport{margin:15px; padding:0px;}
.ulSport li { text-align:justify;}
.center{ text-align: center; display:block;}
#content{margin-top:20px!important;}
