/* 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: rgba(0,0,0,0.1);
    background-color: #F2F2F2;
}

head {
    display: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    opacity: 0;
    min-width: 250px;


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

}


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: silver;
}
*:-moz-placeholder {
    color: silver;
}
*::-moz-placeholder {
    color: silver;
}
*:-ms-input-placeholder {
    color: silver;
}

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

h1{
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0 auto 20px auto;
    border-bottom: 2px solid #888;
    padding: 5px 0 10px 20px;
}

p{
    padding-bottom: 10px;
    overflow: auto;
}
a, a *{
    cursor: pointer;
    color: #213A8F;
}

label{
    cursor: pointer;
}

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

main a[href*='.pdf']{
    padding-left: 25px;
    background: url(img/icons8-pdf-24.png) scroll no-repeat left center;
}
main a[href*='.jpg'],
main a[onclick*='.jpg']{
    padding-left: 25px;
    background: url(img/icons8-jpg-24.png) scroll no-repeat left center;
}

main a[href*='.png'],
main a[onclick*='.png']{
    padding-left: 25px;
    background: url(img/icons8-png-24.png) scroll no-repeat left center;
}
main a[href*='.doc'],
main a[href*='.docx']{
    padding-left: 25px;
    background: url(img/icons8-doc-40.png) scroll no-repeat left center/24px auto;
}
main a[href*='.xls'],
main a[href*='.xlsx']{
    padding-left: 25px;
    background: url(img/icons8-xls-48.png) scroll no-repeat left center/24px auto;
}

.panelObsah .text ul{
    list-style-type: disc;
    padding-bottom: 10px;
}
.panelObsah .text ol{
    list-style-type: decimal;
    padding-bottom: 10px;
}
.panelObsah .text img{
    height: auto!important;
}
@media only screen and (max-width:999px){
    .panelObsah .text table,
    .panelObsah .text thead,
    .panelObsah .text tbody,
    .panelObsah .text tfoot,
    .panelObsah .text tr,
    .panelObsah .text td{
        display: block;
        width: 100%;
    }
}

input[type=button],
input[type=submit],
.button{
    background-color: #213A8F;
    color: #FFFFFF;
    line-height: 36px;
    padding: 0 20px;
    border: none;
    text-align: center;
    min-width: 100px;
    font-weight: bold;
    cursor: pointer;
    filter: brightness(100%);
    transition: filter 0.2s, box-shadow 0.2s;
}
.button *{
    background-color: #868f91;
    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
{

}

.vnitrek:after,
.panelObsah:after,
.zbozi:after,
.zbozi:before,
.cistic,
.prepinacStranek:after,
.tlacitkoDalsiStrana:after,
.seznamStranek:after,
.formularRazeni:before,
.formularRazeni:after

{
    content: ' ';
    display: block;
    clear: both;
    font-size: 0px;
    line-height: 0px;
}


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

hr{
    border-bottom: 2px solid #0094FF;
    margin: 20px auto 30px auto;
}

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

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



.upozorneniNadHlavickou {
    padding: 10px;
    text-align: center;
    /*background-color: #213a8f;*/
    background-color: #000000; 
    color: #ffffff;
}


/* prologo */
.prologo {
    display: flex;
    align-items: center;
}
.prologo > *{
    display: block;
    width: calc(100% / 3);
    text-align: center;
}
.prologo .logo{
    display: block;
    padding-bottom: 100px;
    transition: all 0.2s;
    background: url(img/elkus-logo.png) scroll no-repeat center center/contain;
}
.prologo .logo:hover{
    background-color: #fff;
}
.prologo .slogan{
    padding: 1.5rem 0;
}
.prologo .slogan *{
    line-height: 1.5rem;
    font-size: 1.5rem;
    color: #555;
}
.prologo .slogan *:first-child{
    font-weight: bold;
}
.prologo .slogan *:last-child{
    color: #213a8f;
    line-height: initial;
    font-size: 1.2rem;
    font-weight: bold;
}
.prologo .komponentaKosik{
    display: block;
    transition: all 0.2s;
}
.prologo .komponentaKosik span{
    background: url(img/kosik.png) scroll no-repeat right center/auto 50px;
    display: inline-block;
    line-height: 100px;
    padding: 0 65px 0 10px;
    color: #213a8f;
    font-weight: bold;
    font-size: 1.5em;
    border-right: 10px solid transparent;
    text-decoration: none;
}
.prologo .komponentaKosik:hover{
    background-color: #fff;
}
@media only screen and (max-width:999px){
    .prologo {
            flex-direction: column;
            align-items: initial;
    }
    .prologo > *{
        width: auto;
    }
    body:not(.homepage) .prologo .slogan{
        display: none;
    }
}
@media only screen and (max-width:500px){
    .prologo .logo{
        
    }
    .prologo .slogan *{
        font-size: 1.1rem;
    }
    .prologo .komponentaKosik span {
        line-height: 20px;
        font-size: 1.2em;
        padding: 30px 65px 30px 10px;
    }
}
/* prologo */




/* menu */
.menu{
    background-color: #666;
    text-align: center;
}
.menu > .komponentaNavigace > ul{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
.menu .polozka{
    display: block;
    padding: 10px 10px;
    color: white;
    text-decoration: none;
}
.menu .hloubka2,
.menu .pocetPolozek,
.menu img{
    display: none;
}
.menu .polozka:hover{
    background-color: #555;
}
.menu .polozka[href*=facebook]{
    font-size: 0px;
    position: relative;
}
/* menu */




/* rozchodnik */
.rozchodnik {
    margin-top: -60px;
}
body:not(.homepage) .rozchodnik {
    display: none;
}
.rozchodnik .slozky{
        xmargin: 10px auto;
    margin: 0px auto;
        xpadding: 10px 5px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.rozchodnik .slozka{
    background-color: #213a8f;
    padding: 0 20px;
    transform: skewX(-18deg);
        xmargin: 10px 1px 10px 0;
    margin: 0px 5px;
    text-decoration: none;
    width: 220px;
    box-shadow: 1px 1px 4px 1px rgb(255 255 255 / 35%);
}
.rozchodnik .slozka .nahled{
    transform: skewX(18deg);
    background: #213a8f url(img/transport.svg) scroll no-repeat 10px center/auto 90%;
    padding: 0 20px 0 80px;
    font-weight: bold;
    transition: all 0.25s;
    text-transform: uppercase;
    color: white;
    line-height: 50px;
}
.rozchodnik .slozka3625 .nahled{
    background-size: auto 70%;
}
.rozchodnik .slozka3626 .nahled{
    background-size: auto 70%;
}
@media only screen and (max-width:999px){
    .rozchodnik {
        display: none;
    }
}
/* rozchodnik */



/* partneri */
.partneri {
    background: #fff;
    display: block;
    padding: 50px 10px;
    border-top: 1px solid #ddd;
}
.partneri:before{
    content: 'Partneři';
    display: block;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #213a8f;
    font-size: 0.8rem;
}
.partneri .slozky{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    justify-content: space-evenly;
}
.partneri .nahled{
    width: 150px;
    padding-top: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 10px solid white;
    transition: all 0.2s;
    background-color: white;
}
.partneri .nahled:hover{
    filter: drop-shadow(0px 0px 30px #aaa);
}
/* partneri */



/* kontakty */
.kontakty{
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 50px 10px;
}
.kontakty:before{
    content: 'Kontakty';
    display: block;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #213a8f;
    font-size: 0.8rem;
}
.kontakty *{
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #444;
}
.kontakty td{
    display: block;
    transition: all 0.2s;
    min-height: 120px;
}
.kontakty td{
    padding: 20px;
}
.kontakty td:hover{
    background-color: #666;
}
.kontakty td:hover *{
    color: #fff;
}
.kontakty tbody{
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
    justify-content: center;
    align-items: flex-start;
}
.kontakty .komponentaFormular,
.kontakty iframe,
.kontakty a[href*=maps]{
    display: none;
}
.slozka3622 .sloupcovaSazba{
    width: 100%;
}
.slozka3622 .sloupcovaSazba,
.slozka3622 .sloupcovaSazba tbody,
.slozka3622 .sloupcovaSazba thead,
.slozka3622 .sloupcovaSazba tfoot,
.slozka3622 .sloupcovaSazba tr,
.slozka3622 .sloupcovaSazba td{
    display: block;
}
.slozka3622 .sloupcovaSazba td{
    width: 300px;
    height: 150px;
    float: left;
}
.slozka3622 .sloupcovaSazba:after{
    content: ' ';
    display: block;
    clear: both;
}
/* kontakty */




/* mapa */
.mapa{
    width: 100%;
    height: 600px;
    border-top: 1px solid #aaa;
}
/* mapa */




/* odkazy */
.odkazy{
    padding: 10px;
    background: #666;
    text-align: center;
    margin-top: -9px;
}
.odkazy ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.odkazy .polozka{
    color: #ddd;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    padding: 0 10px;
    display: block;
}
.odkazy *:hover{
    color: #fff;
}
/* odkazy */




/* banner */
.banner{
    padding-top: 40%;
    position: relative;
    overflow: hidden;
    display: none;
}
.banner span{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transform: scale(1.03);
}
.banner span:nth-child(1){
    background: url(img/banner3D1.png) scroll no-repeat center center/100% 100%;
}
.banner span:nth-child(2){
    background: url(img/banner3D2.png) scroll no-repeat center center/100% 100%;
}
.banner span:nth-child(3){
    background: url(img/banner3D3.png) scroll no-repeat center center/100% 100%;
}
/* banner */




/* facebook */
.profacebook .vnitrek{
    position: relative;
}
.profacebook .vnitrek .facebook{
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    left: 20px;
    top: 10px;
    background: url(img/facebook.png) scroll no-repeat center center/100% 100%;
    z-index: 2;
    box-shadow: 1px 1px 4px 1px rgb(255 255 255 / 35%);
}
body:not(.homepage) .profacebook {
    display: none;
}
/* facebook */





/* komponentaFormular */
.komponentaFormular{
    margin: 80px auto;
    width: 600px;
}
.komponentaFormular table{
    width: 100%;
    background-color: #F2F2F2;
}
.komponentaFormular table,
.komponentaFormular thead,
.komponentaFormular tbody,
.komponentaFormular tfoot,
.komponentaFormular tr,
.komponentaFormular td{
    display: block;
    width: 100%;
}
.komponentaFormular td{
    padding: 0 10px 5px 10px;
}
.komponentaFormular .sloucene,
.komponentaFormular .hodnota{
    padding-bottom: 20px;
}
.komponentaFormular .nadpis td{
    font-weight: bold;
    padding-top: 10px;
}
.komponentaFormular .povinnePolicko,
.komponentaFormular .odesli .popis,
.komponentaFormular tr:nth-last-child(4){
    display: none;
}
.komponentaFormular textarea,
.komponentaFormular input[type=text]{
    width: 100%;
}
.komponentaFormular tr:nth-last-child(3) td{
    padding-bottom: 0px;
}
.komponentaFormular .upozorneni{
    text-align: center;
    background: red;
    color: white;
    font-weight: bold;
    padding: 10px;
}
/* komponentaFormular */





/* levyPanel */
.levyPanel{
    float: left;
    width: 340px;
    padding: 10px;
}
.komponentaHledat{
    border: 2px solid #666;
    border-right: 0px;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    height: 50px;
    margin: 0 auto 10px auto;
}
.komponentaHledat .odesli input{
    background: #666 url(img/lupa.svg) scroll no-repeat center center/auto 70%;
    color: transparent;
    line-height: 48px;
    width: 50px;
    min-width: 0px;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
}
.komponentaHledat .text input{
    width: calc(100% - 50px);
    border: none;
    line-height: 48px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0 15px;
}
    /* reklama pod navigaci */
.levyPanel nav ~ .seznamStranek .slozka{
    display: block;
    margin: 80px 20px;
    text-align: center;
}
.levyPanel nav ~ .seznamStranek .slozka,
.levyPanel nav ~ .seznamStranek .slozka * {
    text-decoration: none;
    color: inherit;
    transition: all 0.2s;
}
.levyPanel nav ~ .seznamStranek .slozka:hover{
    filter: drop-shadow(0px 0px 15px #666);
}
    /* reklama pod navigaci */
@media only screen and (max-width:999px){
    .levyPanel{
        float: none;
        width: 400px;
        margin: auto;
    }
    .komponentaHledat{
        margin: 0 auto 2px auto;
    }
    .levyPanel nav ~ .seznamStranek .slozka{
        display: none;
    }
}
/* levyPanel */





/* 2022 slideshow-paralax */
.slideshow{
    width: 1280px;
    margin: 0 auto 10px auto;
    background-color: white;
	position: relative;
    overflow: hidden;
}
body:not(.homepage) .slideshow{
    display: none;
}
.slideshow .zobrazenychSlozek0{
    display: none;
}
.slideshow .slozky {
    padding: 50% 0 0 0;
    display: block;
}
/*
.slideshow .slozky:before{
    content: 'Česká technologie do české kuchyně';
    position: absolute;
    z-index: 1;
    display: block;
    top: 10%;
    left: 5%;
    color: #213a8f;
    font-weight: bold;
    font-size: 40px;
    text-shadow: 0 0 2px white, 0 0 4px white, 0 0 4px white;
    line-height: 50px;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5) );
    width: calc(100% - 5% - 100px);
}
*/
.slideshow .slozka{
    display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0;
	transform: translate3d(100%, 0px, 0px);
	transition: all 0s;
	background-image: linear-gradient(#fff,#aaa);
}
.slideshow .slozka:before{
    content: ' ';
    display: block;
display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url(img/grid.png);
}
.slideshow.reloaded .slozka{
    transition: all 2s;
}
.slideshow .slozka div{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
    height: 100%;
}
.slideshow .actual{
	opacity: 1;
	transform: translate3d(0%, 0px, 0px);
}
.slideshow .commingFromRight,
.slideshow .leavingToRight{
	opacity: 0;
	transform: translate3d(100%, 0px, 0px);
}
.slideshow .commingFromLeft,
.slideshow .leavingToLeft{
	opacity: 0;
	transform: translate3d(-100%, 0px, 0px);
}
.slideshow .nazev{
    font-size: 0px;
    line-height: 0px;
    color: transparent;
}
.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);
    left: 10%;
    left: calc(0% + 100px);
    display: none;
}
.slideshow .odkaz:hover{
    background-color: rgba(0,0,0,0) !important;
}
.slideshow .slozka div,
.slideshow .slozka span{
    display: block;
    height: 100%;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.slideshow .slogan{
    position: absolute;
    z-index: 1;
    display: block;
    top: 2%;
    right: 2%;
    width: 450px;
    text-align: right;
    max-width: calc(100% - 100px);
}
.slideshow .slogan span{
    color: #213a8f;
    font-weight: bold;
    font-size: 40px;
    text-shadow: 0 0 2px white, 0 0 4px white, 0 0 4px white;
    line-height: 50px;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5) );
    margin: 0 5px;
    text-transform: uppercase;
}
.slideshow .slogan span:nth-child(1),
.slideshow .slogan span:nth-child(4){
    color: #FA0105;
}
/*
xxx.slideshow .slozka:nth-child(1) div{
    background-image: url(img/slide-show-paralax/1-2.png);
}
xxx.slideshow .slozka:nth-child(1) span{
    background-image: url(img/slide-show-paralax/1-3.png);
}
xxx.slideshow .slozka:nth-child(2) div{
    background-image: url(img/slide-show-paralax/2-2.png);
}
xxx.slideshow .slozka:nth-child(2) span{
    background-image: url(img/slide-show-paralax/2-3.png);
}
xxx.slideshow .slozka:nth-child(3) div{
    background-image: url(img/slide-show-paralax/3-2.png);
}
xxx.slideshow .slozka:nth-child(3) span{
    background-image: url(img/slide-show-paralax/3-3.png);
}
*/
@media only screen and (max-width:999px){
    .slideshow .slozky:before{
        font-size: initial;
        line-height: initial;
    }
    .slideshow .slogan span{
        font-size: 20px;
        line-height: initial;
    }
}
/* 2022 slideshow-paralax */




/* panelObsah */
main{
    margin-bottom: 100px;
}
main .proobsah{
    background: white;
    min-height: 50vw;
    padding-bottom: 100px;
    margin: 10px auto;
}
main .panelObsah{
    float: right;
    width: calc(100% - 350px);
    padding: 10px;
}

@media only screen and (max-width:999px){
    main .panelObsah{
        float: none;
        width: auto;
        margin-top: 20px;
    }
}
/* panelObsah */





/* uni sablony */
body .Navigace001{
    background-color: #F2F2F2;
}
body .DetailProduktu001 h1 {
    font-size: 1.5rem;
    line-height: 2rem;
}
body .KatalogFiltryRazeni001 .razeni .popis{
    display: none;
}
body .KatalogFiltryRazeni001 .podslozky{
    display: none;
}
body .KatalogFiltryRazeni001 .drobeckova:not(:empty){
    margin: 20px 5px;
    font-size: 14px;
    line-height: 20px;
}
body .KatalogFiltryRazeni001 .nabidka,
body .DetailProduktu001 .nabidka{
    display: none;
}
body .KatalogFiltryRazeni001 .drobeckova:not(:empty) *{
    font-size: 13px;
    line-height: 20px;
}
body .KatalogFiltryRazeni001 .printpage{
    padding-top: 30px;
    background: url(img/print-black.svg) scroll no-repeat center 5px;
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid silver;
    text-align: center;
    float: right;
    color: #999;
    transition: all 0.3s;
    margin-top: 5px;
}
body .KatalogFiltryRazeni001 .afterprintpage{
    display: block;
    clear: both;
}
body .DetailProduktu001 .formulardokosiku .cenabez td {
    color: initial;
    display: table-cell;
}
body .NahledProduktu003 .ceny {
    height: 40px;
}
body .NahledProduktu003 .ceny .cenaBezDph{
    font-size: 0.8rem;
}
body .DetailProduktu001 .vnorenaSablona9,
body .DetailProduktu001 .vnorenaSablona19{
    position: relative;
}
body .DetailProduktu001 .printpage{
    padding-top: 30px;
    background: url(img/print-black.svg) scroll no-repeat center 5px;
    position: absolute;
    right: 0px;
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid silver;
    text-align: center;
    top: 30px;
    color: #999;
    transition: all 0.3s;
}
body .DetailProduktu001 .printpage:hover{
    color: #213a8f;
    background: url(img/print-blue.svg) scroll no-repeat center 5px;
    border: 1px solid #213a8f;
    cursor: pointer;
}
body .DetailProduktu001 .komponentaEssox{
    text-align: center;
}
body .DetailProduktu001 .popisproduktu *{
    font-size: 0.8rem;
    line-height: 1rem;
}
body .DetailProduktu001 .popisproduktu p:before{
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #444;
    border-radius: 50%;
    content: ' ';
    position: relative;
    top: -2px;
    margin-right: 15px;
}
/* uni sablony */




/* 2024-09-26 zvyrazni cenu bez DPH, upozadi cenu s DPH */
body .NahledProduktu003 .ceny .cena{
    font-weight: normal;
    color: #808080;
    font-size: 15px;
}
body .NahledProduktu003 .ceny .cena:after{
    content: 's DPH';
    display: inline-block;
    padding-left: 3px;
}
body .NahledProduktu003 .ceny .cenaBezDph{
    font-weight: bold;
    font-size: 18px;
    color: black;
}
body .DetailProduktu001 .formulardokosiku .cenabez td{
    font-weight: bold;
}
body .DetailProduktu001 .formulardokosiku .cenabez td.hodnota{
    font-size: 1.5rem;
    line-height: 1rem;
}
body .DetailProduktu001 .formulardokosiku .cenabezna td{
    font-weight: normal;
}
body .DetailProduktu001 .formulardokosiku .cenabezna td.hodnota{
    font-size: inherit;
    line-height: inherit;
}
body .DetailProduktu001 .formulardokosiku .cenadoporucena{
    display: none;
}
/* 2024-09-26 zvyrazni cenu bez DPH, upozadi cenu s DPH */




/* print */
@media print {
    body header,
    body .rozchodnik,
    body .profacebook,
    body .KatalogFiltryRazeni001[data-selected-items="1"] .NahledProduktu003:not([style="border-color: rgb(0, 0, 0);"]),
    body .NahledProduktu003 .priznaky,
    body .NahledProduktu003 .nazev .popisek,
    body .DetailProduktu001 .drobeckovanavigace.podPopisem,
    body .DetailProduktu001 .vypln40,
    body .DetailProduktu001 .vypln50,
    body .DetailProduktu001 .vypln80,
    body .DetailProduktu001 .vlozdokosiku,
    body .DetailProduktu001 .textUpresneni,
    body .DetailProduktu001 .printpage,
    body .DetailProduktu001 .souvisejici,
    body .DetailProduktu001 h1,
    body .DetailProduktu001 .drobeckovanavigace span.polozka,
    body .printpage {
        display: none !important;
    }
    main .proobsah {
        margin: auto !important;
    }
    html{
        background-color: #fff !important;
    }
    h1{
        text-align: center;
        font-size: 1.25rem;
    }
    body .KatalogFiltryRazeni001 .nabidka,
    body .DetailProduktu001 .nabidka{
        display: block;
    }
    body .KatalogFiltryRazeni001 .nabidka td,
    body .DetailProduktu001 .nabidka td{
        vertical-align: middle;
    }
    body .KatalogFiltryRazeni001 table{
        width: 100%;
    }
    body .KatalogFiltryRazeni001 td{
        vertical-align: middle;
    }
    body .NahledProduktu003:hover {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
    body .NahledProduktu003 .nazev h2 {
        font-weight: normal !important;
    }
    body .NahledProduktu003 .kod{
        display: block !important;
    }
    body .NahledProduktu003 .nazev {
        margin: 0px auto 5px auto !important;
    }
    body .NahledProduktu003{
        border: 1px solid #ddd !important;
    }
    body .NahledProduktu003 .ceny{
        margin-bottom: 5px;
    }
    body .NahledProduktu003 .cena,
    body .NahledProduktu003 .cenaBezDph{
        font-weight: normal !important;
        font-size: 15px !important;
        line-height: 20px !important;
        color: initial !important;
    }
    body .NahledProduktu003 .nahled {
        padding-top: 40%;
        margin: 5px auto;
        width: 40%;
    }
    body .DetailProduktu001 .drobeckovanavigace{
        text-align: center;
    }
    body .DetailProduktu001 .drobeckovanavigace a{
        text-decoration: none !important;
    }
    body .DetailProduktu001 .panelprilohy .nahledproduktu{
        width: 320px !important;
    }
    body .DetailProduktu001 .cistic {
        display: block !important;
        clear: both;
    }
    .DetailProduktu001 .panelprilohy {
        border: 1px solid #ddd !important;
    }
}
/* print */