@font-face { 
font-family: avenir; 
src: url(/AvenirLTStd-Light.otf); 
}
body {
margin:0;
padding:0;
background: url(/immagini/bg.jpg) repeat-x #FFFFFF;
height:506px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
img, div { behavior: url(/iepngfix.htc);
}
.zeppa{
clear:both;
}
a{
cursor:pointer;
}
a, img{
border:none;
}
#conteiner{
width:987px;
background:url(/immagini/head.jpg) no-repeat;
min-height:506px;
position:relative;;
margin:0 auto;
}
.pulisci{
clear:both;
}
.footer{
background:url(immagini/footer2.jpg) no-repeat;
height:434px;
margin:0 auto;
position:relative;
}
.copy{
position:absolute;
bottom:0px;
height:30px;
line-height:30px;
width:100%;
background:#FFF;
text-align:center;
color:#666;
font-size:12px;
}
.copy a{
color:#666;
text-decoration:none;
}
.copy a:hover{
text-decoration:underline;
}
/******************************************* TESTA ************************************/
#mascheraLogo{
position:absolute;
top:0;
left:13px;
}
#testa{
position:absolute;
width:695px;
height:151px;
left: 279px;
top: 33px;
z-index:0;
overflow:hidden;
}
#slogan{
margin:0;
padding:0;
text-align:center;
position:absolute;
left:280px;
top:5px;
width:700px;
font-family: avenir, Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#9188c0;
}
#mascheradiritaglio{
position:absolute;
left: 279px;
top: 33px;
background:url(/immagini/testa.png) no-repeat;
width:706px;
height:151px;
z-index:1;
}
#barramenu{
width:961px;
height:26px;
padding-top:184px;
margin-left:13px;
}
/**** LINGUE ****/
#lingue{
margin:0;
padding:0;
margin-left:20px;
}
#lingue li{
display: inline;
}
#lingue li a{
float:left;
width:30px;
height:0;
padding-top:26px;
overflow: hidden;
margin-left:10px;
}
#ita a{
background:url(/immagini/ita.jpg) no-repeat;
}
#eng a{
background:url(/immagini/eng.jpg) no-repeat;
}
#jap a{
background:url(/immagini/jap.jpg) no-repeat;
}
#ita a:hover, #ita.att a{
background:url(/immagini/ita_att.jpg) no-repeat;
}
#eng a:hover, #eng.att a{
background:url(/immagini/eng_att.jpg) no-repeat;
}
#jap a:hover, #jap.att a{
background:url(/immagini/jap_att.jpg) no-repeat;
}
/**** FINE LINGUE *****/
#spazio{
width:30px;
float:left;
height:26px;
}
#menu{
margin:0;
padding:0;
}
#menu li{
display:inline;
}
#menu li a{
background:url(/immagini/bg_sx_menu.jpg) no-repeat;
padding:0 10px;
float:left;
height:26px;
line-height:26px;
text-transform:uppercase;
color:#FFF;
font-size:13px;
text-decoration:none;
}
#menu li a:hover, .tasto#att a{
background:url(/immagini/bg_att_sx_menu.jpg) no-repeat left;
height:26px;
}
/*************************************** FINE TESTA ************************************/
#contenitore{
width:960px;
margin:0 auto;
}
.titoli{
margin:0;
margin-top:10px;
margin-bottom:5px;
padding:0;
font-size:16px;
font-weight:bold;
color:#9188c0;
text-align:left;
}
#sidebarSx{
width:170px;
float:left;
padding-left:9px;
display:inline;
}
/************************************************* MENU LATERALE *********************************/
#globalheader {
width:161px;
margin:0;
z-index:9998;
}
#globalheader #globalnav {
margin:0;
padding:0;
}
#globalheader #globalnav li a {
float:left;
width:161px;
height:104px;
overflow:hidden;
margin:5px 0;
text-decoration:none;
}
#globalheader #globalnav li a h2{
margin:0;
padding:0;
text-transform:uppercase;
font-size:13px;
font-family: avenir, Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000;
height:30px;
width:161px;
margin-top:15px;
margin-left:45px;
}
#globalheader #globalnav li a p{
margin:0;
padding:0;
font-size:11px;
margin-left:50px;
text-decoration:none;
width:108px;
height:55px;
overflow:hidden;
}
#globalheader #globalnav li a:hover p{
text-decoration:underline;
}
#globalheader #globalnav li {
list-style-type:none;
}
/* COSMETICI */
#globalheader #globalnav li#bottoneCosmetici a {
background:url(/immagini/menu%20sx/cosmetici.jpg) no-repeat ;
background-position: 0 0;
}
/* TISANE, MIELE E OLIO */
#globalheader #globalnav li#bottoneTisane a, #globalheader #globalnav li#bottoneMiele a {
background:url(/immagini/menu%20sx/tisane.jpg) no-repeat;
background-position: 0 0;
}
/* OLI ESSENZIALI */
#globalheader #globalnav li#bottoneOli a {
background:url(/immagini/menu%20sx/oli.jpg) no-repeat;
background-position: 0 0;
}
/* SOLUZIONI IDROALCOLICHE */
#globalheader #globalnav li#bottoneSoluzioni a {
background:url(/immagini/menu%20sx/soluzioni.jpg) no-repeat;
background-position: 0 0;
}
/* STATO OVER TUTTI BOTTONI */
#globalheader #globalnav li#bottoneCosmetici a:hover, #globalheader #globalnav li#bottoneCosmetici a:active, #globalheader #globalnav li#bottoneCosmetici.attivo a, #globalheader #globalnav li#bottoneTisane a:hover, #globalheader #globalnav li#bottoneTisane a:active, #globalheader #globalnav li#bottoneTisane.attivo a, #globalheader #globalnav li#bottoneOli a:hover, #globalheader #globalnav li#bottoneOli a:active, #globalheader #globalnav li#bottoneOli.attivo a, #globalheader #globalnav li#bottoneSoluzioni a:hover, #globalheader #globalnav li#bottoneSoluzioni a:active, #globalheader #globalnav li#bottoneSoluzioni.attivo a, #globalheader #globalnav li#bottoneMiele a:hover, #globalheader #globalnav li#bottoneMiele a:active, #globalheader #globalnav li#bottoneMiele.attivo a {
background-position: 0 -104px;
}
/******************************************** FINE MENU LATERALE *********************************/
#dovetrovarci{
margin-top:15px;
}
#dovetrovarci img{
margin-top:5px;
}
#menuInfo{
margin:20px 0;
}
#menuInfo ul{
margin:0;
padding:0;
}
#menuInfo ul li{
width:160px;
border-bottom:solid 1px #9188c0;
list-style-type:none;
}
#menuInfo ul li a{
text-decoration:none;
font-size:13px;
color:#999;
height:100%;
width:100%;
display:block;
}
#menuInfo ul li a:hover, #act{
padding-left:10px;
font-weight:bold;
}
#corpoPagina{
float:left;
width:570px;
}
#testo{
font-size:12px;
color:#666;
padding:10px;
display:inline;
}
.titoloPagina{
font-family: avenir, Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:10px 20px 5px 0;
font-size:18px;
color:#9188c0;
text-transform:uppercase;
text-align:right;
border-bottom: solid 1px #9188c0;
}
.titoloPagina a{
font-size:12px;
color:#9188c0;
text-decoration:none;
text-transform:none;
}
.titoloPagina a:hover{
text-decoration:underline;
}
#sidebarDx{
float:right;
width:180px;
padding:10px;
margin-right:10px;
display:inline;
}
#login{
height:20px;
}
#catalogo{
height:140px;
}
#carrello{
width:189px;
margin-top:20px;
float:left;
}
#bgCarrello{
background: url(immagini/bgCarrello.jpg) repeat-y;
width:189px;
color:#FFF;
text-transform:uppercase;
font-size:11px;
}
#bgCarrello h3{
margin:0;
padding:0;
text-align:center;
line-height:30px;
height:30px;
font-size:12px;
}
.tabellaCarrello{
margin-left:15px;
}
.spanne{
height:100%;
width:100%;
}
.Qua{
text-align:center;
}
.tabellaVetrina{
margin-left:15px;
border-bottom:solid 1px #FFF;
}
#vetrina{
margin-top:20px;
width:189px;
float:left;
}
#bgVetrina{
background: url(immagini/bgCarrello.jpg) repeat-y;
width:189px;
color:#FFF;
font-size:11px;
}
.fotina{
width:60px;
height:100px;
}
/********************************************* STILI TEMPLATE ******************************************/
.anteprimaProdotto{
margin:5px;
margin-top:20px;
width:264px;
height:204px;
float:left;
display:inline;
}
.titoloAnteprima{
margin:0;
padding:0;
color:#9188c0;
font-size:11px;
font-weight:bold;
float:left;
margin-left:10px;
margin-top:7px;
text-transform:uppercase;
overflow:hidden;
width:180px;
height:25px;
}
.prezzoAnteprima{
margin:0;
padding:0;
color:#9188c0;
font-size:14px;
font-weight:bold;
float:right;
margin-right:10px;
margin-top:10px;
text-transform:uppercase;
height:15px;
}
.imgAnteprima{
margin-top:10px;
width:80px;
height:120px;
float:left;
margin-left:10px;
text-align:center;
}
.descAnteprima{
float:right;
margin-top:10px;
margin-right:10px;
height:120px;
width:145px;
color:#666;
font-size:11px;
overflow-y:auto;
border:solid 1px #CCC;
padding-left:5px;
}
.contPulsanti{
width:260px;
}
.acquistaAnteprima{
margin-left:10px;
margin-top:10px;
float:left;
}
.zeppaQt{
float:left;
width:50px;
margin-top:10px;
padding-left:20px;
height:25px;
line-height:25px;
}
.schedaAnteprima{
margin-right:10px;
float:right;
margin-top:10px;
}
.Cosmetici, .Cosmetici a{
color: #9188c0;
background:url(/immagini/template/bgCosmetici.jpg) no-repeat;
}
.Oli, .Oli a{
color: #b7be1b;
background:url(/immagini/template/bgOli.jpg) no-repeat;
}
.Soluzioni, .Soluzioni a{
color: #bd9a04;
background:url(/immagini/template/bgSoluzioni.jpg) no-repeat;
}
.Tisane, .Tisane a{
color: #49742a;
background:url(/immagini/template/bgTisane.jpg) no-repeat;
}
.Miele, .Miele a{
color: #49742a;
background:url(/immagini/template/bgTisane.jpg) no-repeat;
}
.accaunoProdotti h1{
color: #9188c0;
border-bottom: solid 1px #9188c0;
padding:0 20px;
margin:0 10px;
}
/**************************/
.prodottiCorrelati{
margin:0;
padding:0;
font-size:18px;
background:none;
text-transform:uppercase;
text-align:center;
border-top: solid 2px #CCC;
margin-top:40px;
padding-top:20px;
}
.torna{
margin-top:20px;
background:none;
}
.torna a{
text-decoration:none;
font-size:12px;
background:none;
}
.torna a:hover{
text-decoration:underline;
}
.boxProdotto{
width:550px;
height:250px;
margin-top:20px;
}
.titoloProdotto{
text-transform:uppercase;
margin:0;
padding:0;
color:#9188c0;
font-size:14px;
font-weight:bold;
float:left;
margin-left:10px;
margin-top:10px;
display:inline;
}
.prezzoProdotto{
text-transform:uppercase;
margin:0;
padding:0;
color:#9188c0;
font-size:14px;
font-weight:bold;
float:right;
margin-right:10px;
margin-top:10px;
display:inline;
}
.imgProdotto{
margin-top:10px;
width:170px;
height:170px;
float:left;
margin-left:10px;
text-align:center;
display:inline;
}
.descProdotto{
float:right;
margin-top:10px;
margin-right:10px;
height:190px;
width:335px;
color:#666;
font-size:11px;
overflow-y:auto;
display:inline;
border:solid 1px #CCC;
padding-left:5px;
}
.contPulsantiProdotto{
width:180px;
margin-left:10px;
}
.acquistaProdotto{
float:left;
}
.zeppaQtProdotto{
float:left;
width:30px;
padding-left:10px;
height:29px;
line-height:29px;
}
.CosmeticiBig{
color: #9188c0;
background:url(/immagini/template/bgCosmeticiBig.jpg) no-repeat;
}
.OliBig{
color: #b7be1b;
background:url(/immagini/template/bgOliBig.jpg) no-repeat;
}
.SoluzioniBig{
color: #bd9a04;
background:url(/immagini/template/bgSoluzioniBig.jpg) no-repeat;
}
.TisaneBig, .MieleBig{
color: #49742a;
background:url(/immagini/template/bgTisaneBig.jpg) no-repeat;
}
/********************************* PRESS *********************************/
.anteprimaPress{
float:left;
margin:15px;
width:60px;
height:100px;
display:inline;
}
.anteprimaPress h3{
margin:0;
padding:0;
text-align:center;
font-size:9px;
}
/********************************* FINE PRESS *********************************/
/********************************* PIANTE *********************************/
.anteprimaPiante{
float:left;
margin:15px;
width:60px;
height:100px;
position:relative;
}
.pianteAssoluto{
position:absolute;
bottom:0px;
}
.anteprimaPiante h3{
margin:0;
padding:0;
text-align:center;
font-size:9px;
}
.schedaPiante{
width:530px;
height:400px;
padding:20px;
}
.schedaPiante h2{
margin:0;
padding:0;
color:#9188c0;
}
.schedaPiante p{
color:#666;
margin:0;
padding:0;
}
/********************************* FINE PIANTE *********************************/
/********************************* NEWS *********************************/
.BoxNews{
width:550px;
}
.PrimaNews{
background:#f4f3f9;
width:550px;
height:200px;
margin-bottom:20px;
}
.PrimaNews h2{
margin:0;
padding:0;
color:#9188c0;
font-size:18px;
font-weight:bold;
margin:10px;
}
.PrimaNews h2 a{
color:#9188c0;
text-decoration:none;
}
.PrimaNews h2 a:hover{
text-decoration:underline;
}
.boxeNews{
width:530px;
margin:0 auto;
float:right;
display:inline;
}
.boxeNews img{
float:left;
margin-right:15px;
display:inline;
}
.TestoPrimaNews{
color:#666;
font-size:12px;
height:140px;
margin:0;
padding:0;
margin-right:20px;
display:inline;
}
.TestoPrimaNews a{
color:#666;
text-decoration:none;
}
.TestoPrimaNews a:hover{
text-decoration:underline;
}
.giorno{
color:#666;
font-size:12px;
float:left;
margin-left:20px;
margin-top:5px;
}
.giornoPiccolo{
color:#666;
font-size:12px;
float:left;
margin-left:20px;
padding-bottom:5px;
display:inline;

}
.leggi{
color:#666;
font-size:12px;
float:right;
margin-right:20px;
display:inline;
}
.leggi a{
color:#666;
text-decoration:underline;
}
.AltreNews{
margin:5px;
float:left;
width:260px;
border:solid 2px #666;
display:inline;
}
.AltreNews h2{
margin:0;
padding:0;
color:#9188c0;
font-size:18px;
margin:5px;
}
.AltreNews h2 a{
color:#9188c0;
text-decoration:none;
}
.AltreNews h2 a:hover{
text-decoration:underline;
}
.AltreNews p{
margin:0;
padding:0;
color:#666;
font-size:12px;
float:right;
width:250px;
height:70px;
}
.AltreNews p a{
color:#666;
text-decoration:none;
}
.AltreNews p a:hover{
text-decoration:underline;
}
/********************************* FINE NEWS *********************************/
/********************************* VISUALIZZA ORDINE *********************************/
#tabellaCarrello{
width:550px;
background:#deeaf2;
border:solid 2px #deeaf2;
}
#tabellaCarrello table{
background:#FFF;
}
#tabellaCarrello table tr th{
height:30px;
line-height:30px;
font-size:14px;
font-weight:bold;
color:#39c;
}
.Immagine{
width:100px;
height:140px;
}
.Descrizione{
width:280px;
height:120px;
font-size:12px;
color:#666;
text-align:justify;
padding:10px;
}
.Descrizione h3{
margin:0;
padding:0;
margin-bottom:10px;
}
.Qt{
width:75px;
}
.Qt label input{
margin-top:5px;
}
.Qt h5{
color:#FF0000;
margin:0;
padding:0;
margin-top:5px;
margin-bottom:5px;
}
.Qt h5 a{
color:#FF0000;
text-decoration:none;
}
.Qt h5 a:hover{
text-decoration:underline;
}
.Prezzo{
width:75px;
color:#666;
}
.Offerta{
background:url(/immagini/offertaCarrello.png) no-repeat top right;
width:56px;
height:56px;
}
#tabellaCarrello table tr.Promozioni th.Promo{
background:#ff7e00;
color:#FFF;
height:30px;
width:150px;
}
#tabellaCarrello table tr.Promozioni td.PromoTesto{
color:#ff7e00;
font-size:10px;
padding:5px;
max-height:55px;
width:150px;
}
.primaRiga{
background:#f5f5f5;
max-height:140px;
}
.secondaRiga{
background:#e7e7e7;
height:140px;
}
.RigaPrincipale{
background:#deeaf2;
}
.ultimeRighe{
background:#fafafa;
height:25px;
line-height:25px;
}
.ultimeRighe h4{
margin:0;
padding:0;
float:left;
font-size:14px;
color:#666;
margin-left:10px;
font-weight:normal;
}
.ultimeRighe h3{
font-weight:normal;
margin:0;
padding:0;
float:right;
font-size:14px;
color:#666;
margin-right:10px;
}
.ultimaRiga{
background:#ccc;
height:25px;
line-height:25px;
}
.ultimaRiga h4{
margin:0;
padding:0;
float:left;
font-size:16px;
color:#FFF;
font-weight:bold;
margin-left:10px;
}
.ultimeRighe h4, .ultimaRiga h4{
width:260px;
}
.ultimeRighe b, .ultimaRiga b{
float:left;
margin:0;
padding:0;
}
.ultimaRiga b{
	color:#FFF;
	font-size:16px;
	}
.iconcine{
height:25px;
line-height:25px;
width:200px;
float:left;
}
.iconcine img{
line-height:25px;
vertical-align:middle;
}
.iconcine a{
text-decoration:none;
color:#666;
}
.iconcine a:hover{
text-decoration:underline;
}
.ultimaRiga h3{
margin:0;
padding:0;
float:right;
font-size:16px;
color:#FFF;
font-weight:bold;
margin-right:10px;
}
#sprytextfield1, #sprytextfield2, #sprytextfield3, #sprytextfield4, sprytextfield4, #sprytextfield5, #sprytextfield6, #sprytextfield7, #sprytextfield8, #sprytextfield9{
float:left;
width:150px;
}
#sprytextfield1 input, #sprytextfield2 input, #sprytextfield3 input, #sprytextfield4 input, sprytextfield4 input, #sprytextfield5 input, #sprytextfield6 input, #sprytextfield7 input, #sprytextfield8 input, #sprytextfield9 input{
width:100px;
}
.nome{
width:60px;
}
#compilazioneForm{
width:470px;
margin:0 auto;
padding-left:50px;
}
#sonasega{
width:450px;
margin:0 auto;
}
.pulsPag a{
color:#666666;
text-decoration:none;
}
/********************************* FINE VISUALIZZA ORDINE *********************************/