body {background: #fff url(../gfx/bg-body.jpg) fixed repeat-x left top; margin: 0 0 30px; text-align: center; font-family: tahoma,arial;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
p, ul, ol {font-size: 11px; line-height: 13px; color: #000;}
h2 {color: #002a87; font-size: 24px; font-weight: normal; margin: 16px 0;}
h3 {clear: both; font-size: 12px; font-weight: bold; margin: 0; padding: 8px 0;}
h4 {font-size: 12px; margin: 0; padding: 0; color: #888;}
.fclr {clear: both;}
.body {margin: 0 auto; width: 990px; position: relative; top: 0;}
#nav, #top, #idx {margin: 0 auto; background: transparent none scroll no-repeat center top; min-width: 990px;}
#nav {height: 126px; background-image: url(../gfx/bg-nav.jpg);}
#stat {display: none;}

/* odtwarzacz */
#player {position: absolute; left: 735px; top: 15px; width: 250px; height: 20px; z-index: 1002;}

/* strona glowna */
#idx {padding-top: 1px; height: 549px; background-image: url(../gfx/bg-top-04.jpg);}
#idx ul {list-style-type: none; margin: 0; padding: 0;}
#idx li {display: block; position: absolute; top: 0; left: 0;}
#idx li a {display: block; width: 100%; height: 100%;}
#idx li a span {display: none;}
#idx li#i1 {left: -30px; top: 330px; width: 90px; height: 30px;}
#idx li#i2 {left: 690px; top: 280px; width: 90px; height: 70px;}
#idx li#i3 {left: 900px; top: 340px; width: 80px; height: 70px;}
#idx li#i4 {left: 590px; top: 120px; width: 70px; height: 270px;}
#idx li#i5 {left: 520px; top: 130px; width: 70px; height: 250px;}
#idx li#i6 {left: 70px; top: 60px; width: 100px; height: 380px;}
#idx li#i7 {left: 210px; top: 130px; width: 90px; height: 270px;}
#idx li#i8 {left: 370px; top: 180px; width: 90px; height: 200px;}
#idx li#i9 {left: 790px; top: 100px; width: 90px; height: 300px;}
#idx li#i10 {left: 900px; top: 250px; width: 90px; height: 40px;}
#idx li#i11 {left: -90px; top: 295px; width: 104px; height: 40px;}
.ida {position: relative; top: 0; width: 990px; margin: 0 auto; text-align: left;}

/* boxy na glownej */
.box {z-index: 1001; position: absolute; top: -154px; width: 329px; height: 82px; padding: 50px 0 20px; background: #fff none scroll no-repeat left top; overflow: hidden;}
.box h3 {display: none;}
.box h4 {font-size: 11px; padding: 0 0 6px;}
.box a, .box p, .box ul {color: rgb(87,87,87);}
.box ul {list-style-type: none; padding: 0; margin: 0;}
.box ul li {padding: 0; margin: 0;}
.box ul li span {color: rgb(46,102,187);}
.box p {padding: 0; margin: 0;}
.box .more {text-align: right; padding: 2px 0 0;}
#b1 {background: url(../gfx/bg-box-news.jpg); left: 1px; padding-left: 40px; padding-right: 30px; width: 259px;}
#b2 {background: url(../gfx/bg-box-calendar.jpg); left: 331px; padding-left: 50px; padding-right: 10px; width: 269px;}
#b3 {background: url(../gfx/bg-box-hotline.jpg); left: 661px; padding-left: 30px; padding-right: 40px; width: 259px;}

/* podstrony */
#top {z-index: 1000; position: relative; top: 0; padding-top: 1px; height: 300px; background-image: url(../gfx/bg-top-02.jpg);}
#all {z-index: 1001; position: relative; top: -50px; width: 960px; margin: 0 auto; text-align: left; border: 10px solid rgb(239,242,248); background: #fff url(../gfx/bg-all.gif) scroll repeat-y left bottom;}

#txtbg {background: transparent url(../gfx/bg-txt.jpg) scroll no-repeat right bottom;}

#txt {float: right; width: 660px; padding: 18px 20px 100px;}

#txtnav {float: left; width: 240px; padding: 10px;}
#txtnav a {color: #006093;}
#txtnav h3 {padding-bottom: 0;}
#txtnav ul, #txtnav ul a {color: #666;}
#txtnav ul {list-style-type: none; padding: 0; margin: 0;}
#txtnav li {background: #fff; padding: 6px 10px; margin: 0 0 1px;}
#txtnav .title {color: #234696; font-weight: bold; background: rgb(239,242,248); padding: 10px;}
#txtnav .parent {color: #234696; font-weight: bold; padding: 10px;}
#txtnav .child {padding-left: 16px; margin-bottom: 0;}
#txtnav .sel {background: #ffffc0 !important;}

#txt a {color: #006093;}

/* sciezka */
#path, #path a {color: #666;}
#path {margin: 0 0 10px; padding: 0 0 8px; border-bottom: 2px solid #eee;}

#foot {width: 990px; margin: 0 auto; clear: both; padding-bottom: 50px; z-index: 1001; position: relative; top: 20px; }
#foot1 p, #foot2 ul, #foot2 p, #foot2 a {color: #666;}
#foot1, #foot2 {padding: 0;}
#foot1 {float: left;}
#foot1 p {margin: 0; padding: 0 0 10px 0;}
#foot1 img {border: none;}
#foot2 {float: right; padding-right: 20px;}
#foot2 h2 {display: none;}
#foot2 ul {list-style-type: none; padding: 0; margin: 0;}
#foot2 li {display: inline; margin: 0 0 0 5px; padding: 0;}
#foot2 p, #foot2 p a {color: #aaa; text-align: right;}

/* detale albumu */
#album {clear: both; padding: 0 0 20px 0;}
#album img {float: left; margin: 0 20px 20px 0;}
#track {float: right; clear: right; width: 430px;}
#track ol {margin-top: 0; padding-top: 0;}
#credit {clear: both; padding: 10px 0;}

.note {background: #fff url(../gfx/bg-note.jpg) scroll no-repeat right top; padding-top: 10px; padding-right: 15px; padding-left: 15px; border: 1px solid #eee; border-left: none;}

.single {float: left; width: 162px; height: 180px; text-align: center;}
.single img {border: none;}
.single h3 {height: 14px; font-size: 11px; line-height: 14px; color: #666; margin: 0; padding: 0; overflow: hidden;}

.album {float: left; width: 215px; height: 200px; text-align: center;}
.album img {border: none;}
.album h3 {height: 14px; font-size: 11px; line-height: 14px; color: #666; margin: 0; padding: 8px 0; overflow: hidden;}

.clip {float: left; width: 205px; height: 120px; text-align: center; padding: 20px 0 30px;}
.clip img {border: none; width: 160px; height: 90px;}
.clip h3 {height: 14px; font-size: 11px; line-height: 14px; color: #666; margin: 0; padding: 0; overflow: hidden;}

.author {margin: -16px 0 16px; padding: 0; color: #aaa;}
.desc {margin:  0 0 16px; padding: 0;}

.img {float: left; width: 160px; height: 142px; padding: 0 4px 15px 0;}
.img a {display: block; width: 160px; height: 132px; text-align: center; padding: 10px 0 0; background: rgb(239,242,248);}
.img a:hover {background: rgb(209,222,240);}
.img img {border: 1px solid #fff;}
/*
.img {float: left; width: 165px; height: 150px; text-align: center;}
.img img {border: 1px solid #ccc; padding: 3px;}
*/

/* banner */
.partner {clear: both; text-align: center; padding-bottom: 16px;}

.navigator {clear: both; padding: 1px 0 0;}
.navigator small  {font-size: 11px;}
.navigator p  {font-size: 12px; line-height: 20px; text-align: center; margin: 20px 0 0; padding: 10px 0 20px; border-top: 3px solid rgb(209,222,240);}
.navigator a {padding: 4px 10px; background: rgb(239,242,248); border: 1px solid rgb(209,222,240);}

/* media/prasa */
.media {text-align: center;}
.media p {margin: 0; padding: 0 0 20px;}
.media a {padding: 4px 10px; background: rgb(239,242,248); border: 1px solid rgb(209,222,240);}

/* koncerty */
.event {padding: 0 0 16px;}
.event .place {margin: 0; padding: 0;}
.event .desc {color: #666; margin: 0; padding: 4px 0 0;}

/* czlonkowie */
.band {float: left; width: 205px; height: 230px; padding-top: 30px; text-align: center;}
.band p {margin: 0; padding: 0 0 4px;}
.band img {width: 200px; border: none;}

.person {}
.person img {float: right; clear: right; width: 200px; border: none; margin: 0 0 16px;}
#person {float: left; width: 400px; padding: 10px 15px; background: #fff url(../gfx/bg-note.jpg) scroll no-repeat right top; border: 1px solid #eee; border-left: none;}
#person img {width: auto;}

/* radio / glosowanie */
.radio {clear: both;}
.radio h3 {clear: none !important; margin: 0; padding: 0;}
.radio .logo  {clear: both; float: left; width: 220px; padding: 0 16px 0 0; text-align: right;}
.radio .logo img {border: none; margin: 0 0 16px; padding: 4px 6px; border: 1px solid #ddd; background: #fff;}

/* kontakt */
form {margin: 0; padding: 10px; background: #f8f8f8; border: 1px solid #ccc; text-align: center;}
form input, form textarea{background: #fff;}
form table {border-collapse: collapse; margin: 0 auto;}
form span {font-weight: bold; color: #f00;}
form th, form td {font-size: 11px; padding: 2px 4px;}
form th {text-align: right;}
form td, form h3 {text-align: left;}
form .btn {text-align: right;}

.err {color: #f00; font-weight: bold;}
.msg {color: #0c0; font-weight: bold;}

.news {clear: both; padding-bottom: 20px;}
.news h3 {padding: 0; margin: 0;}
.news .date {color: #888; padding: 0; margin: 0;}
.news .more {clear: both; text-align: right;}

/* wyskakujacy banner */
#intro {display: none; background: #fff; padding: 15px; width: 640px; margin: 0 auto; z-index: 10000; border: 1px solid #05a; position: absolute; left: 150px; top: 150px;}
#intro p {text-align: right; margin: 0; padding: 4px 0;}
#intro a {color: #a00; font-weight: bold;}