html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	padding-bottom: 40px;
	background: url(img/design/bg.jpg);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* ------------------------------------------- Vseobecne ------------------------------------------- */
h3 {
	font-size: 14px;
}
h2 {
	margin: 0px;
	font-size: 16px;
	color: #222;
}
.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: #008DB3; 
	text-decoration: none; 
}
a:hover {
	text-decoration: underline; 
}
a.img-border img { 
	border: 1px #f6f6f6 solid; 
}
textarea.px314 {
	width: 314px;
	height: 80px;
}
td.left {
	text-align: right;
}
textarea {
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #fff;
	color: #222;
}
select.select {
	font-size: 12px;
}
input.textboxSmall {
	width: 40px;
	height: 14px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #fff;
	color: #222;
}
input.textbox {
	width: 167px;
	height: 18px;
	padding: 3px 5px;
	font-size: 12px;
	background: url(img/design/inputTextBg.gif) no-repeat;
	color: #626262;
	border: none;
}
input.button {
	padding: 2px 4px 2px 4px;
	border: 1px solid #786D0C;
	font-size: 12px;
	background-color: #B09935;
	color: #fff;
	cursor: pointer;
}
input.button.active {
	background-color: #927910;
}
/* ------------------------------------------- (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: 952px;
	margin: 0 auto;
	background: transparent;
	overflow: hidden;
	position: relative;
}
/* ---------------------------------- (Obal) --------------------------------------------- */
/* ------------------------------- 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) ---------------------------- */
/* ---------------------------------- Box  --------------------------------------------- */
h1.box, h2.box{
	height: 41px;
	line-height: 38px;
	padding: 0px;
	margin: 0px;
	padding-left: 35px;
	overflow: hidden;
	background: url(img/design/nadpisBg.gif) no-repeat;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}
.boxCiara{
	position: relative;
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	background: url(img/design/box-spodokCiara.gif) no-repeat 0px 0px;
	margin-bottom: 10px;
}
.boxCiaraBiela{
	position: relative;
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	background: url(img/design/box-spodokCiaraBiela.gif) no-repeat 0px 0px;
	margin-bottom: 10px;
}
/* ----------------------------------(Box) --------------------------------------------- */
/* ---------------------------------- Hlavicka --------------------------------------------- */
div#vrchna-ciara{
	width: 100%;
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	background: #bfb12c;
}
div#hlavicka{
	position: relative;
	width: 951px;
	height: 330px;
	margin-bottom: 7px;
	overflow: hidden;
	
}
div#hlavicka div.vrch{
	position: relative;
	height: 111px;
	width: 951px;
	background: url(img/design/hlavickaBg.png) no-repeat;
}
* html div#hlavicka div.vrch {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/hlavickaBg.png", sizingMethod="image"); 
}
div#hlavicka div.menu{
	position: relative;
	overflow: hidden;
	width: 951px;
	height: 51px;
	background: url(img/design/menuBg.jpg) no-repeat;
} 
div#hlavicka div.flash{
	position: relative;
	overflow: hidden;
	margin-top: 7px;
	width: 951px;
	height: 160px;
	background: url(img/design/flash.jpg) no-repeat;
}
div#hlavicka div.kosik{
	position: absolute;
	top: 32px;
	left: 570px;
}
div#hlavicka div.kosik div{
	position: relative;
	padding-top: 12px;
	padding-left: 50px;
}
div#hlavicka div.kosik a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 12px;
	padding-left: 50px;
	padding-bottom: 16px;
	height: 25px;
	width: 127px;
	color: #a6a7a8;
	z-index: 100;
	font-size: 12px;
	font-weight: normal;
}
div#hlavicka div.kosik span {
	display: block;
	color: #9f9013;
	font-size: 14px;
	font-weight: bold;
	z-index: 50;
}
div#hlavicka div.plny a {
	color: #ffffff;
}
div#hlavicka div.plny span {
	color: #CBB715;
}
div#hlavicka div.kosik a:hover span {
	text-decoration: none;
}
div#hlavicka div.hotmail{
	position: absolute;
	top: 44px;
	left: 464px;
	color: #9f9013;
	font-size: 14px;
	font-weight: bold;
}
div#hlavicka div.hotmail span{
	color: #a6a7a8;
	font-size: 12px;
	font-weight: normal;
}

div#hlavicka div.jazykmenu{
	position: absolute;
	top: 32px;
	left: 234px;
	width: 130px;
	height: 34px;
	padding: 10px 16px 10px 16px;
	overflow: hidden;
	background: url(img/design/jazykmenuBg.png);
	color: #9f9013;
	font-size: 14px;
	font-weight: bold;
}
* html div#hlavicka div.jazykmenu{
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/jazykmenuBg.png", sizingMethod="image"); 
}
div#hlavicka a.logoklik{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 178px;
	height: 111px;
	background: url(img/design/logoklikBg.png) no-repeat;
}
* html div#hlavicka a.logoklik{
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/logoklikBg.png", sizingMethod="image"); 
}
div#hlavicka div.jazykmenu ul{
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div#hlavicka div.jazykmenu ul li{
	float: left;
	padding-left: 5px;
}
div#hlavicka div.jazykmenu ul li a{
	cursor: pointer;
	border: 1px solid #80733a;
	width: 20px;
	height: 13px;
	position: relative;
}
div#hlavicka div.jazykmenu ul li span.ikonkaLang{
	position: absolute;
	top: -3px;
}
/* ---------------------------------- (Hlavicka) --------------------------------------------- */
/* ---------------------------------- Main --------------------------------------------- */
div#obal .diamanty{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 98px;
	width: 206px; 
	background: url(img/design/diamanty.png) no-repeat;
}
* html div#obal .diamanty{
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/diamanty.png", sizingMethod="image"); 
}
div#obal .prsten{
	position: absolute;
	left: 32px;
	bottom: 0px;
	height: 130px;
	width: 140px;
	background: url(img/design/prsten.png) no-repeat;
}
* html div#obal .prsten{
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/prsten.png", sizingMethod="image"); 
}
div#lavy-stlpec{
	position: relative;
	float: left;
	width: 216px;	
	margin-bottom: 130px;
	overflow: hidden;
}
div#obsah{
	float: left;
	width: 507px;
	margin-left: 6px;
	*margin-left: 3px;
	overflow: hidden;
	position: relative;
}
div#obsah .box{
	background: url(img/design/obsabBoxBg.gif) repeat-y ;
	padding: 3px;
	margin: 0px;
	line-height: 16px;
	text-align: justify;
	overflow: hidden;
}
div#obsah .endbox{
	width: 100%;
	height: 12px;
	background: url(img/design/obsabBoxCiara.gif) no-repeat;
	margin-bottom: 10px;
}
div#obsah h1{
	height: 41px;
	line-height: 38px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background: url(img/design/obsahH1.gif) no-repeat 0px 38px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}
div#obsah h1 span.lavy{
	display: block;
	float: left;
	width: 12px;
	height: 38px;
	background: url(img/design/obsahH1-lavy.gif) no-repeat;
}
div#obsah h1 span.stredny{
	display: block;
	float: left;
	height: 38px;
	padding: 0px 10px;
	background: url(img/design/obsahH1-stred.gif) repeat-x;
}
div#obsah h1 span.stredny a{
	color: #fff;
}
div#obsah h1 span.stredny img{	
	margin: 0px 10px;
}
div#obsah h1 span.pravy{
	display: block;
	float: left;
	width: 24px;
	height: 38px;
	background: url(img/design/obsahH1-pravy.gif) repeat-x;
}
div#pravy-stlpec{
	position: relative;
	float: left;
	width: 217px;
	margin-left: 6px;
	*margin-left: 3px;
	margin-bottom: 130px;
	overflow: hidden;
}
div#obsah .stranka{
	padding: 20px;
}
/* --------------- produkt ---------------- */
.produkty-obal{
	width: 501px;
	overflow: hidden;
}
.produkt{
	position: relative;
	float: left;
	width: 249px;
	height: 217px;
	overflow: hidden;
}
.border-bottom{
	border-bottom: 1px solid #bcb04c;
	border-right: 2px solid #dcd5a0;
}
.border-bottom-no-right{
	border-bottom: 1px solid #bcb04c;
}
.border{
	border-right: 2px solid #dcd5a0;
}
.produkt .obrazokObal{
	margin: 0 auto;
	margin-top: 5px;
	width: 120px;
	height: 90px;
}
.produkt .old_price{
	text-decoration: line-through;
}
.produkt .bar{
	text-align: center;
	line-height: 18px;
	height: 54px;
	overflow: hidden;
}
.produkt .rozdiel{
	color: #8d822a;
	font-size: 11px;
	font-weight: bold;
}
.produkt .oldprice{
	color: #051826;
	font-size: 11px;
}
.produkt span.cena{
	color: #051826;
	font-weight: bold;
	font-size: 12px;
}
.produkt .buttons a.detail{
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	width: 99px;
	height: 29px;
	line-height: 29px;
	background: url(img/design/detailButBg.gif) no-repeat;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
.produkt .buttons a.detail:hover{
	background: url(img/design/detailButBgHover.gif) no-repeat;
	text-decoration: none;
}
#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: 0px;
	border-bottom: 0px;
	border-top: 1px #C8C8C8 solid;
}
div.produkt-tabulka strike {
	color: #222;
}
div.produkt-tabulka table {
	width: 100%;
	border-collapse: collapse;
}
div.produkt-tabulka table td.obrazok a{
	display: block;
	border: 1px solid #f3f3f3;
	margin: 3px;
}
div.produkt-tabulka table td.obrazok a:hover{
	border: 4px solid #D0BB5C;
	margin: 0px;
}
div.produkt-tabulka table td { 
	padding: 3px; 
	padding-right: 10px;
	border-bottom: 1px #C8C8C8 solid; 
}
div.produkt-tabulka table table { 
	width: auto; 
}
div.produkt-tabulka table .oldprice{
	text-decoration: line-through;
}
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 { 
	font-size: 12px; 
	color: #786D0D;
	font-weight: bold;
}
div.produkt-tabulka span.secmena { 
	font-size: 12px; 
	color: #786D0D;
}
div.produkt-tabulka table th {
	background: #D6D6D6;
	color: #222;
	border-bottom: 1px #C8C8C8 solid;
}
div.produkt div.produkt-tabulka {
	width: 480px;
}
div.tell-a-friend{
	position: relative;
	top: -30px;
	width: 390px;
	margin-left: 39px;
	background:  #f7f7f7;
}
div.tell-a-friend .top{
	width: 390px;
	height: 17px;
	background: url(img/design/tell-a-friendTopBg.jpg) no-repeat; 
}
div.tell-a-friend .bottom{
	width: 390px;
	height: 16px;
	background: url(img/design/tell-a-friendBottom.jpg) no-repeat;
}
div.tell-a-friend a.close{
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 21px;
	height: 21px;
	background: url(img/design/close.gif) no-repeat;
}
/* ---------------(produkt)---------------- */
div.hierarchia{
	padding: 8px 0px 0px 12px;
}
div.hierarchia a{
	margin-right: 6px;
}
div.hierarchia img{
	margin-right: 6px;
}
/* --------------- detail ---------------- */
div.detail{
	padding: 10px;
	overflow: hidden;
}
div#obsah div.detail h1{
	background: none;
	color: #8d822a;
	font-size: 18px;
	height: auto;
	text-align: left;
	overflow: visible;
	line-height: 22px;
	padding-bottom: 3px;
}
div.detail a.gal img{
	margin: 5px;
}
div.detail .obrazokObal .big{
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
div.detail .dleft{
	position: relative;
	float: left;
	width: 240px;
	overflow: hidden;
}
div.detail .dright{
	position: relative;
	float: left;
	width: 240px;
	overflow: hidden;
}
div.detail .dright .nazov_kat{
	font-size: 11px;
	color: #051826;
}
div.detail .dright .rozdiel{
	color: #8d822a;
	font-size: 11px;
	font-weight: bold;
}
div.detail .dright .oldprice{
	color: #051826;
	font-size: 11px;
}
div.detail .dright span.cena{
	color: #051826;
	font-weight: bold;
	font-size: 12px;
}
div.detail .dright span.akaCena{
	display: block;
	float: left;
	width: 70px;
	overflow: hidden;
}
div.detail .dright span.Pcena{
	display: block;
	float: left;
	width: 85px;
	overflow: hidden;
}

div.detail .dright .kosik{
	position: relative;
	margin-top: 15px;
	height: 30px;
	overflow: hidden;
}
div.detail .dright .kosik div{
	float: left;
	width: 25px;
	line-height: 29px;
	padding-left: 5px;
	color: #5f5c5c;
	font-size: 12px;
}
div.detail .dright input.button{
	position: absolute;
	left: 75px;
	top: 0px;
	display: block;
	width: 99px;
	height: 29px;
	line-height: 29px;
	padding: 3px 0px 5px 0px;
	*padding: 0px 0px 7px 0px;
	background: url(img/design/detailButBg.gif) no-repeat;
	border: none;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
div.detail .dright input.button.active{
	background: url(img/design/detailButBgHover.gif) no-repeat;
	text-decoration: none;
}
div.detail .dright input.textbox{
	float: left;
	width: 32px;
	height: 19px;
	border: 1px solid #acabab;
	padding: 6px 8px 2px 8px;
	color: #5f5c5c;
	font-size: 12px;
}
div.detail .favorite-box{
	background: url(img/design/detailFavoriteBg.gif) no-repeat;
	width: 189px;
	height: 94px;
	margin-top: 10px;
	padding: 12px 20px 5px 20px;
}
div.detail .favorite-box a{
	display: block;
	line-height: 22px;
	color: #5f5c5c;
	padding-left: 28px;
}
div.detail .favorite-box a.print{
	background: url(img/design/detFavIco1.gif) no-repeat;	
}
div.detail .favorite-box a.odp{
	background: url(img/design/detFavIco2.gif) no-repeat;	
}
div.detail .favorite-box a.fav{
	background: url(img/design/detFavIco3.gif) no-repeat;	
}
div.detail .popis{
	font-size: 12px;
	color: #403e3e;
	line-height: 18px;
	margin-bottom: 15px;
}
div.detail h2{
	margin: 0px;
	padding: 12px 0px;
	font-size: 14px;
	color: #403e3e;
}
div.detail h2.inbox{
	height: 55px;
	line-height:  55px;
	padding: 0px;
	padding-left: 15px;
	background: #b7cad6;
	color: #0c293e;
}
.tabulka_varianty{
	border-collapse: collapse;
}
.tabulka_varianty tr{
	height: 55px;
	border-bottom: 1px solid #fff;
	background: #eef0f1;
	color: #0c293e;
}
.tabulka_varianty td.obr{
	width: 75px;
}
.tabulka_varianty .obr{
	margin: 2px 4px 0px 4px;
}
.tabulka_varianty td.price{
	width: 170px;
	padding-right: 10px;
}
.tabulka_varianty .kosik a{
	float: right;
	display: block;
	width: 99px;
	height: 29px;
	line-height: 29px;
	background: url(img/design/detailButBg.gif) no-repeat;
	border: none;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.tabulka_varianty .kosik a:hover{
	background: url(img/design/detailButBgHover.gif) no-repeat;
	text-decoration: none;
}
.tabulka_varianty .kosik input.textbox{
	float: left;
	width: 32px;
	height: 19px;
	border: 1px solid #acabab;
	padding: 6px 8px 2px 8px;
	color: #5f5c5c;
	font-size: 12px;
}
.tabulka_varianty .kosik span{
	float: left;
	line-height: 29px;
}
/* ---------------(detail)---------------- */
/* --------------- produktova rada ---------------- */
.prod-rada .produkt{
	width: 239px;
	border-color: #b7cad6;
}
.prod-rada .border{
	border-right: 1px solid #b7cad6;
}
/* ---------------(produktova rada)---------------- */
/* --------------- Prezerane ---------------- */
table.prezerane td.obr{
	width: 80px;
	text-align: center;
} 
table.prezerane span.nadpis a{
	font-weight: bold;
	color: #051826;
}
/* ---------------(Prezerane)---------------- */
/* ----------------------------------(Main) --------------------------------------------- */
/* ---------------------------------- Menu --------------------------------------------- */
div.menu ul{
	float: left;
	width: 676px;
	height: 51px;
	margin: 0px;
	padding: 1px 10px 0px 10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div.menu li{
	float: left;
	display: block;
	height: 51px;
}
div.menu li.ciara{
	width: 2px;
	height: 51px;
	margin: 0px;
	padding: 0px;
	background: url(img/design/menuCiarka.gif) no-repeat;
	font-size: 0px;
}
div.menu li a{
	float: left;
	display: block;
	height: 51px;
	line-height: 51px;
	padding: 0px 10px;
	color: #fff;
	text-decoration: none;
}
div.menu li a:hover{
	text-decoration: underline;
}
div.menu li a.active{
	background: url(img/design/menu-activeBg.gif) repeat-x;
	text-decoration: underline;
}
div.search {
	position: relative;
	float: left;
	margin: 13px 0px 0px 10px; 
}
div.search input.textbox{
	position: absolute;
	width: 196px;
	top: 0px;
	left: 0px;
	background: url(img/design/searchInputTextBg.gif) repeat-x;
	border: 1px solid #a89a35;
}
div.search input.button{
	position: absolute;
	top: 0px;
	left: 198px;
	width: 36px;
	height: 26px;
	background: url(img/design/searchButBg.gif) no-repeat;
	border: none;
}
div.search input.active{
	background: url(img/design/searchButBgActive.gif) no-repeat;
}

/* ----------------------------------(Menu)--------------------------------------------- */
/* ---------------------------------- Lavy-stlpec --------------------------------------------- */
.box{
	position: relative;
	padding: 0px 3px 0px 3px;
	background: url(img/design/boxBg.gif) repeat-y;
	overflow: hidden;
	*overflow: visible;
}
/* ----------- Kategorie -----------*/
.tovarKategorie ul#kategorie{
	width: 204px;
	position: relative;
	margin: 0px;
	padding: 3px;
	overflow: hidden;
}
ul#kategorie li{
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	background: url(img/design/katLiBg.gif) no-repeat;
}
ul#kategorie li.hlbsie{
	background: #CAD8E1 url(img/design/katLiHlbsiaBg.gif) no-repeat;
}
ul#kategorie li.top-aktivna{
	background: url(img/design/katLi-topAktivna.gif) no-repeat;
	font-weight: bold;
}
ul#kategorie li.top-aktivna-priamo,ul#kategorie li.aktivna{
	background: #6E9EBC url(img/design/katLi-topAktivnaPriamo.gif) no-repeat;
	font-weight: bold;
}
ul#kategorie li.ciara{
	width: 100%;
	height: 1px;
	line-height: 0px;
	background: url(img/design/kategorieCiara.gif) no-repeat;
	font-size: 0px;
}
ul#kategorie li.hlbsieciara{
	width: 100%;
	height: 1px;
	line-height: 0px;
	background: url(img/design/kategorieCiaraHlbsia.gif) no-repeat;
	font-size: 0px;
}

ul#kategorie li a{
	display: block;
	padding-left: 30px;
	text-decoration: none;
	color: #051826;
}
ul#kategorie li a:hover{
	text-decoration: underline;
	background: #9cbcd0 url(img/design/katLiHover.gif) no-repeat;
}
ul#kategorie li.top-aktivna a:hover,ul#kategorie li.top-aktivna-priamo a:hover,ul#kategorie li.aktivna a:hover{
	background: none;	
}
.kategoriaPopis {
	padding: 20px;
}
.katNahlady{
	width: 490px;
	margin: 0 auto;
	padding-top: 20px;
}
.kategoriaVypisNahlady span.nadpis a{
	color: #967D15;
}
/* -----------(Kategorie)-----------*/
/* ----------- Novinky -----------*/
div.novinka h3{
	margin: 0px;
	padding: 5px 0px 10px 0px;
	font-size: 12px;
	color: #051826;
}
div#novinky div.novinka{
	padding: 5px 15px;
	text-align: justify;
	font-size: 11px;
}
div.novinky div.boxBottom{
	margin-top: 15px;
	margin-left: 3px;
	padding-right: 15px;
	padding-top: 5px;
	background: url(img/design/kategorieCiaraHlbsia.gif) no-repeat;
	text-align: right;
	font-size: 12px;
}
div.novinka a{
	color: #051826;
	text-decoration: none;
}
div.novinka a:hover{
	text-decoration: underline;
}
/* -----------(Novinky)-----------*/
/* ----------- Nove produkty-----------*/
div.najnovsie{
	position: relative;
	overflow: hidden;
	background: #fff url(img/design/boxNajnovsieProduktyBg.gif) repeat-y; 
}
div.najnovsie .produkty-obal{
	width: 210px;
	overflow: hidden;
} 
div.najnovsie .produkt{
	width: 190px;
	height: 160px;
	border: none;
	padding: 0px 10px;
}
div.najnovsie .box{
	background: none;
	width: 210px;
	padding: 0px;
}
div.najnovsie .oldprice{
	text-decoration: line-through;
}
div.najnovsie h1{
	display: none;
}
div.najnovsie div.buttons{
	display: none;
}
/* -----------(Nove produkty)-----------*/
/* ----------------------------------(Lavy-stlpec) --------------------------------------------- */
/* ---------------------------------- Pravy-stlpec --------------------------------------------- */
/* ----------- prihlasenie -----------*/
div.box div.prihlasenie{
	padding: 17px;
}
div.prihlasenie span{
	display: block;
	line-height: 20px;
	font-size: 12px;
}
div.prihlasenie input{
	margin-bottom: 5px;
}
div.prihlasenie input.button{
	width: 89px;
	height: 33px;
	background: url(img/design/loginButton.gif) no-repeat;
	border: none;
	font-size: 12px;
}
div.prihlasenie input.button.active{
	background: url(img/design/loginButtonActive.gif) no-repeat;
}
div.prihlasenie a{
	padding-left: 20px;
	line-height: 18px;
	background: url(img/design/loginSipka.gif) no-repeat;
	color: #051826;
}
div.prihlasenie .uzivatel{
	margin-bottom: 5px;
}
div.box div.prihlas{
	padding: 17px;
}
div.prihlas span{
	display: block;
	line-height: 20px;
	font-size: 12px;
}
div.prihlas input{
	margin-bottom: 5px;
}
div.prihlas input.button{
	width: 89px;
	height: 33px;
	background: url(img/design/loginButton.gif) no-repeat;
	border: none;
	font-size: 12px;
}
div.prihlas input.button.active{
	background: url(img/design/loginButtonActive.gif) no-repeat;
}
div.prihlas .uzivatel{
	margin-bottom: 5px;
}
/* -----------(prihlasenie)-----------*/
/* ----------- newsletter -----------*/
div.box div.newsletter{
	padding: 12px 15px;
}
div.newsletter input.button{
	width: 89px;
	height: 33px;
	margin-top: 7px;
	background: url(img/design/loginButton.gif) no-repeat;
	border: none;
	font-size: 12px;
}
div.newsletter input.button.active{
	background: url(img/design/loginButtonActive.gif) no-repeat;
}
/* -----------(newsletter)-----------*/
/* ----------- odporucame -----------*/
div#pravy-stlpec div.odporucame img{
	display: block;
	margin: 0 auto;
	border: 3px solid #b7a03d;
}
div#pravy-stlpec div.odporucame a{
	display: block;
	padding-top: 10px;
}
div#pravy-stlpec .bannery a{
	display: block;
	text-align: center;
}
div#pravy-stlpec .bannery a img{
	margin: 0 auto;
	margin-top: 6px;
}
/* -----------(odporucame)-----------*/
/* ----------------------------------(Pravy-stlpec) --------------------------------------------- */
/* ---------------------------------- Pata --------------------------------------------- */
div#pata{
	width: 951px;
	height: 47px;
	clear: both;
	background: url(img/design/pata.png) no-repeat;
	color: #999;
	position: relative;
	margin: 0 auto;
}
* html div#pata {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/pata.png", sizingMethod="image"); 
}
div#pata a{
	color: #999;
	font-weight: bold;
}
div#pata .copy{
	position: absolute;	
	left: 0px;
	top: 0px;
	line-height: 47px;
	padding-left: 20px;
}
div#pata .power{
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 47px;
	padding-right: 20px;
}

/* ----------------------------------(Pata) --------------------------------------------- */
/* ---------------------------------- Vyhladavanie --------------------------------------------- */
div#vyhladavanie {
	position: relative;
}
div#vyhladavanie form { 
	display: inline; 
}
div#vyhladavanie span {
	float: left;
	display: block;
	padding: 7px 0px 0px 10px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}
div#vyhladavanie input.textbox {
	float: left;
	width: 101px;
	height: 13px;
	margin-left: 6px;
	margin-top: 8px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	background: #b3e7f5;
	color: #000;
	border: 1px solid #fff;
}
div#vyhladavanie input.button {
	float: left;
	position: relative;
	top: 2px;
	left: 2px;
	width: 33px;
	height: 26px;
	background: url(img/design/btnGo.gif) no-repeat;
	border: none;
	cursor: pointer;
}
div#vyhladavanie input.button.active {
	background: url(img/design/btnGoActive.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: #000;
}
table.kosik {
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	color: #444;
}

table.kosik th { 
	padding: 5px;
	text-align: right; 
	border-bottom: 1px #E3E3E3 solid;
	background-color: #F6F6F6;
}
table.kosik td {
	border-bottom: 1px #E3E3E3 solid;
	padding: 5px;
	text-align: right;
}
table.kosik a { 
	color: #008DB3; 
	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;
	padding: 0px 10px 20px 10px;
}
div#all4shop-kosik h1{
	color: #000;
	font-weight: bold;
}
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 #DFDFDF;
	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: #929292;
	background-color: #E9E9E9;
	background-image: url(img/design/tab-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-right: 1px solid #DFDFDF;
	text-align: center;
}
.tabPlusTabula ul.tab li.tab a:hover {
	background-position: 0px -21px;
	color: #525252;
}
.tabPlusTabula ul.tab li.tab_h a {
	margin-top: 0px;
	padding: 6px 20px 6px 20px;
	color: #525252;
	background: #f6f6f6 url(img/design/tab_h-bg.gif) repeat-x;
	border-right: 1px solid #DFDFDF;
	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: #F9F9F9;
	border: 1px #DFDFDF solid;
	border-top: none;
}
/* -------------------------------------- (Taby) --------------------------------- */
/* ---------------------------------- (Kosik) --------------------------------------------- */

/* ---------------------------------- nastavenie vypisu --------------------------------------------- */
div.nastavenie-vypisu {
	position: relative;
	height: 17px;
	width: 472px;
	_width: 470px;
	margin-left: 2px;
	padding: 5px;
	padding-left: 9px;
	font-size: 11px;
	text-align: right;
	color: #444;
}
div.nastavenie-vypisu a {
	color: #444;
	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 a.zobraz-obrazok {
	display: block;
	float: left;
	padding-left: 25px;
	background: url(img/design/zobraz-obrazok.gif) 0px 1px no-repeat;
	height: 16px;
	line-height: 16px;
	margin-right: 15px;
}
div.nastavenie-vypisu a.zobraz-tabulku {
	display: block;
	float: left;
	padding-left: 25px;
	background: url(img/design/zobraz-tabulka.gif) 0px 1px no-repeat;
	height: 16px;
	line-height: 16px;
}
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.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.formular td.polozka_nazov{
	width: 175px;
	text-align: right;
}
div#registracny-formular { 
	font-size: 11px;
	padding: 0px 15px;
}
div#registracny-formular table td { 
	vertical-align: top; color: #222; 
}
div#registracny-formular table td.vpravo { 
	vertical-align: middle; color: #222; 
}
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 0px 15px;
	text-align: right;
}
div.strankovanie.after { 
	padding-top: 12px;
	padding-bottom: 18px;
}
div.strankovanie form {
	float: left;
	color: #666;
}
div.strankovanie form select {
	font-size: 11px;
}
div.strankovanie a.aktivna {
	color: #aaa;
	text-decoration: underline;
}
/* ---------------------------------- (strankovanie) --------------------------------------------- */
/* ---------------------------------- charakteristiky --------------------------------------------- */
table.charakteristiky {
	width: 400px;
	border: none;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0px;
}
table.charakteristiky td {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	color: #818181;
}
table.charakteristiky td.vpravo { 
	text-align: left; 
	padding: 2px 5px 2px 5px; 
}
table.charakteristiky td.tucne { 
	width: 50%;
	font-weight: bold; 
	padding: 2px 5px 2px 5px; 
}
/* ---------------------------------- (charakteristiky) --------------------------------------------- */
/* ------------------------------- anketa ---------------------------- */
table.anketa {
	width: 185px;
	background: #EEEEEE;
	border-collapse: collapse;
	color: #6b6b6b;
}
div.anketa { 
	text-align: left; 
	width: 183px; 
	padding: 7px;
}
div.anketa span { 
	display: block; 
}
div.anketa a { 
	text-decoration: none; 
	font-weight: bold; 
}
div.anketa a:hover { 
	text-decoration: underline; 
}
div.anketa img { 
	border: 0px; 
	margin-top: 3px; 
	margin-bottom: 3px; 
}
div.anketa .otazka { 
	font-weight: bold; 
	margin-bottom: 7px; 
}
div.anketa .perc { 
	display: inline;
	font-size: 9px;
}
/* ------------------------------- (anketa) ---------------------------- */
/* ------------------------------- formulare ---------------------------- */
div.formularPred,
div.formularZa {
	position: relative;
}
div.formularPred legend,
div.formularZa legend {
	font-weight: bold;
	color: #666;
	font-size: 16px;
}
div.formularPred fieldset,
div.formularZa fieldset {
	color: #222;
	border: 2px solid #f2f2f2;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.formularPred form,
div.formularZa form {
	color: #222;
}
/* ------------------------------- (formulare) ---------------------------- */

/* ----------- flagy --------------*/
span.flag2{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 81px;
	height: 83px;
	background: url(img/design/flag-akcia.png);
}
span.flag4{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 81px;
	height: 83px;
	background: url(img/design/flag-novinka.png);
}
*html span.flag2 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/flag-akcia.png", sizingMethod="image");
}
*html span.flag4 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/flag-novinka.png", sizingMethod="image");
}
/* ----------- flagy --------------*/


div.onlinePlatba {
	padding: 10px;
}

.kalkulacka{
	border:none;
	width:350px;
	height:320px;
	margin-left: 70px;
}

.kalkulacka html body{
	background: none;
}

a.nepodciarkuj_ma:hover{
	text-decoration: none;
}