/* 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: #77c722;
	}
    /* hlavna farba sablonky */
    .pata_menu .siteFooterRow .siteFooterColumn:not(.noChilde) h3:after {
        background-color: #77c722;
    }
	/* 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: #77c722;
	}
	/* 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: #1e1e1e;
	}
	/* cycle banner neaktivne stvorceky */
	.cycle_slideshow .cycle_nav a {
		background-color: #1e1e1e;
	}
	/* cycle banner aktivne stvorceky */
	.cycle_slideshow .cycle_nav a.activeSlide {
		background-color: #77c722;
	}
	/* farba pozadia v hlavicke */
	.hlavicka_vrch {
		background: #1e1e1e;
	}
	/* farba textu kosika v hlavicke */
	.hlavicka-obal .kosik a {
		color: #77c722;
	}
	/* farba pozadia poctu produktov v kosiku v hlavicke */
	.hlavicka-obal .kosik span.pocet {
		background-color: #77c722;
	}
	/* farba textu produktov v kosiku v hlavicke */
	.hlavicka-obal .kosik span.pocet {
		color: #1e1e1e;
	}
	/* farba sumy kosika v hlavicke */
	.hlavicka-obal .kosik span {
		color: #77c722;
	}
	/* pozadie vo vyhladavani */
	#vyhladavanie {
		background: #4c4c4c;
	}
	/* border okolo vyhladavania */
	#vyhladavanie {
		border-color: transparent;
	}
	/* 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(230, 230, 230, 1);
	}
	/* farba textu niektorych h1 nadpisov */
	.content h1 {
		color: #77c722;
	}
	/* 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(230, 230, 230, 1);
	}
	/* farba textu niektorych h3 nadpisov */
	.produkt-nahlad h3,
	.content .uvod .vypisPodlaPredajnosti h3,
	.content .uvod .box_novinky h3 {
		color: #77c722 !important;
	}
	/* farba nadpisu v boxoch */
	.box .nadpis {
		color: #77c722;
	}
	/* farba pozadia nadpisu v boxoch */
	.box .nadpis {
		background: #1e1e1e;
	}
	/* farba nadpisu hlavnych kategorii */
	.box.kategorie .nadpis {
		color: #77c722;
	}
	/* farba pozadia boxu hlavnych kategorii */
	.box.kategorie {
		background: #ffffff;
	}
	/* 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: #77c722;
	}
	/* border nad hlavnym menu */
	ul#hlavneMenu {
		background-color: #1e1e1e;
	}
	/* farba textu odkazov v hlavnom menu */
	ul#hlavneMenu a {
		color: #ffffff;
	}
	/* 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 #77c722;
	}
	/* telo stranky - farba */
	body {
		background-color: #f1f1f1;
	}
	/* 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: #77c722;
	}
	/* farba pozadia tlacitka detail v zozname tovarov */
	.produkt .bar .produkt_tlacitka .img_lupa {
		background-color: #4b4f46;
	}
	/* farba pozadia variant tabulky v nahlade tovarov */
	.tabulka_varianty th {
		background-color: #77c722;
	}
	/* farba pozadia buttonu vo variantach v nahlade tovarov */
	.tabulka_varianty .btnKupit {
		background-color: #77c722;
	}
	/* 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: #77c722;
	}
	/* 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: #77c722;
	}
	/* 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: #77c722;
	}
#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%;
			}
		}		.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;
		}
        .zoznamClankov .zoznam .clanok .datum-pridania,
        .zoznamClankov .zoznam .clanok .reading-time {
            color: #696969;
        }
        .zoznamClankov .zoznam .clanok .clanokInfo .pipe {
            color: #696969;
        }
        .detailClanku .clanokInfo .datum-pridania,
        .detailClanku .clanokInfo .reading-time {
            color: #696969;
        }
		@media (max-width: 700px) {
            .hlavicka .logoKlik {
                background: #1e1e1e;
            }
			.lavaStrana .registracia_obal .registracia_odhlasovaci_formular .ucetLinky {
				background-color: #77c722;
				box-shadow: 0px 0px 6.02px 0.98px rgba(4, 5, 5, 0.11);
			}
			.lavaStrana .registracia_obal .registracia_odhlasovaci_formular .ucetLinky a.active {
				color: #fff;
				background-color: rgba(30, 30, 30, 0.5);
			}
			.lavaStrana .registracia_obal .registracia_odhlasovaci_formular .ucetLinky a:hover {
				color: #fff;
			}
		}