﻿@font-face { font-family:Roboto Light; src:url(/font/Roboto-Light.ttf); }

body { font-size:18px; font-family:Roboto Light; background-color:#2e2e2e; letter-spacing:1px; }
input, textarea, select { font-size:18px; font-family:Roboto Light; letter-spacing:1px; }
p, div, h1, h2, h3 { padding:0; margin:0; }
h1 { font-size:36px; margin-bottom:20px; line-height:60px; color:#820e0e; }
h2 { font-size:30px; margin-bottom:20px; }
h3 { font-size:24px; }
.tabella-riga { display:table-row; }
.clear { clear:both; }
.testo-alto-basso { text-transform:capitalize; }
.testo-maiuscolo { text-transform:uppercase; }
.testo-centrale { text-align:center; }
.allineamento-verticale-alto { vertical-align:top; }
.pulsante-indietro { border:1px solid #820e0e; color:#820e0e; border-radius:8px; padding:5px 20px; display:inline-block; text-transform:uppercase; text-decoration:none; margin-bottom:30px; }
.pulsante-invio-ordine { background-color:#820e0e; padding:5px 20px; 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; }

.pagina { width:1340px; margin:0 auto; }

.testata { display:table; width:100%; background-color:rgba(255,255,255,1); }
.testata .tabella-colonna { display:table-cell; vertical-align:middle; padding:0 30px; }
.testata .colonna-esterna { width:25%; }
.testata .colonna-interna { width:50%; text-align:center; padding:10px 0; }
.testata .colonna-interna p.nome { font-size:48px; margin-bottom:20px; text-transform:uppercase; font-weight:bold; color:#820e0e; }
.testata .carrello { text-align:right; padding:6px 0 0 0; }
.testata .carrello img { width:64px; }
.testata .pannello-ricerca p { margin-bottom:10px; }
.testata .pannello-ricerca a { color:#1b46eb; }
.testata .pannello-ricerca input { font-size:18px; border:1px solid #000; border-radius:4px; width:90%; }
.testata .pannello-ricerca .pulsante { width:auto!important; padding:3px 15px; }

.testata-pagamento { text-align:center; background-color:#fff; padding-bottom:30px; }
.testata-pagamento span { color:#029c0f; font-weight:bold; }
.testata-pagamento p { line-height:50px; font-size:24px; }

.menu { text-align:center; margin:30px 0; color:#fff; background-color:#820e0e; }
.menu p { display:inline-block; margin:15px; font-size:24px; text-transform:uppercase; } 
.menu a { color:#fff; text-decoration:none; }

.parte-centrale { background-color:#fff; color:#2e2e2e; margin:30px 0; padding:20px; border-radius:10px; }
.parte-centrale h1 { color:#2e2e2e; }
.parte-centrale h2 { margin-top:30px; color:#820e0e; font-weight:bold; }
.parte-centrale p { line-height:30px; letter-spacing:0.5px; margin-bottom:20px; }
.parte-centrale li { line-height:30px; letter-spacing:0.5px; }
.parte-centrale a { color:#1b46eb; }
.parte-centrale .ricerca { width:100%; margin-bottom:30px; }
.parte-centrale .ricerca td { vertical-align:top; }
.parte-centrale .ricerca h3 { padding:0 20px; margin-bottom:20px; font-size:24px; text-transform:uppercase; }
.parte-centrale .ricerca p { padding:0 20px; margin:0 0 20px 0; }
.parte-centrale .ricerca a { display:inline-block; background-color:#820e0e; color:#fff; text-decoration:none; padding:10px 25px; text-transform:uppercase; border-radius:4px; cursor:pointer; }
.parte-centrale .ricerca td.immagine { width:30%; }
.parte-centrale .ricerca .contenitore-immagine { position:relative; width:100%; height:auto; }
.parte-centrale .ricerca .immagine-prodotto { width:100%; display:block;  }
.parte-centrale .ricerca .immagine-venduto { position:absolute; top:0; left:0; width:100%; height:100%; }
.parte-centrale .pagamento_esito-positivo { color:#008a0f; }
.parte-centrale .pagamento_esito-negativo { color:#9a0707; }

.scheda-prodotto .ricerca td.descrizione { width:70%; }

h2.contenuto { background-color:#820e0e; text-transform:uppercase; color:#fff; text-align:center; padding:15px 0; margin:0; }
h2.contenuto a { color:#fff; font-size:24px; }

.lista { background-color:#fff; padding:0; width:100%; }
.lista .contenitore { width:400px; display:inline-block; margin:20px; vertical-align:top; }
.lista .contenitore table { border-spacing:0; border-collapse:collapse; height:200px; }
.lista .contenitore table td { margin:0; padding:0; color:#000!important; vertical-align:top; }
.lista .contenitore img { float:left; width:125px; margin:0 20px 6px 0; }
.lista .contenitore h2 { margin:0 0 10px 0; line-height:40px; font-size:24px; }
.lista .contenitore h3 { margin:0 0 20px 0; color:#875b0c; font-size:20px; }
.lista .contenitore p { margin:0 0 10px 0; line-height:24px; font-size:16px; }
.lista .contenitore a { background-color:#820e0e; color:#fff; text-decoration:none; display:inline; padding:10px 25px; text-transform:uppercase; border-radius:4px; cursor:pointer; }
.lista .contenitore span { color:#820e0e; }

.paginatore { background-color:#fff; padding:20px; text-align:left; margin-bottom:20px; }
.paginatore p { display:inline-block!important; margin-right:3px; }
.paginatore .spaziatura-dx { margin-right:15px; }
.paginatore .pulsante-filtro { background-color:#000; color:#fff; border-radius:8px; padding:3px 25px; }
.paginatore .pulsante-filtro:hover { cursor:pointer; }

.scheda-prodotto { background-color:#fff; padding:20px; }
.scheda-prodotto p, .scheda-prodotto li { margin-bottom:10px; line-height:30px; }
.scheda-prodotto a { cursor:pointer; }
.scheda-prodotto table { border-collapse:collapse; border-spacing:0; margin-bottom:20px; }
.scheda-prodotto td { vertical-align:top; padding:0 20px 0 0; margin:0; }
.scheda-prodotto td.immagine { width:30%; }
.scheda-prodotto .contenitore-immagine { position:relative; width:100%; height:auto; }
.scheda-prodotto td.descrizione { width:70%; }
.scheda-prodotto .immagine-prodotto { width:100%; display:block;  }
.scheda-prodotto .immagine-venduto { position:absolute; top:0; left:0; width:100%; height:100%; }
.scheda-prodotto .pulsante-acquisto { background-color:#820e0e; 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 { border:1px solid #820e0e; color:#820e0e; border-radius:8px; padding:10px 25px; display:inline-block; margin:0 20px 30px 0; text-transform:uppercase; text-decoration:none; }

.modulo { background-color:#fff; margin:0 0 10px 0; color:#000; padding:0; }
.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 { border:none; border-bottom:1px solid #000; width:99%; font-size:16px; outline:none; padding-bottom:3px; }
.modulo .contentiore-checkbox-radiobutton { border-spacing:0; border-collapse:collapse; padding:0; margin:0 0 15px 0; }
.modulo .contentiore-checkbox-radiobutton td { padding:0 5px 0 0; margin:0; }
.modulo .contentiore-checkbox-radiobutton td.spaziatura-dx { padding-right:15px; }
.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 select { font-size:16px; }
.modulo textarea { width:99%!important; border:1px solid #000; font-size:16px; outline:none; padding:3px!important; resize:none; }
.modulo input[type=radio] { width:24px; height:24px; }
.modulo .codice-verifica { width:80px; }
.modulo .codice-verifica input { font-weight:bold; border-bottom:1px solid #000!important; text-align:center; font-size:22px; }
.modulo .nuovo-codice { border:1px solid #000; width:48px; }
.modulo .pulsante { width:auto; padding:10px 25px; text-transform:uppercase; background-color:#820e0e; color:#fff; border:none; border-radius:6px; }
.modulo .pulsante:hover { cursor:pointer; }

.tabella-carrello { width:100%; border-collapse:collapse; border-spacing:0; background-color:#f1f1f1; }
.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:#820e0e; 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; }

.tabella-contatti { width:100%; border-collapse:collapse; border-spacing:0; margin-top:30px; }
.tabella-contatti h2 { margin:0 0 20px 0; padding:0; }
.tabella-contatti td { vertical-align:top; }
.tabella-contatti td.mappa { width:70%; }
.tabella-contatti td.orari { width:30%; }
.tabella-contatti iframe { width:90%; height:450px; border:1px solid #000; }

.pie-di-pagina { color:#fff; margin:30px auto; width:98%; border-top:2px solid #e0e0e0; }
.pie-di-pagina td { vertical-align:middle; padding:30px 15px 0 15px; width:33.3%; text-align:center; }
.pie-di-pagina td p { margin-bottom:8px; }
.pie-di-pagina img { margin:0 8px; width:48px; }
.pie-di-pagina td .nome { font-size:24px; font-weight:bold; }
.pie-di-pagina .condizioni-privacy { margin-top:20px; }
.pie-di-pagina .condizioni-privacy a { color:#fff; }

.finestra-messaggi { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; 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:#820e0e; }
.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:100; background-color:rgba(0,0,0,0.8); cursor:pointer; display:none; }
.messaggio .contenitore { width:50%; margin:10% auto 0 auto; overflow:auto; }
.messaggio .contenuto { border:1px solid #000; padding:20px; margin:0; color:#f2f2f2; }
.messaggio .contenuto p { margin:0 0 20px 0; line-height:30px; }
.messaggio .contenuto ul { margin:0 0 20px 0; padding:0 0 0 20px; }
.messaggio .contenuto li { margin:0 0 8px 0!important; padding:0; line-height:initial!important; list-style-type:square; }
.messaggio .contenuto table { width:100%; border-collapse:collapse; border-spacing:0; }
.messaggio .contenuto td.immagine { width:15%; }
.messaggio .contenuto td.testo { width:85%; padding:0 20px; }
.messaggio .chiudi { text-align:center; font-size:15px; }
.messaggio .esito-positivo { background-color:#008a0f; }
.messaggio .esito-negativo { background-color:#9a0707; }
.messaggio .pulsante { background-color:#fff; color:#820e0e; padding:10px 25px; border-radius:20px; margin-right:15px; text-decoration:none; }
.messaggio .pulsante:hover { cursor:pointer; }

.banner-privacy { position:fixed; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.9); padding:30px 10px; color:#fff; }
.banner-privacy p { margin-bottom:20px; }
.banner-privacy a { color:#fff; }
.banner-privacy input { background-color:#fff; font-size:22px; border-radius:4px; padding:5px 15px; }
.banner-privacy input:hover { cursor:pointer; }

.caricamento { position:fixed; background-color:rgba(0,0,0,0.8); width:100%; height:100%; top:0; left:0; display:none; }
.caricamento .contenitore { margin-top:15%; }
.contenitore table { margin:0 auto; border-spacing:0; border-collapse:collapse; color:#fff; font-size:52px; }
.contenitore table img { width:64px; margin-right:20px; }

