body {background-color: #d9dfd7; background-image: url(images/tlo.jpg); background-repeat: repeat-x; text-align: center;}
    * {margin: 0px; padding: 0px; border:0px; vertical-align:top; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px;}

 h2, h3 {margin:10px}

   div#wrapper {width: 817px; margin: auto; background-image: url(images/content_tlo.jpg); background-repeat: repeat-y;}
    div#ha1 {width: 817px; height: 39px; background-image: url(images/h1_tlo.jpg)}
    div#menu {width: 817px; height: 31px; text-align: left; background-image: url(images/menu_tlo.jpg); vertical-align: middle}
       #menu img {margin-top: 5px;}
    div#leftside {width: 589px; float:left; margin-top:38px; margin-left:5px;}
    td#lewy {width:295px; background-image: url(images/linka.jpg); background-repeat: no-repeat; background-position: right top;}
       #lewy  p {margin:10px}
       #lewy  img {margin-top:15px; margin-left:5px; text-align: center; }
div.brd {width:125px; margin-top: 15px}
       .brd a {color: #042900;  text-decoration: none;}
       .brd a:hover {color: #042900;  text-decoration: underline;}
       .brd a:active {color: #042900;  text-decoration: none;}
    div#newprods {width: 100%; margin-top: 15px; clear:both; background-image: url(images/storenew.jpg); background-repeat: no-repeat; background-position: right top;}
       #newprods table {width:100%; }
       #newprods p {text-align: left;}
    div#bestsellers {width: 100%; margin-top: 15px; background-image: url(images/hp_bessellers.jpg); background-repeat: no-repeat; background-position: right top;}
       #bestsellers ul {padding-top: 30px; margin-left: 10px}
       #bestsellers li {margin-top: 3px;}
    td#midle {background-color: #E9E9E7; background-repeat: no-repeat; background-position: right top;}
      #midle p {text-align: left; margin:10px}
      #midle ul {text-align: left; margin:10px}
      #midle a {color: #0E5D05;  text-decoration: none;}
      #midle a:hover {color: #042900;  text-decoration: underline;}
      #midle a:active {color: #0E5D05;  text-decoration: none;}
    td#midle2 {background-color: #E9E9E7; background-repeat: no-repeat; background-position: right top;}
      #midle2 p {text-align: center; margin:10px}
      #midle2 ul {text-align: left; margin:10px}
      #midle2 a {color: #0E5D05;  text-decoration: none;}
      #midle2 a:hover {color: #042900;  text-decoration: underline;}
      #midle2 a:active {color: #0E5D05;  text-decoration: none;}

    table.bord {width:100%; border: 1px solid #BFBEA9; vertical-align:top;}
         .bord p {margin:3px; text-align:left}
         .bord a {color: #042900;  text-decoration: none;}
         .bord a:hover {color: #042900;  text-decoration: underline;}
         .bord a:active {color: #042900;  text-decoration: none;}
      table.tab {width:100%;  border: 1px solid #BFBEA9; clear:both }
               .tab  td { border: 1px solid #BFBEA9; clear:both }

               .tab caption {margin-bottom:5px }
            td.tab { border: 1px solid #BFBEA9; }

  div#rightside {width: 200px; float:right; text-align: left; margin: 0px 9px; border-left:1px solid #BFBEA9;}
       #rightside p {margin: 10px 7px}
    table.infobox {width: 100%; }
    table.infoBoxContents {width: 99%; margin-left:10px; margin-top:10px; margin-bottom:10px}
    div#footer {width: 98%; clear:both; margin-top: 25px; border-top:1px solid #BFBEA9; padding: 5px 0px; margin: auto; vertical-align: middle; }
       #footer p {text-align: center;} 
       #footer ul {text-align: center; list-style-type:none; margin: 10px background-color: #ffffff;}
       #footer li {list-style-type:none; background-image: none; display: inline; color: #576355; margin: 0px 5px}
       #footer a {font-weight:bold; text-decoration: none; color: #576355;}
       #footer a:hover {font-weight:bold; text-decoration: underline;}
       #footer a:active {font-weight:bold; text-decoration: none;}
    div#panel_access {width: 100%; height:32px; margin-top:15px; clear:both; background-image: url(images/hp_accesspanel.jpg); background-repeat: no-repeat; background-position: right top;}

    h1 {font-size: 14px; color: #ffffff;  font-weight: normal; text-align: right; vertical-align: middle; margin-left: 5px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px;}

    p {margin: 5px; text-align: justify;}
   p.par-1 {margin-right: 0px; }

    a {color: #000099; background-color: inherit; text-decoration: none; text-align: left; margin: 0px;}
    a:hover { background-color: inherit; color: #0033CC; text-decoration: underline;}
    a:active {color: #000099; background-color: inherit; text-decoration: none;}
    a.prod {color: #042900;  text-decoration: none;}
    a.prod:hover {color: #042900;  text-decoration: underline;}
    a.prod:active {color: #042900;  text-decoration: none;}

    ul#topmenu {list-style-type: none; text-align: left; }
       #topmenu li {display:inline; list-style-type: none;}


    ul {list-style-type: none; text-align: left; }
    li {padding-left:11px; background-image: url(images/listsq.gif); background-repeat: no-repeat; background-position: left;}

    ul.rgt {margin-left: 25px; }
      .rgt li {margin-top: 4px}

    ul#rghtmnu {float:right; text-align: left; margin-right: 3px;}
      #rghtmnu li {border-bottom:1px solid #BFBEA9; margin-bottom:12px; padding-left:9px;}
      #rghtmnu a {color: #414141; text-decoration: none;}
      #rghtmnu a:hover {color: #000000; text-decoration: underline;}
      #rghtmnu a:active {color: #707070; text-decoration: none;}
    ul.categs {margin-left: 10px}
    ul.categs li {margin-top: 3px}

    img#kolarz {width:68px; height: 159px; float:left; margin-left:5px}

    .fat {font-weight:bold}
    .klear {clear:both}
    .centrum {text-align: center; }
    .rght {text-align: right; }
    .ctrnfat {text-align: center; font-weight:bold}
    .stoe {margin-left:10px; padding-top:10px; font-weight:bold}
    .feat {float:left; margin-left:10px; margin-right:10px}