/* CSS Document */

img, div, p, span, ul, li, h1, h2, h3, h4, h5, form, fieldset, table, hr {
  padding:0px;
  margin:0px;
  border:none;
}

a {
  color:#ffffff;
  text-decoration:underline;
}

a:hover {
  color:#cc3300;
  text-decoration:underline;
}

p {
  padding:5px 0px 5px 0px;
}

big {
  font-weight:bold;
  font-size:115%;
}

table {
  border-collapse:collapse;
  font-size:100%;
}

body {
  padding:0px;
  margin:0px;
  font-family:arial,helvetica,sans-serif;
  font-size:88%;
  text-align:center;
  color:#000000;
  background-image:url('../img/body-bg.gif');
  background-position:top center;
  background-repeat:repeat-x;
  background-color:#006600;
}

#pozadi-leva {
  position:absolute;
  top:0px;
  left:0px;
  width:50%;
  height:245px;
  background-image:url('../img/body-leva-bg.gif');
  background-position:top center;
  background-repeat:repeat-x;
}

/* hlavicka */

#hl-obal {
  position:relative;
  margin:auto;
  width:100%;
  height:198px;
  background-image:url('../img/hl-obal-bg.jpg');
  background-position:top center;
  background-repeat:no-repeat;
}

#hl {
  position:relative;
  margin:auto;
  width:988px;
  height:198px;
  background-image:url('../img/hl-obal-bg.jpg');
  background-position:top center;
  background-repeat:no-repeat;
}

#hl h1 {
  position:absolute;
  top:5px;
  left:47px;
  width:160px;
  height:132px;
  background-image:url('../img/logo.jpg');
  background-position:center;
  background-repeat:no-repeat;
  z-index:300;
}

#hl h1 a {
  display:block;
  width:100%;
  height:100%;
}

#hl p {
  position:absolute;
  top:32px;
  left:245px;
  padding:0px !important;
  width:699px;
  height:18px;
  background-image:url('../img/hl-napis.jpg');
  background-position:center;
  background-repeat:no-repeat;
}

#hl div {
  position:absolute;
  left:0px;
  bottom:0px;
  width:988px;
  height:185px;
}

/* menu */

#menu-obal {
  position:relative;
  margin:auto;
  width:100%;
  height:47px;
  background-image:url('../img/menu-obal-bg.jpg');
  background-position:top center;
  background-repeat:no-repeat;
}

#menu {
  position:relative;
  margin:auto;
  width:988px;
  height:47px;
  background-image:url('../img/menu-bg.gif');
  background-position:top center;
  background-repeat:repeat-x;
  overflow:hidden;
}

#menu li {
  float:left;
  margin:10px 0px 0px 0px;
  padding:5px 48px 5px 48px;
  height:17px;
  font-size:11pt;
  font-weight:bold;
  list-style-type:none;
  border-right:2px dotted #5ed15e;
}

#menu-last {
  border:none !important;
  padding-right:0px !important;
}

#menu li a {
  color:#000000;
  text-decoration:none;
}

#menu li a:hover {
  color:#cc3300;
  text-decoration:none;
}

/* stranka */

#str-obal {
  position:relative;
  margin:auto;
  width:100%;
  background-image:url('../img/str-obal-bg.jpg');
  background-position:top center;
  background-repeat:no-repeat;
}

#str {
  position:relative;
  margin:auto;
  width:988px;
  background-image:url('../img/str-bg.gif');
  background-position:top center;
  background-repeat:repeat-y;
}

#panel-leva {
  float:left;
  padding:15px 0px 0px 0px;
  width:205px;
  min-height:435px;
  _height:435px; /* hack MSIE 6 */
  text-align:left;
  background-image:url('../img/panel-bg.gif');
  background-position:top center;
  background-repeat:repeat-x;
  background-color:#5ec12c;
}

#panel-prava {
  float:right;
  padding:15px 0px 0px 0px;
  width:205px;
  min-height:435px;
  _height:435px; /* hack MSIE 6 */
  text-align:left;
  background-image:url('../img/panel-bg.gif');
  background-position:top center;
  background-repeat:repeat-x;
  background-color:#5ec12c;
}

#panel-stred {
  margin:0px 207px 0px 207px;
  padding:15px 0px 0px 0px;
  text-align:left;
  background-image:url('../img/panel-stred-bg.gif');
  background-position:top center;
  background-repeat:repeat-x;
  background-color:#65c933;
}

.obsah {
  padding:15px 20px 20px 20px;
  _padding:15px 17px 20px 17px; /* hack MSIE 6*/
}

.obsah-kontakt {
  padding:15px 20px 20px 20px;
}

.obsah-kontakt p {
  padding-top:7px !important;
  padding-bottom:7px !important;
  text-align:left !important;
}

.obsah-kontakt p big {
  font-size:110%;
  text-decoration:underline;
}

/* stredni panel */

#panel-stred h2 {
  margin:0px 3px 0px 3px;
  padding:12px 20px 12px 20px;
  font-size:140%;
  color:#ffffff;
  background-image:url('../img/panel-stred-h2-bg.gif');
  background-position:top left;
  background-repeat:repeat-y;
  background-color:#65c933;
}

  #panel-stred h2 img {
    position:relative;
    top:2px;
  }

#panel-stred h3 {
  padding:10px 0px 7px 0px;
  font-size:120%;
}

#panel-stred h4 {
  padding:10px 0px 5px 0px;
  font-size:100%;
}

#panel-stred p {
  text-align:justify;
}

.podtrzene {
  text-decoration:underline;
}

.zvyrazneni {
  color:#ccffcc;
}

.seda {
  color:#666666;
}

#panel-stred ul {
  padding:5px 0px 5px 20px;
}

ul.pismeno {
  list-style-type:lower-alpha;
}

ul.cislo {
  list-style-type:decimal;
}

.download {
  padding:3px 0px 3px 0px;
}

.download a {
  padding:0px 0px 0px 19px;
  background-image:url('../img/iko-file.gif');
  background-position:left center;
  background-repeat:no-repeat;
}

.vice, .zpet, .nahoru {
  padding:3px 0px 3px 0px;
  text-align:right !important;
}

.vice a {
  padding:0px 19px 0px 0px;
  color:#ffffff !important;
  text-decoration:none;
  background-image:url('../img/sipka-vice.gif');
  background-position:right center;
  background-repeat:no-repeat;
}

.vice a:hover {
  color:#cc3300 !important;
  background-image:url('../img/sipka-vice-hover.gif');
}

.zpet a {
  padding:0px 0px 0px 19px;
  color:#ffffff !important;
  text-decoration:none;
  background-image:url('../img/sipka-zpet.gif');
  background-position:left center;
  background-repeat:no-repeat;
}

.zpet a:hover {
  color:#cc3300 !important;
  background-image:url('../img/sipka-zpet-hover.gif');
}

.nahoru a {
  padding:0px 19px 0px 0px;
  color:#ffffff !important;
  text-decoration:none;
  background-image:url('../img/sipka-nahoru.gif');
  background-position:right center;
  background-repeat:no-repeat;
}

.nahoru a:hover {
  color:#cc3300 !important;
  background-image:url('../img/sipka-nahoru-hover.gif');
}

/* obrazky */

.pic-normal {
  border:1px solid #000000;
  margin:3px 0px 3px 0px;
}

.galerie {
  margin:7px 0px 7px 0px;
  border-collapse:separate;
}

.foto td {
  padding:4px;
  height:142px;
  width:142px;
  vertical-align:middle;
  text-align:center;
  border-right:7px solid #65c933;
  border-left:7px solid #65c933;
  background-image:url('../img/foto-bg.gif');
  background-position:top left;
  background-repeat:repeat;
}

.popis td {
  padding:0px 0px 5px 0px;
  width:145px;
  vertical-align:top;
  border-right:7px solid #65c933;
  border-left:7px solid #65c933;
}

.popis td p {
  padding:0px 3px 0px 5px;
  text-align:left !important;
  font-size:80%;
  color:#ccffcc;
  border-left:2px dotted #84d45c;
}

/* ikony a odkazy */

.metodika, .vynos, .kvalita, .slozeni, .davka-ha, .urceni, .urceni-v, .davka, .baleni, .pokus, .dotaz {
  padding:10px 0px 5px 25px !important;
  margin:10px 0px 0px 0px;
  background-position:left center;
  background-repeat:no-repeat;
}

.metodika {
  background-image:url('../img/iko-metodika.gif');
}

.vynos {
  background-image:url('../img/iko-vynos.gif');
}

.kvalita {
  background-image:url('../img/iko-kvalita.gif');
}

.slozeni {
  background-image:url('../img/iko-obsah.gif');
}

.davka-ha {
  background-image:url('../img/iko-davka-ha.gif');
}

.urceni {
  background-image:url('../img/iko-urceni.gif');
}

.urceni-v {
  background-image:url('../img/iko-urceni-v.gif');
}

.davka {
  background-image:url('../img/iko-davka.gif');
}

.baleni {
  background-image:url('../img/iko-baleni.gif');
}

.pokus {
  background-image:url('../img/iko-pokus.gif');
}

.dotaz {
  background-image:url('../img/iko-dotaz.gif');
}

/* cenik */

.cenik {
  width:100%;
  _width:90%; /* MSIE 6 */
  margin:3px 0px 3px 0px;
  text-align:center;
  background-color:#6ee036;
}

.cenik td {
  padding:5px;
  border:1px solid #65c933;
}

.cenik-legenda td {
  font-size:80%;
  color:#ffffff;
  background-color:#53b124;
}

.cenik-vyrazny {
  background-color:#94f165;
}

/* formulare */

.chyba-formulare {
  padding:10px !important;
  margin:7px 0px 7px 0px;
  color:#cc3300;
  border:2px dotted #cc3300;
  background-image:url('../img/iko-chyba.gif');
  background-position:490px center;
  background-repeat:no-repeat;
}

.uspech-formulare {
  padding:10px !important;
  margin:7px 0px 7px 0px;
  color:#ffffff;
  border:2px dotted #ffffff;
  background-image:url('../img/iko-uspech.gif');
  background-position:490px center;
  background-repeat:no-repeat;
}

#link-kont-form {
  float:right;
  width:157px;
  font-size:80%;
}

#link-kont-form a {
  display:block;
  position:relative;
  padding:0px 20px 0px 0px;
  text-decoration:none;
  background-image:url('../img/iko-mail.gif');
  background-position:right center;
  background-repeat:no-repeat;
}

#link-kont-form a:hover {
  background-image:url('../img/iko-mail-hover.gif');
}

/* levy a pravy panel */

#panel-leva, #panel-prava {
  font-size:110%;
}

#panel-leva a, #panel-prava a {
  color:#000000;
}

#panel-leva a:hover, #panel-prava a:hover {
  color:#cc3300;
}

#panel-leva ul, #panel-prava ul {
  padding:3px 0px 3px 20px;
}

#panel-leva h3, #panel-prava h3 {
  margin:0px 3px 0px 3px;
  padding:10px 20px 10px 20px;
  font-size:100%;
  color:#ffffff;
  background-image:url('../img/panel-h3-bg.gif');
  background-position:top left;
  background-repeat:repeat-y;
  background-color:#5ec12c;
}

#panel-leva h4, #panel-prava h4 {
  font-size:100%;
  padding:10px 0px 3px 0px;
}

/* paticka */

#pat {
  position:realtive;
  margin:auto;
  padding:10px 0px 15px 0px;
  width:988px;
}

#pat p {
  text-align:right;
  font-size:70%;
  color:#458f45;
}

#pat span {
  float:left;
}

#pat p a {
  color:#458f45;
  text-decoration:none;
}

#pat p a:hover {
  color:#458f45;
  text-decoration:underline;
}

/* doplnky */

.skryt {
  display:none;
}

.cleaner {
  clear:both;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}

  /* obrazek pres text */
  
  .im {
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
  }
  
  a.im {
    cursor:pointer;
    cursor:hand;
  }