/* globalni styly */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

* {
	margin: 0;
	padding: 0;
}

html {
	font-family: 'Open sans', sans-serif;
	font-size: 16px;
	line-height: 1.75rem;
}

body {
	background-color: #ffffff;
	color: #3d464d;
	overflow-y: scroll;
}

/*:focus {
    box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, .2);
}*/

.inaVystraha {
    padding: 0.5rem 1rem 0.5rem 3rem;
    margin-bottom: 0.5rem;
    background: #00375e url(Brodsky/Alert.svg) scroll no-repeat 0% 50%;
    background-size: auto 100%;
    color: #ffffff;
}

h1, h2, h3, p, ul, ol, table {
	margin-bottom: 0.5rem;
}

select {
	font-size: 1rem;
	line-height: 1.66rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	border-radius: 0.2rem;
	border: 0.01rem solid #d0e2ee;
}

input {
	font-size: 1rem;
	line-height: 1.66rem;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	border-radius: 0.2rem;
	border: 0.01rem solid #d0e2ee;
}

input[type=submit] {
	cursor: pointer;
}

select {
	font-size: 1rem;
	line-height: 1.66rem;
	padding: 0.25rem;
	border-radius: 0.2rem;
	border: 0.01rem solid #d0e2ee;
}

textarea {
	font-size: 1rem;
	line-height: 1.66rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	border-radius: 0.2rem;
	border: 0.01rem solid #d0e2ee;
}

table {
    border-collapse: collapse;
}

tr.nadpis td {
	/*font-weight: bold;*/
	font-size: 1.5rem;
	line-height: 2.5rem;
}

td {
	padding-top: 0.33rem;
	padding-bottom: 0.33rem;
	padding-right: 0.33rem;
	border-bottom: 0.05rem solid #eeeeee;
}

td.popis {
	padding-right: 1rem;
}

tr:last-child td {
	border-bottom: none;
}

tr.captcha img {
	height : 3rem !important;
	width: auto !important;
    border-radius: 0.2rem;
	border: 0.02rem solid #555555;
}

table.sloupcovaSazba {
	width: 100%;
	table-layout: fixed;
}

table.sloupcovaSazba td {
	position: relative;
	overflow: hidden;
}

.panelObsah table.sloupcovaSazba td:first-child {
	padding-right: 1rem;
}

.panelObsah table.sloupcovaSazba td:last-child {
	padding-left: 1rem;
}

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

table.sloupcovaSazba,
table.sloupcovaSazba thead,
table.sloupcovaSazba tbody,
table.sloupcovaSazba tr,
table.sloupcovaSazba td,
table.sloupcovaSazba th {
	display: block;
	box-sizing: border-box;
}

table.sloupcovaSazba td,
table.sloupcovaSazba th {
	width: 100% !important;
}

.panelObsah table.sloupcovaSazba td {
	padding: 0 !important;
}

table.sloupcovaSazba colgroup {
	display: none;
}

}

input[type=submit] {
	background-color: #01385f;
	color: #ffffff;
	border: none;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

iframe {
	max-width: 90vw;
	min-width: 100%;
}

td iframe {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

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

td iframe {
	position: static;
}

}

a {
    text-decoration: none;
    color: #00375e;
	opacity: 0.9;
}

a:hover {
	opacity: 1;
	text-shadow: -0.02rem 0 0 currentColor;
}

a:hover img {
	transform: scale(1.02);
}

h1 {
    color: #00375e;
	font-size: 1.5rem;
	line-height: 2rem;
}

h2 {
	font-size: 1.2rem;
}

h3 {
	font-size: 1rem;
}

ul li {
	margin-left: 2rem;
}

.povinnePolicko {
	color: #fcbb21;
}

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

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

@keyframes fromTheLeft {
 	0% {
        transform: translateX(-100vmin);
		opacity: 0;
	}
	100% {
        transform: translateX(0);
		opacity: 1;
	}
}

@keyframes fromTheRight {
 	0% {
        transform: translateX(100vmin);
		opacity: 0;
	}
	100% {
        transform: translateX(0);
		opacity: 1;
	}
}

@keyframes fromTheTop {
 	0% {
        transform: translateY(-100vmin);
		opacity: 0;
	}
	100% {
        transform: translateY(0);
		opacity: 1;
	}
}



/* .panelHlavicka */

input.menuOpener,
label.menuOpener {
	display: none;
}

.panelHlavicka {
	background-color: #01385f;
	color: #ffffff;
	background-image: url(Brodsky/Hlavicka.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.animStart .panelHlavicka:not(.imageLoaded) {
	display: none;
}

.animStart .panelHlavicka.imageLoaded {
	animation-duration: 1s;
	animation-name: fadeIn;
}

.panelHlavicka * {
	color: #ffffff;
}

.panelHlavicka header {
	position: relative;
	height: 11vmin;
	max-width: 85vw;
	margin: 0 auto 0 auto;
}

.animStart .panelHlavicka header {
	animation-duration: 0.5s;
	animation-name: fromTheTop;
}

.panelHlavicka .logo {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 40vmin;
	background-image: url(Brodsky/Logo.svg);
	background-size: auto 50%;
	background-repeat: no-repeat;
	background-position: 3% 50%;
}

.animStart .panelHlavicka .logo {
	animation-duration: 3s;
	animation-name: fromTheLeft;
}

.panelHlavicka .komponentaHledat {
	display: block;
	position: absolute;
	top: 3.5vmin;
	left: 50%;
	width: 28vmin;
	height: 4vmin;
	line-height: 4vmin;
	text-align: left;
	font-size: 2vmin;
	line-height: 2vmin;
}

.panelHlavicka .komponentaHledat #komponentaHledat1 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 75%;
	padding: 0.1vmin;
	font-size: 2vmin;
	line-height: 4vmin;
	padding-left: 0.5rem;
	border: none;
	color: #000000;
}

.panelHlavicka .komponentaHledat input[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 16%;
	border: none;
	font-size: 0;
	color: rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
	background-image: url(Brodsky/Lupa.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
    background-size: contain;
}

.panelHlavicka .komponentaPrihlaseni {
	display: block;
	position: absolute;
	top: 3.5vmin;
	left: 82%;
	height: 4vmin;
	width: 6vmin;
	background-image: url(Brodsky/Uzivatel.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}

.panelHlavicka .komponentaPrihlaseni .popis {
	display: none;
	position: absolute;
	top: 0;
	right: 5.5vmin;
	font-size: 1.5vmin;
	text-align: right;
	height: 4vmin;
	line-height: 4vmin;
	white-space: nowrap;
}

.panelHlavicka .komponentaPrihlaseni .menuUzivatel {
	position: absolute;
	top: 0;
	right: 0;
	width: 12rem;
	z-index: 999;
	background-color: #ffffff;
}

.panelHlavicka .komponentaPrihlaseni .menuUzivatel a {
	display: block;
	color: #000000;
	padding-left: 0.5rem;
	border: 1px solid #ffffff;
}

.panelHlavicka .komponentaPrihlaseni .menuUzivatel a:hover {
    background-color: #00375e;
    color: #ffffff;
}

@media screen and (min-width: 1024px) {

.panelHlavicka .komponentaPrihlaseni .popis {
	display: block;
}

}

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

.panelHlavicka .komponentaPrihlaseni {
	display: none;
}

}

.panelHlavicka .komponentaKosik {
	display: block;
	position: absolute;
	top: 3.5vmin;
	right: 1vmin;
	width: 6vmin;
	height: 4vmin;
	text-align: center;
	background-image: url(Brodsky/Kosik.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.panelHlavicka .komponentaKosik .cena {
	display: none;
/*
	display: block;
	position: absolute;
	top: 1vmin;
	right: 7vmin;
	height: 1vmin;
	font-size: 2vmin;
	line-height: 2vmin;
	color: #ffffff;
	border-radius: 1vmin;
	text-align: right;
	white-space: nowrap;
*/
}

.panelHlavicka .komponentaKosik .pocet {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 2vmin;
	height: 2vmin;
	font-size: 1vmin;
	line-height: 2vmin;
	background-color: #ff0000;
	color: #ffffff;
	border-radius: 1vmin;
}

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

.panelHlavicka {
	background-image: none;
}

.panelHlavicka header {
	height: 33vmin;
	max-width: 100%;
}

.panelHlavicka .logo {
	top: 11vmin;
	left: 22vmin;
	right: 0.5rem;
	height: 22vmin;
	width: auto;
	background-position: 100% 50%;
    background-size: contain;
}

/*.panelHlavicka .logo:after {
	background-position: 100% 50%;
    background-size: contain;
}*/

.panelHlavicka .komponentaHledat {
	top: 3.5vmin;
	left: 0.75rem;
	width: 75%;
	height: 8vmin;
	line-height: 8vmin;
	text-align: left;
	font-size: 5vmin;
	line-height: 5vmin;
}

.panelHlavicka .komponentaHledat #komponentaHledat1 {
	font-size: 5vmin;
	line-height: 5vmin;
}

.panelHlavicka .komponentaKosik {
	right: 0.66rem;
	width: 7.5vmin;
	height: 7.5vmin;
}

label.menuOpener {
	display: block;
	position: absolute;
	top: 11vmin;
	left: 0rem;
	width: 22vmin;
	height: 22vmin;
	background-position: 50% 50%;
	background-size: contain;
	background-image: url(Brodsky/Menu.svg);
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0);
	cursor: pointer;
}

.animStart label.menuOpener {
	animation-duration: 3.5s;
	animation-name: fromTheTop;
}

}

.panelHlavicka .hlavniMenu {
	background-color: #fcbb21;
	color: #01385f;
	text-transform: uppercase;
	font-weight: normal;
}

.panelHlavicka .hlavniMenu * {
	color: #01385f;
}

.panelHlavicka .hlavniMenu ul {
	max-width: 85vw;
	margin: 0 auto 0 auto;
}

.panelHlavicka .hlavniMenu ul:after {
	display: block;
	content: " ";
	font-size: 0;
	clear: both;
}

.panelHlavicka .hlavniMenu li {
	display: block;
	float: left;
	border: 0.05rem solid rgba(0,0,0,0);
	margin-left: 0rem;
}

.panelHlavicka .hlavniMenu li:hover {
	background-color: #ffffff;
	color: #000000;
	border-color: #ffffff;
}

.panelHlavicka .hlavniMenu li:hover a {
	color: #000000;
	text-decoration: none;
}

.panelHlavicka .hlavniMenu li.vybrana {
	background-color: #01385f;
	color: #ffffff;
	border: 0.05rem solid #ffffff;
}

.panelHlavicka .hlavniMenu a {
	display: block;
	padding: 0.5rem;
}

.panelHlavicka .hlavniMenu li.vybrana a {
	color: #ffffff;
}

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

.panelHlavicka .hlavniMenu {
	display: none;
}

.panelHlavicka .hlavniMenu li {
	background-color: #ffffff;
}

.panelHlavicka .hlavniMenu li a {
    border-bottom: 0.05rem solid #89bde2;
	padding: 0.5rem;
}

input.menuOpener:checked ~ .panelHlavicka .hlavniMenu {
	display: block;
}

input.menuOpener:checked ~ .panelTelo .panelObsah {
	display: none;
}

input.menuOpener:checked ~ .panelTelo .panelHorni {
	display: none;
}

input.menuOpener:checked ~ .panelHlavicka label.menuOpener {
	background-image: url(Brodsky/Zavrit.svg);
	background-size: 50% auto;
}

.panelHlavicka .hlavniMenu ul {
	max-width: 100%;
}

.panelHlavicka .hlavniMenu li {
	float: none;
}

.panelHlavicka .hlavniMenu a {
	padding: 0 0 0 0.5rem;
}

}



/* .panelPaticka */

.panelPaticka {
	background-color: #01385f;
	color: #ffffff;
	text-align: center;
}

.panelPaticka .panelInfo {
	background-color: #fcbb21;
	min-height: 1rem;
	color: #01385f;
	text-align: left;
}

.panelPaticka .panelInfo td {
	vertical-align: top;
	padding: 1rem 2% 1rem 15rem;
	background-size: auto 5rem;
	background-position: 2.5rem 50%;
	background-repeat: no-repeat;
}

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

.panelPaticka .panelInfo td {
	padding: 1rem 0 1rem 50vw;
	background-size: auto 20vw;
}

}

.panelPaticka .panelInfo td:nth-child(1) {
	background-image: url(Brodsky/doprava.png)
}

.panelPaticka .panelInfo td:nth-child(2) {
	background-image: url(Brodsky/platba.png)
}

.panelPaticka .panelKontakty table.sloupcovaSazba
{
	margin-bottom: 0;
}

.panelPaticka .panelKontakty table.sloupcovaSazba td {
	width: 50%;
	overflow: hidden;
	text-align: left;
	position: relative;
}

.panelPaticka .panelKontakty table.sloupcovaSazba td > *:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.panelPaticka .panelKontakty table.sloupcovaSazba td:nth-child(1) {
	padding: 0%;
}

.panelPaticka .panelKontakty table.sloupcovaSazba td:nth-child(2) {
	padding: 1rem 10% 1rem 10%;
}

.panelPaticka .panelKontakty iframe {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.panelPaticka a {
	margin-right: 0.66rem;
    color: #ffffff;
}

.panelPaticka .dolniMenu {
	border-top: 0.05rem solid #557a94;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.panelPaticka .dolniMenu ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.panelPaticka .dolniMenu li {
	display: inline;
	margin: 0;
	padding: 0;
}

.panelPaticka .dolniMenu a {
	margin: 0.5rem;
}

.panelPaticka .dolniMenu .vybrana a {
	color: #fcbb21;
}

.panelPaticka .dolniMenu a:before {
	content: ">\00a0";
}

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

.panelPaticka {
	position: static;
}

}



/* .komponentaCookieSouhlas  */

.komponentaCookieSouhlas {
	position: fixed;
	left: 19vw;
	width: 62vw;
	bottom: 1rem;
    z-index: 1000;
	padding: 1rem 1rem 2.5rem 1rem;
	margin-left: auto;
	margin-right: auto;
	background-color: #002744;
	color: #ffffff;
    border-radius: 0.2rem;
}

.komponentaCookieSouhlas a {
	color: #d59801;
}

.komponentaCookieSouhlas .info {
	white-space: nowrap;
}

.komponentaCookieSouhlas .tlacitkoSouhlasim {
	display: block;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 10rem;
	background-color: #89bde2;
    color: #002744;
	text-align: center;
    border-radius: 0.2rem;
}

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

.komponentaCookieSouhlas {
	position: relative;
	left: auto;
	width: auto;
	bottom: 0;
	border-top: 0.05rem solid #557a94;
    border-radius: 0;
}

}



/* .panelPomocny */

.panelPomocny {
	position: relative;
	height: 22vmin;
	overflow: hidden;
	background-image: url(Brodsky/PanelPomocny.jpg);
	background-position: 50% 75%;
	background-size: cover;
	background-color: #002744;
	background-color: #ffffff;
}

.panelPomocny .text {
	text-align: center;
	line-height: 12vmin;
	font-size: 5vmin;
	font-weight: 300;
	letter-spacing: 0.2vmin;
	color: #ffffff;
	text-shadow: 0 0 1vmin rgba(0,0,0,0.5);
	text-transform: uppercase;
    user-select: none;
}

.animStart .panelPomocny:not(.imageLoaded) .text {
	display: none;
}

.animStart .panelPomocny.imageLoaded .text {
	animation-duration: 4s;
	animation-name: fromTheRight;
}

.panelPomocny.imageLoaded {
	animation-duration: 1s;
	animation-name: fadeIn;
}

@media screen and (max-width: 639px) {
	.panelPomocny {
		display: none;
	}
}

@media screen and (min-width: 640px) {

.animStart .panelPomocny {
	height: 33vmin;
}

.animStart .panelPomocny .text {
    line-height: 17vmin;
    font-size: 7vmin;
}

}



/* .panelTelo */

.panelTelo {
	position: relative;
	max-width: 85vw;
	margin: 0 auto 0 auto;
	font-weight: normal;
}

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

.panelTelo {
	max-width: 100%;
}

}

.panelTelo:after {
	display: block;
	content: " ";
	font-size: 0;
	clear: both;
}

.panelTelo .panelHorni {
	padding: 0.5rem;
}

.panelTelo .panelHorni .rychlyKontakt {
	display: block;
	float: right;
	width: 49%;
	text-align: right;
}

.panelTelo .panelHorni .rychlyKontakt > * {
	padding-left: 1.5rem;
	padding-right: 0.5rem;
	background-position: 0% 50%;
	background-size: auto 85%;
	background-repeat: no-repeat;
}

.panelTelo .panelHorni .rychlyKontakt .email {
	background-image: url(Brodsky/Email.svg);
}

.panelTelo .panelHorni .rychlyKontakt .email:empty {
	display: none;
}

.panelTelo .panelHorni .rychlyKontakt .telefon {
	background-image: url(Brodsky/Telefon.svg);
}

.panelTelo .panelHorni .rychlyKontakt .telefon:empty {
	display: none;
}

.panelTelo .panelHorni .drobeckova .pocetPolozek {
	display: none;
}

.panelTelo .panelHorni .drobeckova {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 49%;
	text-transform: lowercase;
	padding-left: 0.5rem;
	padding-left: 2.5rem;
}

.panelTelo .panelHorni .drobeckova:empty {
	display: none;
}

.panelTelo .panelHorni .drobeckova .polozka {
	white-space: nowrap;
}

.panelTelo .panelHorni:after {
	display: block;
	content: " ";
	font-size: 0;
	clear: both;
}

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

.panelTelo .panelHorni {
	padding: 0;
}

.panelTelo .panelHorni .rychlyKontakt > * {
	padding-left: 6vmin;
	padding-right: 1.5vmin;
}

.panelTelo .panelHorni .rychlyKontakt {
	float: none;
	width: auto;
	text-align: left;
    padding: 1.5vmin 1.5vmin 1.5vmin 5vmin;
	background-color: #fcbb21;
	font-size: 3vmin;
}

.panelTelo .panelHorni .drobeckova {
	float: none;
	width: auto;
    padding: 1rem;
}

}



/* .panelNavigace */

.panelTelo .panelNavigace {
	float: left;
	width: 24%;
}

.panelTelo .panelNavigace img {
	display: none;
}

.panelTelo .panelNavigace .pocetPolozek {
	/*display: none;*/
	opacity: 0.5;
}

.panelTelo .panelNavigace ul {
	display: block;
	list-style: none;
}

.panelTelo .panelNavigace li {
	display: block;
	margin-left: 0rem;
}

.panelTelo .panelNavigace .polozka {
	margin-top: -0.05rem;
	display: block;
	position: relative;
	padding: 0.5rem;
	color: #3d464b;
	border-top: 0.05rem solid #89bde2;
	border-bottom: 0.05rem solid #89bde2;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

.panelTelo .panelNavigace .polozka:after {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
	font-size: 1.5rem;
	content: ">";
	color: rgba(255,255,255,0);
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));
	text-align: center;
}

.panelTelo .panelNavigace .hloubka1 > li > .polozka.vybrana:after {
	background-image: linear-gradient(to right, rgba(255,255,255,0), #fcbb21, #fcbb21);
}

.panelTelo .panelNavigace ul.hloubka1 .polozka:first-child {
	border-top: 0.05rem solid rgba(0,0,0,0);
}

.panelTelo .panelNavigace ul.hloubka2 .polozka {
	padding-left: 1.5rem;
	font-weight: 300;
	font-size: 0.85rem;
	line-height: 0.85rem;
	color: #777777;
}

.panelTelo .panelNavigace ul.hloubka3 .polozka {
	padding-left: 3rem;
	font-size: 0.85rem;
}

.panelTelo .panelNavigace ul.hloubka4 .polozka {
	padding-left: 4.5rem;
}

.panelTelo .panelNavigace ul.hloubka5 .polozka {
	padding-left: 6rem;
}

.panelTelo .panelNavigace .polozka.zabalena:after {
	content: "+";
	color: #fcbb21;
	background-image: none;
	background-color: #ffffff;
}

.panelTelo .panelNavigace .hloubka1 > li > .polozka.rozbalena {
	background-color: #fcbb21;
}

.panelTelo .panelNavigace .hloubka1 > li > .polozka.rozbalena:after {
	content: "-";
	color: #ffffff;
	background-image: none;
	background-color: #fcbb21;
}

.panelTelo .panelNavigace .hloubka1 > li > .polozka.vybrana.zabalena:after {
	content: "+";
	color: #ffffff;
	background-color: #fcbb21;
}

.panelTelo .panelNavigace .hloubka1 > li > .polozka.zabalena + ul {
	display: none;
}

.panelTelo .panelNavigace .hloubka1 > li > .polozka.vybrana {
	background-color: #fcbb21;
}

.panelTelo .panelNavigace .hloubka2 .polozka.vybrana {
    color: #d59801;
}

.panelTelo .panelNavigace .hloubka2 .polozka.vybrana .pocetPolozek {
	opacity: 1;
}

.panelTelo .panelNavigace .polozka:hover {
}

.panelTelo .panelNavigace .hloubka1 > li:first-child {
}

.panelTelo .panelNavigace .hloubka1 > li:first-child .polozka {
	color: #ffffff;
	background-color: #fe0000;
	text-transform: uppercase;
	padding-left: 3rem;
	overflow: visible;
}

.panelTelo .panelNavigace .hloubka1 > li:first-child .polozka:after {
	left: -1.15rem;
	top: -1.33rem;
	width: 4rem;
	height: 4rem;
	background-image: url(Brodsky/Hexagon.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

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

.panelTelo .panelNavigace {
	float: none;
	width: auto;
}

input.menuOpener:not(:checked) ~ .panelTelo .panelNavigace {
	display: none;
}

.panelTelo .panelNavigace .hloubka1 > li:first-child .polozka {
	padding-left: 0.5rem;
}

.panelTelo .panelNavigace .hloubka1 > li:first-child .polozka:after {
	display: none;
}

}



/* .panelObsah */

.panelObsah {
    box-sizing: border-box;
	float: right;
	width: 75%;
	animation-duration: 0.5s;
	animation-name: fadeIn;
	padding: 0.5rem 0rem 0.5rem 1rem;
	overflow: hidden;
}

.panelObsah .pomocnaNavigace .podslozky {
}

.panelTelo .pomocnaNavigace .podslozky .pocetPolozek {
	display: none;
}

.panelObsah .pomocnaNavigace .podslozky ul {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}

.panelObsah .pomocnaNavigace .podslozky ul:after {
	display: block;
	content: " ";
	font-size: 0;
	clear: both;
}

.panelObsah .pomocnaNavigace .podslozky li {
	box-sizing: border-box;
	list-style-type: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border-right: 1rem solid #ffffff;
	border-bottom: 1rem solid #ffffff;
	float: left;
	width: 24.75%;
	height: 6rem;
	overflow: hidden;
}

.panelObsah .pomocnaNavigace .podslozky li a {
	display: block;
	position: absolute;
	bottom: 0;
	padding: 0 0.5rem 0 0.5rem;
	height: 5rem;
	width: 100%;
	background-color: #e0e0e0;
	background-size: auto 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
    /*filter: brightness(75%) sepia(66%) hue-rotate(160deg);
	-webkit-filter: brightness(75%) sepia(66%) hue-rotate(160deg);
	-moz-filter: brightness(75%) sepia(66%) hue-rotate(160deg);
	-o-filter: brightness(75%) sepia(66%) hue-rotate(160deg);
	-ms-filter: brightness(75%) sepia(66%) hue-rotate(160deg);*/
	font-size: 0.8rem;
	line-height: 1rem;
	opacity: 1;
}

.panelObsah .pomocnaNavigace .podslozky li a:hover {
	background-size: auto 102%;
}

.panelObsah .pomocnaNavigace .podslozky li a span {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
    background-color: #fcbb21;
	padding: 0.15rem 1rem 0.15rem 1rem;
}

.panelObsah .pomocnaNavigace .podslozky li a span:after {
	content: "\00a0>";
}

#podslozkyOpener {
	display: none;
}

@media screen and (min-width: 640px) {

/*

#podslozkyOpener ~ .podslozky {
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
}

#podslozkyOpener ~ .podslozky label.podslozkyOpener {
	display: block;
	position: absolute;
	right: 0.5rem;
	bottom: 0;
	width: 2rem;
	height: 2rem;
	text-align: center;
	background-color: #01385e;
	color: #ffffff;
	border-radius: 1rem;
    font-size: 1.5rem;
    line-height: 1.85rem;
    font-weight: bold;
	cursor: pointer;
}

#podslozkyOpener ~ .podslozky label.podslozkyOpener:after {
	content: "+";
}

#podslozkyOpener:checked ~ .podslozky label.podslozkyOpener:after {
	content: "-";
}

#podslozkyOpener:not(:checked) ~ .podslozky {
	max-height: 6rem;
}

*/

}

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

.panelObsah {
	float: none;
	width: auto;
}

.panelObsah .pomocnaNavigace .podslozky li {
	float: none;
	width: auto;
	height: auto;
	border-bottom: 0.2rem solid #ffffff;
	/*xbackground-color: #fcbb21;*/
}

.panelObsah .pomocnaNavigace .podslozky li a {
	position: static;
	height: auto;
}

}



/* .katalog */

.katalog .komponentaZobrazeni {
	display: none;
}

.katalog .formularFiltry .polozka.hledej {
	display: none;
}

.katalog .formularFiltry .odesli {
	display: none;
}

.katalog .formularRazeni label {
	background-color: #89bde2;
	color: #ffffff;
	padding: 0 0.5rem 0 0.5rem;
    border-radius: 0.2rem;
	cursor: pointer;
}

.katalog .formularRazeni input {
	display: none;
}

.katalog .formularRazeni input:checked + label {
	background-color: #01385e;
}

.katalog .obalStrankovani:after {
	display: block;
	content: " ";
	font-size: 0;
	clear: both;
}

.katalog .prepinacStranek > * {
	background-color: #89bde2;
	color: #ffffff;
	padding: 0 0.5rem 0 0.5rem;
    border-radius: 0.2rem;
	cursor: pointer;
}

.katalog .prepinacStranek .vybrana {
	background-color: #01385e;
}

.katalog .komponentaAlternativniPocetRadku {
	overflow: hidden;
	white-space: nowrap;
}

.katalog .komponentaAlternativniPocetRadku .popisek {
	background-color: #ffffff;
	color: #89bde2;
	padding: 0 0.5rem 0 0;
    border-radius: 0.2rem;
	font-size: 0.8rem;
	letter-spacing: -0.05rem;
}

.katalog .komponentaAlternativniPocetRadku a {
	background-color: #89bde2;
	color: #ffffff;
	padding: 0 0.5rem 0 0.5rem;
    border-radius: 0.2rem;
	cursor: pointer;
}

.katalog .komponentaAlternativniPocetRadku a.vybrana {
	background-color: #01385e;
}

@media screen and (min-width: 1024px) {

.katalog .komponentaAlternativniPocetRadku {
    box-sizing: border-box;
	width: 49%;
	float: right;
	text-align: right;
	padding-right: 1.5rem;
}

.katalog .prepinacStranek {
    box-sizing: border-box;
	width: 49%;
	float: left;
}

}

.katalog .zbozi {
	margin-bottom: 2rem;
}

.katalog .zbozi:after {
	display: block;
	content: " ";
	font-size: 0;
	clear: both;
}

.katalog .zbozi .cistic {
	display: none;
}

.katalog .zbozi .polozka {
	box-sizing: border-box;
	display: block;
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 4vmin;
	border-right: 1rem solid #ffffff;
	border-bottom: 1rem solid #ffffff;
	float: left;
	width: 33%;
	overflow: hidden;
}

@media screen and (min-width: 1024px) {

.katalog .zbozi .polozka {
	width: 24.75%;
}

}

.katalog .zbozi .polozka .nahled {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
    padding-top: 100%;
	background-color: #f7f7f7;
	opacity: 1;
}

.katalog .zbozi .polozka .nahled img {
	position: absolute;
	left: 0;
	top: 0;
	height: auto !important;
	width: 100% !important;
    box-sizing: border-box;
	border: 0.02rem solid rgba(0,0,0,0.02);
    filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
}

.katalog .zbozi .polozka h2 {
	position: relative;
	z-index: 999;
	font-weight: normal;
	font-size: 0.8rem;
	font-family: sans-serif;
	line-height: 1rem;
	text-transform: none;
	color: #3d464b;
	background-color: #ffffff;
	height: 2rem;
}

.katalog .zbozi .polozka h2 a {
	color: #3d464b;
}

.katalog .zbozi .polozka h2 .nazevbozi {
	display: block;
	background-color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.katalog .zbozi .polozka .kodZbozi {
	display: block;
	position: absolute;
	left: 0rem;
	top: 0rem;
	padding: 0.33rem 0.33rem 0.33rem 0.33rem;
	border-radius: 0.2rem;
	font-weight: bold;
	color: #777777;
	font-size: 0.75rem;
	line-height: 0.8rem;
	background-color: #f2f2f2;
}

.katalog .zbozi .polozka.nalezenKod .kodZbozi {
	font-size: 1.1rem;
	background-color: #0078d7;
	color: #ffffff;
	font-weight: normal;
	left: 0.33rem;
	top: 0.33rem;
	padding: 0.5rem;
}

.katalog .zbozi .polozka .stav {
	position: absolute;
	top: 0.5rem;
	right: -0.2rem;
	text-align: right;
}

.katalog .zbozi .polozka .stav .exitujiVarianty {
	display: block;
	float: right;
	padding: 0 0.4rem 0 0.4rem;
	margin-bottom: 0.1rem;
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
	font-size: 0.75rem;
	background-color: #cc3ad6;
    color: #ffffff;
}

.katalog .zbozi .polozka .stav img {
	display: block;
	clear: right;
	float: right;
	height: 1.5rem;
	width: 2.5rem;
	background-repeat: no-repeat;
	background-position: 33% 50%;
	background-size: auto 100%;
	margin-bottom: 0.1rem;
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}

.katalog .zbozi .polozka .stav .parametr {
	display: block;
	clear: right;
	float: right;
	background-repeat: no-repeat;
	background-position: 33% 50%;
	background-size: auto 100%;
	margin-bottom: 0.1rem;
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
	background-color: #89bde2;
	color: #ffffff;
	padding: 0.4rem 0.6rem 0.35rem 0.4rem;
	font-size: 0.75rem;
	line-height: 0.75rem;
}

.katalog .zbozi .polozka .stav .parametr.skladem {
	background-color: #359235;
}

.katalog .zbozi .polozka .stav .parametr.dostupnost {
	background-color: #fba52b;
}

.katalog .zbozi .polozka .stav .parametr.osobni {
	background-color: #00bfff;
}

.panelObsah .zbozi .polozka .stav .neprobihaAkce {
	display: none;
}

.katalog .zbozi .polozka .stav .probihaAkce {
	background-color: #fe0000;
	background-image: url(Brodsky/Discount.svg);
}

.katalog .zbozi .polozka .stav .novinka {
	background-color: #e6be20;
	background-image: url(Brodsky/New.svg);
}

.katalog .zbozi .polozka .stav .priznakDoporucujeme {
	background-color: #31b02f;
	background-image: url(Brodsky/Tip.svg);
}

.katalog .zbozi .polozka .ceny {
    border-collapse: collapse;
	position: absolute;
	bottom: 0;
	right: 5.5vmin;
}

.katalog .zbozi .polozka .ceny td {
	border: none;
	padding-bottom: 0;
}

.katalog .zbozi .polozka .ceny .popis {
    display: none;
}

.katalog .zbozi .polozka .ceny .cenaPuvodni {
	position: relative;
	top: 0.5rem;
	font-size: 0.75rem;
	line-height: 0.75rem;
	font-size: 0.7rem;
	line-height: 0.7rem;
    text-decoration: line-through;
	color: #777777;
}

.katalog .zbozi .polozka .ceny .cenaBez {
    display: none;
}

.katalog .zbozi .polozka .ceny .cenaVcetne {
    color: #01385f;
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 0.8rem;
	word-spacing: -0.1rem;
}

.katalog .zbozi .polozka .ceny .cenaVcetne .pozn {
	font-size: 0.5rem;
	line-height: 0.4rem;
	word-spacing: -0.1rem;
	font-weight: normal;
}

.katalog .zbozi .polozka .vlozDoKosikuDetail .mnozstvi {
    display: none;
}

.katalog .zbozi .polozka .vlozDoKosikuDetail .vlozDoKosiku {
    display: none;
}

.katalog .zbozi .polozka .vlozDoKosikuDetail .detailZbozi {
	position: absolute;
	bottom: 0;
	right: 0;
	border: none;
	width: 3vmin;
	height: 4vmin;
    background-color: #01385f;
	background-image: url(Brodsky/Lupa.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
    background-size: auto 66%;
}

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

.katalog .zbozi .polozka {
	float: none;
	width: auto;
	height: auto;
}

.katalog .zbozi .polozka .ceny .cenaPuvodni {
	top: 1rem;
	left: -0.4rem;
}

.katalog .zbozi .polozka .ceny .cenaVcetne {
	position: relative;
	top: 0.4rem;
	left: -0.4rem;
}

}



/* homepage */

.hledani .pomocnaNavigace .podslozky {
	display: none;
}

.strankaSlozkaZbozi .pomocnaNavigace .podslozky li:first-child {
    display: none; /* slozka akce */
}



/* .strankaZbozi */


.strankaZbozi .prvniSloupec,
.strankaZbozi .druhySloupec {
	float: left;
	width: 49%;
	min-height: 20rem;
	box-sizing: border-box;
}

.strankaZbozi .prvniSloupec table,
.strankaZbozi .druhySloupec table{
	width: 100%;
}

.strankaZbozi .prvniSloupec {
	padding-right: 0.5rem;
}

.strankaZbozi .prvniSloupec {
}

.strankaZbozi .druhySloupec {
	padding-left: 0.5rem;
}

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

.strankaZbozi .prvniSloupec,
.strankaZbozi .druhySloupec {
	float: none;
	width: auto;
}

.strankaZbozi .prvniSloupec {
	padding-right: 0;
}

.strankaZbozi .druhySloupec {
	padding-left: 0;
}

}

.strankaZbozi .dvaSloupce:after {
	content: " ";
	display: block;
	clear: both;
}

.strankaZbozi .obrazek {
	position: relative;
	left: 0;
	top: 0;
}

.strankaZbozi .obrazek img {
	width: 100% !important;
	height: auto !important;
    filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
	cursor: pointer;
}

.strankaZbozi .prilohy img {
	width: 6rem;
	height: 6rem;
    filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
}

.strankaZbozi .obrazek .priznaky {
	position: absolute;
	right: 0;
	top: 0.5rem;
	background-color: #ff0000;
}

.strankaZbozi .formularKoupit td.popis,
.strankaZbozi .vlastnosti td.popis {
	padding-right: 1rem;
}

.strankaZbozi .cenaPuvodniVcetne .hodnota {
    text-decoration: line-through;
	color: #777777;
}

.strankaZbozi .cenaPuvodniVcetne + .cenaBez + .cenaVcetne td {
	color: #fe0000;
	font-weight: bold;
}

.strankaZbozi .vlastnosti .vl_varianta,
.strankaZbozi .vlastnosti .vl_baleni_mj {
	display: none;
}

.strankaZbozi .vlastnosti .vlDostupnost.hodnSkladem td {
	color: #359235;
	font-weight: bold;
}

.strankaZbozi .vlastnosti .vlDostupnost.hodn5dnu td {
	color: #fcbb21;
	font-weight: bold;
}

.strankaZbozi .vlastnosti .vlDostupnost.hodn10dnu td {
	color: #fcbb21;
	font-weight: bold;
}

.strankaZbozi .vlastnosti .vlDostupnost.hodnNedostupne td {
	color: #fe0000;
	font-weight: bold;
}

/*.strankaZbozi .vlastnosti .vlSkladem.hodn0 td {
	display: none;
}*/

.strankaZbozi .vlastnosti .vlOsobni td {
	color: #00bfff;
	font-weight: bold;
}

.strankaZbozi .formularKoupit .mnozstvi {
	display: none;
}

.strankaZbozi .formularKoupit .cenaVcetne td {
	border-bottom: none;
}

.strankaZbozi .formularKoupit .cenaVcetne .hodnota {
	font-size: 1.66rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: bold;
	color: #01385f;
}

.strankaZbozi .formularKoupit td[colspan] {
	border: none;
}

.strankaZbozi .formularKoupit .odesli td {
	border: none;
}

.strankaZbozi .formularKoupit .odesli .popis {
	/*visibility: hidden;*/
}

.strankaZbozi .formularKoupit .odesli input {
	background-image: url(Brodsky/Kosik.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
    background-size: auto 56%;
	background-color: #01385f;
	border-radius: 0.2rem;
	border: none;
	height: 3rem;
	width: 6rem;
	font-size: 0;
	color: rgba(0,0,0,0);
}

.strankaZbozi .formularKoupit .odesli.nedostupne input {
	pointer-events: none;
    background-color: #cccccc;
	background-image: url(Brodsky/Cross.svg), url(Brodsky/Kosik.svg);
    background-size: auto 80%, auto 56%;
}

.strankaZbozi .formularKoupit .tabulkaParametry {
	width: 100%;
}

.strankaZbozi .formularKoupit .tabulkaParametry td {
	width: 50%;
	background-color: #89bfe3;
	color: #ffffff;
}
.strankaZbozi .formularKoupit .tabulkaParametry .popis {
	padding-left: 1rem;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.strankaZbozi .formularKoupit .tabulkaParametry .popis:before {
	content: "Vyberte: ";
}
.strankaZbozi .formularKoupit .tabulkaParametry .hodnota {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
	background-color: #89bfe3;
}
.strankaZbozi .formularKoupit .tabulkaParametry select {
    appearance: none;
	background: #89bfe3;
	background-image: url(Brodsky/SipkaVlevo.svg);
	background-position: 95% 50%;
	background-repeat: no-repeat;
    background-size: auto 66%;
	margin-right: 2.5rem;
	color: #ffffff;
	border: none;
	cursor: pointer;
	font-size: 1.2rem;
	width: 100%;
}
.strankaZbozi .formularKoupit .nadpis {
}

.strankaZbozi .vlastnosti {
	width: 100%;
}

.strankaZbozi .vlastnosti td {
	width: 57%;
}

.strankaZbozi .vlastnosti td {
	border-bottom: 0.01rem solid #eeeeee;
}


/* .strankaKosik */

.strankaKosik .panelObsah .navigace + p {
	display: none;
}

.strankaKosik thead * {
	font-weight: bold;
	color: #00375e;
}

.strankaKosik .polozka td {
}

.strankaKosik .polozka img.obrazek {
	margin-right: 0.5rem;
	width: 2.5rem;
	height: auto;
	vertical-align: middle;
    filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
	transform: scale(1);
	border-radius: 0.2rem;
}

.strankaKosik td.nazev {
	min-width: 8rem;
}

.strankaKosik td.mnozstvi {
	white-space: nowrap;
}

.strankaKosik td.mnozstvi * {
	vertical-align: middle;
}

.strankaKosik input[name=mnozstvi] {
	width: 3rem;
	margin-right: 0.1rem;
	text-align: right;
}

.strankaKosik input.nastavMnozstvi,
.strankaKosik input.smazPolozku {
	border: none;
	border-radius: 0.2rem;
	margin-right: 0.1rem;
	padding: 0;
	width: 4vmin;
	height: auto;
}

.strankaKosik td:nth-child(3),
.strankaKosik td:nth-child(3) ~ td {
	text-align: right;
}

.strankaKosik input[name=smazVsechnyPolozky] {
	background-color: #89bde2;
}

.strankaKosik input[name=objednej] {
	padding: 0.5rem;
}

.strankaKosik .celkem td {
	border-bottom: none;
}

.strankaKosik .celkem td {
	font-weight: bold;
}

.strankaKosik input.nastavMnozstvi,
.strankaKosik input.smazPolozku {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 66%;
}

.strankaKosik input.nastavMnozstvi {
	background-color: #00cc00;
	background-image: url(Brodsky/Potvrdit.svg);
}

.strankaKosik input.smazPolozku {
	background-color: #ff0000;
	background-image: url(Brodsky/Zavrit.svg);
}

.strankaKosik .kosikObsahujeZboziNeskladem{
    margin: 10px auto;
    background: #fe0000;
    color: white;
    padding: 10px 10px 5px 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
}

/* .strankaDataUzivatele */

.strankaDataUzivatele .tabulkaDoprava label .poznamka,
.strankaDataUzivatele .tabulkaPlatba label .poznamka {
    font-weight: bold;
    color: #000000;
}


/* .prohlizecObrazku */

.prohlizecObrazku * {
	border: none !important;
}



/* media print */

.panelTiskovaHlavicka {
	display: none;
	text-align: center;
	margin-top: 1rem;
	padding: 0.5rem;
	border-top: 0.1rem solid #777777;
	border-bottom: 0.1rem solid #777777;
	color: #777777;
}

@media print {

.panelHlavicka, .panelPomocny,
.panelHorni, .panelNavigace,
.panelPaticka, .pomocnaNavigace,
.dialogVlozenoDoKosiku {
	display: none;
}

.panelTelo {
    max-width: none !important;
	width: auto !important;
}

.panelObsah {
	float: none;
	width: auto !important;
}

.panelTiskovaHlavicka {
	display: block;
}

}



/* infoproklienty */
.infoproklienty{
    padding: 0 15px 0 0;
}
.infoproklienty *{
    box-sizing: border-box;
}
.infoproklienty .text{
    width: 600px;
    background: #C830DD;
    margin: 0 auto;
    border-radius: 10px;
    max-width: 100%;
}
.infoproklienty .text > *{
    margin: 0 10px;
    text-align: center;
    color: white;
}
.infoproklienty .text > *:first-child{
    margin-top: 10px;
    padding-top: 10px;
}
.infoproklienty .text > *:last-child{
    padding-bottom: 10px;
    margin-bottom: 10px;
}
/* infoproklienty */


/* #panelB2BInfo */
#panelB2BInfo {
    background-color: #be1313;
    color: #ffffff;
    font-size: 0.8rem;
    text-align: center;
}
#panelB2BInfo .vnitrek {
	max-width: 85vw;
	margin: 0 auto 0 auto;
}
#panelB2BInfo .vnitrek:before {
    content: "\00a0";
    display: inline-block;
    width: 1.5rem;
    margin-right: 0.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(Brodsky/B2bUser.png);
    background-position: 50% 50%;
}
#panelB2BInfo .ico {
    opacity: 0.75;
}
/* #panelB2BInfo */

.strankaDataUzivatele.objednavky17 form .modesli .hodnota input {
    min-width: 0px;
}
.strankaDataUzivatele.objednavky17 form .modesli .hodnota input:last-child {
    float: none;
}




/* 2024-01-24 nema unisablonu DataUzivatele, tak se musi okopirovat styly */
.strankaDataUzivatele.objednavky17 #ppl-parcelshop-map *{
    max-width: unset !important;
}
.strankaDataUzivatele.objednavky17 #container-widget-ppl-parcelshop{
    position: fixed;
    inset: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #f3f5f7;
}
.strankaDataUzivatele.objednavky17 #closepplparcelshop{
    position: absolute;
    right: 10px;
    top: 0px;
    width: auto;
    padding: 3px 10px;
    z-index: 99999;
    background-color: #004992;
    color: white;
    font-weight: bold;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    width: 130px;
    text-align: center;
}
/* 2024-01-24 nema unisablonu DataUzivatele, tak se musi okopirovat styly */

#tabulkaDoprava a.vyhledatPobocku {
    text-decoration: underline;
    color: rgb(254, 0, 0);
    font-weight: bold;
    white-space: nowrap;
}

/* widget-ppl-parcelshop: skryt ovladani filteru */

#container-widget-ppl-parcelshop .accordion-map--select,
#container-widget-ppl-parcelshop .accordion-map__toggle--filter {
    display: none !important;
}

.strankaDataUzivatele.objednavky17 form #formularSkupina1x17 .doplneni,
.strankaDataUzivatele.objednavky17 form #formularSkupina1x25 .doplneni{
    display: none;
}
.strankaDataUzivatele.objednavky17 .modesliflex div{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 10px;
}