html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	color: #eee;
	background: #303030 url(img/design/body-bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* ------------------------------------------- Vseobecne ------------------------------------------- */
h3 {
	font-size: 14px;
}
h2 {
	height: 36px;
	line-height: 36px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: #F8F7F0;
	border-bottom: 1px solid #f3efd9;
	font-weight: normal;
	font-size: 11px;
	color: #010101;
}
.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; 
}
a { 
	color: #04b6cc;
	text-decoration: underline; 
}
a:hover {
	text-decoration: none; 
}
a.img-border img { 
	border: 1px #f6f6f6 solid; 
}
textarea.px314 {
	width: 214px;
	height: 80px;
}

table {
	border-collapse: collapse;
}
table td {
	padding: 4px 0px;
}
table td.left,
table td.vpravo {
	padding-right: 6px;
	text-align: right;
}
textarea {
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #e3e0c7;
	font-size: 11px;
	background-color: #eee;
	color: #222;
	overflow: auto;
	font-family: arial;
}
select.select {
	font-size: 12px;
	font-family: arial;
}
input.textboxSmall {
	width: 40px;
	height: 14px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #eee;
	color: #222;
	font-family: arial;
}
input.textbox {
	width: 140px;
	height: 14px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 11px;
	background: #1b1b1b;
	border: 1px solid #000000;
	border-right: none;
	border-bottom: none;
	color: #c3c3c3;
	font-family: arial;
}
input.button {
	width: 55px;
	height: 26px;
	border: none transparent;
	font-size: 11px;
	background: #dc9f00 url(img/design/btn-login-bg.gif) repeat-x;
	color: #eee;
	cursor: pointer;
}
input.button.active {
	color: #000;
	background: #e2ae26 url(img/design/btn-login-bg-active.gif) repeat-x;
}
/* ------------------------------------------- (Vseobecne) ------------------------------------------- */
/* ------------------------------------------- Hlasky ------------------------------------------- */
.top-wrapper {
	position: relative;
	height: 348px;
	background: #252525 url(img/design/top-wrapper.gif);
}
.hlaska {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 6px 15px 6px 29px; 
}
.error { 
	background: url(modul/all4shop/img/alert.gif) 6px 6px no-repeat; 
}
#main .error { 
	background: url(modul/all4shop/img/alert3.gif) 6px 6px no-repeat; 
}
.info { 
	background: url(modul/all4shop/img/info.gif) 6px 6px no-repeat; 
}
.success { 
	background: url(modul/all4shop/img/success.gif) 6px 6px no-repeat; 
}
/* ------------------------------------------- (Hlasky) ------------------------------------------- */
/* ---------------------------------- Obal --------------------------------------------- */
div#obal {
	position: relative;
	width: 954px;
	margin: 0 auto;
	margin-top: -348px;
	overflow: hidden;
	background: #303030;
}
/* ---------------------------------- (Obal) --------------------------------------------- */
/* ---------------------------------- Hlavicka --------------------------------------------- */
div#hlavicka {
	position: relative;
	width: 954px;
	height: 188px;
	background: #252525 url(img/design/hlavicka.gif) 50% 50% no-repeat;
}
#flash {
	position: relative;
	top: 12px;
	margin: 0px auto;
	width: 906px;
	height: 168px;
}
a.logoklik {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 269px;
	height: 101px;
}
.kosik_prazdny {
	position: absolute;
	right: 185px;
	top: 15px;
	width: 72px;
	height: 79px;
	background: url(img/design/kosik_prazdny.jpg) no-repeat;
}
a.mail {
	position: absolute;
	top: 48px;
	left: 410px;
	color: #bbda14;
	font-size: 11px;
}
div#hlavicka-top span.phone {
	position: absolute;
	top: 48px;
	left: 560px;
	font-size: 11px;
}

a.nakupnyKosikLink {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #00c3de;
	text-decoration: none;
}
a.nakupnyKosikLink:hover {
	text-decoration: underline;
}
span.pocetPoloziek {
	position: absolute;
	right: 0px;
	top: 30px;
	display: block;
	width: 184px;
	color: #7f7f7f;
	text-align: left;
	line-height: 18px;
	font-size: 11px;
	font-family: tahoma;
}
span.cenaNakupu {
	font-weight: bold;
	padding-left: 0px;
	color: #c2e215;
}

div#hlavicka-top {
	position: relative;
	width: 954px;
	height: 101px;
	background: #252525 url(img/design/hlavicka-top.jpg) no-repeat;
}

ul.jazykmenu {
	position: absolute;
	top: 6px;
	left: 6px;
	margin: 0px;
	padding: 9px;
}
ul.jazykmenu li {
	display: block;
	float: left;
	margin-left: 4px;
	padding-left: 3px;
	padding-right: 3px;
	background: #D7D4C3;
}
ul.jazykmenu li.over {
	background: #959191;
}
ul.jazykmenu li.active,
ul.jazykmenu li.active.over {
	background: #b9b9b9;
}
span.ikonkaLang {
	position: relative;
	top: 3px;
	overflow: hidden;
	display: block;
	width: 20px;
	height: 13px;
	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: #eee;
}
#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 {
	clear: both;
	color: #222;
	position: relative;
}
div.produkt h2 a {
	position: absolute;
	right: 15px;
	_right: 29px;
	color: #008DB3;
	font-weight: normal;
	font-size: 10px;
}
#main div.najpredavanejsie div.produkt {
	overflow: hidden;
}
#main div.produkt {
	position: relative;
	width: 416px;
	height: 175px;
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 24px;
	background: url(img/design/produkt-bg.gif) 50% 100% no-repeat;
}
#main .produkty,
#main .najpredavanejsie {
	padding: 14px 0px 0px 0px;
}
#main div.produkt div.bar {
	position: absolute;
	bottom: 32px;
	width: 290px;
	height: 70px;
}



#main div.produkt div.bar .detail {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#main div.produkt div.bar .kosik {
	position: absolute;
	left: 73px;
	bottom: 0px;
}
#main div.produkt div.bar .secmena {
	display: block;
	padding-top: 2px;
}
#main div.produkt div.btnKosikObal {
	position: absolute;
	right: 4px;
	bottom: 0px;
	width: 36px;
	height: 19px;
	background: url(img/design/btnKosikObal.jpg) no-repeat;
}
#main div.produkt div.btnKosikObal2 {
	float: left; 
	margin-top: 18px;
	width: 36px;
	height: 19px;
	background: url(img/design/btnKosikObal.jpg) no-repeat;
}
#main a.btnKosik {
	display: block;
	width: 36px;
	height: 19px;
	background: url(img/design/btnKosik.jpg) no-repeat;
	text-decoration: none;
}
#main div.produkt a.btnKosik:hover {
	background: none transparent;
	text-decoration: none;
}

#main div.produkt a.obrazok {
	float: left;
	display: block;
	width: 98px;
	height: 131px;
	padding: 6px;
	background: #202020;
	border: 1px solid #1a1a1a;
}
#main div.produkt a.obrazok:hover {
	background: #00ACBF;
}
#main div.produkt .data-box {
	position: relative;
	overflow: hidden;
	float: left;
	width: 280px;
	height: 163px;
	padding: 0px 0px 0px 15px;
}
#main div.produkt a.title {
	display: block;
	width: 290px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #eee;
	text-decoration: none;
}
#main div.produkt a.title:hover {
	text-decoration: underline;
}
#main div.produkt a.detail {
	float: left;
	display: block;
	width: 69px;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background: #007889 url(img/design/btn-detail.gif) no-repeat;
}
#main div.produkt a.detail:hover {
	text-decoration: none;
	color: #000;
	background: #59aab6 url(img/design/btn-detail_h.gif) no-repeat;
}
#main a.kosik {
	float: left;
	display: block;
	width: 98px;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: #819e00 url(img/design/btn-kosik.gif) no-repeat;
	text-decoration: none;
}
#main a.kosik:hover {
	text-decoration: none;
	color: #000;
	background: url(img/design/btn-kosik_h.gif) repeat-x;
}
input.countBox {
	width: 25px;
	height: 17px;
	background: #F8F7F0;
	border: 2px solid #777;
	text-align: center;
}
#main div.produkt .text {
	position: relative;
	overflow: hidden;
	height: 60px;
	line-height: 16px;
	text-align: justify;
	padding: 6px 2px 6px 2px;
}
.oldprice {
	color: #878787;
	text-decoration: line-through;
}
#main div.produkt .oldprice {
	position: absolute;
	right: 25px;
	top: 0px;
	height: 14px;
	padding: 2px 2px 4px 2px;
	font-size: 11px;
	float: none;
}
div.produkt div.galeria {
	position: relative;
	float: left; 
	width: 160px;
}

div.produkt div.galeria img {
/*	margin-bottom: 10px;*/
}

div.produkt div.popis {
}

#main div.produkt-nahlad {
	position: relative;
}
#main div.produkt-nahlad .obal {
	position: relative;
	width: 440px;
	padding: 15px 0px 0px 13px;
}
#main div.produkt-nahlad .obal a.obrazok {
	float: left;
	display: block;
	width: 155px;
	height: 194px;
	padding: 5px;
	background: #202020;
	border: 1px solid #1a1a1a;
}
#main div.produkt-nahlad .obal a.obrazok:hover {
	background: #00ACBF;
}
#main div.produkt-nahlad .obal .detail {
	float: left;
	position: relative;
	overflow: hidden;
	width: 255px;
	padding-left: 7px;
}
#main div.produkt-nahlad .obal .detail .nadpis {
	padding-left: 10px;
	color: #eee;
	font-size: 14px;
	font-weight: bold;
}
#main div.produkt-nahlad .obal .detail .note {
	font-size: 11px;
	line-height: 16px;
	padding: 4px 0px 0px 10px;
}
#main div.produkt-nahlad .obal .detail .note a {
	text-decoration: none;
}
#main div.produkt-nahlad .obal .detail .note a:hover {
	text-decoration: underline;
}
#main div.produkt-nahlad .galeria {
	width: 470px;
	padding: 0px 0px 10px 14px;
}
#main div.produkt-nahlad .galeria a img {
	display: block;
}
#main div.produkt-nahlad .galeria a {
	display: block;
	float: left;
	margin-right: 19px;
	margin-bottom: 12px;
	border: 2px solid #1a1a1a;
}
#main div.produkt-nahlad .galeria a:hover {
	border: 2px solid #00ACBF;
}

#main div.produkt-nahlad .popis {
	line-height: 18px;
	text-align: justify;
	padding: 11px 22px 11px 22px;
}

div.produkt.nahlad div.popis {
	width: 308px;
	float: left;
}
div.produkt.nahlad div.popis div {
	text-align: justify;
}

div.produkt.nahlad input.text {
	width: 20px;
	border: 1px #999999 solid;
	font-size: 11px;
}
div.produkt img {
	float: left;
}
div.produkt form.dokosika {
	position: absolute;
	top: 6px;
	right: 6px;
}
div.produkt a.odkaz { 
	font-size: 11px;
	text-decoration: none; 
}
div.produkt a.odkaz:hover { 
	text-decoration: underline;
}
div.produkt span.nadpis {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #008DB3;
	
}

div.produkt .kategoria {
	display: block;
	padding-top: 6px;
	font-size: 11px;
}
div.cena {
	position: relative;
	width: 112px;
	text-align: left;
	padding: 3px 5px 5px 8px;
	background-color: #FAFAFA;
	border: 1px #DDDDDD solid;
	margin: 3px 23px 3px 0px;
	color: #dc9e00;
}
div.cena.dph {
	margin-top: 6px;
}
.priceOld {
	display: block;
	width: 140px;
	text-decoration: line-through;
	color: #878787;
	float: right;
	padding-right: 18px;
	text-align: left;
	font-size: 11px;
}
div.cena span {
	display: block;
	margin-top: 4px;
	float: right;
	color: #095a71;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

span.cena {
	position: absolute;
	right: 25px;
	_top:20px;
	bottom: 24px;
	display: block;
	height: 16px;
	padding: 0px 2px 12px 2px;
	color: #b1d200;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
}
div.cena span.bez-dph {
	color: #4B4B4B;
	font-size: 11px;
}
div.produkt span.cena-bez-dph {
	color: #812D58;
}

/* CENA */
table.cena {
	position: relative;
	width: 245px;
	margin: 10px 0px 0px 9px;
	white-space: nowrap;
	border-collapse: collapse;
	background: #1E1E1E;
	border: 1px solid #000;
	border-top: none;
	line-height: 18px;
	color: #a0a0a0;
	font-size: 11px;
}
table.cena input.countBox {
	
}
table.cena th {
	text-align: left;
	background: #181818;
	background: url(img/design/cena-th.gif) repeat-x;
	border-bottom: 1px solid #333;
	color: #aaa;
}
table.cena tr.bottom td {
	padding-bottom: 8px;
}
table.cena th,
table.cena td {
	padding: 4px 8px 4px 8px;
	white-space: nowrap;
}
table.cena .priceOld {
	float: left;
	width: auto;
}
#main div.produkt div.produkt {
	float: left;
	width: 147px;
	overflow: hidden;
	height: auto;
	margin: 0px 6px 0px 7px;
}
div.produkt div.produkt span.nadpis { 
	font-size: 11px; 
}
#main div.produkt div.produkt-tabulka,
#main div.produkt div.produkt-tabulka table {
	width: 100%;
}
div.produkt div.produkt a:hover span.nadpis { 
	text-decoration: underline; 
}
div.produkt div.produkt div.popis { 
	width: 100%; 
	padding-top: 5px; 
}
div.produkt div.produkt img { 
	margin-top: 5px; 
}
div.produkt-tabulka {
	width: 100%;
	margin: 7px 0px 7px 2px;
	padding: 3px 0px 3px 0px;
	border-bottom: 0px;
	font-size: 11px;
}
div.produkt-tabulka strike {
	color: #222;
}
div.produkt-tabulka table {
	width: 100%;
	border-collapse: collapse;
}
div.produkt-tabulka table img {
	border: 1px solid #f3f3f3;
}
div.produkt-tabulka table td { 
	padding: 3px; 
	border-bottom: 3px #282828 solid; 
}
div.produkt-tabulka table td.right {
	padding-right: 20px;
	white-space: nowrap;
	text-align: right;
}
div.produkt-tabulka table td.obrazok {
	width: 53px;
	padding: 8px 0px 8px 17px;
}
div.produkt-tabulka table td.obrazok a {
	display: block;
	width: 42px;
	height: 56px;
	padding: 3px;
	border: 1px solid #1a1a1a;
	background: #202020;
}
div.produkt-tabulka table td.obrazok a:hover {
	background: #00ACBF;
}
div.produkt-tabulka table td.obrazok a img {
	display: block;
	border: none;
}
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: 13px;
	font-weight: bold;
	color: #eee;
}
div.produkt-tabulka span.nadpis a {
	color: #eee;
}
div.produkt-tabulka a {
	text-decoration: none;
}
div.produkt-tabulka a:hover {
	text-decoration: underline;
}
div.produkt-tabulka span.cena { 
	position: absolute;
	bottom: 0px;
	padding: 0px;
	font-size: 12px; 
}
#main div.produkt-tabulka span.secmena { 
	display: block;
	font-size: 12px;
}
div.produkt-tabulka table th {
	padding: 6px 0px 6px 0px;
	background: #F8F7F0;
	color: #848279;
}
div.produkt div.produkt-tabulka {
	width: 480px;
}
/* ------------------------------------------- (Produkt) ------------------------------------------- */
/* ---------------------------------- Vyhladavanie --------------------------------------------- */
div#vyhladavanie {
	position: absolute;
	bottom: 16px;
	right: 30px;
}
div#vyhladavanie form { 
	display: inline; 
}
div#vyhladavanie span {
	float: left;
	display: block;
	padding: 4px 10px 0px 0px;
}
div#vyhladavanie input.textbox {
	float: left;
	width: 144px;
	height: 13px;
	margin-right: 3px;
	padding: 4px 3px 4px 3px;
	font-size: 11px;
	background: none transparent;
	color: #000;
	border: none;
	border-right: none;
	border-bottom: none;
}
div#vyhladavanie input.button {
	float: left;
	position: relative;
	top: -1px;
	left: -3px;
	width: 21px;
	height: 20px;
	margin-left: 6px;
	background: url(img/design/btnSearch.gif) no-repeat;
	border: none;
	cursor: pointer;
}
div#vyhladavanie input.button.active {
	background: url(img/design/btnSearch_h.gif) no-repeat;
}
/* ---------------------------------- (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: #04B6CC;
}
table.kosik {
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	color: #eee;
}
table.kosik a.img-border {
	display: block;
	width: 42px;
	height: 56px;
	padding: 3px;
	border: 1px solid #1a1a1a;
	background: #202020;
}
table.kosik a.img-border img {
	display: block;
	border: none;
}
table.kosik .cena {
	color: #b1d200;
}
table.kosik th { 
	padding: 6px 5px 6px 5px;
	text-align: right; 
	border-bottom: 1px #000 solid;
	background-color: #262626;
	color: #7F7F7F;
	white-space: nowrap;
}
table.kosik td {
	border-bottom: 1px #1C1C1C solid;
	padding: 5px;
	text-align: right;
}
table.kosik a { 
	color: #04B6CC; 
	text-decoration: none; 
}
table.kosik a:hover { 
	text-decoration: underline; 
}
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;
	padding-bottom: 20px;
}
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;
}

/* -------------------------------------- Taby --------------------------------- */
.tabPlusTabula {
	position: relative;
	margin: 24px 10px 0px 10px;
}
.tabPlusTabula ul.tab {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 26px;
	background: url(img/design/tabPlusTabula-ul-bg.gif) 50% 100% no-repeat;
}
.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 #303030;
	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: #626262;
	background-color: #1E1E1E;
	background-image: url(img/design/tab-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-right: 1px solid #303030;
	text-align: center;
}
.tabPlusTabula ul.tab li.tab a:hover {
	background-position: 0px -21px;
	color: #eee;
}
.tabPlusTabula ul.tab li.tab_h a {
	margin-top: 1px;
	margin-right: -1px;
	padding: 6px 20px 6px 20px;
	color: #eee;
	background: #1E1E1E url(img/design/tab_h-bg.gif) repeat-x;
	border-right: 1px solid #303030;
	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: -1px;
	padding: 25px 15px 25px 15px; 
	background: #1E1E1E;
	border: 1px #303030 solid;
	border-top: none;
}
/* -------------------------------------- (Taby) --------------------------------- */
/* ---------------------------------- (Kosik) --------------------------------------------- */


/* ---------------------------------- Prihlasenie --------------------------------------------- */
div#moje-menu { 
	padding: 10px 0px 20px 21px; 
}

div#moje-menu a {
	color: #eee;
	font-size: 11px;
	margin-left: 2px;
	padding-left: 14px;
	background: url(img/design/sipka.gif) 0px 50% no-repeat;
	text-decoration: none;
}

div#moje-menu a:hover { 
	text-decoration: underline; 
}
div#moje-menu a.active {
	font-weight: bold;
}
div#moje-menu img {
	position: relative;
	top: 2px;
}
#moje-menu input.textbox {
	width: 152px;
	height: 14px;
	margin-top: 5px;
	padding: 2px 3px 2px 3px;
	font-size: 10px;
	background: #1b1b1b;
	border: 1px solid #000000;
	border-right: none;
	border-bottom: none;
	color: #c3c3c3;
}

div#pravy-stlpec div#moje-menu table { 
	border-collapse: collapse; 
}
div#pravy-stlpec div.obsah {
	text-align: justify;
	width: 166px;
	font-size: 11px;
	padding: 13px 16px 13px 16px;
}
div#moje-menu input.button {
	width: 55px;
	height: 26px;
	margin-top: 6px;
	border: none transparent;
	font-size: 11px;
	background: #008395 url(img/design/btn-login-bg.gif) repeat-x;
	color: #eee;
	cursor: pointer;
}
div#moje-menu input.button.active {
	color: #000;
	background: #59a7b2 url(img/design/btn-login-bg-active.gif) repeat-x;
}
/* ---------------------------------- (Prihlasenie) --------------------------------------------- */
/* ---------------------------------- Menu --------------------------------------------- */
div#menu {
	position: relative;
	z-index: 90;
	width: 954px;
	height: 64px;
	overflow: hidden;
	margin: 0px auto;
	margin-top: -5px;
	background: #252525 url(img/design/menuBg.jpg) 50% 100% no-repeat;
}
div#menu ul,
div#menu li {
	display: block;
	margin: 0px;
	padding: 0px;
}
div#menu ul {
	position: relative;
	top: 0px;
	left: 27px;
	width: 690px;
	height: 64px;
	overflow: hidden;
	font-family: tahoma;
}
div#menu li {
	float: left;
}
div#menu a {
	float: left;
	display: block;
	height: 64px;
	line-height: 69px;
	padding: 0px 28px 0px 28px;
	color: #000;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}
div#menu li.separator {
	position: relative;
	width: 2px;
	height: 69px;
	overflow: hidden;
	background: url(img/design/menuSeparator.gif) no-repeat;
}
div#menu a.active,
div#menu a.active:hover {
	color: #eee;
	text-decoration: none;
	background: url(img/design/menua-active.gif) repeat-x;
}
div#menu a:hover {
	text-decoration: underline;
}
/* ---------------------------------- (Menu) --------------------------------------------- */
div.hierarchia {
	position: relative;
	width: 428px;
	font-size: 11px;
	padding: 10px 14px 10px 14px;
	background: #1E1E1E url(img/design/nast_vyp.gif) no-repeat;
	color: #7F7F7F;
}
div.hierarchia a {
	text-decoration: none;
}
div.hierarchia a:hover {
	text-decoration: underline;
}
/* ---------------------------------- Obsah --------------------------------------------- */
#obsah {
	position: relative;
	width: 954px;
	background: #303030 url(img/design/obsah.gif) 1px 0px repeat-y;
}

div.obsah,
div.kategoriaPopis {
	padding: 10px 20px 10px 20px;
	text-align: justify;
	color: #eee;
	line-height: 20px;
}
div.obsah h2 {
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
	background: none transparent;
	border: none;
}
.stlpecBox {
/*
	margin-bottom: 10px;
	background: url(img/design/stlpecBoxBg.gif) 50% 100% no-repeat;
	*/
}
/* ---------------------------------- (Obsah) --------------------------------------------- */
/* ---------------------------------- lavy-stlpec --------------------------------------------- */
div#lavy-stlpec { 
	float: left;
	width: 214px;
	padding-left: 25px;
	margin-right: 10px;
	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 { 
	position: relative;
	width: 205px;
	overflow: hidden;
	margin: 4px 0px 4px 0px;
}
div#pravy-stlpec .banner { 
	position: relative;
	width: 205px;
	overflow: hidden;
	margin: 4px 0px 4px 0px;
}
div#lavy-stlpec h1,
div#pravy-stlpec h1 {
	position: relative;
	left: 0px;
	width: 179px;
	height: 49px;
	line-height: 49px;
	margin: 0px;
	padding: 0px 0px 0px 26px;
	color: #c2e215;
	background: #1C1C1C url(img/design/lavy-stlpec-h1.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
}
/* ---------------------------------- (lavy-stlpec) --------------------------------------------- */
/* ---------------------------------- kategorie menu --------------------------------------------- */
.stlpecBox.kategorie {
	padding: 14px 1px 0px 1px;
}
ul#kategorie {
	position: relative;
	width: 205px;
	overflow: hidden;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}

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: -104px 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: #000;
}
ul#kategorie li.hlbsieciarka {
	margin-bottom: -1px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	background: #000;
}
ul#kategorie li a {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 0px 0px 0px 34px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	color: #eee;
	font-size: 11px;
	font-weight: bold;
}
ul#kategorie li.hlbsie a {
	font-weight: normal;
}
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: -170px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #04b6cc;
}
ul#kategorie li.top-aktivna-priamo a {
	color: #04b6cc;
}
ul#kategorie li.aktivna {
	font-weight: normal;
	text-decoration: none;
	background: url(img/design/katLiBg_active_dark.gif) no-repeat;
	color: #04b6cc;
}
ul#kategorie li.aktivna a {
	font-weight: bold;
	color: #04b6cc;
}
ul#kategorie li.top-aktivna {
	font-weight: normal;
	background: url(img/design/katLiBg_active.gif) no-repeat;
	background-position: -170px 0px;
	color: #04b6cc;
}
ul#kategorie li.top-aktivna a {
	font-weight: normal;
	color: #04b6cc;
}

/* ---------------------------------- (kategorie menu) --------------------------------------------- */
/* ---------------------------------- Newsletter --------------------------------------------- */
div#newsletter {
	position: relative;
	width: 200px;
}
div#newsletter div {
	position: relative;
	padding: 7px 0px 8px 21px;
	font-size: 10px;
	overflow: hidden;
}
div#newsletter input.textbox {
	width: 160px;
	height: 16px;
	padding-top: 2px;
	margin-top: 8px;
}
div#newsletter form { 
	position: relative;
	margin: 0px;
	margin-top: 4px;
	padding: 0px;
}
div#newsletter .blabol {
	padding: 0px 10px 0px 50px;
	background: url(img/design/blabol.gif) no-repeat;
	
}
div#newsletter input.button {
	width: 55px;
	height: 26px;
	margin-top: 8px;
	border: none transparent;
	font-size: 11px;
	background: #007889 url(img/design/btn-login-bg.gif) no-repeat;
	color: #eee;
	cursor: pointer;
}
div#newsletter input.button.active {
	color: #000;
	background: #59A3AE url(img/design/btn-login-bg-active.gif) no-repeat;
}
div#newsletter div.hlaska {
	margin: 5px 0px 10px 0px;
	background: url(modul/all4shop/img/alert2.gif) 5px 3px no-repeat;
	width: 135px;
	padding-left: 32px; 
	padding-top: 5px;
	padding-bottom: 5px;
	color: #6B6B6B;
	font-weight: bold;
	border: 1px red solid; 
	background-color: White;
}
/* ---------------------------------- (Newsletter) --------------------------------------------- */
/* ---------------------------------- main --------------------------------------------- */
div#main {
	position: relative;
	overflow: hidden;
	float: left;
	width: 454px;
	margin-right: 20px;
}
#main input.textboxSmall,
#main input.textbox {
	background: #fff;
	color: #000;
	border: 2px solid #777;
}
#main textarea {
	border: 2px solid #777;
}
div#main .banner {
	position: relative;
	width: 456px;
	overflow: hidden;
	text-align: center;
}
h1.main-title {
	position: absolute;
	left: 40px;
	top: 160px;
}
div#main h1 {
	width: 430px;
	height: 48px;
	line-height: 48px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 26px;
	color: #000;
	font-size: 13px;
	font-family: arial;
	background: #c7db00 url(img/design/h1-bg.gif) no-repeat;
	font-weight: bold;
}
div#main h1.inbox {
	height: 29px;
	line-height: 29px;
	color: #C2E215;
	background: #1e1e1e url(img/design/kosikH1inbox.jpg) no-repeat;
}
div#main p.hlaska { 
	margin-top: 15px; 
	margin-left: 15px; 
}
/* ---------------------------------- (main) --------------------------------------------- */
/* ---------------------------------- nastavenie vypisu --------------------------------------------- */
div.nastavenie-vypisu {
	position: relative;
	width: 428px;
	height: 26px;
	padding: 16px 14px 0px 14px;
	font-size: 11px;
	text-align: right;
	background: #1E1E1E url(img/design/nast_vyp.gif) no-repeat;
	color: #eee;
}
div.nastavenie-vypisu a {
	color: #eee;
	text-decoration: underline;
}
div.nastavenie-vypisu a:hover {
	text-decoration: none;
}
div.nastavenie-vypisu a.active {
	font-weight: bold;
	text-decoration: none;
}
div.nastavenie-vypisu .label {
	display: block;
	float: left;
}
div.nastavenie-vypisu .sepa {
	padding-right: 4px;
	border-left: 1px solid #474747;
}
div.nastavenie-vypisu a.zobraz-obrazok {
	display: block;
	float: left;
	padding-left: 6px;
	/*
	background: url(img/design/zobraz-obrazok.gif) 0px 1px no-repeat;
	*/
	height: 16px;
	line-height: 16px;
	margin-right: 5px;
}
div.nastavenie-vypisu a.zobraz-tabulku {
	display: block;
	float: left;
	padding-left: 8px;
	/*
	background: url(img/design/zobraz-tabulka.gif) 0px 1px no-repeat;
	*/
	height: 16px;
	line-height: 16px;
	border-left: 1px solid #474747;
}
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 {
	width: 454px;
	padding: 0px;
	text-align: justify;
}
/* ---------------------------------- (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;
}
div#registracny-formular table td.vpravo { 
	width: 180px;
	vertical-align: middle;
}
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 20px 20px 20px;
	font-size: 11px;
	text-align: right;
}
div.strankovanie.after { 
	padding-top: 12px;
	padding-bottom: 38px;
}
div.strankovanie form {
	float: left;
	color: #eee;
}
div.strankovanie form select {
	font-size: 11px;
}
div.strankovanie a.aktivna {
	color: #aaa;
	text-decoration: underline;
}
/* ---------------------------------- (strankovanie) --------------------------------------------- */
/* ---------------------------------- charakteristiky --------------------------------------------- */
table.charakteristiky {
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin: 6px 0px 12px 0px;
	padding: 0px;
}
table.charakteristiky h3 {
	margin: 12px 0px 6px 0px;
	padding: 3px 5px 3px 5px;
	background: #F8F7F0;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 12px;
	color: #222;
}
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: 45%;
	padding: 2px 5px 2px 5px; 
	text-align: right;
	font-weight: bold; 
}
/* ---------------------------------- (charakteristiky) --------------------------------------------- */
/* ---------------------------------- pravy stlpec --------------------------------------------- */
div#pravy-stlpec {
	float: right;
	width: 205px;
	margin-right: 26px;
	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: #222;
}
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: #222;
}
/* ---------------------------------- (nove produkty) --------------------------------------------- */
/* ---------------------------------- moje menu --------------------------------------------- */
div#pravy-stlpec div.moje-menu { 
	padding: 6px 12px 12px 12px;
	color: #222;
	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: 953px;
	height: 94px;
	margin: 0px auto;
	color: #000;
	font-size: 11px;
	background: url(img/design/patabg.jpg) no-repeat;
}
div#pata div.copyright {
	position: absolute;
	bottom: 42px;
	left: 44px;
}
div#pata div.power {
	position: absolute;
	bottom: 42px;
	right: 44px;
}
div#pata div.power a {
	color: #000; 
	text-decoration: underline;
}
div#pata div.power a:hover { 
	text-decoration: none; 
}
/* ---------------------------------- pata --------------------------------------------- */
/* ------------------------------- anketa ---------------------------- */
div.anketa {
	width: 100px;
	padding-left: 17px;
}
div.anketa div.obal {
	position: relative;
	overflow: hidden;
	width: 200px;
	margin-top: 3px; 
	padding-left: 14px;
	padding-top: 18px;
	padding-bottom: 8px;
	border: none;
}
div.anketa a.graf {
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	width: 155px;
	height: 10px;
	margin-bottom: 4px;
	background: #897874;
}
div.anketa span.perc { 
	display: block;
	float: left;
	font-size: 9px;
	padding-left: 6px;
	color: #878787;
}
div.anketa span { 
	display: block; 
}
div.anketa a.odkaz { 
	float: left;
	clear: both;
	display: block;
	padding-bottom: 3px;
	text-decoration: none; 
	font-size: 11px;
}
div.anketa a.odkaz:hover { 
	text-decoration: underline; 
}
div.anketa div.detaily {
	width: 169px;
	margin: -5px 12px 10px 12px;
	padding: 2px 0px 12px 0px;
}
div.anketa img { 
	display: block;
	border: none;
	border-right: 2px solid #a8f4d2;
	margin: 0px;
}
div.anketa div.otazka { 
	position: relative;
	z-index: 90;
	width: 169px;
	margin: 0px 12px -15px 12px;
	padding: 6px 0px 6px 0px;
}
div.anketa .perc { 
	display: inline;
	font-size: 9px;
}
/* ------------------------------- (anketa) ---------------------------- */
/* ------------------------------- zlozky kategorii ---------------------------- */
.nahlady {
	width: 400px;
	padding: 16px 0px 0px 32px;
}
div.kategoriaVypisNahlady {
	float: left;
	position: relative;
	width: 145px;
	height: 150px;
	margin: 0px 40px 20px 0px;
}
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 ----------------------------- */
.formular {
	
}
.formular.pred {
	margin-bottom: 24px;
}
.formular.za {
	margin-top: 24px;
}
.formular legend {
	font-size: 16px;
	font-weight: bold;
	color: #aaaaaa;
}
.formular fieldset {
	border: 8px solid #303030;
}
.formular .form-wrapper {
	padding: 12px;
}
.formular table td.left {
	width: 35%;
}
.formular input.textbox {
	width: 140px;
}
.formular input.button {
	margin-top: 8px;
}
/* ------------------------------------ (Formulare) ----------------------------- */
/* ------------------------------- novinky ---------------------------- */
div.novinky {
	position: relative;
	padding-top: 0px;
	width: 199px;
}
div.novinka {
	position: relative;
	/*
	margin: 0px 16px 12px 16px;
	*/
	padding: 20px;
}
div.novinka div {
	text-align: justify;
	line-height: 16px;
}
div.novinka div a {
	text-decoration: underline;
}
div.novinka div a:hover {
	text-decoration: none;
}
.najpredavanejsie .novinka {
	background: url(img/design/naj-separator.gif) 50% 100% no-repeat;
}
.novinka img {
	float: left;
	border: 4px solid #fff;
	margin-right: 10px;
	margin-bottom: 4px;
}
.obsah.novinka-detail img {
	float: left;
	border: 4px solid #f0ebd6;
	margin-right: 10px;
	margin-bottom: 4px;
}
div.novinka a {
	text-decoration: none;
}
div.novinka a.viac {
	color: #DC9E00;
	text-decoration: underline;
	line-height: 20px;
}

div.novinka a.viac:hover { text-decoration: none; }
/* ------------------------------- (novinky) ---------------------------- */
/* ------------------------------- novinky ---------------------------- */
.najpredavanejsie {
	padding-bottom: 20px;
}
.najpredavanejsie .novinka {
	position: relative;
	padding: 20px 0px 0px 22px;
	font-size: 11px;
}
.najpredavanejsie .novinka .obal {
	position: relative;
	width: 142px;
	height: 202px;
	padding: 24px 0px 0px 20px;
	background: #1c1c1c;
}
.najpredavanejsie .novinka .kat {
	position: relative;
	top: 7px;
	width: 123px;
	height: 14px;
}
.najpredavanejsie .novinka img {
	border: none;
}
.najpredavanejsie .novinka a.viac {
	color: #ff9d00;
	text-decoration: underline;
	line-height: 20px;
}

.najpredavanejsie .novinka a.viac:hover {
	text-decoration: none; 
}

.najpredavanejsie .novinka a {
	text-decoration: underline;
}
.najpredavanejsie .novinka a:hover {
	text-decoration: none;
}
.najpredavanejsie .novinka a.nazov {
	display: block;
	color: #0895de;
}
.najpredavanejsie .novinka a.obr {
	position: relative;
	overflow: hidden;
	display: block;
	width: 123px;
	height: 154px;
	margin-left: -5px;
	padding: 5px;
	background: #202020;
	border: 1px solid #1A1A1A;
}
.najpredavanejsie .novinka a.obr:hover {
	background: #00ACBF;
}
.najpredavanejsie .novinka .price-bar {
	position: absolute;
	left: 20px;
	bottom: 0px;
	padding: 12px 0px 12px 0px;
}
.najpredavanejsie .novinka .price-bar .prim,
.najpredavanejsie .novinka .price-bar .sec {
	color: #e35100;
	font-weight: bold;
	font-size: 12px;
}
.najpredavanejsie .novinka .price-bar .sec {
	font-weight: normal;
	font-size: 11px;
}
.najpredavanejsie .novinka .price-bar .old {
	display: block;
	font-size: 9px;
	color: #777;
	text-decoration: line-through;
}
/* ------------------------------- (novinky) ---------------------------- */
table.tabulka_varianty {
	font-size: 10px;
	border-collapse: collapse;
}
table.tabulka_varianty th {
	margin-bottom: 6px;
	padding: 8px 7px 8px 7px;
	color: #848279;
}

table.tabulka_varianty tr.vari {
	background: none transparent;
}
table.tabulka_varianty tr.vari.even {
	background: #f2f1e5;
}

table.tabulka_varianty td {
	border-bottom: 1px #EFEFEF solid;
	text-align: center;
	padding: 4px 0px 4px 0px;
	vertical-align: middle;
}
table.tabulka_varianty td.obrazok {
	width: 50px;
	height: 60px;
	padding: 0px 8px 0px 20px;
	text-align: right;
}

table.tabulka_varianty td span.cena {
	font-size: 11px;
}
#main table.tabulka_varianty input.countBox {
	float: right;
}
#main table.tabulka_varianty .count {
	float: right;
	padding: 3px 6px 0px 4px;
}
#main table.tabulka_varianty a.kosik {
	float: right;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin-top: -4px;
	margin-right: 20px;
	_margin-right: 10px;
	background: url(img/design/btn_kosik.gif) no-repeat;
}
#main table.tabulka_varianty a.kosik:hover {
	background: url(img/design/btn_kosik_h.gif) no-repeat;
	cursor: pointer;
}
/* ------------------------------------- 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;
}
/* HODNOTENIE */
.hodnotenie {
	position: absolute;
	overflow: hidden;
	bottom: 32px;
	width: 146px;
	height: 27px;
	padding: 0px 11px 0px 14px;
	line-height: 27px;
	font-size: 11px;
	font-family: tahoma;
	background: #1d1d1d url(img/design/hodnotenie.gif) no-repeat;
}
#main .hodnotenie .note,
#main .produkt-nahlad .obal .detail .hodnotenie .note {
	position: absolute;
	top: 8px;
	padding: 0px;
	line-height: 11px;
}
.produkt-nahlad .hodnotenie {
	position: relative;
	left: 8px;
	top: 6px;
	bottom: auto;
}
.star {
	position: relative;
	top: 8px;
	overflow: hidden;
	float: right;
	display: block;
	width: 14px;
	height: 13px;
	margin-left: 3px;
	background: #515151 url(img/design/star.gif) no-repeat;
}
.star.on {
	background: #515151 url(img/design/star-on.gif) no-repeat;
}
#boxPridat .star {
	float: left;
	top: auto;
}
input.radio {
	margin-top: 2px;
	*margin-top: 0px;
}
input.radio,
#boxPridat label {
	cursor: pointer;
}
#boxPridat table {
	position: relative;
	width: 300px;
	margin: 0px auto;
	border-collapse: collapse;
}
#boxPridat table td {
	text-align: left;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
}
#boxPridat label {
	position: relative;
	display: block;
	width: 90px;
	height: 13px;
}
#boxPridat input.textbox,
#boxPridat textarea {
	width: 160px;
	margin-left: 12px;
}
#boxPridat textarea {
	height: 80px;
}
#boxPridat td.button-box {
	padding-top: 12px;
	text-align: center;
}
.hodnotenie-box {
	position: relative;
	width: 386px;
	margin-bottom: 16px;
	padding: 0px 8px 0px 8px;
	border-bottom: 4px solid #303030;
}
.hodnotenie-box .box-left {
	float: left;
	width: 140px;
	height: 60px;
}
.hodnotenie-box .box-right {
	position: relative;
	overflow: hidden;
	width: 245px;
	float: left;
}
.hodnotenie-box .hnote {
	position: absolute;
	top: 38px;
	left: 10px;
	width: 90px;
	height: 13px;
	font-size: 10px;
	color: #7F7F7F;
}
.hodnotenie-box .title {
	font-size: 11px;
	font-weight: bold;
}
.hodnotenie-box .box-right .title {
	line-height: 18px;
	font-size: 12px;
	color: #C2E215;
}
.hodnotenie-box .box-right p {
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
	padding: 6px 0px 12px 0px;
}
.hodnotenie-box .title span {
	font-size: 10px;
	color: #7F7F7F;
}
.hodnotenie-box .stars {
	position: absolute;
	top: 20px;
	left: 8px;
	width: 90px;
	height: 13px;
}
.hodnotenie-box .stars .star {
	float: left;
	top: auto;
	margin-left: 0px;
	margin-right: 3px;
}
/* (HODNOTENIE) */