@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,400,700,800&subset=latin,latin-ext);

header {border-bottom:0 none; margin:0;}
.container {background-color:transparent;}

#ajax-wrap-body * {color:#2c2c2c; font-family:'Open Sans', sans-serif;}
footer {background-color:transparent;}
.disclaimer {color:#fff !important;}

.container {max-width:990px;}
.mobile-27 {background: #fff url(../_img/mobile-27.png) center top no-repeat; height:74px; width:100%; border-bottom:6px solid #456f9b;}
a:hover, a:focus, a:active {text-decoration: none; outline:0 none;}
#ajax-wrap-page h2 { font-size:16px; line-height:22px; font-weight:700; }
.margin-bottom {margin-bottom:20px;}
.margin-bottom-half {margin-bottom:10px;}

.header-bg {background-color: #4f7fb1; border-left:15px solid #fff;  border-right:15px solid #fff; }
.flag {display:block; background: transparent url(../_img/27-kwietnia.png) center top no-repeat; height: 137px;}
.header-subpage .disclaimer {padding:0 15px 15px 15px; color:#fff; font-size:18px; line-height:24px; font-style: italic;}
.jxxiii .disclaimer {padding:15px 15px 0 15px;}

#menu {padding:0; margin:0; background-color:#ffd34c; width:100%;}
#menu li {list-style:none; border-bottom:1px solid #fff;}
#menu li a {display:inline-block; color:#1f4f81; font-size:16px; padding:10px; width:100%; text-align:left; font-weight:700; text-transform:uppercase;
    background-color:#ffd34c;
}

#menu li:first-child a {background: url(../_img/home.png) no-repeat; width:42px;}

.menu ul { display:none;}
.menu ul.active { display:block;}
#mobile-menu { display:block; width:100%; height:42px; background: #ffd34c url(../_img/mobile-menu.png) no-repeat right center; cursor:pointer; z-index:1000; border-bottom:1px solid #fff;}

.single img, .double img, .articles article a img, .right-jp2-photos a img  {width:100%; margin-bottom:10px;}

.right-jp2-photos a img {height:auto!important;}

.jpii, .jxxiii {height: 360px; background: transparent url(../_img/header-jpii.png) center 40px no-repeat;}
.jxxiii {background-image: url(../_img/header-jxxiii.png);}

.single h1 {color:#235385; font-size:22px; font-weight:700; margin-top:0;}
.single p {font-weight:normal;}
.single.j23 {margin-bottom:20px;}

.section-title {display:table;}
.section-title .title {display:table-cell; font-weight:700; font-size:18px; color:#235385; white-space: nowrap; text-transform:uppercase;}
.section-title .line {display:table-cell; width:100%; vertical-align: middle; padding-left:20px;}
.section-title .line hr {margin:0; border:0 none; border-bottom:3px solid #ffd34c;}

.double h2 {color:#235385; margin:0 0 10px 0;}
.double p {font-size:14px;}

.triple img {width:100%; margin-bottom:10px;}
.triple h2 a {color:#235385; margin:0 0 10px 0;}
.triple p {font-size:14px;}

.mTitle, .box > div > header h4, .right-jp2-photos header, .single header, .double header, .single.j23 header {
background: transparent; margin:0; margin-bottom:10px;
background: -moz-linear-gradient(top,  transparent 0%, transparent 39%, #ffd34c 39%, #ffd34c 51%, transparent 51%, transparent 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%transparent), color-stop(39%,transparent), color-stop(39%,#ffd34c), color-stop(51%,#ffd34c), color-stop(51%,transparent), color-stop(100%,transparent));
background: -webkit-linear-gradient(top,  transparentf 0%,transparent 39%,#ffd34c 39%,#ffd34c 51%,transparent 51%,transparent 100%);
background: -o-linear-gradient(top,  transparent 0%,transparent 39%,#ffd34c 39%,#ffd34c 51%,transparent 51%,transparent 100%);
background: -ms-linear-gradient(top,  transparent 0%,transparent 39%,#ffd34c 39%,#ffd34c 51%,transparent 51%,transparent 100%);
background: linear-gradient(to bottom,  transparent 0%,transparent 39%,#ffd34c 39%,#ffd34c 51%,transparent 51%,transparent 100%);
}

.mTitle .title, .box > div > header h4 span, .right-jp2-photos header h4, .single header h4 span, .double header h4, .single.j23 header h4    {display:inline-block; background-color:#fff; margin:0; padding-right:20px; color:#1f4f81; font-size:18px; font-weight:700; text-transform:uppercase;}

.right-jp2-photos h2 a {display:inline-block; color:#1f4f81; margin-bottom:20px;}
.right-jp2-photos img {display:inline-block; width:100%; margin-bottom:10px;}


.listen .box {padding:20px 55px; background-color:#1f4f81;}
.listen .box div a {display:inline-block; color:#fff; text-align:center; font-size:14px; font-weight:700; line-height:24px; letter-spacing:1px; text-transform:uppercase;}
.listen div:last-child .box {background-color:#c6c6c6;}
.listen div:last-child .box div a {color:#1f4f81;}

.main-j23 .articles article a {min-height:44px;}
.articles article a {display:block; position:relative; }
.right-jp2-photos article {display:block; position:relative;}
.articles article a p, .right-jp2-photos a p {display:block; font-weight:400; font-size:14px;}
.articles article a img, .right-jp2-photos a img {width:100%; margin-bottom:10px;}
.articles article a h2, .right-jp2-photos a h2 {color:#235385; margin:0 0 10px 0;}
.articles article .audiovideo, .right-jp2-photos .icons {position:absolute; top:0; left:0;}

.articles article button, .right-jp2-photos .icons button {display:block; float:left; padding:0; margin:0; border:0 none; padding-right:41px; height: 40px; width: 40px;}
.articles article .iSpeaker, .right-jp2-photos .icons .iSpeaker {background: #22284f url(../_img/media-ico.png) no-repeat right top;}
.articles article .iVCam, .right-jp2-photos .icons .iVCam {background: #22284f url(../_img/media-ico.png) no-repeat right center; height: 40px; width: 40px; min-height:auto;}
.articles article .iPhoto, .right-jp2-photos .icons .iPhoto {background: #22284f url(../_img/media-ico.png) no-repeat right bottom;}

.articles .links .audiovideo {position:relative; float:left; margin-right:6px;}
.articles .links a {display:block; position:relative; min-height:46px;}

.cycle-slide article a p {display:none;}

.kalendarium article h2 {margin-bottom:0;}
.kalendarium article p {display:inline-block; min-height:80px;}


.right-jp2 {margin-bottom:20px;}
.right-jp2 .wrap-article {border-bottom: 1px solid #c6c6c6;}
.right-jp2 h3 { margin:10px 0; line-height:0.8; }
.right-jp2 h3 a {font-size:16px; font-weight:700; color:#1f4f81; line-height:120%;}
.right-jp2 .icons {float:right; margin:6px 0 0 10px;}
.right-jp2 .ico {background: url(/stylewide/_img/icons-15.gif) no-repeat 0 0; cursor: pointer; display: inline-block; float: left; height: 17px; width: 17px;}
.right-jp2 .ico.active {background: url(//static.prsa.pl/style/_img/icons.gif) no-repeat 0 -533px;}
.right-jp2 .ico.loading {background: url(//static.prsa.pl/style/_img/loader.gif) no-repeat;}


.right-jp2 .iPlus {background-position: 0 -18px;}

.right-jp2 .bPager {background-color:#e0e5ea; margin-top:-1px; margin-bottom:20px; text-align:center; padding:10px;}
.right-jp2 .bPager * {color:#1f4f81; font-size:12px; font-weight:700;}
.right-jp2 .bPager .btnPag {display:inline-block; padding:0 5px;}
.right-jp2 .bPager .btnPag.active {margin:0 3px; border:1px solid #1f4f81;}
.right-jp2 .more.showmore {font-size:12px; font-style:italic; color:#1f4f81; cursor:pointer;}

.pager-nav {background-color:#e0e5ea; position:relative; float:left; width:100%; height:31px; margin:20px 0; }
.pager-nav .prev { display:block; position:absolute; top:0; left:0; z-index:99; width:150px; height:25px; text-align:left; }
.pager-nav .prev > a { display:block; width:100%; height:100%; padding-top:6px; padding-left:5px;  color:#1f4f81; font-size:12px; font-weight:700; cursor:pointer;}
.pager-nav > ul { display:block; position:absolute; top:0; left:0; padding:0 155px; width:100%; height:25px; text-align:center; }
.pager-nav > ul > li { list-style-type:none; display:inline-block; cursor:pointer; }
.pager-nav > ul > li > a { display:block; width:25px; height:25px; padding-top:3px; color:#1f4f81; font-size:12px; font-weight:700; margin-top: 3px; }
.pager-nav > ul > li > a.active {border:1px solid #1f4f81; color:#1f4f81 }
.pager-nav .next { display:block; position:absolute; top:0; right:0; width:150px; height:25px; text-align:right; }
.pager-nav .next > a { display:block; width:100%; height:100%; padding-top:6px; padding-right:5px; color:#1f4f81; font-size:12px; font-weight:700; cursor:pointer;}

.cycle-slideshow_w a.nav {display:inline-block; width:30px; height:50px; z-index:9999; position:absolute; top:50%; margin-top:-25px; background:#e2e8ee url(../_img/slider-left-arr.png) no-repeat 5px 18px; cursor:pointer;}
.cycle-slideshow_w a.nav:hover {opacity:1;}
.cycle-slideshow_w a.roter_left_w  {left:0;}
.cycle-slideshow_w a.roter_right_w  {right:0; background:#e2e8ee url(../_img/slider-right-arr.png) no-repeat 6px 18px;}
    .cycle-carousel-wrap article a * {white-space:normal !important;}
    .cycle-carousel-wrap article {position: absolute; top:0; width:inherit; white-space:normal !important;}
.cycle-carousel-wrap article .audiovideo {/*top:125px;*/}

/* artykul */
#breadCrumbs {display:none;}

@media (min-width: 992px) {
    #breadCrumbs {display:block; padding-bottom:10px;}
    #breadCrumbs, #breadCrumbs * {color:#0072ba; font-size:11px;}
}

.art h4, .plan h4, .pol h4, .box.double h4 {display: block; color:#1f4f81; font-weight: 700; padding: 12px; background-color: #ffd34c; margin:0 0 12px 0;}
.art h4 span, .plan h4 span, .pol h4 span, .box.double h4 span {color: #fff; font-weight: 700; text-transform:uppercase; }
.art .wrap-info span, .art .wrap-info {	font-size:12px; color:#888f95; padding-bottom:10px; }
.art table td {padding:2px 4px; border:1px solid #cbd4db;}
.art #boxInsert.medals {padding-right:0;}
.art a {color:#0072ba;}
    
.plan .ramowkaPopUpKonkurencja h4 {font-size:16px; background-color: #ffd34c; color: #1f4f81; font-weight: 700;}
.plan .ramowkaPopUpKonkurencja .eventsHead {display:none;}
.plan .ramowkaPopUpKonkurencja .event span {display:block; background-color: #e2e8ee; padding:0 12px;}
.plan .ramowkaPopUpKonkurencja .event span.data {background-color: #cbd4db; padding:9px 12px; color:#1f4f81; font-weight:700;}
.plan .ramowkaPopUpKonkurencja .event span.opis {padding-bottom:12px;}
.plan h2 {display:none;}
.plan {margin:0;}

article h1 { font-size:22px; line-height:26px; font-weight: 700; color:#1f4f81; background-color: transparent; display:block; padding:0; margin:0; }
article .belt { width:100%; }
article .belt .fl { font-size:14px; float:left; padding:0;}
article .belt .fr { font-size:14px; float:right; padding:0;}
article .belt .fr i { display:none; }
article .article-main-img { width:100%; }
article .wrap-info span, article .wrap-info { font-size:12px; color:#888f95; padding-bottom:10px; }
article p {	margin: 0 0 12px 0; }
article h2 { width:100%; margin: 0 0 12px 0; color:#383c59;}
article h2 span { font-weight:700; }
article blockquote {padding:0; margin:12px 0; border:0 none;}
article blockquote p { quotes:none; font-style:italic; font-weight: 700; display:block; margin:0 24px 12px 24px; padding-left:12px; border-left:3px solid #cbd4db; }
article a { font-weight:700; }

article #box-sounds { margin-bottom:12px;}
article #box-sounds ul { padding:0; margin:0; }
article #box-sounds ul li { list-style: none; width:100%; margin-bottom:12px;}
article #box-sounds a.iSpeaker { display:block; background:url(../_img/speaker.png) no-repeat; height: 70px; width: 70px; float:left; }
article #box-sounds li span.text {cursor:pointer; margin-left:82px; display:block; padding:3px 10px 12px 53px; font-size:14px; border-bottom:1px solid #e2e8ee;}
article #box-sounds li:first-child span.text {min-height:45px; font-weight:700; background-color: #fff; padding:10px 10px 0 10px; border-bottom:1px solid #e2e8ee;}
article #box-sounds span.btn { margin-left:82px; border-radius: 0; text-align:right; font-size:14px; display:block; padding:0 27px 4px 10px; background: #fff url(../_img/plus.png) no-repeat bottom right; }

article #box-sounds .icons { margin-left:82px; float:left;}
article #box-sounds .icons a.iSpeaker { background:url(../_img/speaker-small.png) no-repeat; height: 25px; width: 25px; float:left;  display:block; }
article #box-sounds .icons a.iPlus { height: 25px; width: 25px; float:left;  display:block; background: url(../_img/plus.png) no-repeat; }

article #list-video { margin-bottom:12px;}
article #list-video ul { padding:0; margin:0; }
article #list-video ul li { list-style: none; width:100%; margin-bottom:12px;}
article #list-video a.iVCam { display:block; background:url(../_img/video.png) no-repeat; height: 70px; width: 70px; float:left; }
article #list-video li span.text {cursor:pointer; margin-left:82px; display:block; padding:3px 10px 12px 0; font-size:14px; border-bottom:1px solid #e2e8ee;}
article #list-video li span.text span.text {cursor:pointer; margin-left:0; display:block; padding:0; min-height:50px;}
article #list-video li.first span.text {min-height:45px; font-weight:700; background-color: #fff; padding:10px; border-bottom:0 none;}

article #list-video .icons { margin-left:82px; float:left;}
article #list-video .icons a.iVCam { background:url(../_img/video-small.png) no-repeat; height: 25px; width: 25px; float:left;  display:block; }

article #list-gallery {width:202px; float:left; margin-right:12px;}
article #list-gallery .title {display:none;}
article #list-gallery ul {margin:0; padding:0;}
article #list-gallery ul li {list-style:none;}
article #list-gallery .text {display: block; padding: 12px; background-color: #ffd34c;}
article #list-gallery .text a {font-weight: 700; color:#1f4f81; font-size:16px;}
article #list-gallery img {width:100%; border:10px solid #ffd34c; border-bottom:0 none;}

#article-body iframe { width:100%; }
#article-body img { max-width:100%; }

#article-body div.img div {font-size: 12px; color: #888f95; padding-bottom: 10px;}
#article-body p br {margin-bottom:15px;}

a.pdf {display:inline-block; min-height:130px; padding:30px 30px 30px 140px; text-transform:uppercase; color:#1f4f81; width:100%; border-top:1px solid #c6c6c6;  border-bottom:1px solid #c6c6c6; background:url(../_img/pdf.png) no-repeat;}

#galBpager { position: relative; width:100%; text-align: center; font-size:14px; margin: 12px auto; }
#galBpager #galBcounter { display: inline-block; font-weight:700; color:#1f4f81; margin-top:2px;}
#galBpager #galBcounter * {color:#1f4f81;}
#galBpager .hplLeft { position: absolute; top: 0; left: 40%; display: block; width: 25px; height: 25px; background: url(../_img/prev-horizontal.png) no-repeat; }
#galBpager .hplRight { position: absolute; top: 0; right: 40%; display: block; width: 25px; height: 25px; background: url(../_img/next-horizontal.png) no-repeat; }
#galBphoto { position: relative; width:100%; text-align: center; margin: 0 auto; }
#galBdesc span, #galBauthor span {font-size: 12px; text-align:center; color: #888f95;}
#galBauthor, #galBdesc {text-align:center;}
#thumbnails {margin:20px 0;}
#thumbnails a {float:left; padding:8px;}
#thumbnails a span {display: block; width: 74px; height: 74px;}

/* komentarze */
.comments { position:relative; }
.comments header.clearfix { position:relative; background-color: #ffd34c; width: 100%; margin-bottom:12px; }
.comments header.clearfix h4 { display: block; color: #fff; padding:12px; font-size: 16px; font-weight: 700; text-transform: uppercase; margin:0; line-height: normal; }
.comments #sort-by { position:absolute; top:0; right:0; height:100%; background-color: #1f4f81; }
.comments select, .comments select:focus { color:#fff; background-color: #1f4f81; border:0 none;  outline:0 none; height:100%; padding:10px 12px 10px 60px; }
.comments select option { color:#fff; background-color: #1f4f81; border:0 none;  outline:0 none; }
.comments #sort-by span:first-child { display:none; }
.comments .form label { display: block; }
.comments .form textarea { display:block; width:100%; padding:12px;}
.comments .form a { display:block; background-color: #ffd34c; color:#1f4f81; padding:12px; margin:12px 0; font-weight:700; float:right; }
.comments #counter { position:absolute; right:165px; top:0; color:#fff; padding:11px 12px 10px 0; font-weight:700; border-right:1px solid #404970;}
.comments #counter > span { display:none; }
.comments ol { padding:0 12px; margin-bottom:12px; }
.comments ol li { list-style: none; margin-bottom:12px; }
.comments ol li a span { font-weight:700; }
.comments .comment-author { position: relative; top:10px;}
.comments .comment-info { position: relative; top:-22px; text-align: right; color:#1f4f81;}
.comments .messageButtons { text-transform: lowercase; font-weight:700; text-align:right; padding-bottom:12px; border-bottom:1px solid #e2e8ee; margin-top: 10px;}

/* default belt social & tags */
.belt {margin-bottom: 20px; width: 100%;}
.belt.tags {display:none;}
.fb-share-button {float:left; margin-right:7px;}
#fb-like-button {float: left;} 
 
.belt.tags ul {padding:0; display: block; min-height: 10px;}
.belt.tags li {list-style: none; float:left; width:auto;}
.belt.tags li *, .belt.tags li  {color:#0072ba; padding-right:5px;}
@media (min-width: 992px) {
    .belt.tags li *, .belt.tags li  {font-size:11px;}
}
.belt.tags li.title  {padding-right:10px; color:#22284f;}

#wrap-share {float: right; height: 16px; overflow: hidden; padding-left: 5px;}
#wrap-share .ico {float: left; margin-left: 5px;}

.belt.clearfix .ico {background-image: url(//polskieradio.pl/style_v1109/img/icons.gif); display: inline-block; height: 17px; width: 17px;}
.belt.clearfix .ico-s {height: 16px; width: 16px;}
.belt.clearfix .iWykop {background-position: 0 -68px;}
.belt.clearfix .iTwitter {background-position: 0 -100px;}


/* footer */
#footer-wrap {background-color: transparent; border-top:1px solid #ffd34c;}
footer {font-size: 11px; margin: 0 5px; padding: 5px 0 0;}
footer #footer-header {padding: 5px; white-space:nowrap;}
footer ul {margin: 5px;}
footer ul:last-of-type {border-top: 1px solid #d8d8d8; margin: 10px 5px 0; padding-top: 10px;}
footer ul li {display: inline; margin-right: 10px;}
footer a#mobile-apps {display: none;}
@media (min-width: 992px) {
    footer a#mobile-apps {display: block; float: right; margin: 30px 30px 0; text-align: right; width: 215px;}
    footer a#mobile-apps span {color: #1f4f81; display: block; font-size: 12px; margin: 0 10px 2px 0;}
    footer a#mobile-apps:hover {text-decoration: none;}
    footer a#mobile-apps img {margin-top: 3px;}
}    
footer #copyright {padding-top: 5px;} 
footer * {font-size:12px;}

iframe {border:0 none; outline:0 none; overflow:hidden;}


.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*nowe ikony w stopce*/
#mobile-apps img {display:none;}
#mobile-apps:after {content:url(../_img/ikony.png);}

.masterheader.xs-red {background-color: #cc2127; height: 28px; width:100%;}
.masterheader.xs-red .header-container {max-width:990px; margin:0 auto; padding-left:15px;}
.masterheader.xs-red .header-container .logo.home {display:inline-block; height:28px; width:103px; background:url(../_img/polskie-radio.gif) no-repeat 0 6px;}


@media (min-width: 992px) {

    body {
        background-image: url(../_img/bg_100x100.jpg);
    }

    .header-bg {
        background: transparent url(../_img/header-bg.png) center 20px no-repeat; height: 360px; border:0 none;
    }

    .header-subpage .disclaimer {
        /*background: transparent url(../_img/27-kwietnia.png) left top no-repeat;*/
             padding:50px 40px 0 10px; 
    }

    #mobile-menu { display:none; }

    #menu {display:table;}
    #menu li {display:table-cell; border:0 none; border-right:1px solid #fff;}
    #menu li a {border-bottom:4px solid; text-align:center; padding:10px 0 6px 0;
        border-color: #ffd34c;
        -webkit-transition: background-color 400ms ease-out;
        -moz-transition: background-color 400ms ease-out;
        -o-transition: background-color 400ms ease-out;
        transition: background-color 400ms ease-out;

    }
    #menu li a:hover {
        border-bottom:4px solid; background-color:#ffe28b;
        border-color: #ffe28b;
        -webkit-transition: background-color 200ms ease-in;
        -moz-transition: background-color 200ms ease-in;
        -o-transition: background-color 200ms ease-in;
        transition: background-color 200ms ease-in;
    }

    #menu li a.active {border-bottom:4px solid #235385;}

    #menu li:first-child {width:42px;}

    .mTitle .title, .box > div > header h4 span, .right-jp2-photos header h4, .single header h4 span, .double header h4, .single.j23 header h4  {
        background-image: url(../_img/bg_100x100.jpg);
    }

    .single img {margin-bottom:0;}
    .double img, .articles article a img {
        height: 165px;
    }

    .right-jp2-photos a img {height:177px!important;}
    .cycle-slideshow_w {height:330px;}
    .cycle-carousel-wrap article {padding: 0 15px 0 0;}
    .cycle-slide article a p {display:inline-block;}
    .right-jp2-photos .icons,  {top:137px;}
    .cycle-slideshow_w a.nav {opacity: 0.7; height:70px; top:45px; margin:0; }
    .articles article .audiovideo {bottom:auto; left: auto;/* top: 125px;*/}

    .right-jp2-photos .icons {top:137px; left:auto;}
    .cycle-slideshow_w a.nav {background-position-y:19px;}

.header-main .jpii a, .header-main .jxxiii a {display:inline-block; width:100%; height:100%;}
.header-subpage.jxxiii .disclaimer { background-position:right top; padding:180px 10px 0 40px;}

.articles article a {min-height:125px;}

.mobile-27 {display:none;}

}

@media (max-width: 480px) {
    .container {padding: 0 5px;}
    a.pdf {min-height: 1px; padding:15px 0; background-image:none;}

    .pager-nav > ul {padding:0;}
    .pager-nav .prev, .pager-nav .next, .bPager .btn {display:none;}
}