* {
  box-sizing: border-box;
}

body {
  
margin: 0 !important;
background-color: #ffffff;
color: #000000;
}





#grafika
{
	/* position: relative; */
  /* left: -3000px; */
width: 1000px;
	height: 500px;
margin-left: auto;
	margin-right: auto;
display: none;
}




/* #NowyTxt */
/* { */
/* display: block;	 */

/* width: 99.99999%; */
/* height: auto; */
/* font-size: 19px; */
/* text-align: justify; */
/* color: #000000;	 */
/* } */



/* klasa stylizująca linki w tekście */
.modulyLinki { 
  display: inline-block;
  /* width: 50%; */
  height: 20px;
  /* min-height: 250px; */
  /* margin: 5px; */
  margin-left:5px;
  margin-right: 5px;
  /* padding: 5px; */
  /* padding-bottom: 0px; */
  /* border: 1px solid #000000; */
  border-bottom: 2px solid #4a4c4f;
  /* border-radius: 10px; */
  /* opacity: 0.9;	 */
  /* text-decoration: none; */
 
  text-align: center;
  font-weight: 700;
  background-color: #ffffff;
  /* color: #0086b3; */
color: #4a4c4f;  
}

.modulyLinki:hover { 
  /* display: inline-block; */
  /* width: 90%; */
  /* height: 40px; */
  /* min-height: 250px; */
  /* margin: 5px; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* padding: 5px; */
  /* padding-bottom: 0px; */
  /* border: 1px solid #000000; */
  /* border-bottom: 3px solid #2eb82e; */
  /* border-radius: 10px; */
  /* opacity: 0.9;	 */
  /* text-decoration: none; */
 
  /* text-align: center; */
  /* font-weight: 700; */
  background-color: #e5e5e6;
  /* color: #0086b3;  */
}


ol.b {list-style-type: upper-greek;}

li.c {list-style-type: none;}










/* img { */
  /* width: 200px; */
  /* height: 200px; */
  /* border: 1px solid #000; */
  /* object-fit: fill; */
  
  /* position:absolute; */
    /* margin:auto auto; */
  /* left:0; */
  /* right:0; */
  /* top: 0; */
  /* bottom:0; */
/* } */

/* img.contain { */
  /* object-fit: contain; */
/* } */











/* To byl wewnetrzny css w pliku html baleriakrzyska */
/* to jest menu odpowiedzialne za podstrony w pliku krzyska galera.html */

.tlo4 {


		 clear: both;
	background-color: #ffffff;
	width: 100%;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	
	height: 30px;
    }
	
	.Str2 {
		margin-top: 20px;
background-color: #000000;
		 width: 120px;
		 height: 30px;
        margin-left:  auto;
		margin-right:  auto;
		text-align: center;
	border-radius: 20px;
	font-size: 18px;
    }

 .Wlewo {

		 color: #ffffff;
		float: left;
		width: 30px;
		height: 30px;
		
		border-radius: 4%;
		 padding-top: 4.2px;
		 cursor: pointer;
    }
	
 /* do zasygnalizowania że w tą strone niema więcej podstron w lewo */
	.WlewoNieaktywny {

		 color: #ffffff;
		float: left;
		width: 30px;
		height: 30px;
		
		border-radius: 4%;
		 padding-top: 4.2px;
		 /* cursor: pointer; */
		 /* background-color: #000000; */
    }
  
  .NrStr {

		 
		padding-top: 5px;
		float: left;
		width: 30px;
		height: 30px;
		border-radius: 4%;
		cursor: pointer;
    }
	
	.NrStrAktywnei {

		 color: #00e600;
		padding-top: 5px;
		float: left;
		width: 30px;
		height: 30px;
    }
	
	
	.NrStr:hover
{		
	background-color: #008000;
	color: #000000;
}

.Wlewo:hover
{
	background-color: #008000;
	border-radius: 20px 0px 0px 20px;
}

.Wprawo:hover
{
	background-color: #008000;
	border-radius: 0px 20px 20px 0px;
}


.Wprawo {

		float: left;
		width: 30px;
		height: 30px;
		
		border-radius: 4%;
		 padding-top: 4.2px;
		 cursor: pointer;
 }

	/* do zasygnalizowania że w tą strone niema więcej podstron w prawo*/
	.WprawoNieaktywny {

		float: left;
		width: 30px;
		height: 30px;
		
		border-radius: 4%;
		 padding-top: 4.2px;
		 /* cursor: pointer; */
    }
	
	



.text
{
	font-family: 'Lato', sans-serif;
	/* odstęp między tekstem */
	line-height: 26px;
}



@media only screen and (max-width: 575px) {
	
	
	
#container
{
	width: 100%;
	height: 7800px;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	/* padding: 0px; */
	background-color: #ffffff;
	/* background-color: #f2f2f2; */
}

#wysrodkowanie
{
	padding: 0px;
	border-radius: 0px;
	
	display: block;
	width: 250px;
	height: 7700px;
	min-height: 280px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	/* margin-top:80px; */
	background-color: #ffffff;
	color: #000000;
	/* opacity: 0.9; */
	font-size: 19px;
	text-align: justify;
}	




.slideshow-containerStr2 {
margin-top: 0px;
  width: 100%;
  height: 4930px;
  margin-left: auto;
  margin-right: auto;
  
}




.slideshow-container {
margin-top: 100px;
  width: 100%;
  height: 7200px;
  margin-left: auto;
  margin-right: auto; 
}

.fade {
 
  width: 99.99999%;
  height: 350px;
  /* display: inline-block; */
  float: left;
  /* border: 1px solid red;  */
  /* margin-left: 72.5px; */
  /* margin-right: 72.5px; */
  margin-top: 50px;
  
}

.pudelko
{
position: relative;	
margin-top: 0px;
width: 248px;
height: 248px;
margin-left: auto;
  margin-right: auto;
	
}

img.galer {
	width: 248px;
  height: 248px;
  border: 1px solid #000;
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}

.text { 
  color: #000000; 
  font-size: 15px; 
  padding: 8px 12px; 
  position: absolute; 
  top: 260px; 
  width: 100%; 
  text-align: center; 
} 






.marginezgora0
{
display: inline-block;
width: 99.99999%;
margin-top: 25px;
/* text-align: center; */
/* padding-top: 10px; */
text-align: center;	
}



.korektaP1
{
display: inline-block;
width: 99.99999%;
/* margin-top: 65px; */
/* text-align: center; */
/* padding-top: 10px; */
text-align: justify;	
}




}		
		
		
		
		
		
		


@media only screen and (min-width: 576px) {
	
	
	
#container
{
	width: 100%;
	height: 4100px;
	min-height: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	/* padding: 0px; */
	background-color: #ffffff;
	/* background-color: #f2f2f2; */
}		

#wysrodkowanie
{
	padding: 0px;
	border-radius: 0px;
	
	display: block;
	width: 576px;
	height: 4000px;
	min-height: 280px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	/* margin-top:80px; */
	background-color: #ffffff;
	color: #000000;
	/* opacity: 0.9; */
	font-size: 19px;
	text-align: justify;
}



.slideshow-containerStr2 {
margin-top: 0px;
  width: 100%;
  height: 2920px;
  margin-left: auto;
  margin-right: auto;
  
}




.slideshow-container {
margin-top: 100px;
  width: 100%;
  height: 3600px;
  margin-left: auto;
  margin-right: auto; 
}

.fade {
 
  width: 49.99999%;
  height: 350px;
  /* display: inline-block; */
  float: left;
  /* border: 1px solid red;  */
  /* margin-left: 72.5px; */
  /* margin-right: 72.5px; */
  margin-top: 50px;
  
}

.pudelko
{
position: relative;	
margin-top: 0px;
width: 248px;
height: 248px;
margin-left: auto;
  margin-right: auto;
	
}

img.galer {
	width: 248px;
  height: 248px;
  border: 1px solid #000;
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}

.text { 
  color: #000000; 
  font-size: 15px; 
  padding: 8px 12px; 
  position: absolute; 
  top: 260px; 
  width: 100%; 
  text-align: center; 
} 





.marginezgora0
{
display: inline-block;
width: 99.99999%;
margin-top: 45px;
text-align: center;
/* padding-top: 10px; */
/* text-align: justify;	 */
}

.korektaP1
{
display: inline-block;
width: 99.99999%;
/* margin-top: 65px; */
/* text-align: center; */
/* padding-top: 10px; */
text-align: justify;	
}



}	







@media only screen and (min-width: 768px) {
	
	

#container
{
	width: 100%;
	height: 4200px;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	/* padding: 0px; */
	background-color: #ffffff;
	/* background-color: #f2f2f2; */
}

#wysrodkowanie
{
	padding: 0px;
	border-radius: 0px;
	
	display: block;
	width:768px;
	height: 4100px;
	min-height: 280px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	/* margin-top:80px; */
	background-color: #ffffff;
	color: #000000;
	/* opacity: 0.9; */
	font-size: 19px;
	text-align: justify;
}	






.slideshow-containerStr2 {
margin-top: 0px;
  width: 100%;
  height: 2920px;
  margin-left: auto;
  margin-right: auto;
  
}




.slideshow-container {
margin-top: 100px;
  width: 100%;
  height: 3600px;
  margin-left: auto;
  margin-right: auto; 
}

.fade {
 
  width: 49.99999%;
  height: 350px;
  /* display: inline-block; */
  float: left;
  /* border: 1px solid red;  */
  /* margin-left: 72.5px; */
  /* margin-right: 72.5px; */
  margin-top: 50px;
  
}

.pudelko
{
position: relative;	
margin-top: 0px;
width: 298px;
height: 298px;
margin-left: auto;
  margin-right: auto;
	
}

img.galer {
	width: 298px;
  height: 298px;
  border: 1px solid #000;
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}

.text { 
  color: #000000; 
  font-size: 15px; 
  padding: 8px 12px; 
  position: absolute; 
  top: 305px; 
  width: 100%; 
  text-align: center; 
} 





.marginezgora0
{
display: inline-block;
width: 99.99999%;
margin-top: 45px;
text-align: center;
/* padding-top: 10px; */
/* text-align: left;	 */
}

.korektaP1
{
display: inline-block;
width: 99.99999%;
/* margin-top: 65px; */
/* text-align: center; */
/* padding-top: 10px; */
text-align: justify;	
}



}

@media only screen and (min-width: 992px) {
	
	
	
#container
{
	width: 100%;
	height: 3100px;
	min-height: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	/* padding: 0px; */
	/* background-color: #ffffff; */
	background-color: #f2f2f2;
}

#wysrodkowanie
{
	padding: 0px;
	border-radius: 10px;
	
	display: block;
	width: 992px;
	height: 3000px;
	min-height: 280px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	/* margin-top:80px; */
	background-color: #ffffff;
	color: #000000;
	/* opacity: 0.9; */
	font-size: 19px;
	text-align: justify;
}	



.slideshow-containerStr2 {
margin-top: 0px;
  width: 100%;
  height: 1703px;
  margin-left: auto;
  margin-right: auto;
  
}




.slideshow-container {
margin-top: 100px;
  width: 100%;
  height: 2400px;
  margin-left: auto;
  margin-right: auto; 
}

.fade {
 
  width: 33.33333%;
  height: 350px;
  /* display: inline-block; */
  float: left;
  /* border: 1px solid red;  */
  /* margin-left: 72.5px; */
  /* margin-right: 72.5px; */
  margin-top: 50px;
  
}

.pudelko
{
position: relative;	
margin-top: 0px;
width: 298px;
height: 298px;
margin-left: auto;
  margin-right: auto;
	
}

img.galer {
	width: 298px;
  height: 298px;
  border: 1px solid #000;
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}

.text { 
  color: #000000; 
  font-size: 15px; 
  padding: 8px 12px; 
  position: absolute; 
  top: 305px; 
  width: 100%; 
  text-align: center; 
} 





.marginezgora0
{
display: inline-block;
width: 99.99999%;
margin-top: 45px;
text-align: center;
/* padding-top: 10px; */
/* text-align: justify;	 */
}

.korektaP1
{
display: inline-block;
width: 99.99999%;
/* margin-top: 65px; */
/* text-align: center; */
/* padding-top: 10px; */
text-align: justify;	
}




}


@media only screen and (min-width: 1200px) {

#container
{
	width: 100%;
	height: 3000px;
	min-height: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	/* padding: 0px; */
	/* background-color: #ffffff; */
	background-color: #f2f2f2;
}

#wysrodkowanie
{
	padding: 0px;
	border-radius: 10px;
	
	display: block;
	/* width: 1080px; */
	width: 1190px;
	height: 2900px;
	min-height: 280px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	/* margin-top:80px; */
	background-color: #ffffff;
	color: #000000;
	/* opacity: 0.9; */
	
	font-size: 19px;
	text-align: justify;
}







.slideshow-containerStr2 {
margin-top: 0px;
  width: 100%;
  height: 1703px;
  margin-left: auto;
  margin-right: auto;
  
}




.slideshow-container {
margin-top: 100px;
  width: 100%;
  height: 2400px;
  margin-left: auto;
  margin-right: auto; 
}

.fade {
 
  width: 33.33333%;
  height: 350px;
  /* display: inline-block; */
  float: left;
  /* border: 1px solid red;  */
  /* margin-left: 72.5px; */
  /* margin-right: 72.5px; */
  margin-top: 50px;
  
}

.pudelko
{
position: relative;	
margin-top: 0px;
width: 298px;
height: 298px;
margin-left: auto;
  margin-right: auto;
	
}

img.galer {
	width: 298px;
  height: 298px;
  border: 1px solid #000;
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}

.text { 
  color: #000000; 
  font-size: 15px; 
  padding: 8px 12px; 
  position: absolute; 
  top: 305px; 
  width: 100%; 
  text-align: center; 
} 







.marginezgora0
{
display: inline-block;
width: 99.99999%;
margin-top: 45px;
/* text-align: center; */
/* padding-top: 10px; */
text-align:center;	
}


.korektaP1
{
display: inline-block;
width: 99.99999%;
/* margin-top: 65px; */
/* text-align: center; */
/* padding-top: 10px; */
text-align: justify;	
}



}