body {background-color: #d9dfd7; background-image: url(images/tlo.jpg); background-repeat: repeat-x; text-align: center; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 100%}
 html {height: 100%;}
 * {margin: 0px; padding: 0px; border:0px; vertical-align:top; }
 
 h1 {font-size: 0.85em; color: #ffffff; text-align: right; vertical-align: middle; margin-right: 20px; line-height:35px;}  
 h2 {font-size: 0.75em; margin: 10px 15px; text-align: left;}  
 h3,h5, h6 {font-size: 0.75em; margin: 10px 15px; text-align: left; font-weight:bold}  
 p {font-size: 0.75em; margin: 5px 15px; text-align: left;} 
 ul {font-size: 0.75em;  margin: 5px 15px; text-align: left;}

 caption,h4 {font-size: 0.75em; margin:15px; text-align: center; text-transform:uppercase; color:#0e5103; border-bottom:1px solid #b3c6af}
 
 div#wrapper {width: 817px; margin: auto; background-image: url(images/content_tlo.jpg); background-repeat: repeat-y;}
 div#ha1 {width: 100%; height: 39px; background-image: url(images/h1_tlo.jpg); vertical-align:middle}    
 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:8px; margin-bottom:10px;}
 div#rightside {width: 200px; min-height: 100%; float:right; text-align: left; margin: 0px 9px; border-left:1px solid #BFBEA9;}
   #rightside p {margin: 10px }
   ul#rghtmnu  { margin: 10px }
    #rghtmnu li {list-style-type: none; margin-bottom:15px; border-bottom:1px solid #BFBEA9;}  
    #rghtmnu a {color: #414141; text-decoration: none;}
    #rghtmnu a:hover {color: #000000; text-decoration: underline;}
    #rghtmnu a:active {color: #707070; text-decoration: none;}
    .rgt {margin-left: 25px; list-style-image:url('images/list-img-1.gif');}
    .rgt li {margin-top: 4px}	
 div#leftbox {width:210px; float:left; background-image: url(images/linka.jpg); background-repeat: no-repeat; background-position: right top; padding-top:20px}
 div#rightbox {width:379px; float:right; background-color: #E9E9E7; background-repeat: no-repeat; background-position: right top; padding-bottom:5px}
 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.div-1  img{margin-top: 15px; }	
 div.centr {margin-top: 15px; }	
	
    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; padding-top:30px; 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 {clear:both; width: 100%; padding-top:30px; padding-bottom:5px; margin-top: 15px; background-image: url(images/hp_bessellers.jpg); background-repeat: no-repeat; background-position: right top;}
       #bestsellers ul {list-style-image:url('images/list-img-1.gif'); margin-left: 30px; padding:0px; }
       #bestsellers li {margin:5px 0px}

	   
    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:96%;  border: 1px solid #BFBEA9; clear:both; margin:auto }
               .tab  td { border: 1px solid #BFBEA9; clear:both }

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

    table.infobox {width: 100%; }
    table.infoBoxContents {width: 99%; margin-left:10px; margin-top:10px; margin-bottom:10px}
     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;}

   p.par-1 {margin-right: 0px; }
   p.par-2 {margin-top: 15px; }
   p.par-3 {margin: 10px 0px 10px 10px  }

    a {color: #0E5D05; background-color: inherit; text-decoration: none; text-align: left; margin: 0px;}
    a:hover { background-color: inherit; color: #042900; text-decoration: underline;}
    a:active {color: #0E5D05; 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; margin:0px 15px; padding:0px}
  #topmenu li {display:inline; list-style-type: none; background-image: none}
 ul.ul-1 {list-style-image:url('images/list-img-1.gif'); margin-left: 30px; padding:0px}
  .ul-1 li {margin:5px 0px}


    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; }
	.prawo {text-align: right; }
    .rght {text-align: right; }
	.top{vertical-align:top;}
    .centum {width:100%}	
    .ctrnfat {text-align: center; font-weight:bold}
    .stoe {margin-left:10px; padding-top:10px; font-weight:bold}
    .feat {float:left; margin-right:10px;}
	.inline-block {display:inline-block; vertical-align:top; <!--[if lt IE 8]> display:inline; zoom:1 <![endif]-->}
	.table {display:table}
	.row {display:table-row}
	.cell {display:table-cell; vertical-align:top;}