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

body, html
{
	padding:0;
	margin:0;
	background:#c1c1c1;
	width:100%;
	height:100%;
}

img {
	margin:0px;
	padding:0px;
	border: 0;
}


.boxHome01 {
	background-color:#7cc0d2;
	margin: 9px 9px 0 20px;
	width: 680px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 21px;
	font-size:21px;
	color: #FFFFFF;
	text-align:left;
	font-weight: lighter;
	display:inline;	
}


.boxHome01 h1 { display: block; margin:0; padding:0; }
.boxHome01 h1 strong { display: none;  }


.boxHome02 {
	background-color:#bab5b0;
	margin: 9px 9px 0 0;
	width: 131px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 21px;
	font-size:21px;
	color: #FFFFFF;
	text-align:left;
	font-weight: lighter;
	display:inline;	
}
.boxHomeSx {
	margin: 24px 9px 0 20px;
	width: 298px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 13px;
	font-size:11px;
	color: #333333;
	text-align:left;
	font-weight: lighter;
	display:inline;	
}

.boxHomeSx h1 {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 13px;
	font-size:22px;
	color: #333333;
	margin: 2px 0 11px 0;
	font-weight: lighter;
	padding: 0;
}


.link {
    color:#333333; 
	text-decoration: none;
}

.riga {
	height:1px;
	width:298px;
	background-image: url(../images/riga_puntini.gif);
	background-repeat: repeat-x;
	margin-bottom:10px;
	margin-top:10px;	

}


.boxHomeDx {
	margin: 15px 9px 0 41px;
	width: 608px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 13px;
	font-size:11px;
	color: #333333;
	text-align:left;
	display:inline;	
}


.boxHomeDx h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:58px;
	color: #acacac;
	margin: 0;
	padding: 0;
	font-weight: lighter;
}

.boxHomeDx h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:22px;
	color: #acacac;
	margin: 0;
	padding: 20px 0 10px 0;
	font-weight: lighter;
}



/* menu foooter */


.menu { display: none; }

#navigator {
	width: 1000px;
	height: 10px;
	float: left;
	position: relative;
	margin: 21px 0 0 0;
	}
	
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#nav li a { display: block; height: 10px; float:left; }

ul#nav li.biofarma a {
	width: 50px;
	background-image: url(../images/menu_footer/biofarma_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#nav li.biofarma a:hover, ul#nav li.biofarma a.active {
	background-image: url(../images/menu_footer/biofarma_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }
ul#nav li.cosmesi a {
	width: 52px;
	background-image: url(../images/menu_footer/cosmesi_off.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
ul#nav li.cosmesi a:hover, ul#nav li.cosmesi a.active {
	background-image: url(../images/menu_footer/cosmesi_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }

ul#nav li.integratori a {
	width: 61px;
	background-image: url(../images/menu_footer/integratori_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#nav li.integratori a:hover, ul#nav li.integratori a.active {
	background-image: url(../images/menu_footer/integratori_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }
	 
ul#nav li.packaging a {
	width: 61px;
	background-image: url(../images/menu_footer/packaging_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#nav li.packaging a:hover, ul#nav li.packaging a.active {
	background-image: url(../images/menu_footer/packaging_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }

ul#nav li.contatti a {
	width: 49px;
	background-image: url(../images/menu_footer/contatti_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#nav li.contatti a:hover, ul#nav li.contatti a.active {
	background-image: url(../images/menu_footer/contatti_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }

ul#nav li.home a {
	width: 33px;
	background-image: url(../images/menu_footer/home_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#nav li.home a:hover, ul#nav li.home a.active {
	background-image: url(../images/menu_footer/home_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }




ul#nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

ul#nav li.over ul { display: block; }





/* pagina interna */
.boxDx {
	margin: 30px 9px 0 41px;
	width: 608px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 13px;
	font-size:11px;
	color: #333333;
	text-align:left;
	display:inline;	
}
.boxSx {
	margin: 33px 9px 0 20px;
	width: 245px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 13px;
	font-size:11px;
	color: #333333;
	text-align:left;
	font-weight: lighter;
	position:relative;
}


.boxTitolo { 
    font-size:58px; 
	line-height:49px; 
	color:#acacac;

}

.boxSottoTitolo {
	 font-size:22px; 
	 line-height:22px; 
	 color:#acacac; 
	 margin-top:10px;
	 margin-left:2px;

}

.testo {
	 font-size:13px;
	 line-height:20px; 
	 color:#303030; 
	 margin-bottom:26px;
	 margin-top:5px;
	 margin-left:3px;


}



/* menu principale */


.menuP { display: none; }

#navigatorP {
	width: 1000px;
	height: 13px;
	float: left;
	position: relative;
	padding: 0 0 6px 0;
	}
	
ul#navP {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#navP li a { display: block; height: 13px; float:left; }

ul#navP li.biofarmaP a {
	width: 63px;
	background-image: url(../images/menu_principale/biofarma_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navP li.biofarmaP a:hover, ul#navP li.biofarmaP a.activep {
	background-image: url(../images/menu_principale/biofarma_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }
ul#navP li.cosmesiP a {
	width: 68px;
	background-image: url(../images/menu_principale/cosmesi_off.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
ul#navP li.cosmesiP a:hover, ul#navP li.cosmesiP a.activep {
	background-image: url(../images/menu_principale/cosmesi_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }

ul#navP li.integratoriP a {
	width: 79px;
	background-image: url(../images/menu_principale/integratori_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navP li.integratoriP a:hover, ul#navP li.integratoriP a.activep {
	background-image: url(../images/menu_principale/integratori_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }
	 
ul#navP li.packagingP a {
	width: 80px;
	background-image: url(../images/menu_principale/packaging_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navP li.packagingP a:hover, ul#navP li.packagingP a.activep {
	background-image: url(../images/menu_principale/packaging_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }

ul#navP li.contattiP a {
	width: 63px;
	background-image: url(../images/menu_principale/contatti_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navP li.contattiP a:hover, ul#navP li.contattiP a.activep {
	background-image: url(../images/menu_principale/contatti_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }

ul#navP li.homeP a {
	width: 44px;
	background-image: url(../images/menu_principale/home_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navP li.homeP a:hover, ul#navP li.homeP a.activep {
	background-image: url(../images/menu_principale/home_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }


ul#navP li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

ul#navP li.over ul { display: block; }




/* sotto menu */


.menuS { display: none; }

#navigatorS {
	width: 960px;
	height: 21px;
	float: left;
	display: inline;
	padding: 0;
	background:#303030;
	}
	
ul#navS {
	margin: 0 0 0 12px;
	padding: 0;
	list-style: none;
	
	}

ul#navS li a { display: block; height: 21px; float:left; }

ul#navS li.servizio a {
	width: 102px;
	background-image: url(../images/sotto_menu/servizio_completo_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navS li.servizio a:hover, ul#navS li.servizio a.actives {
	background-image: url(../images/sotto_menu/servizio_completo_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }
	 
ul#navS li.produzione a {
	width: 75px;
	background-image: url(../images/sotto_menu/produzione_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navS li.produzione a:hover, ul#navS li.produzione a.actives {
	background-image: url(../images/sotto_menu/produzione_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }

ul#navS li.logistica a {
	width: 64px;
	background-image: url(../images/sotto_menu/logistica_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navS li.logistica a:hover, ul#navS li.logistica a.actives {
	background-image: url(../images/sotto_menu/logistica_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }
ul#navS li.competenza a {
	width: 81px;
	background-image: url(../images/sotto_menu/competenza_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navS li.competenza a:hover, ul#navS li.competenza a.actives {
	background-image: url(../images/sotto_menu/competenza_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }
ul#navS li.sensibilita a {
	width: 41px;
	background-image: url(../images/sotto_menu/sede_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navS li.sensibilita a:hover, ul#navS li.sensibilita a.actives {
	background-image: url(../images/sotto_menu/sede_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }
ul#navS li.qualita a {
	width: 44px;
	background-image: url(../images/sotto_menu/qualita_off.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#navS li.qualita a:hover, ul#navS li.qualita a.actives {
	background-image: url(../images/sotto_menu/qualita_on.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	 }

ul#navS li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

ul#navS li.over ul { display: block; }