html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	padding-bottom: 40px;
	background: #e7e4e2 url(img/design/bodyBg.jpg) repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ------------------------------------------- Vseobecne ------------------------------------------- */
h3 {
	font-size: 14px;
}
h2 {
	margin: 0px;
	padding: 3px 5px 3px 5px;
	background: #D6D6D6;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 11px;
	font-weight: normal;
	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: #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;
}
/* ------------------------------------------- (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 5px;
	color: #000;
	font-size: 11px;
	text-align: left;
}
.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;
}
.newsletter .hlaska{
	margin: 2px 5px 2px 5px;
}
/* ------------------------------------------- (Hlasky) ------------------------------------------- */
/* ---------------------------------- 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 {
	width: 680px;
	font-size: 11px;
	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: #729E00;  
	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;
}
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) --------------------------------------------- */


/* ---------------------------------- 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 #DA1A01;
}
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 #DA1A01;
}
input.button {
	padding: 2px 4px 2px 4px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background: #b5b5b5 url(img/design/inputButton.gif) repeat-x;
	color: #000;
	cursor: pointer;
}
input.button.active {
		background: #373737 url(img/design/inputButtonHover.gif) repeat-x;
		color: #fff;
}
div#pravy-stlpec h2.prihlasenie {
	position: relative;
	display: block;
	padding: 0px;
}
div#pravy-stlpec h2 a.roll{
	display: block;
	color: #A9DA01;
	line-height: 13pt;
	height: 13pt;
	width: 203px;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:18px;
	cursor: pointer;
}
div#pravy-stlpec h2 a.roll:hover{
	text-decoration: none;
}
div#pravy-stlpec h2 a.down{
	background: url(img/design/sipkaDole.gif) no-repeat; 	
}
div#pravy-stlpec h2 a.down:hover{
	background: url(img/design/sipkaDoleHover.gif) no-repeat; 	
}
div#pravy-stlpec h2 a.up{
	background: url(img/design/sipkaHore.gif) no-repeat; 	
}
div#pravy-stlpec h2 a.up:hover{
	background: url(img/design/sipkaHoreHover.gif) no-repeat; 	
}
div#login{
	margin: 5px 0px;
	padding-left: 30px;
}
div#login .hlaska{
	color: #fff;
}
div#login .uzivatel{
	margin-bottom: 7px;
	color: #fff;
}
div#login ul{
	margin: 0px;
	margin-top: 10px; 
	padding: 0px;
	list-style: none;
}
div#login ul li a{
	padding-left: 10px;
	line-height: 18px;
	background: url(img/design/sipka.gif) no-repeat 0px 4px;
}
div#login input{
	margin-bottom: 5px;
}
div#login a{
	color: #fff;
}
/* ---------------------------------- (Prihlasenie) --------------------------------------------- */
/* ---------------------------------- nastavenie vypisu --------------------------------------------- */
div.nastavenie-vypisu {
	position: relative;
	height: 38px;
	line-height: 38px;
	margin-left: 6px;
	padding: 0px 20px;
	background: url(img/design/tovarNastavenieBg.jpg) no-repeat;
	font-size: 11px;
	text-align: right;
	color: #858181;
}
.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: #c71006;
}
.nastavenie-vypisu a:hover {
	text-decoration: none;
	color: #313131;
}
.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;
}
.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: 466px;
	padding: 10px;
	text-align: justify;
}
/* ---------------------------------- (ramik) --------------------------------------------- */
div.text-kategorie {
	color: #555;
	text-align: justify;
	padding: 0px 15px 15px 15px;
}
div#registracny-formular p.hlaska { 
	margin-top: 0px; margin-bottom: 0px; 
}
/* ---------------------------------- registracny form --------------------------------------------- */
div#registracny-formular { 
	font-size: 11px;
}
div#registracny-formular table td { 
	vertical-align: top; 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 25px 0px 25px;
	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: 308px;
	border: none;
	border-collapse: collapse;
	margin-top: 30px;
	margin-bottom: 15px;
	padding: 0px;
}
table.charakteristiky h3 {
	margin: 12px 0px 6px 0px;
	padding: 3px 5px 3px 5px;
	background: #D6D6D6;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 12px;
	color: #222;
}
table.charakteristiky td {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
table.charakteristiky td.vpravo { 
	text-align: left; 
	padding: 2px 5px 2px 5px; 
}
table.charakteristiky td.tucne { 
	width: 25%;
	font-weight: bold; 
	padding: 2px 5px 2px 5px; 
}
/* ---------------------------------- (charakteristiky) --------------------------------------------- */
/* ------------------------------- zlozky kategorii ---------------------------- */
div.kategoriaVypisNahlady {
	float: left;
	position: relative;
	width: 145px;
	height: 150px;
	margin: 14px 4px 0px 21px;
	_margin: 14px 4px 0px 10px;
}
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: 16px;
	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: #f3f3f3 url(img/design/registracnyVrch.gif) repeat-x;
	border: 1px solid #d9d9d9;
	border-left: 1px solid #f1e1e1;
	border-top: 1px solid #e8e8e8;
}
.formular.registracny table{
	*margin-left: 75px;
}
.formular .required,
.formular.registracny .required {
	border-left: #c42d2d 4px solid ;
}
.formular.registracny td {
	/*
	border-color: #fff;
	*/
}
.formular.registracny .polozka_nazov {
	width: 250px;
}
.formular.registracny select,
.formular.registracny textarea,
.formular.registracny .textbox {
	width: 180px;
}
/* ------------------ (Registracny) ------------------*/
/* ------------------------------ Link-bar --------------------------------- */
.link-bar {
	position: absolute;
	left: 40px;
	top: 35px;
	color: #858181;
	z-index: 90;
}
.link-bar a {
	padding: 0px 10px;
	color: #858181;
}
.link-bar .link-box {
	position: relative;
	float: left;
}
.link-bar .pop-box {
	position: absolute;
	left: 0px;
	width: 300px;
	margin-top: 14px;
	*margin-top: 28px;
}
.link-bar .pop-box .wrap {
	position: relative;
	width: 270px;
	padding: 10px;
	padding-left: 20px;
	background: url(img/design/popbox-bg.png) repeat-y;
}
.link-bar .pop-box .wrap .hlaska {
	font-size: 11px;
}
* html .link-bar .pop-box .wrap {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/flowerpeople.eu/img/design/popbox-bg.png", sizingMethod="scale"); 
}
.link-bar .pop-box .top {
	position: relative;
	width: 300px;
	height: 14px;
	margin-top: -14px;
	background: url(img/design/popbox-top.png) no-repeat;
}
* html .link-bar .pop-box .top {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/flowerpeople.eu/img/design/popbox-top.png", sizingMethod="image"); 
}
.link-bar .pop-box .bottom {
	position: relative;
	width: 300px;
	height: 12px;
	margin-bottom: -12px;
	background: url(img/design/popbox-bottom.png) no-repeat;
}
* html .link-bar .pop-box .bottom {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/flowerpeople.eu/img/design/popbox-bottom.png", sizingMethod="image"); 
}
.link-bar .pop-box .mmsep {
	height: 8px;
}
.link-bar .pop-box a {
	margin-left: 4px;
}
.link-bar .pop-box input.textbox {
	width: 140px;
}
.link-bar .pop-box .hlaska {
	text-align: left;
}
/* -------------------------------------- (Link-bar) --------------------------------- */
/* ---------------------------------------- (Formulare) -----------------------------------*/

/* ------------------------------- hlavicka ---------------------------- */
div#hlavicka{
	position: relative;
	width: 904px;
	height: 337px;
	background: url(img/design/hlavickaBg.jpg) no-repeat;
}
div#hlavicka div.kosik{
	position: absolute;
	right: 10px;
	top: 22px;
	line-height: 38px;
}
div#hlavicka div.kosik a.nadpis{
	display: block;
	float: left;
	padding-left: 45px;
	background: url(img/design/kosik.gif) no-repeat;
	color: #c00000;
}
div#hlavicka div.kosik .price{
	color: #858181;
}
div#hlavicka div.banner{
	overflow: hidden;
	position: absolute;
	top: 127px;
	left: 208px;
	width: 696px;
	height: 192px;
	z-index: 1;
}
div#hlavicka div.menu{
	position: absolute;
	top: 63px;
	left: 208px;
	height: 58px;
}
div#hlavicka div.menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	overflow: hidden;
}
div#hlavicka div.menu ul li{
	float: left;
	display: block;
	height: 58px;
}
div#hlavicka div.menu ul li a{
	float: left;
	display: block;
	height: 58px;
	line-height: 58px;
	padding: 0px 10px;
	color: #858181;
}
div#hlavicka div.menu ul li a.active{
	color: #c71006;
}
div#hlavicka a.logoklik{
	position: absolute;
	left: 15px;
	top: 196px;
	width: 180px;
	height: 50px;
}
div#hlavicka div.search{
	position: absolute;
	left: 25px;
	top: 81px;
	width: 200px;
	height: 28px;
}
div#hlavicka div.search div{
	position: relative;
}
div#hlavicka div.search input.textbox{
	position: absolute;
	top: 3px;
	left: 5px;
	background: none;
	border: none;
	color: #fff;
}
div#hlavicka div.search input.button{
	position: absolute;
	top: 5px;
	left: 150px;
	width: 12px;
	height: 12px;
	background: url(img/design/searchButtonBg.gif) no-repeat;
	border: none;
}
div#hlavicka div.search input.button.active{
	background: url(img/design/searchButtonBgHover.gif) no-repeat;
}
div#hlavicka div.jazykMenu{
	position: absolute;
	right: 25px;
	top: 83px;
}
div#hlavicka div.jazykMenu ul{	
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#hlavicka div.jazykMenu ul li{
	float: left;
	margin-right: 5px;
}	
div#hlavicka div.mojeMenu{
	z-index: 90;
}
/* -------------------------------(hlavicka)---------------------------- */

/* ------------------------------- obal ---------------------------- */
div#obal{
	width: 904px;
	margin: 0 auto;
	background: url(img/design/obalBg.jpg) repeat-y;
}
div#obsah{
	background: url(img/design/obalBGvrch.jpg) no-repeat;
}
/* -------------------------------(obal)---------------------------- */

/* ------------------------------- Lavy-stlpec ---------------------------- */
div#lavy-stlpec{
	position: relative;
	overflow: hidden;
	float: left;
	width: 203px;
}
div#lavy-stlpec .box{
	margin-left: 9px;
	background: url(img/design/boxBg.gif) repeat-y;
}
div#lavy-stlpec h2{
	position: relative;
	left: 9px;
	height: 37px;
	line-height: 37px;
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	background: url(img/design/lavy-stlpecH1.gif) no-repeat;
	border: none;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
div#lavy-stlpec h2.first{
	background: url(img/design/lavy-stlpecH1first.gif) no-repeat;
}
div#lavy-stlpec .spodok{
	position: relative;
	left: 8px;
	height: 20px;
	width: 195px;
	background: url(img/design/lavy-stlpecSpodok.gif) no-repeat;
}
div.autofilter{
	text-align: right;
	padding: 10px 20px 0px 0px;
}
div.autofilter select{
	width: 160px;
	margin-bottom: 10px;
}
div.kategorie ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div.kategorie ul li{
	display: block;
	height: 24px;
}
div.kategorie ul li a{
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	color: #858181;
} 
div.kategorie ul li a:hover{
	background: #e7e4e2;
	text-decoration: none;
}
div.kategorie ul li.ciara, div.kategorie ul li.hlbsieciara{
	height: 1px;
	margin-left: 10px;
	line-height: 1px;
	font-size: 1px;
	background: url(img/design/katLiCiarka.gif) no-repeat;
}
div.kategorie ul li.top-aktivna-priamo a,div.kategorie ul li.aktivna a{
	color: #444141;
}
div.kategorie ul li.top-aktivna a{
	text-decoration: underline;
}
/* --------------- anketa --------------- */
.anketa .box{
	padding: 5px;
	width: 190px;
	text-align: left;
	overflow: hidden;
}
.anketa .otazka {
	position:relative;
	line-height: 16px;
	padding: 15px 5px 15px 10px;
	z-index: 50;
	overflow: hidden;
	font-size: 11px;
	color: #858181;
}
div#lavy-stlpec .anketa .box .ciara{
	height:2px;
	width:100%;
	margin-bottom: 5px;
	background: none;
}
.anketa .obal{
	padding-left: 10px;
}
div#lavy-stlpec .anketa a{
	display: inline;
	padding: 0px;
	margin: 0px;
	height: auto;
	line-height: 16px;
}
div#lavy-stlpec .anketa a:hover{
	display: inline;
	padding: 0px;
	margin: 0px;
	height: auto;
	line-height: 16px;
	text-decoration: underline;
}
div#lavy-stlpec .anketa a.odkaz {
	display: block;
	float: left;
	line-height: 16px;
	background: transparent;
	font-size: 11px;

}
div#lavy-stlpec .anketa a.odkaz:hover {	
	line-height: 16px;
	background: transparent;
}
div#lavy-stlpec .anketa a.graf {
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	width: 171px;
	height: 4px;
	cursor: pointer;
	background: url(img/design/anketaPasikBg.gif) no-repeat;
}
div#lavy-stlpec .anketa a.graf:hover {
	background: url(img/design/anketaPasikBg.gif) no-repeat;
}
div#lavy-stlpec .anketa span.bar{	
	float: left;
	height: 4px;
	margin: 0px;
	padding: 0px;
	background: url(img/design/anketaBar.gif) no-repeat;
	border-right: 1px solid #aaa;
}
div#lavy-stlpec .anketa span.perc{	
	position: relative;
	left: 3px;
	top: -5px;
	font-size: 11px;
}
.anketa .odkaz:hover{
	text-decoration:underline;
}
.anketa .detaily{
	position:relative;
	width: 199px;
	height: 24px;
	line-height: 24px;
	padding: 15px 5px 15px 10px;
	z-index: 50;
	overflow: hidden;
	background: url(img/design/anketaOtazkaBg.gif) no-repeat;
	font-size: 11px;
	color: #858181;
}
.anketa .detaily span{
	color: #d50000;
}
.anketa .odkaz{
	text-decoration: none;
}
/* ---------------(anketa)--------------- */
/* --------------- Newsletter ---------------*/
.newsletter table{
	margin-top: 10px;
	margin-bottom: 5px;
}
.newsletter h1{
	padding: 15px 10px 10px 10px;
	margin: 0px;
	font-size: 14px;
	color: #0185ad;
}
.newsletter input.button {
	width: 61px;
	height: 21px;
	margin-top: 10px;
	margin-left: 7px;
	background: url(img/design/newsletterSipka.gif) no-repeat 5px center;
	border: none;
	font-size: 11px;
	color: #d50000;
}
.newsletter input.button.active {
	background-image: url(img/design/newsletterSipkaHover.gif) ;
	color: #858181;
}
.newsletter .textbox{
	margin-left: 7px;
	padding: 4px 5px 2px 5px;
	height: 16px;
	background: none;
	border: none;
	color: #858181;
}
.newsletter .textbox:hover{
	background: none;
	border: none;
}
.newsletter div#news{
	width: 177px;
	margin: 0 auto;
	background: url(img/design/newsletterTextbox.gif) no-repeat;
}
.newsletter div#news.active{
	background: url(img/design/newsletterTextboxHover.gif) no-repeat;
}
.newsletter .blabol{
	padding-left: 10px; 
	padding-bottom: 10px;
	line-height: 16px;
	text-align: left;
	font-size: 11px;
	color: #858181;
}

/* ---------------(Newsletter)---------------*/
/* -------------------------------(Lavy-stlpec)---------------------------- */

/* ------------------------------------------------------- Main ------------------------------------------------------ */
div#main{
	position: relative;
	overflow: hidden;
	float: left;
	width: 700px;
}
div#main h1{
	line-height: 37px;
	margin: 0px;
	padding-left: 25px;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	background: url(img/design/mainH1.gif);
}
div#main div.obsah{
	padding: 10px 15px 0px 15px;
	line-height: 16px;
	text-align: justify;
	color: #858181;
}
/* --------------- Produkty ---------------*/
.produkty{
	margin: 0px 15px;
}
.produkty .produkt{
	position: relative;
	height: 155px;
	padding: 10px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dad7d6;
}
.produkty .produkt .left{
	float: left;
	position: relative;
	width: 155px;
	height: 155px;
}
.produkty .produkt .left img{
	border: 1px solid #ce0000;
	margin: 2px;
}
.produkty .produkt .left img:hover{
	border: 3px solid #ce0000;
	margin: 0px;
}
.produkty .produkt .right{
	float: left;
	width: 510px;
}
.produkty .produkt .right .nazov{
	margin-bottom: 10px;
}
.produkty .produkt .right .nazov a{
	color: #d50000;
	font-size: 14px;
	font-weight: bold;
}
.produkty .produkt .right .popis{
	line-height: 16px;
	text-align: justify;
	height: 64px;
	overflow: hidden;
	margin-bottom: 16px;
	color: #858181;
}
.produkty .buttons a.kosik{
	display: block; 
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	margin-right: 30px;
	background: url(img/design/produktKosik.gif) no-repeat;
}
.produkty .buttons a.detail{
	display: block; 
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	background: url(img/design/detail.gif) no-repeat;
}
.produkty div.cena{
	position: absolute;
	bottom: 0px;
	*bottom: -1px;
	right: 0px;
	float: right;
	width: 84px;
	height: 43px;
	padding-top: 20px;
	line-height: 16px;
	background: url(img/design/produktCena.gif);
	color: #d50000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.produkty div.cena span{	
	display: block;
	font-size: 11px;
	font-weight: normal;
}

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 img {
	border: 1px solid #CE0000;
	margin: 2px;
}
div.produkt-tabulka table a:hover img {
	border: 3px solid #CE0000;
	margin: 0px;
}
div.produkt-tabulka table td { 
	padding: 3px; 
	border-bottom: 1px #C8C8C8 solid; 
}
div.produkt-tabulka table td.obrazok {
	width: 100px;
} 
div.produkt-tabulka table table { 
	width: auto; 
}
div.produkt-tabulka table table td { 
	padding: 1px; border: none;
}
div.produkt-tabulka span.nadpis {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
div.produkt-tabulka td.last{
	color: #DA1A01;
}
div.produkt-tabulka span.cena { 
	font-size: 12px; 
}
div.produkt-tabulka table th {
	background: #D6D6D6;
	color: #222;
	border-bottom: 1px #C8C8C8 solid;
}
div.produkt div.produkt-tabulka {
	width: 480px;
}
div.produkt-tabulka table .oldprice{
	text-decoration: line-through;
}
div.produkt-tabulka table .cena{
	font-weight: bold;
	color: #d50000;
}
div.produkt-tabulka table .secmena{
	font-size: 10px;
	color: #858181;
}
/* ---------------(Produkty)---------------*/

/* --------------- Detail ---------------*/
div#detail .nadpis{
	padding-left: 30px;
	line-height: 37px;
	color: #fff;
}
div#detail div.hierarchia{
	margin-left: 6px;
	padding: 0px 20px;
	height: 38px;
	line-height: 38px;
	background: url(img/design/tovarNastavenieBg.jpg) no-repeat;
}
div#detail .dbox{
	margin: 20px;
	margin-bottom: 5px;
}
div#detail .sleft{
	position: relative;
	float: left;
	width: 210px;
}
div#detail .sleft a.obrazok{
	width: 210px;
	height: 210px;
	display: block;
}
div#detail .sleft a.obrazok img{
	display: block;
	border: 1px solid #ce0000;
}
div#detail .sright{
	position: relative;
	float: left;
	width: 450px;
}
div#detail .sright h3{
	margin: 5px 0px 15px 0px;
	color: #D50000;
}
div#detail .sright .dostupnost{
	padding-bottom: 10px;
}
div#detail a.kosik{
	position: relative;
	top: 10px;
	left: 10px;
	display: block;
	width: 38px;
	height: 38px;
	padding-left: 45px;
	line-height: 38px;
	background: url(img/design/produktKosik.gif) no-repeat;
}
div#detail .box{
	width: 660px;
	margin-left: 20px;
	margin-top: 10px;
	border-bottom: 1px solid #dad7d6;
}
div#detail .box .cena{
	position: relative;
	bottom: -1px;
	float: right;
	width: 84px;
	height: 53px;
	padding-top: 10px;
	line-height: 16px;
	background: url(img/design/produktCena.gif);
	color: #d50000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
div#detail .box .cena span{
	font-size: 11px;
	font-weight: normal;
}
div#detail .box .cena .staraCena{
	font-size: 10px;
	font-weight: normal;
	text-decoration: line-through;
}

div#detail .info_tabulka{
	margin-bottom: 16px;	
	margin-left: 5px;
}
div#detail .info_tabulka .nadpis{
	padding: 0px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
}
div#detail div.popis{
	position: relative;
	overflow: hidden;
	padding: 0px 20px;
}
div#detail div.popis div{
	line-height: 18px;
	color: #000;
	text-align: justify;
}
div#detail div.popis h3{
	margin: 10px 0px;
	color: #000;
}
h3.inbox{
	height: 37px;
	line-height: 37px;
	padding: 0px 20px;
	margin: 20px 7px 10px 7px;
	background: url(img/design/produktH3.gif) no-repeat;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
.obrazky {
	padding-left: 20px;
}
.obrazky a {
	display: block;
	float: left;
	padding: 1px;
	margin: 2px;
	border:1px solid #CE0000;
}
/* ------ Varianty -------*/
div#detail .tabulka_varianty {
	width: 687px;
	margin: 0px 6px;
	background: url(img/design/tabVariantyVrch.gif) no-repeat;
	border-collapse: collapse;
}
div#detail .tabulka_varianty th{
	height: 37px;
	line-height: 37px;
	padding-left: 10px;
	border-right: 1px solid #dad7d6;
	color: #858181;
	text-align: left;
}
div#detail .tabulka_varianty th.kos{
	border: none;
}
div#detail .tabulka_varianty td{
	padding-left: 10px;
	border: 1px solid #dad7d6;
	border-top: none;
	color: #858181;
	text-align: left;
}
div#detail .tabulka_varianty tr.hover{
	background: #f2f2f2;
}
div#detail .tabulka_varianty .price{
	float: left;
	margin-right: 10px;
}
div#detail .tabulka_varianty .price strong{
	color: #ce0000;
}
div#detail .tabulka_varianty a.kosik{
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 27px;
	height: 27px;
	padding: 0px;
	background: url(img/design/tabVariantyKosik.gif) no-repeat; 
}
div#detail .tabulka_varianty td.obr{
	width: 85px;
	padding: 5px;
	text-align: center;
}
div#detail .tabulka_varianty td img{
	border: 1px solid #ce0000;
}
/* ------(Varianty)-------*/
/* ---------------(Detail)---------------*/
/* --------------- Spolocne objednavane ---------------*/
div.spolocne {
	padding-left: 20px;
}

div.spolocne .produkt{
	width: 150px;
	float: left;
	margin-top: 10px; 
	margin-right: 15px;
}
div.spolocne .produkt .nazov a{
	display: block;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	color: #be0000;
}
div.spolocne .produkt img{
	border: 1px solid  #be0000;
}
div.spolocne .buttons{
	margin: 8px 0px;
}
div.spolocne .produkt a.kos{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	display: block;
	width: 28px;
	height: 21px;
	line-height: 21px;
	padding-left: 30px; 
	margin-right: 10px;
	background: url(img/design/tabVariantyKosik.gif) no-repeat;
}
div.spolocne .produkt a.detail{
	float: left;
	display: block;
	width: 18px;
	height: 21px;
	padding-left: 23px;
	line-height: 21px;
	background: url(img/design/spolocneObjednavaneDetail.gif) no-repeat;
}
div.spolocne .cena{
	padding: 0px 5px;
	line-height: 24px;
	background: #f3f2f2;
	color: #be0000;
}
div.spolocne .cena span.hlavna{
	float: left;
	font-size: 11px;
}
div.spolocne .cena span{
	float: right;
	font-size: 10px;
}
/* ---------------(Spolocne objednavane)---------------*/
/* -------------------------------------------------------(Main)------------------------------------------------------ */

/* ------------------------------- Pravy-stlpec ---------------------------- */

/* -------------------------------(Pravy-stlpec)---------------------------- */


/* ------------------------------- Spodne menu ---------------------------- */
div.spodneMenu{
	margin: 0 auto;
	width: 904px;
	height: 57px;
	padding-top: 28px;
	background: url(img/design/spodneMenu.jpg) no-repeat;
}
div.spodneMenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div.spodneMenu ul li{
	float: left;
	display: block;
	height: 28px;
}
div.spodneMenu ul li a{
	float: left;
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0px 10px;
	color: #4b4545;
	text-decoration: none;
}
div.spodneMenu ul li a:hover{
	text-decoration: underline;
}
div.spodneMenu ul li a.active{
	color: #ac0803;
	text-decoration: none;
}
div.spodneMenu a.up{
	float: right;
	padding-right: 5px;
	padding-right: 55px;
	line-height: 28px;
}
/* -------------------------------(Spodne menu)---------------------------- */

/* ------------------------------- pata ---------------------------- */
div#pata{
	width: 904px;
	margin: 0 auto;
}
div#pata div.copyright{
	float: left;
	padding-left: 5px;
	color: #858181;
}
div#pata div.power{
	float: right;
	padding-right: 5px;
	color: #858181;
}
div#pata div.power a{
	color: #858181;
	text-decoration: underline;
}
div#pata div.power a:hover{
	text-decoration: none;
}	
/* -------------------------------(pata)---------------------------- */

span.flag1{
	position: absolute;
	bottom: 0px;
	left: -10px;
	width: 69px;
	height: 89px;
	background: url(img/design/flag-top.png);
}
span.flag2{
	position: absolute;
	bottom: 0px;
	left: -10px;
	width: 69px;
	height: 89px;
	background: url(img/design/flag-akcia.png);
}
span.flag3{
	position: absolute;
	bottom: 0px;
	left: -10px;
	width: 69px;
	height: 89px;
	background: url(img/design/flag-vypredaj.png);
}
span.flag4{
	position: absolute;
	bottom: 0px;
	left: -10px;
	width: 69px;
	height: 89px;
	background: url(img/design/flag-novinka.png);
}
* html span.flag1 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/flag-top.png", sizingMethod="image"); 
}
* 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.flag3 {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/flag-vypredaj.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"); 
}
div.onlinePlatba {
	padding: 20px;
}

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

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

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