/* novy detail */

.det_left{
float: left;
}

.det_right{
float: right;
}

#detail_new p{
padding: 5px 20px 0px 20px;
}
#detail_new img{
  border: none ;
}
#detail_new h3{
margin-left: 10px;
}

#detail_new {

}
#detail_new .det_main_body {
  background-color: white;
  padding: 10px 15px 10px 15px;
  margin-top: 0px;
}
.navigation_hr {
  color: rgb(0,0,0);
}
.img_arrow_h3 {
   margin-top: -18px;
}

#main_picture{

dbackground-color: cyan;
text-align:center;
width: 40%;
margin: 10px 10px 0px 0px;
}

#det_one, #det_one{
clear: both;
width: 100%;
dbackground-color: red;
}

#det_name{
margin: 0px 0px 0px 10px;
}

#det_book{
dbackground-color: black;
width: 40%;
text-align:center;
clear: right;
padding: 20px 20px 23px 0px;

}

#det_special_offer{
background: #fff url("../img/detail/special_offer.gif") no-repeat;
height: 27px;
padding: 3px 0px 0px 15px;
color: #a61d31;
margin: 10px 0px 0px 10px;
}

#det_print{

background: #fff url("../img/detail/print.gif") no-repeat;
height: 27px;
padding: 0px 0px 0px 25px;
color: #2b4382;
margin: 10px 0px 0px 10px;
font-size: 110%;
text-decoration: underline;
}

#det_rating_form, #det_avail_form, #det_price_calculator,#det_distances{

clear:both;
margin: 0px auto 20px auto;
padding: 0px 0px 20px 0px;
background: #fff url("../img/detail/rating_bottom.gif") bottom right no-repeat;
width:450px;
font-family: Verdana,Tahoma,lucida,sans-serif;

}

.det_center{
width: 100%;
text-align: center;
clear:both;
}

#det_availability{
margin: auto;
padding-right: 20px;
text-align: center;
}

#det_availability td.desc{
padding-right: 5px;
text-align: right;
}

#det_avail_content, #det_rate_content{
margin: -60px 0px 0px 20px;
} 

#det_rate_table{
display: inline;
font-size: 95%;
}

#bar_main{
width: 63px; 
height: 15px; 
background: #fff url("../img/detail/plus_back.gif") top left no-repeat;
}

.ratebar{
vertical-align: top; 
height: 15px;
}
.ratebar_green{
background: #2d822b url("../img/detail/greenbar.gif") top left repeat-x;

}
.ratebar_yellow{
background: #fcba07 url("../img/detail/yelbar.gif") top left repeat-x;
}
.ratebar_red{
background: #a61d31 url("../img/detail/redbar.gif") top left repeat-x;
}

.review_box{
text-align: left;
margin: 0px auto 0px auto;
width: 450px;
background: white url("../img/detail/reviewcomment.gif") bottom right no-repeat;
padding: 0px 0px 30px 0px;
}

.review_box div{
padding: 0px 20px 5px 20px;
}
.review_box_text_header{
padding: 10px 0px 5px 0px;
font-weight: bold;
color: #a61d31;
color: #2b4382;
font-size: 11px;
}

.review_box_text_reaction_header{
padding: 10px 0px 5px 0px;
font-weight: bold;
color: #a61d31;
font-size: 11px;
}

.review_box_text{
clear:both;
}



.det_points{
color:darksilver;
font-weight:normal;
}

#ratebar_mask{
background: url("../img/detail/plus.gif") top left no-repeat;
z-index:2;
margin-top: -15px; width: 63px; height: 15px;
}

#det_rate_table td.title {
text-align:right;
font-size: 95%;
}

#det_rate_table td.text{
text-align:center;
font-size: 95%;
color: #2b4382;
}

#det_rate_table td.ratebar{
text-align:left;
}

#overall_rating{
font-size: 11px;
white-space: nowrap;
width:130px;
padding-top: 20px;
color: #2b4382;
text-align:center;
}

#overall_rating div{
padding-top: 20px;
}

.status{
margin: -5px 5px 0px 5px;
float: left;
position :relative;
}

.det_input, #det_avail_content select, #det_avail_content input{
border: 1px solid #2b4382;
background-color: #8091bc;
color: white;
cursor: pointer;
} 

#check_avail{
border: 2px solid #dce1ee;
border-bottom: 2px solid #2b4382;
border-right: 2px solid #2b4382;
}

#detail_menu {
   margin-bottom: 20px;
   padding: 6px;
   background: white url("../img/detail/line.gif") bottom center no-repeat;
   white-space: nowrap;
   text-align: center;
   clear:both;
}

#detail_menu_line {
   
   height:1px;
   background: #fff url("../img/detail/line.gif") top center no-repeat;
   position:relative;
}

#detail_menu ul{
padding: 0px;
margin: 0px;
}
#detail_menu a {
   font-weight: bold;
   }



#detail_menu li {
   margin: 0px 0px 0px 0px;
   display: inline;
   
}

#det_form_top{
background: #fff url("../img/detail/rating_top.gif") top left no-repeat;
height: 80px;
width: 100%;
margin: 0px 0px 0px 0px;
text-align: left;
}



#det_form_top h3{
margin: 10px 0px 0px 10px;
color: #8091bc;
font-size: 98%;
float:left;
position: absolute;
}

#det_address{
dbackground-color: blue;
width: 30%;
padding: 0px 10px 10px 10px;

margin: 0px 10px 0px 10px;
font-size: 110%;

}

#det_menu_pict{
dbackground-color: green;
clear:left;
font-size: 110%;
font-size: 110%;
white-space: nowrap;
font-family: Verdana,Tahoma,lucida,sans-serif;
padding: 10px 0px 20px 50px;
}

.det_menu_box{
clear:left;
float:left;
margin: 7px 0px 0px 0px;
}

#det_arrow{
margin-bottom: -3px;

}

#det_icon{
position:absolute;
float:left;
margin: 0px 0px 0px -20px;
}

#navigation_top {
   position: relative;
   margin-top: 0px;
   padding: 3px 9px 0px 9px;
   font-size: 92%;
}

#navigation_top .left {

   float: left;
}
#navigation_top .right {

   float: right;
}

#det_price_calculator_top{
background: #fff url("../img/detail/rating_top.gif") top left no-repeat;
height: 40px;
width: 100%;
margin: 0px 0px 0px 0px;
text-align: left;
}

#det_price_calculator select {
  font-size: 92%;
}


#det_price_calculator .submit{
  padding-top: 10px;
}

#det_price_calculator_top h3{
margin: 10px 0px 0px 10px;
color: #8091bc;
font-size: 98%;
float:left;
position: absolute;
text-transform: uppercase;
}




#det_calculator_result {
  padding-top: 10px;  

}

#det_calculator_result .text{
  line-height: 22px;
  color: rgb(50,84,148);
  text-align: center;
}
#det_calculator_result .text_special{

  color: rgb(155,5,5);
  text-align: center;
}
#det_calculator_result .strong{
  font-weight: bold;

}
#det_calculator_result .error{
  color: rgb(155,5,5);

}
#det_calculator_result .small {
  font-size: 92%;
}

.det_prices_button {
  background-color: white;
  float: right;
  margin: 18px 5px 0px 0px; 
  color: rgb(42,66,126);
  font-weight: bold;
  cursor: pointer;
}
.det_link_hide {
   float: right;
   margin: 11px 10px 0px 0px;
   font-size: 92%;
   color: #8091bc;
}

.td_one {
   text-align: right;
   border: 0px solid;
   width: 40%;
   vertical-align: middle;
   padding-right: 10px;
}
.td_two {
   width: 60%;
   border: 0px solid;
  vertical-align: middle;
}

#det_price_table{
font-size: 92%;

padding-right: 20px;
text-align: left;
}

.det_price_div_table {
  
}




/* DISTANCES IN DETAIL - inc_detail_distances.tpl */

#distances {
   margin: 5px 20px -3px 20px;
}

#distances .box_body{
   position: relative;
   text-align: center;
   padding: 2px 10px 0px 0px;
     
}

#distances .distance_text {
   position: relative;
   color:rgb(50,84,148);
   text-transform: uppercase;
   padding-left: 5px;
   top: -2px;
   font-size: 92%;

}
#distances .distance_text_near {
   position: relative;
   color:rgb(50,84,148);
   text-transform: uppercase;
   padding-left: 5px;
   top: -11px;
   font-size: 92%;

}
#distances .metro {
   position: relative;
   padding: -2px;
   top: -5px;
}

#distances .distance_text_near_bus {
   position: relative;
   color:rgb(50,84,148);
   text-transform: uppercase;
   padding-left: 5px;
   top: -11px;
   font-size: 92%;
}
#distances .bus {
   position: relative;
   padding: -2px;
   top: -3px;
}
#distances .less_than_img  {
   position: relative;
   top: -9px;
}

/* My accommodation */

#MA_this_my_accommodation{
float:left;
margin: 0px 0px 0px -20px;
list-style-type: none;
height: 60px;
}

.MA_add_to{
background: url('/img/my_accom/my_acc.gif') no-repeat left top;
}

.MA_added{
background: url('../img/my_accom/myaccin.gif') no-repeat left top;
}

.MA_button_form{
float:left;
margin: 30px 0px 0px 0px;
_margin: 30px 0px 0px -35px;
padding: 0px 0px 0px 20px;
}
.MA_button_form_ie{
margin-left: 15px;
}
.MA_button_form span{
font-size: 90%; font-weight: bold; color: #black;
}

.MA_button_form button{
cursor: pointer; background: transparent; border:none; color: #de8f00;
}

.MA_button_form button span{
text-decoration: underline; font-size: 94%; font-weight: bold; color: #de8f00;
}

/* END My accommodation */

/* LOCALITY DISTANCE */

#locality_distance .distance_table {
   width: 400px;
   text-align: left;
}
#locality_distance td {
   width: 450px;
   text-align: left;
   padding-top: 0px;
   padding-bottom: 5px;
   
}

#locality_distance .td_li {
   width: 4%;
   vertical-align: top; 
 
}
#locality_distance .td_title {
   font-size: 92%;
   width: 27%; 
   vertical-align: top;
   padding-top: 1px; 
}
#locality_distance .td_km {
   font-size: 92%;
   width: 19%;
   color:rgb(50,84,148);
   font-weight: bold;
   text-align: right;
   padding-right: 13px;
   vertical-align: top;
   padding-top: 1px;  
}
#locality_distance .td_more {
   font-size: 92%;
   width: 17%;
   color:rgb(50,84,148);
   text-decoration: underline;
   text-align: right;
   padding-right: 13px;
   padding-top: 5px;
 
}
#locality_distance .km_miles {

   float: right;
   position: relative;
   margin-top: -27px;
   right: 38px;
   font-size: 92%;
   
 
}
#locality_distance .km_miles_btn {
   background: none;
   border: none;
   color:rgb(50,84,148);
   cursor: pointer;
   text-decoration: underline;
}

.det_distances_body {
   margin: 0px 20px 0px 20px;
   text-align: center;
}