﻿@import url(/_style/HeadTail_new.css);
@import url(/_style/sitemap_main.css);

* {font-family:Tahoma, Trebuchet MS, Helvetica, Verdana, sans-serif; font-size:11px; line-height:130%; color:#000; border:none; margin:0; padding:0;}
body {text-align:center; background:url(../_img/bg_main.gif) no-repeat top center;}
li {list-style:none;}
a {text-decoration:none; cursor:pointer;}
a:focus, a:active {outline:none; -moz-outline:none;}
.clear {clear:both;}
.error {display:block; margin:10px; padding:0 10px 0 20px; color:#F00; font-weight:bold; background:url(/_img/ico/alert.gif) no-repeat 0 0;}

.head {background:url(../_img/bg_head.gif) no-repeat; width:980px; height:163px; position:relative; z-index:100;}

#main {margin:0 auto; width:980px; text-align:center; background-color:white; position:relative;}

.boxLeft {float:left; width:588px; margin-bottom:40px;}
.boxRight {float:left; width:385px; margin-bottom:40px;}

/* beltConcert */
#beltCnt {position:absolute; top:500px; left:0; width:100%; background:#450f06; z-index:1000;}
	html>body #beltCnt {position:fixed; top:auto; left:0; bottom:0;}
#beltCnt2 {position:relative; width:100%; xheight:90px; background:#450f06; text-align:center;}
#beltCnt #beltBox {position:relative; width:980px; height:90px; text-align:left; padding:0 0 0 114px; margin:0 auto;}
	html>body #beltCnt #beltBox {width:866px;}
#beltCnt #bgPiano {position:absolute; top:-16px; left:0; width:82px; height:106px; background:url(../_img/beltCntPiano.gif) no-repeat; z-index:1001;}
	html>body #beltCnt #bgPiano {background:url(../_img/beltCntPiano.png) no-repeat;}
#beltCnt #boxTxt {width:866px; padding:13px 0 0 0;}
#beltCnt #boxTxt #txt {width:669px; padding:3px 0 0 0; float:left;}
#beltCnt #boxTxt .date {color:#f7ead2; font:18px Georgia; font-weight:bold; padding:0 0 3px;}
#beltCnt #boxTxt .date span strong {color:#c3986e; font:18px Georgia; font-weight:bold;}
#beltCnt #boxTxt .date span {color:#c3986e; font:14px Georgia; font-weight:bold;}
#beltCnt #boxTxt .desc {color:#f8e8ce; font:20px Georgia; font-style:italic;xwidth:600px; padding-top:10px;}
#beltCnt #boxMore {width:197px; height:61px; background:url(../_img/beltCntDots.gif) repeat-y; padding:40px 0 0 5px; float:left;}
	html>body #beltCnt #boxMore {width:165px; height:44px;}
#beltCnt #boxMore #more {display:inline-block; background:#000 url(../_img/beltCntArr.gif) no-repeat 8px 8px; color:#bfdcec; font:13px Georgia; cursor:pointer; padding:3px 5px 4px 24px; float:left;}

#beltBox2 {width:100%; background:#5a0601; border-top:1px solid #f9e6c9; float:left;}
#beltBox2.hidden {display:none;}
#beltBox2 #beltLR {width:980px; margin:0 auto;}
#beltBox2 #beltLeft {width:600px; text-align:right; padding:25px 0 25px 0; float:left;}
	html>body #beltBox2 #beltLeft {width:590px; * width:600px;}
#beltBox2 #beltRight {width:370px; text-align:right; padding:25px 0; float:right;}
#beltBox2 #beltLeft *, 
#beltBox2 #beltRight * {color:#f9e6c9; font:12px Georgia; line-height:18px;}
#beltBox2 .title {font-size:24px !important; font-style:italic !important;}
#beltBox2 .color2 {color:#cd875a !important; padding-bottom:8px;}
#beltBox2 .color2 span {color:#cd875a !important; font-weight:bold !important;}
#beltBox2 .color3 {color:#cd875a !important; font-weight:bold !important;}
#beltBox2 .bold {font-weight:bold !important;}
#beltBox2 p.doltitle {font-size:20px !important; line-height:120%;}
 p.dol {font-size:26px !important; color:#CD875A !important; padding-top:15px; line-height:22px !important;}
#beltBox2 #hideDetails {width:100%; background:#2a0301; padding:8px 0; float:left;}
#beltBox2 #hideDetails span {display:inside-block; background:url(../_img/beltCntArr2.gif) no-repeat 0 6px; color:#c3986e; font-size:12px; font-weight:bold; cursor:pointer; text-decoration:underline; padding:0 0 0 12px;}

/*
<div id="beltBox2" class="hidden">
	<div id="beltLeft">
		<p>Blechacz gra Chopina</p>
	</div>

	<div id="beltRight">
		<p>Orkiestra Symfoniczna Filharmonii Narodowej</p>
		<p>
			Antoni WIT - dyrygent<br/>
			Rafał BLECHACZ – fortepian
		</p>
	</div>

	<div id="hideDetails">
		<span>Zwiń szczegóły koncertu</span>
	</div>
*/

/* -------------  MAIN  -------------- */

/* menu */

#menu * {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}
#menu {position:absolute; xwidth:700px; height:30px; background:#5f0000; top:130px; left:170px; z-index:900;}
#menu ul {}
#menu ul li {background-color:#5f0000; float:left;}
#menu ul li .mBgL {height:30px; float:left;}
#menu ul li .mBgR {height:30px; float:left;}
#menu ul li#m1 .mBgR {width:140px;}
#menu ul li#m2 .mBgR {width:140px;}
#menu ul li#m3 .mBgR {width:140px;}
#menu ul li#m4 .mBgR {width:110px;}
#menu ul li#m5 .mBgR {width:180px;}
#m1 {width:140px;}
#m2 {width:140px;}
#m3 {width:140px;}
#m4 {width:110px;}
#m5 {width:180px;}
#ulPorNar {width:180px; margin-top:-7px;}
#ulGal {width:140px; margin-top:-7px;}
.ms1 li {height:25px; background:none; border-bottom:1px solid #7d0e0e;}
.ms1 li a {height:25px; background-color:#510000; background:none; }
.ms1 li a:hover {background-color:#5f0000; color:#fff; }
	html>body .ms1 li a:hover {background:none;}
.ms1 li a span {font-size:11px; padding:4px 0 0 15px; text-align:left; background:none;}
#m4 #ulGal.ms1 {width:110px;}
ul li.first {display:none;}


/* wydarzenia */

.wydarzenia {background:url(../_img/bg_wydarzenia.gif) no-repeat; width:980px; height:378px;}
.wydarzenia ul {padding-top:40px; float:left;}
.wydarzenia ul li {float:left; width:980px; position:relative;}
.wydarzenia ul li.liL {text-align:right; margin-top:10px;height:140px; }
.wydarzenia ul li.liL a span.date {left:30px; position:absolute; top:40px; }
.wydarzenia ul li.liL a img {float:right; margin:0 0 0 15px;}
.wydarzenia ul li.liL a span.desc {font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; width:560px; float:right;}
.wydarzenia ul li.liL a span.title h2 {font-size:22px; color:#5f0000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:10px 0 7px 0; text-transform:uppercase; float:right; width:550px;}
.wydarzenia ul li.liL a span.more {background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px;}
.wydarzenia ul li.liL a:hover span.more {color:#fff;}

.wydarzenia ul li.liR {text-align:left; margin-top:5px; height:140px;}
.wydarzenia ul li.liR a span.date {right:30px; position:absolute; top:0; }
.wydarzenia ul li.liR a img {float:left;  margin:-7px 15px 0 0;}
.wydarzenia ul li.liR a span.desc {font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; width:560px; float:left;}
.wydarzenia ul li.liR a span.title h2 {font-size:22px; color:#5f0000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:10px 0 7px 0; text-transform:uppercase; float:left; width:550px;}
.wydarzenia ul li.liR a span.more {background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px; }
.wydarzenia ul li.liR a:hover span.more {color:#fff;}

.wydarzenia ul li a span.date * {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
.wydarzenia ul li.liL a span.date span.mm, 
.wydarzenia ul li.liR a span.date span.mm {font-size:18px; display:block; text-transform:uppercase;}
.wydarzenia ul li.liL a span.date span.dd {font-size:70px; line-height:110%; float:left; margin-top:-10px;}
.wydarzenia ul li.liR a span.date span.dd {font-size:70px; line-height:110%; float:left; margin-top:-20px;}

.wydarzenia .wszystkie a {background:url(../_img/zobaczWydarzenia.gif) no-repeat; width:243px; height:18px; position:absolute;  right:260px; top:510px;}
.wydarzenia .wszystkie a:hover {background:url(../_img/zobaczWydarzeniaH.gif) no-repeat;}


/* mowia o chopinie */

.mowia {background:url(../_img/bg_mowia.gif) no-repeat; width:980px; height:246px;}
.mowia .mowM {width:460px; float:left; font-size:12px; margin:120px 0 0 44px;}
	html>body .mowia .mowM {margin:120px 0 0 87px;}
.mowia .mowM ul li a {text-align:left; display:block;}
.mowia .mowM ul li a span.desc {font-size:12px; font-family:Arial, Helvetica, sans-serif;line-height:18px; }
.mowia .mowM span.wiecej {margin-top:10px; text-align:left; display:block; font-size:11px; font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif; }
.mowia .mowM span.wiecej a {font-family:Arial, Helvetica, sans-serif;background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px; font-weight:normal;}
.mowia .mowK {width:350px; float:right; margin:55px 0 0 0; }
.mowia .mowK ul li a {text-align:left; display:block;}
.mowia .mowK ul li a span.desc {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-style:italic; background-color:#bfdcec;}
.mowia .mowK ul li a span.title h2 {color:#5f5844;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; margin-top:8px;}

/* graja chopina */

.graja {background:url(../_img/bg_graja.gif) no-repeat; width:980px; height:172px;}
.graja .opis {float:left; width:425px; padding:80px 0 0 37px; text-align:left; line-height:18px; font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.graja .opis a.more {font-family:Arial, Helvetica, sans-serif;background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px; font-weight:normal;}
.graja .divGraja {float:right; width:500px; position:relative;}
.graja .divGraja a span {color:#750800;}
.graja .divGraja a span#a149582 {font-family:Arial; font-size:26px; font-weight:bold; position:absolute; left:30px; top:120px; letter-spacing:1px;}
.graja .divGraja a span#a149583.nazwisko {font-family:Arial; font-size:19px; font-style:italic;position:absolute; left:25px; top:15px;}
.graja .divGraja a span#a149584 {font-family:Arial; font-size:33px; font-weight:bold;position:absolute; right:50px; top:10px;}
.graja .divGraja a span#a149577 {font-family:Trebuchet; font-size:24px;position:absolute; left:0; top:85px;}
.graja .divGraja a span#a149578 {font-family:Courier; font-size:25px; font-weight:bold;position:absolute; top:15px; right:135px;}
.graja .divGraja a span#a149579 {font-family:Georgia; font-size:21px; font-style:italic;position:absolute; top:85px; right:135px;}
.graja .divGraja a span#a149575 {font-family:Arial; font-size:35px; font-weight:bold;position:absolute; top:40px; left:80px;}
.graja .divGraja a span#a149576 {font-family:Verdana; font-size:27px; position:absolute; top:0; left:140px;}
.graja .divGraja a span#a149573 {font-family:Trebuchet; font-size:37px; position:absolute; top:85px; left:125px;}
.graja .divGraja a span#a148175 {font-family:Times New Roman; font-size:25px; font-weight:bold;position:absolute; top:120px; right:55px; letter-spacing:5px;}
.graja .divGraja a span#a148169 {font-family:Courier; font-size:30px;position:absolute; left:205px; top:40px; letter-spacing:2px;}


/*
.graja .divGraja a span#a149582 {font-family:Arial; font-size:23px; font-weight:bold; position:absolute; left:0; top:15px;}
.graja .divGraja a span#a149583.nazwisko {font-family:Arial; font-size:19px; font-style:italic;position:absolute; left:5px; top:100px;}
.graja .divGraja a span#a149584 {font-family:Arial; font-size:21px; font-weight:bold;position:absolute; left:220px; top:60px;}
.graja .divGraja a span#a149577 {font-family:Trebuchet; font-size:23px;position:absolute; left:35px; top:57px;}
.graja .divGraja a span#a149578 {font-family:Courier; font-size:25px; font-weight:bold;position:absolute; top:95px; right:130px;}
.graja .divGraja a span#a149579 {font-family:Georgia; font-size:21px; font-style:italic;position:absolute; top:25px; right:165px;}
.graja .divGraja a span#a149575 {font-family:Arial; font-size:23px; font-weight:bold;position:absolute; top:20px; right:25px;}*/

/* archiwum audycji */

.audycje {background:url(../_img/bg_archiwum.gif) no-repeat; width:588px; height:185px; position:relative;}
.audycje #audycje { width:420px; text-align:right; padding:70px 20px 0 0; float:right;}
.audycje #audycje li a span.desc {font-size:12px; font-family:Arial, Helvetica, sans-serif;line-height:18px;}
.audycje span.wiecej a {font-family:Arial, Helvetica, sans-serif;background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px; font-weight:normal; position:absolute; bottom:15px; right:20px;}
.audycje span.wiecej a:hover {color:#fff;}

/* rok chopinowski */

.rok {background:url(../_img/bg_rok.gif) no-repeat; width:588px; height:328px;}
.rok #wydINNE * {font-size:12px; font-family:Arial, Helvetica, sans-serif;line-height:18px;}
.rok #wydINNE {width:270px; float:right; text-align:right;}
.rok #wydINNE li.liR {border-bottom:1px solid #ebe7dc; padding-bottom:20px; margin-bottom:20px; float:left; margin:25px 20px 0 0;}
	html>body .rok #wydINNE li.liR {margin:25px 20px 0 0; * margin:25px 20px 0 0;}
.rok #wydINNE li.liL {border-bottom:none; padding-bottom:20px; margin-bottom:20px; float:left;margin:25px 7px 0 0;}
	html>body .rok #wydINNE li.liL {margin:25px 20px 0 0; * margin:25px 10px 0 0;}
.rok #wydINNE li a span.date {color:#8b8576; float:left; margin-right:5px;}
.rok #wydINNE li a span.title h2 {text-transform:uppercase; font-weight:bold; color:#5f0000; margin-bottom:10px;}
.rok #wydINNE li a span.desc {clear:both;}
.rok #wydINNE li a span.desc span.more {background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px; }
.rok #wydINNE li a:hover span.desc span.more {color:#fff;}


/* wydawnictwa */

.wydawnictwa {background:url(../_img/bg_wydawnictwa.gif) no-repeat; width:392px; height:513px;}
.wydawnictwa span.info {float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif;line-height:18px; padding:70px 50px 10px 50px; }
.wydawnictwa span.wiecej a {background:url(../_img/zobaczListe.gif) no-repeat; width:195px; height:30px; float:left; margin-left:100px;}
.wydawnictwa span.wiecej a:hover {background:url(../_img/zobaczListeH.gif) no-repeat;}
.wydawnictwa #wydawnictwa {margin-top:40px; float:left; width:100%; text-align:center; position:relative;}
.wydawnictwa #wydawnictwa li a span.title h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; font-weight:bold; display:block; color:#5f0000;  width:350px; margin-top:-70px; text-align:center; position:absolute; left:0;} 
.wydawnictwa #wydawnictwa li a span.desc {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic;display:block; color:#5f0000; position:absolute; width:350px; text-align:center; line-height:120%; margin-top:-45px; left:0;}

.wydawnictwa #wydawnictwa li.liR a {background:url(../_img/cdboxL.jpg) no-repeat; width:285px; height:263px; position:absolute; left:20px; top:80px; z-index:480;}
.wydawnictwa #wydawnictwa li.liR a img.img {position:absolute; top:7px; left:28px; z-index:500; width:250px; height:250px; }

.wydawnictwa #wydawnictwa li.liC a {background:url(../_img/cdboxM.jpg) no-repeat; width:207px; height:185px; position:absolute; left:145px; top:120px; z-index:380;}
.wydawnictwa #wydawnictwa li.liC a img.img {position:absolute; top:3px; left:23px; z-index:400; width:180px; height:180px;}

.wydawnictwa #wydawnictwa li.liL a {background:url(../_img/cdboxS.jpg) no-repeat; width:141px; height:125px; position:absolute; left:240px; top:150px; z-index:280;}
.wydawnictwa #wydawnictwa li.liL a img.img {position:absolute; top:3px; left:18px; z-index:300; width:120px; height:120px;}




/* -------------  END OF MAIN  -------------- */




/* -------------  SUB  -------------- */

/* mowia o chopinie - archiwum */

.mowiaHeader {float:left; background:url(../_img/titleMowia.gif) no-repeat;width:980px; height:100px;}
.grajaHeader {float:left; background:url(../_img/titleGraja.gif) no-repeat;width:980px; height:100px;}

#mowiaCurrentPage {text-align:left;  margin:35px 0 0 250px; float:left; width:130px;}
	html>body #mowiaCurrentPage {margin:35px 0 0 500px;}
#mowiaCurrentPage span {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

#mowiaNavi {float:right; margin-top:40px; background:url(../_img/px.gif) bottom repeat-x; }
#mowiaNavi span {font-size:12px; color:#505050; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin-right:5px; float:left; margin-top:7px;}
#mowiaNavi a.active {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#505050;  border-left:1px solid #d9d4c8; border-right:1px solid #d9d4c8; border-top:1px solid #d9d4c8; padding-bottom:7px; background:url(../_img/bgMowiaActive.gif) repeat-x;}
#mowiaNavi a {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#5f0000; padding:6px; background-color:#bdc1b1 !important; display:block; float:left; margin-right:1px;}

#mowiaBox {float:left; text-align:left;}
#mowiaBox ul li {float:left;}

#mowiaBox ul li.even {text-align:left; background:url(../_img/liMowia1.gif) no-repeat; width:980px; height:171px;}
#mowiaBox ul li.even a {float:left; width:670px;}
#mowiaBox ul li.even div.cytat { margin-top:30px; float:left; width:300px;}
#mowiaBox ul li.even span.quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; background-color:#bfdcec; }
#mowiaBox ul li.even a img {float:left;  margin:25px 25px 0 15px;}
#mowiaBox ul li.even a span.title { width:450px; float:left;}
#mowiaBox ul li.even a span.title h2 {font-size:22px; color:#5f0000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:20px 0 0 0; text-transform:uppercase; float:left;}
#mowiaBox ul li.even a span.autor {display:block; width:450px; color:#7c7e74; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; float:left;  margin-bottom:10px;}
#mowiaBox ul li.even a .desc {font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; width:420px; float:left;}
#mowiaBox ul li.even a span.more {background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px; }
#mowiaBox ul li.even a:hover span.more {color:#fff;}

#mowiaBox ul li.odd {text-align:right; background:url(../_img/liMowia2.gif) no-repeat; width:980px; height:172px;}
#mowiaBox ul li.odd a {float:right; width:670px;}
#mowiaBox ul li.odd div.cytat { margin-top:30px; float:right; width:300px;}
#mowiaBox ul li.odd span.quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; background-color:#bfdcec; }
#mowiaBox ul li.odd a img {float:right; margin:25px 25px 0 25px;}
#mowiaBox ul li.odd a span.title { width:420px; float:right;}
#mowiaBox ul li.odd a span.title h2 {font-size:22px; color:#5f0000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:20px 0 0 0; text-transform:uppercase; float:right;}
#mowiaBox ul li.odd a span.autor {display:block; width:450px; color:#7c7e74; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; float:right;  margin-bottom:10px;}
#mowiaBox ul li.odd a .desc {font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; width:420px; float:right;}
#mowiaBox ul li.odd a span.more {background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px; }
#mowiaBox ul li.odd a:hover span.more {color:#fff;}



#pagerBox {background:url(../_img/bgPaging.gif) no-repeat; width:980px; height:70px; float:left; position:relative; text-align:center;}
#pagerBox a#grali_btnPrev,
#pagerBox a#mowia_btnPrev {position:absolute; left:35px; top:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#5f0000;}
#pagerBox a#mowia_btnPrev:hover,
#pagerBox a#grali_btnPrev:hover {text-decoration:underline;}
#pagerBox div.nr { display:block; xmargin-top:20px; width:300px; xtext-align:center; xmargin:0 auto; xpadding-top:15px; position:absolute; left:345px; top:15px;background:url(../_img/bgPagingRepeat.gif) repeat-x; height:38px;}
#pagerBox div.nr a {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; float:left; xbackground:url(../_img/bgPagingRepeat.gif) repeat-x; xheight:38px; padding:3px 10px 3px 10px;}
#pagerBox a#mowia_btnNext,
#pagerBox a#grali_btnNext {position:absolute; right:35px; top:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#5f0000;}
#pagerBox a#mowia_btnNext:hover,
#pagerBox a#grali_btnNext {text-decoration:underline;}

/* wydarzenia - archiwum */

.wydHeader {float:left; background:url(../_img/titleWydarzenia.gif) no-repeat;width:980px; height:100px;}

#wydNavi {float:right; margin-top:40px; background:url(../_img/px.gif) bottom repeat-x; }
#wydNavi span {font-size:12px; color:#505050; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin-right:5px; float:left; margin-top:7px;}
#wydNavi a.active {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#505050;  border-left:1px solid #d9d4c8; border-right:1px solid #d9d4c8; border-top:1px solid #d9d4c8; padding-bottom:7px; background:url(../_img/bgMowiaActive.gif) repeat-x;}
#wydNavi a {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#5f0000; padding:6px; background-color:#bdc1b1 !important; display:block; float:left; margin-right:1px;}


#wydBox #wydarzenia li {float:left; width:980px; position:relative;}
#wydBox #wydarzenia li.liL {text-align:right; background:url(../_img/bgWydL.gif) no-repeat; width:980px; height:161px;}
#wydBox #wydarzenia li.liL a span.date {left:30px; position:absolute; top:30px; }
#wydBox #wydarzenia li.liL a img {float:right; margin:0 0 0 15px;}
#wydBox #wydarzenia li.liL a span.desc {font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; width:560px; float:right;}
#wydBox #wydarzenia li.liL a span.title h2 {font-size:22px; color:#5f0000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:10px 0 7px 0; text-transform:uppercase; float:right; width:550px;}
#wydBox #wydarzenia li.liL a span.more {background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px;}
#wydBox #wydarzenia li.liL a:hover span.more {color:#fff;}

#wydBox #wydarzenia li.liR {text-align:left; background:url(../_img/bgWydR.gif) no-repeat; width:980px; height:161px;}
#wydBox #wydarzenia li.liR a span.date {right:30px; position:absolute; top:30px; }
#wydBox #wydarzenia li.liR a img {float:left;  margin:0 15px 0 0;}
#wydBox #wydarzenia li.liR a span.desc {font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; width:560px; float:left;}
#wydBox #wydarzenia li.liR a span.title h2 {font-size:22px; color:#5f0000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:10px 0 7px 0; text-transform:uppercase; float:left; width:550px;}
#wydBox #wydarzenia li.liR a span.more {background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px; }
#wydBox #wydarzenia li.liR a:hover span.more {color:#fff;}

#wydBox #wydarzenia li a span.date * {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}


#wydBox #wydarzenia  li a span.date span.mm {font-size:18px; display:block; text-transform:uppercase; text-align:center;}
#wydBox #wydarzenia  li a span.date span.dd {font-size:70px; line-height:110%; float:left; margin-top:-10px; text-align:center;}

/* wydawnictwa - archiwum */

.wydawnictwaHead {float:left; background:url(../_img/titleWydawnictwa.gif) no-repeat;width:980px; height:100px; margin-bottom:20px;}
.wydawnictwaHead a.wiecej { background:url(../_img/titleWydMore.gif) no-repeat; width:164px; height:18px; float:right; margin:45px 10px 0 0;}
.wydawnictwaHead a.wiecej:hover {background:url(../_img/titleWydMoreH.gif) no-repeat; width:164px; height:18px;}
#wydawnictwaBox {width:980px; float:left;}
#wydawnictwaBox ul#arch li {float:left; width:100%; text-align:left; border-top:1px solid #d9d4c8; margin-bottom:40px; display:block;}
#wydawnictwaBox ul#arch li a {xposition:relative;}

#wydawnictwaBox ul#arch li a img {background:url(../_img/cdboxList.jpg) no-repeat; display:block; width:174px; height:155px; padding:2px 8px 8px 18px; float:left; margin:0 20px 0 20px;}
	html>body #wydawnictwaBox ul#arch li a img {margin:-20px 20px 0 20px;}
#wydawnictwaBox ul#arch li a img.thumb {width:150px; height:150px; }

#wydawnictwaBox ul#arch li a h3 span.title {font-size:22px; color:#5f0000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:20px 0 7px 0; text-transform:uppercase; display:block; width:700px;}
	html>body #wydawnictwaBox ul#arch li a h3 span.title {width:900px; * width:700px;}
#wydawnictwaBox ul#arch li a span.desc {font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; width:600px; xfloat:left; display:block;}
	html>body #wydawnictwaBox ul#arch li a span.desc  {width:700px; * width:600px;}
#wydawnictwaBox ul#arch li a span.desc .more {background-color:#000; padding:2px 5px 4px 5px; font-size:11px; color:#bfdcec; margin-left:5px;}
#wydawnictwaBox ul#arch li a:hore span.desc .more {color:#fff;}

#wydawnictwaBox.audycjeArch ul#arch li a img {background:none; display:block; width:autox; height:auto; padding:0; float:left; margin:0;}
	html>body #wydawnictwaBox.audycjeArch ul#arch li a img {margin:0;}
#wydawnictwaBox.audycjeArch ul#arch li a img.thumb {width:auto; height:auto; margin:10px 10px 10px 0;}


/* mp */
.audycjeHead {float:left; background:url(../_img/titleAudycje.gif) no-repeat;width:980px; height:100px;}

.head {position:relative;}
.head a#aLogo {position:absolute; top:35px; left:290px; display:block; width:400px; height:55px;}
#cArticle {width:980px; background:url(../_img/cArticleBg.jpg) repeat-x top; padding:0 0 10px; float:left;}
.headerSubPage {width:980px; padding:23px 0 7px 0; border-bottom:1px solid #d9d4c8; float:left;}
.headerSubPage .titleSubpage {width:490px; color:#3a3a3a; font:20px Georgia; text-align:left; float:left;}
.headerSubPage .categorySubpage {width:490px; color:#807b70; font:20px Georgia; text-align:right; float:left;}
.headerSubPage a.wiecej { background:url(../_img/titleWydMore.gif) no-repeat; width:164px; height:18px; float:right; margin:5px 10px 0 0;}
.headerSubPage a.wiecej:hover {background:url(../_img/titleWydMoreH.gif) no-repeat; width:164px; height:18px;}
.categorySubpage a {color:#807b70; font:20px Georgia;}
#articleBox {width:980px; text-align:left; float:left;}
#articleContent {width:650px; padding:0 10px 0 0; float:left;}
	html>body #articleContent {width:640px;}
#articleContent h1, p#title {display:block; font:40px Georgia; font-style:italic; padding:14px 0 25px 0;}
#articleContent strong#lead {display:block; font:14px Arial; font-weight:bold; line-height:150%; padding:0 0 21px;}
#articleContent div#body, #articleContent div#body * {font:14px Arial; line-height:150%;}
#articleContent div#body p {padding:0 0 10px;}
#articleSubContent {width:330px; float:left;}
#articleSubContent .bImg {width:330px; padding:40px 0 0 28px; margin:10px 0 0 0;}
	html>body #articleSubContent .bImg {width:302px;}
#articleSubContent .bImg.img1 {height:247px; background:url(../_img/bImg1.gif) no-repeat 20px 0;}
	html>body #articleSubContent .bImg.img1 {height:auto; min-height:207px;}
#articleSubContent .bImg.img2 {text-align:right;}
#articleSubContent img {}
#articleSubContent span.quote {display:none;}
#artist {display:block; padding:0 0 10px;}
#artist a {display:block; font:14px Arial; font-weight:bold;}
#rnKat {width:980px; color:#807b70; text-align:left; padding:5px 0; border-top:1px solid #d9d4c8; float:left;}

#aPRSA {position:absolute; top:25px; left:4px; display:block; width:94px; height:33px;}
#aChopin {position:absolute; top:69px; left:21px; display:block; width:60px; height:60px;}

#articleContent,
#articleContent *,
div.tracklist table tbody tr td {font-size:14px; line-height:150%;}
#articleContent p {margin:0 0 10px 0;}
#articleContent p b {font-size:14px;}
#articleContent blockquote {display:block; width:280px; background:url(../_img/bgQuote.gif) no-repeat 0 2px; color:#000; font:14px Geneva, Trebuchet MS; font-weight:normal; line-height:170%; padding:0 0 10px 50px; margin:10px 10px 10px 20px; float:right;}
	html>body #articleContent blockquote {width:230px;}
#articleContent span.date {display:block; color:#A3A3A3; font-size:10px; margin:0 0 12px 0;}
#articleContent div.fotoLeft {margin:5px 15px 5px 0; float:left;}
#articleContent div.fotoRight {margin:5px 0 5px 15px; float:right;}
#articleContent div.fotoLeft,
#articleContent div.fotoRight {}
#articleContent div.fotoLeft img,
#articleContent div.fotoRight img {margin:0 0 8px 0;}
#articleContent div.fotoLeft *,
#articleContent div.fotoRight * {display:block;}
#articleContent div.fotoLeft,
#articleContent div.fotoRight,
#articleContent div.fotoLeft span,
#articleContent div.fotoRight span,
#articleContent div.fotoLeft *,
#articleContent div.fotoRight * {display:block; font-weight:normal; font-size:10px; line-height:120%; text-decoration:none; padding:1px 0 0 0;}
#articleContent ul.files {margin:10px 0; border-bottom:1px solid #999;}
#articleContent ul.files li {padding:5px 0 5px 20px; clear:both; background:url(/_img/empty.gif) no-repeat 0 3px;}
#articleContent ul.files li span {padding-right:20px;}
#articleContent ul#pdf li {background-image:url(/_img/ico/pdf.gif);}
#articleContent ul#doc li {background-image:url(/_img/ico/doc.gif);}
#articleContent ul#rtf li {background-image:url(/_img/ico/rtf.gif);}
#articleContent ul#xls li {background-image:url(/_img/ico/xls.gif);}
#articleContent ul#mp3 li {background-image:url(/_img/ico/mp3.gif);}

ul#pdf, ul#doc, ul#rtf, ul#xls, ul#mp3 {display:block; width:100%; *padding:0px 0 0 0 !important; padding:20px 0 0 0; clear:both;}
ul#pdf li a *, ul#doc li a *, ul#rtf li a *, ul#xls li a *, ul#mp3 li a * {color:#1a2732;}
ul#pdf li a:hover *, ul#doc li a:hover *, ul#rtf li a:hover *, ul#xls li a:hover *, ul#mp3 li a:hover * {color:#666;}
ul#pdf li, ul#doc li, ul#rtf li, ul#xls li, ul#mp3 li {background-repeat:no-repeat; padding:1px 0 2px 20px; margin:0 0 0 12px;}
ul#pdf li {background-image:url(/_img/ico/pdf.gif);}
ul#doc li {background-image:url(/_img/ico/doc.gif);}
ul#rtf li {background-image:url(/_img/ico/rtf.gif);}
ul#xls li {background-image:url(/_img/ico/xls.gif);}
ul#mp3 li {background-image:url(/_img/ico/mp3.gif);}

#articleContent a.mp3 {background:url(/_img/ico/speaker.gif) no-repeat; padding:0 0 3px 22px;}
#articleContent object, #articleContent embed {display:block; xpadding:10px 0;}
#articleContent a {font-size:14px; text-decoration:underline; padding:0; margin:0;}
#articleContent a:hover {color:#1C7279;}


#player {position:absolute; top:5px; left:785px; width:225px; padding:6px 0 0 0;}
#player .title {color:#fef2e3; font:16px Georgia; font-style:italic; font-weight:bold; text-align:center;}
#bPyr {width:164px; height:35px; float:left;}
#bPyr #play {width:87px; height:35px; background:url(../_img/playerBg.gif) no-repeat; cursor:pointer; float:left;}
#bPyr #stop {width:68px; height:35px; background:url(../_img/playerBg.gif) no-repeat -87px 0; cursor:pointer; float:left;}

li.odd .player {float:left; width:300px;}
li.even .player {float:right; width:300px;}

.player {background:url(../_img/playerBg2.gif) no-repeat; width:300px; height:97px; margin-top:30px;}
	html>body .player {background:url(../_img/playerBg2.png) no-repeat;} 
.player a { float:left !important;}
.player a.play {background:url(../_img/playBg2.gif) no-repeat;width:44px !important; height:42px !important; margin:25px 0 0 20px;}
.player a.pause {background:url(../_img/pauseBg2.gif) no-repeat;width:44px !important; height:42px !important; margin:25px 0 0 20px;}
.player a.stop {background:url(../_img/stopBg2.gif) no-repeat; width:27px !important; height:42px !important; margin-top:25px;}
.player span.more {background-color:#54748b; padding:2px 4px 3px 5px; float:right; margin:5px 26px 0 0; d }
.player span.more a {width:auto !important; color:#b9d9ee; }
.player span.more a:hover {text-decoration:underline;}
.player div.title {float:left; width:180px; margin:35px 0 0 5px; color:#233d4c; font-family:Arial; text-align:left;}

/* tail */

div#tail {margin:0 auto; width:980px; background:url(../_img/tail.gif) no-repeat top; text-align:left; clear:both;}
div#tail span.tail {text-align:left; padding-top:35px; border-top:0; width:740px;}
	html>body div#tail span.tail {padding-top:60px; * padding-top:35px;}
div#tail span.tail span.first a {display:block; font-weight:bold; font-size:12px; margin-bottom:3px;}
div#tail span.tail * {color:#ada48f !important; font-size:11px;}
div#tail span.tail p {display:inline; line-height:180%;}
div#tail span.tail p.extra {display:block;}
div#tail span.tail p.copy {display:block; margin:15px 0 10px 0; color:#a8a8a8; font-size:11px;}
div#tail div#nav_more_all {z-index:5;}

