/* cabins page */ 

  
#bodycontentcabin {  text-align:center;     
  margin:10px auto; padding: 0px;  
  background:#fff;   max-width:100%;  
} 
  


#contentcabin { 
  text-align:center; 
  max-width:983px;  
  margin:0px auto; padding: 0px 0px 0px 0px;  
  background: #fff; width:100%;  
}  


   
.cabinbox { 
  float:left;
  max-width:177px;  margin:5px 3px 5px 2px; padding:5px 3px 0px 3px; 
  text-decoration: none; 
  background: #fff; 
  text-align:left;
  font: normal 12px trebuchet, verdana, arial, helvetica, san-serif;  color: #6c6b6b;   border: 0px;
  background: #fff; width:100%;
}
 
  
.cabinbox a {
color: #6c6b6b;
text-decoration: none;
}
 
.cabinbox a:hover {
color: #0e662b;
text-decoration: none;
}
 
   
  
.cabinbox img { text-align:center;  margin:0px auto; padding:0px 0px 5px 0px;
  max-width:185px;  border: 0px; width:100%;  }
   
   
   
     
/* cabin show */
 

 
  
#cabinpiccontent {  float:right; text-align:right;
  max-width:550px;  
  margin:0px; padding: 5px 0px 0px 10px;  
  background:#fff;  width:100%;  background:#fff; 
} 
   
  
   


/*  Cabin display 4 per row
-------------------------------------------------------------- */
@media screen and  (max-width:1010px) 

 { 
 
 
  
  
#bodycontentcabin { max-width:780px; text-align:center;     
  margin:0px auto; padding: 10px 0px;  
  background:transparent;   width:100%;  clear:both;
} 

 

}



/*  Cabin display 3 per row
-------------------------------------------------------------- */
@media screen and  (max-width:820px) 

 { 
   
  
#bodycontentcabin { max-width:585px; text-align:center;     
  margin:0px auto; padding: 10px 0px;  
  background:transparent;   width:100%;  
} 

 

}




  

/*  Cabin display 2 per row
-------------------------------------------------------------- */
@media screen and  (max-width:650px) 

 { 
   
#bodycontentcabin { max-width:390px; text-align:center;     
  margin:0px auto; padding: 10px 0px;  
  background:transparent;   width:100%;  
} 

 
}

 
 
 
@media only screen and (max-width : 450px) {
   
    
  
#bodycontentcabin { max-width:372px; text-align:center;     
  margin:0px auto; padding: 10px 0px;  
  background:transparent;   width:100%;  
} 
 
 
.cabinbox { 
float:left; 
  max-width:170px; width:100%; margin:0px 5px 5px 2px; padding:2px 4px 0px 3px;   
}


 cabinbox img { text-align:center;  margin:0px auto; padding:0px 0px 5px 0px;
  max-width:165px;  border: 0px; width:100%;  }
   
  


.PZ3zoom, .PZ3zoom1 {    width:100%;    } 

    }
     
    
 
@media only screen and (max-width : 420px) {
   
     
  
#bodycontentcabin { max-width:348px; text-align:center;     
  margin:0px auto; padding: 10px 0px;  
  background:transparent;   width:100%;  
} 
 
 
.cabinbox { 
float:left; 
  max-width:160px; width:100%; margin:0px 5px 5px 2px; padding:2px 4px 0px 3px;   
}


 cabinbox img { text-align:center;  margin:0px auto; padding:0px 0px 5px 0px;
  max-width:155px;  border: 0px; width:100%;  }
    

    }
    
    
    
 
@media only screen and (max-width : 400px) {
   
    
   
  
#bodycontentcabin { max-width:328px; text-align:center;     
  margin:0px auto; padding: 10px 0px;  
  background:transparent;   width:100%;  
} 
 
 
.cabinbox { 
float:left; 
  max-width:150px; width:100%; margin:0px 5px 5px 2px; padding:2px 4px 0px 3px;   
}


 cabinbox img { text-align:center;  margin:0px auto; padding:0px 0px 5px 0px;
  max-width:145px;  border: 0px; width:100%;  }
    .PZ3zoom a:hover {  display: none; }
  
  
.PZ3zoom1 a:hover {  display: none;   }

.PZ3zoom a:hover img { display: none;   }

.PZ3zoom1 a:hover img { display: none;  }

.PZ3zoom {   text-align:center; width:100%;   }

.PZ3zoom1 {  text-align:center;  width:100%;   }


.PZ3-r { float:right; margin-left:0px; direction:rtl;  background: #fff;}
html>/**/body .PZ3-r { position:relative; }
    }
    
     
   


/*Smartphone*/


 
@media only screen and (max-width : 370px) {
 
   
  
#bodycontentcabin { max-width:308px; text-align:center;     
  margin:0px auto; padding: 10px 0px 0px 0px;  
  background:transparent;   width:100%;  
} 
 
   
   
   
.cabinbox { 
  float:none;
 margin:0px auto; padding:0px 3px 5px 3px; 
  text-decoration: none; 
  background: #fff; 
  text-align:left;
  font: normal 12px trebuchet, verdana, arial, helvetica, san-serif;  color: #6c6b6b;   border: 0px; max-width:285px;  
  background: #fff; width:100%;
}
 
    
   
  
.cabinbox img { text-align:center;  margin:0px auto; padding:0px;
  max-width:285px;  border: 0px; width:100%;  }
    
  
#return {  text-align:center; font: normal 10px trebuchet, verdana, arial, helvetica, san-serif;  color: #6c6b6b; margin:0px auto;  padding: 0px;  line-height: 16px; }
 
   
    .PZ3zoom a:hover {  display: none; } 
.PZ3-l, .PZ3-r { float:none; margin:0px auto;  text-align: center; }
  
.PZ3-r { float:right; margin-left:0px; direction:rtl;  background: #fff;}
html>/**/body .PZ3-r { position:relative; } 
}