.sitemap {
    display: block;
    
    background: #9DBDAD;
    text-align: right;
    padding-right: 5vw;
    
    font-size: 12px;
    font-weight: 600;
    
    
}
.sitemap a{
    text-decoration: none;
    color: #fff;
    
}
.section-title-2 h1{
    color:#fff;
    font-size:42px;
    font-family:'Times New Roman',cursive;
    font-weight: 300;
    line-height:1.2; 
    text-transform:none;
    margin-bottom:5px;}

.box-img{
    
    display: block;
   
    width: 100vw;
    max-width: 960px;
    
    height: 56.25vw;
    max-height: 540px;
    
    position:relative;
    
    margin: -20px auto 0px auto;
    padding: 0 ;
   
}

.box-p {
    width: 85vw;
    max-width: 760px;
    
    display: block;
    
    position: relative;
    margin: 0 auto;
    
    font-size: 18px;
    line-height: 1.2;
}

.mini-img {
    display: block;
    width: 100%;
    
}

.accordion dt p{
    display:block;
    font-size:14px;
    padding:5px 10px;
    
    cursor:default;
    
    text-decoration:none;
    text-align-last: left;
    
    color:#333;
    background:#f5f5f5 url() no-repeat center right;
 
    line-height:32px;
    transition:background .5s ease;
    margin-bottom:5px;

}

/*style="font-size:20px;"*/

#check {
    font-size:20px;
    
    margin-left: 50px;
    margin-bottom: 10px;
}

/*lf2020 - tagliato dal vecchio foglio di stile e portato qui per modifiche*/

.accordion dt a{
    display:block;
    font-size:14px;
    padding:5px 10px;
    
    text-decoration:none;
    color:#333;
    
    background:#f5f5f5 url(../IMG_2020/Icone/info-lf.png) no-repeat center right;
    
    line-height:32px;
    transition:background .5s ease;
    margin-bottom:5px
}
    
 .accordion dt a:hover,.accordion dt:focus-within a{text-decoration:none;background:#9DBDAD url("../images/plus_lens.png") no-repeat center right;color:#fff}

.accordion dd a{
    text-decoration: none;
    
    display: block;
    
    text-align: right;
    
    padding:5px 20px;
    color: blue;
}
.accordion dd a:hover{
    text-decoration: underline;
    font-weight: 600;
}

/*end-lf2020*/

/*lf2020*/
#footer-homepage{
    display: block;
    
    color:#fff;
    position:absolute;
    width:100%;
    
    text-align:center;
  
    
    bottom:0;
    left:0;
    
    margin: 0px;
    
    padding-top:20px;
    padding-bottom:10px}

#footer-homepage strong{font-size:12px}
/*end*/

#footer-a{
    text-decoration:underline;
    color:#fff;
}


#chiama-ora a{
    
text-decoration:none;

font-size: 30px;
font-weight: 600;  

    color: rgba(255,255,200,1);
    text-shadow: black 0px 0px 0.1em;
    
    display: block;
    
    margin: 5px auto;
    padding: 5px;
       
}

#intro-txt {
    position: absolute;
    z-index: 9;
}

#intro-txt p {
    
    display: block;
    
    font-weight:300;
    font-size:18px;
    
    line-height:1.35;
    
    text-shadow:rgba(0,0,0,1) 0px 0px 0.3em;
    
    text-transform:none;
    font-family:'Times New Roman';
    
    margin-bottom:5px;
    border-bottom:3px double #fff;
    padding-bottom:5px;
}


#link-sezione-struttura {
    text-decoration: none;
    
    text-decoration: underline;
    color:rgba(60,60,60,1);
}

#descrizione {
    
    font-size: 18px;
    line-height: 1.35;}
    
#descrizione-b {
    
    font-size: 18px;
    line-height: 1.35;
}
    
#descrizione span {
    
    font-size: 22px;
    font-weight: 600;
}

#descrizione-b span {
    
    font-size: 22px;
    font-weight: 600;
}

/*I bg container sono mutuati da quello creato da Valerio, il bg-container-3 in particolare, quello con la ceramica. I bg container sono gli inframezzi fra le sezioni. Abbiamo anche riscritto la direttiva media, per adattare l'immagine e il suo peso allo schermo*/

#bg-container-lf{
    background:#111; 
    background:no-repeat; 
    position:relative;
    overflow:hidden;
    width:100vw;
    height: 23.6vw;
   
}

#bg-container-lf h3 {
    color: #fff;
    text-align: center;
    font-size: 6.5vw;
   
    font-weight: 600;
   
    padding-top: 8.55vw;
    
    display: block;
    width: 100vw;
    height:inherit;
    
    background-color: rgba(,0,0,0.25);
    
    text-shadow:rgba(0,0,0,1) 0px 0px 0.3em;
    text-indent: inherit;
    
    text-transform:none;
    font-family:'Times New Roman';
   
}

#bg-container-lf .container_lf{
    width: 100vw;
    height: 56.25vw;
    background-color:#111;
    padding:0 0;
    
}
/*IMG visualizzate sopra i 960px*/
.bglf {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-centro-terrazza-panoramica-2048w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}


.bglf1 {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-centro-campidoglio-vista-mare-2048w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}

.bglf2 {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-monte-san-calogero-vista-panoramica-est-2048w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}

.bglf3 {
    
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-spiaggia-mare-2048w.jpg") 50% 20% fixed repeat-x;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}

/*END: IMG visualizzate sopra i 960px*/

/*Ex bg3 e bg4 - Il cambio nel foglio di stile base creava conflitti nel layout. Abbiamo modificato il nome della classe, e ricopiata para para in questo foglio di stile. Il problema al layout si è cosi' risolto*/

.bg3-lf{background:url("../IMG_2020/BG_lf/bg-3-1600w.jpg") 50% 20% fixed repeat-y;width:100%;height:100%;margin:0 auto;position:absolute;background-size:100%;box-shadow:inset 0px 0px 20px rgba(0,0,0,1)}.bg4-lf{background:url("../IMG_2020/BG_lf/bg-4-1600w.jpg") 50% 50% fixed repeat-y;width:100%;height:100%;margin:0 auto;position:absolute;background-size:100%;box-shadow:inset 0px 0px 20px rgba(0,0,0,.8)}

/*bg3 e bg4 -IMG sopra i 960px*/

@media screen and (max-width:479px){
    
    .none479 {
        display: none;
    }
    
.bglf {
    
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-centro-terrazza-panoramica-512w.jpg") 50% 20% fixed no-repeat;
       
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf1 {
   
    /*background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-centro-campidoglio-vista-mare-512w.jpg") 50% 20% fixed no-repeat;*/
    
    background: #111;
 
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf2 {
    background: #111;
    
    /*background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-monte-san-calogero-vista-panoramica-est-512w.jpg") 50% 20% fixed no-repeat;*/
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf3 {
    background: #111;
    
    /*background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-spiaggia-mare-512w.jpg") 50% 20% fixed repeat-x;*/
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bg3-lf{background:url("../IMG_2020/BG_lf/bg-3-512w.jpg") 50% 20% fixed repeat-y;width:100%;height:100%;margin:0 auto;position:absolute;background-size:100%;box-shadow:inset 0px 0px 20px rgba(0,0,0,1)}.bg4-lf{background:url("../IMG_2020/BG_lf/bg-4-512w.jpg") 50% 50% fixed repeat-y;width:100%;height:100%;margin:0 auto;position:absolute;background-size:100%;box-shadow:inset 0px 0px 20px rgba(0,0,0,.8)}
    
    #intro-txt p {
    
    font-size:14px;}
    
    #chiama-ora a{
          
    font-size: 24px;}
}

@media screen and (min-width:480px) and (max-width:767px){ 
    .bglf {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-centro-terrazza-panoramica-768w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf1 {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-centro-campidoglio-vista-mare-768w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf2 {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-monte-san-calogero-vista-panoramica-est-768w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf3 {
    
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-spiaggia-mare-768w.jpg") 50% 20% fixed repeat-x;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bg3-lf{background:url("../IMG_2020/BG_lf/bg-3-768w.jpg") 50% 20% fixed repeat-y;width:100%;height:100%;margin:0 auto;position:absolute;background-size:100%;box-shadow:inset 0px 0px 20px rgba(0,0,0,1)}.bg4-lf{background:url("../IMG_2020/BG_lf/bg-4-768w.jpg") 50% 50% fixed repeat-y;width:100%;height:100%;margin:0 auto;position:absolute;background-size:100%;box-shadow:inset 0px 0px 20px rgba(0,0,0,.8)}
    
     #intro-txt p {
    
    font-size:16px;
}
    
    #chiama-ora a{
          
        font-size: 26px;}
}

@media screen and (min-width: 768px) and (max-width: 959px){ .bglf {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-centro-terrazza-panoramica-1024w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf1 {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-centro-campidoglio-vista-mare-1024w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf2 {
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-monte-san-calogero-vista-panoramica-est-1024w.jpg") 50% 20% fixed no-repeat;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
.bglf3 {
    
    background:url("../IMG_2020/BG_lf/b&b-porta-bagni-sciacca-spiaggia-mare-1024w.jpg") 50% 20% fixed repeat-x;
    
    width:100vw;
    height:56.25vw;
    margin:0 auto;
    
    position:absolute;
   
    background-size:100vw 56.25vw;
    box-shadow:inset 0px 0px 20px rgba(0,0,0,1)
    
}
    .bg3-lf{background:url("../IMG_2020/BG_lf/bg-3-1024w.jpg") 50% 20% fixed repeat-y;width:100%;height:100%;margin:0 auto;position:absolute;background-size:100%;box-shadow:inset 0px 0px 20px rgba(0,0,0,1)}.bg4-lf{background:url("../IMG_2020/BG_lf/bg-4-1024w.jpg") 50% 50% fixed repeat-y;width:100%;height:100%;margin:0 auto;position:absolute;background-size:100%;box-shadow:inset 0px 0px 20px rgba(0,0,0,.8)}
    
     #intro-txt p {
    
    font-size:18px;
}
    #chiama-ora a{
          
font-size: 28px;
}