/* === SKIN /_skins/website */

/* elementy */
html {
  font:  /* 12px id:* */ 75%/1.4 Arial, Tahoma, sans-serif;
  color: #333333;
  padding: 0;
  margin: 0;
}
html, body { height: 100%; }
body {
  min-width: 980px;
  padding: 0;
  margin: 0;
  text-align: center;
  background: #dddddd;
}
body.bg { background: #dddddd url("/modules/module_img/images/back-html.png") 0 0 repeat-x; }


h1 {
  position: relative;
  width: 960px; height: 182px;
  margin: 0;
  overflow: hidden;
  font-size:  /* 24px */ 200%;
  text-align: center;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 960px; height: 182px;
  background: url("/__imgthumb/web/187-428/3840-3840/b8ea-header.jpeg") no-repeat;
  cursor: pointer;
}

#content h1 {
  position: static;
  width: auto; height: auto;
}
#content h1, h2, h3, h4, h5, h6 {
  margin: .2em 0;
  font: normal normal  /* 27px */ 225%/1.4 "Myriad Pro", Arial, Tahoma, sans-serif;
  color: #114b0a;
  clear: both;
}
h3 {
  font-size:  /* 17px */ 141.67%;
  color: #114b0a;
}
h4, h5, h6 {
  font: normal bold  /* 12px */ 100%/1.6 Arial, Tahoma, sans-serif;
  color: #114b0a;
}

h2.columnHeader {
  margin: 0 10px;
  padding: 0 10px 5px;
  border-bottom: 1px dotted #000000;
  color: #114b0a;
  font-size:  /* 17px */ 141.67%;
  line-height: 1;
  text-transform: uppercase;
}
#content h2.columnHeader { margin: 0 -10px; }

ul, ol, dl, p, .p, address, fieldset, .gallery, .fileList, .product, .MessageQueue, .pagging { margin: 0 0 1em; }

.MessageQueue * { vertical-align: middle; border: 0; }

ul, ol { padding-left: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin: 0 0 .5em 0; }
li { margin-left: 25px; }

address { font-style: normal; }
address span, span.width {
  display: block;
  width: 6em;
  float: left;
}

hr {
  height: 1px;
  color: #000000;
  background-color: #000000;
  border: 0px solid #000000;
  margin: 0;

  margin: .66em 0;

}

sub, sup {
  vertical-align: baseline;
  position: relative;
}
sub { top:    0.4em; }
sup { bottom: 0.4em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 1.5em; }

img { border: 1px solid #000000; }
#content img { margin: .25em 10px; }
#file img, #content .fileList img { border: none; margin: 0; }

/* tabulky */
table {
  margin: 1em 0;
  border-collapse: collapse;
}
td, th { padding: 2px; }
th {
  background: #008c30;
  color: #ffffff;
}
tr td, tr th { border: 1px solid #000000; }
table#file {
  width: 100%;
  border-bottom: 1px solid #000000;
}
#file td, #file th {
  border: none;
  vertical-align: top;
}
#file .img { width: 220px; }
#file .ico { width: 84px; }

.productDetail { width: 100%; table-layout: fixed; }
.productDetail td, .productDetail th {
  border: 0;
  background: none;
  padding: 2px 0;
  vertical-align: top;
}
.productDetail th {
  color: #114b0a;
  text-align: right;
  padding-right: 10px;
  width: 170px;
  height: 1.4em;
}
.productDetail .last th { height: auto; }
.productDetail .mainImage {
  width: 210px;
  text-align: right;
}
.productDetail .mainImage img { margin: 0 !important; }


.no-border, .no-border * { border: none !important; }


/* formuláře */
form { margin: 0; }
fieldset {
  padding: 0;
  border: 0;
}
fieldset, .checkbox { line-height: 28px; }
fieldset p, filedset table, fieldset hr { margin: 0 0 1em; }

legend {
  padding: 0 5px;
  font-weight: bold;
  color: #333333;
}

input, select, textarea { font: 13px/1.4 Tahoma, Arial, sans-serif; }
input, select, textarea { vertical-align: middle; }
input.text, textarea {
  margin: 2px 0;
  padding: 3px; /* centruje obsah ve ff*/
  width: 300px; height: 16px; /* padding se počítá do výšky */
}
select {
  margin: 2px 0;
  padding: 3px 0; /* vycentruje obsah ve ff */
  width: 308px; height: 24px; /* padding se do výšky nepočítá */
}
input.text, textarea, select {
  border: 1px solid #000000;
  background: #ffffff;
  color: #333333;
}

textarea { height: 150px; }

input.button {
  display: block;
  height: 24px;
  width: 0; /* pouze pro IE */
  overflow: visible;
  padding: 0 .5em 1px;
  margin: 1em auto 0;
  cursor: pointer;

  width: auto;

  border: 0;
  background: #008c30;
  color: #ffffff;
  font-weight: bold;
  line-height: 24px; /* vycentruje value pro ostatní */
}
input.button:hover {
  background: #ff2221;
  color: #ffffff;
}

label {
  display: block;
  float: left;
  clear: left;
  width: 170px;
  overflow: hidden;
  margin: 0 10px 0 0;
  text-align: right;
  vertical-align: middle;
}


div.safety-code {
  padding-top: .5em;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 35px;
}
div.safety-code img {
  margin: 0 !important;
  vertical-align: middle;
}
div.safety-code input {
  width: 201px;
  vertical-align: middle;
}

.infohelp {
  margin-left: 180px;
  text-indent: 0;
  font-style: italic;
}

.buttons .button { display: inline; margin: 0; }
.buttons {
  margin: 1em 0;
  text-align: center;
}

.pagging {
  clear: both;
  border-top: 1px solid #000000;
  padding-top: 0.2em;
  overflow: auto;
  color: #605d5c;
  line-height: 28px;
}
.pagging div { float: left; }
.pagging form { float: right; }
.pagging fieldset {
  margin: 0;
  width: auto;
  text-align: right;
}
.pagging label {
  float: none;
  display: inline;
}
.pagging .perPageForm select { width: 48px; }
.pagging .perPageForm input.button { margin: 0; display: inline; }


/* # id */
#fadeOut {
 

  min-height: 100%;

}
#fadeIn {
  overflow: hidden;
/*  min-height: 557px; /* 557 + 38 = 595 = back-fadein.png height*/
  padding: 0 0 38px;
}
#fadeIn.bg-black  { background: url("/__imgthumb/web/194-300/3840-3840/8f25-back-fadein.png") 0 0 repeat-x; }
#fadeOut.bg-black { background: url("/__imgthumb/web/195-292/3840-3840/619a-back-fadeout.png") 0 100% repeat-x; }
#fadeIn.bg-white  { background: url("/__imgthumb/web/204-301/3840-3840/c609-back-fadein-white.png") 0 0 repeat-x; }
#fadeOut.bg-white { background: url("/__imgthumb/web/205-305/3840-3840/af23-back-fadeout-white.png") 0 100% repeat-x; }


#pageWrap {
  width: 100%;
  padding: 0 0 5px;
  background: url("/__imgthumb/web/186-236/3840-3840/56e7-back-pagewrap.png") 50% 0 repeat-y;
  overflow: hidden;
}
#page {
  position: relative;
  width: 980px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  background: #ffffff;
}
#header {
  height: 182px;
  margin: 0 10px;
  position: relative;
  background: url("/__imgthumb/web/187-428/3840-3840/b8ea-header.jpeg") 100% 0 no-repeat;
}

#leftCol {
  position: relative; z-index: 1; /* trik pro operu, aby ořezávala padding-bottom */
  float: left;
  width: 212px;
  overflow: hidden;
  margin-bottom: -32767px;
  padding-bottom: 32767px; 
  border-right: 1px solid #000000;
}
#content {
  width: 767px;
 

  min-height: 300px;

  float: left;
}
#contentInner { padding: 0 20px; }


#language { display: none;}
#currentPage {
  text-indent: 0;
  margin: 0 10px 10px;
  padding: 10px;
}

#footer {
  position: relative;
  z-index: 2;
  text-align: center;
  border: 10px solid #ffffff;
  padding: 10px;
}

#footer, #currentPage {
  background: #008c30;
  color: #fbf6ba;
}


/* hlavní menu */
/* 1. úroveň */
#menu {
  list-style: none;
  margin: 0 20px;
  padding: 0;
}
#menu li {
  margin: .66em 0;
  padding: 0;
  background: url("/__imgthumb/web/199-364/3840-3840/f317-menu-bullet.png") 0 .15em no-repeat;
}
#menu li a {
  display: block;
  width: 152px;
  padding-left: 20px;
  background: url("/__imgthumb/web/199-364/3840-3840/f317-menu-bullet.png") 0 .15em no-repeat;
  font:  /* 12px id:menu */ 100%/1.6 "Myriad Pro", Arial, Tahoma, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
}
#menu li a:hover, #menu li a.active { color: #008c30; }
#menu li a.active {
  background: url("/__imgthumb/web/200-368/3840-3840/723d-menu-bullet-active.png") 0 .15em no-repeat;
}

/* 2. úroveň */
#menu ul {
  margin: 0 0 0 20px;
  font-size:  /* 11px rel:menu */ 91.67%;
}
#menu ul li {
  margin: 0 0 0 15px;
  padding: 0;
  list-style: square;
  color: #ff2221;
  background: none;
}
#menu ul li a {
  width: 100%;
  padding: 0;
  text-transform: none;
  background: none;
  color: #333333;
}
#menu ul li a:hover, #menu ul li a.active {
  color: #ff2221;
  text-decoration: underline;
  background: none;
}

/* 3. a nižší úroveň */
#menu ul ul {
  margin: 0;
  font-size:  /* 11px rel:menu */ 91.67%;
}


/* . class */
.cleaner {
  visibility: hidden;
  clear: both;
}
.clear { clear: both; }
.no-show {
  position: absolute;
  top: auto;
  left: -10000px;
}
.no-margin { margin: 0 !important; }
.no-indent { text-indent: 0; }

.wysiwyg-left img,  img.left  { margin-left:  0 !important; float: left; }
.wysiwyg-right img, img.right { margin-right: 0 !important; float: right; }

.wysiwyg-left img, .wysiwyg-right img { float: none; }

.center { text-align: center !important; text-indent: 0; }
.right  { text-align: right  !important; text-indent: 0; }


.product {
  float: left;
  width: 232px;
  padding: 0 5px 1em;
  text-align: left;
}

.gallery { overflow: auto; }
.product img, .gallery img { margin: 0 0 5px !important; }
.gallery div {
  float: left;
  width: 135px;
  overflow: hidden;
  padding: 1em 5px;
  text-align: center;
}
.gallery div.wide { width: 232px; }

.print {
  text-align: right;
  clear: both;
}
.print a {
  color: #333333;
  text-decoration: none;
}
.print a:hover { text-decoration: underline; }

.filelist {
  clear: both;
  padding: 1em 0 0;
  border-top: 1px solid #000000;
}
.filelist div { padding: 0 0 .5em; clear: both; }

.href-pic {
  float: left;
  clear: both;
  display: block;
  width: 40px;
  height: 2.8em;
  margin: 0 0 0 0;
 
  line-height: 2.8em;
  text-align: center;
  text-decoration: none !important ;
}
.href-pic img {
  vertical-align: middle;
  border: none;
}

/* odkazy */
a { color: #ff2221; }
a:hover, a:active, a:focus { color: #000000; } 

#footer a, #currentPage a { color: #fbf6ba; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus, #currentPage a:hover, #currentPage a:active, #currentPage a:focus { text-decoration: underline; }

#currentPage a { font-weight: bold; }
/* === */