*{font-family:inter; scroll-behavior: smooth;}

/*body, #body {background-color: #f2f2f2}*/

#property_detail { display: flex; width: 100%;justify-content: space-between;align-items: stretch;  }

.box_detail { flex-grow: 0; flex-shrink: 0; height: 100%;}
#property { flex-basis: 50%; }
#photos { flex-basis: 40%; max-width: 500px;width:40%;}
.spacer { flex-basis: 10%;}
.content { padding: 10px; /* Přidej mezery, pokud je potřeba */}

h1 {font-size: 2em}
h2 {font-size: 1.6em;font-weight: normal;padding-top:0.5em}

#kontaktni_formular{ 
 /* padding-top: 50px; /* výška headeru */
 /* margin-top: -50px;	*/
}

#property_detail .df-row-spaceb { display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; display:none }
#property { margin-bottom: 2em; overflow: hidden }

#bottom_part { border-top: 1px solid #B2B2B2; overflow: hidden; padding-top: 3em; width: 100% ;display: flex;margin-bottom: 6em}
#bottom_part .form3{width: 100% ;   margin: 0px 15px 0 0 ;background-color: #fff; flex:4;padding: 2em ;border-radius:10px}


#bottom_part .kontakty-part{width:300px }
#re_agent { clear: both; float: left; width: 60% }
#office { float: right; width: 37% }
#similar_container { clear: both; overflow: hidden;display: none }
#similar_container.wide { width: 100% }
#mortage_agent { float: right; font-size: 93%; margin-top: 2.5em; width: 240px; }



.info-bubble { clear: both; float: left; margin-top: 3em;display: none }

.dl-prop-list { clear: both; font-size: 1.1em; overflow: hidden;  }

.dl-prop-list .dl-term { clear: both; float: left; padding-right: 2%; width: 31%; margin-bottom: 0.5em; border-top: 1px solid #ccc; padding-top: 0.5em}
.dl-prop-list .dl-data { float: left; width: 67%;  margin-bottom:0.5em; border-top: 1px solid #ccc; padding-top: 0.5em}


.prop-detail .dl-term:first-letter { text-transform: capitalize }
.prop-params .dl-term:first-letter { text-transform: capitalize }
.prop-price { font-size: 180%; font-weight: bold }
.prop-price .dl-term { margin-bottom: 0; padding-right: 2%; width: 31% }
.prop-price .dl-data { font-weight: bold; margin-bottom: 0; width: 67% }
.prop-price .price { margin: 0 0.5em }
.price-cont { float: left; margin-bottom: 1em; overflow: show; width: 100% }
.price-cont .price-info, .price-cont .price-note { color: #777; font-size: 0.9em; margin-top: 0.5em }

.params_control { background: url('../images/bg_params_control.png') right top no-repeat; display: inline-block; margin: 0.2em 0 1em 0; padding-right: 1.5em }
.params_control.less { background-position: right -20px }

/*#photos { margin-bottom: 1em; width: 100% }*/
.prop-main-photo { position: relative;  }
.prop-main-photo img.image { height: auto; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-radius:10px }
.prop-main-photo .play-overlay { background: url('../images/bg_play.png') center center no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.prop-main-photo .virt-overlay { background: rgba(255,255,255,.5) url('../images/bg_virt_tour.png') center center no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.prop-photos { margin-top: 0.5em; overflow: hidden; padding: 0 20px; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.prop-photos .prop-photo-control { background: url('../images/bg_photo_control.png') -4px center no-repeat; display: block; height: 62px; position: absolute; text-decoration: none; top: 0; width: 20px }
.prop-photo-control.left { left: 0 }
.prop-photo-control.right { background-position: -16px center; right: 0 }
.prop-photos .prop-photo-cont { height: 62px; position: relative; overflow: hidden; white-space: nowrap }
/*.stav-novinka, .stav-rezervace, .stav-sleva, .stav-prodano { background: url('../images/bg_prop_state.png') right top no-repeat; display: block; font-weight: bold; height: 24px; line-height: 24px; padding-right: 1em; position: absolute; right: 1px; text-align: right; top: 1em; width: 120px }
.stav-rezervace { background-position: right -24px }
.stav-prodano { background-position: right -48px; color: #fff }*/


.stav-novinka, 
.stav-rezervace, 
.stav-sleva, 
.stav-prodano, 
.stav-pronajato { position:absolute; top: 10px;left:10px; text-align: center; line-height: 20px;padding-right:0.6em;padding:1px 15px;font-weight: bold;border-radius:8px;font-size: 90% }


.stav-rezervace { background: #FFA939; }
.stav-prodano { background:  #6AFF93 }
.stav-pronajato { background:  #77BFFC }
.stav-novinka { background: var(--sting) }
.stav-sleva { background: #d56dc3;color:#fff }


.prop-description { font-size: 1.1em; line-height: 1.3em; margin: 0 0 1em 0; padding-top: 0.5em; border-radius:10px;background-color: var(--sting_bg); padding: 1em;  transition: all 0.3s ease;}


.detail-separator { background: url('../images/detail_separator.png') no-repeat; height: 7px; margin: 10px 10px 0 10px; width: 260px }

#middle_cont .button { margin: 3px 1px; padding-left: 30px; width: 160px }
.but-icon { background: url('../images/detail_buttons_icons.png') no-repeat 0 50%; left: 5px; height: 16px; position: absolute; top: 3px; width: 20px }
.but-send .but-icon { background-position: -20px }
.but-print .but-icon { background-position: -40px }

#send_email_cont .h2 { margin: 0 0 1em 0 }
#send_email_cont .form-label, #send_email_cont .form-label2 { clear: both; display: inline; float: left; font-weight: bold; line-height: 2em; margin-right: 0.5em; text-align: right; width: 110px }
#send_email_cont .form-text { border: 1px solid #999; float: left; margin-top: 0.3em; padding: 1px; width: 157px}
#send_email_cont .button { margin: 1em 0 0 0 }
#send_email_cont .captcha { background: #eee; border: 1px solid #999; clear: both; display: inline; float: left; height: 33px; margin: 0.3em 7px 0 115px; width: 140px; }
#send_email_cont .info { margin: 0.5em; text-align: center }
#send_email_cont .error { background: #fcc; border: 1px solid #d00 }
#send_email_cont .info.error { background: transparent; border: none; color: #d00; text-align: center }
#send_email_cont .info.sent { margin-top: 100px }
#send_email_cont #send_email_progress { margin-top: 1em }

#video_wrap { display: block; height: 100%; position: relative; width: 100% }
#video_wrap video { position: absolute }


.bc-agent .bc-label { float: left;  padding: 0.3em 0.8em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #878787 ;font-size : 12px}
.bc-office .bc-label {font-weight: 500;margin-top:1em;font-size: 120% }
.cara {border: 1px #d9d9d9 solid; margin: 0 0 1em 0;width: 100%; float:left}
.bc-item { float: left; padding: 0.1em 0.8em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.bc-name { font-size: 1.4em; margin-top: 0.5em; font-weight: 500; }

.bc-email, .bc-odkazy { margin-top: 0.5em }
.bc-address { line-height: 1.2em; margin: 0.5em 0 }

.foto_cont {height: 250px; overflow: hidden; width: 100%;border:1px solid #aaa; border-radius: 10px;}

.bc-photo {  height: 100%; object-fit: contain;  object-position: top; display: block;margin: 0 auto;  filter: grayscale(100%); width: 100%; box-sizing: border-box;transform: scale(1.1);center 15px;}
.star { position: relative;   width: 20px; height: 20px;clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    background-color: var(--sting);  margin-right: 10px;display:block; float:left}

.bc-agent .bc-email, .bc-agent .hodnoceni-maklere { width: 100%;display: flex; align-items: flex-end;margin-top:10px }
.hodnoceni-maklere a {font-weight: bold}


.bc-agent a.personal-web { margin-left: 2em; padding-left: 20px; background: url('../images/icons/vcard.png') no-repeat 0 0 }
.bc-agent a.personal-web:first-child { margin-left: 0 }

.financovani-cont { border-radius: 10px; margin-bottom: 6em}
/*.financovani-cont img { width: 175px; height: 220px; object-fit: cover; object-position: bottom; border:1px solid #aaa;display: block;margin: 0 auto}*/



.financovani-cont .bc-photo {display:block}

.financovani-cont .bc-cont {margin:10px}

.nm-cont { background: url('../images/bg_napsat_makleri.jpg') no-repeat; clear: both; display: inline; float: left; height: 434px; margin-bottom: 1em; position: relative; width: 240px }
.nm-label { display: block; font-weight: bold; line-height: 31px; margin-left: 15px; margin-top: 8px; padding: 0 5px }
.nm-cont .info { margin: 5px 0; text-align: center }
.nm-cont .form-label, .nm-cont .form-label2 { display: block; font-weight: bold; padding: 8px 10px 4px 10px }
.nm-cont .form-text { display: block; margin: 0 10px; width: 215px }
.nm-cont .form-textarea { height: 50px; margin: 0 10px; width: 215px }
.nm-cont .form-captcha-label { float: left; height: 50px; width: 67px }
.nm-cont .form_captcha { display: inline; float: left; margin: 8px 0 5px 0; width: 138px }
.nm-cont .captcha { border: 1px solid #888; height: 33px; width: 140px }
.nm-cont .error { background: #fcc; border: 1px solid #d00 }
.nm-cont .info.error { background: transparent; border: none; color: #d00; text-align: center }
.nm-cont .info.sent { font-weight: bold; margin: 9em 1em; text-align: center }
#progress_mask { background: #fff; display: none; left: 1px; opacity: 0.8; position: absolute; top: 1px; height: 150px }
#progress_mask img { position: absolute}

.tab-simple { border-collapse: collapse; width: 100% }
.tab-simple .c1 { text-align: right; white-space: norwap }
.tab-simple .c3 { text-align: center }
.tab-simple .c4 { padding: 0 10px; text-align:center }
.tab-simple .c5 { font-weight: bold; text-align: right; white-space: nowrap }
.tab-simple tbody td { padding: 3px 5px }
.tab-simple .active td { background: #ffe000; cursor: pointer }

.qrcode-cont { line-height: 1.1em; margin-top: 1em; text-align: center }
.qrcode { margin: 2px }

.bc-cont .hodnoceni-maklere { margin-top: 0.5em; }
.hodnoceni-maklere .rate:first-child { margin-left: 0.5em; }
.hodnoceni-maklere .rate { display: inline-block; height: 16px; margin-top: -3px; margin-left: 1px; vertical-align: middle; width: 16px }
.hodnoceni-maklere .rate.full { background: transparent url('../images/icons/star.png') no-repeat 0 0 }
.hodnoceni-maklere .rate.half { background: transparent url('../images/icons/star_half_grey.png') no-repeat 0 0 }
.hodnoceni-maklere .rate.empty { background: transparent url('../images/icons/star_grey.png') no-repeat 0 0 }

 
 
 
 
 
.similar-row { overflow: hidden; padding: 0.2em 0 }
.similar-row a, .similar-row div { text-decoration: none }
.similar-row.active { background: #FEF8E8; cursor: pointer }
.similar-row .col { float: left }
.similar-row .name-col { width: 43% }
.similar-row a .name-col { text-decoration: underline }
.similar-row .loc-col { margin-left: 2%; text-align: center; width: 22% }
.similar-row .size-col { margin-left: 2%; text-align: center; width: 12% }
.similar-row .price-col { font-weight: bold; margin-left: 2%; text-align: right; width: 17% }

.fin-calc { float: right }
.fc-title { display: block; font-weight: bold; padding: 0.3em 0; text-align: center; }
.fc-row { padding: 0.2em 0.5em }
.fc-row:last-child { padding-bottom: 0.3em }
.fc-label, .fc-input, .fc-unit  { display: inline-block; vertical-align: middle }
.fc-label { font-size: 90%; padding-right: 0.5em; width: 7em }
.fc-input { border: none; box-shadow: 0 0 2px #f5d211; text-align: right; width: 6em }
.fc-unit { font-size: 90%; padding-left: 0.5em; width: 1.5em }

.kontakty-part, .fin-calc {	border-radius: 10px;background-color:#fff;}

 .bc-agent, .bc-cont {	padding: 1em;	overflow: hidden;	border-radius: 10px;}
.kontakty-cont .bc-label { background-color: transparent; padding: 0 0 0.3em 0 }
.kontakty-cont .bc-item { padding: 0.1em 0}



@media (max-width: 1400px) {
 .tpl_wide_page #main {padding:20px}  
	
}

@media (max-width: 768px) {
  #property_detail {
    flex-wrap: wrap; /* Umožní divům přejít pod sebe */
    height: auto;    /* Výšku necháme přizpůsobit obsahu */
  }
  
  .spacer {flex-basis: 0%;}
  img.bc-photo { width: 220px; height: 300px; }
  
  #photos, #property {
    flex-basis: 100%; /* Každý div zabere celou šířku */
  	width:100%;
  	margin: 0 auto 2em auto;
  }
#bottom_part {flex-wrap: wrap;margin-bottom:0;}
#bottom_part .kontakty-part{width: 100% ;  flex-basis: 100%; margin: 15px 0px}
.financovani-cont { margin: 0px 0 15px 0}
  
  
#bottom_part .form3, #property_title {  margin: 0;}

#similar_container, .info-bubble {display:none}  
 	.form3 .zend_form {display:flex;flex-direction: column;}
	.form3 dd {width: 100% !important;}
	 
  
}






@media only screen and (max-width: 479px) {
	.price-cont { margin: 2em 0 }
	.fin-calc { display: none }
	.df-row-evenly .df-item .button, .df-row-spaceb .df-item .button { display: block; }
	
	#bottom_part .left_part { margin-bottom: 2em }
	#similar_container { width: 100% }
	.similar-row { padding: 0.5em 0 }
	.similar-row .name-col { width: 100% }
	.similar-row .loc-col { margin-left: 0; text-align: left; width: 46% }
	.similar-row .price-col { width: 20% }
	.similar-row .price-col { width: 30% }
	
	
	.form3 .zend_form {display:flex;flex-direction: column;}
	.form3 dd {width: 100% !important;}
	
	
}