body {background: rgb(51,51,51); font-family: arial; text-align: center; padding: 0; margin: 16px 0;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
p, ul, ol, address, th, td {font-size: 12px;}
a, p, ul, ol, address, th, td {color: rgb(205,205,205);}
address {font-style: normal; margin-bottom: 8px;}
h1, h2, h3 {color: rgb(255,204,0); margin: 16px 0; padding: 0;}
h1 {font-size: 24px;}
h1 span {display: block; font-size: 14px; margin: -4px 0 0 2px; padding: 0; color: #fff;}
h1 {font-size: 36px;}
h2 {font-size: 20px;}
h2 span {display: block; font-size: 14px; margin: -4px 0 0 2px; padding: 0; color: #fff;}
h3 {font-size: 12px; margin-bottom: 8px;}
object, embed {padding: 0 0 10px;}
legend {color: rgb(205,205,205); font-size: 12px; font-weight: bold;}
fieldset {padding: 2px 10px;}

.center {text-align: center;}

/* glowny kontener */
#all {width: 845px; margin: 0 auto; text-align: left;}

/* logo na glowna/podstrony */
#logo {background: rgb(255,204,0) url(../gfx/bg-logo.gif) scroll no-repeat center center;}
#logo, #logo a {width: 305px; height: 300px; display: block;}
#logo p, #logo h1 {margin: 0;}
#logo span {display: none;}

/* strona glowna */
#idx {list-style-type: none; margin: -150px 0 0; padding: 0;}
#idx li, #idx a {width: 150px; height: 150px; display: block;}
#idx li {float: left; margin: 0 5px 5px 0; background: #222 none scroll no-repeat 0px 0px;}
#idx li:hover {background-position: 0 -150px;}
#idx li.first {}
#idx li span {display: none;}
#idx li#idx1 {background-image: url(../gfx/idx-warsztaty.jpg); margin-left: 310px;}
#idx li#idx2 {background-image: url(../gfx/idx-przeglad.jpg);}
#idx li#idx3 {background-image: url(../gfx/idx-msza.jpg); clear: both;}
#idx li#idx4 {background-image: url(../gfx/idx-koncerty.jpg);}
#idx li#idx5 {background-image: url(../gfx/idx-zjazd.jpg);}
#idx li#idx6 {background-image: url(../gfx/idx-info.gif); width: 310px;}
#idx li#idx6 {background-position: 0 0;}

/* style globalne dla menu */
.nav {margin: 0 5px 0 0; padding: 0; list-style-type: none;}
.nav li {margin: 0 0 0 0; padding: 0;}
.nav li.last {padding-top: 14px; font-weight: bold;}

/* lista menu na glownej */
#nav {clear: both; padding: 24px 0 0;}
#nav ul {width: 150px; float: left; list-style-type: none; font-size: 14px;}

/* sponsorzy */
#sponsor {clear: both; padding: 70px 0 0; text-align: right; width: 845px;}
#sponsor img {margin: 0 0 0 24px;}
#sponsor img.left {float: left; margin: 55px 24px 0 0;}

/* stopka */
#foot {clear: both; text-align: right; padding: 16px 0 32px;}
#foot p {margin: 0; padding: 0; font-size: 11px;}
#foot a, #foot p {color: #555;}

/* menu podstrony */
#pagenav {float: left; clear: left; width: 305px; padding: 6px 0 24px;}
#pagenav .root {font-size: 20px !important; list-style-type: none; text-align: right;}
#pagenav .root li {margin: 0; padding: 0 0 4px;}
#pagenav .root .first {font-size: 12px;}
#pagenav .nav {font-size: 14px; padding-top: 24px;}


/* tresc podstrony */
#page {float: right; width: 480px; padding: 0 30px; margin-top: -300px;}
#page a {color: rgb(255,235,153); font-weight: normal; text-decoration: underline;}

/* komunikaty formularzy */
.errs {padding: 10px; background: #f00;}
.errs p {margin: 0; padding: 0; font-weight: bold;}
.errs ul {list-style-type: square; margin: 0; padding: 0 0 0 16px;}
.errs p, .errs ul {color: #fff !important;}

/* komunikaty formularzy */
.msgs {padding: 10px; background: #0c0;}
.msgs * {color: #fff !important;}

/* tabela opcji */
.opt {border-collapse: collapse;}
.opt th, .opt td {padding: 0 12px 6px; border: none; vertical-align: top;}
.opt th {text-align: right; width: 130px;}
.opt td {text-align: left;}

/* tabela utworow */
.song {border-collapse: collapse; margin-left: 0;}
.song th, .song td {padding: 0 6px 4px; border: none; vertical-align: middle;}
.song .end td {padding-bottom: 8px;}
.song th {text-align: right; width: 100px;}
.song td {text-align: left;}

/* mapa google */
#map {width: 480px; height: 400px; background: #666; border: 5px solid #666;}
#map p {color: #000;}

/* loga */
.partner {border-collapse: collapse; width: 100%;}
.partner td {text-align: center; vertical-align: center; border: none; padding: 0 0 16px; margin: 0;}
.partner td img {border: none;}

/* miniatury galeria/biuletyny */
.thumb {clear: both;}
.thumb img {margin: 0 10px 10px 0; border: 3px solid rgb(51,51,51);}
.thumb a:hover img {border-color: rgb(255,204,0);}

/* zdjecie z podpisem */
.photo {clear: both; padding: 0 0 16px;}
.photo p {padding: 4px 2px 0; margin: 0; font-size: 11px; color: #aaa;}
.photo img, .photo span {display: block;}
.photo img {margin: 0; padding: 0;}
.photo span {font-size: 10px;}