/* styl ogolny */
html {min-width: 720px}
html, body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #872000 url('/i/bg.gif') top left repeat-x;
  font: 10px/1.5 Georgia, "New Century Schoolbook", Times, serif;
  color: #827F7F;
}
img, a img {border: 0; margin: 0;}

a {color: #A4A92E; text-decoration: none;}
a:hover {color: #9D9B21; text-decoration: underline;}

div {
  padding: 0; 
  margin: 0; 
  border: 0; 
  position: relative; 
  text-align:left; 
  overflow: visible; 
  background-color: transparent;
}

/* glowne warstwy */
div#main {
  margin: 0 auto; 
  background: transparent url('/i/bokbg.gif') top left repeat-y; 
  width: 720px;
  text-align: center;
}
div#maintab {
  margin: 0 auto; 
  background: transparent url('/i/bok.gif') top left no-repeat; 
  width: 720px;
  text-align: center;
}
div#mt {
  margin: 0 auto; 
  background: transparent url('/i/bgt.jpg') top left repeat-y; 
  width: 700px;
  text-align: center;
}

/* top */
div#header {
  background: transparent url('/i/topbg.jpg') top left no-repeat; 
  width: 700px; 
  height: 83px;
  margin: 0 auto;
}

/* logo */
div#logo {
  position: relative; 
  top: 5px; 
  left: 20px; 
  display: block;
  width: 161px;
  height: 50px;
  background: transparent url('/i/logoon.gif') top left no-repeat; /* preload */
}
div#logo a {
  text-indent: -9999px; 
  text-decoration: none;
  display: block;
  width: 161px;
  height: 50px;
  background: transparent url('/i/logo.gif') top left no-repeat;
}
div#logo a:hover {background-image: url('/i/logoon.gif');}

/* topnav */
div#topnav {
  position: absolute;
  height: 21px;
  top: 5px;
  right: 30px;
  font-weight: bold;
  background: transparent url('/i/cien.gif') bottom center no-repeat; 
}
div#topnav a {
  color: #827F7F;
  text-decoration: none;
  margin: 0 5px;
}
div#topnav a:hover {
  color: #A4A92E;
  text-decoration: none;
  border-bottom: #A4A92E dashed 1px;
}

/* pnav */
div#pnav {
  background: transparent url('/i/pnavbg.jpg') top left no-repeat; 
  margin: 0 auto;
  padding: 5px 0 0 20px;
  height: 25px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 680px;
  height: 20px;
}
html>body div#main div#maintab div#mt div#pnav {width: 680px; height: 20px;}
div#pnav a {
  font-weight: bold;
  background: transparent url('/i/ar.gif') bottom right no-repeat; 
  padding-right: 16px;
  margin-right: 4px;
}
div#bot {
  background: transparent url('/i/tabbot.jpg') bottom left no-repeat; 
  width: 700px; 
  margin: 0 auto;
}
div#top {
  background: transparent url('/i/tabtop.jpg') top left no-repeat; 
  margin: 0 auto;
  padding-top: 10px;
}
div#cont {
  background: transparent url('/i/lbg.gif') top left repeat-y; 
  padding: 0 11px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 678px;
}
html>body div#main div#maintab div#mt div#bot div#top div#cont {width: 678px;}
div#m2b {
  background: transparent url('/i/m2b.gif') bottom left no-repeat; 
  margin: 0 auto;
}
div#left {
  float: left;
  width: 253px;
  background: transparent url('/i/m2t.gif') top left no-repeat;
  text-align: center;
  padding-top: 6px;
}
div#right {
  float: right;
  width: 413px;
}
div#sep {
  clear: both;
  text-align: right;
}
div.dt {
  background: transparent url('/i/dt.gif') top left no-repeat; 
  height: 6px;
  overflow: hidden;
  display: block;
}
div.dm {
  background: transparent url('/i/dm.gif') top left repeat-y; 
  position: relative;
  top: -1px;
  display: block;
  padding-bottom: 6px;
}
div.db {
  background: transparent url('/i/db.gif') top left no-repeat; 
  height: 10px;
  position: relative;
  top: -1px;
  display: block;
}
div.pr {
  background: transparent url('/i/prbg.gif') top left no-repeat; 
  width: 413px;
  height: 172px;
  position: relative;
  top: -1px;
  display: block;
}
div.pr img.sc {
  display: block; 
  float: left; 
  width:148px; 
  height: 144px; 
  margin: 2px 12px 0 0;
}
div.des {
  float: right;
  padding: 10px;
  width: 253px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 233px;
}
html>body div#main div#maintab div#mt div#bot div#top div#cont div#m2b div#right div.pr div.des {width: 233px;}
div#screen {
  text-align: center; 
  width: 400px; 
  margin: 0 auto;
}
div#screen img {
  padding: 10px;
  margin: 0 auto;
  display: block;
}
div.podz {
  height: 5px;
  background: transparent url('/i/podz.gif') top left no-repeat;
  display: block;
  overflow: hidden;
  margin: 3px 0 4px 0;
}
h1 {
  height: 24px; 
  display: block; 
  font-size: 7px; 
  text-indent: -9999px; 
  background: transparent top center no-repeat; 
  margin: 0 auto 10px auto; 
  padding: 0;
}
h1#conow {background-image: url('/i/h1/conow.gif');}
h1#leg {background-image: url('/i/h1/leg.gif');}
h1#zobtak {background-image: url('/i/h1/zobtak.gif');}
h1#inf {background-image: url('/i/h1/inf.gif');}
h1#kon {background-image: url('/i/h1/kon.gif');}
h1#portf {background-image: url('/i/h1/portf.gif');}

div#left p {
  display: block; 
  margin: 0 10px 10px 10px; 
  padding: 0; 
  text-align: left;
}
div.hr {
  height: 2px; 
  display: block; 
  background: transparent url('/i/hr.gif') top center no-repeat; 
  margin: 0 auto 10px auto; 
  padding: 0;
  overflow: hidden;
}
div#ad {text-align: center;}
div#ad img {display: block; margin: 0 auto;}

div#le {
  text-align: center; 
  width: 379px; 
  margin: 0 auto;
}

/* lista kategorii */
div#cat {
  padding: 0 10px;
}
div#cat ul {
  display: block; 
  list-style: none; 
  margin: 0; 
  padding: 0 0 20px 0;
}
div#cat li {
  padding-left: 10px; 
  height: 20px;
  background: transparent top left no-repeat;
}
div#cat a {
  margin-left: 14px; 
  font-weight: bold; 
  text-decoration: none; 
  color: #CC4B23;
  border-bottom: #CC4B23 dashed 1px;
}
div#cat a:visited {color: #B8370F; border-bottom: #B8370F solid 1px;}
div#cat a:hover {color: #872000; border-bottom: #872000 solid 1px;}

div#cat .c1,div.des h2.c1h {background-image: url('/i/ic/1.gif')}
div#cat .c2,div.des h2.c2h {background-image: url('/i/ic/2.gif')}
div#cat .c3,div.des h2.c3h {background-image: url('/i/ic/3.gif')}
div#cat .c4,div.des h2.c4h {background-image: url('/i/ic/4.gif')}
div#cat .c5,div.des h2.c5h {background-image: url('/i/ic/5.gif')}
div#cat .c6,div.des h2.c6h {background-image: url('/i/ic/6.gif')}
div#cat .c7,div.des h2.c7h {background-image: url('/i/ic/7.gif')}
div#cat .c8,div.des h2.c8h {background-image: url('/i/ic/8.gif')}
div#cat .c9 {background-image: url('/i/t/desc.gif')}

div.des h2 {
  padding: 0;
  font-size: 10px;
  background: transparent top left no-repeat;
  padding-left: 22px;
}
div.des h2,div.des p {
  margin: 0 0 10px 0;
}
div.des p.ico {
  text-align: center;
  margin: 0 auto;
}
div.des p.ico img {margin: 0 6px;}
p.cod {word-spacing: 6px;}

pre {
  font: 11px 'Courier New', Courier, sans-serif;
  color: #060;
  background-color: #f1f1f1;
  margin: 20px 20px 0 20px;
  padding: 20px;
  line-height: 0.7;
  text-align: left;
}
div#fk {
  padding: 10px 20px;
  text-align: left;
  color: #ECE9D8;
}
td#kod {
  padding: 10px 20px;
  color: #ECE9D8;
}
p#error {
  margin: 0;
  padding: 40px 10px;
  font-weight: bold;
  text-align: center;
}
div#footer {
  margin: 0 auto; 
  background: transparent url('/i/botbg.jpg') top left no-repeat; 
  width: 720px;
  height: 335px;
}
div#kontakt {
  margin: 0 auto;
  padding-top: 6px;
  text-align: center;
}
form {margin: 0; padding: 0;}
input,textarea {
  margin: 0 auto;
  width: 300px;
  display: block;
  border: #A4A92E solid 1px;
  background-color: #F4F5E3;
  font: 10px/1.5 Georgia, "New Century Schoolbook", Times, serif;
}
input.wys {
  margin: 20px auto 0 auto;
  width: 93px;
  height: 20px;
  border: 0;
  display: block;
}
div#kontakt p {
  margin: 0 auto;
  text-align: left;
  padding: 10px 0 0 0;
  width: 300px;
}
div#info {
  margin: 0 auto;
  width: 380px;
  text-align: left;
}
div#info h3 {
  margin: 0;
  padding: 10px 0;
  font-size: 10px;
  font-weight: bold;
  color: #9D9B21;
}
div#info p {
  padding: 0 0 10px 0;
  margin: 0;
}