* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	padding: 0px;
	background: #000 url(img/design/bg.gif);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #deddd2;
}
/* ------------------------------------------- Vseobecne ------------------------------------------- */
legend {
	color: #DEDDD2;
	margin: 0 0 0 10px;
	padding: 0 5px;
	font-size: 18px;
}
h3 {
	font-size: 14px;
}
h2 {
	margin: 0px;
	padding: 3px 5px 3px 5px;
	font-size: 14px;
	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: 3px; 
	margin: 0;
	background-color: #454644;
	color: #fff;
	border: 1px solid #191918;
}
input.button {
	width: 91px;
	height: 30px;
	background: url(img/design/button.gif) no-repeat;
	cursor: pointer;
}
input.button.active {
	background: url(img/design/buttonActive.gif) no-repeat;
}
a { 
	color: #deddd2; 
	text-decoration: none; 
}
a:hover {
	color: #fff;
	text-decoration: underline; 
}
a.img-border img { 
	border: 1px #f6f6f6 solid; 
}
textarea.px314 {
	width: 314px;
	height: 80px;
}
td.left {
	text-align: right;
}
.formular.za {
	padding: 10px;
}

/* ------------------------------------------- (Vseobecne) ------------------------------------------- */
/* ------------------------------------------- Hlasky ------------------------------------------- */
p.hlaska {
	display: block;
	padding: 13px 10px;
	padding-left: 29px; 
	margin: 10px;
	border: 4px solid #520D08;
}
p.error { 
	background: #4B4B4B url(modul/all4shop/img/alert.gif) 10px 12px no-repeat; 
}
p.info { 
	background: #4B4B4B url(modul/all4shop/img/info.gif) 10px 12px no-repeat; 
}
p.info a {
	color: #fff;
	text-decoration: underline;
}
p.success,.ok { 
	background: #4B4B4B url(modul/all4shop/img/success.gif) 10px 12px no-repeat; 
}
.ico_warning {
background: transparent url(modul/all4shop/img/alert.gif) no-repeat scroll 0 0;
height:24px;
overflow:hidden;
padding-left: 25px;

}
.ramik  {
	padding: 20px;
}
/* ------------------------------------------- (Hlasky) ------------------------------------------- */

table.kosik th {
	border-bottom:1px solid #666;
	padding:10px;
	text-align:right;
	background: #313330;
}
table.kosik td {
	padding: 7px 4px;
	padding-right: 10px;
	text-align: right;
}

table.kosik {
	width: 95%;
	margin-left: 15px;
	border-collapse: collapse;
}
/* ---------------------------------- Obal --------------------------------------------- */
#obal {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
/* ---------------------------------- (Obal) --------------------------------------------- */
/* ---------------------------------- Hlavicka --------------------------------------------- */
#hlavicka {
	position: relative;
	height: 264px;
	background: url(img/design/hlava.jpg) no-repeat;
}

.logoklik {
	position: absolute;
	left: -20px;
	bottom: 20px;
	width: 391px;
	height: 225px;
	background: url(img/design/logo.png) no-repeat;
}
* html .logoklik {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/logo.png", sizingMethod="image"); 
}

/* ---------------------------------- kosik --------------------------------------------- */
#nakupny_kosik {
	position: absolute;
	left: 825px;
	bottom: 160px;
	width: 200px;
}

#nakupny_kosik a.nazov {
	display: block;
	margin-bottom: 5px;
}
#nakupny_kosik a.kosik {
	float: left;
	overflow: visible;
	width: 40px;
	height: 40px;
	background: url(img/design/kosik.png) 50% 50% no-repeat ;
}
* html #nakupny_kosik a.kosik {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/kosik.png", sizingMethod="image"); 
}
/* ---------------------------------- (kosik) --------------------------------------------- */
/* ---------------------------------- registracia --------------------------------------------- */
#registracia {
	position: absolute;
	right: 10px;
	top: 30px;
	width: 150px;
	color: #757973;
}
#registracia ul li {
	float: left;
	overflow: hidden;
	padding: 3px;
}
#registracny-formular {
	padding: 25px;	
}

/* ---------------------------------- (registracia) --------------------------------------------- */

/* ---------------------------------- (Hlavicka) --------------------------------------------- */


/* ---------------------------------- hlavnemenu --------------------------------------------- */
#hlavneMenu {
float:  left;
 width: 665px;
 height: 78px;
 line-height: 78px;	
 background: url(img/design/menuBg.jpg) no-repeat;
 padding-left: 50px;
}
#hlavneMenu ul li {
	float: left;
	overflow: hidden;
	padding: 0 10px;
}
#hlavneMenu ul li a {
	display: block;
	font-family: "Tahoma";
	font-size: 15px;
	font-weight: bold;
}
/* ---------------------------------- (hlavnemenu) --------------------------------------------- */

/* ---------------------------------- vyhladavanie --------------------------------------------- */
#vyhladavanie {
	position: relative;
	float: left;
	width: 278px;
	height: 75px;
	background: url(img/design/searchbg.jpg) no-repeat;
}


#vyhladavanie .textbox {
	position: relative;
	top: 19px;
	left: 25px;
	width: 150px;
	padding-left: 15px;
	background: none transparent;
	border: none transparent;
	color: #b3b19e;
	font-size: 11px;
}
#vyhladavanie .button {
	position: relative;
	left: 45px;
	top: 20px;
	width: 35px;
	height: 35px;
	background: none transparent;
	border: none;
	cursor: pointer;
}

/* ---------------------------------- (vyhladavanie) --------------------------------------------- */


/* ---------------------------------- Obsah --------------------------------------------- */
#obsah {
	position: relative;
	left: 15px;
	padding-top: 15px;
}
/* ---------------------------------- (Obsah)--------------------------------------------- */
/* ---------------------------------- Main --------------------------------------------- */
#main {
	position: relative;
	overflow: hidden;
	float: left;
	width: 698px;
	font-family: Tahoma;
	border-left: 1px solid #171817;
	border-right: 1px solid #171817;
}
#main .mainBg {
	height: 27px;
	background: url(img/design/mainSpodBg.gif) no-repeat;
}
#main h1,
#main h3 {
	overflow: hidden;
	width: 698px;
	height: 57px;
	line-height: 57px;
	padding-left: 35px;
	font-size: 14px;
	background: url(img/design/mainH1.gif) no-repeat;
}

#main .obsah {
	padding: 15px 25px;
	line-height: 18px;
}
/* ---------------------------------- (Main) --------------------------------------------- */

/* ---------------------------------- pravy-stlpec --------------------------------------------- */
#pravy-stlpec {
	position: relative;
	overflow: hidden;
	float: left;
	width: 259px;
	margin-right: 15px;
	
}
#pravy-stlpec h2 {
	overflow: hidden;
	width: 230px;
	height: 70px;
	line-height: 60px;
	padding-left: 35px;
	background: url(img/design/lsH2.gif) no-repeat;
}
#pravy-stlpec .bg {
	width: 260px;
	height: 34px;
	margin-bottom: 15px;
	background: url(img/design/lsStlpecBg.gif) no-repeat;
}
#pravy-stlpec .stlpecBox {
	background: url(img/design/lsBG.gif);
	width: 259px;
}

#pravy-stlpec .stlpecBox ul {
	list-style: none;
}
#pravy-stlpec .stlpecBox ul li {
	overflow: hidden;
	width: 257px;
	height: 29px;
	line-height: 29px;
	/*background: url(img/design/sipka.gif) -50px 0 no-repeat;*/

	border-left: 1px solid #1d1e1d;
	border-right: 1px solid #1d1e1d;
}
#pravy-stlpec .stlpecBox ul li a#top-aktivna-priamo,
#pravy-stlpec .stlpecBox ul li a#top-aktivna
 {
	background-color: #252624;
}
#pravy-stlpec .stlpecBox ul li a#top-aktivna-priamo {
	text-decoration: none;
}
#pravy-stlpec .stlpecBox ul li a#aktivna {
	background-color: #3F3F3F;
	text-decoration: none;
}
#pravy-stlpec .stlpecBox ul li.normal a#aktivna {
	background-color: #585956;
	text-decoration: none;
}

#pravy-stlpec .stlpecBox ul li.normal {
	background: #434341; /*#40423f;*/
}

#pravy-stlpec .stlpecBox ul li a {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
}
#pravy-stlpec .stlpecBox ul li.normal a {
	font-size: 12px;
}
#pravy-stlpec .stlpecBox ul li a:hover {
	background: #585956;
	text-decoration: none;
}
#pravy-stlpec .stlpecBox.vyrobcovia ul li a {
	padding: 0;
}
#pravy-stlpec .stlpecBox.vyrobcovia ul li {
	padding-bottom: 4px;
}

#pravy-stlpec .banner {
	width: 259px;
	overflow: hidden;
	margin-bottom: 15px;
}

#pravy-stlpec .banner img {
	display: block;
}

#pravy-stlpec .last {
	margin-bottom: 12px;
}
/* ---------------------------------- (pravy-stlpec) --------------------------------------------- */

/* ---------------------------------- Anketa --------------------------------------------- */

.stlpecBox.anketa .box {
	width: 227px;
	padding-left: 30px;
	border-left: 1px solid #1d1e1d;
	border-right: 1px solid #1d1e1d;
	color: #deddd2;
	font-size: 11px;
}
.anketa .flak {
	width: 120px;
	height: 30px;
	background: url(img/design/anketaSubBg.gif) no-repeat;
}
.anketa .otazka {
	z-index:50;
	margin-bottom:10px;
	padding-right: 10px;
}
.anketa a.odkaz {
	display: block;
	float: left;
	padding-bottom: 2px;
	padding-left: 15px;
	color: #deddd2;
}
.anketa a.graf {
	float:left;
	display:block;
	overflow:hidden;
	width: 190px;
	height: 15px;
	margin-bottom:4px;
	background:  url(img/design/anketaBg.gif) no-repeat;
}
.anketa span.bar{	
	float: left;
	height: 19px;
	background:  url(img/design/anketa.gif) no-repeat;
}
.anketa span.perc{	
	display: none;
	position: relative;
	left: 3px;
	font-size: 11px;
}
.anketa .odkaz:hover{
	text-decoration:underline;
}
.anketa .odkaz{
	color :#015b79;
	text-decoration: none;
}
.anketa .detaily {
	position: relative;
	padding-top: 5px;
}
.anketa .ciarka {
	height: 2px;
	width: 190px;
	background:  url(img/design/anketaCiarka.gif) 50% 50% no-repeat;
	margin-bottom: 10px;
}
/* ---------------------------------- (Anketa) --------------------------------------------- */

/* ---------------------------------- Vyrobcovia --------------------------------------------- */
#pravy-stlpec .stlpecBox.vyrobcovia ul#producer-names li.obrazok {
	text-align:  center;
	overflow: visible;
	line-height: normal;
	height: auto;
}


/* ---------------------------------- (Vyrobcovia) --------------------------------------------- */
/* ---------------------------------- newsletter --------------------------------------------- */
.stlpecBox.newsletter {
	position: relative;
/*	overflow: hidden;*/
	width: 260px;
	
}
#newsletter {
	width: 227px;
	padding-left: 30px;
	border-left: 1px solid #1d1e1d;
	border-right: 1px solid #1d1e1d;	
}

#newsletter input.textbox {
	display: block;
	height: 24px;
	width: 175px;
	padding-top: 3px;
	padding-left: 5px;
	background: transparent url(img/design/newsBg.gif) repeat-x;
	border: none;
	color: #deddd2;
} 
#newsletter .nadpis {
	padding-bottom: 10px;
}
#newsletter a {
	display: block;
	line-height: 25px;
	color: #d0c0a5;
	text-decoration: underline;
}
#newsletter a:hover {
	text-decoration: none;
	color: #fff;
}
/* ---------------------------------- (newsletter) --------------------------------------------- */

/* ---------------------------------- Produkt --------------------------------------------- */
.produkt {
	position: relative;
	overflow: hidden;
	float: left;
	width: 160px;
	height: 270px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 6px;
	background: url(img/design/produktBg.gif) no-repeat;
}
.obrazokObal {
	position: relative;
	height: 150px;
}
.obrazokObal img {
	position: relative;
	top: 15px;
	left: 23px;
}
 .kategoriaVypisNahlady .obrazokObal {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 145px;
	height: 91px;
	border: 2px solid #474a46;
}
.kategoriaVypisNahlady .obrazokObal.hover {
	border: 2px solid #626660;
	cursor: pointer;
}

.produkt .popis {
	height: 26px;
	padding:5px 10px 0 25px;
}
.produkt .detail-kupit,
.produkt .pocet-variant {
	height: 30px;
	padding-top: 20px;
	text-align: center;
	color: #545753;
}
.produkt .pocet-variant {
	color: #deddd2;
}
.produkt .detail-kupit a { 
	color: #deddd2;
}
.produkt .detail-kupit a:hover {
	color: #d0c0a5;
}
.produkt .cena strong {
	font-size: 15px;
}
.produkt .cena,
.produkt .cena-variant  {
	color: #e0ccab;
	width: 170px;
	text-align: center;	
}
.produkt .cena-variant {
	height: 40px;
	line-height: 40px;
}

.produkt-ciara {
	height: 21px;
	clear: both;
	background: url(img/design/produkt4Bg.gif) 50% 0 no-repeat;
}
/* ---------------------------------- Detail --------------------------------------------- */
.produkt-nahlad .cesta,
.nastavenie-vypisu {
	width: 700px;
	height: 45px;
	line-height: 45px;
	padding-left: 30px;
	background:  url(img/design/hierarchia.gif) no-repeat;
	color: #e9edf1;
}
.nastavenie-vypisu  {
	position: relative;
	overflow: hidden;
}
.nastavenie-vypisu .typ {
	position: relative;
	float: left;
		width: 200px;
}
.nastavenie-vypisu .zoradit {
	float: left;
	position:absolute;
	right:10px;
		width: 200px;
}
.produkt-nahlad .obal {
	padding-top: 40px;
	padding-left: 12px;
	margin-bottom: 25px;
	
}
.produkt-nahlad .galeria  {
	position: relative;
	width: 283px;
	height: 271px;
	float: left;
	background: url(img/design/produktRamcek.gif) no-repeat;
}
.produkt-nahlad .galeria img {
	position: relative;
	left: 43px;
	top: 42px;
}

.produkt-nahlad .dostupnost {
	margin-bottom: 30px;
}
.produkt-nahlad .popis-nahlad {
	float: left;
	width: 355px;
	padding: 20px;
}
.produkt-nahlad .kosik {
	float: left;
}
.produkt-nahlad .popisText {
	margin-bottom: 30px;
	height: 130px;
}
.produkt-nahlad .cena-nahlad {
	float: left;
	position: absolute;
	right: 30px; 
	width: 80px;
	height: 41px;
	padding-left: 34px;
	padding-top: 10px;
	color: #e0ccab;
	background: url(img/design/cena.gif) no-repeat;
}
.produkt-nahlad .cena-nahlad.old {
	padding-top: 2px;
}
.produkt-nahlad .staraCena {
	text-decoration: line-through;
}
.produkt-nahlad input.countBox {
	width: 14px;
	height: 20px;
	border: 1px solid #666665;
}
.produkt-nahlad a.kupit {
	float: left;
}
.produkt-nahlad .kupForm {
	float: left;
}
.produkt-nahlad .kupForm a {
	text-decoration: underline;
}

/* ---------------------------------- (Detail) --------------------------------------------- */

/* ---------------------------------- flag --------------------------------------------- */
.flag {
display:block;
left: 7px;
position:absolute;
top:-3px;
z-index:10;
}
.flag.f1 {
background:transparent url(img/design/f1.png) no-repeat scroll 0 0;
height:94px;
width:94px;
}
* html .flag.f1 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f1.png", sizingMethod="image"); 
}
.flag.f2 {
background:transparent url(img/design/f2.png) no-repeat scroll 0 0;
height:94px;
width:94px;
}
* html .flag.f2 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f2.png", sizingMethod="image"); 
}
.flag.f3 {
background:transparent url(img/design/f3.png) no-repeat scroll 0 0;
height:94px;
width:94px;
}
* html .flag.f3 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f3.png", sizingMethod="image"); 
}
.flag.f4 {
background:transparent url(img/design/f4.png) no-repeat scroll 0 0;
height:94px;
width:94px;
}
* html .flag.f4{	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f4.png", sizingMethod="image"); 
}
/* ---------------------------------- (flag) --------------------------------------------- */

/* ---------------------------------- varianty --------------------------------------------- */
.tabulka_varianty .obr {
	border: 9px solid #313130;
}
.tabulka_varianty tr td {
	text-align: center;
	border-right: 1px solid #4c4e4b;
}
.tabulka_varianty tr th {
	height: 41px;
	background: url(img/design/variantyTh.gif) repeat-x;
}
.tabulka_varianty .oldprice {
	text-decoration: line-through;
}


/* ---------------------------------- (varianty) --------------------------------------------- */

/* ---------------------------------- strankovanie --------------------------------------------- */
.strankovanie {
	position: relative;
	overflow: hidden;
	background: #2c2d2b;
	height: 35px;
	line-height: 35px;
	padding: 5px 10px;
}
.strankovanie.after {
	margin-top: 10px;
}
.stranka-form {
	float: left;
	width: 150px;
}
.strankovanie .linky {
overflow:hidden;
position:relative;
float: right;
padding-top: 10px
}
.strankovanie .linky a {
display:block;
height:16px;
line-height:16px;
text-align:center;
width:16px;
float: left;
}
.strankovanie .next-dot,
.strankovanie .prev-dot {
	float: left;
}
.strankovanie .linky a.aktivna {

	background: url(img/design/linkaAktivna.gif) no-repeat;	
}

/* ---------------------------------- (strankovanie) --------------------------------------------- */

/*-------- produkt-tabulka ---*/
.produkt-tabulka table {
	border-collapse: collapse;
	width: 100%;
}
.produkt-tabulka table .nadpis a {
	display: block;
	font-weight: bolder;
	padding: 5px 0px;
}
.produkt-tabulka table table {
	width: auto;
}
.produkt-tabulka table table td {
	border: none;
	padding: 0px;
}
.produkt-tabulka th {
	background: #2f302d;
	line-height: 18px;
}
.produkt-tabulka td {
	padding: 10px;
	border: 1px solid #2f302d;
}

.produkt-tabulka td.obrazok img {
	border: 4px solid #2f302d;
}

/*-------(produkt-tabulka)--------*/
/*---------- kategoriaVypisNahlady ------------------------------------------------------------*/
.kategoriaVypisNahlady {
float:left;
height:150px;
margin:7px 7px 7px 10px;
position:relative;
width:145px;	
}
.kategoriaVypisNahlady img {
	border: 4px solid  #2f302d;
}
div.kategoriaVypisNahlady span.obrazokObal {
	display:block;
	height:91px;
	left:0;
	position:absolute;
	top:0;
	width:145px;
	z-index:99;
}
div.kategoriaVypisNahlady .nadpis a {
	display: block;
}
div.kategoriaVypisNahlady .nadpis,
div.kategoriaVypisNahlady .pocetProdukt {
	display :block;
	line-height: 18px;
	font-size: 12px;
	text-align: center;
}
/*---------- (kategoriaVypisNahlady) ------------------------------------------------------------*/

/* ---------------------------------- (Produkt) --------------------------------------------- */
/* -------------------------------------- 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 #2e2f2e
	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 #2e2f2e;
	text-align: center;
}
.tabPlusTabula ul.tab li.tab a:hover {
	text-decoration: underline;
	color: #525252;
}
.tabPlusTabula ul.tab li.tab_h a {
	margin-top: 0px;
	padding: 6px 20px 6px 20px;
	background: #666 url(img/design/tab_h-bg.gif) repeat-x;
	border-right: 1px solid #2e2f2e
	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: #3e3f3d;
	border: 1px #2e2f2e solid;
	border-top: none;
}

/* -------------------------------------- (Taby) --------------------------------- */



/* ---------------------------------- Pata --------------------------------------------- */
.pata {
	position: relative;
	width: 974px;
	height: 81px;
	line-height: 80px;
	margin-left: 15px;
	background: url(img/design/pataBg.gif) no-repeat;
}
.pata a {
	color: #fff;
	text-decoration: underline;
}
.pata a:hover {
	text-decoration: none;
}
.pata .copyright {
	position: absolute;
	float: left;
	width: 350px;
	padding: 0 23px;
}

.pata .power {
	position: absolute;
	float: left;
	right: 0;
	width: 247px;
	padding: 0 23px;
}
/* ---------------------------------- (Pata) --------------------------------------------- */


/* ---------------------------------- vernostne body --------------------------------------------- */
.vernostne {
	
	margin: 10px;
	padding: 10px;
	background: #454644;
	border: 1px solid #719DCB;
}
.vernostne .cena {
	font-weight: bolder;
	font-size: 12px;
}
.vernostne a {
	text-decoration: underline;
}
.verbody {
	padding: 10px 0;
}
/* ---------------------------------- (vernostne body) --------------------------------------------- */

/* ---------------------------------- jazyk menu --------------------------------------------- */
.jazykMenu {
	position: absolute;
	right: 30px;
	bottom: 15px;
	overflow: hidden;
	float: left;
}
.jazykMenu li.active {
	background: #62635D;
}
.jazykMenu li.over {
	background:  #fff;
}
/* ---------------------------------- (jazyk menu) --------------------------------------------- */
.logo_m {
	clear: both;
	margin: 0 auto;
	width: 250px;
	text-align: center;
}

