html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

<!-- 



body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */  color: #444;
	 /* background:url(../images/sf_body.jpg) no-repeat top center fixed #ebebeb; */

	
}


img { border:0}

.fleft { float:left}



a { text-decoration:none; color:#444444; font-weight:bold}

a:hover { color:#9b2320}

a.link1 { text-decoration:none; color:#000000; font-weight:bold; letter-spacing:1px}

a.link1:hover { color:#9b2320}


a.link2 { text-decoration:none; color:#ee7e22; font-weight:bold; letter-spacing:1px}
a.link2:hover { color: #333333}

a.linkbtn { text-decoration:none; display:block; color:#000000; font-weight:bold;}
a.linkbtn:hover { color: #1a3e00}



.text1 { color:#ce2420; font-size:12px; }

.text-small { color:#484848; font-size:11px; }
.text-normal { color:#484848; font-size:12px; }

h2 { padding:0; margin:0; font-size:16px}



#container { 
	width: 980px;
	margin: 0 auto;
	border-bottom:0;
	border-top:0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	position:relative;
	height:auto;
	min-height:100%;
	
} 


#main .sb-inner { background:#ffffff}
#main .sb-border { background:#e0e0e0}

#main {	min-height:800px; height:auto !important; height:800px; padding:60px 15px 15px 15px;  }


#main h2.percorso {  padding:0 5px; font-size:14px; position:absolute; left:8px; top:8px;  height:37px; line-height:37px; border-bottom:2px solid #CCC; width:955px }

.web { background:url(../images/bg_header_web.gif) no-repeat; }


#main h2.percorso a.a { color:#000; text-transform:uppercase}
#main h2.percorso a.b { color:#444; text-transform:capitalize}
#main h2.percorso a.c { color:#C00; text-transform:capitalize}

#header {
	height:130px;
	margin-bottom:10px;
}




/* Menu */

ul.menu {
position:absolute; top:36px; left:260px;
width:700px;
height:50px;
background:url(../images/bg-menu.png) bottom repeat-x;
list-style:none;
padding:0;
margin:0;


}


.m-sx{position:absolute; left:-5px; top:5px}
.m-dx{position:absolute; right:-5px; top:5px}


ul.menu li { 
	float:left; 
	height:50px; 
	line-height:50px; 
	color:#FFFFFF; 
	font-weight:bold; 
	letter-spacing:1px; 
	font-size:11px;
	font-family: sans-serif, Verdana, Arial, Helvetica;
	border-right:2px solid  #333; 
	min-width:75px;
	width:auto !important;
	width:75px;
	text-align:center;
	
}


ul.menu li a { text-decoration:none; display:block; color:#FFFFFF; padding:0 4px; }

ul.menu li a:hover { text-decoration:none; color:#FFFFFF; background:url(../images/bg-menu-hover.gif) center repeat-x}




		





		#ddmenu li ul.sub {	
		margin: 0;
		padding: 0;
		position: absolute;

		visibility: hidden;
		height:20px;
		padding:10px;
		background: url(../images/arw_sub_mn.png) no-repeat left #dedede;
		background-position:5px;

		
		
		}
		
		#ddmenu li ul.sub li {	
			border-right:0;
			
			
			

		}
		
		#ddmenu li ul.sub li a {
			display: block;
			color: #444; 
			font-size: 14px;
			height:20px;
			line-height:20px;
			border-right:2px solid #ccc;
			text-align:right;
			margin-top:6px
			

		}
		
		#ddmenu li ul.sub li a:hover {	
			background:none;
			color:#C00;
			
		}



.logo {position:absolute; top:10px; left:-18px}

.end_menu {position:absolute; top:36px; right:0}


#container .colsx { width:270px; height:100% !important;  float:left;    }

#container .coldx { width:680px; float:left;    }

#test #container .colsx { background:none; width:265px  }

#test #container .coldx { background:none    }

#container .colsx .box { width:250px; margin:4px 4px 8px 8px}

#container .colsx .box .top { background:url(../images/box_top.png) no-repeat bottom; width:250px; height:8px;}
#container .colsx .box .btm { background:url(../images/box_btm.png) no-repeat top; width:250px; height:8px;}

#container .colsx .box .ctr { background:url(../images/box_ctr.png) repeat-y center; width:250px;}



#portfolio {
	/*background:url(../images/bg_pg.jpg) repeat-x top;*/

	border-top:none;
	min-height:800px; height:auto !important; height:800px;


}