﻿
/* == Stili di base - Mobile first ===== */

.kingCont {width:100%; text-align:left /*max-width:1000px;*/}
.BS_strip_main {width: 100%; margin:0 auto}

.BS_strip_main_PannSH2{margin-top:15px}

/* Contenitori principali dei due div divisi dx e sx*/
.BS_stripMulti_btn_main { font-size:18px;  min-height:298px; text-align:left;}
.BS_strip_mainDIV {margin:0 2px 40px 0; display:inline-block; width:48%; max-width:202px; height:55px;  vertical-align:top; text-align:left}

.BS_strip_Reunion2{position:relative; background:#f0f0f0}

.BS_strip_main_NoteUp {color:#000 !important;float:none!important; height:28px!important; background-color:#f0f0f0!important; width:100%!important; margin:0!important; font-size:18px; font-weight:300}


/* date interno blocchi */ 
.BS_strip_main_block_num{font-size: 26px;font-weight: 300;margin-top:1px; color:#000}
.BS_strip_main_block_numAnno {letter-spacing: -3px;font-size: 26px;font-weight: 300;margin-top:1px; text-align:center; color:#000; position:relative}
.BS_strip_main_block_txt { font-size: 12px; font-weight: 300; line-height: 3px;letter-spacing: -1px; color:#000}

/* data di Arrivo */
.BS_strip_main_dataArrivo {/*background-color:#fff;*/ cursor:pointer}
.BS_strip_main_dataArrivo>div {float: left; width:32%; background-color:#e1e1e1; margin-right:2px;height:55px;}
    
/* Durata */
.BS_strip_main_Durata { display:none!important}

/* data di Partenza */
.BS_strip_main_dataPartenza {/*background-color:#fff;*/ display:inline-block!important; /*margin-right:30px!important*/}
.BS_strip_main_dataPartenza>div {float: left; width:32%; background-color:#e1e1e1; margin-right:2px;height:55px;}

/* triangolino rosso */
.BS_strip_main_red_triangle{position:absolute;  bottom:0;right:0;width: 0; height: 0;border-bottom: 15px solid red;border-left: 10px solid transparent;border-right: 0px solid transparent; }

/* Sistemazione */
.BS_strip_main_Sistemazione {/*width: 100%;*/ cursor:pointer; margin-right:0;  padding-top: 10px;}
.BS_strip_main_Sistemazione> div {margin:0 5px 10px 0; display:inline-block; width:100%; max-width:178px; height:55px; background-color:#e1e1e1; vertical-align:top}
.BS_strip_main_Sistemazione_img {display: inline-block; width:65%; text-align:center; }
.BS_strip_main_Sistemazione_img img { /*width:98%;*/ height:48px; margin-top:2px}
.BS_strip_main_Sistemazione_txt { margin:5px 2px 0 2px; width:30%; vertical-align:top; display: inline-block;  font-weight:normal; color:#000; float:right;}
.BS_strip_main_Sistemazione_txt_num{ font-size:16px; margin-top:0}
.BS_strip_main_Sistemazione_txt_txt {font-size:16px; line-height:15px}


/* Trattamento*/
.BS_strip_main_Trattamento_img {display: inline-block; text-align:center; }
.BS_strip_main_Trattamento_img img { /*width:98%;*/ height:48px; margin-top:2px; margin-left:4px}
.BS_strip_main_Trattamento_txt { margin:5px 2px 0 2px;  vertical-align:top; display: inline-block;  font-weight:normal; color:#000; float:right; width:55%}
.BS_strip_main_Trattamento_txt_txt {font-size:16px; word-wrap: break-word; line-height:20px}




/*sovrascrivo sfondo freccia*/
.BS_arr_freccia, .BS_date_freccia {background: none repeat scroll 0 0 inherit!important;}
.BS_arr_freccia > div > div, .BS_date_freccia > div > div {  border-bottom: 20px solid #444444!important;border-left: 18px solid inherit!important; border-right: 18px solid #inherit!important;}
.BS_Container_DataPanel, .BS_Container_DataPanel_v2{ /*background-color: #5e5e5e!important; */display:block; float:inherit}
.BS_date_month, .BS_date_main, .BS_date_main_head, .BS_date_durata, .BS_arr_disposizione, .BS_Container_ArrPanel, .BS_arr_trattamento { background-color:#444444!important;}


/* BTN Cerca e prenota */

.BS_strip_FindBook {max-width:310px; width:100%; display:inline-block; cursor:pointer;margin:5px 2px 30px 0; height:55px;vertical-align:top; text-align:left; }
.BS_strip_FindBookTXT{margin-left:58px; float:none;position:relative}
.BS_strip_FindBookTXT h2 { font-size:34px; color:#000; letter-spacing:-2px; margin-top:0px!important; font-weight:300!important; font-family: 'Open Sans', serif!important; margin-bottom:0!important}
.BS_strip_FindBookTXT span { font-size:16px; letter-spacing:0px;line-height: 18px;color:#000!important }    
.BS_strip_FindBook_go{position:absolute; right:0; top:12px}
.BS_strip_FindBookIMG{width:58px; float:left}
.BS_strip_FindBook> .BS_strip_main_NoteUp{display: none}


.spacePanel_dataArr, .spacePanel_dataDep, .spacePanel_arr, .spacePanel_Tratt  {
    height: 1px;
}
.hideForResp{font-size:4px}

/* == Media queries (breakpoint) ===== */

 @media only screen and (max-width: 318px)
{

    /* Sistemazione */ 
    .BS_strip_main_Sistemazione_txt{ display:none}
    .BS_strip_main_Sistemazione_img {width:100%; }
}
    
/* -----------------------------------
Smart Landscape
------------------------------------ */
@media only screen and (min-width: 350px)
{

    /* Sistemazione */ 
    .BS_strip_main_Sistemazione_img img {margin-top:0px }

    
}

/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */

@media only screen and (min-width: 430px)
{
    .BS_strip_mainDIV_NoDurata {margin:0 10px 30px 0!important}
    .BS_stripMulti_btn_main {min-height: 318px;}

    .BS_strip_main_block_num{ margin-left:5px; margin-top:8px}
    .BS_strip_main_block_numAnno{ margin-top:8px}
    .BS_strip_main_block_txt { margin-left:5px; line-height:6px}
    
    .BS_strip_mainDIV, .BS_strip_main_Sistemazione> div, .BS_strip_main_dataArrivo> div, .BS_strip_main_dataPartenza>div{height:69px; }

    
    /* Sistemazione */ 
    .BS_strip_main_Sistemazione_img img { width:auto; margin-top:6px;  height:auto}
    .BS_strip_main_Sistemazione_txt_num{margin-top:0px}
    .BS_strip_main_Sistemazione_txt_num{ font-size:26px;}
    .BS_strip_main_Sistemazione_txt_txt {font-size: 18px; font-weight: 300; line-height: 10px;}
    
    /* Trattamento */ 
    .BS_strip_main_Trattamento_img img { width:auto; margin-top:2px;  height:auto}
    .BS_strip_main_Trattamento_txt_num{ font-size:26px;}
    .BS_strip_main_Trattamento_txt_txt {font-size: 18px; }
    .BS_strip_main_Trattamento_txt { margin:15px 2px 0 2px; }


}


@media only screen and (min-width: 450px)
{
   

}


@media only screen and (min-width: 500px)
{
    .BS_strip_mainDIV_NoDurata {margin:0 25px 30px 0!important}
    .BS_strip_main{ width:500px}
    
    .BS_strip_FindBook {max-width:330px; }
    .BS_strip_FindBookTXT span { letter-spacing: normal;}    




    /*.BS_strip_FindBook_txt span {
        letter-spacing: normal;
    }*/
     
    /* Durata */
    .BS_strip_main_Durata {display:inline-block!important; width:58px!important; height:69px;background-color:#f0f0f0;margin:0 5px 10px 3px!important; }
    .BS_strip_main_Durata>div { width:100%;  background-color:#f0f0f0; margin-right:2px;height:61px;}
    

}

   
@media only screen and (min-width: 768px)
{

   

    .kingCont {width:90%; text-align:left /*max-width:1000px;*/}
    .BS_strip_main { width:700px; margin:0}

    .BS_strip_Reunion2{display: inline-block}
    .BS_strip_main_PannSH2{position:absolute; top:101px; width: 625px}
    
    /* Contenitori principali dei due div divisi dx e sx*/
    .BS_stripMulti_btn_main { font-size:24px;min-height: 230px;}
    
    /* Sistemazione */
    .BS_strip_main_Sistemazione { padding-top: 0px;}
    
    /* BTN Cerca e prenota */
    .BS_strip_FindBook { display:inline-block!important; cursor:pointer;max-width:280px;height:69px;  }
    .BS_strip_FindBookTXT {   padding-top: 6px;}
    .BS_strip_FindBookTXT h2 { font-size:28px;  }
    .BS_strip_FindBookTXT span { font-size:14px;}  
    
    .BS_strip_FindBook> .BS_strip_main_NoteUp{display: block}


    .spacePanel_dataArr  {
        height: 450px!important;
    }
    .spacePanel_dataDep  {
        height: 450px!important;
    }
    .spacePanel_arr  {
        height: 500px!important;
    }
    .spacePanel_Tratt  {
        height: 400px!important;
    }
    .hideForResp{font-size:6px}
}
 
@media only screen and (min-width: 992px)
{
   
   /*.BS_strip_main { margin:0 auto;width:100%}
   .kingCont {width:100%; text-align:left max-width:1000px;}
   /*.BS_stripMulti_btn_main{ height:120px }*/
    

}  

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1150px)
{
   


     .BS_strip_main { margin:0 auto;width:100%}
   .kingCont {width:100%; text-align:left /*max-width:1000px;*/}
 
    

}
 
/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px)
{
    
    .BS_strip_main_PannSH1{position:absolute; margin-top:15px}
     .BS_strip_main_PannSH2 {position:absolute; margin-top:30px}
     .kingCont {text-align:left;width:100%;}
     .BS_strip_main { width:100%}
    .BS_stripMulti_btn_main{ min-height:100px }

         
    /* Durata */
    .BS_strip_main_Durata {margin:0 20px 10px 0px!important; }
    
    /* data di Partenza */
    .BS_strip_main_dataPartenza {margin-right:20px!important} 
   

    .BS_strip_main_Sistemazione {  max-width: 190px;}


    /* BTN Cerca e prenota */
    .BS_strip_FindBook {max-width:270px!important; width:100%!important; margin-top:0 }
    .BS_strip_FindBookTXT span {letter-spacing: -0.5px;}  

     .hideForResp{font-size:8px}


}


@media only screen and (min-width: 1280px) {


    /* BTN Cerca e prenota */
    .BS_strip_FindBook {
        max-width: 300px !important;
    }
    .BS_strip_FindBookTXT h2 {
    font-size: 32px;
    }
    .BS_strip_FindBookTXT span {
    font-size: 15px;
    letter-spacing:normal
    }

        /*.BS_strip_FindBook_txt  {
      padding-right:50px
    }
    .BS_strip_FindBook_txt span {
        letter-spacing: -0.5px;
    }*/
}