@import url(/_style/HeadTail.css);
@import url(/_style/sitemap_iar.css);

* {font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif; font-size:11px; line-height:130%; color:#333; border:none; margin:0; padding:0;}
body {background-color:#FFF; text-align: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;}

a:hover, 
a:hover *, 
* a:hover,
* a:hover * {color:#666;}

div#main {width:980px; text-align:left; margin:0 auto;}

div#banner {position:relative; width:980px; height:110px; background:url(../_img/banner.jpg) no-repeat; border-bottom:3px solid #CCC;}
div#banner a {position:absolute; top:55px; left:28px; display:block; width:230px; height:25px;}

div#left {width:108px; height:640px; padding:10px 0 0 0; float:left;}

div#center {position:relative; width:520px; height:700px; border-left:1px solid #e3e3e3; padding:10px 0 0 10px; z-index:80; float:left;}
	html>body div#center {width:510px; height:auto; min-height:700px;}

div#right {position:relative; width:328px; margin:10px 0 0 20px; float:left;}
	html>body div#right {width:328px; margin:10px 0 0 20px;}

ul#menu li {display:block; border:1px solid #FFF;}
ul#menu li.puste {height:15px;}
ul#menu li a {display:block; text-align:right;}
ul#menu li a span {display:block; text-align:right; padding:0 7px 2px 7px;}
ul#menu li a span.red {color:#900;}
ul#menu li a:hover span {background-color:#999; color:#fff;}
ul#menu li a:hover span.red {display:block; background-color:#900; color:#fff;}	

div.title, .belt {display:block; position:relative; height:23px; background:url(../_img/bg_title.gif) repeat-x; color:#900; font-size:11px; text-transform:uppercase; padding:5px 0 0 7px; clear:both;}
	html>body div.title, html>body .belt {height:18px;}
div.title a, .belt a {color:#900;}
div.title .more {position:absolute; right:7px; top:5px; color:#900; text-transform:lowercase;}
div.title .more a {color:#900;}

.titleSub {width:510px; font-size:14px; font-weight:bold; padding:0 0 20px; float:left;}

.titleSource {width:510px; height:15px; overflow:hidden; color:#ac0207; font-size:12px; float:left;}
.titleSource .sources {color:#ac0207; font-size:11px; float:left;}
.titleSource .title {font-size:14px; font-weight:bold; padding:9px 0;}
.titleSource .date {color:#ac0207; font-size:11px; float:right;}

#hereTolls {width:510px; height:30px; float:left;}
#weAreHere {font-size:11px; margin:0 0 5px; float:left;}
#hereTolls #tools {float:right;}

#specjalne {width:510px; margin:10px 0 20px 0; float:left;}
#specjalne li {width:100%; margin:0 0 20px; float:left;}
#specjalne li a {width:100%; float:left;}
#specjalne li a img {margin:2px 10px 10px 0; float:left;}
#specjalne li a .title {display:block; font-size:14px; font-weight:bold; padding:0 0 9px;}

div.onAir {width:100%; float:left;}
div.onAir ul {width:100%; float:left;}
div.onAir ul li {width:100%; padding:10px 0; border-bottom:1px dotted #ccc; float:left;}
div.onAir ul li a {width:100%;}
div.onAir ul li a:hover span.title {color:#666;}
div.onAir ul li a img {display:block; margin:2px 10px 10px 0; float:left;}
div.onAir ul li a span {display:block;}
div.onAir ul li a .source {height:15px; overflow:hidden; color:#ac0207; font-size:12px;}
div.onAir ul li a .source .sources {color:#ac0207; font-size:11px; float:left;}
div.onAir ul li a .title {font-size:14px; font-weight:bold; padding:9px 0;}
div.onAir ul li a .date {width:auto; color:#ac0207; font-size:11px; padding:0 7px 0 0; float:right;}
div.onAir ul li a .lead {}

/* tabs */
.tabsRight {width:328px; background:url(../_img/tabBorder.gif) repeat-x; margin:20px 0; float:left;}
.contTab {width:328px; border:1px solid #e3e3e3; border-top:0; float:left;}
	html>body .contTab {width:326px;}

p#tab01.tab a,
p#tab02.tab a,
p#tab03.tab a {background:url(../_img/tab_actNo.gif) no-repeat top left; width:70px; height:26px; float:left; font-size:12px; text-align:center; color:#ae0000; display:block; font-weight:normal; padding-top:5px;}
	html>body p#tab01.tab a,
	html>body p#tab02.tab a,
	html>body p#tab03.tab a {height:21px;}

p#tab01.tab.active a,
p#tab02.tab.active a,
p#tab03.tab.active a {background-position:top right;}

/* boxWithBorder */
.boxWithBorder {width:328px; border:1px solid #e3e3e3; border-top:0; margin:0 0 20px; float:left; clear:both;}
	html>body .boxWithBorder {width:326px;}

/* ul right */
.contTab ul {margin:10px 9px 0;}
.boxWithBorder ul {margin:10px 9px 0;}
.boxWithBorder ul li, .contTab ul li {padding:0 0 9px; border-bottom:1px dotted #e3e3e3; margin:0 0 7px;}
.boxWithBorder ul li span, .contTab ul li span {display:block;}
.boxWithBorder ul li span.date, .contTab ul li span.date {font-size:11px;}
.boxWithBorder ul li .bold, .contTab ul li .bold {font-weight:bold;}
.boxWithBorder span.more, .contTab span.more {display:block; text-align:right; margin:0 9px 9px;}
.boxWithBorder span.more a, .contTab span.more a {font-weight:bold;}
#archiv a.more {display:block; font-weight:bold; text-align:right;}

/* paging */
#paging {width:100%; overflow:hidden; padding:10px 0 0 0; clear:both;}
div#paging a {color:#999; padding:1px 6px 2px; border:1px solid #ccc; margin:0 5px 0 0; float:left;}
div#paging a span, #paging a:hover {color:#000;}

/* contact */
#contContact {margin:10px 9px;}

/* content */
p#title {width:510px; font-size:14px; font-weight:bold; line-height:130%; padding:0 0 20px; float:left;}
span.date {display:block; width:100%; color:#ac0207; font-size:11px; float:left;}
#right span.date {width:308px;}
a span.date {display:block; color:#ac0207; font-size:11px;}
#center span.date {display:block; color:#ac0207; font-size:11px;}
#center #salon {width:510px; float:left;}
#center #salon span.date {display:block; width:510px; xpadding:0 0 20px; float:left;}

div#content {width:510px; color:#333; line-height:170%; margin:10px 0 0 0; float:left;}
div#contSygnaly div#content {margin:0;}
div#content *,
div.tracklist table tbody tr td {color:#333; line-height:170%;}
div#content p {margin:10px 0;}
div#content p.title {width:510px; font-size:14px; font-weight:bold; line-height:130%; padding:0 0 20px; margin:0; float:left;}
div#content .persons {margin:10px 0 0 0;}
div#content .leader {margin:0 0 20px;}
div#content 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 div#content blockquote {width:230px;}
div#content span.date {color:#ac0207; font-size:11px; line-height:130%; xmargin:0 0 20px;}
div#content div.fotoLeft {margin:5px 15px 5px 0; float:left;}
div#content div.fotoRight {margin:5px 0 5px 15px; float:right;}
div#content div.fotoLeft,
div#content div.fotoRight {background:#e3e3e3; border:12px solid #e3e3e3; border-bottom:8px solid #e3e3e3;}
div#content div.fotoLeft img,
div#content div.fotoRight img {margin:0 0 8px 0;}
div#content div.fotoLeft *,
div#content div.fotoRight * {display:block;}
div#content div.fotoLeft span,
div#content div.fotoRight span,
div#content div.fotoLeft *,
div#content div.fotoRight * {display:block; font-weight:normal; font-size:10px; line-height:120%; text-decoration:none; padding:1px 0 0 0;}
div#content ul.files {margin:10px 0;}
div#content ul.files li {padding:5px 0 5px 20px; clear:both; background:url(/_img/empty.gif) no-repeat 0 3px;}
div#content ul.files li span {display:inline-block; padding-right:20px;}
div#content ul#pdf li, ul#pdf li {background:url(/_img/ico/pdf.gif) no-repeat;}
div#content ul#doc li, ul#doc li {background:url(/_img/ico/doc.gif) no-repeat;}
div#content ul#rtf li, ul#rtf li {background:url(/_img/ico/rtf.gif) no-repeat;}
div#content ul#xls li, ul#xls li {background:url(/_img/ico/xls.gif) no-repeat;}
div#content ul#mp3 li {padding:0;}

ul#pdf, ul#doc, ul#rtf, ul#xls {background-repeat:no-repeat; padding:10px 0; clear:both;}
ul#mp3, ul#mp3 li {padding:0; clear:both;}
ul#mp3 {padding:20px 0 0 0;}
ul#pdf li, ul#doc li, ul#rtf li, ul#xls li {background-position:0 4px; padding:5px 0 5px 20px;}

/* archiwum */
#archiwum {margin:10px 0 0 0;} 
#archiwum li {width:100%; padding:0 0 9px; border-bottom:1px dotted #e3e3e3; margin:0 0 7px; float:left;}
#archiwum li a {}
#archiwum li a img {margin:0 10px 10px 0; float:left;}
#archiwum li a span {display:block;}
#archiwum li a .date {color:#ac0207; font-size:11px;}
#archiwum li a .title {font-size:12px; font-weight:bold; padding:2px 0;}
#archiwum li a .date {}

/* beltCommercial */
#beltCommercial {display:block; width:328px; height:26px; background:url(../_img/beltCommercial.jpg) repeat-x; color:#fff; overflow:hidden; padding:5px 11px 0; border:1px solid #a7a7a7; clear:both;}
	html>body #beltCommercial {width:304px; height:19px;}
#beltCommercial:hover {background-position:top right;}

/* strona dzwieki */
#jwPlay {background:transparent url(../_img/buttonPlay.gif) no-repeat;}
#jwStop {background:transparent url(../_img/buttonStopSmall.gif) no-repeat;}

ul#podcast {clear:both;}
ul#podcast li.listen {margin:0 0 10px;}
ul#podcast li.listen a {display:block;}
ul#podcast li.listen a span {display:block;}
ul#podcast li.listen a span.title {font-weight:bold;}
ul#podcast li.listen a span.todo {display:inline-block;}
ul#podcast li.listen a img {}

/*
<div id="jwPlayer">
	<embed id="playerjw" height="0" width="0" flashvars="autostart=true&repeat=false&id=playerjw" allowfullscreen="true" allowscriptaccess="always" quality="high" name="playerjw" style="" src="/_swf/jwplayer.swf" type="application/x-shockwave-flash"/>
</div>
<script type="text/javascript">
</script>

<a id="jwPlay" class="playButton" href="javascript:player.sendEvent('play')">start/pause</a>
<a id="jwStop" class="playButton" href="javascript:player.sendEvent('stop')">stop</a>

<div id="time"/>
<a href="javascript:player.sendEvent('volume',jwvolume-10);">-10</a>
Volume
<a href="javascript:player.sendEvent('volume',jwvolume+10);">+10</a>

<ul id="podcast">
	<li class="listen">
		<a class="mp3" onclick="play(this,'http://www.polskieradio.pl/_files/20090731123044/2009082904550335.mp3');" href="javascript:void(null);">
			<span class="title">Odcinek 25 - Ostatni</span>
			<span class="date">sobota, 29 sierpnia 2009 4:59</span>
			<span class="lead">Czyta Jan Englert</span>
			<span class="todo">POSLUCHAJ</span>
			<img alt="play" src="../_img/listen.gif"/>
*/

/* tail */
#contTail {width:100%; float:left;}
span.tail {position:relative; margin:10px auto 0;}

/*tools*/
ul#tools {position:relative; margin:0; float:right;}
ul#tools li {float:right;}
ul#tools li a {display:block; height:18px; width:25px;}
ul#tools li.recomend a {background:url(/_img/ico/send.gif) no-repeat 50% 50%;}
ul#tools li.print a {background:url(/_img/ico/print.gif) no-repeat 50% 50%; }
ul#tools li.rss a {background:url(/_img/ico/rss.gif) no-repeat 50% 50%;}
ul#tools li.podcast a {background:url(/_img/ico/podcast.gif) no-repeat 50% 50%;}
ul#tools li.mp3 a {background:url(/_img/ico/speaker.gif) no-repeat 50% 50%; display:none;}
ul#tools li.sizer {display:block; height:18px; padding:0 13px 0 8px;}
ul#tools li.sizer a {float:left; border:none; width:15px;}
ul#tools li.sizer a.px11 {background:url(/_img/ico/11px.gif) no-repeat 50% 50%;}
ul#tools li.sizer a.px13 {background:url(/_img/ico/13px.gif) no-repeat 50% 50%;}
ul#tools li.sizer a.px16 {background:url(/_img/ico/16px.gif) no-repeat 50% 50%;}

div#recomendform {position:absolute; top:31px; left:178px; width:392px; height:308px; padding:33px 15px 20px 15px; background:url(/publicystyka/_img/bgRecomend.gif) no-repeat; z-index:100;}
	html>body div#recomendform {width:352px; height:268px;}
div#recomendform p {color:#333; margin-bottom:10px;}
div#recomendform p.title {font-size:13px; font-weight:bold; margin:0 0 10px 0;}
div#recomendform p input {width:351px; height:24px; color:#333; background:url(../_img/bgFormLine.jpg) no-repeat; padding:4px 4px 0 4px;}
	html>body div#recomendform p input {width:343px; height:20px;}
div#recomendform p textarea {width:350px; height:66px; color:#333; padding:4px 4px 4px 4px; border:1px solid #ddd; margin:0 0 10px 0;}
	html>body div#recomendform p textarea {width:341px;}
div#recomendform p.buttons input {display:block; width:80px; height:24px; background:url(../_img/bgButton.jpg) no-repeat; font-weight:normal; text-align:center; cursor:pointer; padding:0; float:left;}
div#recomendform p.buttons a {display:block; width:80px; height:24px; background:url(../_img/bgButton.jpg) no-repeat; font-weight:normal; text-align:center; cursor:pointer; padding:5px 0 0 0; margin:0 5px 0 0; float:right;}
	html>body div#recomendform p.buttons a {height:20px; margin:0;}
div#recomendform p.buttons input:hover,
div#recomendform p.buttons a:hover {background:url(../_img/bgButtonH.jpg) no-repeat; color:#333;}

/* print */
body#print * {background:none; font-size:10pt; font-family: Arial, Helvetica, sans-serif; position:static; margin:0; padding:0; width:auto; text-align:left; border:none; color:#000;}
body#print {background:none; width:780px;}
body#print span.tail * {border:none; color:#000; font-size:8pt; padding-top:1cm;}
body#print span.tail p {display:none;}
body#print span.tail p.copy {display:block;}
body#print div#nav_more_all,
body#print div#content *,
body#print div.tracklist table tbody tr td {color:#000;}
body#print div#content p object,
body#print div#content div#player,
body#print div#content embed#film,
body#print div#content object embed {display:none;}
body#print p#address {display:block; font-size:8pt; padding:0 0 1cm 2pt;}
body#print span.date {display:block; font-size:8pt; padding:0 0 5pt 2pt;}
body#print p.title {font-size:16pt; font-weight:bold;}
body#print p#title {display:block; font-size:16pt; font-weight:bold; float:none;}
body#print p.persons {width:auto; font-size:12pt; font-weight:normal;}
body#print p.leader {padding-bottom:1cm;}
body#print ul#menu,
body#print div.tabs,
body#print div#slogan,
body#print span.no_print,
body#print div#logo_brdr {display:none;}
body#print div.photo {margin:12pt 0;}
body#print div.desc {margin-top:12pt;}
body#print div.name {font-size:16pt; font-weight:bold;}
body#print div.fotoLeft,
body#print div.fotoRight {float:left; padding:5pt; margin:0 5pt 5pt 0; border:1pt solid #EEE;}
body#print div.fotoLeft *,
body#print div.fotoRight * {display:block; margin-bottom:5pt; font-size:7pt;}
body#print div.fotoLeft span,
body#print div.fotoRight span {font-weight:normal;}
