/* ============================================================
   LEGACY SHELL V2 – zdieľaný rám starých (nie-Nette) front stránok

   Presná extrakcia pravidiel z finalcss.css, ktoré tento rám reálne
   používa: reset a utility triedy, dvojstĺpcový obal (#main, div.obal,
   div.lavaStrana, div.content), ľavé menu, breadcrumbs, CTA blok dopytu,
   #popupOne, google recenzie a bočné CTA tlačidlá.

   Načítava sa v bloku {legacyCss}, teda presne na mieste, kde bol
   finalcss.css – poradie kaskády voči ui-v2.css / layout-v2.css
   ostáva nezmenené.

   Vzniklo pre stránku kategórie; ďalšie legacy stránky, ktoré prestanú
   načítavať finalcss.css, majú tento súbor znovu použiť.
   ============================================================ */

:root {
	/* Šírka obsahovej mriežky a ľavého stĺpca. Ľavý stĺpec drží filter
	   (filter-v2.css) aj staré menu – meniť sa má výhradne tu, obe
	   komponenty sa prispôsobia. */
	--layout-width: 1400px;
	--layout-width-full: 100%;
	--layout-width-wide: 1400px;
	--layout-width-narrow: 800px;
	--left-menu-width: 250px;
	--font-size-base: 15px;
	--color-text: #3d3b3c;
	--color-dark: #3d3b3c;
	--color-description: #777;
	--color-black: #000000;
	--color-text-black: #000000;
	--color-magenta: #FF1782;
	--color-link: #FF1782;
	--color-link-dark: #3b3b3c;
	--color-link-black: #000000;
	--border-color: #e0e0e0;
	--border-color-light: #f2f2f2;
	--button-dark-bg: #3b3b3c;
	--button-dark-hover: #333333;
	--button-magenta-bg: #FF1782;
	--button-magenta-hover: #E6007E;
	--button-text: white;
	--bg-light-pink: #FBF5F9;
	--bg-light-gray: #F2F2F2;
	--bg-dark: #3d3b3c;
	--bg-magenta: #FF1782;
}

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
}

div#helpbox {
	left: 0px;
	top: 0px;
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: 1000;
	border: 1px solid rgb(178, 178, 178);
}

.endfloat {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0;
	display: block;
}

a {
	color: rgb(195, 43, 18);
	text-decoration: underline;
	outline: none;
}

a:hover, a.active {
	color: rgb(195, 43, 18);
	text-decoration: none;
}

a img {
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
}

form, input, p {
	margin: 0px;
	padding: 0px;
}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

input, textarea {
	padding-left: 3px;
	padding-right: 3px;
	outline: none;
}

h1, h2, h3, h4 {
	font-weight: bold;
	color: rgb(0, 0, 0);
}

h2 {
	font-size: 17px;
	color: rgb(183, 67, 0);
}

h3 {
	font-size: 19px;
}

h4 {
	font-size: 13px;
}

p.hlaska {
	display: block;
	padding: 6px 6px 6px 29px;
}

p.info {
	background: url("../../../img/info.gif") 6px 9px no-repeat rgb(255, 244, 207);
	border: 2px solid rgb(255, 201, 2);
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 10px;
}

a, a:hover {
	color: rgb(230, 0, 126);
}

.width-90 {
	width: 90px;
}

.width-100 {
	width: 100px;
}

.width-120 {
	width: 120px;
}

.width-150 {
	width: 150px;
}

.width-200 {
	width: 200px;
}

.fs12 {
	font-size: 12px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs24 {
	font-size: 24px;
}

.lh35 {
	line-height: 35px;
}

.my20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.pointer {
	cursor: pointer;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt40 {
	margin-top: 40px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb40 {
	margin-bottom: 40px;
}

.display-none {
	display: none;
}

.display-table {
	display: table;
}

p {
	line-height: 22px;
	text-align: justify;
	font-size: 13px;
	padding-bottom: 7px;
}

ul li {
	font-size: 13px;
}

h1 {
	color: rgb(204, 28, 35);
	font-size: 24px;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 14px;
}

h1, h2, h3, h4 {
	color: rgb(0, 0, 0);
	font-weight: bold;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div.lavaStrana ul.kategorie1 li a:hover {
	text-decoration: underline;
	color: black;
}

div.lavaStrana .info_box ul li a:hover, div.content .info_box ul li a:hover {
	text-decoration: none;
	background-color: rgb(255, 204, 232);
}

div.obal {
	width: var(--layout-width);
	margin: 0px auto;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
}

/* Breadcrumbs sedia nad dvojstĺpcom, aby filter aj H1 začínali rovnako vysoko. */
div.obal--breadcrumbs {
	display: block;
	overflow: visible;
	padding: 16px 0 26px;
}

div.lavaStrana {
	flex-shrink: 0;
	width: var(--left-menu-width);
	z-index: 489;
	background-color: transparent;
	padding: 0px;
	border-radius: 0px;
}

/* Ružová plocha sa presunula z celého stĺpca na jednotlivé bloky menu.
   Bez overflow: hidden – orezalo by vysúvacie submenu (.hiddenmenu). */
div.lavaStrana .box {
	background-color: rgb(247, 234, 241);
	border-radius: 12px;
	margin-bottom: 16px;
}

div.content {
	flex: 1 1 0%;
	min-width: 0px;
	background-color: white;
	border-top-width: medium;
	border-top-style: none;
	border-top-color: currentcolor;
	/* Bez horného odsadenia – H1 tak začína v rovnakej výške ako filter.
	   Väčšie ľavé odsadenie drží odstup od filtra. */
	padding: 0px 30px 30px 44px;
	position: relative;
	z-index: 0;
}

div.lavaStrana ul.kategorie0 {
	margin: 20px 0px 0px;
}

div.lavaStrana ul.kategorie0 li.aktivna0 {
	background-color: rgb(255, 204, 232);
}

div.lavaStrana ul.kategorie0 li ul li.active a {
	text-decoration: underline;
}

div.lavaStrana ul.kategorie0 li ul li.active ul li a {
	text-decoration: none;
}

div.lavaStrana ul.kategorie0 li:last-of-type {
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
}

div.lavaStrana ul.kategorie1 {
	list-style-type: none;
}

div.lavaStrana ul.kategorie1 li, div.lavaStrana ul.kategorie1 li.last {
	background: none;
}

div.lavaStrana ul.kategorie1 li a {

}

div.lavaStrana span.nadpis {
	font-size: 16px;
	font-weight: bold;
}

div.lavaStrana .info_box {
	margin-top: 6px;
	padding: 0px;
}

div.lavaStrana .info_box ul {
	list-style-type: none;
	margin: 15px 0px 0px;
	padding: 0px;
}

div.lavaStrana .info_box ul li {
	padding: 0px;
}

div.lavaStrana .info_box ul li a {
	color: rgb(49, 49, 49);
	text-decoration: none;
	font-weight: bold;
	padding: 5px 0px 5px 20px;
}

div.zoznamkategorie {
	position: relative;
	z-index: 505;
}

div.zoznamkategorie ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.zoznamkategorie ul li {
	position: relative;
}

div.zoznamkategorie ul li a {
	position: relative;
	text-decoration: none;
	overflow: hidden;
	padding: 8px 0px 4px 20px;
	height: 100%;
}

div.zoznamkategorie .hiddenmenu ul li a {
	padding: 5px 20px 8px;
}

div.zoznamkategorie .hiddenmenu ul li {

}

div.zoznamkategorie ul li a:hover, div.zoznamkategorie ul li.aktivna0 > .inner > a.aktivna {
	background-color: rgb(255, 204, 232);
}

div.zoznamkategorie ul.kategorie0 li a {
	text-decoration: none;
}

div.zoznamkategorie ul li.aktivna0 ul.kategorie1 {
	display: block;
	padding-bottom: 1px;
}

div.zoznamkategorie ul li.aktivna0 li {
	margin-bottom: 0px;
	border: 0px;
	background: rgb(255, 244, 252);
}

div.zoznamkategorie ul li.aktivna0 li a {
	font-size: 13px;
	padding-left: 40px;
}

div.zoznamkategorie ul li.aktivna0 li:nth-child(2n+1) {
	background-color: rgb(255, 249, 253);
}

div.zoznamkategorie ul li.aktivna0 ul li ul li a {
	font-size: 12px;
	padding-left: 60px;
}

div.zoznamkategorie ul li.aktivna0 ul li ul li:nth-child(2n+1) {
	background-color: rgb(255, 249, 253);
}

div.zoznamkategorie ul li.aktivna0 li li a {
	background: none;
}

div.zoznamkategorie ul li.aktivna0 li a:hover, div.zoznamkategorie ul li.aktivna0 li a.aktivna {
	text-decoration: underline;
}

div.zoznamkategorie ul li.aktivna0 .inner {

}

div.zoznamkategorie ul li.aktivna0 .inner {

}

div.zoznamkategorie .hiddenmenu {
	z-index: 502;
	display: none;
	position: relative;
}

/* Vysúvacie submenu musí začínať za pravým okrajom stĺpca, inak prekrýva
   samotné menu – preto --left-menu-width, nie natvrdo zadaná hodnota. */
div.zoznamkategorie .hiddenmenu ul, div.zoznamkategorie ul ul .hiddenmenu ul, div.zoznamkategorie ul ul ul .hiddenmenu ul {
	display: block;
	top: -31px;
	left: var(--left-menu-width);
	background-color: rgb(255, 250, 252);
	position: absolute;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

div.zoznamkategorie ul li .hiddenmenu ul li, div.zoznamkategorie ul li ul .hiddenmenu li, div.zoznamkategorie ul li ul ul .hiddenmenu ul li {
	width: 280px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.zoznamkategorie ul li .hiddenmenu ul {
	border: 1px solid rgb(230, 227, 228);
}

div.zoznamkategorie ul li .hiddenmenu ul li {
	border-bottom: 1px solid rgb(238, 236, 237);
}

div.lavaStrana ul.kategorie1 li, div.lavaStrana ul.kategorie1 li.last {
	border: 0px;
}

div.zoznamkategorie .hiddenmenu ul li a, div.zoznamkategorie ul li.aktivna0 .hiddenmenu li a, div.zoznamkategorie ul li.aktivna0 .hiddenmenu ul.kategorie2 li a, div.zoznamkategorie ul li.aktivna0 ul.kategorie2 li .hiddenmenu ul li a {
	color: rgb(49, 49, 49);
	font-size: 13px;
}

div.zoznamkategorie li:hover > div.inner > div.hiddenmenu {
	display: block;
}

div.zoznamkategorie .hiddenmenu ul li:hover, div.zoznamkategorie .hiddenmenu ul li.first:hover, div.zoznamkategorie .hiddenmenu ul li.last:hover {

}

div.zoznamkategorie .hiddenmenu ul li:hover a, div.zoznamkategorie .hiddenmenu ul li.first:hover a, div.zoznamkategorie .hiddenmenu ul li.last:hover a {
	text-decoration: none;
}

#main {

}

.box {
	margin-bottom: 10px;
}

.box .nadpis, div.lavaStrana span.nadpis {
	background-color: rgb(255, 23, 130);
	min-height: 17px;
	display: block;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 22px;
	padding: 13px 5px 11px 18px;
	box-shadow: rgb(204, 204, 204) 2px 2px 2px;
}

.separator {
	background-image: url("../../../img/design/hr_separator.png");
	background-repeat: repeat-x;
	margin: 0px auto;
	width: 100%;
	height: 7px;
}

.overflow {
	overflow: hidden;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

.color-magenta {
	color: rgb(230, 0, 126);
}

.color-3d {
	color: rgb(61, 59, 60);
}

.pointer {
	cursor: pointer;
}

.bg-gray-ddd {
	background: rgb(221, 221, 221);
}

#breadcrumbs {
	overflow: hidden;
	margin-bottom: 5px;
	border-bottom: 1px solid rgb(247, 244, 247);
}

#breadcrumbs ol {
	list-style-type: none;
	float: left;
	padding-inline-start: 0px;
}

#breadcrumbs ol li {
	display: inline;
}

#breadcrumbs ol li:not(:last-of-type) {
	margin-right: 10px;
	background-image: url("../../../img/svg/sipka-vpravo.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 14px 14px;
	padding-right: 15px;
	position: relative;
}

#breadcrumbs ol li:first-of-type {
	padding-left: 0px;
}

#breadcrumbs ol li a {
	color: rgb(61, 59, 60);
	text-decoration: none;
	font-size: 14px;
}

#breadcrumbs ol li:last-of-type a {
	color: rgb(232, 0, 167);
}

#breadcrumbs img.breadcrumb-icon {
	height: 14px;
	vertical-align: middle;
	margin-top: -3px;
}

#mainOther {
	width: 100%;
}

div.lavaStrana ul.kategorie0 li {
	border-bottom: 1px solid rgb(237, 226, 232);
}

div.lavaStrana ul.kategorie0 li a {
	color: rgb(49, 49, 49);
	font-size: 13px;
	font-weight: normal;
	height: auto;
	padding-top: 8px;
	padding-bottom: 6px;
	text-decoration: none;
	display: block;
}

.overflow {
	overflow: hidden;
}

#popupOne {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 700px;
	max-height: 85vh;
	background: rgb(255, 255, 255);
	border-radius: 16px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 60px;
	z-index: 9999;
	display: none;
	overflow: hidden;
}

#popupOneHeader {
	background: linear-gradient(135deg, rgb(255, 23, 130) 0%, rgb(224, 21, 112) 100%);
	color: white;
	padding: 24px 60px 24px 30px;
	font-size: 22px;
	font-weight: 700;
	margin: 0px;
	position: relative;
	z-index: 1;
}

#popupOneClose {
	position: absolute;
	top: 37px;
	right: 30px;
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.2);
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
	border-radius: 50%;
	cursor: pointer;
	font-size: 28px;
	line-height: 1;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	padding: 0px;
	z-index: 10;
}

#popupOneClose:hover {
	background: rgba(255, 255, 255, 0.3);
	transform: rotate(90deg);
}

#popupOneClose::before {
	content: "×";
	display: block;
}

#popupOne h1, #popupOneTitle, #popupOneTitle2, #popupOneTitle3 {
	font-size: 18px;
	font-weight: 600;
	color: rgb(51, 51, 51);
	margin: 25px 0px 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid rgb(240, 240, 240);
}

#popupOneTitle {
	margin-top: 0px;
}

#popupOneText, #popupOneText2, #popupOneText3 {
	margin-bottom: 10px;
}

img {
	aspect-ratio: attr(width) / attr(height);
	height: auto;
}

.callNezavaznaItem1 {
	width: 260px;
	float: left;
	margin: 0px;
}

.callNezavaznaItem2 {
	width: 240px;
	float: left;
	margin: 0px;
}

.callNezavaznaItem3 {
	width: 240px;
	float: left;
	margin: 0px;
}

.callNezavaznaItem4 {
	width: 175px;
	float: right;
	margin: 0px;
}

.callNezavaznaItemImg1 {
	margin-right: 14px;
	float: left;
}

.callNezavaznaItemImg2 {
	margin-right: 14px;
	margin-top: 10px;
	float: left;
}

.callNezavaznaItemImg3 {
	margin-right: 14px;
	margin-top: 2px;
	float: left;
}

.callNezavaznaItemButton {
	margin-top: 3px;
	width: 175px;
	height: 37px;
	background: rgb(255, 22, 130);
	border-radius: 6px;
	text-align: center;
	float: left;
}

.callNezavaznaItemText1 {
	font-weight: bold;
	line-height: 18px;
	font-size: 14px;
	margin-top: 6px;
	float: left;
}

.callNezavaznaItemText2 {
	font-weight: bold;
	line-height: 18px;
	font-size: 14px;
	margin-top: 7px;
	float: left;
}

.callNezavaznaItemText3 {
	font-weight: bold;
	line-height: 18px;
	font-size: 14px;
	margin-top: 4px;
	float: left;
}

.callNezavaznaItemButton a {
	line-height: 37px;
	color: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	display: block;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

.mt40 {
	margin-top: 40px;
}

#popupOneTitle, #popupOneTitle2, #popupOneTitle3 {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 14px;
	font-weight: bold;
}

#popupOne {
	padding-left: 20px;
	padding-right: 20px;
}

.zoznamkategorie {
	display: block;
}

.zoznamodporucame {
	display: block;
}

.fw-bold {
	font-weight: bold;
}

.pointer.pointer {
	cursor: pointer;
}

.underline {
	text-decoration: underline;
}

.float-end {
	float: right;
}

.text-center {
	text-align: center;
}

.position-absolute {
	position: absolute;
}

.google-reviews {
	position: fixed;
	bottom: 10px;
	left: 20px;
	width: 240px;
	max-width: 240px;
	border-radius: 12px;
	background: rgb(252, 245, 250);
	font-family: var(--rp-font-primary, 'Bariol', 'Trebuchet MS', Trebuchet, sans-serif);
	font-weight: 400;
	height: auto;
	padding: 10px;
	box-shadow: rgb(205, 205, 205) 2px 1px 1px;
	z-index: 9999;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s, transform 0.5s;
}

.google-reviews.active {
	opacity: 1;
	transform: translateY(0px);
}

.google-reviews-google-img img {
	height: 34px;
	max-width: 70%;
}

.google-reviews-star-img img {
	height: 22px;
	max-width: 70%;
}

.google-reviews-list {
	position: fixed;
	top: 0px;
	left: -100%;
	width: 100%;
	max-width: 400px;
	height: 100%;
	background-color: rgb(255, 255, 255);
	font-family: var(--rp-font-primary, 'Bariol', 'Trebuchet MS', Trebuchet, sans-serif);
	font-weight: 400;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px;
	transition: left 0.3s ease-in-out;
	z-index: 9999;
	padding: 10px 5px 10px 10px;
	overflow-y: auto;
}

.overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1049;
	display: none;
}

.google-reviews-close-btn {
	right: 10px;
	top: 5px;
	color: rgb(194, 190, 190);
}

.google-reviews-close-btn :hover {
	color: rgb(194, 190, 190);
}

.google-reviews .google-reviews-desktop-text {
	display: inline;
}

.cta-buttons-sidebar {
	display: block;
	position: fixed;
	right: 20px;
	top: 260px;
	width: auto;
	height: auto;
}

.cta-button {
	display: block;
	width: 90px;
	height: auto;
	margin-bottom: 3px;
}

.cta-button:hover {
	transform: translate(-2px);
}

@media screen and (max-width: 1600px) {
	.callNezavaznaItem1 {
		width: 28%;
	}

	.callNezavaznaItem2 {
		width: 26%;
	}

	.callNezavaznaItem3 {
		width: 26%;
	}

	.callNezavaznaItem4 {
		width: 20%;
	}

	#main {
		width: 100%;
	}

	.separator {
		width: 100%;
	}

}

@media screen and (max-width: 1400px) {
	.cta-buttons-sidebar {
		right: 10px;
	}

	#main {
		width: 100%;
	}

	div.obal {
		margin: 0px auto;
	}

}

@media screen and (max-width: 1200px) {
	.cta-buttons-sidebar {
		display: none;
	}

	div.obal {
		width: 940px;
		margin: 0px auto;
	}

	div.content {
		width: 710px;
		margin: 0px;
		padding: 20px;
	}

}

@media screen and (max-width: 980px) {
	h1 {
		font-size: 24px;
	}

	.zoznamkategorie {
		display: block;
		clear: both;
		padding-top: 3px;
	}

	div.lavaStrana ul.kategorie0 {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		overflow: hidden;
	}

	div.lavaStrana ul.kategorie0 li div.hiddenmenu {
		display: none;
	}

	ul.kategorie0 li {
		border: 1px solid rgb(205, 205, 205);
		float: left;
		margin: 0px 1% 4px 0px;
		border-radius: 5px;
		padding: 0px;
		width: 23.4%;
		height: 40px;
		position: relative;
		display: flex;
		align-items: center;
	}

	ul.kategorie0 li::before {
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		box-shadow: rgb(247, 249, 252) 2px 2px 10px 10px inset;
		border-radius: 5px;
		z-index: -1;
	}

	div.lavaStrana ul.kategorie0 li a {
		display: block;
		margin: auto 10px auto 32px;
		padding: 0px;
		line-height: 14px;
		flex: 1 1 0%;
	}

	div.lavaStrana ul.kategorie0 li:nth-child(4n) {
		float: right;
		margin-right: 0px;
	}

	div.lavaStrana ul.kategorie0 li.kat-ekologicke-predmety {
		background: url("../../../img/ikony/ekologicke-predmety.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-usb-kluce {
		background: url("../../../img/ikony/usb-kluce2.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-textil {
		background: url("../../../img/ikony/textil.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-zapalovace {
		background: url("../../../img/ikony/zapalovace.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-dazdniky {
		background: url("../../../img/ikony/dazdniky.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-tasky-penazenky {
		background: url("../../../img/ikony/tasky.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-reklamne-tasky {
		background: url("../../../img/ikony/tasky.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-nadoby-na-pitie {
		background: url("../../../img/ikony/flase.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-sady {
		background: url("../../../img/ikony/sady.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-predmety-pre-deti {
		background: url("../../../img/ikony/pre-deti.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-klucenky-privesky {
		background: url("../../../img/ikony/klucenky-privesky.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-elektronika {
		background: url("../../../img/ikony/elektronika.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-pera-pisacie-potreby {
		background: url("../../../img/ikony/pera-pisacie-potreby.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-volny-cas-sport {
		background: url("../../../img/ikony/sport.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-kancelarske-predmety {
		background: url("../../../img/ikony/kancelaria.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-hrnceky {
		background: url("../../../img/ikony/hrnceky.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-victorinox {
		background: url("../../../img/ikony/victorinox.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-ochranne-pomocky {
		background: url("../../../img/ikony/ochranne-pomocky.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-sladkosti {
		background: url("../../../img/ikony/sladkosti.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-reklamne-sladkosti {
		background: url("../../../img/ikony/sladkosti.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-vianoce {
		background: url("../../../img/ikony/vianoce.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-zdravie-krasa {
		background: url("../../../img/ikony/zdravie-krasa.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-naradie-baterky {
		background: url("../../../img/ikony/naradie-baterky.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-domacnost-byvanie {
		background: url("../../../img/ikony/domacnost-byvanie.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-kalendare-diare {
		background: url("../../../img/ikony/kalendare-diare.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-hry-hracky {
		background: url("../../../img/ikony/pre-deti.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-usb-kluce-na-mieru {
		background: url("../../../img/ikony/usb.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-vcelovina-medovina {
		background: url("../../../img/ikony/vcelovina.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-snurky-na-krk {
		background: url("../../../img/ikony/snurky.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-multifunkcne-satky {
		background: url("../../../img/ikony/multi.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-vonave-stromceky {
		background: url("../../../img/ikony/vonave.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-tlacoviny {
		background: url("../../../img/ikony/tlacoviny.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-vlhcene-obrusky {
		background: url("../../../img/ikony/vlhcene.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li.kat-reklamne-predmety-na-mieru {
		background: url("../../../img/ikony/reklamne-predmety-na-mieru.png") 0px 5px no-repeat;
	}

	div.lavaStrana ul.kategorie0 li {
		margin: 0px 1.7% 5px 0px;
	}

	.callNezavaznaItemButton {
		width: 100%;
	}

	#main {
		background: none;
		width: 100%;
	}

	div.obal {
		width: 100%;
	}

	#mainOther {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		background: rgb(255, 255, 255);
		margin-top: 80px;
	}

	div.lavaStrana {
		float: none;
		width: 96%;
		padding: 0px 2%;
		margin-top: 50px;
		overflow: hidden;
		background: rgb(255, 255, 255);
		box-sizing: content-box;
		display: none;
		height: 50px;
	}

	.zoznamkategorie {
		height: auto;
	}

	.infoOdporucame {
		height: auto;
		display: none;
	}

	.zoznaminfo {
		display: none;
	}

	div.zoznamkategorie .hiddenmenu {
		display: none !important;
	}

	.box .nadpis .infoOdporucame, div.lavaStrana .infoOdporucame span.nadpis {
		background: none;
		min-height: 17px;
		display: block;
		color: rgb(0, 0, 0);
		font-weight: bold;
		font-size: 20px;
		padding: 0px;
		box-shadow: none;
	}

	.box .nadpis .box-informacie, div.lavaStrana .box-informacie span.nadpis {
		display: none;
	}

	.box-informacie {
		display: block;
	}

	div.content {
		clear: both;
		margin: 0px;
		padding: 0px 0px 20px;
		float: none;
		width: 100%;
		height: auto;
	}

	.button2 {
		display: inline-block;
		zoom: 1;
		padding: 12px 0px;
		margin: 0px;
		cursor: pointer;
		border: 1px solid rgb(187, 187, 187);
		overflow: visible;
		font: bold 14px arial, helvetica, sans-serif;
		text-decoration: none;
		white-space: nowrap;
		color: rgb(85, 85, 85);
		width: 100%;
		background-color: rgb(221, 221, 221);
		background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
		transition: background-color 0.2s ease-out;
		background-clip: padding-box;
		border-radius: 3px;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px, rgba(0, 0, 0, 0.5) 0px 2px 2px -1px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset;
		text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
		user-select: none;
	}

	.button2:hover {
		background-color: rgb(238, 238, 238);
		color: rgb(85, 85, 85);
	}

	.button2:active {
		background: rgb(233, 233, 233);
		position: relative;
		top: 1px;
		text-shadow: none;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px inset;
	}

	.button2.green, .button2.red, .button2.blue {
		color: rgb(255, 255, 255);
		text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	}

	.button2.red {
		background-color: rgb(230, 0, 126);
	}

	.button2.red:hover {
		background-color: rgb(198, 0, 107);
	}

	.button2.red:active {
		background: rgb(215, 3, 118);
	}

	.button2.red {
		width: 33%;
		margin-right: 1%;
		float: left;
	}

	div.lavaStrana .info_box {
		margin: 0px;
	}

	#lavaStranaButtons {
		overflow: hidden;
		margin-bottom: 20px;
	}

	.resultMenu {
		display: none;
		width: 100%;
		height: auto;
		clear: both;
		overflow: hidden;
	}

	#breadcrumbs img.breadcrumb-icon {
		margin-left: 5px;
	}

	.hierarchia_zoznam {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		overflow: hidden;
		padding-bottom: 0px;
	}

	#breadcrumbs {
		overflow: auto;
		white-space: nowrap;
		display: flex;
	}

	#breadcrumbs ol li:last-of-type {
		padding-right: 5px;
		background-image: none;
	}

	#popupOne {
		width: 80%;
		height: 80%;
	}

	.google-reviews {
		width: 140px;
		padding: 3px 3px 5px;
		box-shadow: rgb(205, 205, 205) -1px -1px 5px, rgb(205, 205, 205) 1px 1px 5px;
	}

	.google-reviews .google-reviews-close-btn {
		top: 2px;
		right: 5px;
	}

	.google-reviews .google-reviews-google-img {
		height: 18px;
	}

	.google-reviews .google-reviews-star-img {
		margin-top: 15px;
	}

	.google-reviews .google-reviews-star-img img {
		height: 15px;
	}

	.google-reviews .google-reviews-count {
		font-size: 13px;
		margin-top: 5px;
	}

	.google-reviews .google-reviews-desktop-text {
		display: none;
	}

	.google-reviews-list {
		max-width: 340px;
	}

}

@media screen and (max-width: 800px) {
	div.lavaStrana ul.kategorie0 li {
		width: 31.8%;
	}

	div.lavaStrana ul.kategorie0 li:nth-child(4n) {
		margin-right: 1.7%;
		float: left;
	}

	div.lavaStrana ul.kategorie0 li:nth-child(3n) {
		float: right;
		margin-right: 0px;
	}

}

@media screen and (max-width: 768px) {
	#popupOne {
		width: 95%;
		max-height: 90vh;
	}

	#popupOneHeader {
		font-size: 18px;
		padding: 20px 50px 20px 20px;
	}

	#popupOneClose {
		top: 20px;
		right: 15px;
		width: 32px;
		height: 32px;
		font-size: 24px;
	}

	#popupOne h1, #popupOneTitle, #popupOneTitle2, #popupOneTitle3 {
		font-size: 16px;
	}

}

@media screen and (max-width: 760px) {
	h1 {
		font-size: 24px;
	}

	ol {
		padding-inline-start: 0px;
	}

	#breadcrumbs ol {
		float: left;
	}

}

@media screen and (max-width: 700px) {
	.callNezavaznaItem1 {
		width: 35%;
		float: left;
		height: 50px;
	}

	.callNezavaznaItem2 {
		width: 32%;
		float: left;
		height: 50px;
	}

	.callNezavaznaItem3 {
		width: 33%;
		float: right;
		height: 50px;
	}

	.callNezavaznaItem4 {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

}

@media screen and (max-width: 640px) {
	.callNezavaznaItem1 {
		width: 100%;
		float: none;
		height: 50px;
	}

	.callNezavaznaItem2 {
		width: 100%;
		float: none;
		height: 50px;
	}

	.callNezavaznaItem3 {
		width: 100%;
		float: none;
		height: 50px;
	}

	.callNezavaznaItem4 {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	.callNezavaznaItemImg1 {
		width: 50px;
		height: 43px;
	}

	.callNezavaznaItemImg2 {
		width: 50px;
		height: 35px;
	}

	.callNezavaznaItemImg3 {
		width: 50px;
		height: 43px;
	}

	.callNezavaznaItemImg1 img {
		height: 40px;
		width: auto;
		margin-left: 3px;
	}

	.callNezavaznaItemImg2 img {
		height: 32px;
		width: auto;
		margin-left: 10px;
	}

	.callNezavaznaItemImg3 img {
		height: 40px;
		width: auto;
		margin-left: 10px;
	}

	.callNezavaznaItemTextLine1 {
		float: left;
		margin-right: 5px;
		margin-top: 8px;
	}

	.callNezavaznaItemTextLine2 {
		float: left;
		margin-right: 5px;
		margin-top: 8px;
	}

}

@media screen and (max-width: 560px) {
	.zoznamkategorie {
		height: 520px;
	}

	div.lavaStrana ul.kategorie0 li {
		width: 48%;
	}

	div.lavaStrana ul.kategorie0 li:nth-child(3n) {
		margin-right: 1.7%;
		float: left;
	}

	div.lavaStrana ul.kategorie0 li:nth-child(2n) {
		float: right;
		margin-right: 0px;
	}

}

@media screen and (max-width: 440px) {
	.google-reviews-list {
		max-width: 300px;
	}

}

@media screen and (max-width: 400px) {
	div.content {
		padding: 0% 4%;
		width: 90%;
	}

	.callNezavaznaItem1 {
		width: 100%;
		float: none;
		height: 40px;
	}

	.callNezavaznaItem2 {
		width: 100%;
		float: none;
		height: 45px;
	}

	.callNezavaznaItem3 {
		width: 100%;
		float: none;
		height: 40px;
	}

	.callNezavaznaItem4 {
		width: 100%;
		float: none;
		margin-top: 10px;
	}

	.callNezavaznaItemImg1 {
		width: 40px;
		height: 35px;
		margin-right: 5px;
	}

	.callNezavaznaItemImg2 {
		width: 40px;
		height: 35px;
		margin-right: 5px;
	}

	.callNezavaznaItemImg3 {
		width: 40px;
		height: 35px;
		margin-right: 5px;
	}

	.callNezavaznaItemImg1 img {
		height: 30px;
		width: auto;
		margin-left: 3px;
	}

	.callNezavaznaItemImg2 img {
		height: 22px;
		width: auto;
		margin-left: 10px;
	}

	.callNezavaznaItemImg3 img {
		height: 30px;
		width: auto;
		margin-left: 10px;
	}

	.callNezavaznaItemTextLine1 {
		float: left;
		margin-right: 5px;
		margin-top: 4px;
		font-size: 13px;
	}

	.callNezavaznaItemTextLine2 {
		float: left;
		margin-top: 4px;
		font-size: 13px;
	}

}

@media screen and (max-width: 360px) {
	.zoznamkategorie {
		display: block;
		clear: both;
		padding-top: 3px;
	}

	.button2.red {
		width: 49%;
	}

}


/* ============================================================
   Utility triedy z CMS obsahu

   Texty stránok prichádzajú z CMS a môžu použiť ktorúkoľvek z týchto
   tried, aj keď ju práve žiadna stránka nemá. Preberáme preto celú sadu
   z finalcss.css, nie iba to, čo bolo vidieť pri migrácii.
   ============================================================ */

.width-40 {
	width: 40px;
}

.width-50 {
	width: 50px;
}

.width-130 {
	width: 130px;
}

.width-140 {
	width: 140px;
}

.width-250 {
	width: 250px;
}

.width-350 {
	width: 350px;
}

.width-400 {
	width: 400px;
}

.fs11 {
	font-size: 11px;
}

.fs13 {
	font-size: 13px;
}

.fs14 {
	font-size: 14px;
}

.fs15 {
	font-size: 15px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs30 {
	font-size: 30px;
}

.lh16 {
	line-height: 16px;
}

.lh18 {
	line-height: 18px;
}

.lh20 {
	line-height: 20px;
}

.lh22 {
	line-height: 22px;
}

.lh25 {
	line-height: 25px;
}

.lh30 {
	line-height: 30px;
}

.lh40 {
	line-height: 40px;
}

.lh45 {
	line-height: 45px;
}

.lh50 {
	line-height: 50px;
}

.pl0 {
	padding-left: 0;
}

.mx10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mx20 {
	margin-left: 20px;
	margin-right: 20px;
}

.my10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.my30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.my40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.my50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.my60 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.my80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.my100 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.px10 {
	padding-left: 10px;
	padding-right: 10px;
}

.px20 {
	padding-left: 20px;
	padding-right: 20px;
}

.py5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.py10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.py80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.py100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.py120 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.mr3 {
	margin-right: 3px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 40px;
}

.mr40 {
	margin-right: 40px;
}

.mr35 {
	margin-right: 35px;
}

.mr41 {
	margin-right: 41px;
}

.mr60 {
	margin-right: 60px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.ml41 {
	margin-left: 41px;
}

.mt0 {
	margin-top: 0;
}

.mt8 {
	margin-top: 8px;
}

.mt15 {
	margin-top: 15px;
}

.mt18 {
	margin-top: 18px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt34 {
	margin-top: 34px;
}

.mt35 {
	margin-top: 35px;
}

.mt37 {
	margin-top: 37px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.mt100 {
	margin-top: 100px;
}

.mt120 {
	margin-top: 120px;
}

.mb0 {
	margin-bottom: 0;
}

.mb5 {
	margin-bottom: 5px;
}

.mb8 {
	margin-bottom: 8px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb100 {
	margin-bottom: 80px;
}

.mb120 {
	margin-bottom: 80px;
}

.pt5 {
	padding-top: 5px;
}

.pt7 {
	padding-top: 7px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb7 {
	padding-bottom: 7px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.display-hidden {
	display: none;
}

.display-block {
	display: block;
}

.text-uppercase {
	text-transform: uppercase;
}

.color-magenta-gradient {
	background: linear-gradient(90deg, #ff33aa, #e6007e, #cc0099);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline;
}

.color-red {
	color: red;
}

.color-white {
	color: #ffffff;
}

.color-light-gray {
	color: #72737A;
}

.bg-white {
	background: #ffffff;
}

.bg-gray-efe {
	background: #efefef;
}

.position-relative {
	position: relative;
}

.mb30 {
	margin-bottom: 30px;
}

.fw-normal {
	font-weight: normal;
}

.float-none {
	float: none;
}

.float-start {
	float: left;
}

.text-start {
	text-align: left;
}

.text-end {
	text-align: right;
}