/* Elementi stili font esterni */
@font-face {

}
@font-face {

}
/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
div, table { position:relative; }
.grigio-00  { color:#2b2c2c; }
.nero, .link-00 { color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.vinaccia, .link-03 { color:#3a0b00; }
.lilla-01, .link-04 {color:#506287;}
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-lilla-00 {background-color:#c8d1e3;}
.sfondo-lilla-01 {background-color:#506287;}
.sfondo-vinaccia { background-color:#3a0b00; }
.marrone{background-color:#7f7a77;}
.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; }
.tabella { display:table; }
.cella { display:table-cell; }
.flessibile { display:flex; }
.txt-centro { text-align:center; }
.txt-destro { text-align:right; }
.txt-sinistro { text-align:left; }
.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; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font-zero { font-size:0px; line-height:0px; }
.fade { opacity:.00; visibility:hidden; }
.opaco-00 { filter: alpha(opacity=80); opacity:.60; }
.ombra { box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5); }

body { font-family:georgia; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#7f7a77; background-color:#f8f7f3; z-index:0; }
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
.txt-titolo { font-family:Trebuchet MS; font-size:20px; line-height:26px; }
.txt-base { font-size:18px; line-height:21px; }


@media only screen and (orientation:landscape) {
  .elemento-portrait { display:none; }
}
@media only screen and (orientation:portrait) {
  .elemento-landscape { display:none; }
}
/* */
div#blocco-sfondo { width:32.8%; top:0px; left:0px; }
div#contenuti { width:57.2%; top:0px; right:0px; padding:0px 5% 20px 5%; }
div#menu { margin:50px 3% 0px auto; text-align:right; }
div#voci-menu span { font-size:24px; line-height:27px; padding:0px 10px 0px 10px; }
div#pres-00 { margin:100px 0px 0px 0px; }
div#pres-00 span { font-size:30px; line-height:auto; padding:0px 5px 0px 5px; }
div#cit-00 span { font-size:30px; line-height:auto; padding:0px 5px 0px 5px; }
div#pulsante { width:124px; height:32px; margin:15px 0px 15px auto; border:solid 2px #3a0b00; font-size:15px; line-height:18px; }
div#pulsante p { padding-top:5px; }
div#box-foto-00 { width:35%; }
div#box-foto-01 { width:35%; }
div#foto-00 { background-image:url(../img/lanza-00.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; top:15%; left:15%; }
div#foto-01 { background-image:url(../img/lanza-01.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; top:15%; left:15%; }

div#cit-01 { width:250px; font-size:15px; line-height:18px; margin:50px 50% 30px 50%; }
div#pres-01 span { font-size:30px; line-height:auto; padding:0px 5px 0px 5px; }
.box-icona { margin:40px auto 30px auto; }
div#icona-storia { width:20%;min-width:100px; }
div#lente { background-image:url(../img/lente.png); background-repeat:no-repeat; background-position:center; background-size:90% 90%; }
.titolo-ricerca { margin:0px 0px 10px 0px; }
.icona { margin:10px auto 0px auto; }
div#pres-02{ margin:30px 0px 0px 0px; }
div#pres-02 span{ font-size:30px; line-height:33px; padding:0px 5px 0px 5px; }
div#icona-plettro{ width:14%; min-width:100px; }
div#plettro { background-image:url(../img/icona-plettro-big.png); background-repeat:no-repeat; background-position:center; background-size:90% 90%; }
table#fascia-canzoni { width:100%; height:200px; }
table#fascia-canzoni td { vertical-align:middle; }

.celle-icone{ margin:0px auto 0px auto; }
.icona-canzoni{ width:30%; margin:0px auto 0px auto; }
div#youtube { background-image:url(../img/icona-youtube.png); background-repeat:no-repeat; background-position:center; background-size:auto 90%; }
div#video { background-image:url(../img/icona-video.png); background-repeat:no-repeat; background-position:center; background-size:auto 90%; }
div#ascolta { background-image:url(../img/icona-ascolto.png); background-repeat:no-repeat; background-position:center; background-size:auto 90%; }
div.box-icona-pdf { width:50px; }

div#pdf, div.icona-pdf { background-image:url(../img/icona-pdf.png); }
div.icona-jpg { background-image:url(../img/icona-jpg.png); }
div.icona-hta { background-image:url(../img/icona-hta.png); }
div.icona-pps { background-image:url(../img/icona-pps.png); }
.celle-icone div#pulsante{margin:15px auto 15px auto;}

div.separatore { width:90%; height:1px; margin:10px auto 20px auto; background-color:#000000; }

@media only screen and (min-width:0px) and (max-width:767px) {
  .txt-base { font-size:14px; line-height:17px; }
  .txt-titolo { font-size:16px; line-height:19px; }
  div#blocco-sfondo { width:5%; }
  div#contenuti { width:90%; }
  div#menu { margin:20px 3% 0px auto; }
  div#voci-menu span { font-size:15px; line-height:18px; padding:0px 3px 0px 3px; }
  div#pres-00, div#txt-nascosto { margin:50px 0px 0px 5%; }
  div#blocco-dx { margin-top:50px; }
  div#cit-00 { margin-left:5% }
  div#cit-00 br { display:none; }
  div#foto { margin:50px 0px 0px 2%; }
  div#box-foto-01 { margin:-7% 15% 0px auto; }
  div#cit-01 { font-size:13px; line-height:15px; margin:0px auto 20px auto }
  div#pres-01 { margin:0px 0px 0px 5%; }
  .ricerche { margin:30px 0px 30px 5%; }
  div#pres-02 { margin:20px 0px 30px 5%; }
  div#intestazione { margin:0px 0px 30px 5%; }
  .testo-ic { margin:0px 0px 0px 5%; }
  .icona-canzoni { max-width:60px; }
  div#box-foto-desktop { display:none; }
}

@media only screen and (min-width:768px) and (max-width:1023px)  {
  .txt-base { font-size:16px;line-height:19px; }
  div#blocco-sfondo { width:5%; }
  div#contenuti { width:90%; margin:0px 0px 0px 3%; }
  div#pres-00, div#txt-nascosto { margin:70px 0px 0px 3%; }
  div#cit-00 { margin-left:3% }
  div#blocco-dx { margin-top:70px; }
  div#foto { margin:60px 0px 0px 3%; }
  div#box-foto-01 { margin:-20% 15% 0px auto; }
  div#cit-01 { margin:0px auto 20px auto }
  div#pres-01 { margin:0px 0px 0px 3%; }
  .ricerche { margin:30px 0px 30px 3%; }
  div#pres-02 { margin:30px 0px 30px 3%; }
  div#intestazione { margin:0px 0px 30px 3%; }
  .testo-ic { margin:0px 0px 0px 3%; }
  .icona-canzoni { max-width:90px; }
  .rientro { float:left; margin:15px 20px 0px 0px; }
  div#box-foto-desktop { display:none; }
}

@media only screen and (min-width:1024px) {
  div#cit-00 { margin-top:-50px; }
  div#pres-00 { margin:50px 0px 0px 0px; }
  div#pulsante { margin:25px 0px 25px auto; }
  div#blocco-dx { position:absolute !important; width:42%; top:90px; left:-45%; }
  div#foto { margin-top:40px; }
  div#box-foto-desktop { top:300%; }
  div#box-foto-desktop p { margin-top:20px; }
  img#affresco { width:100%; }
  img#gufo { width:70%; margin-left:15%; }
  div#box-foto-01 { position:absolute !important; right:6%; }
  div#sfondo-storia { background-image:url(../img/sfondo-storia.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; }
  .fascia-ricerche { display:table; width:100%;margin:30px 0px 30px 0px; }
  .contenuto-ric { display:table-cell; width:80%; vertical-align:middle; }
  .icona { display:table-cell; width:20%; vertical-align:middle; }
  div#sfondo-musica { background-image:url(../img/sfondo-musica.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; }
  div#intestazione { margin:150px 0px 80px 0px; }
  .testo-ic { display:table; width:100%; }
  .testo-canzoni { display:table-cell; width:80%; padding:0px 15px 0px 15px; }
  .celle-icone { display:table-cell; width:20%; vertical-align:top; }
}

/* generali podcast player */
table.player td { padding:8px; }
table.player td.box-tasto { width:16px; }
table.player td#timer { width:100%; }
table.player td#titolo-podcast { font-size:14px; line-height:20px; font-weight:bold; }
div#popup-podcast { width:300px; margin:auto; padding:5px; border-radius:15px; }
div#box-player { border-radius:10px 10px 10px 10px; }
div#box-player button { cursor:pointer; }
div#box-player button.setting { color:#000000; padding:3px; border-radius:5px; background:#ffffff; }
div#box-player button.tasto-funzione { width:32px; height:32px; background-size:cover; }
button#pulsante-play { background:url(../img/player/play.png) no-repeat; }
button#pulsante-pause { background:url(../img/player/pause.png) no-repeat; }
button#pulsante-rewind { background:url(../img/player/rewind.png) no-repeat; }
button#pulsante-audio { background:url(../img/player/audio-off.png) no-repeat; }
button#pulsante-chiudi { background:url(../img/player/chiudi.png) no-repeat; }
div#box-player progress { width:140px; height:20px; border:solid 1px #000000; background:#ffffff; border-radius:5px; }
div#box-player span { font-size:16px; line-height:normal; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div#popup-podcast { bottom:20px; right:20px; }
}
@media only screen and (min-width:768px) and (max-width:1023px)  {
  div#popup-podcast { bottom:20px; right:20px; }
}
@media only screen and (min-width:1024px) {
  div#popup-podcast { top:90px; left:38%; }
}

/* -lightbox- */
.lightbox { position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; overflow:hidden; z-index:10000; }
.slide-zoom { z-index:10000; }
.comando-zoom { z-index:10200; }
div#lightbox, div.slide-zoom-desktop, div#mappa-immobile, div#mappa-immobile iframe, div#box-tour-immobile, div#box-tour-immobile iframe { border-radius:10px; }
div#box-counter-zoom { top:5px; left:5px; width:50px; font-size:12px; line-height:30px; border-radius:5px; }
div#lightbox div.box-chiudi { top:5px; right:20px; font-size:0px; line-height:0px; }
div#lightbox div.box-chiudi-desktop { width:60px; }
div#lightbox div.box-chiudi-smart, div.box-chiudi-tablet { width:40px; }
div#lightbox div.box-freccia { position:absolute; top:50%; font-size:0px; line-height:0px; cursor:pointer; }
div#lightbox div.box-freccia-zoom { width:60px; margin-top:-30px; }
div#lightbox div#box-freccia-zoom-sx { left:20px; }
div#lightbox div#box-freccia-zoom-dx { right:20px; }
div#lightbox div.freccia-sx { background:url(../img/icone/freccia-lightbox-sx.png) 40% center no-repeat; background-size:auto 50%; }
div#lightbox div.freccia-dx { background:url(../img/icone/freccia-lightbox-dx.png) 60% center no-repeat; background-size:auto 50%; }
div#lightbox div#icona-chiudi { background:url(../img/icone/icona-chiudi-lightbox.png) center no-repeat; background-size:auto 40%; }
div#box-dida { bottom:10px; }
div#box-dida td#dida { font-size:12px; line-height:24px; padding:0px 10px 0px 10px; border-radius:5px; }

/* -rollino- */
div.box-indice-roll { display:flex; }
div.slide-roll { height:100%; }
div.box-cornice { width:75%; height:100%; margin:0px auto 0px auto; background-color:#3a0b00; }
div.box-cornice table { border-spacing:5px 5px; }
div.box-plettrino { padding:0px 5px 0px 5px; visibility:hidden; }
@media only screen and (min-width:0px) and (max-width:567px) {
  div.box-plettrino { width:40px; }
  div.slide-roll { width:100%;  min-width:100%; }
}
@media only screen and (min-width:568px) and (max-width:767px) {
  div.box-plettrino { width:40px; }
  div.slide-roll { width:50%; min-width:50%; }
}
@media only screen and (min-width:768px) and (max-width:1439px) {
  div.box-plettrino { width:50px; }
  div.slide-roll { width:33.33%;  min-width:33.33%; }
}
@media only screen and (min-width:1440px) {
  div.box-plettrino { width:50px; }
  div.slide-roll { width:25%; min-width:25%; }
}

table#box-indice-canzoni { border-spacing:20px 10px; }
table#box-indice-canzoni div.box-icona-plettro { width:24px; margin:5px 0px 0px 0px }
table#box-indice-canzoni div.icona-plettro { background-image:url(../img/plettrino-dx.png); }

/* -modulo di contatto- */
form#contatto { margin:30px 0px 20px 0px; }
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 { width:85%; max-width:500px; padding:10px 15px 10px 15px; margin:0px 0px 10px 0px; border-radius:5px; background:#c8d1e3; }
div#box-campi p {  margin:10px 0px 10px 0px; }
input, select { font-family:georgia; font-size:13px; line-height:20px; border-radius:3px; }
input { padding:0px 2% 0px 2%; }
input.campo-data { width:96%; }
select.campo-data { width:100%; }
textarea { width:96%; height:120px; font-family:georgia; 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; }
div.pulsante { width:90px; padding:2px 15px 2px 15px; border-radius:5px; background:#ffffff; }