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

P       {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-SIZE: 12px; COLOR: #222222;}
.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: #9B0000; FONT-SIZE: 12px;  text-decoration : underline; }
A:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9B0000; FONT-SIZE: 12px; text-decoration : underline; }
A:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9B0000; FONT-SIZE: 12px; text-decoration : underline; }
A:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9B0000; FONT-SIZE: 12px; TEXT-DECORATION: none; }
A.klient:link  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px;  text-decoration : underline; font-weight: bold;}
A.klient:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px; text-decoration : underline; font-weight: bold;}
A.klient:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px; text-decoration : underline; font-weight: bold;}
A.klient:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffbd68; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold;}

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

input {border:1px solid #999999; background:#FAFAFA; font-size:12px; color:#111111;}
textarea {border:1px solid #999999; background:#FAFAFA; font-size:12px; color:#111111;}
input.buton {border: 0px;}

.kosz {
    background: url(../img/input-kosz.gif);
	font-size: 12px;
	width: 40px;
	height: 21px;
	color: #383838;
	border: 0px none;
	float: right;
	padding-top: 5px;
	padding-left: 7px;
}
.kosz-guzik {
	width: 142px;
	height: 27px;
	float: right;
	border: 0px;
	margin: 0 0 0 5px;
}
.kosz-i {
	padding: 0 4px 0 0;
	line-height: 27px;
	float: right;
}

.kosz2 {
    background: url(../img/input-kosz.gif);
	font-size: 12px;
	width: 40px;
	height: 21px;
	color: #383838;
	border: 0px none;
	float: left;
	padding-top: 5px;
	padding-left: 7px;
}
.kosz-guzik2 {
	width: 142px;
	height: 27px;
	float: left;
	border: 0px;
	margin: 0 0 0 5px;
}
.kosz-i2 {
	padding: 0 4px 0 0;
	line-height: 27px;
	float: left;
}

TD.tlo1  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; FONT-SIZE: 12px; COLOR: #000000; background-color:#b6b8c1;}
TD.tlo2  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; FONT-SIZE: 12px; COLOR: #000000; background-color:#d8dbe7;}
TD.opis  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; FONT-SIZE: 12px; COLOR: #555; background-color:#ddd;}
TD.opis2  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-SIZE: 12px; COLOR: #222; background-color:#e7e7e7;}

img { border: 0; }
img.zap {
border-width:1px;
border-style:solid;
padding: 1px 1px 1px 1px;
border-color: #CB7B7B;
background-color:#fff
}
img.zap:hover {
border-width:1px;
border-style:solid;
padding: 1px 1px 1px 1px;
border-color: #A10000;
background-color:#fff
}

img.zapp {
border-width:2px;
border-style:solid;
padding: 0;
border-color: #B8B8B8;
background-color:#fff
}
img.zapp:hover {
border-width:2px;
border-style:solid;
padding: 0;
border-color: #A10000;
background-color:#fff
}

.top {
	width: 990px;
	height: 28px;
	margin: 0 auto;
	background: url(../img/belka-top.gif);
	position: relative;
}
.top-l {
	padding: 0;
	width: 790px;
	height: 28px;
	float: left;
	margin: 0;
}
.top-l2 {
	padding: 7px 0 0 26px;
	margin: 0;
	color: #8e8e8e;
	font-size: 11px;
}
.top-p {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 28px;
	float: right;
}
.top-p2 {
	padding: 3px 26px 0 0;
	margin: 0;
	text-align: right;
}

.haslo {
	width: 990px;
	height: 154px;
	margin: 0 auto;
	position: relative;
}
.haslo-l {
	padding: 0;
	width: 213px;
	height: 154px;
	float: left;
	margin: 0;
}
.haslo-p {
	margin: 0;
	padding: 0;
	width: 777px;
	height: 154px;
	float: right;
	background: url(../img/tlo-flash.jpg);
}

.belkak1 {
	padding: 0;
	width: 990px;
	height: 41px;
	background: url(../img/belka-klient.gif);
	margin: 0 auto;
	position: relative;
}
.belkak2a {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 0 0 0;
	text-align: center;
}
.belkak2b {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding: 6px 0 0 0;
	text-align: center;
}

.tytul-p {
	padding: 0;
	width: 772px;
	height: 48px;
	background: url(../img/tlo-naglowek.gif);
	margin: 0;
}
.tytul-pt {
	font-size: 14px;
	color: #2b3759;
	padding: 20px 0 0 24px;
}
.nag-pod-tyt {
	padding: 0;
	width: 772px;
	margin: 10px 0 0 0;
}
.blok-ppoz {
	padding: 0;
	color: #222222;
	width: 734px;
	margin: 0px 24px 20px 14px;
}

#pager {
  clear: both;
  padding: 10px 0px 3px;
}
#pager div {
  padding: 0em;
  display: inline;
}
#pager strong, #pager a {
  padding: 2px 5px;
  margin: 0px 0.25em 0px 0.25em;
  background: #F1F2EA;
  border: 1px solid #D9D9D9;
  text-decoration: none;
  -moz-border-radius: 2px;
}
#pager a:hover {
  text-decoration: none;
  background: #CFFF98;
}
#pager strong {
  background: #0174bb;
  color: #fff;
}

.nav-container
{ 
   vertical-align: top;
   height: 100%;
   background: url(../img/guzik1.gif) no-repeat top left;
   margin: 0 0 0 11px;
   width: 200px;
}
.nav-container a,
.nav-container a:visited,
.nav-container a:hover
{
   font-size: 12px;
   padding: 7px 0px 7px 20px;
   display: block;
   color: #ffffff;
   font-weight: bold;
   border: 0px;
   background: url(../img/guzik1.gif) no-repeat top ;
   text-decoration: none;
}
.nav-container a:hover
{
   font-size: 12px;
   padding: 7px 0px 7px 20px;
   text-decoration: none;
   color: #ef8c61;
   font-weight: bold;
   background: url(../img/guzik2.gif) no-repeat top left;
}

.page {
	width: 990px;
	margin: 0 auto;
	position: relative;
	background: url(../img/tlo-txt.gif) repeat-y;
}
.blok-l {
	padding: 0;
	width: 218px;
	float: left;
	margin: 0;
}
.blok-p {
	padding: 0;
	width: 772px;
	float: right;
}

.produkt1 {
	padding: 0;
	width: 734px;
	height: 31px;
	margin: 12px 0 0 0;
	background: url(../img/nag-txt2.gif) no-repeat;
}
.produkt2 {
	padding: 6px 0 0 10px;
	margin: 0px;
	font-size: 14px;
}
.produkt-c {
	width: 734px;
	margin: 10px 0 0px 0;
}
.produkt-l {
	width: 145px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.produkt-p {
	width: 589px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}

.zak-c {
	width: 589px;
	margin: 0;
}
.zak-l {
	width: 200px;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}
.zak-p {
	width: 389px;
	float: right;
	margin: 0;
	padding: 17px 0 0 0;
	text-align: right;
	font-size: 11px;
}

.news1 {
	padding: 0;
	width: 202px;
	height: 235px;
	background: url(../img/tlo-news.jpg);
	margin: 10px 0 0 10px;
}
.news2 {
	font-size: 11px;
	color: #cccccc;
	padding: 20px 10px 0 18px;
}
.news3 {
	font-size: 12px;
	color: #f16c31;
	font-weight: bold;
	padding: 0 10px 10px 10px;
}

.ank1 {
	padding: 0;
	width: 202px;
	background: url(../img/tlo-ank2.gif) repeat-y;
	margin: 10px 0 0 10px;
}
.ank2 {
	padding: 0;
	background: url(../img/tlo-ank1.jpg) no-repeat top left;
}
.ank2a {
	font-size: 11px;
	color: #ffffff;
	padding: 20px 10px 10px 18px;
}
.ank3 {
	font-size: 12px;
	color: #f16c31;
	font-weight: bold;
	padding: 0 10px 10px 10px;
}
.ank4 {
	padding: 0;
	margin: 0 0 0 10px;
	width: 202px;
	height: 10px;
	background: url(../img/tlo-ank3.gif) no-repeat top left;
}

.dzial {
	width: 734px;
	margin: 0;
}
.dzial-l {
	width: 384px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}
.dzial-p {
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 11px;
}




.prod {
	width: 734px;
	margin: 0 auto;
	position: relative;
}
.prod-l {
	padding: 0;
	width: 220px;
	float: left;
	margin: 0;
}
.prod-l2 {
	margin: 0;
	text-align: left;
}
.prod-p {
	margin: 0;
	padding: 0;
	width: 514px;
	float: right;
}
.prod-p2 {
	padding: 5px 0 0 0;
	margin: 0;
	text-align: left;
}

.fotka {
   padding: 0;
   display: block;
   vertical-align: top;
   height: 100%;
   width: 220px;
}

.promo-s {
	font-size: 12px;
	padding: 5px 0 5px 0;
	text-align: center;
}


.stop-g {
	width: 990px;
	height: 2px;
	margin: 0 auto;
	position: relative;
	background: url(../img/stopka1.gif) no-repeat;
}
.stop-g2 {
	margin: 0;
	padding: 0;
}
.stop {
	width: 990px;
	margin: 0 auto;
	position: relative;
	background: url(../img/stopka2.gif) repeat-y;
}
.stop-l {
	padding: 0;
	width: 218px;
	float: left;
	margin: 0;
}
.stop-l2 {
	padding: 26px 0 0 0;
	text-align: center;
	margin: 0;
}
.stop-l2 a ,
.stop-l2 a:visited,
.stop-l2 a:hover
 {
	color: #717171;
	font-weight: bold;
}
.stop-p {
	padding: 0;
	width: 772px;
	float: right;
}
.stop-p2 {
	padding: 11px 0px 14px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.stop-p2 a {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}


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; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; FONT-SIZE: 12px; background-color:#ddd;
}
.required:before {
	content: "* ";
	color: red;
}