html {
  text-align: center; margin: 0; padding: 0;
}

body {
  font: 12px verdana, tahoma, arial, sans-serif;
  background: #ecf8de url(gfx/gradient.png) repeat-x;
  color: #14ae4b;
  margin: 16px 0 0 0; padding: 0; text-align: center
}

h1 { font-size: 16px }
h2 { font-size: 14px }
h3 { font-size: 13px }
h4 { font-size: 12px }
h5 { font-size: 11px }

p, h1, h2, h3, h4, h5 {
  margin: 8px 0 8px 0; padding: 0;
}

p {
  text-align: justify;
}

th {
  font-size: 12px;
  text-align: right;
}

td {
  font-size: 12px;
  text-align: left;
}

.u {
  text-decoration: underline;
}

#container {
  width: 800px; margin: auto; padding: 0;
  /* border: 1px solid #14ae4b; */
}

#lay1 {
  width: 800px; height: 178px;
  background: url(gfx/belka.jpg) no-repeat;
}

#lay2 {
  width: 800px; height: 36px;
  position: relative; left: 2px;
  background-color: white;
}

#lay3 {
  width: 800px; height: 9px;
  font-size: 0px;
  background: url(gfx/cien_menu.jpg) no-repeat;
}

.lay45 {
  position: relative;
  margin: 0; padding: 0;
  width: 800px; height: 300px;
  overflow: visible;
}

.lay4 {
  margin: 0; padding: 0;
  width: 233px; height: 300px;
  background: #ffffec url(gfx/gradient_lewy.jpg) no-repeat;
}

.lay5 {
  margin: 0; padding: 0;
  width: 567px; height: 300px;
  background: #ffffec url(gfx/gradient_prawy.jpg) no-repeat;
}

#lay6 {
  position: relative;
  width: 800px; height: 37px;
  background: #14ae4b url(gfx/stopka.jpg) no-repeat;
}

#lay7 {
  display: block;
  font: bold 9px sans-serif;
  width: 800px; height: 16px;
  text-align: right;
}

#lay7 a {
  display: inline;
  color: black;
  font-weight: normal;
  text-decoration: none;
}

#lay7 a:hover {
  color: #f00;
}

#left, #right {
  margin: 0; padding: 0px 8px 8px 8px;
  text-align: left;
}

#left p, #right p {
  margin: 0; padding: 6px;
}

#left a {
  display: block;
  cursor: default;
  padding: 0 0 0 2px;
  color: #555;
  text-decoration: none;
  border-left: 4px solid #7c7;
}

#left a:hover {
  color: black;
  border-left-color: #5a5;
}

#left ul {
  margin: 0; padding: 0;
  list-style: none; display: block;
}

#left li {
  margin: 0; padding: 2px; font-size: 0px;
}

#left li a {
  margin: 0; padding: 16px; font-size: 12px;
}

#right a {
  cursor: default;
  color: #555;
  text-decoration: none;
}

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

#nav ul {
  margin: 0; padding: 0;
  list-style: none; display: inline;
}

#nav li {
  display: inline; float: left;
}

#nav li a {
  text-decoration: none; cursor: default;
  font-weight: bold;
  display: inline; float: left;
  margin: 1px; padding: 10px;
  width: 92px;
  background-color: #e7fde6; color: #12ad45;
}

#nav li a:hover {
  background-color: #d9fad7;
}

#nav li a.current_category {
  background-color: white;
}

.image {
  text-align: right;
  margin: 0 auto; padding: 0;
  background-color: #fffff7;
  border-top: 1px solid #f7f0e0;
  border-left: 1px solid #f7f0e0;
  border-right: 1px solid #cdc;
  border-bottom: 1px solid #cdc;
}

img {
  display: block;
  margin: 0 auto; padding: 0;
  text-align: center;
}

table.image td img {
  padding: 4px 4px 0 4px;
}

table.image td {
  padding: 0; margin: 0;
}

table.image tfoot td {
  padding: 0 4px 0 0; margin: 0;
  color: #777;
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

.top {
  display: block;
  margin: 0 0 0 auto;
  text-align: right;
  text-decoration: none;
}

#pani {
  margin: 0; padding: 0;
  display: block;
  width: 183px; height: 480px;
  background-image: url(../images/pani.png);
}

#podpis {
  margin: 0; padding: 0;
  display: block;
  width: 200px; height: 42px;
  background-image: url(../images/podpis200.png);
}

#l_pp_layouts {
  display: inline; float: left;
  padding: 0; margin: 6px;
  width: 163px; height: 26px;
}

#l_pp_layouts[id] {
  background-image: url(gfx/pp_green.png);
}

#l_cisnet {
  display: inline; float: right;
  padding: 0; margin: 6px 6px 0 6px;
  width: 99px; height: 31px;
  background-image: url(gfx/cisnet.png);
}