/* Elementi stili font esterni */
@font-face {
  font-family:'OpenSansL';
  font-style: normal;
  font-weight: 300;
  src: local('OpenSans Light'), local('OpenSans_Light'), local('OpenSansL'),
       url('../font/open-sans-light.woff2') format('woff2'),
       url('../font/open-sans-light.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-display: swap;
}
@font-face {
  font-family:'OpenSansR';
  font-style: normal;
  font-weight: 300;
  src: local('OpenSans Regular'), local('OpenSans_Regular'), local('OpenSansR'),
       url('../font/open-sans-regular.woff2') format('woff2'),
       url('../font/open-sans-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-display: swap;
}
@font-face {
  font-family:'OpenSansB';
  font-style: normal;
  font-weight: 700;
  src: local('OpenSans Bold'), local('OpenSans_Bold'), local('OpenSansB'),
       url('../font/open-sans-bold.woff2') format('woff2'),
       url('../font/open-sans-bold.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-display: swap;
}


/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
div, table { position:relative; }
.nero, .link-00 { color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.giallo-00 { color:#e0e0e0; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-grigio-00 { background-color:#4e4f51; }
.sfondo-grigio-01 { background-color:#ededed; }
.sfondo-grigio-02 { background-color:#ababab; }
.assoluto { position:absolute !important; }
.fisso { position:fixed !important; }
.origine { top:0px; left:0px; }
.totale { width:100%; height:100%; }
.largo, .ratio { width:100%; }
.alto { height:100%; }
.meta { width:50%; }
.content-ratio { position:absolute !important; top:0px; left:0px; width:100%; height:100%; }
.base-avviso { position:fixed !important; top:0px; left:0px; width:100%; height:100%; visibility:hidden; overflow:hidden; z-index:10000; }
.sfondo-base { background-position:center; background-repeat:no-repeat; background-size:cover; }
.centrato { margin:0px auto 0px auto; }
.chiusura { position:relative; clear:both; }
.rotondo { border-radius:50%; }
.arrotondato { border-radius:10px; }
.sinistra { float:left; }
.destra { float:right; }
.tabella { display:table; }
.cella { display:table-cell; }
.flessibile { display:flex; }
.txt-centro { text-align:center !important; }
.txt-destro { text-align:right !important; }
.txt-sinistro { text-align:left !important; }
.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-port { display:none; }
.limitato { overflow:hidden; }
.superiore { z-index:20; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font-zero { font-size:0px; line-height:0px; }
.fade { opacity:.00; visibility:hidden; }
.loader { background:#ffffff url(../img/icone/icona-loader.gif) center no-repeat; }
.opaco-00 { opacity:.80; }
.opaco-01 { opacity:.90; }
.opaco-02 { opacity:.40; }
.opaco-03 { opacity:.85; }
.ombra { box-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); }
body { font-family:'OpenSansL'; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#000000; background-color:#ffffff; z-index:0; }


/* -font- */
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
.osc-lig { font-family:'OpenSansL'; }
.osc-reg { font-family:'OpenSansR'; }
.osc-bol { font-family:'OpenSansB'; }
.titolo-00 { font-family:'OpenSansR'; font-size:30px; line-height:33px; }
.txt-base { font-size:16px; line-height:21px; }
.txt-piccolo { font-size:12px; line-height:15px; }



/* -elementi generali- */
/* -testata- */
@media only screen and (orientation:landscape) {
  .elemento-portrait { display:none; }
}
@media only screen and (orientation:portrait) {
  .elemento-landscape { display:none; }
}
div#passaggio { width:1px; height:1px; }
table#box-loading p { font-size:12px; line-height:14px; margin:10px 0px 0px 0px; }
div.schermo-des .box-logo-menu { height:132px; }
div.schermo-des div.box-logo { margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; border-bottom:solid 1px #dddddd; }
div.schermo-mob .box-logo-menu { height:100px; }
table#logo { font-size:12px; line-height:12px; margin:10px auto 10px auto; }
table#logo h1 { font-family:times; font-size:50px; line-height:50px; }
div.box-sottomenu { text-align:left; text-transform:lowercase; z-index:100; }
@media only screen and (min-width:0px) and (max-width:567px) {
  table#logo { font-size:10px; line-height:10px; margin:25px auto 0px auto; }
  table#logo h1 { font-size:40px; line-height:40px; }
}
/* -menu- */
div.schermo-des div#box-menu { height:34px; color:#000000; white-space:nowrap; margin:0px auto 0px auto; display:table; z-index:20; }
div.schermo-des div#sfondo-menu { display:none; }
div.schermo-des div.box-sottomenu { position:absolute; top:50px; left:0px; padding:15px 0px 15px 0px; opacity:.00; display:none; z-index:20; }
div.schermo-des div.voce-menu { font-size:14px; line-height:17px; vertical-align:middle; padding:0px 20px 0px 20px; display:table-cell; cursor:pointer; }
div.schermo-des div.voce-smenu { font-size:16px; line-height:28px; padding:0px 20px 0px 20px; }
div.schermo-des div.voce-menu a, div.voce-smenu a { color:#000000; }
div.schermo-mob div#box-icona-menu { top:35px; left:20px; width:24px; height:20px; display:block; z-index:20; }
div.schermo-mob div#box-icona-menu div { position:absolute; width:100%; height:4px; background-color:#000000; }
div.schermo-mob div#riga-up { top:0px; }
div.schermo-mob div#riga-md { top:8px; }
div.schermo-mob div#riga-dw { bottom:0px; }
div.schermo-mob div#box-menu { position:absolute !important; top:100px; left:0px; width:100%; color:#ffffff; visibility:hidden; z-index:100; }
div.schermo-mob div.box-sottomenu { overflow:hidden; }
div.schermo-mob div.voce-menu { font-size:16px; line-height:30px; padding:10px 0px 10px 0px; border-bottom:solid 2px #ffffff; }
div.schermo-mob div.voce-smenu { font-size:14px; line-height:30px;  }
div.schermo-mob div#box-menu p { padding:0px 25px 0px 25px; }
div.schermo-mob div.sfondo-sottomenu { display:none; }
div.schermo-des div.voce-menu a, div.voce-smenu a { color:#000000; }
/* -contenuti- */
div.schermo-des { width:100%; min-width:1260px; }
div#sfondo-testata-interne { background-image:url(../img/sfondi/sfondo-testata-interne.jpg); }
div.box-griglia { margin:0px auto 0px auto; }
div.box-griglia-00 { width:82%; max-width:950px; }
div.fascia-bordo { border-top:solid 1px #dddddd; }
h2.titolo-00, h3.titolo-00 { margin:30px 0px 30px 0px; }
table.box-pulsanti { border-spacing:20px 0px; }
div.box-pulsante { font-family:'OpenSansB'; font-size:14px; line-height:17px; text-transform:uppercase; text-align:center; padding:10px 20px 10px 20px; border:solid 1px #000000; transition:background-color 0.5s; cursor:pointer; }
div.box-pulsante:hover { background-color:#ebebeb; }
div.schermo-grande div.box-fascia { padding:40px 0px 40px 0px; }
div.schermo-grande table.box-pulsanti {  margin:40px 0px 20px auto; }
div.schermo-piccolo div.box-fascia { text-align:center; padding:20px 0px 20px 0px; }
div.schermo-piccolo table.box-pulsanti {  margin:40px auto 20px auto; }
div.separatore {  width:50%; max-width:400px; height:1px; margin:30px auto 30px auto; }

/* -footer- */
div#box-footer { padding:20px 0px 20px 0px; }
table.box-social { margin:0px auto 20px auto; border-spacing:20px 0px; }
div.box-icona-social { width:48px; }
div.icona-social { background-repeat:no-repeat; background-position:center; background-size:50% auto; }
div#icona-sh { background-image:url(../img/icone/icona-shop.png); }
div#icona-fb { background-image:url(../img/icone/icona-facebook.png); }
div#icona-in { background-image:url(../img/icone/icona-instagram.png); }
div#icona-yt { background-image:url(../img/icone/icona-youtube.png); }
div#box-iubenda { margin:10px 0px 0px 0px; }
@media only screen and (min-width:0px) and (max-width:639px) {
  div#box-footer span.trattino { display:none; }
  div#box-footer .txt-piccolo { line-height:18px; }
}
@media only screen and (min-width:640px) {
  div#box-footer br { display:none; }
}


/* -homepage- */
div#box-banda-slide { bottom:100px; left:0px; height:100px; }
table#box-testo-slide { font-size:30px; line-height:33px; border-spacing:40px 0px; }
div.box-freccia-down { bottom:20px; left:50%; width:32px; margin:0px 0px 0px -16px; }
div.freccia-down { background-image:url(../img/icone/icona-freccia-down.png); }
div.box-marchio { margin:20px 1% 20px 1%; background-color:#ffffff; float:left; }
div.box-marchio table { font-family:'OpenSansR'; font-size:14px; line-height:17px; }
.sfondo-marchio { background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#ffffff; transition:opacity 1.0s; }
.sfondo-marchio:hover { opacity:0.0; }
table#box-video { border-spacing:40px 40px; }
div.box-chiudi { top:5px; right:5px; width:48px; }
div.icona-chiudi { background-position:center; background-repeat:no-repeat; background-size:80% auto; background-image:url(../img/icone/icona-chiudi.png); z-index:20; }
@media only screen and (min-width:0px) and (max-width:567px) {
  div.box-marchio { width:98%; }
}
@media only screen and (min-width:568px) and (max-width:666px) {
  div.box-marchio { width:48%; }
}
@media only screen and (min-width:667px) and (max-width:1023px) {
  div.box-marchio { width:31.33%; }
}
@media only screen and (min-width:1024px) {
  div.box-marchio { width:23%; }
}

//@media only screen and (min-width:1536px) {
//  div.box-marchio { width:14.66%; }
//}

/* -chi siamo- */
div.box-foto-testo { margin:50px 0px 50px 0px; }
div#box-foto-azienda { background-image:url(../img/temp/foto-azienda.jpg); }
@media only screen and (min-width:0px) and (max-width:639px) {
  div.box-foto-testo { padding:280px 50px 50px 50px; }
  div.box-testo-base { top:-30px; left:-10px; width:80%; max-width:340px; }
}
@media only screen and (min-width:640px) {
  div.box-foto-testo { padding:30px 50px 50px 40%; }
  div.box-testo-base { top:-20px; left:-20px; width:30%; }
}

/* -prodotto- */
div.box-foto-prodotto { margin:50px 0px 50px 0px; }
div#box-foto-borse { background-image:url(../img/borse.jpg); }
div#box-foto-portafoglio { background-image:url(../img/portafogli.jpg); }
div#box-foto-cintura { background-image:url(../img/cinture.jpg); }
div#box-foto-tessile { background-image:url(../img/tessile.jpg); }
div#box-foto-uomo { background-image:url(../img/uomo.jpg); }
@media only screen and (min-width:0px) and (max-width:639px) {
  div.box-foto-prodotto { padding:200px 50px 50px 50px; }
  div.box-prodotto-base { top:-10px; left:-10px; width:70%; max-width:340px; }
}
@media only screen and (min-width:640px) {
  div.box-foto-prodotto { padding:30px 50px 50px 30%; }
  div.box-prodotto-base { top:-20px; left:-20px; width:25%; }
}

/* -contatti- */
div#box-contatti p { font-size:13px; line-height:20px; }
div#box-contatti span { font-size:15px; line-height:20px; }
div.blocco-campo-modulo { margin:0px 0px 15px 0px; }
div.blocco-campo-modulo input, div.blocco-campo-modulo textarea { width:97%; font-family:'OpenSansL'; font-size:12px; line-height:17px; padding:4px 1% 4px 1%; border:solid 1px #9e9e9e; }
div.blocco-campo-modulo textarea { height:150px; }
div.box-testo-03 p.txt-small  { margin:3px 0px 0px 0px; }
div#box-dati-contatto { vertical-align:top; }
div.box-check { margin:20px 0px 20px 0px; border-spacing:0px 0px; }
div.check-form { width:auto !important!; margin:5px 0px 0px 0px; display:table; }
div.check-form div { height:24px; vertical-align:middle; display:table-cell; }
div.check-form div.campo { padding:0px 5px 0px 0px; }
div.check-form div.testo { padding:0px 20px 0px 0px; }
div.check-form input { font-family:'OpenSansL'; font-size:12px; line-height:15px; padding:2px 1% 2px 1%; border:solid 1px #9e9e9e; }
table.box-pulsante-modulo { margin:15px 0px 20px auto; cursor:pointer; }
table.box-pulsante-modulo td { height:35px; padding:0px 24px 0px 24px; }
div#box-avviso p { width:80%; font-size:14px; line-height:17px; margin:0px auto 0px auto; padding:20px 20px 20px 20px; border-radius:5px; display:none; }
div#box-avviso p span { font-size:16px; line-height:19px; color:#0da0e1; margin:0px 0px 5px 0px; }

@media only screen and (min-width:0px) and (max-width:639px) {
  div#box-contatti div.blocco-contatti { text-align:left; padding:10px 0px 10px 0px; }
}
@media only screen and (min-width:1023px) {
  div#box-contatti { width:100%; display:table; }
  div#box-contatti div.blocco-contatti { width:40%; vertical-align:top; padding:30px 5% 0px 5%; display:table-cell; }
}