.whiteblok {
	padding:20px;
	background:white;
}
.format-text img {
	max-width:100%!important;
}
a {
  color:#000;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

.BebasNeueBook {
	font-family:'BebasNeueBook';
}
h1, .h1 {
	margin:0 0 25px 0;
	padding:0 0 0 0;
	font-size:36px;
	line-height:1em;
	font-weight:normal;
	color:#323232;
	font-family:'BebasNeueBook';
	font-weight:300;
}
h2, .h2 {
	margin:20px 0 15px 0;
	padding:0 0 0 0;
	font-size:20px;
	color:#323232;
	line-height:1em;
}
h3, .h3 {
	margin:10px 0 15px 0;
	padding:0;
	font-size:18px;
	color:#323232;
	line-height:1.3em;
}
h3.BebasNeueBook {
	font-size:28px;
	font-weight:300;
}
h4, .h4 {
	margin:5px 0 3px 0;
	padding:0;
	font-size:16px;
	color:#323232;
	line-height:1.3em;
}
h5, .h5 {
	margin:0 0 3px 0;
	padding:0;
	font-size:13px;
	color:#323232;
	font-weight:normal;
	line-height:1.3em;
}
.h-full {
	text-align:center;
	background:#AD9D84;
	color:white;
	padding:12px;
}
/*.h-tipy {
	text-align:center;
	color:#916718;
	font-family:Caveat;
	font-size:56px;
}*/

/*** ul def ***/
ul.def {
	margin:0 0 0 30px;
	padding:0;
}
ul.def li {
	margin:0 0 9px 0;
	padding:0 0 0 20px;
	line-height:1.3em;
	color:#000;
	background:url(../img/icons/li.png) no-repeat 6px 6px;
}
ul.noli li {
	padding:0 0 0 0;
	background:none;
}


/*** table1 ***/
table.table1 {
	width:100%;
}
table.table1 th, table.table1 td {
	vertical-align:top;
}
table.table1 th {
	width:150px;
	font-size:90%;
	vertical-align:top;
	padding:15px 10px 5px 0;
	color:#292323;
	text-align:left;
	text-transform:uppercase;
}
table.table1 thead th {
	padding-right:0;
}
table.table1 td, table.table1 th {
	background:url(../img/line.gif) no-repeat bottom center;
}
table.table1 td {
	padding:5px 0 5px 0;
}
table.table1 input {
	width:250px;
}
table.table1 textarea {
	width:100%;
	height:100px;
}
table.table1 img {
	border:none;
}


.line {
	padding:15px 0 0 0;
	margin:0 0 15px 0;
	border-bottom:1px solid black;
}




/*** item ***/
.items-list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.items-list .item-out {
	border:1px solid #D4D4D4;
	text-align:center;
	font-weight:normal;
	position:relative;
	background:white;
	margin:0 0 20px 0;
	width:32%;
}
.items-list-4 .item-out {
	width:24%;
}
.items-list-carousel li.item-out {
	width:auto;

	height:380px;
}
.items-list-carousel li.item-out img {
	height:auto;
	width:auto;
}
.items-list a.item {
	font-weight:normal;
}
.items-list a.item span.item-in {
	padding:20px 20px 70px 20px;
	display:block;
}
.items-list a.item span.item-img {
	height:160px;
	display:flex;
	align-items:flex-end;
	margin:0 0 0 0;
}
.items-list a.item img {
	margin:0 auto 0 auto;
	display:block;
	flex:0 0 auto;
	max-width:80%;
	max-height:160px;
}
.items-list a.item h3 {
	font-size:24px;
	margin:30px 0 30px 0;
	font-family:'BebasNeue';
	font-weight:normal;
	min-height: 2.7em;
}
.items-list .item-in .item-desc {
	font-size:12px;
	opacity:0;
	position:absolute;
	background:white;
	width:100%;
	text-align:center;
	z-index:999;
	left:0;
	bottom:70px;
	padding:15px 0 15px 0;
	transition:opacity 0.3s ease-out;
}
.items-list .item-in .item-desc em {
	font-style:normal;
	display:block;
	text-align:center;
	margin:0 0 5px 0;
}
.items-list .item-in .item-desc em strong {
	font-weight:500;
}
.items-list a.item span.price {
	display:block;
	background:#EEEEEE;
	color:black;
	height:70px;
	position:absolute;
	bottom:0;
	z-index:2;
	padding:27px 0 0 0;
	width:100%;
}
.items-list a.item span.price strong {
	font-weight:600;
}
.items-list a.item span.price-in {
	display:block;
	text-align:center;
	font-size:26px;
}
.items-list a.item span.old-price {
	position:absolute;
	top:5px;
	right:0;
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	text-decoration:line-through;
	color:#C61E31;
	z-index:5;
}


.items-list .item-out:hover {
	text-decoration:none;
	border:1px solid #999;
	box-shadow:#555 0 0 2px;
}
.item:hover {
	text-decoration:none;
}
.items-list .item-out:hover .item-desc {
	opacity:1;
}
.items-list .item-out.transparent:hover {
	text-decoration:none;
	border:none;
	box-shadow:none;
}



div.oblibene-ico {
	position:absolute;
	bottom:20px;
	right:10px;
}
div.oblibene-ico-detail {
	position:static;
	float:right;
	margin:0 0 0 20px;
}
div.oblibene-ico a {
	display:block;
	background:url(../img/icons/srdce.png) no-repeat center center #aaa;
	width:30px;
	height:30px;
	border-radius:2px;
}
div.oblibene-ico a:hover {
	background-color:#AE9E84;
	cursor:pointer;
}
div.oblibene-ico a.act {
	background-color:#008000;
}
div.oblibene-ico a span {
	display:none;
}
div.detail-cena div.oblibene-ico {
	position:static;
	display:block;
	float:right;
	margin:7px 0 0 0;
}
div.item-barvy {
	position:absolute;
	top:1px;
	left:1px;
	display:flex;
	flex-direction:column;
}
a.item-barva {
	display:block;
	width:24px;
	height:24px;
	margin:0 0 1px 0;
	border-radius:1px;
	border:1px solid #aaa;
	text-align:center;
	flex:1 1 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	background:white;
}

a.item-barva img {
	max-width:22px;
	max-height:22px;
	display:block;
	flex:0 0 auto;
	margin:auto;	
}
a.item-barva:hover {
	border:1px solid #666;
}

.item-akce {
	position:absolute;
	right:1px;
	top:1px;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}
.item-akce-in {
	color:white;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	margin:0 0 1px 0;
	text-align:right;
}
.item-akce-in em {
	font-style:normal;
	padding:1px 4px 1px 4px;
	background:black;
	text-align:center;
	font-size:9px!important;
}
.item-akce-sleva em {
	background:#C61E31;
}
.item-akce-sleva span.akce-procenta {
	color:#C61E31;
	display:block;
	font-weight:bold;
	text-align:right;
}
.item-akce-doprava em {
	background:#658455;
}
.item-akce-novinka em {
	background:#D5A459;
}
.item-akce-doprodej em {
	background:#66CCCC;
}

.item-skladem {
	font-style:normal;
	display:inline-block;
	color:#658455;
	font-weight:bold;
	font-size:11px;
	margin:9px 0 0 0;
	padding:0 0 0 15px;
	background:url(../img/icons/skladem.png) no-repeat left center;
	text-transform:uppercase;
	background-size:12px auto;
}
.item-skladem.orange {
	color:#CF995C!important;
	background:url(../img/icons/dotaz.png) no-repeat left center;
	background-size:11px auto;
}


.tsa-list {
	height:40px;
}





/*** home grid bannery ***/
.grid-bannery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;   
	grid-auto-rows: 1fr;
}
.grid-bann1, .grid-bann4 {
  grid-column: span 3;
}
.grid-bann2, .grid-bann3 {
  padding-top: 100%;
}

.carousel-gridbann,
.carousel-gridbann .flex-viewport,
.carousel-gridbann .items-list-carousel {
	height: 100%;
}
.carousel-gridbann .items-list .item-out {
	margin-bottom: 0!important;
	height: 100%!important;
}
.carousel-gridbann .items-list .item-desc {
	display: none;
}
.carousel-gridbann .items-list a.item h3 {
	margin:0.8em 0 0 0;
	min-height: 0;
	height: 1em;
	line-height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space:nowrap;
}



div.filter {
	padding:30px 30px 10px 30px;
	border:1px solid #D4D4D4;
	background:#F8F2E7;
} 
div.filter-inputs {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	flex-direction:column;
} 
div.filter-inputs > div {
	flex:1 1 auto;
	margin:0 0 20px 0;
} 
div.filter-inputs > div label, .filtr-kat-out label {
	display:block;
	margin:0 0 5px 0;
	color:black;
	text-transform:uppercase;
	font-size:12px;
}
div.filter-inputs > div select {
	width:100%;
	background-color:white;
} 
.cena-ranger {
	color:#aaa;
}
.cena-ranger span {
	position:absolute;
	line-height:36px;
	margin:0 0 0 -30px;
	color:#aaa;
}
.cena-ranger input {
	padding-right:35px;
	text-align:right;
}

div.filtr-kat {
	background:#F6F6F6;
	border:1px solid #DDDDDD;
}
div.filtr-kat ul {
	
}
div.filtr-kat ul li a {
	display:block;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #DDDDDD;
	font-size:13px;
	font-weight:normal;
}
div.filtr-kat ul li:last-child a {
	border-bottom:none;
}
div.filtr-kat ul li a:hover {
	background:#eee;
	text-decoration:none;
}
div.filtr-kat-a {
	background:#DDDDDD;
	padding:5px 5px 5px 10px;
	font-weight:bold;
	font-size:13px;
}

/*** pagemenu ***/
ul.pagemenu {
	border-bottom:1px solid #D4D4D4;
	margin:0 0 30px 0;
	display:flex;	
}
ul.pagemenu li {
	position:relative;
}
ul.pagemenu li a {
	display:block;
	padding:20px 25px 20px 25px;
	border:1px solid #D4D4D4;
	text-transform:uppercase;
	border-right:0;
	font-size:13px;
	background:white;
	margin:0 0 -1px 0;
}
ul.pagemenu li a:hover {
	text-decoration:none;
}
ul.pagemenu li:not(.act) a:hover {
	background:#f5f5f5;
}
ul.pagemenu li:last-child a {
	border-right:1px solid #D4D4D4;
}
ul.pagemenu li.act:before {
	content:"";
	position:absolute;
	top:-5px;
	left:0;
	right:-1px;
	height:4px;
	background:#F8F2E7;
	border:1px solid #D4D4D4;
	border-bottom:0;
}
ul.pagemenu li.act:last-child:before {
	right:0;
}
ul.pagemenu li.act a {
	color:#AD9D84;
	border-bottom:1px solid white;
}

/*** podkategorie ***/
div.podkategorie {
	display:flex;
	margin:0 0 30px 0!important;
}
div.podkategorie a {
	display:block;
	margin:0 0 0 0;
	padding:15px 15px 15px 15px;
	border:1px solid #D4D4D4;
	border-right:0;
	background:white;
	text-decoration:none;
	text-align:center;
	flex:1;
}
div.podkategorie a:last-child {
	border-right:1px solid #D4D4D4;
}
div.podkategorie a h2 {
	display:block;
	border:0;
	margin:0 0 0 0;
	color:#000;
	font-size:14px;
	text-align:center;
}
div.podkategorie a:hover {
	background:#f5f5f5;
}

/*** search-cats ***/
div.search-cats {
	display:flex;
	flex-direction:column;
	margin:0 0 30px 0!important;
}
div.search-cats .search-cat {
	margin:0 0 0 0;
	padding:15px 15px 15px 15px;
	border:1px solid #D4D4D4;
	border-bottom:0;
	background:white;
	text-decoration:none;
}
div.search-cats .search-cat:last-child {
	border-bottom:1px solid #D4D4D4;
}
div.search-cats .search-cat:hover {
	background:#f5f5f5;
}



div.detail {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	background:white;
	padding:20px;
}
.carousel2 {
	padding:20px!important;
}
div.detail-l {
	width:40%;
	order:1;
}
div.detail-l img, .detail-img img {
	max-width:100%;
}
.detail-img {
	border:1px solid #D3D3D3;
	padding:20px;
	text-align:center;
	position:relative;
}
.detail-img a {
	xcursor:pointer;
}
div.detail-r {
	width:56%;
	order:2;
}
.item-param {
	display:block;
}

.sizes-out {
	border-top:1px solid black;
	text-align:left;
	padding:10px 0 0 0;
	line-height:1.3em;
}
.sizes {
	display:flex;
	justify-content:space-between;
	margin:10px 0 0 0;
}
.sizes > div {
	width:30%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.sizes > span {
	width:3%;
	display:flex;
	align-items:center;
	font-size:20px;
	font-weight:bold;
	padding:0 0 30px 0;
}
.sizes > div img {
	width:100%!important;
	display:block;
	margin:0 auto 0 auto;
	border:2px solid black;
}
.sizes > div .button {
	display:block;
	width:100%;
	font-size:14px;
	white-space:nowrap;
	padding:10px;
	height:auto;
	text-align:center;
	border:0;
	margin:0;
}

.detail-social {
	margin:7px 0 0 0;
	text-align:right;
	position:relative;
	font-size:100%;
}
.detail-social > a, #create_watchdog a {
	display:block;
	margin:0 0 5px 0;
}
.detail-social a, #create_watchdog a {
	color:#AD9D84;
	font-weight:normal;
}
.detail-social img {
	vertical-align:middle;
	margin:0 0 0 10px;
}
a.ibod-detail {
	display:flex;
}

#send-box {
	right:0;
	top:0;
}
#create_watchdog {
	width:auto!important;
	margin:25px 0 0 0!important;
	right:0;
}
#nadotaz {
	width:auto!important;
	margin:25px 0 0 0!important;
	left:0;
	z-index:999;
}
#skladovost-info {
	width:auto!important;
	margin:20px 0 0 0!important;
	left:0;
}
.skladovost {
	padding:20px;
	border:1px solid #ccc;
	background:white;
	font-size:90%;
}
.skladovost .rows > * {
	border-bottom:1px solid #ccc;
	padding:3px 0 3px 0;
}
.skladovost .rows > *:hover {
	background:#f5f5f5;
}
.skladovost .rows > * div:last-child {
	margin-left:70px;
}

.slevokod {
	position:absolute;
	padding:10px;
	line-height:1.3;
	border:2px solid black;
	background:white;
	font-size:90%;
	z-index:999;
	width: 100%;
	margin-top: 5px;
}
.cena-ibod {
	text-align:center;
	background:#F1EFEA;
	border:1px solid #CEC4B3;
	line-height:1.3em;
	padding:10px;
}
.ibod-blok {
	background:#f5f5f5;
	color:black;
	border:1px solid #B81D82;
	border-bottom:2px solid #B81D82;
}
.ibod-blok input {
	border:1px solid #B81D82;
	padding-top:9px;
	padding-bottom:10px;
}
.ibod-blok input.submit {
	background:#B81D82;
	padding-top:10px;
	padding-bottom:10px;
}
.ibod-blok .ibod-desc {
	text-align:right;
	padding:5px 0 0 0;
}
.ibod-blok .ibod-desc-in {
	font-size:15px;
	display:inline-block;
	margin:0 15px 0 0;
}


div.ibod-box {
	float:right;
	width:160px;
}
#ibodpayvariant {
	margin:10px 0 0 0;
	float:right;
	background:#F0EEE9;
	padding:10px;
	border:1px solid #CEC4B3;
}
#ibodpayvariant table {
	border:0;
}
#ibodpayvariant table td {
	border-color:#CEC4B3;
	border:0;
}
div.ibod-obj #ibodpayvariant {
	margin:-7px 0 10px 0;
	float:none;
	background:#F0EEE9;
	padding:10px 10px 10px 37px;
	border:1px solid #CEC4B3;
}




.carousel {
	background:red;
}
.carousel img {
	height:80px!important;
	width:auto!important;
	margin:auto;
	border:0;
}
.carousel li {
	text-align:center!important;
}
.carousel ul.slides li {
	xborder:1px solid #ccc;
}




/*** dalsi produkty ***/
.next-items {
	border:1px solid #D4D4D4;
	padding:20px 20px 10px 20px;
	margin:0 0 0 0;
	display:inline-block;
	max-width:100%;
}
.next-items strong {
	display:block;
	color:black;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}
.next-items-in  {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.next-items-in a {
	display:block;
	margin:0 5px 5px 0;
}
.next-items-in a img {
	xheight:80px;
}



/*** order-box ***/
div.order-box {
	margin:30px 0 0 0;
	background:url(../img/lesk.png) no-repeat right bottom #AE9E84;
	padding:15px 25px 15px 25px;
	position:relative;
}
div.order-box input {
	height:48px;
	border:0;
	float:left;
}
input.ks {
	padding:9px 10px 9px 10px;
	margin:0;
	font-size:24px;
	color:black;
	
	border:0;
}
div.price-detail {
	font-size:30px;
	color:white;
	font-weight:bold;
	margin:20px 0 0 0;
}
div.price-detail span {
	display:block;
	font-size:14px;
	color:#C61E31;
	text-decoration:line-through;
	margin:0 0 0 0;
	position:absolute;
	top:7px;
	right:25px;
}

.detail-sklad {
	margin:30px 0 0 0;
	position:relative;
}



.detail-yt > div {
	margin:0 10px 0 0;
	max-width:50%;
	flex:1 1 auto;
}
.detail-yt > div:last-child {
	margin-right:0;
}








/*** old ***/
/*** strankovani ****/
.strankovani-out {
	flex-wrap:wrap;
}
.strankovani-out > * {
	display:flex;
	align-items:center;
}
.strankovani-butt {
	width:24%;
}
.strankovani-select {
	width:24%;
}
.strankovani {
	width:50%;
	color:#e5e5e5;
	margin:0 0 0 0;
	font-size:20px;
	font-family:'BebasNeueBook';
	display:flex;
	justify-content:flex-end;
}
.strankovani > * {
	font-weight:normal;
	padding:0 15px 0 15px;
	text-align:center;
	line-height:1em;
	height:40px;
	line-height:40px;
	margin:0 0 0 1px;
}
.strankovani span {
	background:#000000;
	color:#fff;
}
.strankovani a {
	background:#696969;
	color:#fff;
}
.strankovani a:hover {
	text-decoration:none;
	background:#222;
}

.strankovani a.act {
	background:#AE9E84;
	color:#fff;
}










/*** kosik ***/

table.table-kosik {
  width:100%;
  border:1px solid #D3D3D3;
  line-height:1.3em;
  background:white;
}
table.table-kosik th {
  text-align:left;
  padding:5px 10px 5px 10px;
  vertical-align:middle;
  background:#999;
	color:white;
}
table.table-kosik td.ks input {
  width:40px!important;
  text-align:center;
}
table.table-kosik td {
  border-bottom:1px solid #ddd;
  padding:4px 10px 4px 10px;
  text-align:left;
  vertical-align:middle;
}
table.table-kosik strong {
  color:black;
}
table.table-kosik td.objednat-td {
  text-align:right;
  position:relative;
}

table.table-kosik tr.celkem td strong {
	color:#AD9D84!important;
	font-size:120%;
}

.kosik-doprava-info {
	position:absolute;
	right:200px;
	margin:12px 0 0 0;
	white-space:nowrap;
}
.kosik-doprava-info:hover span {
	text-decoration:underline;
}


/*** objednavka ***/
div.steps {
	background:#f5f5f5;
	margin:0 0 15px 0;
	padding:15px 15px 15px 15px;
	border:1px solid #ddd;
}
div.steps a {
	display:block;
	float:left;
	margin:0 20px 0 0;
	color:#222222;
	font-size:16px;
}
div.steps a span {
	display:inline-block;
	margin:0 10px 0 0;
	width:30px;
	height:30px;
	border-radius:15px;
	background:#222222;
	color:white;
	text-align:center;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
}
div.steps img {
	display:block;
	float:left;
	margin:6px 20px 0 0;
}
div.steps a:hover {
	text-decoration:none;
}
div.steps a[href]:hover {
	color:#000;
	text-decoration:none;
}
div.steps a[href]:hover span {
	background:black;
}

div.steps a.act {
	color:#A3947C!important;
}
div.steps a.act span {
	background:#A3947C!important;
}


/*** vyber dopravy a platby ***/
a.radio-box {
	display:block;
	margin:0 0 10px 0;
	padding:15px 15px 15px 15px;
	border:1px solid #ccc;
	background:white;
	text-decoration:none;
	font-weight:normal;
	position:relative;
}
a.radio-box input[type=radio] {
	display:none;
}
a.radio-box:before {
  background:#fff;
	border:1px solid #B3B3B3;
	color:#666;
  content:'';
  position:absolute;
  top:10px;
  left:15px;
  width:20px;
  height:20px;
  font-size:20px!important;
}
.radio-box-label:before {
  opacity:0;
	content:'';
	position:absolute;
	width:0.50em;
	height:0.20em;
	background:transparent;
	top:0;
	left:4px;
	border:4px solid #AE9E84;
	border-top:none;
	border-right:none;

	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	font-size:20px!important;
}
a.radio-box .radio-box-label {
	display:block;
	border:0;
	margin:0 0 0 0;
	padding:0 0 0 35px;
	color:#000;
	position:relative;
}
a.radio-box .radio-box-label strong {
	font-weight:bold;
	margin:0 0 7px 0;
	display:block;
}
a.radio-box .radio-box-label p {
	font-size:11px;
	line-height:1.2em;
	margin:7px 0 0 0;
	color:red;
	font-weight:bold;
}
a.radio-box div.cena {
	float:right;
	font-weight:bold;
	background:#222;
	padding:2px 3px 2px 3px;
	font-size:11px;
	color:white;
	line-height:1em;
	border-radius:2px;
}
a.radio-box:hover {
	border:1px solid #666;
}
a.radio-box.act, a.radio-box.act:hover {
	border:1px solid #222;
	background:#F5F5F5;
}
a.radio-box.act .radio-box-label, a.radio-box.act:hover .radio-box-label, a.radio-box.act .radio-box-label strong {
	color:#000!important;
}
a.radio-box.act .radio-box-label:before {
	opacity:1;
}
a.radio-box.disabled, a.radio-box.disabled:hover {
	border:1px solid #ddd;
	background:#fff;
	color:#aaa;
	cursor:default;
}
a.radio-box.disabled .radio-box-label, a.radio-box.disabled:hover .radio-box-label, a.radio-box.disabled .radio-box-label strong {
	color:#aaa!important;
	cursor:default;
}
a.radio-box.act div.cena {
	background:#000;
	color:#fff;
}
a.radio-box.disabled div.cena {
	background:#aaa;
}



/*** pobocky ***/
div.pobocky {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
div.pobocka {
	padding:30px;
	border:1px solid #D4D4D4;
	width:32%;
	text-align:center;
	margin:0 0 20px 0;
	background:white;
}
div.pobocka h2 {
	margin:0 0 20px 0;
}
span.pobocka-img {
	display:block;
	text-align:center;
	margin:0 0 20px 0;
}
span.pobocka-img img {
	display:block;
	margin:auto;
}
div.pobocka-detail .galerie {
	display:flex;
	flex-wrap:wrap;
	margin:15px 0 0 0;
}
div.pobocka-detail .galerie a {
	width:100px;
	background:white;
	border:1px solid #ccc;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:6px;
	margin:0 10px 10px 0;
}
div.pobocka-detail .galerie a img {
	max-width:100%;
}
div.pobocka-desc {
	margin:0 0 0 0;
	line-height:1.5em;
}





/*** ulozenka ***/
.submit-ulozenka {
	margin:0 0 0 10px;
	position:absolute;
}
#ulozenkaDetailBox {
	line-height:1.8em;
	margin:10px 0 0 0;
}
#ulozenkaDetailBox table {
	margin:10px 0 0 0;
}
#ulozenkaDetailBox img {
	max-width:100%;
	margin:10px 0 0 0;
	display:block;
}
#ulozenkaDetailBox table td, #ulozenkaDetailBox table th {
	padding:5px;
	border:1px solid #ccc;
}

/*** katalogy ***/
div.katalogy {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
a.katalog {
	display:block;
	padding:10px;
	border:1px solid #D4D4D4;
	width:19%;
	margin:0 0 20px 0;
	font-weight:normal;
	background:white;
}
a.katalog.transparent {
	border:none;
}
a.katalog h2 {
	margin:0 0 20px 0;
}
span.katalog-img {
	display:block;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	height:300px;
}
span.katalog-desc {
	margin:0 0 0 0;
	line-height:1em;
	white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  display:block;
}
span.katalog-desc img {
	margin:0 10px 0 0;
	float:left;
}
span.katalog-title {
  display:block;
  line-height:1em;
}
span.katalog-size {
  display:block;
  line-height:1em;
  font-size:11px;
  color:#666;
  margin:4px 0 0 0;
  font-style:italic;
}
a.katalog:hover {
	text-decoration:none;
	border:1px solid #999;
	box-shadow:#555 0 0 2px;
}
a.katalog.transparent:hover {
	border:none;
	box-shadow:none;
}

/*** perex ***/
a.perex {
	display:block;
	background:#fff;
	border:1px solid #000;
	padding:20px;
	margin:0 0 10px 0;
	text-decoration:none;
	color:black;
	font-weight:normal;
}
a.perex span.perex-txt {
	display:block;
	margin:0 0 0 235px;
	line-height:1.5em;
}
a.perex span.perex-date {
	float:right;
	margin:6px 0 0 15px;
}
a.perex h2 {
	margin:0 0 10px 0;
}

a.perex:hover {
	background:#fafafa;
}




/*** adventni kalendar ***/
.advent-cal-out {
	xborder:1px solid #EADDCF;
	xbackground:url(../img/vanoce_bg2.png);
	xpadding:40px;
	text-align:center;
}
.advent-cal {
	background:#ccc;
	padding:10px;
	display:flex;
	flex-wrap:wrap;
	xwidth:900px;
	box-shadow:#666 0 0 10px;
}
.advent-cal > * {
	width:23%;
	padding-top:23%;
	margin:1%;
	background-size:cover;
	background-color:white;
	background-repeat:no-repeat;
	background-position:center center;
}
.advent-cal > *.contain {
	background-size:contain;
}
.advent-cal .item-big {
	width:48%;
}




/*** sitemap ***/
ul.sitemap {
	margin:0;
	padding:0;
	font-size:130%;
}
ul.sitemap li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
ul.sitemap li a {
	margin:0;
	padding:0;
	list-style:none;
}

ul.sitemap ul {
	font-size:90%;
	margin:0 0 20px 30px;
	padding:0;
}
ul.sitemap ul li {
	margin:5px 0 3px 0;
}
ul.sitemap ul a {
	color:#3A3A3A;
}

ul.sitemap ul ul {
	font-size:80%;
	margin:0 0 20px 30px;
	padding:0;
}
ul.sitemap ul ul a {
	color:#555;
}





/**** sidebar ***/
div.sidebar {
	position:fixed;
	right:0;
	top:220px;
	z-index:999;
	background:#666;
	padding:1px 0 0 1px;
}
div.sidebar a {
	display:block;
	background:#222222;
	width:44px;
	height:44px;
	margin:0 0 1px 0;
}
div.sidebar a span {
	display:table-cell;
	width:44px;
	height:44px;
	vertical-align:middle;
	text-align:center;
}
div.sidebar a span img {
	display:block;
	margin:auto;
}
div.sidebar a:hover {
	background:#555;
}
div.sidebar a.oblibene-link {
	background:#008000;
}





/*** flex-tab ***/
.flex-tab {
	display:flex-inline;
	flex-direction:column;
}
.flex-tab > * {
	padding:7px;
	display:flex;
}
.flex-tab > *:nth-child(even) {
	background:#e5e5e5;
}
.flex-tab .item-param .flex-tab-th {
	flex:0 0 100px;
}






/*** popup ***/
.canvas {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	z-index:9998;
}

.popup {
	width:630px;
	height:auto;
	position:absolute;
	top:200px;
	left:50%;
	transform: translateX(-50%);
	background:white;
	padding:50px 50px 50px 50px;
	z-index:9999;
	text-align:left;
}
.popup--full {
	width: 90dvw!important;
	overflow: auto!important;
	top: 5dvh!important;
	left: 50%!important;
	margin: 0!important;
	transform: translate(-50%)!important;
}
.popup-in {
	position:relative;
}
.popup-close {
	float:right;
	margin:-30px -30px 0 0;
}
.sleva-ico {
	background:#5EB52A;
	color:white;
	transform: rotate(-45deg);
	width:100px;
	height:100px;
	line-height:1.2em;
	position:absolute;
	top:-90px;
	left:-90px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:50%;
	text-align:center;
	padding-top:25px;
	font-size:20px;
}
.popup input, .kod-sleva input {
	height:48px!important;
	float:left;
}
.popup .email {
	width:300px;
}

#zbo-dialog {
	padding:0;
}
#zbo-dialog .popup-close {
	float:right;
	margin:12px 12px 0 0;
	position:relative;
	z-index:5;
}
.popup h3 {
	color:#29b5e4;
	font-size:24px;
	margin:0 0 15px 0;
	font-weight:800;
	line-height:1em;
}
div.popup-lr {
	background:white;
}
div.popup-l, div.popup-r {
	padding:40px;
	position:relative;
}
div.popup-l {
	background:#EEEEEE;
}


.popup-cart {
	width:500px;
	max-width: 90%;
	left:50%;
	top:50%;
	height:auto;
	position:absolute;
	transform: translateX(-50%);
	background:white;
	z-index:9999;
	text-align:left;
}
.popup-cart .report {
	padding-right: 50px;
}
.popup-cart-in {
	padding:25px;
}
.popup-cart-in .button {
	padding-left: 20px;
	padding-right: 20px;
}

.popup-cart .popup-close {
	position:absolute;
	right:15px;
	top:9px;
	margin:0;
	width:26px;
	height:26px;
	border-radius:50%;
	background:white;
	display:flex;
	align-items:center;
	justify-content:center;
}
.popup-cart .popup-close img {
	width:16px;
	height:16px;
	display: block;
	margin: auto;
}
.popup-cart .item {
	display:flex;
	align-items:center;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	border-bottom:1px solid #ccc;
	line-height: 1.5;
}
.popup-cart .item .img {
	margin:0 20px 0 0;
	height:50px;
	width:50px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.popup-cart .item .img img {
	max-height:50px;
}

/*** vanoce ***/
div.tipy {
	xbackground:url(../img/tipy_vanoce_bg.jpg) no-repeat top center ;
	xbackground-size:contain;
	xpadding:180px 20px 20px 20px;
	xmargin:-30px 0 0 0;
}
div.tipy div.carousel2 {
	background:none!important;
	padding:0!important;
}


div#popup-sleva-show-btn {
	position: fixed;
	bottom: 0;
	right: 240px;
	z-index: 10000;
	background-color: #A39D7F;
	color: white;
	padding:0 13px 0 13px;
	height:31px;
	line-height:31px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border:1px solid #706A4C;
	border-bottom:0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	text-shadow: 0px 0px 1px #565032;
	cursor: pointer;
}


/*** fixed-button ***/
.fixed-button {
	position: fixed;
	left: 24px;
	bottom: 24px;
	z-index: 99;
}


/*** compare ***/
.compare-items {
	padding-left: clamp(150px, 20vw, 200px);
	display: flex;
	line-height: 1.4;
}
.compare-item {
	width: clamp(200px, 25vw, 350px);
	padding: 10px;
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	gap: 1em;
}
.compare-item img {
	max-width: 100%;
	max-height: 300px;
}
.compare table {
	table-layout: fixed;
}
.compare-item-img {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.compare-specs table td, .compare-specs table th {
	padding: 10px;
}
.compare-specs table th {
	width: clamp(150px, 20vw, 200px);
	min-width: clamp(150px, 20vw, 200px);
}
.compare-specs table td {
	width: clamp(200px, 25vw, 350px);
	min-width: clamp(200px, 25vw, 350px);
}
.compare-specs table tr:nth-child(odd) td, .compare-specs table tr:nth-child(odd) th {
	background-color: #f5f5f5;
}