/* center blok aj s pozadiami divov: 820 na sirku */
#inner {
 width: 820px;
 margin-left: auto;
 margin-right: auto;
}

#header {
 margin-top: 2px; /* presne - aby zapasovali ciary pozadia */
 position: relative;
 height: 170px;
 background-image: url("../imgs/header-bg.jpg");
 background-repeat: no-repeat;
}
#header #logo {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0;
}
#header #search {
 position: absolute;
 top: 100px;
 left: 30px;
}
#header #search FORM {
 margin: 0px;
}
#headerBgImage {
 height: 170px;
 /* background-image: url("../imgs/header-image-01.jpg"); setnute v headeri */
 background-repeat: no-repeat;
 background-position: 100% 0%;
}
/* 'posib' => ':bez tiena|M:maly tien|S:stredny tien|V:velky tien', */
#headerBgImageTienTypeM, #headerBgImageTienTypeS , #headerBgImageTienTypeV {
 position: absolute;
 display: none;
}
#headerFrame {
 height: 170px;
 background-image: url("../imgs/header-frame.gif");
 background-repeat: no-repeat;
}

/* --------------------------------------------------------------------------- */

#menuRow1 {
 background-image: url("../imgs/menu-row1-bg.gif");
}
#menuRow12 {
 background-image: url("../imgs/menu-row12-bg.gif");
}
#menuRow1, #menuRow12 {
 padding-top: 9px;
 height: 26px; /* 35-9 */
 background-repeat: no-repeat;
 
 font-size: 13px;
 color: #970000;

 padding-left: 25px;
 padding-right: 25px;
}
#menuRow1 A, #menuRow12 A {
 text-decoration: none;
 color: #970000;
}

#menuRow2 {
 padding-top: 7px;
 padding-bottom: 7px;
 min-height: 23px;  /* 30-7 */
 _height: 23px;

 background-image: url("../imgs/menu-row2-bg.gif");
 background-position: 0% 100%;
 background-repeat: no-repeat;

 font-size: 13px;
 color: #724848;

 padding-left: 11px; /* sirka akurat na kvoli vodorovnej ciare medzi menu level1 a level2 */
 padding-right: 11px;
}
#menuRow2 A {
 text-decoration: none;
 color: #724848;
}

#produktyMenu UL {
 margin: 0;
 padding: 0;
 list-style-type: none;
 padding-left: 15px;
 padding-right: 15px;
}
#produktyMenu UL LI {
 display: inline;
}
#produktyMenu UL.level1 LI {
 color: gray;
}
#produktyMenu UL.level1 LI A {
 text-decoration: underline;
 font-weight: bold;
}
#produktyMenu UL.level1 LI A.selected {
 color: white;
 background-color: #D20000;
 text-decoration: none;
}

#produktyMenu UL.level2 {
 border-top: 1px solid silver; /* ciara medzi menu level1 a level2 */
 margin-top: 10px;
 padding-top: 5px;
 padding-bottom: 2px;
}
#produktyMenu UL.level2 LI {
 color: gray;
 font-size: 85%;
}
#produktyMenu UL.level2 LI A {
 text-decoration: underline;
 color: #B40000;
}
#produktyMenu UL.level2 LI A.selected {
 text-decoration: none;
 color: black;
 color: white;
 background-color: #D20000;
}

/* --------------------------------------------------------------------------- */

#contentTop {
 background-image: url("../imgs/content-bg-top.gif");
 background-repeat: no-repeat;
 height: 20px;
}
#content {
 background-image: url("../imgs/content-bg.gif");
 background-repeat: repeat-y;
 padding-left: 25px;
 padding-right: 25px;
 
 min-height: 300px;
 _height: 300px;
}

#contentInner {
 background-color: white;
 color: #810000;
}
#contentInner H1 {
 color: #B40000;
 font-size: 16px;
 
 border-bottom: 1px solid #E2E2E2;
 width: 600px;

 margin: 0;
 padding: 0;
 padding-bottom: 3px;
 margin-bottom: 10px;
}
#contentInner H1 A {
 color: #B40000;
 text-decoration: none;
}
#contentInner H1 .odd {
 color: gray;
}

#contentBottom {
 background-image: url("../imgs/content-bg-bottom.gif");
 background-repeat: no-repeat;
 height: 20px;
}

#footer {
 color: #4D0000;
 font-size: 11px;
 padding-left: 20px;
 padding-right: 20px;
 margin-top: 3px;
 margin-bottom: 20px;
}
#footer A {
 text-decoration: none;
 color: #4D0000;
}

.clankyUvod .clanok {
 padding: 10px;
 background-image: url("../imgs/article-bg.jpg");
 background-repeat: no-repeat;
 border-right: 1px solid white; /* hack pre IE aby neskryval obsah... */
}

/* --------------------------------------------------------------------------- */

.textPage {
 padding-left: 0px;
 padding-right: 25px;
 padding-top: 5px;
 font-size: smaller;
}

.lngSelector {
 float: right;
 font-size: 11px;
}
.lngSelector A {
 color: black;
 text-decoration: none;
}

/* --------------------------------------------------------------------------- */

.produktyZoznam {
 font-size: smaller;
 color: #333333;

 padding-bottom: 20px;
 width: 100%; /* hack pre IE aby neskryval obsah... */
}

.produktyZoznam .produkt {
 clear: both;
 padding-top: 5px;
}

.produktyZoznam .produktThumb {
 float: left;
 cursor: pointer;
 padding-bottom: 5px;
}

.produktyZoznam .produktThumb .pic {
 background-repeat: no-repeat;
 background-position: 4px 4px;
 width: 110px;
 /* height predefinovany v zdroji */
}
.produktyZoznam .produktThumb .frameTop {
 background-image: url("../imgs/prodpic-bg-top.gif");
 background-repeat: no-repeat;
 width: 110px;
}
.produktyZoznam .produktThumb .frameBottom {
 background-image: url("../imgs/prodpic-bg-bottom.gif");
 background-repeat: no-repeat;
 background-position: 0% 100%;
 width: 110px;
}

.produktyZoznam .produktBox {
 margin-left: 120px;
 margin-right: 10px;
}

.produktBox .title, .produktPage .title {
  font-weight: bold;
  font-size: 125%;
}
.produktBox .title A, .produktPage .title {
 color: #830404
}
.produktBox .title .novinka, .produktBox .title .novinka A, .produktPage .title .novinka, .produktPage .title .novinka A {
 text-decoration: none;
 color: red;
 font-size: 90%;
 font-weight: bold;
}

.produktBox .code {
 float: right;
 width: 150px; /* sirka, aby boli rovnako zarovnane */
 padding-left: 15px;
 padding-bottom: 5px;
 color: #595959;
}
.produktBox .code .popis {
}
.produktBox .code .popis A {
 color: #595959;
}
.produktBox .logo {
 float: right;
 width: 150px; /* tolkoto daleko je kod od kraja */
 text-align: right;
}
.produktBox .text {
 margin-top: 5px;
}

/* --------------------------------------------------------------------------- */

.produktPage .produktLeft {
 width: 320px;
 float: left;
 margin-top: 15px;
}

.produktPage .produktRight {
 margin-left: 330px;
 margin-top: 15px;
}

.produktPage .text {
 margin-top: 10px;
}


/* --------------------------------------------------------------------------- */

.pagermenu {
 text-align: center;
 font-size: 12px;
 font-weight: bold;

 padding-top: 11px;
 height: 29px;
 
 color: #909090;

 background-image: url("../imgs/paging-bg.gif");
 background-repeat: no-repeat;
}
.pagermenu .akt {
 color: #830404;
}
.pagermenu A {
 color: #464646;
}

/* --------------------------------------------------------------------------- */

/* obrazok so znackou na stranke produktov */
.znackaBox {
 width: 150px;
 height: 150px;
 margin: 20px;
 _margin: 15px; /* explorer proste blbne a zobrazuje do dalej od laveho okraja... */
 padding: 0px;
 
 -moz-border-radius: 10px;
 
 float: left;
 border: 1px solid silver;
 
 text-align: center;
 vertical-align: bottom;
 
 font-size: 12px;
 font-weight: bold;
}
.znackaBox A {
 color: gray;
 text-decoration: none;
}
.znackaBox IMG {
 border: 0;
}

/* --------------------------------------------------------------------------- */

TABLE.download {
 border-collapse: collapse;
 border-bottom: 2px solid gray;
 background-image: url("../imgs/article-bg.jpg");
 background-repeat: no-repeat;
 width: 100%;
}
TABLE.download TH {
 color: #4D0000;
 border-bottom: 2px solid gray;
}
TABLE.download TD {
 border: 1px solid silver;
 border-left: 0;
 border-top: 0;
 font-size: smaller;
 color: #724848;
}
TABLE.download A {
 font-weight: bold;
}

/* --------------------------------------------------------------------------- */

.clear {
 clear: both;
}

A {
 color: #B40000;
}

BODY {
 font-family: arial, helvetica, sans-serif;
 background-color: #B10000;
 background-image: url("../imgs/body-bg.jpg");
 background-repeat: repeat-x;
 margin: 0;
 padding: 0;
}


/* --------------------------------------------------------------------------- */
/* FCK */

.small {
 font-size: smaller;
}

.small2 {
 font-size: x-small;
}

.large {
 font-size: large;
}

.red, .red a:link, .red a:visited {
 color: red;
}

.blue, .blue a:link, .blue a:visited {
 color: blue;
}

.silver, .silver a:link, .silver a:visited {
 color: silver;
}

p {
 margin: 0px;
}

.btn {
 color: red;
 background-color: pink;
}

.akciaPercent {
	background-color: red;
	color: yellow;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 3px;
}

/* --------------------------------------------------------------------------- */

/*
IMG {
 display: none;
}
#header #logo {
 display: none;
}
BODY {
 background-color: silver;
 background-image: none;
}
*/