.Prenota h2, .Prenota h3, .Prenota h4, .Prenota h5, .Prenota h6 {
    font-family: 'Fira Sans Condensed', sans-serif;
}


.Prenota h3 {
    font-size: 17px;
    line-height: 19px;
}


.cklist {
    font-family: 'Fira Sans', sans-serif;
    background: url('/img/Ico_ck48.png') top left no-repeat;
    background-size: 24px 24px;
    margin: 0;
    padding: 4px 0 8px 40px;
    line-height: 15px;
}


.ScrollBox {
    height: 120px;
    margin: 0 0 5px 0;
    overflow: auto;
    background: #eee;
    border-radius: 5px;
}

.TextSmall {
    width: 94%;
    margin: 5px 0 5px 3%;
    text-align: left;
    font-size: 11px;
    line-height: 11px;
    color: #333;
}


    .IconS                   {width:32px; height:32px; border:0; display:inline-block;}
    .IconM                   {width:48px; height:48px; border:0; display:inline-block;}
    .IconL                   {width:64px; height:64px; margin:12px; border:0; display:inline-block;}

    .BoxSBFormPrivacy   {font-family: 'Fira Sans Condensed', sans-serif; font-size:12px; line-height:13px; color:#494539; text-align:justify;  min-height:40px; display:inline-block;}
    .BoxSBFormPrivacy a {color:#2F1700; font-weight:bold; font-size:13px; }


    .CamereDisponibili {
        position: relative;
        display: block;
        text-align: center;
        margin: 5px 0 0 0;
        padding:0;
        border-radius: 8px;
        border: 1px solid #79adb7;
        overflow: hidden;
    }

    .CamereDisponibili p {
        font-weight: 700;
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
    }

.AnteprimaCamera {
    display: block;
    width: 100%;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

        .AnteprimaCamera p {
            padding-top: 40px;
            width: 100%;
            height: 80px;
            text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8);
            background: rgba(0, 0, 0, 0.25);
            color:#fff;
            text-align:center;
        }

.Prezzi {
    position: relative;
    display: block;
    text-align: center;
    margin: 5px 0;
    font-family: 'Fira Sans Condensed', sans-serif;
}

    .Prezzi .Opzione {
        position: relative;
        display: inline-block;
        text-align: left;
        margin: 0 1px;
        width:100px;
        height:64px;
        overflow:hidden;
    }

.BoxSt- {
 border-bottom: 3px solid #090;
}

.BoxNr- {
    border-bottom: 3px solid #c00;
}

.cent {
    font-size: 9px;
}

.Prezzi .BtAdd {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    border: 0;
    margin: 0;
    opacity: 0.66;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}

    .Prezzi .BtAdd:hover {
        opacity: 1;
    }

.Prezzo {
    position: absolute;
    height: 40px;
    width: 60px;
    top: 0;
    left: 20px;
    margin: 0;
    padding: 0;
    line-height: 40px;
    text-align: center;
    vertical-align: top;
    color: rgba(47, 100, 100, 1);
    font-size: 18px;
    font-family: 'Fira Sans Condensed', sans-serif;
}

.PrezzoOff {
    position: absolute;
    height: 40px;
    width: 60px;
    top: 0;
    left: 20px;
    margin: 0;
    padding: 0;
    line-height: 40px;
    text-align: center;
    vertical-align: top;
    color: rgba(47, 100, 100, 0.33);
    font-size: 18px;
    text-decoration: line-through;
}

.PrezzoOld {
    position: absolute;
    height: 40px;
    width: 60px;
    top: 0;
    left: 20px;
    margin: 0;
    padding: 0;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    color: rgba(47, 100, 100, 0.50);
    font-size: 14px;
    text-decoration: line-through;
}

.PrezzoPromo {
    position: absolute;
    height: 34px;
    width: 60px;
    top: 16px;
    left: 0;
    margin: 0;
    padding: 0;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: rgba(47, 100, 100, 0.9);
    text-decoration: none;
}

 .cent {
    font-size: 9px;
}

.PrezzoInfo {
    position: relative;
    display: block;
    height: 28px;
    width: 100px;
    margin-top: 36px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    overflow:hidden;
}

    .PrezzoInfo p {
        padding: 0;
        margin: 0;
        display: block;
        line-height: 12px;
        font-size: 10px;
        font-family: 'Fira Sans Condensed', sans-serif;
        text-transform: uppercase;
        text-align: center;
    }

.BoxRO {
    background-color: rgba(51, 204, 102, 0.33);
    color: #000;
    border-top: 2px solid rgb(51, 204, 102);
}

.BoxBB {
    background-color: rgba(0, 204, 255, 0.33);
    color: #000;
    border-top: 2px solid rgb(0, 204, 255);
}

.BoxRONR {
    background-color: rgba(51, 204, 102, 0.33);
    color: #000;
    border-top: 2px solid #c00;
}

.BoxBBNR {
    background-color: rgba(0, 204, 255, 0.33);
    color: #000;
    border-top: 2px solid #c00;
}

.InfoPrezzo {
    width: 24px;
    height: 24px;
    border: 0;
    position: absolute;
    top: 8px;
    left: -20px;
    opacity: 0.66;
}

    .PromoIcon {width:32px; height:32px; border:0; float:left; margin:8px 4px 0 0;}
.LmIcon {
    width: 32px;
    height: 32px;
    border: 0;
    float: left;
    margin: 8px 4px 0 0;
}

    .LMBox {width:400px; height:230px; position:absolute; top:50px; left:80px; margin:0; padding:0; border-radius:25px; background:#2f6464; z-index:99999;}    
    .LMBox .content{width:370px; height:200px; display:block;  position:relative; margin:15px; background:url('/img/Alpha50.png'); text-align:center; vertical-align:middle; overflow:auto; color:#7B6753; }  
    .LMBox .pulsante a { min-width:100px; height:24px; line-height:24px; position:relative;  display:inline-block; text-align:center; font-size:16px; color:#ce6e68; background: url('/img/AlphaDark80.png'); border-radius:10px; padding:0 10px; margin:5px 0; text-decoration:none;}
    .LMBox .pulsante a:hover { color:#2F1700; background:#2f6464;}
         
    .hide{ display:none}

.PrenotaBox {
    background: #2f6464;
    color: #fff;
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #79adb7;
}



    .LMBox {margin:0; padding:0; text-align:center;}

.ContentPrenotaBox {
    font-family: 'Fira Sans Condensed', sans-serif;
    text-align: left;
    padding: 6px 6px 6px 12px;
    margin: 0 auto;
    color: #79adb7;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    display: block;
    position:relative;
    z-index:10;
}
    .ContentPrenotaBox .BoxM, .ContentPrenotaBox .BoxS {font-size:14px; line-height:12px; min-height:42px; color:#ce6e68; text-align:left; vertical-align:top;  display:block; float:left; margin:0 1% 0 0; font-family:'Fira Sans Condensed', sans-serif;}
    .ContentPrenotaBox .BoxM {width:49%}
    .ContentPrenotaBox .BoxS {width:24%}


.CellaOn {
    width: calc(100% - 8px);
    font-size: 14px;
    font-family: 'Fira Sans Condensed', sans-serif;
    line-height: 24px;
    border: 1px solid #79adb7;
    color: #2f6464;
    background: #f6f6f6;
    border-radius: 8px;
    margin: 0;
    padding: 8px 4px;
    text-align: center;
}
.CellaOff {
    width: calc(100% - 8px);
    font-size: 14px;
    font-family: 'Fira Sans Condensed', sans-serif;
    line-height: 24px;
    border: 1px solid #79adb7;
    color: #f6f6f6;
    background: #2f6464;
    border-radius: 8px;
    margin: 0;
    padding: 8px 4px;
    text-align: center;
}

    .disponibilita {padding:0 10px 0 10px; margin:0; min-height:200px; vertical-align:bottom; font-family: 'Fira Sans Condensed', sans-serif;}

.prenotazione {
    background: linear-gradient(#79adb7, #ffffff);
    color: #fff;
    padding: 0 10px 10px 10px;
    margin: 0;
    min-height: 260px;
    font-family: 'Fira Sans Condensed', sans-serif;
}

.prenotazione p {
padding:0;
margin:0;
font-size:12px;
}

.riepilogo-prenotazione {
    padding: 10px;
    font-size: 12px;
}

.riepilogo-prenotazione p {
    padding: 2px;
    margin: 0;
    font-size: 14px;
    display:inline-block;
}

    .riepilogo-prenotazione ul li {
        text-align:justify; padding:2px;
    }

    .riepilogo-prenotazione h2 {
        font-size: 18px;
        color: #79adb7;
        text-align: center;
        letter-spacing: 1px;
        word-spacing: 3px;
    }



.totaleprenotazione {
    min-height: 40px;
    background: #2f6464;
    color: #79adb7;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 16px;
    margin: 0;
    border-top: 2px solid #79adb7;
}
    .totaleprenotazione p {
        font-family: 'Fira Sans', sans-serif;
        text-align: right;
        line-height: 40px;
        font-size: 20px;
        color: #79adb7;
        padding: 0 16px;
    }
    .totaleprenotazione b {font-family:'Fira Sans Condensed', sans-serif; line-height:40px;  font-size:20px; color:#fff; padding:0 16px; font-weight:normal;}
    .totaleprenotazione .toolbar {text-align:right; padding:5px 0 5px 0}


@media (max-width: 760px) {
#page   {position:absolute; margin:0; padding:0; top:0; left:0; width:100%;}

.ShowOnDesktop {display:none}
.ShowOnMobile {display:block}

    .disponibilita {
        font-size: 12px;
        padding: 10px 0 0 0;
    }
    .prenotazione {
        font-size: 12px;
        padding: 10px 0 0 0;
        color: #79adb7;
        background: #fff;
    }
    .PrenotaBox p { font-size:10px;}
    .BtPrenota  a           {font-size:14px; min-width:30px; padding:0 5px; letter-spacing:0; border-radius:6px; display:block; margin:3px 6px 3px 0;}

  }    


@media (max-width: 400px) {
}