html, body {
margin: 20px;
padding: 0;
text-align: center; /* centrowanie w IE */
background-color: #fff;
color: #000;
}

html {
margin: 0;
}

#prolog {
   width: 950px;
   margin: 0 auto;
   padding: 0;
}

#prolog1 {
   margin: 0;
   padding: 0 20px 0 0;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-align: right;
   background-color: #fff;
   color: #ccc;
}

#naglowek1, #naglowek2, #naglowek3, #naglowek4 {
   width: 950px;
   height: 210px;
   margin: 0px auto;
   padding: 0px;
   background: transparent url(naglowek.jpg) 50% 50% no-repeat;
   border: 1px solid #ccc;
}


#menu {
   width: 164px;
   margin: 0px auto;
   padding: 0px;
   /*text-transform: uppercase;*/
   font-family: Verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: center;
   font-weight: bold;
   background-color: #fff;
}

#menu ul
{
   list-style-type: none;
   margin: 0px;
   padding: 5px;
   border: 1px solid #ccc;
   border-top: 0px solid #ccc;
}

#menu li
{
   margin: 0px;
   padding: 5px;
}

#menu a
{
   display: block;
   padding: 6px;
   margin: 0px;
   background-color: #fff;
   border: 1px solid #fff;
   /*border-bottom: 1px solid #ccc;*/
   text-decoration: none;
}

#menu a:link, #menu a:visited, #menu a:active
{
   color: #00f;
}

#menu a:hover
{
	background-color: #adf;
	color: #000; 
	border: 1px solid #000;
}

#menu #wybrane
{
	background-color: #fc3;
	color: #000;
	border: 1px solid #000;
}

#tresc {
   width: 900px;
   height: auto !important;
   height: 50px; /* IE */
   min-height: 50px;
   margin: 0px auto;
   padding: 0px;
   border: 1px solid #ccc;
   border-top: 0px solid #ccc;
}

#lewa {
/*background-color: #000;*/
   float: left;
   display: inline;
   width: 35%; /*38%;*/
   margin: 0px auto;
   padding: 0px;
   text-align:center;
}

#prawa {
/*background-color: #009;*/
   float: right;
   display: inline;
   width: 65%; /*62%;*/
   height: auto !important;
   height: 50px; /* IE */
   min-height: 50px;
   margin: 0px;
   padding: 0px;
}

#stopka {
   clear: both;
   width: 100%; /*900px*/
   margin: 0;
   padding: 10px 0;
   border-top: 1px solid #ccc;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-align: center;
   background-color: #fff;
   color: #000;
}

#stopka a, #stopka a:link, #stopka a:visited, #stopka a:active
   {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
	border-bottom: 0px dashed #00f;
	letter-spacing: 4px;
}

#stopka a:hover
   {
	color: #00f;
	text-decoration: underline;
	border-bottom: 0px dashed #00f;
}

#dol {
	width: 900px;
   margin: 0 auto;
   padding: 40px 0 10px 0;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-align: center;
   background-color: #fff;
   color: #000;
}


#menu1 {
   width: 250px;
   margin: 30px auto;
   padding: 0px;
   /*text-transform: uppercase;*/
   font-family: Verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   font-weight: bold;
   background-color: #fff;
}

#menu1 ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   border: 0px solid #ccc;
   /*border-top: 0px solid #ccc;*/
}

#menu1 li
{
   margin: 0px;
   padding: 0px;
   background-color: #ff0;
}

#menu1 a
{
   display: block;
   padding: 12px 6px 12px 40px;
   margin: 0px;
   width: auto !important;
   width: 250px; /* IE */
   min-width: 204px;
   background-color: #fff;
   border: 0px solid #fff;
   text-decoration: none;
}

#menu1 a:link, #menu1 a:visited, #menu1 a:active
{
   color: #00f;
}

#menu1 a:hover
{
	background-color: #adf;
	color: #000; 
	border: 0px solid #000;
}

#menu1 #wybrane1
{
	/*background-color: #fc3;*/
	color: #000;
	/*background-image: url(strzalka.gif);*/
	background: #fc3 url(strzalka.gif) no-repeat 5% 50%;
}



#menu2 {
   width: 230px;
   margin: 30px auto;
   padding: 0px;
   /*text-transform: uppercase;*/
   font-family: Verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   background-color: #fff;
 
}

#menu2 ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#menu2 li
{
   margin: 0px;
   padding: 0px;
   background-color: #ff0
}

#menu2 a
{
   display: block;
   padding: 12px 6px;
   margin: 0px;
   width: auto !important;
   width: 230px; /* IE */
   min-width: 204px;
   background-color: #fff;
   text-decoration: none;
}

#menu2 a:link, #menu2 a:visited, #menu2 a:active
{
   color: #999;
   text-align: right;
   border-right: 8px solid #fff;
}

#menu2 a:hover
{
	background-color: #fff;
	color: #333; 
	border-right: 8px solid #adf;
}

#menu2 #wybrane2
{
	background-color: #fff;
	color: #000;
	border-right: 8px solid #f00;
}


#zawartosc {
	margin: 0;
	padding: 25px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	background-color: #fff;
	color: #000;
	line-height: 16px; /*border: 0px solid #f00;*/
}

#zawartosc h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	background-color: #fff;
	color: #000;
}

#zawartosc p {
   margin: 10px 0 10px 0;
   padding: 0;
   font-size: 12px;
}

#zawartosc ul {
	margin: 0;
	padding: 0 0 10px 30px;
	line-height: 18px;
}

#zawartosc li {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	background-color: #fff;
	color: #000;
	list-style-type: disc;
	line-height: 18px;
}

#zawartosc a, #zawartosc a:link, #zawartosc a:visited, #zawartosc a:active
   {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #00f;
	text-decoration: none;
	border-bottom: 1px dashed #00f;
}

#zawartosc a:hover
   {
	color: #f00;
	text-decoration: underline;
	border-bottom: 0px dashed #00f;
}

.rdl {background: url(rdl.gif) 0 100% no-repeat #bdff7d; width:520px; padding:0; margin:20px 0 40px 0;}
.rdp {background: url(rdp.gif) 100% 100% no-repeat; padding:0;}
.rgl {background: url(rgl.gif) 0 0 no-repeat; padding:0;}
.rgp {background: url(rgp.gif) 100% 0 no-repeat; padding:10px 20px;}

.obrazek {width:500px; padding:10px; border:1px dashed #ccc; margin:10px 0;}

.obrazek img {
	border: 0px solid #000;
}

#kontakt {
	width: 520px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#kontakt p {
margin: 0 0 12px 0;
}

#kontakt form {
	margin: 20px 10px;
	padding: 20px 10px 10px 10px;
	background-color: #fff;
	text-align: left;
	border: 1px dashed #ccc;
}

#kontakt label {
	width: 120px;
	margin: 0;
	padding: 0 10px 0 0;
	display: block;
	float: left;
	background-color: transparent;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
}

#kontakt input {
	width: 320px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #00f;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	border: 0px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}

#kontakt textarea {
	width: 320px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #00f;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	border: 1px dashed #ccc;
}

#kontakt #wyslij {
	width: 150px;
	background-color: #ccc;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 2px 4px 2px 4px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
	cursor: pointer;
}

p.czerwony {
background-color: transparent;
color: #f00;
}


.reklama {
	margin: 20px auto;
	padding: 20px;
	width: 230px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color: transparent;
	color: #000;
	border: 1px solid #ccc;
}

.reklama img {
	border: 0px solid #000;
}

#pierwsza {
	margin: 0;
	padding: 20px;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	background-color: #fff;
	color: #000; /*border: 0px solid #f00;*/
	line-height: 18px;
}

#pierwsza p {
   margin: 10px 0 10px 0;
   padding: 0;
   font-size: 14px;
}

#pierwsza a, #pierwsza a:link, #pierwsza a:visited, #pierwsza a:active
   {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #00f;
	text-decoration: none;
	border-bottom: 1px dashed #00f;
}

#pierwsza a:hover
   {
	color: #f00;
	text-decoration: underline;
	border-bottom: 0px dashed #00f;
}

/*
#pierwsza .rdl {background: url(rdl.gif) 0 100% no-repeat #bdff7d; width:500px; padding:0; margin:10px 0 20px 0;}
#pierwsza .rdp {background: url(rdp.gif) 100% 100% no-repeat; padding:0;}
#pierwsza .rgl {background: url(rgl.gif) 0 0 no-repeat; padding:0;}
#pierwsza .rgp {background: url(rgp.gif) 100% 0 no-repeat; padding:10px 20px;}
*/