.nab_text {padding:10px 0}
#page_cont { padding-top: 90px;}

.tpl_wide_page #main {max-width:1200px; padding: 0em ;}

.h1 { margin: 0.3em 12px 0.8em 12px; }
.h2-4 { font-size: 120%; font-weight: bold; padding: 0 3% }
.text {margin: 0 1em; }

.info-bubble { margin: 0 2% 2em 2%; width: 96% }




@media only screen and (max-width: 479px) {
	.info-bubble { margin-top: 1em }
	
}






.nab-filtr-container { background: var(--sting_bg);border: 1px solid #B2B2B2; 
		margin:  1em 0; padding: 2%; 
		width: 100%; -webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; box-sizing: border-box; 
		border-radius: 8px;
}
.nab-filtr { width: 100% }


.nf-term {clear:both;margin-bottom:0.5em;font-size: 120%;font-weight: 500; }

.nf-data { /*float: left;*/ line-height: 1.5em; margin-bottom: 1em; width: 80%; }



.nf-data.cat1 .nf-label, .nf-label { margin-right: 2em; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.2em;  }



.nf-chbox { margin-right: 0.5em; vertical-align: text-top ;accent-color:#ffdc00}
.nf-price { margin: 0 0.5em; width: 8em }
.nf-locality { position: relative; height: 30px; }
.nf-submit { clear: both; text-align: center }

.nf-data.cat1 .nf-label {margin-right: 2em; width: 10em;margin-bottom: 0.5em; }

.nf-divider {
	text-align: center;
	position: relative;
	z-index: 1
}
.nf-divider:before {
	border-top: 1px solid #b2b2b2;
	content:"";
	margin: 0 auto;
	position: absolute;
	top: 50%; left: 0; right: 0; bottom: 0;
	width: 100%;
	z-index: -1;
}
.nf-divider .div-label-cont {
	
	padding: 2px;
}
.nf-divider .div-label {
	background: #f9f7f7;
	border:1px #ffdc00 solid; 
	color:#555;
	font-weight:normal;
	font-size: 100%;
	padding: 0.7em 1em;
	border-radius:5px
}



select, input[type="number"]{outline: none; box-sizing: border-box;  transition: border-color 0.3s ease, box-shadow 0.3s ease;color:#888;border-radius: 5px;  padding: 0.5em 1em;border: 1px solid;}
select:focus {color:#000}

input[type="number"]{width:130px}


input[type="text"]{ border: 1px solid #aaa; height:3em; width: 100%;  padding: 10px;   border-radius: 5px;  outline: none; box-sizing: border-box;  transition: border-color 0.3s ease, box-shadow 0.3s ease;}  
input[type="text"]:focus, select:focus, input[type="number"]:focus  { border: 1px solid #aaa; border-color: var(--sting);  box-shadow: 0 0 5px var(--sting); background-color: var(--sting_bg); }    
textarea { width: 100%;height: 90px;  padding: 10px;  font-size: 10px;  border: 1px solid #aaa;  border-radius: 10px;   outline: none;  resize: none;   transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Plynulý přechod */}   
textarea:focus {  border-color: #888;  box-shadow: 0 0 8px var(--sting);  background-color: var(--sting_bg);}  

input[type="radio"], input[type="checkbox"]  { appearance: none;  width: 15px; height: 15px; border: 1px solid #aaa; outline: none; cursor: pointer; position: relative;  margin-right: 6px; transition: all 0.2s ease; background-color: #fff }
input[type="radio"] {border-radius: 50%; }
input[type="radio"]:checked {  background-color:var(--sting_bg);  border-color: var(--sting);}
input[type="radio"]:checked::after {  content: "";  width: 8px;  height:8px;  background-color:  var(--sting);  border-radius: 50%;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}   
input[type="radio"]:hover {  border-color: var(--sting);}    
input[type="checkbox"]:checked {  background-color: var(--sting_bg);  border-color: var(--sting);}   
input[type="checkbox"]:checked::after { content: "";  width: 3px;  height: 9px;  border: solid #555;  border-width: 0 3px 3px 0;  position: absolute; top: 0px;  left: 4px;  transform: rotate(45deg);}   














.nf-divider .div-icon { background: url('../images/arrows.png') no-repeat; margin: 0 0.7em; padding: 0 8px; width: 16px }
.nf-divider .div-icon.arrow-up { background-position: -16px center }
.nf-divider .div-icon.arrow-down { background-position: 0px center }

.more-params-toggle-slide { clear: both }

.inp-interval { margin-right: .5em; width: 5em }

.banner-link { border: 1px solid #ccc; display: inline; float: right; margin-top: 1.3em }
.banner-data { border: none; display: block }

#top_wide_banner { margin: 2em 0 }

.loc-store { background: white; border: 1px solid #B2B2B2; display: block; float: left; line-height: 23px; padding: 4px 4px; position: relative; width: 100%; z-index: 1 ;border-radius: 5px;}
.loc-store .ui-autocomplete { z-index: 3 !important }
.loc-store .ui-autocomplete .ui-menu-item { white-space: nowrap; }
.loc-store .ui-menu-item { position: relative }
.loc-store .ui-menu-item .radius { position: absolute; right: 0; top: 0 }
.loc-store .ui-menu-item .radius a { cursor: pointer; display: inline; padding: 0; text-decoration: underline }
.loc-store .ui-menu-item .radius a:hover { color: red }
.loc-container { background: #F3F3F3;  border-radius: 4px; cursor: pointer; line-height: 2em; padding: 0.2em 0.5em; white-space: nowrap; }
.loc-remove { color: #a33; font-size: 80%; font-weight: bold; line-height: 2em; margin-left: 0.6em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.loc-input-container { margin-left: 0em }
.loc-input { display: block; border: 0px none; font-size: 14px; height: 22px; line-height: 22px; width: 100%;}
.loc-match { background: #999; color: #fff }
.loc-sk { background: url(../images/icons/flags/sk.png) no-repeat 0 100%; cursor: help; display: inline-block; height: 1em; width: 16px }

.loc-store { position: relative; width: 90%; z-index: 5 }
.loc-store.highlight { background: #0f0 }
 
#mapContainer { background: #fff; border: 1px solid #B2B2B2; display: none; padding: 10px; position: absolute; z-index: 2 }

#srch_start { z-index: 1 }

.loc-helptext { color: #000; padding: 0 5px }

.loc-mapicon { display: block; float: right; height: 29px; position: relative; width: 7% }
.loc-mapicon .ovr { background: url('../images/bg_map_icon.png') no-repeat; display: block; height: 29px; left: 0; position: absolute; width: 100%; top: 0 }
.loc-mapicon:hover .ovr { background-position: 0 -29px }

.tip { display: none; height: 111px; left: 335px; position: absolute; width: 220px; top: -41px; z-index: 99 }
.tip .tip-image { left: 0; position: absolute; top: 0 }
.tip .tip-text { left: 44px; position: absolute; top: 14px; width: 133px }
.tip .tip-p { line-height: 1.2em; text-align: center; margin: 5px 0 }
.tip .tip-p1 { margin-top: 0 }
.tip .tip-p2 { margin: 8px 0 }


.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; }   






@media only screen and (max-width: 1233px) {
.nab-filtr-container { margin: 1em; width: auto}


}



@media only screen and (max-width: 799px) and (min-width: 640px) {
.loc-mapicon { display: none }
	.loc-store { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
}

@media only screen and (max-width: 639px) {
	.loc-mapicon { display: none }
	.loc-store { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
}