* {
  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: left;
  font-weight: 700;
  background-color: #ffffff;
  /* color: #0086b3; */
/* color: #4a4c4f; */
/* color: #24248f;   */
color: #1f1f7a;
}

.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: 5px;
  /* opacity: 0.9;	 */
  /* text-decoration: none; */
 
  /* text-align: center; */
  /* font-weight: 700; */
  background-color: #e5e5e6;
  /* background-color: #1f1f7a; */
  color: #0086b3; 
}


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

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

ul {
  list-style-type: none;
}

/* ul > li.bez {list-style-type: none;} */

ul li::before {
	content: "\2022";
	/* content: "\2744"; */
	/* content: "\2609"; */
  /* content: "\25CE"; */
  /* content: "\25B8"; */
  /* content: "\25B9"; */
  /* content: "\2218"; */
  /* content: "\25AB"; */
  /* content: "\25AA"; */
  /* content: "\22C6"; */
  color: #000000;
  /* font-weight: bold; */
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

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

.pudText1{margin-top: 50px; margin-bottom:50px;}

.bezMarginesu {margin: 0px;}


/* #wysrodkowanie */
/* { */
/* padding: 20px; */
/* border-radius: 10px; */
/* }	 */








@media only screen and (max-width: 575px) {
	
	
	
#container
{
	width: 100%;
	height: 11800px;
	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: 280px;
	height: 11700px;
	min-height: 280px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	/* margin-top:80px; */
	background-color: #ffffff;
	color: #000000;
	/* opacity: 0.9; */
	font-size: 18px;
	text-align: left;
}	


.containerGaleria {
  position: relative;
  
  width: 250px;  
  height: 920px;
  display: block;
  /* border: 1px solid red; */
  margin-left: auto;
  margin-right: auto;
}








.glowny{

position: relative;
  
  width: 248px;  
  height: 248px;
  display: block;
  border: 1px solid #000000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}







.mySlides {
  display: none;
  
}

img.contain {

  width: 248px;
  height: 248px;
  /* border: 1px solid #000; */

  object-fit: contain;
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
}

.numbertext {
 
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  
  font-weight: 700;
  z-index: 1;
}







.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}


.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #f2f2f2;
  
  
}





/* .caption-container { */
  /* text-align: center; */
  /* background-color: #222; */
  /* padding: 2px 16px; */
  /* color: white; */
  
  /* position: absolute; */
  /* top: 450px; */
  /* width: 99.99999%; */
/* } */










.row{
  position: absolute;
 display: block; 
  width: 250px;
  height: 600px;
  
}


.column {
  
  display: inline-block;
  
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}

img.contain2 {

width: 90px;
  height: 90px;
  border: 1px solid #000000;
 
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

		

/* .krzskaZdjecieG1 {  */
  /* display: inline-block; */
  /* float: left; */
  /* width: 99.99999%; */
  /* padding: 0px; */
  /* min-height: 250px; */
  /* margin-top: 25px; */
  /* text-align: center; */
  /* color: #000000;  */
/* } */

/* #slider2 { */
	
	/* width: 100%; */
	
	/* height: 370px; */
	/* margin-left: auto; */
/* margin-right: auto; */
/* } */



/* #slidermoj { */
	
	
	/* width: 250px; */
	/* height: 250px; */
	/* margin-bottom: 20px; */
	/* margin-left: auto; */
	/* margin-right: auto; */
/* } */

/* .opis */
/* { */
	/* width: 252px; */
	/* height: 30px; */
	/* text-align: center; */
	/* color: #000000; */
	/* font-size: 24px; */
	/* cursor: pointer; */
	/* margin-top: 10px; */
/* } */






/* .krzskaOpisG { */
 /* display: inline-block; */
 
 /* width: 99.99999%; */

 /* padding: 0px; */
 
 /* text-align:justify; */
 /* color: #000000; */
/* } */







.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: left;	
}



/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  POCZATEK */
.pojemnikDom1
{
display: block;
width: 240px;
height: 900px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko1
{
position: relative;
width: 220px;
height: 280px;
float: left;
margin: 10px;	
}

img.pojemDom1 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom1
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  KONIEC */





/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  POCZATEK */
.pojemnikDom2
{
display: block;
width: 240px;
height: 560px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko2
{
position: relative;
width: 220px;
height: 280px;
float: left;
margin: 10px;	
}

img.pojemDom2 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom2
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  KONIEC */





/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */
.pojemnikDom3
{
display: block;
width: 240px;
height: 300px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko3
{
position: relative;
width: 220px;
height: 280px;
float: left;
margin: 10px;	
}

img.pojemDom3 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom3
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */






}		
		
		
		
		
		
		


@media only screen and (min-width: 576px) {
	
	
	
#container
{
	width: 100%;
	height: 7600px;
	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: 20px;
	border-radius: 0px;
	
	display: block;
	width: 576px;
	height: 7500px;
	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;
}


.containerGaleria {
  position: relative;
  
  width: 576px;  
  height: 770px;
  display: block;
  /* border: 1px solid red; */
  margin-left: auto;
  margin-right: auto;
}








.glowny{

position: relative;
  
  width: 496px;  
  height: 450px;
  display: block;
  border: 1px solid #000000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}







.mySlides {
  display: none;
  
}

img.contain {

  width: 400px;
  height: 400px;
  /* border: 1px solid #000; */

  object-fit: contain;
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
}

.numbertext {
 
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  
  font-weight: 700;
  z-index: 1;
}







.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}


.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #f2f2f2;
  
  
}





/* .caption-container { */
  /* text-align: center; */
  /* background-color: #222; */
  /* padding: 2px 16px; */
  /* color: white; */
  
  /* position: absolute; */
  /* top: 450px; */
  /* width: 99.99999%; */
/* } */










.row{
  position: absolute;
 display: block; 
  width: 576px;
  height: 200px;
  
}


.column {
  
  display: inline-block;
  
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 0px;
}

img.contain2 {

width: 90px;
  height: 90px;
  border: 1px solid #000000;
 
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}






/* .krzskaZdjecieG1 {  */
  /* display: inline-block; */
  /* float: left; */
  /* width: 99.99999%; */
  /* padding: 0px; */
  /* min-height: 250px; */
  /* margin-top: 25px; */
  /* text-align: center; */
  /* color: #000000;  */
/* } */

/* #slider2 { */
	
	/* width: 100%; */
	
	/* height: 370px; */
	/* margin-left: auto; */
/* margin-right: auto; */

/* } */





/* #slidermoj { */
	
	
	/* width: 300px; */
	/* height: 300px; */
	/* margin-bottom: 20px; */
	/* margin-left: auto; */
	/* margin-right: auto; */
/* } */


/* .opis */
/* { */
	/* width: 252px; */
	/* height: 30px; */
	/* text-align: center; */
	/* color: #000000; */
	/* font-size: 24px; */
	/* cursor: pointer; */
	/* margin-top: 10px; */
/* } */








/* .krzskaOpisG { */
 /* display: inline-block; */
 
 /* width: 89.99999%; */
 /* / */
 /* padding: 0px; */
 
 /* text-align:justify; */
 /* color: #000000; */
/* } */





.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;	
}



/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  POCZATEK */
.pojemnikDom1
{
display: block;
width: 480px;
height: 580px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko1
{
position: relative;
width: 220px;
height: 260px;
float: left;
margin: 10px;	
}

img.pojemDom1 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom1
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  KONIEC */





/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  POCZATEK */
.pojemnikDom2
{
display: block;
width: 480px;
height: 280px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko2
{
position: relative;
width: 220px;
height: 260px;
float: left;
margin: 10px;	
}

img.pojemDom2 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom2
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  KONIEC */




/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */
.pojemnikDom3
{
display: block;
width: 480px;
height: 280px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko3
{
position: relative;
width: 220px;
height: 260px;
float: left;
margin: 10px;	
}

img.pojemDom3 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom3
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */




}	







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

#container
{
	width: 100%;
	height: 6500px;
	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: 20px;
	border-radius: 0px;
	
	display: block;
	width:768px;
	height: 6400px;
	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;
}	


.containerGaleria {
  position: relative;
  
  width: 768px;  
  height: 650px;
  display: block;
  /* border: 1px solid red; */
  margin-left: auto;
  margin-right: auto;
}








.glowny{

position: relative;
  
  width: 496px;  
  height: 450px;
  display: inline-block;
  border: 1px solid #000000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}







.mySlides {
  display: none;
  
}

img.contain {

  width: 400px;
  height: 400px;
  /* border: 1px solid #000; */

  object-fit: contain;
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
}

.numbertext {
 
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  
  font-weight: 700;
  z-index: 1;
}







.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}


.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #f2f2f2;
  
  
}





.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
  
  position: absolute;
  top: 450px;
  width: 99.99999%;
}










.row{
  position: absolute;
 display: inline-block; 
  width: 250px;
  height: 500px;
  
}


.column {
  
  display: inline-block;
  
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  margin-right: 0px;
}

img.contain2 {

width: 90px;
  height: 90px;
  border: 1px solid #000000;
 
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}




/* .krzskaZdjecieG1 {  */
  /* display: inline-block; */
  /* float: left; */
  /* width: 49.99999%; */
  /* padding: 20px; */
  /* min-height: 250px; */
  /* margin-top: 25px; */
  /* text-align: center; */
  /* color: #000000;  */
/* } */

/* #slider2 { */
	
	/* width: 100%; */
	
	/* height: 400px; */
	/* margin-left: auto; */
/* margin-right: auto; */
/* } */





/* #slidermoj { */
	
	
	/* width: 300px; */
	/* height: 300px; */
	/* margin-bottom: 20px; */
	/* margin-left: auto; */
	/* margin-right: auto; */
/* } */

/* .opis */
/* { */
	/* width: 302px; */
	/* height: 30px; */
	/* text-align: center; */
	/* color: #000000; */
	/* font-size: 24px; */
	/* cursor: pointer; */
	/* margin-top: 10px; */
/* }	 */




/* .krzskaOpisG { */
 /* display: block; */
 /* float: left;  */
 /* width: 49.99999%; */
 /* margin: 0px; */
 
 /* margin-top: 20px; */
 /* padding: 0px; */
 /* padding-top: 20px; */
 /* text-align:justify; */
 /* color: #000000; */
/* } */






.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;	
}



/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  POCZATEK */
.pojemnikDom1
{
display: block;
width: 720px;
height: 350px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko1
{
position: relative;
width: 220px;
height: 260px;
float: left;
margin: 10px;	
}

img.pojemDom1 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom1
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  KONIEC */




/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  POCZATEK */
.pojemnikDom2
{
display: block;
width: 720px;
height: 350px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko2
{
position: relative;
width: 220px;
height: 260px;
float: left;
margin: 10px;	
}

img.pojemDom2 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom2
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  KONIEC */






/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */
.pojemnikDom3
{
display: block;
width: 720px;
height: 350px;
margin-left:auto;
margin-right:auto;
/* margin-left: 10px; */
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko3
{
position: relative;
width: 220px;
height: 260px;
float: left;
margin: 10px;	
}

img.pojemDom3 {
position: absolute;
top: 0px;
  display: block;
  width: 220px;
  height: 220px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom3
{
position: absolute;
top: 220px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */





}

@media only screen and (min-width: 992px) {
	
	
	
#container
{
	width: 100%;
	height: 6100px;
	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: 20px;
	border-radius: 10px;
	
	display: block;
	width: 992px;
	height: 6000px;
	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;
}	



.containerGaleria {
  position: relative;
  
  width: 992px;  
  height: 460px;
  display: block;
  /* border: 1px solid red; */
  margin-left: auto;
  margin-right: auto;
}








.glowny{

position: relative;
  
  width: 496px;  
  height: 450px;
  display: inline-block;
  border: 1px solid #000000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}







.mySlides {
  display: none;
  
}

img.contain {

  width: 400px;
  height: 400px;
  /* border: 1px solid #000; */

  object-fit: contain;
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
}

.numbertext {
 
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  
  font-weight: 700;
  z-index: 1;
}







.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}


.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #f2f2f2;
  
  
}





.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
  
  position: absolute;
  top: 450px;
  width: 99.99999%;
}










.row{
  position: absolute;
 display: inline-block; 
  width: 496px;
  height: 200px;
  
}


.column {
  
  display: inline-block;
  
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  margin-right: 0px;
}

img.contain2 {

width: 90px;
  height: 90px;
  border: 1px solid #000000;
 
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}



/* .krzskaZdjecieG1 {  */
  /* display: inline-block; */
  /* float: left; */
  /* width: 49.99999%; */
  /* padding: 20px; */
  /* min-height: 250px; */
  /* margin-top: 25px; */
  /* text-align: center; */
  /* color: #000000;  */
/* } */

/* #slider2 { */
	
	
	/* width: 400px; */
	
	
	/* height: 470px; */
	/* margin-left: auto; */
/* margin-right: auto; */
/* } */




/* #slidermoj { */
	
	
	/* width: 400px; */
	/* height: 400px; */
	/* margin-bottom: 20px; */
	/* margin-left: auto; */
	/* margin-right: auto; */
/* } */

/* .opis */
/* { */
	/* width: 282px; */
	/* height: 30px; */
	/* text-align: center; */
	/* color: #000000; */
	/* font-size: 24px; */
	/* cursor: pointer; */
	/* margin-top: 10px; */
/* } */




/* .krzskaOpisG { */
 /* display: block; */
 /* float: left;  */
 /* width: 49.99999%; */
 /* margin: 0px; */
 
 /* margin-top: 20px; */
 /* padding: 0px; */
 /* padding-top: 20px; */
 /* text-align:justify; */
 /* color: #000000; */
/* } */





.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;	
}



/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  POCZATEK */
.pojemnikDom1
{
display: block;
width: 810px;
height: 350px;
/* margin-left:auto; */
/* margin-right:auto; */
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko1
{
position: relative;
width: 250px;
height: 330px;
float: left;
margin: 10px;	
}

img.pojemDom1 {
position: absolute;
top: 0px;
  display: block;
  width: 250px;
  height: 250px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom1
{
position: absolute;
top: 250px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  KONIEC */





/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  POCZATEK */
.pojemnikDom2
{
display: block;
width: 810px;
height: 350px;
/* margin-left:auto; */
/* margin-right:auto; */
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko2
{
position: relative;
width: 250px;
height: 330px;
float: left;
margin: 10px;	
}

img.pojemDom2 {
position: absolute;
top: 0px;
  display: block;
  width: 250px;
  height: 250px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom2
{
position: absolute;
top: 250px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  KONIEC */





/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */
.pojemnikDom3
{
display: block;
width: 810px;
height: 350px;
/* margin-left:auto; */
/* margin-right:auto; */
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko3
{
position: relative;
width: 250px;
height: 330px;
float: left;
margin: 10px;	
}

img.pojemDom3 {
position: absolute;
top: 0px;
  display: block;
  width: 250px;
  height: 250px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom3
{
position: absolute;
top: 250px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */




}


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

#container
{
	width: 100%;
	height: 5600px;
	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: 20px;
	border-radius: 10px;
	
	display: block;
	/* width: 1080px; */
	width: 1190px;
	height: 5500px;
	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;
}





.containerGaleria {
  position: relative;
  
  width: 992px;  
  height: 460px;
  display: block;
  /* border: 1px solid red; */
  margin-left: auto;
  margin-right: auto;
}








.glowny{

position: relative;
  
  width: 496px;  
  height: 450px;
  display: inline-block;
  border: 1px solid #000000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}







.mySlides {
  display: none;
  
}

img.contain {

  width: 400px;
  height: 400px;
  /* border: 1px solid #000; */

  object-fit: contain;
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
}

.numbertext {
 
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  
  font-weight: 700;
  z-index: 1;
}







.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}


.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #f2f2f2;
  
  
}





.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
  
  position: absolute;
  top: 450px;
  width: 99.99999%;
}










.row{
  position: absolute;
 display: inline-block; 
  width: 496px;
  height: 200px;
  
}


.column {
  
  display: inline-block;
  
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  margin-right: 0px;
}

img.contain2 {

width: 90px;
  height: 90px;
  border: 1px solid #000000;
 
  object-fit: contain;
  
  position:absolute;
    margin:auto auto;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  
}


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}




/* .krzskaZdjecieG1 {  */
  /* display: inline-block; */
  /* float: left; */
  /* width: 49.99999%; */
  /* padding: 20px; */
  /* min-height: 250px; */
  /* margin-top: 25px; */
  /* text-align: center; */
  /* color: #000000;  */
/* } */
/* #slider2 { */
	
	
	/* width: 500px; */
	
	
	/* height: 540px;      */
	/* margin-left: auto; */
/* margin-right: auto; */
/* } */




/* #slidermoj { */
	
	
	/* width: 450px; */
	/* height: 450px; */
	/* margin-bottom: 20px; */
	/* margin-left: auto; */
	/* margin-right: auto; */
/* } */

/* .opis */
/* { */
	/* width: 302px; */
	/* height: 30px; */
	/* text-align: center; */
	/* color: #000000; */
	/* font-size: 24px; */
	/* cursor: pointer; */
	/* margin-top: 10px; */
/* } */







/* .krzskaOpisG { */
 /* display: block; */
 /* float: left;  */
 /* width: 49.99999%; */
 /* margin: 0px; */
 
 /* margin-top: 20px; */
 /* padding: 0px; */
 /* padding-top: 20px; */
 /* text-align:justify; */
 /* color: #000000; */
/* } */






.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;	
}



/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  POCZATEK */
.pojemnikDom1
{
display: block;
width: 810px;
height: 350px;
/* margin-left:auto; */
/* margin-right:auto; */
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko1
{
position: relative;
width: 250px;
height: 330px;
float: left;
margin: 10px;	
}

img.pojemDom1 {
position: absolute;
top: 0px;
  display: block;
  width: 250px;
  height: 250px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom1
{
position: absolute;
top: 250px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 3 ZDIĘCIA: R Pi, i dwa moduły wi-fi  KONIEC */







/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  POCZATEK */
.pojemnikDom2
{
display: block;
width: 810px;
height: 350px;
/* margin-left:auto; */
/* margin-right:auto; */
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko2
{
position: relative;
width: 250px;
height: 330px;
float: left;
margin: 10px;	
}

img.pojemDom2 {
position: absolute;
top: 0px;
  display: block;
  width: 250px;
  height: 250px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom2
{
position: absolute;
top: 250px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 2 ZDIĘCIA: ethernet + arduino  KONIEC */






/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */
.pojemnikDom3
{
display: block;
width: 810px;
height: 350px;
/* margin-left:auto; */
/* margin-right:auto; */
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
}

.pudelko3
{
position: relative;
width: 250px;
height: 330px;
float: left;
margin: 10px;	
}

img.pojemDom3 {
position: absolute;
top: 0px;
  display: block;
  width: 250px;
  height: 250px;
  border: 1px solid #000;

  object-fit: contain;
								/* display: inline-block; */
  float: left;
								/* margin-left: 10px; */
								/* margin-top: 10px; */
  /* margin: 5px; */
								/* position:absolute; */
								/* margin:auto auto; */
								/* left:0; */
								/* right:0; */
								/* top: 0; */
								/* bottom:0; */
}

.opisDom3
{
position: absolute;
top: 250px;
display: block;
width: 100%;
height: 40px;
text-align: center;
/* margin-left:auto; */
/* margin-right:auto; */
/* margin-bottom: 40px; */
margin-top: 20px;
}
/* POJEMNIK NA 1 ZDIĘCIA: moduł GSM  POCZATEK */






}