body{
  background-color: #251d14;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  margin: 0px;
}

#main{
  width: 792px;
  background-image: url(../images/main_bg.gif);
  background-repeat: repeat-y;
    text-align: left;
  margin: auto;
}

#header{
  width: 792px;
  height: 223px;
  background-image: url(../images/header.gif);
  background-repeat: no-repeat;
  position: relative;

}

#nakupni_kosik{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 233px;
  height: 130px;
  background-image: url(../images/nakupni_kosik_bg.gif);
}

#menu{
  width: 792px;
  height: 30px;
  background-image: url(../images/menu_bg_vertical.gif);
  background-repeat: no-repeat;
}

#left{
  float: left;
  width: 225px;
  background-image: url(../images/sidebox_top.gif);
  background-repeat: no-repeat;
  background-position: top;
}

#right{
  float: right;
  width: 567px;
  background-image: url(../images/content_top.gif);
  background-repeat: no-repeat;
  background-position: top;
}

#content{
  min-height: 300px;
}

#footer{
  clear: both;
  width: 792px;
  height: 58px;
  background-image: url(../images/footer.gif);
  background-repeat: no-repeat;
}

/* menu a ostatní id's */

#sidebox_menu{
  margin-top: 14px;
  margin-left: 18px;
  width: 202px;
}

#sidebox_menu .menu{
  display: block;
  height: 19px;
  background-image: url(../images/sidebox_menu.gif);
  padding-top: 6px;
  padding-left: 21px;
  font-weight: bold;
  color: #443526;
  text-decoration: none;
}

#sidebox_menu .menu-active{
  display: block;
  height: 19px;
  background-image: url(../images/sidebox_menu.gif);
  padding-top: 6px;
  padding-left: 21px;
  font-weight: bold;
  color: maroon;
  text-decoration: none;
}

#sidebox_menu .podmenu1{
  display: block;
  height: 19px;
  background-image: url(../images/sidebox_podmenu.gif);
  padding-top: 6px;
  padding-left: 32px;
  color: #443526;
  text-decoration: none;
}
#sidebox_menu .podmenu2{
  display: block;
  height: 19px;
  background-image: url(../images/sidebox_podmenu.gif);
  padding-top: 6px;
  padding-left: 48px;
  color: #443526;
  text-decoration: none;
}
#sidebox_menu .podmenu3{
  display: block;
  height: 19px;
  background-image: url(../images/sidebox_podmenu.gif);
  padding-top: 6px;
  padding-left: 56px;
  color: #443526;
  text-decoration: none;
}

#sidebox_menu .podmenu1-active{
  display: block;
  height: 19px;
  background-image: url(../images/sidebox_podmenu.gif);
  padding-top: 6px;
  padding-left: 32px;
  color: maroon;
  font-weight: bold;
  text-decoration: none;
}
#sidebox_menu .podmenu2-active{
  display: block;
  height: 19px;
  background-image: url(../images/sidebox_podmenu.gif);
  padding-top: 6px;
  padding-left: 48px;
  color: maroon;
  font-weight: bold;
  text-decoration: none;
}
#sidebox_menu .podmenu3-active{
  display: block;
  height: 19px;
  background-image: url(../images/sidebox_podmenu.gif);
  padding-top: 6px;
  padding-left: 56px;
  color: maroon;
  font-weight: bold;
  text-decoration: none;
}

#sidebox_menu a:hover{
  color: maroon;
}

#footer p{
  padding-top: 32px;
  color: #cea97c;
  font-size: 12px;
}

#footer p a{
  font-weight: normal;
  color: #cea97c;
  text-decoration: underline;
}

#footer p a:hover{
  text-decoration: none;
}

/* vodorovné menu */

.vodorovne_menu{
  height: 30px;
}

.menu_separator{
  display: block;
  width: 15px;
  height: 28px;
  background-image: url(../images/menu_spacer.gif);
}

.home{
  display: block;
  width: 116px;
  height: 30px;
  background-image: url(../images/menu_hlavni_stranka.gif);
}

.home:hover{
  display: block;
  width: 116px;
  background-image: url(../images/menu_hlavni_stranka_hover.gif);
}

.home-active{
  display: block;
  width: 116px;
  height: 30px;
  background-image: url(../images/menu_hlavni_stranka_hover.gif);
}

.o_spolecnosti{
  display: block;
  width: 103px;
  height: 30px;
  background-image: url(../images/menu_o_spolecnosti.gif);
}

.o_spolecnosti:hover{
  display: block;
  width: 103px;
  background-image: url(../images/menu_o_spolecnosti_hover.gif);
}

.o_spolecnosti-active{
  display: block;
  width: 103px;
  height: 30px;
  background-image: url(../images/menu_o_spolecnosti_hover.gif);
}

.registrace{
  display: block;
  width: 92px;
  height: 30px;
  background-image: url(../images/menu_registrace.gif);
}

.registrace:hover{
  display: block;
  width: 92px;
  background-image: url(../images/menu_registrace_hover.gif);
}

.registrace-active{
  display: block;
  width: 92px;
  height: 30px;
  background-image: url(../images/menu_registrace_hover.gif);
}

.obch_podminky{
  display: block;
  width: 143px;
  height: 30px;
  background-image: url(../images/menu_obch_podminky.gif);
}

.obch_podminky:hover{
  display: block;
  width: 143px;
  background-image: url(../images/menu_obch_podminky_hover.gif);
}

.obch_podminky-active{
  display: block;
  width: 143px;
  height: 30px;
  background-image: url(../images/menu_obch_podminky_hover.gif);
}

.kontakt{
  display: block;
  width: 83px;
  height: 30px;
  background-image: url(../images/menu_kontakty.gif);
}

.kontakt:hover{
  display: block;
  width: 83px;
  background-image: url(../images/menu_kontakty_hover.gif);
}

.kontakt-active{
  display: block;
  width: 83px;
  height: 30px;
  background-image: url(../images/menu_kontakty_hover.gif);
}

/* košík */

#nakupni_kosik .kosik_nad{
  font-size: 12px;
  font-weight: bold;
  color: #3b4a2b;
  margin-top: 6px;
  margin-left: 35px;
}


#nakupni_kosik .tbl{
  width: 195px;
  margin-top: 10px;
  margin-left: 10px;
  color: #2f2b26;
}
/* classes */
.divError{
  text-align: center;
  font-weight: bold;
  color: #800000;
  margin: 8px 4px 18px 4px;
  padding: 4px 6px 4px 6px;
  border: 1px solid #800000;
}
.divOk{
  text-align: center;
  font-weight: bold;
  color: #008000;
  margin: 8px 4px 18px 4px;
  padding: 4px 6px 4px 6px;
  border: 1px solid #008000;
}

.filtrace{
  width: 510px;
  background-color: #DED5B0;
  padding: 2px 4px 2px 4px;
  margin-bottom: 12px;
}
.filtrace td{
  font-size: 8pt;
}

.strankovani .page_active{
  font-weight: bold;
  text-decoration: none;
}

.nabidka{
  font-size: 12px;
  font-weight: bold;
  color: #cea97c;
  margin-top: 15px;
  margin-left: 46px;
}

.nav{
  font-size: 11px;
  color: #cea97c;
  margin-top: 15px;
  margin-left: 16px;
}

.nav a{
  color: #8fe337;
  text-decoration: underline;
}

.nav a:hover{
  color: #a6e760;
  text-decoration: none;
}

.cena{
  color: #a25000;
  font-weight: bold;
}

.separator{
  display: block;
  width: 100%;
  height: 21px;
  background-image: url(../images/content_divider.gif);
}

.novinky_box{
  width: 242px;
  height: 93px;
  padding: 6px;
  border: 1px solid #eae6cc;
  background-color: #fffbe3;
  color: #2f2b26;
  float: left;
  margin-right: 4px;
  margin-bottom: 20px;
}

.novinky_box p{
  text-indent: 0px;
  font-size: 11px;
  margin: 0px;
}

.datum{
  font-size: 7pt;
  font-weight: none;
  padding-left: 3px;
}
.novinky_box .datum{
  display: block;
  width: 72px;
  height: 11px;
  padding: 3px 5px 4px 4px;
  background-image: url(../images/content_datum_bg.gif);
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.zbozi{
  margin: 5px 0px 5px 0px;
  width: 520px;
  min-height: 90px;
  background-color: #58442c;
}

.zbozi .obrazek{
  width: 113px;
  vertical-align: top;
}

.zbozi .info{
  width: 138px;
  vertical-align: top;
  background-color: #4a3a2a;
  color: #fff;
}

.zbozi .text{
  vertical-align: top;
  width: 265px;
}

.zbozi .text p{
  color: #fff;
  margin: 0px;
  text-indent: 0px;
  text-align: left;
}

.zbozi .info p{
  margin: 1px 0px 1px 15px;
}

.zbozi .cena{
  padding-left: 5px;
  color: #ffe555;
}

.zbozi a{
  color: #8fe337;
  text-decoration: underline;
}

.zbozi a:hover{
  color: #a3e65b;
  text-decoration: none;
}

/* obsah */

#text{
  width: 520px;
  margin-left: 19px;
  margin-top: 17px;
}

h1,h2,h3{
  color: #4d7b1c;
}

h1{
  font-size: 14px;
  margin: 0px;
  margin-bottom: 10px;
}

h2{
  font-size: 12px;
  margin: 0px;
  margin-bottom: 3px;
  text-decoration: underline;
}

.zbozi h3{
  font-size: 12px;
  color: #8fe337;
  text-decoration: underline;
  margin: 0px 0px 8px 0px;
}

p{
  margin: 0px 9px 5px 9px;
  text-align: justify;
  line-height: 1.5;
  text-indent: 5px;
}

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

a:hover{
  color: maroon;
  text-decoration: none;
}

a img{
  border: none;
}