html, body { font-family: Trebuchet MS, Arial; width: 100%; height: 100%; background-color: #fff; }

a { text-decoration: none; }

#content { font-family: Trebuchet MS, Arial; background: #3688c1 url(../images/bg.jpg) center top no-repeat; width: 100%; overflow: hidden;  }

#container { z-index: 0; width: 960px; margin: 0 auto; position: relative; }
#header { position: absolute; z-index: 100; top: 0; left: 0; width: 960px; height: 153px;  }
#headersfondo { width: 960px; height: 153px; position: absolute; top: 0; left: 0; background: url(../images/bg_top.png) no-repeat; z-index: 101}

#logo { z-index: 102; position: absolute; top: 0; left: 0; width: 297px; height: 126px;  cursor: pointer; }
#nav { z-index: 103; width: 330px; position: absolute; top: 20px; left: 459px;   }
#nav ul { float: left; height: 75px; overflow: hidden; }
#nav ul li { background: url(../images/p.gif) 12px 8px no-repeat; width: 164px; cursor: pointer; float: left; font: bold 13px/20px Trebuchet MS, Arial; border-right: 1px solid #3381b9; }
#nav ul li a { cursor: pointer; padding-left: 25px; color: #fff; text-decoration: none; }
#nav ul li a:hover {color: #ddd; }
#nav ul li a.sel { color: #cad200; }
#nav ul li a.sel:hover { color: #eaf220; }

#contatti { z-index: 103; width: 144px; position: absolute; top: 20px; left: 789px; }
#contatti ul li.contatti { height: 38px; width: 144px; background: url(../images/navmenu_contatti.png) no-repeat; }
#contatti ul li.rss { height: 37px; width: 144px; background: url(../images/navmenu_rss.png) no-repeat; }
#contatti ul li a { font: 11px/37px Trebuchet MS; color: #fff; padding-left: 64px; }
#contatti ul li a:hover { color: #ddd; }
#contatti ul li a.sel { color: #cad200; }
#contatti ul li a.sel:hover { color: #eaf220; }

#wrapper { z-index: 1; position: relative; padding-top: 138px; }
#wrapper h1 { background: url(../images/frblu.gif) left top no-repeat; background-color: #5ba7bc; padding-left: 33px; z-index: 1; height: 36px; width: 920px; position: absolute; top: 168px; left: -3px; font: 18px/36px Trebuchet MS; color: #fff;  }
#wrapper h1.promozioni { background-color: #e93b92; color: #fff; }
#wrapper h1.insegna { background-color: #eba73c; color: #fff; }
#wrapper h1.consigli { background-color: #64B034; color: #fff; }

#content_int { position: relative; overflow: hidden; background-color: #f1f8fc; height: 1%; margin: 0 10px 0 10px; padding-top: 15px; }
.footerint { width: 960px; margin: 0 auto; background: url(../images/footercont.gif) center top no-repeat; height: 106px; overflow: hidden;}

#sidebar { float: left; display: inline; width: 156px; padding: 25px 14px 10px 20px; overflow: hidden;  }
#sidebar h2 { color: #3689c3; font: 18px/28px Trebuchet MS; background: url(../images/trat2.gif) left bottom no-repeat; }
#sidebar ul.nav { padding-top: 6px; }
#sidebar ul.nav li { height: 26px; font: bold 12px/26px Arial; color: #3689c3; background: url(../images/pt.gif) left bottom repeat-x; }
#sidebar ul.nav li a { background: url(../images/fr.gif) 4px 8px no-repeat; display: block; padding-left: 16px; color: #3689c3; }
#sidebar ul.nav li a:hover { color: #56a9e3; }
#sidebar ul.nav li a.sel { background: url(../images/fr_sel.gif) 4px 8px no-repeat; border: none; background-color: #01365d; color: #d1d906; }

.sidebar_box { overflow: hidden; background: url(../images/pt.gif) left bottom repeat-x; padding-bottom: 2px; }
.sidebar_box h3 { cursor: pointer; padding: 40px 10px 10px 0; font: bold 15px/15px Trebuchet MS; color: #e93b91; }
.sidebar_box h3.pv { background: url(../images/pv.gif) right 14px no-repeat; }
.sidebar_box h3.pr { background: url(../images/pr.gif) right 14px no-repeat; }
.sidebar_box h3.im { padding-top: 30px; background: url(../images/imm.gif) right 14px no-repeat; }
.sidebar_box h3.nw { background: url(../images/nw.gif) right 14px no-repeat; }

.sidebar_box p { color: #585858; font: 12px/16px Arial; padding-bottom: 4px; }
.sidebar_box p a { font-weight: bold; color: #5798c2; text-decoration: none; }
.sidebar_box p a:hover { color: #3778a2; }
.sidebar_box p.offerta { color: #e93b91; font: 12px/17px Arial; padding-bottom: 4px; }
.sidebar_box p.offerta span { font: bold 17px/17px Trebuchet MS; }
.sidebar_box p.cerca { color: #5798c2; font: 11px/15px Arial; padding-bottom: 2px; text-align: right;  }
.sidebar_box p.cerca a { font-weight: normal; color: #5798c2; }
.sidebar_box p.cerca a:hover { color: #3778a2; }
.sidebar_box img { margin-bottom: 10px; padding: 0 4px 0 4px; }


.slot_div { display: none; }
.etichetta_immagine { display: none; }

#main { z-index: 3; float: left; display: inline; overflow: hidden; height: 1%; width: 750px; background: url(../images/pt.gif) left top repeat-y;  }

#table_punti_vendita { padding: 0 18px 0 18px; }

#main .testata { height: 212px; }
#main .testata_promo { height: 255px; }

#main .testata img { position: relative; z-index: 11; float: left; margin: 2px 0 10px 18px; }
#main .testata_promo img { position: relative; z-index: 11; float: right; }
#main h4 { margin: 0 18px 0 18px; font: 18px/30px Arial; color: #585858; }
#main h4 span { color: #70aed5; }
#main p.abstract { padding: 0 18px 12px 18px; font: 13px/17px Arial; color: #787878; }
#main p.testo { padding: 7px 18px 7px 18px; font: 13px/17px Arial; color: #585858; }
#main p.testo a {font-weight: bold; color: #3a7aa3; }
#main p.testo a:hover { color: #5a9ac3; }
#main p.back { text-align: right; margin: 0 18px 0 18px; padding: 7px 0 7px 0; font: 12px/16px Arial; color: #585858; }
#main p.back a { color: #3a7aa3; }
#main p.back a:hover { color: #5a9ac3; }
#main h5.tit { margin: 0 18px 0 18px; font: 15px/20px Arial; color: #e93b91; padding-top: 15px; }
#main h5.tit a { color: #3a7aa3; }
#main h5.tit a:hover { color: #5a9ac3; }
#main h5.ntit { padding-top: 25px; }
#main h6.mission { margin: 10px 18px 0 18px; font: bold 15px/20px Trebuchet MS; color: #a8932a; }
#main img.cns { float: left; margin: 0 20px 20px 0; }
#main ul.testo { padding: 0 18px 7px 18px; font: 13px/17px Arial; color: #585858; }
#main ul.testo li { list-style: disc; margin-left: 18px; padding-left: 5px; }
#main ul.testo li a { color: #3a7aa3;}

#main .contbox p { padding: 7px 18px 7px 18px; font: 13px/17px Arial; color: #585858; }
#main .contbox p a {font-weight: bold; color: #3a7aa3; }
#main .contbox p a:hover { color: #5a9ac3; }
#main .contbox ul { padding: 0 18px 7px 18px; font: 13px/17px Arial; color: #585858; }
#main .contbox ul li { list-style: disc; margin-left: 18px; padding-left: 5px; }

#main h2.pagina { margin: 0 18px 5px 18px; font: 18px/30px Arial; color: #e93b91; border-bottom: 1px solid #dedede;}

#timeline { height: 58px; margin: 0 0 0 18px; background: url(../images/timeline.jpg) left -1px no-repeat; }
#timeline ul { padding: 15px 0 0 10px; overflow: hidden; float: left; }
#timeline li { float: left; display: inline; width: 50px; margin-right: 18px; height: 28px; background: url(../images/tl_n.gif) center bottom no-repeat; }
#timeline li a { text-align: center; display: block; width: 50px; height: 22px; font: bold 15px/22px Trebuchet MS; color: #3a7aa3; }
#timeline li a:hover { color: #5a9ac3; }
#timeline li.sel { background: url(../images/tl_s.gif) center bottom no-repeat; }
#timeline li.sel a { color: #fff; background-color: #519dd4; }

#timeline_content { margin: 0 18px 0 18px; height: 200px; }
#timeline_content .item { display: none; }
#timeline_content .item img { float: right; margin: 20px 0 0 32px; }
#timeline_content .item p { padding: 32px 0 0 20px; font: 13px/18px Arial; color: #585858; }
#timeline_content .vis { display: block; }

.consigli_cont { margin: 0 18px 0 18px; }
.consigli_cont ul { padding-top: 22px; }
.consigli_cont li { position: relative; float: left; display: inline; width: 180px; margin-right: 87px; background: url(../images/pt.gif) left bottom repeat-x; }
.consigli_cont li img { margin-bottom: 15px; width: 180px; height: 160px; }
.consigli_cont li a.title { color: #3c85b8; font: bold 16px/18px Trebuchet MS; }
.consigli_cont li p.description { padding: 5px 0 10px 0; color: #585858; font: bold 13px/15px Trebuchet MS; }
.consigli_cont li .fr { cursor: pointer; position: absolute; top: 126px; left: 139px; width: 29px; height: 29px; background: url(../images/frblu.png) no-repeat; }

.consiglio_immagine { float: right; margin: 0 18px 0 0; padding: 0; }
.consiglio_abstract { margin: 0 0 0 18px; background-color: #ddedf7; overflow: hidden; padding-bottom: 12px; }
.consiglio_abstract h3 { padding: 12px 19px 6px 19px; font: bold 16px/22px Trebuchet MS; color: #585858; }
.consiglio_abstract p { padding: 0 19px 0 19px; font: 16px/20px Trebuchet MS; color: #585858;}

.consigli_arch { margin: 0 18px 0 18px; border-bottom: 1px solid #dedede; }
.consigli_arch h3 { font: 14px/18px Trebuchet MS; padding: 5px 0 2px 0; }
.consigli_arch h3 a { color: #3a7aa3; text-decoration: none;  }
.consigli_arch p { padding: 0 0 10px 0; color: #585858; font: 13px/16px Trebuchet MS; }

.link_menu { margin: 0 18px 0 18px; padding-top: 15px; border-top: 1px solid #dedede; text-align: center;  }
.link_menu ul { margin-left: 114px; }
.link_menu li { float: left; width: 162px; height: 112px;   }
.link_menu li.chisiamo { background: url(../images/ico_chisiamo.jpg) left top no-repeat; }
.link_menu li.storia { background: url(../images/ico_nostrastoria.jpg) left top no-repeat; }
.link_menu li.valori { background: url(../images/ico_valori.jpg) left top no-repeat; }
.link_menu a { color: #2e77ab; width: 161px; display: block; border-right: 1px solid #dedede; text-align: center; padding: 78px 0 10px 0; font: bold 11px/13px Arial; }
.link_menu a:hover { color: #4e97cb; }
.link_menu a.sel { color: #666; }
.link_menu a.sel:hover { color: #888; }

#ricerca_punti_vendita { height: 67px; margin: 0 18px 0 18px; background-color: #cde4f3; }
#ricerca_punti_vendita select { width: 150px; border: 1px solid #a5acb2; }
#ricerca_punti_vendita input { cursor: pointer; width: 66px; padding-bottom: 3px; border: none; background: url(../images/trova.png) no-repeat; text-align: center; color: #fff; font-size: 12px; font-family: Arial; height: 29px;}
#ricerca_punti_vendita label { display: block; font: bold 11px/16px Arial; color: #585858; }
#ricerca_punti_vendita div { float: left; padding: 12px 0 0 20px; }
#ricerca_punti_vendita .cerca { padding-top: 24px;}

#main .promozioni h4 { height: 40px; border-bottom: 1px solid #d1dbe3; }
#main .promozioni ul { padding: 10px 0 0 18px; }
#main .promozioni li { position: relative; float: left; width: 228px; overflow: hidden; }
#main .promozioni h6 { padding: 0 25px 0 0; font: bold 11px/30px Arial; color: #585858; text-transform: uppercase; }
#main .promozioni img { margin-bottom: 5px; padding: 0; background-color: #fff; }
#main .promozioni h3 { padding: 0 25px 0 0; font: bold 16px/22px Arial; color: #01365d; }
#main .promozioni h3 a { color: #01365d; }
#main .promozioni h3 a:hover { color: #21567d; }
#main .promozioni p { padding: 0 25px 10px 0; font: 11px/15px Arial; color: #585858; }
#main .promozioni .sconto { padding-top: 5px; float: left; width: 118px; font: bold 11px/14px Arial; color: #70aed5; }
#main .promozioni .etichetta { position: absolute; top: 0; right: 15px; width: 126px; height: 68px; background: url(../images/etichetta_offerta.png) no-repeat; }
#main .promozioni .etichetta p { padding: 34px 10px 0 0; text-align: right; font: bold 13px/17px Trebuchet MS; color: #fff; }
#main .promozioni .etichettanof { position: absolute; top: 0; right: 15px; width: 126px; height: 68px; background: url(../images/etichetta.png) no-repeat; }
#main .promozioni .etichettanof p { padding: 28px 12px 0 0; text-align: right; font: bold 13px/17px Trebuchet MS; color: #fff; }
#main .promozioni .descrizione { background: url(../images/pt.gif) left top repeat-x; margin-right: 22px;  }
#main .promozioni .descrizione p { background: url(../images/ast.gif) 3px 8px no-repeat; padding: 6px 0 0 21px; font: 11px/15px Arial; color: #585858; }

#main table { width: 100%; margin-top: 5px; background-color: #fff; }
#main table th { width: 50%; font: bold 11px/36px Arial; color: #585858; background-color: #f1f8fc; }
#main table td.cl { width: 50%; font: 12px/16px Arial; color: #585858; }
#main table td.cl a { color: #ff3399; text-decoration: none; font-weight: bold; }
#main table td.cl a:hover { color: #df1379; }
#main table td.cl span { color: #77b4fe; }
#main .vl_img { width: 90px; }
#main .vl_img img { margin-left: 10px; }

#contattidiv { margin: 0 18px 0 18px; }
#contattidiv table { background: none; }
#contattidiv td { font: 12px/16px Arial; color: #585858; }
#contattidiv td a {font-weight: bold; color: #3a7aa3; }
#contattidiv td a:hover { color: #5a9ac3; }

#panels_cont { padding: 0 25px 0 25px; background: url(../images/sfondopanels.jpg) 20px bottom no-repeat; overflow: hidden; }
#panels { float: left; width: 732px; height: 274px; position: relative;   }
#panels ul.tabs { padding: 0; float: left;  }
#panels ul.tabs li { float: left; margin-right: 5px; font: 15px/15px Trebuchet MS; color: #fff;  }
#panels ul.tabs li a { display: block; padding: 18px 10px 5px 10px; background-color: #f90; color: #fff; text-decoration: none; opacity: 0.8; }
#panels ul.tabs li a.current { opacity: 1; }

#panels .panes { width: 727px; height: 235px; overflow: hidden; }
#panels .panes div { margin: 0 5px 0 0; background-color: #f90;  height: 235px; }
#panels .panes div h2 { font: 24px/26px Arial; color: #fff; padding: 30px 318px 10px 47px; }
#panels .panes div p { font: 15px/18px Arial; color: #fff; padding: 0 318px 20px 47px; }
#panels .panes a { font: bold 12px/29px Arial; color: #fff; margin: 10px 0 0 47px; text-decoration: none; }

#scritta_promozioni { position: absolute; top: 25px; left: 47px; font: bold 13px/25px Arial; color: #fff; }
#scritta_promozioni span { font-weight: normal; font-size: 25px; }

#scritta_volantino { position: absolute; top: 85px; left: 47px; font: bold 13px/18px Arial; color: #fff; }
#scritta_volantino span { color: #ffc9e1; }

#scritta_seleziona { position: absolute; width: 260px; top: 147px; left: 57px; text-align: center; font: 15px/20px Arial; color: #444; }


#wrapper .corner { position: absolute; z-index: 10000; top: 393px; left: 20px; width: 732px; height: 18px; background: url(../images/corner.png) no-repeat; }

#myas { float: right; width: 178px; height: 274px; background: url(../images/nota.png) no-repeat; overflow: hidden;  }
#myas h3.mio_acqua_e_sapone { margin: 0 5px 0 5px; height: 36px; text-indent: -1000px; overflow: hidden; background: url(../images/mioas.gif) no-repeat; }
#myas h3.punti_vendita { margin: 0 5px 0 5px; height: 37px; text-indent: -1000px; overflow: hidden; background: url(../images/ricercapunti.gif) no-repeat; }
#myas p { padding: 6px 15px 6px 15px; font: 12px/16px Arial; color: #004c6d;  }
#myas select { width: 150px; border: 1px solid #a5acb2; }
#myas input { cursor: pointer; position: relative; z-index: 9900000; left: -185px; width: 66px; padding-bottom: 3px; border: none; background: url(../images/trova.png) no-repeat; text-align: center; color: #fff; font-size: 12px; font-family: Arial; height: 29px;}
#myas a { left: -185px; }
#myas > p > a { left: 0; }
#myas > form > p > input { cursor: pointer; position: relative; z-index: 9900000; left: 0; width: 66px; padding-bottom: 3px; border: none; background: url(../images/trova.png) no-repeat; text-align: center; color: #fff; font-size: 12px; font-family: Arial; height: 29px;}

#box { overflow: hidden; }
#box li { float: left; width: 240px; height: 275px; position: relative;}
#box .sfondo { z-index: 100; position: absolute; top: 0; left: 0; width: 240px; height: 180px; background: url(../images/baloon.png) no-repeat; }
#box .slide { z-index: 101; position: absolute; top: 0; left: 0; width: 240px; height: 180px; }
#box .slide ul { width: 100px; overflow: hidden; padding-top: 10px; }
#box .slide li { height: 27px; }

#box .slide li a { cursor: pointer; display: block; text-align: center; background: url(../images/n_on.gif) center center no-repeat; text-decoration: none; width: 27px; height: 27px; font: bold 12px/27px Trebuchet MS; color: #01365d; }
#box .slide li a.on { color: #c22d70; background: url(../images/n_on.gif) center center no-repeat; }

*>#box .slide li a { cursor: pointer; display: block; text-align: center; background: url(../images/n_off.png) center center no-repeat; text-decoration: none; width: 27px; height: 27px; font: bold 12px/27px Trebuchet MS; color: #01365d; }
*>#box .slide li a.on { color: #01365d; background: url(../images/n_on.png) center center no-repeat; }

#box .slide li.n_1 { padding-left: 40px;  }
#box .slide li.n_2 { padding-left: 22px;  }
#box .slide li.n_3 { padding: 3px 0 0 12px;  }
#box .slide li.n_4 { padding: 4px 0 0 14px;  }

#box .etichetta { z-index: 101; font-size: 17px; font-family: Trebuchet MS; color: #fff; text-align: right; position: absolute; top: 3px; left: 70px; width: 126px; height: 68px; background: url(../images/etichetta2.png) no-repeat; }
#box .etichetta_offerta { z-index: 101; font-size: 17px; font-family: Trebuchet MS; color: #fff; text-align: right; position: absolute; top: 3px; left: 70px; width: 126px; height: 68px; background: url(../images/etichetta_offerta.png) no-repeat; }
#box .etichetta p { padding: 33px 14px 0 0; }
#box .etichetta_offerta p { padding: 33px 14px 0 0; }

#box .immagine { cursor: pointer; position: absolute; z-index: 101; width: 240px; height: 180px; top: 0; left: 0; }
#box .contenuto { z-index: 102; position: absolute; top: 180px; left: 0; width: 240px; }
#box .contenuto h3 { margin: 0 44px 0 44px; padding: 0 5px 0 5px; background: url(../images/trat.gif) left bottom no-repeat; color: #fff; font: bold 15px/30px Trebuchet MS; height: 30px;  }
#box .contenuto p { font: 12px/16px Arial; color: #fff; padding: 10px 50px 0 50px;  }
#box .contenuto p a { text-decoration: none; font-weight: bold; color: #01365d; }
#box .contenuto p a:hover { color: #21567d;}
#box .traslink { z-index: 1000000; position: absolute; top: 35px; left: 65px; width: 110px; height: 110px; }
#box .promodate { position: absolute; top: 285px; width: 240px; }
#box .promodate p { padding: 0 50px 0 50px; font: normal 11px/14px Arial; color: #fff; }

#boxfooter { width: 940px; margin: 0 auto; height: 160px; border-bottom: 1px solid #dbdbdb; }
#boxfooter ul { padding: 64px 0 0 0; }
#boxfooter li { cursor: pointer; height: 81px; float: left; }
#boxfooter li h3 { font: bold 14px/30px Arial; color: #0074c2; padding-left: 83px; }
#boxfooter li p { font: 11px/13px Arial; color: #0074c2; padding-left: 83px; }
#boxfooter li.contattaci { width: 328px; border-right: 1px solid #dbdbdb; background: url(../images/f_contattaci.gif) 132px 0 no-repeat; }
#boxfooter li.contattaci h3 { padding-left: 183px; }
#boxfooter li.contattaci p { padding-left: 183px; }
#boxfooter li a { color: #0074c2; }
#boxfooter li a:hover { color: #2094e2; }
#boxfooter li.suggerimenti { width: 250px; border-right: 1px solid #dbdbdb; background: url(../images/f_suggerimenti.gif) 21px 0 no-repeat; }
#boxfooter li.lavoraconnoi { width: 270px; background: url(../images/f_lavora.gif) 21px 0 no-repeat;}

#boxfooter_int { width: 940px; margin: 0 auto; height: 130px; border-bottom: 1px solid #dbdbdb; }
#boxfooter_int ul { padding: 34px 0 0 0; }
#boxfooter_int li { cursor: pointer; height: 81px; float: left; }
#boxfooter_int li h3 { font: bold 14px/30px Arial; color: #0074c2; padding-left: 83px; }
#boxfooter_int li p { font: 11px/13px Arial; color: #0074c2; padding-left: 83px; }
#boxfooter_int li a { color: #0074c2; }
#boxfooter_int li a:hover { color: #2094e2; }
#boxfooter_int li.contattaci { width: 328px; border-right: 1px solid #dbdbdb; background: url(../images/f_contattaci.gif) 132px 0 no-repeat; }
#boxfooter_int li.contattaci h3 { padding-left: 183px; }
#boxfooter_int li.contattaci p { padding-left: 183px; }
#boxfooter_int li.suggerimenti { width: 250px; border-right: 1px solid #dbdbdb; background: url(../images/f_suggerimenti.gif) 21px 0 no-repeat; }
#boxfooter_int li.lavoraconnoi { width: 270px; background: url(../images/f_lavora.gif) 21px 0 no-repeat;}

#footercontcont { width: 100%; background: #fff url(../images/footer_repeat.gif) left top repeat-x; overflow: hidden; }
#footercont { width: 100%; background: #fff url(../images/footer.gif) center top no-repeat; overflow: hidden; }
#footer { width: 960px; margin: 0 auto; z-index: 1; position: relative; }

#gottardo { z-index: 1; margin: 0 auto; width: 600px; }
#gottardo ul { padding: 20px 0 30px 0; }
#gottardo ul li {float: left; padding: 0 18px 0 18px; font: bold 11px/12px Arial; color: #b9b8b8;}
#gottardo ul li.b { color: #5396c1; }
#piva { padding: 20px 0 10px 0; clear: both; text-align: center; font: 11px/15px Trebuchet MS; color: #585858;}
#piva a {text-decoration: none; color: #5798c2; }

#flash { position: absolute; top: 0; left: 430px; width: 255px; height: 200px; }

.pv_ext { display: none; overflow: hidden; }
.memorizzato { display: none; }

#fasciatras { position: absolute; top: 138px; left: 10px; width: 940px; height: 30px; background-color: #a5d6f9; opacity: 0.3; filter:alpha(opacity=30); }