@import url('https://fonts.googleapis.com/css2?family=Rajdhani&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ranchers&display=swap');


/* Globalni styly */

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

html {
}

head {
	display: none;
}

body {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 25px;
	overflow-y: scroll;
	background: #2C1D14;
	/*background: black;*/
	min-width: 300px;

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

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

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

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

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

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

a {
	color: white;
    text-decoration: underline;

}

form table {
	margin: auto;
}

form tr.nadpis td {
	font-weight: bold;
}

form td.popis {
	width: 33%;
	padding: 0px 0px 0px 0px;
}

form td select {
	padding: 5px;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ede6d9;
    color: white;
    font-size: 16px;
    transition: all 0.5s;
}

form tr.text input, form tr.heslo input {
	padding: 5px;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ede6d9;
    color: white;
    font-size: 16px;
    transition: all 0.5s;
    width: 100%;
}

form tr.text input:focus, form tr.heslo input:focus {
	border-bottom: 2px solid #1c6e20;
}

form tr.odesli input,
form tr.modesli input {
	max-height: 70px;
}

form tr #mnozstvi {
	background-color: transparent;
    border: none;
    color: white;
    width: 60px;
    font-size: 25px;
    font-family: Ranchers;
    float: left;
    margin: 0px;
    line-height: 50px;
    text-align: center;
    padding: 0px;
}

form tr .popis.mnozstvi {
	width: 70%;
	vertical-align: middle;
}

form tr .odeslat {
	width: 30%;
	vertical-align: middle;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

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

label {
	cursor: pointer;
}

input[type=text], input[type=password], input:not([type]) {
	border: 1px solid #cccccc;
}

textarea {
	padding: 5px;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ede6d9;
    color: white;
    font-size: 16px;
    transition: all 0.5s;
    width: 100%;
    resize: none;
}

textarea:focus{
	border-bottom: 2px solid #1c6e20;
}

input[type=submit] {
	color: #2C1D14;
	background: #ede6d9;
	border: 1px solid #2C1D14;
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

input[type=submit]:hover {
	background-color: black;
	border-color: #ede6d9;
	color: #ede6d9;
}

*::-webkit-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*::-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-ms-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

.proProdejce iframe{
	width: 100% !important;
}

.strankaObjednano .panelTelo .panelObsah .odkazSouhlasNewsletter {
	border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
}

/* Ytext */

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

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

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

.stylBunkaStred .priloha {
	float: none;
	margin: 0px auto 0px auto;
}

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

table {
	clear: both;
}

table.zakladniTabulka td {
	background: #f0f0eb;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) {
	width: 100%;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) td {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

hr {
	border-bottom: 2px solid #C2C2C2;
	display: block;
	clear: both;
}

h1, h2, p, ul, ol, table, hr {
	margin: 0px 0px 0px 0px;
}

h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 25px;
	line-height: 30px;
	color: white;
	font-family: 'Ranchers', cursive;
}

h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
} 

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

ul {
    padding-left: 20px;
}

ol {
    padding-left: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.text.editor p {
	clear: both;
    padding-top: 15px;
}

.stylVerzalky {
	text-transform: uppercase;
}

.stylBunkaVpravo {
	text-align: right;
}

.stylBunkaStred {
	text-align: center;
}

.stylPoznamka,
table td.stylPoznamka {
	font-size: 11px;
}

.stylVelke {
	font-size: 20px;
	line-height: 30px;
}

.stylCervene {
	color: #cc0000;
}

.povinnePolicko,
.upozorneni,
.upozorneni a {
	color: #cc0000;
	font-weight: bold;
}



/* panelTelo */

.panelTelo {
	width: 100%;
	margin: 0px auto 0px auto;
}

.panelTelo .katalog h1 {
    margin: auto;
    line-height: 40px;
    font-size: 35px;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 10px;
}

.panelTelo:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}



/* panelHlavicka */

.panelHlavicka {
	background: #ede6d9;
	position: relative;
	font-family: 'Rajdhani', sans-serif;
}

.panelHlavicka .vrsek {
	height: 275px;
}

.panelHlavicka .podLogo {
	width: 900px;
	max-width: 100%;
	margin: auto;
	background-color: white;
	height: 50px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	box-shadow: 0px 0px 73px -24px rgba(0,0,0,0.66);
	position: relative;
}

.panelHlavicka .podLogo .prihlaseni {
	width: calc(50% - 160px);
	height: auto;
	float: left;
}

.panelHlavicka .podLogo .prihlaseni .komponentaPrihlaseni {
	width: 150px;
    margin: auto;
    font-size: 24px;
    font-family: 'Rajdhani', sans-serif;
    line-height: 50px;
    display: block;
    color: black;
    background: url(img/uzivatel.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 35px;
    text-decoration: none;
}

.panelHlavicka .podLogo .popis {
	display: none;
}

.panelHlavicka .podLogo .kosik {
	width: calc(50% - 160px);
	height: auto;
	float: right;
}

.panelHlavicka .levaStrana {
	float: left;
	width: calc(50% - 175px);
}

.panelHlavicka .levaStrana .pruhZeleny {
	background-color: #0C8E36;
	height: 30px;
	width: 100%;
}

.panelHlavicka .levaStrana .popis {
	width: 100%;
	text-align: right;
	font-size: 20px;
	padding: 10px;
}

.panelHlavicka .pravaStrana {
	float: right;
	width: calc(50% - 175px);
}

.panelHlavicka .pravaStrana a {
	text-decoration: none;
	color: black;
	line-height: 30px;
} 

.panelHlavicka .pravaStrana .pruhCerveny {
	background-color: #E40613;
	height: 30px;
	width: 100%;
}

.panelHlavicka .pravaStrana .popis {
	width: 100%;
	text-align: left;
	padding: 10px;
}

.panelHlavicka .pravaStrana .popis span{
	font-size: 20px;
	line-height: 25px;
	padding-right: 10px;
}

.panelHlavicka .pravaStrana .popis img{
	height: 25px;
    width: auto;
    padding-right: 5px;
    line-height: 25px;
    vertical-align: middle;
}



/* panelHlavicka .hlavniMenu */

.panelHlavicka .menu {
	width: auto;
	height: auto;
	background-color: #2C1D14;
	font-family: 'Rajdhani', sans-serif;
	padding: 10px;
	box-shadow: 0 0 40px 0px #00000087;
}
.panelHlavicka .pocetPolozek{
    display: none;
}

.panelHlavicka .menu2 {
	width: auto;
	padding-bottom: 10px;
	height: auto;
	background-color: #EDE6D9;
	font-family: 'Rajdhani', sans-serif;
}

.panelHlavicka .menu .hlavniMenu {
	padding-top: 10px;
}

.panelHlavicka .menu2 .hlavniMenu {
	padding-top: 0px;
}

.panelHlavicka .menu .hlavniMenu ul,
.panelHlavicka .menu2 .hlavniMenu ul,
.panelPaticka .menu3 .hlavniMenu ul {
	/*display: block;
	margin: 0px;
	padding: 0px;*/
	margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.panelHlavicka .menu .hlavniMenu ul:after,
.panelHlavicka .menu2 .hlavniMenu ul:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelHlavicka .menu .hlavniMenu li,
.panelHlavicka .menu2 .hlavniMenu li {
	display: block;
	float: left;
	font-size: 24px;
}

.panelHlavicka .menu2 .hlavniMenu li {
	text-transform: uppercase;
}

.panelHlavicka .menu .hlavniMenu li a,
.panelHlavicka .menu2 .hlavniMenu li a {
	display: block;
	margin: 0px 1px 0px 0px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	color: #ffffff;
}

.panelHlavicka .menu .hlavniMenu li a {
	color: #EDE6D9;
}

.panelHlavicka .menu2 .hlavniMenu li a.polozka img {
	border-radius: 15px;
	box-shadow: 0px 3px 4px 0px #00000073;
	transition: all 0.3s;
}

.panelHlavicka .menu2 .hlavniMenu li.vybrana span.polozka {
	padding: 10px 5px 10px 5px;
}

.panelHlavicka .menu2 .hlavniMenu li.vybrana span.polozka img {
	border-radius: 15px;
	transform: rotate(45deg) scale(1.1);
	box-shadow: 3px 3px 4px 0px #00000073;
}

.panelHlavicka .menu2 .hlavniMenu li a.polozka img:hover {
	transform: rotate(45deg) scale(1.1);
	box-shadow: 3px 3px 4px 0px #00000073;
}

.panelHlavicka .menu2 .hlavniMenu li a {
	color: black;
	text-transform: uppercase;
}

.panelHlavicka .menu .hlavniMenu .vybrana span {
	text-decoration: underline;
	color: white;
	padding: 10px 20px 10px 20px;
	margin: 0px 1px 0px 0px;
}

.panelHlavicka .hlavniMenu2 .vybrana span {
	text-decoration: underline;
	color: white;
	padding: 10px 20px 10px 20px;
	margin: 0px 1px 0px 0px;
}

.panelHlavicka .menu .hlavniMenu li a:hover {
	text-decoration: underline;
	color: white;
}


.panelHlavicka .menu2 .hlavniMenu li:nth-child(1) a {
	background-color: #0C8E36;
	border-radius: 15px;
	color: white;
	margin-right: 10px;
    margin-left: 10px;
    font-family: 'Ranchers', cursive;
}

.panelHlavicka .menu2 .hlavniMenu li a:hover {
	text-decoration: underline;
}

.panelHlavicka .menu2 .hlavniMenu .vybrana a {
	text-decoration: underline;
}

.panelHlavicka .menu2 .hlavniMenu li:nth-child(1).vybrana span {
	text-decoration: underline;
	background-color: #0C8E36;
	border-radius: 15px;
	font-family: 'Ranchers', cursive;
	color: white;
	margin-right: 10px;
    margin-left: 10px;
    padding: 10px 20px 10px 20px;
    float: left;
}

.panelHlavicka .menu2 .hlavniMenu li:nth-child(n+6) a {
	padding: 10px 5px 10px 5px;
}


/* .panelHlavicka .pomocneMenu */

.panelHlavicka .pomocneMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.panelHlavicka .pomocneMenu:before {
    content: "\00a0";
}

.panelHlavicka .pomocneMenu > * {
	color: #ffffff;
	text-decoration: none;
}

.panelHlavicka .pomocneMenu > *:hover {
}

.panelHlavicka .pomocneMenu > *:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelHlavicka .pomocneMenu > *:last-child:after {
    content: "";
}



/* .panelHlavicka .logo */

.panelHlavicka .logo {
	display: block;
	position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
	width: 350px;
	height: 340px;
	background: transparent url(img/logo.png) scroll no-repeat left center;
	background-size: contain;
	border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    box-shadow: 0px 0px 73px -24px rgba(0,0,0,0.66);
    z-index: 2;
}

.panelHlavicka .banner img{
	width: 100%;
	height: auto;
}


/* .panelHlavicka .komponentaKosik */

.panelHlavicka .komponentaKosik {
    display: block;
	width: 190px;
	margin: auto;
	text-align: center;
	position: relative;
	line-height: 50px;
	text-align: left;
    padding-left: 55px;
	background: url(img/kosik.png);
	background-repeat: no-repeat;
	background-size: 45px;
    background-position: left center;
	color: black;
	cursor: pointer;
	font-size: 24px;
	font-family: 'Rajdhani', sans-serif;
	text-decoration: none;
}

.panelHlavicka .pocet {
	width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 34px;
    line-height: 46px;
    color: white;
    background-color: red;
    text-align: center;
    position: absolute;
    right: -59px;
    border: 3px solid white;
    top: -20px;
    font-family: 'Rajdhani', sans-serif;
}

.panelHlavicka .komponentaKosik:hover {
	
}

.panelHlavicka .komponentaKosik span {
	display: block;
}

.panelHlavicka .komponentaKosik.prazdnyKosik span {
	
}


/* .panelHlavicka .komponentaHledat */

.panelHlavicka .komponentaHledat {
	position: absolute;
	left: 180px;
	top: 32px;
	width: 250px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}

.panelHlavicka .text input {
	padding: 5px;
}

.komponentaHledat .odesli input {
	background: transparent url(Xhtml5/Lupa.png) scroll no-repeat center center;
	width: 26px;
	height: 26px;
	border-radius: 0px;
	text-indent: -9999px;
	position: relative;
	left: 3px;
	top: 1px;
}



/* komponentaFormular */

.komponentaFormular iframe {
	width: 350px !important;
	height: 450px !important;
	overflow: hidden !important;
}

body.komponentaFormularStranka {
    overflow-y: auto;
    background: #ffffff;
}

body.komponentaFormularStranka textarea {
	width: 200px;
	max-width: 200px;
	height: 130px;
	max-height: 130px;
}


/* .panelPomocny */

.panelPomocny {
	float: right;
	width: 250px;
	min-height: 500px;
	margin: 0px 0px 0px 10px;
	background: #777777;
}

.panelPomocny > * {
	margin: 10px;
}

.panelPomocny p {
	text-align: center;
}


/* .panelNavigace */

.panelNavigace {
	float: left;
	width: 250px;
	margin: 0px 0px 80px 0px;
	background-color: #54a2f0;
	color: #ffffff;
	border: 1px solid #cee4fb;
}

.panelNavigace ul {
	margin: 0px;
	padding: 0px;
}

.panelNavigace li {
	list-style-type: none;
}



/* .panelNavigace ul */

.panelNavigace ul .polozka {
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 1px 0px;
	background: #54a2f0;
	color: #ffffff;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
}

.panelNavigace ul .vybrana .polozka {
	background: #0074e8;
	color: #ffffff;
}

.panelNavigace ul .vybrana ul .polozka {
	background: #54a2f0;
	color: #ffffff;
}

.panelNavigace ul .polozka:hover,
.panelNavigace ul .vybrana .polozka:hover {
	background: #0074e8;
	color: #ffffff;
}

.panelNavigace ul .polozka .pocetPolozek,
.panelNavigace ul .polozka img {
	display: none;
}

.panelNavigace ul ul ul .polozka {
	padding-left: 25px;
}

.panelNavigace ul ul ul ul .polozka {padding-left: 40px;}



/* .panelNavigace .rychlaNavigace */

.panelNavigace .hloubka1 .rychlaNavigace .roleta,
.panelNavigace .hloubka1 .rychlaNavigace .roleta menu,
.panelNavigace .hloubka1 .rychlaNavigace .roleta ul,
.panelNavigace .hloubka1 .rychlaNavigace .roleta li,
.panelNavigace .hloubka1 .rychlaNavigace .roleta a,
.panelNavigace .hloubka1 .rychlaNavigace .roleta span,
.panelNavigace .hloubka1 .rychlaNavigace .roleta img,
.panelNavigace .hloubka1 .rychlaNavigace .roleta .polozka,
.komponentaHledat .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta div,
.komponentaHledat .rychlaNavigace .roleta .polozka
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	text-align: left;
	color: #666666;
	background: none;
}

.panelNavigace .hloubka1 .rychlaNavigace,
.komponentaHledat .rychlaNavigace {
	position: relative;
	top: 0px;
	left: 0px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta  {
	position: absolute;
	top: 0px;
	left: 250px;
	width: 730px;
	overflow: hidden;
	border: 1px solid #cccccc;
	background: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.komponentaHledat .rychlaNavigace .roleta {
    left: 21px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1:after,
.komponentaHledat .rychlaNavigace .roleta .hledejZboziVeSlozkachVnitrek:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 li {
	float: left;
	width: 240px;
	height: 100px;
	overflow: hidden;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 li {
	width: auto;
	height: auto;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 .polozka {
	font-size: 15px;
	padding: 5px 5px 0px 5px;
	white-space: nowrap;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 img {
	display: inline;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 0px 5px 0px 0px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 .polozka,
.komponentaHledat .rychlaNavigace .roleta .hledejZboziVeSlozkachVnitrek .polozka {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	white-space: nowrap;
	color: #999999;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 .polozka:after {
    content: ",";
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 img {
	display: none;
}


/* .panelObsah */

.panelObsah {
	width: 1200px;
	padding: 15px;
	min-height: 400px;
	color: white;
	margin: auto;
}

.panelObsah:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .katalog h1 {
	text-align: center;
	padding-top: 20px;
	font-size: 40px;
	line-height: 45px;
}

.panelObsah a:hover {
    text-decoration: underline;
}

.detail {
	color: white;
}

.detail .moznost {
	width: 100%;
}

.detail .hodnota {
	width: 100%;
}

.detail .obrazek {
	width: 50%;
	float: left;
	padding-bottom: 80px;
}

.detail .obrazek .hlavni {
	position: relative;
	cursor: pointer;
}

.detail .hlavni img {
	width: 100% !important;
	height: auto !important;
	padding: 10px;
	border-radius: 35px;
}

.detail .pravaStrana {
	width: 50%;
	float: left;
}

.detail .prilohy img {
	width: 25%;
    float: left;
    padding: 10px;
    border-radius: 15px;
    cursor: pointer;
}

.detail .pravaStrana h1{
	font-size: 40px;
	font-family: 'Ranchers', cursive;
	line-height: 40px;
	padding-bottom: 10px;
	font-weight: normal;
	color: #ede6d9;
}

.detail .infoVyrobek {
	font-size: 20px;
	text-decoration: none;
	margin-top: 20px;
	display: block;
	padding-left: 10px;
}

.detail .infoVyrobek img {
	width: 40px;
    height: auto;
    padding: 0px;
    vertical-align: middle;
    margin-right: 10px;
}

.detail .pravaStrana .formularKoupit,
.detail .pravaStrana .text.editor {
	padding: 10px;
}

.detail .pravaStrana input[type="radio"] {
	width: 30px;
	height: 30px;
	margin: 5px;
	cursor: pointer;
}

.detail .pravaStrana .moznost {
	font-size: 30px;
	font-family: 'Ranchers', cursive;
	padding-top: 10px;
    padding-bottom: 10px;
    color: #ede6d9;
}

.detail .pravaStrana .moznost .red {
	color: #e30512;
}

.detail .pravaStrana input[type="radio"]:checked {
	background-color: #2C1D14;
}

.detail .pravaStrana .mnozstvi {
	font-size: 40px;
	font-family: 'Ranchers', cursive;
	line-height: 50px;
	background-color: transparent;
	border: none;
	color: white;
	padding: 0px;
	margin: 0px;
	width: 50px;
    text-align: center;
    float: left;
}

.detail .pravaStrana .odesli .popis.sipkyy {
	vertical-align: middle;
	width: 100%;
}

.detail .pravaStrana .sipka {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 45px;
	background-color: #EDE6D9;
	float: left;
	color: #2C1D14;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}

.detail .podobne {
	clear: both;
	text-transform: uppercase;
	font-family: 'Ranchers', cursive;
	font-size: 25px;
	background-color: white;
	color: #2C1D14;
	padding: 10px;
}

.detail .navigace a {
	color: white;
}





/* .panelObsah .pomocnaNavigace */

.panelObsah .pomocnaNavigace {
}

.panelObsah .pomocnaNavigace .drobeckova {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

.panelObsah .pomocnaNavigace .drobeckova a {
	font-weight: normal;
}

.panelObsah .pomocnaNavigace .podslozky {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

.panelObsah .pomocnaNavigace .podslozky a {
	font-weight: normal;
}

.panelObsah .pomocnaNavigace .pocetPolozek {
	display: none;
}

.panelObsah .pomocnaNavigace .podslozky ul {
	display: block;
	padding: 0px;
}

.panelObsah .pomocnaNavigace .podslozky ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .pomocnaNavigace .podslozky li {
	display: block;
	float: left;
}

.panelObsah .pomocnaNavigace .podslozky li:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelObsah .pomocnaNavigace .podslozky li:last-child:after {
    content: "";
}

.panelObsah .text.editor {
    font-family: 'Rajdhani', sans-serif;
    font-size: 20px;
}

/* .panelObsah .komponentaSlozkyDiskuze */

.panelObsah .text.editor > .komponentaSlozkyDiskuze,
.panelObsah .text.editor > .seznamStranek {
    overflow-x: visible;
}

.panelObsah .komponentaSlozkyDiskuze ul,
.panelObsah .komponentaSlozkyDiskuze li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka {
    border: 1px #dddddd solid;
    margin-bottom: 5px;
    position: relative;
    top: 0px;
    left: 0px;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka .diskuzniPolozka {
    margin: 5px;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka div {
    display: none;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka h2 {
    background: #dddddd;
    color: #000000;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding-left: 3px;
    font-weight: normal;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka .datum {
    display: block;
    color: #000000;
    font-size: 12px;
    width: 100px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: 1px;
    right: 5px;
    text-align: right;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka p {
    padding: 3px;
} 

/* komponentaBanner */
.panelObsah .komponentaBanner span {
    display: block; 
    padding: 5px 10px 5px 10px;
    background: #dddddd;   
}

.panelObsah .komponentaBanner span.text1 {
    background: #000000;
    color: #ffffff;
    line-height: 26px;
    font-size: 20px; 
}


/* .panelObsah .formularFiltry */

.panelObsah .formularFiltry {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.panelObsah .formularFiltry:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularFiltry .polozka {
	display: block;
	float: left;
}

.panelObsah .formularFiltry .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}

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

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


/* .panelObsah .formularFiltrCena - XPosuvnik */

.panelObsah .formularFiltrCena .filtrCenaXPosuvnikPole
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 320px;
	height: 24px;
	background: transparent;
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
	border-radius: 24px;
}

.panelObsah .formularFiltrCena .filtrCenaXPosuvnikMin,
.panelObsah .formularFiltrCena .filtrCenaXPosuvnikMax
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 64px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background: #f0f0f0;
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
	border-radius: 24px;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	cursor: default;
}

.panelObsah .formularFiltrCena [data-hodnota-zmenena="1"]
{
	background: #ffffee;
}


/* .panelObsah .formularFiltrCena - standardni varianta */

.panelObsah .formularFiltrCena {
	font-size: 12px;
}

.panelObsah .formularFiltrCena:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularFiltrCena .polozka {
	display: block;
	float: left;
	width: 137px;
	background: #f0f0eb;
	padding: 1px 1px 1px 5px;
	margin: 0px 1px 1px 0px;
}

.panelObsah .formularFiltrCena .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}


/* .panelObsah .formularRazeni */

.panelObsah .formularRazeni {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.panelObsah .formularRazeni:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularRazeni .polozka {
	display: block;
	float: left;
	width: 137px;
	background: #f0f0eb;
	padding: 1px 1px 1px 5px;
	margin: 0px 1px 1px 0px;
}

.panelObsah .formularRazeni .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}


/* .panelObsah .komponentaZobrazeni */

.panelObsah .komponentaZobrazeni {
	margin: 0px 0px 10px 0px;
	display: none;
}


/* .panelObsah .prepinacStranek */

.panelObsah .prepinacStranek {
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	padding-left: 20px;
}

.panelObsah .prepinacStranek:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .prepinacStranek a,
.panelObsah .prepinacStranek span {
	display: block;
	font-size: 16px;
	padding: 3px;
	float: left;
	text-align: center;
	margin: 0px 1px 1px 0px;
}

.panelObsah .prepinacStranek a {
	color: #EDE6D9;
	text-decoration: none;
}

.panelObsah .prepinacStranek .vybrana,
.panelObsah .prepinacStranek a:hover {
    color: #EDE6D9;
	text-decoration: underline;
}


/* .panelObsah .zbozi */

.panelObsah .zbozi {
	width: 100%;
}

.tlacitkoDalsiStrana input {
	width: 100%;
	color: #EDE6D9;
	font-family: 'Ranchers', cursive;
	padding: 10px;
	border-top: 2px solid #EDE6D9;
	background: transparent;
	font-size: 25px;
	cursor: pointer;
}


.panelObsah .navigace {
	font-family: 'Rajdhani', sans-serif;
	font-size: 18px;
	padding-bottom: 10px;
    padding-top: 10px;
    clear: both;
}

.panelObsah .zbozi:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .zbozi .polozka {
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 25%;
	padding: 20px;
	font-size: 12px;
	line-height: 13px;
	font-family: 'Ranchers', cursive;
	text-shadow: 1px -1px 7px black;
	text-decoration: none;
}

.panelObsah .zbozi .polozka .buttonDoKosiku {
	width: 90px;
    height: 50px;
    background-color: #EDE6D9;
    color: transparent;
    border-radius: 5px;
    cursor: pointer;
    margin: auto;
    display: block;
    background: url('img/buttonKosik.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.panelObsah .zbozi .polozka .buttonDoKosiku {
	border: none;
}

.panelObsah .zbozi .polozka .nahled {
    display: block;
    position: relative;
}

.panelObsah .zbozi .polozka .nahled img[src*='/Prazdny.gif'] {
	background-color: #777777;
}

.panelObsah .zbozi .polozka .nahled img {
	width: 100% !important;
	height: auto !important;
	border-radius: 15px;
	box-shadow: 0px 0px 73px -24px rgba(0,0,0,0.66);
	transition: all 0.3s ease-out;
}

.panelObsah .zbozi .polozka .nahled img:hover {
	transform: scale(1.05);
	transition: all 0.3s ease-out;
}

.panelObsah .zbozi .polozka .stav {
	/*width: 165px;
	height: 165px;*/
}

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

.panelObsah .zbozi .polozka .box h2 {
    font-weight: normal;
    font-size: 25px;
    margin-bottom: 15px;
    text-align: center;
    color: white;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}

.panelObsah .zbozi .polozka .nazevAText h2 a {
	color: white;
	text-align: center;
}

.panelObsah .zbozi .polozka .nazevAText h2 a:hover {
	text-decoration: none;
}

.panelObsah .zbozi .polozka .nazevAText p {
	margin: 0px;
	color: #aaaaaa;
}

.panelObsah .zbozi .polozka .nazevAText .kodZbozi {
	display: none;
}

.panelObsah .zbozi .polozka .cena {
	font-size: 20px;
	line-height: 25px;
	color: white;
	padding: 5px;
	text-align: center;
	width: 100%;
	padding-top: 10px;
}

.panelObsah .zbozi .polozka .priznaky .novinka,
.detail .obrazek .hlavni .priznaky .novinka {
	position: absolute;
	width: 50%;
	height: 30px;
	right: 0px;
	top: 0px;
	line-height: 30px;
	color: white;
	font-size: 22px;
	text-align: center;
	background: #0C8E36;
	border-radius: 25px 0px;
	transform: rotate(-10deg);
	font-family: 'Ranchers', cursive;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}

.panelObsah .zbozi .polozka:hover .priznaky .novinka,
.panelObsah .zbozi .polozka:hover .priznaky .akce {
	transform: scale(1.05);
}

.panelObsah .zbozi .polozka .priznaky .akce,
.detail .obrazek .hlavni .priznaky .akce {
	position: absolute;
	width: 50%;
	height: 30px;
	right: 0px;
	top: 30px;
	line-height: 30px;
	color: white;
	font-size: 22px;
	text-align: center;
	background: #E40613;
	border-radius: 25px 0px;
	transform: rotate(-10deg);
	font-family: 'Ranchers', cursive;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}

.detail .obrazek .hlavni .priznaky .akce {
	top: 30px;
	padding: 10px;
	height: 45px;
	width: 40%;
	font-size: 25px;
}

.detail .obrazek .hlavni .priznaky .novinka {
	top: 30px;
	padding: 10px;
	height: 45px;
	width: 40%;
	font-size: 25px;
}

.detail .obrazek .hlavni .priznaky .novinka.existujeAkce {
	top: 80px;
}

.panelObsah .zbozi .polozka .tlacitko {
	width: 50px;
	height: 40px;
	background: url('img/buttonKosik.png');
	background-size: contain;
	background-repeat: no-repeat;
}

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

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

.panelObsah .zbozi .polozka .ceny .cenaPuvodni {display: none;}

.panelObsah .zbozi .polozka .parametry {display: none;}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail {
	position: absolute;
	left: 10px;
	top: 245px;
	width: 165px;
	overflow: hidden;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi {
	display: inline;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vyberVariantu {
	display: none;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi input {
	width: 25px;
	text-align: center;
	vertical-align: middle;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vlozDoKosiku {
	margin-right: 8px;
}


/* .strankaZbozi */

.strankaZbozi .vyberVariantyRadio label {
	margin: 0px 10px 0px 5px;
}

.strankaZbozi .formularKoupit .cenaVcetne {
	font-size: 20px;
	line-height: 24px;
}

.strankaZbozi .formularKoupit .info {
	color: #000000;
	font-size: 20px;
}

/* .strankaPrihlaseni */

.strankaPrihlaseni .panelObsah,
.strankaPrihlaseni .panelObsah a {
	color: white;
}

.strankaPrihlaseni .panelObsah h1 {
	font-size: 40px;
	padding: 15px;
	text-align: center;
}	

/* .strankaZadejEmail */
.strankaZadejEmail .panelObsah a {
	color: white;
}

.strankaRegistruj h1,
.strankaVytvorUzivatele h1,
.strankaZadejEmail h1 {
	font-size: 40px;
	padding: 15px;
	text-align: center;
}

.strankaRegistruj p,
.strankaPrihlaseni p, .strankaPrihlaseni li,
.strankaVytvorUzivatele p,
.strankaZadejEmail p {
	text-align: center;
	padding: 5px;
	list-style-type: none;
}

/* .panelObsah .kosik */

.panelObsah .kosik table {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

.panelObsah .kosik h1 {
	font-size: 30px;
	font-weight: normal;
	padding-top: 20px;
	text-align: center;
}

.panelObsah .kosik .prazdny {
	color: white;
}

.panelObsah .kosik .nadpis {
	font-weight: bold;
	font-family: 'Rajdhani', sans-serif;
    border-bottom: 4px solid #EDE6D9;
    font-size: 20px !important;
    color: white;
}

.panelObsah .kosik a {
	color: white;
	text-decoration: none;
}

.panelObsah .kosik td {
	padding: 5px 5px 5px 5px;
	border-bottom: 2px solid #EDE6D9;
	vertical-align: middle;
}

.panelObsah .kosik .objednej td {
	background: transparent;
}

.panelObsah .kosik .mnozstvi .text {
	width: 25px;
	text-align: center;
}

.panelObsah .kosik .mnozstvi input {
	background-color: transparent;
	color: white;
	border: none;
	font-family: 'Ranchers', cursive;
	font-size: 18px;
}

.panelOsbah table tr {
	color: white;
}

.panelObsah .kosik .objednej {
	text-align: right;
}

.panelObsah .kosik .komponentaKupon.kuponAktivace {
	color: white;
}

.panelObsah .kosik .mnozstvi input[name="smazVsechnyPolozky"] {
	font-family: 'Rajdhani', sans-serif !important;
	font-size: 18px !important;
}

.kosik .polozka {
	font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
}

.panelObsah .kosik .mnozstvi {
	text-align: center;
	white-space: nowrap;
}

.panelObsah .kosik .zaMnozstviBez,
.panelObsah .kosik .zaMnozstviVcetne {
	text-align: right;
	white-space: nowrap;
	color: white;
}

.panelObsah .kosik .celkem {
	font-weight: bold;
	color: white;
}

.panelObsah .kosik .celkem .mnozstvi input {
	color: white;
	background: transparent;
	padding: 0px;
	box-shadow: none;
	cursor: pointer;
	font-size: 12px;
	text-decoration: none;
}

.panelObsah .kosik .objednej input {
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 10px 20px;
}

.panelObsah .kosik .nazev .obrazek {
	width: 100px;
	margin: 10px 5px 10px 0px;
	float: left;
}

.panelObsah .kosik .nazev .upresneni {
}

.panelObsah .kosik .nazev .kod {
	display: block;
	color: #777777;
}




/* data uzivatele */
.strankaDataUzivatele h1 {
	text-align: center;
	font-size: 30px;
	padding: 15px;
}
.strankaDataUzivatele .panelTelo {
	width: 700px;
}
.strankaDataUzivatele a {
	color: white;
}
.strankaDataUzivatele .panelObsah {
	width: 100%;
}
.strankaDataUzivatele p {
	color: white;
}
.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 #tabulkaDoprava input[type="radio"],
.strankaDataUzivatele .tabulkaPlatba input[type="radio"]  {
	width: auto;
	padding: 5px;
}
:not(.potvrdOdeslani).strankaDataUzivatele form > table,
:not(.potvrdOdeslani).strankaDataUzivatele form > table > thead,
:not(.potvrdOdeslani).strankaDataUzivatele form > table > tbody,
:not(.potvrdOdeslani).strankaDataUzivatele form > table > tbody > tr,
:not(.potvrdOdeslani).strankaDataUzivatele form > table > thead > tr,
:not(.potvrdOdeslani).strankaDataUzivatele form > table > tbody > tr > td,
:not(.potvrdOdeslani).strankaDataUzivatele form > table > thead > tr > td {
    float: left;
    width: 100%;
}
.potvrdOdeslani form td.popis {
    font-weight: bold;
}
.strankaDataUzivatele form table{
    width: 100%;
}
.strankaDataUzivatele form td{
    vertical-align: top;
    color: white;
}
.strankaDataUzivatele form .nadpis .sloucene{
    font-weight: bold;
}
.strankaDataUzivatele form .nadpis .sloucene img{
	
}
.strankaDataUzivatele form tr:not(.modesli):not(.odesli) .hodnota > *{
    width: 100%;
    padding: 5px;
    background-color: transparent;
	border: none;
	border-bottom: 2px solid #ede6d9;
	color: white;
	font-size: 16px;
	transition: all 0.5s;
}
.strankaDataUzivatele .hodnota .cervena {
	border: 2px solid red !important;
}
.strankaDataUzivatele form tr:not(.modesli):not(.odesli) .hodnota > *:focus {
	border-bottom: 2px solid #1c6e20;
}
.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: black;*/
    font-size: 12px;
}
.strankaDataUzivatele form table table .polozka {

}
.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 .mnozstvi,
.strankaDataUzivatele form table table .sazbaDph,
.strankaDataUzivatele form table table .zaMnozstviVcetne{
    text-align: right;
    white-space: nowrap;
}
.strankaDataUzivatele form .yodesli{
    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{
    margin-top: 30px;
    padding: 5px;
    background-color: #EDE6D9;
    color: #2C1D14;
}
@media only screen and (max-width:1000px) {
    .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;
    }
}

@media only screen and (max-width:750px) {
	.strankaDataUzivatele .panelTelo {
		width: 90%;
	}
}
/* !data uzivatele */



/* komponentaKalendar */

.panelPomocny .komponentaKalendar {
    background: #ffffff;
    margin: 1px;
}
.panelPomocny .komponentaKalendar table {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.komponentaKalendar td {
    padding: 3px;
    text-align: right;
    color: #555555;
}
.komponentaKalendar td.nazevMesice {
    text-align: center;
}
.komponentaKalendar .jinyMesic {
    color: #aaaaaa;
}
.komponentaKalendar .maAkci {
    color: #2793e6;
    cursor: pointer;
}
.komponentaKalendar .maAkci:hover {
    text-decoration: underline;
}
.komponentaKalendar .dnes {
    outline: 1px solid #aaaaaa;
}
.komponentaKalendar .komponentaKalendarTlacitko {
    color: #2793e6;
    cursor: pointer;
}
.komponentaKalendar .komponentaKalendarTlacitko:hover {
    text-decoration: underline;
}
.komponentaKalendar .komponentaKalendarPolozka {
    background: #f0f0eb; 
    margin-bottom: 10px;
    padding: 5px; 
}
.komponentaKalendar h2 {
    padding: 5px;
}
.komponentaKalendar .komponentaKalendarPolozka h3 {
    font-weight: bold;
    text-align: left;     
}                                                           
.komponentaKalendar .komponentaKalendarPolozka p {
    margin-bottom: 0px;
    text-align: left;
}
.komponentaKalendar .komponentaKalendarPolozka p a {
    display: block;
}

.komponentaAnketa .komponentaAnketaGrafika {
    display: block;
    float: left;
    height: 10px;
    background: #aaaaaa;
    margin: 8px 10px 7px 0px;
}


/* komponenta animace */

.komponentaAnimace {
    position: relative;
    top: 0px;
    left: 0px;
}
.komponentaAnimace img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.komponentaAnimace .ovladaciPanel {
    position: absolute;
    bottom: 2px;
    left: 2px;
    height: 17px;
    line-height: 15px;
    font-size: 10px;
    overflow: hidden;   
}
.komponentaAnimace .ovladaciPanel .tlacitko {
    border: 1px #555555 solid;
    background: #eeeeee;
    color: #555555;
    float: left; 
    padding: 0px;
    margin: 0px 2px 0px 0px;
    height: 15px;
    width: 15px;
    text-align: center;
    font-weight: normal;
    border-radius: 10px;
    cursor: pointer;
}

.komponentaAnimace .ovladaciPanel .tlacitko span {
    display: block;
    height: 15px;
    width: 15px; 
    text-align: center;
}

.komponentaAnimace .ovladaciPanel .tlacitko.vybrane {
    color: #000000;
    background: #ffffff;
} 


/* panelPaticka */

.panelPaticka {
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 100%;
	clear: both;
	text-align: center;
	margin: 50px auto 0px auto;
	line-height: 20px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Rajdhani', sans-serif;
}

.panelPaticka a {
	color: #aaaaaa;
	text-decoration: none;
	white-space: nowrap;
}

.panelPaticka a:hover {
	color: #000000;
}

.panelPaticka a:last-child:after {
    content: "";
}

.panelPaticka .menu3 {
    width: auto;
    height: auto;
    background-color: #EDE6D9;
    font-family: 'Rajdhani', sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
}

.panelPaticka .menu3 .hlavniMenu{
	display: block;
	padding-top: 40px;
	width: fit-content;
    margin: auto;
}

.panelPaticka .menu3 .hlavniMenu {
	padding-top: 0px;
}

.panelPaticka .menu3 .hlavniMenu ul {
	/*display: block;
	margin: 0px;
	padding: 0px;*/
}

.panelPaticka .menu3 .hlavniMenu ul:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelPaticka .menu3 .hlavniMenu li {
	display: block;
	float: left;
	font-size: 24px;
	text-transform: uppercase;
}

.panelPaticka .menu3 .hlavniMenu li a {
	display: block;
	margin: 0px 1px 0px 0px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	color: #ffffff;
}

.panelPaticka .menu3 .hlavniMenu li a {
	color: black;
	text-transform: uppercase;
}

.panelHlavicka .menu2 .hlavniMenu .vybrana {
	text-decoration: underline;
}

.panelPaticka .menu3 .hlavniMenu .vybrana a {
	text-decoration: underline;
}

.panelPaticka .menu3 .hlavniMenu li a:hover {
	text-decoration: underline;
}

.panelPaticka .pruhy {
	width: 100%;
}

.panelPaticka .pruhy > div {
	width: 33.3%;
	float: left;
	height: 10px;
}

.panelPaticka .pruhy .zeleny {
	background-color: #0C8E36; 
}

.panelPaticka .pruhy .bily {
	background-color: #FFFFFF; 
}

.panelPaticka .pruhy .cerveny {
	background-color: #E40613; 
}

.panelPaticka .spodek {
	width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panelPaticka .spodek .levaStrana {
	width: 300px;
	float: left;
	text-align: right;
	color: #EDE6D9;
	padding: 5px;
}

.panelPaticka .spodek .logo {
	width: 300px;
	float: left;
	background: url('img/spodniLogo.png');
	background-size: contain;
	min-height: 250px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 20px;
    margin-bottom: 20px;
}

.panelPaticka .spodek .pravaStrana {
	width: 300px;
	float: left;
	text-align: left;
	color: #EDE6D9;
	padding: 5px;
}

.panelPaticka .copy {
	width: 100%;
	height: 30px;
	text-align: center;
	border-top: 1px solid #EDE6D9;
	clear: both;
	line-height: 30px;
	font-size: 16px;
	color: #EDE6D9;
}

.komponentaCookieSouhlas .komponentaCookieSouhlasVnitrek {
	position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.94);
    padding: 15px;
    color: #dddddd;
    border-top: 1px solid white;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.komponentaCookieSouhlas p {
	margin: 0px 250px 0px 0px;
	padding: 5px 0px 5px 25px;
	line-height: 20px;
	text-align: left;
}

.komponentaCookieSouhlas .tlacitkoSouhlasim {
	display: block;
	position: absolute;
	right: 25px;
	top: 45%;
	line-height: 20px;
	color: #2C1D14;
    background: #ede6d9;
    border: 1px solid #2C1D14;
    padding: 5px 25px 5px 25px;
    margin: -12px 0px 0px 0px;
	border: none;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
}

/* Tiskarna */

@media only print {

.panelNavigace,
.panelHlavicka,
.panelPaticka {
	display: none;
}

.panelTelo {
	width: auto;
}

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

body {
	font-family: sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	background: #ffffff;
	color: #000000;
}

}



/* 1. WIDTH < 1280px ... Odstran panelPomocny */

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

.panelTelo .katalog h1 {
	width: 100%;
}

.panelObsah {
	width: 80%;
}

.panelObsah .zbozi .polozka {
    width: 50%;
}

}



/* 2. WIDTH < 1040px ... Zmensi panelObsah na 75% */

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

.panelHlavicka .pravaStrana .popis span {
    width: 100%;
    float: left;
}

}


@media
only screen and (max-width:950px){
	.panelHlavicka .podLogo {
		width: 100%;
	}
	.panelHlavicka .pocet {
	    right: -25px;
	    width: 40px;
	    height: 40px;
	    border-radius: 100%;
	    font-size: 22px;
	    line-height: 36px;
	}
	.panelHlavicka .komponentaKosik {
		background-size: 40px;
	    padding-left: 45px;
	}
	.panelHlavicka .podLogo .prihlaseni .komponentaPrihlaseni {
		background-size: 30px;
	}
}



/* 3. WIDTH < 855px ... Zmensi panelObsah na 50% */

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

.panelObsah {
	width: 100%;
}

.panelHlavicka .podLogo .kosik {
    width: calc(50% - 130px);
}

.panelHlavicka .vrsek {
	height: 162px;
}

.panelHlavicka .podLogo .prihlaseni {
    width: calc(50% - 130px);
}

.panelObsah .zbozi .polozka {
	width: 50%;
}

.panelHlavicka .levaStrana,
.panelHlavicka .pravaStrana {
	width: calc(50% - 118.5px);
}

.panelHlavicka .logo {
	width: 237px;
    height: 230px;
}

form td.popis {
	width: 50%;
}

table:not(.zakladniTabulka):not(.kalendar) colgroup,
table:not(.zakladniTabulka):not(.kalendar) col {
	display: none;
}

.panelObsah .kosik .kod,
.panelObsah .kosik .zaMnozstviBez,
.panelObsah .kosik .celkem .mnozstvi {
	display: none;
}

textarea {
	width: 180px;
}

.komponentaCookieSouhlas {
	height: 150px;
}

.komponentaCookieSouhlas.rezim1 {
	height: 120px;
}

.komponentaCookieSouhlas p {
    text-align: center;
    margin-right: 0px;
    padding-left: 0px !important;
}

.komponentaCookieSouhlas .tlacitkoSouhlasim {
    position: relative;
    top: 0px;
    right: auto;
    margin: 0px auto 10px auto;
}

.komponentaCookieSouhlas.rezim1 .tlacitkoSouhlasim {
    padding: 2px 20px 2px 20px;
    margin: 0px auto 10px auto;
}

.panelHlavicka .levaStrana .popis,
.panelHlavicka .pravaStrana .popis span {
	font-size: 16px;
}

}

@media
only screen and (max-width:760px){
	.panelHlavicka .podLogo .prihlaseni,
	.panelHlavicka .podLogo .kosik {
	    width: 100%;
	    padding: 3px;
	}

	.panelHlavicka .podLogo {
		height: 115px;
		margin-top: 10px;
	}

	.panelHlavicka .komponentaKosik {
		padding-left: 65px;
	    width: 140px;
	    background-position: 10%;
	    margin: auto;
	    width: 200px
	}
	.panelHlavicka .podLogo .prihlaseni .komponentaPrihlaseni {
		padding-left: 55px;
	    width: 140px;
	    background-position: 10%;
	    margin: auto;
	    width: 200px;
	}

	.panelHlavicka .pocet {
		left: -13px;
    	top: -4px;
	}
	.panelHlavicka .vrsek {
	    height: 235px;
	}
	.panelHlavicka .menu .hlavniMenu {
		padding-top: 0px;
	}
}

/* 4. WIDTH < 680px ... Odstran panelNavigace */

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

.panelHlavicka .menu .hlavniMenu li {
	float: unset;
	text-align: center;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) td {
	width: 100%;
    display: block;
}

.panelPaticka .spodek .levaStrana,
.panelPaticka .spodek .pravaStrana {
	display: none;
}

.panelPaticka .spodek .logo {
	width: 250px;
	padding: 10px;
}

.panelHlavicka .popis {
	display: none;
}

.detail .obrazek {
    width: 100%;
    margin: auto;
    padding-bottom: 0px;
}

.detail .pravaStrana {
    width: 100%;	
    text-align: center;
}

.detail .pravaStrana .sipky {
	width: fit-content;
	margin: auto;
}

.prilohaL, .prilohaP {
	width: 100% !important;
}

.prilohaL img, .prilohaP img {
	width: 100% !important;
	height: auto !important;
}


}



@media
only screen and (max-width:500px) {
	.panelObsah .zbozi .polozka {
		width: 100%;
	}
}





/* informace */
.informace {
    position: absolute;
    left: 0px;
    right: 0px;
}
.informace .box{
    width: 900px;
    max-width: 100%;
    margin: auto;
    background-color: rgb(255 255 255 / 0.8);
    /* min-height: 50px; */
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0px 0px 73px -24px rgba(0,0,0,0.66);
    padding: 5px 10px;
    color: #E40613;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
@media only screen and (max-width:750px){
    .informace {
        position: static;
    }
    .informace .box{
        width: auto;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        box-shadow: 0px 0px 73px -24px rgba(0,0,0,0.66);
        padding: 10px 10px;
    }

}
/* informace */





/* mapa */
.mapa{
    background-color: transparent;
    margin-bottom: -7px;
}
.mapa iframe{
    width: 100%;
    height: 500px;
}
/* mapa */