/* Elementi stili font esterni */
@font-face {
  font-family:'BaskOldFaceRe';
  font-style: normal;
  font-weight: 400;
  src: local('BaskOldFace Regular'), local('BaskOldFace_Regular'), local('BaskOldFaceRe'),
       url('../font/baskoldface-regular.woff2') format('woff2'),
       url('../font/baskoldface-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'LibreFranklinRe';
  font-style: normal;
  font-weight: 400;
  src: local('LibreFranklin Regular'), local('LibreFranklin_Regular'), local('LibreFranklinRe'),
       url('../font/libre-franklin-regular.woff2') format('woff2'),
       url('../font/libre-franklin-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
input { padding:0px 5px 0px 5px; }
.nero, .link_00 { color:#000000; }
.bianco, .link_01 { color:#ffffff; }
.sfondo_nero { background:#000000; }
.sfondo_bianco { background:#ffffff; }
.sfondo_verde_00 { background:#549621; }
.sfondo_rosso_00 { background:#ff0000; }
.sfondo_grigio_00 { background:#ded8d8; }
.sfondo_grigio_01 { background:#333333; }
.assoluto { position:absolute; }
.relativo { position:relative; }
.fisso { position:fixed; }
.origine { top:0px; left:0px; }
.totale { width:100%; height:100%; }
.largo, .ratio { width:100%; }
.alto { height:100%; }
.meta { width:50%; }
.content_ratio { position:absolute; top:0px; left:0px; width:100%; height:100%; }
.centrato { margin:0px auto 0px auto; }
.chiusura { position:relative; clear:both; }
.rotondo { border-radius:50%; }
.sinistra { float:left; }
.destra { float:right; }
.tabella { display:table; }
.cella { display:table-cell; }
.flessibile { display:flex; }
.txt_centro { text-align:center; }
.txt_destro { text-align:right; }
.txt_sinistro { text-align:left; }
.txt_alto { vertical-align:top; }
.txt_mezzo { vertical-align:middle; }
.txt_basso { vertical-align:bottom; }
.giustificato { text-align:justify; }
.minuscolo { text-transform:lowercase; }
.maiuscolo { text-transform:uppercase; }
.sottolineato { text-decoration:underline; }
.grassetto { font-weight:bold; }
.corsivo { font-style:italic; }
.normale { text-transform:none; }
.invisibile { visibility:hidden; }
.nascosto { display:none; }
.limitato { overflow:hidden; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font_zero { font-size:0px; line-height:0px; }
.fade { filter: alpha(opacity=00); opacity:.00; visibility:hidden; }
.loader { background:#000000 url(../img/loading.gif) center no-repeat; }
.opaco_00 { filter: alpha(opacity=50); opacity:.50; }
.opaco_01 { filter: alpha(opacity=80); opacity:.80; }
body { font-family:"BaskOldFaceRe"; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#000000; z-index:0; background:#ffffff; }
.bas_re { font-family:"BaskOldFaceRe"; }
.lib_re { font-family:"LibreFranklinRe"; }
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
.testo_base { font-size:24px; line-height:27px; }

/* Elementi generali */
img#logo { width:48.5%; max-width:621px; }
img.logo_desktop { margin:14px 0px 20px 0px; }
img.logo_tablet, img.logo_smart { margin:10px 0px 10px 0px; }
div.box_testo { text-align:center; padding:60px 11% 150px 11%; }
div.pulsante { height:35px; font-family:"LibreFranklinRe"; font-size:21px; line-height:35px; text-align:center; text-transform:uppercase; color:#ffffff; border-radius:10px; }
div.pulsante_tipo_00 { position:relative; max-width:280px; margin:0px auto 0px auto; }
div#box_footer { font-family:arial; font-size:18px; line-height:21px; padding:45px 0px 30px 0px; border-top:solid 1px #000000; border-bottom:solid 1px #000000; }
div#box_footer span { font-size:10px; }
div#box_footer table#box-privacy { border-spacing:10px 10px; }
div#icona_scroll_top { bottom:10px; right:10px; width:30px; height:30px; border-radius:5px; background:#ffffff url(../img/icone/icona-scroll-top.png) center no-repeat; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5); }
div.chiudi { width:20px; height:20px; font-size:11px; line-height:20px; text-align:center; border-radius:50%; cursor:pointer; }

/* zoom lightbox / video */
div#sfondo_zoom { z-index:10000000; }
div#box_zoom { display:flex; z-index:10000000; }
div#zoom { min-width:60px; min-height:60px; margin-top:-30px; border-radius:10px; }
div#zoom div { font-family:"LibreFranklinRe"; text-align:center; }
div.icona_chiudi { width:34px; height:34px; font-size:15px; line-height:36px; border-radius:50%; box-shadow:0px 8px 8px rgba(0, 0, 0, 0.7); }
div#chiudi_zoom { top:-5px; right:-5px; }
div.freccia { top:50%; width:40px; height:40px; font-size:25px; line-height:40px; color:#000000; border-radius:50%; box-shadow:0px 8px 8px rgba(0, 0, 0, 0.7); background:#ffffff; }
div#icona_precedente { left:-20px; }
div#icona_successivo { right:-20px; }
div#box_dida { margin-top:5px; padding:10px; border-radius:10px; }
div.box_dida_grande { font-size:13px; line-height:16px; }
div.box_dida_piccolo { font-size:10px; line-height:12px; }

/* Elementi homepage */
table#indice_slide { bottom:9.3%; right:9.3%; border-spacing: 11px 0px; }
table#indice_slide td { width:16px; height:16px; cursor:pointer; border-radius:50%; }
table#indice_slide td.indice_off { background:#ffffff; }
table#indice_slide td.indice_on { background:#549621; }
div#testo_slide { bottom:12%; font-size:33px; line-height:36px; padding-bottom:42px; }
div#icona_testo_slide { width:25px; height:22px; margin:20px auto 0px auto; background:url(../img/freccia-scroll-home.png) center bottom no-repeat; }
div#box_intro h1 { font-size:27px; line-height:30px; }
div#box_intro p { margin:35px 0px 38px 0px; }
div#box_news { left:20px; width:370px; margin:30px 0px 0px 0px; z-index:50; }
div#box_news div#box_icona_news { width:45px; }
div#box_news div#icona_news { background:linear-gradient(45deg, transparent 50%, #549621 0) top left; }
div#box_news div#box_testo_news { padding:20px; font-size:14px; line-height:21px; }
div#box_news p#titolo_news { font-size:18px; }
div#box_news p#testo_news { margin:10px 0px 10px 0px; }
div#box_news a { font-size:12px; }
div#box_news div.chiudi { top:5px; right:5px; }
div#box_sezioni { padding:0px 0px 50px 0px; }
div.box_sezione { position:relative; padding:60px 0px 0px 0px; }
div.box_titolo_sezione { position:relative; font-family:"LibreFranklinRe"; font-size:20px; line-height:23px; text-transform:uppercase; text-align:center; color:#333333; }
div.box_icona_sezione { position:relative; height:82px; margin:45px 0px 50px 0px; }
div#icona_marchi { background:url(../img/icone/icona-marchi.png) center no-repeat; }
div#icona_falegnameria { background:url(../img/icone/icona-falegnameria.png) center bottom no-repeat; }
div#icona_progettazione { background:url(../img/icone/icona-progettazione.png) center bottom no-repeat; }
div.box_sezione p { font-size:18px; line-height:21px; }
div.box_sezione img { margin-bottom:20px; box-shadow:0px 8px 8px rgba(0, 0, 0, 0.5); }
div.nastro { position:relative; width:85%; color:#ffffff; margin:40px 0px 40px 0px; background:#333333; visibility:hidden; }
div#nastro_serramenti { padding:32px 0px 32px 5%; }
div#nastro_promozioni { padding:32px 70px 32px 5%; }
div.titolo_nastro { font-family:"LibreFranklinRe"; font-size:36px; line-height:39px; text-transform:uppercase; text-align:center; }
div.testo_nastro { padding:0px 3% 0px 3%; }
div.testo_nastro p { font-size:18px; line-height:21px; padding:0px 5% 0px 5%; }
div.testo_nastro div { margin-top:35px; }
div#box_partners { padding:80px 0px 0px 0px; }
div#box_titolo_partners { font-family:"LibreFranklinRe"; font-size:36px; line-height:39px; padding:0px 0px 80px 0px; background:url(../img/icone/icona-partners.png) center bottom no-repeat; }

/* Layer Flou */
div#box_flou table { border-spacing:20px 20px; }
div#box_flou table p { text-align:center; }
div#box_flou { right:5%; }
div.schermo-des div#box_flou { width:196px; }
div.schermo-des div#box_flou table p { font-size:24px; line-height:27px; }
div.schermo-mob div#box_flou { width:140px; }
div.schermo-mob div#box_flou table p { font-size:16px; line-height:19px; }
div#box-logo-flou { background-image:url(../img/promozioni/logo-flou-popup.png); }

/* Elementi promozioni */
div#pulsante_promozioni { width:90%; max-width:326px; margin:0px auto 0px auto; }
div#pulsante_promozioni h1 { font-size:21px; line-height:35px; }
div.fascia_promozioni { position:relative; padding:50px 0px 50px 0px; }
div.box_promo { position:relative; text-align:center; font-size:18px; line-height:21px; padding:0px 11% 0px 11%; }
div.box_promo h2 { font-size:24px; line-height:27px; padding-bottom:50px; }
div.box_promo span { font-size:36px; }
div.foto_promo img { box-shadow:0px 8px 8px rgba(0, 0, 0, 0.5); }
div.box_sconto_promo { position:absolute; top:-30px; left:-30px; width:60px; padding:10px; }
div.box_sconto_promo table { position:relative; width:100%; height:100%; font-family:"LibreFranklinRe"; font-size:20px; line-height:normal; color:#ffffff; background:#ff0000; border-radius:50%; }
table.box-allegato { border-spacing:10px 10px; }
table.box-allegato td.box-icona-allegato { width:32px; }
table.box-allegato a { font-size:16px; line-height:normal; }
div.icona-pdf { background:url(../img/icone/icona-pdf.png) center no-repeat; background-size:cover; }
table.box-pulsante-promo { margin:30px auto 0px auto; }
table.box-pulsante-promo div { padding:0px 20px 0px 20px; }

/* Elementi marchi */
div#box_prima_fascia { height:50px; }
div.box_marchio h1, div.box_marchio h2 { font-family:"LibreFranklinRe"; font-size:28px; line-height:31px; text-transform:uppercase; color:#333333; }
div#icona-cucine { background:url(../prodotti/cucine/icona-prodotto.png) center no-repeat; background-size:29% auto; }
div#icona-camere-camerette { background:url(../prodotti/camere-camerette/icona-prodotto.png) center no-repeat; background-size:21.71% auto; }
div#icona-living { background:url(../prodotti/living/icona-prodotto.png) center no-repeat; background-size:24.49% auto; }
div#icona-serramenti { background:url(../prodotti/serramenti/icona-prodotto.png) center no-repeat; background-size:18.43% auto; }
div#icona-pavimenti { background:url(../prodotti/pavimenti/icona-prodotto.png) center no-repeat; background-size:22.22% auto; }
div#icona-complementi-arredo { background:url(../prodotti/complementi-arredo/icona-prodotto.png) center no-repeat; background-size:16.41% auto; }
div#icona-arredo-bagno { background:url(../prodotti/arredo-bagno/icona-prodotto.png) center no-repeat; background-size:10.86% auto; }
div#icona-thesan { background:url(../prodotti/thesan/icona-prodotto.png) center no-repeat; background-size:30% auto; }
div#icona-flou { background:url(../prodotti/flou/icona-prodotto.png) center no-repeat; background-size:45% auto; }
div#icona-flou-zona-notte { background:url(../prodotti/flou-zona-notte/icona-prodotto.png) center no-repeat; background-size:35% auto; }
div#icona-flou-completi-letto-materassi { background:url(../prodotti/flou-completi-letto-materassi/icona-prodotto.png) center no-repeat; background-size:35% auto; }
div#icona-flou-divani-natevo { background:url(../prodotti/flou-divani-natevo/icona-prodotto.png) center no-repeat; background-size:30% auto; }
div.fascia_prodotti img.indice_prodotto { width:100%; margin:15px 0px 20px 0px; box-shadow:0px 8px 8px rgba(0, 0, 0, 0.5); }
div.fascia_flou { margin:-150px 0px 0px 0px !important; }

/* Elementi marchi */
div#box_titolo_dettaglio { height:80px; margin:50px 0px 0px 0px; }
div#box_titolo_dettaglio h1 { font-size:36px; line-height:88px; }
div#box-logo-dettaglio { width:128px; margin:0px auto 0px auto; }

/* Elementi generali responsive */
@media only screen and (min-width:0px) and (max-width:767px) {
  .testo_base { font-size:16px; line-height:19px; }
  table#indice_slide td { width:14px; height:14px; }
  div#testo_slide { bottom:15%; font-size:20px; line-height:23px; padding-bottom:30px; }
  div#box_intro { padding:60px 11% 40px 11%; }
  div#box_intro h1 { font-size:20px; line-height:23px; }
  div#box_intro div#pulsante_promozioni h1 { line-height:35px; }
  div#box_news div#box_testo_news { font-size:12px; line-height:18px; }
  div#box_news p#titolo_news { font-size:15px; }
  div#box_news a { font-size:10px; }
  div.box_sezione { width:90%; margin:30px auto 0px auto; padding-bottom:30px; background:#ded8d8 url(../img/freccia-box-sezioni.png) center top no-repeat; }
  div.box_sezione p { width:90%; margin:20px auto 0px auto; padding-bottom:30px; }
  div.box_sezione div.pulsante { position:relative; width:90%; margin:0px auto 0px auto; }
  div.nastro { position:relative; width:96%; margin:0px 0px 20px 0px; }
  div#nastro_serramenti, div#nastro_promozioni { padding:32px 2% 32px 2%; }
  div.icona_nastro, div.foto_nastro { text-align:center; }
  div.icona_nastro img { margin:10px auto 30px auto; }
  div.foto_nastro img { width:90%; margin:30px auto 30px auto; }
  div#box_footer { font-size:14px; line-height:17px; padding:30px 0px 20px 0px; }
  div#box_gallery { width:98%; margin:-40px auto 20px auto; }
  div.blocco_gallery { margin:20px 0px 20px 0px; }
  div.testo_promo { margin:20px 0px 0px 0px; }
}
@media only screen and (min-width:768px) {
  div#box_sezioni { margin-bottom:50px; background:#ded8d8; display:flex; }
  div.box_sezione { width:27.33%; margin:0px 3% 0px 3%; background:url(../img/freccia-box-sezioni.png) center top no-repeat; }
  div.box_sezione div.pulsante { position:absolute; bottom:0px; width:100%; }
  div.nastro { display:table; }
  div.blocco_nastro { display:table-cell; vertical-align:middle; }
  div.icona_nastro { width:8%; }
  div#nastro_serramenti div.icona_nastro { background-size:75% auto; }
  div#nastro_promozioni div.icona_nastro { background-size:100% auto; }
  div#nastro_serramenti div.icona_nastro { background:url(../img/icone/icona-nastro-serramenti.png) center no-repeat; }
  div#nastro_promozioni div.icona_nastro { background:url(../img/icone/icona-nastro-promozioni.png) center no-repeat; }
  div.icona_nastro img { display:none; }
  div.titolo_nastro { width:28%; }
  div.foto_nastro { width:24%; }
  div.testo_nastro { width:34%; }
  div#box_gallery { width:98%; margin:-80px auto 40px auto; }
  div.blocco_gallery { width:31.33%; margin:0px 1% 20px 1%; float:left; }
  div.icona_zoom { background:url(../img/icone/icona-zoom.png) center no-repeat; }
  div.blocco_gallery_grande:hover div.nascosto { cursor:pointer; display:block; }
  div.dati_promo { width:100%; display:table; }
  div.dati_promo div.blocco_promo { vertical-align:top; display:table-cell; }
  div.foto_promo { width:30%; }
  div.testo_promo { width:60%; padding:0px 5% 0px 5%; }
}
@media only screen and (min-width:0px) and (max-width:1023px) {
  div.fascia_prodotti { position:relative; text-align:center; }
  div.indice_marchi { position:relative; }
  div.box_spazio_marchio { position:relative; }
  div.box_marchio { position:relative; padding:50px 11% 50px 11%; }
  div#box_prodotto_01, div#box_prodotto_03, div#box_prodotto_05, div#box_prodotto_07 { background:#ded8d8; }
  div.fascia_prodotti p { width:90%; font-size:18px; line-height:21px; margin:20px auto 20px auto; }
  div.fascia_prodotti div.pulsante { position:relative; width:90%; margin:20px 0px 0px 5%; }
}
@media only screen and (min-width:1024px) {
  div.fascia_prodotti { position:relative; text-align:center; padding:55px 11% 50px 11%; }
  div#fascia_01, div#fascia_03 { background:#ded8d8; }
  div.indice_marchi { position:relative; display:flex; }
  div.box_spazio_marchio { position:relative; width:16.66%; }
  div.box_marchio { position:relative; margin:0px 2% 0px 2%; width:29.33%; }
  div.fascia_prodotti p { width:90%; font-size:18px; line-height:21px; margin:20px auto 60px auto; }
  div.fascia_prodotti div.pulsante { position:absolute; bottom:0px; width:90%; margin-left:5%; }
}
@media only screen and (min-width:1280px) {
  div#icona_menu { display:none; }
  div#box_menu { position:relative; margin:0px auto 9px auto; display:table; }
  div#box_menu div.voce_menu { position:relative; font-size:18px; line-height:21px; padding:0px 30px 23px 30px; display:table-cell; }
  div#box_menu div.voce_menu_on, div#box_menu div.voce_menu_off:hover { background:url(../img/icone/icona-logo-menu.png) center bottom no-repeat; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#icona_menu { top:50%; right:20px; width:27px; height:16px; margin-top:-8px; background:url(../img/icone/icona-menu.png); }
  div#box_menu { position:absolute; right:0px; padding:10px 0px 10px 0px; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5); visibility:hidden; z-index:100; }
  div#box_menu div.voce_menu { position:relative; font-size:14px; line-height:17px; padding:8px 10px 8px 30px; }
  div#box_menu div.voce_menu_on { background:url(../img/icone/icona-logo-menu.png) 10px center no-repeat; background-size:auto 14px; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div.box_sezione div.pulsante { font-size:16px; }
  div.titolo_nastro { font-size:22px; line-height:25px; }
  div.testo_nastro p { font-size:12px; line-height:15px; padding:0px 2% 0px 2%; }
  div.testo_nastro div { font-size:12px; margin-top:15px; }
}
@media only screen and (min-width:1024px) and (max-width:1365px) {
  div.titolo_nastro { font-size:30px; line-height:33px; }
  div.testo_nastro div { font-size:16px; }
}
@media only screen and (orientation:portrait) {
  img.logo_tablet, img.logo_smart { margin:14px 0px 14px 0px; }
}
@media only screen and (min-width:0px) and (max-width:599px) and (orientation:portrait) {
  div#box_news { left:50%; width:90%; margin:30px 0px 0px -45%; }
}

/* rullo */
div#box_indice_marchi { width:100%; height:150px; margin:25px 0px 100px 0px; border-bottom:solid 10px #787878; }
div#indice_marchi, div#slide_marchi, div#slide_marchi div { height:150px; }
div#slide_marchi div { position:absolute; top:0px; left:0px; }

@media only screen and (min-width:0px) and (max-width:479px) {
  div#misura_marchio { width:50%; }
}
@media only screen and (min-width:480px) and (max-width:767px) {
  div#misura_marchio { width:33.33%; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div#misura_marchio { width:25%; }
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
  div#misura_marchio { width:16.66%; }
}
@media only screen and (min-width:1440px) {
  div#misura_marchio { width:12.50%; }
}

/* testate */
div#testata_falegnameria-mobilificio-lazzaro-biella { background:url(../img/testate/falegnameria-mobilificio-lazzaro-biella/1.jpg); background-size:cover; }
div#testata_mobilificio-lazzaro-biella { background:url(../img/testate/mobilificio-lazzaro-biella/1.jpg); background-size:cover; }
div#testata_progettazione-mobilificio-lazzaro-biella { background:url(../img/testate/progettazione-mobilificio-lazzaro-biella/1.jpg); background-size:cover; }

/* slide */
@media only screen and (min-width:0px) and (max-width:811px) and (orientation:landscape) {
  div.slide_index_1 { background:url(../img/slide/index/landscape/small/1.jpg); background-size:cover; }
  div.slide_index_2 { background:url(../img/slide/index/landscape/small/2.jpg); background-size:cover; }
  div.slide_index_3 { background:url(../img/slide/index/landscape/small/3.jpg); background-size:cover; }
  div.slide_index_4 { background:url(../img/slide/index/landscape/small/4.jpg); background-size:cover; }
}
@media only screen and (min-width:812px) and (orientation:landscape) {
  div.slide_index_1 { background:url(../img/slide/index/landscape/big/1.jpg); background-size:cover; }
  div.slide_index_2 { background:url(../img/slide/index/landscape/big/2.jpg); background-size:cover; }
  div.slide_index_3 { background:url(../img/slide/index/landscape/big/3.jpg); background-size:cover; }
  div.slide_index_4 { background:url(../img/slide/index/landscape/big/4.jpg); background-size:cover; }
}
@media only screen and (min-width:0px) and (max-width:599px) and (orientation:portrait) {
  div.slide_index_1 { background:url(../img/slide/index/portrait/small/1.jpg); background-size:cover; }
  div.slide_index_2 { background:url(../img/slide/index/portrait/small/2.jpg); background-size:cover; }
  div.slide_index_3 { background:url(../img/slide/index/portrait/small/3.jpg); background-size:cover; }
  div.slide_index_4 { background:url(../img/slide/index/portrait/small/4.jpg); background-size:cover; }
}
@media only screen and (min-width:600px) and (orientation:portrait) {
  div.slide_index_1 { background:url(../img/slide/index/portrait/big/1.jpg); background-size:cover; }
  div.slide_index_2 { background:url(../img/slide/index/portrait/big/2.jpg); background-size:cover; }
  div.slide_index_3 { background:url(../img/slide/index/portrait/big/3.jpg); background-size:cover; }
  div.slide_index_4 { background:url(../img/slide/index/portrait/big/4.jpg); background-size:cover; }
}