* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background: #fff url(img/design/bodyBg.gif) repeat-x;
	background-position: 0 -33px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* ------------------------------------------- Vseobecne ------------------------------------------- */
h3 {
	font-size: 14px;
}
h2 {
	margin: 0px;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	font-weight: normal;
}
.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: #44473b; 
	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;
}

li {
	list-style: none;
}
/* ------------------------------------------- (Vseobecne) ------------------------------------------- */
/* ------------------------------------------- Ikonky ------------------------------------------- */
.ico_warning {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 24px;
	background: url(img/ikonky/ico_warning.png) no-repeat;
}
* html .ico_warning {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_warning.png", sizingMethod="image"); 
}
.ico_info {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 27px;
	background: url(img/ikonky/ico_info.png) no-repeat;
}
* html .ico_info {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_info.png", sizingMethod="image"); 
}
.ico_ok {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 27px;
	background: url(img/ikonky/ico_ok.png) no-repeat;
}
* html .ico_ok {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_ok.png", sizingMethod="image"); 
}
/* ------------------------------------------- (Ikonky) ------------------------------------------- */
/* ------------------------------------------- Hlasky ------------------------------------------- */
.hlaska {
	position: relative;
	display: block;
	line-height: 18px;
	min-height: 15px;
	margin: 10px 5px ;
	padding: 3px 10px 0px 25px;
	color: #000;
	font-size: 11px;
	text-align: left;
}
.hlaska.error {
	color: red;
}
.hlaska span{
	display: block;
	width: 16px;
	height: 16px;
}
.hlaska .ico_warning {
	background: url(img/ikonky/bg_warning.gif) no-repeat 0px center; 
}
.hlaska .ico_info { 
	background: url(img/ikonky/bg_info.gif) no-repeat 0px center; 
}
.hlaska .ico_ok{
	background: url(img/ikonky/bg_ok.gif) no-repeat 0px center;
}
.hlaska a {
	color: #000;
	text-decoration: underline;
}
.hlaska a:hover {
	text-decoration: none;
}
.hlaska.error a {
	color: #000;
	
}

p.error {
	background: url(modul/all4shop/img/alert.gif) no-repeat 0px 54%;
}

p.info {
background:transparent url(modul/all4shop/img/info.gif) no-repeat scroll 6px 5px;
}
/* ------------------------------------------- (Hlasky) ------------------------------------------- */
/* ---------------------------------- Vyhladavanie --------------------------------------------- */
div#vyhladavanie {
	position: absolute;
	bottom: 2px;
	left: 5px;
}
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: 160px;
	height: 12px;
	background: none transparent;
	color: #000;
	border: none;
	
}
div#vyhladavanie input.button {
	
	float: left;
	position: relative;
	
	
	width: 35px;
	height: 24px;
	border: none;
	background: none transparent;
	cursor: pointer;
}
div#vyhladavanie input.button.active {
	background: url(img/design/btnGoActive.gif) no-repeat;
}
/* ---------------------------------- (Vyhladavanie) --------------------------------------------- */


/* ---------------------------------- Kosik --------------------------------------------- */
div#hlavicka div#nakupny_kosik {
	
	position: absolute;
	right: 10px;
	bottom: 10px;
	float: right;
	width: 160px;
	height: 40px;
	color: #dd0134;
}
div#nakupny_kosik a {
	float: left;
	margin-right: 8px;
	height:  40px;
	padding-left: 45px;
	padding-top: 5px;
	background: url(img/design/kosik.gif) no-repeat;
	color: #dd0134;
}
div#nakupny_kosik a:hover {
	text-decoration: underline;
}
div#nakupny_kosik strong {
	display: block;
}

div#nakupny_kosik div.info {
	float: left;
	padding-top: 5px;
	height: 40px;
	color: #dd0134;
}


table.kosik {
	font-size: 11px;
	width: 98%;
	margin: 0px 10px;
	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: #44473b;  
	text-decoration: underline; 
}
table.kosik a:hover { 
	color: #0d84b6;  
	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-bottom: 20px;
	float: left;
	width: 73%;
}
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: red;
	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) --------------------------------------------- */


/* ---------------------------------- Prihlasenie --------------------------------------------- */
div#pravy-stlpec div#moje-menu { 
	padding: 13px 0px 13px 16px; 
	color: #6B6B6B;
	font-size: 11px;
}

div#moje-menu a {
	color: #000000;
	font-size: 11px;
	margin-left: 4px;
}
div#moje-menu form.all4shop-odhlasenie button {
	font-size: 11px; 
	border: none;
	color: #000;
	cursor: pointer;
	background-color: #E4E6E5;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
div#moje-menu form.all4shop-odhlasenie button:hover span { 
	text-decoration: underline;
}
div#moje-menu a.active { 
	text-decoration: underline; 
}
div#moje-menu img {
	position: relative;
	top: 2px;
}
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#pravy-stlpec input.textbox {
	width: 120px;
	height: 14px;
	line-height: 14px;
	padding:3px 5px 2px 5px ;
	font-size: 10px;
	background-color: #F6F6F6;
	font-size: 11px;
}
textarea {
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #fff;
	color: #222;
}
textarea:hover {
	border: 1px solid #0d84b6;
}
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: 120px;
	height: 14px;
	line-height: 14px;
	padding:3px 5px 2px 5px ;
	background: #F6F6F6 url(img/design/inputTextBg.gif) repeat-x;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #222;
}
input.textbox:hover {
	border: 1px solid #0d84b6;
}
input.button {
	padding: 2px 4px 2px 4px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #808080;
	color: #fff;
	cursor: pointer;
}
input.button.active {
	background-color: #0d84b6;
	
}


table.prihlasenie td.popisok {
	text-align: right;
}
/* ---------------------------------- (Prihlasenie) --------------------------------------------- */
/* ---------------------------------- nastavenie vypisu --------------------------------------------- */
div.nastavenie-vypisu {
	position: relative;
	height: 20px;
	line-height: 20px;
	margin: 15px 0px 10px 0px;
	padding: 8px 18px;
	background: #F5F6F8;
	font-size: 11px;
	text-align: left;
}
.nastavenie-vypisu div.left{
	float: left;
	text-align: left;
}
.nastavenie-vypisu div.left .text{
	margin-top: 10px;
	color: #999;
}
.nastavenie-vypisu img {
	display: inline;
}
.nastavenie-vypisu a {
	text-decoration: underline;
	color: #ce0158;
}
.nastavenie-vypisu a:hover {
	text-decoration: none;
	color: #008fbb;
}
.nastavenie-vypisu a.active {
	font-weight: bold;
	text-decoration: none;
}
.nastavenie-vypisu .label {
	display: block;
	float: left;
}
.nastavenie-vypisu .separ {
	float: left;
}
.nastavenie-vypisu .sepa {
	padding-right: 4px;
	border-left: 1px solid #fff;
}
.nastavenie-vypisu a.zobraz-obrazok {
	float: left;
	padding-left: 6px;
	margin-right: 5px;
}
.nastavenie-vypisu a.zobraz-tabulku {
	float: left;
	padding-left: 8px;
}
.nastavenie-vypisu a.sipka-hore {
	width: 10px;
	height: 10px;
}
.nastavenie-vypisu a.sipka-dole {
	width: 10px;
	height: 10px;
	background: #6B6B6B;
}
/* ---------------------------------- (Nastavenie vypisu) --------------------------------------------- */
/* ---------------------------------- ramik --------------------------------------------- */
div.ramik {
	width: 70%;
	float: left;
	padding: 10px 0;
	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;
	te
}
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 { 
	font-size: 11px;
	margin-top: -48px;
	padding: 12px 18px 0;
	position: absolute;
	right: 0px;
	text-align: right;
}
div.strankovanie.after { 
	clear: both;
	height: 16px;
	margin-top: 0px;
	padding: 10px 18px;
	position: static;
	background: #F5F6F8;
}
div.strankovanie form {
	float: left;
	color: #666;
}
div.strankovanie form select {
	font-size: 11px;
}
div.strankovanie a.aktivna {
	background: url(img/design/strankovanieStvorecActive.gif) no-repeat;
	color: #fff;
}
div.strankovanie .paging{
	float: right;
}
div.strankovanie span{
	float: left;
	margin-right: 3px;
	line-height: 19px;
}
div.strankovanie a{
	float: left;
	display: block;
	width: 19px;
	height: 19px;
	line-height: 19px;
	margin-right: 3px;
	background: url(img/design/strankovanieStvorec.gif) no-repeat;
	text-align: center;
}
/* ---------------------------------- (strankovanie) --------------------------------------------- */
/* ---------------------------------- charakteristiky --------------------------------------------- */
table.charakteristiky {
	width: 100%;
	padding-left: 25px;
	border: none;
	border-collapse: collapse;
	margin-bottom: 15px;
	margin-left: 20px;
}
table.charakteristiky tr.parna {
	background: #EFEFEF
}
table.charakteristiky h3 {
	margin: 12px 0px 6px 0px;
	padding: 3px 5px 3px 5px;
	background: #D6D6D6;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 12px;
	color: #222;
}
table.charakteristiky td {
	border-collapse: collapse;
	margin: 0px;
	padding:  5px;
}
table.charakteristiky td.vpravo { 
	text-align: left; 

}
table.charakteristiky td.tucne { 
	white-space: nowrap;
	font-weight: bold; 
	width: 10%;
	padding-right: 17px;
}
/* ---------------------------------- (charakteristiky) --------------------------------------------- */
/* ------------------------------- zlozky kategorii ---------------------------- */
div.kategoriaVypisNahlady {
	float: left;
	position: relative;
	width: 145px;
	height: 150px;
	margin: 7px 7px 7px 10px;
	_margin: 7px 5px 7px 9px;
}
div.kategoriaVypisNahlady a.obr {
	position: absolute;
	top: 2px;
	left: 2px;
}
div.kategoriaVypisNahlady span.obrazokObal {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 145px;
	height: 91px;
	z-index: 99;
	background: url(img/design/kategoriaObrazokBg.png) no-repeat;
}
*html div.kategoriaVypisNahlady span.obrazokObal {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/kategoriaObrazokBg.png", sizingMethod="image");
}
div.kategoriaVypisNahlady span.obrazokObal.hover {
	background: url(img/design/kategoriaObrazokBgHover.png) no-repeat;
	cursor: pointer;
}
*html div.kategoriaVypisNahlady span.obrazokObal.hover {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/kategoriaObrazokBgHover.png", sizingMethod="image");
}
div.kategoriaVypisNahlady span {
	position: absolute;
	top: 96px;
	left: 8px;
	display: block;
}
div.kategoriaVypisNahlady span.pocetProdukt {
	top: 130px;
}
/* ------------------------------- (zlozky kategorii) ---------------------------- */
/* ----------------------------------------- Formulare -------------------------------------- */
.formular {
	position: relative;
	/*width: 100%;*/
	margin: 20px;
	font-size: 11px;
}
.formular table {
	border-spacing: 6px;
}
.formular td {
	padding-left: 2px;
}
.formular td.polozka_nazov {
	width: 20%;
	line-height: 22px;
	padding-right: 2px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}
.formular td.polozka_nazov.captcha {
	height: 40px;
	line-height: 40px;
}
.formular .item_wrap {
	padding-top: 2px;
	line-height: 18px;
}
.formular .hlaska {
	width: 82%;
	margin: 0px auto;
	margin-bottom: 8px;
}
.formular .title {
	float: left;
	position: relative;
	z-index: 11;
	height: 40px;
	line-height: 40px;
	margin-bottom: -1px;
	padding: 0px 12px 0px 12px;
	font-size: 14px;
	font-weight: bold;
	background: #e7e7e6 url(img/design/form_title_bg.gif) repeat-x;
	border-top:  #FFDBD4 1px solid;
	border-right: 1px solid #ddd;
}
.formular .wrap {
	clear: both;
	position: relative;
	z-index: 10;
	width: 100%;
	padding: 20px 0px;
	background: #e7e7e6 url(img/design/form_bg.gif) repeat-x;
	border-top: #FFDBD4 1px solid;
	border-right: 1px solid #ddd;
}
.formular .note {
	font-size: 11px;
	color: #444;
}
.formular select,
.formular textarea,
.formular .textbox {
	width: 300px;
}
.formular a.novy_kod {
	display: block;
	float: left;
	margin-top: 7px;
	margin-left: 6px;
	text-decoration: none;
	color: #444;
	font-size: 11px;
}
.formular.za{
	width: 100%;
	margin: 20px 0px;
}
.formular .hlaska{
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
}
.formular {
	
}
.formular legend {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.formular fieldset {
	border: 4px solid #eee;
}
.formular .form-wrapper {
	padding: 12px;
}
.formular table td.left {
	width: 35%;
}
.formular a {
	font-size: 11px;
}
/* ------------------ Registracny ------------------*/
.formular.registracny {
	/*width: 98%;*/
	padding: 20px 0px;
	background: #fdfaec url(img/design/form_bg.gif) repeat-x;
	border:  #feceeb 1px solid;
	border-right: #C2D0D4 1px solid ;
	border-bottom: #C2D0D4 1px solid ;
}
.formular .required,
.formular.registracny .required {
	border-left: #da0f44 4px solid ;
}
.formular.registracny td {
	border-left: #FDFAEC 4px solid ;
}
.formular.registracny .polozka_nazov {
	width: 200px;
}
.formular.registracny select,
.formular.registracny textarea,
.formular.registracny .textbox {
	width: 180px;
}
/* ------------------ (Registracny) ------------------*/
/* ---------------------------------------- (Formulare) -----------------------------------*/
/*--------------- Vsetky znacky ---------------*/
.full-list-by-alphabet {
	background: #F6F6F6;
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	font-size: 16px;
	font-weight: normal;
	margin: 15px 0px;
	padding: 5px 15px;
}

ul.producer-names {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.producer-names li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.producer-names li a {
	display: block;
	float: left;
	padding: 0px 0px 15px 10px;
	text-decoration: none;
	width: 175px;
}
ul.producer-names li a:hover {
	text-decoration: underline;
}
/*---------------(Vsetky znacky)---------------*/


/* ---------------------------------------- Obal -----------------------------------*/
div#obal {
	position: relative;
	overflow: hidden;
	width: 955px;
	margin: 0 auto;
	z-index: 2;
}

/* ---------------------------------------- Hlavicka -----------------------------------*/
div#hlavicka {
	position: relative;
	width: 955px;
	height: 110px;
}

div#hlavicka a.logoklik {
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 111px;
	height: 101px;
	background: url(img/design/logo.gif) no-repeat;
}

/* ---------------------------------------- (Hlavicka) -----------------------------------*/
/* ---------------------------------------- Menu-----------------------------------*/
div#hlavneMenu {
	position: relative;
	overflow: hidden;
	height: 97px; /* 10 pixelov zasahuje do hlavicky*/
	margin-top: 0;
	background: url(img/design/menuBg.gif) 0 11px no-repeat;}
div#hlavneMenu ul {
	position: relative;
	height: 55px;
	padding-top: 10px;
	padding-left: 25px;
}
div#hlavneMenu ul li {
	float: left;
	display: block;
   position: relative;
	height: 55px;
}
div#hlavneMenu ul li a {
	display: block;
	float: left;	
	height: 55px;
	line-height: 55px;
	padding: 0px 5px;
	color: #fff;
	text-transform: uppercase;
}
div#hlavneMenu ul li a:hover {
	text-decoration: none;
	color: #E60048;
}
div#hlavneMenu ul li.top-uroven.aktual {
	position: relative;
	top: -10px;
	padding-top: 10px;
	background: url(img/design/menu-hover.gif) top center no-repeat;
}

div#hlavneMenu li.ciarka {
	position: relative;
	width: 2px;
	height: 55px;
	padding: 0px 5px;
	background: url(img/design/menuSeparator.gif) 50% 50% no-repeat;
}

div#hlavneMenu ul li.aktivna {
	background: url(img/design/menu-hover.gif) no-repeat;
}


/* ---------------------------------------- registracia -----------------------------------*/

div#registracia {
	position: absolute;
	bottom: 7px;
	right: 0px;
	width: 140px;
	height: 20px;
	color: #cacfd1;
}
div#registracia ul{
	height: 20px;
	padding: 0px;
}
div#registracia ul li {
	height: 20px;
	line-height: 20px;
}
div#registracia  ul li a, div#registracia a { 
	height: 20px;
	line-height: 20px;
	text-decoration: underline;
	color: #6b6f71;
	font-size: 10px;
	text-transform: none;
}

div#registracia a.reg {
	position: relativer;
	bottom: 20px
}


div#registracia  ul li a:hover {
	
	text-decoration: none;
}


/* ---------------------------------------- (registracia) -----------------------------------*/
/* ---------------------------------------- (Menu) -----------------------------------*/


/* ---------------------------------------- Obsah -----------------------------------*/
div#obsah {
	width: 955px;
	position: relative;
	overflow: hidden;	
	background: #fff;
}


/* ---------------------------------------- lavy stlpec -----------------------------------*/
div#lavy-stlpec {
	position: relative;
	overflow: hidden;
	padding-left: 5px;
	float: left;
	width: 194px;	
}
div#lavy-stlpec a.all-product {
	display: block;
	font-weight: bold;
	margin: 0 0 20px;
	padding-left: 24px;
	text-align: left;
	text-decoration: none;
}
div#lavy-stlpec .znacky ul{
	margin-bottom: 10px;
}
div#lavy-stlpec .znacky ul li{
	position: relative;
	display: block;
	margin-bottom: 1px;
	background: url(img/design/unactive.gif) no-repeat;
}
div#lavy-stlpec .znacky ul li a {
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
}
div#lavy-stlpec img.banner {
	padding-left:5px;
}
/* ---------------------------------------- stlpecbox -----------------------------------*/
div#lavy-stlpec .stlpecBox {
	position: relative;
}

div#lavy-stlpec .stlpecBox .bg {
	height: 35px;
	background: url(img/design/spanBg.gif) no-repeat;
}

div#lavy-stlpec .stlpecBox h2 {
	padding-left: 30px;
	line-height: 45px;
	height: 45px;
	background: url(img/design/h2.gif) no-repeat;
	color: #0d84b6;
	font-weight: bolder;
}

/* ---------------------------------------- kategorie -----------------------------------*/
div#lavy-stlpec .stlpecBox.kategorie ul li{
	position: relative;
	display: block;
	margin-bottom: 1px;
	background: url(img/design/unactive.gif) no-repeat;
}
div#lavy-stlpec .stlpecBox.kategorie ul li a {
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
}
div#lavy-stlpec .stlpecBox.kategorie ul li a.aktivna {
	color: #e7004b;
	text-decoration: underline;
}
div#lavy-stlpec .stlpecBox.kategorie ul li.ciarka {
	display: none;
	height: 1px;
	line-height: 0px;
	background: none invisible;
	font-size: 0px;
}
div#lavy-stlpec .stlpecBox.kategorie ul li.hlbsie {
	position: relative;
	overflow: hidden;
	background: url(img/design/hlbsie.gif);
}
/* ---------------------------------------- hladiny -----------------------------------*/
div#lavy-stlpec .stlpecBox.hladiny ul li {
	position: relative;
	left: 10px;
	overflow: hidden;
	width: 195px;
	line-height: 16px;
	margin-bottom: 1px;
}
div#lavy-stlpec .stlpecBox.hladiny ul li a {
	color: #e7004b;
	width: 195px;
	display: block;
	padding-left: 5px
}
div#lavy-stlpec .stlpecBox.hladiny ul li a:hover {
	background: url(img/design/hladinyBg.gif) no-repeat;
	color: #000;
}
div#lavy-stlpec .stlpecBox span.bg {
	width: 194px;
	line-height: 25px;
	height: 25px; 
	background: url(img/design/spanBg.gif) no-repeat;
}

/* ---------------------------------- Anketa--------------------------------------------- */

.anketa .box{
	padding: 15px;
	width: 155px;
	text-align: left;
}

.anketa .otazka {

	position:relative;
	z-index:50;
	margin-bottom:10px;

}



.anketa a.odkaz {

	display: block;

	float: left;

	padding-bottom: 2px;
	padding-left: 15px;
	color: #e7004b;
	background: url(img/design/anketaBg.gif) no-repeat;

}

.anketa a.graf {

	float:left;

	position:relative;

	display:block;

	overflow:hidden;

	width: 165px;

	height: 6px;

	margin-bottom:4px;

	background:  url(img/design/anketa-bg.gif) no-repeat;

}

.anketa span.bar{	

	float: left;

	height: 10px;

	background:  url(img/design/anketa.gif) no-repeat;

}

.anketa span.perc{	

	display: none;

	position: relative;

	left: 3px;

	top: -5px;

	font-size: 11px;

}

.anketa .odkaz:hover{

	text-decoration:underline;

}

.anketa .odkaz{

	color :#015b79;
	text-decoration: none;

}

.anketa .detaily {
	position: relative;
	padding-left: 5px;
	top: 10px;
	width: 195px;
}

/* ----------------------------------(Anketa)--------------------------------------------- */


/* ---------------------------------------- (stlpecbox)-----------------------------------*/






/* ---------------------------------------- (lavy stlpec) -----------------------------------*/

/* ---------------------------------------- Main -----------------------------------*/
div#main {
	position: relative;
	float: left;
	overflow: hidden;
	width: 745px;
	padding: 0px 5px 5px 5px;
}
div#main h1 {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	padding-left: 15px;
	color: #0d84b6;
	/*
	background: #eef1f3;
	*/
	background: url(img/design/h1Bg.gif) repeat-x;
}
div#main h1.inbox{
	margin-bottom: 10px;
}

div#main .vrsok {
	position: relative;
}
div#main .spodok {
	position: relative;
	overflow: hidden;
	padding-left: 8px;
}

div#main .obsah {
	padding: 20px 15px;
	line-height: 17px;
}

div#main .obsah table {
	margin: 0 auto;
	width: 100%;
}


div#main .banner {
	
}

/* ---------------------------------------- vyber flagu -----------------------------------*/

div#main .vyberFlagu {
	position: relative;
	display: block;
	height: 17px;
	margin-bottom: 20px;
/*	border-bottom: 1px solid #eef1f3;*/
}
div#main .vyberFlagu select option {
	padding: 0 3px;
}
div#main .vyberFlagu ul li {
	position: relative;
	overflow: hidden;
	float: left;
	line-height: 17px;
	background-color: #eef1f3;
}
div#main .vyberFlagu  a {
	display: block;
	padding: 0 9px;
	font-size: 9px;
	color: #606366;
}
div#main .vyberFlagu ul li a:hover{
	background-color: #cccdce;
}
div#main .vyberFlagu ul li.active a {
	background-color: #e7004b;
	color: #fff;
}

#filterForm {
	position: absolute;
	right: 15px;
	top: -3px
}

/* ---------------------------------------- (vyber flagu) -----------------------------------*/

/* ---------------------------------------- Produkt -----------------------------------*/
div.produkt {
	position: relative;
	float: left;
	width: 170px;
	height: 250px;
	margin-left: 10px;
	margin-bottom: 15px
}

div.produkt .info {
	position: relative;
	left: 10px;
	width: 165px;
	line-height: 18px;
	color: #606366;
}

div.produkt .info a.odkaz {
	display: block;
	height: 48px;
	line-height: 16px;
	overflow: hidden;
	padding: 0px;
	padding-bottom: 3px;
}

div.produkt .info a.odkaz.maly {
	height: 30px;
}

div.produkt a.obrazok img {
	
	position: relative;
	left: 10px;
	overflow: hidden;
	border: 1px solid #eef1f3;
}

div.produkt .info {
	position: relative;
	left: 10px;
}

div.produkt .info .text {
	height: 18px;
}




/*------------flagy obrazky -----*/
div.produkt .flag {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

div.produkt .flag.f1 {
	
	width: 71px;
	height: 21px;
	background: url(img/design/f1.png) no-repeat;
	
}
* html div.produkt .flag1 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f1.png", sizingMethod="image"); 
}
div.produkt .flag.f2 {
	
	width: 47px;
	height: 21px;
	background: url(img/design/f2.png) no-repeat;
	
}
* html div.produkt .flag2 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f2.png", sizingMethod="image"); 
}
div.produkt .flag.f3 {
	
	width: 65px;
	height: 21px;
	background: url(img/design/f3.png) no-repeat;
	
}
* html div.produkt .flag3 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f3.png", sizingMethod="image"); 
}
div.produkt .flag.f4 {
	
	width: 73px;
	height: 21px;
	background: url(img/design/f4.png) no-repeat;
}
* html div.produkt .flag4 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f4.png", sizingMethod="image"); 
}
/*----------(flagy)_--------*/
div.produkt .cena,.cenaz,
div.produkt .Text   {
 padding-left: 10px;
 padding-bottom: 0;
 color: #606366;
}
div.produkt .Text {
	height: 15px;
}
div.produkt span.nadpis, .nadpisz {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: red;
}
div.produkt span.text {
	color: #606366;
} 
div.produkt .cena {
	display: block;
	height: 19px;
	margin-top: 3px;
	background-color: #eef1f3;
	font-size: 9px;
}

div.produkt .cena strong {
	font-size: 11px;
}

/* ---------------------------------------- Tabulka variantov -----------------------------------*/
table.tabulka_varianty {
	width: 98%;
	margin: 0 auto;
	margin-bottom: 30px;
	
}

table.tabulka_varianty th {
	padding: 0px 12px;	
	line-height: 20px;
	background: #eef1f3;
	color: #666F75;
	font-size: 11px;
	white-space: nowrap;
}
table.tabulka_varianty td {
	padding: 0px 7px;
	border-left: 1px solid #eef1f3;
	border-bottom: 1px solid #eef1f3;
	color: #666F75;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
}
table.tabulka_varianty td a.kupit {
	color: #e7004b;
	text-decoration: underline;
}

table.tabulka_varianty td a.kupit:hover {
	text-decoration: none;
}
table.tabulka_varianty a .dodatok {
	color: #798289;
	display: block;
	font-size: 10px;
	white-space: normal;
}
table.tabulka_varianty td.left, table.tabulka_varianty th.left {
	position: relative;
	text-align: left;
	vertical-align: middle;
}
table.tabulka_varianty .active {
	background: #dfe3e7;
}
table.tabulka_varianty td.left a.linka {
	float: left;
	width: 245px;
}
table.tabulka_varianty td.left .nazov {
	position: relative;
	_padding-top: 25px
}
/*			flagy pre varianty  				*/
table.tabulka_varianty td.left span.flag1,
table.tabulka_varianty td.left span.flag2,
table.tabulka_varianty td.left span.flag3,
table.tabulka_varianty td.left span.flag4 {
	float: left;
	position: relative;
	left: 0;
	margin-right: 10px;
}

table.tabulka_varianty td .old_price {
	text-decoration: line-through;
	display: block;
}
/* ---------------------------------------- (Tabulka variantov) -----------------------------------*/
/* ---------------------------------------- (Produkt) -----------------------------------*/
/* ---------------------------------------- (Prezerane) -----------------------------------*/
div.prezerane a.odkaz {
	color: red;
}
/* ---------------------------------------- prezerane -----------------------------------*/
	.prezerane {
		clear: both;
	}
/* ---------------------------------------- (Prezerane) -----------------------------------*/

/* ---------------------------------------- Podla predajnosti -----------------------------------*/
.podlaPredajnosti {
	clear: both;
}
.podlaPredajnosti .produkt {
	width: 120px;
	height: 190px;
}
.podlaPredajnosti .produkt .cena {
	height: 22px;
	padding: 5px;
	font-weight: bold;
}
.podlaPredajnosti div.produkt a.obrazok img {
	left: 0
}
.podlaPredajnosti .odkaz .nadpis,
.podlaPredajnosti .param {
	line-height: 12px;
	height: 24px;
	color: Red;
}
.podlaPredajnosti .param {
	color: #000
}

/* ---------------------------------------- (podla predajnosti) -----------------------------------*/

/* ---------------------------------------- produkt nahlad -----------------------------------*/
.produkt-nahlad {
	padding-left: 15px;
}
.produkt-nahlad .staraCena {
	display: block;
	text-decoration: line-through;
}
.produkt-nahlad .kratkyPopis{
	margin-top: 10px;
	line-height: 18px;
	color: #666666;
}
.produkt-nahlad obal {
	position: relative;
	
}

.produkt-nahlad .dolnybar {
	position: absolute;
	bottom: 10px;
}
.produkt-nahlad  h3,
 .produkt-nahlad h2 {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	font-weight: bolder;
	padding-left: 15px;
	color: #0d84b6;
	/*
	background: #eef1f3;
	*/
	background: url(img/design/h1Bg.gif) repeat-x;
	
}
.produkt-nahlad h3.nazov-produktu {
	padding-left: 0;
	background: none;
	text-decoration: underline;
	font-size: 15px;
}
/*----flagy---*/
div.produkt-nahlad .flag4 {
	
	position: absolute;
	top: 0;
	left: -4px;
	width: 73px;
	height: 21px;
	background: url(img/design/f4.png) no-repeat;
	
}
* html div.produkt-nahlad .flag4 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f4.png", sizingMethod="image"); 
}

div.produkt-nahlad .flag3 {
	
	position: absolute;
	top: 0;
	left: -4px;
	width: 65px;
	height: 21px;
	background: url(img/design/f3.png) no-repeat;
	
}
* html div.produkt-nahlad .flag3 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f3.png", sizingMethod="image"); 
}
div.produkt-nahlad .flag2 {
	
	position: absolute;
	top: 0;
	left: -4px;
	width: 47px;
	height: 21px;
	background: url(img/design/f2.png) no-repeat;
	
}
* html div.produkt-nahlad .flag2 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f2.png", sizingMethod="image"); 
}
div.produkt-nahlad .flag1 {
	
	position: absolute;
	top: 0;
	left: -4px;
	width: 71px;
	height: 21px;
	background: url(img/design/f1.png) no-repeat;
	
}
* html div.produkt-nahlad .flag1 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f1.png", sizingMethod="image"); 
}
/*----(flagy)---*/

.galeria {
	position: relative;
	width: 192px;
	float: left;
}

.popis {
	position: relative;
	float:left;
	width: 515px;
	height: 200px;
	padding-left: 10px;
}
.galeria img {
 border: 1px solid #eef1f3;
}
.produkt-nahlad .text {
	padding-left: 5px;
	padding-bottom: 10px;
}

.produkt-nahlad .kratky-popis {
	padding: 2px 5px;
}

.produkt-nahlad .dostupnost {
	margin: 10px 0;
}

.produkt-nahlad .cena {
	padding-bottom: 13px;
	font-size: 16px;
	font-weight: bolder;
	color: #666;
	
}

.produkt-nahlad .cena span  {
	font-size:  11px;
	font-weight: normal;
}

form#frm_kupit {
	position: relative;
	
}
.produkt-nahlad .kosik {
color:#798289;
font-size:11px;
font-weight:normal;
height:22px;
line-height:22px;
overflow:hidden;
}

div.produkt-nahlad .kosik a {
	color:#fff;
	display:block;
	height: 22px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	padding: 0 12px;
	/*background: url(img/design/kupit.gif) no-repeat;*/
	background: #E60041 url(img/design/buttonStred.gif) repeat-y;
}
div.produkt-nahlad .kosik .kosik-button {
	position: relative;
	overflow: hidden;
	float: left;
	max-width: 240px;
	/* IE 6 */
	_width: expression(document.body.clientWidth > 240? "230px" : "auto" );
}
div.produkt-nahlad .kosik .kosik-button .vrch {
	background: url(img/design/buttonTop.gif) no-repeat;
	height: 1px;
}
div.produkt-nahlad .kosik .kosik-button .botom {	
	height: 1px;
	background: url(img/design/buttonBottom.gif) no-repeat;
}

.produkt-nahlad .textbox.countBox {
background: url(img/design/countBox.gif) repeat-x;
color:#798289;
font-size:11px;
height:16px;
line-height:16px;
margin-left:5px;
padding:3px 5px 0;
width:10px;
}

div.produkt-nahlad .kontakt {
background:transparent url(img/design/detKontaktBg.gif) no-repeat scroll 0 0;
float:left;
font-size:11px;
height:65px;
line-height:18px;
overflow:hidden;
margin-top: 20px;
padding:15px 15px 15px 10px;
width:179px;
}
div.produkt-nahlad .hodnotenie {
float:left;
height:95px;
overflow:hidden;
padding-left:30px;
padding-top: 20px;
padding-bottom: 10px;
width:180px;
}
div.produkt-nahlad .hodnotenie a {
	color: #d81f24;
	text-decoration: underline;
	font-weight: bold;
	display: block;
}
div.popis-parent div.text {
	padding: 0 20px 25px 20px;
	line-height: 18px;
	color: #666;
}
/* fajocky */

 .star {
	float: right;
	width: 16px;
	height: 14px;
	margin-right: 2px;
	background: url(img/design/starOff.gif) no-repeat;
}
.star.on {
	background: url(img/design/starOn.gif) no-repeat;
}
.star-bar {
	padding-right: 90px;
	padding-top: 3px;
}
.star-bar.down {
	width: 100px;
	padding: 10px 0
}
/* pridat hodnotenie */
#boxPridat {
	position: absolute;
	top: -103px;
	left: 30px;
	width: 350px;
	background: #fff;
	z-index: 10;
	border: 2px solid red;
	padding: 20px;
	display: none;a
}
/* pridat hodnotenie */
/* ---------------------------------------- (produkt nahlad) -----------------------------------*/





/* ---------------------------------------- (Main) -----------------------------------*/
.obsahBg {
	height: 5px;
	background: url(img/design/mainBg.gif) no-repeat;
}
/* ---------------------------------------- (Obsah) -----------------------------------*/

/* ---------------------------------------- dolebar -----------------------------------*/
#dole-bar {
	position: relative;
	width: 960px;
	background: none transparent;
	overflow: hidden;
	padding-left: 2px;	
}


/* ------ hlaska */
#newsletter .hlaska {
	position : absolute;
	top: 15px;
	right: 0px;
	width: 100%;
	height: 50px;
	padding-left: 30px; 
}

#dole-bar h1, #dole-bar .nadpis {
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 12px;
	color: #e70137;
	font-weight: bold;
}

#dole-bar .box {
	float: left;
	position: relative;
	overflow: hidden;
	width: 235px;
	height: 125px;
	color: #fff;
	margin-right: 4px;
}

#dole-bar .content {	
	line-height: 16px;
	padding: 68px 24px 24px 24px;
	
}

#dole-bar a {
	text-decoration: underline;
	color: #606366;
}
#dole-bar a:hover {
	text-decoration: none;
}

#dole-bar ul {
	position: absolute;
	top: 45px;
	left: 75px;
}

#dole-bar ul li {
	overflow: hidden;
	list-style: none;
	}

#dole-bar ul li a {
	color: #555;
}	

#dole-bar ul li a:hover {
	color: #ff0000;
}
#dole-bar ul li a.active {
	color: #f00;
}
#dole-bar .box.n1 {
	background: url(img/design/box1.jpg) no-repeat;
}

#dole-bar .box.n1.active {
	background:url(img/design/box1.jpg) no-repeat;
}

#dole-bar .box.n2 {
	background:  url(img/design/box2.jpg) no-repeat;
}

#dole-bar .box.n2.active {
	background:  url(img/design/box2.jpg) no-repeat;
}

#dole-bar .box.n3 {
	background: url(img/design/box3.jpg) no-repeat;
}

#dole-bar .box.n3.active {
	background:  url(img/design/box3.jpg) no-repeat;
}

#dole-bar .box.n4 {
	background:  url(img/design/box4.jpg) no-repeat;
}

#dole-bar .box.n4.active {
	background: url(img/design/box4.jpg) no-repeat;
}

/* ---------------------------------------- News -----------------------------------*/
div#newsletter {
	position: absolute;
	bottom: 43px;
	left: 60px;
}

div#newsletter input.button {
	position: absolute;
	left: -40px;
	top: 0;
	width: 45px;
	height: 35px;
	background: none transparent;
	border: none;
}

div#newsletter input.textbox {
	width: 140px;
	border: none;
	background: none transparent;
	padding-left: 25px;
}



/* ---------------------------------------- (News) -----------------------------------*/
/* ---------------------------------------- (dole bar) -----------------------------------*/


/* ---------------------------------------- (Obal) -----------------------------------*/



/* ---------------------------------------- pata -----------------------------------*/
div#pata {
	position: relative;
	margin-top: -100px;
	padding-top: 100px;
	height: 225px;
	background: url(img/design/pataBg.gif) repeat-x;
	z-index: 1;
}
div#pata div.pataObal {
	position: relative;
	height: 220px;
	width: 955px;
	margin: 0 auto;
	top: 5px;
}
div#pata div.info{
	padding-top: 30px;
	font-size: 11px;
}
div#pata a {
		color: #f00;
	
}
div#pata a:hover {

color: #555555;
}
div#pata .copyright {
	padding-left: 15px;
	float: left;
}
div#pata .power {
	float: right;
	padding-right: 15px;
}
/* ---------------------------------------- (pata) -----------------------------------*/

div.ucet.obsah {
	padding-left: 20px;
}
/*-----------------------------------------------------------------*/
.zlava {
	padding: 20px;
}
.zlavyprodukt img {
	border: 1px solid #F6F6F6;
	margin-left: 20px;
}

.nadpisz {
	padding: 5px;
}
.spodokbar {
	position: absolute;
	bottom: -5px;
}
/*				komentare 			*/
#rating-comment {
	padding: 0 30px;
}
#rating-comment .text-box {
	padding: 20px 0;
}
/* 		(komentare)				*/
.lupka a {
	color: #d52720 ;
}
 img  {
	/*margin-bottom: -20px;*/
}
 .lupka {
	background: url(img/design/lupka.gif) 100% 50% no-repeat;
}
 .lupka {
 position: relative;
 top:-20px;
 left: 135px;
 width: 50px;
}
.lupka a:hover {
	text-decoration: none;
}