@charset "utf-8";
/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height:100%;
	border:none;
	font-family:Arial;
	font-size:12px;
	background:url(../images/bg.png) #DFDFDF top center repeat-y;
	}

#player { z-index:-50px!important; }

img, a img { border:none}
a { text-decoration:none; color:#000}

.clear { width:2000px; height:5px; position:relative; overflow:hidden; float:left; background-color:#00254a; margin:10px -100px; z-index:999; }
.bianco { width:100%; height:60px; position:relative; float:left; background:#FFF; margin:0; padding:0;}

#page { width:100%; height:auto; position:relative; float:left; z-index:1;}

#contenitore{ width:1024px; height:auto; overflow:hidden; position:relative; margin:0 auto; }

	#header { width:100%; height:120px; position:absolute; overflow:hidden; float:left; background:url(../images/bgheader.png) top left repeat-x; padding:10px 0 0 0; z-index:999}

	#header .logo {width:150px; height:92px; float:left; position:relative; z-index:999; margin:5px 0 0 0;} /* Logo */
	
	#header .areaClienti { float:right; width:320px; height:80px; position:absolute; top:0; right:0; background:url(../images/areaClienti.png) top left no-repeat; color:#CCC}
	#header .areaClienti table.prima { width:91%; position:relative; float:left; margin:0 0 0 6%; padding:3px 0; }
	#header .areaClienti table.seconda { width:92%; position:relative; float:left; margin:0 4%; padding:3px 0; }
	#header .areaClienti table.prima tr td.barra{ border-right:1px solid #CCC;  }
	#header .areaClienti a{color:#FFF; font-style:italic}
	#header .areaClienti h4{ margin:0 0 0 0; padding:0; width:100%; position:relative; float:left; font-size:1em;}
	#header .areaClienti ul{ margin:0; padding:0; width:100%; position:relative; float:left; list-style:none;}
	#header .areaClienti ul li a{ font-size:0.9em }
	
	#header .areaClienti input[type=text]{ width:98%; height:10px; background:#000;  border:1px solid #CCC; line-height:10px; font-size:10px}
	#header .areaClienti input[type=password]{ width:98%; height:10px; background:#000; border:1px solid #CCC; line-height:10px; font-size:10px}
	#header .areaClienti input[type=submit]{ width:auto; height:15px; background:#181818; line-height:10px; font-size:12px; color:#FFF; border:none; text-align:right; float:right; margin:5px 0 0 0;}
	#header .areaClienti input[type=submit]:hover{ background:#666; } /* Area Clienti */ 

	#header #menu-top { width:700px; height:auto; overflow:hidden; position:relative; float:right; margin:46px 0 0 0; text-align:right; }
	#header #menu-top ul{ width:100%; height:37px; overflow:hidden; position:relative; float:right; list-style:none; margin:0; padding:0;}
	#header #menu-top ul li{ width:105px; height:27px; position:relative; float:right; display:inline; padding:10px 0; margin:0 0 0 0; line-height:20px; text-align:center;   }
	#header #menu-top ul li a{ color:#fff; font-weight:bold; width:100px; margin-right:5px; text-align:center }
	#header #menu-top ul li.azzurro{width:108px!important; background:url(../images/sf_menu02.jpg) top center no-repeat}
	#header #menu-top ul li.azzurro:hover{background:url(../images/sf_menu02.jpg) top center no-repeat}
	#header #menu-top ul li.grigio {  background:url(../images/sf_menu.jpg) top center no-repeat}
	#header #menu-top ul li.grigio:hover {  background:url(../images/sf_menu_b.jpg) top center no-repeat}
	#header #menu-top ul li.verde{background:url(../images/sf_menu01.jpg) top center no-repeat} /* Menu-Top */
	#header #menu-top ul li.verde:hover{background:url(../images/sf_menu01_b.jpg) top center no-repeat} /* Menu-Top */
		
	#header .lingue { width:500px; height:auto; overflow:hidden; position:absolute; float:right; top:0; right:0; text-align:right;}
	#header .lingue ul{ width:auto; height:100%; float:right; position:relative; list-style:none}
	#header .lingue ul li{ width:auto; position:relative; float:left; padding:0 0 0 5px; display:inline}
	#header .lingue ul li a{ color:#999; text-transform:uppercase } 
	#header .lingue ul li a.active{ color:#333 } /* lingue */

	#menu-molle.homepage{ width:100%; height:0px; position:relative; float:left; background:none; margin-top:106px;  }
	#menu-molle.homepage ul{ display:none   }
	#menu-molle { width:100%; height:auto; position:relative; float:left;  margin-top:106px;   }
	#menu-molle ul{ width:100%; height:auto; position:relative; float:left; list-style:none; margin:0; padding:0; overflow:hidden!important; background:#FFF;}
	#menu-molle ul li{ width:202px; height:80px; position:relative; float:left; display:inline; padding:0; margin:0; text-align:center; line-height:50px; font-size:1.5em; background:#FFF; border-left:1px solid #CCC; border-bottom:5px solid #CCC;}
	
	#menu-molle ul li .icona{ width:auto; height:70px; position:relative; float:left; padding:0; margin:10px 0 0 0px; overflow:hidden; }
	#menu-molle ul li .icona img{ float:left; display:inline; padding:0; text-align:left; }
	#menu-molle ul li .testo{ width:130px; height:auto; position:relative; float:left; padding:0; margin:20px 0 0 0; line-height:normal; text-align:left; font-weight:bold; overflow:visible   }
	#menu-molle ul li .testo a{ color:#999  }
	#menu-molle ul li .testo strong{ width:100%; position:relative; float:left; text-align:left; color:#00254a;}
	#menu-molle ul li.active, #menu-molle ul li:hover { border-bottom:5px solid #00254a   }
	#menu-molle ul li.first{ padding-left:0px!important; background:none}
	#menu-molle ul li.first.active, #menu-molle ul li.first:hover{ padding-left:0px!important; }
	#menu-molle ul li.last{ width:210px!important; padding-right:0px!important; border-right:1px solid #CCC;} 
	#menu-molle ul li.last.active, #menu-molle ul li.last:hover{ padding-right:0px!important;  } /* menu-molle */
	/* chrome hack */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menu-molle ul li.last{ width:210px!important} 
	} /* menu molle */

	#menu-bottom { width:100%; height:90px; position:relative; float:left; margin-top:0px; }
	#menu-bottom div { width:640px; height:100px; position:relative; margin:0 auto;}
	#menu-bottom div ul{ width:600px; height:100%; position:relative; float:left; list-style:none; margin:0 20px; padding:0;}
	#menu-bottom div ul li{ width:25%; height:100px; position:relative; float:left; margin:0; padding:0;}
	#menu-bottom div ul li a{ }
	#menu-bottom div ul li a img{ border:none} /* menu bottom */

#contenuto { width:100%; height:auto; position:relative; float:left; overflow:hidden; margin-top:10px; padding-bottom:40px;}

	#contenuto .left { width:676px; height:100%; vertical-align:top; font-size:1.2em }
		#contenuto .left h1  { color:#333; font-size:1.8em}
		
		#contenuto .left .testo  { width:650px; height:auto; position:relative; float:left; margin:10px 0; color:#333} /* Testo */

		#contenuto .left .galleryAzienda { width:676px; height:auto; position:relative; float:left; overflow:hidden; margin:5px 0}
		#contenuto .left .galleryAzienda div{ width:auto; height:auto; position:relative; float:left; overflow:hidden; text-align:left; margin:0 5px 0 0 }
		#contenuto .left .galleryAzienda div.last{ margin:0 0 0 0 } /* Gallery Azienda */
		
		#contenuto .left .categoria  { width:650px; height:auto; position:relative; float:left; margin:10px 0; color:#333;  }
		#contenuto .left .categoria h2  { margin:10px!important; font-size:2.3em; font-weight:normal }
		#contenuto .left .categoria .descrizione  { margin:10px!important;   }
		#contenuto .left .categoria .immagine  { }
		#contenuto .left .categoria .allegato  { margin:10px!important; } /* Categoria */
		
		#contenuto .left .mediaplayer  { width:676px; height:auto; position:relative; float:left; margin:60px 0 0 0; background:#FFF}
		#contenuto .left .mediaplayer object{ margin:10px 80px; position:relative; float:left } /* Mediaplayer */
		
		#contenuto .left .allegati  { width:650px; height:auto; position:relative; float:left; margin:10px 0; color:#333} /* Allegati */

		#contenuto .left .form  { width:650px; height:auto; overflow:hidden; position:relative; float:left; margin:10px 0; padding:0 5px;}
		#contenuto .left .form table tr td { padding:5px 0 }
		#contenuto .left .form input[type=text] { width:99%; border:1px solid #ccc}
		#contenuto .left .form input[type=password] { width:99%; border:1px solid #ccc}
		#contenuto .left .form textarea { width:99%; height:200px; border:1px solid #ccc;} /* Form */

		#contenuto .left .form .toolbar{ width:650px; height:auto; position:relative; float:left;}
		#contenuto .left .form .toolbar .icone{ width:auto; height:auto; position:relative; float:right; margin:0 15px; text-align:center } /* Toolbar */ /* Contenuto Left */
	
	#contenuto .center { width:22px!important; height:100%; background:url(../images/bgt.png) top right no-repeat } /* Contenuto Center */
		
	#contenuto .right { width:326px; height:100%; vertical-align:top; margin-top:10px; padding-bottom:10px; margin-left:10px}
		#contenuto .right .divtop { width:318px } /* DivTop */
		#contenuto .right .divcenter { width:326px; position:relative; float:left; overflow:hidden; height:auto; padding-bottom:38px; margin-bottom:0; }
		#contenuto .right .divcenter.grigio { background:url(../images/bggrigio.png) #666 top right repeat-y;}
		#contenuto .right .divcenter.verde { background:url(../images/bgverde.png) #64a32f top right repeat-y;}
		#contenuto .right .divcenter.azzurro { background:url(../images/bgazzurro.png) #1891dc top right repeat-y; }
		#contenuto .right .divcenter.arancione { background:url(../images/bgarancione.png) #f87d25 top right repeat-y;} /* DivCenter */
		#contenuto .right .divbottom { position:absolute; bottom:0; right:0px; z-index:999 } /* DivBottom */
		
		#contenuto .right .box { width:300px; height:auto; float:left; overflow:hidden; position:relative; margin:10px 8px 15px 15px; color:#FFF; text-align:left;   }
		#contenuto .right .box h2{ width:300px; height:auto; overflow:hidden; position:relative; float:left; color:#FFF; font-size:1.4em; border-bottom:0px dotted #CCC; padding:0 0px 0 0px; margin:0 }
		#contenuto .right .box h3{ width:100%; height:auto; overflow:hidden; position:relative; float:left; color:#FFF; font-size:0.9em; margin:0 0 0px 0; padding:0;}
		#contenuto .right .box.case-study h3{ font-style:oblique }
		#contenuto .right .box strong{ width:100%; height:auto; overflow:hidden; position:relative; float:left; color:#FFF; }
		#contenuto .right .box a{ color:#FFF; } /* Box */ 
		#contenuto .right .leggi_tutto{ width:96%; height:auto; overflow:hidden; position:relative; text-align:right; color:#FFF; margin:0 auto; }
		#contenuto .right .leggi_tutto a{ color:#FFF; } /* Leggi Tutto */
		#contenuto .print{  width:auto; position:absolute; top:0; right:0;  } /* Print */
		#contenuto .right .video{  width:100%; position:relative; margin:15px auto 38px auto; float:left; color:#FFF; text-align:center;  }
		#contenuto .right .video h2{ width:100%; position:relative; margin:0 auto 15px auto; color:#FFF; font-size:1.2em; } /* Video */
		
		#contenuto .right .listaVideo  { width:100%; height:auto; min-height:340px; position:relative; float:left; margin:10px 0; overflow:hidden; }
		#contenuto .right .listaVideo  h2{ width:100%; height:auto; position:relative; float:left; margin:0; padding:0 30px; overflow:hidden; }
		#contenuto .right .listaVideo .icoVideo { width:33%; height:auto; position:relative; float:left; overflow:hidden; text-align:center; margin:15px 0 0 0; }
		#contenuto .right .listaVideo .icoVideo span{ width:100%; height:auto; position:relative; float:left; overflow:hidden; } /* Lista Video */
		
		#contenuto .right .descrizione{ padding:0 15px;  } /* Descrizione */
		#contenuto .right .tabellaRightPhotoProdotti img { border:1px solid #000} /* tabellaRightPhotoProdotti */
		#contenuto .right .buttonVideo{ margin:15px 0; width:100%; text-align:center} /* buttonVideo */
		
		.dati_contatto { width:300px; height:auto; min-height:340px; float:left; overflow:hidden; position:relative; margin:10px 8px 13px 15px; color:#FFF; text-align:left; }
		.dati_contatto a { color:#FFF; }
		.dati_contatto h2 { color:#FFF; font-size:1.4em; margin:0; padding:0; } /* Dati Contatto */
		
		#contenuto .news { width:100%; height:auto; overflow:hidden; position:relative; float:left; margin-bottom:10px}
		#contenuto .news .dotted { width:100%; height:auto; overflow:hidden; position:relative; float:left; border-bottom:1px dotted #000;}
		#contenuto .news .dotted .news_titolo { width:70%; position:relative; float:left; text-align:left; font-size:1.4em; color:#1891dc!important}
		#contenuto .news .dotted .news_titolo a { color:#1891dc!important}
		#contenuto .news .dotted .news_data { width:30%; position:relative; float:left; text-align:right}

		#contenuto .news .news_stralcio { width:100%; position:relative; float:left; text-align:left; padding:10px 0 0 0;}
		#contenuto .news .news_stralcio img { margin:10px 0 10px 10px; } /* News */ 

		#contenuto .case_study { width:100%; height:auto; overflow:hidden; position:relative; float:left; margin-bottom:40px}
		#contenuto .case_study .dotted { width:100%; height:auto; overflow:hidden; position:relative; float:left; border-bottom:1px dotted #000;}
		#contenuto .case_study .dotted .news_titolo { width:70%; position:relative; float:left; text-align:left; font-size:1.4em}
		#contenuto .case_study .dotted .news_data { width:30%; position:relative; float:left; text-align:right}

		#contenuto .case_study .case_study_stralcio { width:100%; position:relative; float:left; text-align:left; padding:10px 0 0 0;}
		#contenuto .case_study .case_study_stralcio img { margin:10px 0 10px 10px; }
		
		#contenuto .case_study a.leggi_ancora{ width:auto; position:relative; float:left; text-align:left; padding:10px 0 0 0; } /* Case Study */

		#contenuto .right .dati_aziendali{  width:95%; position:relative; margin:0 auto; color:#FFF; padding:15px 0; text-align:right } /* Dati Aziendali */
		#contenuto .right .leggi_ancora{ width:100%; position:relative; float:left; text-align:right; padding:10px 10px 0 0; font-weight:bold; font-size:1.1em;} /* Leggi Ancora */
			
		#contenuto.categorie .right { background:#FFF; color:#000!important; } /* Contenuto Right */
	
	#contenuto.home { padding-bottom:0px; }
	#contenuto.home table {    }
	#contenuto.home table tr td { text-align:left; padding:0 10px; vertical-align:top; background:url(../images/bgt_mini.png) top right no-repeat;  }
	#contenuto.home table tr td.last { background:none;  }
	#contenuto.home table tr td h1{ width:100%; padding:0; margin:20px 0 0 0; text-align:center; font-size:2.3em; color:#999; font-weight:normal }
	#contenuto.home table tr td h1 a{ font-size:18px; color: #999; font-weight:bold; }
	#contenuto.home table tr td h1 a strong{ color: #00254a; width:100%; position:relative; float:left; text-align:center }
	#contenuto.home table tr td .testo_home_cate{ width:100%; padding:0; margin:0; text-align:left; font-size:1em }
	#contenuto.home table tr td .continua_home_cate { width:80px; height:20px; position:relative; float:right; text-align:right; background:url(../images/sf_btcontinua.jpg) top left no-repeat; padding:3px 0 0 0; font-size:10px; font-weight:bold; padding-right:10px; margin:10px 0 0 0;  }
	#contenuto.home table tr td .continua_home_cate a {color:#FFF}
	#contenuto.home table tr td .immagine_home_cate{ width:100%; padding:0; margin:10px 0 0 0; text-align:center; position:relative; float:left  }
	#contenuto.home .left { text-align:left; padding-top:50px; } /* Contenuto Home */

	#contenuto.qualita .right .allegati h2{ width:235px; position:relative; margin:0 auto 15px auto; color:#FFF; font-size:1.4em; border-bottom:0px dotted #FFF }
	#contenuto.qualita .right .allegati a{ color:#FFF; position:relative; float:left; margin:10px 0; border-bottom:0px dotted #FFF; width:100%; }
	#contenuto.qualita .right .allegati a img{ float:left; margin-top:-10px } /* Contenuto Qualità */
	
	#contenuto.newsletter input[type=text]{ width:auto!important  }  /* Contenuto Newsletter */
	
	#contenuto.case .testo { margin:0; padding:0;}
	#contenuto.case .testo h2{ margin:0; padding:0;} /* Contenuto Case Study */
	
#banner-slide {width:100%; height:122px; position:relative; float:left; overflow:hidden; margin:0; }
	#banner-slide .banner{width:32%; height:122px; position:relative; float:left; overflow:hidden; text-align:center}
	#banner-slide .banner img{width:100%; }
	#banner-slide .banner.first{text-align:left; margin-right:2%; float:left}
	#banner-slide .banner.newsletter { border:0px solid #999; height:120px; text-align:left; background:#069; color:#FFF;}
	#banner-slide .banner.newsletter table{ text-align:left }
	#banner-slide .banner.newsletter table tr td{ padding:10px 5px 0px 10px  }
	#banner-slide .banner.newsletter table tr td input[type="text"]{ width:99% }
	#banner-slide .banner.newsletter table tr td strong{ font-size:1.2em   }
	#banner-slide .banner.last{ text-align:right; margin-left:2%; float:right } /* Banner Slide */
	
#footer { width:100%; height:auto; position:relative; float:left; overflow:hidden; text-align:center; margin:5px 0 } /* Footer */