﻿
/* == Stili di base - Mobile first ===== */
.BS_tratt_Content {width: 100% }
.BS_Container_TrattPanel{  background-color: #444444;  width: 100% ;height: inherit; margin:0 auto }


/* Freccia */
.BS_tratt_freccia {background: #ededed; height: 20px; position:relative}
.BS_tratt_freccia> div { position: absolute; top: 30px;}
.BS_tratt_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;}


/* Intestazione  */
.BS_tratt_trattamento_title {float: left;margin:15px 0 10px 0px; font-size:32px; font-weight:300; color: #a2a2a2; width:100%;text-align: left;}
.BS_tratt_trattamento_title img {float:right; padding-top:5px}

/* Trattamento*/
.BS_tratt_trattamento {background-color: #444444; width:90%; color: #fff;padding: 0; margin:0 auto; text-align:center}

.BS_tratt_trattamento_tabmain{width: 100%}
.BS_tratt_trattamento_tabmain> div {margin:0 0px 10px 0; display:inline-block;width:200px; height:70px; background-color:#f0f0f0; vertical-align:top}
.BS_tratt_trattamento_tabmain_img {display: inline-block; /*width:45%;*/ text-align:center}
.BS_tratt_trattamento_tabmain_img img { margin-top:5px}
.BS_tratt_trattamento_tabmain_txt { margin:12px 2px 0 2px; width:50%; vertical-align:top; display: inline-block; color:#000; text-align:left}
.BS_tratt_trattamento_tabmain_txt_txt {font-size:20px; line-height:18px;word-wrap: break-word; }
.BS_tratt_trattamento_tabmain_selected { background-color:#50cc5c!important}
.BK_PeopleSelector_Arrangements_box div img { margin-top:0}




/* Cerca */ 
.BS_tratt_find { float: left;background-color: #444444; width:100%; color: #fff;padding: 0; padding: 30px 0 0px 0}
.BS_tratt_find> div { color:#50cc5c; font-size:34px; float:right; margin-right:20px}

.Pcontent_SpaceBottom { width:100%; height:15px; clear:both; background:transparent }

/* == Media queries (breakpoint) ===== */
@media only screen and (max-width: 318px)
{

   
    /* Trattamento*/
    .BS_tratt_trattamento_tabmain_txt { display:none}
    .BS_tratt_trattamento_tabmain_img {width:100%; }
} 



/* -----------------------------------
Smart Landscape
------------------------------------ */
@media only screen and (min-width: 350px)
{

     .BS_Container_TrattPanel{max-width:308px}
    /* Trattamento*/
    .BS_tratt_trattamento_img img {margin-top:0px }
    .BS_tratt_trattamento_tabmain_txt_txt {font-size:16px; }
    
}

/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */

@media only screen and (min-width: 400px)
{

     /* Intestazione  */
    .BS_tratt_trattamento_title { font-size:36px;}
   
     /* Trattamento*/
    .BS_tratt_trattamento_tabmain> div { height:70px; }
    .BS_tratt_trattamento_tabmain_img img { width:auto; margin-top:5px;  height:auto}
    .BS_tratt_trattamento_tabmain_txt{ margin-top:12px}
    .BS_tratt_trattamento_tabmain_txt_txt{font-size:20px; line-height:18px}
    
  
}


@media only screen and (min-width: 768px)
{

    
    /*.BS_tratt_freccia> div {left: 480px}*/
    .BS_tratt_freccia {background: #fff; }

    /* Cerca */
    .BS_tratt_find { margin-right:48px}
    .BS_Container_TrattPanel {

        margin: 0 ;

    }

}
 
  

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){


}
 
/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px)
{
   


}