/* Fonty */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);

/* vetsi captcha */

.captcha img {
	width: 264px !important;
	height: 70px !important;
}


/* Globalni styly */

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

html {
	height: 100%;
}

head {
	display: none;
}

body {
    width: 1200px;
    margin: 0 auto;
	font-family: 'Open sans', sans-serif;
	font-size: 14px;
	overflow-y: scroll;
	background-color: #ffffff;
	line-height: 24px;
    font-weight: 400;
	color: #000000;
	position: relative;
	opacity: 0;
	min-width: 280px;


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

nav,header,footer,main,article,aside,section,figure,figcaption{
	display: block;
}

a {
	color: #7fbdca;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
	color: #92c7d2;
}

form table {
	width: 100%;
}

form td {
	padding-bottom: 15px;
}

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

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

input[type=button],
input[type=submit],
button,
.button,
form tr.odesli input,
form tr.modesli input {
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
	padding: 10px 20px;
    background-color: #fdeaae;
    color: #516ba0;
    border: 1px solid #516ba0;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
	max-width: 200px;
    transition: all 0.2s;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.button:hover,
form tr.odesli input:hover,
form tr.modesli input:hover{
    background-color: #516ba0;
    color: #fdeaae;
    transition: all 0.2s;
}

input, textarea, select {
    border: 1px solid #d2d2d2;
    padding: 10px;
    color: #999999;
    border-radius: 4px;
}

input[disabled] {
	background: #f0f0f0;
}

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



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

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

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


/* 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: block;
	text-align: center;
	font-size: 12px;
}

table {
	
}

table.zakladniTabulka td {
	background: #f0f0f0;
	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 3% 0px 0px;
	vertical-align: top;
}

.text.editor p{
  font-size: 14px;
}

hr {
	border-bottom: 1px solid #777777;
}

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

h1 {
	font-weight: normal;
	font-size: 20px;
	line-height: 40px;
	width: 80%;
}

h2 {
	text-transform: uppercase;
	font-weight: normal;
	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;
}

.stylVerzalky {
	text-transform: uppercase;
}

.stylBunkaVpravo {
	text-align: right;
}

.stylBunkaStred {
	text-align: center;
}

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

.stylVelke {
	font-size: 28px;
	line-height: 35px;
}

.stylCervene {
	color: #efc179;
}

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

input {
	border-radius: 4px;
}


.cistic{
  content: ".";
  display: block;
  line-height: 0px;
  font-size: 0px;
  visibility: hidden;
  clear: both;
}


.vystrahaNenalezeno{
    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);
}

script, iframe[name*=neviditelnyKosik]{
	display: none !important;
}


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



/* panelHlavicka */
.panelHlavicka {
    width: 1200px;
    margin: 0 auto;
	background-color: #516ba0;
    min-height: 70px;
    position: relative;
}
/* !panelHlavicka */






/* .komponentaJazyky */
.komponentaJazyky {
	display: block;
	position: absolute;
	left: 10px;
	top: 20px;
	line-height: 30px;
}
.komponentaJazyky span {
	display: none;
}
.komponentaJazyky a {
	display: inline-block;
	height: 30px;
	width: 50px;
	border-radius: 15px;
	margin-right: 3px;
	color: rgba(0,0,0,0);
	font-size: 1px;
	background: #777777 none scroll no-repeat 50% 50%;
	background-size: 100% 100%;
    float: left;
    filter: brightness(1);
    transition: filter 0.3s;
}
.komponentaJazyky a:hover {
    filter: brightness(1.3);
    transition: filter 0.2s;
}
.komponentaJazyky a.CZ {
	background-image: url(img/jazyk-cz.png);
}
.komponentaJazyky a.SK {
	background-image: url(img/jazyk-sk.png);
}
.komponentaJazyky a.EN {
	background-image: url(img/jazyk-en.png);
}
@media only screen and (max-width:400px){
    .komponentaJazyky a {
    	width: 30px;
    }
}
/* .komponentaJazyky */







/* .panelHlavicka .komponentaKosik */
.komponentaKosik {
	position: absolute;
	right: 203px;
	top: 20px;
	background: #ffffff;
	color: #555555;
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.2);
	line-height: 30px;
	padding-left: 15px;
	padding-right: 45px;
	border-radius: 15px;
}
.komponentaKosik:after {
	content: ".";
	display: block;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #f1d278 url(img/kosik.png) scroll no-repeat 50% 50%;
	background-size: 66% auto;
	color: #f1d278;
	font-size: 1px;
}
.komponentaKosik:hover {
	color: #516ba0;
}
.komponentaKosik .cena {
	font-weight: bold;
}
@media only screen and (max-width:800px){
    .komponentaKosik {
    	right: 150px;
    }
    .komponentaKosik .obsah {
    	display: none;
    }
}
/* !.panelHlavicka .komponentaKosik */






/* .komponentaHledat */
.komponentaHledat {
	position: absolute;
	right: 10px;
	top: 20px;
	background: #ffffff;
	color: #555555;
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.2);
	line-height: 30px;
	padding-left: 15px;
	padding-right: 45px;
	border-radius: 15px;
}
.komponentaHledat .text input {
	width: 110px;
	padding: 0px;
	margin: 0px;
	border: none;
	color: #555555;
    background: transparent;
    line-height: 30px;
}
.komponentaHledat .odesli input {
	content: ".";
	display: block;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: none;
	background: #f1d278 url(img/lupa.png) scroll no-repeat 50% 50%;
	background-size: 66% auto;
	color: #f1d278;
	font-size: 1px;
}
@media only screen and (max-width:800px) {
    .komponentaHledat input[name="hledej"] {
    	width: 50px;
    }
}
/* !.komponentaHledat */






 /* dopravazdarma */
.dopravazdarma{
    display: none;
}
.jazykCZ .dopravazdarma{
    display: block;
    position: absolute;
    top: 27px;
    left: 173px;
    color: #fbe6ad;
    line-height: 17px;
}
@media only screen and (max-width:1100px) {
    .jazykCZ .dopravazdarma{
        top: 10px;
        width: 200px;
    }
}
@media only screen and (max-width:600px) {
    .jazykCZ .dopravazdarma{
        position: static;
        width: auto;
        padding: 70px 5px 5px 5px;
        text-align: center;
    }
}
/* dopravazdarma */






/* slideshow */
.slideshow .logo{
    display: block;
    height: 180px;
    max-height: 60vw;
    background-color: #fdeaae;
    background-image: url(img/logo.png), url(img/slide-syr.jpg);
    background-attachment: scroll, scroll;
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: contain, cover;
    background-origin: content-box, border-box;
    border: 10px solid rgba(0,0,0,0);
}
.slideshow .slide{
    display: block;
    height: 380px;
    max-height: 60vw;
    background-color: #ffffff;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-origin: content-box;
    background-image: url(img/slide1.jpg);
}
.slideshow .slogan{
    display: none;
    height: 100%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center 90%;
    background-size: 100% auto;
    background-origin: content-box;
}
.slozkaHome .slideshow .slogan,
.slozkaEshop .slideshow .slogan,
.strankaZbozi .slideshow .slogan{
    display: block;
}
.jazykCZ .slideshow .slogan{
    background-image: url(img/motto-cz.png);
}
.jazykSK .slideshow .slogan{
    background-image: url(img/motto-sk.png);
}
.jazykEN .slideshow .slogan{
    background-image: url(img/motto-en.png);
}
.slozkaDesatero     .slideshow .slide{background-image: url(img/slideDesatero.jpg);}
.slozkaJakPecovat   .slideshow .slide{background-image: url(img/slideJakPecovat.jpg);}
.slozkaSpoluprace   .slideshow .slide{background-image: url(img/slideSpoluprace.jpg);}
.slozkaONas         .slideshow .slide{background-image: url(img/slideONas.jpg);}
.slozkaKontakt      .slideshow .slide{background-image: url(img/slideKontakt.jpg);}
/* !slideshow */









/* .panelNavigace  */
#oteviracRolety {
	display: none;
}
label[for="oteviracRolety"] {
	display: none;
}
.panelNavigace {
	margin: 0px 0px 80px 0px;
    width: 200px;
    float: left;
}
.panelNavigace ul {
	margin: 0px;
	padding: 0px;
}
.panelNavigace li {
	list-style-type: none;
}
.panelNavigace ul .polozka {
	display: block;
	padding: 0px 0px 0px 20px;
	margin: 8px 0px 1px 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #fdeab1;
    background-image: url(img/slide-syr.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
	color: #516ba0;
	cursor: pointer;
}
.panelNavigace ul li:nth-child(3n-3) .polozka{background-position: center center;}
.panelNavigace ul li:nth-child(3n-2) .polozka{background-position: left top;}
.panelNavigace ul li:nth-child(3n-0) .polozka{background-position: center bottom;}
.panelNavigace ul .polozka:hover,
.panelNavigace ul .vybrana .polozka:hover{
	background: #516ba0;
	color: #fdeaae;
}
.panelNavigace ul .vybrana.polozka {
	background: #516ba0;
	color: #fdeaae;
}
.panelNavigace ul .polozka .pocetPolozek,
.panelNavigace ul .polozka img {
	display: none;
}
.panelNavigace ul ul .polozka {
	font-weight: normal;
	padding-left: 40px;
	text-transform: none;
}
.panelNavigace ul ul ul {
	display: none;
}
.panelNavigace .hloubka1 li.slozka20 ul {
	display: none; /*uzel blogy nerozbalovat */
}
@media only screen and (max-width:800px){
    label[for="oteviracRolety"] {
    	display: block;
    	position: absolute;
    	right: 10px;
    	top: 10px;
    	width: 40px;
    	height: 40px;
    	line-height: 35px;
    	font-size: 40px;
    	font-weight: normal;
    	color: #516ba0;
    	background: #fdeab1;
    	font-family: monospace;
    	text-align: center;
        cursor: pointer;
    }
    #oteviracRolety:not(:checked) ~ .panelTelo .panelNavigace {
    	display: none;
    }
    #oteviracRolety:checked ~ .panelTelo label[for="oteviracRolety"] {
    	display: none;
    }
    .panelNavigace {
        position: static;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        margin: 0px 5px 0px 5px;
        float: none;
    }
}
/* !.panelNavigace  */









/* .katalog .zbozi */
.panelObsah .zbozi {

}
.panelObsah .zbozi:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.panelObsah .zbozi .polozka {
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 32.3%;
	height: 480px;
	padding: 0px;
	font-size: 12px;
	line-height: 13px;
	border: 1px solid #f0f0f0;
    margin: 0 0.5% 1% 0.5%;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0);
    transition: border 0.3s, box-shadow 0.3s;
}
.panelObsah .zbozi .polozka:hover {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #dddddd;
    transition: border 0.3s, box-shadow 0.3s;
}
.panelObsah .zbozi .polozka .nahled {
    display: block;
	position: absolute;
	left: 0px;
	top: 1px;
	width: 100%;
	height: auto;
}
.panelObsah .zbozi .polozka .nahled img {
    display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 250px;
	margin: 35px auto 0px auto;
    cursor: pointer;
}
.panelObsah .zbozi .polozka .nazevAText {
	position: absolute;
	left: 0px;
	bottom: 120px;
	width: 100%;
	overflow: hidden;
	text-align: center;
    height: 60px;
}
.panelObsah .zbozi .polozka .nazevAText h2,
.panelObsah .zbozi .polozka .nazevAText h3 {
	margin: 0px;
	font-weight: normal;
	text-transform: none;
	line-height: 20px;
}
.panelObsah .zbozi .polozka .nazevAText h2 a,
.panelObsah .zbozi .polozka .nazevAText h3 a {
	display: block;
	margin: 0px 40px;
	color: #808080;
    cursor: pointer;
    text-decoration: none;
}
.panelObsah .zbozi .polozka .nazevAText p {
	display: none;
}
.panelObsah .zbozi .polozka .nazevAText .kodZbozi {
	display: none;
}
.panelObsah .zbozi .polozka .ceny {
	position: absolute;
	left: 0px;
	bottom: 70px;
	width: 100%;
	height: 20px;
	overflow: hidden;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	color: #454545;
}
.panelObsah .zbozi .polozka .ceny .cenaBez {display: none;}
.panelObsah .zbozi .polozka .ceny .popis {display: none;}
.panelObsah .zbozi .polozka .ceny .cenaPuvodni {
  font-size: 14px;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 4px;
  color: #999999;
  vertical-align: middle;
  background: url(NovyDvur/detail-skrtnuta-cena.png) scroll repeat-x 0px center;
}
.panelObsah .zbozi .polozka .parametry {display: none;}
.panelObsah .zbozi .polozka .vlozDoKosikuDetail {
	position: absolute;
	left: 0px;
	bottom: 25px;
	width: 100%;
	height: 40px;
	overflow: hidden;
}
.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi {
	display: none;
}

.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 {
	text-align: center;
}
.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vlozDoKosiku {
    width: 66%;
    height: 38px;
    padding: 0px;
    border: 1px solid #808080;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
}
.panelObsah .zbozi .polozka .vlozDoKosikuDetail .detailZbozi {
	display: none;
}
@media only screen and (max-width:800px){
    .panelObsah .zbozi .polozka{
        margin: 0 0.5% 10px 0.5%;
        width: 32%;
    }
}
@media only screen and (max-width:650px){
    .panelObsah .zbozi .polozka{
        width: 49%;
    }
}
@media only screen and (max-width:480px){
    .panelObsah .zbozi .polozka{
        margin: 0 auto 10px auto;
        width: 320px;
        float: none;
    }
}
/* !.katalog .zbozi */

    







/* detail */
.detail {
	display: block;
	background: #ffffff;
	padding: 0px 0 10px 10px;
    /*border: 1px solid #f0f0f0;*/
}
.detail:after{
	content: ' ';
	display: block;
	clear: both;
}
.detail .navigace {
	display: none;
	/*cursor: default;*/
	/*margin-bottom: 3%;*/
}
/*.detail .navigace .polozka {
	color: #28323C;
	padding: 0px 10px 0px 10px;
	font-weight: normal;
}
.detail .navigace a.polozka {
	cursor: pointer;
	color: #28323C;
	font-weight: bold;
}
.detail .navigace .polozka:first-child {
	padding-left: 0px;
}
.detail .navigace .pocetPolozek {
	display: none;
}*/
.detail .obrazek {
	display: block;
	width: 50% !important;
	height: auto !important;
	float: left;
}
.detail .obrazek img {
	display: block;
	width: 100% !important;
	height: auto !important;
	cursor: pointer;
}
.detail .prilohy {
	display: block;
	padding-top: 5px;
}
.detail .prilohy a {
	display: inline-block;
	border: 1px solid blue;
	padding: 5px;
	border-radius: 5px;
	margin: 5px 5px 5px 0px;
	border: 1px solid rgba(40,50,60,0.35);
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	vertical-align: top;
}
.detail .prilohy a:hover {
	border: 1px solid rgba(40,50,60,0.65);
}
.detail .prilohy a img {
	width: 50px !important;
	height: 50px !important;
}
.detail .pravyPanel {
	float: right;
	display: block;
	width: 50%;
    padding: 0 10px 0 20px;
}
.detail .pravyPanel .nazev{
    text-transform: uppercase;
    font-weight: bold;
    color: #464546;
}
.detail .pravyPanel .cenax{
    padding: 0;
}
.detail .pravyPanel .cenax .tucne{
    font-weight: bold;
    font-size: 30px;
    color: #464546;
}
.detail .pravyPanel .cenax .normal{
    font-size: 30px;
}
.detail .pravyPanel .cenax .bezDane{
    display: block;
    font-size: 15px;
}
.detail .nejdriveVyberteVariantu{
    display: block;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #516ba0;
    padding: 0px 10px;
    color: #fdeab1;
    margin-bottom: 10px;
    line-height: 41px;
    border-radius: 5px;
}
.detail .mnozstvix .nazev{
    text-transform: uppercase;
    display: block;
}
.detail .mnozstvix input[name=mnozstvi]{
    width: 60px;
    line-height: 45px;
    padding: 0 10px;
}
.detail .mnozstvix .vlozDoKosiku{
    background-color: #464446;
    line-height: 39px;
    padding: 0 20px;
    color: #ffffff;
}
.detail .vlastnostix{
    margin: 0 0 10px 0;
}
.detail .vlastnostix:after{
    content: ' ';
    clear: both;
    display: block;
}
.detail .vlastnostix .vlastnost{
    width: 33%;
    float: left;
    padding: 0 5px 5px 0;
}
.detail .vlastnostix .vlastnost .nazev{
    display: block;
    font-size: 12px;
    line-height: 18px;
}
.detail .vlastnostix .vlastnost .hodnota{
    display: block;
    font-size: 12px;
    line-height: 18px;
}
.detail .varianty .vlastnost{
    width: auto;
}
.detail .text:before {
	content: ' ';
	display: block;
	clear: both;
}
.detail .cistic{
	display: block;
	clear: both;
}
.detail {
	animation-name: detailShow;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	opacity: 1;
}
.detail.soumrak {
	animation-name: detailHide;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	opacity: 0;
}
@keyframes detailHide {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes detailShow {
    0% {opacity: 0;}
    100% {	opacity: 1;}
}
@media only screen and (max-width:1250px){
    .detail{
        border: none;
    }
}
@media only screen and (max-width:1000px){
    .detail .pravyPanel {
    	float: none;
    	margin: 0px auto;
    	width: auto;
        padding: 0 10px 0 0px;
    }
    .detail .navigace,
    .detail .navigace * {
    	font-size: 13px !important;
    }
    .detail .obrazek {
    	width: auto !important;
    	float: none;
    	max-width: 400px;
    	margin: 0px auto;
    }
    .detail h1 {
    	width: auto;
    	padding-left: 0px;
    }
    .detail .prilohy {
    	padding-top: 5px;
    }
    .detail .nejdriveVyberteVariantu{

    }
}
@media only screen and (max-width:800px){
    .detail{
        padding: 0px 0px 10px 0px;
    }
    .detail .pravyPanel {
        padding: 0;
    }
}
/* !detail */






/* dialogVlozenoDoKosiku */
.dialogVlozenoDoKosiku .polozka .panelMnozstvi {
    display: none !important;
}
.dialogVlozenoDoKosiku {
	z-index: 9999;
}
.dialogVlozenoDoKosiku input {
	padding: 0px;
}
/* !dialogVlozenoDoKosiku */






/* priznaky pro katalog a detail */
.stav .priznak{
  display: block;
}
.stav {
	position: absolute;
	left: 0px;
	top: 10px;
}
.detail .stav{
    position: static;
    padding-left: 0px;
    margin-bottom: 20px;
}
.stav .priznak .tercZluty,
.stav .priznak .tercZeleny{
	position: relative;
	right: 0px;
	top: 0px;
	display: inline-block;
	padding: 0px 25px 0px 10px;
	font-size: 14px;
	line-height: 25px;
	color: #18A92F;
	cursor: default;
	white-space: nowrap;
	margin-bottom: 2px;
	border-top: 1px solid #dd1818;
	border-bottom: 1px solid #dd1818;
	border-left: 1px solid #dd1818;
	color: #dd1818;
}
.stav .priznak .tercZluty:after,
.stav .priznak .tercZeleny:after{
	position: absolute;
	right: -10px;
	top: 3px;
	content: " ";
	display: block;
	transform: rotate(45deg);
	border-bottom: 1px solid #dd1818;
	border-left: 1px solid #dd1818;
	height: 18px;
	width: 18px;
}
.stav .neprobihaAkce {
	display: none;
}
/* !priznaky pro katalog a detail */









/* strankaKosik */
.strankaKosik .kosik h1 + .navigace{
	display: none;
}
.strankaKosik .kosik .zaMnozstviBez{
	display: none;
}
.strankaKosik .kosik table{
	border-collapse: collapse;
	width: 100%;
}
.strankaKosik .kosik td{
    padding: 5px;
    width: 90%;
}
.strankaKosik .kosik thead *{
    font-weight: bold;
    font-size: 12px;
    background-color: #516ba0;
    color: #ffffff;
}
.strankaKosik .kosik tbody img{
	width: 100px;
	height: auto;
	float: left;
	margin: 0px 10px 5px 0px;
}
.strankaKosik .kosik .polozka .nazev a{
	text-decoration: none !important;
    line-height: 20px;
}
.strankaKosik .kosik .polozka .nazev .upresneni a,
.strankaKosik .kosik .polozka .nazev .upresneni a:hover{
	font-weight: normal;
	font-size: 12px;
	text-decoration: none !important;
    line-height: 20px;
}
.strankaKosik .kosik .polozka .nazev .upresneni,
.strankaKosik .kosik .polozka .nazev .kod{
	display: block;
 	color: #111111;
	font-weight: normal;
	font-size: 12px;
    line-height: 20px;
}
.strankaKosik .kosik .mnozstvi input[type=number]{
	max-width: 60px;
	text-align: center;
	padding: 0;
	line-height: 28px;
	height: 30px;
}
.strankaKosik .kosik .zaMnozstviVcetne{
	white-space: nowrap;
	vertical-align: middle;
    width: 9%;
}
.strankaKosik .kosik .nastavMnozstvi,
.strankaKosik .kosik .smazPolozku{
	width: 15px;
	height: auto;
	border: none;
	cursor: pointer;
    padding: 0;
}
.strankaKosik .kosik .mnozstvi{
	width: 1%;
	vertical-align: middle;
}
.strankaKosik .kosik .mnozstvi *{
	
}
.strankaKosik .kosik .smazVse{
    border: none;
    background-color: transparent;
    background-image: url(img/KosikSmaz.gif);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-align: left;
    padding: 0;
    font-size: 0px;
    width: 15px;
}
.strankaKosik .kosik .celkem{
	border-top: 3px double #777777;
	border-bottom: 1px solid #777777;
}
.strankaKosik .kosik .celkem td{
 	vertical-align: middle;
    width: 9%;
}
.strankaKosik .kosik .objednej input{
	float: right;
	min-width: 150px;
}
.strankaKosik .kosik .navigace input[type=button]{
	position: relative;
	display: inline-block;
    margin: 0px 1px 1px 0px;
    top: -55px;
}
@media only screen and (max-width:800px){
	.strankaKosik .kosik table,
	.strankaKosik .kosik thead,
	.strankaKosik .kosik tbody,
	.strankaKosik .kosik tr,
	.strankaKosik .kosik td:not(.zaMnozstviBez){
		display: block;
		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) .hodnota > *{
	width: 100%;
}
.strankaDataUzivatele form .modesli .popis{
	visibility: hidden;
}
.strankaDataUzivatele form .modesli .hodnota input{
	min-width: 150px;
}
.strankaDataUzivatele form .modesli .hodnota input:last-child{
	float: right;
}
.strankaDataUzivatele form table table,
.strankaDataUzivatele form table table *{
	background: #F3F2F2;
	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 .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: red;
	font-weight: bold;
	font-size: 12px;
}
.strankaDataUzivatele .otaznik{
    display: inline-block;
    border-radius: 7px;
    width: 14px;
    background: #9B8019;
    text-align: center;
    font-weight: bold;
    color: white;
    line-height: 14px;
    cursor: pointer;
    font-size: 10px;
}
.strankaDataUzivatele .napoveda:not(:empty){
	background: rgba(155, 128, 25, 0.15);
    padding: 0 5px;
    border-radius: 5px;
	display: block;
	max-height: 0px;
	overflow: hidden;
}
.strankaDataUzivatele .napoveda.zobrazeno{
    max-height: 500px;
    transition: max-height 1s;
}
.strankaDataUzivatele .napoveda a{
	color: #000000;
	background: transparent;
	text-decoration: underline;
}
@media only screen and (max-width:700px){
    .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 */







/* CookieSouhlas */
.komponentaCookieSouhlas{
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 10px;
    z-index: 9999;
}
.komponentaCookieSouhlasVnitrek{
	background: rgba(0,0,0,0.9);
	width: 1200px;
	max-width: 100%;
	margin: 0px auto;
	padding: 10px;
}
.komponentaCookieSouhlasVnitrek *{
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
}
.komponentaCookieSouhlasVnitrek p{
    margin: 0 0 5px 0;
}
.komponentaCookieSouhlasVnitrek .tlacitkoSouhlasim{
	border: 1px solid #ffffff;
    background: transparent;
    padding: 5px 20px;
    display: block;
    width: 200px;
    margin: 0px auto;
    text-align: center;
}
.komponentaCookieSouhlasVnitrek .tlacitkoSouhlasim:hover{
	text-decoration: none;
	background: rgba(255,255,255,0.15);
}
.komponentaCookieSouhlasVnitrek:after{
	display: block;
	clear: both;
	content: ' ';
}
/* !CookieSouhlas */








/* panelTelo, panelObsah */
.panelTelo {
	position: relative;
	color: #777777;
}
.panelTelo:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0px;
    line-height: 0px;
}
.panelObsah {
	padding: 20px 10px 20px 10px;
	margin: 0px 0px 0 220px;
	background: #ffffff;
	min-height: 570px;
}
.panelObsah:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0px;
    line-height: 0px;
}
.panelObsah a:hover {
    text-decoration: underline;
}
.panelObsah h1 {
	text-align: left;
	text-transform: none;
	font-size: 35px;
	font-weight: normal;
	color: #a2a2a2;
	margin-bottom: 20px;
}
.panelObsah .katalog h1 {
	text-align: left;
	margin-left: 0px;
	margin-right: auto;
}
.panelObsah .katalog.zboziVypnuto h1 {
	text-align: left;
	margin-left: 0px;
}
@media only screen and (max-width:800px) {
    .panelObsah {
        margin-left: 0px;
    }
}
/* !.panelObsah */







/* formulare */
.panelObsah .formularFiltry,
.panelObsah .formularRazeni,
.panelObsah .komponentaZobrazeni {
	display: none;
}
/* !formulare */






/* .panelObsah .prepinacStranek */
.panelObsah .prepinacStranek {
	display: block;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	border-radius: 2px;
}
.panelObsah .prepinacStranek.dolni {
	margin: 10px 0px 10px 0px;
}
.panelObsah .prepinacStranek a, .panelObsah .prepinacStranek span {
	display: block;
	width: 20px;
	float: left;
	text-align: center;
	margin: 0px 3px 2px 0px;
	padding: 0px 3px 0px 3px;
	border-radius: 5px;
}
.panelObsah .prepinacStranek a {
	color: #666666;
	border: 1px solid #f3f3f3;
	text-decoration: none;
	background: #f3f3f3;
}
.panelObsah .prepinacStranek a:first-child, .panelObsah .prepinacStranek a:last-child {
	background: #ffffff;
}
.panelObsah .prepinacStranek .vybrana {
	color: #000000;
	border: 1px solid #d1e6d8;
	text-decoration: none;
	background: #d1e6d8;
}
.panelObsah .prepinacStranek a:hover {
	color: #666666;
	border: 1px solid #d1e6d8;
	text-decoration: none;
	background: #dddddd;
}
/* !.panelObsah .prepinacStranek */






/* hledani */
.panelObsah .hledatV {
	margin-bottom: 20px;
}
.panelObsah .hledatV > * {
	padding-right: 20px;
	white-space: nowrap;
}
.panelObsah .hledaniZboziVeSlozcePopis {
	display: none;
}
.panelObsah .hledaniVeStrankach .polozka {
	border-top: 1px solid rgba(127,189,202,0.2);
	margin: 10px 0px 15px 0px;
	padding: 15px 0px 0px 0px;
}
.panelObsah .hledaniVeStrankach .polozka:last-child {
	border-bottom: 1px solid rgba(127,189,202,0.2);
	padding: 10px 0px 15px 0px;
}
.panelObsah .hledaniVeStrankach .polozka h2 {
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}
.panelObsah .hledaniVeStrankach .polozka .text {
	display: block;
	height: 50px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}
.panelObsah .hledaniVeStrankach .polozka a:hover {
	text-decoration: none;
}
.panelObsah .hledaniVeStrankach .polozka a:hover > h2 {
	text-decoration: underline;
}
/* !hledani */








/* footer */
footer{
    width: 1200px;
    margin: 50px auto 0 auto;
    background-color: #fdeaae;
    background-image: url(img/slide-syr.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-origin: border-box;
    border: 1px solid rgba(0,0,0,0);
}
footer .info{
    
}
footer .info .logo{
    display: block;
    width: 553px;
    padding-top: 18%;
    margin: -15px auto 15px auto;
    background-image: url(img/logo.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
footer .info .novinky{
    width: 300px;
    margin: 0 auto 40px auto;
    text-align: center;
    color: #516ba0;
}
footer .info .novinky .komponentaNewsletter {
	position: relative;
	left: 0px;
	top: 0px;
	width: 320px;
	height: 70px;
	overflow: hidden;
	background: #516ba0;
	border-radius: 70px;
}
footer .info .novinky input[type="text"] {
	position: absolute;
	left: 20px;
	top: 20px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border-radius: 30px;
	line-height: 30px;
	height: 30px;
	width: 265px;
	background: #ffffff;
	color: #333333;
	border: none;
}
footer .info .novinky input[type="submit"] {
	position: absolute;
	right: 15px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	background: #f6d577;
	border-radius: 40px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	border: none;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
}
footer .socnet{
    position: relative;
}
footer .socnet a{
    position: absolute;
	bottom: 20px;
	display: block;
	width: 80px;
	text-align: center;
    filter: brightness(1);
    transition: filter 0.3s;
}
footer .socnet a:hover{
    filter: brightness(1.3);
    transition: filter 0.3s;
}
footer .socnet a .nahled{
	display: block;
	width: 60px;
    height: 60px;
    margin: 0 auto;
	background-size: auto 66%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
    border-radius: 30px;
    cursor: pointer;
}
footer .socnet a.facebook{
    left: 50px;
}
footer .socnet a.instagram{
    left: 130px;
}
footer .socnet a.facebook .nahled{
	background-color: #304a7e;
	background-image: url(img/facebook.png);
}
footer .socnet a.instagram .nahled {
	background-color: #b82c2c;
	background-image: url(img/instagram.png);
}
footer .socnet a .popisek {
	display: block;
	color: #000000;
	color: rgba(0,0,0,0.8);
}
footer .odkazy {
	padding: 10px;
	text-align: center;
	background-color: #516ba0;
}
footer .odkazy a {
	color: #ffffff;
	color: rgba(255,255,255,0.8);
	padding: 0 5px;
}
footer .odkazy a:hover {
	color: rgba(255,255,255,1);
}
footer .odkazy a ~ a {
	border-left: 1px solid rgba(255,255,255,0.33);
}
@media only screen and (max-width:800px){
    footer .info .logo {
        margin: -5px auto 15px auto;
    }
    footer .socnet{
        text-align: center;
        padding-bottom: 30px;
    }
    footer .socnet a{
        position: static;
    	display: inline-block;
    }
}
/* !footer */




/* print */
@media print{

    header,
    .slideshow,
    nav,
    label[for="oteviracRolety"],
    footer,
    .cookies,
    .formularFiltry,
    .formularRazeni,
    .tlacitkoDalsiStrana
	{
		display: none !important;
	}

	body,
    .panelTelo
	main,
	.panelObsah,
	.katalog,
	.detail,
	.pravyPanel
	{
        
		opacity: 1 !important;
		width: auto !important;
	    float: none !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    max-width: unset !important;
	    clear: both;
	}
}
/* !print */




.strankaObjednano .odkazSouhlasNewsletter{
    display: none !important;
}