/*------------------------------------------------------------------
			BASE TEMPLATE
------------------------------------------------------------------*/
	html{
		margin:	0px;
		padding:0px;
		height: 100%;
		background-color:	#101010;
		font-family:		"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-style:	normal;
		font-variant:	normal;
		background-image: 	url(../images/realizzazione_siti_internet_novara_realizzazione_siti_internet_vercelli_sfondo_tot.png);
		background-repeat: 	repeat-x;

		font-size:	13px;
	}

	body{
		margin:	0px;
		padding:0px;
		width:100%;
	}

	a      { color: #ffffff; text-decoration:none; }
	a:hover{ color: #fefefe; }
	h3     { color: #cc0000; text-align: left; line-height:25px; }
	

/*------------------------------------------------------------------
			HEADER
------------------------------------------------------------------*/
	#top{ position: relative; top: -15px; }
	#fascetta{
		height:	23px;
		margin-bottom:	-9px;
	}
	/*------------------------------------------------------------------
				FASCETTA
	------------------------------------------------------------------*/
		ul.fascia{  
			position:	relative; 
			top:	-12px; 
			left:	-44px;
			width:	100%;
		}
		.fascia li{
			display : 	inline;
			line-height: 	23px;
			background-image:	url(../images/fettina.png);
			background-repeat: 	repeat-x; 
			border-right:	1px solid ; 
			padding-left:	45px;
			padding-right:	45px;
			padding-top:	12px;
			
		}
		.fascia li img{ border: 0px; }
		#fascetta .container{ width : 1007px;}
		.foot3 .container{ width : 1007px;}
	.news{
		position:	absolute;
		top:	84px;
		left:	50%;
		background-image:	url(../images/siti_internet_box.png);
		background-repeat: 	no-repeat;
		width:	287px;
		height:	159px; 
		padding:	13px;
		padding-top:	0px;
	}

	.news p { width : 260px;} 
	.moduletablenews h3{ line-height: 10px; color: #ff6600; font-style: italic; font-weight: normal; }

	.container_up{
		width: 100%;
		min-width: 1024px;	
		margin-top:0px;
		height: 628px;
		overflow:	hidden;
	}

	.head{	color: #ffffff; overflow:hidden;}
	
	.menu_1 ul{ position: relative; top: -106px; left: 5px;}
	.menu_1 li{ 
		display : 	inline;
		font-size:	17px;
		line-height: 	20px;
		padding-left:	16px;
		padding-right:	14px;
		border-right:	1px solid #ffffff; 
	}
	
	.menu_1 li a:hover{ color: #ff6600; }

	.menu_1 li.no_border{ border: 0px; }

	.img1{ position: relative; top: -121px; left: 20px;  width: 419px; height:  113px; }
	.img2{ position: relative; top:  11px;  left: 425px; }

	.sub1{
		height:	22px;

		position: relative;
		top:	142px;
	}
	ul#menu_sf{ position: relative; top: 105px; padding: 0px; }
	#menu_sf li{ 
		padding-top:	20px;
		height:	39px;
		width:	203px;

		float:	left;
		list-style:	none;
		text-align:	center;

		margin-right:	1px;
		background-image:	url(../images/realizzazione_siti_internet_novara_realizzazione_siti_internet_vercelli.png);
		background-repeat: 	repeat-x; 
	}
	
	#menu_sf li a{ font-size:17px; color:#666666; }
	#menu_sf li a#sf1:hover{ color:#ff6600; }
	#menu_sf li a#sf2:hover{ color:#ff6600; }
	#menu_sf li a#sf3:hover{ color:#ff6600; }
	#menu_sf li a#sf4:hover{ color:#ff6600; }
	#menu_sf li a#sf5:hover{ color:#ff6600; }

	.sub2{	
		/*background-color: #cb0000;*/ 
		color: white; 
		font-size: 14px;
		position: relative;
		top:	200px;
		height:	6px; 
	}
	.sub2  p { width: 834px; margin: auto; padding-top: 5px; padding-bottom: 5px; font-family: Helvetica,Arial,sans-serif;}


/*------------------------------------------------------------------
			PARTE CENTRALE
------------------------------------------------------------------*/
	.t_d_l, .t_d_r{ 
		z-index:	1; 
		position:	relative; 
		top:	29px;
		width: 50%;
		height:10px;
		font-family: "Verdana" , sans-serif;
		font-size : 11px;
	}

	.t_d_l{ text-align: left ; float:left ; width:50%; left: -10px; }
	.t_d_r{ text-align: right; clear:right; width:97%; margin-left: 20px; }

	.t_d_l img, .t_d_r img{  border: 0px; margin-right: 2px; }
	.t_d_l a, .t_d_r a { color: #999999; margin-right: 7px;  line-height: 16px;}

	.container_center{
		width:	100%;
		min-width: 1024px;	
		margin-top:0px;
		background-image: 	url(../images/sf_d_orang.png);
		background-repeat: 	repeat-x;
		background-color: 	#ffffff;
		min-height: 1028px;
		height:	auto;
				overflow:	hidden;
	}
	.container{
		width:	1024px;
		margin:	auto;
		margin-top:	0px;
		margin-bottom: 	50px;
	}

	.middle{
		padding-bottom:	0px;
		padding-top:	0px;
		padding-left:   6px;
		padding-right:  6px;
		min-height:	 	800px;
		width:			1024px;
		clear:			right;
		height:			100%;
		position:	relative;
		top: -15px;
	}
	
	.centre{
		min-height:	800px;
	
		padding-top:	9px;	
		padding-right:	10px;
		padding-left: 	10px;

		position: relative;
		top: 20px;
	}

	.clear{	width: 100%; clear: both; }
	.component{ z-index: 2; }

/*------------------------------------------------------------------
			FOOTER
------------------------------------------------------------------*/
	.container_down{
		width: 100%;
		min-width: 1024px;		
		
		margin-top:0px;
		height: 1100px;
		
		background-color: #ffffff;
		padding-top: 55px;

		overflow:	hidden;
	}
	.container_down_b{
		background-image: 	url(../images/sf_grigioi.png);
		background-repeat: 	repeat-x;
		background-color: 	#101010;

		height: 1168px;
		

	}
	#foot{
		width: 	99%;
		height:	305px;

		padding:10px;
		margin:	auto;
		margin-top:10px;
		
		color: #ffffff;
	
		font-size:	8pt;
	}

	/*------------------------------------------------------------------
				IMMAGINI IN FOOTER
	------------------------------------------------------------------*/
		#logo_big{ position: relative; top: -85px; z-index:2; }
		#logo_scritta{ position: relative; top: -75px; left: 10px; }
		#logo_webyou2{ position: relative; left: 251px; top: 10px; }
		
	#foot a{ color: #999999; }
	#foot img{ border: 0px; }

	.t_d_2_l, .t_d_2_r{ 
		z-index:	3; 
		position:	relative; 
		top:	-30px;
		width: 50%;
		height:10px;

		font-family: "Verdana" , sans-serif;
		font-size : 11px;
	}
	.t_d_2_l a, .t_d_2_r a{ z-index: 3; } 
	.t_d_2_l{ text-align: left ; float:left ; width: 50%; }
	.t_d_2_r{ text-align: right; clear:right; width: 990px;}

	.t_d_2_l img{ border: 0px; }
	.t_d_2_r img{ border: 0px; padding-left: 3px; }

	.desc_bottom{ 
		display: inline;
		/*background-color: orange;*/
		width:	662px;
		height:	190px;
		float:	right;
		position:	relative;
		
		top:	-20px;
	 }
	/*------------------------------------------------------------------
				DESC IN FOOTER
	------------------------------------------------------------------*/
		#owner{ position: relative; top: -90px; padding-left: 10px; }
		#descr{ position: relative; top: -90px; padding-left: 10px; }

/*------------------------------------------------------------------
			FOOTER 2
------------------------------------------------------------------*/
	#foot2{
		width: 	99%;
		min-height:	527px;
		padding-top:	20px;
		
		position:	relative;
		top:	125px;
		font-size:	8pt;
	}

	#foot2 .t_d_2_l,#foot2 .t_d_2_r,#foot2 .t_d_2_l a,#foot2 .t_d_2_r a{ top: -285px; z-index: 3;}
	#foot2 .t_d_2_l,#foot2 .t_d_2_l a{ z-index: 4;}
	#foot2 .t_d_2_l{ left:10px; }
	#foot2 .t_d_2_r{ right: -10px; }
	
	.foot_2_ul li{ 		
		float:	left;
		
	}
	.foot_2_ul ul li{ float: none;} 
	.foot_2_ul{ 	
		width:	1004px;
		display:	block;

		list-style-type:none;

		position: 	relative;
		left: 	-33px;
	}

	.foot2_1, .foot2_2, .foot2_3{ 
		height:	380px; 
		padding-top: 10px;
		position:	relative;
		top:	-284px;
		color: #ffffff;
		
		z-index: 0;
	}
	.foot2_1{ width: 301px; padding-right:0px; border-top:1px solid #ff6600; margin-right:33px;}
	.foot2_2{ width: 300px; padding-right:0px; padding-left: 0px; margin-left: 16px; margin-right:16px; border-top:1px solid #ff6600;}
	.foot2_3{ width: 301px; padding-left: 0px; border-top :1px solid #ff6600;  margin-left:33px;}

	.foot2_1_a, .foot2_2_a, .foot2_3_a{ 
		height:	380px; 
		padding-top: 10px;
		position:	relative;
		top:	-284px;
		color: #ffffff;
	}
	.foot2_1_a{ width: 301px; padding-right:0px; border-top:3px solid white; border-bottom :1px solid #ff6600; margin-right:33px; }
	.foot2_2_a{ width: 300px; padding-left: 0px; padding-right:0px; margin-left: 16px; margin-right:16px; border-top:3px solid white; border-bottom :1px solid #ff6600;}
	.foot2_3_a{ width: 301px; padding-left: 0px; border-top :3px solid white; border-bottom :1px solid #ff6600; margin-left:33px; }

	#foot2 h1 { font-size: 21px;}
/*------------------------------------------------------------------
			FOOTER 3
------------------------------------------------------------------*/
	.foot3{
		min-height:	57px;
		width:	100%;
		
		padding-top:	20px;

		background-color:	#101010;
		
	}

	.foot3 .t_d_2_l,.foot3 .t_d_2_r{ top:	-80px; }

/*------------------------------------------------------------------
			id x ancore
------------------------------------------------------------------*/
	#mid{ position: absolute; top: 14px;}

	#container1,#container2,#container3,#container4,#container5{
		width:	100%; 
		height:	392px; 
		color:	orange; 

		padding-top: 175px;
		
		z-index:	0; 
	 	position:	absolute; 
		overflow: 	hidden;
	}


	#container1,#container2,#container3,#container4,#container5{ display: none; }

	.black{ color: #ffffff; font-size:21px; }
	.orange{color: #FF6600; font-size:21px; }
	/*#container1{ z-index: -1; }
	#container3{ z-index: -3; }
	#container4{ z-index: -4; }
	#container5{ z-index: -5; }*/

	
	ul.menu li a:hover{ color: #ff6600; }

/*------------------------------------------------------------------
			FOOTER ICONE
------------------------------------------------------------------*/
	.foot3 img{ border : 0px; }
	.i_f_1, .i_f_2 , .i_f_3,  .i_f_4,  .i_f_5, .i_f_6,  .i_f_7,  .i_f_8,
	.i_f_9, .i_f_10, .i_f_11, .i_f_12,.i_f_13, .i_f_14, .i_f_15, .i_f_16
	{ margin-right: 14px;} 
	
	.i_f_1, .i_f_2 , .i_f_3,  .i_f_4,  .i_f_5, .i_f_6,  .i_f_7,  .i_f_8,
	.i_f_9, .i_f_10, .i_f_11, .i_f_12,.i_f_13, .i_f_14, .i_f_15, .i_f_16, .i_f_17
	{ background-image:	url(../images/siti_internet_loghi.png); }
	.i_f_1:hover, .i_f_2:hover, .i_f_3:hover,   .i_f_4:hover,  .i_f_5:hover,  .i_f_6:hover,  .i_f_7:hover,  .i_f_8:hover,
	.i_f_9:hover, .i_f_10:hover, .i_f_11:hover, .i_f_12:hover, .i_f_13:hover, .i_f_14:hover, .i_f_15:hover, .i_f_16:hover, .i_f_17:hover
	{ background-image:	url(../images/siti_internet_loghicolor.png); }

	.i_f_1{   background-position:	0px 0px; }
	.i_f_2{   background-position:	0px -35px; }
	.i_f_3{   background-position:	0px -70px; }
	.i_f_4{   background-position:	0px -105px; }
	.i_f_5{   background-position:	0px -139px; }
	.i_f_6{   background-position:	0px -175px; }
	.i_f_7{   background-position:	0px -210px; }
	.i_f_8{   background-position:	0px -245px; }
	.i_f_9{   background-position:	0px -280px; }
	.i_f_10{  background-position:	0px -315px; }
	.i_f_11{  background-position:	0px -366px; }
	.i_f_12{  background-position:	0px -411px; }
	.i_f_13{  background-position:	0px -452px; }
	.i_f_14{  background-position:	0px -493px; }
	.i_f_15{  background-position:	0px -534px; }
	.i_f_16{  background-position:	0px -574px; }
	.i_f_17{  background-position:	0px -609px; }
	
	.moduletablefot{ position: relative ; top : -45px; }