/* Globalni styly */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: 'Montserrat', sans-serif;;
	font-style: inherit;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 25px;
}

head {
	display: none;
}

body {
	font-family: 'Montserrat', sans-serif;;
	font-size: 14px;
	line-height: 25px;
}

a {
	color: #00527B;
    text-decoration: underline;
}

/* form */
form table {
	width: 100%;
}
form tr.nadpis td {
	font-weight: bold;
}
form td.popis {
}
/* !form */

/* input */
input[type=button],
input[type=submit]{
    font-weight: bold;
	color: #00527B;
    background: rgba(0, 82, 123, 0.05);
	cursor: pointer;
}
input, textarea, select {
	padding: 5px;
	border: 1px solid #00527B;
	box-shadow: 0px 0px 3px 1px #00527B;
	margin: 1px 1px 5px 0px;
    background-color: #ffffff;
    border-radius: 2px;
}


*::-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;
}
/* !input */


/* 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 {
	clear: both;
}


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

.text.editor .sloupcovaSazba td {
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}

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


h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
    padding: 10px 0px 10px 0px;
	color: #00527B;
}

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

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

.prilohaL{ float: left; }
.prilohaR{ float: right; }
.priloha:only-child{
    width: auto !important;
	height: auto !important;
	max-width: 100%;
}
.priloha:only-child img{
    width: auto !important;
	height: auto !important;
	max-width: calc(100% - 0px);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.85);
    border-radius: 5px;
    overflow: hidden;
}
.text.editor a img + .info{display: none;}

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

.formularFiltry:after,
.vnitrek:after,
.panelTelo:after,
.zbozi:after,
.panelHlavicka .panelPomocneMenu:after,
.panelHlavicka .hlavniMenu:after,
.detail .obrazek:after,
.detail .pravyPanel:after,
.detail .prilohy:after,
.detail .katalog:before,
.detail .h2souvisejici:before
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
	font-size: 0px;
	line-height: 0px;
}

.vnitrek{
	width: 1160px;
	max-width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
 	position: relative;
}

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



/* panelObsah */
.panelTelo{
	min-height: calc(100vh - 300px);
}
.panelObsah {
	width: 1160px;
	max-width: 100%;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	min-height: calc(100vh - 365px);
}

.hrNoHomepage{
	border-bottom: 5px solid #00527B;
	margin: 2vw 0px 2vw 0px;
}

/* panelObsah */


.panelHlavicka{
	display: block;
	min-height: 300px;
	max-height: 800px;
	background: url(img/header-background-paprsky.jpg) scroll no-repeat center center/100% 100%;
    max-width: 100%;
}


/* panelPomocneMenu */
.panelHlavicka .panelPomocneMenu{
	position: relative;
	width: 1160px;
	max-width: 100%;
	margin: 0px auto 0px auto;
	height: 1px;
}
.panelHlavicka .panelPomocneMenu > *{
	display: block;
    position: absolute;
	width: 35px;
    height: 35px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	top: 20px;
}
.panelHlavicka .panelPomocneMenu > * > *,
.panelHlavicka .panelPomocneMenu > .menu
{
	display: none;
}
.panelHlavicka .panelPomocneMenu .komponentaHledat{
	background: url(img/komponentaHledat.png) scroll no-repeat center center/contain;
	right: calc(2vw + 110px);
    right: 90px;
}
.panelHlavicka .panelPomocneMenu .komponentaPrihlaseni{
    display: none;
	background: url(img/komponentaPrihlaseni.png) scroll no-repeat center center/contain;
    right: calc(2vw + 55px);
}
.panelHlavicka .panelPomocneMenu .komponentaKosik{
	display: none;
	background: url(img/komponentaKosik.png) scroll no-repeat center center/contain;
    right: 2vw;
}
/* !panelPomocneMenu */




/* hlavni menu */
.panelHlavicka .hlavniMenu{
    margin-top: 80px;
	background: #00527B;
    border-top: 5px solid #E63E20;
    border-bottom: 5px solid #E63E20;
}
.panelHlavicka .hlavniMenu ul{
	display: block;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	height: 70px;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
}
.panelHlavicka .hlavniMenu ul li{
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: -20px;
}
.panelHlavicka .hlavniMenu ul li:nth-child(1) {
	left:  calc(50% - 590px);
    z-index: 1;
	background: url(img/menu-onas.png) scroll no-repeat center center/contain;
}
.panelHlavicka .hlavniMenu ul li:nth-child(2) {
	left:  calc(50% - 460px);
    z-index: 2;
	background: url(img/menu-pujcovna.png) scroll no-repeat center center/contain;
}
.panelHlavicka .hlavniMenu ul li:nth-child(3) {
	left:  calc(50% - 330px);
    z-index: 3;
	background: url(img/menu-akce.png) scroll no-repeat center center/contain;
}
.panelHlavicka .hlavniMenu ul li:nth-child(4) {
	right:  calc(50% - 330px);
    z-index: 4;
	background: url(img/menu-servis.png) scroll no-repeat center center/contain;
}
.panelHlavicka .hlavniMenu ul li:nth-child(5) {
	right: calc(50% - 460px);
    z-index: 5;
	background: url(img/menu-cenik.png) scroll no-repeat center center/contain;
}
.panelHlavicka .hlavniMenu ul li:nth-child(6) {
	right: calc(50% - 590px);
	z-index: 6;
	background: url(img/menu-kontakt.png) scroll no-repeat center center/contain;
}
.panelHlavicka .hlavniMenu ul li a{
	display: block;
	height: 100%;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	color: transparent;
    transform: rotate(45deg);
    border-radius: 10px;
    background: transparent;
    box-shadow: 0px 0px 5px 2px transparent;
    transition: background 0.3s, box-shadow 0.3s;
}
.panelHlavicka .hlavniMenu ul li a:hover{
    background: rgba(255,255,255,0.5);
    box-shadow: 0px 0px 5px 2px rgba(255,255,255,0.5);
	transition: background 0.2s, box-shadow 0.4s;
}
.panelHlavicka .logo{
    display: block;
    width: 400px;
    height: 300px;
    background: url(img/header-logo.png) scroll no-repeat center center/contain;
    position: absolute;
    left: 35%;
    width: 30%;
    top: 0px;
}
@media
only screen and (max-width:1260px),
only screen and (max-device-width:1260px) {
.panelHlavicka .hlavniMenu ul li:nth-child(1) {	left:  2.5%;}
.panelHlavicka .hlavniMenu ul li:nth-child(2) {	left:  13%;}
.panelHlavicka .hlavniMenu ul li:nth-child(3) {	left:  23.5%;}
.panelHlavicka .hlavniMenu ul li:nth-child(4) {	right: 23.5%;}
.panelHlavicka .hlavniMenu ul li:nth-child(5) {	right: 13%;}
.panelHlavicka .hlavniMenu ul li:nth-child(6) {	right: 2.5%;}
.panelHlavicka .logo{top: -8px;}
}
/* !hlavni menu */




/* slideshow */
.slideshow{
	display: block;
	width: 794px;
	height: 558px;
	max-width: 60%;
    max-height: 42vw;
    margin: 0px auto 0px auto;
    position: relative;
}
.slideshow > .slide{
	width: 100%;
    height: 80%;
    position: absolute;
    bottom: 1%;
	left: 0px;
	z-index: 1;
}
.slideshow > .slide1{
    background: url(img/slide1.png) scroll no-repeat center center / contain;
    opacity: 0;
	animation-name: animaceSlide1;
    animation-duration: 1s;
	animation-iteration-count: 1;
    animation-fill-mode:forwards;
}
@keyframes animaceSlide1 {
    from  {opacity: 0; }
    to {opacity: 1; }
}
.slideshow > .muz{
    width: 50%;
    height: 100%;
	position: absolute;
    right: -23%;
    bottom: -7%;
    background:
		url(img/slide-muz.png) scroll no-repeat center center / contain,
		url(img/slide-muz-stin.png) scroll no-repeat center center / contain;
    z-index: 9;
    opacity: 0;
	animation-name: animaceSlideMuz;
    animation-duration: 1s;
    animation-delay: 1s;
	animation-iteration-count: 1;
    animation-fill-mode:forwards;
}
@keyframes animaceSlideMuz {
    from   {opacity: 0; right: -26%;}
    to {opacity: 1; right: -23%;}
}
.slideshow > .zena{
    width: 50%;
    height: 80%;
	position: absolute;
    left: -27%;
    bottom: -7%;
    background:
		url(img/slide-zena.png) scroll no-repeat center center / contain,
		url(img/slide-zena-stin.png) scroll no-repeat center center / contain;
    z-index: 9;
    opacity: 0;
	animation-name: animaceSlideZena;
    animation-duration: 1s;
    animation-delay: 1s;
	animation-iteration-count: 1;
    animation-fill-mode:forwards;
}
@keyframes animaceSlideZena {
    from   {opacity: 0; left: -30%;}
    to {opacity: 1; left: -27%;}
}
/* !slideshow */



/* zbozi */
.komponentaZbozi{
	display: block;
	width: 1160px;
	max-width: 100%;
	margin: 0px auto 0px auto;
}
.zbozi .polozka{
	display: inline-block;
	width: 22%;
	border: 1px solid rgba(0,0,0,0.35);
	float: left;
    margin: 1.5%;
    margin-bottom: 3%;
	box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.3), inset 0px 0px 15px 08px rgba(0,0,0,0.08);
	border-radius: 3px;
    position: relative;
}
.zbozi .polozka:after{
	content: " ";
	display: block;
	position: absolute;
	background: url(img/zbozi-stin.png) scroll no-repeat center top/contain ;
	width: 100%;
	height: 10%;
	opacity: 0.8;
}
.zbozi .polozka > .stav,
.zbozi .polozka p,
.zbozi .polozka .cenaBez,
.zbozi .polozka .cenaVcetne .popis,
.zbozi .polozka .mnozstvi,
.zbozi .polozka .kodZbozi,
.zbozi .polozka .parametry,
.komponentaZobrazeni,
.formularRazeni,
.formularFiltry .hledaniZboziVeSlozcePopis,
.formularFiltry .hledaniZboziVeSlozce,
.formularFiltry .polozka.hledej label,
.hledatV
{
	display: none;
}
.prepinacStranek{
	padding: 0px 1.5% 1.5% 3px;
}
.prepinacStranek > *{
    text-decoration: none;
    display: inline-block;
    padding: 0px 5px 0px 5px;
    border: 1px solid #00527B;
    border-radius: 2px;
    min-width: 24px;
    text-align: center;
	margin: 0px 1px 1px 1px;
}
.prepinacStranek > .vybrana{
	font-weight: bold;
	color: #00527B;
}
.zbozi .polozka img{
	display: block;
	margin: 8%;
	width: 84% !important;
    height: auto !important;
    margin-bottom: 51px;
	cursor: pointer;
}
.zbozi .polozka h2{
	position: absolute;
	display: block;
	bottom: 35px;
	left: 8%;
	width: 84%;
    z-index: 1;
    background: #ffffff;
}
.zbozi .polozka h2 a{
	font-size: 14px;
	line-height: 20px;
	color: #00527B;
	text-decoration: none;
	text-transform: none;
	display: block;
	height: 20px;
	overflow: hidden;
}
.zbozi .polozka .cenaVcetne .hodnota{
	position: absolute;
	bottom: 10px;
	right: 8%;
	text-align: right;
	padding: 0 !important;
    font-size: 20px;
    line-height: 20px;
    color: #00527B;
    font-family: sans-serif;
    font-stretch: condensed;
    font-weight: bold;
}
.zbozi .polozka .cenaVcetne .hodnota:before{
	content: attr(data-before);
	padding-right: 5px;
    font-size: 12px;
    font-weight: normal;
}
.zbozi .polozka input.vlozDoKosiku{
	display: block;
	background: none;
	position: absolute;
	bottom: 12px;
	left: 18%;
	width: 23px;
	height: 18px;
	box-shadow: none;
	border: 0px;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.zbozi .polozka input.detailZbozi{
    display: none;
	background: none;
	position: absolute;
	bottom: 12px;
	left: 8%;
	width: 20px;
	height: 18px;
	box-shadow: none;
	border: 0px;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.zbozi .polozka h2:hover,
.zbozi .polozka input.vlozDoKosiku:hover,
.zbozi .polozka input.detailZbozi:hover{
	cursor: pointer;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.1);
}
.formularFiltry{
    padding: 1.5% 1.5% 1.5% 3px;
}
.formularFiltry .odesli input{
	width: 110px;
	float: left;
	margin-left: 5px;
}
.formularFiltry .polozka.hledej input{
	width: calc(100% - 233px);
    float: left;
}
/* !zbozi */





/* homepage komponentaSlozka - 1 */
.homepage .panelObsah {
	width: auto;
	padding: 0;
}
.homepage .panelObsah .katalog > h1,
.homepage .panelObsah .katalog .text.editor p:empty{
	display: none;
	margin: 0 !important;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(1){
	display: block;
	background: url(img/onas-background.jpg) scroll no-repeat center center/100% 100%;
	padding: 2vw 0px 2vw 0px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(1) *{
	text-align: center !important;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(1) h1{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    padding: 0vw 0px 0px 0px;
    color: #00527B;
    background: url(img/h1-welcome.png) scroll no-repeat center center/contain;
    color: transparent;
    margin: 0px 10px 1vw 10px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(1) .sloupcovaSazba{
    max-width: 1160px;
    margin: 0px auto;
    width: calc(100% - 4vw);
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(1) td{
	color: #00527B;
	font-size: 20px;
	padding: 2vw 0px 2vw 0px ;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(1) tr:nth-child(2) td{
	font-size: 0px;
	color: transparent;
	text-indent: -9999px;
    height: 200px;
    background: url(img/header-logo.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(1) hr{
	border-bottom: 5px solid #00527B;
}
/* !homepage komponentaSlozka - 1 */




/* homepage komponentaSlozka - Akce */
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2){
	padding: 2vw 0px 2vw 0px;
	clear: both;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2):after{
	content: ' ';
	clear: both;
	display: block;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) *{
	
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > h2{
	text-align: center;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    padding: 1.5vw 0px 0.5vw 0px;
	color: #E63E20;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > h3{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    padding: 0vw 0px 0px 0px;
    color: #00527B;
    color: transparent;
	margin: 1vw 10px 0 10px;
	background: url(img/h3-akce.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > hr{
	border-bottom: 5px solid #E63E20;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > table{
    width: 1160px;
    max-width: 100%;
    margin: 0px auto 0px auto;
    clear: both;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > table,
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text tbody,
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text tfoot,
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text tr,
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text td{
	display: block;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > table td {
    display: inline-block;
    width: 22%;
    border: 1px solid rgba(0,0,0,0.35);
    float: left;
    margin: 1.5%;
    margin-bottom: 3%;
    box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.3), inset 0px 0px 15px 8px rgba(0,0,0,0.08);
    border-radius: 3px;
    position: relative;
    padding: 10px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > *{
	color: #00527B;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text .priloha{
	max-width: 50%;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text img{
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.85);
        border-radius: 3px;
}
/* !homepage komponentaSlozka - Akce */





/* homepage komponentaSlozka - 3 */
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(3){
	display: block;
	padding: 2vw 0px 2vw 0px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(3) .text > h2{
	text-align: center;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    padding: 1.5vw 0px 0.5vw 0px;
	color: #E63E20;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(3) .text > h3{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    padding: 0vw 0px 0px 0px;
    color: #00527B;
    color: transparent;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(3) .text > h3:nth-of-type(1){
	margin: 1vw 10px 0 10px;
	background: url(img/h3-novinky.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(3) .text > h3:nth-of-type(2){
    margin: 0px 10px 1vw 10px;
	background: url(img/h3-body.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(3) .text > hr{
	border-bottom: 5px solid #E63E20;
}
/* !homepage komponentaSlozka - 3 */




/* homepage komponentaSlozka - 4 */
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4){
	display: block;
	padding: 2vw 0px 2vw 0px;
    background: url(img/baze-background.jpg) scroll no-repeat center center/100% 100%;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) h2{
	text-align: center;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    padding: 2.5vw 0px 0.5vw 0px;
	color: #E63E20;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) h3{
    font-weight: bold;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    padding: 0vw 0px 0px 0px;
    color: #00527B;
    background: url(img/h3-baze.png) scroll no-repeat center center/contain;
    color: transparent;
    margin: 0px 10px 0px 10px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) .komponentaNavigace{
	display: block;
	max-width: 1160px;
	margin: 0px auto;
	text-align: center;
    overflow: hidden;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) .komponentaNavigace ul{
	display: block;
	list-style-type: none;
	padding: 0;
 margin: 0;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) .komponentaNavigace ul li{
    display: inline-block;
    width: 27%;
    margin: 2vw 0.65% 2vw 5.65%;
    height: 120px;
    background: url(img/rozcestnik-background.png) scroll no-repeat right center/cover;
    position: relative;
    padding: 20px 20px 20px 50px;
	min-width: 270px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) hr{
	border-bottom: 5px solid #00527B;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) .komponentaNavigace ul li:before{
	content: "";
	display: block;
	width: 110px;
	height: 110px;
	position: absolute;
	left: -55px;
    top: 5px;
	background: url(img/rozcestnik-before.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) .komponentaNavigace ul li a{
    display: block;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 20px 20px 10px;
    font-stretch: condensed;
}
/* !homepage komponentaSlozka - 4 */




/* homepage komponentaSlozka - 5 */
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5){
	display: block;
	padding: 2vw 0px 0px 0px;
    background: url(img/paticka-background.jpg) scroll no-repeat center center/100% 100%;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > h2{
	text-align: center;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    padding: 2.5vw 0px 0.5vw 0px;
	color: #E63E20;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > h3{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    padding: 0vw 0px 0px 0px;
    color: #00527B;
    background: url(img/h3-paticka.png) scroll no-repeat center center/contain;
    color: transparent;
    margin: 0px 10px 0px 10px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) hr{
	border-bottom: 5px solid #00527B;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1){
    max-width: 1160px;
    margin: 2vw auto 2vw auto;
    width: calc(100% - 4vw);
    border-collapse: collapse;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) td{
	padding: 0px 0px 10px 0px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) td:first-child a img{
	max-width: calc(100% - 40px);
    max-width: calc(95vw - 340px);
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) td:last-child{
	width: 300px;
	color: #00527B;
    max-width: 90vw;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) td:last-child h2{
	font-size: 0px;
	line-height: 20px;
	margin-bottom: 10px;
	color: #E63E20;
    color: transparent;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) tr:not(:first-child) td:last-child h2{
	margin-top: 30px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2){
    margin: 0vw auto 2vw auto;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) td{
	text-align: center;
	padding: 10px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) p{
	display: inline-block;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) a{
	display: inline-block;
	width: 145px;
	height: 152px;
	font-size: 0px;
	line-height: 0px;
	color: transparent;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) p:nth-child(1) a{
	background: url(img/spolehlivafirma2013.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) p:nth-child(2) a{
	background: url(img/spolehlivafirma2014.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) p:nth-child(3) a{
	background: url(img/spolehlivafirma2015.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) p:nth-child(4) a{
	background: url(img/spolehlivafirma2016.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) p:nth-child(5) a{
	background: url(img/spolehlivafirma2017.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) p:nth-child(6) a{
	background: url(img/spolehlivafirma2018.png) scroll no-repeat center center/contain;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > p:last-child{
	text-align: center;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > p:last-child a{
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 15px;
	padding: 5px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text .sloupcovaSazba td:last-child h2:nth-of-type(1){
	background: url(img/kontakty-pujcovna.png) scroll no-repeat left center/contain;
    line-height: 25px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text .sloupcovaSazba td:last-child h2:nth-of-type(2){
	background: url(img/kontakty-provoz.png) scroll no-repeat left center/contain;
    line-height: 20px;
	margin-top: 20px;
}
.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text .sloupcovaSazba td:last-child h2:nth-of-type(3){
	background: url(img/kontakty-kontakty.png) scroll no-repeat left center/contain;
    line-height: 25px;
	margin-top: 20px;
}
/* !homepage komponentaSlozka - 5 */


/* onas */
.onas .panelObsah .sloupcovaSazba:nth-of-type(1) tr:nth-child(2) p{
	background: url(img/vodoznak.png) scroll no-repeat center center/contain;
	height: 100px;
	font-size: 0px;
	line-height: 0px;
	color: transparent;
}
/* !onas */



/* pujcovna */
.text.editor p a.priloha[target='_blank']{
	width: auto !important;
}
.text.editor p a.priloha img[style*='150']{
	border-radius: 3px;
	width: 50px !important;
	height: 50px !important;
}
/* !pujcovna */



/* eshop */
.katalog.eshop .komponentaNavigace{
    display: block;
    width: 23.5%;
    float: left;
    margin: 1.5% 1.5% 1.5% 0.0%;
    margin-bottom: 3%;
}
.katalog.eshop .komponentaNavigace ul,
.katalog.eshop .komponentaNavigace li{
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.katalog.eshop .komponentaNavigace .polozka{
	display: block;
	margin: 0px 0px 1px 0px;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 5px 5px 5px;
    font-weight: bold;
}
.katalog.eshop .komponentaNavigace .hloubka2 .polozka{
	padding: 5px 5px 5px 25px;
    font-weight: normal;
}
.katalog.eshop .komponentaNavigace .hloubka3 .polozka{
	padding: 5px 5px 5px 45px;
}
.katalog.eshop .komponentaNavigace .polozka.rozbalena:not(.vybrana){
	
    background: rgba(0, 82, 123, 0.05);
}
.katalog.eshop .komponentaNavigace .polozka:hover,
.katalog.eshop .komponentaNavigace .polozka.vybrana{
	background: #00527B !important;
	color: #ffffff !important;
	border-radius: 2px;
}
/* !eshop */


/* detail */
.detail{
	display: block;
	width: 1160px;
	max-width: 100%;
	margin: 0px auto 0px auto;
}
.detail .navigace{
	padding: 1vw 0px 1vw 0px;
}
.detail .navigace .pocetPolozek{
	display: none;
}
.detail hr{
	border-bottom: 5px solid #00527B;
	margin: 0px 0px 1.5vw 0px;
}
.detail h1{
	display: none;
}
.detail .obrazek{
	display: block;
	width: 50%;
	float: left;
}
.detail .obrazek img{
	width: 100% !important;
	height: auto !important;
	border: 1px solid #00527B;
	border-radius: 3px;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);
	opacity: 1;
	transition: opacity 0.2s, box-shadow 0.2s;
}
.detail .obrazek img:hover{
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
	opacity: 0.9;
	transition: opacity 0.2s, box-shadow 0.2s;
	cursor: pointer;
}
.strankaZbozi .panelTelo > hr {
	display: none;
}
.detail .pravyPanel{
	width: calc(48% - 0px);
	float: right;
}
.detail .pravyPanel .formularKoupit,
.detail .pravyPanel .vlastnosti{
	width: 100%;
}
.detail .pravyPanel .formularKoupit td,
.detail .pravyPanel .vlastnosti td{
	width: 50%;
}
.detail .pravyPanel .formularKoupit .nadpis td{
	text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    padding: 0px 0px 10px 0px;
    color: #00527B;
}

.detail .pravyPanel .formularKoupit .cenaVcetne,
.detail .pravyPanel .pujcovneZaVikend,
.detail .pravyPanel .pujcovneZaloha{
	color: #E63E20;
	font-weight: bold;
	white-space: nowrap;
}
.detail .pravyPanel .formularKoupit .mnozstvi,
.detail .pravyPanel .formularKoupit .cenaBez{
	display: none;
}
.detail .pravyPanel .formularKoupit .cenaVcetne td{
	padding-top: 1vw;
}
.detail .pravyPanel .pujcovneZaloha td{
	padding-bottom: 1vw;
}
.detail .pravyPanel .vlastnosti tr:last-child td{
	padding-bottom: 1vw;
}
.detail .prilohy{
	clear: both;
}
.detail .prilohy a{
	display: block;
    float: left;
    width: calc(12.5% - 2vw);
    max-width: 12.5%;
    padding: 5px;
    border: 1px solid #00527B;
    border-radius: 3px;
    margin: 2vw 1vw 0px 1vw;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);
	opacity: 1;
	transition: opacity 0.2s, box-shadow 0.2s;
}
.detail .prilohy a img{
	width: 100% !important;
	height: auto !important;
}
.detail .prilohy a:hover{
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
	opacity: 0.5;
	transition: opacity 0.2s, box-shadow 0.2s;
}
.detail hr:last-of-type{
	border-bottom: 5px solid #00527B;
	margin: 0px 0px 1.5vw 0px;
	clear: both;
	padding: 1px 0px 1.5vw 0px;
}
.detail .h2souvisejici{
	padding-top: 2vw;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #00527B;
}
/* !detail */




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

}





@media
only screen and (max-width:1160px),
only screen and (max-device-width:1160px) {


	/* homepage komponentaSlozka - 3 */
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) .komponentaNavigace ul li a{
	    font-size: 12px;
	    text-transform: none;
	}
	/* !homepage komponentaSlozka - 3 */

}


@media
only screen and (max-width:960px),
only screen and (max-device-width:960px) {

	/* homepage komponentaSlozka - 3 */
	.zbozi .polozka {
	    width: 30%;
	    margin: 1.66% 1.66% 3% 1.66%;
	}
	/* !homepage komponentaSlozka - 3 */

	/* homepage komponentaSlozka - 2 akce */
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > table td {
	    width: 30%;
	    margin: 1.66% 1.66% 3% 1.66%;
	}
	/* !homepage komponentaSlozka - 2 akce */

	/* eshop */
	.katalog.eshop .komponentaNavigace{
	    display: block;
	    width: 31.66%;
	    float: left;
	    margin: 1.66% 1.66% 3% 0%;
	    margin-bottom: 3%;
	}
	/* !eshop */

}


/* prechod na TABLET */
@media
only screen and (max-width:860px),
only screen and (max-device-width:860px) {

	.panelHlavicka{
	    min-height: inherit;
	    max-height: inherit;
	}


	/* panelPomocneMenu */
	.panelHlavicka .panelPomocneMenu{
		height: 120px;
		width: 400px;
		max-width: 100%;
		z-index: 1;
	}
	.panelHlavicka .panelPomocneMenu .menu{
		display: block;
		background: url(img/tablet-menu-menu.png) scroll no-repeat center center/contain;
	    right: calc(65% - 0px);
		width: 100px;
		height: 90px;
		max-width: 26vw;
		cursor: pointer;
	}
	.panelHlavicka .panelPomocneMenu .komponentaHledat{
		background: url(img/tablet-menu-hledat.png) scroll no-repeat center center/contain;
	    right: calc(50% - 0px);
		width: 100px;
		height: 90px;
        max-width: 26vw;
        right: calc(10% + 0px);
	}
	.panelHlavicka .panelPomocneMenu .komponentaPrihlaseni{
		background: url(img/tablet-menu-login.png) scroll no-repeat center center/contain;
	    right: calc(25% + 0px);
		width: 100px;
		height: 90px;
        max-width: 26vw;
	}
	.panelHlavicka .panelPomocneMenu .komponentaKosik{
		background: url(img/tablet-menu-kosik.png) scroll no-repeat center center/contain;
	    right: calc(0% + 0px);
		width: 100px;
		height: 90px;
        max-width: 26vw;
	}
    .panelHlavicka .pozadi{
		position: absolute;
		left: 0px;
		right: 0px;
		top: 35px;
		height: 60px;
		background: red;
		border-top: 5px solid #E63E20;
        border-bottom: 5px solid #E63E20;
		background: #ffffff;
		padding: 5px 0px 5px 0px;
	}
    .panelHlavicka .pozadi div{
		background: #00527B;
		height: 100%;
	}
	/* !panelPomocneMenu */



	/* hlavni menu */
    #menu:checked ~ .hlavniMenu{
		height: 400px;
        opacity: 1;
		padding: 50px 0px 50px 0px;
		transition: padding 1s, height 1s, opacity 1s;
	}
	.panelHlavicka .hlavniMenu{
	    margin-top: 0px;
		background: rgba(0, 82, 123, 0.25);
	    border-top: 0px;
	    border-bottom: 0px;
		height: 0px;
		opacity: 0;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		box-shadow: 0px 0px 10px 5px rgba(0, 82, 123, 0.25);
		transition: padding 1s, height 1s, opacity 1s;
	}
	.panelHlavicka .hlavniMenu ul{
		height: auto;
	    border-top: 0px;
	    border-bottom: 0px;
	}
	.panelHlavicka .hlavniMenu ul li{
		display: inline-block;
		position: static;
		float: left;
		top: auto;
		width: 33.33%;
        height: 150px;
	}
	.panelHlavicka .hlavniMenu ul li:nth-child(1) {
		left:  auto;
		background: url(img/menu-onas.png) scroll no-repeat center center;
	}
	.panelHlavicka .hlavniMenu ul li:nth-child(2) {
		left:  auto;
		background: url(img/menu-pujcovna.png) scroll no-repeat center center;
	}
	.panelHlavicka .hlavniMenu ul li:nth-child(3) {
		left:  auto;
        background: url(img/menu-akce.png) scroll no-repeat center center;
	}
	.panelHlavicka .hlavniMenu ul li:nth-child(4) {
		left:  auto;
		background: url(img/menu-servis.png) scroll no-repeat center center;
	}
	.panelHlavicka .hlavniMenu ul li:nth-child(5) {
		left:  auto;
		background: url(img/menu-cenik.png) scroll no-repeat center center;
	}
	.panelHlavicka .hlavniMenu ul li:nth-child(6) {
		left:  auto;
		background: url(img/menu-kontakt.png) scroll no-repeat center center;
	}
	.panelHlavicka .hlavniMenu ul li a{
	    transform: rotate(0deg);
	    border-radius: 100px;
	}
	.panelHlavicka .hlavniMenu ul li a:hover{
	    background: rgba(255,255,255,0.5);
	    box-shadow: 0px 0px 5px 2px rgba(255,255,255,0.5);
		transition: background 0.2s, box-shadow 0.4s;
	}
	.panelHlavicka .logo{
	    width: auto;
	    height: 200px;
	    position: static;
	    left: auto;
	    width: auto;
	    top: auto;
	}
	/* !hlavni menu */


	/* homepage komponentaSlozka - 4 */
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(2) a {
	    width: 100px;
	    height: 100px;
	}
	/* !homepage komponentaSlozka - 4 */


	body:not(.homepage) .text.editor table,
    body:not(.homepage) .text.editor table tr,
    body:not(.homepage) .text.editor table tr td
	{
		display: block;
		width: 100%;
	}
    body:not(.homepage) .text.editor table tr td{
		padding: 0px 0px 10px 0px;
	}

	.priloha:only-child img{
		max-width: calc(100% - 4px);
	}

}

@media
only screen and (max-width:660px),
only screen and (max-device-width:660px) {

	/* homepage komponentaSlozka - 1 */
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(1) h1{
	    text-align: center;
	    font-weight: bold;
	    font-size: 20px;
	    line-height: 40px;
	    padding: 0vw 0px 0px 0px;
	    color: #00527B;
	    background: url(img/h1-welcome-tablet.png) scroll no-repeat center center/contain;
	    color: transparent;
	    margin: 0px 10px 1vw 10px;
        height: 90px;
	}
	/* !homepage komponentaSlozka - 1 */


	/* homepage komponentaSlozka - 3 */
	.zbozi .polozka {
	    width: 45%;
	    margin: 2.5% 2.5% 3% 2.5%;
	}
	/* !homepage komponentaSlozka - 3 */


	/* homepage komponentaSlozka - 2 akce */
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > table td {
	    width: 45%;
	    margin: 2.5% 2.5% 3% 2.5%;
	}
	/* !homepage komponentaSlozka - 2 akce */
	
	/* homepage komponentaSlozka - 4 */
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1),
    .homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) tbody,
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) tr,
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) td{
	    display: block;
		width: 100%;
	}
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) td:last-child{
		width: 100%;
	    max-width: 100%;
		padding: 0px 4vw 0px 4vw;
	}
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1){
	    margin: 1vw auto 1vw auto;
	}
    .homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) td:first-child a {
		float: none;
	}
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(5) .text > .sloupcovaSazba:nth-of-type(1) td:first-child a img{
    	margin: 0px auto;
    	display: block;
        max-width: calc(100% - 40px);
	}
	/* !homepage komponentaSlozka - 4 */


	/* eshop */
	.katalog.eshop .komponentaNavigace{
	    display: block;
	    width: 47.5%;
	    float: left;
	    margin: 2.5% 2.5% 3% 0%;
	    margin-bottom: 3%;
	}
	/* !eshop */



	/* detail */
	.detail h1{
		display: block;
		text-align: center;
	}
	.detail .obrazek{
		display: block;
		width: 400px;
		max-width: 90%;
		float: none;
		margin: 0px auto 0px auto;
	}
	.detail .pravyPanel{
		width: 100%;
		float: none;
	}
	.detail .pravyPanel .formularKoupit .nadpis td{
		display: none;
	}
	.detail .prilohy a{
		display: block;
	    float: left;
	    width: calc(25% - 2vw);
	    max-width: 25%;
	    padding: 5px;
	    border: 1px solid #00527B;
	    border-radius: 3px;
	    margin: 2vw 1vw 0px 1vw;
	    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);
		opacity: 1;
		transition: opacity 0.2s, box-shadow 0.2s;
	}
	.detail .prilohy a img{
		width: 100% !important;
		height: auto !important;
	}
	.detail .prilohy a:hover{
	    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
		opacity: 0.5;
		transition: opacity 0.2s, box-shadow 0.2s;
	}
	.detail hr:last-of-type{
		border-bottom: 5px solid #00527B;
		margin: 0px 0px 1.5vw 0px;
		clear: both;
		padding: 1px 0px 1.5vw 0px;
	}
	/* !detail */

}


@media
only screen and (max-width:460px),
only screen and (max-device-width:460px) {

	/* homepage komponentaSlozka - 3 */
	.zbozi .polozka {
	    max-width: 300px;
	    width: 100%;
	    margin: 2% auto 30px auto;
	    float: none;
	    display: block;
	}
	/* !homepage komponentaSlozka - 3 */



	/* homepage komponentaSlozka - 2 akce */
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(2) .text > table td {
	    max-width: 300px;
	    width: 100%;
	    margin: 2% auto 30px auto;
	    float: none;
	    display: block;
	}
	/* !homepage komponentaSlozka - 2 akce */
	
	

	/* eshop */
	.katalog.eshop .komponentaNavigace{
	    width: 100%;
	    float: none;
	    margin: 2% auto 30px auto;
	}
	/* !eshop */


	/* homepage komponentaSlozka - 3 */
	.homepage .panelObsah .katalog .text.editor .komponentaSlozka:nth-of-type(4) .komponentaNavigace ul li{
	    width: 27%;
	    margin: 1vw -20px 2vw 50px;
	    padding: 20px 20px 20px 50px;
	    min-width: 240px;
	}
	/* !homepage komponentaSlozka - 3 */



	/* hlavni menu */
    #menu:checked ~ .hlavniMenu{
		height: 560px;
	}
	.panelHlavicka .hlavniMenu ul li{
		display: inline-block;
		position: static;
		float: left;
		top: auto;
		width: 50%;
        height: 150px;
	}
	/* !hlavni menu */


	/* slideshow */
	.slideshow{
		width: auto;
		height: 300px;
		max-width: none;
	    max-height: 60vw;
	}
	.slideshow > .slide{
	    height: calc(100% - 10px);
	    position: absolute;
	    bottom: 10px;
	}
	.slideshow > .slide1{
	}
	.slideshow > .muz,
	.slideshow > .zena{
	    display: none;
	}
	/* !slideshow */



	/* zbozi */
	.formularFiltry{
	    padding: 1.5% 1.5% 1.5% 3px;
	}
	.formularFiltry .odesli input[name=aplikujFiltry]{
		width: calc(50%);
		margin: 1px 0px 1px 0px;
	}
	.formularFiltry .odesli input[name=odstranFiltry]{
		width: calc(50% - 5px);
	    margin: 1px 0px 1px 5px;
	}
	.formularFiltry .polozka.hledej input{
		width: calc(100%);
	}
	/* !zbozi */


}