/* Globalni styly */

* {
	vertical-align: top;
	font-weight: inherit;
	font-family: 'Open Sans', sans-serif;
	font-style: inherit;
	font-size: 15px;
	line-height: 24px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	color: #444444;
	max-width: 100%;
}

img{
    height: auto !important;
}

head {
	display: none;
}

@media only screen {
	body {

		overflow-y: scroll;

		opacity: 0;

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

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

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

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

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

	}
}

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

a {
    text-decoration: none;
}

form table {
	width: 100%;
}

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

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

form tr.odesli input,
form tr.modesli input {
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 10px 20px;
}

input, textarea, select {
	border: 1px solid rgba(0, 0, 0, 0.2);
}

input[type=submit],
.button,
.tlacitkoSouhlasim{
	border: none;
    cursor: pointer;
    display: inline-block;
    padding: 10px 50px 10px 50px;
    color: #ffffff;
    text-transform: uppercase;
    background: #92BE72;
    font-size: 15px;
    font-weight: bold;
}
input[type=submit]:hover,
.button:hover,
.tlacitkoSouhlasim:hover{
    background: linear-gradient(#92BE72, #008e44);
    transition: background 0.25s;
}

input::placeholder,
textarea::placeholder{
	color: #ddd;
}
/* Ytext */

.zakladniTabulka{
	width: 100%;
	clear: both;
}
hr {
	border-bottom: 1px solid #777777;
}
h1, h2, p, ul, ol, table, hr {
	margin: 0px 0px 10px 0px;
	list-style-position: inside;
}
h1, h1 * {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	line-height: inherit;
}
h1{
    color: darkgreen;
    font-size: 1.5rem;
    margin-bottom: 35px;
}
h2, h2 *{
	text-transform: uppercase;
	font-weight: bold;
	font-size: inherit;
	line-height: inherit;
	color: darkgreen;
}
h3, h3 *,
h4, h4 * {
	font-weight: bold;
	font-size: inherit;
	line-height: inherit;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.stylVerzalky {
	text-transform: uppercase;
}
.stylBunkaVpravo {
	text-align: right;
}
.stylBunkaStred {
	text-align: center;
}
.stylVelke {
	font-size: 22px;
}
.stylCervene {
	color: #cc0000;
}

.vnitrek{
    width: 1260px;
    margin: auto;
    padding: 0 10px;
    clear: both;
}

.vnitrek:after{
	content: ' ';
	display: block;
	clear: both;
	display: block;
}

.priloha{
    width: auto !important;
}
.prilohaP{
	float: right;
}
.priloha .text,
.obrazek .text{
	display: none;
}
.pomocny .vnitrek:after,
.pomocny .vnitrek .pravy:after
{
	display: block;
	content: ' ';
	clear: both;
	font-size: 0px;
}

/*----------------------------------------------------------------------------*/



/* pomocny */
.pomocny{
	padding: 10px;
}
.pomocny .vnitrek{
	max-width: 100%;
	margin: 0px auto;
	text-align: center;
	position: relative;
	top: 0px;
	left: 0px;
}
.pomocny .vnitrek .tisknout{
	display: block;
	position: absolute;
	top: -10px;
	right: 0px;
	font-size: 11px;
	line-height: 15px;
	color: #777777;
}
.pomocny .vnitrek .logo{
    background-image: url(Ecokotle.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
	width: 280px;
	max-width: 100%;
	display: block;
	float: left;
}
.pomocny .vnitrek .logo:before{
	content: ' ';
	display: block;
	padding-top: 17.85%;
}
.pomocny .vnitrek .web{
	display: inline-block;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
}
.pomocny .vnitrek .pravy{
	width: 280px;
	max-width: 100%;
	display: block;
	float: right;
	padding: 10px 0px 10px 0px;
	position: relative;
}
.pomocny .vnitrek .pravy .facebook{
	display: block;
	position: absolute;
	right: 0px;
	top: 10px;
	width: 30px;
	height: 30px;
    background-image: url(Facebook.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.pomocny .vnitrek .pravy .komponentaHledat{
    width: 245px;
	width: calc(100% - 35px);
	height: 30px;
	position: relative;
}
.pomocny .vnitrek .pravy .komponentaHledat .text {
	display: block;
    width: 210px;
	width: calc(100% - 30px);
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.pomocny .vnitrek .pravy .komponentaHledat .odesli {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.pomocny .vnitrek .pravy .komponentaHledat .text input{
	border: 1px solid #999999;
    width: 210px;
	width: calc(100% - 5px);
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	padding-left: 10px;
}
.pomocny .vnitrek .pravy .komponentaHledat .odesli input{
	width: 30px;
	height: 30px;
    background-image: url(Lupa.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	font-size: 0px;
	display: block;
	padding: 0 0 0 10px;
}
@media only screen and (max-width:900px){
	.pomocny .vnitrek .tisknout{
		display: none;
	}
}
/* !pomocny */






/* menu */
nav{
	display: block;
	background: #92BE72;
}
nav .komponentaNavigace > ul{
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	width: 1200px;
	justify-content: center;
	list-style-type: none;
	padding: 5px 0;
}
nav .komponentaNavigace li{
    position: relative;
}
nav .komponentaNavigace .hloubka1 > li .polozka{
	display: block;
	cursor: pointer;
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px 15px;
	color: #ffffff;
	transition: background 0.2s;
	font-weight: normal;
}
nav .komponentaNavigace .hloubka1 > li .polozka:hover{
	background: #008e44;
}
nav img,
nav .hloubka2,
nav .pocetPolozek,
xnav .komponentaNavigace > .hloubka1 > li > .hloubka1{
	display: none;
}
nav.hlavniMenu .roletka{
    display: none;
}
nav > .komponentaNavigace > ul > li:first-child .hloubka1{
    width: 360px;
    position: absolute;
    top: 41px;
    left: 0px;
    background: #92BE72;
    z-index: 9;
    max-width: none;
    box-shadow: 0 0 3px 1px transparent;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s;
    list-style-type: none;
}
nav > .komponentaNavigace > ul > li:first-child:hover .hloubka1{
    max-height: 500px;
    box-shadow: 0 0 3px 1px rgb(1 53 56 / 50%);
}
@media only screen and (max-width:900px){
    body nav.hlavniMenu .Navigace001 .roleta{
    	display: none !important;
    }
}
/* !menu */




/* blok nadpis */
.blokNadpis{
	text-align: center;
	padding: 20px 10px 20px 10px;
	margin: 0;
	clear: both;
}
.dlazdice + .blokNadpis{
	padding: 10px 10px 20px 10px;
}
/* !blok nadpis */







/* kontakty zapati */
.kontakty{
	background: url(Kontakty.jpg) scroll no-repeat center center/cover;
	margin: 100px 0px 0px 0px;
	padding: 50px 10px 50px 10px;
	display: block;
}
.kontakty .komponentaSlozka{
	width: 1200px;
	max-width: 100%;
	margin: 0px auto;
	background: rgba(146, 190, 114, 0.85);
	padding: 30px;
}
.kontakty .komponentaSlozka table{
	width: 100%;
	border-collapse: collapse;
}
.kontakty .komponentaSlozka table td:nth-child(1){
	background: url(ZapatiProdejna.png) scroll no-repeat 10px 10px/20px auto;
	padding-left: 40px;
}
.kontakty .komponentaSlozka table td:nth-child(2){
	background: url(ZapatiTechnik.png) scroll no-repeat 10px 10px/20px auto;
	padding-left: 40px;
}
.kontakty .komponentaSlozka table td:nth-child(3){
	background: url(ZapatiKontakt.png) scroll no-repeat 10px 10px/30px auto;
	padding-left: 50px;
}
.kontakty .komponentaSlozka h1,
.kontakty .komponentaSlozka h2,
.kontakty .komponentaSlozka h3,
.kontakty .komponentaSlozka h4{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.kontakty .komponentaSlozka *{
	color: #ffffff;
}
.kontakty .komponentaFormular p,
.kontakty .komponentaFormular span,
.kontakty .komponentaFormular input[type=submit]{
	color: #ffffff !important;
}
.kontakty .komponentaFormular *{
    color: black !important;
    width: 100%;
}
.kontakty .komponentaFormular td:first-child:not(:last-child),
.kontakty .komponentaFormular .povinnePolickoInfo{
	display:none;
}
.kontakty .komponentaFormular td{
    background: none !important;
    padding-left: 0px !important;
}
.kontakty .komponentaFormular input,
.kontakty .komponentaFormular textarea,
.kontakty .komponentaFormular img{
	margin: 0px 0px 10px 0px;
}
.kontakty .komponentaFormular input,
.kontakty .komponentaFormular textarea{
	padding: 0px 5px 0px 5px;
	max-height: 60px;
}
.kontakty .komponentaFormular p.upozorneni{
	color: red !important;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
}
@media only screen and (max-width:900px) {
    .kontakty *{
    	display: block;
    	width: 100%;
    	text-align: center;
    }
    .kontakty .komponentaSlozka table td:nth-child(1){
    	background: url(ZapatiProdejna.png) scroll no-repeat center 10px/20px auto;
    	padding-left: 0px;
    	padding-top: 40px;
    }
    .kontakty .komponentaSlozka table td:nth-child(2){
    	background: url(ZapatiKontakt.png) scroll no-repeat center 10px/30px auto;
    	padding-left: 0px;
    	padding-top: 40px;
    }
    .kontakty .komponentaSlozka table td:nth-child(3){
    	background: url(ZapatiTechnik.png) scroll no-repeat center 10px/20px auto;
    	padding-left: 0px;
    	padding-top: 40px;
    }
    .kontakty *{
    	display: block;
    	width: 100%;
    	text-align: center;
    }
    .kontakty .komponentaFormular table td{
    	background: none !important;
    	padding-left: 0px !important;
    	padding-top: 0px !important;
    }
    .kontakty .komponentaFormular input[type=text],
    .kontakty .komponentaFormular textarea{
    	text-align: left;
    }
}
/* !kontakty zapati */









/* pata */
.mapa iframe{
	width: 100%;
	height: 500px;
}
.copyright{
	padding: 5px;
	text-align: center;
}
.copyright,
.copyright *{
	font-size: 10px;
	line-height: 15px;
}
/* !pata */




/* main */
main{
	width: 1260px;
	max-width: 100%;
	margin: 20px auto 100px auto;
}
main:after{
	content: ' ';
	display: block;
	clear: both;
	font-size: 0px;
}
body .komponentaZbozi{
    width: 1260px;
}
body .produkty{
    width: 1240px;
    margin: auto;
}
body:not(.sNavigaci) main .navigaceKatalog{
	display: none !important;
}
main .navigaceKatalog{
    width: 300px;
    max-width: 100%;
    background: #92BE72;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
main .navigaceKatalog ul .polozka{
    color: #ffffff;
    padding: 15px 10px 15px 10px;
    border-bottom: 1px solid #92BE72;
}
main .navigaceKatalog ul .polozka:hover,
main .navigaceKatalog ul .polozka.vybrana{
    background: #008e44;
}
main .navigaceKatalog ~ div{
    width: calc(100% - 320px);
    max-width: 100%;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 10px 10px 10px;
}
main a {
    color: #008e44;
    font-weight: bold;
}
main a:hover {
    text-decoration: underline;
}
main img{
	max-width: 100%;
	height: auto !important;
}
@media only screen and (max-width:900px){
    main .navigaceKatalog{
        width: auto;
        float: none;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    main .navigaceKatalog ul .polozka{
    	text-align: center;
    }
    main .navigaceKatalog ul .polozka:hover{
        text-decoration: none;
    }
    main .katalog,
    main .detail{
        width: auto !important;
        float: none !important;
        padding: 0px 10px 0px 10px !important;
    }
    main .katalog table *{
    	font-size: 12px !important;
    }
    main .navigaceKatalog ~ div{
        width: auto;
        float: none;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px 10px 10px 10px;
    }
}
/* !main */





/* komponentaFormular */
.komponentaFormular{
    background: #f5f5f5;
    padding: 10px;
}
.komponentaFormular table
.komponentaFormular table thead,
.komponentaFormular table tbody,
.komponentaFormular table tfoot,
.komponentaFormular table tr,
.komponentaFormular table td,
.komponentaFormular table th{
    display: block;
    width: 100%;
}
.komponentaFormular .popis{
    padding-top: 20px;
}
.komponentaFormular input[type=text],
.komponentaFormular textarea{
    width: 100%;
    padding: 5px;
}
.komponentaFormular .captcha td{
    padding: 10px;
    text-align: center;
}
/* komponentaFormular */









/* blok nadpis */
.blokNadpis{
	text-align: center;
	padding: 25px 10px 20px 10px;
	margin: 0;
}
.dlazdice + .blokNadpis{
	padding: 10px 10px 20px 10px;
}
/* !blok nadpis */





/* uni-sablony */
.DetailProduktu001 .nazevProduktu,
.DetailProduktu001 .parametr,
.DetailProduktu001 .vypln,
x.DetailProduktu001 .cenabezna,
.DetailProduktu001 .vypln20 ~ .parametr,
.DetailProduktu001 .prilohy,
.DetailProduktu001 .vlastnosti,
.DetailProduktu001 .navigace,
x.DetailProduktu001 form,
.DetailProduktu001 .drobeckovanavigace,
.DetailProduktu001 .momentalneNelzeObjednat,
.KatalogFiltryRazeni001 .razeni,
.NahledProduktu002 .ceny,
.NahledProduktu002 input[name=vlozDoKosiku],
.visited,
.komponentaRating{
    display: none !important;
}
body .NahledProduktu002 .priznaky .priznakDoporucujeme,
body .NahledProduktu002 .priznaky .novinka {
    background-color: darkseagreen !important;
    color: white !important;
}
body .DetailProduktu001 .vypln30 + .parametr{
    display: block !important;
}
body .DetailProduktu001 .formulardokosiku td:first-child {
    padding: 0px 10px 5px 0px !important;
}
body .DetailProduktu001 .text.editor tr:nth-child(2n+0){
	background: #f4f4f4;
}
body .DetailProduktu001 .text.editor .sloupcovaSazba{
    width: 100%;
}
body .DetailProduktu001 .text.editor td{
	background: none !important;
	padding: 2px;
	white-space: nowrap;
}
body .DetailProduktu001 .text.editor td p:only-child,
body .DetailProduktu001 .text.editor td p:last-child:not(only-child){
	margin: 0 !important;
}
body .DetailProduktu001 .vnorenaSablona11 span{
    display: inline-block;
    width: 50%;
    float: left;
}
body .DetailProduktu001 .vnorenaSablona11 span:last-child{
    float: right;
    padding-left: 10px;
}
.slozka193 .sloupcovaSazba{
    width: 100%;
}
body .NahledProduktu003 {
    width: calc((100% / 4) - 10px);

}
body .NahledProduktu003 .ceny{
    display: none;
}
body .NahledProduktu003 .nazev h2{
    color: initial;
}
body .NahledProduktu003 .priznakDoporucujeme{
    display: none !important;
}
/*body .NahledProduktu003 .priznakExtra{
    width: 60px;
    height: 60px;
    background: orangered;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    display: block;
    color: white;
    line-height: 60px;
    font-weight: bold;
    border-radius: 100%;
    font-size: 12px;
    padding: 0;
    opacity: 0.85;
}
body .NahledProduktu003 .priznakExtra:before{
    content: 'DOTACE';
}*/
body .DetailProduktu001:not([data-priznaky*=E]) .vnorenaSablona11 .extraANO,
body .DetailProduktu001[data-priznaky*=E] .cenabezna,
body .DetailProduktu001[data-priznaky*=E] .vnorenaSablona11 .extraNE{
    display: none;
}
body .DetailProduktu001[data-priznaky*=E] .extraANO span{
    line-height: 2rem;
    white-space: nowrap;
}
body .DetailProduktu001[data-priznaky*=E] .extraANO .nazev{
    font-weight: bold;
}
body .DetailProduktu001[data-priznaky*=E] .extraANO .hodnota{
    font-size: 1.5rem;
    font-weight: bold;
}
body .DetailProduktu001:not([data-priznaky*=E]) .formulardokosiku .cenabez td{
    display: table-cell;
}
body .DetailProduktu001 .formulardokosiku .cenabez .hodnota{
    font-size: 1.5rem;
}
body .DetailProduktu001 .formulardokosiku .cenabezdph span{
    color: silver;
}
@media only screen and (max-width:800px){
    body .NahledProduktu003 {
        width: calc((100% / 2) - 10px);
    }
}





/* dlazdice adresaru */
.proadresare{
}
.adresare .slozky{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
}
.adresare .slozka{
    display: block;
    width: 300px;
    height: 300px;
    overflow: hidden;
    margin: 5px;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 0%);
    border: 1px solid #ddd;
    background: white;
    transition: all 0.5s;
    cursor: pointer;
    position: relative;
    padding-bottom: 70px;
    transition: all 0.3s;
}
.adresare .slozka .nahled{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 10px solid white;
    overflow: hidden;
}
.adresare .slozka .nahled img{
    max-height: 100%;
    margin: auto;
    transition: all 0.2s;
}
.adresare .slozka h2{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0;
    padding: 10px;
    text-align: center;
    min-height: 70px;
    transition: background-color 0.3s;
}
.adresare .slozka:hover {
    box-shadow: 0px 3px 14px 0px rgb(0 0 0 / 30%);
    border: 1px solid #ccc;
}
.adresare .slozka h2{
    color: initial;
}
/* dlazdice adresaru */





body .swipercontainer {
    width: 1234px;
    overflow: hidden;
}
body .swipercontainer .swiperscreen {
    width: 1234px;
    max-width: 100%;
}
body .swipercontainer .swiperitem .nahled{
    padding-top: 25%;
    background-size: 100% 100%;
}
nav.hlavniMenu .komponentaNavigace > ul {
    width: auto;
}




.promenu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
    padding: 0 5px;
}
.logounisteel{
    background-image: url(img/unisteel-logo.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
	width: 280px;
	max-width: 100%;
	display: block;
	float: left;
}
.logounisteel:before{
	content: ' ';
	display: block;
	padding-top: 90px;
}
.promenu .slogan{
    flex: 1 1 300px;
    padding-top: 5%;
    background: url(img/slogan.svg) scroll no-repeat center center/contain;
    border-left: 10px solid white;
    border-right: 50px solid white;
}
.promenu .pravy{
    display: flex;
    flex-direction: column;
}
.promenu .socnet {
    display: flex;
    align-items: center;
    justify-content: center;
}
.promenu .tisknout{
    display: inline-block;
    padding: 0 5px 0 25px;
    background: url(img/print.svg) scroll no-repeat left center/contain;
}
.promenu .facebook{
    display: inline-block;
    padding: 0 5px 0 25px;
    background: url(img/facebook.svg) scroll no-repeat left center/auto 20px;
}
.promenu .komponentaHledat{
    width: 300px;
}
.promenu .komponentaHledat .text input{
    line-height: 38px;
    width: 260px;
    padding-left: 5px;
    height: 40px;
    max-width: calc(100% - 40px);
}
.promenu .komponentaHledat .odesli input{
    display: block;
    width: 40px;
    line-height: 40px;
    float: right;
    min-width: 0px;
    padding: 0;
    margin: 0;
    border: 0px none;
}
@media only screen and (max-width:1024px){
    .promenu{
        flex-direction: column;
    }
    .logounisteel {
        background-position: center center;
    }
    .promenu .slogan{
        flex: 0 0 50px;
        padding-top: 50px;
        background: url(img/slogan.svg) scroll no-repeat center center / contain;
        border-left: 0px;
        border-right: 0px;
        width: 300px;
        margin: 10px 0;
    }
    .promenu .pravy {
        margin-top: 10px;
    }
}








/* .pomocnaNavigace .podslozky */
.pomocnaNavigace{
	clear: both;
}
.pomocnaNavigace .podslozky .hloubka1{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.pomocnaNavigace .podslozky li:not(.NahledProduktu002){
	display: block;
	width: 150px;
	height: 54px;
	overflow: hidden;
    border: 1px solid silver;
	margin: 0 5px 5px 0;
	align-items: center;
}

.pomocnaNavigace .podslozky li:not(.NahledProduktu002) .polozka{
    display: flex;
    background-size: 20% auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 2% center;
    background-color: #ffffff;
    text-decoration: none !important;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 0 0 52px;
    color: black;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
}
.pomocnaNavigace .podslozky li:not(.NahledProduktu002) .polozka .pocetPolozek{
	display: none;
}
.pomocnaNavigace .podslozky li:not(.NahledProduktu002) .polozka img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 52px;
    bottom: 0px;
    max-width: 60px;
    height: 52px;
        border: 3px solid white;
}
@media only screen and (max-width:1100px) {
	.pomocnaNavigace .podslozky li{
		width: calc((100% - 20px) / 3);
	}
	.pomocnaNavigace .podslozky li:not(.NahledProduktu002):nth-child(3n + 1){margin: 0px 5px 10px 0px;}
	.pomocnaNavigace .podslozky li:not(.NahledProduktu002):nth-child(3n + 2){margin: 0px 5px 10px 5px;}
	.pomocnaNavigace .podslozky li:not(.NahledProduktu002):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:not(.NahledProduktu002):nth-child(2n + 1){margin: 0px 5px 10px 0px;}
	.pomocnaNavigace .podslozky li:not(.NahledProduktu002):nth-child(2n + 2){margin: 0px 0px 10px 5px;}
}
@media only screen and (max-width:400px) {
	.pomocnaNavigace .podslozky li:not(.NahledProduktu002){
		width: 100%;
	}
	.pomocnaNavigace .podslozky li:not(.NahledProduktu002):nth-child(1n){margin: 0px 0px 10px 0px;}
}
/* !.pomocnaNavigace .podslozky */

.pomocnaNavigace li.NahledProduktu002{
    
}
.pomocnaNavigace li.NahledProduktu002 a{
    position: relative;
    display: block;
    padding-bottom: 50px;
}
.pomocnaNavigace li.NahledProduktu002 img{
    
}
.pomocnaNavigace li.NahledProduktu002 span{
    position: absolute;
    background: white;
    bottom: 0px;
    left: 10px;
    right: 10px;
    padding-top: 10px;
}




/* dlazdice Attack */
.swiperitem.slozka398,
.swiperitem.slozka399,
.swiperitem.slozka179{
    padding-bottom: 0px !important;
}

.swiperitem.slozka398 h2,
.swiperitem.slozka399 h2,
.swiperitem.slozka179 h2,
.swiperitem.slozka179 .text{
    display: none !important;
}
/* dlazdice Attack */