* { margin: 0; padding: 0; text-align: left; }
a { text-decoration: none; }
ul, ol { list-style: none; }
img, fieldset { border: 0; }

body { text-align: center;  font: normal 12px/16px Verdana,Tahoma,Arial; background: #b5b5b5 url(pics/tloE.jpg) ; height:100%}
#lights {width: 100%; background: url(pics/lights3.jpg) no-repeat center top;}
a:link,a:visited,a:active{color: #fff;  text-decoration: none;}
a:hover{ color: white; text-decoration: underline;}
p {color: #bbb;}
h2 {background: url(pics/h2bar.jpg); border: 1px solid #111; padding: 3px; padding-left: 28px; color: #ddd; font-size: 16px;}

fieldset {}
legend {}
.ed {width: 100%; height: 20em;}
.tags {width: 500px; height:20px;}

#page {width: 960px; margin: 0 auto;}
#content {overflow: hidden; }

#header {width: 960px;}
#header_container {margin-top: -16px}
#pan_bar {position: absolute; top:200px;}
#pan_bar2 {position: absolute; top:200px; width: 960px; text-align:right;}
#pan_number {position: absolute; top: 203px; color: #aaa; font-size: 9px; width: 42px; text-align: right;}
#pan_number img {width: 13px; position: relative; left:-3px; top: 4px;}

#topnavi {width: 960px; height: 40px; background: url(pics/navibar2.jpg); margin-bottom: 20px; overflow: hidden; }
#navi {width: 680px; float: left; padding: 10px;}
#navi a {color: #eee;}
  #navi ul {}
  #navi li {display:inline; margin-right: 10px;}

#navi_zak {width: 780px;}

#login {width: 250px; float: right; text-align:right; padding: 4px;}
#login form {display:inline;}
#login input {border: 1px solid #aaa; font-size: 9px;}
#login p {display: inline; color: #eee; font-size: 9px;}
#login a {color: #eee; font-size:9px;}

.patronat {width: 958px; border: 1px solid black; margin-bottom: 20px; background: url(pics/patr_fade.png) 120px no-repeat; overflow: hidden;}
.patronat_container {overflow: hidden; float: right; background: #393939;}
.patronat_title {float: left; font-size: 12pt; margin: 30px;}
.patron {float: left; margin-right: 10px; padding: 5px; text-align: center;}
.patron img {max-height: 50px;}
.patron p {font-size: 7pt; text-align: center;}

#spons {background: url(pics/patr_fade2.png) no-repeat 575px}
#spons_cont {float: left;}

/* menu kontektowe (wszystkie) */
#context_menu {float:right; width: 213px;}
#context_menu a {color: #ccc;}
.contx_sub {width: 200px; border: 1px solid #111;  padding: 5px; margin-bottom: 10px; background: url(pics/tloA.jpg)}
.sub_title {background: black url(pics/mini_logo.jpg) no-repeat center left; color: white; padding-left: 16px;}
#rand_phot img {margin-top: 5px;}
.user_avatar img {float: right; width:74px; margin: 5px 0px 5px 0px; border: 1px solid black;}
#crew_pan img {vertical-align: middle; margin-right: 10px;}
#events_pan img {vertical-align: middle; width: 15px; margin-right: 5px;}


#module {width: 740px; margin: 0 auto; float: left; overflow: hidden;}

/* ekipa */
.crew {margin: 0px 0px 10px 0px; overflow: auto; background: #444 url(pics/tloA.jpg); border: 1px solid #111; padding: 10px;}
.crew_image {width: 500px; margin: 0 auto;}
.crew_image img {max-width: 500px;}
.crew h3 { background: black url(pics/titilebar2.jpg) repeat-x; color: white; overflow: hidden; border: 1px solid #111; padding:3px; padding-left: 25px;}
.czlonek {width: 300px; border: 1px solid #111; padding:3px; float:left; margin: 10px;}
.czlonek a:hover {text-decoration: none;}
.czlonek img {width:75px; vertical-align: middle; margin-right: 30px;}
.crew_footer {clear:left;}

/* jeden czlon */
#profil {background: #444 url(pics/tloA.jpg); border: 1px solid #111; padding: 5px;}

/* lista newsow */
.news {margin: 0px 0px 10px 0px; overflow: hidden; background: #444 url(pics/tloA.jpg); border: 1px solid #111; padding: 10px;}
.news_header p {padding:3px; padding-left: 25px;}
.news_header {margin: -3px -3px 7px -3px; background: black url(pics/titilebar2.jpg) repeat-x; color: white; overflow: hidden; border: 1px solid #111;}
.news_header img {float: left; margin-right: 3px;}
.news_date {float:right; color: #ccc;}
.news_author {float: right; font-style: italic;}
.news_body img {max-width: 250px; float:right; margin: 3px 0px 3px 3px;}
.news_body ul {list-style-type: circle;}
.news_body ul li {color: #bbb; margin-left: 20px;}
.news_footer {clear: both; background: #333; margin-top:10px;padding:3px;}
.quoteheader {background: #ccc;}
.quote {border: 1px solid #ccc; background: #aaa; padding: 10px;}

/* jeden news */
#news_one {width: 730px; background: url(pics/tloA.jpg); border: 1px solid #555; padding: 3px; color: #ccc; text-align: justify;}
#news_one img {max-width: 700px; max-height: 300px;}
#news_one p {padding: 3px;}
.news_whole_head {background: black url(pics/titlebg1.jpg) repeat-x; margin: 3px; padding: 3px; color: white; overflow: auto;}
  #news_whole_date {float: right;}
#news_one .news_header {margin: 5px; padding-left: 20px;}
#readmore {background: #333; margin: 3px; padding: 3px; overflow: auto;}
#readmore a {}

/* lista eventow */
#lista li.event_header{ color: #888;}
.event_list {margin: 0px 0px 10px 0px;}
.event_list_header{ margin: -3px -3px 7px -3px; background: black url(pics/titilebar2.jpg) repeat-x; color: white; overflow: hidden; border: 1px solid #111;} 
.event_list_header p {padding:3px; padding-left: 25px;}
.event_list_date {}
.event_list_body img {max-width: 400px; float:right; margin: 3px 0px 3px 3px;}
.event_list_author {font-style: italic; float:right;}

/*jeden event*/
.event {width: 730px; background: url(pics/tloA.jpg); border: 1px solid #555; padding: 3px; }
.event_body p {padding: 3px;}
.event_body img {max-width: 400px; max-height: 300px;}
.event_header {background: black url(pics/titilebar2.jpg); padding: 3px; padding-left:26px; margin: 3px; overflow: hidden;}
.event_title {float: left;} 
.event_date {float: right;}
#readmore {background: #333; margin: 3px; padding: 3px; overflow: auto;}
#readmore a {}

#ankieta legend {border: 1px solid darkgoldenrod; color: darkgoldenrod; padding: 2px;}
#ankieta fieldset {border: 1px solid darkgoldenrod; margin-top: 10px; padding: 5px;}
#wyniki ul li {border: 1px solid darkgoldenrod; color: #ccc; margin: 2px; margin-left: 10px; padding: 0px 2px 0px 2px;}
#wyniki ul li.ank_title {color: darkgoldenrod; border: none; margin-left: 0px;}
#wyniki p {margin-left: 10px;}
.ank_score {float: right; color: darkgoldenrod;}
.prc_score {font-size:7pt; color: gray; vertical-align: top;}
.scroll_me {max-height: 200px; overflow:auto; margin-left: 10px; width: 700px;}
.scroll_a {background: #ccc; color:black; padding: 2px;}
.scroll_b {background: #888; color:black; padding: 2px;}
#ank_send {text-align: center;}
#ank_send input {padding: 5px 10px 5px 10px; margin-top: 10px; }


#wyd_desc {overflow: hidden; text-align: center;  background: url(pics/tloA.jpg); padding: 5px; border: 1px solid #111; border-top: 0px;}
#wyd_desc img {width: 60%; margin-bottom: 10px; border: 2px solid #333;}
#wyd_desc ul {list-style: circle; color: #aaa; margin: 3px;}
#wyd_desc li {margin-left: 20px;}

/* formularz pielgrzymki*/
#pielg_form {margin-top: 10px;}
#pielg_form form {margin: 0px;}
#pielg_form fieldset{padding: 8px; border:1px solid #555;}
#pielg_form legend {border:1px solid #555; color: white;}
#pielg_form .toolbar img {width: 15px;}
#pielg_form textarea {background: #ccc url(pics/tloA.jpg); width: 713px; height: 350px; border: 1px solid #111; color: #ccc; padding: 3px;}
#pielg_form input {background: #ccc; border: 1px solid #111; font-family: verdana; margin: 3px;}

#lista {width: 100%; overflow: hidden; margin-top: 30px}

/* wszystkie kategorie */
#gallery_list {width: 100%; margin: 0 auto;}
.gallery_cat {width: 130px; height: 135px; margin: 7px; border: 1px solid #555; float:left; background: url(pics/tloA.jpg); color: #eee;}
.gallery_thumb img {display: inline; border: 1px solid #555;}
.gallery_thumb {text-align: center;  margin-top: 5px;}
.gallery_cat p {text-align: center; }
.gallery_data {font-size: 9px; color: gray;}

/* jedna kategoria */
#gallery_pics {width: 100%; margin-top: 10px;}
#gallery_pics table {margin: 0 auto; width: 100%}
#gallery_pics table td {padding: 3px;}
#gallery_pics a {display: block; text-align: center; padding: 1px;}
#gallery_pics a:hover {border: 1px solid #aaa; padding: 0px; text-decoration:none;}
.thumb {text-align: center;}
.thumb img {border: 1px solid #666;}
.com_numb img {border: 0; width: 10px;}
.com_numb {background: url(pics/com_bg.png); padding: 2px; position: relative; left:-20px; color: #ccc;}

/* konkretne zdjecie */
#backfov {font-size:30px; text-align:center; margin: 10px;}
#gallery_photo {width: 100%; text-align:center;}
#gallery_photo img {background: white; max-width: 720px; max-height: 650px; border: 1px solid #666; border-bottom: 2px solid #000; border-right: 2px solid #000; padding: 5px; margin-top: 7px; margin-bottom: 7px; }
#gallery_navi {background: url(pics/tloA.jpg); border: 1px solid #555; padding:2px;}
#gallery_navi p {color: black;}
#gallery_navi a:hover {text-decoration: none;}
#do a:hover {text-decoration: underline;}
#gallery_navi p#do {color: #ccc;}

#video_list {margin: 0 auto; overflow: auto;}
.video_li {clear: both; overflow: hidden; margin-bottom: 10px;}
.video_cat {width: 140px; height: 150px; margin: 5px 10px 5px 10px; border: 1px solid #555; float:left; background: url(pics/tloA.jpg); color: #eee;}
.video_cat p {text-align:center; font-size: 9px;}
.video_cat img {border: 1px solid #555;}
#video {width: 425px; height: 344px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; overflow: hidden; background: url(pics/tloA.jpg); padding: 20px; border: 1px solid #555;}
#video object {width:425px; height: 344px;}
#video_navi {background: url(pics/tloA.jpg); border: 1px solid #555; padding:2px; }

/* formularz komenatrzy */
#new_com {margin-top: 10px;}
#new_com form {margin: 0px;}
#new_com fieldset{padding: 8px; border:1px solid #555;}
#new_com legend {border:1px solid #555; color: white;}
#new_com .toolbar img {width: 15px;}
#new_com textarea {background: #ccc url(pics/tloA.jpg); width: 713px; height: 150px; border: 1px solid #111; color: #ccc; padding: 3px;}
#new_com input {background: #ccc; border: 1px solid #111; font-family: verdana; margin: 3px;}

/*komentarz*/
#komentarze {width: 600px; margin: 0 auto; background: url(pics/tloA.jpg); border: 1px solid #111; margin-top:10px;}
.komc {}
.komc {padding: 5px; overflow:auto;}
.komc ul li.com_title {background: #333; padding:1px; padding-left: 5px; color: white; overflow:hidden;}
.komc ul li.com_title .edit_com {float: right; width: 50px; text-align:right;}
.komc ul li.com_title .com_date {color: #888; font-style: italic; font-size:9px; float: right;} 
.komc ul li.com_avatar img {width: 40px;  }
.komc ul li.com_avatar {float:left;}
.komc ul li.com_body {color: #999;  padding-left: 45px;}

.komc2 {}
.komc2 {padding: 5px; background: url(pics/tloE.jpg); overflow:auto;}
.komc2 ul li.com_title {background: #222; padding:1px; padding-left: 5px; color: white; overflow:hidden;}
.komc2 ul li.com_title .edit_com {float: right; width: 50px; text-align:right;}
.komc2 ul li.com_title .com_date {color: #888; font-style: italic; font-size:9px; float: right;} 
.komc2 ul li.com_avatar img {width: 40px;  }
.komc2 ul li.com_avatar {float:left;}
.komc2 ul li.com_body {color: #999; padding-left: 45px;}

#page_list {clear: both; width:100%; margin:10px;}
.page_button a {border: 1px solid #888; margin: 2px; padding:1px;}

.up {clear: both; float: right;}
.up a {color: white;}

#footer {clear: both; width: 960px; height: 35px; margin: 0 auto; background: black; }
#footer p {text-align: center; padding: 10px; color: #444;}

#infografika img {max-height: none !important;}

.bold {font-weight: bold;}
.help {font-size: 7pt;}
.red {color: red;}
.right {float: right;}
#errors {margin: 10px;}
.error {background: #ccc url(pics/tloA.jpg); width: 400px; border: 1px solid #f44; padding: 10px; text-align:center; color: #f44; margin:0 auto; margin-bottom:10px;}
.agree {background: #ccc url(pics/tloA.jpg); width: 400px; border: 1px solid green; padding: 10px; text-align:center; color: green; margin:0 auto; margin-bottom:10px;}
.orange {color: #b69a50;}