/* menu */
body{
    font-family: sans-serif ;
    margin: 0;
    font-size: 16px;
}

h1, h2, h3{
    margin-block-end: 0.4em;
    margin-block-start: 0.4em;}

h1{font-size: 56px;}
h2{}

h1, h2, h3, h1 a, h2 a, h3 a{
    font-family: 'Arial', sans-serif; font-weight: bold; 
}
a{color:rgb(13,121,166); cursor: pointer}
.addthis_button_expanded{display:none}
#at4m-mobile-container{display: none}


#home_main_foto a:hover, .box3 a:hover, #home_raga a:hover, #home_ytchannel a:hover > img{
   filter:brightness(70%);
}


/* audio */
audio{width: 160px;}
.pobierzmp3_link{ padding-left: 22px; background: url('../img/icons/downl.png') no-repeat left center; background-size: 14px; text-decoration: underline; }


/* buttons */
.button_w{padding:10px 30px; border:1px solid #fff; background-color: #fff; color:rgb(13,121,166); font-weight: bold; text-transform: uppercase; font-size: 15px;}
.button_w:hover{cursor:pointer; border:1px solid #ddd;  color:rgb(239,64,87) }

.button{padding:10px 30px; border:1px solid rgb(13,121,166); background-color: rgb(13,121,166); color:#fff; font-weight: bold; text-transform: uppercase; font-size: 15px;}
.button:hover{cursor:pointer; background-color:#fff;  color:rgb(13,121,166);}

.tac{text-align: center} .taj{text-align: justify} .vam{vertical-align: middle}
.clb{clear:both} .flr{float:right} .mt10{margin-top: 10px;} .mt50{margin-top: 50px;}  .mt150{margin-top: 150px;} .mtb50{margin-top: 50px; margin-bottom: 50px;}  .mb50{margin-bottom: 50px;}  .mb20{margin-bottom: 20px;}  .mtb20{margin: 20px 0;} .dib{display: inline-block}  
.clr{clear:right}
.clearfix:after{content:""; clear:both; display: block;}

/* column layout */
.row_in_col{overflow:hidden; margin-bottom:10px;}
.col50{padding:0 5px; display:inline-block; float:left; box-sizing:border-box; width:50%; overflow:hidden;}
.col33{ padding-right:5px;  display:inline-block; float:left; box-sizing:border-box; width:33.3333%;  overflow:hidden}
.col66{padding:0 5px;  display:inline-block; float:left; box-sizing:border-box; width:66.6667%;  overflow:hidden}

/* 1px table */
table.onepxtable{}
.onepxtable td, .onepxtable th{border-bottom:1px solid #aaa; padding:3px;border-right:1px solid #aaa; padding:5px;}
.onepxtable tr:first-child td, .onepxtable  tr:first-child th{border-top:1px solid #aaa;}
.onepxtable tr td:first-child , .onepxtable  tr th:first-child {border-left:1px solid #aaa;}

/* rozne */
 h2.lineb{border-bottom:1px solid #aaa}
 
/* CRUD */
#dodaj_nowy{background: #006600 url('../img/ico/add24.png') no-repeat left 6px center; padding-left:36px;  }
.ed_bt{background: #006600 url('../img/ico/edit24.png') no-repeat left 6px center; padding-left:36px; }
.usn{background: #990000 url('../img/ico/remove24.png') no-repeat left 6px center; padding-left:36px; }
.sve{background: #006600 url('../img/ico/save24.png') no-repeat left 6px center !important; padding-left:36px; }
.sve-back{background: #006600 url('../img/ico/save-back24.png') no-repeat left 6px center !important; padding-left:36px; }
 

/* 1px table */ 
table.onepxtable{border-spacing: 0;}
.onepxtable  tr:first-child > td{background-color: #eee;}
.onepxtable > tbody > tr > td, .onepxtable th{border-bottom:1px solid #aaa;  border-right:1px solid #aaa; padding:5px;}
.onepxtable > tbody > tr:first-child > td, .onepxtable  tr:first-child > th{border-top:1px solid #aaa;}
.onepxtable > tbody > tr > td:first-child , .onepxtable  tr > th:first-child {border-left:1px solid #aaa;}


/***************** HEADERS *****************************/
.header_cont_outer{background-color: rgb(13,121,166)}

.header_cont{}
#header_cont1{padding: 30px 0;}
    #logo_head{display:flex}
    #logo_link{width: 25%}
    #header_table{width: 75%; table-layout: fixed; }
    #header_table .h2{margin-bottom: 6px; text-transform: uppercase; font-size: 15px; font-weight: normal;}
        #hd_posluchaj_td{width:13%; text-align: center;}
        #pogoda_td{width:30%}
        #hd_gramy_td{width: 57%; padding-left:30px; padding-right: 20px;}
        
        #header_table > tbody > tr > td{vertical-align: top; font-size: 12px; color:#fff; position: relative; box-sizing: border-box; }
        #header_table > tbody > tr > td:last-child{padding-right:0}
        #header_table > tbody > tr > td:before{}
        
        #header_table td#pogoda_td{ }
            .pg_title{vertical-align: top; text-transform: uppercase; display: inline-block; color:#fff; font-size: 15px; cursor:pointer }
            .pogoda_cont{}
                .pg_mini_box{}
                .pg_temp{vertical-align: middle; display: inline-block}
                .pg_dzien{vertical-align: middle; display: inline-block}
                .pg_mini_img{width: 30px; vertical-align: middle; display: inline-block}
        
        #posluchaj_box{ background: url(../img/icons/play_red.png) no-repeat center center; box-sizing: border-box;  display: inline-block; text-align: center; width: 40px; height: 40px; }
        #posluchaj_box:hover{ color:#ccc;} 
        
         #posluchaj_mobi_cont { display:none}
        
#na_antenie, #terazgramy ul, #muzyka{display:flex; width: 100%}
    .ramli{width:50%;}
    .oa_tinfo2{margin-bottom: 6px; text-transform: uppercase; font-size: 15px; font-weight: normal;}
    .aud{font-size:15px; }
    
    #terazgramy ul li, #terazgramy .ramli {width: 50%; box-sizing: border-box; padding-left: 30px; padding-top: 0;  padding-right: 10px; color: #ccc;  }
        #terazgramy ul li.now, #terazgramy .ramli.now {color: #fff; background: url(../img/icons/glosnik.png) no-repeat left top ;}
            #terazgramy p{margin: 0}
            #terazgramy .oa_img{display: none}
            #terazgramy .oa_tinfo, #muzyka .oa_tinfo2{margin-bottom: 6px; text-transform: uppercase; font-size: 15px; font-weight: normal;}
            #terazgramy .oa_perf{font-size: 14px; height: 16px; font-weight: bold;  line-height: 16px; overflow: hidden; margin: 5px 0;}
            #terazgramy .oa_track{font-size: 14px; height: 18px; line-height: 18px; overflow: hidden;}
        
            #terazgramy ul li:last-child{}
 
#header_outer1{position:relative; z-index: 10000}
#header_outer2{position:relative}
#header_outer2{background:rgb(11,108,154) url('../img/ro_logo_n.png') no-repeat left 10px  center; background-size: 0; position: relative;  z-index: 10000}
    #clickarea_top{position: absolute; left: 0; top: 0; bottom: 0; width: 100px; cursor:pointer}
    
    @media screen and (max-width: 1320px) and (min-width:1050px){
        #header_outer2{background-image:none;}
        #search_dialog_show{display: none;}
    }

    #header_outer2.sticked{position:fixed; top:0; left:0; right: 0; background-size: 100px;}
    a#mobi_menu{display:none}
    #header_cont2{}

    #search_dialog{position: absolute; top:10px; right:20px;}
        #gotologin{display: block; cursor: pointer; border-radius: 4px; float: right; width: 40px; height: 40px; padding:8px; box-sizing: border-box }
        #gotologin:hover{ background:rgba(255,255,255,0.1)} 
        #search_dialog_show{display: block; cursor: pointer; border-radius: 4px; float: right; width: 40px; height: 40px; background: url('/media/ico/search_icon.svg') no-repeat center center; background-size: 24px; }
        #search_dialog_show:hover, #search_dialog_show.sel{ background:rgba(255,255,255,0.1) url('/media/ico/search_icon.svg') no-repeat center center; background-size: 24px; }
     
            
   #search_form{display:none; position: absolute; top:40px; right: 10px; background: #f5f5f5; padding: 10px 20px;border-radius: 4px;}   
        #search_form_inner{display: flex; align-items: center;}
        #search_form_phrase_tx{
            flex: 1 1 140px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            padding: 6px;
        }
        #search_form_submit_bt{
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            cursor: pointer;
            flex: 0 0 40px;
            height: 30px;
            border: none;
            background: #0d79a6 url(/media/ico/search_icon.svg) no-repeat center center;
              background-size: auto;
            background-size: 22px;
            margin-right: 30px;
        }
   
/* search - autocomplete */  
#AutocompleteReactCont{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

       
 /* na antenie */
 
 /*
 #antena{width:100%; vertical-align: middle; border-collapse: collapse; border: 0; table-layout: fixed; }
 
    #posluchaj_td{background:rgb(239,64,87); width: 14%; text-align: center;}
    #gramy_td{ width: 86%; background:rgb(0,30,54)  url(../img/bg/bg-terazgramy2.png) no-repeat  right center; }

        #antena #posluchaj_box{ background: url(../img/icons/play.png) no-repeat center center; box-sizing: border-box;  display: inline-block; text-align: center; padding-top: 48px; height: 60px; color:#fff; text-transform: uppercase; font-size: 12px; font-weight: bold }
        #antena #posluchaj_box:hover{ color:#ccc;} 
        #antena #gramy_box{min-height: 90px; }
        #antena #gramy_box .column{}

        #muzyka ul{display:flex}

       
        #muzyka ul li, #muzyka .ramli {width: 33%; box-sizing: border-box; padding-left: 50px; padding-top: 12px; padding-bottom: 12px; padding-right: 10px; color: #999;  }
        #muzyka ul li.now, #muzyka .ramli.now {color: #fff; background: url(../img/icons/glosnik.png) no-repeat left 20px top 12px;}
            #muzyka p{margin: 0}
            #muzyka .oa_img{display: none}
            #muzyka .oa_tinfo, #muzyka .oa_tinfo2{margin-bottom: 6px; font-size: 12px; font-weight: bold}
            #muzyka .oa_perf{color:rgb(13,121,166); font-size: 14px;  font-weight: bold; height: 18px; line-height: 18px; overflow-x: hidden;}
            #muzyka .oa_track{font-size: 16px; font-weight: bold; height: 22px; line-height: 22px; overflow-x: hidden;}
    */
    
            
/* pogoda */
.pogoda{position:relative; color:#000000 !important; font-weight: normal; margin-left: 5px; }
.pogoda a{display: inline !important; color: #1C3E95 !important;}
.rozwin_miasto{padding:0 15px 8px 8px;  background:url(../framework/images/arrow-superfish-down_white.png) no-repeat right top 8px; border-right: 5px solid transparent;}
.rozwin_miasto:hover{   text-decoration: underline;  border-right: 5px solid transparent; }
.menu_miasta{position:absolute; background-color:#fff;  border:1px solid #ddd; padding:10px; display:inline-block; z-index:100000;  font-size:13px; *display:inline; zoom:1; *width:815px;  }
.menu_miasta a{margin:1px; padding:3px;}
#pogoda_panel_cont{min-height:190px; min-width:815px;}
#pogoda_bar_cont{display:inline}

.pg_panel_title{margin:10px 0; color:rgb(0,30,54);  font-size:14px; font-weight: bold; text-transform: uppercase; padding-bottom:5px; min-width:300px;}
.pg_mini_box{}
.pg_mini_img{max-width:28px; vertical-align:middle}
#pg_wyb_miasto td{padding:5px 30px 5px 0;}
.pg_zapamietaj{font-size:11px; margin-left:10px;}

#pogoda_szczegolowa{font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
#ps_table{}
.ps_wiersz{margin-bottom:40px; text-align:right;}
.ps_data{font-size:18px; margin-bottom:5px; border-bottom:1px solid #ccc; padding-bottom:3px; text-align:left}
.ps_box{padding:4px; border:1px solid #ccc;  margin:5px; text-align:left; }
#pogoda_szczegolowa .ps_box{width:190px;}
#pogoda_szczegolowa img.ps_img{max-width:85px;}
#pogoda_panel_cont .ps_box{width:140px;}
#pogoda_panel_cont img.ps_img{max-width:60px;}

.ps_box.ranek{background-color:#EFF0E8 }
.ps_box.noc{background-color:rgb(13,121,166); color:#FFFFFF}
.ps_box.dzien{background-color:#fff;}
.ps_dzien{text-align:center; font-size:12px; font-weight:bold; }

.ps_temp{max-width:90px; text-align:center; vertical-align:top; margin:15px 0;}
.ps_temp_main{font-size:22px; color:rgb(13,121,166); font-weight: bold;  }
.noc  .ps_temp_main{color:#fff;}
.ps_temp_add{font-size:9px; color:rgb(13,121,166);}
.noc  .ps_temp_add{color:#fff;}
.ps_details{font-size:10px;}

.table_topline{border-collapse: collapse; border-spacing: 0;}
.table_topline>tbody>tr>th, .table_topline>tbody>tr>td{ padding:8px 5px;}
.table_topline>tbody>tr[first]>th, .table_topline>tbody>tr[first]>td{border:0; padding:5px;}

.table_topline_dt{border-collapse: collapse; border-spacing: 0;}
.table_topline_dt>tbody>tr>th, .table_topline_dt>tbody>tr>td{border-top: 1px solid #ddd; padding:5px;}
.table_topline_dt>tbody>tr:first-child>th, .table_topline_dt>tbody>tr:first-child>td{border:0; padding:5px;}

            
/***************** FOOTER *****************************/ 
#footer1{background-color:rgb(0,30,54); margin-top: 50px;}
    .footer{ color: #fff;}
    .footer .heading_separator{color:#fff;}
    .footer_col{width: 33.3333%; box-sizing: border-box; float: left }
        .footer_col_inner{padding: 20px 60px; color: #fff; }
            .footer_soc_col{padding: 20px 70px;}
            a.footer_soc_link{margin-top: 26px;  font-size: 14px; font-weight: bold;  color: #fff; display: block; padding-left: 80px; line-height: 40px;}
            a#footer_fb_link{ background:rgb(60,90,150) url('../img/icons/fb_sq.jpg') no-repeat left center;}
            a#footer_fb_link:hover{ background:rgba(60,90,150,0.8) url('../img/icons/fb_sq.jpg') no-repeat left center;}
            a#footer_tw_link{ background:rgb(42,164,239) url('../img/icons/tw_sq.jpg') no-repeat left center;}
            a#footer_tw_link:hover{ background:rgba(42,164,239, 0.8) url('../img/icons/tw_sq.jpg') no-repeat left center;}
            a#footer_in_link{ background:rgb(255,255,255) url('../img/icons/in_sq.jpg') no-repeat left center; color:#333;}
            a#footer_in_link:hover{ background:rgba(255,255,255, 0.8) url('../img/icons/in_sq.jpg') no-repeat left center; color:#333;}
            
        div.storeLinkOuter{margin-top: 26px; margin-bottom:26px;}
            a.storeLink{display: block; color:#fff; padding-left: 40px; text-align: center;  line-height: 40px;}
            #StoreLinkGoogle{background:rgb(50, 50, 50) url('../img/icons/google_sq.jpg') no-repeat left center;}
            #StoreLinkGoogle:hover{background:rgb(30, 30, 30) url('../img/icons/google_sq.jpg') no-repeat left center;}
            #StoreLinkApple{background:rgb(50, 50, 50) url('../img/icons/apple_sq.jpg') no-repeat left center;}
            #StoreLinkApple:hover{background:rgb(30, 30, 30) url('../img/icons/apple_sq.jpg') no-repeat left center;}
            
    #footer_logos_cont{padding-top:60px; padding-bottom: 120px; padding-left: 20px; padding-right: 20px; box-sizing: border-box} 
        .footer_logos_col{width: 25%; box-sizing: border-box; float: left; text-align: center; }
            .footer_logos_col a{ display:inline-block;}
                .footer_logos_col img{ height:55px;}
              
    #footer_col3 img{display: block}
#footer2{background-color:rgb(0,19,33)}
    #footer2 .footer_col{padding: 10px; line-height: 30px;}
    #footer2 .footer_col:last-child{text-align:right}
    
#footer3{   background-color: rgb(0,19,33);  font-size: 12px;}
    
/* OGÓLNE */
a{text-decoration: none}
p{margin:5px 0;}
.redbar_under{}
.redbar_under::after {
    background-color: rgb(239, 64, 87);
    content: "";
    display: block;
    height: 4px;
    margin-top: 10px;
    width: 50px;
}

/* FOOTER FB, TW, IN */

.social_cont{position: fixed; right:-320px; top:30%; width:320px; height: 450px;  }
    .social_tab{z-index: 10}
    .social_inner{z-index: 1000; position: relative; background:#fff; }
#fb_cont{}
    #fb_tab{background:url('../img/icons/facebook.png') no-repeat left top; width: 29px; height: 106px; position: absolute; left: -29px; top:0; cursor:pointer;}
    
#tw_cont{}
    #tw_tab{ width: 29px; height: 106px; position: absolute; left: -29px; top:106px; cursor:pointer;
            display: flex;
            justify-content: center;
            border: 1px solid #ccc;
            border-radius: 4px;
            background: white;
    
    }
    
    #tw_tab img{
        width: 20px;
        rotate: 90deg;
    }
    
    #tw_inner{overflow-y: scroll;height: 450px; }
    
#in_cont{}
    #in_tab{background:url('../img/icons/instagram.png') no-repeat left top; width: 29px; height: 106px; position: absolute; left: -29px; top:318px;  cursor:pointer;}
    #in_inner{height: 450px; overflow-y: scroll;  }
        #in_inner_header{padding:70px 10px 10px 10px; text-align: center; border-bottom: 1px solid #ccc; background: url('../img/instagram.jpg') no-repeat center center; background-size: 210px 55px;}
        #in_inner_cont{}
            .in_list_item{padding: 10px;}
                .in_tab_title{color:rgb(13,121,166); font-size: 12px;}
                .in_tab_img{width: 100%;}
                .in_tab_likes{font-size: 12px; padding-left: 20px; padding-top: 2px; background: url('../img/icons/heart24.png') no-repeat left center; background-size: 16px;}
    
#ytb_cont a{ }
    #ytb_tab{background:url('../img/icons/youtube.png') no-repeat left top; width: 29px; height: 106px; position: absolute; left: -29px; top:212px; cursor:pointer;}
    #ytb_inner{height: 450px; overflow-y: scroll;  }
        #ytb_inner_header{padding:66px 10px 10px 10px; border-bottom: 1px solid #ccc; background-image: url('../img/youtube.jpg'), url('../img/radioolsztyntv.jpg'); background-repeat:  no-repeat; background-position:  right 10px top 10px, left top; background-size: 81px 39px,  320px 62px;}
        #ytb_inner_cont{}
            a.ytb_tab_list_item{box-sizing: border-box; display: block; padding: 15px; font-size: 12px; color:#333;  }
            a.ytb_tab_list_item:hover{color: black; background-color: #f3f3f3;}
                .ytb_tab_img{display: block; width: 100%; border-radius: 3px;}
                .ytb_tab_title{ font-weight: bold; line-height:1.2em; max-height: 3.6em; overflow: hidden; text-overflow: ellipsis;
                    word-wrap: break-word;  }
                .ytb_tab_date{font-size: 11px;line-height:1.4em; text-align: right;}
    

/********* NOWE KOLORY RO *****************/
/* niebieski: rgb(13,121,166)
/* czerwony : rgb(239,64,87)
 granatowy: rgb(0,30,54)
*/

/* REKLAMA */

.reklama_top{margin:10px 0;text-align:center;}
.reklama{position:relative; clear:both; background-color:#fff; display:inline-block; *display:inline; zoom:1;}
.reklama_info{font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:9px;position:absolute;padding:0 5px;background: rgb(255, 255, 255) transparent;background: rgba(255, 255, 255, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";}
.reklama .pg{right: 0; top:0;}
.reklama .lg{left: 0;  top:0;}
.reklama .pd{right: 0; bottom:0;}
.reklama .ld{left: 0; bottom:0;}

/* HOME - WSPÓLNE */
.pokaz_wiecej_parent{clear: both; margin-top: 10px;}
.heading_separator{clear:both; text-transform: uppercase; letter-spacing: 4px; font-size:25px; font-weight: bold; margin-top: 70px; margin-bottom: 40px; padding-bottom: 20px; color:#333; text-align: center; border-bottom: 1px solid #ccc;}
.heading_separator::after{content:""; display: block; width:50px; height: 7px; background-color: rgb(239,64,87); margin:0 auto; position: relative; top:24px;}
h1.heading_separator{color:rgb(13,121,166);}

.box3{float:left; width:33.3333%; box-sizing: border-box; padding-right: 8px; padding-left: 8px; margin-bottom: 15px;  }
    .box3 > a{width:350px; height: 200px;}
    .box3 img{width:100%}

.box3:nth-child(3n+1){clear:left}

    h2.box3_posttitle{margin-top: 0; margin-bottom: 20px;}
        h2.box3_posttitle a{color:#333; text-decoration: none; font-size: 15px; line-height: 1.1em;}
        /*h2.box3_posttitle.pilne a{padding-left: 55px; background: url('../img/pilne.png') no-repeat left center; background-size: 50px 20px; }
        h2.box3_posttitle.polecamy a{padding-left: 55px; background: url('../img/pilne.png') no-repeat left center; background-size: 50px 20px; }*/
        h2.box3_posttitle.pilne:before{content:'PILNE'; font-size: 18px; font-weight: 600; color:rgb(239,64,87);}
        h2.box3_posttitle.polecamy:before{content:'POLECAMY'; font-size: 18px; font-weight: 600; color:rgb(13,121,166); }
        
        h2.box3_posttitle a::after{content:""; display: block; width:50px; height: 4px; background-color: rgb(239,64,87); margin-top:10px;}

    .box3_postexc{font-size: 14px; text-align: justify}
    
.box3.box3toshow{display: none}

/* nakładki video, foto, audio*/
.ttlink{display: block; position: relative}
.ttlink.video:after{content:''; position: absolute; bottom:0; right:0; left:0; top:0; background: url('../img/icons/video2.png') no-repeat center center; background-size: 80px;}
.ttlink.audio:after{content:''; position: absolute; bottom: 10px; right:8px; width: 24px; height: 24px; background: url('../img/icons/audio.png') no-repeat;background-size: 24px;}
.ttlink.foto:after{content:''; position: absolute; bottom:10px; right:8px; width: 24px; height: 24px; background: url('../img/icons/foto.png') no-repeat;background-size: 24px;}

.ttlink.artykul_sponsorowany:after{content:'Artykuł sponsorowany'; position: absolute; top: 0; right:0; font-size:9px; font-style:italic; width:auto;  padding:0 5px; height:11px; color:#000; background: rgba(255,255,255, 0.6); }

#aktualnosci_heading{margin-top: 40px;}

/* MAIN CONT */
.cont_w{margin: 0 auto; width:100%; max-width: 1100px; }
.cont{ margin: 50px auto; width:100%;  width:1100px;}
.cont:after{content:''; clear:both; display:block}

#home_top_cont{margin-top: 10px;}

#home_main_cont{position: relative}
    #home_main_foto{position: relative; margin-bottom: 50px;}
        #home_main_foto > a{margin: 0; display: block;}
        #home_main_foto > a > img{margin: 0; display: block;}
        
    #home_main_onair{position:absolute; top: 10px; right: 10px; background-color:rgba(0,0,0,0.6); padding: 10px; color: #fff;}
    
    #home_main_caption{}
        h2.home_main_posttitle{margin:0; padding:10px 0; }
        h2.home_main_posttitle.uwaga{ padding:10px; background-color: rgb(255, 190, 0);}
        h2.home_main_posttitle a{color:#000; text-decoration: none; font-size: 32px;}
        .home_main_postprev{color: #000}

 

        

        
 /* HOME - REGNEWS */
#home_regional_news{}
.wiad_reg_menu_title{margin-bottom: 40px; margin-top: 50px; font-weight: bold; font-size: 19px; color: #333}
.wiad_reg_menu{margin-bottom: 10px; margin-right: 8px; margin-left: 8px; }
    .wiad_reg_menu .regcat{cursor: pointer; font-size: 12px; font-weight: bold; width:10%; box-sizing: border-box; padding:6px 0; border:1px solid rgb(13,121,166); background-color: rgb(13,121,166); color:#fff; display: block; float: left; text-align: center;}
    .wiad_reg_menu .regcat:hover{background:#fff; color:rgb(13,121,166)}
    .wiad_reg_menu .regcat:nth-child(even){ background-color: rgb(11,96,137);  border:1px solid rgb(11,96,137); }
    .wiad_reg_menu .regcat:hover:nth-child(even){background:#fff; color:rgb(11,96,137);  }
    
    .wiad_reg_menu .regcat.sel{background-color: rgb(239,64,87); border:1px solid rgb(239,64,87);}
     .wiad_reg_menu .regcat.sel:hover{ background-color: rgb(239,64,87); color:#fff; }
 
/* HOME - RAGA */
#home_raga{padding-top: 1px;}
.home_graybg_cont{background-color: rgb(13,121,166); padding-bottom: 10px; }

#home_raga .heading_separator{color:#fff; }

    #home_raga_box{overflow: auto}
        #home_raga_left{box-sizing: border-box; width: 65%; float: left}
        #home_raga_right{box-sizing: border-box; width: 35%; float: right}
        
    .utwor{overflow: auto}
        .top3link, .link410{position: relative;  float: left; margin-right: 10px; }
        .top3link{margin-bottom: 15px;}
           
            .yt_ico{position: absolute; top: 5px; right: 5px;}
        .utw_tyt{ font-size: 15px; color: #fff; vertical-align: top; font-weight: bold; }
        .utw_wyk{ font-size: 14px; color: #fff; vertical-align: top}
        
        #home_raga_left .utw_tyt{font-size: 19px;  font-weight: bold;}
        #home_raga_left .utw_wyk{font-size: 17px;}
        
        #home_raga_right  .yt_img{height: 80px;}
         
        
/* HOME - YOU TUBE CHANNEL */    
#home_ytchannel{margin-top: 130px;}
#home_ytchannel .heading_separator{color:#fff;}

#home_ytchannel .wiecej_par{padding-top:10px;}

/* wariant z yt: .av_gallery{width:50%; box-sizing: border-box; float: left} */
.av_gallery{width:100%; box-sizing: border-box; float: left; }
.av_gallery_controls{text-align: center; position: relative; top: -36px;}
.av_gallery_button{ display: inline-block; padding:8px 14px; background-color: #555; color:#eee; cursor:pointer }
.av_gallery_button.active{background-color: red; color:#fff;  }

/* YOUTUBE */    
.ytc_box{ box-sizing: border-box; position: relative; width:46%; margin-right: 2%;  margin-left: 2%; margin-bottom: 4%; float: left; display:block;  }
.ytc_box:nth-child(2n+1) {clear:left}
    .ytc_box .ytc_title{font-size: 14px; font-weight: bold; color: #fff; height: 36px; overflow: hidden; display: block}
    .ytc_box .ytc_img{width:100%}
    
.ytc_box:after{content:''; position: absolute; bottom:0; right:0; left:0; top:0; background: url('../img/icons/video2.png') no-repeat center calc(50% - 18px) ; background-size: 60px;}

    

/* GALERIE */    
#home_gallery_outer{height:410px; overflow: hidden; position: relative }
#home_gallery_cont{position: absolute; width: 100%;}

/* wariant z yt: .gal_box_outer{position: relative; width:46%; margin-right: 2%;  margin-left: 2%;  margin-bottom: 4%; float: left; } */
.gal_box_outer{position: relative; width:20%; margin-right: 2%;  margin-left: 2%;  margin-bottom: 4%; float: left; }
a.gal_box{color:#fff; font-size: 14px; font-weight: bold; }
.gal_box_first{box-sizing: border-box;  display:block;}
.gal_box_first:nth-child(2n+1) {}
.gal_box_rest{display:none}
    .gal_box .gal_title{font-size: 16px; color: #fff; height: 2em; line-height: 2em; overflow: hidden}
    .gal_box .gal_img{width:100%;}
    .gal_box .gal_name{display: block; height: 36px;}
    .gal_foto_count{position: absolute; top: 5px; right: 5px; font-size: 16px; font-weight: bold; color: #fff; text-shadow:1px 1px 2px #000; padding-right: 24px; 
    background: url('../img/cam48w.png') no-repeat right center; background-size: 20px;}

/* HOME - BOTTOM COLS - audycje */   
#home-bottom .box3{}
#home-bottom .box3 .posttitle a{color:#333;}
#home-bottom .catname {font-size: 18px; color:#333; font-weight: bold; }
#home-bottom .catname::after{content:""; display: block; width:50px; height: 4px; background-color: rgb(239,64,87); margin-top:10px; margin-bottom:10px;}

    h2.box3_audtitle{margin-top: 0; margin-bottom: 10px;}
        h2.box3_audtitle a{color:#333; text-decoration: none; font-size: 16px; line-height: 1.1em;}
        .audycje_wiersz{margin-top: 50px;}
        .audycje_box{}


        .audycje_box p a{color: #333;}
    
    
/* wspólny header z obrazkiem: RAGA, KALENDARIUM itp */
.header_image{height: 300px;  padding: 5px; position: relative}
    .header_image .tekst{position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 30px; color: #fff; background-color: rgba(0,0,0,0.6)}
        .header_image .tekst h1.tytul{font-size: 22px;  font-weight: normal;text-transform: uppercase}
        .header_image .tekst .tresc{font-size: 15px; line-height: 20px; max-height: 50px; overflow: hidden}

#header_raga{  background:url(../img/bg/lista.jpg) no-repeat; background-size: cover;}
#header_kalendarium{  background:url(../img/bg/kalendarium.jpg) no-repeat; background-size: cover;}
    
    
/* RAGA */
#raga{overflow: auto}
#raga .lcol{width: 73%; box-sizing: border-box; float: left }
#raga .pcol{width: 24%; box-sizing: border-box; float: right }

h2.notowanie_tytul{font-size: 40px;}

/* .raga_utwor{width: 50%; box-sizing: border-box; float: left; margin-bottom: 30px; } */
/* .raga_utwor:first-child{width: 100%; box-sizing: border-box;} */
.raga_utwor{clear:left; position: relative; overflow: auto; padding: 10px;  } 
.raga_utwor.strefa_spad{background-color:#eee}
.strefa_spad_sep{background-color:#eee; font-style: italic; color: #777; padding: 5px 10px; font-size: 22px;}


    /* miejsce */
    .rg_miejsce_zmiana{float: left; width: 65px; margin-right: 10px; text-align: right}
        h2.miejsce{font-size: 54px; margin-top:0; margin-bottom: 0}
       .raga_utwor:first-child  h2.miejsce{font-size: 90px;} 
       .zmiana{font-size: 20px; color: #555;}
       .tygodni{font-size: 10px; color:#555; margin-top:10px;}
       .komentarz{font-size: 10px; color: #555;  margin-top:10px;}

    /* obrazek */
    .rg_yt{float: left; position: relative}
      .zobacz_ln{cursor: pointer}

    /* tresc */
    .rg_tresc{margin-left: 25px; float:left; max-width: 44%}
    .raga_utwor:first-child .rg_tresc{margin-left: 75px; max-width: none;}
        .glosuj{ margin-top: 10px; margin-bottom: 20px; display: inline-block}
        .utwor_tytul a{font-size: 24px; color: #000; display:inline-block}
        .wykonawca a{font-size: 24px; color: #444;  display:inline-block}
       .posluchaj_cont{padding-top: 3px;}

#raga .yt_ico{height: auto; width: auto;}
         

#raga .posluchaj_ln{font-size: 11px; }
#raga .poczekalnia .button{font-size: 11px; padding: 7px 16px; display: inline-block; margin-bottom: 3px; }
 
    
/* captcha */
#captcha{}
    .odblokuj_tx{}
    .odblokuj_bt{}
    
    
/* poczekalnia */
#pokaz_pocz_bt_ct{display: none}
tr.poczekalnia_tr td{}
h2.tytul{font-size: 38px;}
.pr_tytul{font-size: 20px; color: #000;}
.pr_wykonawca{font-size: 15px; color: #444;}

/* archiwum */
.archiwum{}
   .archiwum a{color:#333; font-size: 20px; display:block; margin-bottom: 10px;}
   .archiwum a:hover{color:#777}

/* ed */
.notowanie_table{margin-top:30px;}
    .notowanie_table td{padding:15px 1px;}
    
    
/* KALENDARIUM */
#kalendarium{overflow:hidden }


    /* edycja */
    #kal_edit{ margin-top: 20px;}
        #tytul_kal{width: 50%; height: 100px; font-family: arial; }
        #data_kal{padding: 8px; border: 1px solid #ccc;}
        #data_koniec{padding: 8px; border: 1px solid #ccc;}
        #dzial_kal{padding: 8px; border: 1px solid #ccc;}
    

    /* filtry */
    #kal_filtry{ float: right; position: relative; top:30px;}
        a#kal_data{cursor: pointer; font-size: 12px; color:#333; border:1px solid #ccc; padding: 5px; width: 100%; text-align: center; display: block; box-sizing: border-box;}
        a#kal_data:hover{background-color:#eee}
        select#dzial{  font-size: 12px; color:#333;  border:1px solid #ccc;  padding: 5px ;  }
    
        /* kalendarz */
        #kalendarz_outer{display: inline-block; position: relative; z-index: 1000 }
        #kalendarz{position: absolute; top:-20px; right:-140px; background: #fff; padding: 10px;  }
    
        .kal_link{border:1px solid #ccc; cursor: pointer; padding: 2px 5px; border-radius: 50%; min-width: 2ch; line-height: 2.5ch; display: inline-block; text-align: center; }
        .kal_link:hover{border:1px solid red;}
        .kal_link.sel{border:1px solid red;}

 
    #kalendarium_wyniki{color:#555; text-align: center;}
        #kalendarium_wyniki .rok{font-weight: bold; letter-spacing: 3px; text-align: center; text-transform: uppercase; margin-top:60px; font-size: 22px;}
        #kalendarium_wyniki .region{text-align: center;  font-weight: bold; letter-spacing: 3px; text-transform: uppercase;font-size: 17px;}
        #kalendarium_wyniki .tresc{text-align: center; max-width: 600px; margin:30px auto 0 auto; font-size: 15px; line-height: 22px;}

   
    
    
    
    
/* RAMÓWKA */
#ramowka{ border-spacing: 0; font-size: 13px; }
#ramowka div { }
    #ramowka .image_tr div{}
        #ramowka .image{ width:160px; height:160px; }

    

    
    
    #ramowka .mainp div{background-color: rgb(13,121,166); }
    #ramowka .mainp  .title_nolink{color:#fff; }
    #ramowka div.onairTx{font-size:18px; position: absolute; top:12px; left: 5px; right: 0}

    #teraz_gramy div.image{  width:60px; height:60px; }
    .ramowkaItemInner{ padding: 7px 0;}
    .ramowkaItemHover:hover{background-color: #eee;}
        .ramowkaTitleLink, .ramowkaTitleNoLink{font-size:17px;}
        
        a.ramowkaTitleLink:hover{text-decoration: underline;}
        .ramowkaItemHeader{}
            .ramowkaItemInner a.ramowka_rozwin{float:right; padding-right: 24px; background:url(../img/icons/arrow-down.svg) no-repeat right center; background-size: 20px; }
            .ramowkaItemInner.open a.ramowka_rozwin{ background:url(../img/icons/arrow-up.svg) no-repeat right center; background-size: 20px; }
        .ramowkaItemOpis{display:none;}
        
        .ramowkaItemOpis p{
            font-size: 15px; line-height: 1.5em; margin: 15px 0;
        }
        
        #ramowka .onair .ramowkaItemInner{
            position: relative;
        }
        
        #ramowka .onair div{
            background-color: rgb(239, 64, 87); position: relative; 
            color:#fff;
        }
        
        #ramowka .onair a{
            color:#fff;
        }
        

        #ramowka  .ramowka_onair_badge{
            display:inline-block; 
            background: #fff;
            color:rgb(239, 64, 87);
            padding:3px 6px; margin-left: 10px;
        }

    #ramowka .autorzy_show{padding-bottom: 20px; }
    
    ul#date_links{padding-bottom:30px;}
        ul#date_links li .cal_link{padding: 3px; font-size: 13px; font-weight: bold; text-align: center; display: block; color: #fff; float: left; width: 14.28%; box-sizing: border-box; border:1px solid rgb(13,121,166); background-color:  rgb(13,121,166); }
        ul#date_links li .cal_link:hover{background-color:#fff; color:rgb(13,121,166)}
        ul#date_links li .cal_link.selected, ul#date_links li .cal_link.selected:hover{background-color: rgb(239, 64, 87); color: #fff; border:1px solid rgb(239, 64, 87);}

 
        
        /* AUTORZY */
.title_link, .title_nolink{font-size: 20px !important;}
    



/******************************* KOMENTARZE ******************************/
.comments{font-size: 12px;}
    .comments h2{clear:both; text-transform: uppercase; letter-spacing: 4px; font-size:25px; font-weight: bold; margin-top: 70px; margin-bottom: 40px; padding-bottom: 20px; color:#333; text-align: center; border-bottom: 1px solid #ccc;}
    .comments h2::after{content:""; display: block; width:50px; height: 7px; background-color: rgb(239,64,87); margin:0 auto; position: relative; top:24px;}

    
    .comments h2, .comments h3{margin: 10px 0; color: rgb(13,121,166) }
    .comment-body{margin:30px 0;}
        .comment-meta{display: inline-block; float: left; margin-right: 5px; }
        .comment-author{display: inline-block}


/******************************** SINGLE ********************************/
#post{}
    .content{width:60%; box-sizing: border-box; float:left}

        .single_postmeta{margin-top:40px;}
            .postmeta_date{padding-left: 30px; color: #555;  background: url('../img/icons/cal.jpg') no-repeat left center;}
            .postmeta_tag{padding-left: 30px; color: #555;  background: url('../img/icons/tag.jpg') no-repeat left center;}
                .postmeta_tag a{color: #555;}
                
        h1.entry_title{font-size: 22px; color: #333; margin-top: 40px; margin-bottom: 20px;}
        h1.entry_title::after {
            background-color: rgb(239, 64, 87);
            content: "";
            display: block;
            height: 4px;
            margin-top: 10px;
            width: 50px;
        }
        
        .post{text-align: justify; color: #333;}
            .post-edit-link{font-size: 12px; color: blue; display: inline-block; padding-left: 20px; margin-top: 10px; line-height: 25px; background: url('../img/icons/edit.png') no-repeat left center;}
            .post p{margin-bottom: 20px; line-height: 1.4}
            
            /* related post */
            .wp_rp_content{margin-bottom: 50px;}
                .related_post_title{clear:both; text-transform: uppercase; letter-spacing: 4px; font-size:25px; margin-top: 70px; margin-bottom: 40px; padding-bottom: 20px; color:rgb(13,121,166); text-align: center; border-bottom: 1px solid #ccc;}
                .related_post_title::after{content:""; display: block; width:50px; height: 7px; background-color: rgb(239,64,87); margin:0 auto; position: relative; top:24px;}
                ul.related_post{margin: 0; padding:0;}
                ul.related_post::after{content: ""; display: block; clear: both; }
                   ul.related_post li{width: 150px; margin-right: 15px;  box-sizing: border-box; float: left; list-style: none; line-height:96%} 
                   ul.related_post li:last-child{}
                   ul.related_post li img{display: block; }
                    .wp_rp_title{color:#333; font-size: 11px; line-height: 11px; font-weight: bold}
                    #wp_rp_edit_related_posts{display: none}
                    .wp_rp small{display: none}
      
                    
/******************************** SIDEBAR ********************************/
#sidebar{width:35%; box-sizing: border-box; float:right}
/*
    #newsletter_form{width:100%; display: block;}
        #newsletter_tx{width: 65%; color:#555; margin-right: 3%; display: inline-block; box-sizing: border-box; padding:10px; border:1px solid #ccc; vertical-align: middle; }
        #newsletter_submit{width: 30%; cursor: pointer; display: inline-block; box-sizing: border-box; padding:10px; color: #fff; background-color:rgb(13,121,166); border: 0; vertical-align: middle; }
        #newsletter_submit:hover{background-color: #aaa}
*/
.wysija-paragraph{display: inline-block; width: 65%; box-sizing: border-box; vertical-align: middle; }
.wysija-input{color:#555; width: 100%; margin-right: 3%; display: inline-block; box-sizing: border-box; padding:10px; border:1px solid #ccc; vertical-align: middle; }
.wysija-submit{width: 30%; cursor: pointer; display: inline-block !important; box-sizing: border-box; padding:10px; color: #fff; background-color:rgb(13,121,166); border: 0; vertical-align: middle; }

    #post_tabs{margin-top:60px;}
        .tabs{}
            .tabs li a{cursor: pointer; font-size: 15px; font-weight: bold; text-align: center; float:left; box-sizing: border-box; width: 33.3333%; padding:10px 0; background-color: #fff; border-bottom: 1px solid #aaa; color: #333;}
            .tabs li a:hover{  background-color: #aaa; border-bottom: 1px solid #aaa; color: #333;}
            .tabs li a.sel{color: #fff; background-color:rgb(13,121,166);  border-bottom: 1px solid rgb(13,121,166);   }

        .tab_cont{display: none;}
        .tab_cont:first-child{display: block;}
            .tab_cont li {padding: 16px; border: 1px solid #ccc; border-top:0; position: relative; text-align: justify}
                .tab_cont li a{color:#333; font-size:15px; }
            

    #post_cal{margin-top: 60px;}
        #calendar_wrap{padding: 20px; border:1px solid #ccc;}
            #wp-calendar {width: 100%;}
                #wp-calendar caption { color: #222;font-size: 18px; text-transform: uppercase; text-align: center;  font-weight: bold; padding-bottom: 16px; padding-top: 20px; border-bottom: 1px solid #ccc; margin-bottom: 14px; }
                #wp-calendar thead {font-size: 18px;  font-weight: bold; color: #333;}
                #wp-calendar thead th {text-align:center;}
                #wp-calendar tbody {color: #555;}
                #wp-calendar tbody td { padding: 5px 1px; font-size: 18px;  font-weight: bold;  text-align: center;}
                #wp-calendar tbody td a{color: rgb(239,64,87)}
                #wp-calendar tbody .pad {background: none;}
                #wp-calendar tfoot #next {text-align: right;}
                    
                    
/******************************** CATEGORY ********************************/
#category{}
   article.abox {width:50%; padding-right: 8px;  box-sizing: border-box; float: left}
   article.abox:nth-child(even){padding-left: 8px;}
   article.abox:nth-child(2n+1){clear:left}

        article.abox .date{padding-left: 30px; position: relative; font-size: 17px; color: #555; margin-top: 20px; margin-bottom: 30px;  background: url('../img/icons/cal.jpg') no-repeat left center; }
        article.abox .date::after {
            background-color: rgb(239, 64, 87);
            content: "";
            display: block;
            height: 4px;
            position: absolute;
            top:35px;
            left: 0;
            width: 50px;
        }
        article.abox img{width:320px; height: 200px;}
        article.abox .clink{font-size: 20px; font-weight: normal; display: block;  line-height: 22px; overflow: hidden;  color: #333;}
        article.abox .cexcerpt{font-size: 16px; line-height: 20px; font-weight: normal; overflow: hidden; text-align: justify; color: #333;}
        
    .pagination{margin-top:30px;}
    .pagination .page-numbers{
            padding: 6px 10px;
            border: 1px solid rgb(13,121,166);
            background-color: rgb(13,121,166);
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 15px;
    }
    .pagination .page-numbers.current, .pagination .page-numbers:hover{
            border: 1px solid rgb(13,121,166);
            background-color: #fff;
            color: rgb(13,121,166);
  
    }
  
        
/******************************** PAGE ********************************/

#page{}
    #page p, #page td{text-align: justify; margin-bottom: 20px; color: #333; line-height: 1.4;}
    
    
/* RAGA - zarzadzanie */
.ro_admin_cont{margin:0 50px; font-size: 14px;}
#utworz_notowanie_modal{border:1px solid #ccc; padding:10px; background-color:#FFFFFF; }
#utworz_notowanie_modal.bt_bar{text-align:right}
#utworz_notowanie_modal .title{font-weight:bold; font-size:16px;}
#utworz_notowanie_modal .cont{min-height:120px;}
ul#lista_do_usuniecia{margin:0; padding:0}
ul#lista_do_usuniecia li{margin:5px 0}
tr.wystawione td{background-color:#BBF7E0} 

/* RAGA- edycja */
.edytuj_utwor_cont, .uzup_youtube_cont{padding:5px; border:1px solid #ccc; line-height:normal }
.edytuj_utwor_cont div{margin:3px 0}
.lp_sbox{ margin-right: 10px; margin-top:10px;}
    .lp_sbox input[type='text']{padding:5px}

/* RAGA */
.wybierz-utwor{color:#444; cursor:pointer}
.utwor-wybrany{color:#888};
.utwor-wybrany:hover{text-decoration:none}
#simplemodal-container {overflow:hidden; z-index: 100002 !important;}