html, body { width: 100%; height: 100%; background: url(../images/pattern.jpg) repeat-x; background-color: #000 }

.cont { width: 960px; margin: 0 auto; }
.trecol { width: 300px; float: left; padding: 0 10px 0 10px; }
.trecolv { width: 300px; float: left; padding: 10px; }
.trecolnop { width: 310px; float: left; padding: 15px 0 15px 10px; }

#header { position: fixed; width: 100%; z-index: 1; }

#headermenu { height: 55px; background-color: #000; }
#headermenu img {float: left; margin-left: 10px; }
#headermenu ul { float: right; padding: 11px 0 0 0; overflow: hidden; }
#headermenu ul li { height: 33px; font: bold 12px/33px "Lucida Grande", "Lucida Sans Unicode", Arial; float: left; padding: 0 7px 0 7px; text-transform: uppercase; }
#headermenu ul li a { color: #8c8c8c; display: block; text-decoration: none; padding: 0 7px 0 7px; }
#headermenu ul li a.sel { background-color: #404040; color: #fff; }
#headermenu ul li.lang { padding-right: 0; background: url(../images/sfondo_menu.gif) left 9px no-repeat; }
#headermenu ul li.lang a { color: #fff; }

#headercerc { height: 106px; background: url(../images/sfondo_cerca.gif) top left repeat-x; }
#headercerc h4 {font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; padding: 20px 0 10px 10px; }
#headercerc .r { z-index: 2; height: 106px; position: relative; background: url(../images/ricerca_right.gif) right 6px no-repeat; }
#headercerc .ricercadrop { cursor: pointer; height: 38px; background: url(../images/ricerca_freccia.gif) right 12px no-repeat; background-color: #e5e5e5; font: bold 14px/38px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #e85c0f; padding: 0 0 0 12px; margin: 0 30px 0 10px; }

#headercerc .ricercadown { display: none; position: absolute; top: 84px; left: 20px; width: 260px; z-index: 100; background-color: #e5e5e5; font: bold 14px/38px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #e85c0f; }
#headercerc .ricercadown li { border-top: 1px solid #fff; height: 38px; }
#headercerc .ricercadown a { display: block; padding-left: 12px; text-decoration: none; color: #e85c0f;}

.headertras { height: 10px; line-height: 1px; font-size: 1px; background-color: #fff; opacity:0.2; filter:alpha(opacity=20); }
.titolobig { clear: both; width: 920px; margin: 0 auto;  }
.titolobig h2 {font: 42px/42px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #0072b1; font-style: italic; padding: 10px 0 20px 0;}
.titolobig h3 {font: 18px/26px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; padding-bottom: 30px; }

#wrapper { position: absolute; width: 100%; z-index: 0; padding-top: 20px; }

#prod_carousel { position: relative; width: 960px; margin: 0 auto; overflow: hidden; height: 300px; }
#prod_carousel .prod_cont { height: 300px; padding-left: 620px; }
#prod_carousel .prod_cont h4 { padding: 82px 0 10px 0; font: bold 16px/22px "Lucida Grande","Lucida Sans Unicode", Arial; color: #fff; }
#prod_carousel .prod_cont p { padding: 0 65px 10px 0; font: 14px/20px "Lucida Grande","Lucida Sans Unicode", Arial; color: #8c8c8c; }
#prod_carousel .prod_cont a { display: block; text-align: center; text-transform: uppercase; float: right; width: 110px; height: 20px; font: 12px/20px "Lucida Grande","Lucida Sans Unicode",Arial; color: #fff; text-decoration: none; background: url(../images/continuahome.png) no-repeat; }
#prod_carousel .continuahome { cursor: pointer; }
#prod_carousel_cont { overflow: hidden; }
#prod_carousel #prev1 { z-index: 10000; position: absolute; top: 126px; left: 10px; color: #fff; cursor: pointer; background: url(../images/prev.png) no-repeat; width: 25px; height: 28px; }
#prod_carousel #next1 { z-index: 10000; position: absolute; top: 126px; right: 10px; color: #fff; cursor: pointer; background: url(../images/next.png) no-repeat; width: 25px; height: 28px; }

#descrizioni_ricerca { clear: both; overflow: hidden; width: 960px; margin: 0 auto; }
#descrizioni_ricerca .r { background: url(../images/ricerca_right.gif) right top repeat-y; }
#descrizioni_ricerca p { padding: 20px 30px 10px 10px; font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Arial; color: #8c8c8c; }

#index { position: relative; width: 960px; height: 412px; margin: 0 auto;  }
#indexsfnd { z-index: 25; position: absolute; width: 960px; height: 412px; background: url(../images/index.png) no-repeat;}

#carousel { z-index: 26; width: 462px; position: absolute; top: 20px; left: 488px; overflow: hidden; }
#carouselsfnd { position: relative; margin-left: 15px; background: url(../images/25.png) repeat; height: 382px; }
#carouselcont { overflow: hidden; z-index: 30; width: 427px; top: 10px; left: 25px; height: 362px; position: absolute; background-color: #fff; }
#carouselcont .cont { width: 427px; }
#carouselcont h2 { padding: 35px 0 0 10px; font: bold 18px/23px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #e85c0f; }
#carouselcont img.m { width: 407px; margin: 4px 0 0 10px; }
#carousellng { z-index: 31; position: absolute; top: 18px; left: 0; height: 30px; width: 164px; background: url(../images/linguetta.png) no-repeat; }
#carousellng p { padding: 3px 0 0 37px; font: bold 11px/14px Arial; color: #fff; text-transform: uppercase; }
#carousel_prev_img { z-index: 32; position: absolute; top: 210px; left: 25px; width: 26px; height: 34px; background: url(../images/c_prev.png) no-repeat; }
#carousel_next_img { z-index: 33; position: absolute; top: 210px; left: 426px; width: 26px; height: 34px; background: url(../images/c_next.png) no-repeat; }
#carousel_prev { z-index: 34; position: absolute; top: 210px; left: 25px; width: 26px; height: 34px; cursor: pointer; }
#carousel_next { z-index: 35; position: absolute; top: 210px; left: 426px; width: 26px; height: 34px; cursor: pointer; }

#newshp { position: relative; overflow: hidden; width: 960px; margin: 0 auto; z-index: 10; clear: both; margin-top: 20px; }
#newshp h4 { font: bold 16px/20px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; padding: 0 10px 10px 0; }
#newshp h6 { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; padding: 10px 30px 0 10px; }

#wrappertop { width: 940px; margin: 0 auto; overflow: hidden; height: 84px; }
#wrappertop h1 {float: left; width: 300px; font: 42px/84px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #0072b1; font-style: italic;}
#wrappertop ul { float: right; padding: 25px 0 0 0; overflow: hidden; }
#wrappertop ul li { color: #fff; background: url(../images/sfondo_menu.gif) right 9px no-repeat; height: 33px; font: bold 16px/33px "Lucida Grande", "Lucida Sans Unicode", Arial; float: left; padding: 0 15px 0 15px; }
#wrappertop ul li a { color: #e95d10; display: block; text-decoration: none; padding: 0 15px 0 15px; }
#wrappertop ul li a.sel { background: url(../images/25.png) repeat; color: #fff; }
#wrappertop ul li.m { background: url(../images/sfondo_menu.gif) right 9px no-repeat; height: 33px; font: bold 14px/33px "Lucida Grande", "Lucida Sans Unicode", Arial; float: left; padding: 0 8px 0 8px; }
#wrappertop ul li.m a { color: #e95d10; display: block; text-decoration: none; padding: 0 8px 0 8px; }
#wrappertop ul li.m a.sel { background: url(../images/25.png) repeat; color: #fff; }
#wrappertop ul li img { margin-top: 4px; }

#scheda { width: 960px; margin: 0 auto; overflow: hidden; border-top: 1px solid #515150; padding: 40px 0 20px 0; }
#scheda h3 { padding: 0 0 12px 10px; font: bold 16px/22px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #0072b1; }
#scheda .descrizione { width: 482px; float: left;}
#scheda .descrizione h6 { padding: 0 0 22px 10px; color: #8c8c8c; font: 13px/16px "Lucida Grande", "Lucida Sans Unicode", Arial; }
#scheda .descrizione h6 a { color: #e95d10; text-decoration: none; }
#scheda .descrizione p { padding: 0 0 40px 10px; font: 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; }
#scheda .descrizione dl { float: left; margin-left: 10px; border-top: 1px solid #515150; border-left: 1px solid #515150; overflow: hidden; }
#scheda .descrizione dt { clear: both; float: left; font: 13px/28px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; border-right: 1px solid #515150; border-bottom: 1px solid #515150; padding: 0 10px 0 10px; width: 100px; }
#scheda .descrizione dd { float: left; font: bold 13px/28px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; border-right: 1px solid #515150; border-bottom: 1px solid #515150; padding: 0 10px 0 10px; width: 200px; }
#scheda .foto { width: 440px; float: right; position: relative; }
#scheda .sfnd { z-index: 28; position: relative; width: 430px; height: 350px; background: url(../images/25.png) repeat; }
#scheda .img { position: absolute; top: 10px; left: 10px; }
#scheda .alta { z-index: 29; position: absolute; top: 310px; left: 10px; height: 30px; width: 410px; background: url(../images/sfondo_foto.jpg) no-repeat;}
#scheda .alta p { padding-left: 10px; font: 11px/30px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; }
#scheda .alta p a { color: #e95d10; font-weight: bold; text-decoration: none; }
#scheda .cerca { margin: 20px 10px 0 0; background-color: #000; padding: 8px; overflow: hidden;  }
#scheda .cerca p {font: 11px/14px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; }
#scheda .cerca a { float: right; margin-left: 35px; text-decoration: none; font: 13px/28px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; background-color: #e95d10; padding: 0 15px 0 15px; }

#scheda .acc { overflow: hidden; padding: 0 10px 0 10px;}
#scheda .tog { text-transform: uppercase; cursor: pointer; padding-left: 10px; font: bold 13px/35px "Lucida Grande", "Lucida Sans Unicode", Arial; height: 35px; border-bottom: 1px solid #515150; color: #e95d10; }
#scheda .tog span { color: #8c8c8c; }
#scheda .togsel { color: #fff; background: url(../images/acc.gif) repeat-x;}
#scheda .togsel span { color: #fff; }
#scheda .opn { overflow: hidden; display: none; border-bottom: 1px solid #515150; }
#scheda .gri5 { background: url(../images/sfondo_acc.gif) left top repeat-y; }
#scheda .five { float: left; width: 188px; background: url(../images/sfondo_menu.gif) right top repeat-y; }
#scheda .five p { text-transform: uppercase; padding: 0 10px 14px 10px; font: 11px/14px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; }
#scheda .five p a { font-weight: bold; color: #e95d10; text-decoration: none; }

#invacc { width: 940px; position: absolute; top: 0; left: 0; visibility: hidden;}
#invacc .tog { text-transform: uppercase; cursor: pointer; padding-left: 10px; font: bold 13px/35px "Lucida Grande", "Lucida Sans Unicode", Arial; height: 35px; border-bottom: 1px solid #515150; color: #e95d10; }
#invacc .tog span { color: #8c8c8c; }
#invacc .togsel { color: #fff; background: url(../images/acc.gif) repeat-x;}
#invacc .togsel span { color: #fff; }
#invacc .opn { overflow: hidden; display: none; border-bottom: 1px solid #515150; }
#invacc .gri5 { background: url(../images/sfondo_acc.gif) left top repeat-y; }
#invacc .five { float: left; width: 188px; background: url(../images/sfondo_menu.gif) right top repeat-y; }
#invacc .five p { text-transform: uppercase; padding: 0 10px 14px 10px; font: 11px/14px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; }
#invacc .five p a { font-weight: bold; color: #e95d10; text-decoration: none; }

#ricerca { background: url(../images/sfondo_ricerca.gif) repeat-y; width: 960px; margin: 0 auto; overflow: hidden; height: 1%; border-top: 1px solid #515150; border-bottom: 1px solid #515150; }
.sng { cursor: pointer; z-index: 28; position: relative; width: 300px; height: 165px; background: url(../images/25.png) repeat; }
.dtg { z-index: 29; cursor: pointer; position: absolute; top: 10px; left: 10px; width: 280px; height: 145px; }
.cnt { text-align: center; font: bold 12px/22px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; z-index: 29; width: 114px; height: 22px; cursor: pointer; position: absolute; top: 118px; left: 196px; background: url(../images/continua.png) no-repeat; }
.rng { display: none; z-index: 30; position: absolute; top: 10px; left: 10px; width: 280px; height: 145px; background-color: #e85c0f; opacity: 0.9; filter:alpha(opacity:90);}
.dtt { display: none; z-index: 31; position: absolute; top: 10px; left: 10px; padding: 20px; }
.dtt h5 {font: 18px/18px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; padding-bottom: 10px; }
.dtt p {font: 12px/15px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #7d3a15; padding-right: 10px; }
.dtt p.r { text-align: right; padding: 10px 14px 0 0; }
.dtt p.r a { color: #fff; text-decoration: none; font-weight: bold; }

#news { width: 960px; margin: 0 auto; overflow: hidden; height: 1%; border-top: 1px solid #515150; }
#news div.n { clear: both; border-bottom: 1px solid #515150; overflow: hidden; height: 1%; }
#news div.i { float: left; display: inline; margin: 12px; background: url(../images/25.png) repeat; overflow: hidden; height: 70px; }
#news div.i img { margin: 10px 10px 0 10px; float: left; }
#news div.in { width: 302px; float: left; display: inline; margin: 12px; background: url(../images/25.png) repeat; overflow: hidden; }
#news div.in img { margin: 10px 10px 10px 10px; float: left; }
#news div.art { width: 630px; float: right; }
#news h5 {font: bold 16px/20px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #0072b1; padding: 12px 12px 6px 12px; }
#news h5 a { color: #e95d10; text-decoration: none; }
#news p { padding: 0 12px 6px 12px; font: 13px/17px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; }
#news p span { color: #fff; font-weight: bold; }
#news p a { color: #e95d10; text-decoration: none; font-weight: bold; }

#ykktext { width: 960px; margin: 0 auto; overflow: hidden; height: 1%; border-top: 1px solid #515150; }
#ykktext div.text { padding: 12px 12px 16px 12px; clear: both; border-bottom: 1px solid #515150; overflow: hidden; height: 1%; }
#ykktext div.l { width: 50%; float: left;}
#ykktext div.r { width: 50%; float: left;}
#ykktext h6 {font: bold 16px/20px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #e95d10; }
#ykktext h6.sel { color: #0072b1; }
#ykktext p { padding-top: 6px; font: 13px/17px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #9c9c9c; }
#ykktext p span { color: #fff; font-weight: bold; }
#ykktext p a { color: #e95d10; text-decoration: none; font-weight: bold; }
#ykktext ul { list-style: disc; padding-left: 20px;}
#ykktext li { font: 13px/17px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #9c9c9c; }
#ykktext ul.cons { list-style: none; padding: 0;}
#ykktext ul.cons li { float: left; width: 310px; font-size: 12px;}
#ykktext ul.cons li a { color: #e95d10; text-decoration: none; font-weight: bold; }

#contatti_choose ul { list-style: none; float: left; padding: 0; overflow: hidden; }
#contatti_choose ul li { color: #fff; background: url(../images/sfondo_menu.gif) right 9px no-repeat; height: 33px; font: bold 16px/33px "Lucida Grande", "Lucida Sans Unicode", Arial; float: left; padding: 0 15px 0 15px; }
#contatti_choose ul li a { color: #e95d10; display: block; text-decoration: none; padding: 0 15px 0 15px; }
#contatti_choose ul li a.sel { background: url(../images/25.png) repeat; color: #fff; }
#contatti_choose ul li.m { background: url(../images/sfondo_menu.gif) right 9px no-repeat; height: 33px; font: bold 14px/33px "Lucida Grande", "Lucida Sans Unicode", Arial; float: left; padding: 0 8px 0 8px; }
#contatti_choose ul li.m a { color: #e95d10; display: block; text-decoration: none; padding: 0 8px 0 8px; }
#contatti_choose ul li.m a.sel { background: url(../images/25.png) repeat; color: #fff; }
#contatti_choose ul li img { margin-top: 4px; }

#ykktext table { margin-top: 20px; margin-bottom: 20px; }
#ykktext th { padding: 10px 0 10px 5px; background-color: #515150; color: #fff; font: bold 13px/17px "Lucida Grande", "Lucida Sans Unicode", Arial;  }
#ykktext td { padding: 8px 0 8px 5px; border-bottom: 1px solid #515150; font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #9c9c9c; }
#ykktext td a { color: #e95d10; text-decoration: none; font-weight: bold; }

#campioni_cont { width: 450px }
#campioni_cont p { padding-left: 20px; font: 12px/17px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; }
#campioni_cont img { cursor: pointer; float: left; margin: 20px 0 0 20px; border: 1px solid #515150; }
#campioni_cont img.sel { border: 1px solid #e95d10; }

#cerniera { position: relative; width: 100%; height: 186px; background: url(../images/sfondo_cerniera.png) center top no-repeat; }
#cernieraie { position: relative; width: 100%; height: 186px; background: url(../images/sfondo_cerniera2.gif) center top no-repeat; }
#cernierasfm { position: absolute; width: 100%; height: 32px; top: 0; left: 0; background: url(../images/cerniera_sfuma.png) center top no-repeat; }
#cernierasfmb { position: absolute; width: 100%; height: 32px; top: 154px; left: 0; background: url(../images/cerniera_sfumab.png) center top no-repeat; }

#cernieracont { position: relative; margin: 0 auto; width: 960px; height: 186px; }
#fisso { position: relative; margin: 0 auto; width: 960px; height: 186px; }
#c_partecipa_img { position: absolute; top: 58px; left: 197px; }
/* #c_messaggio_img { position: absolute; top: 58px; left: 501px; } */
#c_messaggio_img { position: absolute; top: 58px; left: 753px; }
#c_ykklittle_img { position: absolute; top: 58px; left: 753px; }

#mobile { position: absolute; top: 0; left: 0; width: 960px;  height: 186px; }
#mobile .zip { width: 749px; height: 186px; float: left; background: url(../images/sfondo_cerniera_mobile.png) left top repeat-x; }
#mobile .mob { position: absolute; top: 0; left: 729px; width: 231px; height: 186px; position: relative; background: url(../images/mob.png) no-repeat;}
#mobile .mob a { display: block; width: 32px; height: 62px; position: absolute; top: 73px; left: 0;  }

#cernieracont .blk { display: none;  cursor: pointer; position: absolute; top: 53px; left: 0;  }

#sitemap { width: 960px; margin: 0 auto; overflow: hidden; height: 1%; border-top: 1px solid #515150; }
/* #sitemap { border-bottom: 1px solid #515150; overflow: hidden; height: 1%; background: url(../images/sfondo_footer.gif) repeat-y; } */
#sitemap h4 { width: 150px; padding: 10px 0 6px 10px; font: bold 16px/20px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; }
#sitemap h4 a { color: #fff; text-decoration: none; }
#sitemap ul { width: 240px; margin-right: 10px; }
#sitemap li { padding: 0 0 6px 10px; }
#sitemap li a { color: #e85c0f; font: 11px/14px "Lucida Grande", "Lucida Sans Unicode", Arial; text-decoration: none; }

#footer { width: 960px; margin: 0 auto; overflow: hidden; height: 1%; border-top: 1px solid #515150; }
#footerlink { border-bottom: 1px solid #515150; overflow: hidden; height: 1%; background: url(../images/sfondo_footer.gif) repeat-y; }
#footerlink h4 { width: 150px; padding: 10px 0 12px 10px; font: bold 16px/20px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #8c8c8c; }
#footerlink ul { width: 150px; margin-right: 10px; }
#footerlink li { padding: 0 0 6px 10px; }
#footerlink li a { color: #e85c0f; font: 11px/14px "Lucida Grande", "Lucida Sans Unicode", Arial; text-decoration: none; }
#footerpiva { background-color: #f33500; text-transform: uppercase; overflow: hidden; font: 11px/32px "Lucida Grande", "Lucida Sans Unicode", Arial; color: #fff; margin-top: 10px; padding: 0 20px 0 20px; }
#footerpiva p.l { float: left; width: 600px; }
#footerpiva p.r { float: right; text-align: right; width: 200px; }

.filter { width: 200px; float: right; padding: 32px 0 0 0; color: #fff; font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial; }
.filter select { float: right; }

.noprod { height: 185px; }
.noprod p { padding-top: 85px; color: #fff; font: bold 14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial; }

input.text { width: 150px; padding: 5px; border: 1px solid #515150; background-color: #313130; color: #fff; font-family: "Lucida Grande","Lucida Sans Unicode",Arial; font-size: 12px; }
textarea { width: 250px; padding: 5px; border: 1px solid #515150; background-color: #313130; color: #fff; font-family: "Lucida Grande","Lucida Sans Unicode",Arial; font-size: 12px; }
select { width: 160px; padding: 5px; border: 1px solid #515150; background-color: #313130; color: #fff; font-family: "Lucida Grande","Lucida Sans Unicode",Arial; font-size: 12px; }

.slide { overflow: hidden; }