*{  
font-family: 'Arial', 'Verdana', 'sans-serif';
}

html, body {
	height: 100%;
}

body {  
padding: 0;  
margin: 0;  
text-align: center;  
font-size: 11px;  
}

#container {  
position: relative;
min-height: 100%;
background: #ffffff;  
padding: 0;  
margin-left: auto;  
margin-right: auto;  
width: 750px;  
text-align: left;  
border: 0px solid #bedb37 /*#d7e9a1*//*#EDEBD5*/;
}

* html #container
{
height: 100%;
}

#header { 
float: none;
margin:0;   
padding:0;  
height: 233px;  
width: 750px;
background: transparent;  
text-align: center;  
border: 0px solid black;
}

#headerimg {  
text-align: center;
background: url("images/prawo.jpg") no-repeat 0 0;
height: 233px;  
padding: 0;  
margin: 0;  
margin-left: auto;  
margin-right: auto;
}

#headerimg h1 {  
text-align: center;  
display: none;
}

#flagi {
width: 750px;
height: 30px;
text-align: right;
position: relative;
z-index: 5;
clear: both;
top: -132px;
}

#flagi ul {
list-style-type: none;
margin: 0;
padding: 0;
height: 30px;
float: right;
}

#flagi ul li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
width: 40px;
height: 30px;
float: left;
}

#flagi ul li a {
display: block;
padding: 0;
margin: 0;
width: 40px;
height: 22px;
bottom: 0;
border: 0px solid black;
}

#flagi ul li h4 {
display: none;
}

#flagi ul li.polski a{
background: url(images/flaga_pl.gif) no-repeat 3px -22px;
}

#flagi ul li.english a{
background: url(images/flaga_uk.gif) no-repeat 3px -22px;
}

#flagi ul li.email a{
background: url(images/email.gif) no-repeat 3px -22px;
}

#flagi ul li.polski a:hover{
background-position: 3px 0px;
}

#flagi ul li.english a:hover{
background-position: 3px 0px;
}

#flagi ul li.email a:hover{
background-position: 3px 0px;
}

/* MENU BEGIN ======================================================== */

#menu {
  float: left;
  width: 170px;
  baorder-bottom: 0px solid #000000;
  margin-bottom: 0px;
  font: 11px Arial, Verdana, sans-serif;
  f_ont-variant: small-caps;
  f_ont-weight: bold;
  l_etter-spacing: 2px;
  text-decoration: none;  
  text-align: center;
  t_ext-transform: capitalize;
  color: #ffffff;
  background: white;
  position: relative;
  top: -40px;
}

#menu ul {
	list-style-type:none;
	text-align: left;
	width: 170px;
	padding: 0;
	margin: 0;
	margin-top: 15px;
}

#menu ul li{
	height: 30px;
	background: url(images/menu_bok_tlo.jpg) no-repeat;
}

#menu ul li.active {
	height: 30px;
	background: url(images/menu_bok_tlo_active.jpg) no-repeat;
}

#menu ul li a, #menu ul li a:visited{
	text-decoration: none;
	color: #414bb2;
	margin: 0;
	position: relative;
	top: 7px;
	left: 14px;
}

#menu ul li a:hover {
	color: #b1b0c2;
}

.menu_title {
	color: #5c5e83;
	font-size: 14px;
	letter-spacing: 4px;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;  
	text-align: left;
	text-transform: capitalize;
}

#menu-container {
	position: relative;
	top: -84px;
	float: none;
	width: 750px;
	left: 0;
	z-index: 10;
	border: 0;
}

.menu_play {width:749px; height:20px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #fff; padding:0px; margin:0px; top: 0;}
/* hack to correct IE5.5 faulty box model */
* html .menu_play {width:750px; w\idth:749px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu_play ul {padding:0;margin:0;list-style-type:none;}
.menu_play ul ul {width:107px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu_play li {float:left;width:107px;position:relative;}
/* style the links for the top level */
.menu_play a, .menu_play a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:96px/*96*/; height:19px/*12*/; border:1px solid #fff; border-width:1px 0 1px 0px; background:transparent; padding-left:10px; line-height:19px/*9*/;text-align: left; font-weight: bold; font-family: arial;}
.menu_play a.dol, .menu_play a.dol:visited {
	font-weight: normal;
}
.menu_play a .text {
	text-align: center;
	position: relative;
	left: -5px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_play a, * html .menu_play a:visited {width:107px; w\idth:96px;}

/* style the second level background */
.menu_play ul ul a.drop, .menu_play ul ul a.drop:visited {background:#9294b3 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu_play ul ul a.drop:hover{background:#696c8f url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu_play ul ul :hover > a.drop {background:#696c8f url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu_play ul ul ul a, .menu_play ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu_play ul ul ul a:hover {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_play ul ul {visibility:hidden;position:absolute;height:0;top:20px/*13*/;left:0; width:107px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .menu_play ul ul {top:19px/*12*/;t\op:20px;}

/* position the third level flyout menu */
.menu_play ul ul ul{left:107px; top:-1px; width:107px;}

/* position the third level flyout menu for a left flyout */
.menu_play ul ul ul.left {left:-107px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu_play table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu_play ul ul a, .menu_play ul ul a:visited {background:#9294b3; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:86px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu_play ul ul a, * html .menu_play ul ul a:visited {width:108px;w\idth:86px;}

/* style the top level hover */
.menu_play a:hover, .menu_play ul ul a:hover{color:#fff; background:#696c8f; border-left: 1px solid white;}
.menu_play :hover > a, .menu_play ul ul :hover > a {color:#fff;background:#696c8f; border-left: 1px solid white; border-right: 1px solid white;}

/* make the second level visible when hover on first level list OR link */
.menu_play ul li:hover ul,
.menu_play ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu_play ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu_play ul :hover ul :hover ul{ visibility:visible;}




/* MENU END*/

/* KAFLE BEGIN ======================================================== */

#kafle {
  float: right;
  width: 100px;
  text-align: center;
  background: transparent;
  margin: 0;
  padding: 0;
    position: relative;
  top: -40px;
}

#kafle h1 {
  font-variant: small-caps;
  font-size: 14px;
  letter-spacing: 4px;
  vertical-align: middle;
}

#kafle a {
}

#kafle a img {
	border: 0;
	margin-bottom: 2px;
}

#kafle a:hover img, #kafle a img:hover {
	border-left: 0px solid #5c5e83;
	border-right: 2px solid #5c5e83;
}

.kafelek {
	width: 100px;
	height: 40px;
	display: block;
	border: 0;
	margin-bottom: 2px;
}

.kafelek .IPPC {
	width: 100px;
	height: 40px;
	background: url(images/kafel.jpg);
}

.kafelek .IPPC h3 {
	display: none;
}

#kafle .m_text {
	display: none;
}

#kafle ul, li {	/* list use for the menu  */
  list-style-type: naone;	/* suppression of list markers */
  margin:0;
  padding:0;
}

#kafle ul {
  background: url(images/kafel.jpg) 0 0px no-repeat;	/* general menu background */
  width: 100px;
  height: 240px;
}

#kafle li {
  display: block;
  float: left;
  width: 100px;
  border-bottom-color: #ffffff;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-top-color: #ffffff;
  border-top-width: 2px;
  border-top-style: solid;
  text-align: center;
}

#kafle li:hover, #menu li:focus {
  border-bottom-color: #aaa;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-top-color: #fff;
  border-top-width: 2px;
  border-top-style: solid;
}

#kafle li a {	/* buttons dimensions and definitions */
  display: block;
  padding: 0 0 0 0;
  height: 40px;
  color: #555;
  text-decoration: none;
}
#kafle li a{
	background: url(images/kafel.jpg);
}
#kafle li a:hover, #kafle li a:focus {
  background: url(images/kafel.jpg) -240px 0px no-repeat;
  color: #5B87A9;
}
#kafle li a.menu1{
  background-position: 0px 0px;	/* background place offset for each button */
}
#kafle li a.menu2{
  background-position: 0px -40px;
}
#kafle li a.menu3{
  background-position: 0px -80px;
}
#kafle li a.menu4{
  background-position: 0px -120px;
}
#kafle li a.menu5{
  background-position: 0px -160px;
}
#kafle li a.menu6{
  background-position: 0px -200px;
}
#kafle li a.menu7{
  background-position: 0px -240px;
}
#kafle li a.menu1:hover, #kafleli a.menu1:focus {
  background-position: 0px -281px;	/* background place offset for each button */
}
#kafle li a.menu2:hover, #kafle li a.menu2:focus {
  background-position: 0px -320px;
}
#kafle li a.menu3:hover, #kafle li a.menu3:focus {
  background-position: 0px -360px;
}
#kafle li a.menu4:hover, #kafle li a.menu4:focus {
  background-position: 0px -400px;
}
#kafle li a.menu5:hover, #kafle li a.menu5:focus {
  background-position: 0px -440px;
}
#kafle li a.menu6:hover, #kafle li a.menu6:focus {
  background-position: 0px -480px;
}
#kafle li a.menu7:hover, #kafle li a.menu7:focus {
  background-position: 0px -520px;
}

/* KAFLE END*/

/* MAIN BEGIN ======================================================== */

#main {
	width: 440px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	  position: relative;
  top: -40px;
}

#mainin {
	background: transparent;
	width: 440px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	padding-bottom: 17px;
}

#mainin p {
	margin: 0;
	margin-top: 4px;
	margin-bottom: 3px;
}

#mainin table, #mainin table tr {
	background: transparent;
	width: 440px;
	margin:0 ;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	text-align: center;
	vertical-align: center;
}

#mainin table tr {
	padding: 7px;
}

#mainin ul, #mainin ul li{
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	font-family: Arial;
}

#main ul.spacious li {
	margin-bottom: 15px;
}

#mainin .mainin_title {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

#mainin .mainin_title h1 {
	color: #5c5e83;
	font-size: 14px;
	letter-spacing: 4px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;  
	text-transform: capitalize;
}

#mainin .czlonkowie_title {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

#mainin .czlonkowie_title h2 {
	color: black;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;  
	text-transform: capitalize;
}

#mainin p b, #mainin ul li b {
	font-size: 11px;
}

#mainin .czlonek {
	width: 410px;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	float: left;
}

#mainin .czlonek .logo {
	width: 110px;
	float: left;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
}

#mainin .czlonek .logo img {
	max-width: 110px;
	max-height: 50px;
	vertical-align: middle;
}

#mainin .czlonek .adres {
	width: 290px;
	float: left;
}

#mainin ul, #mainin ul li{
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

#mainin ol, #mainin ol li  {
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

.plik {
	display: block;
	min-height: 60px;
	margin-bottom: 5px;
}

.plik_img {
	display: block;
	float: left;
	width: 30px;
	haeight: 30px;
	text-align: left;
}

.plik_img img{
	border: 0px;
	vertical-align: middle;
}

.plik_href {
	padding-left: 10px;
}

.plik_href a{
	float: left;
	color: blue;
	laine-height: 30px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	width: 410px;
}

.plik_href a:hover {
	text-decoration: none;
}

.post {
  margin-bottom: 25px;
  font-weight: normal;
}

.post .glowny {
  border-left: 0px solid #555555;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.post h2 {
  text-align: left;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  text-decoration: none;
  color: #5c5e83;
  letter-spacing: 0px;
}

.post h2 a, .post h2 a:visited {
	text-align: left;
	text-decoration: none;
	color: #5c5e83;
}

.post h2 a:hover {
	text-decoration: underline;
}

.post .date {
  font-size: 11px;
  margin-left: 0px;
}

.post .tresc {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 5px;
  text-align: justify;
  border-left: 0px dashed #555;
  border-top: 1px dotted #555555;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0px;
}

.post .tresc:afirst-letter {
  font-size: 50px;
  float: left;
  color: #555555;
}

.post .details {
  font-size: 11px;
  margin-left: 0px;
  text-align: left;
}

.post .details .more, .post .details .more h3 {
  display: inline;
}

.post .details .more a{
  color: #555555;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-left: 0px;
}

.post .details .more a:hover, .post .details a:focus {
  text-decoration: none;
}

.post .zdjecia img {
	width: 87px;
	margin-right: 1px;
	border: 0px;
}

.statut_tresc {
}

.statut_tresc h1,h2,h3 {
		text-align: center;
		font-size: 11px;
		font-weight: bold;
}

.statut_tresc ol.kropka li, .statut_tresc ol.nawias li{
	list-style-type: decimal;
}

.statut_tresc ol.litera li{
	list-style-type: lower-alpha;
}

/* MAIN END*/

/* FOOTER BEGIN ======================================================== */

#footer {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
position: relative;
bottom: 0;
width: 100%; /*750px;*/
background: transparent;
margin:0;    
margin-top: -17px;
height: 17px;   
text-align: center;  
border: 0px solid black;	
}

/* FOOTER END*/