@charset "utf-8"; 
body{padding: 6px;background: #707883;color: #222;text-align: center;font: 85% "Trebuchet MS",Arial,sans-serif;}
h1,h2,p{margin: 0;padding: 0 10px;font-weight:normal}
p{padding: 0 10px 15px}
h1{font-size:11px; color:#000000;}
h2{font-size:17px; color:#111388; text-align:center}
hr{width:400px;border:dashed 1px;}
.img{border:1px solid #bbb; border-right:3px solid #bbb; border-bottom:3px solid #bbb;padding:4px;}


#komunikat{background:#bbb;}


div#ogloszenie{clear:both;width:600px;background:#ffcc00;margin:0px auto;padding:5px 0;text-align:center;font:bold 16px verdana;}
#ogloszenie img{float:left;margin-left:5px;}
div#kartka{clear:both;width:600px;background:#fff;margin:0px auto;padding:5px 0;text-align:center;font:bold 14px verdana;}
#kartka img{margin-left:5px;}
/*------------------------------------------------------------*/
/*naglowek*/
div#container{width:960px !important; width /**/:970px;    margin:0 auto;padding:5px;text-align:left;background:#FFF}
div#top{background: rgb(255, 255, 255);  padding: 3px;text-align:right}
#top h3{display:inline;padding:0px; margin:0px;}
#top span{}

div#logo{background:#fff;padding: 0px;text-align:center}

div#info{background: rgb(66, 180, 172);  padding: 3px;text-align:center;}
#info h1{font:bold 11px verdana; color:black;display:inline;margin:0px;padding:0px;}
#info a{font:bold 11px verdana; color:black; text-decoration: none;}
#info span{font:bold 11px verdana; color:black;margin:0px; padding:0px;}

#content{margin:0px auto 0px auto;height: 100%; overflow: hidden;}
div#lewa1{width: 149px; float: left; margin-left:2px; margin-right:4px;}
div#lewa{width: 149px; float: left; margin-left:4px; margin-right:2px;}

/*menu*/
div#menu{float:left;width:149px;padding:10px 0;margin:5px 0; margin-right:4px; background: #FFD154; text-align:center;}
#menu span{font-size:17px; color:#111388;}
#menu ul{display: block;list-style:none;margin: 0;padding:3px;}
#menu li{font:12px verdana;text-align:left;background:url(../img/a.png)no-repeat left center;padding-left:11px;}
#menu li:hover {background:#ffa500 url(../img/a.png)no-repeat left center;}

/********************MENU ROZWIJANE*****************/
#dropmenudiv{position:absolute;border:1px solid black;border-bottom-width: 0;font:normal 12px Verdana;line-height:18px;z-index:100;}
#dropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 1px 0;text-decoration: none;font-weight: bold;color:#000;}
#dropmenudiv a:hover{background-color: #ffa500;}

/*katalog*/
div#katalog{float:left;width:149px;padding:10px 0;margin:5px 0;  margin-right:4px; background: #ffE786; text-align:center;}

/*kolo*/
div#kolo{float:left;width:149px;padding:10px 0;margin:5px 0;margin-right:4px;background:#ffa500;text-align:center;}

/*stats*/
div#stats{float:left;width:149px;padding:10px 0;margin:5px 0; margin-right:4px; background:  #ff8c00;text-align:center;}
#stats span{font:bold 12px verdana;}

/*godziny otwarcia*/
div#godziny{float:left;width:149px;padding:10px 0;margin:5px 0; margin-right:4px; background:#E07B00;text-align:center;}
#godziny span{font:bold 12px verdana;}
#godziny ul{display: block;list-style:none;margin: 0;padding:3px;}
#godziny li{font:10px arial;text-align:left;background:url(../img/a.png)no-repeat left center;padding-left:11px;}


/*środek  - zawartosc*/
div#srodek1{float:left;width:650px;padding:10px 0;margin:0px 4px 4px 2px; background: #5cacee}
div#srodek{float:left;width:650px;padding:10px 0;margin:5px 0; background: #5cacee}
div#content1{float:left;width:640px;padding:6px;margin:5px auto 5px auto; background: #5cacee}
/*prawa strona*/
div#prawa1{width:148px; float:left; margin-left:2px; margin-right:4px;}
div#prawa{width:148px; float:left; margin-left:2px; margin-right:4px;}

/*losowa galeria*/
div#galeria{float:right;width:148px;padding:10px 0;margin:5px 0; margin-left:4px; background: #FFD120;text-align:center;}
#galeria span{font-size:17px; color:#111388;text-align:center;}

/*losowa nowosc*/
div#p_nowosci{float:right;width:148px;padding:10px 0;margin:5px 0; margin-left:4px; background: #ffa500;text-align:center;}
#p_nowosci span{font-size:17px; color:#111388;text-align:center;}

/*stopka*/
div#footer{clear:both;width:960px;background: #C4E786;padding:5px 0;text-align:center; font-size:10px;}
#footer .info{height:100%;overflow: hidden;}
#footer a{text-decoration:none;color:#000;font:10px Verdana, sans-serif;}
#footer a:hover{background:#8eb51c;padding:0px 1px 0px 1px;color:#000;}
#footer .l{width:20%;float:left;padding:0px;}
#footer .s{width:60%;float:left;padding:0px;}
#footer .p{width:20%;float:left;text-align:center;bottom:50%; right:50%;}
#footer img{border:0px;}
#footer .link{padding:0px;text-decoration:none;border:0px;}

/*----------ZAWARTOSC-----------------*/
/*start*/
div#start{clear:both;width:600px;background: #C4E786;padding:5px 0;margin-left:auto;margin-right:auto;}
#start span{margin:10px;font:bold 13px verdana;}
#start ol{list-style: disc url(../img/a.png);}
#start ul{list-style-image:  url(../img/a.png);}
#start li{font:11px Verdana;}



/*aktualnosci*/
div#aktualnosci{clear:both;width:600px;background: #C4E786;padding:5px 0;margin-top:10px;margin-left:auto;margin-right:auto;}
#aktualnosci .news{width:550px;background:#E3EDC7;margin-bottom:18px;border: 1px solid #8EB51C;margin:0px auto 18px auto;padding:5px;}
#aktualnosci h3{margin:5px;padding:5px;text-align:left;}
#aktualnosci.tytul{width:535px;font:bold 15px Verdana;}
#aktualnosci .naglowek{width:97%;text-align:justify;font:bold 13px Verdana;padding-bottom:0px;margin:0px auto 6px auto;}
#aktualnosci .info{width:95%;background:#E6EDD3;margin:0px auto 0px auto;border:1px dotted #fff;font:10px Verdana;}
#aktualnosci .div_link{width:500px;height:100%;overflow: hidden;margin-bottom:8px;padding:0px 0px 8px 10px; text-align:right;}
#aktualnosci .link{font:bold 11px Verdana;padding:2px 8px 2px 8px;}
#aktualnosci .link:hover{font:bold 11px Verdana;background:#8eb51c;color:#fff;padding:2px 8px 2px 8px;}
#aktualnosci img{float:left;margin-right:4px;}

#news{width:550px;background:#E3EDC7;margin:0px auto 8px auto;border: 1px solid #8EB51C;}
#news h3{margin:10px;padding:5px;text-align:left;}
#news .tresc{width:97%;text-align:justify;padding:5px;margin:0px auto 5px auto;font:11px Verdana;}


#strony{clear:both;width:400px;background:#E3EDC7;padding:5px 0;margin-top:10px;margin-left:auto;margin-right:auto;text-align:center;}
#strony span{background:#E6EDD3;font:bold 15px Verdana;padding:0px 2px 0px 2px;color:red;}
#strony a{font:bold 11px Verdana;text-decoration:none; background:#E6EDD3;padding:0px 2px 0px 2px;color:#000;border:1px solid #fff;}
#strony a:hover{background:#8eb51c;padding:2px;color:#fff;}



/*nowosci*/
div#nowosci{clear:both;width:600px;background: #C4E786;padding:5px 0;text-align:center;margin-left:auto;margin-right:auto;}
#nowosci .nowosc{ background: #E3EDC7; padding: 5px 5px 5px 5px;  width:550px; height: 100%; overflow: hidden;margin-bottom:8px;margin-left:auto;margin-right:auto;border: 1px solid #8EB51C;}
#nowosci .foto{clear:both; width:100px;float:left;margin:4px 4px 4px 4px;}
#nowosci .opis{width:420px;float:right;margin-left:5px; margin-right:5px;}
#nowosci .aktualizacja{ float:right; width:300px;margin-top: 0; vertical-align: top; padding: 0px 10px 0px 0px; }
#nowosci .aktualizacja span{background:#8eb51c; float:right; text-align:center; width:250px; border:1px dotted #000; font-weight:bold;}
#nowosci img{border:2px dotted #bbb;}
#nowosci h3{text-align:center;font:bold 16px Verdana;background:#8eb51c;padding-top:2px;padding-bottom:2px;}
#nowosci h4{text-align:center;font:bold 13px Verdana;}
#nowosci span{text-align:justify;font:11px Verdana;}



/*wydarzenia*/
div#wydarzenia{clear:both;width:600px;background: #C4E786;padding:5px 0;text-align:center;margin-left:auto;margin-right:auto; }
.wydarzenie{ background: #E3EDC7;padding:9px;width:500px;height:100%;overflow: hidden;margin-bottom: 8px; border: 1px solid #8EB51C;margin-left:auto;margin-right:auto;}
.wyd_foto{clear:both;width:100px;padding:0px; float:left; font-size:14px; }
.wyd_foto img{border: 1px solid #8EB51C;}
.wyd_data{ float:right; width:350px;margin-top: 0; vertical-align: top; padding: 0px 0px 0px 0px; }
.wyd_data span{background:#8eb51c; float:right; width:100px; border:1px dotted #000; font-weight:bold;}
.wyd_naglowek{width:380px;float:right;margin:2px 2px 2px 2px;}
.wyd_naglowek h3{color:#000;}
.wyd_naglowek a{color:#000; text-decoration:none;}
.wyd_naglowek span{color:#000; font-size:12px; text-align:left;}
#wydarzenia .link{font:bold 11px Verdana;padding:2px 8px 2px 8px;}
#wydarzenia .link:hover{font:bold 11px Verdana;background:#8eb51c;color:#fff;padding:2px 8px 2px 8px;}

#div_wydarzenie{ background: #E3EDC7; padding: 9px;  width:500px; margin-bottom: 8px; border: 1px solid #8EB51C;margin-left:auto;margin-right:auto;}
#div_wydarzenie fieldset {border:0px;width:450px;border:2px solid #c7EDC7;background:#D1ED84;text-align:center;margin-left:auto;margin-right:auto;}
#div_wydarzenie legend {font:bold 14px arial;}
#div_wydarzenie .data{width:490px; float:left;}
#div_wydarzenie .data span{background:#8eb51c; float:right; width:100px; border:1px dotted #000; font-weight:bold;}
#div_wydarzenie .opis h2{font: bold 16px Arial;}
#div_wydarzenie .opis span{font: 12px Verdana; text-align:justify;}
#div_wydarzenie .foto{}


/*prasa*/
div#prasa{clear:both;width:600px;background: #C4E786;padding:5px 0;text-align:left;margin-left:auto;margin-right:auto;}
#prasa .tekst{margin:10px;font: 14px verdana, sans-serif;text-align:justify;}
#prasa ol{list-style: disc url(../img/a.png);}
#prasa ul{list-style-image:  url(../img/a.png);}
#prasa li{font:12px verdana;}


/*historia*/
div#historia{clear:both;width:600px;background: #C4E786;padding:5px 5px 5px 5px;text-align:justify;;margin-left:auto;margin-right:auto;font:12px verdana;}


/*regulaminy,statut*/
div#regulamin{clear:both;width:600px;background: #C4E786;padding:5px 0;text-align:left;margin-left:auto;margin-right:auto;}
#regulamin .paragraf{text-align:center;background:#8eb51c;width:562px;font:bold 14px Verdana, sans-serif;padding:4px;}
#regulamin .punkt{width:570px;background:#E3EDC7;margin-top:15px;margin-left:auto;margin-right:auto;padding:4px;text-align:justify;}
#regulamin ul{list-style-image: url(../img/a.png);font:bold 15px Verdana, sans-serif;}


/*kontakt*/
div#kontakt{clear:both;width:600px;background:#C4E786; padding:5px 0;text-align:left;margin-left:auto;margin-right:auto;}
#kontakt form {margin:10px; padding: 0 5px;border: 1px solid #f2f2f2;background-color: #FAFAFA;}
#kontakt label {display:block;font-weight:bold;margin:5px 0;}
#kontakt input {padding: 2px;border:1px solid #B5ED1C;font: normal 1em Verdana, sans-serif;color:#777;}
#kontakt textarea {width:400px;padding:2px;font: normal 1em Verdana, sans-serif;border:1px solid #B5ED1C;height:100px;display:block;color:#777;}
#kontakt input.button {margin: 0;font: bolder 13px Arial, Sans-serif;width:100px;border: 1px solid #B5ED1C;padding: 1px;background: #FFF;color: #CC0000;}
#kontakt input.button:hover {margin: 0;font: bolder 13px Arial, Sans-serif;width:100px;border: 1px solid red;padding: 1px;background: #fff;color: #000;}
div#kontakt1{clear:both;width:600px;background: #ffE786; padding:5px 0;text-align:center; margin:0px auto 0px auto;}

/*ksiega gosci*/
div#ksiega{clear:both;width:600px;background: #f8f8f8; padding:5px 0;text-align:left;margin-left:auto;margin-right:auto;}
#ksiega span{float:right;margin-top:10px;width:140px;}
#ksiega a{font:bold 13px Verdana;padding:2px 8px 2px 8px;}
#ksiega a:hover{font:bold 13px Verdana;background:#8eb51c;color:#fff;padding:2px 8px 2px 8px;}
#ksiega .info{width:450px;background:#eee;border:1px solid #ccc;margin-left:auto;margin-right:auto;font:14px Verdana, sans-serif;text-align:center;}


#ksiega span.error { background:url(../img/unchecked.gif) no-repeat 0px 0px; padding-left: 16px;padding-bottom: 2px;font-weight: bold; color: red;}
#ksiega span.checked {background:url(../img/checked.gif) no-repeat 0px 0px;color:#000; }
#ksiega .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}


/*------------------------------------------------*/
#dodaj{clear:both;width:600px;background: #f8f8f8; padding:10px;text-align:left;margin-left:auto;margin-right:auto;}
#dodaj .wpisy{float:right;margin-top:10px;width:140px;}
#dodaj a{font:bold 13px Verdana;padding:2px 8px 2px 8px;}
#dodaj a:hover{font:bold 13px Verdana;background:#8eb51c;color:#fff;padding:2px 8px 2px 8px;}
#dodaj form {margin:10px; padding: 0 5px;border: 1px solid #f2f2f2;background-color: #FAFAFA;}
#dodaj label {display:block;font-weight:bold;margin:10px 0px 3px 0px;}
#dodaj input {padding: 2px;border:1px solid #bbb;font: bold 1em Verdana, sans-serif;color:#000;}
#dodaj textarea {width:300px;padding:2px;font: normal 1em Verdana, sans-serif;border:1px solid #bbb;height:100px;display:block;color:#777;}
#dodaj input.button {margin: 0;font: bolder 13px Arial, Sans-serif;width:100px;border: 1px solid #CCC;padding: 1px;background: #FFF;color: #CC0000;}


#dodaj .div_submit{width:200px;;margin:0px auto;text-align:center;}
#dodaj .submit{background:#fff;font:bold 18px Verdana;color:#000;padding:3px 20px;}

#form_dodaj span.error { background:url("../img/unchecked.gif") no-repeat 0px 0px; margin-left:10px; padding-left: 16px;padding-bottom: 2px;font-weight: bold; color: red;}
#form_dodaj span.checked {background:url("../img/checked.gif") no-repeat 0px 0px;color:#000; }
#form_dodaj .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}
#form_dodaj .error{text-align:left;}

/*---------------------------------*/

#ksiega .wpis {width:550px;background:#F2F2F2;margin:10px auto 5px auto;padding:10px;border:1px solid #bbb;}
#ksiega .data{float:right;width:150px;background:#8eb51c;border:1px solid #bbb;text-align:center;font:bold 1em Verdana, sans-serif;}



/*linki*/
div#linki{clear:both;width:600px;background: #ffE786; padding:5px 0;text-align:left;margin-left:auto;margin-right:auto;}
#linki ul{list-style-image:  url(../img/a.png);}
#linki li{font:11px Verdana;}

/*filmy*/
div#filmy{clear:both;width:600px;background: #ffE786; padding:5px 0;text-align:center;margin-left:auto;margin-right:auto;}

/*kolo*/
div#info_kolo{clear:both;width:600px;background: #ffE786; padding:5px;text-align:justify;margin-left:auto;margin-right:auto;font:11px verdana;}
#info_kolo .foto{text-align:center;}


/*login*/
#login{clear:both;width:210px;background: #f8f8f8; padding:10px;text-align:left;margin-left:auto;margin-right:auto;}
#login form {margin-left:auto; margin-right:auto; padding: 0 5px;border: 5px solid #f2f2f2;background-color: #FAFAFA;}
#login label {display:block;font-weight:bold;margin:10px 0px 3px 0px;}
#login input {padding: 2px;border:1px solid #bbb;font: bold 1em Verdana, sans-serif;color:#000;}
#login .button{margin:0 auto;text-align:center;padding-top:9px;}
#login .submit {margin-left:auto;margin-right:auto;font: bolder 13px Arial, Sans-serif;
width:100px;border: 1px solid #CCC;padding: 1px;background: #FFF;color: #CC0000;}
#login .info{background:orange;text-align:center;font:bold 12px verdana;padding:2px;}





/*autor*/
#div_autor{clear:both;width:970px;background:#707883; padding:1px 0;height:100%;overflow: hidden;}
div#autor{background-image: url(../img/a.png);background-repeat:no-repeat;background-position:left;float:right;clear:both;width:220px;background-color:#C4E786;
padding:1px 1px 1px 13px;margin-top:10px;text-align:left;font:bold 11px arial;}
div#autor:hover{background-image: url(../img/a.png);background-repeat:no-repeat;background-position:left;float:right;clear:both;width:220px;background-color:#8eb51c;
padding:1px 1px 1px 13px;margin-top:10px;text-align:left;font:bold 11px arial;}
#autor a{text-decoration:none;font:bold 12px arial;color:#44473B;}
#autor a:hover{text-decoration:none;font:bold 12px arial;color:#000;}

/*error*/
#error{width:400px;border:1px solid red;text-align:center;background: #f8f8f8;font:bold 13px Verdana;margin:auto;}
#error .tytul{font:bold 16px Verdana;color:#000;padding:2px;}


#linki_stopka{text-align:center;margin:auto;}
#linki_stopka a{font-size:8px;color:#707884;}

.logo{border:none;width:940px;}
.link{font-size:13px; font-weight:bold; color:black; text-decoration: none;}
.tekst{font-size:12px; color:#000000}
.tytul{font-size:17px; color:#111388}
.small{font-size:11px; font-weight:bold; color:black; text-decoration: none;}
.form{border: 1px solid #000; font-size: 11px;font-weight:bold; color:black; text-decoration: none;}

.chmurka {position:absolute; border:1px dotted #000; background:silver; padding:4px; font:normal normal 15px Verdana, sans-serif;}
.opis{font-size:11px; color:#000000; text-align:justify;}


#orange{float:right;width:148px;padding:10px 0;margin:5px 0; margin-left:4px; background: #FFD120;text-align:center;font: bold 10px arial;}
#orange a{text-decoration:none;}
#orange img{border:0px;}

#pliki{float:right;width:148px;padding:10px 0;margin:5px 0; margin-left:4px; background: #FFD120;text-align:center;font: bold 10px arial;}
#pliki ul{display: block;list-style:none;margin: 0;padding:3px;}
#pliki li{font:12px verdana;text-align:left;background:url(../img/a.png)no-repeat left center;padding-left:11px;}
#pliki li:hover {background:#ffa500 url(../img/a.png)no-repeat left center;}



div#projekt{clear:both;width:600px;background: #C4E786;padding:5px 5px 5px 5px;text-align:justify;;margin-left:auto;margin-right:auto;font:12px verdana;}