html, body{
margin:0;
padding:0;
font-family: "Arial", Times, serif;
text-align:center;
line-height:2em;
background-image:url(../images/background.gif);
color: #CCCCCC;
}



/* Definizione della larghezza della pagina per i vari blocchi div dello xhtml */
#menu-top, #header, #header-prodotti, #header-azienda, #header-mercati, #header-news, #header-contatti, #wrapper-content, #wrapper-footer {
	/*width: 85%;*/
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

#menu-top {
	background: white url('../images/bg02-white-right.png') no-repeat right top;
	overflow: hidden;
}

#menu-top ul {
	background: transparent url('../images/bg02-white-left.png') no-repeat left top;
	margin:0;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	padding-left: 20px;
}

#menu-top li {
	display: inline;
	float: left;
}



/*#menu-top a {
	float: left;
	background:url(../images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 8px;
	text-decoration:none;
	line-height: 1.5em;
		
}*/

#menu-top a{
	float: left;
	background:url(../images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 8px;
	text-decoration:none;
	line-height: 1.5em;
	color:#5b8fbe;
	
	
}

#menu-top a span {
	background: transparent url(../images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE non visdualizza la manina su questi link per una serie di ragioni. Questo codice vi pone rimedio*/
}

#menu-top a:hover, { 
background-position: 0% -42px;
color: #990000;
}
#menu-top a:hover span, {	
background-position: 100% -42px; 
color: #990000;
}


#wrapper-header {	background: transparent url('../images/bg.png') top center repeat-x;}
#header{ background: #eee url('../images/sfn_top_azienda.jpg') no-repeat center top; }
#header-azienda { background: #eee url('../images/sfn_top_azienda.jpg') no-repeat center top; }
#header-prodotti { background: #eee url('../images/sfn_top_prodotti.jpg') no-repeat center top; }
#header-mercati { background: #eee url('../images/sfn_top_mercati.jpg') no-repeat center top; }
#header-news{ background: #eee url('../images/sfn_top_news.jpg') no-repeat center top; }
#header-contatti { background: #eee url('../images/sfn_top_contatti.jpg') no-repeat center top; }


#wrapper-header2 { background: transparent url('../images/bg02-blue-left.png') top left no-repeat; }

#wrapper-header3 { background: transparent url('../images/bg02-blue-right.png') top right no-repeat; }




#header-azienda h1, #header-prodotti h1, #header-mercati h1, #header-news h1, #header-contatti h1{
	margin: 0px 0px 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	font-size: 130%;
	color: #003366;

}

#header h1{
	margin: 0px 0px 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}


#header-azienda h1 img, #header-prodotti h1 img, #header-mercati h1 img, #header-news h1 img, #header-contatti h1 img{
	margin: 50px 0px 0 0px;
}

#header h1 img{
	margin: 50px 0px 0 0px;
}

#wrapper-content { background: white url('../images/bg02-white-left.png') no-repeat left top; }

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('../images/bg02-white-right.png') no-repeat right top;
	padding: 5px 285px 5px 40px;
}

#centralInside {

background: transparent url('../images/logo_sfondo.gif') no-repeat center center;
text-align: justify;
	
}


#centralInside p{

text-align: justify;
line-height: 1.25em;
	
}

#centralInside h2{
	font-size: 20px;
	color: #003366;
	/*border-bottom: 2px solid #003366;*/
	margin: 10px 0;
	
}


/*Sezione centrale dei contenuti senza logo nello sfondo*/

#centralInsideNoSfn {


}

#centralInsideNoSfn p{
	color: #666666;
	line-height: 1.25em;
	text-align: justify;
}

#centralInsideNoSfn h2{
	font-size: 20px;
	color: #003366;
	/*border-bottom: 2px solid #003366;*/
	margin: 10px 0;
	
}

#centralInsideNoSfn p{
	color: #666666;
	line-height: 1.25em;
	text-align: justify;
}

#centralInsideNoSfn ul {
background-color: #003366;
margin-left: 0px;
width: 50%;
padding: 5px;
}

#centralInsideNoSfn ul li{
	/*list-style-image: url(../images/SCRITTA_PICCOLA_PDF.gif);*/
	list-style-position: inside;
	list-style-type: square;
	color: #ffffff;
	height: 18px;
	margin-bottom: 0px;
	/*text-indent: 10px;*/
	vertical-align: ;
	line-height: 18px;
	text-indent: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #ffffff;
	padding: 3px;
}

#centralInsideNoSfn ul li a{
color: White;

}

#centralInsideNoSfn ul li a:visited{
color: White;

}

#centralInsideNoSfn ul li a:hover{
color: #FF9900;

}

#centralInsideNoSfn h3{
border: 1px solid #cccccc;
text-indent: 10px;
background-color: #DADADA;
color: #666666;
}

#centralInsideNosfn img{
vertical-align: top;
margin:0;
padding: 0;
}

/*Fine sezione centrale dei contenuti senza logo nello sfondo*/

strong.logoTesto {
	color: #003366;
}

#wrapper-menu-page {
	float: right;
	width:220px;
	margin: 20px 30px 3em 2em;
	background: transparent url('../images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
	text-align: left;
	margin-left: 20px;
}

#menu-page a:link, #menu-page a:visited {
display: block;
width: 220px;
line-height: 20px;
text-decoration: none;
border: 0px solid #666666;
text-indent: 30px;
background: url("../images/bottoncino_menu_su.gif") no-repeat center left;
color: #666666;
}

#menu-page a:hover{
    background: url("../images/bottoncino_menu_giu.gif") no-repeat center left;
	 color: #990000;
	 }




#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}



#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h2 { font-size: 110%; }
h3 { font-size: 100%; }




/*a:hover{ 
color: #990000 !important; 
text-decoration: none; 
}*/

/*#menupage li#activelink a,#menupage li#activelink a:hover{
    background: url("../images/bottoncino_menu_giu.gif") no-repeat center left;
	 color: #990000;
	 }*/
	 
li.activelink {
    background: url("../images/bottoncino_menu_giu.gif") no-repeat center left;
	 text-indent: 30px;
	 color: #990000;
	 }
	 
#centralInside ul {
background-color: #003366;
margin-left: 0px;
width: 50%;
padding: 5px;
}

#centralInside ul li{
	/*list-style-image: url(../images/SCRITTA_PICCOLA_PDF.gif);*/
	list-style-position: inside;
	list-style-type: square;
	color: #ffffff;
	height: 18px;
	margin-bottom: 0px;
	/*text-indent: 10px;*/
	vertical-align: ;
	line-height: 18px;
	text-indent: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #ffffff;
	padding: 3px;
}

#centralInside ul li a{
color: White;

}

#centralInside ul li a:visited{
color: White;
}


#centralInside ul li a:hover{
color: #FF9900;
}

#centralInside h3{
border: 1px solid #cccccc;
text-indent: 10px;
background-color: #DADADA;
color: #666666;
}

#centralInside img{
vertical-align: top;
margin:0;
padding: 0;
}


#centralInside #headerContatti ul {
background-color: transparent;
margin-left: 0px;
width: 100%;
padding: 0;
color: #666666;
}

#centralInside #headerContatti ul li{
background-color: transparent;
list-style-image: url(../images/quadratino_grigio.gif);
color: #666666;
border:0;
}

#centralInside #headerContatti ul li a{
color: #5b8fbe;
background-color: transparent;
}

#centralInside ol li {
list-style:disc;
color: #003366;
text-decoration: none;
}

#centralInside ol li a {
color: #003366;
text-decoration: none;
}

#centralInside ol li a:visited {
color: #003366;
text-decoration: none;
}

#centralInside ol li a:hover {
color:#990000;
text-decoration: underline;
}





/*#############################################

		INTEGRAZIONE STILI PER NUOVO SITO

##############################################*/

html{
	overflow:scroll;
	overflow-x:hidden;
}
a.link01{
	color:#1c5e9b;
	text-decoration:underline;
}
a.link01:hover{
	color:#fff;
	text-decoration:none;
}
a.link02{
	color:#fff;
	text-decoration:none;
}
a.link02:hover{
	color:#ddd;
	text-decoration:underline;
}
a.link03{
	color:#13508a;
	text-decoration:underline;
}
a.link03:hover{
	color:#fff;
	text-decoration:none;
}
a.link04{
	color:#13508a;
	text-decoration:none;
}
a.link04:hover{
	color:#ddd;
	text-decoration:none;
}

body{
	font-family:Trebuchet MS;
}

div.contents{
	width:100%;
	background:#95999b;
	text-align:left;
	/*background-image:url(../images/background_content.gif);
	background-repeat:no-repeat;
	background-position:left top;*/
}
div.contentsDark{
	width:96%;
	background:#8e9091;
}
div.copyright{
	font-size:11px;
	width:100%;
	color:#fff;
}
div.copyrightCredits{
	float:right;
	text-align:right;
	margin-right:15px;
	margin-top:-7px;
}
div.copyrightText{
	float:left;
	text-align:left;
	margin-left:15px;
	margin-top:-7px;
}
div.head{
	width:100%;
	height:145px;
	background-image:url(../images/head_home.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
div.headImage{
	width:100%;
	height:145px;
	/*background-image:url(../images/head_home.jpg);
	background-repeat:no-repeat;
	background-position:left top;*/
}
div.headAzienda{
	width:100%;
	height:145px;
	background-image:url(../images/head_azienda.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
div.headMercati{
	width:100%;
	height:145px;
	background-image:url(../images/head_mercati.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
div.headNews{
	width:100%;
	height:145px;
	background-image:url(../images/head_news.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
div.headContatti{
	width:100%;
	height:145px;
	background-image:url(../images/head_contatti.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
div.headProdotti{
	width:100%;
	height:145px;
	background-image:url(../images/head_prodotti.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
div.logo{
	width:225px;
	float:left;
	margin-top:15px;
	margin-left:30px;
}
div.menu{
	width:36%;
	float:right;
	text-align:left;
	height:100%;
}
div.menuBox{
	width:100%;
	background:#808385;
	margin-top:5px;
	font-size:14px;
	font-weight:bold;
}
div.menuBox:hover{
	width:100%;
	background:#6a6c6e;
	margin-top:5px;
}
div.menuBox a{
	padding-left:20px;
	display:block;
}
div.menuBoxImg{
	width:115px;
	float:right;
}
div.menuBoxImg div{
	margin-top:7px;
}
div.menuBoxLoghi{
	width:100%;
	background:#808385;
	margin-top:5px;
	font-size:14px;
	font-weight:bold;
}
div.menuBoxSub{
	width:100%;
	font-size:14px;
	line-height:26px;
	padding-bottom:10px;
}
div.menuBoxSub a{
	padding-left:32px;
}
div.menuBoxText{
	width:260px;
	height:110px;
	float:left;
}
div.menuBoxText div{
	margin-top:0px;
	margin-left:10px;
}
div.menuBoxText h2{
	font-size:18px;
	text-align:left;
	color:#00519d;
	margin-top:0px;
	margin-bottom:0px;
}
div.menuBoxText p{
	font-size:12px;
	text-align:justify;
	line-height:14px;
	color:#fff;
	margin:0px;
}
div.menuTop{
	width:450px;
	height:125px;
	background-image:url(../images/menu_top.png);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	right:0%;
	text-align:left;
}
div.menuTopImg{
	padding-left:5px;
	float:left;
	margin-top:5px;
}
div.menuTopText{
	padding-left:11px;
	font-size:14px;
	float:left;
}
div.menuTopText div{
	width:75px;
	height:116px;
	text-align:center;
	cursor:pointer;
	margin-right:5px;
	float:left;
}
div.menuTopText div a{
	display:block;
	padding-top:75px;
	padding-bottom:9px;
	
}
div.menuTopText div a:hover{
	background:#6c6c6c;
	cursor:pointer;
}
div.productImages{
	text-align:center;
	word-spacing:64px;
	margin-top:40px;
	margin-bottom:40px;
}
div.text{
	float:left;
	width:64%;
	min-height:300px !important;
	background:#95999b;
	text-align:left;
}
div.textBox{
	width:100%;
	background:#899093;
	padding:10px;
	font-size:14px;
	height:130px;
}
div.top{
	width:100%;
	height:76px;
	background-image:url(../images/background_top.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
}
fieldset{
	padding:10px;
}
form{
	color:#fff;
	margin-left:30px;
	font-size:12px;
	width:90%;
}
h1{
	text-align:left;
	color:#00519d;
	font-size:20px;
	margin-left:30px;
	margin-top:10px;
}
h1 span{
	color:#fff;
	font-size:18px;
}
h2{
	margin:0px;
	background:#7a8387;
	color:#fff;
	padding-left:30px;
	font-size:16px;
}
img{
	border:solid 0px;
}
p{
	font-size:14px;
	line-height:18px;
	color:#fff;
	text-align:justify;
	padding-left:30px;
	padding-right:30px;
}
table.textBox{
	margin-left:10px;
	padding-bottom:20px;
}
td{
	vertical-align:top;
}
ul{
	color:#006699;
}
#bottone{
	 text-align:center;
	 margin-top:20px;	
	 margin-bottom:20px;	
}




/* ACCORDION NUOVO MENU SLIDE */


.arrowlistmenu{
	width: 100%; /*width of accordion menu*/
	background:#8e9091;
	margin-left:1px;
	margin-right:1px;
}
	
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size:14px;
	color: white;
	background:#808385;
	text-transform: capitalize;
	padding: 2px 0 2px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	text-align:left;
	margin-top:4px;
	margin-bottom:4px;
}
.arrowlistmenu .menuheader a { color:white; text-decoration:none }
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	/*background-image: url(titlebar-active.png);*/
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
	padding-bottom: 0px; /*bottom spacing between menu items*/
	border-bottom:solid 1px #999;
}	
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
	background: #ededed !important;
	font-weight:bold;
	font-size: 11px;
	padding: 2px 0 3px 5px;
	color:#777;
}
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
	background: #ededed !important;
	font-weight:bold;
	font-size: 11px;
	padding: 2px 0 3px 10px;
	color:#000;
}
.arrowlistmenu ul li a{
	color: #fff;
	/*background: url(arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
	display: block;
	text-align:left;
	padding-left:25px;
	padding-top:1px;
	padding-bottom:0px;
	text-decoration: none;
	font-weight: bold;
	color:#eee;
	font-weight:normal;
	font-size: 12px;
}
.arrowlistmenu ul li a:visited{ }
.arrowlistmenu ul li a:hover{ /*hover state CSS*/ background-color: #999 }
.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/ background: lightblue }