/* == Stili di base - Mobile first ===== */
.BS_Container_ArrPanel{  background-color: #444444; float:left; width: 100% ; max-width: inherit; height: inherit; text-align:left; }
.BS_arr_Content { padding:0 5px 0 5px}

/* Freccia */
.BS_arr_freccia {background: #ededed; height: 20px; position:relative}
.BS_arr_freccia> div {left: 34px; position: absolute; top: 30px;}
.BS_arr_freccia> div> div {font-size: 0px; line-height: 0%; width: 0px; border-bottom: 20px solid #444; border-left: 18px solid transparent; border-right: 18px solid transparent;}



/* Disposizione in camera*/ 
.BS_arr_disposizione { float: left;background-color: #444444; width:100%; color: #fff;padding: 0; margin: 20px 0 0px 0}
.BS_arr_disposizione_title {float: left;margin:15px 0 0 0px; font-size:24px; font-weight:300; color: #a2a2a2; width:100%; position: relative}
.BS_arr_disposizione_title img {float:right; padding-top:5px}
.BS_arr_disposizione_title_small{float: left;margin:10px 0 3px 0px; font-size:18px; font-weight:400; color: #fff; width:100%}

/*.BS_date_tit_txt {float: left;margin:4px 0 0 0px; font-size:32px; font-weight:300; color: #a2a2a2; width:100%}
.BS_date_tit_txt img {float:right; padding-top:5px}*/


/* tab num adulti */ 
.BS_arr_disposizione_tabmain {width: 100%}
.BS_arr_disposizione_tabmain> div {margin:0 5px 10px 0; display:inline-block; width:46%; max-width:200px; height:52px; background-color:#f0f0f0; vertical-align:top}
.BS_arr_disposizione_tabmain_img {display: inline-block; width:62%; text-align:center; }
.BS_arr_disposizione_tabmain_img img {max-width:70px; height:48px; margin-top:2px}
.BS_arr_disposizione_tabmain_txt { margin:5px 6px 0 2px; width:32%; vertical-align:top; display: inline-block;  font-weight:normal; color:#000; float:right;}
.BS_arr_disposizione_tabmain_txt_num{ font-size:16px; margin-top:0}
.BS_arr_disposizione_tabmain_txt_txt {font-size:16px; line-height:15px}
.BS_arr_disposizione_tabmain_txt_num input[type="button"] {  background-color:transparent; padding-left:0}
.BS_arr_disposizione_tabmain_txt_txt input[type="button"] {font-size:16px; line-height:15px; background-color:transparent; padding-left:0}
/* tab aggiungi bambino */ 
#Kids_Title{margin-top:20px}
.BS_arr_disposizione_AddKidMain {width: 100%}
.BS_arr_disposizione_AddKidMain> div {margin:0 15px 10px 0; display:inline-block; width:100%; max-width:304px; /*height:110px;*/ vertical-align:top; border:0}

.BS_arr_disposizione_AddKidMain-titolino{margin:5px 0 2px 0px; font-size:14px; font-weight:400; color: #fff; width:100%}
.BS_arr_disposizione_AddKidMain-txt {background-color: #f0f0f0;float: left; font-weight: normal;height: 70px;  width: 142px;}
.BS_arr_disposizione_AddKidMain-txt>div { float: left; color:#000}
.BS_arr_disposizione_AddKidMain-txt_num { font-size:40px; font-weight:400; line-height:70px; margin-left:10px}
.BS_arr_disposizione_AddKidMain-txt_img img{ margin:5px 15px 0 10px}
.BS_arr_disposizione_AddKidMain-txt_imgBambini img{ margin:5px 15px 0 15px}
.BS_arr_disposizione_AddKidMain-txt_range{ margin-top:8px}
.BS_arr_disposizione_AddKidMain-txt_rangeBambini{ margin-top:-5px}
.BS_arr_disposizione_AddKidMain-txt_range_numBambini {font-size:33px; margin-top:3px}
.BS_arr_disposizione_AddKidMain-txt_range_num {font-size:26px; margin-top:3px}
.BS_arr_disposizione_AddKidMain-txt_range_txt{font-size:18px; line-height:3px}
.BS_arr_disposizione_AddKidMain-txt_range_txtBambini{font-size:18px; line-height:8px}

.BS_arr_disposizione_AddKidMain-txt_Selected{background-color: #50CC5C;}
.BS_arr_disposizione_AddKidMain-txt_Error{background-color: red;}

.BS_arr_disposizione_AddKidMain-minus, .BS_arr_disposizione_AddKidMain-plus{background-color: #747272;float: right; font-weight: normal;height: 70px; text-align: center;  width: 76px; }
.BS_arr_disposizione_AddKidMain-minus{margin:0 2px 0 2px}
.BS_arr_disposizione_AddKidMain-minus img, .BS_arr_disposizione_AddKidMain-plus img{ margin-top:10px}



/* Trattamento*/
.BS_arr_trattamento { float: left;background-color: #444444; width:100%; color: #fff;padding: 0; margin:0}
.BS_arr_trattamento_title {float: left; font-size:22px; color:#fff; margin-bottom:10px; width:100%}
.BS_arr_trattamento_tabmain{width: 100%}
.BS_arr_trattamento_tabmain> div {margin:0 5px 10px 0; display:inline-block; width:46%; max-width:200px; height:52px; background-color:#f0f0f0; vertical-align:top}
.BS_arr_trattamento_tabmain_img {display: inline-block; width:45%; text-align:center}
.BS_arr_trattamento_tabmain_img img { /*width:98%;*/ height:48px; margin-top:2px}
.BS_arr_trattamento_tabmain_txt { margin:5px 2px 0 2px; width:50%; vertical-align:top; display: inline-block; color:#000; float:right;}
.BS_arr_trattamento_tabmain_txt_txt {font-size:15px; line-height:15px;word-wrap: break-word; }
.BS_arr_trattamento_tabmain_selected { background-color:#50cc5c!important}
.BK_PeopleSelector_Arrangements_box div img { margin-top:0}


/* Line */
.BS_arr_disposizione_line { height:1px; width:100%; background:#8f8f8f;  margin: 10px 0 15px;}

/* Cerca */ 
.BS_arr_find { float: left;background-color: #444444; width:100%; color: #fff;padding: 0; margin: 30px 0 0px 0}
.BS_arr_find> div { color:#50cc5c; font-size:34px; float:right; margin-right:20px}

.Pcontent_SpaceBottom { width:100%; height:15px; clear:both; }

/* == Media queries (breakpoint) ===== */
@media only screen and (max-width: 318px)
{

    /* Disposizione in camera*/ 
    /* tab num adulti */ 
    .BS_arr_disposizione_tabmain_txt{ display:none}
    .BS_arr_disposizione_tabmain_img {width:100%; }

    
    /* Trattamento*/
    .BS_arr_trattamento_tabmain_txt { display:none}
    .BS_arr_trattamento_tabmain_img {width:100%; }
} 



/* -----------------------------------
Smart Landscape
------------------------------------ */
@media only screen and (min-width: 350px)
{

    /* Disposizione in camera*/ 
    /* tab num adulti  
    .BS_arr_disposizione_tabmain_img img {margin-top:0px }*/
    
    /* Trattamento*/
    .BS_arr_trattamento_img img {margin-top:0px }
    .BS_arr_trattamento_tabmain_txt_txt {font-size:16px; }
    
}

/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */

@media only screen and (min-width: 400px)
{


    /* Disposizione in camera*/ 
    .BS_arr_disposizione_title { font-size:30px;margin:4px 0 0 0px;width:95%}

        .BS_arr_Content { padding:0  5px 0 15px}


    .BS_Container_ArrPanel{max-width: 625px;}  
    /*.BS_arr_freccia> div {left: 334px}*/
    /* Disposizione in camera*/
    /* tab num adulti */ 
    .BS_arr_disposizione_tabmain> div { height:70px; }
    .BS_arr_disposizione_tabmain_img img { width:auto; margin-top:5px;  height:auto}
    .BS_arr_disposizione_tabmain_txt_num{margin-top:0px}
    .BS_arr_disposizione_tabmain_txt_num{ font-size:30px;}
    .BS_arr_disposizione_tabmain_txt_txt {font-size:20px; line-height:3px}
    
    /* tab aggiungi bambino  
    .BS_arr_disposizione_AddKidMain> div { height:70px; }
    .BS_arr_disposizione_AddKidMain-txt {background-color: #f0f0f0;float: left; font-weight: normal;height: 70px; text-align: center;  width: 148px;}
    .BS_arr_disposizione_AddKidMain-minus, .BS_arr_disposizione_AddKidMain-plus{background-color: #747272;float: right; font-weight: normal;height: 70px; text-align: center;  width: 76px; }
    .BS_arr_disposizione_AddKidMain-minus{margin:0 2px 0 2px}
    .BS_arr_disposizione_AddKidMain-minus img, .BS_arr_disposizione_AddKidMain-plus img{ margin-top:10px}*/
     .BS_arr_disposizione_AddKidMain-txt {width: 146px;}

    
     /* Trattamento*/
    .BS_arr_trattamento_tabmain> div { height:70px; }
    .BS_arr_trattamento_tabmain_img img { width:auto; margin-top:5px;  height:auto}
    .BS_arr_trattamento_tabmain_txt{ margin-top:12px}
    .BS_arr_trattamento_tabmain_txt_txt{font-size:20px; line-height:18px}
    
  
}


@media only screen and (min-width: 768px)
{
    .BS_arr_freccia {background: #fff;}
    .BS_arr_Content { padding:0  5px 0 30px}
    .BS_arr_freccia> div {left: 480px}
    
    /* Cerca */
    .BS_arr_find { margin-right:48px}


}
 
  

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){


}
 
/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px)
{
   

     /*.BS_Container_ArrPanel{margin-left:-90px}*/

    .BS_arr_freccia> div {left: 470px}
    .BS_arr_freccia_div_NoDurataMode {left: 520px!important; }
}