﻿
.L17_spaceinit{height:80px}

.L17_imgtTitolo{margin-bottom:15px}
.L17_txtTitolo{font-size:20px;font-family: 'PT Serif', serif, Times !important;line-height:30px}
.L17_txtTitoloBIG{font-size:48px;font-family: 'PT Serif', serif, Times !important;line-height:55px; color:#7493a7!important}

.L17_fotospace{width:100%; float:left; }
.L17_fotospace .contenitoreGlobal {position: relative}
.L17_fotospacePaddingLeft {padding-right:5px}
.L17_fotospace img{width:100%; height:auto; margin-bottom:10px}

.L17_titoloofferte{font-weight:600; font-size:30px;font-family: 'PT Serif', serif, Times !important;}
.L17_sottotitoloofferte{font-weight:400; font-size:20px; line-height:24px;font-family: 'PT Serif', serif, Times !important; margin-bottom:20px}
.L17_bottomofferte{font-weight:400; font-size:20px; line-height:24px;font-family: 'PT Serif', serif, Times !important; margin-bottom:20px}


.off-sm{display:block}
.off-lg{display:none}

.L17_off1Main, .L17_off1AMain, .L17_off1BMain{width:100%; }
.L17_off1Main > div, .L17_off1AMain > div, .L17_off1BMain > div {background:#f6f6f6; padding-left:8px}


.L17_off2Main{width:100%; }
.L17_off2Main > div {background:#f6f6f6; padding-left:8px}

.L17_off1BottonDetails{height:64px; background-color:#f6f6f6; padding-left:8px; display:block; clear:both;font-size:15px; font-weight:400;line-height:30px}
.L17_off1BottonDetails span{font-size:20px; font-weight:600;}
.L17_off1BottonPrenota{ height:64px; background-color:#7493a7; color:#ffffff; padding-left:8px; display:block; clear:both;font-size:19px; font-weight:600;line-height:64px;}
.L17_titoloOff{font-size:26px; font-weight:300; color:#de011b; padding:5px 0 }
.L17_validOff{font-size:16px; font-weight:600; }
.L17_descrOff{font-size:16px; font-weight:400; padding-bottom:10px; padding-top:8px; line-height:26px }

.L17_off1BottonPrenota br, .L17_off1BottonDetails br {display:none}

small {color:#7493a7; font-weight:600}
.contentShadow {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.4); /* Black background with 0.5 opacity */
  color: #fff; /* Grey text */
  width: 100%; /* Full width */
 height:80px;
 padding:0 40px

}
.contentShadow p{
  font-size:22px;
  color: #fff; /* Grey text */
  margin:0;
  font-family: 'PT Serif', serif, Times !important;
  line-height: 22px;
}

/*************************************************************************************/
/*************************************************************************************/
/***  MEDIA STYLE ***/


/*************************************************************************************/
@media (min-width: 768px) {

    .L17_spaceinit{height:120px}

    .L17_fotospace{width:50%}
    .L17_txtTitolo{font-size:26px;line-height:35px; }
    
    .L17_titoloOff{font-size:30px; color:#de011b}
    .L17_off1Main, .L17_off1AMain, .L17_off1BMain{background:#f6f6f6}
    .L17_off1Main img, .L17_off1AMain img, .L17_off1BMain img {float:left}
    .L17_off1Main> div, .L17_off1AMain> div, .L17_off1BMain> div{margin-left:360px; vertical-align:top; /*height:327px;*/ padding-right:10px}

    .L17_off2Main{background:#f6f6f6}
    .L17_off2Main img {float:left}
    .L17_off2Main> div {margin-left:330px; vertical-align:top; padding-right:10px}


    .L17_off1BottonDetails{font-size:16px;line-height:64px }
    .L17_off1BottonDetails span{font-size:24px; }
    .off-sm{display:none}
    .off-lg{display:block}
    .contentShadow p {
    font-size: 24px;
    line-height: 25px;

}
}

/*************************************************************************************/




/*************************************************************************************/
@media (min-width: 992px) {


    .L17_spaceinit{height:240px}
    .L17_off1MainUp, .L17_off1AMainUp, .L17_off1BMainUp{position:relative}

    .L17_off1Main{height:430px;}
    .L17_off1AMain{height:450px;}
    .L17_off1BMain{height:300px;}

    .L17_off2Main{height:377px;}

    .L17_titoloofferte{font-size:60px;}
    .L17_sottotitoloofferte{font-size:36px;line-height:36px;}
    .L17_bottomofferte{font-size:30px;}

     .L17_off1BottonPrenota br, .L17_off1BottonDetails br {display:block}

    .L17_off1BottonDetails{position:absolute; bottom:0; height:64px; background-color:#f6f6f6; left:360px; right:0; padding-left:8px;padding-left:8px;line-height:30px  }
    .L17_off1BottonPrenota{position:absolute; bottom:0; height:64px; background-color:#7493a7; right:0; width:200px; color:#ffffff;line-height: 30px;text-align: center;}

    .L17_off2Main .L17_descrOff{font-size: 14px;}
    .contentShadow p{
      font-size:28px;
      line-height: 35px;
    }

}


/*************************************************************************************/
@media (min-width: 1024px) {
             .L17_fotospace{width:50%}
}



/*************************************************************************************/
@media (min-width: 1200px) {

     .L17_off1Main{height:350px;}
     .L17_off1AMain{height:400px;}
     .L17_off1BMain{height:300px;}
     .L17_off1BottonPrenota br, .L17_off1BottonDetails br {display:none}
    .L17_off1BottonPrenota{ width:294px; line-height: 64px;text-align: center;}
    .L17_off1BottonDetails{  line-height: 64px;padding-left:8px; }
    .L17_off2Main{height:377px;}
    .L17_off2Main> div {height:377px;}
              .L17_fotospace{width:25%}
    .L17_off2Main .L17_descrOff{font-size: 16px;}
        .contentShadow p {
    font-size: 24px;
    line-height: 25px;

}
}
/*************************************************************************************/
@media (min-width: 1875px) {

    
        .contentShadow p {
      font-size:28px;
      line-height: 35px;

}
}
