body {
	background: #d5e7f3 url(../img/tlo.jpg) repeat;
	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;}
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.web:link  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9d2f12; FONT-SIZE: 11px;  text-decoration: none; }
A.web:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9d2f12; FONT-SIZE: 11px; text-decoration: none; }
A.web:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9d2f12; FONT-SIZE: 11px; text-decoration: none; }
A.web:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #eeeeee; FONT-SIZE: 11px; text-decoration: none; }
A.log:link  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px;  text-decoration: underline; }
A.log:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px; text-decoration: underline; }
A.log:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px; text-decoration: underline; }
A.log:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px; text-decoration: none; }

TD.tab  { font-family: Verdana; color: #222222; font-size: 12px; border-bottom: 1px solid; border-color: #cccccc; background: #ecdbc0; }
TD.typ1  { font-family: Verdana; color: #222222; font-size: 12px; background: #eeeeee; text-align: right; }
TD.typ2  { font-family: Verdana; color: #222222; font-size: 12px; background: #dddddd; text-align: left; }
TD.typ2a  { font-family: Verdana; color: #222222; font-size: 12px; background: #dddddd; text-align: center; }
TD.typ2b  { font-family: Verdana; color: #222222; font-size: 12px; background: #dddddd; text-align: right; }
TD.typ3  { font-family: Verdana; color: #ed9651; font-size: 11px; background: #711d13; text-align: left; }

#top{
text-align: right;
padding: 0 20px 6px 0;
}
#top a {
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #6f3434; FONT-SIZE: 10px;  text-decoration : underline;
}
#top a:hover {
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #971010; FONT-SIZE: 10px; TEXT-DECORATION: none;
}

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:#222222}
input.obr  {
border:0px;
}
input.obr2  {
border: 0px;
padding: 0;
font-size: 13px;
border:1px solid #999999;
color: #222222;
background: url(../img/input.gif) no-repeat top left;
}
textarea {border:1px solid #999999;background:#FAFAFA;font-size:10pt;color:#222222}

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

#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;
}

#navigation-container
{ 
   vertical-align: top;
   height: 100%;
   background: url(../img/b-menu1.jpg) no-repeat top left;
   margin: 0;
   border-right: 0px;
   width: 147px;
   padding-top: 0px;
}
#navigation-container a,
#navigation-container a:hover
{
   font-size: 12px;
   padding: 5px 0 15px 27px;
   margin: 0px 0px 0px 0px;
   display: block;
   color: #9B0000;
   font-weight: bold;
   border: 0px;
   background: url(../img/b-menu1.jpg) no-repeat top ;
   text-decoration: none;
}
#navigation-container a:hover
{
   font-size: 12px;
   padding: 5px 0 15px 27px;
   text-decoration: none;
   color: #ff2e3b;
   font-weight: bold;
   background: url(../img/b-menu2.jpg) no-repeat top left;
}

#menu {
width: 990px;
height: 41px;
background: url(../img/menu.jpg);
margin: 0 auto;
padding: 0;
position: relative;
}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 41px; display: block;}
#ikonka1 a:hover {
background: transparent url(../img/menu.jpg)
-21px -41px no-repeat;}
#ikonka2 a:hover {
background: transparent url(../img/menu.jpg)
-164px -41px no-repeat;}
#ikonka3 a:hover {
background: transparent url(../img/menu.jpg)
-330px -41px no-repeat;}
#ikonka4 a:hover {
background: transparent url(../img/menu.jpg)
-512px -41px no-repeat;}
#ikonka5 a:hover {
background: transparent url(../img/menu.jpg)
-655px -41px no-repeat;}
#ikonka6 a:hover {
background: transparent url(../img/menu.jpg)
-825px -41px no-repeat;}
#menu span { display: none;}
#ikonka1 {left: 21px; width: 142px;}
#ikonka2 {left: 164px; width: 166px;}
#ikonka3 {left: 330px; width: 182px;}
#ikonka4 {left: 512px; width: 143px;}
#ikonka5 {left: 655px; width: 170px;}
#ikonka6 {left: 825px; width: 147px;}

.ods {
	margin: 0;
	padding: 8px 0 0 0;
}
.ods2 {
	margin: 0;
	padding: 15px 0 0 0;
}
.podmenu {
	width: 990px;
	height: 16px;
	margin: 0 auto;
	position: relative;
	background: url(../img/podmenu.jpg) no-repeat;
}
.podmenu2 {
	width: 990px;
	height: 16px;
	margin: 0 auto;
	position: relative;
	background: url(../img/podmenux.jpg) no-repeat;
}
.haslo {
	width: 990px;
	height: 236px;
	margin: 0 auto;
	position: relative;
}
.haslo-l {
	padding: 0;
	width: 608px;
	height: 236px;
	float: left;
	margin: 0;
}
.haslo-p {
	margin: 0;
	padding: 0;
	width: 382px;
	height: 236px;
	float: right;
}

#page {
	width: 990px;
	margin: 0 auto;
	background: #FFFFFF url(../img/tlotxt.gif) repeat-y left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#page2 {
	width: 990px;
	margin: 0 auto;
	background: #FFFFFF url(../img/tlotxtx.gif) repeat-y left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tresc {
	float: right;
	width: 764px;
	margin: 0 0 10px 0;
}
#tresc2 {
	float: left;
	width: 984px;
	margin: 0 0 10px 16px;
}
.tytul1 {
	height: 50px;
	width: 750px;
	padding: 0;
	background: url(../img/tlonag.gif) no-repeat;
}
.tytul2 {
	font-size: 15px;
	color: #222121;
	font-weight: bold;
	padding: 15px 0 0 20px;
}
.tytul1s {
	height: 50px;
	width: 718px;
	padding: 0;
	margin: 0px;
	background: url(../img/tlonags.gif) no-repeat;
}
.tytul2s {
	font-size: 15px;
	color: #222121;
	font-weight: bold;
	padding: 15px 0 0 20px;
}

.tytul1x {
	height: 50px;
	width: 950px;
	padding: 0;
	margin: 0 0 0 26px;
	background: url(../img/tlonagx.gif) no-repeat;
}
.tytul2x {
	font-size: 15px;
	color: #222121;
	font-weight: bold;
	padding: 15px 0 0 20px;
}

.tresc2 {
	width: 718px;
	margin-left: 10px;
	margin-right: 36px;
}
.tresc2gl {
	width: 650px;
	margin-left: 10px;
	margin-right: 36px;
}
.tresc2x {
	width: 960px;
	margin-left: 15px;
	margin-right: 15px;
}

#blok {
	float: left;
	width: 226px;
	margin: 0;
	padding: 0;
}
.blok-news {
	height: 38px;
	width: 178px;
	padding: 0;
	margin: 0 0 0 28px;
	background: url(../img/blok-news.jpg) no-repeat;
}
.blok-ankiet {
	height: 38px;
	width: 178px;
	padding: 0;
	margin: 15px 0 0 28px;
	background: url(../img/blok-ankiet.jpg) no-repeat;
}
.blok-log {
	height: 42px;
	width: 178px;
	padding: 0;
	margin: 0 0 0 28px;
	background: url(../img/blok-log.jpg) no-repeat;
}
.blok1 {
	width: 178px;
	padding: 0;
	margin: 0 0 0 28px;
	background: url(../img/blok-1.gif) repeat-y;
}
.blok1a {
	width: 178px;
	padding: 0;
	margin: 0 0 5px 25px;
}
.blok2 {
	padding: 7px 10px 10px 10px;
	font-size: 11px;
	color: #ffffff;
}
.blok3 {
	width: 178px;
	height: 20px;
	padding: 0;
	margin: 0 0 0 28px;
	background: url(../img/blok-2.gif) no-repeat;
}

.wspol {
	padding: 0;
	margin: 0 0 0 17px;
}
.trzylata {
	padding: 0;
	margin: 15px 0 0 8px;
}
.odwiedz {
	padding: 0;
	margin: 15px 0 0 33px;
}

#footer {
	width: 990px;
	margin: 0 auto;
	height: 46px;
	background: url(../img/stopka1.jpg) no-repeat left top;
}
#footerx {
	width: 990px;
	margin: 0 auto;
	height: 46px;
	background: url(../img/stopka1x.jpg) no-repeat left top;
}
.footer2 {
	text-align: right;
	width: 990px;
	height: 30px;
	padding: 16px 0 0 0;
}
.footer3 {
	width: 990px;
	margin: 0 auto;
	position: relative;
	background: url(../img/stopka2.jpg) repeat-y;
}
.footer3-l {
	padding: 18px 0 0 0;
	width: 214px;
	float: left;
	text-align: center;
	margin: 0;
}
.footer3-p {
	margin: 0;
	padding: 0;
	width: 776px;
	float: right;
}
.footer3 p {
	margin: 0;
	padding: 10px 20px 12px 20px;
	line-height: normal;
	font-size: 10px;
	text-align: center;
	color: #c29794;
}
.footer3 a {
	color: #c29794;
	font-size: 10px;
}

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;
}

.required2 {
	color: red;
	background: #eeeeee;
	text-align: right;
}