/* Globalni styly */

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


html {
	
}

head {
	display: none;
}

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

	-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-delay: 0.5s;
	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{
	color: #333;
	font-weight: bold;
	padding-bottom: 10px;
}

p{
	padding-bottom: 10px;
}
a, a *{
	cursor: pointer;
    color: #2f2f2f;
}

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

.panelObsah .text ul{
    list-style-type: disc;
    padding-bottom: 10px;
}
.panelObsah .text ol{
    list-style-type: decimal;
    padding-bottom: 10px;
}
.panelObsah .text img{
    height: auto!important;
}
input[type=button],
input[type=submit],
.button{
    background-color: #2f2f2f;
	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,
ul:after,
.panelObsah:after,
.zbozi:after,
.zbozi:before,
.cistic,
.prepinacStranek:after,
.tlacitkoDalsiStrana:after,
.seznamStranek:after,
.panelObsah .text:after
{
	content: ' ';
	display: block;
	clear: both;
	font-size: 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;
}

.stylCervene{
    color: #ff4c00 !important;
}

.formularFiltry,
.komponentaZobrazeni{
    display: none;
}

@keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.stylBunkaStred{
    text-align: center;
}

.priloha .text{
    display: none;
}

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


.vnitrek{
	display: block;
	width: 1200px;
	max-width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px auto;
	border: 0px solid red;
	position: relative;
}






/* table */
.table{
    min-height: 100vh;
    width: 100%;
    border-collapse: collapse;
}
.table > tbody > tr > td{
    vertical-align: top;
    background: #bbb;
}
.table > tbody > tr > td:nth-child(1),
.table > tbody > tr > td:nth-child(3){
    width: 300px;
    background: #2f2f2f;
}
.table > tbody > tr > td:nth-child(2){
    background: linear-gradient(to bottom, #bbb, white 400px);
}
.table > tbody > tr > td:nth-child(2){
    padding: 0 10px 50px 10px;
    position: relative;
}
@media only screen and (max-width:1200px){
    .table > tbody > tr > td:nth-child(1),
    .table > tbody > tr > td:nth-child(3){
        width: 200px;
    }
}
@media only screen and (max-width:0800px){
    .table > tbody > tr > td:nth-child(3){
        display: none;
    }
}
@media only screen and (max-width:0600px){
    .table,
    .table > head,
    .table > tbody,
    .table > tfoot,
    .table > tbody > tr,
    .table > tbody > tr > td{
        display: block;
        width: auto !important;
    }
    .table > tbody > tr > td:nth-child(2) {
        background: none;
    }
}
/* table */



/* footer */
.table > tbody > tr > td:nth-child(2) footer{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
    text-align: center;
}
.table > tbody > tr > td:nth-child(2) footer a{
    color: #2f2f2f;
    font-size: 12px;
    text-decoration: none;
}
.table > tbody > tr > td:nth-child(2) footer a:hover{
    text-decoration: underline;
}
/* footer */




/* nav */
nav{
    padding: 38px 0 100px 0;
}
/*body[data-zobraz-jazyky='0'] nav .komponentaJazyky{
    display: none !important;
}*/
nav .komponentaJazyky {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 20px auto;
}
nav .komponentaJazyky *{
    color: white;
    text-decoration: none;
}
nav .komponentaJazyky a.vybrana{
    text-decoration: underline;
}

nav .komponentaJazyky a {
    background-size: cover;
    color: rgba(255,255,255,0);
    margin: 0px 3px;
    padding: 3px 9px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.25);
} 
nav .komponentaJazyky a:nth-child(1) {
    background-image: url(img/lang/de.svg);
} 
nav .komponentaJazyky a:nth-child(2) {
    background-image: url(img/lang/cz.svg);
} 
nav .komponentaJazyky a:hover{
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.75);
}
nav .komponentaJazyky a.vybrana{
}

nav ul{
    list-style-type: none;
}
nav .komponentaNavigace li{
    display: block;
}
nav .komponentaNavigace .polozka{
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #fff;
    transition: background-color 0.4s;
}
nav .komponentaNavigace .polozka:hover{
    background-color: rgba(255,255,255,0.25);
    transition: background-color 0.1s;
}
nav .komponentaNavigace .hloubka2 .polozka{
    padding: 3px 10px;
    text-transform: none;
    font-weight: inherit;
    color: #ccc;
    transition: background-color 0.4s;
}
nav .komponentaNavigace .polozka[href*='s70DE']{
    animation-name: werbung;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-delay: 0.3s;
}
nav .pocetPolozek,
nav .komponentaNavigace img,
nav .roleta{
    display: none !important;
}
nav .video{
    display: block;
    margin: 30px auto;
    width: 226px;
    height: 125px;
    width: 170px;
    position: relative;
    overflow: hidden;
}
nav video{
    display: block;
    margin: auto;
    width: 226px;
    height: 169px;
    position: absolute;
    top: -23px;
    left: -27px;
    max-width: none;
}
nav .giro{
    background: white url(img/girocheckout.png) scroll no-repeat center 10px/200px auto;
    margin: 20px auto;
    width: 200px;
    padding: 75px 5px 10px 5px;
    text-align: center;
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    color: #010166;
    font-weight: bold;
}
nav .facebook{
    display: block;
    margin: 20px auto;
    background: url(img/facebook.png) scroll no-repeat center center/cover;
    width: 120px;
    height: 34px;
}
nav .bezahlung{
    margin: 10px auto;
    width: 270px;
    padding: 0 10px;
    text-align: center;
    color: #ffd940;
    font-size: 12px;
}
nav .bezahlung ul{
    
}
@media only screen and (max-width:0600px){
    nav{
        padding: 35px 0 30px 0;
    }
}
/* nav */





/* werbung */
nav .werbung {
    margin: 50px auto;
    width: 150px;
    padding-top: 140px;
    text-align: center;
    color: #ff4c00;
    display: block;
    text-decoration: none;
}
nav .werbung[href*=s35]{
    background: url(img/werbung.png) scroll no-repeat center top/contain;
}
nav .werbung[href*=s34]{
    background: url(img/werbungLR230.png) scroll no-repeat center top/contain;
}
nav .werbung p{
    animation-name: werbung;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}
nav .werbung[href*=s34] p{
    animation-delay: 0.3s;
}
@media only screen and (max-width:0600px){
    nav .werbung{
        display: none;
    }
}
@keyframes werbung{
  0%  {color: #ff4c00;}
  50% {color: #fff;}
  100%{color: #ff4c00;}
}
/* werbung */




/* pomocny */
.languages{
    display: block;
    padding: 20px 10px;
    text-align: center;
    font-size: 0px;
    line-height: 0px;
}
.languages div{
    padding: 5px 0;
}
.languages span{
	display: inline-block;
	padding-right: 40px;
	color: #ccc;
    width: 125px;
    text-align: right;
}
.languages .DE{
	background: url(img/square-flag-de.png) scroll no-repeat right center/contain;
}
.languages .NL{
	background: url(img/square-flag-nl.png) scroll no-repeat right center/contain;
}
.languages .AT{
	background: url(img/square-flag-at.png) scroll no-repeat right center/contain;
}
.languages .CH{
	background: url(img/square-flag-ch.png) scroll no-repeat right center/contain;
}
/* pomocny */





.news h2{
    text-align: center;
    color: #fff;
    padding: 30px 10px;
}
.news > h2{
    font-family: 'Caveat', cursive;
    font-size: 28px;
}
.news .komponentaZbozi{
    
}
.news .komponentaZbozi .polozka{
    display: block;
    padding: 0 10px 30px 10px;
    text-decoration: none;
    color: #fff;
}
.news .komponentaZbozi .polozka .pozadi{
    padding: 5px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.news .komponentaZbozi .polozka .nahled{
    border-radius: 3px;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    padding: 0 20px;
}
.news .komponentaZbozi .polozka h2{
    text-align: center;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 0px;
}
.news .komponentaZbozi .polozka .popis,
.news .komponentaZbozi .polozka .cena{
    display: none;
}
.news .komponentaZbozi .polozka:hover .pozadi{
    transition: background-color 0.6s;
    background-color: rgba(255,255,255,0.25);
}



.forcontent{
    max-width: 900px;
    margin: auto;
}



.nagerlaufrad{
    padding-top: 17%;
    display: block;
    background: url(img/logo.png) scroll no-repeat center center/85% auto;
    margin-bottom: 15px;
}
.wilkommen{
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    padding: 0 10px 10px 10px;
    animation-name: nadpis;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
}
@keyframes nadpis{
  from {	opacity: 0;	transform: scale(0.7);}
  to   {	opacity: 1; transform: scale(1);}
}

@media only screen and (max-width:0600px){
    .table td:nth-child(2) .nagerlaufrad,
    .wilkommen{
        color: #2f2f2f;
        font-size: 20px;
        line-height: 24px;
        padding-top: 2rem;
    }
}


.specialinfo *{
    text-align: center;
    padding: 20px 0;
    color: black;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
}



/* wizard1 */
.wizard1 .forimage{
    padding-top: 600px;
    position: relative;
    margin: 5% auto 0 auto;
    width: 90%;
    background: url(img/background-mys.png) scroll no-repeat center center;
    max-width: 600px;
}
.wizard1 .homepagepopis{
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
}
@-webkit-keyframes forcontent{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.wizard1 .homepagepopis > .komponentaSlozka *{
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px #000;
}
.weiter{
    display: block;
    width: 200px;
    background-color: #2f2f2f;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
    border-radius: 3px;
    float: right;
    margin: 50px;
}
/* wizard1 */


.wizard2 .forcontent,
.wizard3 .forcontent{
    
}
.wizard2 .forcontent .sloupcovaSazba,
.wizard3 .forcontent .sloupcovaSazba{
    width: 100%;
    text-align: center;
}
.wizard3 .forcontent .sloupcovaSazba td:nth-child(1):nth-last-child(2),
.wizard3 .forcontent .sloupcovaSazba td:nth-child(2):nth-last-child(1){
    width: 50%;
}
.wizard2 .forcontent .sloupcovaSazba .priloha,
.wizard3 .forcontent .sloupcovaSazba .priloha{
    float: none;
}
.wizard2 .forcontent .zakladniTabulka td{
    vertical-align: middle;
}
.wizard2 h1,
.wizard3 h1{
    display: none;
}
.wizard2 .obsah,
.wizard3 .obsah{
    padding-top: 50px;
    text-align: center;
}
.wizard3 .obsah table,
.wizard3 .obsah thead,
.wizard3 .obsah tbody,
.wizard3 .obsah tfoot,
.wizard3 .obsah tr,
.wizard3 .obsah td{
    display: block;
    width: 100%;
}
.wizard3 .obsah td:first-child{
    width: 50%;
    float: left;
}
.wizard3 .obsah td:last-child{
    width: 50%;
    float: right;
}
xxx.wizard3 .obsah td:first-child .slozka:nth-child(n+8){
    display: none;
}
xxx.wizard3 .obsah td:last-child .slozka{
    display: none;
}
xxx.wizard3 .obsah td:last-child .slozka:nth-child(n+8){
    display: block !important;
}
xxx.wizard3 .obsah td:last-child .slozka:nth-child(n+14){
    display: none !important;
}

xxx.wizard3 .obsah table:nth-child(5) td:first-child .slozka:nth-child(n+1){
    display: none !important;
}


.wizard3 .obsah table:nth-child(3) td:first-child .slozka:not(.slozka34):not(.slozka35):not(.slozka36):not(.slozka37):not(.slozka38):not(.slozka39):not(.slozka55){
    display: none;
}
.wizard3 .obsah table:nth-child(3) td:last-child .slozka:not(.slozka88):not(.slozka41):not(.slozka42):not(.slozka87):not(.slozka51):not(.slozka46){
    display: none;
}
.wizard3 .obsah table:nth-child(5) td:first-child .slozka:not(.slozka90){
    display: none;
}




.wizard3 .obsah .slozka{
    display: block;
    padding: 10px;
    text-align: left;
    color: #000;
    width: 250px;
    margin: auto;
    text-decoration: none !important;
    text-align: center;
    transition: background-color 0.2s;
}
.wizard3 .obsah .slozka:hover{
    background-color: #2f2f2f;
    transition: background-color 0.2s;
}
.wizard3 .obsah .slozka .nahled{
    display: block;
    padding-top: 75%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    max-width: 130px;
    margin: auto;
}
.wizard3 .obsah .slozka .nazev,
.wizard3 .obsah .slozka .text{
    color: #000;
    transition: color 0.2s;
}
.wizard3 .obsah .slozka:hover .nazev,
.wizard3 .obsah .slozka:hover .text{
    color: #fff;
    transition: color 0.2s;
}
.wizard3 .obsah .slozka .nazev{
    font-weight: bold;
}
.wizard2 .obsah .sloupcovaSazba:last-child tr:nth-child(2) p{
    padding-bottom: 0px;
}
.wizard3 hr{
    display: block;
    clear: both;
}
@media only screen and (max-width:0600px){
    .wizard3 .obsah td:first-child,
    .wizard3 .obsah td:last-child{
        width: 100% !important;
        margin: 0 auto 50px auto;
        float: none;
    }
    .wizard1 .nadpis,
    .wizard2 .nadpis,
    .wizard3 .nadpis{
        display: none;
    }
}



/* obsah */
.obsah h1{
    padding: 50px 50px 20px 50px;
    text-align: center;
}
.obsah .editor{
    padding: 0;
}
.obsah .drobeckova:not(:empty){
    padding: 0px 50px 20px 50px;
    margin-top: -20px;
}
.obsah .drobeckova,
.obsah .drobeckova *{
    font-size: 11px;
    color: #999;
    text-decoration: none;
    text-align: center;
}
.obsah .drobeckova a:hover{
    text-decoration: underline;
}
.detail .drobeckova{
    text-align: center;
}
.obsah .drobeckova .pocetPolozek{
    display: none;
}
@media only screen and (max-width:600px){
    .obsah h1 {
        padding: 20px 0px 20px 0px;
    }
}
/* obsah */





/* zbozi */
.obsah .zbozi{
    padding: 0 2px;
}
.obsah .zbozi .polozka{
    display: block;
    float: left;
    width: 33.33%;
    padding: 1px;
    text-decoration: none;
}
.obsah .zbozi .polozka .border{
    border: 1px solid rgba(47, 47, 47, 0.25);
    padding: 5px;
    transition: border 0.2s, box-shadow 0.2s;
}
.obsah .zbozi .polozka:hover .border{
    border: 1px solid rgba(47, 47, 47, 0.5);
    box-shadow: 0 0 10px 3px rgba(47, 47, 47, 0.2);
}
.obsah .zbozi .polozka .border:after{
    display: block;
    clear: both;
    content: ' ';
}
.obsah .zbozi .polozka .nazev{
    font-weight: bold;
    padding: 0 5px;
    height: 60px;
    overflow: hidden;
    margin: 5px 0;
    text-align: center;
}
.obsah .zbozi .polozka .nahled{
    padding-top: 100%;
    background-position: center center;
    background-size: cover;
    margin: 10px 0;
    box-shadow: inset 0 0 3px 3px white;
}
.obsah .zbozi .polozka img{
    display: none;
}
.obsah .zbozi .polozka .kod{
    text-align: center;
    font-size: 12px;
    padding-bottom: 10px;
}
.obsah .zbozi .polozka .cena{
    text-align: center;
    font-weight: bold;
}
.obsah .zbozi .polozka .puvodni{
    text-decoration: line-through;
    padding-right: 10px;
    text-decoration-line: line-through;
    text-decoration-style: solid;
    color: #999;
    text-decoration-color: #777;
}
.obsah .zbozi .polozka .info{
    position: relative;
    text-align: center;
    font-size: 12px;
    padding-bottom: 10px;
}
.obsah .zbozi .polozka .infoakce{
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: #ff4c00;
    font-weight: bold;
    opacity: 0;
    animation-name: infoakce;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}
@keyframes infoakce{
    20% {opacity: 0;}
    30% {opacity: 1;}
    
    70% {opacity: 1;}
    80% {opacity: 0;}
}
.obsah .zbozi .polozka .text table{
    width: 100%;
    border-collapse: collapse;
}
.obsah .zbozi .polozka .text table td,
.obsah .zbozi .polozka .text > *:not(table){
    display: none;
    width: auto;
}
.obsah .zbozi .polozka .text table:only-child tr:only-child td:only-child,
.obsah .zbozi .polozka .text table tr:nth-child(1):nth-last-child(3) td:first-child:nth-last-child(2),
.obsah .zbozi .polozka .text table tr:nth-child(1):nth-last-child(3) td:last-child:nth-child(2),
.obsah .zbozi .polozka .text table tr:nth-child(2):nth-last-child(2) td:first-child:nth-last-child(2),
.obsah .zbozi .polozka .text table tr:nth-child(2):nth-last-child(2) td:last-child:nth-child(2),
.obsah .zbozi .polozka .text table tr:nth-child(3):nth-last-child(1) td:first-child:nth-last-child(2),
.obsah .zbozi .polozka .text table tr:nth-child(3):nth-last-child(1) td:last-child:nth-child(2){
    display: table-cell;
}
.obsah .zbozi .polozka .text{
    height: 60px;
    overflow: hidden;
}
.obsah .zbozi .polozka .text p{
    padding: 0;
}
.obsah .zbozi .polozka colgroup col{
    width: auto !important;
}
.obsah .zbozi .polozka .detail{
    display: block;
    padding: 5px 20px;
    background-color: #2f2f2f;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    width: 150px;
}
@media only screen and (max-width:1000px){
    .obsah .zbozi .polozka{
        width: 50%;
    }
}
@media only screen and (max-width:0500px){
    .obsah .zbozi .polozka{
        float: none;
        width: 300px;
        margin: 10px auto;
    }
}
/* zbozi */





/* prepinacStranek */
.prepinacStranek{
    text-align: center;
    margin: 10px auto;
}
.prepinacStranek > *{
    display: inline-block;
    min-width: 30px;
    border: 1px solid black;
    text-align: center;
    margin: 0 1px;
    text-decoration: none;
}
.prepinacStranek .vybrana{
    color: #fff;
    background: #2f2f2f;
}
/* prepinacStranek */




.detail {
    xmax-width: 600px;
    margin: auto;
    padding: 0 10px;
    width: 100%;
}
.detail h1{
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    text-shadow: 1px 1px #fff;
}
.detail .obrazek{
    margin: auto;
    max-width: 600px;
}
.detail .obrazek img{
    border: 1px solid #eee;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin: 20px 0;
}
.detail .prilohy{
    text-align: center;
    margin: 20px auto;
    max-width: 600px;
}
.detail .prilohy a{
    font-size: 0px;
    line-height: 0px;
}
.detail .prilohy img{
    display: inline-block;
    margin: 0 5px 10px;
    border: 1px solid #eee;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}
.detail .popis{
    margin: 30px auto;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.15);
    padding: 15px 10px;
    border-radius: 5px;
    max-width: 600px;
}
.detail .popis img{
    display: none;
}
.detail .popis table{
    width: 100%;
}
.detail .kod{
    margin: 20px 0;
    text-align: center;
}
.detail .price{
    margin: 20px 0;
    text-align: center;
    font-weight: bold;
}
.detail .menge{
    margin: 20px 0;
    text-align: center;
    font-weight: bold;
}
.detail .menge input{
    text-align: center;
}
.detail .odesli{
    text-align: center;
    margin: 20px 0;
}



.dir14 table{
    width: 100%;
}
.dir14 td{
    width: 50%;
}
.dir14 iframe{
    width: 100%;
    height: 500px;
    margin: 30px auto;
}



.dir70 .sloupcovaSazba{
    width: 100%;
}





/* strankaKosik */
.strankaKosik .kosik h1 + .navigace,
input[name=smazVsechnyPolozky]{
	display: none;
}
.strankaKosik .kosik .zaMnozstviBez{

}
.strankaKosik .kosik table{
	border-collapse: collapse;
	width: 100%;
}
.strankaKosik .kosik td{
    padding: 5px;
}
.strankaKosik .kosik thead *{
    font-weight: bold;
    font-size: 12px;
    background-color: #F2F2F2;
}
.strankaKosik .kosik tbody img{
	width: 100px;
	height: auto;
	float: left;
	margin: 0px 10px 5px 0px;
}
.strankaKosik .kosik .polozka .nazev a{
	text-decoration: none !important;
}
.strankaKosik .kosik .polozka .nazev .upresneni a,
.strankaKosik .kosik .polozka .nazev .upresneni a:hover{
	font-weight: normal;
	font-size: 12px;
	text-decoration: none !important;
}
.strankaKosik .kosik .polozka .nazev .upresneni,
.strankaKosik .kosik .polozka .nazev .kod{
	display: block;
 	color: #000;
	font-weight: normal;
	font-size: 12px;
}
.strankaKosik .kosik .mnozstvi input[type=number],
.strankaKosik .kosik .mnozstvi input[type=text]{
	max-width: 60px;
	text-align: center;
	padding: 0;
	line-height: 28px;
	height: 30px;
}
.strankaKosik .kosik .zaMnozstviBez{
    display: none;
}
.strankaKosik .kosik .zaMnozstviVcetne{
	white-space: nowrap;
	vertical-align: middle;
}
.strankaKosik .kosik .nastavMnozstvi,
.strankaKosik .kosik .smazPolozku{
	width: 20px;
	height: auto;
	border: none;
	cursor: pointer;
	margin-left: 3px;
    padding: 5px 0;
}
.strankaKosik .kosik .mnozstvi{
	width: 140px;
	vertical-align: middle;
}
.strankaKosik .kosik .mnozstvi *{
	float: left;
}
.strankaKosik .kosik .smazVse{
    visibility: hidden;
	border: none;
    background-image: url(img/KosikSmaz.gif);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: auto 20px;
	text-align: left;
    padding-left: 40px;
	background: url(img/kosik.png) scroll no-repeat 10px center/auto 20px;
}
.strankaKosik .kosik .celkem{
	border-top: 3px double #777777;
	border-bottom: 1px solid #777777;
}
.strankaKosik .kosik .celkem td{
 	vertical-align: middle;
}
.strankaKosik .kosik .objednej input{
	float: right;
	min-width: 150px;
}
.strankaKosik .kosik .navigace input[type=button]{
	position: relative;
	display: inline-block;
	padding: 0 5px;
    margin: 0px 1px 1px 0px;
    top: -40px;
}
@media only screen and (max-width:1000px) {
	.strankaKosik .kosik table,
	.strankaKosik .kosik thead,
	.strankaKosik .kosik tbody,
	.strankaKosik .kosik tr,
	.strankaKosik .kosik td:not(.zaMnozstviBez){
		display: block;
		float: left;
		width: 100%;
	}
	.strankaKosik .kosik .polozka:not(:nth-last-child(3)) td:last-child{
		border-bottom: 1px solid #777777;
	}
	.strankaKosik .kosik .navigace input[type=button]{
		display: none;
	}
}
/* !strankaKosik */






/* data uzivatele */
.strankaDataUzivatele a[href*=UkazKosik],
.strankaDataUzivatele form table table .zaMnozstviBez,
.strankaDataUzivatele form table table .dopravne,
.strankaDataUzivatele form .xodesli .popis,
.strankaDataUzivatele form .yodesli .popis{
	display: none;
}
.strankaDataUzivatele form table{
	width: 100%;
}
.strankaDataUzivatele form td{
	vertical-align: top;
}
.strankaDataUzivatele form .nadpis .sloucene{
	font-weight: bold;
}
.strankaDataUzivatele form tr:not(.modesli):not(.odesli) .hodnota > *{
	width: 100%;
}
.strankaDataUzivatele form .modesli .popis{
	visibility: hidden;
}
.strankaDataUzivatele form .modesli .hodnota input{
	min-width: 200px;
}
.strankaDataUzivatele form .modesli .hodnota input:last-child{
	float: right;
}
.strankaDataUzivatele form table table,
.strankaDataUzivatele form table table *{
	background: #F2F2F2;
	font-size: 12px;
}
.strankaDataUzivatele form table table td{
	padding: 5px;
}
.strankaDataUzivatele form table table thead td,
.strankaDataUzivatele form table table .celkem{
	font-weight: bold;
}
.strankaDataUzivatele form table table .celkem td:nth-child(3){
    display: none;
}
.strankaDataUzivatele form table table .mnozstvi,
.strankaDataUzivatele form table table .sazbaDph,
.strankaDataUzivatele form table table .zaMnozstviVcetne{
	text-align: right;
	white-space: nowrap;
}
.strankaDataUzivatele form .zodesli{
	margin-top: 10px;
}
.strankaObjednano .panelObsah .vnitrek > p a {
	padding-bottom: 5px !important;
	font-size: 10px;
	line-height: 15px;
	text-decoration: none;
	display: inline-block;
}
.strankaDataUzivatele form .souhlasy input[name=souhlasOP] + label{}
.strankaDataUzivatele form .souhlasy input[name=souhlasGDPR] + label{}
.strankaDataUzivatele form .xodesli input[name=potvrdit].disabled{
	opacity: 0.5;
}
.strankaDataUzivatele *[id*=chybaCislo]{
	color: #ff4c00;
	font-weight: bold;
	font-size: 12px;
}
.strankaDataUzivatele #tabulkaPlatba{
    margin-bottom: 10px;
}
.strankaDataUzivatele .nadpisSkupinyOtevreny td,
.strankaDataUzivatele .nadpisSkupinyZavreny td{
    padding-top: 50px;
}
.strankaDataUzivatele .sazbaDph{
    display: none;
}
.strankaDataUzivatele .tabulkaDoprava .cena{
    font-weight: bold;
}
@media only screen and (max-width:1000px) {
    .strankaDataUzivatele form table,
    .strankaDataUzivatele form table thead,
    .strankaDataUzivatele form table tbody,
    .strankaDataUzivatele form table tr,
    .strankaDataUzivatele form table td:not(.zaMnozstviBez){
    	display: block;
    	float: left;
    	width: 100%;
    }
    .strankaDataUzivatele form table .nadpis,
    .strankaDataUzivatele form table .hodnota{
    	padding-bottom: 15px;
    }
    .strankaDataUzivatele form table table td{
    	line-height: 15px;
    	padding: 0px 5px 0px 5px;
    }
    .strankaDataUzivatele form .modesli .hodnota input{
    	min-width: 120px;
    }
}
/* !data uzivatele */




.weihnachtskarte{
    background: url(img/Weihnachtskarte2020b.jpg) scroll no-repeat center 10px/contain;
    padding-top: 60%;
    margin-top: 130px;
}
.weihnachtsferien{
    text-align: center;
}
.weihnachtsferien p{
    color: #ff4c00;
    font-weight: bold;
}
.strankaDataUzivatele #tabulkaDoprava .dopravaid11 td:after{
    content: 'Der Versand in die Schweiz ist teuer, plus Zollgebühren. Sie können unsere Waren auch bei unserer Vertretung in der Schweiz bestellen unter www.samtpfoetli-shop.ch';
    display: block;
    color: saddlebrown;
}



@media print {
    body > table > tbody > tr > td:first-child,
    body > table > tbody > tr > td:last-child{
        display: none;
    }
    body .komponentaSlozkyStrankovani{
        display: block !important;
    }
}


.zbozi .polozka .text > table.sloupcovaSazba:nth-child(1) td:not(:only-child),
.zbozi .polozka .text > table.sloupcovaSazba:nth-child(2) td:not(:only-child){
    white-space: nowrap;
    overflow: hidden;
}

.dovolena {
}

.dovolena .text > * {
    margin-top: 20px;
    margin-bottom: 20px;
}

.dovolena * {
    text-align: center;
    font-size: 30px;
    color: #dd0000;
}