/* Elementi stili font esterni */
@font-face {
  font-family:'CourgetteR';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Courgette Regular'), local('Courgette_Regular'), local('CourgetteR'),
       url('../font/courgette-regular.woff2') format('woff2'),
       url('../font/courgette-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; }
div, table { position:relative; }
.nero, .link-00 { color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.base, .link-02 { color:#292728; }
.marrone-00, .link-03 { color:#602521; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-grigio-00 { background-color:#ebebeb; }
.sfondo-grigio-01 { background-color:#afafaf; }
.sfondo-rosso-00 { background-color:#e3a4a0; }
.sfondo-marrone-00 { background-color:#602521; }
.sfondo-verde-00 { background-color:#a0e3b6; }
.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; }
.rovesciato { transform:rotate(180deg); }
.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 !important; line-height:0px !important; }
.fade { opacity:.00; visibility:hidden; }
.loader { background:#ffffff url(../img/icone/icona-loader.gif) center no-repeat; }
.opaco-00 { opacity:.00; }
.opaco-01 { opacity:.10; }
.opaco-02 { opacity:.20; }
.opaco-03 { opacity:.30; }
.opaco-04 { opacity:.40; }
.opaco-05 { opacity:.50; }
.opaco-06 { opacity:.60; }
.opaco-07 { opacity:.70; }
.opaco-08 { opacity:.80; }
.opaco-09 { opacity:.90; }
.ombra { box-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); }
.ombra-interna { box-shadow:0px -2px 2px rgba(0, 0, 0, 0.5); }
body { font-family:verdana; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#333333; z-index:0; background-color:#ffffff; }

/* -font- */
.cou-reg { font-family:"CourgetteR"; }
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
.txt-base { font-size:12px; line-height:20px; }
.txt-titolo { font-size:18px; line-height:21px; }
.txt-grande { font-size:16px; line-height:28px; }
.txt-piccolo { font-size:11px; line-height:16px; }
.txt-privacy { font-size:10px; line-height:13px; padding:5px 0px 5px 0px; }
h1 { font-size:30px; line-height:33px; padding:40px 0px 20px 0px; }
h3.titolo-prodotto, h4.sottotitolo { font-size:40px; line-height:43px; }
@media only screen and (min-width:0px) and (max-width:567px) {
  h1 { font-size:20px; line-height:23px; padding:30px 0px 20px 0px; }
  h3.titolo-prodotto, h4.sottotitolo { font-size:32px; line-height:35px; }
  .txt-base { font-size:13px; line-height:20px; }
  .txt-grande { font-size:15px; line-height:18px; }
}

/* -ratio- */
.ratio-quadrato { padding-top:100%; }
.ratio-16-9, .ratio-promo { padding-top:56.25%; }
.ratio-logo { padding-top:57.14%; }
.ratio-testata-interne { padding-top:40.00%; }
.ratio-prodotto { padding-top:160.00%; }
.ratio-foto-prodotto { padding-top:110.00%; }
@media only screen and (min-width:1024px) {
  .ratio-vetrina { padding-top:56.25%; }
}
@media only screen and (orientation:portrait) {
  .ratio-promo { padding-top:100%; }
  .ratio-testata-interne { padding-top:56.25%; }
}

/* -generali- */
div#sfondo-colore { height:25%; }
div#box-griglia { width:90%; max-width:1280px; margin:40px auto 0px auto; }
div#box-testata { height:80px; }
table#testata { border-spacing:20px 0px; }
table#testata td.laterale { width:100px; }
div.logo { background-image:url(../img/logo-caffe-teatro-sociale.png); }
div.logo-bianco { background-image:url(../img/logo-caffe-teatro-sociale-bianco.png); }
div#box-contenuti { width:90%; margin:0px auto 0px auto; }
div#box-fascia-pulsanti { padding:20px 0px 0px 0px; }
table.box-pulsante { margin:10px auto 0px auto; border-spacing:20px 0px; }
div.pulsante { padding:5px 10px 5px 10px; border-radius:10px; }
div.box-testo { width:90%; max-width:800px; margin:0px auto 0px auto; }
p.blocco-testo { margin:40px 0px 0px 0px; }
table.box-sottotitolo { margin:40px auto 20px auto; }
h4.sottotitolo { text-align:center; padding:0px 10px 0px 10px; border-bottom:solid 2px #602521; }
@media only screen and (min-width:767px) and (max-width:1279px) {
  div#box-griglia { width:80%; }
}

/* -menu- */
@media only screen and (min-width:0px) and (max-width:1259px) {
  td#box-icona-menu-mobile { display:block; }
  div#icona-menu-mobile { width:24px; height:20px; }
  div#box-icona-menu div { position:absolute; width:100%; height:4px; background-color:#602521; }
  div#riga-up { top:0px; }
  div#riga-md { top:8px; }
  div#riga-dw { bottom:0px; }
  div#box-menu { position:absolute !important; top:80px; right:0px; width:100%; color:#ffffff; background-color:#602521; visibility:hidden; z-index:10500; overflow:hidden; }
  div.box-sottomenu { overflow:hidden; }
  div.voce-menu { font-size:16px; line-height:30px; background-color:#602521; border-bottom:solid 1px #ffffff; }
  div.voce-smenu { font-size:14px; }
  div#box-menu p { padding:10px 25px 10px 25px; }
  div.voce-smenu p { padding:0px 20px 0px 20px !important; }
  div.voce-menu a { color:#ffffff; }
  div.voce-smenu a { color:#ffffff; }
}
@media only screen and (min-width:1260px) {
  div#box-menu { height:100% !important; color:#602521; white-space:nowrap; margin:0px 0px 0px auto; display:table; }
  div.box-sottomenu { position:absolute; top:62px; left:0px; padding:5px 0px 5px 0px; background-color:#015764; border:solid 2px #ffffff; opacity:.00; display:none; }
  div.voce-menu { font-size:20px; line-height:23px; padding:0px 10px 0px 10px; vertical-align:middle; display:table-cell; cursor:pointer; }
  div.voce-menu a { color:#602521; }
  div.voce-menu a:hover { color:#000000; }
  div.voce-smenu p { padding:8px 15px 8px 15px; text-align:left; }
  div.voce-smenu a { color:#ffffff; }
  div.voce-smenu a:hover { color:#869c1b; }
}
/* -social- */
table.box-social { border-spacing:20px 0px; margin:0px 0px 0px auto; }
table.box-social div.box-icona { width:20px; }
table.box-social div.icona-social { border-radius:5px 5px 5px 5px; cursor:pointer; }
div.icona-fb { background-image:url(../img/icone/icona-facebook.png); }
div.icona-in { background-image:url(../img/icone/icona-instagram.png); }
/* -footer- */
footer { margin:40px 0px 0px 0px; padding:20px 0px 20px 0px; }
div#box-logo-footer { width:100px; margin:20px auto 0px auto; }
@media only screen and (min-width:0px) and (max-width:1023px) {
  div.blocco-footer { padding:0px 0px 10px 0px; }
  div.divisore { display:none; }
}
@media only screen and (min-width:1024px) {
  div#box-footer { display:table; margin:0px auto 0px auto; }
  div.blocco-footer { padding:0px 5px 0px 5px; display:table-cell; }
  div#box-logo-footer { margin:30px auto 0px auto; }
}
/* -avvisi- */
div#box-avviso, div#box-sfondo-avviso { top:0px; left:0px; display:none; }
div#box-avviso p { line-height:20px; margin:auto; display:none; }
div#box-avviso p.avviso { width:280px; font-size:12px; }
div#box-avviso p.avviso span { font-size:14px; line-height:17px; text-transform:uppercase; color:#ff0000; }
div#box-avviso p#chiudi-avviso { width:140px; font-size:9px; margin-top:35px; }

/* -homepage- */
div#box-logo-slide { width:25%; max-width:250px; margin:0px auto 0px auto; border-radius:50%; }
div.blocco-prodotto-vetrina { float:left; }
div.blocco-prodotto-vetrina div.content-ratio { background-size:96% auto; background-position:center; background-repeat:no-repeat; }
div.box-indice-vetrina table.bianco { border-spacing:20px 0px; }
div#vetrina-bacidibiella { background-image:url(../img/vetrina-bacidibiella.jpg); }
div#vetrina-canestrelli { background-image:url(../img/vetrina-canestrelli.jpg); }
div#vetrina-nutritivi { background-image:url(../img/vetrina-nutritivi.jpg); }
div#vetrina-pandibiella { background-image:url(../img/vetrina-pandibiella.jpg); }
td#indice-vetrina h3, td#indice-vetrina p { margin:15px 0px 5px 0px; }
div#immagine-promo { background-image:url(../img/promo/promo-canestrelli-raduno-alpini-landscape.jpg); }
@media only screen and (min-width:0px) and (max-width:1023px) {
  div.box-vetrina { margin:40px auto 40px auto; }
  div.box-indice-vetrina { padding:20px 0px 0px 0px; }
  div.blocco-prodotto-vetrina { width:100%; padding:20px 0px 20px 0px; background-color:#ebebeb; }
  div.blocco-prodotto-vetrina img { width:96%; margin:5px 2% 5px 2%; }
  td#indice-vetrina { padding:20px 0px 20px 0px; }
}
@media only screen and (min-width:768px) and (max-width:1259px) {
  td#indice-vetrina p.txt-base, div.pulsante { font-size:11px; line-height:14px; }

}
@media only screen and (min-width:1024px) {
  div.box-vetrina { width:75%; margin:40px auto 40px auto; display:table; }
  div.box-indice-vetrina, div.griglia-vetrina { position:absolute !important; top:0px; left:0px; width:100%; height:100%; }
  div.blocco-vetrina { display:table-cell; }
  div#box-prodotti-vetrina { width:75%; }
  div.blocco-prodotto-vetrina { width:50%; }
  div.blocco-prodotto-vetrina img { display:none; }
  div#box-immagine-promo { width:60%; }
}
@media only screen and (orientation:portrait) {
  div#immagine-promo { background-image:url(../img/promo/promo-canestrelli-raduno-alpini-portrait.jpg); }
}

/* -prodotti- */
div#foto-canestrelli { background-image:url(../img/canestrelli-biellesi.jpg); }
div#foto-canestrelli-raduno-alpini { background-image:url(../img/canestrelli-biellesi-raduno-alpini.jpg); }
div#foto-pandibiella { background-image:url(../img/pan-di-biella.jpg); }
div#foto-bacidibiella { background-image:url(../img/baci-biella.jpg); }
div#foto-nutritivi { background-image:url(../img/biscotti-nutritivi.jpg); }
div.box-testo-prodotto { padding:20px 20px 20px 20px; }
div.box-testo-prodotto h3 { margin:0px 0px 20px 0px; }
div.box-testo-prodotto table.box-pulsante { margin:20px 0px 0px 0px; }
@media only screen and (min-width:0px) and (max-width:1023px) {
  div.box-prodotto { width:90%; margin:40px auto 0px auto; }
}
@media only screen and (min-width:1024px) {
  div.box-prodotto { width:75%; margin:40px auto 0px auto; display:table; }
  div.blocco-prodotto { vertical-align:top; display:table-cell; }
  div.box-foto-prodotto { width:25%; }
}

/* -modulo ordine- */
div#box-modulo-ordine { margin:40px 0px 0px 0px; }
div.box-prodotto-ordine { float:left; }
div.box-testo-ordine { padding:20px 20px 20px 20px; }
div.box-testo-ordine h3 { font-family:"CourgetteR"; font-size:16px; line-height:19px; font-weight:bold; color:#602521; }
div.box-testo-ordine p.box-prezzo { font-size:14px; line-height:17px; font-weight:bold; margin:5px 0px 5px 0px; }
table.box-quantita { border-spacing:10px 10px; margin:0px auto 0px auto; }
table.box-quantita input { width:40px; text-align:center; border:solid 1px #cacaca; }
h3.titolo-modulo { font-family:"CourgetteR"; font-size:18px; line-height:21px; font-weight:bold; color:#602521; }
table.box-scelta { border-spacing:5px 15px; }
table.box-scelta p { padding:0px 10px 0px 8px; }
div.separatore-modulo { width:50%; height:1px; margin:25px auto 25px 0px; }
div.box-riepilogo { padding:10px 5px 10px 5px; }
div#griglia-modulo-ordine table.pulsanti-ordine { border-spacing:20px 0px; }
div#griglia-modulo-ordine table.pulsanti-ordine td { padding:5px 10px 5px 10px; border-radius:5px; cursor:pointer; }
form#acquista-prodotti table.pulsanti-ordine { margin:20px auto 0px auto; visibility:hidden; }
form#dati-acquisto table.pulsanti-ordine { margin:0px 0px 0px -20px; }
form div.box-campo { margin:10px 0px 10px 0px; }
fieldset.step-acquisto { margin:40px 0px 40px 0px; padding:20px 20px 20px 20px; border:solid 1px #bca2a1; border-radius:5px; }
form#dati-acquisto input:not([type=checkbox]):not([type=radio]) { width:98%; font-family:verdana; font-size:13px; line-height:24px; padding:0px 1% 0px 1%; border:solid 1px #cacaca; border-radius:5px; }
form#dati-acquisto textarea { width:98%; height:120px; font-family:verdana; font-size:13px; line-height:16px; padding:5px 1% 5px 1%; border:solid 1px #cacaca; border-radius:5px; }
table.box-cap-citta-provincia td.box-campo-cap { width:10%; min-width:50px; }
table.box-cap-citta-provincia td.box-campo-citta { width:80%; padding:0px 2% 0px 2%; }
table.box-cap-citta-provincia td.box-campo-provincia { width:6%; min-width:30px; }
table.box-riepilogo-ordine { text-align:left; margin:15px 0px 0px 0px; }
table.box-riepilogo-ordine p { padding:0px 5px 0px 5px; }
table#box-tabella-totali { border-collapse:collapse; }
table#box-tabella-totali td { padding:10px 0px 10px 0px; border:solid 1px #afafaf; }
table.box-riepilogo-ordine td.separatore-riepilogo { font-size:0px; line-height:0px; height:3px; padding:0px 0px 0px 0px !important; }

@media only screen and (min-width:0px) and (max-width:735px) {
  table.box-riepilogo-ordine { width:100%; }
  div.box-prodotto-ordine { width:90%; margin:20px 5% 20px 5%; }
}
@media only screen and (min-width:0px) and (max-width:567px) {
  div.box-prodotto-ordine { width:90%; margin:20px 5% 20px 5%; }
}
@media only screen and (min-width:568px) and (max-width:666px) {
  div.box-prodotto-ordine { width:48%; margin:20px 1% 20px 1%; }
}
@media only screen and (min-width:667px) and (max-width:1023px) {
  div.box-prodotto-ordine { width:44%; margin:20px 3% 20px 3%; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  div.box-prodotto-ordine { width:30%; margin:20px 1.5% 20px 1.5%; }
}
@media only screen and (min-width:1280px) and (max-width:1365px) {
  div.box-prodotto-ordine { width:27%; margin:20px 3% 20px 3%; }
}
@media only screen and (min-width:736px) {
  table.box-riepilogo-ordine { min-width:500px; }
  table.box-riepilogo-ordine p { padding:0px 15px 0px 15px; }
}
@media only screen and (min-width:768px) {
  div.box-riepilogo br { display:none; }
}
@media only screen and (min-width:1366px) {
  div.box-prodotto-ordine { width:21%; margin:20px 2% 20px 2%; }
}

/* -contatti- */
table#box-icone-contatti { border-spacing:10px 10px; }
table#box-icone-contatti td.box-icona { width:48px; }
div#icona-mappa { background-image:url(../img/icone/icona-mappa.png); }
div#icona-telefono { background-image:url(../img/icone/icona-mobile.png); }
div#icona-mail { background-image:url(../img/icone/icona-mmail.png); }
div#box-mappa { margin:20px 0px 20px 0px; border:solid 1px #cacaca; }
div#box-campi { max-width:500px; border-radius:5px; background-color:#c3a5a3; }
/* -modulo di contatto- */
form#contatto h2 { font-size:14px; line-height:17px; margin:10px 0px 10px 0px; }
fieldset.interno { font-size:12px; line-height:15px; }
div#box-campi p { margin:10px 0px 10px 0px; }
form#contatto input, form#contatto select { font-family:verdana; font-size:13px; line-height:20px; border-radius:3px; }
form#contatto input { padding:0px 2% 0px 2%; }
form#contatto input.campo-data { width:96%; }
form#contatto input.captcha {width:120px; }
form#contatto select.campo-data { width:100%; }
form#contatto textarea { width:96%; height:120px; font-family:verdana; font-size:13px; line-height:16px; padding:5px 2% 5px 2%; border-radius:3px; }
div.box-check { font-size:12px; line-height:15px; 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#txt-privacy { font-size:10px; line-height:13px; margin:3px 0px 3px 0px; }
div#box-avviso, div#avviso { display:table; border-spacing:20px 0px; }
div#box-avviso div#cella-avviso { height:100%; vertical-align:middle; display:table-cell; }
div#box-avviso p { font-size:12px; line-height:18px; color:#000000; padding:20px; background:#ffffff; border-radius:10px; box-shadow:0px 4px 4px rgba(85, 85, 85, 0.5); display:none; }
div#box-avviso b { font-size:14px; color:#db001b; }
table.box-pulsanti { font-size:12px; line-height:24px; margin:0px auto 0px auto; border-spacing:25px 10px; }
@media only screen and (min-width:0px) and (max-width:1023px) {
  div#box-modulo { width:90%; margin:40px auto 40px auto; }
  div#box-campi { width:90%; padding:10px 5% 10px 5%; }
  div.separatore-blocco { width:50%; height:2px; margin:40px auto 40px auto; }
}
@media only screen and (min-width:1024px) {
  div#box-modulo { margin:40px auto 40px auto; display:table; }
  div.blocco-modulo { width:50%; vertical-align:top; display:table-cell; }
  div#box-campi { width:80%; padding:10px 5% 10px 5%; }
  div.separatore-blocco { display:none; }
}