/* Elementi stili font esterni */


/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
div, table { position:relative; background-repeat:no-repeat; }
.nero, .link-00 { color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.base, .link-02 { color:#292728; }
.rosso-00, .link-03 { color:#c70101; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-rosso-00 { background-color:#c70101; }
.sfondo-grigio-00 { background-color:#d1d1d1; }
.sfondo-temp { background-color:#7f5183; }
.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:arial; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#292728; z-index:0; background-color:#ffffff; }

/* -font- */
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
h1 { font-size:20px; line-height:23px; padding:0px 0px 0px 80px; }
h2 { font-size:30px; line-height:33px; }
h3, .box-titolo { font-size:24px; line-height:27px; margin:10px 0px 0px 0px; }
h4 { font-size:16px; line-height:19px; margin:0px 0px 5px 0px; }
.txt-grande { font-size:20px; line-height:23px; }
.txt-base { font-size:15px; line-height:23px; }
.txt-piccolo { font-size:12px; line-height:20px; }
.box-titolo { margin:0px 0px 40px 0px; }
.box-dida { font-size:12px; line-height:20px; text-align:center; font-style:italic; margin:5px 0px 0px 0px; }
@media only screen and (min-width:0px) and (max-width:413px) {
  h1 { font-size:16px; line-height:19px; }
}
@media only screen and (min-width:768px) and (max-width:1279px) {
  div#box-testo-intro h4 { font-size:20px; line-height:23px; margin:0px 0px 10px 0px; }
}
@media only screen and (min-width:1280px) and (max-width:1599px) {
  h1 { font-size:16px; line-height:19px; margin:0px 30px 0px 0px; }
}


/* -ratio- */
.ratio-quadrato, .ratio-gmap { padding-top:100%; }
.ratio-16-9 { padding-top:56.25%; }
.ratio-3-4 { padding-top:133.33%; }
.ratio-17-24 { padding-top:141.17%; }
.ratio-foto-slide { padding-top:55.49%; }
@media only screen and (orientation:landscape) {
  .ratio-gmap { padding-top:30%; }
}


/* -elementi generali- */
.img-mancante { background-image:url(../img/temp/immagine-mancante.jpg); }
.video-mancante { background-image:url(../img/temp/video-mancante.jpg); }
div#box-testata { height:170px;  }
table#box-logo { height:80px; background-image:url(../img/logo-confraternita-graglia.png); background-repeat:no-repeat; background-size:auto 60%; background-position:15px center; }
div#spazio-logo { width:80px; }
div.box-fascia-00 { padding:80px 0px 80px 0px; }
div.box-fascia-01 { padding:0px 0px 80px 0px; }
div#box-intro { width:90%; margin:0px auto 0px auto; }
table.box-link { border-spacing:10px 10px; margin:20px 0px 20px 0px; }
table.box-link td.box-icona-link { width:32px; }
table.box-link div.icona-pdf { background-image:url(../img/icone/icona-pdf.png); }
table.box-link div.icona-img { background-image:url(../img/icone/icona-img.png); }
table.box-link div.icona-video { background-image:url(../img/icone/icona-video.png); }
table.box-link div.icona-luogo { background-image:url(../img/icone/icona-luogo.png); }
table.box-link div.icona-mail { background-image:url(../img/icone/icona-mail.png); }
table.box-link div.icona-tel { background-image:url(../img/icone/icona-tel.png); }
div.separatore { height:3px; margin:0px auto 30px auto; }
.box-1200 { max-width:1200px; margin:0px auto 0px auto; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div.box-fascia-00 { padding:40px 0px 40px 0px; }
  div.box-fascia-01 { padding:40px 0px 40px 0px; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-testo-intro { padding:30px 0px 0px 0px; }
  .box-90 { width:90%; margin:0px auto 0px auto; }
}
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-testata { height:80px;  }
  div#box-slide { padding:40px 0px 40px 0px; }
  div#blocco-slide { width:90%; margin:0px auto 0px auto; }
  div#box-titolo-pagina { padding:120px 0px 0px 0px; }
}
@media only screen and (min-width:1280px) {
  div#box-intro { display:table; }
  div#box-intro div.blocco-intro { vertical-align:top; display:table-cell; }
  div#box-testo-intro { width:55%; padding:0px 0px 0px 5%; }
  div#box-foto-intro { width:40%; }
}
@media only screen and (min-width:1280px) {
  .box-60 { width:60%; margin:0px auto 0px auto; }
.box-75 { width:75%; margin:0px auto 0px auto; }
.box-85 { width:85%; margin:0px auto 0px auto; }
  div#box-slide { height:400px; }
  div#box-titolo-pagina { width:35%; float:left; }
  div#box-foto-pagina { width:60%; float:right; }
  div#foto-pagina { margin:-10% 0px 0px 0px; }
 }
@media only screen and (min-width:768px) and (max-width:1280px) {
  h2 br { display:none; }
}

/* -menu- */
@media only screen and (min-width:0px) and (max-width:1259px) {
  div#box-icona-menu { top:28px; right:20px; width:24px; height:20px; display:block; }
  div#box-icona-menu div { position:absolute; width:100%; height:4px; background-color:#c70101; }
  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; color:#ffffff; background-color:#c70101; visibility:hidden; z-index:10000; overflow:hidden; }
  div.box-sottomenu { overflow:hidden; }
  div.voce-menu { font-size:16px; line-height:30px; background-color:#c70101; 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 0px 0px 30px !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:#c70101; white-space:nowrap; margin:0px 0px 0px auto; display:table; z-index:20; }
  div.box-sottomenu { position:absolute; top:60px; left:10px; padding:5px 0px 5px 0px; background-color:#c70101; border:solid 2px #ffffff; opacity:.00; display:none; z-index:20; }
  div.voce-menu { vertical-align:middle; padding:0px 20px 0px 20px; display:table-cell; cursor:pointer; }
  div.voce-menu a { color:#292728; }
  div.voce-menu a:hover { color:#c70101; }
  div.voce-smenu a { color:#ffffff; }
  div.voce-smenu a:hover { color:#000000; }
}
@media only screen and (min-width:1260px) and (max-width:1365px) {
  div.voce-menu { font-size:13px; line-height:21px; padding:0px 10px 0px 10px; }
  div.box-sottomenu { top:40px; }
  div.voce-smenu { font-size:12px; line-height:24px; padding:0px 10px 0px 10px; }
}
@media only screen and (min-width:1366px) and (max-width:1559px) {
  div.voce-menu { font-size:14px; line-height:22px; padding:0px 10px 0px 10px; }
  div.voce-smenu { font-size:14px; line-height:26px; padding:0px 20px 0px 20px; }
}
@media only screen and (min-width:1600px) {
  div.voce-menu { font-size:16px; line-height:19px; padding:0px 10px 0px 10px; }
  div.voce-smenu { font-size:14px; line-height:30px; padding:0px 10px 0px 10px; }
}

/* -generali interne- */
div#box-intro-interne { padding:40px 0px 40px 0px; margin:5px 0px 0px 0px; }
div.box-contenuti-interne { margin:0px 0px 60px 0px; }
div.box-testo-interne { width:65%; }
div.box-foto-interne { width:30%; }
div#griglia-interne h3 { font-size:16px; line-height:19px; margin:10px 0px 5px 0px; }
div#griglia-interne p.txt-base { margin:0px 0px 15px 0px; }
@media only screen and (min-width:0px) and (max-width:1279px) {
  div#box-titolo-pagina-interne h2, div#box-intro-interne p, div.blocco-contenuti-interne { width:90%; }
  div#box-titolo-pagina-interne h2 { margin:0px auto 0px 5% !important; }
  div#box-intro-interne p { margin:0px auto 20px auto; }
  div.box-testo-interne { margin:0px auto 0px auto; }
  div.box-foto-interne { margin:0px auto 30px auto; }
}
@media only screen and (min-width:768px) and (max-width:1279px) {
  div#griglia-interne h3 { font-size:20px; line-height:23px; margin:0px 0px 5px 0px; }
}
@media only screen and (min-width:1280px) {
 div.blocco-contenuti-sx div.box-testo-interne { text-align:left; padding:0px 0px 0px 5%; float:right; }
 div.blocco-contenuti-dx div.box-testo-interne { padding:0px 5% 0px 0px; float:left; }
 div.blocco-contenuti-sx div.box-foto-interne { float:left; }
 div.blocco-contenuti-dx div.box-foto-interne { float:right; }
}

/* -footer- */
table#box-social { margin:0px auto 0px auto; border-spacing:20px 40px; }
table#box-social div.box-social { width:48px; }
table#box-social div.box-icona-social { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#ffffff; background-position:center; background-repeat:no-repeat; background-size:55% auto; border-radius:50%; }
div#box-fb { background-image:url(../img/icone/icona-facebook.png); }
div#box-in { background-image:url(../img/icone/icona-instagram.png); }
div#box-yt { background-image:url(../img/icone/icona-youtube.png); }
div#box-footer p { font-size:12px; line-height:17px; padding:0px 0px 20px 0px; }
@media only screen and (min-width:0px) and (max-width:1259px) {
  div#box-footer span { display:none; }
}
@media only screen and (min-width:1260px) {
  div#box-footer br { display:none; }
}

/* -homepage- */
div#foto-intro-index { background-image:url(../img/intro-index.jpg); }
/* -vetrina- */
div.blocco-vetrina { float:left; }
div.foto-vetrina { background-position:center; background-repeat:no-repeat; background-size:100% auto; transition:background-size 1.0s; }
div.foto-vetrina:hover { background-size:105% auto;  }
div.blocco-vetrina h5 { height:38px; font-size:14px; line-height:17px; font-weight:bold; margin:0px 0px 20px 0px; }
div.blocco-vetrina p.box-data { font-size:11px; line-height:14px; margin:15px 0px 5px 0px; }
div#box-festa-santa-croce { background-image:url(../img/vetrina-santa-croce.jpg); }
div#box-festa-ss-trinita { background-image:url(../img/vetrina-ss-trinita.jpg); }
div#box-festa-anna { background-image:url(../img/vetrina-sant-anna.jpg); }
div#box-venerdi-santo { background-image:url(../img/vetrina-venerdi-santo.jpg); }
div#box-festa-santo-rosario { background-image:url(../img/vetrina-santo-rosario.jpg); }
div#box-mercatino-natale { background-image:url(../img/vetrina-mercatini-natale.jpg); }
div#box-cammino-confraternite { background-image:url(../img/vetrina-cammino.jpg); }
div#box-altre-attivita { background-image:url(../img/foto-contatti-01.jpg); }
div#box-confraternita-graglia { background-image:url(../img/confraternita-graglia.jpg); }
div#box-confraternite-religiose { background-image:url(../img/confraternite-religiose.jpg); }
div#box-ordine-trinitario { background-image:url(../img/ordine-trinitario.jpg); }
/* -news- */
div#box-news div.box-news { width:90%; margin:0px 5% 40px 5%; float:left; }
div#box-news h6 { font-size:16px; line-height:19px; margin:15px 0px 10px 0px; }
div#box-news .box-link { font-size:12px; line-height:15px; text-align:right; font-weight:bold; margin:15px 0px 0px 0px; }
@media only screen and (min-width:0px) and (max-width:1279px) {
  div.blocco-vetrina h5 { font-size:16px; line-height:19px; }
  div.blocco-vetrina h5 br { display:none; }
  div.blocco-vetrina p.box-data { font-size:12px; line-height:15px; }
}
@media only screen and (min-width:0px) and (max-width:599px) {
  div#vetrina-home { padding:20px 0px 20px 0px; }
  div.blocco-vetrina { width:90%; margin:20px 5% 20px 5%; }
}
@media only screen and (min-width:600px) and (max-width:1279px) {
  div#vetrina-home { margin:-40px 0px 0px 0px; }
  div.blocco-vetrina { width:42%; margin:20px 4% 20px 4%; }
}
@media only screen and (min-width:1024px) {
  div#box-news div.box-news { width:29.33%; margin:0px 2% 0px 2%; }
}
@media only screen and (min-width:1280px) {
  div.blocco-vetrina { width:12.66%; margin:20px 2% 0px 2%; }
}

/* -archvio documenti- */
div#foto-archvio-documenti-01 { background-image:url(../img/archivio-documenti-01.jpg); }
/* -attivita confraternite religiose- */
div#foto-attivita-confraternite-religiose-01 { background-image:url(../img/attivita-confraternite-religiose-01.jpg); }
div#foto-attivita-confraternite-religiose-02 { background-image:url(../img/attivita-confraternite-religiose-02.jpg); }
/* -calendario- */
div#griglia-calendario h3 { margin:20px 0px 0px 0px; }
div#griglia-calendario p.txt-base { line-height:30px; }
/* -cappelle- */
div#foto-cappella-circoncisione { background-image:url(../img/cappella-altare-circoncisione.jpg); }
div#foto-cappella-rosario { background-image:url(../img/cappella-rosario.jpg); }
div#foto-cappella-cintura { background-image:url(../img/cappella-cintura.jpg); }
div#foto-cappella-cinque-santi { background-image:url(../img/cappella-cinque-santi.jpg); }
div#foto-cappella-antonio-padova { background-image:url(../img/cappella-santo-antonio-padova.jpg); }
div#foto-altare-stefano-francesco { background-image:url(../img/altare-santo-stefano-francesco-assisi.jpg); }
@media only screen and (min-width:0px) and (max-width:767px) {
  div.griglia-cappelle { margin:0px 0px 35px 0px; }
  div.griglia-cappelle div.box-foto-cappelle { max-width:350px; margin:0px auto 0px auto; }
}
@media only screen and (min-width:768px) {
  div.griglia-cappelle { display:table; margin:0px 0px 25px 0px; }
  div.griglia-cappelle div.blocco-cappelle { vertical-align:top; display:table-cell; }
  div.griglia-cappelle div.box-foto-cappelle { width:100px; padding:0px 20px 0px 0px; }
  div.griglia-cappelle h3 { margin:0px 0px 5px 0px !important; }
}

/* -contatti- */
div#box-gmap { border-top:solid 15px #d1d1d1; border-bottom:solid 15px #d1d1d1; background-image:url(../img/icone/icona-loader.gif); background-color:#000000; background-position:center; background-repeat:no-repeat; }
div#foto-contatti-01 { background-image:url(../img/foto-contatti-01.jpg); }
/* -dipinti e gonfaloni- */
div#foto-dipinti-chiesa-scroce-01 { background-image:url(../img/dipinti-gonfaloni-chiesa-santa-croce-graglia-01.jpg); }
div#foto-dipinti-chiesa-scroce-02 { background-image:url(../img/dipinti-gonfaloni-chiesa-santa-croce-graglia-02.jpg); }
div#foto-dipinto-coro { background-image:url(../img/dipinto-coro.jpg); }
div#foto-dipinto-cappella-circoncisione { background-image:url(../img/dipinto-cappella-circoncisione.jpg); }
div#foto-dipinto-cappella-cintura { background-image:url(../img/dipinto-cappella-madonna-cintura.jpg); }
div#foto-dipinto-cappella-stefano-francesco-assisi { background-image:url(../img/dipinto-cappella-santi-stefano-francesco.jpg); }
div#foto-dipinto-cappella-santi-germano-michele { background-image:url(../img/dipinto-cappella-santi-germano-michele.jpg); }
/* -documenti ordine trinitario- */
div#foto-documenti-ordine-trinitario-01 { background-image:url(../img/documenti-ordine-trinitario-01.jpg); }
/* -intro confraternite religiose- */
div#foto-intro-confraternite-religiose-01 { background-image:url(../img/intro-confraternite-religiose-01.jpg); }
/* -istituzione ordine trinitario- */
div#foto-istituzione-ordine-trinitario-01 { background-image:url(../img/istituzione-ordine-trinitario-01.jpg); }
/* -libro dei conti- */
div#foto-libro-01 { background-image:url(../img/libro-dei-conti-01.jpg); }
div#foto-libro-02 { background-image:url(../img/libro-dei-conti-02.jpg); }
/* -missione ordine trinitario- */
div#foto-missione-ordine-trinitario-01 { background-image:url(../img/missione-ordine-trinitario-01.jpg); }
/* -media- */
div.blocco-media h5 { margin:15px 0px 20px 0px !important; }
/* -news- */
div.box-foto-interne table.box-link { margin:40px 0px 0px 0px; border-spacing:10px 30px; }
/* -storia chiesa s.croce- */
div#foto-chiesa-scroce-01 { background-image:url(../img/foto-contatti-01.jpg); }
/* -storia confraternita- */
div#foto-storia-01 { background-image:url(../img/storia-confraternita-graglia-01.jpg); }
div#foto-storia-02 { background-image:url(../img/storia-confraternita-graglia-02.jpg); }
/* -storia confraternite religiose- */
div#foto-storia-confraternite-religiose-01 { background-image:url(../img/storia-confraternite-religiose-01.jpg); }
/* -statuto confraternita- */
div#foto-statuto-01 { background-image:url(../img/copertina-statuto-confraternita.jpg); }




/* -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; }
}

/* -slide- */
@media only screen and (min-width:0px) and (max-width:599px) {
  div.slide-index-1 { background-image:url(../img/sfondi/index/land/sma/1.jpg); }
  div.slide-index-2 { background-image:url(../img/sfondi/index/land/sma/2.jpg); }
  div.slide-index-3 { background-image:url(../img/sfondi/index/land/sma/3.jpg); }
  div.slide-index-4 { background-image:url(../img/sfondi/index/land/sma/4.jpg); }
  div.slide-index-5 { background-image:url(../img/sfondi/index/land/sma/5.jpg); }
  div.slide-index-6 { background-image:url(../img/sfondi/index/land/sma/6.jpg); }
  div.slide-index-7 { background-image:url(../img/sfondi/index/land/sma/7.jpg); }
  div.slide-index-8 { background-image:url(../img/sfondi/index/land/sma/8.jpg); }
  div.slide-index-9 { background-image:url(../img/sfondi/index/land/sma/9.jpg); }
  div.slide-index-10 { background-image:url(../img/sfondi/index/land/sma/10.jpg); }
  div.slide-index-11 { background-image:url(../img/sfondi/index/land/sma/11.jpg); }
  div.slide-index-12 { background-image:url(../img/sfondi/index/land/sma/12.jpg); }
}
@media only screen and (min-width:600px) {
  div.slide-index-1 { background-image:url(../img/sfondi/index/land/big/1.jpg); }
  div.slide-index-2 { background-image:url(../img/sfondi/index/land/big/2.jpg); }
  div.slide-index-3 { background-image:url(../img/sfondi/index/land/big/3.jpg); }
  div.slide-index-4 { background-image:url(../img/sfondi/index/land/big/4.jpg); }
  div.slide-index-5 { background-image:url(../img/sfondi/index/land/big/5.jpg); }
  div.slide-index-6 { background-image:url(../img/sfondi/index/land/big/6.jpg); }
  div.slide-index-7 { background-image:url(../img/sfondi/index/land/big/7.jpg); }
  div.slide-index-8 { background-image:url(../img/sfondi/index/land/big/8.jpg); }
  div.slide-index-9 { background-image:url(../img/sfondi/index/land/big/9.jpg); }
  div.slide-index-10 { background-image:url(../img/sfondi/index/land/big/10.jpg); }
  div.slide-index-11 { background-image:url(../img/sfondi/index/land/big/11.jpg); }
  div.slide-index-12 { background-image:url(../img/sfondi/index/land/big/12.jpg); }
}