body {
	background: #1B0F0F url(../img/tlo.jpg) repeat top left;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}

P       {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-SIZE: 12px; COLOR: #ffffff;}
.strz  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffb9b9; FONT-SIZE: 14px; TEXT-DECORATION: none; font-weight: bold;}
A:link  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffaaaa; FONT-SIZE: 12px;  text-decoration: underline; }
A:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffaaaa; FONT-SIZE: 12px; text-decoration: underline; }
A:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffaaaa; FONT-SIZE: 12px; text-decoration: underline; }
A:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffaaaa; FONT-SIZE: 12px; TEXT-DECORATION: none; }
A.aklient:link  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #286b0c; FONT-SIZE: 12px;  text-decoration: underline; }
A.aklient:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #286b0c; FONT-SIZE: 12px; text-decoration: underline; }
A.aklient:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #286b0c; FONT-SIZE: 12px; text-decoration: underline; }
A.aklient:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ff0000; FONT-SIZE: 12px; TEXT-DECORATION: none; }
A.dzial:link  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #550000; FONT-SIZE: 12px;  text-decoration: underline; }
A.dzial:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #550000; FONT-SIZE: 12px; text-decoration: underline; }
A.dzial:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #550000; FONT-SIZE: 12px; text-decoration: underline; }
A.dzial:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #b90000; FONT-SIZE: 12px; TEXT-DECORATION: none; }

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
h2 {
	font-size: 12px;
	color: #ffffff;
}
h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

input {border:1px solid #999999;background:#FAFAFA;font-size:12px;color:#444444}
input.szuk {border:0px;}
textarea {border:1px solid #999999;background:#FAFAFA;font-size:12px; color:#444444}
select  {border:1px solid #999999;background:#e1e0e0;font-size:12px; color:#444444}

TD.tlo1  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; FONT-SIZE: 12px; COLOR: #000000; background-color:#D0DEEB;}
TD.tlo2  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; FONT-SIZE: 12px; COLOR: #000000; background-color:#E4E7E9;}

img { border: 0; }
img.zap {
border-width:2px;
border-style:solid;
border-color: #533222;
}
img.zap:hover {
border-width:2px;
border-style:solid;
border-color: #7d0e0e;
}

.tlo {
	background: url(../img/tlo2.jpg) repeat-y center;
	margin: 0 auto;
	position: relative;
}

.gora {
	width: 999px;
	height: 266px;
	margin: 0 auto;
	position: relative;
}
.gora-l { float: left; width: 473px; height: 266px; }
.gora-l2 { padding: 0; }
.gora-p { float: right; width: 526px; height: 266px; }
.gora-p2 { padding: 0; }

#container {
	width: 999px;
	margin: 0 auto;
	background: url(../img/tlo-txt.jpg) repeat-y;
	position: relative;
}
#content { float: right; width: 810px; padding: 0 0 10px 0;}
#category { float: left; width: 189px; padding: 0;}

.blok-nag1 {
	width: 189px;
	height: 46px;
	background: url(../img/blok-nag.jpg) no-repeat top left;
	margin: 0;
}
.blok-nag2 {
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
   padding: 17px 0 0 29px;
}
.blok-nag1a {
	width: 182px;
	height: 40px;
	margin: 0;
}
.blok-nag2a {
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
   padding: 25px 0 0 22px;
}
.tytul-1 { 
	width: 810px;
	height: 46px;
	background: url(../img/txt-nag.jpg) no-repeat top left;
	margin: 0;
}
.tytul-2 { 
   padding: 17px 0 0 17px;
   color: #ffffff;
   font-size: 14px;
}
.nag-pod-tyt {
	padding: 10px 15px 10px 15px;
	width: 760px;
	margin: 0;
}
.blok-l { 
	margin: 0 0 12px 7px;
}

.blok-l1 { 
	width: 178px;
	height: 7px;
	background: url(../img/ramka1.jpg) no-repeat top left;
	margin: 10px 0 0 0;
}
.blok-l1a { 
   padding: 0;
}
.blok-l2 { 
	width: 178px;
	background: url(../img/ramka2.jpg) repeat-y top left;
	margin: 0;
}
.blok-l3 { 
	width: 178px;
	height: 2px;
	background: url(../img/ramka3.jpg) no-repeat top left;
	margin: 0;
}
.blok-l3a { 
   padding: 0;
}
.blok-l4 { 
	width: 178px;
	height: 9px;
	background: url(../img/ramka4.jpg) no-repeat top left;
	margin: 0;
}
.blok-l4a { 
   padding: 0;
}
.blok-l5 { 
	width: 178px;
	background: url(../img/ramka-guzik.jpg) repeat-y top left;
	margin: 0;
}
.blok-l5a { 
   padding: 5px 9px 5px 9px;
   text-align: center;
   color: #444444;
}
.blok-l6 { 
	width: 178px;
	height: 12px;
	background: url(../img/ramka-guzik2.jpg) no-repeat top left;
	margin: 0;
}
.blok-l6a { 
   padding: 0;
}
.fotka { 
	width: 163px;
	height: 122px;
	margin: 0 0 0 7px;
}
.fotka2 { 
	padding: 0;
}

.nav-container
{ 
   vertical-align: top;
   height: 100%;
   text-align: left;
   background: url(../img/guzik1.jpg) no-repeat top left;
   margin: 0;
   width: 178px;
}
.nav-container a,
.nav-container a:visited,
.nav-container a:hover
{
   font-size: 12px;
   padding: 9px 0 13px 20px;
   display: block;
   color: #220f07;
   font-weight: bold;
   border: 0px;
   background: url(../img/guzik1.jpg) no-repeat top ;
   text-decoration: none;
}
.nav-container a:hover
{
   font-size: 12px;
   padding: 9px 0 13px 20px;
   text-decoration: none;
   color: #ffde86;
   font-weight: bold;
   background: url(../img/guzik2.jpg) no-repeat top left;
}

.druk
{
   text-align: right;
   font-size: 10px;
   color: #ffaaaa;
   text-decoration: none;
}
.druk a,
.druk a:visited
{
   font-size: 10px;
   color: #ffaaaa;
   text-decoration: none;
}
.druk a:hover
{
   font-size: 10px;
   color: #ffffff;
   text-decoration: none;
}

#pager {
  clear: both;
  padding: 3px;
}
#pager div {
  padding: 0em;
  display: inline;
}
#pager strong, #pager a {
  padding: 5px;
  margin: 0px 0.25em 0px 0.25em;
  background: #a96f52;
  border: 1px solid #311e13;
  text-decoration: none;
  color: #1c0f0f;
}
#pager a:hover {
  text-decoration: none;
  background: #f3c752;
}
#pager strong {
  background: #2b170b;
  border: 1px solid #311e13;
  color: #fff;
}

.stopka1 { 
	width: 999px;
	height: 19px;
	margin: 0 auto;
	position: relative;
}
.stopka1a { 
   padding: 0;
}
.stopka2 { 
	width: 999px;
	background: url(../img/stopka2.jpg) repeat-y top left;
	margin: 0 auto;
	position: relative;
}
.stopka2a { 
   padding: 0 28px 0 28px;
   font-size: 10px;
   color: #6c584d;
}
.stopka2a a,
.stopka2a a:visited,
.stopka2a a:hover
{
   font-size: 10px;
   color: #6c584d;
   text-decoration: none;
}
.stopka3 { 
	width: 999px;
	height: 27px;
	background: url(../img/stopka3.jpg) no-repeat top left;
	margin: 0 auto;
	position: relative;
}
.stopka3a { 
   padding: 0;
}

div.error {
	border: 1px dashed red;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: red;
}
div.info {
	border: 1px dashed green;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: green;
}
.required {
	color: red;
}
.required:before {
	content: "* ";
	color: red;
}