body {
    font: normal 12px Arial, Helvetica, Tahoma, sans-serif;
    color: #000;
    background-color: #f3f3f3;
	width: 100%;
}

a {
color: #262626;
text-decoration: none;
cursor: pointer;
outline: none;
}

strong {
font-weight: bold;
}

.clear {
clear: both;
}

#content {
width: 100%;
margin: 0 auto;
}

#gora {
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #254457;
color: #352E2E;
background-color: #F5F5F5;
padding-top: 1px;
}

#pasek {
height: 20px;
width: 980px;
margin: 0 auto;
text-align: center;
}

#pasek strong {
width: 980px;
margin: 0 auto;
padding: 5px 5px 5px 10px;
letter-spacing: 7PX;
word-spacing: 10PX;
font-size: 10px;
}

#pasek h1{
width: 980px;
margin: 0 auto;
padding: 5px 5px 5px 10px;
letter-spacing: 7PX;
word-spacing: 10PX;
font-size: 10px;
font-weight: bold;
}

#gora1 {
width: 100%;
margin: 0 auto;
height: 200px;
color: #e6e6e6;
background-color: #254457;
border-bottom: 1px solid #f3f3f3;
}

#gora1p {
width: 100%;
margin: 0 auto;
background: url(/img/tlo111.png);
background-color: #213644;
border-bottom: 1px solid #f3f3f3;
border-top: 1px solid #f3f3f3;
}

#gora2 {
margin: 0 auto;
height: 111px;
width: 980px;
}

#gora2p {
margin: 0 auto;
height: 130px;
width: 980px;
padding-top: 20px;
}

#logo {
float: left;
width: 198px;
padding-top: 5px;
}

#logop {
float: left;
width: 300px;
height: 125px;
}

#logo1 {
float: left;
width: 300px;

}

#logo1 a.logo {
height: 60px;
width: 60px;
background: url('../img/pzitb2.png') no-repeat;
float: left;
display: block;
margin: 10px 0 0 10px;
}

#logo1 a.link {
font-size: 40px;
font-weight: bold;
margin: 20px 0 0 0;
padding-left: 10px;
float: left;
display: block;
color: #EBEBEB;
}

#logo2 {
float: left;
width: 300px;
}

#logo2 a{
float: left;
font-size: 14px;
margin: 0 0 0 10px;
padding-top: 4px;
word-spacing: 3px;
color: #EBEBEB;
}

#menu {
float: right;
}

#menu li{
float: left;
}

#menu li a{
font-size: 15px;
float: left;
padding: 47px 13px;
border-right: 1px solid #053450;
color: rgb(214, 214, 214);
}
#menu li a.pierw{
border-left: 1px solid #053450;
}

#menu li a:hover  {
color: white;
opacity: 0.8;
}

#content1 {
width: 100%;
margin: 0px auto;
overflow: hidden;
border-top: 1px solid #254457;

}

#dol {
width: 100%;
margin: 0 auto;
clear: both;
padding: 20px 0;
background: rgb(230, 230, 230);
border-bottom: 1px solid #3f3f3f;
}


#dol-box {
width: 984px;
margin: 0 auto;

}


#dol-box ul{

}

#dol-box li{
width: 284px;
height: 100px;
float: left;
padding: 20px;
margin-bottom: 8px;

}

#dol-box li.pier {

}

#dol-box li.ost {

}

#dol-box li h3 {
margin-bottom: 8px;
font-size: 15px;
}

#dol-box li h3 a{
color: #11365f;
font-weight: bold;
}

#dol-box li p{
text-align: justify;
color: #4E4D4D;
}

#dol-box1 {
width: 100%;
margin: 0 auto;
height: 200px;
border-bottom: 1px solid #254457;
}

#dol-box1 div.partnerzy{
width: 980px;
margin: 0 auto;
text-align: center;
FONT-SIZE: 10PX;
padding: 20px 10px 10px 10px;
color: rgb(121, 121, 121);
letter-spacing: 2px;
}

#dol-box1 ul{
width: 980px;
margin: 0 auto;
text-align: center;
}

#dol-box1 li{
padding: 0 22px;
display: inline;
overflow: hidden;
}

#dol-box1 li img {
height: 40px;
opacity: 0.25;

}

#dol-box1 li:hover img {
opacity: 1;

}

#dol1 {
width: 100%;
margin: 0 auto;background: #4f4f4f;
border-top: 1px solid #f3f3f3;
}

#dol1-box {
width: 980px;
margin: 0 auto;
color: white;
}

#dol1-box1 {
width: 300px;
margin-top: 20px;
padding: 10px;
float: left;
}

#dol1-box1 p{
font-size: 11px;
padding: 2px;
}

#dol1-box2 {
width: 300px;
margin-top: 20px;
padding: 10px;
float: left;
}

#dol1-box2 p{
font-size: 11px;
padding: 2px;
}

#dol1-box3 {
width: 320px;
margin-top: 20px;
padding: 10px;
float: left;
}

#dol1-box4 {
width: 980px;
height: 30px;
margin: 0 auto;
border-top: 1px solid #717777;
}

#dol1-box4 span.poprzednia{
text-align: center;
font-size: 10px;
padding: 5px;
float: left;
width: 150px;
color: grey;
}

#dol1-box4 span.cop{
font-size: 10px;
padding: 5px;
float: left;
width: 300px;
}

#dol1-box4 span.real{
text-align: center;
font-size: 10px;
padding: 5px;
float: right;
width: 100px;
}

#content2 {
width: 100%;
margin: 0px auto;
min-height: 500px;
clear: both;
border-top: 1px solid #254457;
border-bottom: 1px solid #3f3f3f;
overflow: hidden;
padding-bottom: 20px
}

#content2 div.tytul {
width: 980px;
margin: 0 auto;
}

#content2 div.tytul div.nazwastrony {
margin: 0px auto;
padding: 10px 15px;
font-size: 20px;
font-weight: bold;
color: #254457;
float: left;
width: 220px;
}

#content2 div.tytul div.nazwastrony2 {
padding: 10px;
font-size: 20px;
font-weight: bold;
color: #254457;
float: right;
width: 680px;
}

#content2 #podzial {
width: 980px;
margin: 0 auto;
clear: both;
overflow:hidden;
}

#content2 #podzial #lewa{
float: left;
width: 250px;
}

#content2 #podzial #prawa{
float: right;
width: 700px;
}

#content2 #podzial div.tytul {
width: 250px;
margin: 0 auto;

}

#content2 #podzial div.tytul div.nazwastrony {
width: 210px;
margin: 0px auto;
padding: 5px;
font-size: 20px;
font-weight: bold;
color: #686868;
}

#content2 #podzial #menulewa{
float: left;
font-size: 13px;
width: 250px;
}

#content2 #podzial #menulewa ul{
margin-top: 5px;
border: 1px solid rgb(184, 184, 184);
}

#content2 #podzial #menulewa ul li{
background: #fff;
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
}

#content2 #podzial #menulewa ul li.pierwszy{
border-top: 0 !important;
}

#content2 #podzial #menulewa ul li.ostatni{
border-bottom: 0 !important;
}

#content2 #podzial #menulewa ul li.podmenu{

}

#content2 #podzial #menulewa ul li.podmenu a{
padding: 5px 15px 5px 30px;
font-size: 13px;
display: block;
color: #686868;
}

#content2 #podzial #menulewa ul li a {
padding: 10px 15px;
font-size: 13px;
display: block;
color: #686868;
}

#content2 #podzial #menulewa ul li a:hover{
background: #fafafa;
}

#content2 #podzial #prawa #tresc {
padding: 5px 10px;
font-size: 13px/150%;
color: #262626;
overflow: hidden;
}

#content2 #podzial #prawa #tresc img {
max-width: 100%;
}

#content2 #podzial #prawa #tresc p{
line-height: 150%;
text-align: justify;
}

#content2 #podzial #prawa #tresc li{
line-height: 150%;

}

#content2 #podzial #prawa #tresc #wladze{

}

#content2 #podzial #prawa #tresc #wladze .przewodniczacy {
width: 310px;
height: 100px;
margin: 0 auto 20px auto;
background-color: white;
padding: 5px;
border: 1px solid #e2e2e2;
}

#content2 #podzial #prawa #tresc #wladze  .opis{
width: 240px;
float: left;
position: relative;
height: 100px;
}

#content2 #podzial #prawa #tresc #wladze  .opis .funkcja{
padding: 10px;
position: absolute;
bottom: 0;
}

#content2 #podzial #prawa #tresc #wladze .opis .imienazwisko{
padding: 10px;
font-size: 14px;
font-weight: bold;
}

#content2 #podzial #prawa #tresc #wladze .zastepca {
width: 310px;
height: 100px;
float: left;
position: relative;
margin-bottom: 20px;
background-color: white;
padding: 5px;
border: 1px solid #e2e2e2;
}

#content2 #podzial #prawa #tresc #wladze .zastepca2 {
width: 310px;
height: 100px;
float: right;
position: relative;
margin-bottom: 20px;
background-color: white;
padding: 5px;
border: 1px solid #e2e2e2;
}


#content2 #podzial #prawa #tresc #wladze .sekr-skarbnik {
width: 310px;
height: 100px;
float: left;
position: relative;
margin-bottom: 20px;
background-color: white;
padding: 5px;
border: 1px solid #e2e2e2;
}

#content2 #podzial #prawa #tresc #wladze .sekr-skarbnik2 {
width: 310px;
height: 100px;
float: right;
position: relative;
margin-bottom: 20px;
background-color: white;
padding: 5px;
border: 1px solid #e2e2e2;
}

#content2 #podzial #prawa #tresc #wladze .czlonkowie {
width: 310px;
height: 100px;
float: left;
position: relative;
margin-bottom: 20px;
background-color: white;
padding: 5px;
border: 1px solid #e2e2e2;
}

#content2 #podzial #prawa #tresc #wladze .czlonkowie2 {
width: 310px;
height: 100px;
float: right;
position: relative;
margin-bottom: 20px;
background-color: white;
padding: 5px;
border: 1px solid #e2e2e2;
}

#content2 #podzial #prawa #tresc #wladze img{
height: 100px;
width: 70px;
float: left;
}

#content2 #podzial #prawa #tresc #wladze{

}

#content2 #podzial #prawa #tresc #wladze{

}

#news {
padding: 10px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #D7D7D7;
height: 90px;
margin-left: -10px;
}

#news:hover{
background: #fcfcfc;
}

#news a{
color: #3f3f3f;
}

#news a:hover{

}

#news h2 {
font-size: 14px;
line-height: 150%;
font-weight: bold;
}

#news p {
border: none;
margin-top: 5px;
text-align: justify;
}

#news div.news-data {
position: absolute;
right: 10px;
bottom: 5px;
color: #A09D9D;
}

#kontakt p{
font-size: 14px;
}

#mapa {
padding-top: 10px;
width: 570px;
height: 570px;
overflow: hidden;
}

#dzialp{
width: 678px ;
height: 468px;
}

#dzialp img{
float: left; 
width: 220px; 
height: 150px;
margin: 3px 3px;
}

#galmin {
width: 340px; float: left;
}

#galfoto {
position: relative;margin-bottom: 20px;
}

#galfoto img {
width:320px; height:225px;
padding: 3px;
border: 1px solid #C9C5C5;
}

#galnazwa {
display: block;
position: absolute;
width: 300px;
bottom: 3px;
left: 4px;
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
font-size: 12px;
padding: 10px;
font-weight: bold;
}

#galmin {

}





.gal {
	text-align: center;
}

.gal img {
	width: 108px;
	height: 80px;
	border: 1px solid #dadada;
	margin: 3px;
	padding: 3px;
}

.gal2 img {
    width: 100%;
    height: auto;
    border: 1px solid #dadada;
    margin: 0 0 20px;
    padding: 1px;
    box-sizing: border-box;
}






div.wrap {
width : 980px;
margin : 0 auto;
text-align : left;
}

div#top div#nav {
float : left;
clear : both;
width : 980px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : 10px 0 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 400px;
background : #f3f3f3;
}
div#header div#slide-holder {
z-index : 40;
width : 980px;
height : 400px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 960px;
height : 379px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
right: 0;
bottom: 0;
width: 230px;
height: 46px;
display: none;
position: absolute;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}

div#header div#slide-holder div#slide-controls p#slide-nav a img {
border : 0;
}

div#nav ul li a {
background : url(images/nav.png) no-repeat;
}

#tabelabud{
border-spacing: 5px;
}
#tabelabud td{
padding: 5px;
}

#tabelabud td a{
color: blue;
}

#tabelabud tr:hover{
background: white;
}

#facebook{
width: 32px;
height: 32px;
float:right;
padding-top: 15px;
}

#facebook a{
width: 32px;
height: 32px;
background: url(../img/facebook.png)no-repeat;
display:block;
opacity: 0.80;
}

#facebook a:hover{
opacity: 1;
}

.pokaz-menu {
text-decoration: none;
color: #fff;
text-align: center;
padding: 10px 0;
display: none;
}

input[type=checkbox]{
display: none;
}

input[type=checkbox]:checked ~ #menum{
display: block;
overflow: hidden;
  padding-bottom: 10px;
  background: #203752;
}

.kontakt {
  width: 570px!important;
}
.dol-box {
  width: 984px;
  margin: 0 auto;
}

.brbanerg {
  display: block;
  width: 980px;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.dbudowaroku {

}
.dbudowaroku .banerbr{
  width: 980px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  padding: 30px 0;
}


/**/

@media (max-width: 979px) {

img {
max-width: 100%;

height: auto;
}

#pasek {
  height: auto;
  width: 100%;
}

#pasek h1 {
  width: 100%;
  letter-spacing: 1PX;
    padding: 0;
}

#gora1p {
  overflow: hidden;
    /*background: #0D2535;*/
}

#gora2 {
  height: auto;
  width: 100%;
}

#logo {
  width: 100%;
}

#logo1, #logo2 {
width: 210px;
  margin: 0 auto;
  display: block;
  float: none;
}

#menu {
  width: 100%;
}

#menuc {
  width: 652px;
  margin: 0 auto;
  display: block;
  padding: 0;
    overflow: hidden;
}

#menu li a {
  font-size: 14px;
  padding: 25px 10px 15px;
  border: 0;
}

#dol-box, .dol-box {
 width: 100%;
 
}

#dol-box ul {
  padding: 20px;
}

#dol-box li {
  width: 100%;
  height: auto;
    overflow: hidden;
  padding: 0;
  margin-bottom: 30px;
}

#dol1 {
  padding: 20px;
  box-sizing: border-box;
}

#dol1-box {
 width: 100%;
}

#dol1-box1, #dol1-box2, #dol1-box3, #dol1-box4  {
  width: 100%;
  height: auto;
    overflow: hidden;
  padding: 0;
  margin-bottom: 8px;
}

#facebook {
float: left;
}

/**/

#content2 div.tytul {
  width: 100%;
}

#content2 #podzial {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}

#content2 #podzial #lewa {
  width: 40%!important;
}

#content2 #podzial #prawa, .kontakt {
  width: 60%!important;
}

div.nazwastrony {
  width: 40%;
  box-sizing: border-box;
}

#content2 div.tytul div.nazwastrony2 {
  width: 60%;
  box-sizing: border-box;
}

#content2 #podzial #menulewa {
  width: 100%;
}

#wladze .przewodniczacy, #wladze .zastepca, #wladze .zastepca2, #wladze .sekr-skarbnik, #wladze .sekr-skarbnik2, #wladze .czlonkowie, #wladze .czlonkowie2  {
  width: 96%!important;
  height: auto!important;
  margin: 0 2%!important;
  padding: 0!important;
  margin-bottom: 30px!important;
  overflow: hidden;
}

#dzialp {
  width: 100%;
  height: auto;
}

#dzialp img {
  float: left;
  width: 30%;
  height: auto;
  margin: 1%;
}

.slider {
width: 100%!important;
}

/**/

#galmin {
  width: 100%;
  float: left;
}

#galfoto img {
  width: 100%;
  height: auto;

}

#galnazwa {
width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

#news {
  height: auto;
  min-height: 90px;
}

#mapa {
width: 90%;
float: right;
}
}


@media (max-width: 666px) {

#menu {
  width: 100%;
}
#menuc {
  width: 100%;
}
#menu ul {
  position: static;
  display: none;
}

.pokaz-menu {
  display: block;
  border-top: 1px solid #f3f3f3;
  margin-top: 10px;
  font-size: 16px;
  background: #203752;
}

#menu li {
width: 100%;
}

#menu li a {
  width: 100%;
  margin: 0;
  padding: 10px 0;
text-align: center;
  }

}

@media (max-width: 520px) {

#content2 #podzial #lewa {
  width: 100%!important;
}
#content2 #podzial #prawa {
  width: 100%!important;
  margin-top: 20px;
}

div.nazwastrony {
  width: 100%!important;
  padding: 10px 20px!important;
}

div.nazwastrony2 {
  width: 100%!important;
  padding: 10px 20px!important;
}
#mapa {
width: 100%;
}
}

#uwaga {
position: fixed;
top: 0;
width: 100%;
background: #D6D6D6;
padding: 10px;
color: red;
text-align: center;
z-index: 99999;
font-weight: bold;
}


.lspol {
display: block;
float: left;
width: 100%;
padding-bottom: 10px;
}
.lspol .fblinklogo {
width: 32px;
height: 32px;
background: url(../img/facebook.png)no-repeat;
opacity: 0.80;
display: inline-block;
float: right;
}

.lspol .fblink span {
display: inline-block;
line-height: 32px;
height: 32px;
float: right;
padding-right: 10px;
color: #fff;
}

.lspoln {
display: block;
float: left;
width: 100%;
padding-bottom: 10px;
}

.lspoln .fblink span {
display: inline-block;
line-height: 20px;
height: 20px;
float: right;
color: #fff;
}


@media (max-width: 979px) {
.lspol .fblinklogo  {
float: left;
}
.lspol .fblink span {
float: left;
padding-left: 10px;
}
.lspoln .fblink span {
float: left;

}

}


#czlonkowie {
	background: #fff;
	border-bottom: 1px solid #3f3f3f;
	padding: 30px 0;
}
.czl-wsp {
    width: 980px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.czl-wsp .tytul {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
	color: #11365f;
}

.czl-wsp .czl {
	width: 25%;
    height: auto;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.czl-wsp .czl img {
	width: 100%;
    height: auto;
    border: 1px solid #dcdcdc;
    padding: 7px;
    box-sizing: border-box;
}

.home #dol {
    border-bottom: 0;
}


@media (max-width: 1025px) {
.czl-wsp {
    width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

}

@media (max-width: 767px) {
.czl-wsp .czl {
    width: 50%;
}
}

@media (max-width: 400px) {
.czl-wsp .czl {
    width: 100%;
}
}

.dbudowaroku #lewa {
float: right!important;
}

.dbudowaroku #prawa {
float: left!important;
}

.dbudowaroku #lewa .arch {
  padding: 5px 10px;
  }

.dbudowaroku #lewa .arch .folder {
  margin-bottom: 20px;
}
.dbudowaroku #lewa .arch .folder img {
  width: 100%;
  height: auto;
  max-width: 300px;
}