/*.wrapper { width:1200px; min-height:800px; margin: 0 auto; padding:0; position:relative;}*/
:root {
 --default-space: 1%;
 --body-bg: #fff;
 --main-color: #ff5900;
 --main-dark-color: #0c141a;
 --border-color: #d1dadf;
    /*--main-text-color: #000;*/
    /*--header-color: #fff;*/
    /*--header-bg: #1e2328;*/
    /*--sidebar-bg: #c29c54;*/
    /*--link-color: #a9843d;*/
    /*--button-color: #70cc3e;*/
    --border: #d9d9d9 solid 1px;
	--border-radius: 10px;
}
/* common: obecné styly pro tagy */
h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	padding: 0 0 10px 0;
	letter-spacing: -1px;
	text-align:center;
}
h1, h2 { position:relative; font-size:27px; color:var(--main-dark-color); text-align:center;}
h1:after, h2:after {content:''; position:absolute; width: 80px; height: 2px; background: var(--main-color); left:50%;  bottom: -6px; margin-left: -40px;}

a { color: #e45000; text-decoration: underline; }
a:focus, a:hover { color: #a53a00; }
hr {
	color: var(--border-color);
	background-color: var(--border-color);
	border:none;
	height: 1px;
	margin: 6px 0 6px 0;
	clear:both;
}
button, input, optgroup, select, textarea {
	font-size: 16px;
	min-height: 25px;
	line-height: 25px;
	padding-left: .3em;
	border-radius: var(--border-radius);
	border: var(--border);
	background:#FFF;
}

html { scroll-behavior: smooth;} /* hladke najeti na zalozku*/

fieldset input { width:97%;}
@media screen and (min-width: 768px) {
	fieldset input { width: inherit;}
}
input, optgroup, select {
}
label { line-height:38px;}
textarea {
	resize: vertical;
	width:100%;
}
table {border-collapse: collapse; border-spacing: 0;}
/* /common */

/* utility classes: obecné třídy */
/* button může byt použit pro <a>, <button> a <input submit> */
.button {
	display: inline-grid;
	place-items: center;
	color: #FFF;
	height: 2.6em;
	padding: 0 .8em;
	margin: 1px;
	text-decoration: none;
	border-radius: var(--border-radius);
	border: none;
	cursor: pointer;
	background: var(--button-color);
	background: var(--main-color);
	min-width: 25px;
}
.button:hover {
	background:var(--main-dark-color); color:#FFF;
}

.bigbutton {
	height: 40px;
	padding: 0 1.8em;
	margin-top:10px;
	}
	
.gdpr { font-size:13px; text-align:center; color:#707070;}
.gdpr strong { color:#000;}

/** overlay pro ajax formuláře apod. Parent container musí být position relative */
.overlay {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: lightgray;
	opacity: 0.5;
}
.js-loading .overlay {
	display: block;
}

td.number {
    text-align: right;
}

/* /utility classes */

/* layout stránky */
body {
	background: var(--body-bg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 auto;
	padding: 0;
}
/* /layout */

/*** header */

.warning-old-browser {
   background: red;
    color: white;
	text-align:center;
    margin: 0;
    padding: .5rem;
}

.headerTop {
    background: var(--main-color);
	color:#FFF;
}
 .headerTop div {
	display: grid;
	grid-template-areas: "currency"  "loger"  "cartbtn";
}
@media screen and (min-width: 531px) {
 .headerTop div {
	 max-width: 1200px;
	 min-height:45px;
	 margin: 0 auto;
	 grid-template-columns: 1fr 120px 150px;
	 grid-template-areas: "currency loger cartbtn";
	 }
}

@media screen and (max-width: 530px) {
 .headerTop div {
	 grid-template-columns: 50% 50%;
	 grid-template-areas: "currency currency" "loger cartbtn";
	 }
}
@media print {
#headerTop {
	display: none;
	}
}
a.loger:hover, a.cartbtn:hover { color:#000;}
a.loger {
	color:#fff;
	text-decoration:none;
	margin: 0 5px 0 0;
	padding: 12px 5px 12px 36px;
	background:url(../images/sml-icon-loger.png) no-repeat;
	background-position: 0px 6px; 
}
a.cartbtn {
	color:#fff;
	text-decoration:none;
	margin: 0 5px 0 0;
	padding: 12px 5px 12px 36px;
	background:url(../images/sml-icon-cart.png) no-repeat;
	background-position: 0px 6px; 
}
.header {
    background: #fff;
	display: grid;
	grid-template-areas: "logo"  "search"  "cart";
}
@media screen and (min-width: 768px) {
 .header {
 max-width: 1200px;
min-height:90px;
 margin: 0 auto;
 grid-template-columns: 1fr 2fr 280px;
grid-template-areas: "logo search cart";
}
}
@media print {
#header {
	display: none;
}
}
.logo {
	grid-area: logo;
}
.logo a {
	display:block;
	width:100%;
	height: 54px;
	background: url(../images/logo-strojeholes.png) no-repeat center;
	background-size: 277px 54px;
	margin-left:0px;
}
@media screen and (min-width: 768px) {
	.logo a {
	width:277px;
	background: url(../images/logo-strojeholes.png) no-repeat left;
	background-size: 277px 54px;
	margin-left:20px;}
}
.logo span {
	display:none;
}
.currency-switcher {
	grid-area: currency;
	margin:0; 
	text-align:center; 
}
@media screen and (min-width: 768px) {
	.currency-switcher  { 
	margin-left:20px; text-align:left;
	}
}

.currency-switcher_btn.js-active {
	background:var(--main-color);
	border: none;
	padding: 7px 5px;
	color:#FFF;
	font-weight:bold;
}
.currency-switcher_btn {
	background:var(--main-color);
	border: none;
	padding: 7px 5px;
	cursor:pointer;
}

.cart {
	grid-area: cart;
	width: 100%;
	min-height:  inherit;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
}
.cart p br { display:none;}
@media screen and (min-width: 768px) {
	.cart {
	grid-area: cart;
	width: 280px;
	min-height: 90px; color:#707070;
}
.cart p br { display: inherit;}
}
.cart p {
	margin:13px 0;
	font-size:14px;
}
.cart .bigbutton {
	margin:0;
}
.cart .free-delivery strong { 
	display:block;
}
.cart__price {
	margin: 0;
	padding: 0;
	font-size:24px;
	font-weight:bold;
	color:#000;
}
.cart__vat, .currency {
	font-size: 14px;
	color:#000;
}
.cart__main {
	border-radius: var(--border-radius);
	margin: 0 0 10px 0;
	padding: 15px;
	border: var(--border-color) solid 1px;
	background: #fff;
	}
.cart__main .price-big, .order-form .price-big { font-size: inherit;}

.free-delivery { text-align:center; margin:0 1%;}
.free-delivery progress {
    vertical-align: baseline;
	accent-color: rgb(0, 100, 69);
	width:100%
}

.search {
	grid-area: search; 
	text-align:center;
	margin:0px; 
}
@media screen and (min-width: 768px) {
	.search {
	grid-area: search;
	margin:17px; 
}
}
.search label {
	display: none;
}
.search input {
	background: #FFF url(../images/icon-hledat.gif) no-repeat;
	background-position: right top;
	height: 40px;
	padding: 0 2em;
	border: var(--main-color) solid 2px;
	min-width: 60%;
}
.search input:hover { border: var(--main-dark-color) solid 2px;}
/* main menu */
.menu {
	font-size:18px;
	margin:0 auto 2px;
	padding:0;
	text-align:center;
	background: #f9f9f9;
	position: relative;
	clear:both;
	border-bottom:#e4e4e4 solid 1px;
	border-top:#e4e4e4 solid 1px;
}
@media screen and (min-width: 768px) {
.menu {
	margin:0 auto 40px;
}
}
.menu ul {
	margin:0;
	padding:0;
}
.menu li {
	display:inline;
	list-style-type:none;
}
.menu a {
	text-decoration:none;
	color:#000;
	display:block;
	padding:0 10px;
	line-height:37px;
	height:37px;
	margin:0 2px;
}
@media screen and (min-width: 768px) {
.menu a {
	line-height:57px;
	height:57px;
}
}
.menu li a {
	display:inline-block;
	white-space:nowrap;
}
.menu a:hover {
	color:var(--main-color);
}
.menu ul li.selected a {
	color:var(--main-color);
	text-decoration:underline;
}
.menu ul li ul {
	display:none;
}
.menu ul li.selected ul {
	display:block;
}
.menu ul li.selected ul li ul {
	display:none;
}
.menu ul li.selected ul li.selected ul {
	display:block;
}
.menu ul li ul {
	position: relative;
	top: inherit;
	left: inherit;
	min-height:37px;
	z-index: inherit;
	padding:0;
	background: var(--main-dark-color); /*display:none;*/
}
@media screen and (min-width: 768px) {
.menu ul li ul {
	position:absolute;
	top: 57px;
	left:0;
	width:100%;
	min-height:57px;
	z-index:0;
}
}
.menu ul li.selected ul {
	display: block;
}
.menu ul li ul li a, .menu ul li.selected ul li a {
	color:#fff;
	background:var(--main-dark-color);
	height:37px;
	line-height:37px;
	padding:0 10px;
	margin:0 2px;
}
@media screen and (min-width: 768px) {
.menu ul li ul li a, .menu ul li.selected ul li a {
	height:57px;
	line-height:57px;
}
}
.menu ul li ul li a:hover, .menu ul li.selected ul li a:hover {
	background:#000;
	color:#FFF;
}
.menu ul li ul li.selected a, .menu ul li.selected ul li.selected a {
	background:#fff;
	color:#000;
}
/* /main menu */


.img_det { max-width:300px; max-height:300px;}

/* obal main + sidebar */
.content {
	display: grid;
	grid-template-areas: "sliderholder" "homekat"  "main"  "sidebar" "motivator";
}
.body--wide .content {
	grid-template-areas: "sliderholder" "main";
}
 @media screen and (min-width: 768px) {
 .content {
 max-width: 1200px;
 margin: 0 auto;
 grid-template-columns: 300px auto;
 grid-template-areas: "sliderholder sliderholder" "homekat homekat" "sidebar main" "motivator motivator";
 gap: 20px; /*.5em;*/
}
 .body--wide .content {
 grid-template-columns: 1fr;
 grid-template-areas: "sliderholder" "main";
}
}

.homekat { 
	margin:1px auto;
	width:100%;
	grid-area: homekat;
	text-align:center;
}
.homekat a {
	display:inline-block;
	font-size:17px;
	width:14.2%;
	min-width: 170px;
	max-height: 70px; 
	color:#000; 
	background:#eeeeee;
	border-radius: var(--border-radius); 
	padding: 30px 0;
	margin: 10px 1%;
	text-decoration:none;
}
.homekat a:hover { background:var(--main-color); color:#fff;}
.breadcrumbs {
	padding:0 0 20px 0;
	color:#707070;
}
.breadcrumbs a { color:#707070; text-decoration:none;}
.breadcrumbs a:hover { color:#000; text-decoration: underline;}
.breadcrumbs p { padding:1px 20px; background:#FFF; }
.breadcrumbs span { display:inline-block; background:url(../images/sml-icon-breadcrumbs.png) no-repeat; background-position:center top; width:11px;}

.sidebar {
	grid-area: sidebar;
}
 @media print {
.sidebar {
	display: none;
}
}
/*#obsahHolder {*/
/*    float: right;*/
/*    width: 677px;*/
/*    margin: 0 0 20px 0;*/
/*    padding-bottom: 60px;*/
/*}*/

/*#obsahHolderWide {*/
/*    width: 1200px;*/
/*    margin: 0 auto;*/
/*    padding-bottom: 60px;*/
/*    font-style: italic;*/
/*}*/

/*#obsahHolderWide .colmn1 {*/
/*    float: left;*/
/*    width: 486px;*/
/*    border-right: #474747 1px dotted;*/
/*    padding-right: 10px;*/
/*}*/

/*#obsahHolderWide .colmn2 {*/
/*    float: right;*/
/*    width: 486px;*/
/*}*/

/*.colmn1 {*/
/*    float: left;*/
/*    width: 314px;*/
/*    border-right: #474747 1px dotted;*/
/*    padding-right: 10px;*/
/*}*/

/*.colmn2 {*/
/*    float: right;*/
/*    width: 314px;*/
/*}*/

/*.colmn1n3, .colmn3n3 {*/
/*    float: left;*/
/*    width: 293px;*/
/*    border-right: #474747 1px dotted;*/
/*    padding: 0 10px;*/
/*    margin: 10px 0;*/
/*}*/

/*.colmn3n3 {*/
/*    border: none;*/
/*}*/

.front-help { 
	color:#000;
	padding:10px; 
	margin:10px; 
	font-size:13px;
	border:#e4e4e4 solid 1px;
	background:	#f9f9f9;
	border-radius: var(--border-radius); 
	}

.main {
	grid-area: main;
	max-width: 900px;
	padding:10px
}
@media screen and (min-width: 768px) {
.main {
	padding:0;
}
}
/*.contentHolder {*/
/*    border-radius: 6px;*/
/*    padding: 10px;*/
/*    margin: 0 0 10px 0;*/
/*    border: #e0e0e0 solid 1px;*/
/*    position: relative;*/
/*}*/

/*.contentHolder h1, .contentHolder h3, .contentHolder h4 {*/
/*    padding: 0 0 10px 0;*/
/*    margin: 0 0 10px;*/
/*    border-bottom: #e0e0e0 solid 1px;*/
/*    color: #000;*/
/*    font-style: italic;*/
/*}*/

.kategory-small {
	background:#eeeeee;
	color:#000;
	text-decoration:none;
	display:inline-block;
	padding:10px 20px;
	margin:0 5px 5px 0;
	border-radius: var(--border-radius);
}
.kategory-small:hover {
    background: var(--main-color);
    color: #fff;
}

/* strom kategorií */
.categories {
	border-radius: var(--border-radius);
    margin: 0 0 40px 0;
    background: #fff;
	padding:15px 0 30px;
	box-shadow: 0 .75rem 2.75rem 0 rgba(196,196,196,0.7);
}

.categories__nadpis { font-size:18px; font-weight:bold; margin:15px;}

.categories ul.toplevel li {	display: inline-block; width: 49%; text-align:center; font-size: 12px;}
.categories ul.toplevel li a {border: var(--border-color) solid 1px; padding:20px 0px; background:#fff; color:#101417;}

.categories ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:16px;
	border-top:#f7f8f9 solid 1px;
}

.categories ul li ul { display: none;}
.categories ul li.selected ul { display: block;}

 .categories ul li a {
        text-decoration: none;
        color: #000;
        display: block;
        padding: 15px 10px 15px 20px;
        background: #fff;
		border-bottom:#f7f8f9 solid 1px;
    }

    .categories ul li a:hover {
        background: #dcdfe5;
    }

    .categories ul li.selected a {
        border-left: #ff5900 solid 4px;
		color:#ff5900;
    }

    .categories ul li ul li a,
    .categories ul li.selected ul li a {
        padding: 15px 10px 15px 40px;
        color: #000;
        background: #f5f7f8;
		border-left:none;
		border-bottom:#f7f8f9 solid 1px;
    }

    .categories ul li ul li.selected a {
        padding: 15px 10px 15px 36px;
		background: #f5f7f8;
		border-left: #ff5900 solid 4px;
		color:#ff5900;
    }

    .categories ul li ul li ul li a,
    .categories ul li.selected ul li ul li a {
        padding: 15px 10px 15px 60px;
        color: #000;
        background: #eaeced;
		border-left:none;
		border-bottom:#f7f8f9 solid 1px;
    }

    .categories ul li ul li ul li.selected a {
        padding: 15px 10px 15px 56px;
		color: #ff5900;
        background: #eaeced;
		border-left: #ff5900 solid 4px;
    }
	
	.categories ul li ul li ul li ul li a,
    .categories ul li.selected ul li ul li ul li a {
        padding: 15px 10px 15px 80px;
        color: #000;
        background: #e1e3e4;
		border-left:none;
		border-bottom:#f7f8f9 solid 1px;
    }

    .categories ul li ul li ul li ul li.selected a {
        padding: 15px 10px 15px 76px;
		color: #ff5900;
        background: #e1e3e4;
		border-left: #ff5900 solid 4px;
    }
	
	

.customer {
	border-radius: var(--border-radius);
    margin: 0 0 40px 0;
    padding: 15px;
	text-align:center;
    background: #fff;
	box-shadow: 0 .75rem 2.75rem 0 rgba(196,196,196,0.7); 
}
.customer h3 {
	color: var(--main-color);
	font-size: 27px;
	padding: 0;
	font-weight: normal;
}
.customer a.buton {
	width: 90%;
    font-size: 18px;
	color:var(--main-dark-color);
	border: #df4e00 solid 1px;
	border-radius: var(--border-radius);
	height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
}

.customer a.buton:hover { background:var(--main-dark-color); color:#FFF; border: var(--main-dark-color) solid 1px;}
.customer button:hover { background:var(--main-dark-color); }

#login {
	font-size: 18px;
	font-weight: bold;
	text-align:left;
}
.customer__login p {
    position: relative;
    margin: 0 0 10px 0;
    padding: 6px;
}
.customer__login label {
    position: absolute;
    left: 16px;
	top: -2px;
    background: #FFF;
    font-size: 13px;
	line-height:13px;
    color: var(--main-color);
    padding: 2px;
	font-weight:normal;
}
.customer input[type=email], .customer input[type=password] {
    border: #c0cfda solid 1px;
    background: #fff;
    color: var(--main-dark-color);
    border-radius: var(--border-radius);
    width: 90%;
    height: 30px;
    text-align: left;
    font-size: 18px;
    padding: 12px 5%;
}
.customer__login button.button {
	width: 100%;
	height: 56px;
	font-size: 18px;
}
.registr a,
.forget a { 
	font-size:16px;
	text-decoration:none;
	padding:5px 10px 5px 43px;
	color:#000;
	font-weight:normal;
}
.registr a:hover, .forget a:hover { color: var(--main-color);}
.registr { 
	background:url(../images/sml-icon-regfrm.png) no-repeat; 
	background-position: 10px 1px;
}
.forget { 
	background:url(../images/sml-icon-pswfrm.png) no-repeat; 
	background-position: 10px 1px;
}
.contact-form {
	position: relative;
	margin: 30px 0;
	width: 96%;
	background: #FFF;
	padding: 30px 2%;
	border-radius: var(--border-radius);
	box-shadow: 0 .75rem 2.75rem 0 rgba(196,196,196,0.7);
}
.contact-form button[type="submit"].button {
    width: 100%;
	max-width:300px;
	height: 56px;
	font-size: 18px;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"],
.order-form input[type="text"], .order-form input[type="email"], .order-form input[type="tel"], .order-form input[type="password"] {
    border: #c0cfda solid 1px;
    width: 85%;
    height: 30px;
    text-align: left;
    font-size: 18px;
    padding: 12px 5%;
    color: var(--main-dark-color);
}

@media screen and (min-width: 768px) {
	.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] { }
}

.order-form select {
    border: #c0cfda solid 1px;
    width: 94%;
    text-align: left;
    font-size: 18px;
    padding: 12px 5%;
	color: var(--main-dark-color);
}
.contact-form textarea,
.order-form textarea {
    border: #c0cfda solid 1px;
    text-align: center;
    font-size: 18px;
    padding: 12px 2%;
    width: 94%;
    height: 80px;
    resize: none;
    color: var(--main-dark-color);
}
.contact-form label,
.order-form label {
    position: absolute;
	left: 12px;
	top: -8px;
	font-size: 13px;
	color: var(--main-color);
	background: #FFF;
	padding: 2px;
	line-height:13px;
}
.order-form label {
    position: initial;
}

.inputholder {
    margin: 10px 0;
    width: 32.9%;
    text-align: center;
    position: relative;
	display:inline-block;
}
.pswholder{
    margin: 10px 0;
    width: 49%;
    text-align: center;
    position: relative;
	display:inline-block;
}
@media screen and (max-width: 1065px) {
	.inputholder {width: 48.2%;}
}
@media screen and (max-width: 530px) {
	.inputholder, .pswholder {width: 99%;}
}
.checkholder { 
	width:98%;
	margin: 10px  auto;
	position:relative;
}
.checkholder p { margin:0 0 0 30px;
}
.checkholder input[type="checkbox"], 
.checkholder input[type="radio"] { 
	width:16px; position:absolute; left:0px; top:-2px;
}
.textareaholder {
    margin: 10px 0;
    width: 100%;
    position: relative;
    text-align: center;
}


.product-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--default-space);
}


.product-card {
    width: 48%;
	min-height:300px;
    display: grid;
/*	grid-template-columns: 50% 50%;*/
	grid-template-rows: 7em 160px 2em 2em 4em 4em;
	grid-template-areas: "title" "image" "number" "price" "price" "cart";
	border-radius: var(--border-radius);
	box-shadow: 0 .75rem 2.75rem 0 rgba(196,196,196,0.7);
	margin-bottom:10px;
}
.product-card:hover { box-shadow: 0 .75rem 2.75rem 0 rgba(196,196,196,1); }

@media screen and (min-width: 989px) {
.product-card {width: 48%;}
}

@media screen and (min-width: 1130px) {
.product-card {width: 32%;}
}

.product-card h5 {
    margin: 20px 10px 5px;
    grid-area: title;
	text-align: center;
}
.product-card h5 a {
	text-decoration: none;
	    color:  var(--main-dark-color);
        font-size: 20px;
        line-height: 20px;
}

.product-card__image {
    position: relative;
	grid-area: image;
	display: block;
}

.product-card__image--empty {
    background: url(../images/non-img-thumb.jpg) no-repeat center center;
    background-size: 60% auto;
}

.product-card__discount {
	position: absolute;
	bottom: 0;
	right: 0;
	padding:0.9em;
	background: #f2ab00;
	color:#000;
}

.product__info .product-card__discount {
	position:relative;
	right:inherit;
	bottom: inherit;
	padding:1.2em;
}

.price-currency span {
	font-size:24px;
	color:#717171;
}

.price-currency strong span {
	color:#000;
}

.price-currency .currency {
	font-weight: normal;
	font-size:24px;
}

.product__info .product-card__price { 
	font-size: 33px;
}

.product__info .product-card__price span { 
	color: #000;
	font-size: 14px;
}

.product-card__discount span {
	font-size: 24px; 
	color:#FFF;
}
.product-card__image img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}
.product-card__number {
	grid-area: number;
	color:#717171;
/*	line-height:24px;*/
}
.product-card__number strong { color:#000; }

.product-card__price {
/*    grid-area: price;*/
	font-size:19px;
	line-height:14px;
	color: #717171;
}
.product-card__price strong { color:#000;}
.currency { color:#000; font-size:14px;color: #717171;}
.price-big { color:#000; font-size:24px;}

.product-card .button { 
	min-height: 40px; 
	padding: 0 0.4em; 
	text-align:center;
}

.product-card form input { 
	height: 38px;
	padding: 0 0.5em;
	font-weight:bold;
	width:30px;
}

.product-card form {
	grid-area: cart;
	display: block;
	text-align: center;
}
/*.listItem .dokosiku {*/
/*    position: absolute;*/
/*    bottom: 10px;*/
/*    right: 10px;*/
/*    width: 80px;*/
/*    border-radius: 20px;*/
/*    border: #2c9d00 solid 1px;*/
/*    height: 23px;*/
/*    float: left;*/
/*    overflow: hidden;*/
/*}*/

.product-card input {
	width: 4em;
}
/*.listItem .dokosiku .buton {*/
/*    border-radius: 0;*/
/*    line-height: 15px;*/
/*    margin: 0;*/
/*    float: right;*/
/*}*/

/*.moreinfo {*/
/*    position: absolute;*/
/*    left: 85px;*/
/*    top: -75px;*/
/*    width: 450px;*/
/*    height: 55px;*/
/*    padding: 10px;*/
/*    background: url(../images/92-perc-green.png) repeat;*/
/*    text-align: center;*/
/*    color: #FFF;*/
/*    z-index: 17;*/
/*    overflow: hidden;*/
/*}*/

/*.listItem a {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    display: block;*/
/*    width: 557px;*/
/*    height: 75px;*/
/*    z-index: 20;*/
/*}*/


/* ikonky příznaků v seznamu a detailu produktu */
.product__icon-new,
.product__icon-sale {
    display: none;
}

.js-product-new .product__icon-new {
    display: unset;
	grid-area: image;
	position: absolute;
	left:3px;
	border: var(--border-color) solid 1px;
	padding: 3px 10px;
	background:#FFF;
	color:#000;
	color: var(--main-color);
	border-radius: var(--border-radius);
}

.js-product-sale .product__icon-sale {
    display: unset;
	grid-area: image;
	position: absolute;
	right:3px;
	border: var(--border-color) solid 1px;
	padding: 3px 10px;
	background:#FFF;
	color:#000;
	color: var(--main-color);
	border-radius: var(--border-radius);
}


/*** product detail */
.content-holder {
	margin: 30px 0;
	width: 96%;
	background: #FFF;
	padding: 30px 2%;
	border-radius: var(--border-radius);
	box-shadow: 0 .75rem 2.75rem 0 rgba(196,196,196,0.7);
}

.product {
	display: flex;
	flex-wrap: wrap;
	border-radius: var(--border-radius);
    border: var(--border-color) solid 1px;
	margin: 0 0 10px 0;
	padding:10px;
}
 .product__info {
 padding: 6px 3%;
 text-align: center;
 width: 94%;
}

.product__icon-new-det,
.product__icon-sale-det {
    display: none;
}

.js-product-new .product__icon-new-det {
	border: var(--border-color) solid 1px;
	padding: 3px 10px;
	background:#FFF;
	color:#000;
	color: var(--main-color);
	border-radius: var(--border-radius);
}

.js-product-sale .product__icon-sale-det {
	border: var(--border-color) solid 1px;
	padding: 3px 10px;
	background:#FFF;
	color:#000;
	color: var(--main-color);
	border-radius: var(--border-radius);
}


@media screen and (min-width: 768px) {
 .product__image {
 width: 49%;
 min-height:300px;
 border-right: var(--border-color) solid 1px;
 position:relative;
}
    .product__image--empty {
        background: url(../images/non-img-thumb.jpg) no-repeat center center;
        background-size: 60% auto;
    }

.product__image:after {content:''; position:absolute; width: 50px; height: 50px; right:0; bottom:0; background: url(../images/icon-zoom-pic.png) no-repeat; background-size: 50px 50px; z-index:18;}
 .product__info {
	 width: 44%;
	 padding: 30px 3%;
	 text-align:left;
}

.product__image a { position:relative; display:block; width:100%; height:100%; text-align:center; z-index:20;}
.product__image img { margin: 30px auto;}

}
.product__gallery img {
	width:100%;
	height:100%;
	object-fit: cover;
}
.product__gallery ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.product__gallery ul li {
    text-align: center;
    width: 73px;
    height: 73px;
    position: relative;
    float: left;
    margin: 10px 2px 0 0;
    background: #eeeeee;
    border: var(--border-color) solid 1px;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.product__gallery ul li:hover {
    border: var(--main-dark-color) solid 1px;
}

.product__description {border-bottom: var(--border-color) solid 1px; }


.skladem {
    position: relative;
    line-height: 22px;
    padding-left: 31px;
    background: url(../images/icon-skladem.png) no-repeat;
	color:#00ac04;
}

.neskladem {
    position: relative;
    line-height: 22px;
    padding-left: 31px;
    background: url(../images/icon-neniskladem.png) no-repeat;
	color:#e06400;
}

/*.discountPrice {*/
/*    border: 1px solid #2c9d00;*/
/*    color: #2c9d00;*/
/*    border-radius: 20px;*/
/*    padding: 3px 10px;*/
/*    margin: 5px 0;*/
/*}*/

/*#prodInfo {*/
/*    color: #a3a2a2;*/
/*}*/

/*#prodInfo strong {*/
/*    color: #4d4d4d;*/
/*}*/

/*#prodInfo .price {*/
/*    color: #4d4d4d;*/
/*}*/

/*#prodInfo .price.not-used {*/
/*    text-decoration: line-through;*/
/*}*/

/*#prodInfo .price strong {*/
/*    font-size: 24px;*/
/*    color: #2c9d00;*/
/*}*/

/*#prodInfo .price span {*/
/*    color: #a3a2a2;*/
/*}*/

/*#prodInfo .dokosiku {*/
/*    width: 200px;*/
/*    border-radius: 20px;*/
/*    border: #2c9d00 solid 1px;*/
/*    height: 23px;*/
/*    overflow: hidden;*/
/*}*/

/*#prodInfo .dokosiku .integer {*/
/*    line-height: 21px;*/
/*    width: 35px;*/
/*    text-align: right;*/
/*    color: #000;*/
/*    font-weight: bold;*/
/*    border: none;*/
/*    float: left;*/
/*}*/

/*#prodInfo .dokosiku .buton {*/
/*    border-radius: 0;*/
/*    line-height: 15px;*/
/*    margin: 0;*/
/*    float: right;*/
/*}*/

.product-detail-btns button {
	min-height: 40px;
	padding: 0 0.4em;
	text-align: center;
}

.product-detail-btns input[type="number"] {
	height: 38px;
	padding: 0 0.5em;
	font-weight: bold;
	width:30px;
}

.product-carousel {
    display: block;
    width: 100%;
    min-height: 500px;
    position: relative;
    overflow: hidden;
}
.product-carousel .product-card {
    box-sizing: border-box;
    width: 46%; /* 2 slidy*/
	margin: 40px 2%;
}
@media screen and (min-width: 960px) {
    .product-carousel .product-card {
        width: 46%;/* 2 slidy*/
		margin: 40px 2%;
    }
}
@media screen and (min-width: 1200px) {
    .product-carousel .product-card {
        width: 29.3%; /* 3 slidy*/
		margin: 40px 2%;
    }
}

/*** /product detail */

/* */
.cart-animated {
	background: #FFF url(../images/box_closing.gif) center center no-repeat;
	border-radius: 5px;
	border: var(--border-color) solid 1px;
}

.strankovani {
	display: grid;
	grid-template-areas: "pagerprev pager pagernext";
	margin: 15px 0;
}

.strankovani a {
    background: #CCC;
    color: #000;
    text-align: center;
    font-size: 13px;
    margin: 1px;
	padding:3px 10px;
	border-radius: var(--border-radius);
    text-decoration: none;
	line-height:27px;
	white-space:nowrap
}

.strankovani a:hover, 
.strankovani a.selected, 
.strankovani a.js-active {
    background: var(--main-color); color:#FFF;
}

.pagerholderLeft {
    grid-area: pagerprev;
	text-align:left
}

.pagerholderRight {
    grid-area: pagernext;
	text-align:right;
}
.stankCent {
	grid-area:pager;
	text-align:center
}

.strankovani a.first {
}

.strankovani a.last {
}

.strankovani a.prev {
}

.strankovani a.next {
}




/*!* form objednavka *!*/

/*** order form */
.order-form {
    position: relative;
}
.order-form__preview {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
     background: white;
}


legend {
    border: var(--main-dark-color) solid 1px;
    background: var(--main-dark-color);
    padding: 3px 20px;
    border-radius: var(--border-radius);
    color: #FFF;
	font-size:14px;
}

fieldset {
    border: var(--border-color) solid 1px;
    border-radius: 5px;
    margin: 10px 0px;
    padding: 10px;
}

.subtotal, .subtotalVAT {
    background: #f5f7f8;
    border-bottom: #dee5e8 1px solid;
    text-align: center;
    line-height: 50px;
}
.subtotal strong {
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: normal;
}
.subtotalVAT strong {
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: normal;
}

.cont-shop a { 
	text-decoration:none;
	font-size: 16px;
	padding: 5px 10px 5px 50px;
	margin:0 auto;
	background: url(../images/sml-icon-shoping.png) no-repeat;
	background-position: 10px 0px;
	color: var(--main-dark-color);
}
.cont-shop a:hover { color: var(--main-color);}

.form-item-web {
    display: grid;
    grid-template-areas: "strong" "span";
    grid-template-columns: 7em 1fr 7em 1fr;
    margin:  0.5em;
    align-items: center;
    grid-gap: 0.5em;
}
@media screen and (max-width: 924px) {
	.form-item-web {
    grid-template-columns: 9em 1fr;
	}
}

.reorder { border:none;
	background:#FFF url(../images/sml-icon-reorder.png) no-repeat;
	background-position: 10px 0px;
	width:140px;
	height:30px;
	font-size:16px;
}
.reorder:hover { color:var(--main-color);}

.orderedItems {
    padding: 22px 10px 10px;
    border: var(--border-color) solid 4px;
	background:#f5f7f8;
}

.autocomplete > div.selected, .autocomplete > div:hover:not(.group) {
    background: var(--main-color);
    color: #FFF;
}

.nobsp {
	white-space:nowrap;
}

#baguetteBox-overlay .full-image img { background:#FFF;}

.motivator {
	background: #f9f9f9;
	grid-area: motivator;
}
.motivator__item {
	display:inline-block; 
	width:30%; min-width:274px;
	margin:20px 1%;
}
.motivator__item p {
	padding:20px 20px 20px 95px;
}
@media screen and (max-width: 550px) {
.motivator__item {width:98%;margin: 0px 1%;}
.motivator__item p {padding: 20px 20px 4px 95px;}
}
.mot-icon-1 { background:url(../images/motivator-icon-1.png) no-repeat; background-position: 30px 30px;}
.mot-icon-2 { background:url(../images/motivator-icon-2.png) no-repeat; background-position: 30px 30px;}
.mot-icon-3 { background:url(../images/motivator-icon-3.png) no-repeat; background-position: 30px 30px;}
/* footer */
.footer {
	width: 100%;
	background: #2b2b2b;
	text-align: center;
	clear:both;
	margin:0;
	color:#8c8c8c;
}
@media screen and (max-width: 550px) {
.footer { padding-bottom:50px;}
}
.footer .wrapper {
	max-width:1200px;
	margin:0 auto;
	min-height:200px;
	padding:10px;
}
.footer__logo {
	display:block;
	width:277px;
	height:54px;
	background: url(../images/bg-footer-logo.png) no-repeat;
	background-size: 277px 54px;
	margin:20px auto 30px;
}
.footer__logo span {
	display:none;
}
.footer__colmn { 
	display:inline-block;
	width:33%;
	min-width: 280px;
	padding:20px 0;
}
@media screen and (max-width: 550px) {
.footer__colmn {width:98%;margin: 0px 1%; padding:0;}
.big-link {margin: 13px 0;}
}
.footer__colmn h5 { 
	color:#fff; 
	font-size: 14px; 
	padding:0; 
	margin:0; 
}
.big-link { 
	font-size:30px;
	color:var(--main-color);
}
.footer hr {
	color: #5e5e5e;
	background-color: #5e5e5e;
}
.footer a {
	color: #ff5900;
	white-space:nowrap;
}
.footer strong {
	color: #fff;
	white-space:nowrap;
}
.footer a:hover {
	color: #fff;
}
 @media print {
.footer {
	display: none;
}
}
/* scroll top */
.link-top {
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 100;
	background:rgba(255, 255, 255, 0.7);
	border-radius: 16px;
	padding: 5px 10px;
	border: var(--border-color) solid 1px;
}
.link-top a {
	text-decoration:none;
	color:#000;
}
.link-top:hover {
	border: #ff5900 solid 1px;
	background:#FFF;
}
/* -------- cookie-bar -------- */
.cookie-bar {
	position: fixed; /*right: 1em; bottom: 1em; margin-left: 1em;*/
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: calc(100% - 16px);
	width: calc(100% - 16px);
	z-index: 2147483631;
	width: 50%;
	z-index: 100;
	background: #fff;
	color: #141414;
	padding: 1em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 32px 68px rgba(0, 0, 0, .3);
	padding:40px;
	text-align:center;
}
.cookie-bar div {
	border:#e6e6e6 solid 1px;
	padding: 20px 10px;
	background:#f9f9f9;
	margin:20px 0 30px;
}
.cookie-bar div p {
	padding:13px 0;
}
.cookie-bar strong {
	color:#000;
}
.cookie-bar label {
	cursor: pointer;
	font-weight: bold;
}
.cookie-bar button {
	border: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	border:#ff5900 solid 1px;
	background:#fff;
	color:var(--main-color);
	margin:3px;
}
.cookie-bar button.prefer {
	background:var(--main-color);
	color:#fff;
}
.cookie-bar button:hover {
	background:var(--main-dark-color);
	border:#000 solid 1px;
	color:#fff;
}
/* -------- end cookie-bar -------- */

/*.galleryList {*/
/*    float: left;*/
/*    margin: 0 5px 20px 5px;*/
/*    border-radius: 6px;*/
/*    border: #cccccc solid 1px;*/
/*    background: #f2f2f2;*/
/*    width: 460px;*/
/*    height: 152px;*/
/*    padding: 10px;*/
/*}*/

/*.galleryList img {*/
/*    float: left;*/
/*    margin-right: 10px;*/
/*}*/

/*.galleryList p.gallpedex {*/
/*    height: 75px;*/
/*    overflow: hidden;*/
/*}*/

/*.galleryList h3 {*/
/*    line-height: 18px;*/
/*    font-size: 18px;*/
/*    margin: 0 0 5px 0;*/
/*    padding: 0;*/
/*    height: 36px;*/
/*    overflow: hidden;*/
/*    color: #434343;*/
/*}*/

/*.galleryList:hover {*/
/*    border: #acacac solid 1px;*/
/*}*/

/*ul.gallery, ul.gallery2 {*/
/*    width: 648px;*/
/*    list-style-type: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    overflow: hidden;*/
/*}*/

/*ul.gallery li, ul.gallery2 li {*/
/*    text-align: center;*/
/*    width: 202px;*/
/*    height: 152px;*/
/*    position: relative;*/
/*    float: left;*/
/*    margin: 0 2px 20px 2px;*/
/*    background: #cccccc;*/
/*    border: #cccccc solid 1px;*/
/*    border-radius: 3px;*/
/*    overflow: hidden;*/
/*}*/

/*ul.gallery li:hover, ul.gallery2 li:hover {*/
/*    border: #484848 solid 1px;*/
/*}*/

/*ul.gallery li p, ul.gallery2 li p {*/
/*    font-size: 11px;*/
/*    font-style: italic;*/
/*    color: #fff;*/
/*    width: 192px;*/
/*    margin: 0;*/
/*    padding: 2px 5px;*/
/*    position: absolute;*/
/*    bottom: 5px;*/
/*    left: 0;*/
/*    text-align: center;*/
/*    background: url(../images/50-perc-black.png) repeat;*/
/*}*/

/*ul.gallery li p:empty, ul.gallery2 li p:empty {*/
/*    display: none;*/
/*}*/

/*ul.gallery2 {*/
/*    width: 983px;*/
/*    margin-left: 10px;*/
/*}*/

/*ul.gallery2 li {*/
/*    margin: 0 10px 20px 10px;*/
/*    padding: 10px;*/
/*    background: #f2f2f2;*/
/*}*/

/*ul.gallery2 li p {*/
/*    margin: 0 10px 10px;*/
/*}*/

/*!* tabs *!*/
/*dl.ergoTabs {*/
/*    position: relative;*/
/*    padding: 0;*/
/*    overflow: auto;*/
/*    margin: 0;*/
/*}*/

/*dl.ergoTabs dt {*/
/*    cursor: pointer;*/
/*    float: left;*/
/*    height: 25px;*/
/*    left: 5px;*/
/*    line-height: 25px;*/
/*    padding: 0 1em;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    font-weight: normal;*/
/*    border: #e0e0e4 solid 1px;*/
/*    background: #ffffff;*/
/*    border-radius: 5px 5px 0 0;*/
/*}*/

/*dl.ergoTabs dt.selected {*/
/*    font-weight: bold;*/
/*    background: #fbfbfb;*/
/*    border: #e0e0e4 solid 1px;*/
/*    border-bottom: #fbfbfb solid 1px;*/
/*    border-radius: 5px 5px 0 0;*/
/*}*/

/*dl.ergoTabs dt:hover {*/
/*    background: #fed100;*/
/*    border: #d0a600 solid 1px;*/
/*}*/

/*dl.ergoTabs dd {*/
/*    float: right;*/
/*    margin: 26px 0 0 -100%;*/
/*    width: 100%;*/
/*    z-index: 1;*/
/*    display: none;*/
/*}*/

/*dl.ergoTabs dd.selected {*/
/*    display: block;*/
/*}*/

/*dl.ergoTabs dd div {*/
/*    background: #fbfbfb;*/
/*    padding: 15px;*/
/*    border: #e0e0e4 solid 1px;*/
/*    border-radius: 5px;*/
/*}*/

/*dd table.edit {*/
/*    margin: 0 auto;*/
/*}*/

/*dd table.edit td {*/
/*    padding: 0;*/
/*}*/

/*dl.ergoTabs dt.hilighter {*/
/*    border: #fed100 solid 1px;*/
/*}*/

/*!* tabulky  -------------------------------------------------------------- *!*/

table.clr {
    border-bottom: #dee5e8 1px solid;
    color: #000;
    width: 100%;
    margin: 10px auto;
}

table.clr td {
    background: #fff;
	padding: 15px 5px;
	border-bottom: #dee5e8 1px solid;
	vertical-align: middle;
	font-size:14px;
}

table.clr th {
    background: #f5f7f8;
	text-align: left;
	color: #101417;
	font-weight: normal;
	vertical-align: middle;
	padding: 20px 5px;
}

table.clr p {
    background-color: #e0e0e0;
    color: #353328;
    padding: 2px;
}

table.clr input[type="number"] {
    width: 30px;
}

/*!* ostatni -------------------------------------------------------------- *!*/

.picRight {
    display: block;
    float: right;
    background: #e0e2e7;
    border: #9b9da2 solid 1px;
    margin: 0 0 10px 10px;
    padding: 5px;
}

.midle { text-align:center;}

/*!* Sample obsahu -------------------------------------------------------------- *!*/
/*blockquote, q {*/
/*    background: #434343;*/
/*    color: #d3d3d3;*/
/*    margin: 5px 0;*/
/*    padding: 10px;*/
/*    border-radius: 6px;*/
/*    font-style: italic;*/
/*}*/

/*blockquote strong {*/
/*    color: #fff;*/
/*}*/

/*p.cite {*/
/*    text-align: right;*/
/*}*/

/*blockquote table td {*/
/*    padding: 2px 0;*/
/*    border-bottom: #b7b7b7 solid 1px;*/
/*}*/

/*pre code {*/
/*    border: 1px dotted #5f5f5f;*/
/*    background-color: rgba(0, 0, 0, 0.1);*/
/*    display: block;*/
/*    max-height: 15em;*/
/*    overflow: auto;*/
/*    padding: 0.5em;*/
/*}*/

/*span.imgBox {*/
/*    display: block;*/
/*    width: 200px;*/
/*    float: right;*/
/*    margin: 0.5em 0 0.5em 0.5em;*/
/*    border: 1px solid #CCCCCC;*/
/*    background: #333333;*/
/*}*/

/*span.imgBox span {*/
/*    padding: 0.5em;*/
/*    display: block;*/
/*}*/

/*th, td {*/
/*    !*border:1px solid gray;*!*/
/*    padding: 3px 0.5em;*/
/*}*/

/*form {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: none;*/
/*}*/

/*p.error {*/
/*    padding: 0.5em;*/
/*    background-color: #910000;*/
/*    border: 1px solid #ff0000;*/
/*    color: #FFFFFF;*/
/*    font-size: 11px;*/
/*    text-align: center;*/
/*    margin: 0;*/
/*    border-radius: 5px;*/
/*}*/

/*p.error:empty {*/
/*    background: none repeat scroll 0 0 transparent;*/
/*    border: medium none;*/
/*}*/

/*p.important {*/
/*    padding: 0.5em;*/
/*    text-align: center;*/
/*    color: #624005;*/
/*    font-size: 11px;*/
/*    background-color: #fec42b;*/
/*    border: 1px solid #cb8100;*/
/*    border-radius: 5px;*/
/*}*/

/*p.warning, p.msieWarning {*/
/*    padding: 10px;*/
/*    background-color: #910000;*/
/*    border: 1px solid #ff0000;*/
/*    color: #FFFFFF;*/
/*    font-size: 11px;*/
/*    text-align: center;*/
/*    margin: 0;*/
/*    border-radius: 5px;*/
/*    z-index: 100;*/
/*    position: absolute;*/
/*    top: 30px;*/
/*}*/

/*p.warning {*/
/*    top: 0;*/
/*}*/

/*p.msieWarning a {*/
/*    color: #FF0000;*/
/*}*/

/*p.msieWarning a:hover {*/
/*    color: #5CFF1D;*/
/*}*/

/*.msgOK {*/
/*    background: #2cbe0f;*/
/*    border-radius: 3px;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*    margin: 10px 0;*/
/*}*/

/*p.warning, .msg {*/
/*    background-color: #9f0000;*/
/*    border-bottom: 1px solid #f90000;*/
/*    border-top: 1px solid #f90000;*/
/*    color: #FFF;*/
/*    padding: 10px;*/
/*    margin-bottom: 10px;*/
/*    text-align: center;*/
/*    border-radius: 5px;*/
/*}*/

/*.msg:empty, .msgOK:empty {*/
/*    display: none;*/
/*}*/

/*.msg.empty, .msgOK.empty {*/
/*    display: none;*/
/*}*/

/*!*kvuli msie samostatny selector *!*/

/*input.error {*/
/*    border: #CC0000 solid 1px;*/
/*}*/

/*label.error {*/
/*    background-color: #CC0000;*/
/*    color: #FFF;*/
/*    font-size: 11px;*/
/*    border: #8f000a solid 1px;*/
/*    padding: 2px 6px;*/
/*    display: block;*/
/*    margin: 5px;*/
/*    border-radius: 5px;*/
/*    text-align: center;*/
/*}*/

/*a.hover:hover {*/
/*    font-style: italic;*/
/*}*/

/*a.active:active {*/
/*    font-weight: bold*/
/*}*/

/*a.pdf, a[href$=".pdf"] {*/
/*    background: transparent url(../images/ikony.png) no-repeat 0 -64px;*/
/*    margin-left: 3px;*/
/*    padding-left: 20px;*/
/*}*/

/*!*a.image, a[href$=".jpg"] {*/
/*background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -16px;*/
/*margin-left:3px; padding-left:20px;*/
/*}*!*/
/*a.word, a[href$=".doc"], a[href$=".rtf"] {*/
/*    background: transparent url(../images/ikony.png) no-repeat 0 -112px;*/
/*    margin-left: 3px;*/
/*    padding-left: 20px;*/
/*}*/

/*a.excel, a[href$=".xls"] {*/
/*    background: transparent url(../images/ikony.png) no-repeat 0 -48px;*/
/*    margin-left: 3px;*/
/*    padding-left: 20px;*/
/*}*/

/*a.compress, a[href$=".zip"] {*/
/*    background: transparent url(../images/ikony.png) no-repeat 0 0;*/
/*    margin-left: 3px;*/
/*    padding-left: 20px;*/
/*}*/

/*a.text, a[href$=".txt"] {*/
/*    background: transparent url(../images/ikony.png) no-repeat 0 -96px;*/
/*    margin-left: 3px;*/
/*    padding-left: 20px;*/
/*}*/

/*a.email !*, a[href^="mailto:"]*!*/
/*{*/
/*    background: transparent url(../images/ikony.png) no-repeat 0 -32px;*/
/*    margin-left: 3px;*/
/*    padding-left: 20px;*/
/*}*/

/*a.ppt, a[href$=".ppt"] {*/
/*    background: transparent url(../images/ikony.png) no-repeat 0 -80px;*/
/*    margin-left: 3px;*/
/*    padding-left: 20px;*/
/*}*/

/*table.pagination {*/
/*    background: none repeat scroll 0 0 #efefef;*/
/*    border-bottom: 1px solid #000;*/
/*    border-top: 1px solid #000;*/
/*    color: #000;*/
/*    empty-cells: hide;*/
/*    margin: 10px 0;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*}*/

/*table.pagination td strong {*/
/*    color: #000;*/
/*}*/

.sliderHolder {
	min-height:20px;
	background: #fff;
	grid-area: sliderholder;
	position:relative;
	border-bottom:#eeeeee solid 1px;
}
.slider-button {
}
.slider-button button {
	border: #bcb9b1 solid 2px;
	background: #fff;
	border-radius: var(--border-radius);
	color: #736c62;
	padding: 1px 25px;
	text-align: center;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 14px;
	cursor: pointer;
	z-index: 94;
}



/*!*------------------flot--------------------*!*/
/*.demo-container {*/
/*    box-sizing: border-box;*/
/*    width: 620px;*/
/*    height: 450px;*/
/*    padding: 20px 15px 15px 15px;*/
/*    margin: 15px auto 30px auto;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 6px;*/
/*    background: #fff;*/
/*    background: linear-gradient(#f6f6f6 0, #fff 50px);*/
/*    background: -o-linear-gradient(#f6f6f6 0, #fff 50px);*/
/*    background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);*/
/*    background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);*/
/*    background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);*/
/*}*/

/*.demo-container table {*/
/*    width: inherit;*/
/*}*/

/*!*bug width fix*!*/

/*.demo-graf {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    font-size: 14px;*/
/*    line-height: 1.2em;*/
/*}*/

/*.legend table {*/
/*    border-spacing: 2px;*/
/*}*/

/*.autocomplete-suggestions {*/
/*    border: 1px solid #999;*/
/*    background: #FFF;*/
/*    overflow: auto;*/
/*}*/

/*.autocomplete-suggestion {*/
/*    padding: 2px 5px;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*}*/

/*.autocomplete-selected {*/
/*    background: #F0F0F0;*/
/*}*/

/*.autocomplete-suggestions strong {*/
/*    font-weight: normal;*/
/*    color: #3399FF;*/
/*}*/

/*.autocomplete-group {*/
/*    padding: 2px 5px;*/
/*}*/

/*.autocomplete-group strong {*/
/*    display: block;*/
/*    border-bottom: 1px solid #000;*/
/*}*/

/*!*-----------------------------------------------------------------------------*!*/
/*} !* end media screen *!*/

/*@media (max-width: 720px) {*/

/*}*/

/*!* end media max-width: 720px *!*/

/*@media (max-width: 768px) {*/

/*}*/

/*!* end media max-width: 768px *!*/

/*@media (min-width: 768px) and (max-width: 980px) {*/

/*}*/

/*!* end media min-width: 768px and max-width: 980px *!*/

/*@media (max-width: 980px) {*/

/*}*/

/*!* end media max-width: 980px *!*/

/*@media (min-width: 980px) {*/
/*}*/

/*!* end media min-width: 980px *!*/

/*@media (min-width: 1200px) {*/
/*}*/

/*!* end media min-width: 1200px *!*/

/*@media (min-width: 1550px) {*/
/*}*/

/*!* end media min-width: 1550px *!*/


/*@media print {*/

/*    body {*/
/*        color: #143545;*/
/*        background: #FFFFFF;*/
/*        font-family: Arial, Helvetica, sans-serif;*/
/*        font-size: 11px;*/
/*    }*/

/*    .noprint {*/
/*        display: none;*/
/*    }*/

/*    .printPage {*/
/*        display: none;*/
/*    }*/

/*    !*a:after {*/
/*    content:" (" attr(href) ") ";*/
/*    font-size:90%;*/
/*    }*/
/*    *!*/
/*    a img {*/
/*        border: 0;*/
/*    }*/

/*    a, a:hover {*/
/*        color: #0B9EE8;*/
/*    }*/

/*    #header p.lang, #header form, #sidebar, #footer p span, .pagination, .pager, .frmFilter, #logo, #header p, #footer p {*/
/*        display: none;*/
/*    }*/

/*    table {*/
/*        margin: 0 auto;*/
/*        width: 100%;*/
/*    }*/

/*    td {*/
/*        padding: 2px;*/
/*        !*background:url(img/prodList_bg.gif) repeat-x;*!*/
/*        border-top: 1px solid #EAEDEF;*/
/*    }*/

/*    th {*/
/*        border-left: 8px solid #8dd8f8;*/
/*    }*/

/*    table.prodList td strong {*/
/*        color: #0B9EE8;*/
/*    }*/

/*    h1 {*/
/*        font-family: Arial, Helvetica, sans-serif;*/
/*        color: #274f62;*/
/*        margin: 0 0 10px 0;*/
/*        padding: 2px 0 2px 17px;*/
/*        font-size: 18px;*/
/*        font-weight: normal;*/
/*        border-left: 10px solid #8dd8f8;*/
/*    }*/

/*    #header {*/
/*        display: none;*/
/*    }*/

/*    #headerPrint {*/
/*        margin-bottom: 20px;*/
/*    }*/

/*    #printProductList {*/
/*        width: 100%;*/
/*        text-align: center;*/
/*        margin-top: -30px;*/
/*        font-size: 22px;*/
/*        color: #274f62;*/
/*    }*/

/*    .tooltipContent {*/
/*        display: none;*/
/*    }*/

/*    #footerPrint {*/
/*        width: 100%;*/
/*        margin: 5px auto;*/
/*    }*/

/*    #footerPrint p {*/
/*        width: 100%;*/
/*        text-align: right;*/
/*        border-bottom: 1px solid black;*/
/*    }*/
/*}*/

/*----swiper----*/
/* základní swiper.css z package swiper je zahrnutý do vendor.min.css */
:root {
 --swiper-theme-color: #c29c54;
 --swiper-pagination-bullet-size: 10px;
 --swiper-pagination-bullet-width: 10px;
 --swiper-navigation-size: 27px;
 --swiper-pagination-bullet-inactive-opacity: 0.5
}
.swiper {
	display: none;
}
@media screen and (min-width: 768px) {
 .swiper {
 display: block;
 width: 100%;
 height: 100%;
}
}
.swiper-slide {
	text-align: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.swiper-pagination-bullet {
	border: var(--swiper-theme-color) solid 1px;
	background: transparent;
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
.swiper-pagination-bullet-active {
	background: var(--swiper-theme-color);
}
.swiper-button-next, .swiper-button-prev {
	top: 45%;
	color:var(--main-color);
}
.swiper-button-next {
	right: 21px;
}
.swiper-button-prev {
	left: 21px;
}
.swiper-slide p {
	padding-bottom: 20px;
}
.swiper-pagination-bullet-active { background: #FFF;}
.swiper-pagination-bullet { border:#FFF solid 1px;}

/*----/swiper----*/