:root {
  --sting: #FFCC00; 
  --sting_tm: #FFC000;
  --sting_bg: #FFCC001A;
  --paddtop:130px;
  --radius_velky:15px;
  --radius_stredni:10px;
  --radius_maly:5px;
  --bg-seda : #f5f5f5;
}

.medium {font-weight:500}


.icon_search {display: none}

@font-face {
    font-family: inter; /* deklarace fontu */
    src: url("Inter.ttf"); /* propojení na umístění souboru */
	 font-weight: 400;
}

@font-face {
    font-family: inter-medium; /* deklarace fontu */
    src: url("Inter-Medium.ttf"); /* propojení na umístění souboru */
	 font-weight: 400;
}

@font-face {
    font-family: inter; /* deklarace fontu */
    src: url("Inter-Medium.ttf"); /* propojení na umístění souboru */
	font-weight: 500;
}


/*.hypo_box .personal-web{display:none!important}*/


html, body, #body { height: 100% }
html { overflow-y: scroll;scroll-behavior: smooth; }
body {
	font: normal 85% inter, tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
}

h1, h2{
	font: normal 100% inter-medium, tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
}



body.nobodybg { background: none }
a { color: inherit }
strong { font-weight: bold }
em { font-style: italic }
sup { font-size: 75%; line-height: 1.3em; vertical-align: top }

q { quotes: '"' '"' "'" "'" }
q:before { content: open-quote }
q:after { content: close-quote }

input[type='text'], input[type='number'], input[type='email'], input[type='tel'], textarea { font: normal 85% inter,verdana,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif; }
input[type=number] { -moz-appearance:textfield }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }

body > #body { height: auto; min-height: 100%;background-color: #f5f5f5; }
#body { background: #FFF ;  position: relative;  }
#page_cont { padding-top: var(--paddtop); max-width: 1400px; margin: 0 auto 0 auto;  clear: both;}
.container_body {margin-bottom: 6em }

#main {overflow: hidden; }
.container {    display: flex;  flex-wrap: wrap; /* Umožňuje zalamování řádků */}
.left {    flex: 3; /* 3 díly z 4 */   box-sizing: border-box; order:1 }
.right {    flex: 1; /* 3 díly z 4 */  padding-left: 10px; box-sizing: border-box;order:2 }



@media (max-width: 768px) {
    .container_body {
	
        flex-direction: column; /* Přepne prvky do sloupce */
    }

    .left {
        order: 2; /* Přesune levý div na druhé místo */
        width: 100%; /* Zabere celou šířku */;
    	
    }

    .right {
        order: 1; /* Přesune pravý div na první místo */
        width: 100%; /* Zabere celou šířku */;
    	
    	
    }
}

.nav_submenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* Umožní položkám přejít na nový řádek při menším rozlišení */
  padding-top: 30px;
  max-width: 1150px;
  margin:0px  auto 0 auto;
	grid-area: 1 / 1;
}

.nav_submenu #dnav {
  text-align: left; /* Zajistí zarovnání navigace vlevo */
}

 #page_submenu {
  text-align: right;  /* Zajistí zarovnání menu vpravo */
}

@media (max-width: 768px) { /* Nastavení pro menší obrazovky */
  .nav_submenu {
    flex-direction: column; /* Položky pod sebou */
  }

 .nav_submenu #dnav,
.nav_submenu  #page_submenu {
    text-align: center; /* Středové zarovnání na malých zařízeních (volitelné) */
  }
}





#body { padding-bottom: 0px; margin-bottom: 4.5em }
#cookie_bar {
	background: #fff;
	box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	height: 4.5em;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1em;
	position: fixed;
	text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}
#cookie_bar .more-info { margin: 0 2em 0 1em }

footer { background-color: var(--sting); color: black; padding: 60px 0 20px 0}
.footer-container {  display: flex;  justify-content: space-between;  align-items: center;  max-width: 1200px;  margin: 0 auto;  padding: 0 20px;}
.footer-left {  flex: 1;}
.footer-left .logo {  max-width: 150px;}
.footer-left .phone {  margin-top: 10px;  font-size: 16px;  color: #000;}
.footer-left .phone-number {  margin-top: 5px;  font-size: 26px;  color: #000;	font-weight: bold;}
.footer-left .phone-number a{ text-decoration: none}

.footer-right {  display: flex;  justify-content: space-between;  flex: 1;}
.footer-box {  flex: 1;  margin: 0 20px;}
.footer-box h3 {  margin-bottom: 20px;	font-weight: bold;}
.footer-box ul {  list-style: none;}
.footer-box ul li {  margin-bottom: 5px;}
.footer-box ul li a {  color: black;  text-decoration: none;}
.footer-box ul li a:hover {  text-decoration: underline;	color:#fff;	}

.social-icons {  display: flex;  gap: 10px;}
.social-icons a {  display: inline-block;}
.social-icons .img { background: transparent url(../images/bg_social_icons.png) no-repeat;  width: 32px;  height: 32px;}
.social-icons .facebook {    background-position: -0px -16px;}
.social-icons .linkedin  {    background-position: -64px -16px;}
.social-icons .instagram  {    background-position: -96px -16px;}


/*top-footer*/
.top-footer {background-color: var(--sting_bg);	padding: 6em ;}
.top-footer {display:none} /*Nezobrazovat nikde jen na nekerych strankach*/


.top-footer .responsive-section {
	max-width:1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
	margin: 0 auto;
	background-color: #ffcb05;
	border-radius: 15px;

}
.top-footer .top-footer-center {max-width:1400px;margin: 0 auto}
.top-footer .text-block {   flex: 1; padding-left:3em;	}
.top-footer .text-block h2{	font-size: 250%;	color:#fff;}
.top-footer .image-block {   flex: 1;    text-align: right;justify-content: flex-end;display: flex;margin: 1em}
.top-footer .image-block img {    max-width: 100%;    height: auto;	display: block}
.top-footer button {  background-color: #fff;border-radius: 8px;padding: 1em 2em;border:0 ;font-size: 120%;text-decoration: none;font-weight: bold;    margin: 1em auto; display: block;}
.top-footer button a{ text-decoration: none}







/* Copyright section */
.footer-copyright {  text-align: left;  padding: 20px;  font-size: 14px;  color: #000;  max-width: 1200px;  margin: 0 auto;}


.main-banner .banner-big { height: auto; margin-bottom: 1em; width: 100% }
.main-banner .banner-call { border: 1px solid #B2B2B2; border-width: 1px 0; clear: both; font-size: 140%; margin-bottom: 2em; padding: 1em 0; text-align: center }
.main-banner .banner-call .deploy-item { margin: 0 2% }
.main-banner .banner-call .deploy-item:first-child { margin-left: 0 }
.main-banner .banner-call .deploy-item:last-child { margin-right: 0 }
.main-banner .banner-call .button { font-size: 84% }
.main-banner .img-part { float: left; text-align: center; width: 45% }
.main-banner .text-part { float: right; text-align: center; padding: 0 5%; width: 45% }
.main-banner .text-part .heading { background: var(--sting); font-size: 200%; font-weight: bold; margin: 0.5em 0 ; padding: 0.2em 0 }
.main-banner .text-part .text { font-size: 200%; text-align: center }


.tpl_default #page_submenu .ul-submenu-item, .tpl_servis_page #page_submenu .ul-submenu-item { margin: 0.5em 0; padding-left: 15px }
.tpl_default #main, .tpl_wide_page #main, .tpl_servis_page #main { padding-top: 0em; padding-top: 0em; max-width: 1200px; margin: 0 auto; }
.tpl_default #dnav,  .tpl_wide_page #dnav, .tpl_servis_page #dnav { color: #AAA; font-size: 90%; margin: 2em 0; border: 1px #aaa solid; border-radius: 5px;padding: 1em 2em;width:max-content; position: relative;}
.tpl_default #page_submenu, .tpl_servis_page #page_submenu { color: #000; font-size: 90%; margin-bottom: 2em; border-radius: 5px;padding: 1em 2em;width:max-content; position: relative; background-color: #e5e5e599}
.tpl_default #dnav a, .tpl_wide_page #dnav a, .tpl_default #page_submenu a, .tpl_servis_page #dnav a, .tpl_servis_page #page_submenu a{  text-decoration:none}

.tpl_servis_page#body {/* background: #f2f2f2*/}
.tpl_servis_page #main { max-width: 1400px } 
.tpl_servis_page #page_cont { padding-top: var(--heightbar) }


.left_half, .right_half { clear: left; float: left; width: 48.5% }
.right_half { clear: none; float: right }

.left_third, .right_third { clear: left; float: left; width: 31.8% }
.right_third { clear: none; float: right }

.left_2third, .right_2third { clear: left; float: left; width: 65.2% }
.right_2third { clear: none; float: right }

.h1, .h1-1 { font-size: 230%; margin:0.6em 0  0.5em 0em;  }
.h1-1 { background-color: transparent }
.h1-2 { background: #FFF; font-size: 200%; font-weight: bold; margin: .8em 0 4em 1.2em; padding: 0; position: relative; z-index: 2 }
/*
.h1-2:before { content:''; background: var(--sting); position: absolute; top: -.8em; left: -1.2em; width: 5em; height: 5em; z-index: -1 }
.h1-2:after { content:''; background: #000; position: absolute; top: 1.6em; left: -0.6em; width: 1.2em; height: .15em; z-index: 3 }*/

.h2, .h2-2, .h2-5 {font-size: 120%; font-weight: bold; margin: 2em 0 1em 0; padding: 0.3em 0.8em }
.h2-1 { border-top: 1px solid #B2B2B2; font-size: 120%; font-weight: bold; margin: 2.5em 0 0.5em 0; padding: 1em 0.8em 0.3em 0.8em }
.h2-2 { margin-top: 3em }
.h2-3, .h2-4 { font-size: 120%; font-weight: bold; margin: 0.5em 0 1em 0; padding: 0.3em 0.8em }
.h2-4 { margin-top: 0 ;width: 100%;}
.h2-5 { background: var(--sting) }
.h3 { font-size: 120%; font-weight: bold; margin: 2em 0 0.4em 0 }
.h3-1 { font-size: 100%; font-weight: bold; margin: 0.4em 0 }
.h3-2 { font-size: 120%; font-weight: bold; margin: 1em 0 1em 0; padding: 0.3em 0.8em }

.text, .text2 { line-height: 1.5em; margin: 0 1em 1em 0em; }
.text2 { font-size: 120% }

.ulist1, .ulist2, .ulist4 { list-style-image: url('../images/bg_bullet01.png'); margin-bottom: 2em;padding-left: 2em; }
.ulist2 { margin-bottom: 0.6em }
.ulist1 li { font-size: 120%; margin: 0.4em 2em; padding-left: 0.2em }
.ulist2 li { font-size: 100%; line-height: 1.5em; margin: 0.4em 2em; padding-left: 0.2em }
.ulist4 li { font-size: 112%; margin: 0.7em 1em; padding-left: 0.2em }
.ulist3 { list-style-type: disc; margin-bottom: 1em }
.ulist3 li { font-size: 100%; margin: 0.4em 3em; padding-left: 0.2em }
.ulist1 .ulist3 li, .ulist1 .text { font-size: 83% }
.ulist5 { list-style-type: none; margin-bottom: 2em }
.ulist5 li { margin-left: 1em }

.olist { margin-left: 2em; list-style: decimal; }
.olist .ol-item { margin-bottom: 1em; margin-right: 0px }

.button, .button:visited {
	background: var(--sting);
	cursor:pointer;
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	margin: 0.3em;
	overflow:visible;
	padding: 0.7em 1.3em;
	position:relative;
	text-decoration:none;
	width:auto;
	border-radius:8px;
	transition: opacity 0.3s ease-in-out,
                        color 0.3s ease-in-out,
						background-color 0.3s ease-in-out,
						border 0.3s ease-in-out;
	border:1px var(--sting) solid;
}


.button.inline { margin: 0 0.5em; vertical-align: middle }
.button:hover { text-decoration: none; color: #555; background-color: #fffbec;border:1px var(--sting) solid;  }
.button.small { font-size: 100% }

.button.gray { background-color: #E3E3E2 }

.obrazek {display:none}
.obrazek { 	
	width: 100%;
    max-width: 1200px;
   /* height: 600px;*/
    margin: 0 auto;
    margin-bottom: 4em;
	aspect-ratio: 16 / 9;
	overflow: hidden;
position: relative}


.obrazek img{width: 100%; height:100%;  object-fit: cover; /* Zachová poměr stran a vyplní celý div */ object-position: top; /* Centrovaný obrázek */;    border-radius:var(--radius_velky);}


.imagelink { border: none; text-decoration: none; }
.imagelink .image { border: 1px solid #B2B2B2;border-radius: 5px }
.imagelink:hover .image { border: 1px solid var(--sting) }

.deploy-cont { width: 100%; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.deploy-cont:after { content: ''; display: inline-block; width: 100%; font-size: 0; line-height: 0 }
.deploy-cont .deploy-item { display: inline-block; text-align: left; *display: inline; zoom: 1 }
.deploy-cont .deploy-item.tar { text-align: right }

.row_separator { background: #F6F6F6; height: 2px; margin: 2em 0 }

.nomb { margin-bottom: 0 !important }
.nomt { margin-top: 0 !important }
.m0auto { margin: 0 auto !important }
.m0 { margin: 0 !important }
.mt0 { margin-top: 0 !important }
.mt1 { margin-top: 1em !important }
.mt2 { margin-top: 2em !important }
.mt3 { margin-top: 3em !important }
.mr0 { margin-right: 0 !important }
.mr1 { margin-right: 1em !important }
.mr2 { margin-right: 2em !important }
.mr3 { margin-right: 3em !important }
.mb0 { margin-bottom: 0 !important }
.mb1 { margin-bottom: 1em !important }
.mb2 { margin-bottom: 2em !important }
.mb3 { margin-bottom: 3em !important }
.ml0 { margin-left: 0 !important }
.ml1 { margin-left: 1em !important }
.ml2 { margin-left: 2em !important }
.ml3 { margin-left: 3em !important }

.tac, .c { text-align: center }
.tal, .l { text-align: left }
.tar, .r { text-align: right }
.vam { vertical-align: middle }
.mac { margin-left: auto; margin-right: auto }
.mar { margin-left: auto; margin-right: 0 }

.cb { clear: both }
.cl { clear: left }

.fl { float: left }
.fr { float: right }

.dnone { display: none } 
	
#backToTop {  opacity: 0;  visibility: hidden;  transition: opacity 0.4s ease, visibility 0.4s ease;  position: fixed;
  bottom: 35px; right: 15px;  z-index: 99;  font-size: 24px;  background-color: #FEFAE7; color: #000; border: 1px solid var(--sting);
  outline: none;  cursor: pointer;  padding: 7px 9px 0px 9px;  border-radius: 15px;  box-shadow: 0 4px 6px rgba(0,0,0,0.3);R}	


/* Hover efekt */
/*#backToTop:hover { background-color: #000;color:var(--sting) ;}*/

/* Zobrazit tlačítko pouze na mobilních zařízeních */
@media screen and (max-width: 1000px) {
	#backToTop.show {  opacity: 1; visibility: visible;	}
}
	
	
	
.info-bubble {/* background: url('../images/bg_info_bubble.png') no-repeat;*/ height: 100px; line-height: 63px; padding: 0 28px 0 70px; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.info-bubble .message {/* background: url('../images/bg_info_bubble.png') repeat-x bottom left;*/ font-size: 180%; font-weight: bold; text-align: center }
.info-bubble .end {/* background: url('../images/bg_info_bubble.png') no-repeat top right;*/ height: 63px; position: absolute;  width: 28px; right: 0; top: 0 }
.info-bubble a { text-decoration: none; }
.info-bubble a:hover { text-decoration: underline }

.df-row-evenly { display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; }
.df-row-spaceb { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }

body.alt_look { background: var(--sting) }
.alt_look #body { position: relative }
.alt_look #header { padding-left: 3%; padding-right: 3% }
.alt_look #top_header { background: var(--sting); color: #514301 }
.alt_look #copyright { background: var(--sting); color: #514301 }
.alt_look .alt_banner { display: none; position: absolute; top: 200px }

/*nabidka dlazdice*/

.nabidka_dlazdice {  display: grid;  grid-template-columns: repeat(6, 187px); /* 6 sloupců, každý s frakcí šířky */
  gap: 10px; /* Mezery mezi prvky */  max-width: 1200px; /* Max šířka pro celý blok */  margin: 0 auto; /* Vycentrování bloku na stránce */ padding:  0; justify-content: space-between; 
}

.nabidka_dlazdice .img {position: relative; }


.nabidka_dlazdice .img  div p{  position: absolute;  bottom: 12px; left: 50%;  
  transform: translateX(-50%);  background-color: white;  padding: 5px;  text-align: center; 
  background: rgba(100%, 100%, 100%, 0.2);
  backdrop-filter: blur(16px); 
  height:50px;  width:80%;  
  display: flex;         /* Používáme flexbox pro vertikální vycentrování textu */
  align-items: flex-end; /* Text bude zarovnán ke spodní části */
  justify-content: center; /* Text bude vycentrován horizontálně */
  border-radius: 15px;  color: #fff;  font-size: 120%;transition: all 0.3s ease-in-out  }

/*.nabidka_dlazdice .img a:hover div:hover p:hover{  background: rgba(100%, 100%, 100%, 0.5);  backdrop-filter: blur(5px);  color: #000;}*/

.nabidka_dlazdice a:hover .img div p{background: rgba(100%, 100%, 100%, 0.7);  backdrop-filter: blur(5px);  color: #000; transition: all 0.3s ease-in-out }


.byty-prodej {background-image: url(../images/media/byty-prodej.png); width: 187px;height: 213px}
.byty-pronajem {background-image: url(../images/media/byty-pronajem.png); width: 187px;height: 213px}
.domy {background-image: url(../images/media/domy.png); width: 187px;height: 213px}
.pozemky {background-image: url(../images/media/pozemky.png); width: 187px;height: 213px}
.komercni-nemovitosti {background-image: url(../images/media/komercni-nemovitosti.png); width: 187px;height: 213px}
.jine {background-image: url(../images/media/jine.png); width: 187px;height: 213px}

.side_banner { border: 1px solid #c8c9cb; display: none; font-size: 120%; position: absolute; left: -200px; top: 2em; }
.side_banner .container { font-size: 0 }


.panacek {width:25px;height: 18px}

#bottom_banners {display: grid;grid-template-columns: repeat(4, 270px);/*gap: 36px;*/ justify-content: space-between; padding:6em 0em;max-width: 1200px ;margin: 0 auto}
.box { background-color: #fff;  box-shadow:  0px 3px 20px 2px #eee;  }
.banner-title { font-size: 135%; font-weight: bold;margin-bottom: 1em; margin-left: 20px }
.banner-text {font-size: 110%;margin: 0 20px }
 a.box:hover { background: var(--sting);color: #fff;}  
 
#bottom_banners .box {padding: 1em 3px; margin: 0 3px;
 						text-align: left; text-decoration: none; width: calc(100% - 3px); display: inline; zoom: 1; border-radius:6px;	transition: opacity 0.3s ease-in-out,
                        color 0.3s ease-in-out,
						background-color 0.3s ease-in-out,
						border 0.3s ease-in-out;box-sizing:border-box}
 
 
.pobockova_sit{width: 130px;height: 130px; background: url(../images/icons/vlajka.png) no-repeat; padding-bottom: 2em;  float:left;}

.hypoteky{width: 130px;height: 130px; background: url(../images/icons/barak.png) no-repeat; padding-bottom: 2em;  float:left;}
.kariera{width: 130px;height: 130px; background: url(../images/icons/kravata.png) no-repeat; padding-bottom: 2em; display: inline; float:left;}
.zakaznicke-centrum{width: 130px;height: 130px; background: url(../images/icons/sluchatka.png) no-repeat; padding-bottom: 2em; display: inline; float:left;}
.sipka{width: 105px;height: 129px; background: url(../images/icons/sipka.png) no-repeat; float:left; }



#bottom_banners a.box:hover .pobockova_sit{background-position: -130px 0;}
#bottom_banners a.box:hover .hypoteky{background-position: -130px 0; }
#bottom_banners a.box:hover .kariera{background-position: -130px 0; }
#bottom_banners a.box:hover .zakaznicke-centrum{background-position: -130px 0; }
#bottom_banners a.box:hover .sipka{background-position: -130px 0; }

 
 /*Peceti-----------*/
 
.peceti_potrebujete { display: flex; flex-wrap: wrap; gap:20px; margin: 6em auto;max-width:1200px}
.peceti_potrebujete button {background:#fff; border-radius:10px; padding:1em 2em; border:none;font-size: 120%;font-weight:bold}
.peceti_potrebujete .peceti { flex: 2;display: flex; background-color: var(--sting_bg); padding: 20px; justify-content: center;  align-items: center; border-radius:10px;}
    
.peceti_potrebujete .potrebujete {  flex: 1; background-color: var(--sting); padding: 20px; text-align:center;    border-radius: 10px;}  
.peceti_potrebujete .potrebujete h2 { font-size:2em; font-weight:bold; padding: 20px; width: 70%;  margin: 0 auto;}   
.peceti_potrebujete .potrebujete p { width: 70%; padding: 20px; margin: 0 auto;font-size:120%;}    
.peceti_potrebujete .images { display: flex;  flex-wrap: wrap; /* Obrázky se mohou zalamovat */  gap: 30px; /* Mezera mezi obrázky */  justify-content: space-evenly;} 
.peceti_potrebujete .images img {  max-width: 100%;  max-height: 125px;  width: auto;  height: auto; }   

.button_bily { display: inline-block;     padding: 0.7em 1.3em; background-color: #fff;  /* Původní barva */ color: #000; font-weight:bold; margin: 1em 0; font-size:120%;
    text-align: center; text-decoration: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease;  /* Plynulý přechod */
}

.button_bily:hover {  background-color: #000;  /* Barva při hover */  color: #fff;  /* Barva textu při hover */}
    
   
    
    @media only screen and (max-width: 1400px) {
    .peceti_potrebujete {margin: 6em auto}

}  
    
  @media only screen and (max-width: 1200px) {
    .peceti_potrebujete .peceti {margin-left :20px }
    .peceti_potrebujete .potrebujete {margin-right: 20px}
  	
  	
  	
}  
    
    
  @media (max-width: 968px) {
    .peceti_potrebujete {margin:0;    flex-direction: column; }
    .peceti_potrebujete .peceti {  border-radius:0;padding: 40px;margin-left: 0px; }
    .peceti_potrebujete .potrebujete {margin: 0 auto 2em auto; width:300px;}
    .peceti_potrebujete .peceti {  flex: 100%; /* Oba bloky zaberou 100 % šířky */ }

}  
  /*Peceti-----------*/ 


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	/*#header .logo { background: #ffc20f url(../images/realitni_skupina_2x.png) no-repeat 93% 50%; background-size: 267px 100px }*/
/*	#header .logo strong { background: #ffc20f url(../images/bg_header_logo_sting_2x.png) no-repeat 0 0; background-size: 124px 63px }*/
}

@media only screen and (min-width: 1350px) {
	.side_banner { display: block }
	
}

@media only screen and (max-device-width: 999px) and (min-device-width: 639px) {
   body { background: #fff; }
  .footer-container {    flex-direction: column;    text-align: center;  }
  .social-icons {display: inline-flex;}
  .footer-right {flex-direction: column;}
  .footer-box {/* margin-bottom: 20px;*/}
	
      .container {
        grid-template-columns:  repeat(1, 265px);
        justify-items: center; /* Vycentruje divy horizontálně */
      }	

}

@media only screen and (max-width: 1250px) {
	/* #main {  padding:0 15px ; }	*/
	 .result-list  { grid-template-columns: repeat(3, 270px); }
	 .nabidka_dlazdice {grid-template-columns: repeat(3, 187px); /* 6 sloupců, každý s frakcí šířky */; justify-content: center;}	
    .container_body {margin:0 15px;margin-bottom: 6em; }
	
}


@media only screen and (max-width: 999px) {
		.result-list { grid-template-columns: repeat(2, 270px); }
		.top-footer .responsive-section{ flex-direction: column;}
    	.top-footer .text-block {   padding: 1em;}
.footer-left {
	.phone{padding-top:20px}	
}	

.footer-right {
	.footer-box h3{ margin: 20px 0 5px 0; font-size :120%}	
}	
	
	
	
	
}



@media only screen and (max-width: 650px) {
		.result-list { grid-template-columns: repeat(1, 270px); }
	    .nabidka_dlazdice {grid-template-columns: repeat(3, 120px); /* 6 sloupců, každý s frakcí šířky */; justify-content: center;}	
		.nabidka_dlazdice div.img {width: 120px;height:136px;		
				 background-size: contain; /* Přizpůsobí obrázek celému kontejneru */
   				 background-repeat: no-repeat; /* Zabrání opakování obrázku */
    			 background-position: center; /* Umístí obrázek na střed */		}
	
	.nemov .formdruh { flex-direction: column;}
	
	.top-footer .text-block h2{	font-size: 150%;}
	
	
	
		.top-footer .responsive-section{ flex-direction: column;}
	.top-footer .text-block {   padding: 1em;}
	.h1 {font-size: 150%}
	
}

 

@media only screen and (max-width: 1250px) and (min-width: 639px) {

	 #bottom_banners { grid-template-columns: repeat(2, 270px);
	                   justify-content: center;
						gap:40px
					  }
		
     #bottom_banners .box {margin-top: 3px}

	
	
}


@media only screen and (max-width: 999px) and (min-width: 639px) {
	#body { margin: 0; width: auto }
	/*#top_header { font-size: 100% }*/
	/*#header { border: none; padding-top: 0; text-align: right }*/
/*	#header .logo { background-position: 80% 50% }
	#header .nav-button:before { border-bottom: 0.125em solid #000; border-top: 0.375em double #000; content: ""; height: 0.125em; left: 0; position: absolute; top: 0.3em; width: 1em; }
	#header .nav-button { display: inline; font-size: 2em; line-height: 55px; margin-right: 0.5em; padding-left: 1.25em; position: relative; }
	#page_menu { display: none; line-height: 1.5em }
	#page_menu .page-menu-item { width: 100% }
	#page_menu { display: none; line-height: 2em; margin-bottom: 0.5em }
	#page_menu .page-menu-item { background: transparent url('../images/icons/carat-r-black.png') 100% 50% no-repeat; background-image: url('../images/icons/carat-r-black.svg'), none; border-bottom: 1px solid #B2B2B2; width: 100% }
	#page_menu .page-menu-item.show-mobile { display: inline-block }
	#page_menu .page-menu-item a { display: block }
	#page_menu .page-menu-item:last-child { border-bottom: none }
	#page_menu:after { display: block }*/

	#main { border-top: none }
	/*#search_code { display: none }	*/
	#dnav { display: none }
	nav.menu { display: none }
	
	
	#bottom_banners .banner { display: inline-block; margin: 1em auto; width: 48%;  text-align: center; padding: 13px; overflow:auto;height:21em}
	#bottom_banners .banner-title { font-size: 150% }
	#bottom_banners .banner-text { height:auto; }
	
	
}

@media only screen and (max-device-width: 639px) {
	body { background: #fff; }
	.container { grid-template-columns: repeat(1, 295px); }

	
	
}
@media only screen and (max-width: 890px) {
	.info-bubble .message { font-size: 140% }
}
@media only screen and (max-width: 800px) {
	.info-bubble .message { font-size: 120% }
	#bottom_banners .banner-title { font-size: 120% }
    #bottom_banners .banner { display: inline-block; margin: 1em 0; width: 49%; height:21em }
}
@media only screen and (max-width: 639px) {
	#body { margin: 0; width: auto }
	 .top-footer .text-block h2{font-size: 150%;}
	
	.footer-copyright {  text-align: center}
	
	
/*	#top_header { display: none }
	#header { border: none; padding-top: 0; text-align: right }
	#header .logo { background-position: 60% 50%; background-size: auto 70px; height: 65px }
	#header .logo a, #header .logo strong { height: 35px; width: 75px }
	#header .logo a { left: 4%; line-height: 35px; top: 15px  }
	#header .logo strong { background-size: auto 35px }
	nav.menu { display: none }*/

	
	/*
	#header .nav-button:before { border-bottom: 0.125em solid #000; border-top: 0.375em double #000; content: ""; height: 0.125em; left: 0; position: absolute; top: 15px; width: 1em; }
	#header .nav-button { display: inline; font-size: 2em; line-height: 55px; margin-right: 0.5em; padding-left: 1.25em; position: relative; }
	#page_menu { display: none; line-height: 2em; margin-bottom: 0.5em }
	#page_menu .page-menu-item { background: transparent url('../images/icons/carat-r-black.png') 100% 50% no-repeat; background-image: url('../images/icons/carat-r-black.svg'), none; border-bottom: 1px solid #B2B2B2; width: 100% }
	#page_menu .page-menu-item.show-mobile { display: inline-block }
	#page_menu .page-menu-item a { display: block }
	#page_menu .page-menu-item:last-child { border-bottom: none }
	#page_menu:after { display: block }
*/
	
	#main { border-top: none }
	/*#search_code { display: none }*/

    #form_tip {width:100%;}	
	#form_tip .zend-form2 .zf-label {display:block; text-align: left }
	#form_tip .zend-form2 .zf-subform {padding: 3em 0 3em 1em }
	#form_tip .zend-form2 .zf-input {width: 92%; margin-left: 0 }
    #form_tip .zend-form2 .zf-item.agreement .zf-input .zf-desc { width: 100% }
    
	#bottom_banners .banner { display: block; margin: 1em auto; width: 100%;  text-align: center; padding: 13px; overflow:auto}
	#bottom_banners .banner-title { font-size: 150% }
	#bottom_banners .banner-text { height:auto; }
	
	
	#dnav { display: none }
	.nab-filtr-container .nf-term { float: none; line-height: 1.5em; margin-bottom: 5px; width: 100% }
	.nab-filtr-container .nf-data { float: none; margin-bottom: 1.5em; width: 100%}
	.nab-filtr-container .nf-label {  font-size: 1em; min-width: 49%; margin-bottom: 0.5em }
	.nab-filtr-container .nf-label:last-child { margin-right: 0 }
	.nab-filtr-container .nf-data.cat1 .nf-label { min-width: 49%; margin-right: 0; width: auto }
	.nab-filtr-container .inp-interval { width: 33% }
/*	.result-list { clear: both }
	.result-row.result-header { display: none }
	.result-row { font-size: 0.8em }
	.result-row .desc-col .popis { display: none }
	.result-row .loc-col { display: none }
	.result-row .size-col { display: none }
	.result-list .result-row .photo-col { width: 28% }
	.result-list .result-row .desc-col { width: 66%; padding: 0 2% }
	.result-list .result-row .price-col { width: 66%; padding: 0 2% }*/
	.p-pages-cont:after { content: ""; display: table; float: none; }
	.info-bubble { background: var(--sting); clear: both; height: auto; margin-top: 1em; padding: 0.5em 10% }
	.info-bubble .message { background-image: none; height: auto; line-height: 1.5em; font-size: 100% }
	.info-bubble .end { display: none }
	
	#news .akt-cont { width: 100% }
	
	.tpl_default #left_cont, .tpl_default #right_cont { float: none; width: auto }
	.tpl_wide_page .bc-cont, .tpl_wide_page .left_part, .tpl_wide_page .right_part { float: none; overflow: hidden; width: auto; }
	
	.df-row-evenly .df-item, .df-row-spaceb .df-item { width: 100% }
	
	#footer {  bottom: 0px; font-size: 100%; height: auto; overflow: visible; position: absolute; width: 100% }
	#footer .footer-links { display: none }
	#footer .part { float: none; height: auto; padding: 0 1em; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
	#copyright { height: auto }
	
  .footer-container { flex-direction: column;   text-align: center;  }	 
  .social-icons {display: inline-flex;}
  .footer-right {flex-direction: column;}
  .footer-box { /*margin-bottom: 20px;*/}
  #bottom_banners {
        grid-template-columns:  repeat(1, 270px);
        justify-content: center; /* Vycentruje divy horizontálně */
  			gap: 30px;
      }

	
} 


@media (max-width: 1400px) {
	.nav_submenu {display: none}	
	
	.container_body  {margin:0 20px}

	
}