html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background: #4d353c url(img/design/pozadie-body.gif) 50% 0% repeat-y;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
}
/* ------------------------------------------- Vseobecne ------------------------------------------- */
h3 {
	font-size: 14px;
}
h2 {
	margin: 0px;
	padding: 3px 5px 3px 5px;
	background: #D6D6D6;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 12px;
	color: #fff;
}
.endfloat {
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
a img { 
	border: none; 
}
a.active {
	text-decoration: underline; 
}
form, 
input, 
p {
	margin: 0px;
	padding: 0px;
}
table { 
	margin: 0px; 
	padding: 0px; 
}
.vpravo {
	text-align: right; 
}
input,
textarea {
	padding-left: 3px; 
	padding-right: 3px; 
}
textarea {
	overflow: auto;
}
a { 
	color: #d1de62; 
	text-decoration: underline; 
}
a:hover {
	text-decoration: none; 
}
a.img-border img { 
	border: 1px #f6f6f6 solid; 
}
textarea.px314 {
	width: 314px;
	height: 80px;
}
/* ------------------------------------------- (Vseobecne) ------------------------------------------- */
/* ------------------------------------------- Hlasky ------------------------------------------- */
p.hlaska {
	display: block;
	padding: 6px;
	padding-left: 29px; 
}
p.error { 
	background: url(modul/all4shop/img/alert.gif) 6px 6px no-repeat; 
}
p.info { 
	background: url(modul/all4shop/img/info.gif) 6px 6px no-repeat; 
}
p.success { 
	background: url(modul/all4shop/img/success.gif) 6px 6px no-repeat; 
}
/* ---------------------------------------- (Hlasky) ------------------------------------------- */
/* ----------------------------------------- Obal --------------------------------------------- */
div#obal {
	width: 996px;
	margin: 0 auto;
	overflow: hidden;
}
#obsah {
	width: 996px;
	background: url(img/design/obsah-bg.gif) repeat-y; 
}
/* ---------------------------------- (Obal) --------------------------------------------- */
/* ---------------------------------- Hlavicka --------------------------------------------- */
div#hlavicka {
	position: relative;
	width: 996px;
	min-height: 200px;
	_height: 200px;
	padding-top: 8px;
	background: url(img/design/hlavicka.jpg) repeat-y;
}
div#hlavicka .banner {
	position: relative;
	overflow: hidden;
	width: 996px;
}
div#hlavicka .banner img {
	display: block;
}
a.logoklik {
	position: absolute;
	top: 0px;
	left: 10px;
	display: block;
	width: 400px;
	height: 97px;
}
div#hlavicka-top {
	position: relative;
	width: 996px;
	height: 70px;
	background: url(img/design/hlavicka-top.jpg) no-repeat;
}
#hlavicka ul.menu {
	position: absolute;
	left: 580px;
	top: 80px;
}
#hlavicka ul.menu {
	list-style-image: url(img/design/sipka.gif);
}
#hlavicka ul.menu a {
	display: block;
	padding: 4px 0px 4px 0px;
	_padding: 0px;
	color: #fff;
}
#hlavicka ul.menu a.active {
	text-decoration: none;
	font-weight: bold;
}

a.nakupnyKosikLink {
	position: absolute;
	top: 30px;
	left: 765px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
a.nakupnyKosikLink .link {
	margin-right: 8px;
	padding-right: 8px;
	text-decoration: underline;
	border-right: 1px solid #70535b;
	color: #b5c14e;
}
a.nakupnyKosikLink .suma{
	margin-right: 6px;
	padding-right: 8px;
	border-right: 1px solid #70535b;
}
a.nakupnyKosikLink:hover .link {
	text-decoration: none;
}
a.nakupnyKosikLink span {
	display: block;
	float: left;
	padding: 0px 2px 0px 2px;
}


div#hlavicka-top ul.jazykMenu {
	display: block;
	float: right;
	position: absolute;
	left: 19px;
	top: 30px;
	margin: 0px;
	padding: 0px;
	z-index: 200;
}
div#hlavicka-top ul.jazykMenu li {
	display: block;
	float: left;
}
div#hlavicka-top ul.jazykMenu li {
	margin-left: 4px;
}
div#hlavicka-top ul.jazykMenu li a {
	cursor: pointer;
}
#hlavicka-top div.menu {
	position: absolute;
	top: 0px;
	right: 40px;
	float: right;
	height: 27px;
}
#hlavicka-top div.menu a {
	display: block;
	float: left;
	height: 20px;
	padding: 7px 0px 0px 16px;
	color: #fff;
}
#hlavicka-top div.menu a.registracia {
	padding-right: 6px;
	background: url(img/design/ikonka_registracia.jpg) 0px 6px no-repeat;
}
#hlavicka-top div.menu a.zabudolHeslo {
	padding-left: 20px;
	background: url(img/design/ikonka_zabudolHeslo.jpg) no-repeat;
}
/* ---------------------------------- (Hlavicka) --------------------------------------------- */
/* ------------------------------------------- Produkt ------------------------------------------- */
div.produkt h2 {
	width: 504px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	padding-left: 24px;
	padding-top: 8px;
	color: #cfffd5;
	font-size: 14px;
	font-weight: bold;
	background: url(img/design/h1Bg.jpg) no-repeat;
}
div.produkt h2 a {
	position: absolute;
	right: 45px;
	font-weight: normal;
	font-size: 10px;
}
#main div.produkt {
	position: relative;
	overflow: hidden;
	float: left;
	height: 153px;
	width: 539px;
	font-size: 11px;
	color: #FFFFFF;
	padding: 20px 0px 20px 25px;
}

#main div.produkt div.bar {
	/*
	float: left;
	width: 320px;
	padding-top: 22px;
	*/
}
div.druhyvyh {
}

#main div.produkt div.bar span.cena {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 18px;
	width: 180px;
	text-align: left;
	color: #ccda58;
}

#main div.produkt div.oldprice {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 32px;
	width: 180px;
	text-align: left;
	color: #ccda58;
	text-decoration: line-through;
	font-size: 11px;
	font-weight: bold;
	color: #b1a5a8;
}

#main div.produkt div.btnKosikObal {
	padding-top: 10px;
}

#main div.produkt a.btnKosik {
	float: right;
	display: block;
	width: 87px;
	height: 20px;
	padding-left: 33px;
	padding-top: 7px;
	background: url(img/design/btnKosik.jpg) 0px 0px no-repeat;
	text-decoration: none;
}
#main div.produkt a.btnKosik:hover, #main div.produkt a.btnDetail:hover {
	text-decoration: underline;
}

#main div.produkt a.btnDetail {
	float: right;
	display: block;
	width: 46px;
	height: 20px;
	margin-left: 6px;
	padding-left: 28px;
	padding-top: 7px;
	background: url(img/design/detail.jpg) 0px 0px no-repeat;
	text-decoration: none;
}

#main div.produkt div.obrazokObal {
	position: relative;
	width: 123px;
	height: 157px;
	padding: 2px;
	float: left;
	margin-right: 13px;
}

#main div.produkt div.produktBottom {
	position: absolute;
	bottom: 00px;
	left: 26px;
	width: 497px;
	height: 2px;
	font-size: 1px;
	overflow: hidden;
	background: url(img/design/produkt-bottom.gif) no-repeat;
}

div.produkt div.obrazky {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	background: #3e282e;
}

div.produkt div.galeria {
	position: relative;
	float: left; 
	width: 135px;
	overflow: hidden;
	padding-left: 18px;
}

div.produkt div.galeria div.obrazokObal {
	margin-bottom: 10px;
}

div.produkt div.galeria img {
	display: block;
/*	margin-bottom: 10px;*/
}

div.produkt div.popis {
	float: left;
	position: relative;
	overflow: hidden;
	width: 384px;
	height: 157px;
	padding-top: 8px;
	color: #FFFFFF;
	text-align: justify;
}
div.produkt.nahlad a.gal {
	float: left;
	display: block;
	width: 70px;
	height: 89px;
	margin: 0px 0px 10px 20px;
}
div.produkt.nahlad a.gal img {
	display: block;
}

div.produkt div.popis span.kategoria {
	display: block;
	color: #d0fecf;
	padding-bottom: 5px;
}
div.produkt div.popis span.kategoria a {
	color: #d0fecf;
}

#main div.produkt.nahlad {
	float: none;
	width: 566px;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: none transparent;
}
.produkt.nahlad h3 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 4px 6px 6px 6px;
	background: url(img/design/h3bg.gif) repeat-x;
	border-top: 1px solid #444;
	letter-spacing: 0.4pt;
}
#main div.produkt.nahlad .obal {
}

#main div.produkt.nahlad table.blank {
	border-collapse: collapse;
}
#main div.produkt.nahlad table.blank td {
	padding: 0px;
	padding-right: 5px;
}
#main div.produkt.nahlad table.blank td a {
	font-size: 11px;
}


div.produkt.nahlad div.popis {
	float: left;
	width: 390px;
	height: auto;
	padding: 0px;
	padding-left: 16px;
	padding-top: 4px;
}
div.produkt.nahlad .text {
	padding: 10px 20px 10px 20px;
	text-align: justify;
	line-height: 16px;
}

div.produkt.nahlad input.text {
	width: 20px;
	border: 1px #999999 solid;
	font-size: 11px;
}

div.produkt img {
	float: left;
	border: 4px solid #674851;
}
div.produkt form.dokosika {
	position: absolute;
	top: 6px;
	right: 6px;
}
div.produkt a.odkaz { 
	font-size: 10px;
	text-decoration: none; 
}
div.produkt a.odkaz:hover { 
	text-decoration: underline;
}
div.produkt span.nadpis {
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-align: left;
}

div.produkt.nahlad span.nadpis {
	color: #D1DE62;
	text-align: left;
}

div.produkt .kategoria {
	font-size: 10px;
}
div.cena {
	position: relative;
	width: 112px;
	text-align: left;
	padding: 3px 5px 5px 8px;
	margin: 3px 23px 3px 0px;
}
div.cena.dph {
	position: relative;
	width: 280px;
	height: 40px;
	padding-top: 20px;
	padding-left: 0px;
}
div.cena.dph a.button {
	position: absolute;
	top: 14px;
	left: 0px;
}
div.cena.dph strike {

}
.countTextbox {
	position: relative;
	left: 0px;
	top: 15px;
	display: block;
	width: 2px;
	height: 12px;
	text-align: center;
	*margin-top: -2px;
	padding: 0px 2px 2px 2px;
	*padding-bottom: 4px;
}
div.cena.dph .countTextbox {
	left: auto;
	right: 6px;
	top: 17px;
	width: 17px;
}
span.cenadphText {
	display: block;
	width: 100px;
	margin-top: 16px;
	padding: 4px 0px 4px 18px;
	text-align: left;
	font-size: 10px;
	background: #40423F;
	color: #fefefe;
	border-top: 1px #484848 solid;
	border-bottom: 1px #484848 solid;
	font-weight: bold;
}
strong.priceOld {
	float: right;
	padding-right: 18px;
}
div.cena span.cenastara {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #b1a5a8;
}
div.cena span strong {
	font-size: 11px;
	color: #FFFFFF;
}
span.cena {
	color: #d3fed0;
	font-size: 12px;
	font-weight: bold;
}
div.produkt span.cena-bez-dph {
	color: #812D58;
}
div.produkt div.produkt {
	height: auto;
}
div.produkt div.produkt span.nadpis { 
	margin-bottom: 0px;
}
#main div.produkt div.produkt-tabulka,
#main div.produkt div.produkt-tabulka table {
	width: 503px;
}

#main div.produkt div.produkt-tabulka span {
	margin: 0px;
}

div.produkt div.produkt a:hover span.nadpis { 
	text-decoration: underline; 
}

div.produkt-tabulka {
	margin: 17px 10px 0px 10px;
	padding: 0px;
	border-bottom: 0px;
	border-top: 1px #484848 solid;
}
div.produkt-tabulka strike {
	color: #85a083;
}
div.produkt-tabulka table {
	width: 100%;
	border-collapse: collapse;
}
div.produkt-tabulka table img {
	border: 4px solid #674851;
}
div.produkt-tabulka table td { 
	padding: 4px 3px 4px 3px;
	border-bottom: 1px #613f49 solid; 
}
div.produkt-tabulka table td.obrazok { 
	padding-left: 6px;
	padding-top: 8px;
}
div.produkt-tabulka table table { 
	width: auto; 
}
div.produkt-tabulka table table td { 
	padding: 1px;
	border: none;
}
div.produkt-tabulka span.nadpis {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
div.produkt-tabulka span.cena,
div.produkt-tabulka span.secmena { 
	font-size: 12px; 
	color: #ccda58;
}
div.produkt-tabulka table th {
	background: #54363d;
	color: #b19ea3;
	border-bottom: 1px #613f49 solid;
	padding: 4px 0px 4px 0px;
}
div.produkt div.produkt-tabulka {
	width: 480px;
}
div.produkt-tabulka a.odkaz {
	color: #FFFFFF;
	text-decoration: underline;
}
div.produkt-tabulka a.odkaz:hover {
	text-decoration: none;
}


/* ------------------------------------------- (Produkt) ------------------------------------------- */
/* ---------------------------------- Vyhladavanie --------------------------------------------- */
div.vyhladavanie {
	position: absolute;
	left: 516px;
	top: 30px;
	height: 20px;
	width: 380px;
}
div#menu div.vyhladavanie ul {
	width: auto;
}
div.vyhladavanie ul,
div.vyhladavanie li {
	display: block;
	position: relative;
	top: 20px;
	overflow: visible;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.vyhladavanie li {
	float: left;
}
div.vyhladavanie form { 
	display: inline; 
}
div.vyhladavanie .nadpis {
	padding-right: 0px;
	padding-top: 0px;
	text-align: right;
}
div.vyhladavanie input.textbox {
	width: 110px;
	margin-right: 0px;
	margin-left: 4px;
	border: none;
	background: none transparent;
	color: #6f595e;
}
div.vyhladavanie input.button {
	position: absolute;
	top: -4px;
	right: -42px;
	width: 34px;
	height: 24px;
	background: none transparent;
	border: none;
}
/* ---------------------------------- (Vyhladavanie) --------------------------------------------- */
/* ---------------------------------- Kosik --------------------------------------------- */
div#hlavicka-top div#nakupny_kosik {
	position: relative;
	float: right;
	padding-top: 3px;
	padding-right: 35px;
}
div#nakupny_kosik a {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
table.kosik {
	font-size: 11px;
	width: 100%;
	margin-left: 2px;
	border-collapse: collapse;
}

table.kosik th { 
	padding: 5px;
	text-align: right; 
	border-bottom: 1px #4b3037 solid;
	background-color: #462d34;
	color: #b19ea3;
}
table.kosik td {
	border-bottom: 1px #4b3037 solid;
	/*
	border-top: 1px #372429 solid;
	*/
	padding: 5px;
	text-align: right;
}
table.kosik a { 
	text-decoration: underline; 
}
table.kosik a:hover { 
	text-decoration: none; 
}
table.kosik a.bezciarky { 
	text-decoration: none; 
}
table.kosik input.novypocet { 
	width: 20px;
	border: 1px #404040 solid;
	padding-left: 2px;
	font-size: 10px;
}
div#all4shop-kosik {
	font-size: 11px;
}
div#all4shop-kosik input.text {
	border: 1px #999999 solid;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}
span.ikonkaKosik {
	display: block;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 12px;
	height: 11px;
	background: url(img/design/kosik.gif) no-repeat;
}
/* ---------------------------------- (Kosik) --------------------------------------------- */
/* ---------------------------------- Prihlasenie --------------------------------------------- */
div.prihlasenieBox {
	position: relaive;
	margin-left: 2px;
	padding-top: 16px;
}
div.prihlasenieBox table {
	margin-top: 0px;
	margin-left: 18px;
	border-collapse: collapse;
}
div.prihlasenieBox input.button {
	margin-top: 7px;
}
div#newsletter input.textbox,
div.prihlasenieBox input.textbox {
	width: 128px;
}
div.prihlasenieBox input.textbox.pass {
	margin-top: 5px;
}
div.prihlasenieBox p.hlaska {
	margin-left: 15px;
	margin-bottom: 6px;
	color: #FFFFFF;
	background: url(modul/all4shop/img/alert.gif) 6px 6px no-repeat;
}
div.prihlasenieBox div.warning {
	position: relative;
	left: 24px;
	top: 4px;
	width: 14px;
	height: 14px;
}
div.prihlasenieBox a {
	display: block;
	float: left;
	clear: both;
	height: 17px;
	margin-left: 20px;
	_margin-left: 10px;
	padding-left: 14px;
	padding-top: 1px;
	text-decoration: underline;
}

div.prihlasenieBox a.reg {
	background: url(img/design/btn_chdata_bg.gif) no-repeat;
	background-position: 0% 50%;
}
div.prihlasenieBox a.pwd {
	background: url(img/design/btn_chdata_bg.gif) no-repeat;
	background-position: 0% 50%;
}
div.prihlasenieBox a.chpwd {
	background: url(img/design/btn_chdata_bg.gif) no-repeat;
	background-position: 0% 50%;
}
div.prihlasenieBox a.chdata {
	background: url(img/design/btn_chdata_bg.gif) no-repeat;
	background-position: 0% 50%;
}
div.prihlasenieBox a.orders {
	background: url(img/design/btn_chdata_bg.gif) no-repeat;
	background-position: 0% 50%;
}
div.prihlasenieBox a:hover {
	text-decoration: none;
}
div.prihlasenieBox div.bottomLine {
	position: relative;
	width: 196px;
	height: 3px;
	overflow: hidden;
	background: #ddad3c url(img/design/prihlasenieBox_bottomLine.jpg) no-repeat;
}
div.prihlasenieBox.mojeMenu {
position: relaive;
}
div.prihlasenieBox.mojeMenu div.user {
	padding-top: 0px;
	padding-left: 20px;
	color: #FFFFFF;
}
div.prihlasenieBox.mojeMenu input.button {
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 14px;
}
/* ---------------------------------- (Prihlasenie) --------------------------------------------- */
textarea {
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	background-color: #fff;
	color: #fff;
}
input.textboxSmall {
	width: 40px;
	height: 14px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #fff;
	color: #fff;
}
input.textbox {
	width: 140px;
	height: 14px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #fff;
	color: #fff;
}
input.button {
	padding: 4px 4px 4px 4px;
	border: 1px solid #444;
	font-size: 12px;
	background: #a5b240 url(img/design/btnbg.gif) repeat-x;
	color: #000;
	cursor: pointer;
}
input.button.active {
	background: #a5b240 url(img/design/btnbg-active.gif) repeat-x;
}
a.button {
	display: block;
	float: left;
	padding: 5px 8px 5px 8px;
	border: 1px solid #444;
	font-size: 11px;
	background: #a5b240 url(img/design/btnbg.gif) repeat-x;
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
a.button:hover {
	background: #a5b240 url(img/design/btnbg-active.gif) repeat-x;
}
/* ---------------------------------- Menu --------------------------------------------- */
div#menu {
	position: relative;
	width: 996px;
	height: 60px;
	overflow: hidden;
	background: url(img/design/menubg.jpg) 0% 100% no-repeat;
}
div#menu ul,
div#menu li {
	display: block;
	margin: 0px;
	padding: 0px;
}
div#menu ul {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 608px;
	height: 60px;
	overflow: hidden;
	font-family: arial;
}
div#menu li {
	float: right;
	color: #ffffff;
}
div#menu a {
	float: left;
	display: block;
	height: 32px;
	padding: 28px 18px 0px 18px;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
div#menu li.separator {
	position: relative;
	width: 1px;
	height: 55px;
	overflow: hidden;
	background: url(img/design/menuSeparator.gif) 0px 5px no-repeat;
}
div#menu a.active {
	text-decoration: none;
	background: url(img/design/menu-active.gif) repeat-x;
	color: #b5c14e;
}
/* ---------------------------------- (Menu) --------------------------------------------- */
div.hierarchia {
	position: relative;
	height: auto;
	font-size: 11px;
	text-align: left;
	color: #fefefe;
	background: #1a1a1a url(img/design/nastavenie-bg.gif) repeat-x;
	padding: 4px 20px 10px 20px;
}
div.hierarchia img {
	display: inline;
}
div.hierarchia a {
	text-decoration: none;
}
div.hierarchia a:hover {
	text-decoration: underline;
}

/* ---------------------------------- Obsah --------------------------------------------- */
div.obsah,
div.kategoriaPopis {
	padding: 20px;
	text-align: justify;
	color: #fff;
	line-height: 18px;
}

div#main div.obsah object {
	left: -20px;
	position: relative;
	top: -20px;
}
/* ---------------------------------- (Obsah) --------------------------------------------- */
/* ---------------------------------- lavy-stlpec --------------------------------------------- */
.stlpecBox {
	padding-bottom: 8px;
}
div#lavy-stlpec { 
	position: relative;
	float: left;
	width: 212px;
	padding-left: 3px;
	padding-bottom: 30px;
	overflow: hidden;
}
div#pravy-stlpec div.boxBottom,
div#lavy-stlpec div.boxBottom {
	position: relative;
	width: 197px;
	height: 6px;
	font-size: 1px;
	background: url(img/design/tovarKatBottom.jpg) no-repeat;
}
div#lavy-stlpec .banner,
div#pravy-stlpec .banner { 
	position: relative;
	overflow: hidden;
	margin: 4px 0px 4px 0px;
}
div#pravy-stlpec .banner {
	margin-left: 2px;
}
div#pravy-stlpec h1,
div#lavy-stlpec h1 {
	position: relative;
	left: 0px;
	height: 34px;
	line-height: 34px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	background: url(img/design/lh1.gif) no-repeat;
	color: #ccda58;
	font-size: 11px;
	font-weight: bold;
}
/* ---------------------------------- (lavy-stlpec) --------------------------------------------- */
/* ---------------------------------- kategorie menu --------------------------------------------- */
ul#kategorie {
	position: relative;
	width: 189px;
	overflow: hidden;
	margin: 0px;
	margin-left: 13px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}
div.katMask {
	position: absolute;
	left: 2px;
	bottom: 0px;
	width: 187px;
	height: 4px;
	overflow: hidden;
	background: #3B3B3B;	
}

ul#kategorie li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	background: url(img/design/katLiBg.gif) no-repeat;
	background-position: -184px 0px;
}
ul#kategorie li.hlbsie {
	background: url(img/design/katLiBg_dark.gif) no-repeat;
}

ul#kategorie li.nekliknutelna {
	padding: 0px 0px 0px 40px;
}
ul#kategorie li.ciarka {
	width: 100%;
	height: 1px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	background: url(img/design/a-ciarka.gif) no-repeat;
}
ul#kategorie li.hlbsieciarka {
	margin-bottom: -1px;
	width: 100%;
	height: 2px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	background: url(img/design/a-ciarka.gif) no-repeat;
}
ul#kategorie li a {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 3px 0px 3px 26px;
	line-height: 20px;
	text-decoration: none;
	color: #fefefe;
	font-size: 11px;
}
ul#kategorie li a:hover { 
	text-decoration: underline; 
}
ul#kategorie li.top-aktivna-priamo {
	background: url(img/design/katLiBg_active.gif) no-repeat;
	background-position: -184px 0px;
	text-decoration: underline;
	font-weight: bold;
	color: #ccda58;
}
ul#kategorie li.top-aktivna-priamo a {
	color: #ccda58;
}
ul#kategorie li.aktivna {
	text-decoration: underline;
	font-weight: bold;
	background: url(img/design/katLiBg_active_dark.gif) no-repeat;
	color: #ccda58;
}
ul#kategorie li.aktivna a {
	color: #ccda58;
}
ul#kategorie li.top-aktivna {
	background: url(img/design/katLiBg_active.gif) no-repeat;
	background-position: -184px 0px;
	color: #ccda58;
}
ul#kategorie li.top-aktivna a {
	color: #ccda58;
}

/* ---------------------------------- (kategorie menu) --------------------------------------------- */
/* ---------------------------------- Newsletter --------------------------------------------- */
div#lavy-stlpec div#newsletter {
	position: relative;
	width: 197px;
}
div#newsletter div {
	position: relative;
	padding: 7px 5px 8px 11px;
	font-size: 10px;
	color: White;
	/*
	background: #1caed7 url(img/design/pozadie-newsletter.jpg) no-repeat;
	*/
	overflow: hidden;
}
div#newsletter input.textbox {
	width: 132px;
	height: 16px;
	/*
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #236f84;
	background: #fff;
	color: #fff;
	font-size: 14px;
	*/
}
div#newsletter form { 
	position: relative;
	width: 153px;
	margin: 0px;
	margin-top: 4px;
	padding: 0px;
}
div#newsletter input.button {
	position: absolute;
	_top: 1px;
	right: -30px;
	width: 32px;
	height: 22px;
	font-size: 10px;
	/*
	
	*/
	/*
	background: url(img/design/newsletter_btnGo.jpg);
	border: none;
	cursor: pointer;
	*/
}
div#newsletter div.hlaska {
	position: relative;
	margin: 5px 0px 0px 13px;
	background: url(modul/all4shop/img/alert.gif) 5px 3px no-repeat;
	width: 144px;
	padding-left: 25px; 
	padding-top: 5px;
	padding-bottom: 5px;
	color: #6B6B6B;
	font-weight: bold;
	border: 1px red solid; 
	background-color: #412A30;
}
/* ---------------------------------- (Newsletter) --------------------------------------------- */
/* ---------------------------------- main --------------------------------------------- */
div#main {
	width: 564px;
	padding: 0px 1px 30px 1px;
	float: left;
	overflow: hidden;
}
div#main h1 {
	width: 527px;
	height: 36px;
	margin: 0px;
	line-height: 36px;
	padding: 0px 20px 0px 20px;
	color: #ccda58;
	font-size: 11px;
	background: url(img/design/h1Bg.gif) no-repeat;
	font-weight: bold;
}
div#main .banner {
	position: relative;
	width: 564px;
	overflow: hidden;
	text-align: center;
}
div#main p.hlaska { 
	margin-top: 15px; 
	margin-left: 15px; 
}
#main .secmena {
	float: left;
	font-weight: normal;
	font-size: 13px;
}
#main div.oldprice {
	text-align: left;
	height: 13px;
	text-decoration: line-through;
}

/* -------------------------------------- Taby --------------------------------- */
.tabPlusTabula {
	position: relative;
	margin: 24px 10px 0px 10px;
}
.tabPlusTabula ul.tab {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 26px;
}
.tabPlusTabula ul.tab,
.tabPlusTabula ul.tab li {
	margin: 0px;
	padding: 0px;
}
.tabPlusTabula ul.tab li {
	display: block;
	float: left;
}
.tabPlusTabula ul.tab li a {
	display: block;
	padding: 4px 20px 4px 20px;
	border: 1px solid #4F323B;
	border-bottom: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
.tabPlusTabula ul.tab li.tab a {
	margin-top: 4px;
	padding: 3px 20px 4px 20px;
	color: #97A634;
	background-color: #462D34;
	text-align: center;
}
.tabPlusTabula ul.tab li.tab a:hover {
	background-position: 0px -21px;
	color: #D1DE62;
}
.tabPlusTabula ul.tab li.tab_h a {
	margin-top: 0px;
	padding: 6px 20px 6px 20px;
	color: #D1DE62;
	background: #563740;
	font-weight: bold;
}
.tabPlusTabula ul.tab li span {
	display: block;
	visibility: hidden;
	padding: 0px 20px;
	font-weight: bold;
	font-size: 11px;
	margin-top: -20px;
}
.tabulaObsahStyle {
	margin-top: -2px;
	padding: 25px 15px 25px 15px; 
	background: #563740;
	border: 1px #4F323B solid;
	border-top: none;
}
/* -------------------------------------- (Taby) --------------------------------- */
/* ---------------------------------- (main) --------------------------------------------- */
/* ---------------------------------- nastavenie vypisu --------------------------------------------- */
div.nastavenie-vypisu {
	position: relative;
	width: 525px;
	height: 36px;
	line-height: 36px;
	padding: 0px 20px 0px 20px;
	background: #472e35 url(img/design/nastavenie-bg.gif) repeat-x;
	color: #b9a8ad;
}
div.nastavenie-vypisu a {
	text-decoration: underline;
	font-size: 10px;
}
div.nastavenie-vypisu a:hover {
	text-decoration: none;
}
div.nastavenie-vypisu a.active {
	font-weight: bold;
	text-decoration: none;
}
div.nastavenie-vypisu a.zobraz-obrazok {
}
div.nastavenie-vypisu a.zobraz-tabulku {
}
div.nastavenie-vypisu a.sipka-hore {
	width: 10px;
	height: 10px;
}
div.nastavenie-vypisu a.sipka-dole {
	width: 10px;
	height: 10px;
	background: #6B6B6B;
}
/* ---------------------------------- (nastavenie vypisu) --------------------------------------------- */
/* ---------------------------------- ramik --------------------------------------------- */
div.ramik {
}

div.ramikTop {
	width: 497px;
	height: 11px;
	font-size: 1px;
	background: url(img/design/ramikTop.jpg) no-repeat;
}
div.ramikBottom {
	width: 497px;
	height: 9px;
	font-size: 1px;
	margin-bottom: 12px;
	background: url(img/design/ramikBottom.jpg) no-repeat;
}
/* ---------------------------------- (ramik) --------------------------------------------- */
div.text-kategorie {
	color: #555;
	text-align: justify;
	padding: 0px 15px 15px 15px;
}
div#registracny-formular p.hlaska { 
	margin-top: 0px; margin-bottom: 0px; 
}
/* ---------------------------------- registracny form --------------------------------------------- */
div#registracny-formular { 
	font-size: 11px;
}
div#registracny-formular table td { 
	vertical-align: top; color: #fff; 
}
div#registracny-formular table td.vpravo { 
	vertical-align: middle; color: #fff; 
}
div#registracny-formular table td input#cbUserType1 { 
	border: none; 
}
div#registracny-formular table td input#cbUserType2 { 
	border: none; 
}
/* ---------------------------------- (registracny form) --------------------------------------------- */
/* ---------------------------------- strankovanie --------------------------------------------- */
div.strankovanie { 
	clear: both;
	padding: 12px 15px 10px 15px;
	text-align: right;
	background:#472E35 url(img/design/nastavenie-bg.gif) repeat-x scroll 0 0;	
}
div.strankovanie.after { 
	margin-top: 18px;
	padding-bottom: 18px;
}
div.strankovanie form {
	float: left;
}
div.strankovanie form select {
	font-size: 11px;
}
div.strankovanie a.aktivna {
	text-decoration: none;
	font-weight: bold;
}
/* ---------------------------------- (strankovanie) --------------------------------------------- */
/* ---------------------------------- charakteristiky --------------------------------------------- */
table.charakteristiky {
	width: 388px;
	border: none;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0px;
}
table.charakteristiky h3 {
	margin: 12px 0px 6px 0px;
	padding: 3px 5px 3px 5px;
	background: #D6D6D6;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 12px;
	color: #fff;
}
table.charakteristiky td {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
table.charakteristiky td.vpravo { 
	text-align: left; 
	padding: 2px 5px 2px 5px; 
}
table.charakteristiky td.tucne { 
	width: 25%;
	padding: 2px 5px 2px 6px; 
}
/* ---------------------------------- (charakteristiky) --------------------------------------------- */
/* ---------------------------------- pravy stlpec --------------------------------------------- */
div#pravy-stlpec {
	float: left;
	width: 214px;
	padding-bottom: 30px;
	overflow: hidden;
}
/* ---------------------------------- nove produkty --------------------------------------------- */
div#pravy-stlpec #novinky div.produkt {
	width: 173px;
	padding: 6px 12px 12px 12px;
	cursor: pointer;
}
div#pravy-stlpec #novinky div.noBg {
	background: none transparent;
}
div#pravy-stlpec #novinky div.noBg span.nadpis {
	text-decoration: underline;
}
div.novinkyBoxTop {
	width: 167px;
	height: 1px;
	_margin-top: -1px;
	font-size: 1px;
	background: url(img/design/novinkyBoxTop.jpg) no-repeat;
}
div.novinkyBoxBottom {
	width: 197px;
	height: 2px;
	font-size: 1px;
	background: url(img/design/novinkyBoxBottom.jpg) no-repeat;
}
div.novinkyBottom {
	position: relative;
	top: -1px;
	width: 197px;
	height: 6px;
	margin-bottom: 8px;
	font-size: 1px;
	background: url(img/design/novinkyBottom.jpg) no-repeat;
}
div#pravy-stlpec #novinky div.popis {
	width: 174px;
	text-align: justify;
	padding: 0px;
	color: #fff;
}
div#pravy-stlpec #novinky span.nadpis {
	display: block;
	width: 174px;
	font-size: 12px;
	overflow: hidden;
}
div#pravy-stlpec #novinky span.datum {
	display: block;
	padding-bottom: 6px;
	font-size: 10px;
	color: #fff;
}
/* ---------------------------------- (nove produkty) --------------------------------------------- */
/* ---------------------------------- moje menu --------------------------------------------- */
div#pravy-stlpec div.moje-menu { 
	padding: 6px 12px 12px 12px;
	color: #fff;
	font-size: 11px;
}
div#pravy-stlpec div.moje-menu strong {
	position: relative;
}
div#moje-menu img {
	position: relative;
	top: 2px;
}
/* ---------------------------------- (moje menu) --------------------------------------------- */
/* ---------------------------------- kosik menu --------------------------------------------- */
div#pravy-stlpec div.obsahKosik {
	position: relative;
	left: -4px;
	width: 159px;
	height: 17px;
	padding: 9px 0px 0px 8px;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #000;
	background: url(img/design/kosikObsahBg.jpg) no-repeat;	
}
div#pravy-stlpec div.kosikPolozka {
	position: relative;
	left: -5px;
	width: 159px;
	height: 26px;
	padding: 7px 0px 0px 8px;
	font-size: 11px;
	font-family: arial;
	color: #acacac;
	background: url(img/design/kosikPolozkaBg.jpg) no-repeat;
	border: 1px solid #fff;
	line-height: 13px;
}
div#pravy-stlpec div.kosikCena {
	position: relative;
	left: -4px;
	width: 159px;
	height: 17px;
	padding: 7px 0px 0px 8px;
	font-size: 11px;
	font-family: arial;
	color: #4c4c4c;
	background: url(img/design/kosikCena.jpg) no-repeat;
}
div#pravy-stlpec div.kosikDPH {
	position: relative;
	left: -4px;
	width: 159px;
	height: 14px;
	margin-bottom: 7px;
	padding: 3px 0px 0px 8px;
	font-size: 9px;
	font-family: arial;
	color: #adadad;
	background: url(img/design/kosikDPH.jpg) no-repeat;
}
/* ---------------------------------- (kosik menu) --------------------------------------------- */
/* ---------------------------------- pata --------------------------------------------- */
div#pata {
	position: relative;
	width: 996px;
	height: 83px;
	margin: 0px auto;
	background: url(img/design/pata.gif) no-repeat;
	color: white;
	font-size: 11px;
	font-family: arial;
}
div#pata div.box {
	position: relative;
	width: 996px;
	height: 83px;
	margin: 0px auto;
}
div#pata div.copyright {
	position: absolute;
	bottom: 25px;
	left: 25px;
}
div#pata div.power {
	position: absolute;
	bottom: 25px;
	right: 25px;
}
div#pata div.power a {
	text-decoration: underline;
	font-size: 11px;
	color: White;
}
div#pata div.power a:hover { 
	text-decoration: none; 
}
/* ---------------------------------- pata --------------------------------------------- */
/* ------------------------------- anketa ---------------------------- */
div.anketa div.obal {
	position: relative;
	overflow: hidden;
	width: 190px;
	margin-top: 3px; 
	margin-left: 15px;
	padding-top: 8px;
	padding-bottom: 7px;
}
div.anketa a.graf {
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	width: 160px;
	height: 10px;
	margin-bottom: 4px;
	background: #574338;
}
div.anketa span.perc { 
	display: block;
	float: left;
	font-size: 9px;
	padding-left: 3px;
	color: #b19ea3;
}
div.anketa span { 
	display: block; 
}
div.anketa a.odkaz { 
	float: left;
	clear: both;
	display: block;
	padding-bottom: 3px;
	color: #FFFFFF;
	text-decoration: none; 
	font-size: 11px;
}
div.anketa a.odkaz:hover { 
	text-decoration: underline; 
}
div.anketa div.detaily {
	padding-left: 15px;
	padding-bottom: 8px;
	color: #b19ea3;
	font-size: 10px;
	font-family: tahoma;
}
div.anketa img { 
	display: block;
	border: none;
	border-right: 2px solid #333;
	margin: 0px;
}
div.anketa div.otazka { 
	width: 155px;
	margin-top: 8px;
	margin-left: 15px;
	margin-bottom: 6px; 
	padding: 8px 16px 8px 16px;
	color: #FFFFFF;
	background: #4c343b;
}
div.anketa .perc { 
	display: inline;
	font-size: 9px;
}
/* ------------------------------- (anketa) ---------------------------- */
/* ------------------------------- zlozky kategorii ---------------------------- */
div.kategoriaVypisNahlady {
	float: left;
	position: relative;
	width: 145px;
	height: 150px;
	margin: 7px 7px 7px 10px;
	_margin: 7px 5px 7px 9px;
}
div.kategoriaVypisNahlady a.obr {
	position: absolute;
	top: 2px;
	left: 2px;
}
div.kategoriaVypisNahlady span.obrazokObal {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 145px;
	height: 91px;
	z-index: 99;
	background: url(img/design/kategoriaObrazokBg.png) no-repeat;
}
*html div.kategoriaVypisNahlady span.obrazokObal {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/kategoriaObrazokBg.png", sizingMethod="image");
}
div.kategoriaVypisNahlady span.obrazokObal.hover {
	background: url(img/design/kategoriaObrazokBgHover.png) no-repeat;
	cursor: pointer;
}
*html div.kategoriaVypisNahlady span.obrazokObal.hover {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/kategoriaObrazokBgHover.png", sizingMethod="image");
}
div.kategoriaVypisNahlady span {
	position: absolute;
	top: 96px;
	left: 8px;
	display: block;
}
div.kategoriaVypisNahlady span.pocetProdukt {
	top: 130px;
}
/* ------------------------------- (zlozky kategorii) ---------------------------- */
/* ------------------------------- formulare ---------------------------- */
div.formular img {
	display: inline;
}
div.formular.pred {
	margin-bottom: 20px;
} 
div.formular.za {
	margin-top: 20px;
}
td.left {
	text-align: right;
}
div.formular legend,
div.formular legend {
	font-weight: bold;
	color: #9c9c9c;
	font-size: 16px;
}
div.formular fieldset,
div.formular fieldset {
	border: 2px solid #424443;
}
div.formular form,
div.formular form {
}

div.formular div.hlaska {
	background-color: #ee0000;
	padding: 2px 0px 3px 10px;  
}
/* ------------------------------- (formulare) ---------------------------- */
/* ------------------------------- novinky ---------------------------- */
.novinky {
	width: 173px;
	padding: 12px 20px 12px 20px;
	text-align: justify;
}
.novinky a.viac {
	display: block;
	float: left;
	clear: both;
	height: 17px;
	margin-top: 8px;
	padding-left: 14px;
	padding-top: 1px;
	text-decoration: underline;
	background: url(img/design/btn_chdata_bg.gif) no-repeat;
	background-position: 0% 50%;
}
.novinky a.viac:hover {
	text-decoration: none;
}
/* ------------------------------- (novinky) ---------------------------- */

table.tabulka_varianty {
	width: 100%;
}
table.tabulka_varianty th {
	height: 28px;
	line-height: 28px;
	background: #452d33;
	color: #b19ea3;
	border-bottom: 1px #281a1e solid;
	font-weight: normal;
}

table.tabulka_varianty {
	font-size: 10px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.tabulka_varianty td {
	border-bottom: 1px #4b3037 solid;
	border-top: 1px #372429 solid;
	text-align: center;
	padding: 6px 0px 6px 0px;
	color: #b19ea3;
}

table.tabulka_varianty td.tddokosika {
	width: 130px;
	padding-left: 12px;
	padding-right: 12px;
}

#main table.tabulka_varianty td div.btnKosikObal {
	padding-top: 0px;
}

#main table.tabulka_varianty td div.btnKosikObal a {
	margin: 0px;
}	

table.tabulka_varianty td span.cena {
	font-size: 11px;
	color: #ccda58;
}

table.tabulka_varianty td form input {
	font-size: 11px;
	border: 1px #5B554C solid;
	width: 19px;
	padding-bottom: 1px;
	float: left;
	margin-right: 7px;
}
/* ------------------------------------- porovnanie - skupiny ------------------------------------------- */
div.porovnanie-skupina {
	position: relative;
	float: left;
	width: 145px;
	min-height: 213px;
	_height: 213px;
	margin: 7px 7px 14px 7px;
	_margin: 7px 6px 14px 5px;
	font-size: 10px;
	color: #4b4b4b;
	background-color: #EEEEEE;
}

div#main div.porovnanie-skupina h1 {
	background: none;
	background-color: #B5B5B5;
	border-bottom: 4px #C0C0C0 solid;
	width: 134px;
	height: auto;
	text-align: left;
}

div#main div.porovnanie-skupina ul {
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}
/* ------------------------------------- (porovnanie - skupiny) ------------------------------------------- */
/*------------------------- porovnaj ---------------------------------------*/

#main div.produkt div.btnPorovnajObalPlus {
	height: 19px;
	background: url(img/design/btnPorovnajObalPlus.jpg) no-repeat;
}
#main div.produkt a.btnPorovnajPlus {
	display: block;
	height: 19px;
	line-height: 19px;
	padding-left: 42px;
	background: url(img/design/btnPorovnajPlus.jpg) no-repeat;
	text-decoration: none;
}
#main div.produkt div.btnPorovnajObalMinus {
	height: 19px;
	background: url(img/design/btnPorovnajObalMinus.jpg) no-repeat;
}
#main div.produkt a.btnPorovnajMinus {
	display: block;
	height: 19px;
	line-height: 19px;
	padding-left: 42px;
	background: url(img/design/btnPorovnajMinus.jpg) no-repeat;
	text-decoration: none;
}
#main div.produkt a.btnPorovnajPlus:hover, #main div.produkt a.btnPorovnajMinus:hover { 
	background: none transparent;
	text-decoration: none;
}

ul.porovnanie {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
ul.porovnanie li a {
	line-height: 17px;
}

ul.porovnanie li {
	position: relative;
	line-height: 17px;
	padding-left: 25px;
}

ul.porovnanie li a.odober {
	position: absolute;
	display: block;
	width: 19px;
	height: 14px;
	left: 0px;
	_left: -25px;
	top: 2px;
	_top: 0px;
	padding: 0px;
	background: url(img/design/porovnanie_odober.gif) no-repeat;
}
/*------------------------- (porovnaj) ---------------------------------------*/
div.onlinePlatba {
	padding: 20px;
}
div.onlinePlatba div.platby {
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
div.onlinePlatba div.platby form {
	margin: 0px;
	padding: 0px;
	float: left;
}

h2.onlinePlatba {
	width: 179px;
	height: 29px;
	padding: 8px 0px 0px 16px;
	background: url(img/design/h2_onlinePlatba.jpg) no-repeat;
	color: #f7f7f7;
	font-size: 14px;
}
input.textbox,
input.textboxSmall,
textarea,
select {
	background: #3c262d;
	color: #82696f;
	border: 1px solid #352228;
	font-size: 11px;
	font-family: tahoma;
}
input.textbox,
input.textboxSmall,
textarea {
	padding: 2px 4px 2px 4px;
}
/* ---------------------------------- registracny form --------------------------------------------- */
div#registracny-formular { 
	font-size: 11px;
	color: #fefefe;
	text-align: justify;
	padding: 0px 28px 0px 28px;
}

div#registracny-formular select { font-size: 11px; }
div#registracny-formular table td { 
	vertical-align: top; color: #fefefe; 
}
div#registracny-formular table td.vpravo { 
	vertical-align: middle; color: #fefefe; 
}
div#registracny-formular table td input#cbUserType1 { 
	border: none; 
}
div#registracny-formular table td input#cbUserType2 { 
	border: none; 
}
/* ---------------------------------- (registracny form) --------------------------------------------- */
.upl_body{
	text-align: left;
	font-weight: bold;
	color: #4D4D4D;
}
.na_vyraz{
	color: #222;
	font-size: 12px;
}
.hepl_text_obr{
	color: #555;
	background-color: #fff;
}
.cena_s_dph_span_bold{
	color: #ccda58;
}
.cena_s_dph_span{
	font-weight: normal;
	color: #ccda58;
}
.varianty_cena_td{
	text-align: left;
	background: #442c32;
}
table.tabulka_varianty th.vatiantyth1{
	background-color: #4b3037;
}
table.tabulka_varianty th.vatiantyCenaSDph{
	background-color: #482f35;
}
.variantyAno{
	color: #b1a5a8;
}
.variantyOd{
	color: #ccda58;
}
#helpbox{
	left:0px;
	top:0px;
	visibility:hidden;
	display:none;
	position:absolute;
	z-index:1000;
	border: 7px #674851 solid;
}
.velkahlaska{
	padding-bottom: 15px;
}
/* ---------------------------------- online platba --------------------------------------------- */

div.onlinePlatba {
	padding: 20px;
}

div.onlinePlatba div.platby {
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

div.onlinePlatba div.platby form {
	margin: 0px;
	padding: 0px;
	float: left;
	margin-right: 15px;
}

div.onlinePlatba div.platby a {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	margin-right: 15px;
}
/* ---------------------------------- (online platba) --------------------------------------------- */