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

head {
	display: none;
}

body {
	background-color: #ffffff;
	font-family:  sans-serif;
	font-size: 17px;
	line-height: 24px;
    font-weight: 400;
	/*color: #3d3d3d;*/
	color: #000000;
	position: relative;
	opacity: 0;
	min-width: 280px;


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

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

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

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

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

}

.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 #a9a9a9;
	padding: 5px;
	margin: 0px 1px 1px 0px;
}


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

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

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

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

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

header a
{
	cursor: pointer;
	text-decoration: none;
 	color: #111111;
	transition: color 0.3s;
	/*font-weight: bold;*/
}

main a{
	cursor: pointer;
	text-decoration: none;
	color: #868f91;
	transition: color 0.3s;
	/*font-weight: bold;*/
}
header a:hover,
main a:hover{
	text-decoration: underline;
}

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{
	background-color: #868f91;
	color: #FFFFFF;
	border: none;
	text-align: center;
	min-width: 100px;
	font-weight: bold;
	cursor: pointer;
    filter: brightness(100%);
	transition: filter 0.2s, box-shadow 0.2s;
}
.button *{
	background-color: #868f91;
	color: #FFFFFF;
	border: none;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=button]:focus,
input[type=submit]:focus,
input[type=image]:hover,
.button:hover
{

}

.vnitrek:after,
ul:after,
.panelObsah:after,
.zbozi:after,
.cistic,
.prepinacStranek:after,
.tlacitkoDalsiStrana:after,
.seznamStranek: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;
}

script{
	display: none !important;
}


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


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


/* dovolena */
.dovolena .slozka {
	display: block;
    background-color: crimson;
    margin: 0px 0px 10px 0px;
    padding: 20px 10px 10px 10px;
    color: white;
    font-weight: bold;
}
.dovolena .slozka *{
    font-size: 13px !important;
    color: #fff !important;
    text-align: center !important;
    font-weight: normal;
}
.dovolena .slozka a{
    text-decoration: underline;
    font-weight: bold;
}
/* dovolena */






/* header - horni */
header .horni{
    background-color: #141318;
    padding: 14px 0;
    text-align: center;
}
    /* menu Telefon */
header .horni .telefon{
    background-image: url(img/ikona_tel.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: contain;
    display: block;
    width: 230px;
    line-height: 24px;
    max-width: 100%;
    float: left;
    margin: 0;
    padding: 0px 10px 0 46px;
    color: #fff !important;
    font-size: 24px;
    text-decoration: none !important;
    text-align: left;
}
    /*menu Prihlaseni Registrace */
header .horni .komponentaMenu1{
	display: inline-block;
    width: 230px;
	float: right;
    text-align: right;
}
header .horni .komponentaMenu1 li{
	display: inline-block;
}
header .horni .komponentaMenu1 li a{
    display: block;
    padding: 0px 10px 0px 10px;
    margin: 0;
    text-decoration: none;
    color: #fff !important;
    line-height: 24px;
}
header .horni .komponentaMenu1 li a:hover{
	text-decoration: underline !important;
}
header .horni .komponentaMenu1 li:first-child a{
    padding-left: 0px;
}
header .horni .komponentaMenu1 li:last-child a{
    padding-right: 0px;
    border-left: 1px solid #ddd;
}
    /* komponenta navigace */
header .horni .komponentaNavigace{
    width: calc(100% - 460px);
    display: inline-block;
}
header .horni .komponentaNavigace li{
	display: inline;
}
header .horni .komponentaNavigace .polozka{
    display: inline-block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-weight: normal !important;
    color: #ddd !important;
}
header .horni .komponentaNavigace .polozka:hover{
	text-decoration: underline;
}
header .horni .komponentaNavigace .hloubka2{
	display: none;
}
@media only screen and (max-width:1100px){
    header .horni .komponentaNavigace .polozka{
        padding: 0px 10px 0px 10px;
    }
}
@media only screen and (max-width:900px){
    /* header - horni */
    header .horni{
        padding: 10px 0;
    }
        /* menu Telefon */
    header .horni .telefon{
        display: inline-block;
        width: auto;
        float: none;
        padding: 0px 0px 0 46px;
    }
        /*menu Prihlaseni Registrace */
    header .horni .komponentaMenu1{
    	display: block;
        width: auto;
    	float: none;
        text-align: center;
        padding: 10px 0;
    }
        /* komponenta navigace */
    header .horni .komponentaNavigace{
        width: auto;
        display: block;
    }
    header .horni .komponentaNavigace .polozka{
        padding: 0px 10px 0px 10px;
    }
}
/* !header - horni */





/* header - stredni */
header .stredni{
    background-color: #DFE7EA;
    text-align: right;
}
header .stredni *{
    font-size: 0px;
    line-height: 0px;
}
    /*komponentaKosik*/
header .stredni .komponentaKosik{
    display: inline-block;
    text-decoration: none !important;
    color: #000 !important;
    padding: 25px 0 25px 25px;
    vertical-align: top;
}
header .stredni .komponentaKosik,
header .stredni .komponentaKosik *,
header .stredni .komponentaKosik a{
	line-height: 30px !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
header .stredni .komponentaKosik:hover{
    text-decoration: underline !important;
}
    /* socnet */
header .stredni .socnet{
    display: inline-block;
    height: 80px;
    width: auto;
    background: rgba(0,0,0,0.2);
    vertical-align: top;
    background-image: url(img/socnet.png);
    background-position: center center;
}
header .stredni .socnet a{
    display: inline-block;
    width: 80px;
    height: 100%;
}
    /* hledat */
header .stredni .komponentaHledat{
	display: inline-block;
	width: 250px;
	border: 1px solid #304e55;
	margin: 18px 25px 0 0;
}
header .stredni .komponentaHledat .odesli input{
	width: 40px;
	height: 40px;
	background: transparent url(img/ikona_lupa.png) scroll no-repeat center center;
	float: right;
	min-width: auto;
	font-size: 0px;
	border: none;
	margin: 0;
}
header .stredni .komponentaHledat .text input{
	width: calc(100% - 40px);
	background: transparent;
	border: none;
	margin: 0;
	line-height: 40px;
	height: 40px;
	padding: 0px 5px 0px 5px;
    color: #000;
    font-size: 1rem ;
}
header .stredni .komponentaHledat .text input::placeholder{
	color: #aaa;
}
    /* separator */
header .stredni .separator{
    display: none;
}
    /* responsive */
@media only screen and (max-width:1024px){
    header .stredni {
        text-align: center;
    }
    header .stredni .vnitrek {
        padding: 0;
    }
    header .stredni .separator{
        display: block;
    }
    header .stredni .komponentaKosik{
        display: block;
        padding: 10px 0;
        text-align: center;
    }
    header .stredni .socnet{
        margin: 0 auto;
    }
    header .stredni .komponentaHledat{
	    margin: 15px 0 5px 0;
    }
}
/* !header - stredni */




/* header - dolni */
header .dolni{
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    z-index: 1;
    position: relative;
}
header .dolni .komponentaNavigace{
    padding-left: 300px;
}
header .dolni .komponentaNavigace ul{
    display: table;
    width: 100%;
}
header .dolni .komponentaNavigace li{
    display: table-cell;
}
header .dolni .komponentaNavigace .polozka{
    display: block;
    text-align: center;
    padding: 10px 10px;
}
header .dolni .komponentaNavigace .hloubka2{
    display: none;
}
header .dolni .vnitrek{
    position: relative;
}
header .dolni .logo{
    position: absolute;
    top: -60px;
    left: 10px;
    height: 140px;
    width: 280px;
    background-color: #fff;
    background-image: url(img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
@media only screen and (max-width:1024px){
    header .dolni .vnitrek{
        padding-top: 10px;
    }
    header .dolni .logo {
        position: static;
        height: 100px;
        width: auto;
        display: block;
    }
    header .dolni .komponentaNavigace {
        padding-left: 0px;
    }
}
@media only screen and (max-width:800px){
    header .dolni .komponentaNavigace{
        display: none;
    }
    header .dolni .komponentaNavigace ul {
        display: block;
        width: auto;
        padding: 5px 0;
    }
    header .dolni .komponentaNavigace li {
        display: block;
    }
    header .dolni .komponentaNavigace .polozka {
        padding: 4px 10px;
    }
}
/* !header - dolni */






/* navigace */
nav{
	float: left;
    width: 25%;
	width: calc(280px);
    background: #fff;
    margin: 0px 0px 0px 0px;
    background: #fff;
    padding: 40px 20px 40px 20px;
}
nav .hloubka1 img,
nav .pocetPolozek{
	display: none;
}
nav .polozka{
	display: block;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
    color: #284a4c;
	font-weight: normal;
    border-bottom: 1px solid #fff;
}
nav .hloubka1 .polozka{padding: 10px 5px 10px 15px;}
nav .hloubka2 .polozka{padding: 10px 5px 10px 30px;}
nav .hloubka3 .polozka{padding: 10px 5px 10px 45px;}
nav .hloubka4 .polozka{padding: 10px 5px 10px 60px;}
nav .hloubka1 .polozka, nav .hloubka2 .polozka *{font-size: 100%;}
nav .hloubka2 .polozka, nav .hloubka2 .polozka *{font-size: 90%;}
nav .hloubka3 .polozka, nav .hloubka3 .polozka *{font-size: 80%;}
nav .hloubka4 .polozka, nav .hloubka4 .polozka *{font-size: 70%;}
nav .vybrana,
nav .polozka:hover{
	background-color: #dee7e9;
}
nav .vybrana .polozka:hover{
	background-color: #c6d0d1;
}
nav label[for=menu]{
    display: none;
}
@media only screen and (max-width:1024px){
    nav{
    	float: left;
        width: 25%;
    	width: calc(280px);
        background: #fff;
        margin: 0px 0px 0px 0px;
        background: #fff;
        padding: 5px 20px 40px 20px;
        min-height: 100px;
    }
}
@media only screen and (max-width:800px){
    nav{
    	float: none;
        width: auto;
        padding: 20px 0px 20px 0px;
    }
    nav label[for=menu]{
        display: block;
        width: 60px;
        height: 60px;
        background: #DFE7EA;
        float: right;
        padding: 5px;
        cursor: pointer;
        z-index: 1;
    }
    nav label[for=menu] span{
        border-top: 5px solid #1f3035;
        display: block;
        margin: 9px 0;
    }
    nav #menu:checked + ul{
        display: block;
    }
    nav #menu:not(:checked) + ul{
        display: none;
    }
}
/* !navigace */





/* obsah katalog */
main{
    width: calc(100% - 280px);
    float: right;
}
main h1{
	font-size: 20px;
	text-transform: uppercase;
	padding: 0 30px 10px 30px;
    color: #304e55;
}
main .komponentaZobrazeni{
	display: none;
}
main .text.editor{
	padding: 0 30px 0px 30px;
}
.homepage main .text.editor{
    column-count: 2;
}
main .err{
	padding: 10px 30px 10px 30px;
}
.homepage main h1,
.homepage main .text.editor{
    background-color: #f7f7f7;
}
.homepage main .text.editor p{
    padding: 0;
}
main .text.editor p{
    line-height: 20px;
}
.homepage main .kategorie,
.homepage main .novinky
.homepage main .nejoblibenejsi{
    background-color: #fff;
}
main > .probanner + div > *:first-child,
main > div >  h1,
main >  h1{
    padding-top: 20px;
}
@media only screen and (max-width:800px){
	main{
	    width: auto;
	    float: none;
	}
    main .katalog.slozka2 .text.editor{
        display: none;
    }
}
/* !katalog */








/* reklama, bannery */
.homepage .piercing{
    padding-bottom: 22%;
    background-image: url(img/piercing.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    margin: 10px 0 0px 0;
    display: block;
}
main .probanner{
    background-color: #dee7e9;
    display: block;
}
.homepage .probanner{
}
.homepage .probanner .banner{
    background-image: url(img/banner.jpg);
    background-size: contain;
    background-position: center center;
    padding-top: 32%;
    display: block;
}
.strankaKosik .probanner .banner{
    padding: 15% 0 0 0;
    background-image: url(img/banner_darkove_krabicky.jpg);
    background-position: center center;
    background-size: cover;
    border-bottom: 20px solid #dee7e9;
    display: block;
}
@media only screen and (max-width:800px){
    nav .reklama,
    main .probanner{
        display: none;
    }
}
/* !reklama, bannery */







/* zbozi + souvisejici */
.zbozi{
	clear: both;
}
.zbozi .polozka{
	display: block;
    width: 32%;
	float: left;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	transition: box-shadow 1s, border 1s;
    border-right: 1px solid #dee7e9;
    border-bottom: 1px solid #dee7e9;
}
.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;
}
.zbozi .polozka .nazev h2{
	display: block;
	text-decoration: none;
 	color: #111111;
    line-height: 20px;
    height: 50px;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
}
.zbozi .polozka .nazev:hover,
.zbozi .polozka .nazev:hover h2{
	text-decoration: none;
	color: #868f91;
}
.zbozi .polozka .sOkrajem{
	padding: 0 10px 10px 10px;
	transition: all 0.3s;
}
.panelObsah .zbozi .polozka:hover .sOkrajem{
	transition: all 0.3s;
}
.zbozi .polozka .nahled{
	display: block;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% auto;
	background-attachment: scroll;
}
.zbozi .polozka table{
	width: 100%;
	border-collapse: collapse;
}
.zbozi .polozka table.ceny td{
	width: 50%;
}
.zbozi .polozka table:last-child td:nth-child(2){
	width: 80px;
	padding-left: 10px;
	padding-right: 10px;
}
.zbozi .polozka table .ks,
.zbozi .polozka table .par{
	font-size: 70%;
}
.zbozi .polozka table .ks.par + .ks{
    display: none;
}
.zbozi .polozka table .neskadem{
    color: red;
	font-size: 85%;
}
.zbozi .polozka table .skadem{
	color: #7d8688;
	font-size: 85%;
}
.zbozi .polozka table .cena{
	color: #7d8688;
	font-size: 20px;
	display: block;
	text-align: right;
	font-family: sans-serif;
	font-weight: bold;
}
.zbozi .polozka table input[name=mnozstvi]{
	width: 35px;
	height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 85%;
}
.zbozi .polozka table input.vlozDoKosiku{
	width: 100%;
    padding: 0px 25px 0px 0px;
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 85%;
    font-weight: normal;
    background-color: #868f91;
    color: #ffffff;
    min-width: auto;
    background: #868f91 url(img/dokosiku.png) scroll no-repeat 90% center;
}
.zbozi .polozka table input.vyberParametry{
    padding: 0px 0px 0px 0px;
    background: #eee;
    color: #7d8688;
    opacity: 0.5;
}
.zbozi .polozka table input.detailZbozi{
	width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 85%;
    font-weight: normal;
    background: #0C1D38;
    color: #ffffff;
    min-width: auto;
}
.zbozi .polozka .mezera{
	height:5px;
}
.zbozi .polozka:nth-child(3n + 1) {
	width: calc(33.33% - 6px);
	margin: 0px 9px 9px 0px;
}
.zbozi .polozka:nth-child(3n + 2) {
	width: calc(33.33% - 6px);
	margin: 0px 9px 9px 0px;
}
.zbozi .polozka:nth-child(3n + 3) {
	width: calc(33.33% - 6px);
	margin: 0px 0px 9px 0px;
}
.homepage .zbozi .polozka:nth-child(n + 16){
	display: none;
}
.souvisejiciNadpis{
	margin-top: 20px;
    color: #304e55;
}
@media only screen and (max-width:1100px){
	.zbozi.souvisejici,
	.souvisejiciNadpis{
		display: none;
	}
	.zbozi .polozka table input[name=vlozDoKosiku]{
	    padding: 0px 0px 0px 0px;
	    background: #7d8688;
	}
}
@media only screen and (max-width:1024px) {
	.zbozi .polozka:nth-child(2n - 1) {
        width: 48%;
		width: calc(50.00% - 5px);
		margin: 0px 5px 10px 0px;
	}
	.zbozi .polozka:nth-child(2n - 0) {
        width: 48%;
		width: calc(50.00% - 5px);
		margin: 0px 0px 10px 5px;
	}
	.souvisejici.zbozi .polozka:not(:nth-child(1)):not(:nth-child(2)) {
		display: none;
	}
}
@media only screen and (max-width:550px) {
	.zbozi .polozka:nth-child(1n){
		width: 320px;
		margin: 0px auto 10px auto;
		float: none;
	}
	.homepage .komponentaZbozi .polozka:nth-child(n+3){
		display: block;
	}
}
/* !zbozi + komponentaZbozi */





/* prepinacStranek */
.prepinacStranek{
	margin-bottom: 10px;
	clear: both;
}
.prepinacStranek.dolni{
	margin-top: 10px;
	text-align: right;
	font-size: 0px;
}
.prepinacStranek span, .prepinacStranek a{
    display: inline-block;
    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 .vybrana, .prepinacStranek a:hover{
    color: #868f91;
    border: 1px solid #868f91;
    font-weight: bold;
    box-shadow: inset 0px 0px 5px 1px rgba(136, 120, 71, 0.35);
}
.prepinacStranek .prvni, .prepinacStranek .posledni{
	min-width: 30px;
}
@media only screen and (max-width:530px) {
	.prepinacStranek{
	    text-align: center;
		font-size: 0px;
		line-height: 0px;
	}
	.prepinacStranek span, .prepinacStranek a{
		float: none;
	}
}
/* !prepinacStranek */







/* panelPaticka */
footer{
	margin-top: 20px;
	background-color: #000;
}
footer .vnitrek{
 	padding-top: 20px;
 	padding-bottom: 70px;
}
footer table{
	width: 100%;
}
footer table td{
	padding: 5px;
}
footer *{
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
footer a{
	cursor: pointer;
	text-decoration: none;
 	color: #fff !important;
	font-weight: normal;
}
footer a:hover{
	text-decoration: underline;
}
footer h1, footer h2, footer h3, footer h4{
 	color: #fff;
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 20px;
}
footer .text > p:last-child{
	font-size: 10px;
	text-align: center;
}
@media only screen and (max-width:800px){
	footer table,
    footer thead,
    footer tbody,
    footer tfoot,
    footer tr,
    footer td{
		display: block;
		width: 100%;
		text-align: center;
	}
	footer table td{
        padding-bottom: 20px;
	}
    footer h1, footer h2, footer h3, footer h4{
        padding-bottom: 0px;
    }
}
/* panelPaticka */







/* dlazdice - kategorie */
.kategorie {
	margin: 0 auto;
    padding: 10px 0;
	clear: both;
}
.kategorie .slozky .slozka{
    display: block;
    float: left;
    width: calc(20% - 20px);
    border: 3px solid #c5cfd1;
    margin: 10px;
    padding: 10px;
}
.kategorie .slozky .slozka .polozka{
    display: block;
    width: 100%;
    border: 1px solid #444;
    text-decoration: none !important;
    padding: 10px 5px;
    position: relative;
}
.kategorie .polozka .nazev{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    display: block;
    text-align: center;
    overflow: hidden;
    color: #304e55;
    position: absolute;
    width: 100%;
    left: 0%;
    bottom: 5%;
}
.kategorie .polozka img{
    width: 100%;
    margin: 0px auto;
    height: auto;
    display: block;
}
@media only screen and (max-width:1024px){
    .kategorie .slozky .slozka{
        width: calc(25% - 20px);
    }
}
@media only screen and (max-width:600px) {
    .kategorie .slozky .slozka{
        width: calc(33.33% - 6px);
        border: 1px solid #c5cfd1;
        margin: 3px;
        padding: 0px;
    }
    .kategorie .slozky .slozka .polozka{
        border: 0px;
        padding: 0px 2px 20px 2px;
    }
    .kategorie .polozka img {
        width: 30%;
    }
    .kategorie .polozka .nazev{
        bottom: 0px;
    }

}
@media only screen and (max-width:450px) {
    .kategorie .slozky .slozka{
        width: calc(50% - 6px);
    }
}
/* !dlazdice - kategorie */





/* nadpis novinky, nejoblibenejsi */
.novinky,
.nejoblibenejsi{
    text-align: center;
    padding: 30px 10px;
}
.novinky:before,
.nejoblibenejsi:before{
    display: block;
    content: ' ';
    border-top: 3px solid #333;
    position: relative;
    top: 12px;
}
.novinky *,
.nejoblibenejsi *{
    margin: 0 auto;
    padding: 0;
    width: 300px;
    background: #fff;
    position: relative;
    z-index: 1;
    font-size: 24px;
}
.novinky + .komponentaZbozi .polozka:nth-child(n+10){
	display: none;
}
.nejoblibenejsi + .komponentaZbozi .polozka:nth-child(n+10){
	display: none;
}
@media only screen and (max-width:1100px){
	.novinky + .komponentaZbozi .polozka:nth-child(n+4),
    .nejoblibenejsi + .komponentaZbozi .polozka:nth-child(n+4){
		display: none;
	}
}
@media only screen and (max-width:1024px) {
	.novinky + .komponentaZbozi .polozka:nth-child(n+3),
    .nejoblibenejsi + .komponentaZbozi .polozka:nth-child(n+3){
		display: none;
	}
}
@media only screen and (max-width:550px) {
    .novinky + .komponentaZbozi .polozka:nth-child(n),
    .nejoblibenejsi + .komponentaZbozi .polozka:nth-child(n){
        display: block;
    }
    .nejoblibenejsi + .komponentaZbozi .polozka:nth-child(n+4){
		display: none;
	}
	.novinky + .komponentaZbozi .polozka:nth-child(n+4){
		display: none;
	}
}
/* !nadpis novinky, nejoblibenejsi */







/* formularFiltry */
.formularFiltry{
	padding: 10px 10px 0px 10px;
	background: #dee7e9;
	margin-bottom: 5px;
} 
.formularFiltry .nadpis{
	font-weight: bold;
	font-size: 13px;
}
.formularFiltry .polozka{
	display: inline-block;
	margin: 0px 20px 10px 0px;
	position: relative;
}
.formularFiltry .polozka *{
	font-size: 13px;
}
.formularFiltry .polozka label[for="f4135"]{
    width: 95px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}
/* !formularFiltry */





/* formularRazeni */
.formularRazeni{
	background: #dee7e9;
	margin-bottom: 10px;
}
.formularRazeni input{
	display: none;
}
.formularRazeni label{
	display: inline-block;
    margin: 5px 10px 5px 10px;
    color: #111111;
    cursor: pointer;
    font-size: 13px;
}
.formularRazeni input:checked + label{
    font-weight: bold;
}
.formularRazeni label:hover{
    text-decoration: underline;
}
/* !formularRazeni */







/* pomocnaNavigace drobeckova */
.drobeckova{
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding: 10px 0 10px 30px;
	text-decoration: none;
	display: block
}
.drobeckova *{
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding-bottom: 15px;
	text-decoration: none;
}
.drobeckova a{
	font-weight: bold;
}

.drobeckova a:hover{
	text-decoration: underline;
}
.drobeckova .pocetPolozek{
	display: none;
}
.drobeckova *:not(:last-child){
	text-transform: uppercase;
}
.kategorie + .drobeckova{
	margin-top: 15px;
}
/* !pomocnaNavigace drobeckova */






/* .pomocnaNavigace .podslozky */
.pomocnaNavigace{
	clear: both;
}
.pomocnaNavigace .podslozky li{
	display: block;
	width: calc((100% - 30px) / 4);
	min-height: 40px;
	float: left;
	overflow: hidden;
}
.pomocnaNavigace .podslozky li:nth-child(4n + 1){margin: 0px 5px 10px 0px;}
.pomocnaNavigace .podslozky li:nth-child(4n + 2){margin: 0px 5px 10px 5px;}
.pomocnaNavigace .podslozky li:nth-child(4n + 3){margin: 0px 5px 10px 5px;}
.pomocnaNavigace .podslozky li:nth-child(4n + 4){margin: 0px 0px 10px 5px;}
.pomocnaNavigace .podslozky li .polozka{
	border: #c5cfd1 1px solid;
    color: #304e55;
    display: table;
    width: 100%;
    background-size: 20% auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 2% center;
    background-color: #ffffff;
    text-decoration: none !important;
    filter: brightness(100%);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.05);
    transition: filter 0.3s, box-shadow 0.3s;
    position: relative;
}
.pomocnaNavigace .podslozky li .polozka:hover{
    filter: brightness(94%);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
    transition: filter 0.3s, box-shadow 0.3s;
}
.pomocnaNavigace .podslozky li .polozka .nazev{
	display: table-cell;
    color: #868f91;
    text-align: right;
    vertical-align: middle;
    padding: 1px 5px 1px 43px;
    height: 40px;
    line-height: 15px;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
}
.pomocnaNavigace .podslozky li .polozka .pocetPolozek{
	display: none;
}
.pomocnaNavigace .podslozky li .polozka img{
    position: absolute;
    top: 4%;
    height: 94%;
    left: 1%;

}
@media only screen and (max-width:1100px) {
	.pomocnaNavigace .podslozky li{
		width: calc((100% - 20px) / 3);
	}
	.pomocnaNavigace .podslozky li:nth-child(3n + 1){margin: 0px 5px 10px 0px;}
	.pomocnaNavigace .podslozky li:nth-child(3n + 2){margin: 0px 5px 10px 5px;}
	.pomocnaNavigace .podslozky li:nth-child(3n + 3){margin: 0px 0px 10px 5px;}
}
@media only screen and (max-width:900px) {
	.pomocnaNavigace .podslozky li{
		width: calc((100% - 10px) / 2);
	}
	.pomocnaNavigace .podslozky li:nth-child(2n + 1){margin: 0px 5px 10px 0px;}
	.pomocnaNavigace .podslozky li:nth-child(2n + 2){margin: 0px 0px 10px 5px;}
}
@media only screen and (max-width:400px) {
	.pomocnaNavigace .podslozky li{
		width: 100%;
	}
	.pomocnaNavigace .podslozky li:nth-child(1n){margin: 0px 0px 10px 0px;}
}
/* !.pomocnaNavigace .podslozky */







/* strankaKosik 2024-05-21 */
.strankaKosik .probanner .banner{
    padding-top: 14%;
    background-image: url(img/banner_darkove_krabicky.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}
.strankaKosik .kosik h1 + .navigace,
.strankaKosik .kosik .zaMnozstviBez{
	display: none;
}
.strankaKosik .kosik .nastavMnozstvi,
.strankaKosik .kosik .smazPolozku{
	width: 30px;
	height: auto;
	border: none;
	cursor: pointer;
	margin-left: 3px;
}
.strankaKosik .kosik .mnozstvi{
	min-width: 140px;
	vertical-align: middle;
}
/* strankaKosik 2024-05-21 */











/* text */
.katalog .text a{
	color: #7d8688 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
.katalog .text a:hover{
	text-decoration: underline !important;
}
/* !text */



/* text editor */
.panelObsah .text{
	clear: both;
}
.panelObsah .text p{
	text-align: justify;
}
.panelObsah .text p,
.panelObsah .text p *{
	font-size: 13px;
}
.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 !important;
	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:700px) {
	.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 */



















    .zeSvetaSperku .podSlozka {
        border-top: 1px solid #eeeeee;
        clear: both;
    }



    .homepage .text.editor table{
    	display: none;
    }



    .proFiltry{
        background-color: #dee7e9;
        padding: 5px 0;
        margin: 10px 0;
    }





    .nalezeno{
        background-color: #dee7e9;
        padding: 5px 10px;
        margin: 10px 0;
        font-size: smaller;
    }





/* stranka Blog */
main .slozka2269 .text.editor{
    display: block !important;
}
.slozka2269 .komponentaSlozkyStrankovani .slozky a{
	display: block;
	color: #3d3d3d !important;
	text-decoration: none !important;
}
.slozka2269 .komponentaSlozkyStrankovani .slozky a:hover{
	text-decoration: none !important;
}
.slozka2269 .komponentaSlozkyStrankovani .slozky .slozka .nazev{
	clear: both;
	display: block;
}
.slozka2269 .komponentaSlozkyStrankovani .slozky .slozka .nahled{
	width: 90px;
	height: 90px;
	float: left;
	display: inline-block;
	clear: none;
	margin: 0 5px 0 0;
}
.slozka2269 .komponentaSlozkyStrankovani .slozky .slozka .text{
	float: left;
	clear: none;
}
.vsechnyclanky{
    font-size: 17px;
    line-height: 24px;
}
/* stranka Blog */




/* blog */
.blog{
    clear: both;
    text-align: center;
    padding: 70px 30px 50px 30px;
}
.blog:before{
    display: block;
    content: ' ';
    border-top: 3px solid #333;
    position: relative;
    top: 12px;
}
.blog *{
    margin: 0 auto;
    padding: 0;
    width: 300px;
    background: #fff;
    position: relative;
    z-index: 1;
    font-size: 24px;
}
.blog + .seznamStranek .prepinacStranek {
    display: none;
}
.blog + .seznamStranek .slozky > a{
    display: block;
    width: 33.33%;
    float: left;
    padding: 30px;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0);
}
.blog + .seznamStranek .slozky > a h2{
    margin-top: 10px;
    padding: 0;
}
.blog + .seznamStranek .slozky > a: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;
}
.blog + .seznamStranek{
    margin-bottom: 50px;
}
.blog + .seznamStranek .nahled img{
    max-height: 250px;
    margin: auto;
    display: block;
}
.blog.blogpearcing + .seznamStranek .nahled {
    display: block;
    max-height: 50%;
    background: #DFE7EA;
    overflow: hidden;
    position: relative;
    padding-top: 100%;
}
.blog.blogpearcing + .seznamStranek .nahled img{
    max-height: unset;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
}
.blog.blogpearcing + .seznamStranek h2{
    height: 24px;
    overflow: hidden;
}
.blog.blogpearcing + .seznamStranek .text{
    height: 144px;
    overflow: hidden;
}
@media only screen and (max-width:800px) {
    .blog + .seznamStranek .slozky > a{
        display: block;
        width: 300px;
        float: none;
        margin: 10px auto;
        padding: 10px;
    }
}
/* !blog */



/* DetailProduktu001 2024-05-21 */
.DetailProduktu001 h1{
    color: #7f7553;
}
.DetailProduktu001 .ryti2023{
    clear: both;
    margin: 20px auto;
}
body .DetailProduktu001 .nazevProduktu{
    display: none;
}
.DetailProduktu001 .ryti2023 .pozadujiRyti > span,
.DetailProduktu001 .ryti2023 .pozadujiRyti select{
    font-size: 0.85rem;
    line-height: 1.5rem;
}
.DetailProduktu001 .ryti2023 .pozadujiRyti{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.DetailProduktu001 .ryti2023 .rytirozbal{
    max-height: 0px;
    overflow: hidden;
    padding: 0 10px;
    background: #eee;
    transition: all 0.2s;
}
.DetailProduktu001 .ryti2023 .rytirozbal.rozbaleno{
    max-height: 1000px;
    padding: 10px 10px;
}
.DetailProduktu001 .ryti2023 .selectfont{
    display: flex;
    flex-wrap: wrap;
    gap: 1px 5px;
}
.DetailProduktu001 .ryti2023 .selectfont input,
.DetailProduktu001 .ryti2023 .zarovnattext input{
    display: none;
}
.DetailProduktu001 .ryti2023 .selectfont label,
.DetailProduktu001 .ryti2023 .zarovnattext label{
    padding: 0 5px;
    cursor: pointer;
}
.DetailProduktu001 .ryti2023 .selectfont label:hover,
.DetailProduktu001 .ryti2023 .zarovnattext label:hover,
.DetailProduktu001 .ryti2023 .selectfont input:checked + label,
.DetailProduktu001 .ryti2023 .zarovnattext input:checked + label{
    background: rgba(0,0,0,0.1);
}
.DetailProduktu001 .ryti2023 .zarovnattext{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.DetailProduktu001 .ryti2023 .mininadpis{
    font-weight: 600;
}
.DetailProduktu001 .ryti2023 .mininadpis:not(:first-child){
    padding-top: 15px;
}
.DetailProduktu001 .ryti2023 iframe{
    width: 100%;
    height: 80px;
}
.DetailProduktu001 .ryti2023 .nahledfontu{
    height: 70px;
    padding: 5px;
    font-size: 1.4rem;
    line-height: 1.7rem;
}
body .DetailProduktu001 .parametr14834,
body .DetailProduktu001 .parametr1,
body .DetailProduktu001 .parametr4080,
body .DetailProduktu001 .parametr4081,
body .DetailProduktu001 .parametr4082,
body .DetailProduktu001 .parametr4338,
body .DetailProduktu001 .parametr4327,
body .DetailProduktu001 .parametr4378,
body .DetailProduktu001 .parametr4379,
body .DetailProduktu001 .parametr4380,
body .DetailProduktu001 .parametr4381,
body .DetailProduktu001 .parametr4394,
body .DetailProduktu001 .parametr4347,
body .DetailProduktu001 .parametr[data-nazev="EAN"],
body .DetailProduktu001 .parametr[data-nazev*="gravírování"],
body .DetailProduktu001 .parametr[data-nazev*="gravírování"],
body .DetailProduktu001 .parametr[data-nazev="doba vyřízení objednávky"],
body .DetailProduktu001 .parametr[data-nazev="Doba vyřízení objednávky"],
xbody .DetailProduktu001 .parametr[data-nazev="výrobce"],
xbody .DetailProduktu001 .parametr[data-nazev="Výrobce"],
body .DetailProduktu001 .parametr[data-nazev="typ produktu"],
body .DetailProduktu001 .parametr[data-nazev="Kód Dodavatele"],
body .DetailProduktu001 .parametr.dostupnost,
body .DetailProduktu001 .par + .ks,
body .DetailProduktu001 .parametr.textUpresneni,
body .DetailProduktu001 .vypln40 {
    display: none;
}
body .DetailProduktu001 .vnorenaSablona *{
    font-size: 0.85rem;
}
body .DetailProduktu001 .vlozdokosiku .popis{
    text-align: right;
    vertical-align: top;
}
body .DetailProduktu001 .formulardokosiku input[type=number] {
    float: none;
}
/* DetailProduktu001 2024-05-21 */




/* tlacitkoDalsiStrana 2024-05-21 */
.tlacitkoDalsiStrana {
	text-align: center;
	position: relative;
    min-height: 30px;
}
.tlacitkoDalsiStrana .skrolujNahoru{
	position: absolute;
	right: 0px;
	top: 0px;
}
@media only screen and (max-width:700px) {
	.tlacitkoDalsiStrana input{
		float: right;
	}
	.tlacitkoDalsiStrana .skrolujNahoru{
		position: static;
		float: left;
	}
}
/* tlacitkoDalsiStrana 2024-05-21 */