/* Globalni styly */

  
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	max-width: 100%;
}

html {
	/*font-family: "Roboto", sans-serif;*/
	font-family: "Baloo 2", "Roboto", sans-serif;
	font-size: 20px;
	line-height: 1.15;
}
@media only screen and (max-width: 512px){
    html{
        line-height: 1.25;
    }
}

head {
	display: none;
}


body {
	overflow-y: scroll;
	min-width: 260px;
	min-height: 100vh;
	background: white;
	color: #312220;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.5rem;
    
	-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;
}


@-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;}
}

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


input, select, label {
	vertical-align: middle;
}

label {
	cursor: pointer;
}

input[type=text],
input[type=date],
input[type=time],
input[type=number],
input[type=password],
input:not([type]),
textarea {
    border: 1px solid rgba(255, 235, 195, 1);
    border-radius: 0.25rem;
	width: 100%;
	padding: 7px 10px !important;
}

select{
    padding: 4px 10px !important
}

input[type=submit],
input[type=button],
button,
.button,
.formularMojeData a,
.proslide .original a {
    font-family: "Baloo 2", "Roboto", sans-serif;
    cursor: pointer !important;
    background-color: #E30613;
    border-radius: 24px;
    color: white;
    padding: 10px 24px;
    font-size: 1rem;
    transition: all 0.5s;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
}

input[type=submit]:hover,
input[type=button]:hover,
.button:hover {
    color: white;


}

*::-webkit-input-placeholder {
	color: #aaaaaa;
	font-size: 17px;
}

*:-moz-placeholder {
	color: #aaaaaa;
	font-size: 17px;
}

*::-moz-placeholder {
	color: #aaaaaa;
	font-size: 17px;
}

*:-ms-input-placeholder {
	color: #aaaaaa;
	font-size: 17px;
}


/* Ytext */


.priloha img {
	width: 100% !important;
    height: 250px !important;
    object-fit: cover;
    padding: 10px;
    cursor: pointer;
}

.priloha img[src*="Pdf.png"]{
	width: 100px !important;
	height: 100px !important;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.prilohaL {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}

.prilohaP {
	display: block;
	float: right;
	margin: 0px 0px 0px 10px;
}

td p:only-child .prilohaL:only-child,
td p:only-child .prilohaP:only-child {
    margin: 0px;
}

.priloha .text {
	display: block;
	text-align: center;
	font-size: 12px;
}

table {
	clear: both;
}
table.zakladniTabulka td {
	background: #f0f0eb;
	padding: 0px 3px 0px 3px;
}
table.sloupcovaSazba {
	width: 100%;
}
table.sloupcovaSazba td {
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}

form:not([data-unisablona=""]) tbody td input,
form:not([data-unisablona=""]) tbody td select,
form:not([data-unisablona=""]) tbody td textarea{
    margin-bottom: 0.5rem;
}

hr {
    border-bottom: 1px solid #FFBD3E;
    margin: 2rem 0 1rem 0;
}

h2, ul, ol, table, hr {
	margin: 0px 0px 0px 0px;
}
p{
    margin-bottom: 0.5rem;
}

h1, h1 *, .h1, .h1 * {
    font-family: "Baloo Bhai 2", "Roboto", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
    font-size: 60px;
	color: #312220;
	clear: both;
}
h1, h1 *{
	margin: 0 0 1rem 0; /*margin: 0 auto 1rem auto;*/
}
h1{
	background: url(img/headers.svg) scroll no-repeat calc(100% - 0.5rem) center;
}

.homepage h1{
    display: none;
}
h1{
    margin-top: 30px;
}

h2, h2 *{
    font-family: "Baloo Bhai 2", "Roboto", sans-serif;
    font-size: 40px;
	font-weight: 600;
}
h2{
    margin-bottom: 1rem;
}

h3 {
	font-weight: bold;
	font-size: 34px;
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 20px;
}

strong {
	font-weight: bold;
}


body .text.editor p {
	clear: both;
}

.wrapper{
    display: flex;
    clear: both;
    width: 1280px;
    margin: auto;
    padding: 0 0.5rem;
    max-width: 100%;
    flex-direction: column;
}


@media only screen and (max-width: 992px){
    body {

    }
    h1{
        background: none;
        text-align: center;
    }
    h1, h1 *,
    .h1, .h1 *{
        font-size: 45px;
    }
    h2, h2 *{
        font-size: 30px;
    }
}


header,
header .menu,
header .menu .promenu .horizontalmenu,
header .menu .prologo .logo,
header .menu .prologo,
.banner .relative
{

}








/* header */
header{
    overflow-x: hidden;
}
header .menu{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto 0 auto;
}
.homepage header .menu{
    margin: 30px auto;
}
header .menu .prologo{
    position: relative;
    flex: 0 0 min(200px, 40vw);
    display: flex;
    justify-content: center;
}
.homepage header .menu .prologo{
    flex: 0 0 max(25%, 8rem);
    justify-content: flex-end;
}
header .menu .prologo .logo{
    display: block;
    height: auto;
    background: url(img/dorant.svg) scroll no-repeat center top/contain;
    padding-top: 127px;
    width: 120px;
}
.homepage header .menu .prologo .logo{
    z-index: 1;
    position: absolute;
    width: 150px;
    padding-top: 160px;
    transform: translateY(-25px);
}
header .menu .promenu{
    flex: 1 0 auto;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}
header .menu .promenu .menu-a{
    flex: 1 0 auto;
}
header .menu .promenu .menu-b,
header .menu .promenu .menu-c,
header .menu .promenu .menu-d{
    flex: 0 0 auto;
}
header .menu .promenu .menu-b > *,
header .menu .promenu .menu-c > *,
header .menu .promenu .menu-d > *{
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #ffbd3e;
    border-radius: 10px;
    position: relative;
}
header .menu .promenu .horizontalmenu{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 0.5rem;
    justify-content: space-evenly;
    align-items: center;
}
header .menu .promenu .horizontalmenu a{
    font-family: "Baloo 2", "Roboto", sans-serif;
    font-size: 24px;
    text-decoration: none;
}
header .menu .promenu .horizontalmenu a:hover{
    text-decoration: underline;
}
header .menu .promenu .horizontalmenu a.vybrana{
    font-weight: 700;
}
header .menu .promenu .menu-b .openUser{
    background: url(img/header-user.svg) scroll no-repeat center center/75% auto;
}
header .menu .promenu .menu-c .komponentaKosik{
    background: #ffbd3e url(img/header-basket.svg) scroll no-repeat center center/contain;
}
header .menu .promenu .menu-c .komponentaKosik span{
    display: inline-block;
    border-radius: 1rem;
    background-color: #E30613;
    color: white;
    position: absolute;
    min-width: 0.85rem;
    text-align: center;
    right: -0.25rem;
    bottom: -0.25rem;
    padding: 0 0.25rem;
    font-size: 0.65rem;
    line-height: 0.85rem;
}
header .menu .promenu .menu-d label[for=openMenu]{
    background: url(img/header-openmenu.svg) scroll no-repeat center center/70%;
    display: none;
}
@media only screen and (min-width: 993px){
    header .menu .promenu .horizontalmenu{
        column-gap: 2rem;
        justify-content: center;
    }
}
@media only screen and (max-width: 992px){
    body.homepage header .menu{
        margin: 1rem auto 2.5rem auto;
    }
    header .menu .promenu {
        flex: 0 0 auto;
    }
    body.homepage header .menu .promenu {
        transform: translateY(1rem);
    }
    header .menu .promenu .horizontalmenu{
        display: none;
    }
    header .menu .promenu .menu-b > *,
    header .menu .promenu .menu-c > *,
    header .menu .promenu .menu-d > *{
        width: 40px;
        height: 40px;
    }
    header .menu .promenu .menu-d{
        order: 1;
    }
    header .menu .promenu .menu-d label[for=openMenu]{
        display: block;
    }
}
@media only screen and (max-width: 360px){
    body.homepage header .menu {
        justify-content: center !important;
        margin: 0.5rem auto !important;
        gap: 5px !important;
    }
    body.homepage header .menu .prologo {
        flex: 0 0 4rem !important;
    }
    body.homepage header .menu .prologo .logo {
        width: 4rem !important;
        transform: translate(0, 0) !important;
        position: static !important;
        padding-top: 86px !important;
    }
    body.homepage header .menu .promenu {
        transform: translateY(0) !important;
    }
    body:not(.homepage) header .menu{
        justify-content: center !important;
        margin: 10px auto !important;
    }
    body:not(.homepage) header .menu .prologo {
        flex: 0 0 6rem !important;
    }
    body:not(.homepage) header .menu .prologo .logo {
        width: 6rem !important;
        transform: translate(0, 0) !important;
    }

    header #openUser:checked ~ .uzivatelMenu div,
    header #openMenu:checked ~ .openMenu .horizontalmenu {
        margin: 0 auto 1rem auto !important;
    }
}
/* header */


/* openMenu, openUser */
header .uzivatelMenu,
header .openMenu{
    display: flex;
    align-items: flex-end;
    background: rgba(255, 235, 195, 0.90);
    transform: translateX(100%);
    position: fixed;
    top: 0;
    width: 360px;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    backdrop-filter: brightness(0.85) blur(10px);
    will-change: backdrop-filter;
    transition: transform 0.3s;
    padding: 60px 60px 0 0;
}
header .uzivatelMenu .prologged,
header .openMenu .horizontalmenu{
    display: flex;
    flex-direction: column;
    min-width: 260px;
    gap: 0;
    margin: 0;
}
header .uzivatelMenu .prologged a,
header .openMenu .horizontalmenu a.polozka{
    line-height: 60px;
    border-top: 1px solid black;
    font-size: 22px;
    font-weight: 400;
    padding: 0 0 0 20px;
    text-decoration: none;
}
header .uzivatelMenu .close,
header .openMenu .close{
    display: block;
    width: 60px;
    height: 60px;
    background: url(img/cross.svg) scroll no-repeat center center;
    position: absolute;
    right: 0px;
    top: 0px;
}
header .openMenu .kontakt{
    padding: 20px 10px;
}
header .openMenu .kontakt *{
    font-weight: 400;
    font-size: 18px;
}
body[data-logged="1"] header #openUser:checked ~ .uzivatelMenu,
header #openMenu:checked ~ .openMenu{
    transform: translateX(0%);
}
@media only screen and (max-width:400px) {
    header .uzivatelMenu,
    header .openMenu{
        width: 100%;
        padding: 235px 60px 0 20px;
        padding: 60px 60px 0 20px;
        background: rgba(255, 235, 195, 0.90); /*url(img/dorant.svg) scroll no-repeat 30px 30px / 150px auto*/
    }
    header .uzivatelMenu .prologged,
    header .openMenu .horizontalmenu {
        min-width: unset;
    }
}
/* openMenu, openUser */




/* uzivatel */
.strankaMojeData .formularMojeData td h3,
.strankaMojeData .formularMojeData a[href*="Newsletter"],
.strankaMojeData .formularMojeData a[onclick*="Odstranit"]{
    display: none !important;
}
.strankaMojeData .formularMojeData a{
    width: 256px;
    color: white !important;
}
/* uzivatel */





/* body - pozadi */
main{
    padding: 0rem 0 4rem 0;
    margin: 0 auto auto auto;
    width: 100%;
}
body.homepage main{
    padding-top: 1rem;
}
body.strankaSlozka main > .wrapper,
body.strankaSlozkaZbozi[data-searching="1"] main > .wrapper,
body.strankaZbozi main > .wrapper{
    flex-direction: column-reverse;
}
@media only screen and (min-width:1600px) {
    body.homepage main {
        background:
        url(img/slideshow-rajce.png) scroll no-repeat calc(50vw - 700px) 17%,
        url(img/slideshow-pulrajce.png) scroll no-repeat calc(100vw - 145px) 27%,
        url(img/slideshow-trojlistek.png) scroll no-repeat calc(0vw - 70px) 57%;
    }
}
/* body - pozadi */




@media only screen and (max-width:992px){

    footer .wrapper table,
    footer .wrapper thead,
    footer .wrapper tbody,
    footer .wrapper tfoot,
    footer .wrapper tr,
    footer .wrapper td,

    .proinfo table,
    .proinfo thead,
    .proinfo tbody,
    .proinfo tfoot,
    .proinfo tr,
    .proinfo td,

    .KatalogFiltryRazeni001.slozka164 .editor table,
    .KatalogFiltryRazeni001.slozka164 .editor thead,
    .KatalogFiltryRazeni001.slozka164 .editor tbody,
    .KatalogFiltryRazeni001.slozka164 .editor tfoot,
    .KatalogFiltryRazeni001.slozka164 .editor tr,
    .KatalogFiltryRazeni001.slozka164 .editor td,

    .KatalogFiltryRazeni001.slozka165 .editor table,
    .KatalogFiltryRazeni001.slozka165 .editor thead,
    .KatalogFiltryRazeni001.slozka165 .editor tbody,
    .KatalogFiltryRazeni001.slozka165 .editor tfoot,
    .KatalogFiltryRazeni001.slozka165 .editor tr,
    .KatalogFiltryRazeni001.slozka165 .editor td,

    .KatalogFiltryRazeni001.slozka166 .editor table,
    .KatalogFiltryRazeni001.slozka166 .editor thead,
    .KatalogFiltryRazeni001.slozka166 .editor tbody,
    .KatalogFiltryRazeni001.slozka166 .editor tfoot,
    .KatalogFiltryRazeni001.slozka166 .editor tr,
    .KatalogFiltryRazeni001.slozka166 .editor td,
    
    .KatalogFiltryRazeni001.slozka169 .editor table,
    .KatalogFiltryRazeni001.slozka169 .editor thead,
    .KatalogFiltryRazeni001.slozka169 .editor tbody,
    .KatalogFiltryRazeni001.slozka169 .editor tfoot,
    .KatalogFiltryRazeni001.slozka169 .editor tr,
    .KatalogFiltryRazeni001.slozka169 .editor td,



    xxx{
        display: block !important;
        width: 100% !important;
    }
}







/* footer */
footer{
    font-family: "Baloo 2", "Roboto", sans-serif;
    background-color: #FFF4E1;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}
footer .info{
    border-bottom: 1px solid #666666;
    padding-bottom: 2rem;
}
footer .info td:nth-child(2):nth-last-child(2) img{
    width: 170px;
    height: 180px;
    margin-bottom: 1rem;
}
footer .info td{
    padding: 0;
}
footer a{
    text-decoration: none;
}
footer .info a[href*=facebook]{
    background: url(img/facebook.png) scroll no-repeat center center / contain;
    font-size: 0px;
    width: 60px;
    height: 60px;
    display: inline-block;
}
/* footer .dolnimenu .hloubka1{
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    column-gap: 1rem;
    justify-content: space-around;
    margin: 1rem auto;
}*/
@media only screen and (max-width:992px){
    footer .info {
        padding-bottom: 2rem;
    }
    footer *{
        font-size: 0.85rem;
        text-align: center;
    }
    footer .info tr{
        display: flex;
        flex-direction: column;
    }
    footer .info td:nth-child(1):nth-last-child(3) {
        display: flex;
        column-gap: 1rem;
        justify-content: center;
        flex-wrap: wrap;
    }
    footer .info td:nth-child(2):nth-last-child(2) {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    footer .info td:nth-child(3):nth-last-child(1) {
        text-align: center;
    }
}
/* footer */




/* .homepage .banner */
.probanner{
    margin-bottom: 7rem;
    display: flex;
    background:
        url(img/banner-trojlistek.png) scroll no-repeat calc(50% + 640px) 70% / 124px auto,
        url(img/banner-rajce.png) scroll no-repeat calc(50% - 640px) 40% / 124px auto;
display: none;
}
.probanner .center{
    width: 1280px;
    margin: 0 auto;
    position: relative;
}
.probanner .center:after{
    content: ' ';
    display: block;
    position: absolute;
}
.banner{
    height: 474px;
    background: rgba(255, 235, 195, 0.5) url(img/banner-img-desktop.png) scroll no-repeat right center/contain;
    border-radius: 50px;
    position: relative;
}
.banner:after{
    content: ' ';
    display: block;
    width: 140px;
    height: 114px;
    background: url(img/banner-trojlistek2.png) scroll no-repeat center center / contain;
    position: absolute;
    left: 30%;
    bottom: -35px;
    z-index: -2;
}
.banner .absolute{
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.banner .relative{
    position: absolute;
    top: 50%;
    transform: translate(3rem, -30%);
}
.banner .relative div:nth-child(1){
    font-size: min(36px, 4.5vw);
    margin-bottom: 5px;
}
.banner .relative div:nth-child(2){
    font-size: min(60px, 4.5vw);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.banner .relative div:nth-child(3){
    font-size: 24px;
    margin-bottom: 40px;
}
@media only screen and (max-width:991px) {
    .probanner{
        display: flex !important;
    }
    .banner{
        background-size: 60vw auto;
    }
    .banner .relative{
        width: 350px;
    }
    .banner .relative div:nth-child(1){
        font-size: 24px;
        margin-bottom: 0.8rem;
        font-family: "Bai Jamjuree", "Baloo 2", "Roboto", sans-serif;
    }
    .banner .relative div:nth-child(2){
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 0.5rem;
    }
    .banner .relative div:nth-child(3){
        font-size: 20px;
        font-family: "Bai Jamjuree", "Baloo 2", "Roboto", sans-serif;
        font-weight: 500;
    }
    .banner:after{
        width: 110px;
        height: 89px;
        background: url(img/banner-trojlistek2.png) scroll no-repeat center center / contain;
        position: absolute;
        left: 45%;
        bottom: -35px;
        z-index: 1;
    }
}
@media only screen and (max-width:768px) {
    .banner {
        height: 700px;
        background: rgba(255, 235, 195, 0.5) url(img/banner-img-mobile.png) scroll no-repeat center 65% / min(80%, 300px) auto;
    }
    .probanner {
        margin-bottom: 4rem;
        background:
            url(img/banner-trojlistek.png) scroll no-repeat calc(50% + 640px) 70% / 124px auto,
            url(img/banner-rajce.png) scroll no-repeat calc(50% - 640px) 40% / 124px auto;
        margin-top: calc(40px + 2rem);
    }
    .banner .relative {
        width: auto;
        position: static;
        padding: 40px 10px 0 30px;
        transform: none;
        margin: auto;
    }
    .banner .relative div:nth-child(1),
    .banner .relative div:nth-child(2),
    .banner .relative div:nth-child(3){
        width: 300px;
    }
    .banner .relative  button{
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        padding: 10px 44px;
    }
    .banner:after{
        width: 140px;
        height: 136px;
        background: url(img/banner-rajce2.png) scroll no-repeat center center / contain;
        left: 4px;
        bottom: -64px;
        z-index: -1;
    }
    .banner:before{
        content: ' ';
        display: block;
        position: absolute;
        width: 120px;
        height: 99px;
        background: url(img/banner-ctyrlistek.png) scroll no-repeat center center / contain;
        right: 6px;
        top: -38px;
        z-index: -1;
    }
}
@media only screen and (max-width:360px) {
    .probanner {
        margin-top: 10px;
    }
    .banner:before{
        right: -70px;
    }
}
/* .homepage .banner */





/* upozorneni */
.upozorneni:not(:empty){
    background-color: #E30613;
    color: white;
    padding: 1rem;
    text-align: center;
}
.upozorneni:not(:empty) *{
    color: white;
}
.upozorneni:not(:empty) .text > *:last-child{
    margin-bottom: 0!important;
}
.upozorneni:not(:empty) + .proslogan{
    display: none!important;
}
/* upozorneni */


/* slogan */
.proslogan{
    font-family: "Baloo Bhai 2", "Roboto", sans-serif;
    font-weight: 600;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
body:not(.homepage) .proslogan{
    display: none;
}
@media only screen and (max-width:992px) {
    .proslogan{
        font-size: 36px;
    }
}
/* slogan */



/* info pro zakazniky */
.proinfo{
    background-color: #FFF5E1;
    padding: 2rem 0;
}
.proinfo .komponentaSlozka {
    width: 992px;
    margin: auto;
}
.proinfo table{
    border-collapse: collapse;
}
.proinfo tr:not(:last-child) td {
    border-bottom: 1px solid #BFB8A9;
}
.proinfo td {
    vertical-align: middle !important;
    padding: 6px !important;
}
.proinfo td:nth-child(1),
.proinfo td:nth-child(1) *{
    text-transform: uppercase;
    white-space: nowrap;
}
.proinfo td:nth-child(2),
.proinfo td:nth-child(2) *{
    white-space: nowrap;
    font-weight: 500;
}
.proinfo td:nth-child(3),
.proinfo td:nth-child(3) *{
    font-family: "Bai Jamjuree", "Baloo 2", "Roboto", sans-serif;
}
body:not(.homepage) .proinfo{
    display: none;
}
.proinfo p.stylVelke:before,
.proinfo p.stylVelke:after{
    content: ' ';
    display: inline-block;
    background: black;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: relative;
    top: -7px;
    margin-top: -5px;
}
.proinfo p.stylVelke:before{
    margin-right: 5px;
}
.proinfo p.stylVelke:after{
    margin-left: 5px;
}
@media only screen and (max-width:992px) {
    .proinfo td{
        display: block;
        width: 100%;
        text-align: center;
    }
    .proinfo td:nth-child(1) {
        padding-bottom: 0 !important;
        font-size: 1rem;
    }
    .proinfo td:nth-child(2) {
        padding: 0 !important;
        font-size: 1.4rem;
    }
    .proinfo td:nth-child(3) {
        padding-top: 0 !important;
        font-size: 0.9rem !important;
    }
    .proinfo tr:not(:last-child) td:not(:nth-child(3)) {
        border-bottom: 0px none;
    }
}
@media only screen and (min-width:992px) {
    .proinfo td {
        padding: 18px !important;
    }
    .proinfo td:nth-child(2),
    .proinfo td:nth-child(2) *{

        font-size: 24px;
    }
    .proinfo td:nth-child(3),
    .proinfo td:nth-child(3) *{
        font-size: 18px;
    }
}
@media only screen and (min-width:1200px) {
    .proinfo td:nth-child(1),
    .proinfo td:nth-child(1) *{
        font-size: 22px;
    }
    .proinfo td:nth-child(2),
    .proinfo td:nth-child(2) *{
        font-size: 34px;
    }
    .proinfo td:nth-child(3),
    .proinfo td:nth-child(3) *{
        font-size: 20px;
    }
}
/* info pro zakazniky */



/* komponentaHledat */
.komponentaHledat{
    display: none;
    width: 400px;
    margin: 0 auto 10px auto;
    position: relative;
}
body.strankaSlozkaZbozi .komponentaHledat{
    display: block;
}
body.strankaSlozka .katalog.slozka2 ~ .prosearch .komponentaHledat{
    display: block;
}
.komponentaHledat input[type=text]{
    box-shadow: 3px 4px 27px 0 rgb(0 0 0 / 11%);
}
.komponentaHledat input[type=submit]{
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    line-height: 0px;
    font-size: 0px;
    padding: 0;
    height: 48px;
    width: 48px;
    background: url(img/lupa-light.svg) scroll no-repeat center center/75% auto;
}
/* komponentaHledat */


/* dlazdice homepage */
body.homepage .dlazdice22{
    clear: both;
    margin: 1rem auto;
}
body.homepage .dlazdice22 .slozky{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}
body.homepage .strankaDataUzivatele .dlazdice22,
body.homepage .strankaObjednano .dlazdice22,
body .KatalogFiltryRazeni001:not(.slozka2) ~ .dlazdice22{
    display: none;
}
body .KatalogFiltryRazeni001.slozka175 ~ .dlazdice22{
    display: block;
}
body.homepage .dlazdice22 .slozka{
    display: block;
    width: calc(20% - 0.5rem);
    text-decoration: none;
}
body.homepage .dlazdice22 .slozka:hover{
    text-decoration: underline;
}
body.homepage .dlazdice22 .nahled {
    padding-top: calc(100% - 1rem);
    border-radius: 15%;
    border: 0.5rem solid white;
    box-shadow: 3px 4px 25px 0px rgb(0 0 0 / 11%);
    position: relative;
    background-color: #FFF8EA;
    overflow: hidden;
}
body.homepage .dlazdice22 .nahled div{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
}
body.homepage .dlazdice22 .nazev{
    font-family: "Bai Jamjuree", "Baloo 2", "Roboto", sans-serif;
    font-weight: 600;
    text-align: center;
    color: #312220;
    font-size: min(1rem, 3.5vw);
    line-height: min(1rem, 3.5vw);
    padding: 0.75rem 0.5rem 0.5rem 0.5rem;
    transition: all 0.3s;
    text-transform: uppercase;
    overflow: hidden;
}
@media only screen and (max-width:992px) {
    body.homepage .dlazdice22 .slozky{
        gap: 0.25rem;
    }
    body.homepage .dlazdice22 .slozka{
        width: calc(20% - 0.25rem);
    }
    body.homepage .dlazdice22 .nazev{
        font-size: min(0.75rem, 3.5vw);
        line-height: min(0.75rem, 3.5vw);
        padding: 5px 2px 10px 2px;
    }
    body.homepage .dlazdice22 .nahled {
        border: 0.25rem solid white;
        padding-top: calc(100% - 0.5rem);
        box-shadow: 2px 3px 20px 0px rgb(0 0 0 / 11%);
    }
}
@media only screen and (max-width:768px) {
    body.homepage .dlazdice22 .slozka{
        width: calc(25% - 0.25rem);
    }
}
@media only screen and (max-width:512px) {
    body.homepage .dlazdice22 .slozky {
        gap: 4px;
    }
    body.homepage .dlazdice22 .slozka{
        width: calc(33.33% - 4px);
    }
    body.homepage .dlazdice22 .nahled {
        border: 2px solid white;
        padding-top: calc(100% - 4px);
    }
}
/* dlazdice homepage */




/* dlazdice not homepage */
body:not(.homepage) .dlazdice22{
    clear: both;
    margin: 1rem auto 2rem auto;
}
body:not(.homepage) .dlazdice22 .slozky{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}
body:not(.homepage) .strankaDataUzivatele .dlazdice22,
body:not(.homepage) .strankaObjednano .dlazdice22,
body:not(.strankaSlozka):not(.strankaSlozkaZbozi):not(.strankaZbozi) .dlazdice22
{
    display: none;
}
body:not(.homepage) .dlazdice22 .slozka{
    display: flex;
    border: 1px solid #FFBD3E;
    padding: 0 0.5rem;
    border-radius: 1.3rem;
    align-items: center;
    min-height: 2.6rem;
    max-height: 2.6rem;
    overflow: hidden;
    text-decoration: none;
    min-width: 7rem;
    justify-content: center;
}
body:not(.homepage) .dlazdice22 .nazev{
    text-align: center;
    color: #312220;
    font-size: min(0.75rem, 3.5vw);
    line-height: min(0.85rem, 3.5vw);
    max-width: 6rem;
    text-transform: uppercase;
    font-weight: 500;
}
body:not(.homepage) .dlazdice22 .slozka:hover,
body:not(.homepage) .dlazdice22 .slozka[data-active="1"]{
    background-color: #FFBD3E;
    text-decoration: none;
}
@media only screen and (max-width:992px) {
    body:not(.homepage) .dlazdice22 .slozky {
        justify-content: center;
        gap: 0.25rem;
    }
    body:not(.homepage) .dlazdice22 .slozka {
        padding: 0 0.5rem;
        border-radius: 1rem;
        min-height: 2rem;
        max-height: unset;
        min-width: 12rem;
    }
    body:not(.homepage) .dlazdice22 .nazev{
        max-width: unset;
    }
    body:not(.homepage) .dlazdice22 {
        margin: 0rem auto 1rem auto;
    }
}
@media only screen and (max-width:680px) {
    body:not(.homepage) .dlazdice22 .slozka{
        min-width: unset;
        max-width: unset;
        flex: 0 0 calc(50% - 0.125rem);
    
    }
}
/* dlazdice not homepage */



/* KatalogFiltryRazeni001 */
body .KatalogFiltryRazeni001 .razeni,
body .KatalogFiltryRazeni001 .pomocnaNavigace .podslozky .polozka span,
body .KatalogFiltryRazeni001 .pomocnaNavigace .sourozenci .polozka span,
body .KatalogFiltryRazeni001 .FixniPodslozky
{
    display: none;
}
body .KatalogFiltryRazeni001 .zbozi {
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
}
.homepage .katalog{
    display: none;
}
body .KatalogFiltryRazeni001 .editor:not(:empty){
    margin-bottom: min(2rem,max(5vw, 1rem));
}
body .KatalogFiltryRazeni001 .pomocnaNavigace {
    margin: 0.25rem auto 1rem 0.5rem;
}
body .KatalogFiltryRazeni001 .pomocnaNavigace *{
    font-size: 0.75rem;
}
body .KatalogFiltryRazeni001 .containerNextPage .zobrazitDalsi.disabled {
    display: none;
}
body .KatalogFiltryRazeni001 .pomocnaNavigace .podslozky > .hloubka1,
body .KatalogFiltryRazeni001 .pomocnaNavigace .sourozenci > .hloubka1{
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.25rem;
    list-style-type: none;
    padding-left: 0;
    justify-content: flex-start;
}
body .KatalogFiltryRazeni001 .pomocnaNavigace .podslozky .polozka,
body .KatalogFiltryRazeni001 .pomocnaNavigace .sourozenci .polozka{
    text-decoration: none;
    display: block;
    font-size: 0.75rem;
    margin: 0.25rem 0;
    padding: 0.25rem;
    border: 1px solid #FFBD3E;
    border-radius: 1.3rem;
    transition: background-color 0.2s;
    min-width: 6rem;
    text-align: center;
}
body .KatalogFiltryRazeni001 .pomocnaNavigace .podslozky .polozka:hover,
body .KatalogFiltryRazeni001 .pomocnaNavigace .sourozenci .polozka:hover,
body .KatalogFiltryRazeni001 .pomocnaNavigace .sourozenci span.polozka{
    background-color: #FFBD3E;
}
body .KatalogFiltryRazeni001 .pomocnaNavigace .sourozenci span.polozka{
    
}
body .KatalogFiltryRazeni001 .prepinacStranek a,
body .KatalogFiltryRazeni001 .prepinacStranek span,
body .KatalogFiltryRazeni001 .containerNextPage .skrolujNahoru,
body .KatalogFiltryRazeni001 .containerNextPage .zobrazitDalsi{
    background-color: white;
    color: black !important;
    border: 2px solid rgba(255, 189, 62, 1) !important;
    font-size: 18px;
    line-height: 40px;
    margin: 0 14px 2px 0;
    min-width: 35px;
}
body .KatalogFiltryRazeni001 .prepinacStranek a:hover,
body .KatalogFiltryRazeni001 .prepinacStranek span,
body .KatalogFiltryRazeni001 .containerNextPage .zobrazitDalsi:hover,
body .KatalogFiltryRazeni001 .containerNextPage .skrolujNahoru:hover {
    background-color: rgba(255, 189, 62, 1) !important;
}
body .KatalogFiltryRazeni001 .horni{
    display: none;
}
@media only screen and (min-width:992px) {
    body .KatalogFiltryRazeni001 .prepinacStranek a,
    body .KatalogFiltryRazeni001 .prepinacStranek span,
    body .KatalogFiltryRazeni001 .containerNextPage .skrolujNahoru,
    body .KatalogFiltryRazeni001 .containerNextPage .zobrazitDalsi{
        font-size: 22px !important;
        line-height: 45px !important;
        margin: 0px 14px 2px 0px !important;
        min-width: 40px !important;
    }
    body .KatalogFiltryRazeni001 .containerNextPage .skrolujNahoru{
        color: transparent !important;
    }
}
@media only screen and (max-width:992px) {
    body .KatalogFiltryRazeni001 .zbozi {
        justify-content: center;
    }
    body .KatalogFiltryRazeni001 .prepinacStranek{
        display: none;
    }
    body .KatalogFiltryRazeni001 .containerNextPage .right {
        margin: 0 0 0 auto;
    }
}
/* KatalogFiltryRazeni001 */



/* NahledProduktu003 */
body .NahledProduktu003{
    background-color: white;
    width: 241px;
    border-color: transparent;
    box-shadow: 3px 4px 27px 0 rgb(0 0 0 / 11%);
    margin: 0;
    border-radius: 2vw;
    overflow: hidden;
}
body .NahledProduktu003:hover{
    box-shadow: 0px 4px 4px 0 rgb(0 0 0 / 25%);
    border-color: rgba(0,0,0,0.05);
}
body .NahledProduktu003 .nahled img{
    border-radius: 1.5vw;
}
body .NahledProduktu003 input[type=submit] {
    background-color: transparent;
    border: 1px solid #FFBD3E;
    border-radius: 1rem;
    margin: 0.5rem auto 1rem auto;
    font-size: initial;
    color: #312220;
    max-width: calc(100% - 20px);
}
body .NahledProduktu003 .cena:not(.puvodni) {
    color: #E30613;
}
body .NahledProduktu003 .priznaky .priznakDoporucujeme {
    background: none;
    width: unset;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #E30613;
    font-weight: bold;
}
body .NahledProduktu003 .nazev{
    margin-top: 3px;
}
body .NahledProduktu003 .nazev *{
    color: black;
}
body .NahledProduktu003 .komponentaRating {
	text-align: center;
}

body .NahledProduktu003 .komponentaRating div {
	display: inline-block;
	position: relative;
}
body .NahledProduktu003 .komponentaRating div:after{
    content: ' ';
    display: block;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
}
body .NahledProduktu003 .komponentaRating img {
	width: 16px;
	margin: 0px 1px;
	float: left;
	border: 1px solid transparent;
}
body .NahledProduktu003 .komponentaRating span {
	display: none;
}
@media only screen and (max-width:550px) {
    body .NahledProduktu003{
        width: calc(50% - 5px);
    }

}
/* NahledProduktu003 */




/* DetailProduktu001 */
body .DetailProduktu001 h1,
body .DetailProduktu001 .nazevProduktu2,
body .DetailProduktu001 .vypln10,
body .DetailProduktu001 .skladem,
body .DetailProduktu001 .kdyZmeneno,
body .DetailProduktu001 .cenabezna .popis,
body .DetailProduktu001 form ~ .komponentaRating,
body .DetailProduktu001 .vypln50,
body .DetailProduktu001 .transports,
body .DetailProduktu001 .vlozdokosiku,
body .DetailProduktu001 .drobeckovanavigace.podPopisem,
body .DetailProduktu001 .popisproduktu,
body .DetailProduktu001 .parametr.parametr-1
{
    display: none;
}
body .DetailProduktu001 .drobeckovanavigace {
    margin: 10px auto 0 auto;
    float: right;
    width: 50%;
    padding-left: 20px;
}
body .DetailProduktu001 .formulardokosiku {
    margin: 1rem auto 0 auto;
}
body .DetailProduktu001 .panelprilohy .nahledproduktu {
    box-shadow: 3px 4px 30px 0 rgb(0 0 0 / 10%);
    border-radius: 2vw;
}
body .DetailProduktu001 .panelprilohy .prilohyproduktu .prilohaproduktu .popisNahledu span{
    font-size: min(0.7rem, 12px);
    line-height: min(0.8rem, 14px);
}
body .DetailProduktu001 .panelprilohy .prilohyproduktu .prilohaproduktu.neobrazkova[href*=".pdf"] {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/pdf.svg) scroll no-repeat center center / 75%;
}
body .DetailProduktu001 .panelprilohy .prilohyproduktu .prilohaproduktu.neobrazkova[href*=".pdf"] img{
    display: none;
}
body .DetailProduktu001 .nazevProduktu .popis{
    font-size: 40px;
}
body .DetailProduktu001 .panelprilohy .prilohyproduktu{
    justify-content: flex-start;
    width: 500px;
    margin-top: 1.5rem;
}
body .DetailProduktu001 .cenabezna{
    display: flex;
}
body .DetailProduktu001 .cenabezna td{
    color: #E30613;
}
body .DetailProduktu001 .cenabezna .komponentaRating{
    display: inline-block;
    margin-left: 1rem;
    padding-left: 1rem;
    position: absolute;
    transform: translateY(-9px);
}
body .DetailProduktu001 .cenabezna .komponentaRating:before{
    content: ' ';
    display: inline-block;
    width: 1px;
    position: absolute;
    border-left: 1px solid black;
}
body .DetailProduktu001 .cenabezna .komponentaRating .rating{
    display: inline-flex;
    margin: 0;
    max-width: unset;
    min-width: 160px;
    background-color: white;
    box-shadow: unset;
    align-items: center;
}
body .DetailProduktu001 .cenabezna .komponentaRating:before {
    content: ' ';
    display: inline-block;
    width: 1px;
    border-left: 1px solid black;
    height: 2rem;
    position: absolute;
    transform: translate(-1rem, -0.9rem);
    top: 50%;
}
body .DetailProduktu001[data-klic-slozky="140"] .obj3DnyPredem,
body .DetailProduktu001[data-klic-slozky="141"] .obj3DnyPredem,
body .upozornenivaha {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 0.75rem;
    color: #E30613 !important;
    padding: 0 0 20px 0;
}
body .DetailProduktu001 textarea{
    border: 1px solid #FFBD3E !important;
    border-radius: 0.75vw;
    max-width: calc(100% - 0px);
}
body .DetailProduktu001 .formulardokosiku {
    width: min(50%, 512px);
}
body .DetailProduktu001 .formulardokosiku .flex{
    display: inline-flex;
    gap: 3vw;
    flex-direction: row;
}
body .DetailProduktu001 .formulardokosiku .proMnozstvi{
    border: 1px solid #FFBD3E !important;
    border-radius: 25px;
    display: inline-flex;
    justify-content: center;
}
body .DetailProduktu001 .formulardokosiku input[type=submit]{
    text-transform: uppercase;
    background-color: #E30613;
    border-radius: 25px;
    color: white;
    margin-bottom: 0rem;
}
body .DetailProduktu001 .formulardokosiku input[name=mnozstvi]::-webkit-inner-spin-button,
body .DetailProduktu001 .formulardokosiku input[name=mnozstvi]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
body .DetailProduktu001 .formulardokosiku input[name=mnozstvi]{
    -moz-appearance: textfield;
}
body .DetailProduktu001 .formulardokosiku input[name=mnozstvi],
body .DetailProduktu001 .formulardokosiku input[type=submit]{
    float: none;
}
body .DetailProduktu001 .formulardokosiku input[name=mnozstvi]{
    width: 50px;
    border: 0px none;
    text-align: center;
    margin: 0;
    padding: 0 !important;
    line-height: 50px;
    border-radius: 0px;
}
body .DetailProduktu001 .formulardokosiku .proMnozstvi button{
    width: 30px;
    cursor: pointer;
    background-color: transparent;
    border: 0px none;
    padding: 0 !important;
    border-radius: 0px;
}
.DetailProduktu001 .cistic {
    /*margin-bottom: max(10vw, 3rem);*/
}
body .DetailProduktu001 select{
    border-color: #FFBD3E !important;
    background-image: url(img/rollout.png) !important;
}
body .DetailProduktu001 .formulardokosiku .vnorenaSablona11 p,
body .DetailProduktu001 .formulardokosiku .parametr *{
    font-size: 18px;
    line-height: normal;
}
body .DetailProduktu001 .formulardokosiku input[type=submit]{
    min-width: 70%;
}
@media only screen and (max-width:992px) {
    xbody .DetailProduktu001 .cenabezna .komponentaRating,
    body .DetailProduktu001 .drobeckovanavigace {
        display: none;
    }
    body .DetailProduktu001 .drobeckovanavigace {
        margin: 0;
        float: none;
        width: auto;
        padding-left: 0;
    }
    body .DetailProduktu001 .formulardokosiku input[type=number]{
        min-width: unset !important;
    }
}
@media only screen and (max-width:600px) {
    body .DetailProduktu001 .panelprilohy{
        margin-top: 0 !important;
    }
    body .DetailProduktu001 .cenabezna .komponentaRating {
        transform: translateY(-10px);
    }
}
/* DetailProduktu001 */



/* select box varianty */
body .DetailProduktu001 .custom-select-container {
    position: relative;
    /*width: 200px;*/
    width: 100%;
}
body .DetailProduktu001 .selected-option {
    padding: 8px 20px 8px 10px;
    font-size: 1rem;
    color: #000;
    border: 2px solid #FFBD3E;
    border-radius: 0;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
body .DetailProduktu001 .selected-option:after {
    content: '▼';
    color: #000;
    font-size: 0.8rem;
    pointer-events: none;
}
body .DetailProduktu001 .options-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    overflow-y: auto;
    border-left: 2px solid #FFBD3E;
    border-right: 2px solid #FFBD3E;
    border-bottom: 2px solid #FFBD3E;
    border-top: none;
    background-color: #fff;
    z-index: 10;
    display: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    color: #666666;
    box-sizing: border-box;
}
body .DetailProduktu001 .option-item {
    padding: 8px 10px;
    font-size: 1rem;
    color: #666666;
    cursor: pointer;
}
body .DetailProduktu001 .option-item:hover {
    background-color: rgba(255, 235, 195, 0.5);
}
body .DetailProduktu001 .show-options .options-list {
    display: block;
}
/* select box varianty */




/* mezikosik */

html body .dialogVlozenoDoKosiku * {
    font-size: 1rem;
}
html body .dialogVlozenoDoKosiku .dialogVnitrek .tlacitkoZavri{
    background: white url(img/mezikosik-cross.svg) scroll no-repeat center center / 90% auto;
    width: 30px;
    height: 30px;
    font-size: 0px;
    outline: 1px solid #444444;
    border: 4px solid white;
    top: 13px;
    right: 9px;
    border-radius: 15px;
}
html body .dialogVlozenoDoKosiku .dialog {
    max-width: 612px;
    border-radius: 30px;
    overflow: hidden;
    border: 0px none;
    background: white;
}
html body .dialogVlozenoDoKosiku .dialogVnitrek {
    padding: 20px;
}
html body .dialogVlozenoDoKosiku .zprava{
    background-color: rgba(255, 235, 195, 0.35);
    border-radius: 16px;
    color: rgba(227, 6, 19, 1);
    border: 0px none;
    font-size: 1.25rem;
    padding: 1rem;
    line-height: initial;
    text-transform: uppercase;
}
html body .dialogVlozenoDoKosiku .zprava:before{
    display: none;
}
body .dialogVlozenoDoKosiku form{
    display: inline-flex;
    gap: 2px;
    align-items: center;
    border: 1px solid rgba(255, 189, 62, 1);
    border-radius: 25px;
    overflow: hidden;
    background: white;
}
html body .dialogVlozenoDoKosiku .polozka .minus,
html body .dialogVlozenoDoKosiku .polozka .plus{
    line-height: 50px;
    height: unset;
    width: 30px;
    background: white;
    border: 0px none;
    color: rgba(49, 34, 32, 1);
}
html body .dialogVlozenoDoKosiku .polozka .minus{
    order: 1;
    border-radius:0;
}
html body .dialogVlozenoDoKosiku .polozka input.mnozstvi{
    order: 2;
    width: 50px;
    border: 0px none;
    padding: 0 !important;
    border-radius: 0 !important;
    line-height: 30px !important;
}
html body .dialogVlozenoDoKosiku .polozka .plus{
    order: 3;
    border-radius:0;
}
html body .dialogVlozenoDoKosiku .polozka .panelCena {
    right: 15px;
    bottom: 15px;
    line-height: 50px;
}
html body .dialogVlozenoDoKosiku .polozka .panelCena span{
    color: rgba(49, 34, 32, 1);
}
html body .dialogVlozenoDoKosiku .celkem {
    margin: 20px 0;
    border: 0px none;
    padding: 10px 15px 15px 15px;
    margin: 20px 10px;
    border-bottom: 1px solid rgba(255, 189, 62, 1);
}
html body .dialogVlozenoDoKosiku .polozka{
    background-color: rgba(255, 235, 195, 0.35);
    border-radius: 16px;
    border: 0px none;
    padding: 15px;
}
html body .dialogVlozenoDoKosiku .parametry{
    display: none;
}
html body .dialogVlozenoDoKosiku .polozka .nahled {
    max-width: 100px;
    border-radius: 16px;
}
html body .dialogVlozenoDoKosiku .tlacitka{
    display: flex;
    gap: 10px;
}
html body .dialogVlozenoDoKosiku .tlacitka input,
html body .dialogVlozenoDoKosiku .tlacitka input:hover{
    padding: 10px 24px;
    border-radius: 24px;
    font-size: 20px;
}
html body .dialogVlozenoDoKosiku .tlacitka input.zpet{
    background-color: white;
    color: rgba(49, 34, 32, 1);
    border: 2px solid rgba(49, 34, 32, 1);
}
html body .dialogVlozenoDoKosiku .tlacitka input.doKosiku{
    background-color: #E30613;
    color: white;
    border-color: rgba(49, 34, 32, 1);
}
@media only screen and (max-width: 768px){
    html body .dialogVlozenoDoKosiku .tlacitka {
        flex-direction: column;
        align-items: center;
    }
    html body .dialogVlozenoDoKosiku .dialog {
        max-width: 420px;
        border-radius: 0;
    }
    html body .dialogVlozenoDoKosiku .tlacitka input.zpet,
    html body .dialogVlozenoDoKosiku .tlacitka input.doKosiku {
        width: 256px;
    }
    html body .dialogVlozenoDoKosiku .zprava {
        font-size: 0.90rem;
    }
    html body .dialogVlozenoDoKosiku .polozka .nahled {
        max-width: 60px;
        border-radius: 10px;
    }
}
/* mezikosik */




/* kontakt 169 */
body.kontakty main > .wrapper{
    width: auto;
    padding: 0;
}
body.kontakty h1{
    padding-left: 0.5rem;
    margin: 1rem auto 0 auto;
    width: 1280px;
}
body.kontakty .editor{
    margin: 7rem auto;
    width: 1280px;
    padding: 0 0.5rem;
}
body.kontakty .editor:after{
    content: ' ';
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #FFEBC3;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    right: 0px;
    left: 38vw;
    height: 32rem;
    margin-top: -31rem;
}
body.kontakty .editor h1{
    width: 1280px;
    padding: 0 0.5rem;
}
body.kontakty .editor iframe[src*="frame.mapy.cz"],
body.kontakty .editor iframe[src*="www.google.com"] {
    height: 24rem;
}
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child{
    width: 400px;
}
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:last-child{
    width: calc(100% - 400px - 2rem);
    padding: 0px !important;
    margin: 0px !important;
}
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:last-child p{
    padding: 0px !important;
    margin: 0px !important;
}
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(2),
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(3),
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(4),
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(5){
    padding-left: 4rem;
    position: relative;
    word-wrap: break-word;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    margin-top: 1rem;
}
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(2):before,
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(3):before,
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(4):before,
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(5):before{
    content: ' ';
    display: inline-block;
    width: 3.25rem;
    position: absolute;
    transform: translate(-4rem, 0);
    border-right: 1px solid #666666;
    top: 0px;
    bottom: 0px;
}
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(2):before{
    background: url(img/contact-address.svg) scroll no-repeat left center/2.5rem;
}
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(3):before{
    background: url(img/contact-phone.svg) scroll no-repeat left center/2.5rem;
}
body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:first-child p:nth-child(4):before{
    background: url(img/contact-email.svg) scroll no-repeat left center/2.5rem;
}
@media only screen and (max-width: 992px){
    body.kontakty .editor {
        margin: auto;
        padding: 0 0.5rem;
    }
    body.kontakty h1{
        padding-left: 0.5rem;
        margin-bottom: 1rem;
    }
    body.strankaSlozka .KatalogFiltryRazeni001.slozka169 .editor table td:last-child p {
        padding: 0 !important;
        margin: 5rem 0 0 0 !important;
    }
    body.kontakty .editor:after{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        left: 0px;
        height: 27rem;
        margin-top: -26rem;
    }
}
/* kontakt 169 */





/* o nas */
body.onas main > .wrapper{
    width: 100vw;
    padding: 0;
}
body.onas .editor{
    padding: 0;
    position: relative;
}
body.onas h1{
    display: none;
}
body.onas .editor h1,
body.onas .editor h2{
    text-transform: uppercase;
}
body.onas .editor table:first-child td{
    vertical-align: middle;
    height: 34vw;
}
body.onas .editor table:first-child td{
    background: url(img/onas-banner.png) scroll no-repeat right center / contain;
    padding: 1rem 17vw 1rem 53vw;
    text-align: center;
    text-transform: uppercase;
}
body.onas .editor table:last-child{
    width: 1280px;
    margin: 6vw auto 0 auto;
}
body.onas .editor tr{
    position: relative;
}
body.onas .editor table:last-child td{
    border-bottom: 20px solid white;
    height: 34vw;
    vertical-align: middle;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}
body.onas .editor table:last-child tr:nth-child(odd) td{
    padding: 1rem 20vw 1rem 34vw;
    text-align: left;
    background-position: left center;
}
body.onas .editor table:last-child tr:nth-child(even) td{
    padding: 1rem 34vw 1rem 20vw;
    text-align: right;
    background-position: right center;
}
body.onas .editor table:last-child tr:nth-child(1) td{
    background-image: url(img/onas-tr1.jpg);
}
body.onas .editor table:last-child tr:nth-child(2) td{
    background-image: url(img/onas-tr2.jpg);
}
body.onas .editor table:last-child tr:nth-child(3) td{
    background-image: url(img/onas-tr3.jpg);
}
body.onas .editor table:last-child tr:nth-child(4) td{
    background-image: url(img/onas-tr4.jpg);
}
body.onas .editor table:last-child tr:nth-child(5) td{
    background-image: url(img/onas-tr5.jpg);
}
body.onas .editor table:last-child tr:nth-child(6) td{
    background-image: url(img/onas-tr6.jpg);
}

@media only screen and (min-width: 992px){
    body.onas .editor table:last-child td:before{
        content: ' ';
        display: block;
        background: url(img/onas-dash.svg) scroll no-repeat center center/contain;
        width: 20px;
        height: 12vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    body.onas .editor table:last-child tr:nth-child(odd) td:before{
        left: 29vw;
    }
    body.onas .editor table:last-child tr:nth-child(even) td:before{
        right: 29vw;
    }
    body.onas .editor {
        background:
            url(img/onas-doplnek-2.png) scroll no-repeat left 36%/auto 300px,
            url(img/onas-doplnek-4.png) scroll no-repeat calc(50% + 647px) 66% / 200px auto,
            url(img/onas-doplnek-5b.png) scroll no-repeat right 81% / auto 300px,
            url(img/onas-doplnek-5a.png) scroll no-repeat calc(50% - 654px) 77% / 150px,
            url(img/onas-doplnek-6.jpg) scroll no-repeat left 99%/auto 300px;
    }
}
@media only screen and (max-width: 992px){
    body.onas .editor table:last-child td:before{
        display: none;
    }
    body.onas .editor table:first-child td {
        background: url(img/onas-bannerm.png) scroll no-repeat center bottom / 300px auto;
        padding: 2rem 10px 300px 10px;
        height: auto;
    }
    body.onas .editor table:last-child td{
        height: auto;
        padding: 1rem 10px 360px 10px !important;
        background-size: auto 340px !important;
        background-position: center bottom !important;
    }
    body.onas .editor table:last-child tr:nth-child(odd) td{
        background-position: 10px bottom !important;
    }
    body.onas .editor table:last-child tr:nth-child(even) td{
        background-position: right 10px bottom !important;
    }
    body.onas .editor p{
        font-size: 18px;
    }
}
/* o nas */




/* rozvoz */
.SirokyBanner165{
    background-color: rgba(255, 235, 195, 0.75);
    padding-top: 540px;
    margin-bottom: 120px;
    position: relative;
}
.SirokyBanner165:before{
    content: ' ';
    display: block;
    width: 60%;
    background: url(img/rozvoz-mapa.png) scroll no-repeat left center / auto 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
}
.SirokyBanner165:after{
    content: ' ';
    display: block;
    width: 58%;
    background: url(img/rozvoz-auta.png) scroll no-repeat left center / auto 100%;
    position: absolute;
    right: 0px;
    transform: translateY(90px);
    bottom: 0px;
    padding-top: 500px;
}
.SirokyBanner165 .wrapper{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0%;
    display: flex;
    justify-content: center;
}
.SirokyBanner165 .wrapper:before{
    content: ' ';
    display: block;
    width: 12%;
    background: url(img/rozvoz-ctyrlistek.png) scroll no-repeat center center / contain;
    position: absolute;
    left: 7%;
    transform: translateY(51%);
    bottom: 0px;
    padding-top: 12%;
}
.SirokyBanner165 .wrapper > div{
    width: 50%;
    padding-left: 50px;
}
.SirokyBanner165 .dorucime{
    font-size: 28px;
    margin-bottom: 30px;
}
.SirokyBanner165 button{
    width: 170px;
}
body.rozvoz h1{
    display: none;
}
body.rozvoz .zadejpsc,
body.rozvoz .vysledek{
    width: 512px;
    margin: auto;
    text-align: center;
}
body.rozvoz .zadejpsc input{
    text-align: center;
}
body.rozvoz .vysledek{
    margin: 10px auto;
}
@media only screen and (max-width: 992px){
    .SirokyBanner165:before {
        content: ' ';
        display: block;
        width: 100%;
        background: url(img/rozvoz-mapa.png) scroll no-repeat center center / auto 65%;
        position: absolute;
        right: 0px;
        bottom: 0px;
        top: 0px;
    }
    .SirokyBanner165:after {
        content: ' ';
        display: block;
        width: 100%;
        background: url(img/rozvoz-auta.png) scroll no-repeat center 60% / auto 50%;
        position: absolute;
        right: 0px;
        transform: translateY(0px);
        bottom: 0px;
        padding-top: 540px;
    }
    .SirokyBanner165 .wrapper {
        top: 30px;
        bottom: 0;
        display: block;
    }
    .SirokyBanner165 .wrapper:before{
        width: 100px;
        padding-top: 100px;
    }
    .SirokyBanner165 .wrapper > div {
        width: auto;
        margin: auto;
        padding-left: 50px;
    }
    .SirokyBanner165 button {
        width: 170px;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .SirokyBanner165 .dorucime {
        font-size: 1rem;
    }
}
/* rozvoz */




/* prodejna */
.SirokyBanner166{
    background: url(img/prodejna-a.png) scroll no-repeat center top/100% auto;
    padding-top: 37%;
    margin-bottom: 4vw;
    position: relative;
}
.SirokyBanner166 .wrapper{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: flex;
    justify-content: center;
}
.SirokyBanner166 .wrapper > div{
    width: 50%;
    text-align: center;
}
.SirokyBanner166 button{
    width: 170px;
}
body.prodejna h1{
    display: none;
}
body.prodejna table{
    width: 992px;
    margin: auto;
}
body.prodejna .editor hr{
    border-bottom: 1px solid #FFBD3E;
    margin: 2rem 0 1rem 0;
}
body.prodejna .editor > p:last-child{
    font-size: 0px;
    line-height: 0px;
    padding-top: 64%;
    background: url(img/prodejna-b.jpg) scroll no-repeat center center / contain;
    margin: auto;
    max-width: 992px;
    position: relative;
}
body.prodejna .editor > p:last-child:before{
    content: ' ';
    display: block;
    position: absolute;
    width: 10vw;
    background: url(img/prodejna-c.png) scroll no-repeat center center / contain;
    top: 0%;
    left: -2.5rem;
    padding-top: 12vw;
    z-index: -1;
}
body.prodejna .editor > p:last-child:after{
    content: ' ';
    display: block;
    position: absolute;
    width: 13vw;
    background: url(img/prodejna-d.png) scroll no-repeat center center / contain;
    top: 40%;
    right: -4.5rem;
    padding-top: 15vw;
    z-index: -1;
}
body.prodejna .editor {
    overflow: hidden;
}
@media only screen and (max-width: 992px){
    .SirokyBanner166 {
        background: #FFF4E1;
        height: unset;
        padding-top: 0;
        margin-bottom: 0;
        margin-bottom: 4vw;
    }
    .SirokyBanner166 .wrapper {
        position: static;
        transform: translateX(0);
    }
    .SirokyBanner166 .wrapper > div {
        width: auto;
        text-align: left;
        padding-top: 20px;
    }
    .SirokyBanner166 .wrapper > div p:first-child:after{
        content: ' ';
        display: block;
        padding-top: 370px;
        width: 100%;
        background: #FFF4E1 url(img/prodejna-am.png) scroll no-repeat center center/auto 100%;
        margin: 20px auto;
    }
    .SirokyBanner166 button{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 auto 20px auto;
    }
}
/* prodejna */



/* kosik */
body.strankaKosik .kosik[data-pocet="0"] table{
    display: none;
}
body.strankaKosik .kosik[data-pocet="0"]:after{
    content: 'Košík je prázdný';
    display: block;
}
body.strankaKosik .kosik thead td {
    background-color: #fbf4e6;
    font-weight: 600;
    padding: 15px 10px;
    font-size: 18px;
}
body.strankaKosik .kosik thead td:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
body.strankaKosik .kosik thead td:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
body.strankaKosik .kosik thead td.mnozstvi:before,
body.strankaKosik .kosik thead td.zaMnozstviBez:before,
body.strankaKosik .kosik thead td.zaMnozstviVcetne:before,
body.strankaKosik .kosik thead td.odstranPolozku:before{
    content: ' ';
    display: block;
    width: 1px;
    height: 32px;
    background: black;
    position: absolute;
    transform: translate(-11px, -6px);
}
body.strankaKosik .kosik tbody tr.polozka{
    border-bottom: 0px none;
}
body.strankaKosik .kosik tbody td {
    padding: 20px 10px;
}
body.strankaKosik .kosik .polozka .nazev a img{
    box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0.5rem;
    margin-right: 1rem;
    width: 110px;
}
body.strankaKosik .kosik .polozka .nazev a .nazev{
    color: rgba(227, 6, 19, 1);
    font-weight: bolder;
    font-size: 24px;
    font-weight: 800;
}
body.strankaKosik .kosik .polozka .nazev a span:not(.nazev),
body.strankaKosik .kosik .polozka .nazev a:hover span:not(.nazev){
    font-size: 0.75rem ;
    line-height: unset;
}
body.strankaKosik .kosik .mnozstvi form > span > span {
    border: 2px solid #ffbd3e;
    overflow: hidden;
    border-radius: 25px;
    width: 100px;
}
body.strankaKosik .kosik button[name=minusMnozstvi],
body.strankaKosik .kosik button[name=plusMnozstvi],
body.strankaKosik .kosik .mnozstvi form input[name=mnozstvi]{
    background: white !important;
    line-height: 50px;
    padding: 0 !important;
}
body.strankaKosik .kosik .mnozstvi form button[name=nastavMnozstvi].upozorneniOdesliFormular{
    background-color: #E30613;
}
.strankaKosik .kosik .navigace{
    display: none;
}
.strankaKosik .kosik .polozka a{
    display: block;
}
body.strankaKosik .kosik tbody .zaMnozstviBez,
body.strankaKosik .kosik tbody .zaMnozstviVcetne{
    font-weight: 600;
}
body.strankaKosik .kosik tbody .zaMnozstviBez{
    color: #666;
}
body.strankaKosik .kosik .celkem .zaMnozstviBez .popis,
body.strankaKosik .kosik .celkem .zaMnozstviVcetne .popis{
    display: none;
}
body.strankaKosik .kosik .celkem td.nazev {
    color: black;
    text-align: left;

}
body.strankaKosik .kosik .celkem{
    border-top: 0px none;
    border-bottom: 1px solid rgba(255, 235, 195, 1);
}
body.strankaKosik .kosik .celkem .zaMnozstviVcetne{
    font-weight: bolder;
}
body.strankaKosik .kosik .objednej td{
    background: url(img/headers2.svg) scroll no-repeat 0.5rem center;
}
body.strankaKosik .kosik .polozka .polozkaCislo{
    display: none;
}
body.strankaKosik .kosik .objednej form span{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
body.strankaKosik .kosik .objednej form span input[name=zpet]{
    margin: 0;
}
@media only screen and (min-width: 993px){
    body.strankaKosik .kosik tbody tr.polozka:nth-child(2n){
        background: rgba(255, 235, 195, 0.2);
    }
}
@media only screen and (max-width: 992px){
    html body.strankaKosik .kosik tr.polozka:first-child {
        border-top: 0px none;
    }
    html body.strankaKosik .kosik tr.celkem {
        padding: 1em 0 0 0;
    }
    html body.strankaKosik .kosik tr.celkem td {
        padding: 0.5rem;
    }
    body.strankaKosik .kosik .celkem td.nazev {
        width: calc(100vw - 60px);
        margin: auto;
    }
    html body.strankaKosik .kosik tr.celkem td,
    html body.strankaKosik .kosik tr.celkem td .popis span{
        color: black;
    }
    html body.strankaKosik .kosik tr.celkem td.zaMnozstviBez {
        padding-bottom: 0;
    }
    html body.strankaKosik .kosik tr.celkem td.zaMnozstviVcetne{
        padding-top: 0;
    }
    html body.strankaKosik .kosik tr.celkem td.zaMnozstviBez,
    html body.strankaKosik .kosik tr.celkem td.zaMnozstviBez .popis span{
        color: #666;
    }
    html body.strankaKosik .kosik div.mediaMobilCeny > span{
        color: black;
        font-weight: normal;
    }
    body.strankaKosik .kosik .polozka .polozkaCislo,
    body.strankaKosik .kosik .celkem .nazev{
        background: rgba(255, 235, 195, 0.55);
        border-radius: 12px;
        line-height: 30px;
        padding: 0 20px;
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 15px;
        display: block !important;
    }
    body.strankaKosik .kosik .polozka .nazev a .nazev{
        font-size: 20px;
    }
    body.strankaKosik .kosik .polozka .nazev a img{
        width: 110px;
    }
    body.strankaKosik .kosik .objednej td{
        background: none;
    }
    body.strankaKosik .kosik input[name=mnozstvi]{
        line-height: 50px !important;
    }
    body.strankaKosik .kosik button[name=minusMnozstvi]:before,
    body.strankaKosik .kosik button[name=plusMnozstvi]:before,
    body.strankaKosik .kosik button[name=smazPolozku]:before{
        line-height: 50px;
        display: block;
    }
    html body.strankaKosik .kosik tr.polozka {
        padding: 0;
    }
    body.strankaKosik .kosik tbody td {
        padding: 10px;
    }
}
/* kosik */



/* strankaDataUzivatele002 */
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] .shrnutiObjednavky {
    background-color: rgba(255, 235, 195, 0.2);
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table:nth-child(1) input[type=text],
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table:nth-child(1) input[type=password],
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table:nth-child(1) input[type=number],
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table:nth-child(1) input[type=date],
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table:nth-child(1) input[type=time],
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table:nth-child(1) textarea,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table:nth-child(1) select{
    border: 1px solid rgba(255, 235, 195, 1);
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaDoprava,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaPlatba{
    border: 0px none;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaDoprava .transportItem label,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaPlatba .paymentItem label {
    background: rgba(255, 235, 195, 0.2);
    margin-bottom: 7px;
    border-radius: 0.5rem;
    overflow: hidden;
    padding: 10px 20px;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaDoprava .transportItem label:hover,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaDoprava .transportItem label:hover *:not(iframe),
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaPlatba .paymentItem label:hover,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaPlatba .paymentItem label:hover *{
    background: #FFF3DC;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaDoprava td,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaPlatba td {
    padding-left: 0;
    padding-right: 0;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] .nadpis *{
    font-size: 1rem;
    font-weight: bold;
}
.strankaDataUzivatele002.potvrdOdeslani tr[data-name=zbozi] table {
    background: rgba(255, 235, 195, 0.2);
    border-radius: 0.5rem;
}
.strankaDataUzivatele002.potvrdOdeslani .souhlas input[type=checkbox]{
    transform: translateY(5px);
}
body.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr.modesli input[name=zpetDoKosiku]{
    min-width: unset;
    background-color: rgba(255, 235, 195, 0.55);
    color: black;
}
/* strankaDataUzivatele002 */



/* vynuceno grafikem */

.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] {
    flex-direction: column;
    gap: 0;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] .shrnutiObjednavky,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] .tabulkaDoprava tfoot{
    display: none;
}
@media only screen and (min-width: 520px){
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=numberRequested],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=datumExpedice],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=casExpedice],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=fkrestniJmeno],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=fjmeno],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=email],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=telefon],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=fulice],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=fmesto],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=fpsc],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=fzeme],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=dkrestniJmeno],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=djmeno],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=dulice],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=dmesto],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=dpsc],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=dzeme],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=ffirma],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=ic],
    .strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=dic]{
        width: 214px;
    }
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=poznText]{
    width: 1006px;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name=djmeno]{
    margin-right: 528px;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table > tbody{
    flex-direction: row !important;
    flex-wrap: wrap;
    column-gap: 50px;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name="numberRequested"] + tr.nadpis td,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name="hesloulozeno"] + tr.nadpis td,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr[data-name="poznText"] + tr.nadpis td{
    margin-top: 20px;
}
x.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] tr.registration input:checked ~ label:before,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaDoprava .proRadio input:checked ~ span:before,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaPlatba .proRadio input:checked ~ span:before,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaDoprava .proRadio input:not(:checked) ~ span:before,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaPlatba .proRadio input:not(:checked) ~ span:before{
    border: 0.5px solid rgba(232, 201, 152, 1);
    border-radius: 1rem;
    background: white;
    color: white;
}
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaDoprava .proRadio input:checked ~ span:after,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] #tabulkaPlatba .proRadio input:checked ~ span:after{
    content: ' ';
    display: block;
    width: 10px;
    height: 10px;
    background: rgba(255, 189, 62, 1);
    border-radius: 100%;
    transform: translate(6px, 6px);
    position: absolute;
}
body.strankaDataUzivatele002.potvrdOdeslani form[data-unisablona="DataUzivatele002"] tr.modesli input[name=zpetNaObjednavku]{
    min-width: unset;
    background-color: rgba(255, 235, 195, 0.55);
    color: black;
}
/* vynuceno grafikem */




/* strankaObjednano */
.strankaObjednano main .zpet{
    display: none;
}
.strankaObjednano main .dekujeme{
    position: relative;
    padding-left: 50px;
}
.strankaObjednano main .dekujeme:before{
    content: ' ';
    display: inline-block;
    width: 30px;
    background: url(img/checked.svg) scroll no-repeat center center/contain;
    height: 100%;
    position: absolute;
    left: 10px;
    transform: scale(1.35);
    

}
/* strankaObjednano */


section.proPomoztenam{
    margin: 0 auto 4rem auto;
}
.komponentaPomozteNam{
    width: 30rem;
    margin: auto;
    text-align: center;
    padding: 0.5rem;
}






.proslide{
    width: calc(1280px + 120px);
    background: url(img/slideshow-background.jpg) scroll no-repeat center top / contain;
    margin: 0 auto 4vw auto;
    position: relative;
    padding: min(38%, 529px) 0 0 0;
}
.proslide .swipershow{
    position: absolute;
    top: 0;
    left: 4.2%;
    right: 4.2%;
    bottom: 10%;
}
.proslide .swipershow .swipercontainer{
    overflow: visible !important;
}
.proslide .swipershow .swipercontainer .swiperscreen{
    width: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperwide{
    text-align: initial;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem .nahled {
    padding-top: min(38%, 529px);
    background-position: right center !important;
    background-size: auto 100%;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem .original{
    position: absolute;
    top: 100px;
    width: 56%;
    bottom: 15%;
    display: flex;
    left: 7%; /*8.5%;*/
    align-items: flex-start;
    align-content: center;
    flex-direction: column;
    justify-content: center;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem .original h1{
    font-size: min(53px, 3.75vw);
    display: block;
    text-align: left !important;
    margin: 0 !important;
    background: none !important;
}


/* slide 1 */
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka172 .original p:nth-child(1){
    font-size: min(36px, 2.5vw);
    margin-bottom: 5px;
    margin-top: 2%;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka172 .original p:nth-child(3){
    margin: 1% 0 6% 0;
    font-size: 24px;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka172 .nahled {
    background-position: right center !important;
}
/* slide 2 */
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka173 .nahled {
    background-position: right calc(50% + 47px) !important;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka173 .original p:nth-child(2){
    font-size: 24px;
    margin: 1% 0 6% 0;
}
/* slide 3 */
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka174 .original p:nth-child(2){
    font-size: 24px;
    margin: 1% 0 6% 0;
}
/* slide vanoce */
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 {
    background: url(img/vanocni_pozadi-slider-desktop.png) scroll no-repeat center center/100% 100%;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 .nahled {
    padding-top: min(38%, 529px);
    background-position: 85% center !important;
    background-size: auto 80% !important;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 .original p:nth-child(2){
    font-size: 24px;
    margin: 1% 0 6% 0;
}
/* slide velikonoce */
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka183 {
    background: url(img/velikonocni_pozadi-slider-desktop.png) scroll no-repeat center center/100% 100%;
}
/* points */
body .swipercontainer .points{
    width: 100%;
    bottom: -1.75rem;
    left: 0px;
}
body .swipercontainer .points div {
    height: 0.5rem;
}
body .swipercontainer .points a {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #FFEBC3;
    box-shadow: none;
}
body .swipercontainer .points a.vybrana {
    background-color: #E30613;
}
.proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka182 .nahled {
    background-position: center center !important;
    background-size: contain !important;
    border-radius: 30px;
    overflow: hidden;
}
@media only screen and (max-width:992px) {
    .proslide{
        margin: 0px !important;
        padding: 400px 0 0 0 !important;
        background: #FFF5E1;    
        border-radius: 30px;
        overflow: hidden;
    }
    .proslide .swipershow {
        left: 0;
        right: 0;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem .nahled {
        padding-top: 400px;
        background-size: auto 75% !important;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem .original{
        width: 40%;
    }
    .proslide .swipershow .swipercontainer .prev,
    .proslide .swipershow .swipercontainer .next{
        
    }
    /* slide vanoce */
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 {
        background: url(img/vanocni_pozadi-slider-desktop.png) scroll no-repeat center center/100% 100%;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 .nahled {
        padding-top: 400px !important;
        background-position: 89% center !important;
        background-size: auto 58% !important;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 .original p:nth-child(2){
        font-size: 24px;
        margin: 1% 0 6% 0;
    }
}
@media only screen and (max-width:768px) {
    .proslide {
        padding: 792px 0 0 0 !important;
    }
    .proslide .swipershow {
        bottom: 0;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem .nahled {
        padding-top: 792px;
        background-size: auto 75% !important;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem .original{
        width: 86%;
        justify-content: space-between;
        align-items: stretch;
        top: 80px;
        bottom: 6%;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem .original h1 {
        font-size: 45px;
    }
    .proslide .swipershow .swipercontainer .points{
        display: none !important;
    }
    /* slide 1 */
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka172 .original p:nth-child(3){
        margin-bottom: auto;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka172 .nahled {
        background-size: auto 400px !important;
        background-position: 78% 71% !important;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka172 .original p:last-child{
        margin: auto auto 0 auto;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka172 .original p:nth-child(1) {
        font-size: 24px;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka172 .original p:nth-child(3){
        font-size: 18px;
    }
    /* slide 2 */
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka173 .nahled {
        background-image: url(img/slideshow2mobil.png) !important;
        background-position: 50% 78% !important;
        background-size: min(400px, 98%) auto !important;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka173 .original p:nth-child(2){
        margin: 1% auto auto 0 !important;
    }
    /* slide 3 */
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka174 .nahled {
        background-image: url(img/slideshow3mobil.png) !important;
        background-position: center 65% !important;
        background-size: min(92%, 400px) auto !important;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka174 .original p:last-child{
        margin: auto auto 0 auto;
    }
    /* slide vanoce */
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 {
        background: url(img/vanocni_pozadi-slider-mobile.png) scroll no-repeat right center/auto 100%;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 .nahled {
        padding-top: 792px !important;
        background-position: right 58% !important;
        background-size: auto 60% !important;
        background-image: url(img/vanocni-slider-mobile.png) !important;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 .original p:nth-child(2){
        font-size: 24px;
        margin: 1% 0 6% 0;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka178 .original p:last-child {
        margin: auto auto 0 auto;
    }
    /* akcni nabidka*/
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka182 .nahled {
        background-position: center center !important;
        background-size: contain !important;
        background-image: url(https://www.vyrobalahudek.cz/Prilohy/2933-6784e364cfc9f.png?1736762213) !important;
    }
    /* slide velikonoce */
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka183 {
        background: url(img/velikonocni_pozadi-slider-mobile.png) scroll no-repeat center center/100% 100%;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka183 .original{
        bottom: unset;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem.slozka183 .nahled {
        background-position: 68% center !important;
        background-size: auto 58% !important;
        background: url(https://www.vyrobalahudek.cz/Prilohy/2965-67fe5656093bb.png) scroll no-repeat calc(100% + 150px) 77%/auto !important;
    }
}
@media only screen and (max-width: 360px){
    .proslide{
        display: none;
    }
    .proslide .swipershow .swipercontainer .swiperscreen .swiperitem .original{
        top: 20px;
    }
}
/* .swipershow */






body .katalog.slozka79 .visited{
    display: none;
}
body .katalog .visited h3 a{
    font-weight: normal;
}