/* Globalni styly */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 17px;
	line-height: 24px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	cursor: default;
	max-width: 100%;
}


html {
	background-color: #ffffff;
}

head {
	display: none;
}

body {
	background-color: #ffffff;
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	line-height: 24px;
    font-weight: 400;
	/*color: #3d3d3d;*/
	color: #000000;
	position: relative;
	opacity: 0;
	min-width: 280px;


	-webkit-animation-name: usvit;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name: usvit;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;

	-ms-animation-name: usvit;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;

	-o-animation-name: usvit;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode: forwards;

	animation-name: usvit;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;

}

hr{
clear: both;
display: block;
}

.italiano{
	font-family: 'Italianno', cursive;
}

.font20{
	font-size: 20px;
}

body.homepage{
	min-height: 100vh;
	display: grid;
	grid-template-areas: 'header' 'main' 'footer';
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
}

body:not(.homepage){
	min-height: 100vh;
	display: grid;
	grid-template-areas: 'header' 'main' 'footer';
	grid-template-columns: 100%;
	grid-template-rows: auto 1fr auto;
}

nav,header,footer,main,article,aside,section,figure,figcaption{
	display: block;
}

@-webkit-keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-sm-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-o-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

input:not([type=file]),
textarea,
select{
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: 0px 1px 1px 0px;
}


input[type=text],
input[type=password]{
	color: #666666;
}

input[type=text]:focus,
input[type=password]:focus{
 	color: #111111;
}

*::-webkit-input-placeholder {
	color: #999;
}
*:-moz-placeholder {
	color: #999;
}
*::-moz-placeholder {
	color: #999;
}
*:-ms-input-placeholder {
	color: #999;
}

h1,h2,h3,h4{
	color: #9B8019;
	font-weight: bold;
	padding-bottom: 10px;
}

p{
	padding-bottom: 10px;
}
.homepage a{
 	color: #111111;
	font-weight: normal;
}
.homepage a:hover{
	cursor: pointer;
	color: #9B8019;
}
a *{
	cursor: pointer;
}

header a
{
	cursor: pointer;
	text-decoration: none;
 	color: #111111;
	transition: color 0.3s;
	/*font-weight: bold;*/
}

main a{
	cursor: pointer;
	text-decoration: none;
	color: #9B8019;
	transition: color 0.3s;
	/*font-weight: bold;*/
}
header a:hover,
main a:hover{
	text-decoration: underline;
	color: #9B8019 !important;
	color: #9B8019 !important;
	transition: color 0.35s;
}

ul, ol{
	list-style-position: inside;
	list-style-type: none;
}

.panelObsah .text ul{
    list-style-type: disc;
    padding-bottom: 10px;
}
.panelObsah .text ol{
    list-style-type: decimal;
    padding-bottom: 10px;
}

input[type=button],
input[type=submit],
.button{
	background-color: #9B8019;
	color: #FFFFFF;
	border: none;
	text-align: center;
	min-width: 100px;
	font-weight: bold;
	cursor: pointer;
    filter: brightness(100%);
    padding-left: 15px;
    padding-right: 15px;
	transition: filter 0.2s, box-shadow 0.2s;
}
.button *{
	background-color: #9B8019;
	color: #FFFFFF;
	border: none;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=button]:focus,
input[type=submit]:focus,
input[type=image]:hover,
.button:hover
{
    filter: brightness(94%);
	/*box-shadow: 0px 0px 3px 1px #eeeeee;*/
	transition: filter 0.2s, box-shadow 0.2s;
}

.vnitrek:after,
ul:after,
.panelObsah:after,
.zbozi:after,
.cistic,
.prepinacStranek:after,
.tlacitkoDalsiStrana:after
{
	content: ' ';
	display: block;
	clear: both;
	font-size: 0px;
	visibility: hidden;
}


.msg{
    text-align: center;
    padding: 5px;
    background-color: rgba(0, 142, 227, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(0, 142, 227, 0.5);
}
.err{
    text-align: center;
    padding: 5px;
    background-color: rgba(255, 0, 0, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.5);
}
strong, b{
	font-weight: bold;
}

script{
	display: none !important;
}


/*****************************************************************************/


/* soumrak vyberu varianty */
.soumrak {
	animation-name: detailHide;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	opacity: 0;
}
@keyframes detailHide {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes detailShow {
    0% {opacity: 0;}
    100% {	opacity: 1;}
}
/* !soumrak vyberu varianty */





.vnitrek{
	display: block;
	width: 1300px;
	max-width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px auto;
}


/* dovolena */
.dovolena .slozka {
	display: block;
    background-color: crimson;
    margin: 0px 0px 10px 0px;
    padding: 20px 10px 10px 10px;
    color: white;
    font-weight: bold;
}
.dovolena .slozka *{
    font-size: 13px !important;
    color: #fff !important;
    text-align: center !important;
    font-weight: normal;
    float: none !important;
    clear: none !important;
    color: #fff !important;
}
.dovolena .komponentaSlozkyStrankovani .slozky a {
    color: #fff !important;
    text-decoration: underline;
    font-weight: bold;
    display: inline-block !important;
}
/* dovolena */

/* header - horni */
header .vnitrek{
	padding-top: 10px;
	position: relative;
}
header .horni{
	border-bottom: 1px solid #a9a9a9;
	text-align: center;
}
header .horni .telefon{
    background-image: url(img/telefon.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
	display: none;
	width: 146px;
	height: 24px;
	max-width: 100%;
	float: left;
	margin: 5px 0 5px 0;
}
header .horni .komponentaMenu1{
	display: inline-block;
	float: right;
}
header .horni .komponentaMenu1 li{
	display: inline-block;
	float: left;
}
header .horni .komponentaMenu1 li a{
    display: inline-block;
    padding: 0px 10px 0px 10px;
    margin: 5px 0px 5px 0px;
    text-decoration: none;
    color: #9B8019;
    float: left;
}
header .horni .komponentaMenu1 li a:hover{
	text-decoration: underline !important;
}
header .horni .komponentaMenu1 li:last-child a{
    padding-right: 0px;
    border-left: 1px solid #9B8019;
}
header .horni .komponentaNavigace .pocetPolozek{
    display: none;
}
header .horni .komponentaNavigace li{
	display: inline;
}
header .horni .komponentaNavigace .polozka,
header .horni .komponentaNavigace .polozka:hover{
	display: inline-block;
	padding: 5px 15px;
	text-decoration: none !important;
	font-weight: normal !important;
}
header .horni .komponentaNavigace .polozka:hover{
	color: #9B8019 !important;
}
header .horni .komponentaNavigace li:last-child .polozka{
	padding-right: 0px;
}
header .horni .komponentaNavigace .hloubka2{
	display: none;
}

header .horni .komponentaNavigace .polozka[href*='instagram']{
    padding-right: 10px !important;
    color: #3b5998;
    background-image: url(img/ig-gold.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px 24px;
    display: inline;
}
header .horni .komponentaNavigace .polozka[href*='instagram'] .nazev{
    display: none;
}
header .horni .komponentaNavigace .polozka[href*='instagram']:hover{
	color: #24355a !important;
}
header .horni .komponentaNavigace .polozka[href*='facebook']{
	padding-right: 30px !important;
	color: #3b5998;
    background-image: url(img/fb-gold.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px 24px;
    display: inline;
}
header .horni .komponentaNavigace .polozka[href*='facebook']:hover{
	color: #24355a !important;
}
header .horni .komponentaNavigace .polozka[href*='facebook'] .nazev{
    display: none;
}
header .horni .komponentaNavigace .polozka[href*='tiktok']{
	padding-right: 10px !important;
	color: #3b5998;
    background-image: url(img/tt-gold.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px 24px;
    display: inline;
}
header .horni .komponentaNavigace .polozka[href*='tiktok']:hover{
	color: #24355a !important;
}
header .horni .komponentaNavigace .polozka[href*='tiktok'] .nazev{
    display: none;
}
@media only screen and (max-width:1024px) {
    header .horni .telefon{
		float: none;
		width: auto;
	}
	header .horni .komponentaMenu1{
		display: block;
		float: none;
	}
	header .horni .komponentaMenu1 li{
		float: none;
	}
	header .horni .komponentaMenu1 li a{
	    float: none;
	}
}
@media only screen and (max-width:500px) {
    header .horni .komponentaNavigace > ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }
    header .horni .komponentaNavigace > ul > li{
        width: 100%;
    }
    header .horni .komponentaNavigace > ul > li:nth-last-child(1),
    header .horni .komponentaNavigace > ul > li:nth-last-child(2),
    header .horni .komponentaNavigace > ul > li:nth-last-child(3){
        width: auto;
    }
    header .horni .komponentaNavigace .polozka[href*='instagram'],
    header .horni .komponentaNavigace .polozka[href*='facebook'],
    header .horni .komponentaNavigace .polozka[href*='tiktok']{
	   padding: 15px !important;
	}
}
/* !header - horni */



/* header - dolni */
header .dolni{
	text-align: center;
}
header .dolni .logo{
    background-image: url(img/marre.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
	display: block;
	width: 270px;
	height: 70px;
	max-width: 100%;
	font-size: 0px;
	color: transparent;
	float: left;
}
header .dolni .komponentaKosik{
	display: inline-block;
	float: right;
	margin: 10px 0 0 0 ;
    text-align: right;
    font-family: sans-serif;
}
header .dolni .komponentaKosik .obsah,
header .dolni .komponentaKosik .pocet,
header .dolni .komponentaKosik .za,
header .dolni .komponentaKosik .cena,
header .dolni .komponentaKosik .dokosiku{
	display: inline-block;
    float: left;
	height: 50px;
	line-height: 50px;
	padding: 0px 3px 0px 3px;
}
header .dolni .komponentaKosik .dokosiku{
    width: 50px;
    background-color: #B08D2D;
    background-image: url(img/kosik-dokosiku.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font-size: 0px;
    float: right;
    margin-left: 5px;
    height: 50px;
    border: 7px solid #B08D2D;
}
header .komponentaHledat{
	display: inline-block;
	width: 300px;;
	border: 1px solid #a9a9a9;
	margin: 14px 0px 20px 0px;
}
header .komponentaHledat .odesli input{
	width: 40px;
	height: 40px;
	background: #ffffff url(img/lupa.png) scroll no-repeat center center;
	float: right;
	min-width: auto;
	font-size: 0px;
	border: none;
	margin: 0;
}
header .komponentaHledat .text input{
	width: calc(100% - 40px);
	background: #ffffff;
	border: none;
	margin: 0;
	line-height: 40px;
	height: 40px;
	padding: 0px 5px 0px 5px;
}
header .komponentaHledat .text input::placeholder{
	color: #a9a9a9;
}
@media only screen and (max-width:1024px) {
	header .dolni .logo{
		width: auto;
		height: 70px;
		max-width: 100%;
		float: none;
	}
	header .dolni .komponentaKosik{
		display: block;
		float: none;
		margin: 10px 0 0 0 ;
        min-width: 270px;
	}
    header .dolni .komponentaKosik *{
        float: none !important;
    }
	header .dolni{
		border-bottom: 1px solid #a9a9a9;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width:600px) {
	header .dolni{
		border-bottom: none;
		padding-bottom: 0px;
	}
}
/* !header - dolni */





/* panelObsah */
.panelObsah{
	margin-top: 10px;
}
/* !panelObsah */








/* navigace */
nav{
	float: left;
    width: 25%;
	width: calc(270px);
	margin: 0px 20px 0px 0px;
}
nav .hloubka1 img,
nav .pocetPolozek,
nav .hloubka1 > li:first-child{
	display: none;
}
nav .polozka{
	display: block;
	line-height: 20px;
	border-bottom: 1px solid #aaaaaa;
	text-decoration: none;
	cursor: pointer;
 	color: #111111;
	font-weight: normal;
}
nav .hloubka1 .polozka{padding: 10px 5px 10px 15px;}
nav .hloubka2 .polozka{padding: 10px 5px 10px 30px;}
nav .hloubka3 .polozka{padding: 10px 5px 10px 45px;}
nav .hloubka4 .polozka{padding: 10px 5px 10px 60px;}
nav .hloubka1 .polozka, nav .hloubka2 .polozka *{font-size: 100%;}
nav .hloubka2 .polozka, nav .hloubka2 .polozka *{font-size: 85%;}
nav .hloubka3 .polozka, nav .hloubka3 .polozka *{font-size: 75%;}
nav .hloubka4 .polozka, nav .hloubka4 .polozka *{font-size: 65%;}

nav .vybrana,
nav .polozka:hover{
	color: #9B8019;
}
nav .polozka:hover{
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width:700px) {
	nav{
		float: none;
		width: auto;
		margin: 0px 0px 20px 0px;
	}
	nav .hloubka1{
		max-height: 0px;
		opacity: 0;
		overflow: hidden;
		transition: all 1s;
	}
	nav #menu:checked + .hloubka1{
		max-height: 2000px;
		opacity: 1;
		transition: all 1s;
	}
	.menu{
		position: absolute;
		left: 10px;
		bottom: 0px;
		display: inline-block;
		background: url(img/menu.png) scroll no-repeat right center;
		height: 50px;
		width: 50px;
		cursor: pointer;
	}
}
/* !navigace */





/* reklama pod navigaci */
nav .punc{
	background: #E6E6E6;
	padding: 10px;
	text-align: center;
}
nav .punc .registrace{
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}
nav .punc .cislo{
	font-size: 120%;
	padding: 5px 0px 5px 0px;
}
nav .reklama img{
	margin-top: 30%;
	height: auto !important;
}
nav .text *{
	padding: 0;
	margin: 0;
}
nav .reklama:after{
    content: ' ';
    clear: both;
    display: block;
}
@media only screen and (max-width:700px) {
	nav .reklama{
		display: none;
	}
	nav .reklama .priloha{
		display: block;
		text-align: center;
		float: none;
		width: auto !important;
	}
	nav .reklama img{
		margin-top: 10px;
		float: none;
	}
}
/* !reklama pod navigaci */





/* uryvky pod navigaci */
nav h3{
    margin-top: 50px;
}
nav .komponentaSlozkyStrankovani .prepinacStranek{
    display: none;
}
nav .komponentaSlozkyStrankovani .slozka{
    width: 240px;
    padding-bottom: 10px;
    border-bottom: none;
    transition: all 0.3s;
}
nav .komponentaSlozkyStrankovani .slozka:hover{
    background: rgba(0,0,0,0.08);
    transition: all 0.3s;
}
nav .komponentaSlozkyStrankovani .slozka:after{
    display: block;
    content: ' ';
    clear: both;
    font-size: 0px;
}
nav .komponentaSlozkyStrankovani .slozka h2{
    font-weight: bold;
    padding: 0;
}
nav .komponentaSlozkyStrankovani .slozka *{
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    color: #000000;
    text-align: justify;
}
nav .komponentaSlozkyStrankovani .slozka .priloha{
    width: 78px !important;
    height: auto !important;
    display: block;
    border: 1px solid #aaa;
    padding: 1px;
    float: left;
    margin: 0px 5px 2px 0px;
}
nav .komponentaSlozkyStrankovani .slozka .priloha img{
    width: 80px !important;
    height: auto !important;
    display: block;
}
nav .komponentaSlozkyStrankovani .slozka p a{
    color: #9B8019;
    font-weight: bold;
    cursor: pointer;
}
nav .zeSvetaSperku{
    text-decoration: none;
}
nav .zeSvetaSperku:hover{
    text-decoration: underline;
}
@media only screen and (max-width:700px) {
    nav .komponentaSlozkyStrankovani{
        display: none;
    }
}
/* !uryvky pod navigaci */





/* obsah katalog */
main {
    width: 70%;
    width: calc(100% - 290px);
    float: right;
}
main .katalog > h1{
	font-size: 20px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 10px;
}
main .katalog .kategorie + h1{
	margin-top: 15px;
}
main .komponentaZobrazeni{
	display: none;
}
.homepage .katalog .upoutavky ~ *{
    display: none;
}
@media only screen and (max-width:700px) {
	main{
	    width: auto;
	    float: none;
	}
}
/* !katalog */




body .NahledProduktu003 .priznakDoporucujeme,
body .NahledProduktu003 .novinka,
body .NahledProduktu003 .popisek{
    display: none !important;
}
body .NahledProduktu003 {
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
}
body .NahledProduktu003 .nazev {
    padding-top: 5px;
    height: 45px;
    background: white;
}
body .NahledProduktu003 .ceny{
    text-align: right;
    padding: 0 10px;
}
body .NahledProduktu003 .ceny .cena{
    color: #B08D2D;
    font-size: 20px;
    text-align: right;
    font-family: sans-serif;
    font-weight: bold;
}
body .NahledProduktu003.skladem .ceny:before{
    content: 'Skladem';
    display: inline-block;
    float: left;
    color: #B08D2D;
    font-size: 85%;
}
body .NahledProduktu003 form{
    padding: 10px;
}
body .NahledProduktu003 form:after{
    content: ' ';
    display: block;
    clear: both;
}
body .NahledProduktu003 input[type=submit]{
    margin: 2px auto;
    padding: 0px 10px 0px 35px;
    text-align: center;
    line-height: 30px;
    font-size: 85%;
    font-weight: normal;
    background: #B08D2D;
    color: #ffffff;
    min-width: auto;
    background: #B08D2D url(img/dokosiku.png) scroll no-repeat 5px center;
    width: auto;
    float: right;
}
body .NahledProduktu003 input[name=mnozstvi]{
    width: 35px;
    height: 30px;
    padding: 0;
    margin: 2px 3px;
    text-align: center;
    line-height: 30px;
    font-size: 85%;
    float: left;
}
body .NahledProduktu003 .ks{
    line-height: 30px;
    float: left;
    margin: 2px 0;
}



/* zbozi + souvisejici */
.zbozi{
	clear: both;
}
.zbozi .polozka{
	display: block;
    width: 32%;
	float: left;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	transition: box-shadow 1s, border 1s;
}
.panelObsah .zbozi .polozka:hover{
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.07);
	transition: all 0.3s;
}
.zbozi .polozka .nazev h2{
	display: block;
	text-decoration: none;
 	color: #111111;
    line-height: 20px;
    height: 50px;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
}
.zbozi .polozka .nazev:hover,
.zbozi .polozka .nazev:hover h2{
	text-decoration: none;
	color: #9B8019;
}
.zbozi .polozka .sOkrajem{
	border-top: 1px solid rgba(0, 0, 0, 0);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-left: 1px solid rgba(0, 0, 0, 0);
	padding: 10px;
	transition: all 0.3s;
}
.panelObsah .zbozi .polozka:hover .sOkrajem{
	border-top: 1px solid rgba(0, 0, 0, 0);
	border-right: 1px solid rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(0, 0, 0, 0);
	transition: all 0.3s;
}
.zbozi .polozka .nahled{
	display: block;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% auto;
	background-attachment: scroll;
}
.zbozi .polozka table{
	width: 100%;
	border-collapse: collapse;
}
.zbozi .polozka table.ceny td{
	width: 50%;
}
.zbozi .polozka table:last-child td:nth-child(2){
	width: 80px;
	padding-left: 10px;
	padding-right: 10px;
}
.zbozi .polozka table .ks{
	font-size: 70%;
}
.zbozi .polozka table .ks.par + .ks{
    display: none;
}
.zbozi .polozka table .neskadem{
    color: red;
	font-size: 85%;
}
.zbozi .polozka table .skadem{
	color: #B08D2D;
	font-size: 85%;
}
.zbozi .polozka table .cena{
	color: #B08D2D;
	font-size: 20px;
	display: block;
	text-align: right;
	font-family: sans-serif;
	font-weight: bold;
}
.zbozi .polozka table input[name=mnozstvi]{
	width: 35px;
	height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 85%;
}
.zbozi .polozka table input.vlozDoKosiku{
	width: 100%;
    padding: 0px 25px 0px 0px;
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 85%;
    font-weight: normal;
    background: #B08D2D;
    color: #ffffff;
    min-width: auto;
    background: #B08D2D url(img/dokosiku.png) scroll no-repeat 90% center;
}
.zbozi .polozka table input.detailZbozi{
	width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 85%;
    font-weight: normal;
    background: #0C1D38;
    color: #ffffff;
    min-width: auto;
}
.zbozi .polozka .mezera{
	height:5px;
}
.zbozi .polozka:nth-child(3n + 1) {
	width: calc(33.33% - 6px);
	width: calc(33% - 6px);
	margin: 0px 9px 9px 0px;
}
.zbozi .polozka:nth-child(3n + 2) {
	width: calc(33.33% - 6px);
	margin: 0px 9px 9px 0px;
}
.zbozi .polozka:nth-child(3n + 3) {
	width: calc(33.33% - 6px);
	margin: 0px 0px 9px 0px;
}
.homepage .zbozi .polozka:nth-child(n + 16){
	
}
.souvisejiciNadpis{
	margin-top: 20px;
}
@media only screen and (max-width:1100px) {
	.zbozi.souvisejici,
	.souvisejiciNadpis{
		display: none;
	}
	.zbozi .polozka table input[name=vlozDoKosiku]{
	    padding: 0px 0px 0px 0px;
	    background: #B08D2D;
	}
}
@media only screen and (max-width:1024px) {
	.zbozi .polozka:nth-child(2n - 1) {
        width: 48%;
		width: calc(50.00% - 5px);
		margin: 0px 5px 10px 0px;
	}
	.zbozi .polozka:nth-child(2n - 0) {
        width: 48%;
		width: calc(50.00% - 5px);
		margin: 0px 0px 10px 5px;
	}
	.souvisejici.zbozi .polozka:not(:nth-child(1)):not(:nth-child(2)) {
		display: none;
	}
	.homepage .zbozi .polozka:nth-child(n+9){
		
	}
}
@media only screen and (max-width:450px) {
	.zbozi .polozka:nth-child(1n){
		width: 320px;
		margin: 0px auto 10px auto;
		float: none;
	}
}
/* !zbozi + komponentaZbozi */
















/* panelPaticka */
footer a{
	cursor: pointer;
	text-decoration: none;
 	color: #111111;
	transition: color 0.3s;
	font-weight: normal;
}
footer a:hover{
	color: #9B8019 !important;
	transition: color 0.35s;
}
footer{
	margin-top: 8vw;
	background-color: #F3F2F2;
}
footer .vnitrek{
 	padding-top: 20px;
 	padding-bottom: 20px;
}
footer table{
	width: 100%;
}
footer table td{
	padding: 5px;
}
footer h1, footer h2, footer h3, footer h4{
 	color: #111111;
}
footer .text > p:last-child{
	font-size: 10px;
	text-align: center;
}
@media only screen and (max-width:700px) {
	footer table,footer table thead,footer table tbody,footer table tfoot,footer table tr,footer table td{
		display: block;
		width: 100%;
		text-align: center;
	}
	footer table td{
		padding-bottom: 20px;
	}
}
/* panelPaticka */






/* dlazdice - kategorie */
.kategorie {
	margin-top: 20px;
	clear: both;
}
.kategorie li{
	display: block;
	min-height: 50px;
	float: left;
	overflow: hidden;
    width: 32.66%;
	min-height: 70px;
	border: 1px solid #a9a9a9;
}
.kategorie .polozka{
    display: table;
    width: 100%;
    background-size: 20% auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 2% center;
    background-color: #ffffff;
    text-decoration: none !important;
    position: relative;
    filter: brightness(100%);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.05);
    transition: filter 0.3s, box-shadow 0.3s;
}
.kategorie .polozka{
    background-size: 40% auto;
	background-position: 2% center;
}
.kategorie .polozka:hover{
    filter: brightness(94%);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
    transition: filter 0.3s, box-shadow 0.3s;
}
.kategorie .polozka .nazev{
	display: table-cell;
    color: #9B8019;
    text-align: right;
    vertical-align: bottom;
    padding: 5px 5px 5px 20%;
	height: 50px;
	line-height: 20px;
 	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
}
.kategorie .polozka .nazev{
    padding: 10px 10px 10px 95px;
	height: 70px;
	line-height: 20px;
	font-size: 17px;
	display: flex;
    align-items: center;
}
.kategorie .polozka .pocetPolozek{
	display: none;
}
.kategorie .polozka img{
    position: absolute;
    top: 0px;
    height: 100%;
    left: 1%;
}

.kategorie li:nth-child(3n + 1){margin: 0px 0.5% 1% 0px;}
.kategorie li:nth-child(3n + 2){margin: 0px 0.5% 1% 0.5%;}
.kategorie li:nth-child(3n + 3){margin: 0px 0px 1% 0.5%;}

@media only screen and (max-width:1024px) {
	.kategorie li:nth-child(2n + 1),
	.kategorie li:nth-child(2n + 1){
		width: 49.5%;
		margin: 0px 0.5% 2% 0px;
		min-height: 50px;
	}
	.kategorie li:nth-child(2n + 2),
	.kategorie li:nth-child(2n + 2){
		width: 49%;
		margin: 0px 0% 2% 1%;
		min-height: 50px;
	}
}
@media only screen and (max-width:400px) {
	.kategorie li:nth-child(1n),
	.kategorie li:nth-child(1n){
		width: 100%;
		margin: 0px 0px 10px 0px;
	}
}
/* !dlazdice - kategorie */








/* dlazdice upoutavky - verze komponentaNavigace */
.upoutavky .komponentaNavigace{
	display: table;
}
.upoutavky .komponentaNavigace li{
	display: table-cell;
}
.upoutavky .komponentaNavigace li a,
.upoutavky .komponentaNavigace li a span{
	display: block;
	line-height: 17px;
    font-size: 13px;
    color: #B08D2D;
    padding: 2px;
    text-align: center;
}
.upoutavky .komponentaNavigace li a img{
	width: 70px;
	height: auto;
}
@media only screen and (max-width:1024px) {
	.upoutavky .komponentaNavigace li a img{
		width: 40px;
		height: auto;
	}
	.upoutavky .komponentaNavigace li a,
	.upoutavky .komponentaNavigace li a span{
		line-height: 13px;
		font-size: 10px;
		color: #B08D2D;
	    padding: 1px;
	}
}
@media only screen and (max-width:800px) {
	.upoutavky .komponentaNavigace{
		display: none;
	}
}
/* !dlazdice upoutavky - verze komponentaNavigace */





/* nadpis Novinky na homepage */
.homepage .novinky {
	text-align: center;
    position: relative;
    margin: 20px 0 0 0;
    clear: both;
}
.homepage .novinky h2{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	background: #ffffff;
	margin: 0px auto;
	font-size: 24px;
}
.homepage .novinky:before{
	border-top: 2px solid #304959;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: "";
    width: 100%;
    height: 62%;
    z-index: -1;
}
/* !nadpis Novinky na homepage */







/* formularRazeni */
.formularRazeni{
	background: #F3F2F2;
	margin-bottom: 10px;
}
.formularRazeni input{
	display: none;
}
.formularRazeni label{
	display: inline-block;
    margin: 5px 10px 5px 10px;
    color: #111111;
    cursor: pointer;
    font-size: 13px;
}
.formularRazeni input:checked + label{
    font-weight: bold;
}
/* !formularRazeni */







/* pomocnaNavigace drobeckova */
.pomocnaNavigace .drobeckova,
.detail .drobeckovaNavigace{
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding-bottom: 15px;
	text-decoration: none;
}
.pomocnaNavigace .drobeckova *,
.detail .drobeckovaNavigace *{
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding-bottom: 15px;
	text-decoration: none;
}
.pomocnaNavigace .drobeckova .pocetPolozek,
.detail .drobeckovaNavigace .pocetPolozek{
	display: none;
}
.pomocnaNavigace .drobeckova *:not(:last-child),
.detail .drobeckovaNavigace > *:not(:last-child){
	text-transform: uppercase;
}
.kategorie + .pomocnaNavigace .drobeckova{
	margin-top: 15px;
}
/* !pomocnaNavigace drobeckova */






/* .pomocnaNavigace .podslozky */
.pomocnaNavigace{
	clear: both;
}
.pomocnaNavigace .podslozky li{
	display: block;
	width: calc((100% - 30px) / 4);
	min-height: 40px;
	float: left;
	overflow: hidden;
}
.pomocnaNavigace .podslozky li:nth-child(4n + 1){margin: 0px 5px 10px 0px;}
.pomocnaNavigace .podslozky li:nth-child(4n + 2){margin: 0px 5px 10px 5px;}
.pomocnaNavigace .podslozky li:nth-child(4n + 3){margin: 0px 5px 10px 5px;}
.pomocnaNavigace .podslozky li:nth-child(4n + 4){margin: 0px 0px 10px 5px;}
.pomocnaNavigace .podslozky li .polozka{
	border: 1px solid #a9a9a9;
    display: table;
    width: 100%;
    background-size: 20% auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 2% center;
    background-color: #ffffff;
    text-decoration: none !important;
    filter: brightness(100%);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.05);
    transition: filter 0.3s, box-shadow 0.3s;
    position: relative;
}
.katalog.slozka496 .pomocnaNavigace .podslozky li .polozka{
    padding: 10px 0;
}
.pomocnaNavigace .podslozky li .polozka:hover{
    filter: brightness(94%);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
    transition: filter 0.3s, box-shadow 0.3s;
}
.pomocnaNavigace .podslozky li .polozka .nazev{
	display: table-cell;
    color: #9B8019;
    text-align: right;
    vertical-align: middle;
    padding: 1px 5px 1px 53px;
    height: 40px;
    line-height: 15px;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
}
.katalog.slozka496 .pomocnaNavigace .podslozky li .polozka .nazev{
    padding: 1px 5px 1px 60px;
}
.pomocnaNavigace .podslozky li .polozka .pocetPolozek{
	display: none;
}
.pomocnaNavigace .podslozky li .polozka img{
    position: absolute;
    top: 2%;
    height: 94%;
    left: 1%;

}
@media only screen and (max-width:1100px) {
	.pomocnaNavigace .podslozky li{
		width: calc((100% - 20px) / 3);
	}
	.pomocnaNavigace .podslozky li:nth-child(3n + 1){margin: 0px 5px 10px 0px;}
	.pomocnaNavigace .podslozky li:nth-child(3n + 2){margin: 0px 5px 10px 5px;}
	.pomocnaNavigace .podslozky li:nth-child(3n + 3){margin: 0px 0px 10px 5px;}
}
@media only screen and (max-width:900px) {
	.pomocnaNavigace .podslozky li{
		width: calc((100% - 10px) / 2);
	}
	.pomocnaNavigace .podslozky li:nth-child(2n + 1){margin: 0px 5px 10px 0px;}
	.pomocnaNavigace .podslozky li:nth-child(2n + 2){margin: 0px 0px 10px 5px;}
}
@media only screen and (max-width:400px) {
	.pomocnaNavigace .podslozky li{
		width: 100%;
	}
	.pomocnaNavigace .podslozky li:nth-child(1n){margin: 0px 0px 10px 0px;}
}
/* !.pomocnaNavigace .podslozky */













/* data uzivatele */
.strankaDataUzivatele .otaznik{
    display: inline-block;
    border-radius: 7px;
    width: 14px;
    background: seagreen !important;
    text-align: center;
    font-weight: bold;
    color: white;
    line-height: 14px;
    cursor: pointer;
    font-size: 10px;
}
.strankaDataUzivatele .transportItem div{
    display: inline-block;
}
.strankaDataUzivatele .napoveda:not(:empty){
	background: rgba(155, 128, 25, 0.15) !important;
    padding: 0 5px;
    border-radius: 5px;
	display: block;
	max-height: 0px;
	overflow: hidden;
}
.strankaDataUzivatele .napoveda:not(:empty) *{
	background: rgba(155, 128, 25, 0.15) !important;
}
.strankaDataUzivatele .napoveda.zobrazeno{
    max-height: 500px;
    transition: max-height 1s;
}
.strankaDataUzivatele .napoveda a{
	color: #000000;
	background: transparent;
	text-decoration: underline;
}
.strankaDataUzivatele .tabulkaDoprava select{
    width: 250px;
    display: inline-block !important;
}
@media only screen and (max-width:900px) {
    .strankaDataUzivatele .napoveda,
    .strankaDataUzivatele .otaznik{
        display: none !important;
    }
    .strankaDataUzivatele.objednavky17 form table table select{
        width: 80px;
    }
}
/* !data uzivatele */





/* detail */
.detail{

}
.detail h1{
	color: #7f7553;
}
.detail .obrazky{
	width: 400px;
	float: left;
}
.detail .nahled,
.detail .prilohy a{
	border-radius: 3px;
	width: 100%;
	height: auto;
    font-size: 0px;
    line-height: 0px;
    padding: 2px;
    overflow: hidden;
    display: inline-block;
    border: 1px solid rgba(136, 120, 71, 0.1);
	transition: border 0.3s;
}
.detail .nahled{
	border: 1px solid rgba(136, 120, 71, 0.15);
}
.zbozi .polozka .nahled,
.zbozi .polozka .nahled:hover{
	border: 1px solid rgba(136, 120, 71, 0);
}
.detail .nahled:hover,
.detail .prilohy a:hover{
	border: 1px solid rgba(136, 120, 71, 0.35);
	transition: border 0.2s;
}
.detail .nahled > img,
.detail .prilohy a img{
	width: 100%;
	height: auto;
	cursor: pointer;
}
.detail .prilohy:not(:empty){
	margin: 0px 0px 10px 0px;
	width: 100%;
    border-radius: 3px;
	font-size: 0px;
	line-height: 0px;
}
.detail .prilohy a{
    width: 18%;
    width: calc(20% - 2px);
    margin: 5px;
}
.detail .pravyPanel{
	float: right;
	width: calc(100% - 450px);
}
.detail .pravyPanel .parametr{
	display: table;
	width: 100%;
	position: relative;
}
.detail .pravyPanel .oddelovacParametru{
	border-bottom: 20px solid #ffffff;
}
.detail .pravyPanel .parametr *{
	font-size: 13px;
}
.detail .pravyPanel .parametr .popis,
.detail .pravyPanel .parametr .hodnota{
	display: table-cell;
	width: 50%;
	padding: 5px;
	vertical-align: top;
	font-weight: normal;
	color: #555555;
}
.detail .pravyPanel .parametr .popis{
	padding-right: 20px !important;
	font-weight: normal;
	text-transform: capitalize;
	position: relative;
}
.detail .pravyPanel .parametr .popis *{
	display: block;
	padding: 0;
	margin: 0;
	font-weight: bolder;
	color: #555555;
}
.detail .pravyPanel .parametr .hodnota *{
	width: 100%;
	padding: 3px;
	margin: 0;
	font-weight: normal;
	color: #555555;
}
.detail .pravyPanel .parametr .lineHeightNula{
	font-size: 0px;
	line-height: 0px;
	position: relative;
}
.detail .pravyPanel .parametr .hodnota .iframePrilohaObjednavky{
	height: 80px;
	border: 1px solid #777777;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota {
	text-align: center;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota *{
	display: inline-block;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota .ks{
    display: inline;
    width: unset;
    padding: 0;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota .par + .ks{
    display: none;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota input[type=number],
.detail .pravyPanel .parametr.mnozstvi .hodnota input[type=text]{
	width: 40px;
	text-align: center;
	height: 30px;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota input[type=submit]{
	width: 130px;
	width: calc(100% - 70px);
	min-width: auto;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota .tlacitko{
	background: #9B8019;
	padding: 0;
    width: 100px;
	width: calc(100% - 65px);
	max-width: 300px;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota .tlacitko {
	display: inline-block;
    background-image: url(img/kosik-dokosiku.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 80% 1px;
    background-size: auto 80%;
	width: auto;
	color: #ffffff;
	padding-right: 30px;
    height: 30px;
    line-height: 30px;
    float: right;
}
.detail .pravyPanel .ryti{
	padding-top: 20px;
}
.detail .pravyPanel .ryti + .ryti{
	padding-top: 0px;
}
.detail .pravyPanel .ryti .rozbaleno{
	position: relative;
	background: #eeeeee;
	max-height: 400px;
	overflow: hidden;
	opacity: 1;
	transition: opacity 0.75s, max-height 0.75s;
	border-right: 10px solid #eeeeee;
	border-left: 10px solid #eeeeee;
	border-top: 10px solid #eeeeee;
	border-bottom: 10px solid #eeeeee;
}
.detail .pravyPanel .ryti .rozbaleno.zabaleno{
	max-height: 0px;
	opacity: 0;
	transition: opacity 0.5s, max-height 0.5s;
}
.detail .pravyPanel .ryti .rozbaleno .textRyti{

}
.detail .pravyPanel .ryti .rozbaleno .textRyti .popis{
	padding-bottom: 120px;
}
.detail .pravyPanel .ryti .rozbaleno .textRyti textarea{
	position: absolute;
    left: calc(-100% + 5px);
    top: 24px;
    width: calc(100% - 25px);
    width: calc(100% - 10px);
    height: 120px;
    z-index: 1;
}
.detail .pravyPanel .ryti .rozbaleno .textRyti .nahledRyti{
	position: absolute;
    background: white;
    right: 5px;
    top: 24px;
    width: calc(100% - 25px);
    width: calc(100% - 10px);
    height: 120px;
    border: 1px solid #777777;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: 96% auto;
	filter: brightness(96%);
}
.detail .pravyPanel .ryti .rozbaleno .prilohaRyti{
	display: block;
}
.detail .pravyPanel .ryti .rozbaleno .prilohaRyti .popis{
	padding-bottom: 0;
}
.detail .pravyPanel .ryti .rozbaleno .prilohaRyti .hodnota {
	display: block;
	padding-top: 0;
    width: 100%;
}
.detail .pravyPanel .ryti label[for=rytidiamant],
.detail .pravyPanel .ryti label[for=rytilaser]{
    display: inline-block;
    border-radius: 7px;
    width: 14px;
    background: #868f91;
    text-align: center;
    font-weight: bold;
    color: white;
    line-height: 14px;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    top: 8px;
    margin-left: 5px;
}
@media only screen and (max-width:500px) {
    .detail .pravyPanel .ryti label[for=rytidiamant],
    .detail .pravyPanel .ryti label[for=rytilaser]{
        top: 6px;
    }
}
.detail .pravyPanel .rytidiamant,
.detail .pravyPanel .rytidiamant *,
.detail .pravyPanel .rytilaser,
.detail .pravyPanel .rytilaser *{
    max-height: 0px;
    overflow: hidden;
    font-size: 13px !important;
    background: rgba(155, 128, 25, 0.15);
    padding: 0 5px;
    border-radius: 5px;
    transition: all 0.5s;
}
.detail .pravyPanel #rytidiamant:checked ~ .rytidiamant,
.detail .pravyPanel #rytilaser:checked ~ .rytilaser{
    max-height: 300px;
    margin-bottom: 10px;
}
.detail .pravyPanel .parametr.kod .hodnota{

}
.detail .pravyPanel .parametr.cena .hodnota{
	color: #9B8019;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 20px;
}
.detail .pravyPanel .cena .popis{
    font-size: 14px;
	font-weight: bold;
}
.detail .text, .detail .text *{
	color: #555555;
	font-size: 13px;
	padding-bottom: 20px;
}
.detail .text, .detail .text{
	border-bottom: 1px solid #a9a9a9;
}
@media only screen and (max-width:1320px) {
	.detail .pravyPanel{
		width: 60%;
     	width: calc(60% - 30px);
		
	}
	.detail .obrazky{
		width: 40%;
	}
}
@media only screen and (max-width:1000px) {
	.detail .pravyPanel{
		width: auto;
		float: none;
	}
	.detail .obrazky{
		width: 300px;
		float: none;
	}
}
@media only screen and (max-width:600px) {
	.detail .pravyPanel .parametr {
	    border-right: 0px;
	    border-left: 0px;
	}
}
@media only screen and (max-width:500px) {
	.detail .pravyPanel .parametr {
	    display: block;
	    width: auto;
	}
	.detail .pravyPanel .parametr .popis{
	    display: block;
	    width: auto;
	    padding: 5px 5px 0px 5px;
	    line-height: 18px;
	}
	.detail .pravyPanel .parametr .hodnota{
	    display: block;
	    width: auto;
	    padding: 0px 5px 5px 5px;
	    line-height: 18px;
	}
	.detail .pravyPanel .ryti .rozbaleno .textRyti .popis {
	    padding-bottom: 0px;
	}
	.detail .pravyPanel .ryti .rozbaleno .textRyti textarea{
		position: static;
	    left: auto;
	    top: auto;
	    width: 100%;
	    height: 100px;
	}
	.detail .pravyPanel .ryti .rozbaleno .textRyti .nahledRyti{
		position: static;
	    right: auto;
	    top: auto;
	    width: 100%;
	    height: 100px;
	}
	.detail .pravyPanel .ryti .rozbaleno {
	    max-height: 500px;
	}
}
/* !detail */





/* tlacitkoDalsiStrana */
.tlacitkoDalsiStrana {
	text-align: center;
	position: relative;
}
.tlacitkoDalsiStrana .skrolujNahoru{
	position: absolute;
	right: 0px;
	top: 0px;
}
@media only screen and (max-width:700px) {
	.tlacitkoDalsiStrana input{
		float: right;
	}
	.tlacitkoDalsiStrana .skrolujNahoru{
		position: static;
		float: left;
	}
}
/* !tlacitkoDalsiStrana */












/* cookie */
/*
#cookiesFixed{
	position: fixed;
	bottom: 20px;
	left: 0px;
	width: 100%;
	opacity: 1;
}
.komponentaCookieSouhlas {
	background: rgba(176, 141, 45, 0.85);
	padding: 20px;
	text-align: center;
}
.komponentaCookieSouhlas *{
	font-size: 13px;
	color: #ffffff !important;
	line-height: 17px;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: center;
}
.komponentaCookieSouhlas .tlacitkoSouhlasim{
	border: 1px solid #ffffff;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	cursor: pointer;
	margin: 5px 15px;
}
.komponentaCookieSouhlas .tlacitkoSouhlasim:hover{
	box-shadow: 0 0 3px 1px rgba(255,255,255,0.5);
	background: rgba(255,255,255,0.15);
}
*/
/* !cookie*/



/* text */
.katalog .text a{
	color: #B08D2D !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
.katalog .text a:hover{
	text-decoration: underline !important;
}
/* !text */



/* text editor */
.panelObsah .text{
	clear: both;
}
.panelObsah .text p{
	text-align: justify;
}
.panelObsah .text p,
.panelObsah .text p *{
	font-size: 13px;
}
.panelObsah .text.editor .stylBunkaStred{
	text-align: center;
}
.panelObsah .text.editor .priloha{
	max-width: 100%;
	height: auto;
}
.panelObsah .text.editor .prilohaL{
	float: left;
	margin: 0px 10px 1px 0px;
}
.panelObsah .text.editor .prilohaR{
	float: right;
	margin: 0px 0px 1px 10px;
}
.panelObsah .text.editor .priloha img{
	max-width: 100%;
	height: auto !important;
	cursor: pointer;
}
.panelObsah .text.editor table td{
	vertical-align: top;
}
.panelObsah .text.editor table p:only-child .priloha{
	float: none;
}
@media only screen and (max-width:700px) {
	.panelObsah .text.editor table,
	.panelObsah .text.editor table thead,
	.panelObsah .text.editor table tbody,
	.panelObsah .text.editor table tfoot,
	.panelObsah .text.editor table tr,
	.panelObsah .text.editor table td{
		display: block;
		float: left;
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* .text.editor */






/* kontakty */
.kontakty .text.editor .sloupcovaSazba{
	width: 100%;
}
.kontakty .text.editor .sloupcovaSazba td:first-child{
	border-right: 1px solid silver;
}
.kontakty .text.editor table td:last-child{
	padding-left: 5%;
}
.kontakty .text.editor table td:first-child{
	padding-right: 5%;
}
.kontakty .text.editor iframe{
	width: 100%;
	height: 350px;
}
.overview-map{
	display: none;
}
.kontakty .text.editor .povinnePolicko,
.kontakty .text.editor .povinnePolickoInfo{
	display: none;
}
.kontakty .text.editor table .popis{
	white-space: nowrap;
}
.kontakty .text.editor table .hodnota input:not([type="submit"]){
	min-width: 50%;
}
.kontakty .text.editor table .hodnota input:not([type="submit"]),
.kontakty .text.editor table .hodnota textarea{
	border-top: 1px solid rgba(0,0,0,0.0);
	border-left: 1px solid rgba(0,0,0,0.0);
	border-right: 1px solid rgba(0,0,0,0.0);
	transition: all 1s;
	max-width: 100%;
}
.kontakty .text.editor table .hodnota textarea{
    width: 100% !important;
}
.kontakty .text.editor table .hodnota input:not([type="submit"]):hover,
.kontakty .text.editor table .hodnota input:not([type="submit"]):focus,
.kontakty .text.editor table .hodnota textarea:hover,
.kontakty .text.editor table .hodnota textarea:focus{
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	transition: all 0.3s;
}

@media only screen and (max-width:700px) {
	.kontakty .text.editor table td{
		padding: 0 !important;
		border: none !important;
	}
	.kontakty .text.editor table .hodnota input:not([type="submit"]),
	.kontakty .text.editor table .hodnota textarea{
		border-top: 1px solid #777777;
		border-left: 1px solid #777777;
		border-right: 1px solid #777777;
		width: 100% !important;
	}
}
/* !kontakty */








/* strankaPrihlaseni, strankaRegistruj */
.strankaPrihlaseni .panelObsah table,
.strankaZadejEmail .panelObsah table,
.strankaRegistruj  .panelObsah table{
    margin-bottom: 5%;
    width: 100%;
}
.strankaPrihlaseni .panelObsah .popis,
.strankaPrihlaseni .panelObsah .hodnota,
.strankaRegistruj  .panelObsah .popis,
.strankaRegistruj  .panelObsah .hodnota
{
	width: 320px;
	max-width: 100%;
	padding: 0 2% 0 2%;
	position: relative;
	vertical-align: middle;
}
.strankaPrihlaseni .panelObsah .hodnota input:not([type=checkbox]),
.strankaPrihlaseni .panelObsah .hodnota textarea,
.strankaPrihlaseni .panelObsah .hodnota select,
.strankaRegistruj  .panelObsah .hodnota input:not([type=checkbox]),
.strankaRegistruj  .panelObsah .hodnota textarea,
.strankaRegistruj  .panelObsah .hodnota select
{
	width: 100%;
}
.strankaPrihlaseni .panelObsah .sloucene,
.strankaRegistruj  .panelObsah .sloucene{
	font-weight: bold;
}
.fbPrihlaseni, .fbPrihlaseni:hover  {
	background: #4866a1 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 5px;
    border-radius: 3px;
    display: block;
    text-align: center;
    margin: 50px auto;
    width: 250px;
}
/* strankaPrihlaseni */





/******************************************************************************/


.zeSvetaSperku .podSlozka {
    border-top: 1px solid #eeeeee;
    clear: both;
}



.homepage .text.editor table{
	display: none;
}


.komponentaSlozkyStrankovani .slozky a{
	display: block;
	color: #3d3d3d !important;
	text-decoration: none !important;
}
.komponentaSlozkyStrankovani .slozky a:hover{
	text-decoration: none !important;
}
.komponentaSlozkyStrankovani .slozky .slozka .nazev{
	clear: both;
	display: block;
}
.komponentaSlozkyStrankovani .slozky .slozka .nahled{
	width: 90px;
	height: 90px;
	float: left;
	display: inline-block;
	clear: none;
	margin: 0 5px 0 0;
}
.komponentaSlozkyStrankovani .slozky .slozka .text{
	float: left;
	clear: none;
}





/* print */
@media print{

    header,
    footer,
    nav,
    .cookies,
    .dovolena,
    .souvisejiciNadpis,
    .souvisejici,
    .pomocnaNavigace,
    .formularFiltry,
    .formularRazeni,
    .tlacitkoDalsiStrana
	{
		display: none !important;
	}

	body,
	main,
	.panelObsah,
	.katalog,
	.detail
	{
		opacity: 1 !important;
		width: auto !important;
	    float: none !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    max-width: unset !important;
	}
}
/* !print */




/* 2019 slideshow */
.slideshow{
	position: relative;
    margin: 0 auto 10px auto;
    width: 1920px;
}
body[data-cizi-referer='1'] .slideshow,
body.homepage .slideshow{
    padding-top: 33.57%;
}
body[data-cizi-referer='0'] .slideshow:after,
body:not(.homepage) .slideshow:after{
    height: 6px;
    content: ' ';
    display: block;
	border-radius: 3px;
	max-width: 1300px;
    background-color: #30b76a;
    margin: auto;
}
.slideshow .slozky {
    display: block;
}
.slideshow .slozka{
    display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: opacity 1s;
}
.slideshow .slozka div{
    background-size: contain;
    background-position: center center;
    display: table;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.slideshow .nahled{
	opacity: 1;
}
.slideshow .nazev{
    /*display: table-cell;*/
    display: none;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-shadow: 1px 1px black, 0px 0px 30px black, 0px 0px 50px black, 0px 0px 30px black;
    font-size: 30px;
    line-height: 34px;
}
.slideshow .buttons{
	height: 100%;
	margin: 0px auto;
	opacity: 0;
	transition: opacity 0.5s;
}
.slideshow:hover .buttons{
	opacity: 1;
	transition: opacity 0.3s;
}
.slideshow .buttons #prevSlide,
.slideshow .buttons #nextSlide{
	position: absolute;
	font-size: 20px;
	line-height: 48px;
	color: rgba(255,255,255,0.75);
    top: 100px;
	top: calc(50% - 25px);
	cursor: pointer;
	z-index: 1;
	display: block;
	width: 50px;
	height: 50px;
	background-color: rgba(0,0,0,0.15);
    border-radius: 25px;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.75);
}
.slideshow .buttons #prevSlide {
	left: 20px;
	min-width: 0px;
}
.slideshow .buttons #nextSlide {
	right: 20px;
	min-width: 0px;
}
.slideshow .odkaz{
    position: absolute;
    display: block;
    height: 100%;
    top: 0px;
    width: 80%;
    /*width: calc(100% - 200px);*/
    width: calc(100% - 0px);
    left: 10%;
    /*left: calc(0% + 100px);*/
    left: calc(0% + 0px);
}
.slideshow .odkaz:hover{
    background-color: rgba(0,0,0,0) !important;
}
@media only screen and (max-width:700px){
    .slideshow{
        /*min-height: 250px;*/
    }
    .slideshow .nazev{
        font-size: 17px;
        padding: 0 10px;
        line-height: inherit;
    }
}
.slideshow .buttons #prevSlide, .slideshow .buttons #nextSlide {
    top: calc(10% - 25px) !important;
}
/* 2019 slideshow */






.proFiltry{
    background-color: #F3F2F2;
    padding: 10px 5px 5px 5px;
    margin: 10px 0;
}


/* selectboxy */
.selectboxy:after{
    content: ' ';
    display: block;
    clear: both;
}
.selectboxy .polozka{
    display: inline-block;
    padding: 2px 25px 2px 5px;
    position: relative;
    border: 1px solid #eee;
    background: #fff;
    margin: 0 5px 5px 0;
    float: left;
    cursor: pointer;
    background: #fff url(img/arrow-drop-down.png) scroll no-repeat 98% center;
        font-size: 13px;
}
.selectboxy .odesli input{
    line-height: 20px;
    float: left;
    margin: 0 5px 5px 0;
        font-size: 13px;
}
.selectboxy .polozka > input[type=checkbox]{
	display: none;
}
.selectboxy .polozka > label{
	display: block;
	font-size: 14px;
	cursor: pointer;
}
.selectboxy .polozka .rozbalovaci{
	background: white;
	border: 1px solid #999999;
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.25);
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: all 0.5s;
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0px;
    top: 30px;
}
.selectboxy .polozka > input:checked + .rozbalovaci{
	max-height: 200px;
	overflow: auto;
	opacity: 1;
	transition: all 0.5s;
}
.selectboxy .polozka > input:checked + .rozbalovaci{
	background: #9BC000;
}
.selectboxy .polozka .rozbalovaci > div{
	padding: 0 5px;
}
.selectboxy .polozka .rozbalovaci input{
	display: none;
}
.selectboxy .polozka .rozbalovaci label{
	display: block;
	position: relative;
	padding-left: 20px;
	display: block;
	cursor: pointer;
	font-size: 14px;
}
.selectboxy .polozka .rozbalovaci input ~ label:before{
	content: ' ';
	display: none;
}
.selectboxy .polozka .rozbalovaci > div:not(:first-child) > input:checked ~ label:before{
	content: ' ';
	top: 3px;
	left: 0px;
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 8px;
}
.selectboxy .selectbox .rozbalovaci > div:not(:first-child) > input:checked ~ label:before{
	background: #ffffff;
}
.selectboxy .selectbox .rozbalovaci label:hover{
	/*text-shadow: 1px 1px white;*/
}
@media only screen and (max-width: 1100px) {
    .proFiltry .predodesli{
        display: block;
        clear: both;
    }
}
@media only screen and (max-width: 900px) {
    .selectboxy .polozka{
        display: block;
        float: none;
        margin: 0 0 5px 0;
    }
}
@media only screen and (max-width: 450px) {
    .selectboxy .odesli input{
        width: calc(50% - 5px);
    }
}
/* !selectboxy */




/* 2018-09-25 selectboxy */
.selectboxyHodnota .selectbox > input[type=checkbox]{
    display: none;
}
.selectboxyHodnota .rozbalovaci{
    clear: both;
    margin: 0 0 0 0;
    border: 0px solid #9BC000;
    border-radius: 3px;
    max-height: 0px;
    overflow: auto;
    padding: 0px 10px 0px 10px;
    background-color: #fff;
    transition: max-height 0.3s, padding 0.5s, margin 0.5s;
/*
max-height: 1000px;
padding: 10px 10px 10px 10px;
*/
}
.selectboxyHodnota  .rozbalovaci > div:first-child{
    display: none;
}
.selectboxyHodnota  input:checked + .rozbalovaci,
.rozbalSelectbox ~ .rozbalovaci{
    border: 1px solid #eee;
    margin: 0 0 10px 0;
    max-height: 50vh;
    padding: 10px 10px 10px 10px;
    transition: max-height 0.5s, padding 0.1s, margin 0.1s;
}
.selectboxyHodnota .rozbalovaci:after{
    content: ' ';
    clear: both;
    display: block;
}
.selectboxyHodnota .rozbalovaci > div{
    display: inline-block;
    width: 20%;
    float: left;
    line-height: 15px;
}
.selectboxyHodnota .rozbalovaci label{
    font-size: 12px;
    line-height: 15px;
    cursor: pointer;
    padding: 0px 2px;
}
.selectboxyHodnota .rozbalovaci input{
    position: relative;
    top: 3px;
}
.selectboxyHodnota .rozbalovaci label:hover{
    text-decoration: underline;
}
.selectboxyHodnota .rozbalovaci input[type=checkbox][disabled=disabled] ~ label{
    color: #ccc;

}
@media only screen and (max-width:1200px){
    .selectboxyHodnota .rozbalovaci > div{
        width: 20%;
    }
}
@media only screen and (max-width:950px){
    .selectboxyHodnota .rozbalovaci > div{
        width: 33%;
    }
}
@media only screen and (max-width:500px){
    .selectboxyHodnota .rozbalovaci > div{
        width: 50%;
    }
}


.nalezeno{
    background-color: #dee7e9;
    padding: 5px 10px;
    margin: 10px 0;
    font-size: smaller;
}
/* !2018-09-25 selectboxy */






@media screen and (orientation: landscape){
    .komponentaCookies2022 .komponentaCookies2022Vnitrek {
        max-width: 740px;
        padding: 30px;
    }
    .komponentaCookies2022 .zalozkaSouhlasim * {
        font-size: 22px;
        line-height: 32px;
    }


}


.tabulkaPlatba tbody tr:last-child td:after{
    content: 'V případě platby převodem zašlete částku na číslo účtu 2801011331/2010 s číslem objednávky jako variabilním symbolem.';
    display: block;
    margin: 10px auto;
    font-weight: bold;
}



/* 2024-02-12 zobrazit text pod zbozim */
.KatalogFiltryRazeni001 .text.editor hr,
.KatalogFiltryRazeni001 .text.editor hr ~ *,
.KatalogFiltryRazeni001 .text.editor2:empty,
.KatalogFiltryRazeni001 .text.editor2 hr,
.KatalogFiltryRazeni001 .text.editor2 > *{
    display: none;
}
.KatalogFiltryRazeni001 .text.editor2 hr ~ *{
    display: revert;
}
.KatalogFiltryRazeni001 .text.editor2:not(:empty){
    padding-top: 10px;
    padding-bottom: 10px;
}
/* 2024-02-12 zobrazit text pod zbozim */



.DetailProduktu001 h1{
    color: #7f7553;
}
.DetailProduktu001 .ryti2023{
    clear: both;
    margin: 20px auto;
}
body .DetailProduktu001 .nazevProduktu{
    display: none;
}
.DetailProduktu001 .ryti2023 .pozadujiRyti > span,
.DetailProduktu001 .ryti2023 .pozadujiRyti select{
    font-size: 0.85rem;
    line-height: 1.5rem;
}
.DetailProduktu001 .ryti2023 .pozadujiRyti > span a{
    display: inline-block;
    width: 2em;
    background: url(img/info.webp) scroll no-repeat center center/1em;
    text-decoration: none !important;
}
.DetailProduktu001 .ryti2023 .pozadujiRyti{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.DetailProduktu001 .ryti2023 .rytirozbal{
    max-height: 0px;
    overflow: hidden;
    padding: 0 10px;
    background: #eee;
    transition: all 0.2s;
}
.DetailProduktu001 .ryti2023 .rytirozbal.rozbaleno{
    max-height: 1000px;
    padding: 10px 10px;
}
.DetailProduktu001 .ryti2023 .selectfont{
    display: flex;
    flex-wrap: wrap;
    gap: 1px 5px;
}
.DetailProduktu001 .ryti2023 .selectfont input,
.DetailProduktu001 .ryti2023 .zarovnattext input{
    display: none;
}
.DetailProduktu001 .ryti2023 .selectfont label,
.DetailProduktu001 .ryti2023 .zarovnattext label{
    padding: 0 5px;
    cursor: pointer;
}
.DetailProduktu001 .ryti2023 .selectfont label:hover,
.DetailProduktu001 .ryti2023 .zarovnattext label:hover,
.DetailProduktu001 .ryti2023 .selectfont input:checked + label,
.DetailProduktu001 .ryti2023 .zarovnattext input:checked + label{
    background: rgba(0,0,0,0.1);
}
.DetailProduktu001 .ryti2023 .zarovnattext{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.DetailProduktu001 .ryti2023 .mininadpis{
    font-weight: 600;
}
.DetailProduktu001 .ryti2023 .mininadpis:not(:first-child){
    padding-top: 15px;
}
.DetailProduktu001 .ryti2023 iframe{
    width: 100%;
    height: 80px;
}
.DetailProduktu001 .ryti2023 .nahledfontu{
    height: 70px;
    padding: 5px;
    font-size: 1.4rem;
    line-height: 1.7rem;
}
body .DetailProduktu001 .parametr14834,
body .DetailProduktu001 .parametr1,
body .DetailProduktu001 .parametr4080,
body .DetailProduktu001 .parametr4081,
body .DetailProduktu001 .parametr4082,
body .DetailProduktu001 .parametr4338,
body .DetailProduktu001 .parametr4327,
body .DetailProduktu001 .parametr4378,
body .DetailProduktu001 .parametr4379,
body .DetailProduktu001 .parametr4380,
body .DetailProduktu001 .parametr4381,
body .DetailProduktu001 .parametr4394,
body .DetailProduktu001 .parametr4347,
body .DetailProduktu001 .parametr[data-nazev="EAN"],
body .DetailProduktu001 .parametr[data-nazev*="gravírování"],
body .DetailProduktu001 .parametr[data-nazev*="gravírování"],
body .DetailProduktu001 .parametr[data-nazev="doba vyřízení objednávky"],
body .DetailProduktu001 .parametr[data-nazev="Doba vyřízení objednávky"],
xbody .DetailProduktu001 .parametr[data-nazev="výrobce"],
xbody .DetailProduktu001 .parametr[data-nazev="Výrobce"],
body .DetailProduktu001 .parametr[data-nazev="typ produktu"],
body .DetailProduktu001 .parametr[data-nazev="Kód Dodavatele"],
body .DetailProduktu001 .parametr.dostupnost,
body .DetailProduktu001 .par + .ks,
body .DetailProduktu001 .parametr.textUpresneni,
body .DetailProduktu001 .vypln40,
body .DetailProduktu001 .momentalneNelzeObjednat ~ .ks,
body .DetailProduktu001 .kdyZmeneno {
    display: none;
}
body .DetailProduktu001 .vnorenaSablona *{
    font-size: 0.85rem;
}
body .DetailProduktu001 .vlozdokosiku .popis{
    text-align: right;
    vertical-align: top;
}
body .DetailProduktu001 .formulardokosiku input[type=number] {
    float: none;
}
body .DetailProduktu001 .formulardokosiku input[type=submit] {
    background-color: #9B8019;
    padding: 0 40px 0px 10px;
    display: inline-block;
    background-image: url(img/kosik-dokosiku.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 94% 1px;
    background-size: auto 80%;
    width: auto;
    color: #ffffff;
}
body .DetailProduktu001 .formulardokosiku .cenabezna .hodnota,
body .DetailProduktu001 .formulardokosiku .cenaakcni .hodnota{
    color: #9B8019;
    font-family: sans-serif;
}
body .DetailProduktu001 .vnorenaSablona9 span{
    width: 50%;
    display: inline-block;
    float: left;
}
body .DetailProduktu001 .vnorenaSablona9 span:last-child{
    color: green;
    font-weight: bold;
}



body.strankaKosik .kosik *{
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
}


body.strankaDataUzivatele002 .panelObsah nav{
    display: none;
}
body.strankaDataUzivatele002 main {
    width: auto;
    float: none;
}