/* OBECNÁ ÚPRAVA */
@media (max-width: 1280px) {
	body, #stranka, #stranka_obal {
		min-width: 100%;
	}
}


		/* MENU */	
@media (max-width: 1280px) {
	#leve-menu .kategorie li a#kategorie_id_22,
	#leve-menu .kategorie li a#kategorie_id_19,
	#leve-menu .kategorie li a#kategorie_id_84,
	#leve-menu .kategorie li a#kategorie_id_23 {
		background-color: #fff;
		background-image: none;
		color: #5d6063;
		padding-left: 20px;
	}
	#leve-menu .kategorie li a#kategorie_id_22:active,
	#leve-menu .kategorie li a#kategorie_id_19:active,
	#leve-menu .kategorie li a#kategorie_id_84:active,
	#leve-menu .kategorie li a#kategorie_id_23:active,
	#leve-menu .kategorie li a:hover {
		background-color: #fff;
		background-image: none;
	}
	#leve-menu .kategorie li a::after {
		display: none;
	}

	#leve-menu .podkategorie li a {
		padding-left: 60px;
	}
}

@media (max-width: 1000px) {
	#leve-menu .kategorie li a#kategorie_id_22,
	#leve-menu .kategorie li a#kategorie_id_19,
	#leve-menu .kategorie li a#kategorie_id_84,
	#leve-menu .kategorie li a#kategorie_id_23 {
		color: #fff;
		background: #5b636d;
	}
	#leve-menu .kategorie li a#kategorie_id_22:active,
	#leve-menu .kategorie li a#kategorie_id_19:active,
	#leve-menu .kategorie li a#kategorie_id_84:active,
	#leve-menu .kategorie li a#kategorie_id_23:active {
		background: #f37036;
	}
	#leve-menu {
		top: 70px;
		left: 5%;
		width: 90%;
	}
	#leve-menu .nadkategorie li a {
		background: #5b636d;
	}
}


		/* PATIČKA */
@media (max-width: 1170px) {
	.paticka_1, .paticka_2 {
		width: 100%;
	}
	.kontaktni_paticka, .bg_showroom {
		background-size: cover;
	}
	.paticka_2 .paticka_logo a, .paticka_facebook a {
		opacity: 1;
	}
}
@media (max-width: 720px) {
	.paticka_informace, .paticka_prodejna, .paticka_kontakty {
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	.paticka_logo, .paticka_facebook, .paticka_intencio {
		width: 40%;
		margin: 0 auto;
		display: block;
	}
	.paticka_2 .paticka_intencio p, .paticka_2 .paticka_logo p {
		text-align: center;
	}
	.paticka_2 .paticka_logo span {
		position: relative;
		display: block;
		margin: 20px 0;
		top: 0;
	}
	.paticka_2 .paticka_facebook p {
		margin: 10px auto;
	}
	.paticka_2 .paticka_intencio p {
		padding: 20px 0 50px 0;
	}
}


		/* ÚVOD */
@media (max-width: 1680px) {
  .uvodka_produkty {
  	width: 90%;
    margin-left: 5%;
  }
  .uvodka_produkty h1 {
  	width: 60%;
  }
}
@media (max-width: 1280px) {
	#text_uvodka {
		background: none;
		max-height: none;
	}
  .uvodka_produkty h1 {
  	width: 100%;
  }
  .reference img {
  	margin-left: 5%;
  }
}
@media (max-width: 1170px) {
	.uvodka_produkt {
		margin: 15px auto;
	}
	.akce_vyprodej {
		width: 100%;
	}
}
@media (max-width: 1000px) {
	#kosik-list {
		height: auto;
		padding: 10px 50px 10px 100px;
	}
	.bg_showroom {
		background-size: cover;
	}
	.reference img {
		margin-left: 0;
	}
}
@media (max-width: 720px) {
	.reference img {
		/* display: none; */
		padding-bottom: 20px;
	}
	.reference h1, .reference p {
		text-align: center;
		padding-left: 0;
	}
}
@media (max-width: 520px) {
	.uvodka_produkt {
		width: 80%;
		margin: 5% 10%;
	}
	.uvodka_produkty h1 {
		font-size: 45px;
		text-align: center;
	}
	.novinka_box {
		width: 100%;
		left: 0;
	}
	.novinka_box .datum {
		width: 40%;
		margin-left: 30%;
	}
	.novinka_box .novinka {
		position: relative;
		left: 0;
	}
	.novinka_box .novinka h3 {
		margin-top: 0;
	}
	.reference {
		padding: 10px;
		height: auto;
	}
}


		/* PRODUKTY */
@media (max-width: 1280px) {
	#produkt_levy, #produkt_pravy {
		width: 100%;
		float: left;
		display: block;
		margin: 30px auto;
	}
	#show-produkt  .produkt_obal_top h1 {
		text-align: center;
	}
	#show-produkt #fotka {
		width: 90%;
		height: 90%;
		margin: 0 auto;
	}
	#formular_obal, .obvykla_cena {
		width: 100%;
		margin: 10px auto;
		box-sizing: border-box;
	}
	#poradte_mi_box {
		width: 100%;
		margin: 20px auto;
	}
	#formular_obal #cena_eur {
		padding: 60px 0 0 30px;
		/* float: left; */
	}
}
@media (max-width: 1170px) {
	#lista, #lista a {
		width: 100%;
	}
	#show-produkt {
		padding: 0 10px;
	}
	.produkt_obal_top, .produkt_obal, #detail_produktu_menu, #produkt_top, #detail_produktu_zalozky,
	#produkt_zalozka_prislusenstvi, #produkt_zalozka_galerie, #produkt_zalozka_odkazy_kotva, #produkt_zalozka_vlastnosti {
		width: 100%;
	}
	#produkt_zalozka_vlastnosti_left, #produkt_zalozka_vlastnosti_right {
		display: block;
		width: 100%;
	}
	#show-produkt #fotka a, #show-produkt #fotka img {
		margin: 0 auto;
		max-width: 100%;
	}
	#produkt_zalozka_prislusenstvi #produkt_zalozka_prislusenstvi_obal .produkt {
		width: 45%;
	}
	#produkt_zalozka_prislusenstvi, #produkt_zalozka_galerie, #produkt_zalozka_odkazy_kotva,
	#produkt_zalozka_vlastnosti_left, #produkt_zalozka_vlastnosti_right {
		padding: 10px;
	}
	table.hodnoty {
		margin-bottom: 30px;
	}
	#detail_produktu_zalozky, #produkt_zalozka_prislusenstvi #produkt_zalozka_prislusenstvi_obal {
		width: 100%;
		box-sizing: border-box;
	}
}
@media (max-width: 780px) {
	#produkt_zalozka_prislusenstvi #produkt_zalozka_prislusenstvi_obal .produkt {
		width: 100%;
	}
}
@media (max-width: 720px) {
	#produkt_zalozka_vlastnosti_left {
		padding: 0;
	}
	#formular_obal #cena {
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.formular_produkt {
		margin: 0 auto;
		float: none;
		text-align: center;
		padding-top: 20px;
}
	#formular_obal #cena_eur {
		padding: 20px;
		clear: both;
		float: none;
		text-align: center;
	}
}
@media (max-width: 640px) {
	#poradte_mi_box {
		padding: 20px 0;
		margin: 20px auto;
		background-position-x: 30px;
	}
	#poradte_mi_box p {
		padding-left: 10px;
	}
	#produkt_zalozka_vlastnosti_right .hodnoty {
		width: 100%;
	}
	#dalsi-fotky-produktu .dalsi-fotka {
		float: none;
		margin: 8px auto;
	}
}
@media (max-width: 640px) {
	#poradte_mi_box p, #poradte_mi_box strong {
		padding: 10px;
		display: block;
		text-align: center;
		float: none;
	}
	#poradte_mi_box {
		border: 0;
		text-align: center;
	}
}
@media (max-width: 400px) {
	#show-produkt #fotka a, #show-produkt #fotka img {
		width: 100%;
	}
}


		/* KATEGORIE */
@media (max-width: 1170px) {
	#generovany-seznam-podkategorii-content {
		width: 90%;
	}
	.generovany-seznam-podkategorie {
		display: inline-block;
	}
}


		/* PŘEHLED PRODUKTŮ */
@media (max-width: 1170px) {
	.detailni_obal {
		width: 100%;
		display: inline-block;
		box-sizing: border-box;
	}
	.produkt {
		width: 300px;
		height: auto;
	}
	p#info-o-kosiku, p.radek-zpet {
		width: 90%;
		margin: 0 auto;
	}
}
@media (max-width: 1000px) {
	.produkt {
		width: 100%;
		min-width: 300px;
		margin: 0;
		padding: 20px;
	}
	.produkt img {
		width: 70%;
		height: auto;
	}
@media (max-width: 500px) {
	.produkt {
		width: 95%;
		margin: 10px auto;
	}
}
@media (max-width: 360px) {
	.detailni_obal {
		padding: 0;
	}
	.produkt {
		width: 100%;
		margin: 10px 0;
	}
}


		/* KOŠÍK */
@media (max-width: 1180px) {
	#div-formular-kosik, #fakturacni_cast_obal, #sluzby form, #formular-objednavka,
	#objednat, #sluzby, #fakturacni_cast_obal, #formular-objednavka {
		width: 100%;
		box-sizing: border-box;
	}
	#objednat .button_objednat, .referer_zpet {
		width: 35%;
		margin: 1%;
	}
	#formular-objednavka-tabulka {
		width: 100%;
	}
}
@media (max-width: 1170px) {
	#oznameni-objednavky, #info-o-platbe {
		width: 100%;
		padding: 20px;
	}
	p#info-o-kosiku {
		width: 90%;
		margin: 0 auto;
	}
}
@media (max-width: 1000px) {
	#kosik-list h3, #kosik-list .stred, a.zobrazit {
		visibility: hidden;
	}
	/* #kosik-list {
		visibility: hidden;
	} */
	#kosik-list {
		/* visibility: visible; */
		padding: 10px;
		width: 80px;
		height: 40px;
		z-index: 1;
		border: 1px solid #ced1d4;
		background: #fff url(kosik-top.png) center no-repeat;
	}
	#kosik-list a.zobrazit_kosik_mobile {
		width: 102px;
		position: absolute;
		height: 62px;
		display: block;
		top: 0;
		left: 0;
		z-index: 999;
	}
	.plny_kosik span.kosik-list-ks {
		background: #f37036;
		top: 5px;
		color: #fff;
		border: 1px solid #fff;
		z-index: 1;
	}
	#kosik-list a.zobrazit {
		visibility: visible;
		position: absolute;
		background: none;
		width: 102px;
		height: 62px;
		font-size: 0;
		padding: 0;
		margin: 0;
		left: 0;
		top:0;
	}
	#kosik-list.plny_kosik {
		visibility: visible;
	}
	#kosik-list.prazdny_kosik  {
		visibility: hidden;
	}
}
@media (max-width: 720px) {
	#obsah #fakturacni_cast_obal .kroky_obal > * {
		width: 100%;
	}
	#objednat .button_objednat, .referer_zpet {
		width: 98%;
		box-sizing: border-box;
	}
	#formular-vypis-ceny-kosiku {
		width: 100%;
	}
	#sluzby .sluzby_vyber {
		padding: 0;
		width: 100%;
	}
	#formular-objednavka #objednat {
		width: 100%;
	}
}
@media (max-width: 500px) {
	#sluzby .sluzby_vyber td {
		width: 90%;
		float: left;
	}
	#div-formular-kosik {
		padding: 2px;
	}
}


		/* DETAIL PRODUKTŮ */
@media (max-width: 1000px) {
	.obvykla_cena {
		text-align: center;
	}
	.obvykla_cena span {
		background: none;
	}
	#formular_obal, .obvykla_cena {
		width: 100%;
		margin: 10px auto;
		box-sizing: border-box;
	}
	#formular_obal2 #cena2 {
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	#formular_obal2 #cena_eur {
		text-align: center;
		padding: 30px 0 10px 0;
	}
	#produkt_zalozka_prislusenstvi h2 {
		margin-left: 0;
	}
}
@media (max-width: 500px) {
	body.produkt_detail #top {
		margin: 0;
	}
	body.produkt_detail p#lista {
		background: rgba(255,255,255,.75);
	}
	#formular_obal2 {
		padding: 10px;
	}
	#show-produkt {
		padding: 10px;
	}
	#show-produkt .produkt_obal_top h1 {
		font-size: 35px;
		padding: 10px 0 0 0;
	}
	#produkt_levy, #produkt_pravy {
		margin: 10px auto;
	}
	#show-produkt #fotka {
		width: 100%;
		height: 100%;
	}
	#detail_produktu_menu {
		height: auto;
	}
	#detail_produktu_menu a {
		width: 50%;
		height: 60px;
		line-height: 40px;
		box-sizing: border-box;
		padding: 10px 20px 10px 40px;
		background-position-y: center;
		background-position-x: 15px;
	}
	#detail_produktu_menu .aktivni, #detail_produktu_menu a:hover {
		background-position-x: 15px;
		background-position-y: center;
	}
	#produkt_zalozka_vlastnosti_left {
		padding: 10px;
	}
	#produkt_zalozka_prislusenstvi #produkt_zalozka_prislusenstvi_obal {
		margin: 0;
	}
}

		/* TEXT */
@media (max-width: 1400px) {
	#google_mapa iframe {
		width: 50%;
		padding-left: 0;
		max-width: 600px;
}
@media (max-width: 1170px) {
	.text_obsah, p.odkaz-nahoru {
		width: 100%;
		box-sizing: border-box;
	}
	p.odkaz-nahoru {
		padding: 30px;
	}
	.kontakt_obrazky {
		float: none;
		margin: 0 auto;
		padding-left: 0;
		padding-bottom: 30px;
	}
	.kontakt_obrazky img {
		width: 100%;
		height: auto;
	}
	#google_mapa iframe {
		width: 100%;
		padding-left: 0;
		max-width: 600px;
	}
}