@charset "UTF-8";
@import url(fonts/font-awesome.min.css);

body header#header.header div.header__stripe div.container.mx-auto div.marquee.marquee--hover-pause ul.marquee__content li a:hover {
	color:#FFF !important;
	}
		                    
body main section.frontpage-mix div.container.mx-auto div.broadcasts div.data a.author {
	text-align:right;
	}
	
body main section.frontpage-most-viewed div.container.mx-auto div.most-viewed div.grid a:nth-child(n+3) {
	display:none;
	}	
	
body main section.frontpage-most-viewed div.container.mx-auto div.most-read ul li:nth-child(n+6) {
	display:none;
	}	

body main.container.mx-auto section.section__content.section__content--left h2.text-3xl {
	clear:both;
	}

	
body main.container.mx-auto section.section__content.section__content--left div.left aside {
	margin-bottom:3em;
	}	
body main.container.mx-auto section.section__content.section__content--left.pub div.left aside {
	width:25%; margin-bottom:2.75em;
	}
body main.container.mx-auto section.section__content.section__content--left.pub div.left aside * {
	font-size:0.98em; line-height:1.25em;
	}
@media (max-width: 768px) {
	body main.container.mx-auto section.section__content.section__content--left.pub div.left aside {
		width:100%;
		}
	}	
		
body main.container.mx-auto section.section__content.section__content--left.pub div.left article div ul {
	display:inline-block;
	}
body main.container.mx-auto section.section__content.section__content--left.pub div.left article div ul li {
	margin-bottom:0.5em;
	}


hr {
	border: 0;
	border-bottom: solid 1px rgba(160, 160, 160, 0.3);
	margin: 1em 0;
	}


article {clear:both;}
					
article h2 {
	font-size: 26px;
	font-weight: 700;
	line-height: 32px;
	margin: 1.75em 0 0.5em 0;
	}
@media (max-width: 768px) {
	article h2 {
		font-size: 20px;
		line-height: 26px;
		}
	}

article .about  {display:block; width:100%; overflow:hidden; margin-bottom:1em;}
article .about .share {display:block; float:left; max-width:30%;}
article .about .share .share-buttons {display:flex;}
article .about .share .share-buttons a {padding-right:0.85em;}
article .about .info {display:block; float:left; max-width:70%; font-size:0.9em; line-height:24px;}


/* art/info - pliki */	
article .media {display:block; width:100%; overflow:hidden; font-size:1em; line-height:22px; margin:0.25em 0; padding-bottom:1em;}
article .media.uklad1 {float:left; min-width:316px; width:35%; margin:0 4% 1em 0; padding:0 0 1em 0;}
article .media.uklad2 {float:right; min-width:316px; width:35%; margin:0 0 1em 4%; padding:0 0 1em 0;}
article .media.uklad1 img,
article .media.uklad2 img {width:auto; max-width:100%;}	

@media screen and (max-width: 768px) {
	article .media.uklad1 {float:none; width:100%; margin:0;}
	article .media.uklad2 {float:none; width:100%; margin:0;}
	article .image.left, 
	article .image.right {
		display:block; top:0; clear:both; width:100% !important; max-width:100% !important; border:0 !important; border-radius:0 !important; height:auto; margin:1em auto !important; padding:0;
		}
	}
@media screen and (max-width: 480px) {
	article .share {white-space:normal; height:auto;}
	}



/* fancybox */
body.fancybox-active div.fancybox-caption {font-size:1.2em;}


/* wyszukiwarka */
#searchmain input[type=text]{
	margin:2px; padding:0.5em 1em; border:2px #263F65 solid; width:55%; max-width:400px
	
	
	}
#searchmain input[type=submit]{
	margin:2px; padding:0.5em 1em; border:2px #263F65 solid; width:35%; max-width:200px;
	background-color:#263F65; color:#FFF; cursor:pointer;
	}


audio {display:inline-block; width:100%; vertical-align:middle; cursor:pointer;}
.audiobox {display:inline-block; width:100%; margin:0.5em 0; vertical-align:middle;}

video {display:block; width:100%; height:auto; margin:0; padding:0; cursor:pointer;}
.videobox {
	display:block; overflow:hidden; margin:0.5em 0;
	}
.videobox div {
	position:relative; width:100%;
	padding-bottom:56.25%; height:0; overflow:hidden; border:none;
	}
.videobox div video {
	position:absolute;
	top:0; left:0; width:100%; height:100%; border:none; background-color:#000; cursor:pointer; 
	}
	
.youtubebox {
	display:block; overflow:hidden; width:100%; 
	}
.youtubebox div {
	position:relative; width:100%;
	padding-bottom:56.25%; height:0; overflow:hidden; border:none;
	}
.youtubebox div iframe {
	position:absolute;
	top:0; left:0; width:100%; height:100%; border:none;
	}

.fbbox {display:block; position:relative; padding-top:0; padding-bottom:56.16% !important; height:0; margin:8px 0 12px 0; overflow:hidden;}
.fbbox iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important; border:none;}


@media screen and (max-width: 1660px) {
	body, input, select, textarea {font-size:10.5pt;}
	.fancyvideobox {width:800px;}
	}
@media screen and (max-width: 1280px) {
	body, input, select, textarea {font-size: 10.5pt;}
	.fancyvideobox {width:680px;}
	}
@media screen and (max-width: 736px) {
	.fbbox {width:100% !important; margin:1em 0 !important; border:0 !important; border-radius:0 !important;}
	.fancyvideobox {width:400px;}
	}
@media screen and (max-width: 480px) {
	.fancyvideobox {width:240px;}
	}



/* lista plikow */
.files {display:block; clear:both; width:100%; overflow:hidden; padding:0.5em 0 0.5em 54px; margin:0; border:none; color:#666 !important; font-weight:normal !important;}
.files.active,
.files:hover {color:#F3170D !important;}
.files .fileico	{font-family:FontAwesome; font-size:32px !important; line-height:48px; float:left; width:48px; height:48px; margin:-10px 0 0 -54px; text-align:center; cursor:pointer;}
.files img.fileico	{display:inline-block; border-radius:0.05em;}
.files div {margin-bottom:0.25em; border:1px #CCC solid;}

.files.filemain {padding:0;}

/* index tytulow */
.funcind {display:block; overflow:hidden; margin:1px;}
.funcind ul li .link {color:#333;}

/* download */
.funcdownload {display:block; clear:both; width:100%; margin:1em 0;}

/* galeria */
.funcgallery {display:block; clear:both; width:100%; overflow:hidden; margin:1em 0; padding:0;}
.funcgallery a {float:left; width:25%;}
.funcgallery a:hover {opacity:0.9;}
@media screen and (max-width: 736px) {
	.funcgallery a {width:33%;}
	}
@media screen and (max-width: 480px) {
	.funcgallery a {width:50%;}
	}


/* sonda */
.funcpoll {display:block; clear:both; overflow:hidden; width:100%; margin:0.5em 0; background-color:#F6F6F6; border:1px #CCC solid;}
.funcpoll h4 {display:block; float:left; clear:both; width:100%; padding:0.5em 3%; font-size:1.3em; border-bottom:1px #CCC solid; margin-bottom:0.5em;}
.funcpoll a:link {display:block; clear:both; width:94%; margin:0.2em 3%; padding:0 0 0 40px; border:none; overflow:hidden;
	font-size:1.0em; line-height:1.6em; 
	border-radius:0.2em;
	}
.funcpoll a:hover {background-color:#FFF;}
.funcpoll a span {font-family:FontAwesome; margin:0.05em 0 0 -32px; display:block; float:left; font-size:1.5em;}
.funcpoll .about {display:block; float:left; clear:both; border-top:1px #CCC solid; width:100%; padding:0.5em 3%; font-size:1.0em; line-height:1.4em; margin-top:1.0em;}

.funcpoll div.polllabel {display:block; clear:both; width:100%; margin:0 0 0.8em 0;}
.funcpoll div.polllabel label {
	display:block; width:100%; padding:0.6em 6% 0 19%;
	font-size:0.95em; line-height:1.3em; margin:0;
	}
.funcpoll div.polllabel p {
	display:block; clear:both; float:left; width:15%; margin:0 0 0 4%; height:12px;
	font-size:0.7em; line-height:1.6em; text-align:center;
	}
.funcpoll div.polllabel div {
	display:block; float:left; width:74%; height:1.4em; background-color:#DDD;
	}
.funcpoll div.pollgraph {width:0; height:12px; background-color:#005BA6 !important;}




/* slider div */
.slider {width:100%; overflow:hidden;}
.slider > div a {border:none;}

.slider .slick-prev, 
.slider .slick-next {height:80px; width:80px; margin-top:-36px; opacity:0.33; text-align:center;
	-moz-transition: opacity 0.35s ease-in-out; -webkit-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out;
	}
.slider:hover .slick-prev, 
.slider:hover .slick-next {opacity:0.9; }

@media screen and (max-width: 736px) {
	.slider {border-left:0; border-right:0;}		
	}

	
/* slider zdjec duzy lub z lewej albo z prawej */
.slider.photoinfo {margin:0;}
.slider.photoinfo  > div a 	{display:block; width:100%;
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.slider.photoinfo > div a img {display:block; width:100%; margin:0 auto;}

/* slider banerów */
.slider.advpromo {margin-bottom:0.5em;}
.slider.advpromo  > div a 	{display:block; float:left; width:100%;
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.slider.advpromo  > div a img {display:block; width:100%; margin:0 auto;}


/* slider partnerzy */
.slider.advpromo_s5 {margin-bottom:0.5em; height:80px;}
.slider.advpromo_s5 > div {text-align:center; margin:0 auto;}
.slider.advpromo_s5 > div a 	{display:block; margin:0 auto; 
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.slider.advpromo_s5  > div a img {display:block; height:80px; margin:0 auto;}


/* reklamy, autopromocja */
.advertisement .advlabel {
	color:#777; font-size:0.85em; line-height:2em; width:100%; font-family:'Courier New',Verdana,Helvetica, monospace; text-align:center;
	}


#toptools .listenlaterlink {display: none;}
#toptools .listenlaterlink.active {display: inline-block;}
#toptools .listenlaterlink.active .fa {color: #E40313 !important;}

article .listenlater .fa {float:right; padding-left:1em; font-size:1.2em; line-height:inherit; vertical-align:bottom; color:#999; border-radius:100%;}
article .listenlater:hover .fa,
article .listenlater.active .fa {color:#E40313;}


#monitcookie {display:none; position:fixed; bottom:0; left:0; z-index:9999; width:100%; height:auto; max-height:20%; min-height:100px; overflow:auto; margin:0; padding:1.5em;
	color:#FFF; font-size:0.95em; line-height:1.6em; background-color:rgba(0,91,166, 0.95); cursor:pointer;
	}
#monitcookieclose {display:block; width:40px; height:1em; float:right; overflow:hidden;
	font-size:2.0em; text-align:center;
	}
	

/* pogoda */
.pogoda {display:block; width:100%; overflow:hidden;}
.pogoda .day {display:block; float:left; width:100%; overflow:hidden; padding:0 0.7em 4em 0.7em;}
.pogoda .day h4, .pogoda .day h6 {
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;
	}
.pogoda .day h6 {font-weight:normal; font-size:0.85em; margin-top:-0.3em;}	
.pogoda .day .daylist {background-color:#FFF; overflow:hidden; padding:0.25em 0; border: solid 1px rgba(160, 160, 160, 0.3);}
.pogoda .hour {overflow:hidden; padding-top:10px; border-bottom:dotted 1px rgba(160, 160, 160, 0.3);}
.pogoda .hour > div {overflow:hidden;}
.pogoda .hour > div > span {display:block; float:left; width:50%;}
.pogoda .hour:last-child {border:none;}
.pogoda .elem  {display:block; text-align:center; padding:0 0.15em;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;
	}
	
.pogoda .elem.por {font-size:0.95em; line-height:1.4em; text-align:left; color:#263F65; padding:0 1em;}
.pogoda .elem.por strong {font-size:1.5em; color:inherit; vertical-align:middle; padding:0 0.1em;}
.pogoda .elem.deg {font-size:2.8em; font-weight:600; color:#888; text-align:right; line-height:1.3em;}
.pogoda .elem.img {font-size:0.95em; font-weight:600;}
.pogoda .elem.img img {display:block; width:90px; vertical-align:middle;}

.pogoda .det {display:block; float:left; font-size:0.85em; line-height:1em; 
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;
	}
.pogoda .det label {display:block; float:left; width:58%; padding:0 1%; text-align:right; font-size:0.9em;}

@media only screen and (max-width:736px) {
	.pogoda .day {width:100%; padding:0 0 3em 0;}
	}