


/* Globalni styly */

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


html {
	background-color: #0B0B0B;
}

head {
	display: none;
}

body {
	background-color: #ffffff;
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #3d3d3d;
	position: relative;
	opacity: 0;

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

}

.italiano{
	font-family: 'Italianno', cursive;
}

.font20{
	font-size: 20px;
}

body.homepage{
    min-height: 100vh;
	display: grid;
	grid-template-areas: 'header' 'main' 'footer';
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
}

body:not(.homepage){
	min-height: 100vh;
	display: grid;
	grid-template-areas: 'header' 'main' 'footer';
	grid-template-columns: 100%;
	grid-template-rows: auto 1fr auto;
}

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

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

input:not([type=file]),
textarea,
select{
	border: 1px solid #777777;
	padding: 5px;
	margin: 0px 1px 1px 0px;
}


input[type=text],
input[type=password]{
	color: #666666;
}

input[type=text]:focus,
input[type=password]:focus{
	color: #3d3d3d;
}

*::-webkit-input-placeholder {
	color: rgba(0, 142, 227, 0.75);
	color: silver;
}
*:-moz-placeholder {
	color: rgba(0, 142, 227, 0.75);
	color: silver;
}
*::-moz-placeholder {
	color: rgba(0, 142, 227, 0.75);
	color: silver;
}
*:-ms-input-placeholder {
	color: rgba(0, 142, 227, 0.75);
	color: silver;
}

h1,h2,h3,h4{
	color: #9B8019;
	font-weight: bold;
	padding-bottom: 10px;
}

hr{
    clear: both;
    border-bottom: 1px solid #9B8019;
    margin-bottom: 20px;
    padding-top: 20px;
}

p{
	padding-bottom: 10px;
}
.homepage a{
	color: #3d3d3d;
	font-weight: normal;
}
.homepage a:hover{
	cursor: pointer;
	color: #9B8019;
}
a *{
	cursor: pointer;
}

header a
{
	cursor: pointer;
	text-decoration: underline;
	text-decoration: none;
	color: #3d3d3d;
	transition: color 0.3s;
	font-weight: bold;
}

main a{
	cursor: pointer;
	text-decoration: underline;
	text-decoration: none;
	color: #9B8019;
	transition: color 0.3s;
	font-weight: bold;
}
header a:hover,
main a:hover{
	text-decoration: underline;
	color: #9B8019 !important;
	color: #9B8019 !important;
	transition: color 0.35s;
}

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

.panelObsah .text ul{
    list-style-type: disc;
    padding-bottom: 10px;
}
.panelObsah .text ol{
    list-style-type: decimal;
    padding-bottom: 10px;
}

input[type=button],
input[type=submit],
.button,
button{
	background-color: #ffffff;
	color: #777777;
	text-align: center;
	min-width: 100px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #aaaaaa;
	transition: border 0.2s, box-shadow 0.2s, background-color 0.2s;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=button]:focus,
input[type=submit]:focus,
input[type=image]:hover,
.button:hover,
button:hover
{
	background-color: #eeeeee;
	box-shadow: 0px 0px 6px 2px #dddddd;
	border: 1px solid rgba(119,119,119,0.5);
	transition: border 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.prepinacStranek:after,
.vnitrek:after,
ul:after,
.panelObsah:after,
.zbozi:after,
.cistic:after
{
	content: '';
	display: block;
	clear: both;
	font-size: 0px;
	visibility: hidden;
}


.msg{
    text-align: center;
    padding: 5px;
    background-color: rgba(0, 142, 227, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(0, 142, 227, 0.5);
}
.err{
    text-align: center;
    padding: 5px;
    background-color: rgba(255, 0, 0, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.5);
}
strong, b{
	font-weight: bold;
}

y ri?? 
	display: none !important;
}
/*****************************************************************************/


.vnitrek{
	display: block;
	width: 1200px;
	max-width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}




/* header - pomocny na homepage */

header.homepage{
	background-color: #fff;
	padding-left: 50px;
	padding-right: 50px;
}
header .pomocny a,
header .menu a{
	cursor: pointer;
	text-decoration: underline;
	xcolor: #ffffff;
	transition: color 0.3s;
}
header .pomocny a:hover,
header .menu a:hover{
	color: #9B8019 !important;
	transition: color 0.35s;
}
header .pomocny{
	padding: 10px 0px 10px 0px;
	border-bottom: 2px solid #EDEDED;
}
header .pomocny .logo{
    background-image: url(img/ricciolo.svg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center 60%;
    background-size: 100% auto  ;
	display: block;
	width: 169px;
	height: 77px;
	max-width: 100%;
	font-size: 0px;
	color: transparent;
	float: left;
}
header .pomocny .komponentaKosik{
	display: inline-block;
	float: right;
	line-height: 30px;
	cursor: default;
	margin-top: 23px;
	padding-right: 35px;
	position: relative;
	text-decoration: none;
}
header .pomocny .komponentaKosik .obsah{
	display: block;
	border: 2px solid #ffffff;
	border-radius: 15px;
	padding: 0px 5px 0px 5px;
	min-width: 200px;
	background: #d9d9d9;
	line-height: 26px;
	text-align: center;
}
header .pomocny .komponentaKosik .dokosiku{
	display: block;
	position: absolute;
	width: 35px;
	background: url(img/ostatni-kosik.png) scroll no-repeat center center;
	right: 0px;
	top: 0px;
	height: 30px;
	cursor: pointer;
}
header .komponentaMenu1{
    float: right;
    margin-top: 23px;
}
header .komponentaMenu1 li{
    display: inline-block;
}
header .komponentaMenu1 a{
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    cursor: pointer;
    line-height: 30px;
    xcolor: #fff;
}
@media only screen and (max-width:900px) {
    header .pomocny {
        border-bottom: 0px;
    }
    header.homepage{
    	padding-left: 10px;
    	padding-right: 10px;
    }
    header .pomocny .logo{
    	width: auto;
    	float: none;
    	background-size: auto;
    }
    header .pomocny .komponentaKosik{
    	float: none;
    	margin: 23px auto 8px auto;
    	width: 280px;
    	max-width: 100%;
    	display: block;
    }
    header .pomocny .komponentaKosik .obsah{
        min-width: 0px;
        width: 100%;
    }
    header .pomocny .komponentaKosik .dokosiku{
    	display: inline-block;
    	float: none;
    }
    header .roleta{
        display: none !important;
    }
    header .komponentaMenu1{
        text-align: center;
        float: none;
        margin-top: 0;
    }
}
/* !header - pomocny */





/* 2019 slideshow */
.slideshow{

    height: 37vw;
    max-height: 500px;
    
	position: relative;
    margin: 0 auto 10px auto;
}
.slideshow{

}
.slideshow .slozky {
    display: block;
}
.slideshow .slozka{
    display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: opacity 1s;
}
.slideshow .slozka div{
    background-size: cover;
    background-position: center center;
    display: table;
    width: 100%;
    height: 100%;
}
.slideshow .nahled{
	opacity: 1;
}
.slideshow .nazev{
    /*display: table-cell;*/
    display: none;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-shadow: 1px 1px black, 0px 0px 30px black, 0px 0px 50px black, 0px 0px 30px black;
    font-size: 30px;
    line-height: 34px;
}
.slideshow .buttons{
	height: 100%;
	margin: 0px auto;
	opacity: 0;
	transition: opacity 0.5s;
}
.slideshow:hover .buttons{
	opacity: 1;
	transition: opacity 0.3s;
}
.slideshow .buttons #prevSlide,
.slideshow .buttons #nextSlide{
	position: absolute;
	font-size: 20px;
	line-height: 48px;
	color: rgba(255,255,255,0.75);
    top: 100px;
	top: calc(50% - 25px);
	cursor: pointer;
	z-index: 1;
	display: block;
	width: 50px;
	height: 50px;
	background-color: rgba(0,0,0,0.15);
    border-radius: 25px;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.75);
}
.slideshow .buttons #prevSlide {
	left: 20px;
	min-width: 0px;
}
.slideshow .buttons #nextSlide {
	right: 20px;
	min-width: 0px;
}
.slideshow .odkaz{
    position: absolute;
    display: block;
    height: 100%;
    top: 0px;
    width: 80%;
    width: calc(100% - 200px);
    left: 10%;
    left: calc(0% + 100px);
}
.slideshow .odkaz:hover{
    background-color: rgba(0,0,0,0) !important;
}
.slideshow .slozka1154 > div{
    background-size: contain;
    background-repeat: no-repeat;
}
@media only screen and (max-width:700px){
    .slideshow{
        /*min-height: 250px;*/
    }
    .slideshow .nazev{
        font-size: 17px;
        padding: 0 10px;
        line-height: inherit;
    }
}
/* 2019 slideshow */





/* header - menu na homepage*/
header nav{
	padding: 15px 0px 15px 0px;
	position: relative;
	text-align: center;
}
header nav *{
    /*text-transform: lowercase;*/
}
header nav li{
	display: inline-block;
	padding: 10px 0px 10px 0px;
}
header nav li > .polozka{
	display: block;
	border-left: 1px solid white;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	cursor: pointer;
	line-height: 20px;
}
header nav li:first-child > .polozka{
	border-left: 0px;
	padding: 0px 20px 0px 0px;
}
nav .polozka[href*=s2CZ],
nav > ul.hloubka1 > li > ul.hloubka2 > li > .polozka,
header nav img,
header nav .pocetPolozek{
	display: none;
}

nav > ul.hloubka1 > li > ul.hloubka2 > li > .polozka[href*=s886CZ],
nav > ul.hloubka1 > li > ul.hloubka2 > li > .polozka[href*=s160CZ],
nav > ul.hloubka1 > li > ul.hloubka2 > li > .polozka[href*=s169CZ],
nav > ul.hloubka1 > li > ul.hloubka2 > li > .polozka[href*=s178CZ],
nav > ul.hloubka1 > li > ul.hloubka2 > li > .polozka[href*=s261CZ],
nav > ul.hloubka1 > li > ul.hloubka2 > li > .polozka[href*=s184CZ],
nav > ul.hloubka1 > li > ul.hloubka2 > li > .polozka[href*=s493CZ]
{
    display: block;
}
header .menu .btnMenu{
	display: none;
	width: 40px;
	height: 40px;
	background: url(img/menu.png) scroll  no-repeat center 60%;
	font-size: 0px;
	cursor: pointer;
}
@media only screen and (max-width:900px) {
	header nav{
		display: none;
	}
}
/* !header - menu */




/* roleta */
header .roleta{
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
    padding: 20px 0;
    background-color: #d9d9d9;
    border-top: 10px solid #d9d9d9;
    box-shadow: 0 0 2px 0px rgb(0 0 0 / 85%);
}
header .roleta *{
    text-align: left;
}
header li:nth-child(2) .roleta{
    display: block;
}
header .roleta .hloubka1{
    display: block;
}
header .roleta li{
    padding: 0;
    
}
header .roleta .polozka{
    padding: 5px 10px 5px 42px !important;
    border: 0px;
    display: block;
    float: left;
    width: 300px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
header .roleta .hloubka2{
    display: none;
}
header .roleta img{
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0px;
    left: 5px;
    border: 1px solid #999;
    border-radius: 0px;
}
header .roleta .polozka:before{
    content: ' ';
    background: white;
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0px;
    left: 5px;
    border: 0px solid #999;
    box-shadow: inset 0 0 1px 1px #999;
    border-radius: 0px;
}
/* roleta */



/* header - ostatni + logo */
header:not(.homepage){
	padding-left: 10px;
	padding-right: 10px;
}
header .ostatni{
	padding: 10px 0px 10px 0px;
}
header .ostatni .logo{
    background-image: url(img/ricciolo-white.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
	display: block;
	width: 169px;
	height: 77px;
	max-width: 100%;
	font-size: 0px;
	color: transparent;
	float: left;
}
@media only screen and (max-width:900px) {
    header .ostatni .logo{
    	float: none;
    	margin: 10px auto 10px auto;
    }
}
/* !header - ostatni + logo */





/* header - ostatni - menu */
header .ostatni .komponentaNavigace{
	/*display: none !important;*/
}
header .ostatni .komponentaNavigace ul{
	display: inline-block;
	padding: 0;
	float: right;
    text-align: right;
}
header .ostatni .komponentaNavigace ul li{
	display: inline-block;
	padding: 10px 0px 10px 0px;
}
header .ostatni .komponentaNavigace ul .polozka{
	display: block;
	border-right: 1px solid #9B8019;
	padding: 0px 17px 0px 17px;
	text-decoration: none;
	cursor: pointer;
	line-height: 20px;
	font-weight: bold;
}
header .ostatni .komponentaNavigace .pocetPolozek{
    display: none;
}
header .ostatni .komponentaNavigace li:last-child > *{
	border-right: 0px;
	padding: 0px 0px 0px 17px;
}
header .ostatni .komponentaNavigace img,
header .ostatni .komponentaNavigace .hloubka2{
	display: none !important;
}
@media only screen and (max-width:900px) {
    header .ostatni .komponentaNavigace ul{
    	display: block !important;
    	float: none !important;
    	text-align: center !important;
        max-width: unset;
        clear: both;
    }
    header .ostatni .komponentaNavigace ul li{
    	float: none;
    	display: inline-block;
    }
}
/* !header - ostatni - menu */





/* header - ostatni - uzivatel */
header .ostatni .uzivatel{
	display: block;
	padding: 0;
	float: right;
	border-top: 1px solid #9B8019;
	clear: right;
    margin-top: 5px;
    padding-top: 10px;
	width: 492px;
    max-width: 100%;
}
header .ostatni .uzivatel ul{
	display: inline-block;
}
header .ostatni .uzivatel ul li{
	display: block;
	float: left;
	padding: 10px 0px 10px 0px;
}
header .ostatni .uzivatel ul a,
header .ostatni .uzivatel ul span{
	display: block;
	border-right: 1px solid #9B8019;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	cursor: pointer;
	line-height: 20px;
}
header .ostatni .uzivatel ul li:last-child > *{
	border-right: 0px;
	padding: 0px 0px 0px 10px;
}
header .ostatni .uzivatel ul ul{
	display: none;
}
header .komponentaMenu2 a{
	color: #9B8019;
}
header .ostatni .komponentaKosik{
	display: inline-block;
	float: right;
	line-height: 30px;
	color: #ffffff;
	cursor: default;
	padding: 5px 0px 5px 20px;
	position: relative;
	text-decoration: none;
}
header .ostatni .komponentaKosik .obsah{
	display: block;
	border: 1px solid #aaaaaa;
	border-radius: 15px;
	padding: 0px 5px 0px 5px;
	min-width: 200px;
	line-height: 26px;
	margin-right: 30px;
	color: #D9D9D9;
	text-align: center;
	box-shadow: inset 0px 0px 3px 1px #dddddd;
}
header .ostatni .komponentaKosik .obsah *{
	font-size: 12px;
}
header .ostatni .komponentaKosik .obsah .pocet,
header .ostatni .komponentaKosik .obsah .cena{
	color: #3d3d3d;
}
header .ostatni .komponentaKosik .dokosiku{
	display: block;
	position: absolute;
	width: 35px;
	background: url(img/ostatni-kosik.png) scroll no-repeat right center;
	right: 0px;
	top: 4px;
	height: 30px;
	cursor: pointer;
}
@media only screen and (max-width:900px) {
    header .ostatni .uzivatel{
    	float: none;
    	border-top: 1px solid #9B8019;
    	clear: both;
    	border-top: none;
    	width: auto;
    }
    header .ostatni .uzivatel ul{
    	display: block;
    	float: none;
    	clear: both;
    	text-align: center;
    }
    header .ostatni .uzivatel ul li{
    	display: inline-block;
    	float: none;
    	clear: both;
    }
    header .ostatni .komponentaKosik{
    	display: block;
    	float: none;
    	max-width: 320px;
        margin: 0px auto;
    }
    header .ostatni .komponentaKosik .obsah{
    	min-width: 0;
    }
}
/* !header - ostatni - uzivatel */





/* rodinne sperkarstvi */
.vnitrek.sperkarstvi{
	margin: 10px auto 10px auto;
}
.vnitrek.sperkarstvi .komponentaSlozka{
	border: 1px solid #9B8019;
	padding: 20px 30px 10px 30px;
	text-align: justify;
}
/* !rodinne sperkarstvi */





/* obsah katalog */
main {
    padding-left: 50px;
    padding-right: 50px;
}
main .vnitrek.obsah > *:not(nav){
	float: right;
    width: 75%;
	width: calc(100% - 220px);
    padding: 0px 0px 0px 20px ;
}
main .katalog > h1{
	font-size: 20px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 10px;
}
main .formularFiltry,
main .formularRazeni{
	display: none;
}
main .formularRazeni{
    margin: 10px auto;
    display: block;
}
main .formularRazeni input[type=radio]{
    display: none;
}
main .formularRazeni input:checked + label{
    color: #9B8019;
}
main .formularRazeni input + label{
    font-size: 0.8rem;
    cursor: pointer;
    margin-right: 20px;
}
@media only screen and (max-width:900px) {
    main {
        padding-left: 10px;
        padding-right: 10px;
    }
    main .katalog > *{
    	float: none;
    	width: auto;
    	padding-left: 0px;
    }
    main .vnitrek.obsah > *{
    	display: block !important;
    	float: none !important;
    	width: auto !important;
    	padding-left: 0 !important;
    	padding-right: 0 !important;
    }
    main h1{
        margin: 20px auto 10px auto;
        text-align: center;
    }
}
/* !katalog */








/* text editor */
.panelObsah .text.editor p{
	text-align: justify;
}
.panelObsah .text.editor .stylBunkaStred{
	text-align: center;
}
.panelObsah .text.editor .priloha{
	max-width: 100%;
	height: auto;
}
.panelObsah .text.editor .prilohaL{
	float: left;
	margin: 0px 10px 1px 0px;
}
.panelObsah .text.editor .prilohaR{
	float: right;
	margin: 0px 0px 1px 10px;
}
.panelObsah .text.editor .priloha img{
	max-width: 100%;
	height: auto;
	cursor: pointer;
}
.panelObsah .text.editor table td{
	vertical-align: top;
}
.panelObsah .text.editor table p:only-child .priloha{
	float: none;
}
@media only screen and (max-width:900px) {
    .panelObsah .text.editor table,
    .panelObsah .text.editor table thead,
    .panelObsah .text.editor table tbody,
    .panelObsah .text.editor table tfoot,
    .panelObsah .text.editor table tr,
    .panelObsah .text.editor table td{
    	display: block;
    	float: left;
    	width: 100%;
    	padding-left: 0px;
    	padding-right: 0px;
    }
}
/* .text.editor */






/* kontakty */
.kontakty .text.editor .sloupcovaSazba{
	width: 100%;
}
.kontakty .text.editor .sloupcovaSazba td:first-child{
	border-right: 1px solid silver;
}
.kontakty .text.editor table td:last-child{
	padding-left: 5%;
}
.kontakty .text.editor table td:first-child{
	padding-right: 5%;
}
.kontakty .text.editor iframe{
	width: 100%;
	height: 350px;
}
.overview-map{
	display: none;
}
.kontakty .text.editor .povinnePolicko,
.kontakty .text.editor .povinnePolickoInfo{
	display: none;
}
.kontakty .text.editor table .popis{
	white-space: nowrap;
}
.kontakty .text.editor table .hodnota input:not([type="submit"]){
	min-width: 50%;
}
.kontakty .text.editor table .hodnota input:not([type="submit"]),
.kontakty .text.editor table .hodnota textarea{
	border-top: 1px solid rgba(0,0,0,0.0);
	border-left: 1px solid rgba(0,0,0,0.0);
	border-right: 1px solid rgba(0,0,0,0.0);
	transition: all 1s;
	max-width: 100%;
}
.kontakty .text.editor table .hodnota textarea{
    width: 100% !important;
}
.kontakty .text.editor table .hodnota input:not([type="submit"]):hover,
.kontakty .text.editor table .hodnota input:not([type="submit"]):focus,
.kontakty .text.editor table .hodnota textarea:hover,
.kontakty .text.editor table .hodnota textarea:focus{
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	transition: all 0.3s;
}

@media only screen and (max-width:900px) {
    .kontakty .text.editor table td{
    	padding: 0 !important;
    	border: none !important;
    }
    .kontakty .text.editor table .hodnota input:not([type="submit"]),
    .kontakty .text.editor table .hodnota textarea{
    	border-top: 1px solid #777777;
    	border-left: 1px solid #777777;
    	border-right: 1px solid #777777;
    	width: 100% !important;
    }
}
/* !kontakty */





/* pomocnaNavigace drobeckova */
.pomocnaNavigace .drobeckova,
.detail .drobeckovaNavigace{
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding-bottom: 15px;
	text-decoration: none;
}
.pomocnaNavigace .drobeckova *,
.detail .drobeckovaNavigace *{
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding-bottom: 15px;
	text-decoration: none;
}
.pomocnaNavigace .drobeckova .polozka:nth-child(2){
	display: none;
}
.pomocnaNavigace .drobeckova *:not(:last-child),
.detail .drobeckovaNavigace > *:not(:last-child){
	text-transform: uppercase;
}
@media only screen and (max-width:900px){
    .pomocnaNavigace .drobeckova{
        text-align: center;
    }
}
/* !pomocnaNavigace drobeckova */






/* .pomocnaNavigace .podslozky */
.identifikace2 .pomocnaNavigace .podslozky{
	padding-bottom: 10px;
}
.identifikace2 .pomocnaNavigace .podslozky ul li{
	display: table;
	float: left;
	width: calc(33.33% - 2px);
	border: 1px solid silver;
	margin: 1px;
	height: 66px;
	overflow: hidden;
}
.identifikace2 .pomocnaNavigace .podslozky ul li a{
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	background: url(img/ricciolo-white.png) scroll no-repeat 10px center/50px auto;
}
.identifikace2 .pomocnaNavigace .podslozky ul li a img{
	position: absolute;
	height: 60px !important;
	width: 60px !important;
	top: 2px;
	left: 2px;
	cursor: pointer;
}
.identifikace2 .pomocnaNavigace .podslozky li a span{
	display: block;
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	padding: 0px 5px 0px 65px;
	cursor: pointer;
	color: #3d3d3d;
	font-weight: normal;
	font-size: 0.8rem;
	text-align: left;
}
.pomocnaNavigace .pocetPolozek{
    display: none !important;
}
/*@media only screen and (max-width:900px){
    .identifikace2 .pomocnaNavigace .podslozky ul li{
    	display: none;
    }
}*/
@media only screen and (max-width:900px){
    .identifikace2 .pomocnaNavigace .podslozky ul li{
        float: none;
        width: 100%;
    }
}
/* !pomocnaNavigace .podslozky */




/* socnet */
.socnet{
	text-align: center;
	font-size: 0px;
	line-height: 0px;
}
.socnet a{
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(0,0,0,0);
	cursor: pointer;
	margin-right: 5px;
}
.socnet a[href*=facebook]{background: url(img/socnet-fb.png) scroll no-repeat center center/contain;}
.socnet a[href*=google]{background: url(img/socnet-google.png) scroll no-repeat center center/contain;}
.socnet a[href*=instagram]{background: url(img/socnet-instagram.png) scroll no-repeat center center/contain;}
.socnet a[href*=pinterest]{background: url(img/socnet-pinterest.png) scroll no-repeat center center/contain;}
.socnet a:hover{
	border: 1px solid #dddddd;
}
/* !socnet */





/* prepinacStranek */
.prepinacStranek{
	padding-bottom: 10px;
}
.prepinacStranek.dolni{
	padding-top: 20px;
	padding-bottom: 0px;
}
.prepinacStranek span, .prepinacStranek a{
    display: inline-block;
    float: left;
    padding: 3px 2px 3px 2px;
    margin: 1px;
    border: 1px solid #999999;
    min-width: 25px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    font-family: sans-serif;
    line-height: 12px;
    border-radius: 0px;
    color: #777777;
}
.prepinacStranek span, .prepinacStranek a:hover{
    color: #9B8019;
    border: 1px solid #9B8019;
    font-weight: bold;
    box-shadow: inset 0px 0px 5px 1px rgba(136, 120, 71, 0.35);
}
.prepinacStranek .prvni, .prepinacStranek .posledni{
	min-width: 30px;
}
.tlacitkoDalsiStrana {
	text-align: center;
	position: relative;
}
.tlacitkoDalsiStrana .skrolujNahoru{
	position: absolute;
	right: 0px;
	top: 0px;
}
@media only screen and (max-width:900px){
    .prepinacStranek{
        text-align: center;
    	font-size: 0px;
    	line-height: 0px;
    	clear: both;
    }
    .prepinacStranek span, .prepinacStranek a{
    	float: none;
    }
	.tlacitkoDalsiStrana input{
		float: right;
	}
	.tlacitkoDalsiStrana .skrolujNahoru{
		position: static;
		float: left;
	}
}
/* !prepinacStranek */








/* zbozi + komponentaZbozi */
.panelObsah .zbozi .polozka{
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center 20%;
	background-size: 80% auto;
	background-attachment: scroll;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	text-decoration: none;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0);
	transition: box-shadow 1s, border 1s;
	position: relative;
}
.panelObsah .zbozi .polozka:before{
	display: block;
	content: "";
	padding-top: 100%;
}
.panelObsah .zbozi .polozka:hover{
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.07);
	transition: all 0.3s;
}
.panelObsah .zbozi .polozka *{
	cursor: pointer;
}
.panelObsah .zbozi .polozka h3{
	display: block;
    font-size: 30px;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
    text-align: center;
    padding: 0px 5px 0px 5px;
    margin: 0px auto 10px auto;
    color: #3d3d3d;
}
.panelObsah .zbozi .polozka h2{
	display: block;
    color: #9B8019;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    padding: 0px 10px 0px 10px;
    margin: 0px auto 0px auto;
}
.panelObsah .zbozi .polozka table{
	width: 100%;
}
.panelObsah .zbozi .polozka table .leva{
	width: 140px;
	text-align: center;
	padding: 20px 0 20px 0;
}
.panelObsah .zbozi .polozka table .leva .detailZbozi{
	display: inline-block;
	width: 70%;
	min-width: 60px;
}
.panelObsah .zbozi .polozka table .prava{
	text-align: center;
	padding: 20px 10px 20px 3px;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
}
.panelObsah .zbozi .polozka table .prava span{
	padding-left: 5px;
	line-height: 17px;
	font-weight: normal;
}
.panelObsah .zbozi .polozka .priznaky{
	position: absolute;
	left: 0px;
	width: 100%;
	top: 20px;
	text-align: center;
}
.panelObsah .zbozi .polozka .priznaky *{
    font-size: 30px;
    font-weight: normal;
    color: #3d3d3d;
    display: inline-block;
    /*
	background: rgba(255, 255, 255, 0.75);
    box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.75);
    border-radius: 15px;
    padding: 0px 10px 0px 10px;
    */
    text-shadow: 1px 1px white;
}
.komponentaZbozi.zbozi{
	float: none;
	width: auto;
	padding: 10px 0px 10px 0px ;
}
.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(4n - 3){width: 24%; width: calc(25.00% - 6px); margin: 0px 8px 8px 0px; }
.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(4n - 2){width: 24%; width: calc(25.00% - 6px); margin: 0px 8px 8px 0px; }
.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(4n - 1){width: 24%; width: calc(25.00% - 6px); margin: 0px 8px 8px 0px; }
.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(4n - 0){width: 24%; width: calc(25.00% - 6px); margin: 0px 0px 8px 0px; }

@media only screen and (max-width:1000px){
	.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(3n - 2){width: calc(33.33% - 6px); margin: 0px 9px 9px 0px; }
	.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(3n - 1){width: calc(33.33% - 6px); margin: 0px 9px 9px 0px; }
	.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(3n - 0){width: calc(33.33% - 6px); margin: 0px 0px 9px 0px; }
	.panelObsah .zbozi .polozka,.panelObsah .komponentaZbozi.zbozi .polozka{border: 1px solid #eee;}
}
@media only screen and (max-width:700px){
	.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(2n - 1){width: calc(50.00% - 5px); margin: 0px 5px 10px 0px; }
	.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(2n - 0){width: calc(50.00% - 5px); margin: 0px 0px 10px 5px; }
}
@media only screen and (max-width:500px){
	.panelObsah .komponentaZbozi.zbozi .polozka:nth-child(1n){width: 300px; margin: 0px auto 10px auto; float: none; }
}
.panelObsah .souvisejici .zbozi .polozka:nth-child(3n - 2), .panelObsah .katalog .zbozi .polozka:nth-child(3n - 2){width: 32%; width: calc(33.33% - 6px); margin: 0px 9px 9px 0px; }
.panelObsah .souvisejici .zbozi .polozka:nth-child(3n - 1), .panelObsah .katalog .zbozi .polozka:nth-child(3n - 1){width: 32%; width: calc(33.33% - 6px); margin: 0px 9px 9px 0px; }
.panelObsah .souvisejici .zbozi .polozka:nth-child(3n - 0), .panelObsah .katalog .zbozi .polozka:nth-child(3n - 0){width: 32%; width: calc(33.33% - 6px); margin: 0px 0px 9px 0px; }
.panelObsah .souvisejici{
	margin-top: 200px;
}
.panelObsah .souvisejici h2{
    padding-bottom: 5px;
}
.panelObsah .souvisejici .zbozi{
	border-top: 1px solid #F3F2F2;
	padding-top: 5px;
}
@media only screen and (max-width:900px){
	.panelObsah .souvisejici .zbozi .polozka:nth-child(2n - 1), .panelObsah .katalog .zbozi .polozka:nth-child(2n - 1){width: 48%; width: calc(50.00% - 5px); margin: 0px 5px 10px 0px; }
	.panelObsah .souvisejici .zbozi .polozka:nth-child(2n - 0), .panelObsah .katalog .zbozi .polozka:nth-child(2n - 0){width: 48%; width: calc(50.00% - 5px); margin: 0px 0px 10px 5px; }
}
@media only screen and (max-width:600px){
	.panelObsah .souvisejici .zbozi .polozka:nth-child(1n), .panelObsah .katalog .zbozi .polozka:nth-child(1n){
		width: 100%;
		margin: 0px 0px 10px 0px;
	}
}
@media only screen and (max-width:900px){
	.panelObsah .souvisejici h2{
		text-align: center;
	}
	.panelObsah .souvisejici .zbozi .polozka:nth-child(1n), .panelObsah .katalog .zbozi .polozka:nth-child(1n){
		max-width: 280px;
		margin: 0px auto 10px auto;
		float: none !important;
	}
}
/* !zbozi + komponentaZbozi */





/* navigace */
#menu,
label[for=menu]{
    display: none;
}
.panelObsah nav{
	float: left;
    width: 24%;
	width: calc(220px);
	margin-bottom: 20px;
}
.homepage .panelObsah nav > .hloubka1{
    display: none;
}
.panelObsah nav .hloubka2 > li > .polozka{
    text-transform: uppercase;
}
.homepage .panelObsah nav,
.panelObsah nav > .hloubka1 > li > a,
.panelObsah nav > .hloubka1 img,
.panelObsah nav .pocetPolozek{
	display: none;
}
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .polozka,
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .polozka,
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .hloubka4 > li > .polozka{
	display: block;
	line-height: 20px;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #aaaaaa;
	text-decoration: none;
	cursor: pointer;
	color: #3d3d3d;
	font-weight: normal;
}
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .polozka{
	padding: 10px 5px 10px 35px;
	position: relative;
}
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .hloubka4 > li > .polozka{
	padding: 10px 5px 10px 45px;
	position: relative;
}
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .hloubka4 > li > .polozka *{
	font-size: 0.8rem;
	line-height: 20px;
}
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .polozka:before{
	content: ">";
	padding-right: 5px;
	color: #9B8019;
	position: absolute;
	left: 22px;
	top: 8px;
	font-size: 20px;
}
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .hloubka4 > li > .polozka:before{
	content: ">";
	padding-right: 5px;
	color: #9B8019;
	position: absolute;
	left: 34px;
	top: 10px;
	font-size: 16px;
}

.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .polozka span{
	line-height: 20px;
}
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .vybrana,
.panelObsah nav > .hloubka1 > li > .hloubka2 > li > .hloubka3 > li > .vybrana{
	color: #9B8019;
	font-weight: bold;
}
.panelObsah nav .roleta{
    display: none !important;
}
.panelObsah nav.adresare{
    display: none;
}
@media only screen and (max-width:900px){
    .panelObsah nav.adresare{
        display: block !important;
    }
    .panelObsah nav.adresare > .hloubka1{
        display: none;
    }
    .panelObsah nav.adresare{
        display: block;
        width: auto;
        float: none;
    }
    label[for=menu]{
        display: block;
        text-align: center;
    }
    label[for=menu] span{
        background: url(img/menu-round.png) scroll no-repeat right center / contain;
        line-height: 70px;
        cursor: pointer;
        margin: 10px auto;
        padding-right: 80px;
        color: #9B8019;
        font-size: 1.5rem;
        font-weight: bold;
        display: inline-block;
    }
    #menu:checked + .hloubka1{
        display: block;
        background: white;
    }
    .panelObsah nav.adresare[data-fixed="1"]{
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        background: rgb(255 255 255 / 85%);
        z-index: 999;
        box-shadow: 0 0 3px 0px rgb(0 0 0 / 65%);
    }
    .panelObsah nav.adresare[data-fixed="1"] label[for=menu] span{
        line-height: 2rem;
        padding-right: 2.5rem;
        font-size: 1rem;
    }
}
/* !navigace */





/* reklama */
.panelObsah nav > .komponentaSlozka{
	padding: 10px 0px 10px 0px;
}
.panelObsah nav > .komponentaSlozka .text > *,
.panelObsah nav > .komponentaSlozka .text > p > *{
	display: block;
}
.panelObsah nav > .komponentaSlozka .text *{
	/*width: 100% !important;*/
	max-width: 100%;
	margin: 0px auto;
}
.panelObsah nav > .komponentaSlozka .text .priloha,
.panelObsah nav > .komponentaSlozka .text .priloha img{
	height: auto !important;
}
@media only screen and (max-width:900px) {
    .panelObsah nav > .komponentaSlozka{
    	display: none;
    }
}
/* !reklama */





/* panelMenu */
/*
.panelMenu{
	background-color: #008EE3;
}
.panelMenu .panelMenuVnitrek{
	width: 1000px;
	max-width: 100%;
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
	position: relative;
}
.panelMenu .panelMenuVnitrek .logo,
.panelMenu .panelMenuVnitrek .logo *{
	font-size: 30px;
	text-decoration: none;
	color: #ffffff;
	line-height: 30px;
	cursor: pointer;
}
.panelMenu .panelMenuVnitrek .logo strong{
	font-weight: bold;
	text-shadow: 2px 2px 2px red;
	text-shadow: 0px 0px 30px #ffffff, 2px 0px 2px #ffffff, -2px 0px 2px #ffffff;
	line-height: 30px;
}
.panelMenu .panelMenuVnitrek ul,
.panelMenu .panelMenuVnitrek .avatar{
	float: right;
}
.panelMenu .panelMenuVnitrek ul,
.panelMenu .panelMenuVnitrek ul *{
	display: inline-block;
	padding: 0;
	margin: 0;
}
.panelMenu .panelMenuVnitrek ul a{
	color: #ffffff;
	text-transform: uppercase;
    padding: 4px 15px 4px 15px;
    text-decoration: none;
    cursor: pointer;
}
.panelMenu .panelMenuVnitrek ul li:last-child a{
    padding: 4px 0px 4px 15px;
}
.panelMenu .panelMenuVnitrek ul a:hover{
	text-shadow: 0px 0px 15px #ffffff;
}
#prihlasen:checked ~ .panelMenu .panelMenuVnitrek ul a[href*='-s12'],
#prihlasen:not(:checked) ~ .panelMenu .panelMenuVnitrek ul a[href*='-s14'],
#prihlasen:checked ~ .panelMenu .panelMenuVnitrek ul a[href*='-s11'],
#prihlasen:not(:checked) ~ .panelMenu .panelMenuVnitrek ul a[href*='-s13']{
	display: none;
}
.panelMenu .panelMenuVnitrek .avatar img{
	height: 30px !important;
	width: auto !important;
	margin-left: 15px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
}
.fb-obal{
    width: 1000px;
    max-width: 100%;
    margin: 0px auto;
    display: block;
    position: relative;
}
.fb-obal .fb-like{
	position: absolute;
	right: 10px;
	top: 470px;
}
@media only screen and (max-width:900px) {
.fb-obal .fb-like{
	top: 330px;
}
}
*/
/* !panelMenu */




/* strankaPrihlaseni, strankaRegistruj */
/*
.strankaPrihlaseni .panelObsah table,
.strankaZadejEmail .panelObsah table,
.panelObsah .komponentaRegistrace table{
    margin-bottom: 5%;
    width: 100%;
}
.strankaPrihlaseni .panelObsah .popis,
.strankaPrihlaseni .panelObsah .hodnota,
.strankaPrihlaseni .panelObsah .odkazy,
.panelObsah .komponentaRegistrace .popis,
.panelObsah .komponentaRegistrace .hodnota
{
	width: 320px;
	max-width: 100%;
	padding: 0 2% 0 2%;
	position: relative;
	vertical-align: middle;
}
.strankaPrihlaseni .panelObsah .hodnota input:not([type=checkbox]),
.panelObsah .komponentaRegistrace .hodnota input:not([type=checkbox]),
.panelObsah .komponentaRegistrace .hodnota textarea
{
	width: 100%;
}
#prihlasen:checked ~ .panelObsah .h1prihlaseni,
#prihlasen:not(:checked) ~ .panelObsah .h1odhlaseni{
	display: none;
}
.fbPrihlaseni{
    background-color: #4866a1;
    color: #ffffff;
    text-decoration: none;
    padding: 5px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    margin: 10px 0px;
    width: 100%;
}
.komponentaRegistrace .vlajka{
	display: inline-block;
	width: 30px;
	height: 20px;
	float: left;
	margin: 3px 6px 3px 0px;
	text-indent: -9999px;
	border: 1px solid #008EE3;
	cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
	opacity: 0.25;
}
.komponentaRegistrace input:checked + .vlajka{
	box-shadow: 0px 0px 4px 1px rgba(0, 142, 227, 0.35);
	opacity: 1;
}
.komponentaRegistrace .vlajka.EN{background-image: url(img/EN.png);}
.komponentaRegistrace .vlajka.DE{background-image: url(img/DE.png);}
.komponentaRegistrace .vlajka.RU{background-image: url(img/RU.png);}
.komponentaRegistrace .vlajka.ES{background-image: url(img/ES.png);}
.komponentaRegistrace .vlajka.FR{background-image: url(img/FR.png);}
.komponentaRegistrace .vlajka.PT{background-image: url(img/PT.png);}
.komponentaRegistrace .vlajka.CZ{background-image: url(img/CZ.png);}
.komponentaRegistrace .vlajka.SK{background-image: url(img/SK.png);}
.komponentaRegistrace .vlajka.PL{background-image: url(img/PL.png);}
.komponentaRegistrace .vlajka.AR{background-image: url(img/AR.png);}
.komponentaRegistrace .vlajka.JA{background-image: url(img/JA.png);}
.komponentaRegistrace .vlajka.KO{background-image: url(img/KO.png);}
.komponentaRegistrace .vlajka.ZH{background-image: url(img/ZH.png);}

.komponentaRegistrace .avatar img{
	height: 50px;
	width: auto;
	cursor: pointer;
}
@media only screen and (max-width:500px) {



.komponentaRegistrace table,
.komponentaRegistrace table thead,
.komponentaRegistrace table tbody,
.komponentaRegistrace table tr,
.komponentaRegistrace table td
{
}

.strankaPrihlaseni .panelObsah .popis,
.strankaPrihlaseni .panelObsah .hodnota,
.strankaPrihlaseni .panelObsah .odkazy,
.panelObsah .komponentaRegistrace .popis,
.panelObsah .komponentaRegistrace .hodnota
{
	display: block;
	width: 100% !important;
	float: left;

}

}
*/
/* strankaPrihlaseni */









/* panelPaticka */
.panelPaticka{
	margin-top: 20px;
	background-color: #F3F2F2;
    padding-left: 50px;
    padding-right: 50px;
}
.panelPaticka .vnitrek{
 	padding: 20px 0px 20px 0px;
}
.panelPaticka .vnitrek td{
	width: 25%;
	padding: 0px 10px 0px 0px;
}
.panelPaticka .vnitrek .hloubka1 .polozka,
.panelPaticka .vnitrek td :nth-child(1) img{
	display: none;
}
.panelPaticka .vnitrek h1,
.panelPaticka .vnitrek h2,
.panelPaticka .vnitrek h3,
.panelPaticka .vnitrek h4{
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom: 15px;
	display: block;
	color: #6C6C6C;
}
.panelPaticka .vnitrek td:nth-child(1) *,
.panelPaticka .vnitrek td:nth-child(2) *,
.panelPaticka .vnitrek td:nth-child(3) *{
	text-decoration: none;
	display: block;
	color: #6C6C6C;
}
.panelPaticka .vnitrek td:nth-child(1) .hloubka2 > li > .polozka:before,
.panelPaticka .vnitrek td:nth-child(2) a:before{
	content: "- ";
	color: #6C6C6C;
}
.panelPaticka .vnitrek a{
	cursor: pointer;
}
.panelPaticka .vnitrek a:hover{
	text-decoration: underline !important;
}
.panelPaticka .vnitrek td:nth-child(4){
 	background: url(img/ricciolo.svg) scroll no-repeat center top;
}
@media only screen and (max-width:800px) {
	.panelPaticka{
		padding-left: 10px;
	    padding-right: 10px;
	}
	.panelPaticka .vnitrek{
	 	background: url(img/ricciolo.svg) scroll no-repeat center top;
	 	padding: 120px 10px 20px 10px;
	}
	.panelPaticka .vnitrek table,
	.panelPaticka .vnitrek thead,
	.panelPaticka .vnitrek tbody,
	.panelPaticka .vnitrek tr,
	.panelPaticka .vnitrek td{
		display: block;
		width: 100%;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}

	.panelPaticka .vnitrek h1,
	.panelPaticka .vnitrek h2,
	.panelPaticka .vnitrek h3,
	.panelPaticka .vnitrek h4{
		padding-bottom: 5px;
		padding-top: 20px;
	}
	.panelPaticka .vnitrek td:nth-child(1) .hloubka2 > li > .polozka:before,
	.panelPaticka .vnitrek td:nth-child(2) a:before{
		content: "";
	}
}
/* panelPaticka */






/* strankaKosik */

.strankaKosik .kosik .navigace,
.strankaKosik .kosik .zaMnozstviBez{
	display: none;
}
.strankaKosik .kosik table{
	border-collapse: collapse;
	width: 100%;
}
.strankaKosik .kosik td{
    padding: 5px;
}
.strankaKosik .kosik thead *{
    font-weight: bold;
    font-size: 12px;
    background: rgba(155, 128, 25, 0.15);
    background: #F3F2F2;
    color: rgba(155, 128, 25, 1);
}
.strankaKosik .kosik tbody img{
	width: 100px;
	height: auto;
	float: left;
	margin: 0px 10px 5px 0px;
}
.strankaKosik .kosik .polozka .nazev a{
	text-decoration: none !important;
}
.strankaKosik .kosik .polozka .nazev .upresneni a,
.strankaKosik .kosik .polozka .nazev .upresneni a:hover{
	font-weight: normal;
	font-size: 12px;
	text-decoration: none !important;
}
.strankaKosik .kosik .polozka .nazev .upresneni,
.strankaKosik .kosik .polozka .nazev .kod{
	display: block;
	color: #3d3d3d;
	font-weight: normal;
	font-size: 12px;
}
.strankaKosik .kosik .mnozstvi input[type=number]{
	max-width: 60px;
	text-align: center;
	padding: 0;
	line-height: 28px;
}
.strankaKosik .kosik .zaMnozstviVcetne{
	white-space: nowrap;
	vertical-align: middle;
}
.strankaKosik .kosik .nastavMnozstvi,
.strankaKosik .kosik .smazPolozku{
	width: 30px;
	height: auto;
	border: none;
	cursor: pointer;
	margin-left: 3px;
}
.strankaKosik .kosik .mnozstvi{


}
.strankaKosik .kosik .mnozstvi *{
	float: left;
}
.strankaKosik .kosik .smazVse{
	border: none;
	background: url(img/KosikSmaz.gif) scroll no-repeat 10px center/auto 20px;
	text-align: left;
    padding-left: 40px;
}
.strankaKosik .kosik .celkem{
	border-top: 3px double #777777;
	border-bottom: 1px solid #777777;
}
.strankaKosik .kosik .celkem td{
 	vertical-align: middle;
}
.strankaKosik .kosik .objednej input{
	float: right;
	min-width: 150px;
}
@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;
	float: left;
	width: 100%;
}
.strankaKosik .kosik .polozka:not(:nth-last-child(3)) td:last-child{
	border-bottom: 1px solid #777777;
}
}
/* !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: 200px;
}
.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 .nadpis td{
	border-top: 20px solid #ffffff;
}
.strankaDataUzivatele .tabulkaDoprava select{
    display: block;
    width: 50%;
}
@media only screen and (max-width:900px) {
    .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;
    }
    .strankaDataUzivatele .tabulkaDoprava select{
        width: 100%;
    }
}








/* detail */
.detail h1{
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 10px;
}
.detail .obrazky{
	width: calc(100% - 402px);
	float: left;
}
.detail .nahled{
	border: 1px solid rgba(136, 120, 71, 0);
	overflow: hidden;
	border-radius: 3px;
	width: 100%;
}
.detail .nahled:hover{
	border: 1px solid rgba(136, 120, 71, 0);
}
.detail .nahled > img{
	width: 100%;
	height: auto;
	border: 1px solid rgba(136, 120, 71, 0.1);
    transition: all 0.2s;
	cursor: pointer;
}
.detail .nahled:hover img{
	border: 1px solid rgba(136, 120, 71, 0.25);
	transition: all 0.3s;
}
.detail .prilohy:not(:empty){
	margin: 10px 0px 10px 0px;
	width: 100%;
    border-radius: 3px;
	font-size: 0px;
	line-height: 0px;
}
.detail .prilohy a{
	display: inline-block;
	border: 1px solid rgba(136, 120, 71, 0);
    width: calc(20% - 2px);
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    margin: 1px;
    text-align: center;
    padding: 1px;
}
.detail .prilohy a:hover{
	border: 1px solid rgba(136, 120, 71, 0.15);
}
.detail .prilohy a img{
	width: 100%;
    height: auto;
}
.detail .pravyPanel{
	width: 380px;
	max-width: 100%;
	float: right;
}
.detail .pravyPanel .hodnota iframe{
    height: 75px;
}
.detail .text{
	float: left;
	padding: 0px 0px 10px 0px;
	clear: both
}
.detail .text .hodnota *{
	text-align: justify;
	font-size: 12px;
	line-height: 18px;
}
.detail .nejdriveVyberteVariantu,
.detail .neplatneZbozi,
.detail .divDoKosiku{
    color: white;
    background: rgba(192, 192, 192, 0.5);
    padding: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
    border: 1px solid rgba(136, 120, 71, 0.15);
    border-radius: 3px;
}
.detail .obrazky {
    width: calc(100% - 500px);
}
.detail .pravyPanel {
    width: 480px;
    max-width: 100%;
}
.detail .single{
	width: 220px;
	max-width: calc(50% - 5px);
	display: block;
}
.detail .damsky{
	width: 220px;
	max-width: calc(50% - 5px);
	float: left;
}
.detail .pansky{
	width: 220px;
	max-width: calc(50% - 5px);
	float: left;
}
.detail .damsky + .pansky{
	margin-left: 40px;
}
.detail .nadpisParametry{
	font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.detail .duoparam{
	margin: 2px 0px 2px 0px;
}
.detail .duoparam > *{
	width: 50%;
	float: left;
}
.detail .duoparam > * *{
	width: 100%;
}
.detail .duoparam > *,
.detail .duoparam > * *{
	font-size: 12px;
	line-height: 20px;
	padding: 0;
	margin: 0;
}
.detail .duoparam input[type=radio]{
	display: none;
}
.detail .duoparam input[type=radio] + label{
    cursor: pointer;
}
.detail .duoparam input[type=radio] + label:after{
    content: '.';
    display: inline-block;
    width: 12px;
    background: #ffffff;
    color: transparent;
    border: 2px solid #ffffff;
    outline: 1px solid #aaaaaa;
    margin: 1px 0px 1px 3px;
    padding: 0px;
    line-height: 16px;
    cursor: pointer;
}
.detail .duoparam input[type=radio]:checked + label:after{
    background: #9B8019;
}
.detail .duoparam input[type=radio]:nth-child(2n-0) + label{
	text-align: right;
}
.detail .duoparam select,
.detail .damskyTextRyti textarea,
.detail .panskyTextRyti textarea,
.detail .pravyPanel textarea,
.detail iframe{
	border: 1px solid #aaaaaa;
}
.detail .duoparam .hodnota{
	overflow: hidden;
    color: #9B8019 !important;
    font-weight: bold !important;
}
.detail .duoparam select{
	width: calc(100% + 20px);
	background: url(img/select.png) scroll no-repeat right center;
}
.detail .damskyRytiDoVnitrkuPrstenu,
.detail .panskyRytiDoVnitrkuPrstenu{
	padding-top: 0px;
}
.detail .damskyTextRyti > *,
.detail .panskyTextRyti > *{
	float: none;
	width: auto;
}
.detail .damskyTextRyti textarea,
.detail .panskyTextRyti textarea{
	height: 57px;
	line-height: 15px;
	padding: 5px 5px 5px 5px;
}
.detail .damskyCena,
.detail .panskyCena{
	margin: 20px 0px 10px 0px;
}
.detail .damskyCena .hodnota,
.detail .panskyCena .hodnota{
	font-weight: bold;
	color: #9B8019;
}
.detail .PozadavekNaUpravu .zavisla{
	padding: 0px 0px 0px 0px !important;
}
.detail .PozadavekNaUpravu .popis{
	margin-top: 20px;
	color: #3d3d3d !important;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 0  !important;
}
.detail .PozadavekNaUpravu textarea{
	height: 87px !important;
	font-size: 12px;
	line-height: 15px;
	width: 100%;
}
.detail .cenaCelkem{

}
.detail .cenaCelkem .hodnota{
	font-weight: bold;
	color: #9B8019;
}
.detail .koupit{
	margin-top: 20px;
}
.detail .pocet span{
	width: auto;
	max-width: 50px;
	border: 1px solid rgba(0,0,0,0);
}
.detail .pocet input{
	width: 50px;
	text-align: center;
	height: 22px;
}
.detail .koupit .chciSeZeptat{
	background: #CED1D1;
	width: 220px;
	border: none;
	color: #3d3d3d;
	display: inline-block;
	padding: 5px;
}
.detail .koupit .chciSeZeptat:hover{
	text-decoration: none;
	color: #3d3d3d !important;
}
.detail .koupit .vlozDoKosiku{
	float: right;
	background: #9B8019;
	color: #ffffff !important;
	width: 220px;
	border: none;
}
.detail .pravyPanel .dataZbozi{
	margin-bottom: 20px;
}
.detail .nenastavenTypZobrazeni{
    clear: both;
    text-align: center;
    padding: 10px;
    background: #9B8019;
    color: #ffffff;
    font-weight: bold;
}
.detail .nenastavenTypZobrazeni .oznameni:not(:first-child),
.detail .pravyPanel + .nenastavenTypZobrazeni{
	display: none;
}
.detail .pravyPanel + .pravyPanel{
	display: none !important;
}
.detail .pravyPanel + .pravyPanel + .nenastavenTypZobrazeni{
	display: block !important;
}
@media only screen and (max-width:1000px) {
	.detail .obrazky {
	    width: calc(100% - 250px);
	}
	.detail .pravyPanel {
	    width: 240px;
	    max-width: 100%;
	}
	.detail .damsky,
	.detail .pansky {
	    max-width: 100%;
	    float: none;
	    width: auto;
	    margin-left: 0 !important;
	    margin-bottom: 20px;
	}
	.detail .koupit > *{
		width: 100% !important;
		float: none;
		margin-bottom: 10px;
	}

	.detail .pravyPanel .ostatni .duoparam:not(.vlastnosti):not(.dataZbozi) > *{
		display: block;
		width: auto;
		float: none;
	}
}

@media only screen and (max-width:900px) {
	.detail .obrazky {
	    width: auto;
	    float: none;
	    width: 300px;
	    float: none;
	    margin: 0px auto;
	}
	.detail h1 {
	    text-align: center;
	}
	.detail .pravyPanel {
	    float: none;
	    margin: 0px auto;
	    width: 300px;
	}
}
/* !detail duo */




/* !detail sperky4u */
.detail .pravyPanel .parametr{
	display: table;
	width: 100%;
	position: relative;
}
.detail .pravyPanel .oddelovacParametru{
	border-bottom: 20px solid #ffffff;
}
.detail .pravyPanel .parametr *{
	font-size: 13px;
}
.detail .pravyPanel .parametr .popis,
.detail .pravyPanel .parametr .hodnota{
	display: table-cell;
	width: 50% !important;
	padding: 0 5px;
	vertical-align: top;
	font-weight: normal;
	color: #555555;
}
.detail .pravyPanel .parametr .popis{
	padding-right: 20px !important;
	font-weight: normal;
}
.detail .pravyPanel .parametr .popis *{
	display: block;
	padding: 0;
	margin: 0;
	font-weight: bolder;
	color: #555555;
}
.detail .pravyPanel .parametr .hodnota *{
	width: 100%;
	padding: 3px;
	margin: 0;
	font-weight: normal;
	color: #555555;
}
.detail .pravyPanel .parametr .hodnota.skladem{
    color: green;
    font-weight: bold;
}
.detail .pravyPanel .parametr .hodnota.neskladem{
    color: red;
    font-weight: bold;
}
.detail .pravyPanel .parametr.koupit .popis{
    line-height: 3rem;
}
.detail .pravyPanel .parametr.koupit .popis input{
    width: 100%;
    line-height: 2rem;
    font-size: 1.2rem;
    padding: 0;
    text-align: center;
    margin: 11px auto;
}
.detail .pravyPanel .parametr.koupit .hodnota{
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
}
.detail .pravyPanel .vlozDoKosiku {
    font-size: 1.2rem;
    line-height: 3rem;
}

.detail .pravyPanel .parametr .hodnota select{
    margin-bottom: 3px;
}
.detail .pravyPanel .parametr .hodnota .iframePrilohaObjednavky{
	height: 80px;
	border: 1px solid #777777;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota {
	padding: 15px 0 0px 5px;
}
.detail .pravyPanel .parametr.mnozstvi .hodnota *{
	display: inline-block;
}
.detail .pravyPanel .parametr.koupit .inputMnozstvi{
    width: 60px;
    padding-left: 10px;
}
.detail .pravyPanel .parametr29{
    display: none;
}
.detail .upresneni{
    width: 100%;
    margin: 30px auto;
    padding-top: 10px;
}
.detail .upresneni textarea{
    width: 100%;
    height: 80px;
}
.detail .upresneni iframe {
    border: 0px;
    width: 100%;
}
/* !detail sperky4u */




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




/* print */
@media print{

    header,
    footer,
    nav,
    .cookies,
    .souvisejici,
    .pomocnaNavigace,
    .prepinacStranek,
    .formularFiltry,
    .formularRazeni,
    .tlacitkoDalsiStrana,
    .komponentaFormular
	{
		display: none !important;
	}

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



.zobrazKompletNabidku{
    text-align: center;
}
.zobrazKompletNabidku a{
    padding: 5px 20px;
    margin: 10px auto 30px auto;
    display: inline-block;
}


.homepage h1{
    text-align: center;
    margin: 40px auto 10px auto;
}


/* .iframePrilohaObjednavky */

/*
.PrilohaObjednavky{
    text-align: center;
    padding: 10px;
}
.PrilohaObjednavky .fixed{
    display: none;
}
.PrilohaObjednavky.zobrazIframe .zobrazPrilohaObjednavky{
    display: none;
}
.PrilohaObjednavky.zobrazIframe .fixed{
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
}
.PrilohaObjednavky.zobrazIframe .fixed iframe{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.85);
}
*/



.homepage .bannerdopravazdarma{
    padding: 27% 0 0 0;
    background: url(img/dopravazdarmahomepage.jpg) scroll no-repeat center center/contain;
}
.homepage .bannerdopravazdarma:after{
    display: none;
}

.koupit.parametr + .upresneni{
    /*display: none;*/
}

