<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">


/* 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]):not([type=button]),
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;
	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;
}
.prepinacStranek:after,
.vnitrek:after,
ul:after,
.panelObsah:after,
.zbozi:after,
.cistic:after
{
	content: '';
	display: block;
	clear: both;
	font-size: 0px;
	visibility: hidden;
}
.cistic{
    clear: both;
}


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

script{
	display: none !important;
}
/*****************************************************************************/


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




/* header */
header{
    width: 1480px;
    margin: auto;
}
header.homepage{
	padding: 0 5px;
}
header .menu a{
	cursor: pointer;
	text-decoration: underline;
	transition: color 0.3s;
}
header .menu a:hover{
	color: #9B8019 !important;
	transition: color 0.35s;
}
header .komponentaKosik{
	line-height: 20px;
	cursor: pointer;
	text-decoration: none !important;
	border: 1px solid #9B8019;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
	color: #9B8019;
	font-weight: normal !important;
	max-width: 320px;
	display: inline-block;
	float: right;
	margin-top: 5px;
	font-size: 0.9rem;
}
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;
}
@media only screen and (max-width:900px) {
    header.homepage{
    	padding-left: 10px;
    	padding-right: 10px;
    }
    header .roleta{
        display: none !important;
    }
    header .komponentaMenu1{
        text-align: center;
        float: none;
        margin-top: 0;
    }
    header .komponentaKosik{
    	display: block;
    	float: none;
        margin: 0px auto;
    }
}
/* !header - pomocny */





/* 2019 slideshow */
.slideshow{
    height: 37vw;
    max-height: 500px;
	position: relative;
    margin: 0 auto 10px auto;
}
.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 &gt; div{
    background-size: contain;
    background-repeat: no-repeat;
}
@media only screen and (max-width:700px){
    .slideshow .nazev{
        font-size: 17px;
        padding: 0 10px;
        line-height: inherit;
    }
}
/* 2019 slideshow */






/* header - ostatni + logo */
header .ostatni{
	padding: 10px 0px 10px 0px;
}
header .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 .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 &gt; *{
	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 &gt; *{
	border-right: 0px;
	padding: 0px 0px 0px 10px;
}
header .ostatni .uzivatel ul ul{
	display: none;
}
header .komponentaMenu2 a{
	color: #9B8019;
}
@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 - uzivatel */





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





/* obsah katalog */
main .katalog &gt; h1{
	font-size: 20px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 10px;
}
main .katalog.slozka2 .text.editor{
    width: min(768px, calc(100% - 2rem));
    margin: auto;
    text-align: justify;
}
@media only screen and (max-width:900px) {
    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,
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 */






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






/* 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 &gt; li &gt; .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 &gt; li &gt; .polozka:before,
	.panelPaticka .vnitrek td:nth-child(2) a:before{
		content: "";
	}
}
/* panelPaticka */










/* 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 &gt; 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 &gt; *{
	width: 50%;
	float: left;
}
.detail .duoparam &gt; * *{
	width: 100%;
}
.detail .duoparam &gt; *,
.detail .duoparam &gt; * *{
	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 &gt; *,
.detail .panskyTextRyti &gt; *{
	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 &gt; *{
		width: 100% !important;
		float: none;
		margin-bottom: 10px;
	}

	.detail .pravyPanel .ostatni .duoparam:not(.vlastnosti):not(.dataZbozi) &gt; *{
		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: auto;
	}
}
/* !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 */








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





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





.wrapper{
    display: flex;
    width: 1480px;
    margin: auto;
    gap: 10px;
    padding: 0 5px;
}
.wrapper &gt; nav{
    flex: 0 0 260px;
}
.wrapper main{
    padding: 0 !important;
    flex: 1 1 auto;
    margin-top: 8px;
}
.wrapper nav .hloubka1{
    display: block !important;
}
.wrapper .vnitrek.obsah .katalog{
    float: none !important;
    width: auto !important;
}
.wrapper .zbozi {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.wrapper .zbozi .NahledProduktu003{
    flex: 0 0 calc((100% / 4) - 5px) !important;
    margin: 0 !important;
}
body .NahledProduktu003 input[type=submit]{
    background-color: unset;
}
@media only screen and (max-width:1024px) {
    .wrapper{
        flex-direction: column;
    }
    .wrapper &gt; nav {
        flex: 0 0 auto;
    }
    .wrapper .zbozi .NahledProduktu003{
        flex: 0 0 calc((100% / 3) - 5px) !important;
    }
}
@media only screen and (max-width:680px) {
    .wrapper .zbozi .NahledProduktu003{
        flex: 0 0 calc((100% / 2) - 5px) !important;
    }
}
@media only screen and (max-width:450px) {
    .wrapper .zbozi .NahledProduktu003{
        flex: 0 0 auto !important;
        margin: auto !important;
    }
}



body.strankaKosik .kosik .mnozstvi * {
    display: flex;
    align-items: center;
    gap: 3px;
}
body.strankaKosik .kosik .nastavMnozstvi,
body.strankaKosik .kosik .smazPolozku{
    width: 15px;
}



/* komponentaHledat */
nav .komponentaHledat{
	display: block;
	border: 1px solid #a9a9a9;
	margin: 0px 0px 10px 0;
}
nav .komponentaHledat .odesli input{
	width: 40px;
	height: 40px;
	background: #ffffff url(img/lupa.png) scroll no-repeat center center;
	float: right;
	min-width: auto;
	font-size: 0px;
	border: none;
	margin: 0;
}
nav .komponentaHledat .text input{
	width: calc(100% - 40px);
	background: #ffffff;
	border: none;
	margin: 0;
	line-height: 40px;
	height: 40px;
	padding: 0px 5px 0px 5px;
}
nav .komponentaHledat .text input::placeholder{
	color: #a9a9a9;
}
nav .komponentaSlozka{
    margin: auto;
}
@media only screen and (max-width:1024px) {
    nav .komponentaSlozka{
        display: none;
    }
}
/* komponentaHledat */



/* souvisejici */
.souvisejici &gt; h2{
    text-align: center
}
.souvisejici &gt; div{
    max-width: 650px;
    margin: auto;
}
.souvisejici .komponentaNahledProduktu .NahledProduktu003{
    max-width: 210px;
}
.souvisejici .komponentaNahledProduktu .NahledProduktu003 .nazev {
    height: 20px;
    margin: 10px auto 5px auto;
}
.souvisejici .komponentaNahledProduktu .NahledProduktu003 input[type=submit] {
    margin: 10px 0;
    font-size: 10px;
    width: unset;
}
/* souvisejici */



/* sperkynazakazku */
.sperkynazakazku{
    margin: 20px auto;
}
.sperkynazakazku &gt; h2{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 10px;
}
.sperkynazakazku .komponentaNahledProduktu{
    display: flex;
    gap: 5px;
    padding: 0 5px;
    overflow-x: auto;
}
.sperkynazakazku .NahledProduktu003{
    flex: 0 0 calc((100% / 5) - 5px) !important;
    margin: 0 !important;
    padding-bottom: 20px;
    min-width: 200px;
}
.sperkynazakazku .NahledProduktu003 form{
    display: none;
}
.sperkynazakazku .doadresare{
    float: right;
    margin: 5px 10px;
    padding: 0 5px;
}
/* sperkynazakazku */



/* .pomocnaNavigace .podslozky */
body[data-spravce="0"] .pomocnaNavigace .podslozky{
    /*display: none;*/
}
.katalog:not([data-hloubka="2"]) .pomocnaNavigace .podslozky{
    display: none !important;
}
.katalog[data-hloubka="2"] .pomocnaNavigace .podslozky{
	padding-bottom: 10px;
}
.katalog[data-hloubka="2"] .pomocnaNavigace .podslozky ul li{
	display: table;
	float: left;
	width: calc(33.33% - 2px);
	border: 1px solid silver;
	margin: 1px;
	height: 66px;
	overflow: hidden;
}
.katalog[data-hloubka="2"] .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;
}
.katalog[data-hloubka="2"] .pomocnaNavigace .podslozky ul li a img{
	position: absolute;
	height: 60px !important;
	width: 60px !important;
	top: 2px;
	left: 2px;
	cursor: pointer;
}
.katalog[data-hloubka="2"] .pomocnaNavigace .podslozky li a span{
	display: block;
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	padding: 0px 5px 0px 75px;
	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){
    .katalog[data-hloubka="2"] .pomocnaNavigace .podslozky ul li{
        float: none;
        width: 100%;
        margin: -1px;
        height: 44px;
    }
    .katalog[data-hloubka="2"] .pomocnaNavigace .podslozky ul li a img {
        height: 40px !important;
        width: 40px !important;
    }
    .katalog[data-hloubka="2"] .pomocnaNavigace .podslozky ul li a {
        background: url(img/ricciolo-white.png) scroll no-repeat 10px center / 32px auto;
    }
}
/* !pomocnaNavigace .podslozky */


body .drobeckovaNavigace,
body .drobeckovaNavigace *,
body .KatalogFiltryRazeni001 .pomocnaNavigace .drobeckova ,
body .KatalogFiltryRazeni001 .pomocnaNavigace .drobeckova * {
    font-size: 12px !important;
    margin: 0;
    line-height: 15px !important;
}</pre></body></html>