/* hlavna farba sablonky */
	a,
	a:hover,
	a.active,
	.strankovanie .pocty strong,
	.box .produkt .bar .cena,
	.produkt-tabulka .nadpis a,
	.produkt-tabulka td.last .cena,
	.produkt-nahlad .info h2,
	.produkt-nahlad .info .cena,
	#hlaskaDoKosika .tovar_nahlad .produkt_cena .cena,
	#hodnotenie .close,
	.hodnotenie .redPlus,
	.novinky_text .novinka .viac,
	.clanky_text .clanok .viac,
	.zoznamClankov .zoznam .clanok .nazov,
	.referencie .referencia h3,
	.novinky .novinka a.nazov,
	.novinky .novinka a.viac {
		color: #68c440;
	}
    /* hlavna farba sablonky */
    .pata_menu .siteFooterRow .siteFooterColumn:not(.noChilde) h3:after {
        background-color: #68c440;
    }
	/* specialny font pre sablonu */
	h1,
	.box .nadpis,
	.produkt-nahlad h3:not(.empty), 
	.content .uvod .vypisPodlaPredajnosti h3,
	.produkt-nahlad .info h2,
	.obrazokObal span.flag,
	.content .uvod .box_novinky h3,
	.produkt-nahlad .info .cena,
	.produkt-nahlad .info .oldprice,
	.produkt-tabulka td.last .cena,
	.produkt-tabulka td.last .oldprice,
	.produkt .bar .cena,
	.box ul.kategorie0 li a,
	.hlavicka_vrch .kosik span,
	.hlavicka_vrch .kosik span.pocet,
	.produkt-nahlad .info .btnKosik,
	.obrazokObal span.flag_detail,
	.pata_menu table th,
    .pata_menu .siteFooterRow .siteFooterColumn h3,
	#hlaskaDoKosika h3,
	#hlaskaDoKosika .tovar_nahlad .produkt_cena .cena,
	#hlaskaDoKosika .tovar_nahlad .produkt_cena .oldprice,
	ul#hlavneMenu a,
	.ucetLinky a {
		font-family: "Oswald", Arial, Helvetica, sans-serif;
	}
	/* input button */
	.strankovanie .linky a:hover,
	.strankovanie .linky a.aktivna,
	.anketa .obal a.graf .bar,
	input.button,
	.produkt-nahlad .btnKosik,
    .produkt-nahlad .lSSlideOuter .lSPager.lSpg > li a,
	.tabulka_varianty .btnKupit,
	.rating-comment .star,
	.btnHlavneMenu:hover span,
	a.button {
		background-color: #68c440;
	}
	/* input button hover */
	input.button.active,
	.anketa .obal a.graf:hover .bar,
	.produkt-nahlad .btnKosik:hover,
    .produkt-nahlad .lSSlideOuter .lSPager.lSpg > li:hover a,
    .produkt-nahlad .lSSlideOuter .lSPager.lSpg > li.active a,
	.tabulka_varianty .btnKupit:hover,
	.btnHlavneMenu span,
	a.button:hover {
		background-color: #2f2f2f;
	}
	/* cycle banner neaktivne stvorceky */
	.cycle_slideshow .cycle_nav a {
		background-color: #2f2f2f;
	}
	/* cycle banner aktivne stvorceky */
	.cycle_slideshow .cycle_nav a.activeSlide {
		background-color: #68c440;
	}
	/* farba pozadia v hlavicke */
	.hlavicka_vrch {
		background: #fff;
	}
	/* farba textu kosika v hlavicke */
	.hlavicka-obal .kosik a {
		color: #68c440;
	}
	/* farba pozadia poctu produktov v kosiku v hlavicke */
	.hlavicka-obal .kosik span.pocet {
		background-color: #68c440;
	}
	/* farba textu produktov v kosiku v hlavicke */
	.hlavicka-obal .kosik span.pocet {
		color: #fff;
	}
	/* farba sumy kosika v hlavicke */
	.hlavicka-obal .kosik span {
		color: #68c440;
	}
	/* pozadie vo vyhladavani */
	#vyhladavanie {
		background: #4c4c4c;
	}
	/* border okolo vyhladavania */
	#vyhladavanie {
		border-color: #ededed;
	}
	/* text vo vyhladavani */
	#vyhladavanie .textbox {
		color: #9c9c9c;
	}
	/* farba pozadia tlacitka vo vyhladavani pod lupou */
	#vyhladavanie .button {
		background-color: #ffffff;
	}
	/* farba pozadia v background_bottom */
	#background_bottom {
		background: transparent url("../img/pata_bg.png") repeat left top;
	}
	/* farba pozadia v pata_menu */
	.pata_menu {
		background: transparent;
	}
	/* farba odkazov v pata_menu */
	.pata_menu a,
	.pata_menu a:hover,
	.pata_menu a.active {
		color: #9a9a9a;
	}
	/* farba nadpisov v pata_menu */
	.pata_menu table th, .pata_menu .siteFooterRow .siteFooterColumn h3 {
		color: #ffffff;
	}
	/* farba odkazov v paticke */
	.paticka a,
	.paticka a:hover,
	.paticka a.active {
		color: #9a9a9a;
	}
	/* farba textov v paticke */
	.paticka {
		color: #9a9a9a;
	}
	/* farba bordera nad patickou */
	.paticka {
		border-top: 1px solid transparent;
	}
	/* farba textu vsetkych h2, h3, h4 nadpisov */
	h2, h3, h4 {
		color: #1e1e1e;
	}
	/* farba pozadia niektorych h1 nadpisov */
	.content h1 {
		background: rgba(244, 244, 244, 1);
	}
	/* farba textu niektorych h1 nadpisov */
	.content h1 {
		color: #68c440;
	}
	/* farba textu h2 pre produkty v nahlade infa */
	.produkt-nahlad .info h2 {
		color: #000000;
	}
	/* farba pozadia niektorych h3 nadpisov */
	.produkt-nahlad h3,
	.content .uvod .vypisPodlaPredajnosti h3,
	.content .uvod .box_novinky h3 {
		background-color: rgba(244, 244, 244, 1);
	}
	/* farba textu niektorych h3 nadpisov */
	.produkt-nahlad h3,
	.content .uvod .vypisPodlaPredajnosti h3,
	.content .uvod .box_novinky h3 {
		color: #68c440 !important;
	}
	/* farba nadpisu v boxoch */
	.box .nadpis {
		color: #fff;
	}
	/* farba pozadia nadpisu v boxoch */
	.box .nadpis {
		background: #2f2f2f;
	}
	/* farba nadpisu hlavnych kategorii */
	.box.kategorie .nadpis {
		color: #fff;
	}
	/* farba pozadia boxu hlavnych kategorii */
	.box.kategorie {
		background: #f1f1f1;
	}
	/* farba pozadia nadpisu boxu hlavnych kategorii */
	.box.kategorie .nadpis {
		background-color: #1e1e1e;
	}
	/* farba pisma 1 urovne hlavnej kategorie */
	.box ul.kategorie0 ul li a {
		color: #717171;
	}
	/* farba pisma hoveru 0 urovne hlavnej kategorie */
	.box ul.kategorie0 li a:hover, 
	.box ul.kategorie0 li a.aktivna {
		color: #68c440;
	}
	/* border nad hlavnym menu */
	ul#hlavneMenu {
		background-color: #ffffff;
	}
	/* farba textu odkazov v hlavnom menu */
	ul#hlavneMenu a {
		color: #000000;
	}
	/* farba pozadia hover odkazov v hlavnom menu */
	ul#hlavneMenu a:hover,
	ul#hlavneMenu a.active {
		background-color: #2f2f2f;
	}
	/* farba textu hover odkazov v hlavnom menu */
	ul#hlavneMenu a:hover,
	ul#hlavneMenu a.active {
		color: #ffffff;
	}
	/* farba borderu hover odkazov v hlavnom menu  */
	ul#hlavneMenu a:hover,
	ul#hlavneMenu a.active,
	.hlavicka-obal .kosik a:hover{
		border-bottom: 5px solid #68c440;
	}
	/* telo stranky - farba */
	body {
		background-color: #fff;
	}
	/* farba textu ceny v tovare v zozname tovarov */
	.produkt .bar .cena {
		color: #1e1e1e;
	}
	/* farba pozadia tlacitka do kosika v zozname tovarov */
	.produkt .bar .produkt_tlacitka .btnKosik {
		background-color: #f1f1f1;
	}
	/* farba pozadia tlacitka detail v zozname tovarov */
	.produkt .bar .produkt_tlacitka .img_lupa {
		background-color: #68c440;
	}
	/* farba pozadia variant tabulky v nahlade tovarov */
	.tabulka_varianty th {
		background-color: #68c440;
	}
	/* farba pozadia buttonu vo variantach v nahlade tovarov */
	.tabulka_varianty .btnKupit {
		background-color: #68c440;
	}
	/* farba pozadia hoveru buttonu vo variantach v nahlade tovarov */
	.tabulka_varianty .btnKupit:hover {
		background-color: #1e1e1e;
	}
	/* farba textu starej ceny vo variantach v nahlade tovarov */
	.tabulka_varianty .oldprice {
		color: #2b2b2b;
	}
	/* farba textu ceny vo variantach v nahlade tovarov */
	.tabulka_varianty .cena {
		color: #000000;
	}
	/* farba textu dostupnosti vo variantach v nahlade tovarov */
	.tabulka_varianty td.varianty_dostupnost {
		color: #000000;
	}
	/* farba bordera vo variantach medzi produktmi v nahlade tovarov a charakteristykach */
	.tabulka_varianty td,
	.produkt-nahlad .charakteristiky td.tucne,
	.produkt-nahlad .charakteristiky td.vpravo {
		border-bottom: 1px solid #dcdcdc;
	}
	/* farba textu charakteristyk v pravo v nahlade tovarov */
	.produkt-nahlad .charakteristiky td.vpravo {
		color: #000000;
	}
	/* farba okrajov nastavenia filtra v zozname tovarov */
	.nastavenia {
		border-bottom: 1px solid transparent;
		border-top: 1px solid transparent;
		background: transparent;
	}
	/* farba pozadia nastavenia filtra v zozname tovarov */
	.nastavenia {
		background: transparent;
	}
	/* farba pozadia strankovania aktivna, v zozname tovarov */
	.strankovanie .linky a:hover, .strankovanie .linky a.aktivna {
		background: #68c440;
	}
	/* farba pozadia strankovania v zozname tovarov */
	.strankovanie .linky a, .strankovanie .next-dot, .strankovanie .prev-dot {
		background: #1e1e1e;
	}
	/* farba textu celkovej ceny v kosiku */
	table.kosik th strong {
		color: #68c440;
	}
	/* farba textu odhlasovacieho formulara v obsahu(content) */
	.content .odhlasovaci_formular .ucetLinky a {
		color: #1e1e1e;
	}
	/* farba hover textu odhlasovacieho formulara v obsahu(content) */
	.content .odhlasovaci_formular .ucetLinky a:hover {
		color: #68c440;
	}
#main {
	background-image: url(../img/bg_hlavicka_obal.png);
}
.vyhladavanie .button {
    -webkit-mask-image: url(../../img/btn_vyhladavanie.svg);
    mask-image: url(../../img/btn_vyhladavanie.svg);
}
.hlavicka-obal .kosik {
	/*background-image: url(../img/img_hlavicka_kosik.png);*/
}
.hlavicka-obal .kosik a::after {
	background-image: url(../../img/img_hlavicka_kosik.svg);
}
.box.kategorie .nadpis {
	background: #1e1e1e url('../img/kat_vpravo_sipka.png') no-repeat right top;
}
.nastavenia .top .zobraz_vlavo .order {
	background-image: url(../img/img_zoznam_sipky.gif);
}
.box.novinky_emailom {
	background-image: url(../img/bg_newsletter.gif);
}
.produkt .bar .produkt_tlacitka .btnKosik {
	background-image: url(../img/btn_kosik.png);
}
.produkt .bar .produkt_tlacitka .img_lupa {
	background-image: url(../img/btn_detail.png);
}
.box ul.kategorie0 ul li a, .box ul.kategorie0 ul li a:hover, .box ul.kategorie0 ul li a.aktivna{
	background: url(../img/dot.png) 20px center no-repeat;
}		@media (max-width: 1920px) {
			.content, .content.uvod {
				width: 85.4%;
			}
			.lavaStrana {
				width: 12.5%;
				margin-right: 2.1%;
			}
		}		@media (max-width: 1900px) {
			.content, .content.uvod {
				width: 85.3%;
			}
			.lavaStrana {
				width: 12.6%;
				margin-right: 2.1%;
			}
		}		@media (max-width: 1800px) {
			.content, .content.uvod {
				width: 84.5%;
			}
			.lavaStrana {
				width: 13.3%;
				margin-right: 2.2%;
			}
		}		@media (max-width: 1700px) {
			.content, .content.uvod {
				width: 83.5%;
			}
			.lavaStrana {
				width: 14.1%;
				margin-right: 2.4%;
			}
		}		@media (max-width: 1680px) {
			.content, .content.uvod {
				width: 83.3%;
			}
			.lavaStrana {
				width: 14.3%;
				margin-right: 2.4%;
			}
		}		@media (max-width: 1600px) {
			.content, .content.uvod {
				width: 82.5%;
			}
			.lavaStrana {
				width: 15%;
				margin-right: 2.5%;
			}
		}		@media (max-width: 1536px) {
			.content, .content.uvod {
				width: 81.8%;
			}
			.lavaStrana {
				width: 15.6%;
				margin-right: 2.6%;
			}
		}		@media (max-width: 1500px) {
			.content, .content.uvod {
				width: 81.3%;
			}
			.lavaStrana {
				width: 16%;
				margin-right: 2.7%;
			}
		}		@media (max-width: 1440px) {
			.content, .content.uvod {
				width: 80.5%;
			}
			.lavaStrana {
				width: 16.7%;
				margin-right: 2.8%;
			}
		}		@media (max-width: 1400px) {
			.content, .content.uvod {
				width: 80%;
			}
			.lavaStrana {
				width: 17.1%;
				margin-right: 2.9%;
			}
		}		@media (max-width: 1366px) {
			.content, .content.uvod {
				width: 79.5%;
			}
			.lavaStrana {
				width: 17.6%;
				margin-right: 2.9%;
			}
		}		@media (max-width: 1300px) {
			.content, .content.uvod {
				width: 78.4%;
			}
			.lavaStrana {
				width: 18.5%;
				margin-right: 3.1%;
			}
		}		@media (max-width: 1280px) {
			.content, .content.uvod {
				width: 78.1%;
			}
			.lavaStrana {
				width: 18.8%;
				margin-right: 3.1%;
			}
		}		@media (max-width: 1200px) {
			.content, .content.uvod {
				width: 76.7%;
			}
			.lavaStrana {
				width: 20%;
				margin-right: 3.3%;
			}
		}		@media (max-width: 1100px) {
			.content, .content.uvod {
				width: 74.6%;
			}
			.lavaStrana {
				width: 21.8%;
				margin-right: 3.6%;
			}
		}		@media (max-width: 1024px) {
			.content, .content.uvod {
				width: 72.7%;
			}
			.lavaStrana {
				width: 23.4%;
				margin-right: 3.9%;
			}
		}		@media (max-width: 1000px) {
			.content, .content.uvod {
				width: 72%;
			}
			.lavaStrana {
				width: 24%;
				margin-right: 4%;
			}
		}		@media (max-width: 900px) {
			.content, .content.uvod {
				width: 68.9%;
			}
			.lavaStrana {
				width: 26.7%;
				margin-right: 4.4%;
			}
		}		@media (max-width: 800px) {
			.content, .content.uvod {
				width: 65%;
			}
			.lavaStrana {
				width: 30%;
				margin-right: 5%;
			}
		}		@media (max-width: 768px) {
			.content, .content.uvod {
				width: 63.5%;
			}
			.lavaStrana {
				width: 31.3%;
				margin-right: 5.2%;
			}
		}		#main {
			background-image: none;
		}
		.hlavicka_vrch {
			box-shadow: none;
		}
		body.uvodka .hlavicka {
			border-bottom: none;
		}
		body .hlavicka {
			border-bottom: 5px solid #F4F4F4;
		}
		ul#hlavneMenu a:hover, ul#hlavneMenu a.active {
			border: 2px solid #fff;
		}
		ul#hlavneMenu a {
			border: 2px solid transparent;
			line-height: 62px;
			margin-top: 11px;
		}
		ul#hlavneMenu ul.po_up_menu li a {
			border-bottom: medium none;
			border-left: medium none;
			border-right: medium none;
			margin-top: 0;
		}
		.hlavicka-obal .vyhladavanie #vyhladavanie .textbox {
			background: #fff none repeat scroll 0 0;
			border: 1px solid #d2d2d2;
			height: 20px;
			right: 57px;
		}
		.hlavicka_vrch .vyhladavanie {
			border-right: 1px solid #ececec;
		}
        #vyhladavanie:hover {
			background-color: #68c440;
		}
		#vyhladavanie .button.active {
			background-color: #ffffff;
			/*background-position: center top;*/
		}
		.odhlasovaci_formular {
			border-right: 1px solid #ececec;
		}
		.ucetLinky a {
			color: #2f2f2f;
		}
		.ucetLinky a:hover, .ucetLinky a.active  {
			color: #68c440;
		}
        .hlavicka-obal .kosik a::after {
            filter: unset;
        }
		ul.jazykMenu {
			border-left: 1px solid #ececec;
		}
		.uvodka .getBorder {
			border-top: 5px solid #f4f4f4;
		}
		.box {
			background-color: #f1f1f1;
			box-shadow: none;
		}
		.box ul.kategorie0 li a {
			border-bottom: none;
		}
		.box ul.kategorie0 li a:hover, .box ul.kategorie0 li a.aktivna {
			background-image: none;
		}
		.box ul.kategorie0 ul ul li a {
			padding: 7px 20px 7px 60px;
			text-decoration: none;
		}
		.box ul.kategorie0 ul ul ul li a {
			padding: 7px 20px 7px 75px;
			text-decoration: none;
		}
		.box ul.kategorie0 ul ul li a, .box ul.kategorie0 ul ul li a:hover, .box ul.kategorie0 ul ul li a.aktivna{
			background: url(../img/dot.png) 40px center no-repeat;
		}
		.box ul.kategorie0 ul ul ul li a, .box ul.kategorie0 ul ul ul li a:hover, .box ul.kategorie0 ul ul ul li a.aktivna{
			background: url(../img/dot.png) 60px center no-repeat;
		}
		.box.novinky_emailom {
			background-image: url(../img/bg_newsletter.png);
		}
		.produkt {
			background-color: transparent;
			box-shadow: none;
		}
		.stred_vnutro {
			background-image: none;
		}
		table.kosik th {
			background-color: #fff;
		}
		.produkt-nahlad #frm_kupit .textBoxCount, .produkt-nahlad .frm_kupit .textBoxCount {
		    border: 1px solid #e8e8e8;
		}
		@media (max-width: 1366px){
			.hlavicka_spodok ul#hlavneMenu a {
				line-height: 50px;
			}
		}
		@media (max-width: 972px) {
			#main .hlavicka {
				background-image: none;
			}
			.hlavicka .hlavicka_vrch {
				box-shadow: none;
			}
			.hlavicka-obal .vyhladavanie #vyhladavanie .textbox {
				right: 57px;
			}
			.hlavicka_spodok .btnHlavneMenu span {
				background-color: #68c440;
			}
			.hlavicka_spodok ul#hlavneMenu {
				background-color: #68c440;
			}
			.hlavicka_spodok ul#hlavneMenu a {
				line-height: 42px;
			}
			ul#hlavneMenu li a {
				border: medium none;
				margin-top: 0;
			}
		}
		@media (max-width: 700px) {
			body .hlavicka {
				border-bottom: none;
			}
            .hlavicka .logoKlik {
                background: #fff;
            }
			.hlavicka_spodok .btnHlavneMenu span {
				background-color: #fff;
			}
			.hlavicka-obal .kosik {
				/*background-image: url("../img/img_hlavicka_kosik_resp.png");*/
			}
            .hlavicka-obal .kosik a::after {
                filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(77deg) brightness(105%) contrast(102%);
            }
			.hlavicka-obal .vyhladavanie #vyhladavanie .textbox {
				right: inherit;
				left: 57px;
			}
			.hlavicka-obal #vyhladavanie {
				border: none;
			}
			.lavaStrana .registracia_obal .ucetLinky {
				background-color: #68c440;
				box-shadow: 0px 0px 6.02px 0.98px rgba(4, 5, 5, 0.11);
			}
			.lavaStrana .registracia_obal .ucetLinky a {
				color: #000;
			}
			.lavaStrana .registracia_obal .ucetLinky a.active {
				color: #fff;
				background-color: rgba(30, 30, 30, 0.5);
			}
			.lavaStrana .registracia_obal .ucetLinky a:hover {
				color: #fff;
			}
			.uvodka .getBorder {
				border-top: none;
			}
			.box.kategorie .nadpis {
				background-color: #1e1e1e !important;
				color: #68c440;
			}
			.lavaStrana .box.kategorie .nadpis .holder span {
				background-color: #68c440;
			}
		}
		@media (max-width: 550px) {
			.hlavicka-obal .vyhladavanie #vyhladavanie .textbox {
				right: inherit;
				left: 0;
				height: 51px;
			}
			.hlavicka #vyhladavanie .textbox, .hlavicka-obal #vyhladavanie .textbox {
				border: 4px solid #68c440 !important;
			}
            #vyhladavanie .button.active {
                background-color: #68c440;
            }
		}