body {
background-color:#000000;
background-image:url(../img/sfondo-ks.jpg);
background-position:left;
background-position:top;
background-repeat:no-repeat;
margin:0;
padding:0;
}
h1 {
font-size:18px;
}
#content {
width:900px;
margin:10px auto;
padding:0;
}
#contenuto {
clear:both;
margin:0;
width:900px;
padding:0;
border-top:1px solid #666666;
font-family: Ms sans serif, Verdana, Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#ffffff; 
font-weight:normal;
text-align:justify;
z-index:-100;
}
#logo-top {
padding:0 0 10px 0;
}
#logo-top img{
margin:0 0 0 0;
padding:0 0 10px 0;
border:0;
float:left;
}
#selectlang {
position:absolute;
	margin:20px 0 0 700px;;
	font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#666666;
font-size:10px;
z-index:900;
}
#selectlang ul{
width:150px;
padding:0 0 0 10px;
background-color:#000000;
border:1px solid #666666;
background-image:url(../img/down-select.png);
background-position:top;
background-repeat:no-repeat;
list-style-type:none;
}
#selectlang ul li ul{
width:140px;
background-color:#000000;
background-image:none;
border:none;
margin:0 0 0 -10px;
padding:0 0 0 10px;
list-style-type:none;
display:none;
}
#selectlang ul li:hover ul{
margin:0 0 0 0;
display:block;
}
#selectlang ul li ul li a {
text-decoration:none;
color:#999999;
}
#selectlang ul li ul li a:hover {
text-decoration:none;
color:#999999;
font-weight:bold;
}
#news {
position:absolute;
height:150px;
width:160px;
margin:370px 0 0 2px;
padding:20px 20px 0 20px;
background-image:url(../img/sf-news.png);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#FFFFFF;
z-index:900;
}

#news a {
color:#FFFFFF;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////EVENTI*/
#contenuto_eventi {
clear:both;
width:900px;
padding:0;
margin:0px;
font-family: Ms sans serif, Verdana, Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#ffffff; 
font-weight:normal;
}
#testo_eventi { 
height:395px;
padding:2px 0 0 250px; 
margin:1px 0 0 1px;
text-align:left; 
background-color:none;
background-image:url(../img/sf-events.jpg);
background-position:left;
background-repeat:no-repeat;
border:1px solid #666666;
font-family: Ms sans serif, Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#999999; 
font-weight:normal;
}
#testo_eventi a em img {
margin:10px 0 0 0;
border:none;
}
#testo_eventi a span {
display:none;
}
#testo_eventi a em img {
}
#testo_eventi a:hover em img {
display:none;
}
#testo_eventi a:hover span {
display:inline;
}

#paginazione {
margin:0 10px 5px 5px;
padding:5px;
}
#paginazione a:link, #paginazione a:visited, #paginazione a:active {color:#ffffff;}
#paginazione a:hover {text-decoration:underline;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////TOOLTIP*/

     div.tooltip{
        padding: 5px;
        margin: 5px;;
      }
	  .tooltip {
	  font-family:Ms sans serif, Verdana, Arial, Helvetica, sans-serif;
	  font-size:130%;
	  color:#ffffff;
	  }
	  .box {
	  display: block;
    float: left;
    width: 100px;
    height: 110px;
    margin: 5px;
    padding:5px 5px 5px 5px;
	border:1px solid #333333;
	  font-family:Ms sans serif, Verdana, Arial, Helvetica, sans-serif;
	  font-size:80%;
	  color:#ffffff;
	}
	  .box_end {
	  display: block;
    float: left;
    width: 100px;
    height: 120px;
    margin: 0px 5px 15px 5px;
    padding: 0px 0px 10px 0px;
	  font-family:Ms sans serif, Verdana, Arial, Helvetica, sans-serif;
	  font-size:80%;
	  color:#ffffff;
	}
	  .nowrite {
	  display:none;
	  }
/*/////////////////////////////////////////////////////////////////////////////////////////*/
#left{
float:left;
width:200px;
background-image:url(../img/left-hp.jpg);
background-repeat:no-repeat;
background-position:top;
z-index:-900;
}
#left img {
float:left;
padding:10px 0 23px 0;
}
#flash-7 {
margin:0 0 0 205px;
padding:0 0 0 0;
}
#flash-8 {
margin:0 0 0 205px;
padding:0;
z-index:-100;
}
/*/////////////////////////////////kleral*/
#left-kleral {
margin:0 710px 0 0;
padding:0;
height:400px;
z-index:-100;
}

#certified {
position:absolute;
height:150px;
width:160px;
margin:0 0 0 2px;
padding:0;
font-family:Ms sans serif, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#FFFFFF;
z-index:900;
}
#certified a {
margin:-20px 0 0 0;
color:#FFFFFF;
text-decoration:none;
}
#certified a:hover {
text-decoration:underline;
}
#certified img {
border:none;
}
#certified li { position:absolute; margin:0 0 0 78px; list-style:none;}
#certified li img {border:0; z-index:100;}
#certified li a span{display:none;}
#certified li a:hover em{display:none;}
#certified li a:hover span{display:block;}

#certified li#cert { position:absolute; margin:325px 0 0 20px; list-style:none;}
#certified-low {
position:absolute;
height:150px;
width:160px;
margin:305px 0 0 2px;
padding:20px;
font-family:Ms sans serif, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#FFFFFF;
z-index:900;
}
#certified-low a {
margin:-20px 0 0 0;
color:#FFFFFF;
text-decoration:none;
}
#certified-low a:hover {
text-decoration:underline;
}
#certified-low img {
border:none;
}
/*/////////////////////////////////////////////FOOTER	////////////////////*/
#scritta_scorevole {
}
#bottom {
margin:20px auto;
}
#footer {
margin:0 0 20px 0;
padding:0 ;
color:#666666;
font-family:Ms sans serif, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#footer a{color:#666666;}
/*/////////////////////////////////////prodottti*/
#left-prodotti {
margin:0 705px 0 0;
padding:0;
height:400px;
background-image:url(../img/sf-left-prodotti.jpg);
background-position:top;
background-repeat:no-repeat;
z-index:-10;
}
#left-prodotti h3 {
font-size:20px;
font-weight:normal;
}
/*/////////////////////////////////////worldwide*/

#sf-worldwide {
float:right;
width:700px;
height:400px;
padding:0;
background-image:url(../img/sf-dovesiamo.png);
background-position:top-left;
background-repeat:no-repeat;
	font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#666666;
font-size:10px;
}
#sf-worldwide ul{
width:200px;
margin:340px 0 0 40px;
padding:0 0 0 400px;
background-color:#000000;
border:1px solid #666666;
background-image:url(../img/down-search.png);
background-position:right-top;
background-repeat:no-repeat;
list-style-type:none;
}
#sf-worldwide ul li ul{
width:140px;
background-color:#000000;
background-image:none;
border:none;
margin:0 0 0 -10px;
padding:0 0 0 10px;
list-style-type:none;
display:none;
z-index:900;
}
#sf-worldwide ul li:hover ul{
margin:0 0 0 0;
display:block;
}
#sf-worldwide ul li ul li a {
text-decoration:none;
color:#999999;
}
#sf-worldwide ul li ul li a:hover {
text-decoration:none;
color:#999999;
font-weight:bold;
}
#sf-world {
float:right;
width:700px;
height:400px;
padding:0;
background-image:url(../img/sf-world.png);
background-position:top-left;
background-repeat:no-repeat;
text-align:left;
}
#sf-world form {
padding:20px;
}
#sf-world form input, select {
background:none;
border:1px solid #3651f5;
color:#CCCCCC;
}
#sf-world form select {
background:#333333;
border:1px solid #3651f5;
color:#CCCCCC;
}
#sf-world form input.nobordo {
border:none;
}

#left-dovesiamo {
margin::0 0 0 0;
padding:0;
height:400px;
background-image:url(../img/sf-left-worldwide.png);
background-position:top-left;
background-repeat:no-repeat;
color:#999999;
z-index:-10;
}
#left-dovesiamo h3 {
font-size:20px;
font-weight:normal;
}
#left-dovesiamo ul {
position:absolute;
width:160px;
margin:10px 0 0 10px;
padding:20px 0 0 15px;
text-align:left;
list-style:none;
z-index:10;
}
#left-dovesiamo ul li {
width:160px;
height:20px;
margin:0 0 0 0;
padding:0 0 0 0;
display:block;
z-index:9;
}
#left-dovesiamo ul li.fax {
padding:10px 0 0 0;
}
#left-dovesiamo a {
text-decoration:none;
color:#999999;
}
#left-dovesiamo a {
color:#999999;
}
.google a{
position:absolute;
margin:300px 0 0 20px;
color:#3366FF;
}
/*/////////////////////////////////////////////////////menu prodotti*/

#left-prodotti ul {
position:absolute;
width:160px;
margin:0 0 0 10px;
padding:20px 0 0 210px;
text-align:left;
list-style:none;
z-index:10;
}
#left-prodotti ul li {
width:160px;
height:20px;
margin:0 0 0 0;
padding:0 0 0 0;
display:block;
z-index:9;
}
.scheda a{
color:#3366FF;
position:absolute;
top:275px;
left:0;
}
#left-prodotti ul li a{
width:350px;
margin:0 0 0 0;
padding:0 0 0 0;
padding:2px;
display:block;
color:#ffffff;
text-decoration:none;
}

#left-prodotti ul li:hover a{
margin:0;
padding:2px;
display:block;
color:#cc0000;
}
#left-prodotti ul li em img{
display:none;
border:0;
z-index:-100;
}
#left-prodotti ul li a.questo em img{
display:block;
position:absolute;
top:0px;
left:385px;
width:500px;
z-index:-100;
}

#left-prodotti ul li a span {
display:none;
}

#left-prodotti ul li:hover a em img{
display:block;
position:absolute;
top:0px;
left:385px;
width:500px;
z-index:-1;
}
#left-prodotti ul li a.questo span {
display:block;
position:absolute;
left:0;
top:0;
width:160px;
padding:0 0 0 0;
#padding:20px 0 0 0;
border:0;
color:#FFFFFF;
font-size:10px;
}


#sf-prodotti {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-prodotti.jpg);
background-position:left;
background-repeat:no-repeat;
z-index:1;
}
#sf-prodotti-2 {
float:right;
width:700px;
height:400px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(../img/prodotti-sfumati.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-prodotti-2 object {
margin:0 0 0 0;
}
#sf-semi {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-semi.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-nava {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-nava.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-selenium {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-selenium.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-orchidoil {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-orchidoil.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-blackout {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-blackout.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-senjal {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-senjal.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-milk {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-milk.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-solare {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-solare.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-afro {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-afro.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-finish {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-finish.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-shampoo {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-shampoo.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-coloranti {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-coloranti.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-accessori {
float:right;
width:700px;
height:400px;
padding:0 0 0 0;
background-image:url(../img/sf-accessori.jpg);
background-position:left;
background-repeat:no-repeat;
}
#sf-azienda {
float:right;
width:380px;
height:300px;
padding:100px 290px 20px 20px;
background-image:url(../img/sf-azienda.jpg);
background-position:top-right;
background-repeat:no-repeat;
}
#sf-testo-azienda {
width:480px;
height:310px;
background-image:url(../img/sf-testo-azienda.png);
background-position:top;
background-repeat:no-repeat;
padding:20px 30px 10px 30px;
color:#000000;
}
#sf-azienda h1 {
font-size:24px;
font-weight:normal;
}
#sf-produzione{
float:right;
width:380px;
height:300px;
padding:100px 290px 20px 20px;
background-image:url(../img/sf-produzione.jpg);
background-position:top-right;
background-repeat:no-repeat;
}
#sf-formazione {
float:right;
width:520px;
height:300px;
padding:100px 160px 20px 20px;
background-image:url(../img/sf-formazione.jpg);
background-position:top-right;
background-repeat:no-repeat;
}
#sf-formazione h1 {
font-size:24px;
font-weight:normal;
}
/*/////////////////////////////////////solidarieta*/
#left-solidarieta {
margin:0 700px 0 0;
padding:0;
height:400px;
z-index:-10;
}
#sf-solidarieta {
float:right;
width:610px;
height:320px;
padding:60px 60px 20px 30px;
background-image:url(../img/sf-solidari.jpg);
background-position:top-right;
background-repeat:no-repeat;
}
#sf-solidarieta h1 {
font-size:24px;
font-weight:normal;
}
#sf-solidarieta a{
color:#FFFFFF;
}
#sf-dovesiamo {
float:right;
width:520px;
height:270px;
padding:130px 160px 20px 20px;
background-image:url(../img/sf-dovesiamo.png);
background-position:top-right;
background-repeat:no-repeat;
}
#sf-dovesiamo a img {
color:#3366FF;
margin:-50px 0 0 300px;
padding:10px;
}
#sf-dovesiamo ul {
list-style-type:none;
margin:50px 0 0 30px;
width:400px;
}
#sf-dovesiamo ul li {
margin:0 0 3px 0;
}
#sf-dovesiamo a {padding: 0; color:#ffffff; font-weight:bold;}
#sf-dovesiamo a:hover {text-decoration:none; font-weight:normal;}
#sf-dovesiamo2{
float:right;
width:700px;
height:400px;
padding:0;
}
#sf-contatti {
float:right;
width:510px;
height:270px;
padding:130px 160px 20px 30px;
background-image:url(../img/sf-contatti.jpg);
background-position:top-right;
background-repeat:no-repeat;
}
#sf-contatti img {
margin:15px 0 0 0;
border:none;
}
#sf-contatti a {float:right; margin:0; padding: 0; color:#ffffff; font-weight:bold;}
#sf-contatti a:hover {text-decoration:none; font-weight:normal;}
#sf-events {
float:right;
width:900px;
margin:0 0 20px 0;
padding:100px 0 20px 0;
background-image:url(../img/events.jpg);
background-position:top-left;
background-repeat:no-repeat;
background-color:#999999;
}

/*////////////////////////////////////////////////////////////////////////integrazione menu*/

#prodotticurtin ul li#coloranti:hover ul {
width:320px;
margin:-25px 0 0 0;
padding:0 0 0 120px;
display:block;
background-image:url(../img/colorantiit-over.png);
background-repeat:no-repeat;
background-position:top left;
z-index:100;
}
#prodotticurtin ul li#coloranti:hover ul li a{
width:280px;
float:left;
padding:4px;
display:block;
background-image:url(../img/sf-neri.png);
color:#FFFFFF;
}

#prodotticurtin ul li#coloranti:hover ul li a:hover{
width:280px;
margin:0;
padding:4px;
display:block;
background-image:url(../img/sf-arancio.png);
color:#cc0000;
}
#prodotticurtin ul li#decoloranti:hover ul {
width:320px;
margin:-25px 0 0 0;
padding:0 0 0 120px;
display:block;
background-image:url(../img/decolorantiit-over.png);
background-repeat:no-repeat;
background-position:top left;
z-index:100;
}
#prodotticurtin ul li#decoloranti:hover ul li a{
width:280px;
float:left;
padding:4px;
display:block;
background-image:url(../img/sf-neri.png);
color:#FFFFFF;
}

#prodotticurtin ul li#decoloranti:hover ul li a:hover{
width:280px;
margin:0;
padding:4px;
display:block;
background-image:url(../img/sf-arancio.png);
color:#cc0000;
}
#prodotticurtin ul li#permanenti:hover ul {
width:320px;
margin:-25px 0 0 0;
padding:0 0 0 120px;
display:block;
background-image:url(../img/permanentiit-over.png);
background-repeat:no-repeat;
background-position:top left;
z-index:100;
}
#prodotticurtin ul li#permanenti:hover ul li a{
width:280px;
float:left;
padding:4px;
display:block;
background-image:url(../img/sf-neri.png);
color:#FFFFFF;
}

#prodotticurtin ul li#permanenti:hover ul li a:hover{
width:280px;
margin:0;
padding:4px;
display:block;
background-image:url(../img/sf-arancio.png);
color:#cc0000;
}
/*                                      navigazione  */
#topmenu {
clear:both;
height:45px;
margin:0 0 0 0;
padding:0 0 0 0;
z-index:100px;
}
#topmenu img {border:0; padding:0;}
#topmenu a em  {display:none; margin:0;}
#topmenu a:hover span {display:none;}
#topmenu a:hover em {display:inline;}

#topmenu dl {width:900px; height:45px;}

ul#main_nav{
background-color:#00FFFF; 
background:url(../img/topmenu-it.png);
background-repeat:no-repeat;
background-position:0 0;
float:left;
list-style:none;
width:900px; 
height:45px; 
margin:0 0 0 -40px;
padding:0 0 0 0;
}
ul#main_nav li{float:left;text-indent: -2000px; height:45px;margin:0 0 0 0; padding:0 0 0 0;}
ul#main_nav li a{display:block; margin:0; padding:0; height:45px; text-decoration: none;}
ul#main_nav li a#home{width: 78px; margin:0 0 0 1px;background:url(../img/home-on.png);}
ul#main_nav li a#home:hover{background:url(../img/home-on.png);}
ul#main_nav li a#azienda{width: 119px; margin:0 0 0 1px;background:url(../img/azienda-on.png);}
ul#main_nav li a#azienda:hover{background:url(../img/azienda-on.png);}
ul#main_nav li a#formazione{width: 119px; margin:0 0 0 1px;background:url(../img/formazione-on.png);}
ul#main_nav li a#formazione:hover{background:url(../img/formazione-on.png);}
ul#main_nav li a#solidarieta{width: 119px; margin:0 0 0 1px;background:url(../img/solidarieta-on.png);}
ul#main_nav li a#solidarieta:hover{background:url(../img/solidarieta-on.png);}
ul#main_nav li a#prodotti{width: 119px; margin:0 0 0 1px;background:url(../img/prodotti-on.png);}
ul#main_nav li a#prodotti:hover{background:url(../img/prodotti-on.png);}
ul#main_nav li a#eventi{width: 119px; margin:0 0 0 1px;background:url(../img/eventi-on.png);}
ul#main_nav li a#eventi:hover{background:url(../img/eventi-on.png);}
ul#main_nav li a#dovesiamo{width: 119px; margin:0 0 0 1px;background:url(../img/dovesiamo-on.png);}
ul#main_nav li a#dovesiamo:hover{background:url(../img/dovesiamo-on.png);}
ul#main_nav li a#contatti{width: 119px; margin:0 0 0 1px;background:url(../img/contatti-on.png);}
ul#main_nav li a#contatti:hover{background:url(../img/contatti-on.png);}
ul#main_nav li a#uno{width: 79px;}
ul#main_nav li a#uno:hover{margin:0 0 0 0; background:url(../img/home-on.png);}
ul#main_nav li a#due{width: 119px; margin:0 0 0 1px;}
ul#main_nav li a#due:hover{background:url(../img/azienda-on.png);}
ul#main_nav li a#tre{width: 119px; margin:0 0 0 1px;}
ul#main_nav li a#tre:hover{background:url(../img/prodotti-on.png);}
ul#main_nav li a#quattro{width: 119px; margin:0 0 0 1px;}
ul#main_nav li a#quattro:hover{background:url(../img/formazione-on.png);}
ul#main_nav li a#cinque{width: 119px; margin:0 0 0 1px;}
ul#main_nav li a#cinque:hover{background:url(../img/eventi-on.png);}
ul#main_nav li a#sei{width: 119px; margin:0 0 0 1px;}
ul#main_nav li a#sei:hover{background:url(../img/solidarieta-on.png);}
ul#main_nav li a#sette{width: 119px; margin:0 0 0 1px;}
ul#main_nav li a#sette:hover{background:url(../img/dovesiamo-on.png);}
ul#main_nav li a#otto{width: 99px; margin:0 0 0 1px;}
ul#main_nav li a#otto:hover{ background:url(../img/contatti-on.png);}
ul#main_nav li a#nove{width: 119px; margin:0 0 0 1px; background:url(../img/produzione.png);}
ul#main_nav li a#nove:hover{ background:url(../img/produzione-on.png);}