﻿body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	color: #000;
	font-size: 10pt;
	background: url(../images/bg_page.gif) repeat-x #FFF;
}

.vuoto { width: 80%; height: 10px; }

a, a:link, a:active, a:visited {
	color: #0E62A8;
	text-decoration: underline;
	font-weight: 700;
}
a:hover {
	color: #F75510;
	text-decoration: none;
}

h1 {font-size: 14pt;}

img {border: 0;}
input {font-size: 8pt;}
form {margin: 0;}

.txt_8 {font-size: 8pt;}
.txt_9 {font-size: 9pt;}
.txt_10 {font-size: 10pt;}
.txt_11 {font-size: 11pt;}
.txt_12 {font-size: 12pt;}
.txt_13 {font-size: 13pt;}
.txt_14 {font-size: 14pt;}

.c_bianco {color: #FFF;}
.c_grigio {color: #3C3C3C;}
.c_verde {color: #33741D;}
.c_rosso {color: #E50500;}
.c_blu {color: #0E61A7;}

.mr_30 {margin: 0 30px 0 0;}
.mr_15 {margin: 0 15px 0 0;}

.msgerr { color: #E50500; font-size: 11pt;}


hr {
	height: 2px;
	background-color: #DDD;
	color: #DDD;
	border: 0 solid #F7550F;
}


/*#################################################################*/
/* STRUTTURA PRINCIPALE DELLA PAGINA */
/*#################################################################*/

.container {
	width: 984px; 
	margin: 0 auto;
}

#toplogo {
	background: url(../images/bg_logo.gif) no-repeat;
	height: 85px;
}
#topbanner {
	height: 60px;
	width: 488px;
	margin-top: 12px;
	float: right;
}

#topmenu {
	height: 68px;
	padding: 18px 19px 0 17px;
	background: url(../images/bg_topmenu.gif) no-repeat;
	font-size: 1px;
}

#content {
	width: 100%;
	background: url(../images/bg_content01.gif) repeat-y #FFF;
}


/*#################################################################*/
/* ELEMENTI PRINCIPALI DEL CONTENT */
/*#################################################################*/


.colonnasx { /*COLONNA NON PIU' UTILIZZATA*/
	width: 180px; 
	background: #F00;
	float: left;
}

#bgsmallsx { 
	width: 7px;
	height: 155px;
	background: url(../images/bg_smallsx.gif);
	float: left;
}

#bgsmalldx { 
	width: 7px;
	height: 155px;
	background: url(../images/bg_smalldx.gif);
	float: right;
}

.centrale {
	width: 780px;
	/*sistema per garantire un H minima sia con IE che MOZ */
   	min-height: 300px; 
   	height: auto !important;
   	height: 300px;
   	/*fine*/
   	padding: 0 0 0 10px;
	float: left;
	background: #FFF;
}

.colonnadx {
	width: 162px;
	/*sistema per garantire un H minima sia con IE che MOZ */
   	min-height: 200px; 
   	height: auto !important;
   	height: 200px;
   	/*fine*/
   	padding: 0 0 0 8px;
	background: #FFF;
	float: left;
}

#footer {
	width: 984px; 
	height: 50px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: url(../images/bg_footer.gif) top left no-repeat #FFF;
	text-align: center;
	font-size: 8pt;
	clear: both;
}

/*#################################################################*/
/* SISTEMA TOPMENU */
/*#################################################################*/


#menucontent {
	width: 100%;
	height: 33px;
	padding: 1px;
	background: url(../images/bg_menucontent.gif) repeat-x;
}

	#menucontent #sub{
		width: 100%;
		height: 33px;
		font-size: 9pt;
		background: url(../images/bg_menucontentsub.gif) repeat-x;
	}

	#menucontent ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
	
	#menucontent li{
		display: inline;
	}

	#menucontent li a, #menucontent li a:link, #menucontent li a:active, #menucontent li a:visited {
		float: left;
		color: #FFF;
		padding: 9px 11px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#menucontent li a:hover {
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		background: transparent url(../images/bg_menucontentsub_on.gif) center center repeat-x;
	}

	#menucontent li a.select {
		float: left;
		padding: 9px 11px;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		background: transparent url(../images/bg_menucontentsub_on.gif) center center repeat-x;
	}

	#menucontent #ico {
		width: 100px;
		height: 25px;
		margin: 7px 0 0 0;
		float: right;
	}


/* MENU DI SECONDO LIVELLO ############################################*/


#menucontent_p2 {
	width: 100%;
	height: 20px;
	padding: 1px;
	background: url(../images/bg_menucontent_p2.gif) repeat-x;
}

	#menucontent_p2 #sub_p2{
		width: 100%;
		height: 20px;
		font-size: 8pt;
		background: url(../images/bg_menucontentsub_p2.gif) repeat-x;
	}

		#menu_download {
			margin-left: 64px;
		}
		#menu_online {
			margin-left: 172px;
		}
		#menu_guide {
			margin-left: 254px;
		}
		#menu_servizi {
			margin-left: 324px;
		}

	#menucontent_p2 a:visited {
		float: left;
		color: #0E61A7;
		padding: 3px 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#menucontent_p2 a:active {
		float: left;
		color: #0E61A7;
		padding: 3px 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#menucontent_p2 a:link {
		float: left;
		color: #0E61A7;
		padding: 3px 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#menucontent_p2 a {
		float: left;
		color: #0E61A7;
		padding: 3px 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#menucontent_p2 a:hover {
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		background: transparent url(../images/bg_menucontentsub_p2_on.gif) center center repeat-x;
	}

#menucontentombra_p2 {
	width: 950px;
	height: 6px;
	background: url(../images/bg_menucontentombra_p2.gif) repeat-x;
}


/*#################################################################*/
/* ELEMENTI APPARTENENTI AL CENTRALE */
/*#################################################################*/

.adsbygoogle{font-size:0px;}
.adsbygoogle ins{text-decoration:none;}

.advgoogle {
	width: 780px;
	height: 100px;
	padding: 10px 0 0 0;
	font-size: 8pt;
	background: url(../images/bg_advgoogle.gif) no-repeat #C3E1F8;
	text-align:center;
}

.bannernatale {
	width: 760px;
	height: 95px;
	padding: 50px 10px 10px 10px;
	font-size: 34pt;
	line-height: 48px;
	color: #FFF;
	font-family: "Trebuchet MS";
	background: url(../images/bg_bannernatale.jpg) no-repeat;
	text-align:right;
}

.menuarea {
	width: 170px;
	font-size: 9pt;
	color: #FFF;
	float: left;
}
.menuareahead {
	width: 160px;
	height: 25px;
	background: url(../images/bg_top_software.gif) no-repeat;
	padding: 5px 0 0 10px;
}
.menuareacenter {
	width: 160px;
	line-height: 17pt;
	text-align: left;
	background: url(../images/bg_center_software.gif) repeat-y;
}

	.menuareacenter hr {
			width: 135px;
			height: 1px;
			background-color: #FFF;
			color: #FFF;
			border: 0 solid #FFF;
			margin: 5px 0 5px 10px;
		}
		
		.menuareacenter a, .menuareacenter a:link, .menuareacenter a:active, .menuareacenter a:visited {
			width: 150px;
			padding: 1px 0 1px 10px;
			height: 16px;
			height: auto;
			/*Sistema per visualizzare l'altezza e la larghezza sia con IE che MOZ*/
			display:-moz-inline-block;
			display:-moz-inline-box;
			display:inline-block;
			/*fine*/
			color: #FFF;
			line-height: 16pt;
			text-decoration: none;
		}
		.menuareacenter a:hover {
			width: 150px;
			height: 16px;
			height: auto;
			padding: 1px 0 1px 10px;
			/*Sistema per visualizzare l'altezza e la larghezza sia con IE che MOZ*/
			display:-moz-inline-block;
			display:-moz-inline-box;
			display:inline-block;
			/*fine*/
			color: #FFF;
			text-decoration: none;
			line-height: 16pt;
			background: url("../images/bg_arrow_software.gif") right center no-repeat #4B8BE9;
		}
		
.menuareafooter {
	width: 160px;
	height: 10px;
	background: url(../images/bg_footer_software.gif) no-repeat;
}

.contentarea {
	width: 610px;
	float: left;
	background: #FFF;
}


.tbl_newsspot{
	width: 592px;
}
.tbl_newsspot td{
	background: #FFF;
	width: 33%;
	height: 90px;
	font-size: 8pt;
	background: url(../images/bg_tdnewsspot.gif) no-repeat #FFF;
}
.bg_grigio { background: #F2F2F2;}
.bg_celeste { background: #E9F5FF;}


/* Per il menu SX bottoni */

	.menuarea dl a, .menuarea dl a:link, .menuarea dl a:active dl, .menuarea a:visited {
		color: #FFF;
		text-decoration: none;
	}
	.menuarea dl a:hover {
		color: #FFF;
		text-decoration: none;
	}

	dl.b_sx_sms {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_sms.gif) no-repeat; }
	dt.b_sx_sms {font-family: Trebuchet MS; font-size: 12pt;}

	dl.b_sx_shop {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_shop.gif) no-repeat; }
	dt.b_sx_shop {font-family: Trebuchet MS; font-size: 12pt;}

	dl.b_sx_forum {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_forum.gif) no-repeat; }
	dt.b_sx_forum {font-family: Trebuchet MS; font-size: 12pt;}

	dl.b_sx_chat {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_chat.gif) no-repeat; }
	dt.b_sx_chat {font-family: Trebuchet MS; font-size: 12pt;}
	
	dl.b_sx_foto {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_foto.gif) no-repeat; }
	dt.b_sx_foto {font-family: Trebuchet MS; font-size: 12pt;}
	
	dl.b_sx_guide {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_guide.gif) no-repeat; }
	dt.b_sx_guide {font-family: Trebuchet MS; font-size: 12pt;}
	
	dl.b_sx_software {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_software.gif) no-repeat; }
	dt.b_sx_software {font-family: Trebuchet MS; font-size: 12pt;}
	
	dl.b_sx_wallpaper {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_wallpaper.gif) no-repeat; }
	dt.b_sx_wallpaper {font-family: Trebuchet MS; font-size: 12pt;}
	
	dl.b_sx_font {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_font.gif) no-repeat; }
	dt.b_sx_font {font-family: Trebuchet MS; font-size: 12pt;}
	
	dl.b_sx_ebook {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_ebook.gif) no-repeat; }
	dt.b_sx_ebook {font-family: Trebuchet MS; font-size: 12pt;}
	
	dl.b_sx_giochi {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_giochi.gif) no-repeat; }
	dt.b_sx_giochi {font-family: Trebuchet MS; font-size: 12pt;}

	dl.b_sx_servizi {width:155px; height: 33px; padding: 7px 0 0 5px; margin: 0 0 7px 0; color: #FFF; background: url(../images/bg_sx_servizi.gif) no-repeat; }
	dt.b_sx_servizi {font-family: Trebuchet MS; font-size: 12pt;}




/*#################################################################*/
/* ELEMENTI APPARTENENTI ALLA COLONNADX */
/*#################################################################*/

.gadget {
	width: 162px;
	font-size: 8pt;
	line-heigth: normal;
}

.gadgethead {
	width: 162px;
	height: 23px;
	padding: 5px 0 0 5px;
	background: url(../images/bg_gadgethead.gif) no-repeat;
}
.gadgetcenter {
	width: 162px;
	padding: 0 0 0 5px;
	background: url(../images/bg_gadgetcenter.gif) repeat-y;
}
.gadgetfooter {
	width: 162px;
	height: 20px;
	background: url(../images/bg_gadgetfooter.gif) no-repeat;
}