/* 
Globalni styly 
#6ca3fd --> #1d8b00 rgba(108, 163, 253, 1) --> #1d8b00
rgba(108, 163, 253, 0.15) --> #ddeed9 rgba(108,163,253,1) --> #1d8b00 
#EBEBEC --> #8ec580
#D3E3FE; --> #ddeed9;

*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 16px;
	line-height: 22px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	max-width: 100%;
}
head {
	display: none;
}
body {
	background: #ffffff;
	font-family: "Myriad Pro", sans-serif;
	/*overflow: hidden;*/
}
a {
    color: #1d8b00;
	text-decoration: none;
}
form table {
	width: 100%;
}
form tr.nadpis td {
	font-weight: bold;
}
input[type=text],
input[type=password],
textarea,
select{
	border: 2px solid #8ec580;
	padding: 5px;
}
.panelTelo input[type=button],
.panelTelo input[type=submit],
.komponentaFormularStranka input[type=submit]{
	border: 2px solid transparent;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	min-width: 150px;
}
.panelTelo input[type=button],
.panelTelo input[type=submit]{
}
.velkoobchod .panelTelo input[type=button],
.velkoobchod .panelTelo input[type=submit],
.velkoobchod .komponentaFormularStranka input[type=submit]{
    background: #9bc000;
    color: #ffffff;
}

.maloobchod .panelTelo input[type=button],
.maloobchod .panelTelo input[type=submit],
.maloobchod .komponentaFormularStranka input[type=submit]{
    background: #1d8b00;
    color: #ffffff;
}

.panelTelo a {
	color: #28323C;
    /* text-decoration: underline; to zdedi navigace*/
}
*::-webkit-input-placeholder,
*:-moz-placeholder,
*::-moz-placeholder,
*:-ms-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}
/* Ytext */
.prilohaL {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}
.prilohaP {
	display: block;
	float: right;
	margin: 0px 0px 0px 10px;
}
td p:only-child .prilohaL:only-child,
td p:only-child .prilohaP:only-child {
	margin: 0px;
}
.stylBunkaStred .priloha {
	float: none;
	margin: 0px auto 0px auto;
}
table {
	clear: both;
}
table.zakladniTabulka td {
}
.text.editor table:not(.zakladniTabulka):not(.kalendar) {
	width: 100%;
}
.text.editor table:not(.zakladniTabulka):not(.kalendar) td {
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}
hr {
	border-bottom: 1px solid #777777;
}
h1, h2, p, ul, ol, table, hr {
	margin: 0px 0px 10px 0px;
}
h1 {
	text-transform: uppercase;
	color: #1d8b00;
    margin: 10px 0px 10px 0px;
    font-weight: bold;
}
h2 {
	text-transform: uppercase;
	font-weight: bold;
	color: #1d8b00;
    color: rgba(32,61,131,0.85);
}
h3 {
	font-weight: bold;
	color: #1d8b00;
    color: rgba(32,61,131,0.85);
}
ul {
	padding-left: 20px;
}
ol {
	padding-left: 20px;
}
li{
    list-style-position: inside;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.stylVerzalky {
	text-transform: uppercase;
}
.stylBunkaVpravo {
	text-align: right;
}
.stylBunkaStred {
	text-align: center;
}
.stylPoznamka,
table td.stylPoznamka {
	font-size: 11px;
}
.stylVelke {
	font-size: 20px;
	line-height: 30px;
}
.stylCervene {
	color: #cc0000;
}
.povinnePolicko,
.upozorneni,
.upozorneni a {
	color: #cc0000;
	font-weight: bold;
}
.cistic,
.panelHlavicka .vnitrek:after,
.katalog .zbozi:after,
.katalog .prepinacStranek:after,
.strankaKosik .panelObsah .kosik table:after,
.velkoobchod .katalog .zbozi .polozka .parametry:after,
.katalog .text.editor:after{
	content: ".";
	display: block;
	height: 0px;
    line-height: 0px;
    font-size: 0px;
	clear: both;
	visibility: hidden;
}




/* hlavicka */
#vyskaHlavicky{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: none;
}
.x #vyskaHlavicky:checked ~ .panelHlavicka .prepinacEshopu{
    height: 5px;
    transition: height 1s;
}
.x #vyskaHlavicky:checked ~ .panelHlavicka .vnitrek .logo{
    height: 44px;
    transition: height 1s;
}
.panelHlavicka{
    display: block;
    width: 100%;
    /*position: fixed;*/
    top: 0px;
    left: 0px;
    z-index: 1;
    /*border-bottom: 5px solid #1d8b00;*/
    border-bottom: 5px solid #ddeed9;
}
.panelHlavicka .vnitrek{
    display: block;
    width: 980px;
    max-width: 100%;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}
.panelHlavicka .vnitrek .logo{
	display: block;
	width: 320px;
    max-width: 100%;
	background: transparent url(img/maloobchod.png) scroll no-repeat center center/contain;
	height: 134px;
    transition: height 1s;
}
/* !hlavicka */



/* komponentaHledat v hlavicce */
.panelHlavicka .komponentaHledat{
    display: block;
    position: absolute;
    right: 0px;
    top: calc(50% - 18px);
    width: 500px;
    max-width: 100%;
}
.panelHlavicka .komponentaHledat #komponentaHledat1{
    width: calc(100% - 130px);
    border: 3px solid #8ec580;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.panelHlavicka .komponentaHledat .odeslat{
    position: absolute;
    right: 0px;
    width: 130px;
    height: 100%;
    color: #ffffff;
}
.velkoobchod .panelHlavicka .komponentaHledat .odeslat{
    background: #9BC000;
}
.maloobchod .panelHlavicka .komponentaHledat .odeslat{
    background: #1d8b00;
}
/* !komponentaHledat v hlavicce */




/* Prepinac eshopu velko-malo-obchod */
.panelHlavicka .prepinacEshopu{
    display: block;
    text-align: center;
    font-size: 0px;
    overflow: hidden;
    height: 65px;
    transition: height 1s;
}
.velkoobchod .panelHlavicka .prepinacEshopu{
    border-bottom: 5px solid #9bc000;
}
.maloobchod .panelHlavicka .prepinacEshopu{
    border-bottom: 5px solid #1d8b00;
}
.panelHlavicka .prepinacEshopu .odkaz{
    display: inline-block;
    text-align: center;
    width: 320px;
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
}
.panelHlavicka .prepinacEshopu .odkaz:nth-of-type(1){
    background: #9bc000;
    max-width: calc(33% - 10px);
}
.panelHlavicka .prepinacEshopu .odkaz:nth-of-type(2){
    background: #1d8b00;
    max-width: calc(34% - 10px);
}
.panelHlavicka .prepinacEshopu .odkaz:nth-of-type(3){
    background: #ff1276;
    max-width: calc(33% - 10px);
}
.velkoobchod .panelHlavicka .prepinacEshopu .odkaz:nth-of-type(1){
    padding: 10px;
}
.velkoobchod .panelHlavicka .prepinacEshopu .odkaz:nth-of-type(2){
    margin: 10px 10px 10px 10px;
}
.velkoobchod .panelHlavicka .prepinacEshopu .odkaz:nth-of-type(3){
    margin: 10px 0px 10px 0px;
}
.maloobchod .panelHlavicka .prepinacEshopu .odkaz:nth-of-type(1){
    margin: 10px 10px 10px 0px;
}
.maloobchod .panelHlavicka .prepinacEshopu .odkaz:nth-of-type(2){
    padding: 10px;
}
.maloobchod .panelHlavicka .prepinacEshopu .odkaz:nth-of-type(3){
    margin: 10px 0px 10px 10px;
}
/* !Prepinac eshopu velko-malo-obchod */



/* komponenta Kosik */
.panelHlavicka .komponentaKosik{
    display: block;
    position: absolute;
    right: 0px;
    background: url(img/kosik1.png) scroll no-repeat 2px center, url(img/sipka-dolu-seda.png) scroll no-repeat 97% center;
    width: 150px;
    top: calc(50% + 30px);
    padding: 0px 20px 0px 30px;
    border: 1px solid #ffffff;
}
.panelHlavicka .komponentaKosik:hover{
    border: 1px solid #9BC000;
}
.panelHlavicka .komponentaKosik .nazev,
.panelHlavicka .komponentaKosik .pocet{
    display: none;
}
.panelHlavicka .komponentaKosik .cena{
    display: block;
    line-height: 30px;
    text-align: right;
    color: #999999;
}
/* !komponenta Kosik */



/* komponenta Prihlaseni */
.panelHlavicka .komponentaPrihlaseni{
    display: block;
    position: absolute;
    right: 160px;
    background: url(img/uzivatel.png) scroll no-repeat 2px 5px;
    top: calc(50% + 30px);
    padding: 0px 0px 0px 30px;
    border: 1px solid #ffffff;
}
.panelHlavicka .komponentaPrihlaseni:hover{
    border: 1px solid #9BC000;
}
.panelHlavicka .komponentaPrihlaseni a{
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: #999999;
    padding: 0px 5px 0px 5px;
}
.panelHlavicka .komponentaPrihlaseni a:hover{
    text-decoration: underline;
}
/* !komponenta Prihlaseni */





/* jazyky */
.panelHlavicka .komponentaJazyky {
	display: block;
    position: absolute;
    height: 16px;
    right: 0px;
    top: calc(50% - 52px);
    text-align: right;
    font-size: 0px;
}
.panelHlavicka .komponentaJazyky .CZ {
	display: inline-block;
	width: 26px;
	height: 16px;
	background: url(img/cz.png) scroll no-repeat center center/contain;
	margin-left: 10px;
    box-shadow: 0px 0px 2px #cccccc;
}
.panelHlavicka .komponentaJazyky .SK {
	display: inline-block;
	width: 26px;
	height: 16px;
	background: url(img/sk.png) scroll no-repeat center center/contain;
	margin-left: 10px;
    box-shadow: 0px 0px 2px #cccccc;
}
.panelHlavicka .komponentaJazyky .DE {
	display: inline-block;
	width: 26px;
	height: 16px;
	background: url(img/de.png) scroll no-repeat center center/contain;
	margin-left: 10px;
    box-shadow: 0px 0px 2px #cccccc;
}
.panelHlavicka .komponentaJazyky .EN {
	display: inline-block;
	width: 26px;
	height: 16px;
	background: url(img/en.png) scroll no-repeat center center/contain;
	margin-left: 10px;
    box-shadow: 0px 0px 2px #cccccc;
}
.panelHlavicka .komponentaJazyky .facebook {
	display: inline-block;
	width: 70px;
	height: 16px;
	background: url(img/fb-silver.png) scroll no-repeat center center/contain;
	margin-left: 10px;
}
/* !jazyky */


/* jazyky vm */
.velkoobchod .panelHlavicka .komponentaJazyky.maloobchod,
.maloobchod .panelHlavicka .komponentaJazyky.velkoobchod{
    display: none !important;
}
.panelHlavicka .komponentaJazyky .CZ,
.panelHlavicka .komponentaJazyky .EN,
.panelHlavicka .komponentaJazyky .DE,
.panelHlavicka .komponentaJazyky .SK,
.panelHlavicka .komponentaJazyky .facebook,
.panelHlavicka .checkboxRozbalJazyky{
    display: none;
}
.cz .panelHlavicka .komponentaJazyky .CZ,
.en .panelHlavicka .komponentaJazyky .EN,
.de .panelHlavicka .komponentaJazyky .DE,
.sk .panelHlavicka .komponentaJazyky .SK{
    display: block;
}
.panelHlavicka .komponentaJazyky .labelRozbalJazyky{
    display: block;
    background: transparent;
    height: 22px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 57px;
    cursor: pointer;
}
.panelHlavicka .komponentaJazyky{
    padding-right: 20px;
    cursor: pointer;
}
.velkoobchod .panelHlavicka .komponentaJazyky{
    background: #ffffff url(img/sipka-dolu-zelena.png) scroll no-repeat 95% 6px;
}
.maloobchod .panelHlavicka .komponentaJazyky{
    background: #ffffff url(img/sipka-dolu-modra.png) scroll no-repeat 95% 6px;
}
.panelHlavicka .checkboxRozbalJazyky:checked ~ .komponentaJazyky{
    box-shadow: inset 0px 0px 2px #cccccc;
    height: auto;
    z-index: 2;
    padding-top: 5px;
}
.panelHlavicka .checkboxRozbalJazyky:checked ~ .komponentaJazyky .jazyk{
    display: block !important;
    margin-bottom: 5px;
}
.panelHlavicka .checkboxRozbalJazyky:checked ~ .komponentaJazyky .labelRozbalJazyky{
    display: block;
    left: auto;
    right: 0px;
    width: 15px;
}
/* !jazyky vm */




/* hlavicka menu */
.panelHlavicka .menu{
    display: none;
}
.panelHlavicka .panelMenu{
    display: block;
    position: absolute;
    right: 70px;
    top: calc(50% - 53px);
    overflow: hidden;
}
.panelHlavicka .panelMenu ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0px;
}
.panelHlavicka .panelMenu ul li{
    display: inline-block;
    border-right: 1px solid #999999;
}
.panelHlavicka .panelMenu ul li:last-child{
    border-right: 0;
}
.panelHlavicka .panelMenu ul li a,
.panelHlavicka .panelMenu ul li span{
    color: #999999;
    padding: 0px 5px 0px 5px;
}
.panelHlavicka .panelMenu ul li:first-child a,
.panelHlavicka .panelMenu ul li:first-child span{
    color: #999999;
    padding: 0px 5px 0px 0px;
}
.panelHlavicka .panelMenu ul li:last-child a,
.panelHlavicka .panelMenu ul li:last-child span{
    color: #999999;
    padding: 0px 0px 0px 5px;
}
/* !hlavicka menu */






/* panelTelo panelObsah */
.panelTelo {
}
.panelTelo:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.panelTelo .panelObsah {
	/*position: fixed;*/
    top: 199px;
    left: 290px;
    width: calc(100% - 290px);
    /*height: calc(100vh - 209px);*/
	display: block;
	background: #ffffff;
    /*overflow: auto;*/
    padding-top: 0px;
    padding-bottom: 30px;
    transition: top 1s, height 1s, padding-top 1s, padding-bottom 1s;
    float: right;
}
.x #vyskaHlavicky:checked ~ .panelTelo .panelObsah {
    top: 49px;
    height: calc(100vh - 59px);
    padding-bottom: 60px;
    transition: top 1s, height 1s, padding-top 1s, padding-bottom 1s;
}
.panelTelo .panelObsah > *:not(.katalog) {
	padding-left: 3%;
	padding-right: 3%;
}
.panelTelo .panelObsah .vystrahaDoSablony{
	text-align: center;
	padding: 20px;
	color: #F53F3F;
	font-weight: bold;
}
/* !panelTelo panelObsah */



/* katalog - nadpis, filtry, razeni */
.panelTelo .panelObsah > .katalog{

}
.katalog {
    padding: 0px 0px 0px 0px;
	display: block;
	background: #ffffff;
	/*overflow: hidden; 2018-08-02 - zakryva to nove filtry*/
    margin: 0px auto;
}
.katalog h1{
    margin: 10px 10px 10px 10px;
}
.katalog .komponentaZobrazeni{
    display: none;
}
.katalog .formularRazeni{
    display: block;
    font-size: 0px;
    line-height: 0px;
    margin: 3px 10px 3px 10px;
}
.katalog .formularRazeni .polozka{
    display: inline-block;
}

.katalog .formularRazeni .polozka input{
    display: none;
}
.katalog .formularRazeni .polozka label{
    display: inline-block;
    padding: 2px 5px 2px 5px;
    cursor: pointer;
    margin: 1px 1px 1px 0px;
}
.velkoobchod .katalog .formularRazeni .polozka label{
    background: rgba(155, 192, 0, 0.15);
}
.maloobchod .katalog .formularRazeni .polozka label{
    background: #ddeed9;
}
.velkoobchod .katalog .formularRazeni .polozka input:checked + label{
    background: rgba(155, 192, 0, 1);
    color: #ffffff;
}
.maloobchod .katalog .formularRazeni .polozka input:checked + label{
    background: #1d8b00;
    color: #ffffff;
}
.formularFiltry{
    margin: 3px 10px 3px 10px;
}
.formularFiltry:after{
	content: ' ';
	display: block;
	clear: both;
}
.formularFiltry .hledej,
.formularFiltry .hledej{
    display: none !important;
}
.formularFiltry .odesli{
	display: inline-block;
}
.maloobchod .formularFiltry .odesli{
	/*display: none;*/
}
.formularFiltry .odesli input{
    margin: 0 5px 5px 0;
    padding: 1px 15px 1px 15px;
    min-width: 0px;
}
.formularFiltry .polozka{
    display: inline-block;
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    margin-bottom: 1px;
}
.velkoobchod .formularFiltry .polozka{
    background: rgba(155, 192, 0, 0.15);
}
.maloobchod .formularFiltry .polozka{
    background: #ddeed9;
}
.formularFiltry .polozka select{
    border: 0px;
    padding: 0;
    border-radius: 0px;
    background: transparent;
}
.formularFiltry:before,
.formularFiltry:after{
	content: ' ';
	display: block;
	clear: both;
}
.formularFiltry .multiple{
	display: block;
	margin-right: 5px;
	width: calc(33.33% - 5px);
	float: left;
	background: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	max-width: 300px;
}
.formularFiltry .multiple div{
	font-weight: bold;
    font-size: 13px;
}
.formularFiltry .multiple select{
	width: 100%;
}
@media only screen and (max-width:450px), only screen and (max-device-width:450px) {
	.formularFiltry .multiple{
		margin-right: 0px;
		width: 100%;
		float: none;
	}
	.formularFiltry .multiple,
	.formularFiltry .multiple *{
		max-width: 100% !important;
	}
}
/* katalog - nadpis, filtry, razeni */





/* katalog XPosuvnik */
.formularFiltrCena:before{
	content: ' ';
	display: block;
	clear: both;
}
.formularFiltrCena .polozka.filtrCena,
.formularFiltrCena .odesli{
    display: none !important;
}
.formularFiltrCena .filtrCenaXPosuvnikPole
{
    display: block;
	position: relative;
	height: 20px;
	background: transparent;
    margin: 5px 10px 5px 10px;
    max-width: 600px;
}
.velkoobchod .formularFiltrCena .filtrCenaXPosuvnikPole{
	box-shadow: inset 0px 0px 8px 0px rgba(155, 192, 0, 1);
}
.maloobchod .formularFiltrCena .filtrCenaXPosuvnikPole{
	box-shadow: inset 0px 0px 8px 0px #1d8b00;
}
.formularFiltrCena .filtrCenaXPosuvnikMin,
.formularFiltrCena .filtrCenaXPosuvnikMax{
    display: inline-block;
	position: absolute;
	left: 0px;
	top: -2px;
	min-width: 70px;
	height: 24px;
	font-size: 12px;
    line-height: 24px;
	text-align: center;
	cursor: pointer;
    color: #ffffff;
    box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 1);
}
.velkoobchod .formularFiltrCena .filtrCenaXPosuvnikMin,
.velkoobchod .formularFiltrCena .filtrCenaXPosuvnikMax{
    background: rgba(155, 192, 0, 1);
}
.maloobchod .formularFiltrCena .filtrCenaXPosuvnikMin,
.maloobchod .formularFiltrCena .filtrCenaXPosuvnikMax{
    background: #1d8b00;
}
.formularFiltrCena .filtrCenaXPosuvnikMax{
	left: unset !important;
	right: 0px;
}
.formularFiltrCena [data-hodnota-zmenena="1"]{}
/* !katalog XPosuvnik */




/* Formular filtr-special */
.formularFiltrSpecial{
    display: block;
    font-size: 0px;
    line-height: 0px;
    margin: 3px 10px 3px 10px;
}
.formularFiltrSpecial .polozka{
	cursor: pointer;
    display: inline-block;
    padding: 2px 5px 2px 5px;
    cursor: pointer;
    margin: 1px 1px 1px 0px;
}
.velkoobchod .formularFiltrSpecial .polozka{
    background: rgba(155, 192, 0, 0.15);
}
.maloobchod .formularFiltrSpecial .polozka{
    background: #ddeed9;
}
.formularFiltrSpecial .polozka > *{
	cursor: pointer;
}
.velkoobchod .formularFiltrSpecial .polozka:hover {
	background: rgba(155, 192, 0, 1);
    color: #ffffff;
}
.maloobchod .formularFiltrSpecial .polozka:hover {
	background: #1d8b00;
    color: #ffffff;
}
.formularFiltrSpecial .odesli input{
	padding: 0px 5px 0px 5px;
    min-width: auto;
	display: none;
}
/* !Formular filtr-special */




/* katalog - polozky */
.katalog .zbozi .polozka {
	display: block;
	float: left;
	width: 250px;
	margin: 0px 0px 10px 10px;
	position: relative;
}
.velkoobchod .katalog .zbozi .polozka{
	border: 2px solid #9bc000;
    box-shadow: inset 0px 0px 10px 2px rgba(155, 192, 0, 0.15);
}
.maloobchod .katalog .zbozi .polozka{
	border: 2px solid #1d8b00;
    box-shadow: inset 0px 0px 10px 2px #ddeed9;
}
.katalog .zbozi .polozka .nahled {
    width: 90% !important;
    height: auto !important;
    margin-left: 5%;
    display: block;
    position: absolute;
    left: 0px;
	top: 85px;
}
.katalog .zbozi .polozka .bezNahledu{
    display: none;
}
.katalog .zbozi .polozka .nahled img {
	width: 100% !important;
	height: auto !important;
}
.velkoobchod .katalog .zbozi .polozka .nahled img:not(.jePrihlasen1){
    /*opacity: 0.03;*/
}
.maloobchod .katalog .zbozi .polozka .nahled .jePrihlasenText{
    display: none;
}
.velkoobchod .katalog .zbozi .polozka .nahled .jePrihlasenText{
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    display: none;
}

.katalog .zbozi .polozka .vlozDoKosiku {
	display: block;
	height: 100%;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    border-radius: 0px;
    padding-left: 50px;
}
.katalog .zbozi .polozka .vlozDoKosikuDetail{
    display: block;
    height: 50px;
}
.velkoobchod .katalog .zbozi .polozka .vlozDoKosiku{
    background: #9BC000 url(img/VlozDoKosiku.png) scroll no-repeat 5% center;
}
.maloobchod .katalog .zbozi .polozka .vlozDoKosiku{
    background: #1d8b00 url(img/VlozDoKosiku.png) scroll no-repeat 5% center;
}
.katalog .zbozi .polozka .detailZbozi {
    display: none;
	position: absolute;
	bottom: 1%;
	right: 30%;
	width: 18%;
	height: auto;
	border: 3px solid transparent;
}
.katalog .zbozi .polozka .mnozstvi,
.katalog .zbozi .polozka .popis,
.katalog .zbozi .polozka .hodnota {
	display: none;
}
.katalog .zbozi .polozka .ceny{
    height: 20px;
    line-height: 20px;
    width: 1px;
}
.velkoobchod .katalog .zbozi .polozka .ceny{
    margin: 118% 0px 0px 0px;
}
.maloobchod .katalog .zbozi .polozka .ceny{
    margin: 105% 0px 0px 0px;
}
.katalog .zbozi .polozka .cenaPuvodni .hodnota {
	position: absolute;
	bottom: 60px;
	left: 0px;
	width: 50%;
	color: #999999;
	display: block;
	font-weight: bold;
	text-align: center;
    text-decoration: line-through;
}
.katalog .zbozi .polozka .cenaVcetne .hodnota {
	position: absolute;
	bottom: 60px;
	left: 0px;
	width: 100%;
	display: block;
	font-weight: bold;
	text-align: center;
}
.velkoobchod .katalog .zbozi .polozka .cenaPuvodni ~ .cenaVcetne .hodnota{
	left: 50%;
	width: 50%;
}
.velkoobchod .katalog .zbozi .polozka .cenaVcetne .hodnota{
	color: rgba(155,192,0,1);
    text-shadow: 1px 1px #777777;
}
.maloobchod .katalog .zbozi .polozka .cenaVcetne .hodnota{
	color: #1d8b00;
}
.katalog .zbozi .polozka .cenaVcetne.akce1 .hodnota {
	left: 50%;
	width: 50%;
	color: rgba(245,63,63,1);
}
.katalog .zbozi .polozka .nazevAText {
}
.katalog .zbozi .polozka .nazevAText h2 a {
    height: 72px;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    display: block;
    overflow: hidden;
    margin: 5% 5% 5px 5%;
}
.velkoobchod .katalog .zbozi .polozka .nazevAText h2 a{
    color: #9bc000;
}
.maloobchod .katalog .zbozi .polozka .nazevAText h2 a{
    color:#1d8b00;
}
.katalog .zbozi .polozka .nazevAText p {
    display: none;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	height: 90px;
	overflow: hidden;
}
.katalog .zbozi .polozka .kodZbozi{
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 85px;
    color: #999999;
    font-size: 12px;
    line-height: 15px;
}
.katalog .zbozi .polozka .stav{
    display: block;
    position: absolute;
    right: 0px;
    top: 15%;
    z-index: 2;
}
.katalog .zbozi .polozka .stav a{
    display: block;
    padding: 5px;
    color: #ffffff;
    text-transform: uppercare;
    margin-bottom: 1px;
    font-size: 12px;
}
.katalog .zbozi .polozka .stav .probihaAkce{
    background: rgba(245,63,63,0.85);
}
.katalog .zbozi .polozka .stav .novinka{
    background: rgba(255,180,0,0.85);
}
.velkoobchod .katalog .zbozi .polozka .stav .priznakDoporucujeme{
    background: rgba(155,192,0,0.85);
}
.maloobchod .katalog .zbozi .polozka .stav .priznakDoporucujeme{
    background: rgba(108,163,253,0.85);
}

.velkoobchod .katalog .zbozi .polozka .parametry{
    display: block;
    position: absolute;
    bottom: 110px;
    white-space: nowrap;
    width: calc(100% - 10px);
    left: 5px;
}
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(1),
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(2),
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(3),
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(4) {
    display: inline-block;
    width: 50%;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 15px;
    height: 15px;
    overflow: hidden;
}
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(1) .popis,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(2) .popis,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(3) .popis,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(4) .popis{
    color: #9bc000;
    padding-left: 5px;
}
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(1) .hodnota,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(2) .hodnota,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(3) .hodnota,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(4) .hodnota,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(1) .hodnota select,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(2) .hodnota select,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(3) .hodnota select,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(4) .hodnota select{
    color: #999999;
}
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(1) .popis,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(2) .popis,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(3) .popis,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(4) .popis,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(1) .hodnota,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(2) .hodnota,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(3) .hodnota,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(4) .hodnota,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(1) .hodnota select,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(2) .hodnota select,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(3) .hodnota select,
.velkoobchod .katalog .zbozi .polozka .parametry .parametr:nth-child(4) .hodnota select{
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    padding: 0;
    border: 0px;

}

.katalog .prepinacStranek{
	display: block;
	cursor: default;
	margin: 0px 3% 1% 3%;
	text-align: center;
}
.katalog .prepinacStranek:empty{
    display: none;
}
.katalog .prepinacStranek a,
.prepinacStranek span {
    border: 1px solid transparent;
    padding: 0px 2px 0px 2px;
    color: #9BC000;
    font-size: 12px;
    cursor: pointer;
    min-width: 18px;
    display: inline-block;
    text-align: center;
    margin: 1px 1px 1px 1px;
    text-decoration: none;
}
.velkoobchod .katalog .prepinacStranek a,
.velkoobchod .prepinacStranek span {
    color: #9BC000;
}
.maloobchod .katalog .prepinacStranek a,
.maloobchod .prepinacStranek span {
    color: #1d8b00;
}
.velkoobchod .katalog .prepinacStranek a:hover,
.velkoobchod .prepinacStranek span:hover {
    border: 1px solid #9BC000;
}
.maloobchod .katalog .prepinacStranek a:hover,
.maloobchod .prepinacStranek span:hover {
    border: 1px solid #1d8b00;
}
.katalog .prepinacStranek .vybrana {
	background: none;
	font-weight: bold;
    color: #999999;
}
/* !katalog - polozky */







.menu {
	xxxdisplay: none;
}




/* navigace */
.panelTelo .panelNavigace {
	display: block;
    /*position: fixed;*/
    top: 199px;
    left: 0px;
	width: 280px;
    max-width: 100%;
	float: left;
	background: #FFFFFF;
	/*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    padding-top: 1px;
    /*height: calc(100vh - 209px);*/
    margin: 0;
    z-index: 2;
    transition: top 1s, height 1s;
    margin-left: 5px;
    padding-top: 10px;
}
.x #vyskaHlavicky:checked ~ .panelTelo .panelNavigace {
    top: 49px;
    height: calc(100vh - 59px);
    transition: top 1s, height 1s;
}
.velkoobchod .panelTelo .panelNavigace{
    border: 5px solid #9BC000;
    border-top: 0px;
}
.maloobchod .panelTelo .panelNavigace{
    /*border: 5px solid #1d8b00;*/
    /*border: 5px solid #dddddd;*/
    border-top: 0px;
    min-height: 320px;
    background: #ddeed9;
}
.panelTelo .panelNavigace ul {
	list-style-type: none;
    padding: 0;
    margin: 0;
}
.panelTelo .panelNavigace > ul {
	margin: 0px 0px 0px 0px;
}
.panelTelo .panelNavigace .roleta ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
    padding: 0;
}
/*.panelTelo .panelNavigace ul .polozka img,*/
.panelTelo .panelNavigace ul .polozka .pocetPolozek,
/* trida oznacena pomoci JS: skryje menu, ktere obsahuje hvezdicky - jako odddelovac */
.panelTelo .panelNavigace > .hloubka1 > .skryte a{
	display: none;
}

.panelTelo .panelNavigace ul .polozka{
	display: block;
    padding: 5px 6px 5px 5px;
    cursor: default;
    color: rgba(32,61,131,0.85);
    color: #28323C;
    font-size: 14px;
	font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
	/*border-bottom: 1px solid #ffffff;*/
}
.panelTelo .panelNavigace .hloubka1 > li:nth-child(1) > .polozka img,
.panelTelo .panelNavigace .hloubka1 > li:nth-child(2) > .polozka img,
.panelTelo .panelNavigace .hloubka1 > li:nth-child(3) > .polozka img{
	display: none;
}
/*
.panelTelo .panelNavigace  ul > li > .polozka{
    padding: 5px 6px 5px 15px;
}
.velkoobchod .panelTelo .panelNavigace > ul > li > .zabalena.polozka{
	background: url(img/sipka-vpravo-zelena.png) scroll no-repeat 5px 10px;
}
.maloobchod .panelTelo .panelNavigace > ul > li > .zabalena.polozka{
	background: url(img/sipka-vpravo-modra.png) scroll no-repeat 5px 10px;
}
.velkoobchod .panelTelo .panelNavigace > ul > li > .zabalena.polozka:hover{
	background: #8ec580 url(img/sipka-vpravo-zelena.png) scroll no-repeat 5px 10px;
}
.maloobchod .panelTelo .panelNavigace > ul > li > .zabalena.polozka:hover{
	background: #8ec580 url(img/sipka-vpravo-modra.png) scroll no-repeat 5px 10px;
}
.velkoobchod .panelTelo .panelNavigace > ul > li > .vybrana.polozka{
	background: url(img/sipka-dolu-zelena.png) scroll no-repeat 1px 14px;
}
.maloobchod .panelTelo .panelNavigace > ul > li > .vybrana.polozka{
	background: url(img/sipka-dolu-modra.png) scroll no-repeat 1px 14px;
}
.velkoobchod .panelTelo .panelNavigace > ul > li > .vybrana.polozka:hover{
	background: #8ec580 url(img/sipka-dolu-zelena.png) scroll no-repeat 1px 14px;
}
.maloobchod .panelTelo .panelNavigace > ul > li > .vybrana.polozka:hover{
	background: #8ec580 url(img/sipka-dolu-modra.png) scroll no-repeat 1px 14px;
}
*/
.panelTelo .panelNavigace ul .polozka:hover,
.panelTelo .panelNavigace ul li > .vybrana,
.panelTelo .panelNavigace ul .sRozbalenouRoletou > a{
 	cursor: pointer;
	background: #8ec580;
}
.velkoobchod .panelTelo .panelNavigace > .hloubka1 > .kategorie a{
    /* trida oznacena pomoci JS: polozky menu, ktere obsahuji pomlcky, jsou oznaceny jako Kategorie */
    border-top: 2px solid #9bc000;
    border-bottom: 2px solid #9bc000;
}
.maloobchod .panelTelo .panelNavigace > .hloubka1 > .kategorie a{
    /* trida oznacena pomoci JS: polozky menu, ktere obsahuji pomlcky, jsou oznaceny jako Kategorie */
    border-top: 2px solid #1d8b00;
    border-bottom: 2px solid #1d8b00;
}
.panelTelo .panelNavigace .hloubka2 > li > .polozka,
.panelTelo .panelNavigace .hloubka2 > li > .vybrana{
    padding: 5px 6px 5px 30px;
	padding: 0px 6px 0px 20px;
	color: #666666;
}
.panelTelo .panelNavigace .hloubka3 li .polozka {
    padding: 5px 5px 5px 50px;
	font-weight: normal;
}
.panelTelo .panelNavigace ul > li.zabalena {
	position: relative;
}
.panelTelo .panelNavigace ul > li .roleta {
    position: absolute;
    top: -50px;
    left: 255px;
    border: 1px solid #cccccc;
    background: #f5f5f5;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #cccccc;
    z-index: 999;
    width: auto;
    min-width: 320px;
    max-width: 60%;
    height: auto;
    overflow: auto;
    max-height: 500px;
}
.velkoobchod .panelTelo .panelNavigace ul > li .roleta{
    background: #f5f5f5;
}
.maloobchod .panelTelo .panelNavigace ul > li .roleta{
    background: #ddeed9;
}
.panelTelo .panelNavigace ul > li .roleta > .hloubka1{
    margin: 20px 5px 30px 20px !important;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
}
.panelTelo .panelNavigace ul > li .roleta .hloubka1 > li > a{
    display: block;
    color: #28323C !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    border-bottom: none !important;
    padding: 0px 0px 0px 10px !important;
}
.panelTelo .panelNavigace ul > li .roleta .hloubka2 li{
    display: inline-block;
    width: auto;
}
.panelTelo .panelNavigace ul > li .roleta .hloubka2 li a{
    display: inline-block !important;
    width: auto !important;
    font-weight: normal !important;
    font-size: 14px;
    line-height: 22px;
    padding: 0px 10px 0px 10px !important;
    border-bottom: none !important;
}
.velkoobchod .panelTelo .panelNavigace ul > li .roleta a:hover{
    background: #9bc000 !important;
    color: #ffffff !important;
}
.maloobchod .panelTelo .panelNavigace ul > li .roleta a:hover{
    background: #1d8b00 !important;
    color: #ffffff !important;
}


.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(1){
    background: #FFB400;
}
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(2){
    background: #F53F3F;
}
.velkoobchod .panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(3){
    background: #9BC000;
}
.maloobchod .panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(3){
    background: #1d8b00;
}
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(1),
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(2),
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(3){
    border: 2px solid #ffffff;
    border-top: 0px;
}
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(1) > *,
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(2) > *,
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(3) > *{
    border-bottom: 0px;
    padding: 9px 6px 9px 10px;
    color: #ffffff;
    background: transparent url(img/navigace-plus.png) scroll no-repeat 90% center;
}
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(1) > *:hover,
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(2) > *:hover,
.panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(3) > *:hover{
    background: transparent url(img/navigace-plus.png) scroll no-repeat 90% center;
}
/* !navigace */



/* detail */
.detail {
	display: block;
	padding: 0px 3% 0px 3%;
    max-width: 1000px;
}
.detail .navigace {
	display: block;
	cursor: default;
	margin-bottom: 10px;
	margin-top: 10px;
}
.detail .navigace .polozka {
	color: #28323C;
	padding: 0px 7px 0px 7px;
	font-weight: normal;
    font-size: 12px;
}
.detail .navigace a.polozka {
	cursor: pointer;
	color: #28323C;
	font-weight: bold;
    font-size: 12px;
}
.detail .navigace .polozka:first-child {
	padding-left: 0px;
}
.detail .navigace .pocetPolozek {
	display: none;
}
.detail .obal{
    margin-bottom: 10px;
    padding: 10px;
}
.velkoobchod .detail .obal{
	border: 2px solid #9bc000;
    box-shadow: inset 0px 0px 10px 2px rgba(155, 192, 0, 0.15);
}
.maloobchod .detail .obal{
	border: 2px solid #1d8b00;
    box-shadow: inset 0px 0px 10px 2px #ddeed9;
}
.detail .obrazek {
	display: block;
	width: 50% !important;
    max-width: 600px;
	height: auto !important;
	float: left;
    overflow: hidden;
}
.velkoobchod .detail .obrazek.alternativa{
    background: url(img/alternativa-zelena.png) scroll repeat 0 0;
    opacity: 0.5
}
.maloobchod .detail .obrazek.alternativa{
    background: url(img/alternativa-modra.png) scroll repeat 0 0;
    opacity: 0.5
}
.detail .obrazek img {
	display: block;
	width: 100% !important;
	height: auto !important;
	cursor: pointer;
}
.velkoobchod .detail .obrazek > img:not(.jePrihlasen1){
    /*opacity: 0.02;*/
}
.detail .obrazek .text{
	display: block;
    text-align: center;
	font-size: 12px;
    line-height: 15px;
    padding-top: 5px;
    width: auto !important;
}
.detail .prilohy {
	display: block;
}
.maloobchod .detail .jePrihlasenText{
    display: none;
}
.velkoobchod .detail prilohy:not(.jePrihlasen1){
    display: none;
}
.detail .prilohy a {
	display: inline-block;
	border: 1px solid blue;
	padding: 5px;
	margin: 5px 5px 5px 0px;
	border: 1px solid rgba(40,50,60,0.35);
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	vertical-align: top;
    text-decoration: none;
}
.detail .prilohy a:hover {
	border: 1px solid rgba(40,50,60,0.65);
}
.detail .prilohy a img {
	width: 50px !important;
	height: 50px !important;
}
.detail .prilohy a .text{
    text-align: center;
	font-size: 12px;
    line-height: 15px;
}
.docasne.maloobchod .detail .obal > .obrazek {
    /*background: #ddeed9;*/
    padding: 11% 0px 11% 0px;
}
.docasne.velkoobchod .detail .obal > .obrazek {
    background: rgba(155, 192, 0, 0.15);
    padding: 11% 0px 11% 0px;
}
.docasne .detail .obal > .obrazek > img{
    width: 250px !important;
    height: auto !important;
    margin: 0px auto;
    background: #ffffff;
    margin-top: 0px;

}
.detail .obal > .obrazek > .jePrihlasenText{
    padding: 10px;
}
.velkoobchod .detail .obal > .obrazek > .jePrihlasenText{
	display: none;
}
.detail .pravyPanel {
	float: right;
	display: block;
	width: 50%;
}
.detail h1 {
	display: block;
	padding-left: 3%;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
}
.detail .probihaAkce{
    color: rgba(245,63,63,1);
}
.detail .novinka{
    color: rgba(255,180,0,1);
}
.velkoobchod .detail .priznakDoporucujeme{

}
.maloobchod .detail .priznakDoporucujeme{
    color: #1d8b00;
}
.detail .zakladniTabulka td {
	width: 50%;
}
.detail .formularDetail {
	width: 97%;
	margin-left: 3%;
}
.velkoobchod .detail .formularDetail .mnozstviNaSklade{
	display: none;
}
.detail .formularDetail .cenaVcetne{
    font-weight: bold;
}
.detail .formularDetail .cenaPuvodniVcetne{
    color: #999999;
}
.detail .formularDetail .cenaPuvodniVcetne .hodnota{
    text-decoration: line-through;
}
.detail .formularDetail .akce{
    color: rgba(245,63,63,1);
    font-weight: bold;
}
.detail .tabulkaVariantyObal{
    display: block;
    overflow: auto;
    max-width: 100%;
    clear: both;
	margin-left: 3%;
    padding: 5px;
    box-shadow: 0px 0px 5px 2px rgba(108, 163, 253, 0.2);
}
.detail .tabulkaVarianty {
	width: 100%;
}
.detail .tabulkaVariantyObal ~ .tabulkaParametry {
	display: none;
}
.detail .tabulkaVarianty tr:first-child td{
    font-weight: bold;
    vertical-align: middle;
}
.detail .bezLegendyVertikalni tr:first-child td *,
.detail .tabulkaVarianty tr:first-child td:not(:first-child) * {
    padding-bottom: 5px;
    text-align: center;
}
.detail .tabulkaVarianty:not(.bezLegendyVertikalni) td:first-child {
	padding-left: 5px;
    font-weight: bold;
}
.detail .tabulkaParametry {
	width: 97%;
	margin-left: 3%;
    margin-bottom: 0px;
}
.detail .tabulkaParametry td{
    font-size: 12px;
}

.detail .tabulkaVarianty td {
	padding-left: 2px;
    width: auto;
}
.detail .tabulkaVarianty td *{
    font-size: 12px;
    line-height: 15px;
}
.detail .tabulkaParametry select{
    width: 100%;
}
.detail .bezLegendyVertikalni tr:not(:first-child) td label,
.detail .tabulkaVarianty tr:not(:first-child) td:not(:first-child) label{
    display: block;
    padding: 3px;
    white-space: nowrap;
    background: #ddeed9;
    text-align: center;
}
.detail .bezLegendyVertikalni tr:not(:first-child) td label.checked,
.detail .bezLegendyVertikalni tr:not(:first-child) td label:hover,
.detail .tabulkaVarianty tr:not(:first-child) td:not(:first-child) label.checked,
.detail .tabulkaVarianty tr:not(:first-child) td:not(:first-child) label:hover{
    background: #1d8b00;
    color: #ffffff;
}
.detail .bezLegendyVertikalni td input[type=radio],
.detail .tabulkaVarianty td:not(:first-child) input[type=radio] {
    display: none;
}
.detail .bezLegendyVertikalni tr:not(:first-child) td .legenda:empty,
.detail .tabulkaVarianty tr:not(:first-child) td:not(:first-child) .legenda:empty{
    display: block;
    height: 100%;
    background: rgba(238,238,238,0.5);
    padding: 3px;
}
.detail .bezLegendyVertikalni tr:not(:first-child) td .legenda:empty:after,
.detail .tabulkaVarianty tr:not(:first-child) td:not(:first-child) .legenda:empty:after{
    content: '\00x0';
    color: transparent;
}
.detail .tabulkaVarianty td:nth-child(2n-1):first-child,
.detail .tabulkaVarianty td:nth-child(2n-0):last-child{
    width: auto;
}
.detail .tabulkaVarianty td:nth-child(2n-1):first-child .nazev{
    font-size: 12px;
    padding-right: 10px;
    line-height: 15px;
}
.detail .tabulkaVarianty td:nth-child(2n-1):first-child .hodnota{
    display: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}
.detail .tabulkaVarianty td:nth-child(2n-0):last-child{
    white-space: nowrap;
}
.detail .tabulkaVarianty tr:not(:first-child) td:not(:first-child) label span:nth-of-type(2){
    font-size: 9px;
}
.detail .tabulkaVarianty:not(.bezLegendyVertikalni) tr:first-child td:first-child div{
    float: left;
}
.detail .tabulkaVarianty tr:first-child td:first-child div + div{
    padding-left: 5px;
}
.detail .tabulkaVarianty .smaller {
	display: none;
}
.detail .tabulkaVlastnosti {
	width: 97%;
	margin-left: 3%;
}
.detail .tabulkaVlastnosti td{
    font-size: 12px;
}
.detail .formularKoupit {
	width: 97%;
	margin-left: 3%;
	border-collapse: collapse;
	overflow: hidden;
}
.detail .odesli {

}
.detail .odesli .mnozstvi,
.detail .odesli .hodnota {
	padding: 10px 10px 0px 0px;
	position: relative;
}
.detail .odesli .mnozstvi input[type=text] {
	display: block;
	float: left;
	line-height: 30px;
	height: 40px;
	width: 100%;
	background: #ffffff;
	text-align: center;
}
.detail .odesli .vlozDoKosiku,
.detail .odesli .vlozDoKosiku:hover {
	float: left;
	padding: 0px 50px 0px 15px;
	cursor: pointer;
	min-width: 150px;
	border: 0px;
	display: block;
	line-height: 40px;
    max-width: 60vw;
    color: #ffffff;
    width: 100%;
}
.velkoobchod .detail .odesli .vlozDoKosiku,
.velkoobchod .detail .odesli .vlozDoKosiku:hover {
	background: #9bc000 url(img/VlozDoKosiku.png) scroll no-repeat 93% center/ auto 85%;
}
.maloobchod .detail .odesli .vlozDoKosiku,
.maloobchod .detail .odesli .vlozDoKosiku:hover {
	background: #1d8b00 url(img/VlozDoKosiku.png) scroll no-repeat 93% center/ auto 60%;
}
.detail .nejdriveVyberteVariantu,
.detail .neplatneZbozi{
    display: block;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    background: #FFEE00;
    padding: 1vw;
    margin-left: 3%;
}
.velkoobchod .detail .nejdriveVyberteVariantu,
.velkoobchod .detail .neplatneZbozi.nula{
    background: #FFEE00;
    color: #ffffff;
}
.maloobchod .detail .nejdriveVyberteVariantu,
.maloobchod .detail .neplatneZbozi{
    background: #1d8b00;
    color: #ffffff;
}
.detail .tabulkaParametry ~ .neplatneZbozi{
	display: none;
}
.detail .text.editor{
	padding: 10px 0px 10px 0px;
}
.detail {
	animation-name: detailShow;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	opacity: 1;
}
.detail.soumrak {
	animation-name: detailHide;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	opacity: 0;
}
@keyframes detailHide {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes detailShow {
    0% {opacity: 0;}
    100% {	opacity: 1;}
}
.detail .textUpresneni textarea{
    margin-top: 10px;
    width: calc(100% - 10px);
    height: 70px;
    line-height: 20px;
}
.velkoobchod .detail .baleni{
    color: #9BC000;
}
.maloobchod .detail .baleni{
    color: #1d8b00;
}
.detail .chybaCeniku{
	color: #f53f3f;
	text-align: center;
}
/* !detail */



/* .kontakty .komponentaFormular */
.kontakty iframe{
    xxheight: 500px !important;
    xxmin-height: 500px !important;
    xxborder: none;
}
.kontakty .katalog table td:nth-child(2n-0):last-child iframe{
    width: 100% !important;
    max-width: 100% !important;
    height: 400px;
}
.kontakty .komponentaFormular iframe{
    width: 100%;
    height: 600px;
    border: none;
    overflow: hidden;
}
.komponentaFormularStranka{
    background: #F3F3F3;
    overflow: auto;
    padding: 1%;
}
.komponentaFormularStranka .povinnePolickoInfo,
.komponentaFormularStranka .povinnePolicko{
    display: none;
}
.komponentaFormularStranka table{
    position: relative;
}
.komponentaFormularStranka tbody,
.komponentaFormularStranka tr,
.komponentaFormularStranka td{
	position: absolute !important;
	width: 100% !important;
	left: 0px;
    height: 25px;
}
.komponentaFormularStranka td > input[type=text],
.komponentaFormularStranka td > textarea{
    width: 100%;
    border: 2px solid #8ec580;
    padding: 5px;
    max-height: 190px;
}
.komponentaFormularStranka tr:nth-child(1) td:nth-child(1) {
	display: block !important;
	top: 0px !important;
}
.komponentaFormularStranka tr:nth-child(2) td:nth-child(1) {
	display: block !important;
	top: 30px !important;
}
.komponentaFormularStranka tr:nth-child(2) td:nth-child(2) {
	display: block !important;
	top: 55px !important;
}
.komponentaFormularStranka tr:nth-child(3) td:nth-child(1) {
	display: block !important;
	top: 100px !important;
}
.komponentaFormularStranka tr:nth-child(3) td:nth-child(2) {
	display: block !important;
	top: 125px !important;
}
.komponentaFormularStranka tr:nth-child(4) td:nth-child(2) {
	display: block !important;
	top: 320px !important;
}
.komponentaFormularStranka tr:nth-child(5) td:nth-child(1) {
	display: block !important;
	top: 360px !important;
}
.komponentaFormularStranka tr:nth-child(5) td:nth-child(2) {
	display: block !important;
	top: 385px !important;
}
.komponentaFormularStranka tr:nth-child(6) td:nth-child(1) {
	display: none !important;
}
.komponentaFormularStranka tr:nth-child(6) td:nth-child(2) {
	display: none !important;
}
.komponentaFormularStranka tr:nth-child(7) td:nth-child(1) {
	display: none !important;
}
.komponentaFormularStranka tr:nth-child(7) td:nth-child(2) {
	display: block !important;
	top: 425px !important;
	height: 40px !important;
	text-align: center;
}
/* !.kontakty .komponentaFormular */




/* katalog - editor */
.katalog .editor{
    padding: 0px 10px 0px 10px;
}

.katalog .sloupcovaSazba td:first-child:last-child iframe,
.katalog .sloupcovaSazba td:first-child:last-child .priloha,
.katalog .sloupcovaSazba td:first-child:last-child img{
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
}
.katalog iframe,
.katalog .priloha,
.katalog img{
    max-width: 100% !important;
    height: auto !important;
    font-size: 12px;
    color: #999999;
}


.sloupcovaSazba tr:first-child:last-child td:nth-child(1):nth-last-child(3),
.sloupcovaSazba tr:first-child:last-child td:nth-child(2):nth-last-child(2),
.sloupcovaSazba tr:first-child:last-child td:nth-child(3):nth-last-child(1){
    width: 33.33%;
    width: calc(100% / 3);
}

.sloupcovaSazba tr:first-child:last-child td:nth-child(1):nth-last-child(2),
.sloupcovaSazba tr:first-child:last-child td:nth-child(2):nth-last-child(1)
{
    width: 50%;
}


.sloupcovaSazba tr:first-child:last-child td:nth-child(1):nth-last-child(3) .priloha,
.sloupcovaSazba tr:first-child:last-child td:nth-child(2):nth-last-child(2) .priloha,
.sloupcovaSazba tr:first-child:last-child td:nth-child(3):nth-last-child(1) .priloha,

.sloupcovaSazba tr:first-child:last-child td:nth-child(1):nth-last-child(2) .priloha,
.sloupcovaSazba tr:first-child:last-child td:nth-child(2):nth-last-child(1) .priloha,

.sloupcovaSazba tr:first-child:last-child td:nth-child(1):nth-last-child(3) .priloha img,
.sloupcovaSazba tr:first-child:last-child td:nth-child(2):nth-last-child(2) .priloha img,
.sloupcovaSazba tr:first-child:last-child td:nth-child(3):nth-last-child(1) .priloha img,

.sloupcovaSazba tr:first-child:last-child td:nth-child(1):nth-last-child(2) .priloha img,
.sloupcovaSazba tr:first-child:last-child td:nth-child(2):nth-last-child(1) .priloha img
{
    width: 100% !important;
    height: auto  !important;
}


/* !katalog - editor */




/* kosik */
.strankaKosik .panelObsah .kosik table {
	border-collapse: collapse;
	width: 100%;
}
.strankaKosik .panelObsah .kosik > table td {
	border-top: 1px solid #8ec580;
	border-bottom: 1px solid #8ec580;
	padding: 5px;
}
.strankaKosik .panelObsah .kosik table .polozka td a {
	display: block;
}
.strankaKosik .panelObsah .kosik table .polozka .obrazek {
	max-width: 60px !important;
	height: auto !important;
	float: left;
	padding-right: 3px;
}
.strankaKosik .panelObsah .kosik table .polozka .mnozstvi input[type=text] {
	width: 50px;
	text-align: center;
}
.strankaKosik .panelObsah .kosik table .polozka .mnozstvi .nastavMnozstvi,
.strankaKosik .panelObsah .kosik table .polozka .mnozstvi .smazPolozku {
	height: 20px !important;
	width: 20px !important;
	display: inline-block;
	position: relative;
	top: 5px;
}
.strankaKosik .panelObsah .kosik table .polozka .nazev .nazev {
	font-weight: bold;
}
.strankaKosik .panelObsah .kosik table .polozka .nazev .upresneni,
.strankaKosik .panelObsah .kosik table .polozka .nazev .kod {
	display: block;
}
.strankaKosik .panelObsah .kosik table .objednej td {
	text-align: right;
}
.strankaKosik .panelObsah .kosik table .celkem input {
	border: none;
	background: none;
	padding: 0px;
	min-width: 0px;
	color: #F53F3F;
}
.strankaKosik .panelObsah .kosik table .celkem input:hover {
	text-decoration: underline;
}
.strankaKosik .panelObsah .kosik table .nadpis,
.strankaKosik .panelObsah .kosik table .celkem {
	font-weight: bold;
}
.strankaKosik .panelObsah .kosik table .mnozstvi{
    width: 110px;
}
/* !kosik */




/* strankaDataUzivatele */
.strankaDataUzivatele .odesli td{
    text-align: right;
}
.strankaDataUzivatele.objednavky17.potvrdOdeslani table  table,
.objednaneZbozi table{
    width: 100%;
    background: #8ec580;
}
.strankaDataUzivatele.objednavky17.potvrdOdeslani table table *,
.objednaneZbozi table *{
    font-size: 12px !important;
}
.strankaDataUzivatele.objednavky17.potvrdOdeslani table table td,
.objednaneZbozi table td{
    padding-left: 4px;
    padding-right: 4px;
}
.strankaDataUzivatele.objednavky17.potvrdOdeslani table table thead td,
.objednaneZbozi table thead td{
    font-weight: bold;
}
.strankaDataUzivatele .modesli td{
    text-align: right;
}
.strankaDataUzivatele .text .hodnota input,
.strankaDataUzivatele .vyber .hodnota select,
.strankaDataUzivatele .textarea .hodnota textarea,
.strankaRegistruj .text .hodnota input,
.strankaRegistruj .heslo .hodnota input,
.strankaRegistruj .vyber .hodnota select,
.strankaRegistruj .textarea .hodnota textarea
{
    width: 100%;
}
.strankaDataUzivatele tr.text + tr.nadpis td,
.strankaDataUzivatele tr.skryte + tr.text td.sloucene{
    padding-top: 1.5%;
}
.strankaDataUzivatele .panelObsah .tabulkaDoprava label,
.strankaDataUzivatele .panelObsah .tabulkaPlatba label{cursor: pointer;}
.strankaDataUzivatele .panelObsah .tabulkaDoprava label:hover,
.strankaDataUzivatele .panelObsah .tabulkaPlatba label:hover{
    text-decoration: underline;
}
.strankaDataUzivatele .panelObsah .tabulkaDoprava .upozorneniDoprava,
.strankaDataUzivatele .panelObsah .tabulkaPlatba .upozorneniPlatba{
    padding-left: 18px;
}
.strankaDataUzivatele .panelObsah .textZaPolem{
    padding-bottom: 10px;
    display: block;
}
.strankaDataUzivatele .panelObsah .poleTelefon .hodnota input{
    width: calc(100% - 30px);
}
.strankaDataUzivatele .panelObsah .poleTelefon .hodnota span{
    padding-left: 5px;
}
.strankaDataUzivatele .cistic + table table{
	width: 100%;
    background: #8ec580;
    font-size: 12px !important;
}
.strankaDataUzivatele .cistic + table table *{
    font-size: 12px !important;
}
.strankaDataUzivatele .cistic + table table td{
    padding-left: 4px;
    padding-right: 4px;
}
.strankaDataUzivatele .cistic + table table thead{
	font-weight: bold;
}
/* !strankaDataUzivatele */


body:not(.homepage) .komponentaNewsletter{
    display: none;
}

.strankaKosik .kosik .jednotkovaBez,
.strankaKosik .kosik .jednotkovaVcetne,
.strankaKosik .kosik .zaMnozstviBez,
.strankaKosik .kosik .zaMnozstviVcetne{
    text-align: right;
}
.strankaKosik .kosik tbody .jednotkovaBez,
.strankaKosik .kosik tbody .jednotkovaVcetne,
.strankaKosik .kosik tbody .zaMnozstviBez,
.strankaKosik .kosik tbody .zaMnozstviVcetne{
    white-space: nowrap;
}

body:not(.homepage) .onas{
    display: none;
}

/* panelPaticka */
body:not(.homepage) .panelPaticka{
	display: none;
}
.panelPaticka{
    display: block;
    text-align: center;
    padding-top: 5vw;
    font-size: 12px;
    line-height: 18px;
    color: #999999 !important;
}

.velkoobchod .panelPaticka a{
    font-size: 12px;
    line-height: 18px;
    color: #9bc000 !important;
}
.maloobchod .panelPaticka a{
    font-size: 12px;
    line-height: 18px;
    color: #1d8b00 !important;
}
/* !panelPaticka */



/* cookie */
.komponentaCookieSouhlas{
    display: block;
    background: #666666;
    position: fixed;
    bottom: 1vw;
    width: 1260px;
    max-width: 50vw;
    left: 25vw;
    right: 25vw;
    color: #ffffff;
    padding: 5px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
    text-align: center;
    z-index: 3;
}
.komponentaCookieSouhlas p{
    text-align: left;
}
.komponentaCookieSouhlas .tlacitkoSouhlasim{
    border: 2px solid #8ec580;
    background: #F3F3F3;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    min-width: 150px;
    color: #1d8b00 !important;
    text-align: center;
    display: inline-block;
}
/* !cookie */

.boxUctu{
    margin: 10px;
    float: right;
    display: block;
}
.velkoobchod .boxUctu{
    color: #9bc000 !important;
}
.maloobchod .boxUctu{
    color: #1d8b00 !important;
}
.boxUctu .jeCiziPlatce{
	color: #F53F3F;
}
/* Tiskarna */
@media
only print {
.panelNavigace,
.panelHlavicka,
.panelPaticka {
	display: none;
}
.panelTelo {
	width: auto;
}
.panelObsah {
	float: none;
	width: auto;
}
body {
	font-family: sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	background: #ffffff;
	color: #000000;
}
}
/* !Tiskarna */


@media
only screen and (max-width:2000px),
only screen and (max-device-width:2000px) {
    .katalog .zbozi .polozka{
        xxwidth: 16.40%;
    }
}
@media
only screen and (max-width:1750px),
only screen and (max-device-width:1700px) {
    .katalog .zbozi .polozka{
        width: 18.8%;
    }
}
@media
only screen and (max-width:1500px),
only screen and (max-device-width:1500px) {
    .katalog .zbozi .polozka{
        width: 23.7%;
    }
}
@media
only screen and (max-width:1250px),
only screen and (max-device-width:1250px) {
    .katalog .zbozi .polozka{
        width: 31.5%;
    }
}


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

    /* hlavicka */
    .panelHlavicka .vnitrek{
        padding: 0px 5px 0px 5px;
    }
    .panelHlavicka .komponentaJazyky {
        right: 70px;
        top: 17px;
    }
    .panelHlavicka .komponentaHledat {
        right: 5px;
        top: 50px;
        width: 500px;
        max-width: calc(100vw - 350px);
    }
    .panelHlavicka .komponentaKosik {
        right: 5px;
    }

    /* !hlavicka */


    /* menu */
    .panelHlavicka .menu{
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
    }
    .velkoobchod .panelHlavicka .menu{
        background: #9bc000 url(img/menu.png) scroll no-repeat center center;
    }
    .maloobchod .panelHlavicka .menu{
        background: #1d8b00 url(img/menu.png) scroll no-repeat center center;
    }
    .panelHlavicka .panelMenu{
        display: none;
        position: fixed;
        top: 50px;
        right: 5px;
        padding: 20px;
        min-width: 250px;
        box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.2);
        z-index: 3;
    }
    .panelHlavicka #menu:checked ~ .panelMenu{
        display: block;
    }
    .velkoobchod .panelHlavicka .panelMenu{
        background: #9bc000;
    }
    .maloobchod .panelHlavicka .panelMenu{
        background: #1d8b00;
    }
    .panelHlavicka .panelMenu ul li{
        display: block;
        border-right: 0px;
    }
    .panelHlavicka .panelMenu ul li a,
    .panelHlavicka .panelMenu ul li span{
        display: block;
        text-align: center;
        padding: 5px 5px 5px 5px !important;
        color: #ffffff !important;
        font-size: 16px;
        line-height: 24px;
    }
    .panelHlavicka .panelMenu ul li a:hover,
    .panelHlavicka .panelMenu ul li span:hover{
        text-decoration: underline;
    }
    /* menu */


    /* navigace a roleta */
    .panelTelo .panelNavigace ul > li .roleta {
        display: none !important;
    }
    .velkoobchod .panelTelo .panelNavigace {
        border: 0px;
        margin-left: 0px;
    }
    /* !navigace a roleta */



    /* detail */
    .detail .pravyPanel {
    	float: none;
    	margin: 0px auto;
    	width: auto;
    }
    .detail .navigace,
    .detail .navigace * {
    	font-size: 13px !important;
    }
    .detail .obrazek {
    	width: auto !important;
    	float: none;
    	max-width: 400px;
    	margin: 0px auto;
    }
    .detail h1 {
    	width: auto;
    	padding-left: 0px;
    }
    .detail .formularDetail,
    .detail .tabulkaVarianty,
    .detail .formularKoupit,
    .detail .tabulkaVlastnosti,
    .detail .tabulkaParametry,
    .detail .tabulkaVariantyObal {
    	width: 100%;
    	margin-left: 0px;
    }
    .detail .prilohy {
    	padding-top: 5px;
    }

    .detail .nejdriveVyberteVariantu{
        margin-left: 0%;
    }
    /* !detail */



    /* katalog - editor */
    .katalog table td:nth-child(2n-1):first-child iframe,
    .katalog table td:nth-child(2n-1):first-child .priloha,
    .katalog table td:nth-child(2n-1):first-child img{
        max-width: 100% !important;
    }
    .katalog table td:nth-child(2n-0):last-child iframe,
    .katalog table td:nth-child(2n-0):last-child .priloha,
    .katalog table td:nth-child(2n-0):last-child img{
        max-width: 100% !important;
    }
    /* !katalog - editor */



    /* katalog - polozky */
    .katalog .zbozi .polozka{
        width: 47%;
    }
    .strankaKosik .panelObsah .katalog{
        display: none;
    }
    /* !katalog - polozky */




    .panelTelo .panelObsah {
        padding-bottom: 50px;
    }
}

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


    
    body:not(.homepage) table:not(.zakladniTabulka),
    body:not(.homepage) table:not(.zakladniTabulka) thead,
    body:not(.homepage) table:not(.zakladniTabulka) tbody,
    body:not(.homepage) table:not(.zakladniTabulka) tfooter,
    body:not(.homepage) table:not(.zakladniTabulka) tr,
    body:not(.homepage) table:not(.zakladniTabulka) td {
    	display: block;
    	width: 100%;
    	position: relative;
    	left: 0px;
    	top: 0px;
    }
    body:not(.homepage) table:not(.zakladniTabulka) td {
    	float: left;
    }
    body:not(.homepage) table:not(.zakladniTabulka) colgroup,
    body:not(.homepage) table:not(.zakladniTabulka) col {
    	display: none;
    }


    /* detail */
    .detail .formularKoupit td{
        width: auto !important;
    }
    /* !detail */



    /* kosik */
    .strankaKosik .panelObsah .kosik table td {
    	border-top: 0px;
    	border-bottom: 0px;
        text-align: left;
    }
    .strankaKosik .panelObsah .kosik table td:first-child {
    	border-top: 1px solid #8ec580;
    }
    /* !kosik */

}


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

    /* katalog - polozky */
    .katalog .zbozi .polozka{
        width: 92%;
    }
    /* !katalog - polozky */


}

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



    /* hlavicka */
    .panelHlavicka {
        height: auto;
        position: static;
    }
    .panelHlavicka .vnitrek .logo {
        margin: 10px 0px 0px 0px;
        height: 40px !important;
        max-width: calc(100% - 120px);
    }
    .panelHlavicka .menu {
    }
    .panelHlavicka .prepinacEshopu{
        border-bottom: 0px !important;
        padding: 5px 0px 5px 0px;
        height: auto !important;
        overflow: auto !important;
    }
    .panelHlavicka .prepinacEshopu .odkaz{
        display: block;
        width: auto !important;
        max-width: none !important;
        margin: 0px 0px 0px 0px !important;
        font-size: 16px;
        line-height: 40px;
        font-weight: bold;
        padding: 0 !important;
        border-bottom: 1px solid #ffffff !important;
    }
    .panelHlavicka .panelMenu {
        top: 55px !important;
        width: auto;
        position: static;
        right: auto !important;
    }
    .panelHlavicka .komponentaHledat{
        display: block !important;
        position: relative !important;
        margin-top: 5px !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: 100% !important;
    }
    .panelHlavicka .komponentaHledat input[type=text]{
        margin-left: 0px;
        width: calc(100% - 60px);
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .panelHlavicka .komponentaKosik {
        position: relative;
        top: auto;
        right: auto;
        float: right;
        margin-top: 5px;
        background: url(img/kosik1.png) scroll no-repeat 2px center;
        padding: 7px 5px 7px 0px;
    }
    .panelHlavicka .komponentaPrihlaseni {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 5px;
        width: calc(100% - 150px);
        background: url(img/uzivatel.png) scroll no-repeat 2px 10px;
        padding: 7px 0px 7px 30px;
    }
    /* !hlavicka */


    /* panelTelo panelObsah */
    body {
    	overflow: auto;
    }
    .panelTelo .panelObsah {
        position: static;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        padding-bottom: 0px;
    }
    /* !panelTelo panelObsah */


    /* navigace */
    .panelTelo .panelNavigace {
        position: static;
        top: auto !important;
        left: auto;
        width: auto;
        max-width: 96%;
        float: none;
        margin: 3px auto 3px auto  !important;
        padding-top: 1px !important;
    }
    .velkoobchod .panelTelo .panelNavigace{
        border: 2px solid #9BC000 !important;
    }
    .maloobchod .panelTelo .panelNavigace{
        border: 2px solid #1d8b00 !important;
    }
    .panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(1),
    .panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(2),
    .panelTelo .panelNavigace .hloubka1 > li.bezPotomku:nth-child(3){
		/*2017-08-21 pozadavek mandy*/
        /*display: none*/;
    }
    .panelTelo .panelNavigace ul {
    	margin: 0px 0px 0px 0px;
    }
    /* navigace */



    /* katalog - polozky */
    .katalog .zbozi .polozka{
        width: 47.3%;
    }
    /* !katalog - polozky */




    /* panelPaticka */
    .panelPaticka{
        display: none;
    }
    /* !panelPaticka */



    /* cookie */
    .komponentaCookieSouhlas{
        bottom: 3vw;
        width: auto;
        max-width: 100vw;
        left: 5vw;
        right: 5vw;
        padding: 5px;
    }
    /* !cookie */





.formularFiltry .polozka select {
    max-width: 230px;
}

}


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


    /* katalog - polozky */
    .katalog .zbozi .polozka {
        float: none;
        width: 250px;
        max-width: 100%;
        margin: 5px auto 5px auto;
    }
    /* !katalog - polozky */


}


.Fotogalerie17 .divPhoto {
    background-attachment: initial !important;
}


.strankaMojeData .panelObsah table a{
	background: #9bc000;
    color: #ffffff;
    border: 2px solid transparent;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    min-width: 150px;
    margin-bottom: 2px;
    display: inline-block;
    width: 250px;
    max-width: 100%;
    text-align: center;
}
.strankaMojeData .panelObsah table input[type=submit]{
	background: #F53F3F;
	max-width: 100%;
	width: 250px;
}

/* 2018-08-02 selectboxy */
.selectboxy{
	/*clear: both;*/
	display: inline-block;
	float: left;
}
.selectboxy:after{
	content: ' ';
	display: block;
	clear: both;
}
.selectboxy .selectbox{
    display: inline-block;
    width: 250px;
    padding: 2px 5px;
    position: relative;
    border: 1px solid #9BC000;
    background: rgba(155, 192, 0, 0.15);
    margin: 0 5px 5px 0;
    float: left;
    /*max-width: calc(33% - 5px);*/
    cursor: pointer;
    background: rgba(155, 192, 0, 0.15) url(img/sipka-dolu-zelena.png) scroll no-repeat 98% center;
}
.maloobchod .selectboxy .selectbox{
	border: 1px solid #1d8b00;
	background: #ddeed9 url(img/sipka-dolu-modra.png) scroll no-repeat 98% center;
}
.selectboxy .selectbox > input[type=checkbox]{
	display: none;
}
.selectboxy .selectbox > label{
	display: block;
	font-size: 14px;
	cursor: pointer;
}
.selectboxy .selectbox .rozbalovaci{
	background: white;
	border: 1px solid #999999;
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.25);
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: all 0.5s;
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0px;
    top: 30px;
}
.selectboxy .selectbox > input:checked + .rozbalovaci{
	max-height: 200px;
	overflow: auto;
	opacity: 1;
	transition: all 0.5s;
}
.velkoobchod .selectboxy .selectbox > input:checked + .rozbalovaci{
	background: #9BC000;
}
.maloobchod .selectboxy .selectbox > input:checked + .rozbalovaci{
	background: #e9f1ff;
}
.selectboxy .selectbox .rozbalovaci > div{
	padding: 0 5px;
}
.selectboxy .selectbox .rozbalovaci input{
	display: none;
}
.selectboxy .selectbox .rozbalovaci label{
	display: block;
	position: relative;
	padding-left: 20px;
	display: block;
	cursor: pointer;
	font-size: 14px;
}
.selectboxy .selectbox .rozbalovaci input ~ label:before{
	content: ' ';
	display: none;
}
.selectboxy .selectbox .rozbalovaci > div:not(:first-child) > input:checked ~ label:before{
	content: ' ';
	top: 3px;
	left: 0px;
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
}
.velkoobchod .selectboxy .selectbox .rozbalovaci > div:not(:first-child) > input:checked ~ label:before{
	background: #ffffff;
}
.maloobchod .selectboxy .selectbox .rozbalovaci > div:not(:first-child) > input:checked ~ label:before{
	background: #1d8b00;
}
.velkoobchod .selectboxy .selectbox .rozbalovaci label:hover{
	text-shadow: 1px 1px white;
}
.maloobchod .selectboxy .selectbox .rozbalovaci label:hover{
	text-shadow: 1px 1px white;
}
@media only screen and (max-width: 800px),only screen and (max-device-width: 800px) {
    .selectboxy{
		float: none;
		display: block;
		width: auto;
	}
	.selectboxy .selectbox{
	    display: block;
	    width: 100%;
	    padding: 2px 0px 2px 5px;
	    margin: 0 0 5px 0;
	    float: none;
	    max-width: 100%;
	}
}
/* !2018-08-02 selectboxy */



.strankaRegistruj .panelObsah table,
.strankaPrihlaseni .panelObsah table{
	max-width: 800px;
}