@media (max-width: 576px) {  
button.slick-next.slick-arrow {
    display: none!important;
}
}
 
body {
    
        font-family: Roboto;
    
    
}


div#pasek {
    background: #8080802e;
}


div#pasek .winieta_margines{
    
 
    
    
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 26px;
    margin-bottom: 46px;
    margin-top: 172px;
}


div.col-md-9.kolumna_slideshow {
    
    
    
    padding:0px!important;
    
    
}







 
#ajaxloader1 { display:none }





.glowna .artykul {


margin: 40px 0 1px 0px;  
    
}

.glowna .artykul img , .artykul .ramka_foto {
    
    background: linear-gradient(180deg, #000000 0%, rgba(21, 21, 21, 0.46) 0.01%, rgba(255, 255, 255, 0) 100%), url(11393283_838282402925588_5619455914783763311_o.jpg), url(Checker.png);
border-radius: 1px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    
    
}

.glowna .artykul .data { font-weight: bold;
    font-weight: bold;
    font-size: 13px;
    /* line-height: 27px; */
    display: block;
    color:  #8080803d;
    margin-top: 40px;


}

 

.glowna .artykul .text {
    
    height: 6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    
    
}


.artykul a.wiecej {    color:   #8080803d ;  display: block; text-align: right; }


.glowna .artykul a.wiecej::before {
    display: block;
    content: "";
    width: 87%;
    border-bottom: 1px solid  #8080803d;
    margin-top: 22px;
    margin-bottom: -8px;
    
}


.glowna .artykul .ramka_foto {  
    width: 100%;
    height: 174px;
    background: #00000014;
}

.artykul  h1 a {
    
    
 
font-style: normal;
font-weight: bold;
font-size: 19px;
       margin-bottom: 4px;  
    
    
   
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
 
    margin: 7px 0 25px 0;
        min-height: 2em;
    
}

.glowna .artykul p {
    
    

font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;

color: #4A4A49;
    
    
}
.glowna a.wiec {
    display: block;
    text-align: right;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    clear: both;
    width: 100%;
    margin: 118px 0;
    /* opacity: .6; */
}




/* belka boczna kalendarz */
div#kalendarz_boczny {
    
}

#kalendarz_boczny .naglowek {
position: relative;    
margin: 30px 0 10px 0 ;
    border-bottom: 1px solid rgba(196, 196, 196, 0.55);
    
    
    
}

#kalendarz_boczny .naglowek .miesiac{
font-weight: 200;
font-size: 38px;
line-height: 51px;
  color: #4790D5;


}

#kalendarz_boczny .naglowek .rok  {
 
    position:absolute;
    top: 0px;
    right: 0px;
    font-size: 14px; opacity: .6;
    
    
    
}


#kalendarz_boczny a.next , #kalendarz_boczny a.prev {
    
    
    position:absolute;
    bottom:  6px;
    right: 0px;
    font-size: 24px;
    
     
}
#kalendarz_boczny a.prev { right: 30px ; opacity: .3   }
 

#kalendarz_boczny .wydarzenia {
    width: 100%;
    min-height: 141px;
}




#kalendarz_boczny .wydarzenia .linia_k {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: solid 1px #a0b8b052;
    padding: 10px 0 10px 0;}
#kalendarz_boczny .wydarzenia .linia_k .kalendarium {    
    display: flex;
    flex-direction: column;
    
}

#kalendarz_boczny .dz {
    font-size: 38px;
    color: black;
    margin: 0px 0 1px 0;
    width: 56px;
     
}

#kalendarz_boczny .dzs {
    
    font-weight: 200;
font-size: 18px;
line-height: 21px;
 

    
}

 #kalendarz_boczny .swieto .dzs { color:red}
#kalendarz_boczny .event .hour {
    font-weight: 800;
    margin-top: 11px;
    font-size: 12px;
}
#kalendarz_boczny .rzymskie {     
    display: flex;
    justify-content: space-evenly;
    margin: 14px 0;   } 
#kalendarz_boczny .rzymskie div.numer.zaznaczone { font-weight: bold}






h1.tytul {
    
    
    font-weight: bold;
font-size: 28px;
line-height: 36px;

/* blak */

 color: #4A4A49;
    margin: 78px 0 20px 0;
    
}


.gallery .album a img { width: 100% ; height: auto; max-height: 300px; min-height: 50px;}

.gallery p.title {
    font-size: 18px;
    line-height: 21px;
    margin: 20px 0;
    
    font-weight: bold;
}

.gallery .album .bottom { opacity: 1; font-size:22px;   }








/* ---------------------- slider kafelki */
 .slider2 {
        width: 100%;
        margin: 100px 0;
     
     max-height: 248px; 
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }


.slider2 img { width: 330px; height: auto}
.slider2 .cegla {  }
.slider2 .cegla h1 { width: 330px ; 
font-style: normal;
font-weight: bold;
font-size: 19px;
 
    
    line-height: 23px;
    color: #4A4A49;
    margin-top: 6px;
 
}
.slider2 .data { 
    margin-top: 23px;
    display:block;
      color: #C65453;
}
.slider2 .cegla .fa-camera {
    /* display: block; */
    font-size: 204px;
    text-align: center;
    display: block;
    opacity: .4;
}


.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size:  37px;
    line-height: 1;
    opacity: .75;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next:before {    content: '»';}
.slick-prev:before { content: '«';}
.slick-prev { left: -50px;      }
.slick-next { right: -50px;   }

 
.video a.wiecej2 {
    color: #777369;
    display: block;
    font-size: 17px;
    border-top: solid 1px #777369;
    margin: 126px 0px;
    z-index: 1111;
    position: inherit;
    line-height: 53px;
    text-align: right;
}


/* -------------------------- */
ul#ui-id-1 {
    background: white;
    padding: 20px;
}

li.ui-menu-item {
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #8080807a;
    list-style: none;
}




.articleFooter {
    display: block;
    border-top: solid 1px #80808029;
    min-height: 119px;
}


.articleFooter a {  color: gray; font-size: 18px;     }

.articleFooter .icon-left   { float: left}

.articleFooter .icon-left i { padding-right: 20px; }

.articleFooter .icon-right   { float: right }
.articleFooter .icon-right i { padding-left: 20px; }
a#up {
    display: block;
    width: 50px;
    /* border: solid 1px gray; */
    text-align: center;
    height: 51px;
    border-radius: 89px;
    background: white;
    margin-top: -27px;
    margin: -25px auto 0 auto;
    padding-top: 14px;
}







/* galeria */


.okladka {
  
    height: 100%;
    margin-bottom: 41px; min-height: 300px; 
}
 


.okladka img {
    width: 100%;
    height: auto;
    margin-top: 20px;
    border-radius: 0px 11px 1px 11px;
    background-size: 100%;
    background-position: center center;
    transition: background 1s;
    border: solid 1px #00000021;
}

.okladka img:hover {background-size: 120%!important;}
.okladka h2 {
    
    font-size: 21px;  
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2em;
    margin-bottom: 20px; 
}

.okladka    span {
    display: block;
    font-size: 13px;
    color: #8080804f;
    line-height: 21px;
}

.okladka    span  i { padding-right: 10px }

.okladka .news_opis2 {
    padding: 20px;
    background: white;
    min-height: 169px;
    box-shadow: 1px 1px 9px #00000052;
    border-radius:11px 0px 11px 0px;
}








