/* ----------------------------- Regole per tutti i dispositivi ----------------------------------------------------------- */

body {
    margin: 0;
    background-color: #DFDFDF;
}

#pagina {
    background-color: #FFF;
}

.griglia {
    margin: 0 auto;
    max-width: 800px;
    padding: 1.5em 2% 0.5em;
    width: 96%;
    background-color: #FFF;
}

#testata {
    padding-bottom: 2em;
}

#corpo {
    padding-top: 2em;
}

#piede {
    padding-top: 3em;
}

h1 {
    color: #000000;
    font-size: 1.8em;
    margin-bottom: 2em;
}

h2 {
    color: #0183a9;
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: 1em;
}

h3 {
    font-size: 1.2em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

p {
    margin-bottom: 1em;
}

#tendina {
    display: none;
}

#piedeContenuti p {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.7em !important;
    line-height: 1.7em;
}

a {
    text-decoration: none;
    border-bottom: #0183A9 dotted 1px;
    padding-bottom: 0em;
}


/* Navigazione veloce  e lingue */

#navigazioneVeloce li {
    margin-left: 10px;
}

.navigazioneLingue a,
#navigazioneVeloce a {
    font-size: 0.8em;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.navigazioneLingue a:link,
#navigazioneVeloce a:link {
    color: #0183A9;
}

.navigazioneLingue a:visited,
#navigazioneVeloce a:visited {
    color: #0183A9;
}

.navigazioneLingue a:hover,
#navigazioneVeloce a:hover,
#navigazioneVeloce a.attivo {
    color: #000;
}


/* /Navigazione veloce e lingue */

.articolo {
    float: left;
    clear: left;
}

#cercaBottone {
    line-height: 15px;
}

.dettagli {
    color: #0183A9;
    font-size: 0.8em;
    line-height: 1.6em;
}


/* Navigazione locale */

.navigazioneLocale {
    margin-bottom: 1.5em;
}

.navigazioneLocale a {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.navigazioneLocale a.attivo {
    color: #2387a9;
}


/* /Navigazione locale */


/* Newsletter */

#formMailinglistIscrizione p {
    margin-top: 0;
    margin-bottom: 0;
}

#formMailinglistIscrizione label[for="privacy"] {
    font-size: 0.8em;
    line-height: 1.2em;
}

#formMailinglistIscrizione p:last-child {
    margin-top: 0.6em;
    text-align: right;
}


/* /Newsletter */


/* Lista tag */

p.url {
    color: #2387a9;
    font-size: 0.9em;
    margin-bottom: 0.2em;
}

.url+p {
    margin-top: 0em;
}


/* /Lista tag */


/* Blocco copertina */

#bloccoCopertina {
    margin-bottom: 4em;
}


/* /Blocco copertina */


/* Form */

fieldset {
    border: solid 1px #A3A3A3;
    margin-top: 1em;
}

legend {
    color: #0183a9;
}

.affiancato label {
    width: 30%;
}

input,
textarea,
select {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.9em !important;
    color: #000;
    padding: 0.3em 5px !important;
}

.StripeElement {
    font-size: 0.9em !important;
    padding: 0.3em 5px !important;
    border: solid 1px #AFAFAF;
}

button.btn {
    font-size: 0.9em !important;
}

select {
    padding-top: 0.38em !important;
    padding-bottom: 0.38em !important;
}

textarea {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

span input {
    margin-right: 10px;
    margin-top: 7px !important;
}

.contenitoreBtn {
    text-align: right;
}

a.btn,
input.btn,
button.btn,
button.ui-button {
    color: #FFF;
    background-color: #0183a9;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1em;
}

a.btn:link,
a.btn:visited,
input.btn:link,
input.btn:visited,
button.btn:link,
button.btn:visited,
button.ui-button:link,
button.ui-button:visited {
    color: #FFF;
    background-color: #0183a9;
}

a.btn:hover,
a.btn.secondario:hover,
input.btn:hover,
input.btn.secondario:hover,
button.btn:hover,
button.btn.secondario:hover,
button.ui-button:hover {
    color: #000;
    background-color: #FF9600;
}

.affiancato button {
    margin-left: 0;
}

.affiancato span.error {
    margin-left: 31%;
}

.affiancato .labelLunga span.error {
    margin-left: 7%;
}

.suggerimento {
    color: #0183a9;
}

[for=privacy_1] {
    font-size: 0.8em;
    line-height: 1.6em;
}

#accountLogin.affiancato input[type="text"],
#accountLogin.affiancato input[type="password"] {
    width: 69% !important;
}


/* /Form */


/* Tabs */

.tabs>ul {
    border-bottom: solid 1px #2387a9;
}

.tabs a {
    padding: 0.5em 0.7em;
}

.tabs .navigazione a:link,
.tabs .navigazione a:visited {
    color: #000;
    background-color: transparent;
    border-bottom: solid 4px #FFF;
}

.tabs .navigazione a:hover,
.tabs .navigazione .ui-state-active a {
    color: #000;
    background-color: transparent;
    border-bottom: solid 4px #2387a9;
}


/* Tabs */


/* Data picker */

.ui-datepicker-trigger {
    margin-top: 5px;
}

.affiancato button.ui-datepicker-trigger {
    margin-left: 10px !important;
}

.ui-datepicker a {
    border-bottom: none;
}


/* /Data picker */


/* Contatti */


/* Community */

.bacheca {
    position: relative;
}


/* /Community */


/* Profilo utente */

.utenteProfiloImmagine {
    position: relative;
    width: 100px;
    height: 100px;
    background-image: url('/oz-img/icona-60x60-ozone-utente.svg');
    background-size: 100px 100px;
    background-position: center 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
}

.utenteProfiloDescrizione {
    font-weight: bold;
}


/* /Profilo utente */


/* /Contatti */


/* eShop */

#eshopCarrello .prodottoLabel,
#eshopCarrello label {
    font-size: 0.5em;
}

#eshopCarrello .cont {
    border-bottom: 1px dotted #0183a9;
}

#eshopCarrelloDettagli .box {
    background-color: #0183a9;
    padding: 0.2em 0.8em;
}

#eshopCarrelloDettagli h3,
#eshopCarrelloDettagli p {
    color: #FFF;
}

.indirizzoElemento>.box {
    border: solid 1px #0183a9;
    padding: 10px;
}

.indirizzoElemento h2 {
    margin: 0;
}

.indirizzoElemento p {
    margin: 0;
}

.boxElemento>.box {
    display: table;
    border: dashed 1px #0183a9;
    padding: 10px;
}

.boxElemento .box>* {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.indirizzoIns>.box {
    height: 228px;
}

#metodoPagamentoInfo>div {
    margin-top: 1em;
    padding: 0 10px 0.625em 10px;
    border: solid 1px #0183A9;
}


/* /eShop */


/* Community */

.bachecaContenitoreNavigazione .box {
    border-right: #2387a9 1px solid;
    min-height: 400px;
}

.bachecaContenitoreNavigazione .box {
    margin-top: 1.5em;
}

.bachecaNavLocale a {
    padding: 0.5em 0.7em;
    text-align: right;
}

.bachecaNavLocale a:link,
.bachecaNavLocale a:visited {
    color: #000;
    background-color: transparent;
    border-right: 4px solid #FFF;
    border-bottom: 1px solid #EFEFEF;
}

.bachecaNavLocale a:hover,
.bachecaNavLocale .ui-state-active a {
    color: #000;
    background-color: transparent;
    border-right: 4px solid #2387a9;
    border-bottom: 1px solid #EFEFEF;
}

.bachecaContenitoreContenuti .box {
    margin-top: 0.6em;
    padding-left: 10px;
}

#tabImmagini .bachecaContenitoreContenuti .box {
    margin-top: 1.5em;
    padding-left: 0;
}

#formEntitaContenutiMod p:first-child {
    margin-bottom: 0;
}

#frontBachecaUtenteCorpoMod .contenuto {
    padding-top: 1.2em;
}

.boxTitolo {
    margin-top: 0.95em;
}

.boxTitolo .box {
    border-bottom: 1px solid #2387a9;
}

.boxTitolo .titolo {
    margin-bottom: 0.2em;
    font-size: 1em;
    color: #2387a9;
}

.files {
    cursor: pointer;
}

.file.selected img {
    border: solid 4px #FFAE00;
}

.navigazioneTools a {
    font-size: 0.8em;
}

.navigazioneTools [class^="icon-"] {
    position: relative;
    top: 2px;
}

.bachecaTestata {
    position: relative;
}

.bachecaTitolo {
    position: absolute;
    width: 40%;
    left: 50%;
    margin-left: -20%;
    top: 50%;
    line-height: 1.2em;
    margin-top: -1.2em;
    font-size: 3em;
    color: #2387a9;
    font-weight: bold;
    text-align: center;
    -webkit-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.28);
    -moz-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.28);
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.28);
}

.bachecaImmagine {
    background-position: center center;
    background-color: #EFEFEF;
}

.bachecaUtente {
    position: absolute;
    left: 5%;
    bottom: 10px;
}

.utenteProfiloImmagine {
    position: absolute;
    left: 5%;
    bottom: 10px;
    width: 100px;
    height: 100px;
    background-image: url(/oz-img/icona-utente.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bachecaUtenteDettagli {
    position: absolute;
    left: 120px;
    bottom: 50px;
    color: #000;
    font-size: 2em;
    -webkit-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.28);
    -moz-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.28);
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.28);
}

a.btn.btnValutazioneIns:link,
a.btn.btnValutazioneIns:visited {
    color: #000;
    background-color: #FF9600;
}

a.btn.btnValutazioneIns:hover {
    color: #FFF;
    background-color: #0183a9;
}

#frontBachecheUtenteLst .cont>.box {
    background-color: #EFEFEF;
    border: solid 1px #E8E8E8;
    padding: 0.5em 2%;
    margin-bottom: 4em;
}

#frontBachecheUtenteLst .box .box {
    padding: 10px 20px;
    border: solid 1px #E8E8E8;
}

#frontBachecheUtenteLst .boxTitolo {
    border: none;
}

#frontBachecheUtenteLst .box .boxTitolo .box {
    padding: 0 0 1em 0;
    border: none
}

#frontBachecheUtenteLst .box .box:hover {
    background-color: #FFF;
}

#frontBachecheUtenteLst h2 {
    margin: 0;
}

.box #boxBachecaIns .box {
    padding: 25px 20px 15px 20px;
    border: dashed 1px #5B5B5B;
}

#boxBachecaIns h2 {
    color: #5B5B5B;
}


/* /Community */


/* ckeditor */

.cke_chrome {
    border: none !important;
    box-shadow: none !important;
}

.cke_top,
.cke_bottom {
    padding: 0 !important;
}


/* /ckeditor */


/* Tickets */

#richiesta {
    padding: 4px 20px 14px 20px;
    background-color: #9ccfde;
    position: relative;
}

#richiesta::before {
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 10px solid #9ccfde;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 10px;
}

.ticket .data {
    color: #9A9A9A;
}

#ticketsLista .ticket.fornitore .intestazione {
    text-align: right;
}

#ticketsLista .ticket.fornitore .corpo {
    border: solid 1px #9A9A9A;
    padding: 4px 20px 8px 20px;
    position: relative;
    margin-left: 2em;
    margin-top: 1em;
}

#ticketsLista .ticket.fornitore .corpo::before {
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 10px solid #9A9A9A;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -11px;
    right: 8px;
}

#ticketsLista .ticket.fornitore .corpo::after {
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 10px solid #FFF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 8px;
}

#ticketsLista .ticket.cliente .intestazione {
    text-align: left;
}

#ticketsLista .ticket.cliente .corpo {
    border: solid 1px #9ccfde;
    padding: 4px 20px 8px 20px;
    position: relative;
    margin-right: 2em;
    margin-top: 1em;
}

#ticketsLista .ticket.cliente .corpo::before {
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 10px solid #9ccfde;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -11px;
    left: 8px;
}

#ticketsLista .ticket.cliente .corpo::after {
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 10px solid #FFF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 8px;
}


/* /Tickets */


/* URI bacheca */

#formUriMod {
    position: relative;
}

#formUriMod .zonaUriCont {
    display: block;
    position: relative;
}

#formUriMod .zonaUri {
    display: block;
    position: absolute;
    top: 56px;
    left: 10px;
    color: #A6A6A6;
}

#formUriMod input#URI {
    padding-left: 100px !important;
}

#formUriMod #btnUrlAggiorna {
    margin-top: 6px;
    height: 39px;
}


/* /URI bacheca */


/* Icone SVG */

.catalogo a.btn-img.icone-40x40 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

a.icon:link,
a.icon:link {
    color: #0183a9;
    border: none;
}

a.icon:hover {
    color: #FF9600;
}


/* /Icone SVG */


/* Protezione pagina */

#accessiUtenti {
    float: left;
    margin-top: 2em;
}

a.btn-img.icone-40x40.utenteIcona {
    background-image: url(/oz-img/icona_utente.svg);
}


/* /Protezione pagina */


/* Prodotti */

dt a {
    border: none;
}


/* /Prodotti */


/* Messaggi */

.comMsg {
    width: 100%;
    float: left;
    clear: left;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: solid 1px #0183A9;
}

.leggere {
    font-weight: bold;
}


/* /Messaggi */

@media only screen and (min-width: 320px) {
    /* ----------------------------- Regole per Mobile V ------------------------------------------------------------------------------ */
}

@media only screen and (min-width: 480px) {
    /* ----------------------------- Regole per Mobile H ------------------------------------------------------------------------------ */
}

@media only screen and (min-width: 600px) {
    /* ----------------------------- Regole per Tablet V ------------------------------------------------------------------------------ */
}

@media only screen and (min-width: 768px) {
    /* ----------------------------- Regole per Tablet medi e Desktop piccoli --------------------------------------------------------- */
}

@media only screen and (min-width: 1000px) {
    /* ----------------------------- Regole per Tablet grandi e Desktop --------------------------------------------------------------- */
}

@media print {
    /* ----------------------------- Regole per la stampa ----------------------------------------------------------------------------- */
}