/* CSS Document */
html {}
body { background-color:#1A171B; text-align:center; margin:0px; font-family:"Verdana", Arial, Helvetica, Sans-serif;font-size:10px ;}
#pagina { width:1000px; margin:20px auto; text-align:left; }
#header {background-image:url(../img/sfondo_header.gif); background-repeat:repeat-x; height:66px; position:relative}
	#header img.logo { position:absolute; left:20px; top:18px}
	#header #selettore_lingua { position:absolute; right:16px; top:12px}
	#header #selettore_lingua ul { padding:0px; list-style-type:none; margin:0px}
	#header #selettore_lingua ul li { float:left; margin-left:8px}
	#header #selettore_lingua ul a { color:#FFFFFF; text-decoration:none}
	#header #selettore_lingua ul a.acceso { color:#FFFFFF; text-decoration:none; font-weight:bold}

.tondino { height:7px; display:block; clear:both}
	.up { background-image:url(../img/tondino_up.gif); background-repeat:no-repeat}
	.dw { background-image:url(../img/tondino_dw.gif); background-repeat:no-repeat}

#menu_principale { height:20px; background-image:url(../img/sfondo_menu.gif); background-repeat:repeat-x; }
	#menu_principale  ul {  margin:0px 18px; display:block ; padding:0px; white-space:nowrap}
		#menu_principale  li {  margin:0px 0px 0px 0px; float:left; display:block; text-transform:lowercase; height:100%}
			#menu_principale a { color:#D9D9D9; text-decoration:none; margin:0px; font-size:11px; display:block; line-height:16px; height:20px; padding:0px 7px; outline:none; _width:10px}
			#menu_principale a:hover {color:#FFF; background-image:url(../img/sfondo_voce_accesa.gif); background-repeat:repeat-x;}
			#menu_principale a.acceso { font-weight:bold; color:#FFF; background-image:url(../img/sfondo_voce_accesa.gif); background-repeat:repeat-x }

#main { height:364px; position:relative; background-color:#FFFFFF; overflow:hidden}
	#main .immagine { height:100%}
	#main .immagine .sfondostart{ position:absolute}
	#main .headline { position:absolute; bottom:20px; font-family:"Trebuchet MS"; left:30px}
	#main .headline h1 { margin:0px; font-size:30px;}
	#main .chiaro { color:#CBCED0}
	#main .scuro { color:#545D64}
	#main #fisar { overflow:hidden; height:100%; position:absolute}
	#main #fisar .interruttore { float:left; display:block; height:100%; width:78px; background-color:#CCCCCC; margin:0px; position:relative; cursor:pointer; outline:none; border-right:0px none #999}
	#main #fisar .interruttore:hover { background-color:#999}
	#main #fisar .interruttore img { position:absolute; bottom:10px; right:10px}
	#main #fisar .interruttore_aperto { float:left; display:block; height:100%; width:78px; background-color:#666; margin:0px;}
	#main #fisar .pannello { float:left; display:block; height:100%; position:relative; background-color:#FFF; text-align:right}
	#main #fisar .pannello .fascetta { position:absolute; left:-10px; top:0px; height:364px; width:53px; padding-left:10px; background-position:10px 50%; background-repeat:no-repeat; z-index:9}
	#main #fisar .pannello .fascetta img {position:absolute;}
	
	#main #fisar .pannello .drain_body img{ left:0px; top:80px}
	#main #fisar .pannello .drain_body { background-image:url(../img/sfondino_drain_body.jpg)}
	
	#main #fisar .pannello .antiageing img{ left:0px; top:80px}
	#main #fisar .pannello .antiageing { background-image:url(../img/sfondino_antiageing.jpg)}
	
	#main #fisar .pannello .adi_tonic img{ left:0px; top:70px}
	#main #fisar .pannello .adi_tonic { background-image:url(../img/sfondino_adi_tonic.jpg)}
	
	#main #fisar .pannello .purifying img{ left:0px; top:100px}
	#main #fisar .pannello .purifying { background-image:url(../img/sfondino_purifying.jpg)}
	
	#main #fisar .pannello .whitening img{ left:0px; top:80px}
	#main #fisar .pannello .whitening { background-image:url(../img/sfondino_whitening.jpg)}

	#main #fisar .pannello .riepitel img{ left:0px; top:100px}
	#main #fisar .pannello .riepitel { background-image:url(../img/sfondino_riepitel.jpg)}
	
	#main #fisar .pannello .eyes_lips img{ left:0px; top:100px}
	#main #fisar .pannello .eyes_lips { background-image:url(../img/sfondino_eyes_lips.jpg)}
	
	#main #fisar .pannello .hydro_scrub img{ left:0px; top:80px}
	#main #fisar .pannello .hydro_scrub { background-image:url(../img/sfondino_hydro_scrub.jpg)}
	
	#main #fisar .pannello .antiageing_body img{ left:0px; top:80px}
	#main #fisar .pannello .antiageing_body { background-image:url(../img/sfondino_antiageing_body.jpg)}
	
	#main #fisar .pannello img.sfondo {}
	#main #fisar .pannello div.contents { position:absolute; top:0px; left:0px; padding:20px 20px 20px 73px;}
	#main #fisar .pannello div.contents  h1 { font-family:"Trebuchet MS"; font-size:24px; margin:0px}

	
	
.lower { background-image:url(../img/sfondo_lower.gif); background-repeat:repeat-x; background-color:#1A171B; font-size:1.1em; color:#CCC}
	.colonna_sx { width:50%; float:left; display:inline}
	.colonna_sx .content { margin:20px 65px 20px 30px}
	.colonna_sx .content p { text-align:justify}
	.content img.sinistra { float:left; display:inline; margin:5px 5px 5px 0px}

	.colonna_dx { width:50%; float:left; display:inline; position:relative}
	.colonna_dx .content { margin:20px 30px 20px 17px}
		
		ul.sottomenu { list-style-type:none; margin:0px; padding:0px}
		ul.sottomenu li { display:block; margin:10px 0px; }
		ul.sottomenu li a { color:#FFF; text-decoration:none; font-weight:bold; cursor:pointer}
		ul.sottomenu li a:hover { color:#CCC}
		
		ul.sottomenupag { list-style-type:none; margin:5px; padding:0px; font-size:10px}
		ul.sottomenupag li { display:block; margin:5px 0px; }
		ul.sottomenupag li a { color:#FFF; text-decoration:none; font-weight:bold; cursor:pointer}
		ul.sottomenupag li a:hover { color:#CCC}
		
		.highlight { position:absolute; right:20px}
		.highlight div {  float:left; text-align:center; margin:10px 20px}
		.highlight div p {margin:2px 0px}
		.highlight a { color:#FFF; text-decoration:none; background-repeat:no-repeat; overflow:hidden; background-position:50%}
		.highlight a.icona_360 { background-image:url(../img/icona_360.png); display:block; height:36px}
		.highlight a.icona_video { background-image:url(../img/icona_video.png); display:block; height:36px}
		
		.highlight a span{ color:#FFF; text-decoration:none; text-indent:-600px; display:block}
	
	.thumbs {clear:both}
	.thumbs a { margin:0px 20px 0px 0px; border:none solid #CCC; display:block; width:90px; float:left; text-align:center; border:none}
	.thumbs img { height:70px; margin:10px}
	
	.box { background-color:#FFF}
	
	.lancio { width:48%; float:left; border:0px solid #CCC; margin:1%}
	.lower h1 { font-family:"Trebuchet MS"; left:30px}
	.lower h2 { font-size:1.5em; margin:0px}
	.lower h3 { font-size:1.2em; margin:0px}
	.lower h4 { font-size:1.1em; margin:0px}
	.lower a { color:#CCCCCC; font-weight:bold; text-decoration:none}
	.lower a:hover { color:#CCCCCC; font-weight:bold; text-decoration:underline}
	
	.linkone { font-size:1.2em; font-weight:bold; color:#FFFFFF; text-decoration:none; background-image:url(../img/freccione.gif); background-position:100% 50%; background-repeat:no-repeat; padding-right:25px; height:25px; display:block; text-align:right; line-height:25px}
	
	
	hr, .sezione { clear:both}
	.sezione { margin-bottom:15px}
	.bianco { background-color:#FFFFFF}


	.box_tl { display:block; background-image:url('../img/box_tl.png'); background-repeat:no-repeat; background-position:0% 0%; padding:0px; margin:0px}
	.box_tr { display:block; background-image:url('../img/box_tr.png'); background-repeat:no-repeat; background-position:100% 0%; padding:0px; margin:0px; width:100%}
	.box_tf { background-color:#FFFFFF; height:20px; margin:0px 20px}
	.box_bl { display:block; background-image:url('../img/box_bl.png'); background-repeat:no-repeat; background-position:0% 0%; padding:0px; margin:0px}
	.box_br { display:block; background-image:url('../img/box_br.png'); background-repeat:no-repeat; background-position:100% 0%; padding:0px; margin:0px; width:100%}
	.box_bf { background-color:#FFFFFF; height:20px; margin:0px 20px}
	
	.box_container .header_container {color:#FFFFFF; margin:5px 20px; font-family:"Trebuchet MS"}
	.box_container .content { margin:0px 0px; padding:0px 20px; height:1%}
	
	.ingredienti { list-style-type:none; padding:0px; margin:0px; color:#1A171B}
	.ingredienti li {list-style-type:none; margin:0px 0px;  float:left}
	.ingredienti li .didascalia { display:block; text-align:center}
	.ingredienti li .didascalia strong{ display:block}


.footnote { color:#999; font-size:1em; margin-top:15px; width:100%; text-align:center; font-weight:normal}
.clear { clear:both}
a img { border:none}

/* APRI CHIUDI */
a.apri {display:block; text-align:left; padding:0px 0px 0px 0px ; height:17px; line-height:17px; font-weight:normal; text-decoration:none; margin:0px 0px; cursor:pointer; color:#FFF} */
a.apri:hover { text-decoration:underline}
.aprichiudi div { margin:10px 0px}
.aprichiudi .pannello { border-bottom:1px dotted #999;}
.aprichiudi a h3 { margin:0px 0px !important; color:inherit; font-weight:inherit; text-decoration:inherit; font-size:1.1em}


/*Elenco press*/
.riviste { list-style-type:none; padding:0px; margin-bottom:30px; margin-top:0px}
.riviste li { display:block; border-bottom:1px dotted #CCC; padding:10px 0px}
.riviste a { display:block; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.1em}
.riviste li img.thumb { float:left; margin-right:10px}

.citazione {font-family:Georgia, 'Times New Roman'; font-style:italic; font-size:1.1em}
.citazione li { list-style-type:square}

/*Elenco punti vendita*/
.punti_vendita { list-style-type:none; padding:0px; margin-bottom:30px; margin-top:0px}
.punti_vendita li { display:block; border-bottom:1px dotted #CCC; padding:10px 0px}
.punti_vendita li h3 { margin:3px 0px}
.punti_vendita a { display:block; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.1em}
.punti_vendita li img.thumb { float:left; margin-right:10px}

.lavoro { color:#000000; background-image:url('../img/microscopio_lavoro.gif'); background-repeat:no-repeat; height:250px !important; width:350px; padding: 25px 0px 0px 0px; text-align:center !important; line-height: 15px !important; font-size:14px }

.hydro { background-color:#1A171B }