/*

http://cssminifier.com/

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
/******************************************************************************/

main {
	display:block;
}

* { -moz-box-sizing: border-box; box-sizing: border-box; }



body {
 line-height: 1.3;
 color: #fff;
 font-family: Oswald, Arial, sans-serif;
 font-size: 16px;
 margin:0;
 padding: 0;
 background-color: #000;
 background-size: 1000px;
 background-position: top center;
 background-repeat: no-repeat;
} 


@media screen and (min-width: 1000px) {
	body { background-size: 1500px; }
}

@media screen and (min-width: 1200px) {
	body { background-size: auto; }
}

p { margin: 1em 0; }

a { text-decoration: underline; color: #000; }
a:hover {  text-decoration: none }

strong, em {   }

img { max-width: 100%; height: auto; }
.gm-style img { max-width: none; }
img { margin: 5px auto; clear:both;}
.img-left { float: left; margin: 5px 5px 5px 0; clear: none; }
.img-right { float: right; margin: 5px 0 5px 5px; clear: none; }






h1, h2, h3, h4, h5, h6 { margin: 1em 0 1em; font-weight: normal;      }
h1, h2, .nadpis { font-size: 25px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5, h6 { font-size: 26px; }


ul, ol { margin: 1em 0; }
li { margin: .4em .4em .4em 3em; }

hr { clear: both; border:0; height: 1px; background: silver; width: 100%; margin: 2em 0;  }

blockquote { margin: 1em 0; font-size: 135%; font-weight: bold; }
blockquote p { margin: .3em 0; }

table { margin: 1em; }
td, th { padding: .4em .4em .4em 0; vertical-align: middle; text-align: left; }


input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=submit],
	textarea, select, option {
	width: 250px;
	margin: 0; padding: .4em; font-family: Oswald, Arial; font-size: inherit;
	border: 1px solid #000;
}
textarea { width: 100%; height: 150px; }
select, option { width: auto; }
input[type=number] { width: auto; }
input[type=submit] { width: auto; cursor: pointer; }


input[type="submit"], input[type="button"], .tlacitko, .sekundarni-tlacitko { 
	background-color: #0AE80A; border: 1px solid #0AE80A;
	color: #fff;
	padding: 15px 30px;
	transition: opacity 0.2s ease-in;
}
.sekundarni-tlacitko, input.sekundarni-tlacitko { background-color: #ECECEC; color: #000; border-color: #000; }

input[type="submit"]:hover, input[type="button"]:hover { opacity: 0.8; }



/* Tlacitka */
.tlacitko, .sekundarni-tlacitko { display: inline-block;  }

















.clear { clear: both }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }



.mobile-helper { display: none; height: 2px; }
.mobile-helper-1000 { display: none; height: 2px; }

@media screen and (min-width: 768px) {
	.mobile-helper { display: block; }
}

@media screen and (min-width: 1000px) {
	.mobile-helper-1000 { display: block; }
}





@media screen and (min-width: 1000px) {
	#niklousko { display: block; width: 39px; height: 112px; background: center center no-repeat url(img/niklcz.png);
							 position: absolute; top: 300px; right: -39px;  }
}





#media-query-breakpoint { font-family: '360'; }

@media  (min-width: 500px) {  #media-query-breakpoint { font-family: '500'; } }
@media  (min-width: 600px) {  #media-query-breakpoint { font-family: '600'; } }
@media  (min-width: 768px) {  #media-query-breakpoint { font-family: '768'; } }
@media  (min-width: 960px) {  #media-query-breakpoint { font-family: '960'; } }
@media  (min-width: 1100px) {  #media-query-breakpoint { font-family: '1100'; } }
@media  (min-width: 1200px) {  #media-query-breakpoint { font-family: '1200'; } }
@media  (min-width: 1400px) {  #media-query-breakpoint { font-family: '1400'; } }







/* = STRUKTURA
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.web { width: 100%; background: #000; margin: 0 auto; position: relative; }




@media screen and (min-width: 768px) {
	.web { width: 730px; }
}


@media screen and (min-width: 1000px) {
	.web { width: 960px; }
}

@media screen and (min-width: 1200px) {
	.web { width: 1100px; }
}






/* = HLAVICKA
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/


.header { }

.header a { color: #fff; }


.topheader { padding: 0 8px; border-bottom: 1px solid #29292b;}



.topheader ul { list-style-type: none; margin: 0;  }
.topheader li { float: left; margin: 0; }

.topheader .left { float: left; display: none; }
.topheader .right { float: right; }

@media (min-width: 500px) {
	.topheader .left { display: block; }
}



.topheader .tlucet { margin-right: 5px; }
.topheader .tlkosik { margin-right: 5px; }
.topheader .tlmena {  }
.uzivodkaz-prihlaseni, .uzivodkaz-kosik { display: block; height: 46px;  }

.uzivodkaz-prihlaseni a { float: left; display: block; padding: 15px 10px; font-size: 14px; line-height: 14px;  }
.uzivodkaz-prihlaseni .ua-prihlaseni, .uzivodkaz-prihlaseni .ua-uzivatel { padding-left: 30px; background: left center no-repeat url(img/user.svg); background-size: 22px; }

.uzivodkaz-kosik a { display: block; padding: 15px 5px 15px 30px; font-size: 14px; line-height: 14px; background: left center no-repeat url(img/cart.svg); background-size: 22px; }

.rychlykosik {}
.rk-pocet { margin-left: 10px;  background: #0AE80A; display: inline-block; padding: 2px 4px;  line-height: 16px; font-size: 14px; text-align: center; text-decoration: none; }
.rk-celkem { margin-left: 10px; }


.tlmena {  padding: 15px 5px; font-size: 16px; line-height: 16px; background-color: #0AE80A;  }
.prepinac-meny a { text-decoration: none; color: #fff;  }
.prepinac-meny a.selected { text-decoration: underline;  }


@media (min-width: 500px) {
	.topheader .tlucet { margin-right: 10px; }
	.topheader .tlkosik { margin-right: 10px; }
	
	.uzivodkaz-prihlaseni a { font-size: 16px; line-height: 16px; }
	.uzivodkaz-kosik a { font-size: 16px; line-height: 16px; }
	.tlmena {  padding: 15px 15px; }
}



.topfb { display: block; width: 30px; height: 30px; margin-top: 8px; background: url(img/facebook.svg) center center no-repeat; background-size: contain; }
.topfb span { display: none; }
.topyt { display: block; width: 30px; height: 30px; margin-top: 8px; background: url(img/youtube.svg) center center no-repeat; background-size: contain; }
.topyt span { display: none; }

.topinst { display: block; width: 30px; height: 30px; margin-top: 8px; background: url(img/instagram.svg) center center no-repeat; background-size: contain; }
.topinst span { display: none; }

.topheader .tlfb { margin-right: 10px; }
.topheader .tlinst { margin-right: 10px; }



.tltel {   }
.toptel { display: inline-block; padding: 13px; color: #0AE80A !important; }
.toptel span { display: none; }

@media (min-width: 500px) {
	.toptel { text-decoration: none; }
	/*.toptel span { display: inline; }*/
}






.bottomfb, .bottomyt, .bottominst { display: inline-block; margin: 0 2px ; width: 30px; height: 30px;  }
.bottomfb { background: no-repeat center center url(img/facebook.svg); background-size: 30px; }
.bottomyt { background: no-repeat center center url(img/youtube.svg); background-size: 30px; }
.bottominst { background: no-repeat center center url(img/instagram.svg); background-size: 30px; }
.bottomfb span, .bottomyt span, .bottominst span { display: none; }











.logo { float: left; }
.logo img { width: 125px; margin: 10px 0; }

@media screen and (min-width: 1000px) {
	.logo img { width: 250px; margin: 20px 0 17px }
}
@media screen and (min-width: 1200px) {
	.logo { margin-left: 10px;  }
}



.menu-toggle { float: right; display: block;  width: 28px;  height: 30px; margin: 15px 25px 0 0;  }
.menu-toggle span:after,
.menu-toggle span:before {   content: "";  position: absolute; left: 0; top: -9px; }
.menu-toggle span:after{  top: 9px;}
.menu-toggle span {  position: relative; top: 12px;  display: block;}
.menu-toggle span,
.menu-toggle span:after,
.menu-toggle span:before {  width: 100%;  height: 5px;  background-color: #A2783A;  transition: all 0.3s;   backface-visibility: hidden;  border-radius: 2px; }
.menu-toggle.on span {  background-color: transparent; } /* on activation */
.menu-toggle.on span:before {  transform: rotate(45deg) translate(5px, 5px); }
.menu-toggle.on span:after {  transform: rotate(-45deg) translate(7px, -8px); }



@media screen and (max-width: 767px) {
	.navigace { display: none; }
	.navigace { clear: both; }
	.navigace ul { list-style-type: none;  }
	.navigace ul li { margin: 0; }
	.navigace ul li a { display: block; font-size: 18px; padding: 8px; text-align: center; }
	.navigace > ul > li.posledni > a { padding-bottom: 15px; }
	
	/* druha uroven */
	.navigace ul ul { margin: 0; }
	.navigace ul ul li a { font-size: 16px; text-decoration: none; } 
}


@media screen and (min-width: 768px) {
	.menu-toggle { display: none; }
	.navigace { float: right; display: block !important; }
	.navigace > ul { list-style-type: none; margin: 0 5px 0 0;   }
	.navigace > ul > li { float: left; margin: 0; position: relative; }
	.navigace > ul > li > a { display: block; font-size: 16px; line-height: 18px; padding: 20px 5px;
														text-transform: uppercase; text-decoration: none; }

	.navigace > ul > li.aktivni > a, .navigace > ul > li > a:hover,
		.navigace > ul > li:hover > a { border-bottom: 1px solid #0AE80A; }
	
	#menu1-pol-vn-8 > a > span { display: none; }
	#menu1-pol-vn-8 > a { height: 59px; width: 40px; background: center center no-repeat url(img/home.png); background-size: 20px; }
	
	#menu1-pol-vn-36 > a { color: #0AE80A; }
	#menu1-pol-vn-36.aktivni > a, #menu1-pol-vn-36 > a:hover,
		#menu1-pol-vn-36:hover > a { border-bottom: 1px solid #0AE80A; }
		
	#menu1-pol-vn0-42 > a { color: #0AE80A; }
	#menu1-pol-vn0-42.aktivni > a, #menu1-pol-vn0-42 > a:hover,
		#menu1-pol-vn0-42:hover > a { border-bottom: 1px solid #0AE80A; }
		
	
		
	.navigace > ul > li > ul { display: none; position: absolute; top: 100%; left: 0; z-index: 50; list-style-type: none; margin: 0; }
	#menu1-pol-vn0-5 > ul { left: initial; right: 0; }
	.navigace > ul > li:hover ul { display: block; min-width: 150px; box-shadow: black 4px 6px 20px; }
	.navigace > ul > li > ul > li { margin:  0;}
	.navigace > ul > li > ul > li > a { display: block; background: #000; padding: 15px; }
}



@media screen and (min-width: 1000px) {
	.navigace > ul { margin: 30px 15px 0 0; }
	.navigace > ul > li > a {   }
}


@media screen and (min-width: 1200px) {
	.navigace > ul > li > a { font-size: 20px; line-height: 20px; padding: 20px 10px; }
	#menu1-pol-vn-8 > a { height: 61px; background-size: 25px; }
}



.sidebar-toggle-div { text-align: center; padding: 10px; }

@media screen and (min-width: 1000px) {
	.sidebar-toggle-div { display: none; }
}




/* = OBSAH
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.main { background: #fff; color: #000; position: relative; /*overflow: hidden;*/  }



.content { min-height: 500px;  }
.content { padding: 0 10px 40px; }

@media screen and (max-width: 999px) {
	.sidebar-toggle {  }
	.sidebar { width: 265px; position: absolute; top: 0; left: -265px; z-index: 250; transition: all 0.3s; background: #fff; opacity: 0; visibility: hidden; }
	.sidebar.on { left: 0; opacity: 1; visibility: visible; box-shadow: black 4px 6px 20px; }
}

@media screen and (min-width: 1000px) {
	.content { width: 690px; float: right; }
	.sidebar { width: 265px; float: left; display: block; }
}


@media screen and (min-width: 1200px) {
	.content { width: 830px; }
	.sidebar { width: 265px; }
}



#uvodni .main { background: #000; color: #fff; }
#uvodni .content { width: 100%; float: none; padding: 0; }


#nikl-tym .main { background: #000; color: #fff; overflow: initial; }
#nikl-tym .content { width: 100%; float: none; padding: 0; } 




/* = SIDEBAR
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/



.vyhledavani { text-align: center; padding: 0px; margin: 0 0 15px; } 
#vhld-pole, #vhld-tla { margin: 0; padding: 15px; border: 0; display: block; float: left; }
#vhld-pole { width: 80%;  background: #ECEAE8; }
#vhld-tla { background: #0AE80A center center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNqsVNENgjAUtCb8M4IjMAJMIG6AE+gIrOAE6ATgBLgBboAbiL/wUa/maprSohKbXArvXa4v914rpJSLf6yl+TMMQwjkQAtIAw2QTQkJXRGIEbYSWE3wL8AmCILOKaQqwXdjiFTACegY2wGRFoNQMjpCCfV9nwOSyFTMBuKFwUntvCbdSahdIuSEQEteaee12SH3g88c+lLxN5rsGj2ZWg/rYK/Q+oOQzl99QrrkjGMwWpwjnTv7uhYbHVHGx5bReyOvEDq7RnJmkZVgbcU0Cq8QxVKjxdIh7BUTrksLP2JssdFJdTVuQG21/oix2L49+hYcysZVmfj1GeG9HFUm5rxHLrHlnEeM1yWhd68BfQowALRMyhwxKwVHAAAAAElFTkSuQmCC);
						text-indent: -3000px;
						width: 20%; }
#vhld-tla:hover { background-color: #08B608; }

/* = NASEPTAVAC */
#qs-obal { position: absolute; z-index: 300; padding: 0px; width: 350px; background: #ECEAE8; border: 2px solid #9F7436;    }
#qs-obal a { display: block; padding: 5px 0; text-align: left; overflow: hidden; color: #000; border-bottom: 1px solid #EEEEEE; }
#qs-obal .imgspan { float: left; display: block; height: 35px; width: 35px; margin-left: 5px; background-position: center center; background-size: cover; }
#qs-obal .textspan { float: left; display: block; width: 300px; margin-left: 5px; padding-top: 9px; line-height: 1.2; overflow: hidden; white-space: nowrap; }
#qs-obal a.sel, #qs-obal a:hover { background-color: #9F7436; color: #fff; text-decoration: underline; }
#qs-obal a.posla { text-align: center; font-weight: bold; padding: 4px; border: 0; }

#qs-obal a.tiplink { padding: 8px 10px; background-color: #E7E7E7; color: #FF292B; font-style: italic; }
#qs-obal a.tiplink.sel, #qs-obal a.tiplink:hover { background-color: #FF292B; color: #fff; }
#qs-obal .tipspan { display: block;   }

#qs-obal a.tiplink { padding-right: 50px; position: relative; }
#qs-obal a.tiplink:after { content: '!'; position: absolute; top: 50%; right: 15px; width: 26px; height: 26px; border-radius: 13px; }
#qs-obal a.tiplink:after { transform: translateY(-50%); }
#qs-obal a.tiplink:after { background-color: #FF292B; color: #fff; text-align: center; line-height: 26px; font-style: normal; font-weight: bold; }


/* Prepinani kategorii a vyrobcu */
#vyberkatvyr { text-align: center; padding: 10px; border-bottom: 1px solid #dddddd; }
#akategorie, #avyrobci { text-transform: uppercase; font-size: 18px; text-decoration: none; 
													background: left center no-repeat url(img/golden-arrow-down.png); background-size: 18px;
													padding-left: 24px;	}
#vyberkatvyr .vk-aktivni { background-image: url(img/green-arrow-right.png); background-size: 18px; }
#akategorie { margin-right: 10px; }
#avyrobci { margin-left: 10px; }


/* seznam kategorii */
#ulkategorie, #ulkategorie ul { list-style-type: none; margin: 0; }
#ulkategorie li { margin: 0; }
#ulkategorie a { text-decoration: none; }
#ulkategorie a:hover { color: #0AE80A; }

/* hlavni uroven */
#ulkategorie > li { margin: .8em .1em .8em 2em;}
#ulkategorie > li > a { font-weight: bold; text-transform: uppercase; }
#ulkategorie > li.vybrana > a { color: #0AE80A; }

#ulkategorie > li.st-akce-podzim > a { color: #0AE80A; }
#ulkategorie > li.st-akce-vikendova > a { color: #0AE80A; }
#ulkategorie > li.st-akce-tornado > a { color: #0AE80A; }
#ulkategorie > li.st-akce-tornado-50 > a { color: #0AE80A; }
#ulkategorie > li.st-akce-tornado-70 > a { color: #0AE80A; }
#ulkategorie > li.st-akce-sonik > a { color: #0AE80A; }
#ulkategorie > li.st-akce-mrazenky > a { color: #0AE80A; }


/* druha uroven */
#ulkategorie > li > ul {}
#ulkategorie > li > ul > li { margin: .5em .1em .5em .5em;}
#ulkategorie > li > ul > li > a {}
#ulkategorie > li > ul > li.vybrana > a { color: #0AE80A; }
#ulkategorie > li > ul > li strong { font-weight: normal; }


/* treti uroven */
#ulkategorie > li > ul > li > ul {}
#ulkategorie > li > ul > li > ul > li { margin: .4em .1em .4em .5em;}
#ulkategorie > li > ul > li > ul > li > a { font-weight: normal; color: #A5793E; }
#ulkategorie > li > ul > li > ul > li.vybrana > a { color: #0AE80A; }

/* ctvrta uroven */
#ulkategorie > li > ul > li > ul > li > ul {}
#ulkategorie > li > ul > li > ul > li > ul > li { margin: .4em .1em .4em .5em;}
#ulkategorie > li > ul > li > ul > li > ul > li > a { font-weight: normal; color: #A5793E; }
#ulkategorie > li > ul > li > ul > li > ul > li.vybrana > a { color: #0AE80A; }



#lik000 a { color: #997C39; }

/* ======= vyrobci*/

#ulvyrobci { list-style-type: none; margin: 0; }
#ulvyrobci li { margin: .8em .1em .8em 2em; }
#ulvyrobci li a { font-weight: bold; text-transform: uppercase; text-decoration: none; }
#ulvyrobci li a:hover { color: #0AE80A; }



/* = CERVENY PRUH
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.cerveny-pruh { background: #997C39; color: #fff; padding: 0; }
.pruh-eshop { padding: 17px 15px; display: none; }
.pruh-nadpis { padding: 15px 10px; }

.pruh-eshop a { padding-left: 40px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 22px; text-decoration: none;  }
.pruh-eshop a:hover { text-decoration: underline; }
.pruh-nadpis h1 { margin: 0; font-size: 25px; }

.pruh-eshop a { background: left center no-repeat url(img/cart-white.png); background-size: auto 18px; }

@media screen and (min-width: 1000px) {
	.pruh-nadpis { width: 690px; float: right;  }
	.pruh-eshop { width: 265px; float: left; display: block; }
}


@media screen and (min-width: 1200px) {
	.pruh-nadpis { width: 830px; }
	.pruh-eshop { width: 265px; }
}


/* = PATICKA
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.footer { padding: 25px; }
.footer a { color: #fff; }
.footer ul { list-style-type: none; }
.footer li { margin: 4px 0; }

.f1, .f2, .f3, .f4 { text-align: center; margin-bottom: 40px; }
.f1 br { display: none; }
.f1 a, .f1 strong { color: #0AE80A; }

.fcopy { clear: both; text-align: center; color: #d5d5d5; }
.fcopy a { text-decoration: none; }

#view-options { padding: 1em; text-align: center; }
#view-responsive{ display: none; }
#view-full{ display: block; }

@media screen and (min-width: 768px) {
	.efka { padding-bottom: 25px; border-bottom: 1px solid #474747; }
	.f1, .f2, .f3, .f4 { width: 25%; float: left; margin-bottom: 0; }
	.f1 { text-align: left; }
	
	.fcopy { padding-top: 25px; }
	

 #view-full { display: none; }
}







.fucking-eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 10px;
    width: 100%;
    color: white;
    background-color: #000;
    z-index: 1000;
    text-align: center;
}
.fucking-eu-cookies a { color: #fff; }
.fucking-eu-cookies button {
    background: #0AE80A;
    font-family: 'Oswald', Arial;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    padding: 4px 20px;
    margin: 0 10px;
}














/* = UVODNI STRANKA
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.uvod {}

.uvod h1 { text-align: center; margin-left: 1em; margin-right: 1em; }

.uvodni-slider-obal { padding: 0 10px 10px; position: relative; }

.uvodni-slider { margin: 0; }
.uvodni-slider { width: 100%; overflow: hidden; }
.uvodni-slider .slide { float: left; display: none;    }
.uvodni-slider .slide:first-child { display: block;  }
.uvodni-slider .slide img { display: block; margin: 0; }

/* posouvatka  i u kategorioveho slideru */
.usleft, .usright, .ksleft, .ksright { display: block; width: 36px; height: 36px; position: absolute; z-index: 100; }
.usleft, .ksleft { bottom: 55px; right: 90px;  background: no-repeat center center url(img/arrow-left.png); background-size: 36px; }
.usright, .ksright { bottom: 55px; right: 40px;  background: no-repeat center center url(img/arrow-right.png); background-size: 36px; }


.usleft, .usright, .ksleft, .ksright { opacity: .45; }
.usleft:hover, .usright:hover, .ksleft:hover, .ksright:hover { opacity: 1; }

.uspag, .kspag { position: absolute; bottom: 25px; right: 40px; text-align: right; z-index: 100;}
.uspag a, .kspag a { display: inline-block; width: 18px; height: 18px; margin-left: 5px; background: no-repeat center center url(img/circle-green.png); background-size: 18px; }
.uspag a:hover, .uspag a.selected, .kspag a:hover, .kspag a.selected { background-image: url(img/circle-green-fill.png); }
.uspag a span, .kspag a span { display: none; }

.uspag a, .kspag a { opacity: .45 }
.uspag a:hover, .kspag a:hover { opacity: 1 }


.uvodni-banner { padding: 0 10px 10px; }






.posledni-novinka { margin: 0 10px 10px; padding: 10px; background-color: #0AE80A; color: #fff; }
.posledni-novinka a { color: #fff; }

















.uvodni-znacky {  }
.uvodni-znacky h2 { text-align: center; color: #cdcdcd; font-size: 22px; margin: 1em; }
.uvodni-znacky h2 span { padding-left: 35px; background: left center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiJJREFUeNrEl8txwjAQhoWHAtxBXIJTQeAA51ABuAKTCjAdQAUxFZAzF6CCuAQ6iDsgEvMvs9noZQKTndnBg6X/02O1WvfO57OKtfF4nOufgfZUvGq1H3a7XROr1RuNRqE2mfZS+wxAA5GAnL2rta+1n3yifc87IzTXvoCIEfuwQDn8VfsU/ZbaVxhM9IyNyDtma4CV+VMvZWgr6LHCKpkBF7bBJg7oHs/PBO1oFfoqaOUhcIaGZqTD0D4FjGvsoe0Eb1mHVv3dWgbfusAVlqS4E5TDC2hXEpwiGJaeqP2LNdAuKQcQeIbflXqcrTiLwCUOfvtAMCWXksAZfMMamURgcumX7ShEWI6+Z2iRbYiXIPcqsbcl2/t9RzjlgVRoccaAZnwQnY8idcbCJVRqKbCyvifzPLGgu8B1ShwGcrWE1q7MlzhGpXD26siZu6CFpe2Rg18cs7DBtwJg+88FvbKSiH2T8IzNLrXkYR/0x1KfWGT74I1laeXSmzZvAS3DOiUsokNRO7TAJTR0uVD7A834hMoh5qZpHLk45kabEo/2eM1qKqfpCsQGv0DxTgVKqRlY1+Ci4JmHgoLBa3gMlGvXvNhrMZJFoKDj8KJjGl3gamxthUCDIi+9462UQrOxFQJkE3FO7wGlcz7x1VxUb2W2Aq2jcY1fhWPiORrGPm8sb+foq1xH0PcJI78kNoHAy3Bcpni+6Uvi4d9Ovf/6WvwWYABxEbkMjX7yqAAAAABJRU5ErkJggg==); }

.loga { background: #fff; text-align: center; }
.loga img { max-width: 80px;  }


@media (min-width: 768px) {
	.loga img { max-width: 120px;  }
}
@media (min-width: 1000px) {
	.loga img { max-width: 145px;  }
}





.uvod-odkazy-do-eshopu { padding: 0 10px 10px; }
.uvod-odkazy-do-eshopu { background: #fff; }
.uvod-odkazy-do-eshopu ul { margin: 0; text-transform: uppercase; display: flex; flex-wrap: wrap; justify-content: center; }
.uvod-odkazy-do-eshopu li { margin: 0; list-style: none;  }
.uvod-odkazy-do-eshopu li a { display: block; padding: 10px 20px; text-align: center; text-decoration: underline; }
.uvod-odkazy-do-eshopu li a:hover { text-decoration: none; background-color: #F4F4F4;}

@media (min-width: 768px) {
	
	.uvod-odkazy-do-eshopu ul { justify-content: space-between; flex-wrap: nowrap; }
	.uvod-odkazy-do-eshopu li { flex: 0 0 25%;  }
	
	.uvod-odkazy-do-eshopu li a { padding: 20px; font-size: 18px }

}








.uvod-produkty-slideshow-wrapper { position: relative; z-index: 1; }

.uvod-produkty-slideshow__prev, .uvod-produkty-slideshow__next { 
	display: block; width: 40px; height: 40px; 
	background-position: center center; background-repeat: no-repeat;
	background-size: 15px 18px ; 
	position: absolute; top: 45%; z-index: 2;
	
}
.uvod-produkty-slideshow__prev:hover, .uvod-produkty-slideshow__next:hover { opacity: .8; }
.uvod-produkty-slideshow__prev { background-image: url(img/arr-left-brown.svg); left: 0; }
.uvod-produkty-slideshow__next { background-image: url(img/arr-right-brown.svg); right: 0; }


.uvod-produkty-slideshow { background: #fff; color: #000; padding: 10px; }

.uvod-produkty-slideshow .produkt { clear: none !important; }

@media (min-width: 768px) {
	
	.uvod-produkty-slideshow__prev, .uvod-produkty-slideshow__next { background-size: auto 35px }
	
}

@media (min-width: 1000px) {
	.uvod-produkty-slideshow  .produkt { width: 25%; clear: none !important; }
	.uvod-produkty-slideshow  .produkt-por-4 { display: block; }
	
	.uvod-produkty-slideshow__prev { background-image: url(img/arr-left-white.svg); left: -30px; }
	.uvod-produkty-slideshow__next { background-image: url(img/arr-right-white.svg); right: -30px; }
}

@media (min-width: 1100px) {
	.uvod-produkty-slideshow__prev { left: -50px; }
	.uvod-produkty-slideshow__next { right: -50px; }
}









.zpravy-clanky-videa { margin: 0; }
.uvodni-zprava, .uvodni-clanek, .uvodni-video-wrapper, .uvodni-video-slide { height: 250px; position: relative; 
														background-repeat: no-repeat; background-position: top center; background-size: cover;
														margin-bottom: 10px;}
.zpravy-clanky-videa .link { display: block; position: absolute; top: 0; left: 0; width: 100%; color: #0AE80A; 
															background: rgba(0,0,0,0.6); text-decoration: none; font-weight: bold;
															padding: 10px 15px;}
.zpravy-clanky-videa .link:hover { color: #07A907; }
.zpravy-clanky-videa .cover { display: block; height: 250px; position: relative; color: #fff; }
.zpravy-clanky-videa .info { position: absolute; left: 0; bottom: 0; padding: 15px; text-shadow: 1px 1px 3px #000; }
.zpravy-clanky-videa .n { display: block; font-size: 18px; text-transform: uppercase; font-weight: bold; }
.zpravy-clanky-videa .t { display: block; font-size: 15px; margin-top: 5px; }

.uvodni-zprava:hover .info, .uvodni-clanek:hover .info, .uvodni-video:hover .info { text-shadow: 1px 1px 1px #000; }



@media screen and (min-width: 768px) {
	.uvodni-zprava, .uvodni-clanek, .uvodni-video-wrapper { width: 32.6666666%; float: left; margin-right: 1%; margin-bottom: 0;
													background-position: center center; }
	.uvodni-video-wrapper { margin-right: 0; }
	.uvodni-video-slide { background-position: left top; background-size: 180%; }
	.zpravy-clanky-videa .t { display: none; }
}

@media screen and (min-width: 1000px) { 
	.zpravy-clanky-videa .t { display: block; }
	
	.uvodni-video-slide { background-size: 140%; }
}



.uvodni-video-wrapper .uvodni-video-slide { display: none; margin: 0; }
.uvodni-video-wrapper .uvodni-video-slide:first-child { display: block; }














.uvod-text {  padding: 1em; background: #fff; color: #000; }
.uvod-text h1 { margin-top: 0; }












/* = ESHOP obecne
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/


#dokonceni1 iframe { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; float: left; margin-top: -13px; }







input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
	-moz-appearance:textfield;
}

.inpobal {  float: left;   display: block;  border: 1px solid #DCD9D4; width: 40px; height: 40px; position: relative; margin: 0; }
.inpobal input { margin: 0; padding: 0; border: 0; width: 40px; height: 38px; font-size: 18px; line-height: 38px;  border-right: 1px solid #DCD9D4; position: absolute; top: 0; left: 0; z-index: 1; font-weight: bold; text-align: center; }

inpobal a.mnminus, .inpobal a.mnplus { display: none; }

@media screen and (min-width: 768px) {
	.inpobal { width: 60px; } 
	.inpobal a.mnminus, .inpobal a.mnplus { position: absolute; right: 0; display: block; width: 18px; height: 19px; background: #fff; z-index: 1; padding: 0; }
	.inpobal a.mnplus { top: 0;   border-bottom: 1px solid #DCD9D4; background: #fff center center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNpi/P//PwMcaOnAOIwM166AGUwMBABBBYz/NbX/U2gCzR0JEGAAcZ4OWoGUouIAAAAASUVORK5CYII=);  }
	.inpobal a.mnminus { bottom: 0;  background: #fff center center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi/P//PwM+wMRAABBUwPhfU/s/hSbQ3JEAAQYAsmIIWhzbO+IAAAAASUVORK5CYII=); }
}


/* Tlacitko - varianty nebo tabulkovy prehled */
input.koupit-v-tabulce { float: left; margin-left: 5px; min-width: 50px; height: 40px; text-indent: -3000px; background-position: center center; 
	background-repeat: no-repeat; background-image: url(img/cart-white.svg); background-size: 24px 24px; 
	padding-left: 0; padding-right: 0;
}

/* Tlacitko - jeden produkt */
.vlozit-do-kosiku.jednavarianta { height: 40px; line-height: 40px; padding: 0 10px; margin-left: 5px; }


.dokosiku-tabulkovy-prehled .inpobal { float: none; margin: 0 auto; }
td.vokosik-tlacitko { text-align: right; }











.seo-strankovani { text-align: center; margin: 1em 0 3em; }

.strankovani { text-align: center; margin: 2em 0; }
.strankovani > span, .strankovani > a, .strankovani > strong { display: inline-block; border: 1px solid #997C39; padding: 5px 10px; margin: 1px 0; } 
.strankovani strong, .strankovani a:hover { background: #997C39; color: #fff;  }
.strankovani > a { text-decoration: none; }


/* Dostupnosti */
.neni1, .neni2, .neni3 { color: blue; /* neni skladem, vyrobime do 2 dni, vyrobime do 7 dnu */ }
.jeskladem  {  color: green; /* skladem */ padding-left: 24px; background: left center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATRJREFUeNqclNERgjAMQIHT/7oBA/gBE6gTiBvABMoEjqBOIBuoE4ATwIf/jCD//phwgYuxVUrucoX28pqkSVzHIOVjqmCJQBegPju6g17D+avS2bkG0A507/yWAjSVYFfAAljOoIEzXBKAZl9A8qwGVY699FCPbV5GwlAO4JDfA+FnCcvSEsJzp7qcdx5uLWEZhBhiqGwvxrR1wMgS1oIob0d2FnkUrgxlJm7/grGqiNm57wmDBnQFRg3dnvyB5fIhJVDxrmDQQbC2Dqn+nhovK0NLGmHYOR6GpymBnAxtYG07diGfNKF/QIfAMCreerWYKn349J3/6SRMUzFhGxvkajwtB9TmEWEfr0yPkIzoY6yAVFs2VCaheCSTNDQPk58DluUUO2BNQ0OJwXojzxpp9xZgAGBJejgGM9lOAAAAAElFTkSuQmCC); }



/* Hlasy */
.uspech, .chyba { color: #fff; margin: 1.5em 0; padding: 15px;  }
.uspech a, .chyba a { color: #fff; }
.uspech { background: green; }
.chyba { background: #FF292B; }





.seda-tabulka th, .seda-tabulka td { vertical-align: middle; padding: .8em; }
.seda-tabulka th, .seda-tabulka tbody tr:nth-child(even) td { background: #ECECEC; }
.seda-tabulka th {  border-bottom: 1px solid gray; }
.seda-tabulka tbody tr:last-child td { border-bottom: 1px solid gray; }











/* = PREHLED PRODUKTU
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.kategorie-slider-obal { position: relative; margin-top: 10px; }
.kategorie-slider { margin: 0; }
.kategorie-slider { width: 100%; height: 290px; overflow: hidden; }
.kategorie-slider .slide { float: left;     }
.kategorie-slider .slide img { display: block; margin: 0; }


.popiskategorie { color: #a3a3a3; margin: 0; }


.podrazene-kategorie { display: flex; justify-content: space-around; flex-wrap: wrap; padding-top: 10px; }
.pksloupec { flex: 1 1 auto; margin: 0 15px 0 0; list-style-type: none; }
.pksloupec li { margin: 2px 0; font-size: 14px; }
.pksloupec li { padding-right: .4em; }
.pksloupec a { display: block; padding: 6px 0 6px 37px;   }
.pksloupec a { background-position: left center; background-repeat: no-repeat; background-size: 30px 30px ;  }
.pksloupec a:hover { border-color: #000; }


@media (min-width: 768px) {
	.popiskategorie {  margin: 0 1em; }
	
	.podrazene-kategorie { padding-top: 0; }
	.pksloupec { width: 24%; margin: 0; }	
	.pksloupec a { display: flex; width: 100%; align-items: center; min-height: 50px; padding: 0 0 0 60px; }
	.pksloupec a { background-size: auto 50px; }
	
}


.nad-produkty-obal { margin: 20px 0; padding: 15px; background: #F7F7F6; border-bottom: 1px solid #e4e4e4; }

#filtry select { font-size: 12px; padding: 4px; border-color: #D9D6D1; }

#spanvyberrazeni,
	#spanvybervyrobcuposrel,
	#spanvybervypisu { display: block; padding: 2px 0; }


@media screen and (min-width: 500px) {
	#spanvyberrazeni,	#spanvybervyrobcuposrel, #spanvybervypisu { display: block; float: left; padding-right: 10px; }
	#spanvyberrazeni,	#spanvybervyrobcuposrel { width: 40%; }
	#spanvybervypisu { width: 20%; }
	#spanvyberrazeni > strong,	#spanvybervyrobcu > strong, #spanvybervypisu > strong { display: block; }
}


@media screen and (min-width: 1200px) {
	#spanvyberrazeni > strong,	#spanvybervyrobcu > strong, #spanvybervypisu > strong { display: inline; }
}


/* vyber vyrobcu */

@media screen and (max-width: 767px) {
	#vybervyrobcuprekryti { display: none; }
	#vsichnivyrobci { display: none !important; }
}

@media screen and (min-width: 768px) {
	a#vybervyrobcuodkaz { background: #ECECEC; padding: 2px 5px; font-size: 105%; }
	
	#vsichnivyrobci { clear:both; padding: 15px 0; width: 100%; }
	#vsichnivyrobci #vyrobciform  {border:none; padding: 0; margin: 0; }
	#tab-vyber-vyrobcu { margin: 0 auto; width: 100%; }
	#tab-vyber-vyrobcu input.vchck { width: auto; margin: 3px 3px 3px 4px; border: 0 }
	#tab-vyber-vyrobcu #oznacitvse-check { width: auto; margin: 3px 3px 3px 4px; border: 0 }
	#tab-vyber-vyrobcu label { display: inline; white-space: normal;}
	#tab-vyber-vyrobcu td.sloup { width: 33% }
	
	#trfv-tretiradek td { text-align: center; }
	
	a#skrytfiltrvyrobcu { float: right; background: #ECECEC; padding: 5px }
}


/* pocet produktu */
.nad-produkty { padding: 5px 0; font-size: 14px;}





/*vyhledavaci tipy */

.vyhledavaci-tip { margin: 30px 0; box-shadow: 0 0 10px silver;  }
.vyhledavaci-tip a { display: block; padding: 15px 50px 15px 15px; background-color: #F7F7F6; border: 1px solid #FF292B; border-bottom-width: 4px;   }
.vyhledavaci-tip a { text-transform: uppercase; font-style: italic; color: #000; text-decoration: none; }
.vyhledavaci-tip a { transition: background .25s ease-in-out; }
.vyhledavaci-tip a:hover { background-color: #E4E4E4; }

.vyhledavaci-tip a { position: relative; }
.vyhledavaci-tip a:after { content: '!'; position: absolute; top: 50%; right: 15px; width: 26px; height: 26px; border-radius: 13px; }
.vyhledavaci-tip a:after { transform: translateY(-50%); }
.vyhledavaci-tip a:after { background-color: #FF292B; color: #fff; text-align: center; line-height: 26px; font-style: normal; font-weight: bold; }



@media  (min-width: 960px) {
	.vyhledavaci-tip { margin: 30px 0 40px;  }
}












.strankovani-produktu-nad { margin: 10px 0 0;  	}

@media (min-width: 768px) {
	.strankovani-produktu-nad {  	}
}


/* pro produkty je k dispozici 810px max */

.produkt { width: 100%; position: relative; z-index: 1; overflow: hidden;  padding: 10px 10px 0; margin: 0 auto 2em; padding-bottom: 10px; 
			text-align: center; color: #000;
			transition: box-shadow .25s ease-in-out; 
			}
.produkt:hover { box-shadow: silver 0px 0px 10px ; }

.produkt-stitky { position: absolute; z-index: 2; top: 10px; left: 10px; margin-right: 50px; text-align: left; }
.prod-stitek { margin: 3px 3px 0 0; display: inline-block; padding: 2px 6px; font-size: 14px; background-color: #0AE80A; color: #fff; text-transform: uppercase; }
.prod-stitek-doporucujeme { background-color: #997C39; }
.prod-stitek-vice-variant { background-color: #DD732A; }
.prod-stitek-doprava-zdarma { background-color: #288928; } /* pozor, je to i v tabulce variant - barva pozadi */
.prod-stitek-akce { background-color: #D82323; }
.prod-stitek-novinka { background-color: #00A2E8; }


.produkt p { margin: 0; }
.produkt a { text-decoration: none; }
.produkt .obrazek a { display: block; width: 100%; height: 230px; background-repeat: no-repeat; background-position: center center;  }

.produkt h3 { font-weight: bold; line-height: 1.1; margin: 5px 0 0; min-height: 44px; }
.produkt .prvni-veta { font-size: 14px; margin: 10px 0; min-height: 36px;  text-align: left; }

.produkt .dostupnost { font-size: 14px; }


.produkt .cena { font-weight: bold; font-size: 20px; margin: 10px 0; }
.produkt .cena .cena-pred-akci { position: relative; font-weight: normal; font-size: 14px; margin-right: 6px; color: red; }
.produkt .cena .cena-pred-akci:before { content: " ";
      display: block;
      width: 100%;
      border-top: 1px solid red;
      height: 12px;
      position: absolute;
      top: 10px;
      left: 0;
      transform: rotate(-7deg); }

.produkt .cena .reg-sleva { position: relative; font-weight: normal; font-size: 11px; margin-left: 12px; color: #272822; }

@media (min-width: 1200px) {
	.produkt .cena .reg-sleva { font-size: 12px }
}

.produkt .na-detail { margin: 10px 0; }
.produkt a.detailnaprehledu { display: inline-block; width: 80%; padding: 10px; 
															border: 1px solid #997C39; color: #997C39; text-transform: uppercase; font-size: 14px;  }
.produkt a.detailnaprehledu span { padding-left: 30px; background: left center no-repeat url(img/cart-gold.png); background-size: auto 18px; }
.produkt a.detailnaprehledu:hover { background: #997C39; color: #fff;  }
.produkt a.detailnaprehledu:hover span { background-image: url(img/cart-white.png); }



/* rozek */
.produkt .stitek-akce { display: block; width: 96px; height: 96px; position: absolute; top: -48px; right: -48px;
												background: #997C39; color: #fff; font-size: 16px; font-weight: bold;
												text-align: center;
												padding-top: 70px;
												transform: rotate(45deg);
												}


/* lehke upravy */

.produkt-manualne-souvisejici .produkt .prvni-veta { display: none; }
.produkt-manualne-souvisejici .produkt h3 { margin-bottom: 10px; font-size: 18px; }
.produkt-manualne-souvisejici .produkt .obrazek a { height: 180px; background-size: contain; }


@media (min-width: 400px) {
	.produkt { width: 50%; float: left; padding-bottom: 0; } 	
}
@media (min-width: 400px) and (max-width: 767px) {
	.produkt:nth-child(2n+1) { clear: left; }
}

@media screen and (min-width: 768px) {
	.produkt { width: 33%; }
}
@media (min-width: 768px) {
	.produkt:nth-child(3n+1) { clear: left; }
}






















/* = TABULKOVY PREHLED
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/



.tabulkovy-prehled { margin: 1em 0; width: 100%; font-size: 90%; }
.tabulkovy-prehled .tvnazev small { opacity: 0.5 }
.tabulkovy-prehled tr:hover .tvnazev small { opacity: 1 }

.tabulkovy-prehled .tvvyrobce { display: none; }


@media screen and (min-width: 768px) {
	.tabulkovy-prehled { font-size: 100%; }
	.tabulkovy-prehled .tvvyrobce { display: table-cell; }
}



/* = DETAIL PRODUKTU
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.detail-produktu { padding-top: 20px; }

.produkt-editace { font-size: 50%; }

.eshopdrobnav { display: none; margin-bottom: 1em; font-size: 13px; color: gray; }
.eshopdrobnav a { color: gray; }

.produkt-nalevo { margin-bottom: 2em; }
.produkt-napravo { margin-bottom: 2em; }

@media screen and (min-width: 768px) {
	.detail-produktu { padding-top: 0; }
	.eshopdrobnav { display: block; }
	.produkt-nalevo { width: 47%; float: left;   }
	.produkt-napravo { width: 47%; float: right;   }
}

.hlavni-obrazek { text-align: center; margin-bottom: 15px; }
.hlavni-obrazek img { margin: 0; }

.dalsi-obrazky { position: relative;}
.dalsi-obrazky ul { margin: 0; overflow: hidden; list-style-type: none; }
.dalsi-obrazky li { margin: 0; padding: 0 2px; float: left; width: 100px; height: 70px; }
.dalsi-obrazky li a { display: block; width: 96px; height: 70px; 
											background-position: center center; background-repeat: no-repeat; background-size: cover; }


.doleft, .doright { display: block; width: 35px; height: 35px; position: absolute; z-index: 100; }
.doleft, .cf-left { left: 0; top: 20px;  background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkRJREFUeNq8V8txwjAUBFWgElwCqQBz4BxTQUwFQAUOFWAqACrAdw44FeB04BLcQaLHrJgXIcuSIWhGYxg/aff9VvJwEDim02mkHpHlVXU6nZqQvYaegCP1+FAzMYAJTHICapZqbhWR+iFwgG7UjNWkzbbwsLTYks07I7hXc+0iMXQAf6pHBm9WNkDH2hRrJdbuQ/K6U/NHzeXggaHWb7DPzstzGFLoZr7eIuSUor1ZdIjCDu/m/J2whDoNBCb7M2rjaL5HyAk0he09OIorC8kv80oPWwtqAjkRRKveeU7MS2WY9wSmsXIsWaM1sz/gyFkMAx/gpQV4rogXbWtQC2uEP+Kef7T1b0tBbgyhmfi0E2xq1NUNnKr74AmcWoDLgA4sIEYDgUKTkMU+wFVg+3+hLa+eS4SkegGw1v9rnQmwaDqq+lnAA6712nPXRmbvln2BzSEAHHcUCI9M0qbVfcAbhFe2hInITQwCaV8C0BQatWAhjx15eiaBa41R7gWUp9K99wICY93WWmQOyKX8TwKQ1ZugaXAtjUuPVtEEaoPAuYs8DpVanwGCiT7dzxb8yOsg8Ga0aGxovq3QUn548SM1hzdHT7FoEAFOIGkBljgFS34ACWMzunFEvjm0EFi1AJ8hZrOuO9wIxhWuU01fEUEKj1DJO0kWjoIiEhcmCqHAlN8L/lrPAte9XecpYV8hRQeghH0Gb3N8ODS9Ppfg+QKbNiDyjd/8XBiz351fK97faix/MUAiFNCIXUIqkCp86+RXgAEAnxY00uybqpsAAAAASUVORK5CYII=); }
.doright, .cf-right { right: 0; top: 20px;  background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkpJREFUeNq8V8txwjAQtVWBSqCDOBUEDpxjKoipIFABUIGhAkgFkDMHTAW4BJfgDpLd5CmzKLKQIEQzGj6W9u3n7cdpErmGw6Gmj8zxqNnv902MrDQQsEcfr7T7FnBLW0sFaO9ov5Ei9U3gAJ3RLoTgdxJcOc4axVhJvsdnpj4lUg8wA5awbkFCNhGh6eNuhrvzmLiuaX/QLpMbFt2fQM46yHIcZKvHtrUgGz+rXa73eGHLIaM7Y/lMOVztBMbawp0HnL24oOSI5dKduRMc5GLBS098e+L7OlKBKZOX7mQuy2eGXB45U+t3jAJLZEB5Bg6rCzCz9QjgVBs7FJgEcpAN64MHP5YXqFCbAAv4zABeMqvsYrTD/Zz3LxL8GQUkiYihrUARogBXP9q5BGcSHGNyGJXrGgVYcc3EU8b/cEdybwVEudVK/NlcU8U8CviygM9mKvmDBQUqT02wV31m+Y01fG1IJCzzEZhDXSu0ykTE/hrgwgIedLVS9Ievcwqxbjumkz8FFlYnxnJD/6d/ADY1hbtiq2Tio8zeDRguz4H3XWRQsxs0F+9l2gcLuAm0mJfpARu7qy2Qnz7ilSJmJmUeQ4DFELoyzUtZDaNCl9IdMnILeODrgo5BhL20dE4ymDg0JhXt6edRwOBIDxNS65vhOOUO0HJ0bdkVBNsijX/xQnlqNa9T6KTSMTieuoAvze0a7J/ACwtMoO0F0Fy83exsV0e9LllvLaYgHcX3DDx5AKAG6OrSeJ1Gxi8HSCYbBIpMA6WqUJ58CjAAVyI00nzyCi0AAAAASUVORK5CYII=); }
/* sipky spolecne s fotogalerii v Teamu */

.produkt-nalevo a { transition: opacity 0.2s ease-in; }
.produkt-nalevo a:hover { opacity: 0.8; } 


.tabulka-informaci { margin: 0 0 15px; text-align: left; text-transform: uppercase; font-weight: bold; }
.tabulka-informaci th, .tabulka-informaci td { padding: .2em .5em .2em 0; } 
.tabulka-informaci a { text-decoration: none; }
.tabulka-informaci a:hover { text-decoration: underline; }

.produkt-fb-like { margin-bottom: 15px; min-height: 20px }


.cena-produktu {  }

.produkt-detail-dostupnost {}
.produkt-detail-dostupnost strong { text-transform: uppercase; }

.blok-s-cenou { margin: 0 0 2em; }
.bezna-cena { margin: 1em 0; }
.cena-sleva { margin: 1em 0; }
.finalni-cena { margin: 1em 0; }
.finalni-cena strong { display: none; }
.finalni-cena span { color: #fa4141; font-weight: bold; font-size: 22px; }
.finalni-cena span.s-dph { color: #130c0d; font-weight: normal; font-size: 14px; }
.finalni-cena span.cena-po-prihl { display: block; padding-top: 3px; color: gray; font-weight: normal; font-size: 14px; }

.vonevidicenu { color: #FF292B; } /* TODO */




/* Tabulka variant */
.obal-tabulky-variant { width: 100%; }
.tabulka-variant { margin: 0 0 2em; width: 100%;  }
.tabulka-variant th, .tabulka-variant td { vertical-align: middle; padding: .4em; }
.tabulka-variant th { white-space: nowrap; text-align: center; font-size: 90%; padding: .8em .4em; }
.tabulka-variant tr:hover td { background: #F2F2F2; }
.tabulka-variant .thvybervarianty { text-align: left; }
.tabulka-variant .tdnazevvarianty { font-size: 90%; }
.tabulka-variant .tdbaleni { text-align: center; font-size: 90%; }
.tabulka-variant .tdcenabezna { text-align: center; font-size: 90%; }
.tabulka-variant .tdcenavase { text-align: center; }
	.tabulka-variant .tdcenavase .vasecenabezdph { display: block; font-size: 80%; color: gray; padding-top: 3px; }
	
	.tabulka-variant .tdcenavase .cenapoprihlaseni { display: block; font-size: 12px; color: #3E3E3E; padding-top: 3px; }
	
.tabulka-variant .tdsleva { text-align: center; }
.tabulka-variant .tdskladem { text-align: center; }
.tabulka-variant .tdmnozstvi { min-width: 120px; text-align: center; padding-left: 0px; padding-right: 0px; }
.vokosik .tabulka-variant .tdmnozstvi { min-width: 0; } 
.tabulka-variant .tdinfoodph { font-size: 80%; color: gray; }

.tabulka-variant .katcislo { font-size: 11px; color: gray; }
.tabulka-variant .vardopravazdarma { display: inline-block; padding: 1px 5px; font-size: 10px; color: #fff; background-color: #288928; }


/* na malem displeji nektere sloupce skryju */ 
@media screen and (max-width: 400px) {
	.tabulka-variant .thskladem { display: none; }
	.tabulka-variant .tdskladem { display: none; }
}
@media screen and (max-width: 767px) {
	.tabulka-variant .thbaleni { display: none; }
	.tabulka-variant .thcenabezna { display: none; }
	.tabulka-variant .thsleva { display: none; }
	
	.tabulka-variant .tdbaleni { display: none; }
	.tabulka-variant .tdcenabezna { display: none; }
	.tabulka-variant .tdsleva { display: none; }
}


.hlidacipesvtab { display: block;  padding-top: 2px; font-size: 11px; }
.hlidacipesvtab a { text-decoration: none; }
.hlidacipesvtab a:hover { text-decoration: underline; }

.homecredit-kalkulacka-varianta { display: block;  padding-top: 2px; font-size: 11px; }
.homecredit-kalkulacka-varianta a { text-decoration: none; }
.homecredit-kalkulacka-varianta a:hover { text-decoration: underline; }







/* LISTA SE ZALOZKAMI - ne na mobilu */
@media screen and (max-width: 767px) {
	#detail-lista { display: none; } 
	.cont-div { display: block !important; }
}


@media screen and (min-width: 768px) {

	#detail-lista-cont { position: relative; margin-bottom: 2em; }
	#detail-lista {  margin:0; clear:both;  position: relative; overflow: hidden; 	 }
	#detail-lista ul { margin:0; padding:0; list-style-type: none }
	#detail-lista ul li { float:left; margin:0; padding:0; background:none;  }
	#detail-lista ul li a { display: block; padding:  10px; text-decoration: none;
												border:1px solid #DBD8D3; border-bottom: 0; 	border-right: 0;   }
	#detail-lista ul li:last-child a { border:1px solid #DBD8D3; }
	#detail-lista ul li a:hover, #detail-lista li.aktivni a { border-bottom: 1px solid white !important; border-top: 1px solid #A2783A !important; 
																	position: relative; z-index: 30;  }
	#detail-lista li strong  { font-weight: bold; }
		
	
	#detail-lista li.lista-poradna a { padding-right: 40px; background: right center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAASCAYAAADVCrdsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVhJREFUeNq8ld1twjAUhR2UAbxBee8DYYMwQcMGMAHqBG0nKJ0g6QSkE5ROQF54hw08QKX03OpUCpYR/ol6pKurRIn9+f45Uw4djvkUroLdwQq+PsHOsHZ+/90pD/V97/OZyqzNZcNXWHnjPwF6AUwzKgQAVnC1ClMLWwPGpEDkCQCKKRMtVYImANBMQawqrFHyMDoKgqfRKk0b+hogVQzEVKVLD/zuLzIhEKcRIOzC3IWkRiD2I0B80BeDiHhHY4L2+u35BIBO5gU7bHj6IiQSCos8wzUxALDFlQ4zQRAEWQdExHBizvn86eiw1hcit54frI06x7j+4v1h2AW1o8O2kmbPgXkxtmWxFTd/40LmygVXcTa4iq9hVMPGNiUnfMcCe8eNKnAzj6oX8MfQwsp8PiLIhhVfWunRg3qQNC2TrvIYEfCJ0bqIxr9BWDASJQ2IbQjEjwADAG0ShL7OmpKrAAAAAElFTkSuQmCC); }
	#detail-lista li.lista-recenze a { padding-right: 35px; background: right center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAYAAACnxdXaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQpJREFUeNpiYCAAZtZYKgDxfAYiwP///4nCTESYVQ/ECUCLHRioBJgI+RJkIZLltLcUzSIHavmWiUhfMlDTt4w4LDSAWhCARToRiDektxz/gC0hEWUp0AKQb0C+sgdiASA2IMHRB4AYZPlFkEPSmo9dIEYTCxDnk2gRMoDFMShELkAxUXHqSKxiPCARGNwbiE5I0LihxGKQhQtITr1IFh+gtYVYUy8wYZ0nMo4LgRZOICf1MlEQjx+oWTgQm5L1qWIptFAgFhhQy6cKWNSAEkoglkRGNUsN0CxTBCYWcB4EYkdoEfgAKi8ADBkBcixlQePzQy1rBFryAF0xNHssgBad9dCQITl/AwQYAHkHb+JmXuJBAAAAAElFTkSuQmCC); }
	

	div#cont { border:1px solid #dbdada; margin-top: -1px; z-index: 20; position: relative; overflow: hidden; }
	.cont-div { margin-bottom: 20px; padding:10px;}

	div#cont .cont-div-h2 { display: none;  }
}


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




/*
	Hodnoceni zakazniku
*/

.heureka_recenze #heureka_recenze_info { margin: 0; padding: 3px 10px 5px; font-size:90% }
.heureka_recenze .hr_add { margin: 2em 0;   }
.heureka_recenze .hr_rating { margin-bottom:10px; width:100px;height:20px;background:url("img/hvezdicky.png") no-repeat left -20px }
.heureka_recenze .hr_rating_inner { height:20px;background:url("img/hvezdicky.png") no-repeat left top }
.heureka_recenze .hr_oz_img  { width: 20%;text-align:center;float:left }
.heureka_recenze .hr_date { display:block; color:gray }
.heureka_recenze .hr_txt { float:left; width:80%; padding-left: 5px; }
.heureka_recenze .hr_pros { color:#539B15 }
.heureka_recenze .hr_cons { color:#BF2222 }
.heureka_recenze .hr_name { display: block; font-weight:bold;color:#595959 }
.heureka_recenze .hr_source { color:#8C8C8C } 
.heureka_recenze div.clear { clear:both }


.heureka-prumer { margin: 0 0 2em; font-size: 14px; }
.heureka_recenze_prumer { display:inline-block;  width: 100px; height: 20px; margin-top: 1px;
																		background:url("img/hvezdicky.png") no-repeat left -20px }
.heureka_recenze_prumer_inner { display:block; width: 100px; height: 20px; background:url("img/hvezdicky.png") no-repeat left top }








.souvisejici-produkty { margin-top: 4em; }
.souvisejici-produkty h2 { text-align: center; text-transform: uppercase; }
.souvisejici-produkty h2:after {
	content:' ';
	display: block;
	border-bottom: 1px solid #0AE80A;
	max-width: 200px;
	margin: 5px auto 0;
}










@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1000px) {

}

@media screen and (min-width: 1200px) {

}






/* = PRIHLASENI + UCET
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/
.prihlaseni-zakaznika {  }
.prihlaseni-zakaznika table { margin-left: 0;  }
.prihlaseni-zakaznika table .button { text-align: center; }


#mujucetinfo { margin-top: 1em; padding: 10px 20px; background: #F2F2F2;  }


.muj-ucet-psi {}
.muj-ucet-psi table { margin: 1em 0; width: 100%; }
.muj-ucet-psi th { text-align: left; }

/* Objednavky */
.objklienta { margin: 1em 0 6em; width: 100%; }



/* = REGISTRACE
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/
.registrace-zakaznika {}
.registrace-zakaznika .vyplnit { color: #FF292B; }

.registrace-zakaznika .upozorneni { display: block; padding: 3px 0; color: red; }

#registrace-osobni, #registrace-fakturacni-adresa, #registrace-firma-obal, #registrace-zasilat-souhlas { margin-bottom: 2em; } 

.registrace-povinne-polozky { text-align: center; color: gray; }

.registrace-potvrdit { text-align: center; }
.registrace-potvrdit input[type=submit] { font-size: 130%; padding: 10px 40px; }

/* = SLEVY
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/
#uplatnenasleva { padding: 1px 0; margin: 1.5em 0;}
#uplatnenasleva .vybranasleva { margin: 0; padding: 3px 0; }


/* = POPUP na dostupnost
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/
#dostupnost-produktu-okno { max-width: 700px; }
#dostupnost-produktu-okno h3 { margin-top: 0; text-align: center;  }
#dostupnost-produktu-okno .dostvelkynazev { text-align: center; font-size: 22px; }
#dostupnost-produktu-okno .infoodostupnosti { margin-bottom: 2em; }
#dost-dotaz-form table { margin: 1em 0; width: 100%; }
#dost-dotaz-form textarea { width: 100%; height: 120px; }
#dost-dotaz-form #trodeslani { text-align: center; }
#dost-dotaz-form .dotazodeslan { text-align: center; }



/* = POPUP na vlozeni do kosiku
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/
.vlozeno-do-kosiku-popup { text-align: center; }
.vlozeno-do-kosiku-popup .vlozeno { margin: 10px 0; color: green; font-size: 120%; background-color: transparent; }
.vlozeno-do-kosiku-popup #pokr { color: green; }
.vlozeno-do-kosiku-popup #dokos { color: green; }

@media screen and (min-width: 768px) {
	.vlozeno-do-kosiku-popup { width: 600px; }
}


/* = HLIDACI PES (formular)
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/
.hlidaci-pes-form { }
.hlidaci-pes-form #skladem { width: 40px }
.hlidaci-pes-form #cena { width: 90px;   }



/* = HomeCredit
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/
.homecredit-popup { max-width: 600px; text-align: center; }







/* = KOSIK
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.kosik { padding-top: 1px; }


div.kosik-kroky {   margin: 0; padding: 2em 0; text-align:center }
div.kosik-kroky span.krok { display: inline-block; padding: 5px 20px; background: #ECECEC; color: #4B4C4F;}
div.kosik-kroky span.sipky { padding: 5px 10px; }

div.akrok-1 span.krok1 { border: 3px solid #0AE80A; }
div.akrok-2 span.krok1, div.akrok-2 span.krok2 { border: 3px solid #0AE80A; }
div.akrok-3 span.krok1, div.akrok-3 span.krok2, div.akrok-3 span.krok3 { border: 3px solid #0AE80A; }

div.kosik-kroky span.aktivni {   }
div.kosik-kroky span.aktivni a { font-weight:bold }


.kosik .vlozeno {  }


.kosik-tabulka { margin: 2em 0; width: 100%;  }
.kosik-tabulka th, .kosik-tabulka td { text-align: center; }
.kosik-tabulka .nazev-zbozi { text-align: left; }

.kosik-tabulka .nazev-zbozi .obrazek-v-kosiku-link { display: none; }

.kosik-tabulka .smazat { padding-left: 2px; padding-right: 4px; }
.kosik-tabulka .zrusit { display: block; width: 20px; height: 20px; background: url(img/delete.png) center center / contain no-repeat; }
.kosik-tabulka .zrusit span { display: none; }

.kosik-tabulka .cena-dph, .kosik-tabulka .cena-kus, .kosik-tabulka .cena-dph-soucet, .kosik-tabulka .cena-celkem { display: none; }

.kosik-tabulka .diky-slevam-usetril td { padding: .5em; font-size: 13px; }

@media (min-width: 400px) {
	 .kosik-tabulka .cena-celkem { display: table-cell; }
}
@media (min-width: 500px) {
	.kosik-tabulka .cena-kus { display: table-cell; }
	.kosik-tabulka .kosik-puv-castka { display: block; font-size: 12px }
}

@media (min-width: 600px) {
	.kosik-tabulka .cena-dph, .kosik-tabulka .cena-dph-soucet  { display: table-cell; }
}

@media (min-width: 768px) {
	.kosik-tabulka .nazev-zbozi .obrazek-v-kosiku-link { margin-right: 5px; display: inline; vertical-align: middle; }
	.kosik-tabulka .nazev-zbozi img { margin: 0; width: 40px; height: 40px; object-fit: cover; object-position: center; box-shadow: 0 0 5px silver; }
	
	.kosik-tabulka .nazev-zbozi .produkt-odkaz { vertical-align: middle }
}

@media (min-width: 960px) {
	.kosik-tabulka .diky-slevam-usetril td { font-size: 15px; }

}



.kosik-tabulka .produkt-kc { display: block; font-size: 85%; color: gray; }
.kosik-tabulka .informaceonedostupnosti { display: block; font-size: 85%; color: gray; }

#prepocetupozorneni { text-align: center; margin-bottom: 5em; }


.kosik-upozorneni-na-registraci { margin: 2em 0; font-size: 14px; color: green; text-align: center; }
.kosik-upozorneni-na-registraci p { margin: 0; }
.kosik-upozorneni-na-registraci a { color: green; }


.pod-kosikem { }


#kosik-krok1-doprava-zdarma { margin: 0 0 30px; color: green; text-align: center; }
.moznadopravazdarma-hlaska { display: none; }
.moznadopravazdarma-hlaska.dodopzdch1 { display: block; margin: 0; }

@media (min-width: 768px) {
	
}

.kosik-kupon { text-align: center; margin-bottom: 2em; }
#mam-kupon { width: 100px }

.kosik-kupon .sekundarni-tlacitko { padding: 6px 20px }

@media screen and (min-width: 768px) {
	.kosik-kupon { display: block; float: left; text-align: left; }
	#mam-kupon { width: 150px }
}


.kosik-celkova-cena { margin: 0 auto; max-width: 300px; text-align: center; background: #ECECEC; padding: 1em; }
.kosik-celkova-cena strong {  }
.celkova-cena { margin: 0; }
.celkova-cena-slova { display: block; padding-bottom: 10px;  }
.celkova-cena-castka { display: block; color: #FF292B; font-size: 20px; padding-bottom: 10px; }

#objednat { text-transform: uppercase; }

@media screen and (min-width: 768px) {
	.kosik-celkova-cena { float: right; margin: 0; }
}







.kosik-souvisejici {}
.kosik-souvisejici h2 { text-align: center; text-transform: uppercase; }
.kosik-souvisejici h2:after {
	content:' ';
	display: block;
	border-bottom: 1px solid #0AE80A;
	max-width: 200px;
	margin: 5px auto 0;
}




.import-do-kosiku { margin-top: 50px; padding: 20px; background-color: #ECECEC; }














/* = DOPRAVA
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.kosik-doprava-zmena-statu { text-align: center; margin-top: 0; }
.kosik-doprava-zmena-statu a { text-decoration: none; margin-left: 5px; margin-right: 5px; }
.kosik-doprava-zmena-statu a.vybrano { color: #FF292B; text-decoration: underline; }
.kosik-doprava-zmena-statu a:hover { text-decoration: underline; }

#seznam-dopravy {}
#seznam-platby {}

.dop_div, .plat_div { padding: 10px 0; }
.dop_div .c, .plat_div .c { float: right; }

.a_doplinfo { color: gray; margin-left: 5px; }
.doplinfo { padding: 5px 5px 5px 30px; font-size: 14px; }

@media screen and (min-width: 768px) {
	#seznam-dopravy { width: 48%; float: left; }
	#seznam-platby { width: 48%; float: right; }
}

.benefity-pole { font-size: 85%; margin-left: 50px; }
.benefity-pole p { margin: 0; padding: 3px 0; }
.benefity-pole label { display: inline-block; min-width: 85px;  }
.benefity-pole #benefity_ucet { width: 135px; }
.benefity-pole #benefity_pin { width: 135px; }

#doprava-dole {  max-width: 400px; text-align: center; background: #ECECEC; padding: 1em; margin: 2em auto; }

#dop-pokracovat { text-transform: uppercase; }






/* = KONTAKT
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.obal-zpusobu-nakupu { margin-bottom: 1em; }
.zpusob-nakupu { list-style-type: none; margin: 0; }
.zpusob-nakupu li { width: 33.333%; float: left; text-align: center; margin: 0; }
.zpusob-nakupu li label { cursor: pointer; }

.zpusob-div { text-align: center; }
.zpusob-div .infoojmenu { display: block; padding: 1em; }
.zpusob-div #registrace-heslo { width: 100px; }
.zpusob-div #table-prihlaseni { margin: 1em auto; }


.kontakt td { }
.kontakt td.popisek { min-width: 100px; }
.kontakt td input { width: 100%; }
.kontakt td.vyplnit label, .kontakt label.vyplnit, .kontakt label.vyplnit a { color: red; }
.kontakt #poznamka { height: 60px; }
.kontakt-h3 em { font-size: 70%; }

.kontakt .chybka { display: block; padding-top: 3px; font-size: 14px; font-weight: bold;color:red; }

.table-osobni, .table-fakturacni, .table-firemni, .table-dodaci { margin: 1em auto; width: 100%; }

#ulice-cp-warn { padding-top: 5px; }

#obal-firemnich-a-dodacich { clear: both; }

#obal-zasilani h3 { display: none; }

#obsahnakupnihokosiku { margin: 1em 0; width: 100%; }
#obsahnakupnihokosiku #tronkcena,
	#obsahnakupnihokosiku .tdonkcena,
	#obsahnakupnihokosiku #trcelkcenacena { text-align: right; }

#obsahnakupnihokosiku #trcelkcenacena{ color: #FF292B; font-weight: bold; font-size: 120%; }
#obsahnakupnihokosiku #trcelkem td {  }
#obsahnakupnihokosiku .castkabezdph { color: gray; display: block; font-size: 85%; }
#obsahnakupnihokosiku  .celkembezdph { color: gray; display: block; font-size: 85%; }

#obal-souhlasu { text-align: center; margin-bottom: 1em; }
#obal-souhlasu .kontakt-h3 { font-size: 16px; }

#kontrola-potvrzeni { text-align: center; background: #ECECEC; padding: 1em; margin-bottom: 1em;  }
#kontrola-potvrzeni .pod-tl { font-size: 14px; }
#kontrola-potvrzeni #zpet-na-kosik { font-size: 14px; }

#obj-sub-potvrzeni { font-weight: bold; text-transform: uppercase; }

@media screen and (min-width: 768px) {
	#obal-osobnich { width: 49%; float: left; }
	#obal-fakturacnich { width: 49%; float: right; }

	#obal-firemnich { width: 49%; float: left;  }
	#obal-dodacich { width: 49%; float: right;   }
	
	.p-jako-firma, .p-jina-dodaci { margin: 0; }
	
	#kontrola-potvrzeni { max-width: 70%; margin: 0 auto 2em; } 	
}


/* = DOKONCENI OBJEDNAVKY
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

#dokonceni1 { margin-bottom: 5em; }
.objednavka-uspesne-ulozena { color: green; font-size: 20px; text-transform: uppercase; }
.dekujeme-za-objednavku { }

#dokonceni2 { margin-top: 2em; }
#jak-se-nakupovalo { }
#jak-se-nakupovalo textarea { height: 60px;  }
#jak-se-nakupovalo h3 { margin: 0; padding: 0 0 5px;   }
#jak-se-nakupovalo p { margin: 0; padding: 5px 0; }

#jak-se-nakupovalo .plusy label { color: green; font-weight: bold; }
#jak-se-nakupovalo .minusy label { color: red; font-weight: bold; }



/* Tabulka produktu na konci obj */
#dokonceni-produkty { margin-top: 5em;  }
#dokonceni-produkty h2 { display: none; }
#dokonceni-produkty p { font-size: 130%; }
#dokonceni-produkty table { width: 100%; margin: 1em auto; border: 0; }
#dokonceni-produkty td { vertical-align: middle; border: 0; border-bottom: 1px solid #DBDADA; }
#dokonceni-produkty .fbshare span { display: none;}
#dokonceni-produkty .fbshare { display: block; width: 175px; height: 36px; background: url(img/pochlubse.png)  }




#homecreditinfoopresmerovani { text-align: center; }
#homecreditbutt { text-align: center; }







/* = PORADNA
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.dotaz { margin: 1.5em 0; border:1px solid #dcdcdc;}
.dotaz p {  }

.dotaz .dotaz-hlavicka {background:#f0efef; padding: 5px; margin:1px 0; border-bottom:1px solid #c6c3c3;}
.dotaz span.dcislo {  font-weight:bold; float: right; }
.dotaz span.ddatum { float: right; background:url("img/kalendar.png") no-repeat left center; padding: 0 0 0 20px; margin-right: 10px;}
.dotaz span.dnadpis { background:url("img/bublina.png") no-repeat left center; padding:3px 0 3px 20px; }

.dotaz strong.autor { background:url("img/uzivatel.png") no-repeat left center; padding:3px 0 3px 20px}
.dotaz strong.odpovidajici { background:url("img/admin.png") no-repeat left center; color:#006600; padding:3px 0 0 20px}

.dotaz .otazka { padding: 0 10px; }
.dotaz .odpoved { padding: 0 10px; color:#060; border-top:1px solid #e9e9e9}

.vice-fotek { margin-left:15px; }
.vice-fotek div.img-left { width:250px; }


/* Formular */
#poradna {}
#dotaztable { margin: 1em 0; width: 100%; }







/* = ZPRAVY OD VODY
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/


.zprava-prehled { margin: 1em 0 4em; }
.zprava-prehled h2 { margin: 0; }
.zprava-prehled h2 a { display: block; overflow: hidden; padding: .5em; background: #ECEAE8; }
.zprava-prehled h2 time { float: right; margin-left: 1em; }
.zprava-foto img { display: block; margin: 0 auto; }
.zprava-prehled .vice-informaci { text-align: center; }


.zprava-od-vody .velkaf { text-align: center; }
.zprava-od-vody .zov2f { margin: 1em 0; width: 100%; }
.zprava-od-vody .zov2f p { text-align: center; margin: 0; }

.zprava-od-vody .druha-cast { padding-bottom: 1em; }
.zprava-od-vody-prispejte { text-align: center; }
.zprava-od-vody-navrat { text-align: center; }

@media screen and (max-width: 500px) {
	.zprava-od-vody .zov2f { display: block; }
	.zprava-od-vody .zov2f tbody { display: block; }
	.zprava-od-vody .zov2f tr { display: block; }
	.zprava-od-vody .zov2f td { display: block; }
}




/* = ULOVKY CTENARU
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/
.ulovky-chci-poslat { text-align: center; }
.ulovky-navrat { text-align: center; }

.ulovek-prehled { margin: 4em 0; }
.ulovek-nadpis time { float: right; }
.ulovek .razitko-v-textu { float: left; margin: 0 1em .3em 0; }

.ulovek-prehled .ulovek-doprovodne-foto { text-align: center; }
.ulovek-prehled  { text-align: center; }

@media screen and (min-width: 768px) { 
	.ulovek-prehled .ulovek-doprovodne-foto { float: left; width: 250px; }
	.ulovek-prehled .ulovek-text { text-align: left; float: right; width: 440px; }
	.ulovek-prehled .ulovek-nadpis { margin-top: 0; margin-bottom: 15px; }
}
@media screen and (min-width: 1000px) {
	.ulovek-prehled .ulovek-text { width: 400px; }
}
@media screen and (min-width: 1200px) {
	.ulovek-prehled .ulovek-text { width: 540px; }
}


#dalsi-ulovky { margin-bottom: 3em; }


.ulovky-fotky { margin: 1em 0; width: 100%; }
.ulovky-fotky td { text-align: center; vertical-align: middle; width: 33.333% }

.ulovky-formular {}
.ulovky-formular table { margin: 1em 0; width: 100%; }
.ulovky-formular textarea { height: 300px; }
.ulovek-odeslani { text-align: center; }

@media screen and (max-width: 500px) {
	.ulovky-fotky { display: block; }
	.ulovky-fotky tbody { display: block; }
	.ulovky-fotky tr { display: block; }
	.ulovky-fotky td { display: block; width: 100%; }
}




/* = VIDEA
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.prehled-videi-kategorie { margin-top: 2em; text-align: center; }
.prehled-videi-kategorie a { display: inline-block; padding: 8px 15px; margin: 0 4px; background-color: #0AE80A; color: #fff; text-transform: uppercase;  }
.prehled-videi-kategorie a.vybrana { background-color: #fff; color: #0AE80A; border: 1px solid #0AE80A; }


.videa-prehled { margin-top: 2em;  }
.video-obal-prehled { position: relative; margin-bottom: 1em; }

.video-prehled-nazev { display: block; padding: 5px; position: absolute; bottom: 0; left: 0; width: 100%;  }
.video-prehled-nazev { background-color: #997C39; color: #fff; text-decoration: none; font-size: 14px; }

.video-prehled-video img { margin: 0; display: block; width: 100%; height: auto; }

@media (min-width: 440px) {
	.video-obal-prehled { float: left; width: 48%; }
	.video-obal-prehled:nth-child(2n) {  }
	.video-obal-prehled:nth-child(2n+1) { clear: left; margin-right: 4%;  }
}

@media (min-width: 768px) {
	.video-obal-prehled { width: 32%;  }
	.video-obal-prehled:nth-child(3n+1) { clear: left; margin-right: 2%;  }	
	.video-obal-prehled:nth-child(3n+2) { clear: none; margin-right: 2%;  }	
	.video-obal-prehled:nth-child(3n+3) { clear: none; margin-right: 0;  }	
}


.video-obal-detail { margin: 1em 0 0; }

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}










/* = CLANKY
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.clanek-na-prehledu { margin-bottom: 4em; text-align: center; }
.clanek-prvni { margin-top: 4em; }
.cnp-obrazek { text-align: center; }
.cnp-obrazek img { box-shadow: gray 0px 0px 10px ; }
.cnp-info { }
.cnp-info h2 { margin: 0; }

.clanek-na-prehledu .datum-a-autori, .clanek-na-prehledu .datum-a-autori a { color: gray; }


@media screen and (min-width: 600px) {
	.cnp-obrazek { width: 40%; float: left; }
	.cnp-info { width: 56%; float: right; text-align: left; }
}

.clanek .datum-a-autori, .clanek .datum-a-autori a,
	.clanek-na-prehledu .datum-a-autori, .clanek-na-prehledu .datum-a-autori a { color: gray; }
.clanek .perex,
	 .clanek-na-prehledu .perex { font-style: italic; }

.text-clanku { margin-bottom: 3em; }
.text-clanku .velkaf { text-align: center; }
.text-clanku .clanekf { margin: 1em 0; width: 100%;  }
.text-clanku .clanekf td, .text-clanku .clanekf th { vertical-align: top; }
.text-clanku .clanekf p { margin: 0; text-align: center; }
.text-clanku .clanek-fdesc { display: block; text-align: center; font-style: italic; font-size: 14px; }
 








/* = KONTAKT
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

h2#skupina1h2 { display: none; }
ul.lide { width: 100%;  margin: 0px;  }
.lide li {width: 100%; display: block; float: left; padding: 1em; margin: 0 0 1em; background: #ECEAE8;   }
.lide li:hover { background: #E1E1E1; }
.lide img { float: right; margin: 5px 5px 5px 0; }
.lide h4, .lide p { margin: 10px 0; padding: 0; }
.lide p {  }
.lide p img { margin: 0 5px 0 0; padding: 0 5px 0 0; }
.lide p.ico-mobil, .lide p.ico-fax, .lide p.ico-email { padding: 0 0 0 23px;}
.lide p.ico-mobil { background: url("img/phone.png") no-repeat left center; }
.lide p.ico-fax { background: url("img/printer.png") no-repeat left center; }
.lide p.ico-email { background: url("img/email.png") no-repeat left center; }


@media screen and (min-width: 600px) {
	.lide li { width: 49%;  min-height: 200px;  margin: 0 2% 10px 0;  }
	.lide li:nth-child(even) { margin-right: 0; } 
}


.googlemapa { width: 100% !important; }



.napistenam {  }
.napistenam table { width: 100%; margin: 1em 0; }
.napistenam td.licha { width: 20%; }
.napistenam label.error { margin-left: 1em; }








/* = TEAM
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.tym { padding: 10px; border-bottom: 1px solid #715c2a; }
.tym a { color: #fff; } 

/* prehled */

.tym-nazev { font-size: 30px; font-weight: bold; text-transform: uppercase;	text-shadow: 1px 1px 3px #000; }
.tym-nazev { padding-bottom: 10px; border-bottom: 1px solid #0AE80A; }
.tym-clenove {  }


.clen-tymu {  position: relative; margin-bottom: 1em; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.clen-tymu a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff; }
.clen-tymu h3 { margin: 0; position: absolute; bottom: 10%; left: 0; width: 100%; text-align: center;
								font-size: 40px; font-weight: bold; text-transform: uppercase;
								text-shadow: 1px 1px 3px #000; }

/* rozmery dlazdic */
.clen-tymu { padding-bottom: 66%; } 
/*
@media screen and (min-width: 360px) {
	.clen-tymu { height: 300px; } 	
}
@media screen and (min-width: 500px) {
	.clen-tymu { height: 350px; } 	
}
@media screen and (min-width: 500px) {
	.clen-tymu { height: 400px; } 	
}
@media screen and (min-width: 600px) {
	.clen-tymu { height: 480px; } 	
}
*/

@media screen and (min-width: 1000px) {
	
	.tym-nazev { margin-bottom: 10px; }
	
	.clen-tymu { width: 33%; height: 200px; float: left; margin-right: 0.5%; margin-bottom: 0.5%; padding-bottom: 0; }
	.clen-tymu:nth-child(3n) { margin-right: 0; }
	.clen-tymu h3 { font-size: 25px; }
	
	.clen-tymu { transition: all 0.1s ease-out; z-index: 10; }
	.clen-tymu:hover { transform: rotate(0deg) scale(1.1); box-shadow: 0px 0px 15px #000; z-index: 20; }
}
@media screen and (min-width: 1200px) {
	.clen-tymu { height: 235px; }
}


/* detail */

.clen-nalevo {}
.clen-napravo { display: none; }


@media screen and (min-width: 1000px) {
	.clen-nalevo { float: left; width: 575px; }
	.clen-napravo { display: block; float: right; width: 356px; }
}

@media screen and (min-width: 1200px) {
	.clen-nalevo { float: left; width: 715px; }
}


.fotka-clena { margin: 0 auto; }
.clen-informace { text-align: left;  margin-bottom: 2em; }
.clen-informace h1 { margin: 30px 0 20px; font-size: 30px; text-transform: uppercase; font-weight: bold;  }
.clen-informace p { margin: .4em 0; }

/*.clen-informace:after { content: " "; display: block; width: 40%; margin: 0 auto; border-bottom: 1px solid #0AE80A; }*/

.clen-otazky { margin: 1em 0; }
.clen-otazky h3 { color: #0AE80A; font-size: 18px; font-weight: normal; margin: 1.5em 0 0; text-transform: uppercase;  }
.clen-otazky p { margin: .2em 0 1em; }


.clen-fotogalerie { position: relative; margin-top: 3em; padding-top: 1em; border-top: 1px solid #5f5f5f; }
.clen-slideshow ul { margin: 0; overflow: hidden; list-style-type: none; }
.clen-slideshow li { margin: 0; padding: 0 2px; float: left; width: 210px; height: 150px; list-style-type: none; }
.clen-slideshow li a { display: block; width: 206px; height: 150px; 
											background-position: center center; background-repeat: no-repeat; background-size: cover; }


.cf-left, .cf-right { display: block; width: 35px; height: 35px; position: absolute; z-index: 100; }
.cf-left { left: 0; top: 50%;  } /* sipky jsou spolecne s produktovymi fotkami!!! */
.cf-right { right: 0; top: 50%; }


.clen-reporty { margin-top: 2em; }
.clen-reporty h2 { text-align: center; color: #0AE80A; font-size: 20px; text-transform: uppercase;  }
.clen-reporty h2:after { content: " "; display: block; width: 20%; margin: 10px auto 0; border-bottom: 1px solid #5f5f5f; }

.clen-report { margin-bottom: 2em; }
.clen-report h4 { margin: 0; }
.clen-report p { margin: .4em 0; }
.clen-report a { color: #0AE80A; text-transform: uppercase; }
.cr-vice { text-align: right; }

.prvni-tri-reporty { margin: 2em 0 1em; }
.ostatni-reporty-archiv { text-align: center; margin-bottom: 2em;  }
.ostatni-reporty-archiv a { display: inline-block; color: #b49e6d; border: 1px solid #0AE80A; padding: 10px 25px; text-transform: uppercase; }
.ostatni-reporty { display: none; }


@media screen and (min-width: 768px) { 
	.clen-report { width: 30%; float: left; margin-right: 5%; }
	.clen-report.cr3 { margin-right: 0; }
	
	.cr-vice { text-align: left; }
}



.team-video {}

.team-pravy-blok { height: 250px; position: relative; 
																								background-repeat: no-repeat; background-position: top center; background-size: cover;
																								margin-bottom: 10px;
																								}

.team-pravy-blok .link { display: block; position: absolute; top: 0; left: 0; width: 100%; color: #0AE80A; 
															background: rgba(0,0,0,0.6); text-decoration: none; font-weight: bold;
															padding: 10px 15px;}
.team-pravy-blok .link:hover { color: #07A907; }
.team-pravy-blok .cover { display: block; height: 250px; position: relative; color: #fff; }
.team-pravy-blok .info { position: absolute; left: 0; bottom: 0; padding: 15px; text-shadow: 1px 1px 3px #000; }
.team-pravy-blok .n { display: block; font-size: 18px; text-transform: uppercase; font-weight: bold; }
.team-pravy-blok .t { display: block; font-size: 15px; margin-top: 5px; }







/* = PRODEJNI MISTA
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

#mapa { margin: 20px auto; position: relative; width: 546px; height: 337px; }
#mapa img { position: absolute; z-index: 0; top: 0; left: 0; }
#mapa img.nb { border: none; }

#kraje-sloupce { overflow: hidden; padding: 30px; background: #f4f2f2;  }
.kraje-sloupec { width: 50%; float: left; text-align: center; }
.kraje-sloupec p { margin: .5em 0; padding: 0; }

@media screen and (max-width: 580px) {
	#mapa { display: none; }
	.kraje-sloupec { width: 100%; float: none;  }
}

.seznam-prodejen-navrat { text-align: center; margin: 2em; }
.seznam-prodejen-navrat img { border: none; }
.seznam-prodejen-navrat a { display: block; }

.prodejna { border: 1px solid #cdccc7;  margin: 0 0 1em; }
.prodejna h2 { margin: 1px !important;  padding: 2px 10px !important;  background: #f0f0f0;  color: #000000; }
.prodejna p { margin: 5px 10px; line-height: 1.5; }



/* = NAZORY ZAKAZNIKU
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.recenze { clear: both; overflow: hidden; padding: 25px 0; border-bottom: 1px solid #F0F0F0 }
.recenze .hodnoceni { font-style: italic; font-size: 110%;    margin: 0 0 .5em; padding: 0; }
.recenze .quote { display: inline; margin: 0; padding: 0; }
.recenze .quote1 { margin: 0 4px 0 0; }
.recenze .quote2 { margin: 0 0 4px 6px; }
.recenze .autor {  margin: 0; padding: 5px 0 0 0; overflow: hidden; }
.recenze .rec-jmeno { font-size: 110% }
.recenze .celkove-hodnoceni span { float: left; margin-right: 10px; display: block; height: 20px; width: 100px }
.recenze .celkove-hodnoceni span.pozadi { background: transparent url(img/stars-empty.gif) top left no-repeat; }
.recenze .celkove-hodnoceni span.pozadi span { background: transparent url(img/stars-full.gif) top left no-repeat; }

.recenze .rec-jmeno { float: left; margin-right: 10px; }
.recenze .rec-datum { float: left; margin-right: 10px; }



/* = USPECHY
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.uspech-obal { margin-bottom: 2em; }
.uspech-foto {}
.uspech-popis {}



@media screen and (min-width: 768px) { 
	.mafoto .uspech-foto { width: 35%; float: left;  }
	.mafoto .uspech-popis { width: 63%; float: right; }
}






/* = GALERIE
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/




.galerie-obal { margin: 2em 0;}
.galerie-obal table { margin: 0; width: 100%; }

.galerie-obal table tr { display: block; }
.galerie-obal table td { display: block; text-align: center;  }


@media screen and (min-width: 450px) {
	.galerie-obal table tr { display: table-row; }
	.galerie-obal table td { display: table-cell; }
}



/* = NEWSLETTER (na webu)
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.newsletter { margin: 2em auto; display: block;  }
.newsletter td { padding: 0; }













/* = SOUTEZ O BOILIES
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.sob-novy-prispevek { text-align: center;  }

.sob-form {  }
.sob-form h2 { text-align: center;  }
.sob-form table { margin: 1em 0; width: 100%; }
.sob-form table th, .sob-form table td { padding: .8em;  }
.sob-form table th strong { color: #FF292B;  }


.sob-prispevek { margin: 3em 0;  }

.sob-prispevek:after { content: ''; display: block; background: #FF292B; height: 4px; width: 60%; margin: 50px auto  }


@media (min-width: 500px) {
	.sob-top { background-color: #ECEAE8; padding: .5em; }
	.sob-top h3 { float: left; margin: 0; }
	.sob-top .sob-d { float: right;  }
}

.sob-obrazek img { margin: 0;  }

.sob-fblike { padding: 10px; text-align: center; min-height: 45px; }
.sob-fblike .fb-like { vertical-align: middle; margin-left: 20px; }

.sob-info {}
.sob-info-vals { text-align: center;  }
.sob-i { display: inline-block; margin-right: 20px; }

.sob-zpet, .sob-nic { text-align: center;  padding: 30px 0; }







/* = NIKL DARKY V KOSIKU
==============================================================================================================================
==============================================================================================================================
==============================================================================================================================
*/

.nikl-darky-nad-kosikem { text-align: center; }
.nikl-darky-nad-kosikem a { display: inline-block; padding: 10px; background-color: #FF292B; border-radius: 4px; color: #fff; text-transform: uppercase; text-decoration: none; }
.nikl-darky-nad-kosikem a:hover { background-color: #FF5D5F; }


.nikl-darky { padding: 20px 0; }

.nikl-darky-kosik-info { text-align: center;  }
.nikl-darky-kosik-info h2 { color: #FF292B; text-transform: uppercase;  }

.nikl-darky-nabidka {}
.nikl-darky-nabidka ul.prod { list-style: none; }
.nikl-darky-nabidka ul.prod li {  text-align: center; margin: 0 0 20px; padding: 10px; }
.nikl-darky-nabidka ul.prod li:hover { box-shadow: silver 0px 0px 10px ; }

.nikl-darky-nabidka ul.prod li.vybranydarek { box-shadow: #FF292B 0px 0px 10px ; }
.nikl-darky-nabidka ul.prod li.vyprodano { color: gray !important; }
.nikl-darky-nabidka ul.prod li.jevybranyjinydarek { opacity: .7; }

.nikl-darky-nabidka ul.prod li h3 { margin: 0 0 5px; padding: 0 4px; font-size: 15px; }
.nikl-darky-nabidka ul.prod li .jiz-vybrano { font-style: italic; text-transform: uppercase; font-size: 12px; }

.nikl-darky-nabidka ul.prod li .foto { height: 100px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: contain;  }

.nikl-darky-nabidka ul.prod li input { padding: 4px 10px; font-size: 14px; }

.nikl-darky-nabidka ul.prod li .vcene { margin: 5px 0 0; font-size: 15px; }



.nikl-darky-nabidka ul.prod { display: flex; flex-wrap: wrap; justify-content: center; }
.nikl-darky-nabidka ul.prod li { width: 45%; margin: 0 2.5% 20px; }
	
@media (min-width: 600px) {
	.nikl-darky-nabidka ul.prod li { width: 31%; margin: 0 1.166666% 20px; }
}

@media (min-width: 1200px) {
	.nikl-darky-nabidka ul.prod li { width: 19%; margin: 0 0.5% 20px }
}


/* zruseni darku v doprave, je-li jen zaslani poukazu emailem */

.zruseni-darku-v-doprave { padding: 10px; background-color: #FF292B; border-radius: 4px; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; }














.lb24-default-list-item-date, .lb24-default-list-item-title { color: #0AE80A !important; }

@media (min-width: 960px) {
	.lb24-default-list-item-title { font-size: 20px !important; }
}














.pv-form {}

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

.pv-form__message { display: none; text-align: center; margin-bottom: 20px; }


.pv-form__items {}
.pv-form__item { margin-bottom: 10px; }
.pv-form__item input { width: 100%; }

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

@media (min-width: 768px) {
	.pv-form__items { display: flex; justify-content: space-between; margin-bottom: 20px; }
	.pv-form__item { width: 31%; margin: 0; }
}