@charset 'UTF-8';

/* pub header */
#hdr {width:100%; margin:0 0 0 0; 
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
#hdr a {display:block; width:100%; overflow:hidden;}
#hdr a img {display:block; width:100%; max-width:1680px; margin:0 auto;}
#hdr object	{position:absolute; top:0; left:0; width:100%; height:100%;}
#hdr embed {width:100% !important; border:none; margin:0.25em 0 1em 0;}
#hdr iframe {width:100% !important; border:none; margin:0.25em 0 1em 0;}

/* sciezka */
#hpath {display:block; width:100%; margin-top:0.75em; padding:0 0 0.5em 0; overflow:hidden; font-size:0.9em; color:#666;}
#hpath a {padding:0.2em 0.25em; margin:0 0.3em; }
#hpath a img {display:inline-block; height:1.2em; vertical-align:middle; margin:-0.25em 0.69em 0 0; padding:0;}
#hpath a:nth-child(1) {margin-left:0;} 


.sidebar {display:block; float:none; clear:both; overflow:hidden;}
.sidebar article {
	break-inside: avoid;
	page-break-inside: avoid;
	will-change: transform;
	}
.sidebarever {margin-top:3em; padding-bottom:2em;
	column-count:4; -webkit-column-count:4;	-moz-column-count:4;
	column-rule:solid 1px rgba(160, 160, 160, 0.3);
	column-gap:4em;
	}

@media only screen and (max-width:1280px) {
	.sidebar {margin-top:3em; padding-bottom:2em;
		column-count:3; -webkit-column-count:3;	-moz-column-count:3;
		column-rule:solid 1px rgba(160, 160, 160, 0.3);
		column-gap:4em;
		}
	}
@media screen and (max-width: 980px) {
	.sidebar {
		column-count:2; -webkit-column-count:2;	-moz-column-count:2;
		column-gap:3em;
		}
	}
@media screen and (max-width: 580px) {
	.sidebar {
		column-count:1; -webkit-column-count:1;	-moz-column-count:1;
		column-gap:1em;
		}
	}


.photobox .banner.style2 {height:34em;}
@media screen and (max-width: 736px) {
	.photobox .banner.style2 {height:30em;}
	}
@media screen and (max-width: 480px) {
	.photobox .banner.style2 {height:26em;}
	.photobox .banner.style2 h2 {font-size:1.8em;}
	}


/* pubmenu */
.pubmenu {display:block; overflow:hidden; margin:1em 0 2em 0; padding:0 2em; font-size:1.1em;
	border-left: solid 1px rgba(160, 160, 160, 0.3);
	}
.pubmenu a.active {color:#00ABE7;}
@media only screen and (max-width:1280px) {
	.pubmenu {margin:0 0 1em 0; padding:1.2em 0.4em 1.2em 0.4em;
		border: solid 1px rgba(160, 160, 160, 0.3);
		background-color:rgba(160, 160, 160, 0.1); 
		}
	.pubmenu h3 {float:left; border-left:0;
		font-size:1.7em;
		margin:0 0.25em 0.25em 0.25em; padding-left:0.5em;
		}
	}
@media only screen and (max-width:480px) {
	.pubmenu h3 {font-size:1.4em;}
	}

.misclink {display:block; padding:0 0 0 2.5em;}
.misclink a {display:block; clear:both; line-height:2.0em;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;
	}
.misclink .fa {vertical-align:middle;
	font-size:3.1em; line-height:1.4em; width:1.1em; text-align:left; cursor:pointer;
	}
.misclink .fa-rss {color:#FB7629;}
.misclink .fa-microphone {color:#005BA6;}
.misclink .fa-video-camera {color:#1199EE; font-size:32px;}
@media only screen and (max-width:1280px) {
	.misclink {display:inline; float:left; padding:1.4em 1em 1em 2em;}
	.misclink a {float:left; clear:none; line-height:48px; padding-right:2em;
		overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;
		}
	}



.pubmenu.lastnews h3 a .fa {font-size:1.3em; padding:0 0.35em; vertical-align:middle;}
.pubmenu.lastnews a.newsfile {display:none; width:19em; padding-top:0.25em; padding-bottom:0; border:none;}
.pubmenu.lastnews a.newsfile.first {display:block; padding-top:1em;}
.pubmenu.lastnews a.newsfile .fa {color:#00ABE7; font-size:2.6em; padding:0 0.25em 0 0.5em; vertical-align:middle;}
@media only screen and (max-width:1280px) {
	.pubmenu.lastnews {margin-bottom:2em;}
	.pubmenu.lastnews h3 {font-size:1.3em;}
	}

@media only screen and (max-width:1280px) {
	#sidebarinfo {display:none;}
	}

/* obszary prezentacji */
.boxmenu	{display:block; clear:both; overflow:hidden; width:100%; margin:0 0 3em 0;}


.videolist {background-color:#000;}
.videolist h2 {padding-left:3%; color:#FFF;}
.videolist .list a 	{display:block; width:93%; margin:1em auto;
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.videolist .list a .mask {display:block; width:100%; padding:20% 0 3% 0; background:url('images/bgflow.png') repeat-x bottom left;}
.videolist .list a .mask .info {display:block; height:54px; overflow:hidden; padding:0 1em;}
.videolist .list a .mask .info .bot {display:table-cell; vertical-align:bottom; height:inherit; width:inherit; overflow:hidden;
	color:#FFF; font-size:1em; line-height:27px;
	text-shadow: 0 0 3px #000000; 
	}

.videolist .list .sign {padding:35px 0 0 0px; display:block; height:40px; margin:0 auto; text-align:center;}
.videolist .list .sign i  {font-size:90px; color:#00ABE7; cursor:pointer;
	opacity:0.8;
	transition: transform 0.6s ease-out; -moz-transition: -moz-transform 0.6s ease-out; -webkit-transition: -webkit-transform 0.6s ease-out; -ms-transition: -ms-transform 0.6s ease-out;
	transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; 
	}
.videolist .list a:hover .sign i  {
	opacity:0.5;
	transform: scale(1.9); -moz-transform: scale(1.9); -webkit-transform: scale(1.9); -ms-transform: scale(1.9);
	}


/* linki społecznosciowe */
.share-buttons {line-height:40px; white-space:nowrap; overflow:hidden; padding:1.5em 0 0.5em 0; margin:0 auto;}
.share-buttons a {display:inline-block; padding:0 0 0 0.15em; margin:0 0.05em; 
    width:3.3em; height:3.3em; border-radius:100%;
    background-color:#666; text-align:center; line-height:3.3em;
	} 
.share-buttons a:last-child {margin-right:0;}	
.share-buttons a:before{
    font-size:22px; color:#FFF !important; 
	}
.share-buttons a.fa-facebook {background-color:#3b5998;}
.share-buttons a.fa-twitter {background-color:#00aced;}
.share-buttons a.fa-envelope {background-color:#E7B032;}
.share-buttons a:hover {opacity:0.9;}
	.share-buttons .fblike {margin:1.0em auto; text-align:center;}
	.share-buttons .fb-like {vertical-align:top;}


/* stronicowanie informacji */
.sites {display:block; clear:both; width:100%; color:#999; margin:1em 0; padding:1em 0; line-height:1.6em; text-align:center;}
.sites a {color:#999;}
.sites a:hover {color:#F3170D;}
.sites .page_num {padding:0 0.9em; font-size:1.2em; font-weight:bold; }
.sites .page_num.l {border-right:1px solid #CCC;}
.sites .page_num.r {border-left:1px solid #CCC;}
.sites .page_num_activ {color:#F3170D; padding:0 0.9em;}
.sites .prev, .sites .next {font-family:FontAwesome; font-size:1.4em; vertical-align:middle;}
.sites label {display:block; clear:both; padding:0.5em 0; font-size:0.9em; font-weight:normal;}


/* poprzedni - nastepny */
.prevnext	{display:block; text-align:center; color:#00ABE7; line-height:4.0em; font-size:0.8em;}
.prevnext a {color:#666;}
.prevnext span {color:#CCC;}
.prevnext a:hover {color:#00ABE7;}
.prevnext a i, .prevnext span i {padding:0 0.15em; vertical-align:middle; font-size:4em;}
.prevnext > a:first-child, .prevnext > span:first-child {float:left; padding-right:0.75em;}
.prevnext > a:last-child, .prevnext > span:last-child {float:right; padding-left:0.75em;}
/*
.prevnext a, #prevnext span	{padding:0 0.5em;}
.prevnext a	span, #prevnext > span span {padding:0 0.3em; font-size:1.4em; vertical-align:middle;}
*/


/* lista informacji w krotkiej postaci */
.infolist {}
.infolist .banner.style2 {height:0; padding-top:56.25%; margin-bottom:0.33em;}
.infolist .banner.style2 h2 {font-size:1.2em;}


/* komentarze */
.boxcomm {display:block; clear:both; width:100%; margin:1em 0;}
.boxcomm h4	{display:block; width:100%; overflow:hidden; width:100%; text-align:left; font-size:1.35em; line-height:1em;}
.boxcomm h4 .fa {color:#00ABE7; padding-right:0.5em; font-size:1.35em;}
.boxcomm h4 span	{display:block; float:right; height:20px;}

.commlist	{display:block; clear:both; width:100%; max-height:280px; overflow:auto; overflow-x:hidden; border:1px solid rgba(204,204,204, 0.5); font-size:1.1em; line-height:1.0em;}
.commlist a {display:block; width:100%; padding:0.5em 0 0.5em 60px; font-size:0.9em; min-height:48px; border-top:1px dotted solid rgba(204,204,204, 0.5); color:#666;}
.commlist a:hover {color:#333; background-color:rgba(204,204,204, 0.15);}
.commlist a:first-child {border:none;} 
.commlist a > span	{display:block; float:left; margin-left:-55px; height:48px;
	font-family:FontAwesome; font-size:42px; color:#CCC; line-height:48px;
	}
.commlist a:hover > span	{color:#00ABE7;}
.commlist a > label	{display:block; width:100%;}
.commlist a > label strong	{color:#013E77; padding-right:1em;}
.commlist a > blockquote	{margin:0; padding:0.5em 0; border:none; font-size:1.1em;}



/* lista informacji w krotkiej postaci */
.infoshort {width:100%; margin-bottom:2em;}
.infoshort h2 {width:100%; padding:0.2em 0; margin-top:1em; color:#000; font-size:1.7em;}

.infoshort .info {display:block; clear:both; width:100%; overflow:hidden; padding:1.0em 0; font-size:0.95em; line-height:1.6em; margin:0;
	border-bottom:1px solid rgba(153,153,153, 0.5); color:#666;
	}
.infoshort .info:hover {color:#000;}
.infoshort .info:first-of-type {border-top:1px solid rgba(153,153,153, 0.5);}

.infoshort .sign {height:30px; padding:10px 5px 5px 7px; margin-bottom:-30px; }
.infoshort .sign span.fa-play-circle {font-family:FontAwesome; font-size:30px; color:#FFF; opacity:0.93; cursor:pointer;}
.infoshort .info .photo	{display:block; width:25%; float:left; margin-right:1.4em;}
.infoshort .info .lab {display:block; color:#666; font-size:0.75em; line-height:1em; margin-bottom:0.8em;}
.infoshort .info:hover label {color:#000;}
.infoshort .info strong {display:block; width:100%; font-size:1.3em; margin-bottom:0.3em; color:#000;
	-moz-transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out; -webkit-transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out; transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out;
	}
.infoshort .info:hover strong {color:#00ABE7;}
.infoshort .info strong .fa.fa-paper-plane-o {font-size:2.4em; margin-right:0.35em; color:#005BA6;}
	
.infoshort .info b {font-weight:inherit; border-bottom:2px solid #F3170D;}

.infoshort .info ul {margin:0 0 0 4.5em;}
.infoshort .info .ultxt {margin:0 0 0 4.25em;}
.infoshort .info .more {padding:0 0.3em; font-weight:bold;}
.infoshort .info:hover .more {color:#00ABE7;}


/* kalendarz */
.calend {display:block; overflow:hidden; clear:both; width:100%; font-size:1em; margin-top:0.5em; margin-bottom:2em;}
.calend .calname {display:block; line-height:3em; text-align:center; padding:0; margin:0;}
.calend .calname .calmonthprev {display:inline-block; width:15%; text-align:left; vertical-align:middle; padding:0; margin:0;}
.calend .calname .calmonthnext {display:inline-block; width:15%; text-align:right; vertical-align:middle; padding:0; margin:0;}
.calend .calname .fa {font-size:2.5em; color:#CCC;}
.calend .calname .calmonth 	{display:inline-block; width:65%; vertical-align:middle; padding:0; margin:0; font-size:1.15em;}
.calend .day {
	display:block; float:left; width:13.8%; margin:0.09em 0 0.09em 0.342857%; padding:0; overflow:hidden;
	color:#CCC; font-size:1em; text-align:center;
	background-color:rgba(255,255,255, 0.33); opacity:0.2;
	}
.calend .day.daymonth {opacity:1.0;}	
.calend .day .nm {display:block; color:#FFF; font-size:0.55em; line-height:14px; font-weight:normal; background-color:#999; opacity:0.8;}
.calend .day .nr {display:block; color:#333; font-size:1.05em; line-height:26px; font-weight:bold; opacity:0.8;}

.calend .day.w0 .nm {background-color:#F99;}
.calend .day:hover .nm {opacity:1.0;}
.calend a.day:hover .nr {opacity:1.0; color:#005BA6;}

.calend .day.daynow .nm {background-color:#005BA6;}
.calend .day.daynow .nr {color:#005BA6;}

.calend .day.dayfull .nr {background:rgba(0,91,166, 0.2);}	
.calend .day.dayfull:hover .nm {background-color:#005BA6;}


/* poprzedni - teraz - nastepny */
.calendlnr {display:block; white-space:nowrap; margin:0; padding:0 1em 0 0; height:2em;}
.calendlnr a {display:inline-block; width:60%; text-align:center; font-size:1.1em; font-weight:bold; color:#00ABE7;}
.calendlnr a:first-child {text-align:left; width:20%;}
.calendlnr a:last-child {text-align:right; width:20%;}
.calendlnr a .fa {font-size:1.1em; vertical-align:middle; font-size:2em; padding:0.33em; color:#CCC;}
@media only screen and (max-width:980px) {
	.calendlnr {padding:0;}
	}

	

#sitemap {display:none; margin-bottom:2em;}


/* jak sluchac */
.howtolisten {display:block; width:100%; margin:1em 0;}
.howtolisten a,
.howtolisten div {display:block; clear:both; margin:0; padding:1em 0 1em 5em; font-size:0.95em; line-height:1.5em; min-height:6em;
	break-inside: avoid;
	page-break-inside: avoid;
	will-change: transform;
	}
.howtolisten span.tit {font-weight:600;}
.howtolisten span.ico {display:block; float:left; height:0; overflow:visible; margin:0.1em 0 0 -1.1em; font-size:4em; vertical-align:middle; text-align:center;}
.howtolisten a:hover span.ico	{opacity:0.9;}
.howtolisten span.fa-play-circle {color:#00ABE7;}
.howtolisten span.fa-play-circle-o {color:#FF9900;}
.howtolisten span.fa-android {color:#99CC00;}
.howtolisten span.fa-apple {color:#717171; }
.howtolisten span.fa-sliders {color:#005BA6; font-size:3.2em; margin:0.125em 0 0 -1.325em;}
.howtolisten span.fa-tasks {color:#005BA6; font-size:3.2em; margin:0.125em 0 0 -1.325em;}


/* kiedy najbliższa audycja */
.pubsoonshow {display:none; width:320px; clear:both; overflow:hidden; margin:1.5em 0 2.5em 0;  text-align:left;}
.pubsoonshow a {display:inline-block; clear:both; width:inherit; padding-left:100px; overflow:hidden;}
.pubsoonshow a .ico	{display:inline-block; float:left; width:80px; height:80px; margin:0 0 0 -90px; padding:0; line-height:80px; 
	font-size:80px; color:#00ABE7;
	transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
	}
.pubsoonshow a:hover .ico	{color:#DA251D;}
.pubsoonshow a .txt {display:table-cell; vertical-align:middle; height:80px; font-size:1.1em; line-height:1.3em; color:#333;}
.pubsoonshow a:hover .txt {color:#00ABE7;}
.pubsoonshow a .txt .txtopis {font-size:0.8em; line-height:1.0em; color:#666;}
.pubsoonshow a:hover .txt .txtopis {font-size:0.8em; line-height:1.0em; color:#333;}

.pubmore {display:inline-block; width:240px; clear:none; overflow:hidden; margin:1.5em 0 2.5em 2em; vertical-align:top; text-align:right;}
.pubmore a {display:inline-block; clear:both; width:inherit; padding-right:100px; overflow:hidden;}
.pubmore a .ico	{display:inline-block; float:right; width:80px; height:80px; margin:0 -90px 0 0; padding:0; line-height:80px; 
	font-size:80px; color:#00ABE7;
	transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
	}
.pubmore a:hover .ico	{color:#005BA6;}
.pubmore a .txt {display:table-cell; vertical-align:middle; height:80px; font-size:1.1em; line-height:1.3em; color:#333;}
.pubmore a:hover .txt {color:#00ABE7;}



/* posłuchaj teraz */
.listenlater .listenlaterrow {margin-bottom:1.5em;}


/* statystyki wyswietlen */
.poplist {}
.poplist ol {		
	margin-left:0; padding-left:2.0em; padding-top:1.5em; padding-bottom:0.75em; counter-reset:item;
	column-count:2; -webkit-column-count:2;	-moz-column-count:2;
	column-gap:4em;
	}
.poplist ol > li {
	margin-left:0; padding-left:2.0em; counter-increment:item; list-style:none inside; margin-bottom:1.5em;
	break-inside: avoid;
	page-break-inside: avoid;
	will-change: transform;
	}
.poplist ol > li:before {
	content:""counter(item)"";
	display:inline-block; margin-left:-3.0em; margin-right:1em; width:2.0em; height:2.0em; text-align:center; line-height:2.0em;
	color:#FFF; background-color:#EC1C2D;
	-webkit-border-radius:2.0em; -moz-border-radius:2.0em; border-radius:2.0em; 
	}
.poplist ol > li .lab {color:#999; font-size:0.9em;}
		
@media only screen and (max-width:736px) {
	.poplist ol {column-count:1; -webkit-column-count:1; -moz-column-count:1;}
	}


/* podcasty */
.podcastlist {}
.podcastlist .banner.style2 {height:0; padding-top:100%; margin-bottom:0.5em;}
.podcastlist .banner.style2 h2 {font-size:1.4em; text-transform:uppercase;}
.podcastlist .banner.style2 span {font-size:1.0em; line-height:0.5em !important;}
.podcastlist .banner.style2:hover span {color:#000;}
.podcastlist .banner.style2 span strong {color:#00ABE7; letter-spacing: 0.2em;}


/* audycje */
.audlist {}
.audlist .banner.style2 {height:0; padding-top:56.25%; margin-bottom:0.5em;}
.audlist .banner.style2 h2 {font-size:1.4em; text-transform:uppercase;}
.audlist .banner.style2 span {font-size:1.0em; line-height:0.5em !important;}
.audlist .banner.style2:hover span {color:#000;}
.audlist .banner.style2 span strong {color:#00ABE7; letter-spacing: 0.2em;}

.listsel a {font-size:0.8em;
	border-left: solid 1px rgba(160, 160, 160, 0.3);
	margin-left: 0.25em; padding-left:0.5em;
	}
.listsel a:last-child {border-right: solid 1px rgba(160, 160, 160, 0.3); padding-right:0.5em;}
.listsel a.active {color:#00ABE7;} 
@media only screen and (max-width:480px) {
	.listsel a {font-size:0.7em; margin-left:0.05em;}
	}

.audycja {display:block; clear:both; overflow:hidden; width:100%; margin:0; padding:0 1em 0 0;}
.audycja .atytul 	{display:block; border-bottom:1px #CCC solid; padding:0 30px 0 120px; margin-bottom:0;
	color:#333; font-size:1.3em; line-height:43px; font-weight:normal; vertical-align:top; cursor:pointer;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;
	}
.audycja.now .atytul 	{border-bottom:1px #F3170D solid; color:#F3170D;}
.audycja .atytul:hover {color:#F3170D;}

.audycja .agodz	{display:inline-block; float:left; width:100px; height:40px; margin-left:-120px; overflow:hidden; vertical-align:middle; color:#666; font-size:32px; line-height:40px; text-align:right;}
.audycja.now .agodz {color:#F3170D;}
.audycja.past .agodz {color:#CCC;}
@media only screen and (max-width:980px) {
	.audycja {padding:0;}
	}
@media only screen and (max-width:736px) {
	.audycja .atytul 	{padding-left:90px;}
	.audycja .agodz	{width:90px; margin-left:-100px;}
	}
.audycja .atytul .toggle {display:inline-block; width:30px; float:right; font-size:1.4em; font-family:FontAwesome; text-align:center; margin-right:-30px; color:#BBB;}
.audycja .atytul:hover .toggle,
.audycja.active .atytul .toggle {color:#F3170D;}

.audycja .ainfo	{display:none; clear:both; overflow:hidden;}
.audycja.active .ainfo {display:block;}

.audycja .ainfo .ava {text-align:center; padding:1.5em 0 0.5em 0;}
.audycja .ainfo .ava .pubsoonshow {display:inline-block; width:280px; vertical-align:top;}
.audycja .ainfo .ava .pubsoonshow .txtopis {display:none;}

.audycja .ainfo .inf {text-align:justify; padding:0.25em 1em 2em 3em; font-size:1.1em;}

.audycja .audscen {display:block; clear:both; overflow:hidden; padding-left:2.75em;} 
.audycja .audscen .col {display:block; float:left; width:50%; overflow:hidden; padding:0:} 

.audycja .audscen .audelem {clear:both; display:block; width:100%;
	padding:0.2em 0 0.2em 80px; font-size:1.0em; line-height:1.6em; color:#666;
	}
.audycja .audscen:last-child {padding-bottom:2em;}	
.audycja .audscen .audelem .elemtime {float:left; width:50px; margin-left:-70px; font-size:0.9em; color:#999;}
.audycja .audscen .audelem .elemico {float:left; width:30px; margin-left:-30px; font-family:FontAwesome; color:#999; text-align:center;}
.audycja .audscen .audelem .elemico.fa-play.active {color:#F3170D;}
.audycja .audscen .audelem .elemtit {float:left; padding:0 0.4em;}
		
@media only screen and (max-width:736px) {
	.audycja .audscen .col {width:100%; clear:both;} 
	.audycja .audscen .col.music {margin-top:1em;}
	}