@media only screen and (max-width: 1800px) {

  .wrapper-big{
    width: 96%;
    padding: 0;

}



}



@media only screen and (max-width: 1600px) {



#logo-strefa .wrapper, #Toptop .wrapper{
    width: calc(100% - 20px);
    }

  #nps{
    top: 170px;
 z-index: 1000;
  }


  a.logo{
left: 155px;
  }

  


/* ------------------------ PREZENTACJA KATEGORII ---------------------------- */

.kat-prez{
height: 600px;
}


.kat-prez-txt{
width: 35%;
padding: 60px 60px 0 80px;
font-size: 20px;
}


.kat-prez-txt h3{
font-size: 56px;
margin-bottom: 30px;
}

.kat-prez-txt h4{
font-size: 28px;
margin-bottom: 30px;
}



.kat-prez-img{
width: 65%;
}


.kat-prez-txt ul{
margin-top: 30px;
padding-left: 20px;
}

.kat-prez-txt li{
padding-top: 5px;
padding-bottom: 5px;
font-size: 26px;
}


/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */



/* ---------------------------PODKATEGORIE STRONA ------------------------------- */

.kat-sub{
    height: 700px;
}



.kat-text-left, .kat-text-right{
padding: 5px 30px;
}




/* ------------------------------- ARTYKUŁY ----------------------------------*/


/* -----------------------karta ------------- */



.action-box{
height: 70px;
line-height: 70px;
padding: 0 40px;
}


#art-soc-ico{
height: 70px;
line-height: 86px;
}

a#art-zapytaj{
font-size: 36px;
}

a#art-mail{
background: #B29376 url('../img/ico-mail.png') no-repeat 44px center;
font-size: 28px;
padding-left: 120px;
}

a#art-tel{
background: #3a2824 url('../img/ico-tel.png') no-repeat  44px center;
font-size: 28px;
padding-left: 120px;

}

.p-telefon{
    font-size: 54px;
  }





.galh-1{
    height: 500px;
}
    
    
 .galh-2,  .galh-3{
    height: 500px;
}
    
.galh-4{
    height: 500px;
 }




 .box-f-image{
    height: 220px;
  }
  





/* ------------------------- GALERIA --------------------------------------------- */

#gal-txt{
height: 680px;
}

#gal-txt ol{
padding-left: 80px;
}

#gal-txt li{
padding: 14px 0;
padding-left: 26px;
font-size: 20px;
}

.gal-1{
height: 680px;
}

.gal-2{
height: 680px;
}

.gal-3{
height: 340px;
}

.gal-4{
height: 340px;
}

.gal-5{
height: 340px;
}

.gal-6{
height: 340px;
}

.gal-7{
height: 680px;
}

.gal-8{
height: 340px;
}

.gal-9{
height: 340px;
}

/* -------------------------  GALERIA artykuly --------------------------------------------- */





}




@media only screen and (max-width: 1500px) {


  .gal-list-img{
    height: 300px;
  
  }



  .galeria-art{
  height: 280px;
  }

  .galeria-wrap .galeria-art{
  height: 280px;
  }
  
  .galeria-art-b{
    height: 586px;
  }
  




}




@media only screen and (max-width: 1400px) {


  #kontrast-menu{
    padding: 20px 0;
  
  }
  
  #kontrast, #czcionka{
    height: auto;
  }


  #kontrast > b, #czcionka > b{
    display: block;
    font-size: 16px; 
    line-height: 1.2;
    margin: 0 0 5px 0;
  }


      #swipper-nav-r{
        right: calc(50% - 500px);

  }







#FrsInb{
  padding: 80px 0;
  background-position: calc(100% + 120px);

}


#swn{
  right: 10px;

}

#swp{
  left: 10px;

}




.gala-h{
  width: 20% !important;

}







.flex-text, .flex-text-p{
  width: 50%;
  padding: 100px 75px;
margin-left: 0;
margin-right: 0;
}












/* ---------------- HOME -------------------------*/




.h-text-right{
padding-left: 3%;
padding-right: 7%;
}


.h-text-left{
    padding-right: 3%;
    padding-left: 7%;
}





.galh-1{
    height: 460px;
}
    
    
 .galh-2,  .galh-3{
    height: 460px;
}
    
.galh-4{
    height: 460px;
 }



/* ------------------------------ PRODUKTY *-------------------------*/

.galeriaProdukty{
    padding: 80px 25px 25px 25px;
    }
    
      
      .g-img-prod{
           height: 110px;
        }



        .p-text-right{
            padding-left: 40px;

            }
            
            .p-text-left{
                 padding-right: 40px;

              }
        













/* ------------------------ PREZENTACJA KATEGORII ---------------------------- */

.kat-prez{
height: 500px;
}


.kat-prez-txt{
width: 35%;
padding: 50px 50px 0 60px;
font-size: 18px;
}


.kat-prez-txt h3{
font-size: 50px;
margin-bottom: 25px;
}

.kat-prez-txt h4{
font-size: 22px;
margin-bottom: 25px;
}



.kat-prez-img{
width: 65%;
}


.kat-prez-txt ul{
margin-top: 25px;
padding-left: 20px;
}

.kat-prez-txt li{
padding-top: 5px;
padding-bottom: 5px;
font-size: 22px;
}


/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */




/* ------------------------- GALERIA --------------------------------------------- */

#gal-txt{
height: 600px;
}

#gal-txt ol{
padding-left: 60px;
}

#gal-txt li{
padding: 13px 0;
padding-left: 18px;
font-size: 18px;
}

.gal-1{
height: 600px;
}

.gal-2{
height: 600px;
}

.gal-3{
height: 300px;
}

.gal-4{
height: 300px;
}

.gal-5{
height: 300px;
}

.gal-6{
height: 300px;
}

.gal-7{
height: 600px;
}

.gal-8{
height: 300px;
}

.gal-9{
height: 300px;
}







/* -------------------------  GALERIA artykuly --------------------------------------------- */




/* ---------------------------PODKATEGORIE STRONA ------------------------------- */

.kat-sub{
    height: 600px;
}



.kat-text-left, .kat-text-right{
padding: 5px 25px;
}



.kat-sub h3{
font-size: 20px;
margin-bottom: 24px;
}



.kat-sub h3 > span{
bottom: -7px;
}

/* ---------------------------- DOKUMENT ---------------------------------------*/


.doc-wh-lewy{
padding: 0 60px 0 80px;
}



.doc-wh-prawy{
padding: 0 80px 0 60px;
}




.box-f-image{
    height: 200px;
  }





/* ------------------------------- ARTYKUŁY ----------------------------------*/
/* --------------- lista ------------------*/



    

  
/* -----------------------karta ------------- */




.action-box{
height: 70px;
line-height: 70px;
padding: 0 30px;
}



a#art-zapytaj{
font-size: 30px;
}

a#art-mail{
background: #B29376 url('../img/ico-mail.png') no-repeat 34px center;
font-size: 24px;
padding-left: 100px;
}

a#art-tel{
background: #3a2824 url('../img/ico-tel.png') no-repeat  34px center;
font-size: 24px;
padding-left: 100px;

}




















.motto{
font-size: 34px;
}


#swsp, #swsn{
  top: auto;
bottom: 0;

}


}






@media only screen and (max-width: 1340px) {



    







    .wrapper{
        width: 96%;
        margin: 0 auto;
        }


    

        .galeria-art{
          height: 260px;
          }
        
          .galeria-wrap .galeria-art{
          height: 260px;
          }
          
          .galeria-art-b{
            height: 546px;
          }

        #bg-1, #bg-2, #bg-3, #bg-4{
          width:7%;
            }
          
       

















        #FrsInb{
          padding: 60px 0;
          background-position: calc(100% + 140px);
        
        }
        
        

        




            #topikonki{
                    right: 30px;
            }




     


            #home-act-txt, #Home-Info-right{
              width: 60%;
  
            padding: 60px;
      
            }










}


@media only screen and (max-width: 1240px) {

  #HomeTop-flex{
width: 100%;
  }

  .hometop-inc{
    width: calc(50% - 200px);
   }


.hometop-inc-pad-sw{
  width: 400px;
}








  .galeria-art{
    height: 220px;
    }
  
    .galeria-wrap .galeria-art{
    height: 220px;
    }
    
    .galeria-art-b{
      height: 466px;
    }








  #Home-metryka{
    right: 2%;
  bottom: 40px;
  }

  #Home-metryka p{
   font-size: 28px;
  }



  #Toptop{
display: none;
  }
  #logo-strefa{
    height: 70px;
  }


  #logo-strefa.scrl{
    background:transparent;
    border: 0;
    position: absolute;

        }
        #logo-strefa{
          top: 0;
        }


   
        #ls-top{
          height: 70px;
          top: 0; 
          position: absolute;

        }


        #HomeTop{
        
          height: calc(100vh - 70px);
 
        }


      
        a.logo{
          height: 60px;
          background-size: 40px auto;
          font-size: 10px;
          padding: 13px 0 0 0;
          left: 90px;
         }  

          
 a.logo span{
    font-size: 18px;

  }

  #godlo{
    width: 100px;
    height: 100px;
    left: -100px;
    top: -3px;
  }



/* ---------------- MENU TOP ---------------*/

#tgmenu{
  display: block;

   }


#MenuTop{
  position: fixed;
  z-index: 10000 !important;
  top: 0;
  right: -300px;
  left: auto;
 width: 300px;
  height: 100%;
  height: 100vh;
  text-align: left;
  overflow-y: auto;
  padding: 0;
  background: #fff;
 z-index: 10000000;
  }

  #MenuTop .wrapper{
    margin: 0;
    padding: 0;
    width: 100%;

  }



  
  #MenuTop.scrl{
    height: 100vh;
  }




  #MenuTop  >  ul > li  >  a:after, #MenuTop  >  ul > li  >  a.click:after{
  display: none;
  }

  #MenuTop  > ul{ 
      text-align: left;
      margin: 0;
      padding: 0;
  }

      
  #MenuTop  > ul > li{
      display: block;
      margin: 0;
      padding: 0;
      height: auto !important;
      }
      
      
      
      #MenuTop   > ul > li > a {
        text-align: left;
      font-size: 16px;
      padding: 16px 20px;
      line-height: 1.2 !important;
       margin: 0;   
      border-bottom: solid 1px #d6d5d5;
      height: auto !important;
      display: block;
      -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
      }

     



      #MenuTop  >  ul > li  >  a:hover{
        text-decoration: none;
       

      }
      
      
      
      
      #MenuTop >  ul > li  >  a.click{
        text-decoration: none;
       
          
      }
      
     
#MenuTop  > ul > li.drpdwn:hover span{
  display: none;

}



#MenuTop  > ul > li.drpdwn > div{
  display: block;
  position: relative;
  background: transparent;
  border-top: 0 !important;
width: 100%;
padding: 0;
left: 0;
right: 0;
margin: 0;
top: auto !important;
visibility:visible; 
display: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}




#MenuTop.scrl > ul > li.drpdwn > div{
  top: auto !important;

}









#MenuTop  > ul > li.drpdwn div > ul{
width: 100%;

}

#MenuTop  > ul > li.drpdwn div  > ul a{
  text-align: left;
  font-size: 13px;
  padding: 16px 20px 16px 40px;
  line-height: 1.2;
   margin: 0;   
  border-bottom: solid 1px #d6d5d5;
  height: auto !important;
  display: block;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

#MenuTop  > ul > li.drpdwn  div > ul li:last-child a{
  border-bottom: solid 1px #d6d5d5;
}



#MenuTop  >  ul > li.drpdwn  div ul a:hover{
background: transparent;
text-decoration: none;
}



#MenuTop > ul > li.drpdwn  div ul a.click{
  text-decoration: none;
  background: transparent;
    
}


























  .hbi{
    font-size: 18px;
    padding: 0 60px 0 20px;
  }







  .flex-text, .flex-text-p{
    padding: 50px;

  }
  





    .realizacje{
      height: 240px;
     }


     .realizacje span{
    font-size: 15px;

    }










      .grid-item, .grid-sizer {
        width: 25%;
       }







              .refer{
                padding: 0 15px;
                                
               }











/* ---------------- HOME -------------------------*/





.h-text-right{
    padding-left: 3%;
    padding-right: 3%;
    }
    
    
    .h-text-left{
        padding-right: 3%;
        padding-left: 3%;
    }
    





#zespol-txt{
    padding: 0 3% 50px 3%;
}




.p-telefon{
    font-size: 48px;
  }





/* ------------------------------ PRODUKTY *-------------------------*/

.galeriaProdukty{
    padding: 70px 20px 20px 20px;
    }
    
       
      .g-img-prod{
           height: 90px;
        }
    


        .p-text-right{
            padding-left: 30px;
            padding-right: 5%;

        }
            
         .p-text-left{
             padding-right: 30px;
             padding-left: 5%;

        }










        .tab-h{
            font-size: 20px;
              }
            
            .tab-h span{
            font-size: 13px;
            }
            








            .galh-1{
                height: 400px;
            }
                
                
             .galh-2,  .galh-3{
                height: 400px;
            }
                
            .galh-4{
                height: 400px;
             }




         



/* ------------------------infoblk ------------------*/










/* ------------------------ PREZENTACJA KATEGORII ---------------------------- */

.kat-prez{
height: 500px;
}


.kat-prez-txt{
width: 40%;
padding: 40px 40px 0 50px;
font-size: 17px;
}


.kat-prez-txt h3{
font-size: 48px;
margin-bottom: 25px;
}

.kat-prez-txt h4{
font-size: 20px;
margin-bottom: 25px;
}



.kat-prez-img{
width: 60%;
}


.kat-prez-txt ul{
margin-top: 25px;
padding-left: 20px;
}

.kat-prez-txt li{
padding-top: 5px;
padding-bottom: 5px;
font-size: 20px;
}


/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */


/* ---------------------------PODKATEGORIE STRONA ------------------------------- */

.kat-sub{
    height: 500px;
}



.kat-text-left, .kat-text-right{
padding: 5px 20px;
}



.kat-sub h3{
font-size: 18px;
margin-bottom: 20px;
}







/* ---------------------------- DOKUMENT ---------------------------------------*/

.doc-paralax{
    font-size: 16px;
    }



.doc-wh-lewy{
padding: 0 40px 0 50px;
}



.doc-wh-prawy{
padding: 0 50px 0 50px;
}


/* ------------------------------- ARTYKUŁY ----------------------------------*/
/* --------------- lista ------------------*/


  
.gal-list-img{
  height: 280px;

}
  
/* -----------------------karta ------------- */





.action-box{
height: 60px;
line-height: 60px;
padding: 0 20px;
font-size: 14px;
}

#art-soc-ico{
height: 60px;
line-height: 80px;
}


.soc-ico-a{
width: 28px;
background-size: 130px auto;
}


#si-fb-a{
background-position: 10px 0;
}

#si-gp-a{
background-position: -30px 0;
}


#si-in-a{
background-position: -71px 0;
}

#si-tw-a{
background-position: -106px 0;
}












a#art-zapytaj{
font-size: 26px;
}

a#art-mail{
background: #B29376 url('../img/ico-mail.png') no-repeat 25px center;
background-size: auto 25px;
font-size: 22px;
padding-left: 80px;
}

a#art-tel{
background: #3a2824 url('../img/ico-tel.png') no-repeat  25px center;
font-size: 22px;
padding-left: 80px;
background-size: auto 30px;
}











/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */








/* ------------------------- GALERIA --------------------------------------------- */

#gal-txt{
height: 520px;
}

#gal-txt ol{
padding-left: 50px;
}

#gal-txt li{
padding: 12px 0;
padding-left: 15px;
font-size: 17px;
}

.gal-1{
height: 520px;
}

.gal-2{
height: 520px;
}

.gal-3{
height: 260px;
}

.gal-4{
height: 260px;
}

.gal-5{
height: 260px;
}

.gal-6{
height: 260px;
}

.gal-7{
height: 520px;
}

.gal-8{
height: 260px;
}

.gal-9{
height: 260px;
}








/* -------------------------  GALERIA artykuly --------------------------------------------- */


















/* ---------------------------- DOKUMENT ---------------------------------------*/


.doc-caly .doc-wrapper{
width: 90%;
}

.doc-paralax .doc-wrapper, .doc-dark .doc-wrapper{
    width: 90%;
}




.doc-paralax{
    padding: 40px 0;
 }



.motto{
font-size: 32px;
}





/* -------------------------- popup ------------------------------------*/

#popuo > div{
height: 600px;
padding: 20px;
}



.n-img{
width: 70px;
height: 70px;
margin: 0 0 10px 0;
}

.n-txt{
width: calc(100% - 70px)
height: 70px;
margin: 0 0 10px 0;
font-size: 14px;
padding: 0 0 0 10px;
}

h1.hpop{
font-size: 26px;
margin-bottom: 10px;
padding: 15px
}


h2.hpop{
font-size: 18px;
}









    #bn-kajaki{
      right: 70px;
    
    }
    #bn-strzeleckie{
      right: 220px;
    
    }
    
    





}





@media only screen and (max-width: 1120px) {


  #Katinfo{

    height: 400px;

  }
  
  #Katinfo-odst{
    margin-top: 285px;
  }
  


          
  .h1, .tresci h1{
    font-size: 58px;
  }

  .h1 span, .tresci h1 span{
    font-size: 30px;
  }

 
  .h2, .tresci h2{
      font-size: 42px;    
    }

    .h2 span{
      font-size: 22px;
    }
  
    .h3, .tresci h3{
        font-size: 28px;
      }
      
      .h4, .tresci h4{
        font-size: 24px;
      }

    
  



#referencje{
  padding: 80px 0;

}




  


#wd-3{
  display: none;
}







  .flex-text, .flex-text-p{
    padding: 40px;

  }
  


  


  #topikonki{
    display: none;
    position: absolute;
       right:240px;
    top: 7px;
    width: 130px;
    height: 35px;
    border-right: solid 1px #888787;
    border-left: 0;

  }

  #topikonki a{
    color: #888787;
  }




          


      

          #galeria-home{
               top: 30px;
          }
            









          #filmdv {
            height: calc(100vh - 50px);
    
          }











          .gala-h{
            width: 25% !important;
          
          }















  
#FrsInb{
  background-position: calc(100% + 240px);
  }



#FrsInb .lfsec{
max-width: 450px;
}







  .realizacje{
    height: 220px;
   }





   .news-t h1{
    font-size: 28px;

  }

     


.p-telefon{
    font-size: 42px;
  }







/* ---------------- HOME -------------------------*/




.h-text-right{
width: 57%;
}


.h-text-left{
width: 57%;
}






.galh-1{
    height: 360px;
}
    
    
 .galh-2,  .galh-3{
    height: 360px;
}
    
.galh-4{
    height: 360px;
 }






/* ------------------------ PREZENTACJA KATEGORII ---------------------------- */

.kat-prez{
height: 460px;
}


.kat-prez-txt{
width: 40%;
padding: 30px 30px 0 40px;
font-size: 17px;
}


.kat-prez-txt h3{
font-size: 42px;
margin-bottom: 20px;
}

.kat-prez-txt h4{
font-size: 18px;
margin-bottom: 20px;
}



.kat-prez-img{
width: 60%;
}


.kat-prez-txt ul{
margin-top: 25px;
padding-left: 20px;
}

.kat-prez-txt li{
padding-top: 5px;
padding-bottom: 5px;
font-size: 20px;
}


/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */




/* ---------------------------PODKATEGORIE STRONA ------------------------------- */

.kat-sub{
    height: 460px;
}



.kat-text-left, .kat-text-right{
padding: 5px 20px;
}




.kat-sub h3{
font-size: 18px;
margin-bottom: 20px;
}

/*
.tresci blockquote{
    padding-left: 80px;

   }
*/
/* ------------------------------- ARTYKUŁY ----------------------------------*/

/* --------------- lista ------------------*/




  
.gal-list-img{
  height: 240px;

}


.gal-list{
  margin: 12px 1%;

}



/* ------------------------- GALERIA --------------------------------------------- */

#gal-txt{
height: 480px;
}

#gal-txt ol{
padding-left: 50px;
}

#gal-txt li{
padding: 10px 0;
padding-left: 10px;
font-size: 17px;
}

.gal-1{
height: 480px;
}

.gal-2{
height: 480px;
}

.gal-3{
height: 240px;
}

.gal-4{
height: 240px;
}

.gal-5{
height: 240px;
}

.gal-6{
height: 240px;
}

.gal-7{
height: 480px;
}

.gal-8{
height: 240px;
}

.gal-9{
height: 240px;
}





/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */











/* ---------------------------- DOKUMENT ---------------------------------------*/


.doc-caly .doc-wrapper{
width: 96%;
}

.doc-paralax .doc-wrapper, .doc-dark .doc-wrapper{
    width: 96%;
}






.motto{
font-size: 28px;
}









.g-blok .h-image{

    height: 50vh !important;

  
    }


    .wydarzenie-data{
     
      font-size: 18px;
   
    }






    

}

@media only screen and (max-width: 1060px) {



  .doc-caly{
    width: 96%;

    }
}



@media only screen and (max-width: 992px) {




      
  .h1, .tresci h1{
    font-size: 52px;
  }

  .h1 span, .tresci h1 span{
    font-size: 28px;
  }

 
  .h2, .tresci h2{
      font-size: 38px;    
    }

    .h2 span{
      font-size: 20px;
    }
  
    .h3, .tresci h3{
        font-size: 24px;
      }
      
      .h4, .tresci h4{
        font-size: 20px;
      }



      #bg-1, #bg-2, #bg-3, #bg-4{
        display: none;
      }






  #SciezkaNav li:first-child a{
    padding-left: 0;
  }






  




            
            
          
























      #Home-metryka{
        display: none;
        /*
        width: 260px;
        padding: 20px 0 0 0;
        border: 0;
        border-top: solid 4px #f0b300;
        position: absolute;
        right: auto;
        left: 2%;
        bottom: 20px;
        font-size: 18px;
        */
    
      }
      #Home-metryka p{
        font-size: 20px;
      }










        

















  #obiekty-szukaj{
    width: 57%;
    }

    #informacje-p{
      width: 37%;
    }
    



    
#odts-galeria{
  height: 550px;
  }
  


    .galeria-art{
    height: 200px;
    margin: 8px 0;
    }
    
    .galeria-wrap .galeria-art{
    height: 200px;
    margin: 8px 0;
    }

    .galeria-art-b{
      height: 418px;
      margin: 8px 0;
    }



    .galeria-wrap{
      height: 436px;
    }







  .gl-art-1, .gl-art-5{
    width: 40%;
    padding: 1px 1px 1px 0;
    }
    
    .gl-art-2,  .gl-art-6{
      width: 60%;
      padding: 1px 0 1px 1px;
   }
    
  
   .gl-art-3,   .gl-art-7{
    width: 60%;
    padding: 1px 1px 1px 0;
  }
  
  .gl-art-4,   .gl-art-8{
    width: 40%;
    padding: 1px  0 1px 1px;
  }
  

  


  .filmcaption{
  display: block;
  }
  


  .filmcaption h2{
    width: 100%;
    padding: 25px;
  font-size: 32px !important;
text-align: center;
  }
  


  .filmcaption > div{
    width: 100%;
    padding: 20px 25px;
    text-align: center;
  }

  .filmcaption > div b{
    font-size: 32px; 
  }



  .gala-h{
    width:33.333% !important;
  
  }



              .realizacje{
                width: 32.4%;
                height: 260px;
                margin-bottom: 13px;
              }




              .realizacje#relfrs, .realizacje#rellast{
                width: 66.2%;
              }






































.refer{
    width: 50% !important;
    padding: 0 25px;
    
    }

    .refer-in{
           padding: 20px;

        }





/* ---------------- HOME -------------------------*/










.galh-1{
    height: 280px;
}
    
    
 .galh-2,  .galh-3{
    height: 280px;
}
    
.galh-4{
    height: 280px;
 }






/* ------------------------infoblk ------------------*/


    




/*------------------------- TOP KATGEORIA --------------------------- */




/* ------------------------ PREZENTACJA KATEGORII ---------------------------- */

.kat-prez{
height: 400px;
}


.kat-prez-txt{
width: 45%;
padding: 30px 30px 0 40px;
font-size: 16px;
}


.kat-prez-txt h3{
font-size: 38px;
margin-bottom: 20px;
}

.kat-prez-txt h4{
font-size: 18px;
margin-bottom: 20px;
}



.kat-prez-img{
width: 55%;
}


.kat-prez-txt ul{
margin-top: 20px;
padding-left: 20px;
}

.kat-prez-txt li{
padding-top: 5px;
padding-bottom: 5px;
font-size: 18px;
}


/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */






/* ---------------------------PODKATEGORIE STRONA ------------------------------- */

.kat-sub{
width: 100%;
padding: 0;
height: 400px;
float: left;
font-size: 14px;
}




.kat-sub:nth-child(even) > .kat-image-left {
    float: right !important;
}

.kat-sub:nth-child(even) > .kat-image-right {
    float: right !important;
}



.kat-sub:nth-child(even) > .kat-text-left {
    float: left !important;
}

.kat-sub:nth-child(even) > .kat-text-right {
    float: left !important;
}


.kat-sub:nth-child(odd) > .kat-image-left {
    float: left !important;
}

.kat-sub:nth-child(odd) > .kat-image-right {
    float: left !important;
}



.kat-sub:nth-child(odd) > .kat-text-left {
    float: right !important;
}

.kat-sub:nth-child(odd) > .kat-text-right {
    float: right !important;
}




.kat-sub h3{
font-size: 24px;
margin-bottom: 40px;
}



.kat-sub h3 > span{
bottom: -10px;
}

/* ---------------------------- DOKUMENT ---------------------------------------*/


.doc-wh-lewy{
padding: 0 20px 0 20px;
}



.doc-wh-prawy{
padding: 0 30px 0 20px;
}






table td{
font-size: 13px;

}



 
    

.tab-sec{
padding: 15px 5px;
}




.angl{
right: 15px;
top: 10px;
}



.box-f-image{
    height: 170px;
  }


/* ------------------------------- ARTYKUŁY ----------------------------------*/


.art-data{
width: 90px;
height: 90px;
font-size: 13px;
margin-right: 20px;

}

.art-data span{
font-size: 42px;
}

.art-txt{
width: calc(100% - 110px);
}



.gal-list-img{
  height: 220px;

}


/* -----------------------karta ------------- */






#art-txt{
font-size: 14px;
}








/* ------------------------- GALERIA --------------------------------------------- */

#gal-txt{
height: 400px;
}

#gal-txt > div > div{
padding: 20px;
}

#gal-txt ol{
padding-left: 30px;
}

#gal-txt li{
padding: 6px 0;
padding-left: 5px;
font-size: 16px;
}

.gal-1{
height: 400px;
}

.gal-2{
height: 400px;
}

.gal-3{
height: 200px;
}

.gal-4{
height: 200px;
}

.gal-5{
height: 200px;
}

.gal-6{
height: 200px;
}

.gal-7{
height: 400px;
}

.gal-8{
height: 200px;
}

.gal-9{
height: 200px;
}










/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */











/* -------------------------  GALERIA artykuly --------------------------------------------- */









h3.pole{
font-size: 38px;
padding: 10px 0 20px 0;
}


.motto{
font-size: 26px;
}




  





  
  
  #nawig-art  a {
  display: block;
  width: 100px;
  height: 94px;
  padding: 0;
  position: relative;
  z-index: 1;
  line-height: 1.3em;
  font-size: 13px;
  display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  #nawig-art .naw-p{
font-size: 1px;
  line-height: 1px;
  }
  

  
  #nawig-art  a  span{
  font-size: 13px;
  }
  
  #nawig-art div.naw-img{
  display: none;
  }
  
    
  
  a#nawig-art-left:hover  div.naw-p{
  left: 0;
  }
  
 
  
  a#nawig-art-right:hover  div.naw-p{
  right: 0;
  }
  




  .frm-inc{
    width: 100%;
  
  }


    

    


    #mapid-doc{
      min-height: 380px;
  
      }

    

  
      

      #p-manager{
        background: url('../img/p-zienkiewicz.png') no-repeat -30px bottom;
   
      }








      .hometop-inc{
          padding-top: 0;
      }


      a#logo{
      top: 0;
      }









   


      .home-info-inc-t{
        width: 100%;
        margin-bottom: 40px;
      }


      .home-info-inc{
        width: 48%;
      }





      #home-act-img{
        width: 100%;
        height: 400px;
        position: relative;

      }


      #Home-Info-left{
        width: 100%;
        height: auto;
        position: relative;
        left: 0;
        top: 0;
        padding: 40px 60px;
        text-align: left;
  


      }



      #home-act-txt, #Home-Info-right{
        width: 100%;
        margin-left: 0;
      padding: 60px;
      }
      



      .w-list-data{
        width: 180px;
        padding: 20px;
        font-size: 16px;
 
      }
      
      .w-list-data > div{
        font-size: 42px;
    
      }
      .w-list-data  span{
        font-size: 16px;
      }
    
      
      .w-list-img{
        width: 250px;
        left: 180px;
  
      }


      .w-list-txt{
        width: calc(100% - 430px);
        padding: 30px;
        margin-left: 430px;
      }





      
#Katinfo-przes{

  background: rgb(0, 0, 0, 0.5);
}







#kontrast-menu > div > div{
  width: 50%;
}

#w-graf{
  width: 100% !important;
  margin-bottom: 20px;
}
  
#w-graficzna{
  font-size: 14px;
}

#kontrast{
  font-size: 14px; 
  line-height: 30px;
}
#kontrast > b, #czcionka > b{
  font-size: 13px;
}



#kontrast > div{
  margin: 0 4px;
  width: 26px;
  height: 26px;
line-height: 22px;
}

#czcionka{
  font-size: 14px; 
  line-height: 30px;

}

#czcionka > div{
  margin: 0 5px;
  height: 26px;
line-height: 26px;

}


#kontrast-info{
 display: none;
}






#Katinfo-odst{
  margin-top: 360px;
}


.home-p-inc{
  width: 48%;
}


.art-list{
  width: 48%;
}

.nowis{
  display: none;
}



.home-icons{
    width: 40%;
  margin: 30px;

}



.program{
  width: 48%;
  margin: 0 0 20px 0 !important;
}






}