﻿@font-face { font-family:Roboto Regular; src:url(/font/Roboto-Regular.ttf); }

body { font-family:Roboto Regular; font-size:18px; padding:0; margin:0; }
input { outline:none; padding:0; margin:0; font-size:18px; }
textarea { width:100%; outline:none; resize:none; padding:3px; margin:0; font-size:18px; }
select { outline:none; margin:0; padding:0; font-size:18px; }
div,img,a { padding:0; margin:0; }
table { width:100%; border-spacing:0; border-collapse:collapse; }
td { vertical-align:top; padding:0; margin:0; }
h1 { font-size:36px; margin:0 0 30px 0; padding:0; color:#590404; }
h2 { font-size:30px; margin:0 0 20px 0; padding:0; color:#090630; font-weight:bold; }
h3 { font-size:26px; margin:0 0 10px 0; padding:0; color:#555555; }
h4 { font-size:22px; margin:0 0 10px 0; padding:0; color:#000; }
p { line-height:25px; padding:0; margin:0 0 20px 0; }
ol,ul { padding:0; margin:0 0 30px 30px; }
li { line-height:25px; padding:0; margin:0 0 10px 0; }
mark { padding:3px; }
a { color:#1b46eb; }

.attenzione { color:#ff0000; }
.clear { clear:both; }
.testo-maiuscolo-minuscolo { text-transform:capitalize; }
.testo-maiuscolo { text-transform:uppercase; }
.testo-centrale { text-align:center; }
.allineamento-verticale-alto { vertical-align:top; }
.pulsante-azione { border:1px solid #090630; color:#fff; background-color:#090630; border-radius:12px; padding:10px 25px; display:inline-block; text-transform:uppercase; text-decoration:none; margin:0 10px 0 0; }
.pulsante-whatsapp { border:1px solid #000; color:#fff; background-color:#075e54; border-radius:12px; padding:10px 25px; display:inline-block; text-transform:uppercase; text-decoration:none; margin:0 10px 0 0; }
.pulsante-indietro { border:1px solid #590404; color:#fff!important; background-color:#090630; border-radius:12px; padding:10px 25px; display:inline-block; text-transform:uppercase; text-decoration:none; margin:0 10px 20px 0; }
.pulsante-indietro:hover { background-color:#590404; }
.pulsante-invio-ordine { background-color:#590404; padding:20px 50px; border-radius:12px; color:#fff; display:block; margin-top:20px; text-transform:uppercase; }
.pulsante-invio-ordine:hover { cursor:pointer; }
.nessun-risultato { padding:20px 0; color:#d50303; font-weight:bold; text-align:center; }

.larghezza-50 { width:50px; }
.larghezza-75 { width:75px; }
.larghezza-120 { width:120px; }
.larghezza-200 { width:200px; }
.larghezza-300 { width:300px; }
.larghezza-400 { width:400px; }
.altezza-75 { height:75px; }
.altezza-150 { height:150px; }
.larghezza-20-percento { width:20%; }
.larghezza-30-percento { width:30%; }
.larghezza-40-percento { width:40%; }
.larghezza-50-percento { width:50%; }
.larghezza-60-percento { width:60%; }
.larghezza-70-percento { width:70%; }
.larghezza-80-percento { width:80%; }
.spaziatura-20 { padding:20px; }
.spaziatura-30 { padding:30px; }
.spaziatura-50 { padding:50px; }
.spaziatura-100 { padding:100px; }
.spaziatura-sx-20 { padding-left:20px; }
.spaziatura-sx-30 { padding-left:30px; }
.spaziatura-sx-50 { padding-left:50px; }
.spaziatura-sx-100 { padding-left:100px; }
.spaziatura-dx-20 { padding-right:20px; }
.spaziatura-dx-30 { padding-right:30px; }
.spaziatura-dx-50 { padding-right:50px; }
.spaziatura-dx-100 { padding-right:100px; }

.testata { background-color:#090630; text-align:center; padding-bottom:20px; }
.testata .contenitore { width:1340px; margin:0 auto; }
.testata .titolo { background-color:#590404; font-size:60px; color:#fff; text-transform:uppercase; padding:30px 0; font-weight:bold; letter-spacing:3px; }
.testata .sottotitolo { background-color:#fff; color:#090630; font-size:36px; padding:15px 0; }
.testata .ricerca { background-color:#fff;  }
.testata .ricerca td { vertical-align:middle; text-align:left; padding:0 15px;  }
.testata .carrello { width:20%; text-align:right!important; }
.testata .carrello img { width:64px; }
.testata .pannello-ricerca { margin:0!important; padding:0!important; font-size:18px; }
.testata .pannello-ricerca p { display:inline-block; margin:0 10px 0 0; }
.testata .pannello-ricerca a { background-color:#590404; border:1px solid #590404; color:#fff; border-radius:8px; padding:6px 20px; margin:0 30px 0 0; text-transform:uppercase; text-decoration:none; }
.testata .pannello-ricerca input { font-size:20px; padding:3px; border:1px solid #000; border-radius:4px; width:300px; }
.testata .pannello-ricerca .pulsante { width:auto!important; padding:3px 15px!important; }
.testata .pannello-ricerca .pulsante:hover { cursor:pointer; }
.testata .menu { margin-top:30px; }
.testata .menu a { display:inline-block; background-color:#fff; padding:8px 20px; margin-right:5px; color:#590404; text-transform:uppercase; font-size:20px; width:auto; text-decoration:none; }
.testata .menu a:hover { background-color:#590404; color:#fff; cursor:pointer; }
.testata .menu a.attivo { background-color:#590404; color:#fff; text-decoration:none; }

.immagine-testata { overflow:hidden; width:100%; margin:0 0 30px 0; position:relative; }
.immagine-testata img { width:100%; height:600px; object-fit:cover; display:block; object-position:center; }
.immagine-testata img.allineamento-immagine-alto { object-position:top; }
.immagine-testata img.allineamento-immagine-basso { object-position:bottom; }

.pagamento { width:1340px; background-color:#fff; margin:0; padding:0; }
.pagamento span { color:#029c0f; font-weight:bold; }

.contenuto { width:1340px; margin:30px auto 0 auto; }
.contenuto .ricerca { width:100%; margin-bottom:30px; }
.contenuto .ricerca td { vertical-align:top; }
.contenuto .ricerca h3 { padding:0 20px; margin-bottom:20px; font-size:24px; text-transform:uppercase; }
.contenuto .ricerca p { padding:0 20px; margin:0 0 20px 0; }
.contenuto .ricerca a { display:inline-block; background-color:#590404; color:#fff; text-decoration:none; padding:10px 25px; text-transform:uppercase; border-radius:12px; cursor:pointer; }
.contenuto .ricerca td.immagine { width:30%; }
.contenuto .ricerca .contenitore-immagine { position:relative; width:100%; height:auto; }
.contenuto .ricerca .immagine-prodotto { width:100%; display:block;  }
.contenuto .ricerca .immagine-venduto { position:absolute; top:0; left:0; width:100%; height:100%; }
.contenuto .elenco { display:flex; margin-bottom:20px; }
.contenuto .elenco .contenitore { width:33%; }
.contenuto .elenco img { display:block; width:100%; margin-bottom:20px; }
.contenuto .elenco a { display:inline-block; border:1px solid #090630; color:#fff; background-color:#090630; border-radius:12px; padding:10px 25px; display:inline-block; text-transform:uppercase; text-decoration:none; margin:0 10px 20px 0; cursor:pointer; }
.contenuto .elenco a:hover { background-color:#590404; }
.contenuto .elenco .descrizione-prodotto { display:flex; align-items:start; gap:15px; line-height:30px; }
.contenuto .elenco .prodotto { width:150px; }
.contenuto .elenco .etichetta { background-color:#090630; color:#fff; padding:10px; font-size:24px; }
.contenuto .elenco .prodotto-venduto { background-color:#590404; }
.contenuto .pagamento_esito-positivo { color:#008a0f; }
.contenuto .pagamento_esito-negativo { color:#9a0707; }
.contenuto .immagine { display:block; width:100%; height:754px; margin-bottom:30px; }
.contenuto .ritorno { text-align:right; }
.contenuto .ritorno a { display:inline-flex; gap:10px; align-items:center; background-color:#e5e5e5; border:1px solid #000; border-radius:12px; text-decoration:none; padding:5px 15px; }

.scheda-prodotto .ricerca td.descrizione { width:70%; }

h2.vetrina { background-color:#590404; text-transform:uppercase; color:#fff; text-align:center; padding:10px 0; margin:0 0 30px 0; }
h2.vetrina a { color:#fff; font-size:24px; }

.paginatore { background-color:#ccc; padding:15px 20px 0 20px; text-align:left; margin-bottom:30px; }
.paginatore p { display:inline-block!important; margin-right:10px; }
.paginatore .pulsante-filtro { background-color:#590404; color:#fff; border-radius:8px; padding:5px 20px; }
.paginatore .pulsante-filtro:hover { cursor:pointer; }

.scheda-prodotto { padding:20px; }
.scheda-prodotto table { margin-bottom:30px; }
.scheda-prodotto td { vertical-align:top; }
.scheda-prodotto .immagine-prodotto { display:block; width:100%; }
.scheda-prodotto .pulsante-acquisto { background-color:#590404; color:#fff; border-radius:8px; padding:10px 25px; display:inline-block; margin:0 20px 30px 0; text-transform:uppercase; text-decoration:none; }
.scheda-prodotto .pulsante-acquisto:hover, pulsante { cursor:pointer; }
.scheda-prodotto .pulsante { border:1px solid #590404; color:#590404; border-radius:8px; padding:10px 25px; display:inline-block; margin:0 20px 30px 0; text-transform:uppercase; text-decoration:none; }

.modulo { background-color:#ddd; margin:0 0 30px 0; color:#000; padding:15px 20px 0 20px; }
.modulo .campo-obbligatorio { color:#dc0000; }
.modulo .contenitore { margin-bottom:15px; }
.modulo .contenitore p { display:inline-block!important; margin-right:3px; }
.modulo p { margin-bottom:15px!important; }
.modulo ul { margin:0 0 30px 40px; }
.modulo ul li { line-height:25px; }
.modulo a { color:#1b46eb; }
.modulo .spaziatura-dx { margin-right:15px!important; }
.modulo input { background-color:#ddd; border-top:none; border-right:none; border-bottom:1px solid #000; border-left:0; padding-bottom:3px; }
.modulo .contentiore-checkbox-radiobutton { width:auto; margin:0 0 15px 0; }
.modulo .contentiore-checkbox-radiobutton td { padding:0 10px 20px 0; margin:0; }
.modulo input[type=checkbox] { border:1px solid #000; width:24px; height:24px; }
.modulo .caricamento-file { border:1px solid #000; background-color:#000; color:#fff; }
.modulo input[type=radio] { width:24px; height:24px; }
.modulo .codice-verifica input { font-weight:bold; width:80px; border-bottom:1px solid #000; text-align:center; font-size:22px; }
.modulo .nuovo-codice { border:none; width:48px; }
.modulo .pulsante { width:auto; padding:10px 25px; text-transform:uppercase; background-color:#590404; color:#fff; border:none; border-radius:6px; }
.modulo .pulsante:hover { cursor:pointer; }

.tabella-carrello { background-color:#f1f1f1; margin-bottom:30px; }
.tabella-carrello th { text-align:right; font-size:20px; padding:6px; }
.tabella-carrello td { padding:8px 6px 0 6px; text-align:right; vertical-align:central; }
.tabella-carrello .colonna-1 { width:75%; text-align:left; }
.tabella-carrello .colonna-2 { width:15%; text-align:center; }
.tabella-carrello .colonna-3 { width:5%; text-align:center; }
.tabella-carrello .importi { border-top:3px solid #000; text-align:right; margin-top:8px; padding-top:4px; }
.tabella-carrello .importi p { margin:0; padding:0; }
.tabella-carrello .nessun-prodotto { text-align:center; color:#590404; font-weight:bold; }

.dati-cliente p { padding:0!important; margin:3px 0!important; }
.dati-cliente .contenitore { margin:20px 0; }
.dati-cliente .contenitore p { display:inline!important; margin-right:10px!important; }

.pie-di-pagina { background-color:#2c2c2b; padding:20px 0; margin-top:50px!important; }
.pie-di-pagina .contenitore { width:1340px; margin:0 auto; border-spacing:0; border-collapse:collapse; font-size:14px!important; }
.pie-di-pagina table td { padding:0 20px 0 0; vertical-align:top; color:#fff!important; }
.pie-di-pagina table p { margin-bottom:5px; color:#fff!important; }
.pie-di-pagina table ul { margin-left:20px; }
.pie-di-pagina table li { display:inline-block; margin-right:3px; list-style-type:square; }
.pie-di-pagina table a { color:#fff; text-decoration:none; }
.pie-di-pagina table .colonna-1 { width:12%; }
.pie-di-pagina table .colonna-2 { width:30%; }
.pie-di-pagina table .colonna-3 { width:35%; }
.pie-di-pagina table .colonna-4 { width:23%; }
.pie-di-pagina table .icone { margin:0 0 20px 12px; }
.pie-di-pagina table .icone img { width:48px; margin-left:8px; } 
.pie-di-pagina table .titolo { font-size:20px!important; font-weight:bold; }

.finestra-messaggi { position:fixed; top:0; left:0; width:100%; height:100%; z-index:97; background-color:rgba(0,0,0,0.8); cursor:pointer; display:none; }
.finestra-messaggi .contenitore { width:50%; margin:10% auto 0 auto; overflow:auto; }
.finestra-messaggi .contenuto { background-color:#fff; border:1px solid #3a8e96; padding:30px; margin:0; color:#590404; }
.finestra-messaggi .contenuto p { margin-bottom:8px; }
.finestra-messaggi .contenuto ul { margin:0; padding:0 0 0 20px; }
.finestra-messaggi .contenuto li { margin:0 0 8px 0; }
.finestra-messaggi .contenuto p, .finestra-messaggi .contenuto li { line-height:30px; }
.finestra-messaggi .contenuto img { float:left; margin-right:30px ;margin-top:10px; }
.finestra-messaggi .contenitore .chiudi { text-align:center; color:#000; font-style:italic; }

.messaggio { position:fixed; top:0; left:0; width:100%; height:100%; z-index:97; background-color:rgba(0,0,0,0.8); cursor:pointer; display:none; }
.messaggio .contenitore { width:50%; padding:20px; margin:10% auto 0 auto; overflow:auto; color:#fff; }
.messaggio .contenitore p { margin:0 0 20px 0; }
.messaggio .contenitore li { list-style-type:square; }
.messaggio .contenitore table { width:100%; border-collapse:collapse; border-spacing:0; }
.messaggio .contenitore td.immagine { width:15%; }
.messaggio .contenitore td.testo { width:85%; padding:0 20px; }
.messaggio .contenitore .chiudi { text-align:center; font-size:15px; }
.messaggio .esito-positivo { background-color:#008a0f; }
.messaggio .esito-negativo { background-color:#9a0707; }
.messaggio .pulsante { display:inline-block; background-color:#fff; color:#590404; padding:10px 25px; border-radius:20px; margin-right:15px; text-decoration:none; }
.messaggio .pulsante:hover { cursor:pointer; }

.banner-privacy { position:fixed; background-color:rgba(0,0,0,0.8); width:100%; color:#fff; top:0; left:0; padding:20px; z-index:98; }
.banner-privacy a { color:#d3dc0a; }
.banner-privacy .contenitore { line-height:25px; margin-bottom:20px; }
.banner-privacy input { display:inline-block; margin-right:20px; padding:10px 25px; background-color:#e5e5e5; font-weight:bold; border:1px solid #000; }
.banner-privacy input:hover { cursor:pointer; }

.caricamento { position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8) url(/images/caricamento.gif) no-repeat center 15%; background-size:128px 128px; padding-top:20%; color:#fff; font-size:48px; text-align:center; font-weight:bold; z-index:99; display:none; }
.caricamento-1 { position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8) url(/images/caricamento.gif) no-repeat center 15%; background-size:128px 128px; padding-top:20%; color:#fff; font-size:48px; text-align:center; font-weight:bold; z-index:99; }

