/* Elementi stili font esterni */
@font-face {
  font-family:'EBGaramondR';
  font-style: normal;
  font-weight: 400;
  src: local('EBGaramond Regular'), local('EBGaramond_Regular'), local('EBGaramondR'),
       url('../font/ebgaramond-regular.woff2') format('woff2'),
       url('../font/ebgaramond-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:'OpenSansCondensedL';
  font-style: normal;
  font-weight: 300;
  src: local('OpenSansCondensed Light'), local('OpenSansCondensed_Light'), local('OpenSansCondensedL'),
       url('../font/open-sans-consensed-light.woff2') format('woff2'),
       url('../font/open-sans-consensed-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:'OpenSansCondensedB';
  font-style: normal;
  font-weight: 700;
  src: local('OpenSansCondensed Bold'), local('OpenSansCondensed_Bold'), local('OpenSansCondensedB'),
       url('../font/open-sans-consensed-bold.woff2') format('woff2'),
       url('../font/open-sans-consensed-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 !important; }
.blu-00 { color:#4bbfd6; }
.grigio-00 { color:#272727; }
.grigio-01 { color:#32393d; }
.grigio-02, .link-02 { color:#645c60; }
.grigio-03, .link-04 { color:#373737; }
.giallo-00, .link-03 { color:#8c714c; }
.giallo-01 { color:#f8dc51; }
.rosso-00 { color:#ff0000; }
.rosso-01 { color:#953734; }
.verde-00 { color:#4ea61d; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-grigio-00 { background-color:#bdbdbd; }
.sfondo-grigio-01 { background-color:#645c60; }
.sfondo-grigio-02 { background-color:#464646; }
.sfondo-grigio-03 { background-color:#030303; }
.sfondo-grigio-04 { background-color:#2d2d2d; }
.sfondo-grigio-05 { background-color:#413e3c; }
.sfondo-grigio-06 { background-color:#323232; }
.sfondo-grigio-07 { background-color:#272727; }
.sfondo-grigio-08 { background-color:#252525; }
.sfondo-marrone-00 { background-color:#a79b8f; }
.sfondo-giallo-00 { background-color:#f8dc51; }
.sfondo-giallo-01 { background-color:#8c714c; }
.sfondo-rosso-00 { background-color:#ff0000; }
.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; }
.barrato { text-decoration:line-through; }
.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; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font-zero { font-size:0px; line-height:0px; }
.fade { opacity:.00; visibility:hidden; }
.loader { background:#000000 url(../img/icone/icona-loader.gif) center no-repeat; }
.opaco-00 { filter: alpha(opacity=80); opacity:.80; }
.opaco-01 { filter: alpha(opacity=90); opacity:.90; }
.ombra { box-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); }
body { font-family:'OpenSansCondensedL'; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#272727; z-index:0; }

body.desktop { min-width:1260px; }
/* -font- */
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
.ebg-reg { font-family:'EBGaramondR'; }
.osc-lig { font-family:'OpenSansCondensedL'; }
.osc-bol { font-family:'OpenSansCondensedB'; }
.titolo-00 { font-size:50px; line-height:53px; }
.titolo-01 { font-size:40px; line-height:43px; }
.txt-base, .txt-intro, .txt-intro-vini { font-size:30px; line-height:33px; }
.txt-premi { font-size:20px; line-height:23px; }
.txt-credits { font-size:20px; line-height:30px; }
.txt-small { font-size:12px; line-height:15px; }
.txt-med { font-size:15px; line-height:20px; }
div.box-testo-vino h2 { font-size:24px; line-height:27px; }
div.box-testo-vino h3 { height:27px; font-size:24px; line-height:27px; }
div.box-testo-vino p.testo-indice { height:69px; font-size:20px; line-height:23px; overflow:hidden; }
table#titolo-intro h1 { font-size:83px; line-height:86px; }
div.box-contenuti-intro-vini h2 { font-size:40px; line-height:43px; }
/* -font eventi- */
div.testo-quadro h2 { font-size:50px; line-height:53px; }
div.testo-quadro p.data { font-size:30px; line-height:33px; }
div.testo-quadro p.intro { font-size:36px; line-height:39px; }
div.testo-quadro .txt-promo { font-size:35px; line-height:40px; }
div.box-testo-dettaglio div.box-data-evento { font-size:22px; line-height:25px; }
/* -font vetrine- */
div.dati-vino p.nome-vino { font-size:60px; line-height:63px; }
div.dati-vino p.tipo-vino, div.link-vino p { font-size:28px; line-height:31px; }
div.dati-tecnici-vino p { font-size:22px; line-height:25px; }
div#box-linee-home h3 { font-size:50px; line-height:53px; }
div#box-linee-home p { font-size:30px; line-height:33px; }
/* -font eventi- */
div.titolo-archivio { font-size:30px; line-height:33px; }
div#box-indice-eventi p { font-size:25px; line-height:28px; }
/* -font vitigni- */
@media only screen and (min-width:0px) and (max-width:374px) {
  .titolo-00 { font-size:26px; line-height:29px; }
  table#titolo-intro h1 { font-size:24px; line-height:27px; }
  div.dati-vino p.nome-vino { font-size:35px; line-height:38px; }
  div.dati-vino p.tipo-vino, div.link-vino p { font-size:16px; line-height:19px; }
  div.dati-tecnici-vino p, div.link-vino table.box-pulsante div.pulsante { font-size:13px; line-height:16px; }
}
@media only screen and (min-width:0px) and (max-width:767px) {
  .txt-intro, .txt-intro-vini { font-size:20px; line-height:23px; }
  .txt-premi { font-size:17px; line-height:20px; }
  div#box-linee-home h3 { font-size:30px; line-height:33px; }
  div#box-linee-home p { font-size:22px; line-height:25px; }
}
@media only screen and (min-width:0px) and (max-width:1359px) {
  .titolo-01 { font-size:30px; line-height:33px; }
  .txt-base { font-size:22px; line-height:27px; }
}
@media only screen and (min-width:375px) and (max-width:479px) {
  div.dati-vino p.nome-vino { font-size:40px; line-height:45px; }
  div.dati-vino p.tipo-vino, div.link-vino p { font-size:18px; line-height:21px; }
  div.dati-tecnici-vino p, div.link-vino table.box-pulsante div.pulsante { font-size:15px; line-height:18px; }
}
@media only screen and (min-width:375px) and (max-width:767px) {
  .titolo-00 { font-size:35px; line-height:38px; }
  table#titolo-intro h1 { font-size:44px; line-height:47px; }
  div.box-contenuti-intro-vini h2 { font-size:25px; line-height:28px; }
}
@media only screen and (min-width:480px) and (max-width:599px) {
  div.dati-vino p.nome-vino { font-size:40px; line-height:45px; }
  div.dati-vino p.tipo-vino, div.link-vino p { font-size:18px; line-height:21px; }
  div.dati-tecnici-vino p, div.link-vino table.box-pulsante div.pulsante { font-size:15px; line-height:18px; }
}
@media only screen and (min-width:600px) and (max-width:767px) {
  div.dati-vino p.nome-vino { font-size:50px; line-height:53px; }
  div.dati-vino p.tipo-vino, div.link-vino p { font-size:28px; line-height:31px; }
  div.dati-tecnici-vino p, div.link-vino table.box-pulsante div.pulsante { font-size:22px; line-height:25px; }
}
@media only screen and (min-width:640px) and (max-width:767px) {
  .box-indice-organigramma .txt-base { font-size:18px; line-height:21px; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div.testo-quadro h2 { font-size:40px; line-height:43px; }
  div.testo-quadro p.data { font-size:20x; line-height:23px; }
  div.testo-quadro p.intro { font-size:28px; line-height:31px; }
  div.testo-quadro .txt-promo { font-size:27px; line-height:30px; }
  div.dati-vino p.nome-vino { font-size:30px; line-height:33px; }
  div.dati-vino p.tipo-vino, div.link-vino p { font-size:18px; line-height:21px; }
  div.dati-tecnici-vino p, div.link-vino table.box-pulsante div.pulsante { font-size:14px; line-height:17px; }
}
@media only screen and (min-width:768px) and (max-width:1279px) {
  .titolo-00 { font-size:40px; line-height:43px; }
  .txt-intro-vini { font-size:25px; line-height:28px; }
  div.box-contenuti-intro-vini h2 { font-size:35px; line-height:38px; }
  div#box-griglia-vitigni h2 { font-size:35px; line-height:38px; }
  div#box-griglia-vitigni p { font-size:25px; line-height:28px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  div.testo-quadro h2 { font-size:30px; line-height:33px; }
  div.testo-quadro p.data { font-size:15px; line-height:18px; }
  div.testo-quadro p.intro { font-size:21px; line-height:24px; }
  div.testo-quadro .txt-promo { font-size:20px; line-height:23px; }
  div.dati-vino p.nome-vino { font-size:40px; line-height:43px; }
  div.dati-vino p.tipo-vino, div.link-vino p { font-size:22px; line-height:25px; }
  div.dati-tecnici-vino p, div.link-vino table.box-pulsante div.pulsante { font-size:16px; line-height:19px; }
  div#box-linee-home h3 { font-size:32px; line-height:35px; }
  div#box-linee-home p { font-size:20px; line-height:23px; }
}
@media only screen and (min-width:1280px) and (max-width:1439px) {
  div.testo-quadro h2 { font-size:35px; line-height:38px; }
  div.testo-quadro p.data { font-size:17px; line-height:20px; }
  div.testo-quadro p.intro { font-size:23px; line-height:26px; }
  div.testo-quadro .txt-promo { font-size:22px; line-height:25px; }
  div.dati-vino p.nome-vino { font-size:50px; line-height:53px; }
  div.dati-vino p.tipo-vino, div.link-vino p { font-size:24px; line-height:27px; }
  div.dati-tecnici-vino p { font-size:20px; line-height:23px; }
  div#box-linee-home h3 { font-size:38px; line-height:41px; }
  div#box-linee-home p { font-size:24px; line-height:27px; }
}
@media only screen and (min-width:1440px) and (max-width:1599px) {
  div.testo-quadro p.data { font-size:17px; line-height:20px; }
  div.testo-quadro p.intro { font-size:23px; line-height:26px; }
  div.testo-quadro .txt-promo { font-size:22px; line-height:25px; }
  div#box-linee-home h3 { font-size:45px; line-height:48px; }
  div#box-linee-home p { font-size:28px; line-height:31px; }
}
@media only screen and (min-width:0px) and (max-width:639px) and (orientation:landscape) {
  div.testo-quadro h2 { font-size:25px; line-height:28px; }
  div.testo-quadro p.data { font-size:14px; line-height:17px; }
  div.testo-quadro p.intro { font-size:18px; line-height:21px; }
  div.testo-quadro .txt-promo { font-size:17px; line-height:20px; }
}
@media only screen and (min-width:0px) and (max-width:374px) and (orientation:portrait) {
  div.testo-quadro h2 { font-size:17px; line-height:20px; }
  div.testo-quadro p.data { font-size:11px; line-height:13px; }
  div.testo-quadro p.intro { font-size:15px; line-height:17px; }
  div.testo-quadro .txt-promo { font-size:14px; line-height:16px; }
  div.testo-quadro table.box-pulsante div.pulsante { font-size:14px; line-height:17px; }
}
@media only screen and (min-width:375px) and (max-width:599px) and (orientation:portrait) {
  div.testo-quadro h2 { font-size:20px; line-height:23px; }
  div.testo-quadro p.data { font-size:12px; line-height:5px; }
  div.testo-quadro p.intro { font-size:16px; line-height:19px; }
  div.testo-quadro .txt-promo { font-size:15px; line-height:18px; }
  div.testo-quadro table.box-pulsante div.pulsante { font-size:14px; line-height:17px; }
}
@media only screen and (min-width:600px) and (max-width:767px) and (orientation:portrait) {
  div.testo-quadro h2 { font-size:35px; line-height:38px; }
  div.testo-quadro p.data { font-size:17px; line-height:20px; }
  div.testo-quadro p.intro { font-size:23px; line-height:26px; }
  div.testo-quadro .txt-promo { font-size:22px; line-height:25px; }
}

/* -elementi generali- */
/* -ratio- */
.ratio-quadrato { padding-top:100.00%; }
.ratio-sostenibilita { padding-top:95.03%; }
.ratio-logo-mines { padding-top:31.86%; }
.ratio-dipinto { padding-top:58.66%; }
div#box-step-1 .ratio-foto-esperienza { padding-top:107.69%; }
div#box-step-2 .ratio-foto-esperienza, div#box-prenotazione-dx .ratio-foto-esperienza { padding-top:143.08%; }

/* -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; }
.box-logo-menu { height:132px; }
div#griglia-testata { z-index:10; }
div#box-logo-testata div.box-logo { height:100%; background-repeat:no-repeat; background-position:center; }
div.box-logo { background-image:url(../img/logo-lacrotta-vegneron.png); }
div.voce-menu a, div.voce-smenu a { color:#ffffff; }
div.box-sottomenu { text-align:left; text-transform:lowercase; z-index:100; }
table#box-lingue { top:23px; right:10px; border-spacing:7px 0px; z-index:20; }
table#box-lingue td.box-lingua { font-size:16px; line-height:22px; }
table#box-lingue div.box-freccia-down { width:12px; }
div.freccia-down { background-image:url(../img/icone/icona-freccia-down.png); }
div.logo-lagriffe { background-image:url(../img/logo-lagriffe.png); }
div.logo-quatremillemetres { background-image:url(../img/logo-quatremillemetres.png); }
table#box-pulsante-ordina-vini { top:132px; right:30px; z-index:10; }
table#box-pulsante-ordina-vini td { height:40px; font-size:20px; line-height:24px; padding:0px 15px 0px 15px; }
div#box-logo-ocm { width:70%; max-width:250px; margin:20px auto 20px auto; }
div#logo-ocm { background-image:url(../img/logo-ocm.png); }
div#box-click-mobile { top:20%; left:50%; z-index:20; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div#box-click-mobile {  width:20%; margin:0px auto 0px -10%;  }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div#box-click-mobile { width:12%; margin:0px auto 0px -6%;  }
}
@media only screen and (min-width:1024px) {
  div#box-click-mobile { width:8%; margin:0px auto 0px -4%;  }
}

/* -menu- */
div.schermo-mob div#box-logo-testata div.box-logo { width:100%; background-size:auto 47.73%; }
div.schermo-mob div#box-icona-menu { top:30px; 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:#ffffff; }
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:132px; left:0px; width:100%; visibility:hidden; z-index:100; }
div.schermo-mob div.box-sottomenu { overflow:hidden; }
div.schermo-mob div.voce-menu { font-size:20px; line-height:30px; padding:10px 0px 10px 0px; border-bottom:solid 2px #ffffff; }
div.schermo-mob div.voce-smenu { font-size:16px; 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#box-logo-testata div.box-logo { left:2.6%; width:15.31%; max-width:294px; background-size:100% auto; }
div.schermo-des div#box-menu { top:62%; right:5%; white-space:nowrap; 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:20px; line-height:23px; 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; }
@media only screen and (min-width:0px) and (max-width:1023px) {
  div.schermo-des div.voce-menu { font-size:16px; line-height:19px; padding:0px 15px 0px 15px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  div.schermo-des div.voce-menu { font-size:16px; line-height:19px; padding:0px 15px 0px 15px; }
}
@media only screen and (min-width:1280px) and (max-width:1439px) {
  div.schermo-des div.voce-menu { font-size:16px; line-height:19px; padding:0px 15px 0px 15px; }
}
@media only screen and (min-width:1440px) and (max-width:1679px) {
  div.schermo-des div.voce-menu { font-size:19px; line-height:22px; padding:0px 15px 0px 15px; }
}

/* -rulli- */
div.box-indice-roll { display:flex; }
img.freccia-roll { visibility:hidden; cursor:pointer; }

/* -contenuti- */
div.schermo-des { width:100%; min-width:1260px; }
div.box-griglia { width:82%; margin:0px auto 0px auto; }
div.box-griglia-grande { max-width:964px; }
div.schermo-smart .box-logo-menu { height:120px; }
div.schermo-smart div#box-menu { top:120px; }
div.schermo-smart table#box-pulsante-ordina-vini { top:120px; }
.titolo-paragrafo { margin:50px 0px 10px 0px; }
table.box-pulsante div.pulsante { font-family:'OpenSansCondensedB'; font-size:20px; line-height:24px; text-transform:uppercase; white-space:nowrap; padding:6px 15px 6px 15px; }
@media only screen and (min-width:1024px) {
  div.fascia-quadri div.blocco-quadro { width:50%; }
  div.fascia-00 div.box-testo-quadro, div.fascia-01 div.box-foto-quadro { float:left; }
  div.fascia-00 div.box-foto-quadro, div.fascia-01 div.box-testo-quadro { float:right; }
}


/* -social- */
div#box-menu table.box-social { font-size: 0px; line-height:0px; border-spacing:20px 0px; }
div#box-menu table.box-social div.box-icona-social { width:24px; }
div#footer table.box-social { border-spacing:20px 0px; }
div#footer table.box-social div.box-icona-social { width:38px; }
div.icona-facebook { background-image:url(../img/icone/icona-facebook.png); }
div.icona-instagram { background-image:url(../img/icone/icona-instagram.png); }

/* -footer- */
div#box-footer { margin:30px 0px 0px 0px; padding:30px 0px 30px 0px; }
div#box-logo-ocm { width:45%; max-width:200px; margin:20px 0px 0px 20px; }
div#logo-ocm { background-image:url(../img/logo-ocm.png); }
div#box-menu-footer { margin:20px 0px 20px 10px; }
div#box-menu-footer span { font-size:14px; line-height:17px; padding:0px 20px 0px 10px; }
div#box-testi-footer { font-size:14px; line-height:20px; margin:10px 0px 0px 0px; }
@media only screen and (min-width:0px) and (max-width:1259px) {
  div#footer { width:90%; max-width:400px; margin:0px auto 0px auto; }
  div#box-footer-md { text-align:center; padding:30px 0px 20px 0px; }
  div#footer table#box-social, div#box-logo-ocm { margin:0px auto 0px auto; }
  div#box-footer-dx { text-align:center; padding:30px 0px 30px 0px; }

}
@media only screen and (min-width:1260px) {
  div#footer { width:100%; display:table; }
  div.blocco-footer { width:28%; padding:0px 2.5% 0px 2.5%; display:table-cell; }
}

/* -homepage- */
table.box-testo-slide { margin:0px auto 0px auto; }
table.box-testo-slide p.titolo-slide { font-family:'OpenSansCondensedB'; font-size:83px; line-height:86px; text-transform:uppercase; }
table.box-testo-slide p.testo-slide { font-size:30px; line-height:33px; margin:20px 0px 0px 0px; }
table#testo-slide-2 div.box-logo-lagriffe { width:33%; margin:20px 0px 0px 0px; }
table#testo-slide-3 div.box-logo-quatremillemetres { width:30%; margin:20px 0px 0px 0px; }
div#box-slide div.box-freccia-down { bottom:20px; left:50%; width:32px; margin:0px 0px 0px -16px; }
div#box-intro-home { padding:100px 0px 120px 0px; }
div#box-intro-home h1 { margin:0px 0px 100px 0px; }
div#box-intro-home h2 { margin:130px 0px 70px 0px; }
div#box-linee-home { padding:60px 0px 60px 0px; }
/* -homepage newsletter- */
div#popup-newsletter { width:90%; max-width:500px; margin:0px auto 0px auto; }
div#popup-newsletter input.campo-mail { width:96%; font-size:16px; line-height:30px; margin:20px 0px 20px 0px; padding:0px 2% 0px 2%; }
div#popup-newsletter div.testo { font-size:14px; line-height:17px; }
form#iscrizione-newsletter table#box-pulsanti-modulo-prenotazione { margin:30px auto 0px auto !important; }
@media only screen and (min-width:0px) and (max-width:374px) {
  div#popup-newsletter div.testo { font-size:11px; line-height:14px; }
}
@media only screen and (min-width:375px) and (max-width:567px) {
  div#popup-newsletter div.testo { font-size:12px; line-height:15px; }
}

/* -homepage eventi- */
div.testo-quadro { padding:40px 80px 40px 40px; }
div.testo-quadro p.data { margin:50px 0px 50px 0px; }
div.testo-quadro .txt-promo { margin:25px 0px 100px 0px; }
/* -homepage vetrina- */
.sfondo-vetrina { background-repeat:no-repeat; background-position:center 30%; background-size:auto 70%; }
h2.titolo-vetrina { padding:20px 0px 20px 0px; }
div#box-vetrina-4000 { background-image:url(../img/vetrina-4000-big.jpg); }
div#box-vetrina-lagriffe { background-image:url(../img/vetrina-lagriffe-big.jpg); }
div#box-vetrina-mines { background-image:url(../img/vetrina-mines-big.jpg); }
div#box-linee-home { margin:0px auto 0px auto; }
div#box-linee-home img { top:50%; margin:-16px 0px 0px 0px; }
div#box-linee-home img#freccia-sx-vetrina { left:-25px; }
div#box-linee-home img#freccia-dx-vetrina { right:-25px; }
div#box-linee-home div.dati-vino-evid { bottom:0px; }
div#box-linee-home div.dati-vino-evid p { padding:0px 0px 3px 0px; }
@media only screen and (min-width:0px) and (max-width:599px) {
  div#box-roll-vetrina div.box-roll { min-width:100%; }
}
@media only screen and (min-width:0px) and (max-width:767px) {
  div#box-linee-home div#desc-linea p { margin:40px 0px 40px 0px; }
  div#box-vetrina-4000 { background-image:url(../img/vetrina-4000.jpg); }
  div#box-vetrina-lagriffe { background-image:url(../img/vetrina-lagriffe.jpg); }
  div#box-vetrina-mines { background-image:url(../img/vetrina-mines.jpg); }
}
@media only screen and (min-width:0px) and (max-width:1023px) {
  div#box-linee-home { width:85%; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-intro-home { padding:60px 0px 80px 0px; }
  div#box-intro-home h1 { margin:0px 0px 60px 0px; }
}
@media only screen and (min-width:600px) and (max-width:1023px) {
  div#box-roll-vetrina div.box-roll { min-width:50%; }
  div#box-linee-home div#desc-linea p { margin:30px 0px 30px 0px; }
}
@media only screen and (min-width:1024px) {
  div#box-roll-vetrina div.box-roll { min-width:33.34%; }
  div#box-linee-home { width:94%; display:table; }
  div#box-linee-home div.blocco-linee-home { display:table-cell; }
  div#box-linee-home div#desc-linea { width:35%; vertical-align:top; }
  div#box-linee-home div#desc-linea p { margin:60px 40px 60px 0px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  div#box-linee-home div#desc-linea p { margin:30px 20px 30px 0px; }
  div.testo-quadro { padding:30px 50px 30px 30px; }
  div.testo-quadro p.data { margin:30px 0px 30px 0px; }
  div.testo-quadro .txt-promo { margin:15px 0px 35px 0px; }
}
@media only screen and (min-width:1280px) and (max-width:1439px) {
  div#box-linee-home div#desc-linea p { margin:30px 20px 30px 0px; }
  div.testo-quadro { padding:30px 50px 30px 30px; }
  div.testo-quadro p.data { margin:30px 0px 30px 0px; }
  div.testo-quadro .txt-promo { margin:15px 0px 60px 0px; }
}
@media only screen and (min-width:1440px) and (max-width:1599px) {
  div#box-linee-home div#desc-linea p { margin:25px 20px 25px 0px; }
  div.testo-quadro { padding:30px 50px 30px 30px; }
  div.testo-quadro p.data { margin:30px 0px 30px 0px; }
  div.testo-quadro .txt-promo { margin:15px 0px 60px 0px; }
}
@media only screen and (orientation:landscape) {
  div.schermo-smart table.box-testo-slide p.titolo-slide br { display:none; }
  div.schermo-smart table.box-testo-slide p.titolo-slide { font-size:24px; line-height:27px; }
  div.schermo-smart table.box-testo-slide p.testo-slide { font-size:18px; line-height:21px; }
  div.schermo-smart table#testo-slide-2 div.box-logo-lagriffe { width:20%; margin:10px 0px 0px 0px; }
}
@media only screen and (orientation:portrait) {
  div.schermo-smart table.box-testo-slide p.titolo-slide { font-size:40px; line-height:43px; }
  div.schermo-smart table.box-testo-slide p.testo-slide { font-size:14px; line-height:17px; }
}
@media only screen and (min-width:0px) and (max-width:639px) and (orientation:landscape) {
  div.testo-quadro { padding:20px 20px 20px 20px; }
  div.testo-quadro p.data { margin:25px 0px 25px 0px; }
  div.testo-quadro .txt-promo { margin:20px 0px 40px 0px; }
}
@media only screen and (min-width:0px) and (max-width:374px) and (orientation:portrait) {
  div.testo-quadro { padding:15px 15px 15px 15px; }
  div.testo-quadro p.data { margin:10px 0px 10px 0px; }
  div.testo-quadro .txt-promo { margin:10px 0px 20px 0px; }
  div.testo-quadro table.box-pulsante div.pulsante { font-size:14px; line-height:17px; }
}
@media only screen and (min-width:375px) and (max-width:599px) and (orientation:portrait) {
  div.testo-quadro { padding:20px 20px 20px 20px; }
  div.testo-quadro p.data { margin:20px 0px 20px 0px; }
  div.testo-quadro .txt-promo { margin:20px 0px 30px 0px; }
  div.testo-quadro table.box-pulsante div.pulsante { font-size:14px; line-height:17px; }
}
@media only screen and (min-width:600px) and (max-width:767px) and (orientation:portrait) {
  div.testo-quadro { padding:30px 50px 30px 30px; }
  div.testo-quadro p.data { margin:30px 0px 30px 0px; }
  div.testo-quadro .txt-promo { margin:15px 0px 60px 0px; }
}

/* -promozioni- */
div#box-promo-spese-100 { background-image:url(../img/promo/promo-spese-100.jpg); }
div#box-promo-spring-2021 { background-image:url(../img/promo/promo-spring10.jpg); }
div#box-promo-natale-2021 { background-image:url(../img/promo/promo-natale-2021.jpg); }
div#box-promo-gift-card-012022 { background-image:url(../img/promo/promo-gift-card-012022.jpg); }
div#box-promo-festa-donna-2022 { background-image:url(../img/promo/promo-festa-donna-2022.jpg); }
div#box-codice-sconto { margin:0px 0px 20px 0px; }

/* -template chi siamo - */
.box-indice-organigramma { width:100%; max-width:1560px; }
div.box-intro-chi-siamo h1 { padding:140px 0px 100px 0px; }
div.box-intro-chi-siamo h2 { padding:140px 0px 60px 0px; }
div#alessandro-neyroz { background-image:url(../img/sfondi/chi-siamo/alessandro-neyroz.jpg); }
div#andrea-costa { background-image:url(../img/sfondi/chi-siamo/andrea-costa.jpg); }
div#diego-squinabol { background-image:url(../img/sfondi/chi-siamo/diego-squinabol.jpg); }
div#elisa-artaz { background-image:url(../img/sfondi/chi-siamo/elisa-artaz.jpg); }
div#elio-chatrian { background-image:url(../img/sfondi/chi-siamo/elio-chatrian.jpg); }
div#emanuele-gal { background-image:url(../img/sfondi/chi-siamo/emanuele-gal.jpg); }
div#enrico-suffredini { background-image:url(../img/sfondi/chi-siamo/enrico-suffredini.jpg); }
div#federico-poli { background-image:url(../img/sfondi/chi-siamo/federico-poli.jpg); }
div#giuseppe-dujany { background-image:url(../img/sfondi/chi-siamo/giuseppe-dujany.jpg); }
div#livio-aguettaz { background-image:url(../img/sfondi/chi-siamo/livio-aguettaz.jpg); }
div#livio-chatrian { background-image:url(../img/sfondi/chi-siamo/livio-chatrian.jpg); }
div#sandro-theodule { background-image:url(../img/sfondi/chi-siamo/sandro-theodule.jpg); }
div#valentina-neyroz { background-image:url(../img/sfondi/chi-siamo/valentina-neyroz.jpg); }
div#yeuilla-mathieu { background-image:url(../img/sfondi/chi-siamo/yeuilla-mathieu.jpg); }

// div#laurent-theodule { background-image:url(../img/sfondi/chi-siamo/laurent-theodule.jpg); }
// div#joel-berthet { background-image:url(../img/sfondi/chi-siamo/joel-berthet.jpg); }
// div#tiziana-viberti { background-image:url(../img/sfondi/chi-siamo/tiziana-viberti.jpg); }


@media only screen and (min-width:0px) and (max-width:1023px) {
  .box-indice-organigramma { width:82%; }
  .box-indice-organigramma div.cornice-foto { padding:20px 20px 20px 20px; }
  .box-indice-organigramma div.foto-organigramma { margin:0px 0px 20px 0px; }
}
@media only screen and (min-width:0px) and (max-width:639px) {
  div.box-intro-chi-siamo h1 { padding:80px 0px 70px 0px; }
  div.box-intro-chi-siamo h2 { padding:80px 0px 70px 0px; }
  .box-indice-organigramma { margin:50px auto -30px auto; }
  .box-indice-organigramma div.box-foto-organigramma { margin:0px 0px 30px 0px; }
  .box-indice-organigramma div.box-foto-organigramma { margin:0px 0px 30px 0px; }
}
@media only screen and (min-width:640px) and (max-width:1023px) {
  div.box-intro-chi-siamo h1 { padding:50px 0px 30px 0px; }
  div.box-intro-chi-siamo h2 { padding:50px 0px 30px 0px; }
  .box-indice-organigramma { margin:50px auto -20px auto; }
  .box-indice-organigramma div.box-foto-organigramma { width:46%; margin:0px 2% 40px 2%; }
  .box-indice-organigramma div.box-foto-singola { margin:0px auto 100px auto; }
  .box-indice-organigramma div.box-foto-serie { float:left; }
}
@media only screen and (min-width:1024px) {
  .titolo-00 { text-align:center; }
  .box-indice-organigramma { margin:120px auto -100px auto; }
  .box-indice-organigramma div.box-foto-organigramma { width:27.33%; margin:0px 3% 100px 3%; }
  .box-indice-organigramma div.box-foto-singola { margin:0px auto 100px auto; }
  .box-indice-organigramma div.box-foto-serie { float:left; }
  .box-indice-organigramma div.cornice-foto { padding:30px 30px 30px 30px; }
  .box-indice-organigramma div.foto-organigramma { margin:0px 0px 30px 0px; }
}


/* -template testuale - */
div#box-template-testo h1 { margin:0px 0px 30px 0px; }
div#box-roll-generico div.box-roll { min-width:100%; }
div.schermo-des p.txt-cantina { text-align:justify; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div#box-template-testo div { padding:20px 20px 20px 20px; }
}
@media only screen and (min-width:768px) {
  div#box-template-testo div { padding:50px 50px 50px 50px; }
}

/* -template vitigni - */
div#box-intro-vitigni h1 { margin:60px 0px 40px 0px; }
div#box-griglia-vitigni { width:100%; max-width:1260px; margin:60px auto 80px auto; }
div#box-griglia-vitigni td.box-freccia { min-width:50px; text-align:center; }
div#box-griglia-vitigni td.box-freccia img { margin:0px auto 0px auto; }
div#box-griglia-vitigni h2 { font-family:'OpenSansCondensedB'; text-align:left; text-transform:uppercase; margin:0px 0px 20px 0px; }

div#vitigno-cornalin { background-image:url(../img/sfondi/vitigni/cornalin.jpg); }
div#vitigno-fumin { background-image:url(../img/sfondi/vitigni/fumin.jpg); }
div#vitigno-gamay { background-image:url(../img/sfondi/vitigni/gamay.jpg); }
div#vitigno-muller-thurgau { background-image:url(../img/sfondi/vitigni/muller-thurgau.jpg); }
div#vitigno-muscat-petits-grains { background-image:url(../img/sfondi/vitigni/muscat-petits-grains.jpg); }
div#vitigno-nus-malvoisie { background-image:url(../img/sfondi/vitigni/nus-malvoisie.jpg); }
div#vitigno-petit-rouge { background-image:url(../img/sfondi/vitigni/petit-rouge.jpg); }
div#vitigno-pinot-noir { background-image:url(../img/sfondi/vitigni/pinot-noir.jpg); }
div#vitigno-syrah { background-image:url(../img/sfondi/vitigni/syrah.jpg); }
div#vitigno-vien-de-nus { background-image:url(../img/sfondi/vitigni/vien-de-nus.jpg); }
@media only screen and (min-width:0px) and (max-width:767px) {
  div#box-griglia-vitigni div#testo-vitigno { padding:40px 50px 0px 50px; }
}
@media only screen and (min-width:768px) {
  div#box-griglia-vitigni { width:100%; display:table; }
  div#box-griglia-vitigni div.blocco-vitigno { vertical-align:top; display:table-cell; }
  div#box-griglia-vitigni div#box-testo-vitigno { width:60%; }
  div#box-griglia-vitigni div#testo-vitigno { padding:0px 20px 0px 20px; }
}

/* -intro La Griffe e Quatremillemètres- */
div#box-slide div.logo-intro { top:50px; left:50px; }
div#box-slide div.logo-intro { width:10%; }
div.schermo-des div#box-slide div.logo-lagriffe-scuro { background-image:url(../img/logo-lagriffe-scuro.png); }
div.schermo-mob div#box-slide div.logo-lagriffe-scuro { background-image:url(../img/logo-lagriffe.png); }
div.schermo-smart div#box-slide div.logo-intro { top:15px; left:15px; }
div.schermo-grande table#titolo-intro { margin:90px auto 70px auto; }
div.schermo-smart table#titolo-intro { margin:40px auto 10px auto; }
div.box-contenuti-intro-vini h2 { margin:0px 0px 70px 0px; }
div.box-contenuti-intro-vini p { margin:0px 0px 8px 0px; }
div.box-contenuti-intro-vini div.separatore { height:25px; margin:70px 0px 80px 0px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
div.box-contenuti-intro-vini div.freccia-bianca { background-image:url(../img/icone/icona-freccia-down.png); }
div.box-contenuti-intro-vini div.freccia-gialla { background-image:url(../img/icone/icona-freccia-down-gialla.png); }
div#box-rullo-dettagli-stile div.box-roll { min-width:100%; }
div.box-immagine-intro { width:100%; max-width:964px; margin:0px auto 0px auto; }
div.box-foto-intro { margin:90px auto 80px auto; }
div.box-dati-indice-vino { padding:0px 10% 0px 7.5%; }
div.box-intro-griffe { padding:100px 0px 0px 0px; }
div#box-intro-vini div.box-logo-intro { width:26.32%; max-width:200px; margin:0px auto 50px auto; }
div#box-intro-vini div.logo-intro { background-repeat:no-repeat; background-position:center bottom; background-size:auto 80%; }
div.dati-vino p { margin:0px 0px 20px 0px; }
div.dati-tecnici-vino { margin:50px 0px 50px 0px; }
div.dati-tecnici-vino p { margin:0px 0px 23px 0px; padding:0px 0px 9px 0px; border-bottom:solid 1px #787878; }
div.dati-vino p.tipo-vino { font-style:italic; }
div.link-vino p { margin:0px 0px 40px 0px; }
div.logo-lagriffe-testuale { background-image:url(../img/logo-lagriffe-testo.png); }
table#box-scorri-dettagli { margin:40px auto 40px auto; border-spacing:20px 0px; }
@media only screen and (min-width:0px) and (max-width:374px) {
  div#box-slide div.logo-intro { width:25%; }
}
@media only screen and (min-width:0px) and (max-width:599px) {
  div.box-contenuti-intro-vini h2 { margin:0px 0px 40px 0px; }
}
@media only screen and (min-width:0px) and (max-width:767px) {
  div.box-intro-vino { margin:80px 0px 40px 0px; }
  div.separatore-mobile { height:1px; margin:0px 0px 40px 0px; }
  div.blocco-intro-vino img.ratio-intro, div.separatore-desktop { display:none; }
  div#foto-quatremillemetres-00 { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/sma/intro.jpg); }
  div.box-intro-vino div.foto-vino { left:-20%; width:140%; height:450px; background-repeat:no-repeat; background-position:center top; background-size:100% auto; }
  div#foto-refrain { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/sma/refrain.jpg); }
  div#foto-4478 { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/sma/4478.jpg); }
  div#foto-nus-malvoise { background-image:url(../img/sfondi/intro-griffe/landscape/sma/nus-malvoise.jpg); }
  div#foto-fumin { background-image:url(../img/sfondi/intro-griffe/landscape/sma/fumin.jpg); }
  div#box-intro-vini div.box-logo-intro { margin:30px auto 30px auto; }
  div.dati-vino p { margin:0px 0px 15px 0px; }
  div.dati-tecnici-vino { margin:60px 0px 30px 0px; }
  div.dati-tecnici-vino p { margin:0px 0px 12px 0px; padding:0px 0px 4px 0px; }
  div.link-vino p { margin:0px 0px 20px 0px; }
}
@media only screen and (min-width:768px) {
  div.box-intro-vino { margin:0px 0px 0px 0px; }
  div.separatore-desktop { left:0px; width:100%; height:1px; }
  div.separatore-alto { top:0px; }
  div.separatore-basso { bottom:0px; }
  div.separatore-mobile { display:none; }
  div.blocco-intro-vino { width:50%; }
  div.contenuto-intro-vino { position:absolute !important; top:0px; left:0px; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
  div.vino-sx div.box-foto-vino { float:left; }
  div.vino-sx div.box-testo-vino { height:100%; float:right; }
  div.vino-dx div.box-foto-vino { float:right; }
  div.vino-dx div.box-testo-vino { height:100%; float:left; }
}
@media only screen and (min-width:1024px) {
  div#foto-quatremillemetres-00 { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/big/intro.jpg); }
  div#foto-refrain { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/big/refrain.jpg); }
  div#foto-4478 { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/big/4478.jpg); }
  div#foto-nus-malvoise { background-image:url(../img/sfondi/intro-griffe/landscape/big/nus-malvoise.jpg); }
  div#foto-fumin { background-image:url(../img/sfondi/intro-griffe/landscape/big/fumin.jpg); }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div#box-slide div.logo-intro { width:20%; }
  div#foto-quatremillemetres-00 { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/med/intro.jpg); }
  div#foto-refrain { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/med/refrain.jpg); }
  div#foto-4478 { background-image:url(../img/sfondi/intro-quatremillemetres/landscape/med/4478.jpg); }
  div#foto-nus-malvoise { background-image:url(../img/sfondi/intro-griffe/landscape/med/nus-malvoise.jpg); }
  div#foto-fumin { background-image:url(../img/sfondi/intro-griffe/landscape/med/fumin.jpg); }
  div#box-intro-vini div.box-logo-intro { width:20%; max-width:200px; margin:0px auto 30px auto; }
  div.dati-vino p { margin:0px 0px 8px 0px; }
  div.dati-tecnici-vino { margin:20px 0px 30px 0px; }
  div.dati-tecnici-vino p { margin:0px 0px 8px 0px; padding:0px 0px 3px 0px; }
  div.link-vino p { margin:0px 0px 15px 0px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  div#box-intro-vini div.box-logo-intro { width:20%; max-width:200px; margin:0px auto 30px auto; }
  div.dati-vino p { margin:0px 0px 12px 0px; }
  div.dati-tecnici-vino { margin:40px 0px 30px 0px; }
  div.dati-tecnici-vino p { margin:0px 0px 12px 0px; padding:0px 0px 4px 0px; }
  div.link-vino p { margin:0px 0px 20px 0px; }
}
@media only screen and (min-width:1280px) and (max-width:1599px) {
  div#box-intro-vini div.box-logo-quatremillemetres { margin:0px auto 50px auto; }
  div.dati-vino p { margin:0px 0px 15px 0px; }
  div.dati-tecnici-vino { margin:40px 0px 50px 0px; }
  div.dati-tecnici-vino p { margin:0px 0px 15px 0px; padding:0px 0px 6px 0px; }
  div.link-vino p { margin:0px 0px 30px 0px; }
}
@media only screen and (min-width:375px) and (max-width:767px) and (orientation:portrait) {
  div#box-slide div.logo-intro { width:25%; }
}
@media only screen and (min-width:1024px) and (orientation:portrait) {
  div#box-slide div.logo-intro { width:20%; }
}

/* -intro Vins des Mines- */
div#box-slide div#box-logo-mines { top:7.11%; left:2.97%; width:10.57%; }
div#box-slide div#logo-mines { background-image:url(../img/logo-vins-des-mines.png); }
div#box-dipinto-barbara-tutino { background-image:url(../img/dipinto-barbara-tutino.jpg); }
div.box-icona-zoom { width:27px; margin:20px auto 30px auto; cursor:pointer; }
div.icona-zoom { background-image:url(../img/icone/icona-apri-zoom.png); }
div.box-nome-mines { width:21.25%; max-width:206px; margin:50px auto 50px auto; }
div.nome-mines { background-image:url(../img/logo-vins-des-mines-marrone.png); }
@media only screen and (min-width:0px) and (max-width:599px) {
  div#foto-mines-chambave-muscat { background-image:url(../img/sfondi/intro-mines/landscape/sma/chambave-muscat.jpg); }
  div#foto-mines-fumin { background-image:url(../img/sfondi/intro-mines/landscape/sma/fumin.jpg); }
}
@media only screen and (min-width:600px) and (max-width:1279px) {
  div#foto-mines-chambave-muscat { background-image:url(../img/sfondi/intro-mines/landscape/med/chambave-muscat.jpg); }
  div#foto-mines-fumin { background-image:url(../img/sfondi/intro-mines/landscape/med/fumin.jpg); }
}
@media only screen and (min-width:1280px) {
  div#foto-mines-chambave-muscat { background-image:url(../img/sfondi/intro-mines/landscape/big/chambave-muscat.jpg); }
  div#foto-mines-fumin { background-image:url(../img/sfondi/intro-mines/landscape/big/fumin.jpg); }
}

@media only screen and (min-width:0px) and (max-width:1023px) and (orientation:landscape) {
  div.box-icona-zoom { display:none; }
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:portrait) {
  div.box-icona-zoom { display:none; }
}
@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:landscape) {
  div.box-nome-mines { margin:20px auto 20px auto; }
  div.contenuto-vino-mines p.nome-vino { font-size:26px !important; line-height:29px !important; }
  div.contenuto-vino-mines p.tipo-vino { font-size:13px !important; line-height:16px !important; }
  div.contenuto-vino-mines div.dati-tecnici-vino { margin:30px 0px 20px 0px !important; }
}
@media only screen and (min-width:1024px) and (max-width:1365px) and (orientation:landscape) {
  div.box-nome-mines { margin:30px auto 30px auto; }
  div.contenuto-vino-mines p.nome-vino { font-size:32px !important; line-height:35px !important; }
  div.contenuto-vino-mines p.tipo-vino { font-size:19px !important; line-height:22px !important; }
  div.contenuto-vino-mines div.dati-tecnici-vino { margin:30px 0px 20px 0px !important; }
}
@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) {
  div.box-nome-mines { margin:20px auto 20px auto; }
  div.contenuto-vino-mines p.nome-vino { font-size:28px !important; line-height:31px !important; }
  div.contenuto-vino-mines p.tipo-vino { font-size:16px !important; line-height:19px !important; }
  div.contenuto-vino-mines div.dati-tecnici-vino { margin:20px 0px 20px 0px !important; }
  div.contenuto-vino-mines div.dati-tecnici-vino p { font-size:12px !important; line-height:15px !important; }
  div.contenuto-vino-mines p.link-mines { margin:0px 0px 15px 0px !important; }
}
@media only screen and (orientation:landscape) {
  div#box-slide div#box-logo-mines { max-width:203px; }
}
@media only screen and (orientation:portrait) {
  div#box-slide div#box-logo-mines { width:25%; }
}

/* -lightbox- */
div#box-lightbox { z-index:1000; }
div#box-lightbox table#griglia-lightbox { border-spacing:20px 20px; }
div#box-lightbox div#slide-lightbox-0 { background-image:url(../img/icone/icona-loader.gif); background-color:#000000; background-position:center; background-repeat:no-repeat; }
div#box-lightbox div.slide-lightbox { background-position:center; background-repeat:no-repeat; background-size:contain; }
div#box-dida { bottom:10px; left:0px; }
div#box-dida table { font-size:14px; line-height:22px; border-spacing:5px 0px; }
div#box-dida td { padding:0px 10px 0px 10px; border-radius:5px; }
div#box-lightbox div.box-icona-lightbox { width:48px; }
div#box-lightbox div.icona-lightbox { background-position:center; background-repeat:no-repeat; background-size:75% auto; background-color:#ffffff; border-radius:10px; cursor:pointer; }
div#box-lightbox div#lightbox-prev { background-image:url(../img/icone/icona-lightbox-prev.png); }
div#box-lightbox div#lightbox-next { background-image:url(../img/icone/icona-lightbox-next.png); }
div#box-lightbox div#lightbox-close { background-image:url(../img/icone/icona-lightbox-close.png); }
div#box-lightbox div#box-chiudi-lightbox { top:0px; right:0px; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div#box-lightbox table#griglia-lightbox { border-spacing:0px 0px; }
  div#box-lightbox div.box-icona-lightbox {  width:32px; margin:0px 10px 0px 10px; }
  div#box-lightbox div#box-chiudi-lightbox { top:10px; right:10px; }
}

/* -catalogo prodotti- */
.sfondo-bottiglia { background-repeat:no-repeat; background-position:center 80%; background-size:50% auto; }
.sfondo-simbolo { background-repeat:no-repeat; background-position:center 80%; background-size:auto 70%; }
table#box-scorri-vino td { padding:0px 20px 0px 0px; }
div#box-intro-catalogo { padding:0px 0px 50px 0px; }
div#box-intro-catalogo h1 { text-align:left; margin:30px 0px 80px 0px; }
div#box-indice-linea { width:100%; max-width:1600px; margin:0px auto 0px auto; }
div#indice-linea div.box-vino { width:23%; margin:0px 1% 40px 1%; float:left; }
.sfondo-indice-linea { background-repeat:no-repeat; background-position:center bottom; background-size:auto 76.46%; }
div.box-testo-vino h2 { margin:30px 0px 0px 0px; }
div.box-testo-vino h3 { margin:5px 0px 20px 0px; }
div.box-testo-vino p.testo-indice { padding:0px 30% 0px 30%; }
div#box-indice-linea table { margin:0px auto 0px auto; }
div#box-indice-linea table.box-indice-1 { width:25%; }
div#box-indice-linea table.box-indice-2, div#box-indice-linea table.box-indice-2 td { width:50%; }
table#indice-linea-centrato div.box-vino { width:98%; margin:0px 1% 40px 1%; }
.txt-premi p { margin:0px 0px 3px 0px; }
.txt-premi span { font-family:'OpenSansCondensedB'; }
@media only screen and (orientation:portrait) {
  .sfondo-bottiglia { background-position:center 90%; background-size:90% auto; }
}
@media only screen and (min-width:0px) and (max-width:599px) {
  div#indice-linea div.box-vino { width:98%; margin:0px 1% 40px 1%; }
  div#box-indice-linea table.box-indice-1 { width:100%; }
  div#box-indice-linea table.box-indice-2 { width:100%; }
  .txt-premi span.trattino { display:none; }
}
@media only screen and (min-width:600px) {
  .txt-premi br { display:none; }
}
@media only screen and (min-width:600px) and (max-width:767px) {
  div#indice-linea div.box-vino { width:48%; margin:0px 1% 40px 1%; }
  div#box-indice-linea table.box-indice-1 { width:50%; }
  div#box-indice-linea table.box-indice-2 { width:100%; }
}
@media only screen and (min-width:768px) and (max-width:1279px) {
  div#indice-linea div.box-vino { width:31.33%; margin:0px 1% 40px 1%; }
  div#box-indice-linea table.box-indice-1 { width:33.33%; }
  div#box-indice-linea table.box-indice-2 { width:66.66%; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-intro-catalogo { padding:0px 0px 30px 0px; }
  div#box-intro-catalogo h1 { margin:30px 0px 60px 0px; }
  div.box-link-dettaglio { margin:50px 0px 0px 0px; }
  div.box-link-dettaglio div.blocco-link { margin:0px 0px 40px 0px; }
  div#blocco-chiusura-tabella { display:none; }
}
@media only screen and (min-width:1280px) {
  div.box-link-dettaglio { width:100%; white-space:nowrap; margin:50px 0px 50px 0px; display:table; }
  div.box-link-dettaglio div.blocco-link { vertical-align:middle; display:table-cell; }
  div.box-link-dettaglio div.blocco-testo { padding:0px 40px 0px 0px; }
  div.box-link-dettaglio div.txt-destro { width:100%; }
  div.box-link-dettaglio table.box-pulsante { margin:0px 0px 0px auto; }
}

/* -template eventi - */
div.box-testo-dettaglio h1 { margin:0px 0px 40px 0px; }
div.box-testo-dettaglio div.box-data-evento { margin:0px 0px 70px 0px; }
div.separatore-eventi { height:1px; margin:60px 0px 0px 0px; }
select.box-filtro-anno { width:230px; height:36px; font-size:20px; line-height:24px; color:#ffffff; padding:0px 10px 0px 20px; background-color:#464646; border:solid 1px #ffffff; }
div#box-indice-eventi p { margin:12px 0px 12px 0px; }
div#box-indice-esperienze { margin:40px 0px 40px 20px; }
div#box-indice-esperienze p { margin:5px 0px 5px 0px; }
div.box-archivio-eventi { margin:40px 0px 0px 0px; }
div.box-archivio-eventi h3 { margin:0px 0px 20px 0px; }
div.box-archivio-eventi p { margin:20px 0px 0px 0px; }
@media only screen and (min-width:0px) and (max-width:1023px) and (orientation:landscape) {
  div.box-testo-dettaglio { padding:40px 40px 40px 40px; }
  div.box-foto-dettaglio { margin:20px 0px 0px 0px; }
}
@media only screen and (min-width:0px) and (max-width:1023px) and (orientation:portrait) {
  div.box-testo-dettaglio { padding:20px 20px 20px 20px; }
  div.box-foto-dettaglio { margin:30px 0px 0px 0px; }
}
@media only screen and (min-width:1024px) {
  div.box-dettaglio-eventi { width:100%; display:table; }
  div.blocco-dettaglio-eventi { width:50%; vertical-align:top; display:table-cell; }
  div.box-testo-dettaglio { padding:50px 50px 50px 50px; }
}
@media only screen and (min-width:0px) and (max-width:567px) {
  div.box-link-eventi div.blocco-link-eventi { margin:50px 0px 0px 0px; }
}
@media only screen and (min-width:568px) {
  div.box-link-eventi { margin:70px 0px 0px 0px; display:table; }
  div.box-link-eventi div.blocco-link-eventi { vertical-align:top; display:table-cell; }
  div.box-link-eventi div.link-destro table { margin:0px 0px 0px 50px; }
}

/* - sostenibilità - */
div#box-logo-cantina-sostenibile { bottom:8.06%; left:60.31%; width:25.73%; }
div#logo-cantina-sostenibile { background-image:url(../img/logo-cantina-sostenibile.png); }
div#logo-cantina-sostenibile-it { background-image:url(../img/logo-cantina-sostenibile-it.png); }
div#logo-cantina-sostenibile-en, div#logo-cantina-sostenibile-de, div#logo-cantina-sostenibile-fr { background-image:url(../img/logo-cantina-sostenibile-en.png); }
div.blocco-sostenibilita { float:left; }
div.blocco-sostenibilita p { font-size:18px; line-height:21px; font-weight:bold; margin:5px 0px 0px 0px; }
div#sostenibilita-ambientale { background-image:url(../img/sostenibilita-ambientale-it.png); }
div#sostenibilita-economica { background-image:url(../img/sostenibilita-economica-it.png); }
div#sostenibilita-sociale { background-image:url(../img/sostenibilita-sociale-it.png); }
div.link-sostenibilita { margin:40px 0px 0px 0px; }
div.link-sostenibilita p { margin:20px 0px 0px 0px; }
@media only screen and (min-width:0px) and (max-width:599px) {
  div.blocco-sostenibilita { width:80%; margin:20px 10% 20px 10%; }
}
@media only screen and (min-width:600px) {
  div.blocco-sostenibilita { width:29.33%; margin:0px 2% 0px 2%; }
}
@media only screen and (min-width:600px) and (max-width:767px) {
  div.blocco-sostenibilita p { font-size:14px; line-height:17px; }
}
@media only screen and (min-width:1024px) {
  h1#titolo-sostenibilita p { text-align:center; }
}

/* - contatti - */
div#box-mappa { z-index:5; }

/* - esperienze - */
div.griglia-esperienze { padding:50px 0px 20px 0px; }
div.griglia-esperienze h1 { margin:0px 0px 50px 0px; }
div.box-esperienze { margin:50px 0px 60px 0px; display:flex; flex-wrap:wrap; }
table.box-cornice { width:100%; height:100%; border-spacing:5px 5px; }
div.box-dati-esperienza { padding:30px 20px 30px 20px; }
div.box-dati-esperienza h2 { font-family:'OpenSansCondensedB'; font-size:35px; line-height:38px; text-transform:uppercase; overflow:hidden; }
div#box-step-1 div.box-dati-esperienza h2 { height:76px; }
div#box-step-2 div.box-dati-esperienza h2 { height:114px; }
p.box-persone { font-size:25px; line-height:28px; }
div#box-step-2 p.txt-esperienza { height:132px; font-size:30px; line-height:33px; padding:25px 0px 25px 0px; overflow:hidden; }
div.box-dati-esperienza table.box-footer-esperienza { width:100%; margin:30px 0px 0px 0px; border-top:solid 5px #645c60; }
div.box-dati-esperienza td.costo-esperienza, div.box-dati-esperienza td.box-pulsante-esperienza { padding:25px 0px 0px 0px; }
table.pulsante-esperienza { margin:0px 0px 0px auto; }
table.pulsante-esperienza td { font-family:'OpenSansCondensedB'; font-size:15px; line-height:18px; text-transform:uppercase; padding:10px 25px 10px 25px; background-color:#f8dc51; }
div#box-griglia-prenotazione h2 { font-size:34px; line-height:37px; }
table.box-campi-prenotazione { width:100%; max-width:760px; margin:50px 0px 0px 0px; }
table.box-campi-prenotazione td { padding:15px 0px 15px 0px; }
table.box-campi-prenotazione select { font-family:'OpenSansCondensedB'; font-size:25px; line-height:28px; }
table.box-campi-prenotazione tr.riga-bordata td { border-bottom:solid 2px #000000; }
table.box-campi-prenotazione table#box-fascia-orario { margin:0px 0px 0px auto; border-spacing:5px 0px; }
table.box-campi-prenotazione table#box-fascia-orario td { padding:0px 0px 0px 0px; border-bottom:0px; }
table.box-campi-prenotazione table#box-fascia-orario td.campo-orario { padding:0px 0px 0px 30px; }
table.box-campi-prenotazione table#box-fascia-orario input { width:22px; height:22px;  }
table#box-dati-acquirente input:not([type=checkbox]):not([type=radio]) { width:98%; font-family:'OpenSansCondensedB'; font-size:25px; line-height:28px; padding:0px 1% 0px 1%;  }
table#box-dati-acquirente textarea { width:98%; height:96px; font-size:18px; line-height:24px; margin:20px 0px 10px 0px; padding:5px 1% 5px 1%; }
div#box-riepilogo { margin:20px 0px 10px 0px; }
div#box-riepilogo div.txt-credits { margin:10px 0px 10px 0px; }
div#box-riepilogo div.txt-credits p { margin:5px 0px 5px 0px; }
table#box-pulsanti-modulo-prenotazione { margin:30px 0px 10px -20px; border-spacing:20px 0px; }
table#box-pulsanti-modulo-prenotazione td { border:0;font-family:'OpenSansCondensedB'; font-size:15px; line-height:18px; text-transform:uppercase; padding:8px 15px 8px 15px; background-color:#f8dc51; }
@media only screen and (min-width:0px) and (max-width:767px)and (orientation:portrait) {
  div.griglia-esperienze { margin:30px 0px 0px 0px; }
}
@media only screen and (min-width:0px) and (max-width:767px) {
  div.box-esperienze { margin:0px 0px 20px 0px; }
  div.box-esperienze { justify-content:center; }
  div.blocco-esperienza { width:90%; margin:0px 0px 20px 0px; }
  div#box-prenotazione-dx { display:none; }
  table.box-campi-prenotazione table#box-fascia-orario input { width:16px; height:16px; }
  table.box-campi-prenotazione select { font-size:20px; line-height:23px; }
  table#box-dati-acquirente input { font-size:20px; line-height:23px; }
}
@media only screen and (min-width:768px) {
  div.box-esperienze { justify-content:center; }
  div.blocco-esperienza { width:29.33%; max-width:600px; margin:0px 2% 20px 2%; }
  div#box-griglia-prenotazione { width:100%; display:table; }
  div#box-griglia-prenotazione div.blocco-prenotazione { vertical-align:top; display:table-cell; }
  div#box-griglia-prenotazione div#box-prenotazione-sx { width:60%; }
  div#box-intro-prenotazione { margin:50px 0px 20px 0px; }
  div#box-griglia-prenotazione div#box-foto-prenotazione { width:80%; max-width:600px; margin:0px 0px 0px auto; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div.griglia-esperienze { padding:30px 0px 40px 0px; }
  div.griglia-esperienze h1 { margin:0px 0px 30px 0px; }
}
@media only screen and (min-width:0px) and (max-width:359px) {
  div#box-step-2 p.txt-esperienza { height:80px; font-size:17px; line-height:20px; padding:20px 0px 20px 0px; }
  p.box-persone { font-size:15px; line-height:18px; }
}
@media only screen and (min-width:360px) and (max-width:567px) {
  div#box-step-2 p.txt-esperienza { height:92px; font-size:20px; line-height:23px; padding:20px 0px 20px 0px; }
  p.box-persone { font-size:18px; line-height:21px; }
}
@media only screen and (min-width:0px) and (max-width:567px) {
  div.box-dati-esperienza { padding:25px 15px 25px 15px; }
  div.box-dati-esperienza h2 { font-size:30px; line-height:33px; }
  div#box-step-1 div.box-dati-esperienza h2 { height:66px; }
  div#box-step-2 div.box-dati-esperienza h2 { height:99px; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  div.box-dati-esperienza { padding:15px 5px 15px 5px; }
  div.box-dati-esperienza h2 { font-size:20px; line-height:23px; }
  div#box-step-1 div.box-dati-esperienza h2 { height:46px; }
  div#box-step-2 div.box-dati-esperienza h2 { height:69px; }
  div#box-step-2 p.txt-esperienza { height:72px; font-size:15px; line-height:18px; padding:15px 0px 15px 0px; }
  p.box-persone { font-size:13px; line-height:16px; }
  table.pulsante-esperienza td { font-size:12px; line-height:15px; padding:8px 20px 8px 20px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  div.box-dati-esperienza { padding:20px 10px 20px 10px; }
  div.box-dati-esperienza h2 { font-size:25px; line-height:28px; }
  div#box-step-1 div.box-dati-esperienza h2 { height:56px; }
  div#box-step-2 div.box-dati-esperienza h2 { height:84px; }
  div#box-step-2 p.txt-esperienza { height:84px; font-size:18px; line-height:21px; padding:20px 0px 20px 0px; }
  p.box-persone { font-size:15px; line-height:18px; }
}
@media only screen and (min-width:1280px) and (max-width:1599px) {
  div.box-dati-esperienza { padding:25px 15px 25px 15px; }
  div.box-dati-esperienza h2 { font-size:30px; line-height:33px; }
  div#box-step-1 div.box-dati-esperienza h2 { height:66px; }
  div#box-step-2 div.box-dati-esperienza h2 { height:99px; }
  div#box-step-2 p.txt-esperienza { height:100px; font-size:22px; line-height:25px; padding:20px 0px 20px 0px; }
  p.box-persone { font-size:20px; line-height:23px; }
}


/* - modulo ordine - */
div.box-icona-promo { top:15%; left:10%; width:25%; }
div.icona-promo { background-image:url(../img/icone/icona-promo.png); }
div.box-icona-coupon { top:10%; right:30%; width:12%; }
/* icona coupon generico
div.icona-coupon { background-image:url(../img/icone/icona-coupon-red.png); }
div.box-icona-coupon { top:10%; right:30%; width:12%; }
*/
div.icona-coupon { background-image:url(../img/icone/icona-black-friday.png); }
div.box-icona-coupon { top:5%; right:20%; width:20%; }
.sfondo-modulo-ordine { background-repeat:no-repeat; background-position:center bottom; background-size:auto 90%; }
div#box-indice-modulo-ordine { margin:100px 0px 0px 0px; }
div#box-indice-modulo-ordine div.box-prodotto-modulo-ordine { text-align:center; margin:20px 2% 20px 2%; float:left; }
div#box-indice-modulo-ordine h2 { font-size:18px; line-height:21px; margin:10px 0px 5px 0px; }
div#box-indice-modulo-ordine h3, div#box-indice-modulo-ordine p, div#box-indice-modulo-ordine table.box-compra-vino { font-size:18px; line-height:21px; }
div#box-indice-modulo-ordine p { margin:10px 0px 0px 0px; }
div#box-indice-modulo-ordine .scontato { font-family:'OpenSansCondensedB'; font-size:14px; line-height:17px; }
div#box-indice-modulo-ordine table.box-compra-vino { border-spacing:10px 10px; margin:0px auto 0px auto; }
div#box-indice-modulo-ordine table.box-compra-vino input { width:60px; height:20px; font-size:14px; line-height:17px; color:#000000; text-align:center; border:solid 1px #cacaca; }
div#box-indice-modulo-ordine div.icona-shop { bottom:5px; left:20%; width:10%; }
div#box-indice-modulo-ordine div.icona-bottiglia { background-image:url(../img/icone/icona-bottiglia.png); }
div#box-indice-modulo-ordine div.icona-cassetta { background-image:url(../img/icone/icona-cassetta.png); }
div#box-utility-modulo { top:133px; }
table.box-pulsanti-ordine { border-spacing:5px 0px; }
table.box-pulsanti-ordine div.pulsante-ordine { font-family:'OpenSansCondensedB'; font-size:14px; line-height:17px; text-transform:uppercase; padding:5px 10px 5px 10px; cursor:pointer; }
table.box-pulsanti-ordine { margin:0px 0px 0px auto; }
table#box-riepilogo-carrello { border-spacing:5px 0px; }
table#box-riepilogo-carrello td.box-icona-riepilogo { width:24px; }
div.icona-bottiglia-bianca { background-image:url(../img/icone/icona-bottiglia-bianca.png); }
div.icona-cassetta-bianca { background-image:url(../img/icone/icona-cassetta-bianca.png); }
table#box-riepilogo-carrello div#icona-carrello-bianco { background-image:url(../img/icone/icona-carrello-bianco.png); }
table#box-riepilogo-carrello div#icona-spese { background-image:url(../img/icone/icona-spese-full.png); }
table#box-riepilogo-carrello td.box-valore { font-size:16px; line-height:24px; white-space:nowrap; padding:0px 10px 0px 0px; }
div.blocco-regolamento { margin:40px 0px 40px 0px; }
div#box-regolamento td.box-icona-regolamento { width:32px; vertical-align:top; }
div#box-regolamento td.box-icona-regolamento div { margin:2px 10px 0px 0px; }
div#box-indice-filtri { border-top:solid 1px #ffffff; }
table#box-filtri { margin:0px auto 0px 7px; border-spacing:5px 0px; }
table#box-filtri td.nome-filtro { font-size:16px; line-height:19px; padding:0px 15px 0px 0px; }
div.blocco-regolamento div.titolo-regolamento { font-family:'OpenSansCondensedB'; text-transform:uppercase; font-size:20px; line-height:26px; }
div.blocco-regolamento p, table#riepilogo-prodotti { font-size:16px; line-height:26px; }
table#riepilogo-prodotti td { white-space:nowrap; padding:5px 10px 5px 0px; border-bottom:solid 1px #4a4a4a; }
form#modulo_ordine { margin:20px 0px 20px 0px; }
form#modulo_ordine div.box-linea-campi { width:100%; max-width:500px; display:table; }
form#modulo_ordine div.blocco-linea-campi { vertical-align:middle; display:table-cell; }
form#modulo_ordine input, form#modulo_ordine textarea {
  font-family:arial; font-size:14px; line-height:17px; color:#000000;
  margin:10px 0px 10px 0px; padding:2px 0px 2px 0px; border:solid 1px #ffffff; background-color:#ffffff; border-radius:3px;
}

div.box-check { margin:5px 0px 5px 0px; border-spacing:0px 0px; }
div.check-form { width:auto !important; margin:5px 0px 0px 0px; display:table; }
div.check-form div { height:20px; 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 { padding:2px 1% 2px 1%; }
form#modulo_ordine div.box-campo-cap { width:18%; height:20px; }
form#modulo_ordine div.box-campo-citta { width:69%; }
form#modulo_ordine div.box-campo-provincia { width:13%; }
form#modulo_ordine div.box-campo-mail, form#modulo_ordine div.box-campo-telefono { width:50%; }
form#modulo_ordine input, form#modulo_ordine textarea {
  font-family:arial; font-size:14px; line-height:17px; color:#000000;
  margin:10px 0px 10px 0px; padding:2px 0px 2px 0px; border:solid 1px #ffffff; background-color:#ffffff; border-radius:3px;
}
form#modulo_ordine input.campo-00, form#modulo_ordine textarea { width:100%; max-width:500px; }
form#modulo_ordine input.campo-01 { width:85%; }
form#modulo_ordine input.campo-02 { width:94%; }
form#modulo_ordine input.campo-03 { width:80%; }
form#modulo_ordine input.campo-04 { width:95%; }ù
div#box-autorizzazioni p { font-size:12px; line-height:15px; text-align:left; }
div#box-autorizzazioni table.box-pulsanti-ordine { margin:20px auto 0px -5px; }
form#modulo_ordine textarea { height:120px; }
.sfondo-pagamento { background-color:#ffffff; background-repeat:no-repeat; background-position:5px center; background-size:auto 70%; }
div#box-pagamenti div.box-pagamento { font-size:14px; line-height:40px; color:#000000; margin:20px 20px 0px 0px; padding:0px 20px 0px 40px; cursor:pointer; border-radius:5px; float:left; }
div#box-bonifico { background-image:url(../img/icone/icona-bonifico.png); }
div#box-paypal { background-image:url(../img/icone/icona-paypal.png); }
div#box-carta-credito { background-image:url(../img/icone/icona-banca-sella.png); }
div#box-avviso p { width:80%; max-width:400px; font-size:14px; line-height:18px; margin:0px auto 0px auto; padding:20px 20px 20px 20px; background-color:#ffffff; border-radius:5px; display:none; }
div#box-avviso p span { font-size:18px; line-height:30px; color:#ff0000; }
@media only screen and (min-width:0px) and (max-width:374px) {
  table#box-filtri td.nome-filtro { font-size:12px; line-height:15px; padding:0px 5px 0px 0px; }
}
@media only screen and (min-width:0px) and (max-width:567px) {
  div#box-menu-ordini div.blocco-menu-ordini { padding:10px 0px 0px 0px; }
  table#box-riepilogo-carrello { margin:0px auto 0px auto; }
  div#box-indice-modulo-ordine { margin:150px 0px 0px 0px; }
  div#box-indice-modulo-ordine div.box-prodotto-modulo-ordine { width:96%; }
  table#box-filtri { margin:15px auto 10px auto; }
  table.box-pulsanti-ordine { margin:5px auto 15px auto; }
}
@media only screen and (min-width:0px) and (max-width:639px) {
  table#box-riepilogo-carrello span.valore-esteso { display:none; }
}
@media only screen and (min-width:0px) and (max-width:1023px) {
  div#box-utility-modulo { top:121px; }
}
@media only screen and (min-width:375px) and (max-width:599px) {
  table#box-riepilogo-carrello td.box-valore { padding:0px 20px 0px 0px; }
  table#box-filtri input { width:20px; height:20px; }
  table#box-filtri td.nome-filtro { font-size:14px; line-height:17px; padding:0px 5px 0px 0px; }
}
@media only screen and (min-width:568px) and (max-width:767px) {
  div#box-indice-modulo-ordine div.box-prodotto-modulo-ordine { width:46%; }
}
@media only screen and (min-width:768px) and (max-width:1279px) {
  div#box-indice-modulo-ordine div.box-prodotto-modulo-ordine { width:29.33%; }
}
@media only screen and (min-width:1280px) and (max-width:1679px) {
  div#box-indice-modulo-ordine div.box-prodotto-modulo-ordine { width:21%; }
}
@media only screen and (min-width:568px) {
  div#box-menu-ordini { width:100%; max-width:964px; margin:15px auto 15px auto; display:table; }
  div#box-menu-ordini div.blocco-menu-ordini { vertical-align:middle; display:table-cell; }
  table#box-riepilogo-carrello td.box-valore span { padding:0px 5px 0px 0px; }
  div#box-link-ordini { width:100%; max-width:964px; margin:10px auto 10px auto; display:table; }
  div#box-link-ordini div.blocco-link-ordini { vertical-align:middle; display:table-cell; }
}
@media only screen and (min-width:1680px) {
  div#box-indice-modulo-ordine div.box-prodotto-modulo-ordine { width:16%; }
}
@media only screen and (min-width:0px) and (max-width:374px) {
  table#box-riepilogo-carrello td.box-valore span { font-size:14px; line-height:24px; padding:0px 5px 0px 0px; }
  div.blocco-regolamento p { font-size:18px; line-height:24px; }
  table#riepilogo-prodotti { font-size:14px; line-height:24px; }
  table#riepilogo-prodotti td.txt-centro { padding:0px 5px 0px 5px; }
}
@media only screen and (min-width:568px) and (max-width:639px) {
  div#box-indice-modulo-ordine h2 { font-size:16px; line-height:19px; }
  div#box-indice-modulo-ordine h3, div#box-indice-modulo-ordine p, div#box-indice-modulo-ordine table.box-compra-vino { font-size:15px; line-height:18px; }
}
@media only screen and (min-width:768px) and (max-width:959px) {
  div#box-indice-modulo-ordine h2 { font-size:14px; line-height:17px; }
  div#box-indice-modulo-ordine h3, div#box-indice-modulo-ordine p, div#box-indice-modulo-ordine table.box-compra-vino { font-size:13px; line-height:16px; }
}

div#box-logo-wip { width:90%; max-width:294px; margin:0px auto 40px auto; }
div#logo-wip { background-image:url(../img/logo-lacrotta-vegneron.png); }
div#testo-wip p { margin:10px 0px 10px 0px; }

/* - WIP - */