html { 	
	font-family: 'Calibri', PT Sans, Hind, Ubuntu, Lato,  Arial, sans-serif;
	color: #1d5055;
	background-color: #DFEEF5;
	font-style: normal;
	width: 100%;
}
body {
	font-family: 'Calibri', PT Sans, Hind, Ubuntu, Lato,  Arial, sans-serif;
	color: #1d5055;
	background-color: #DFEEF5;
	font-style: normal;
	width: 100%;
  margin: 0 auto;
	font-size: 14px;
	text-align: left;
}

a:link, a:visited {
    font-family: Arial, Tahoma, Verdana, sans-serif; 
    font-size: 15px;
	color: #fff;
	text-decoration: bold;
	font-weight: italic;
}

a:hover {
    font-family: Arial, Tahoma, Verdana, sans-serif; 
    font-size: 15px;
    color: #fff;
	text-decoration: bold;
	font-weight: italic;
}

/* STRUKTURA */
.center { 
	margin: 0 auto;
  box-sizing: border-box;
  width: 1024px;
  display: flex;
  flex-direction: column;
	margin-top: -3px;
  }

.tlo-gora {
    margin: 0 auto;
  padding: 0;
  font-size: 0px;
  background: url(../img/tlo-gora-1.jpg) repeat-x; 
  min-width: 1024px;
  height: 370px;
}

.menu_top {
	  margin-top: -122px;
	  text-align: center;
   /*  margin: 0 auto; 
    padding: 0;
    background : url(../img/lay-2.jpg) repeat-x; 
    height: 35px;
    width: 1024px;
	font-size: 16px;
	color: #fff;
	font-style: italic;
	padding-top:0px;
  text-align: center; */
}

.logo_top {
    margin-right: auto;
  margin-left: auto;
  padding: 0;
  background: url(../img/lay-1.jpg) no-repeat;
  height: 248px;
  width: 1024px;
}

.belka_top {
    /*margin: 0 auto;  
    padding: 0;
    background : url(../img/ban-tekst.jpg) repeat-x; */
    height: 50px;
  width: 1000px;
  padding-top: 1px;
  background: linear-gradient(0deg,#070064,#0480bc);
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 30px;
	box-shadow: 0 0 5px rgb(0, 0, 0);
}

h2 {
    margin-left: 50px; 
    padding-top: 12px;
	  margin-top: 0;
    height: auto;
  width: auto;
  font-size: 20px;
	color: #fff;
  text-align: left;

}
  
/*
.witryna_1 {
    margin: 0 auto;  
    padding: 0;
    font-size: 0px;
    background : url(../img/witryna-nowa.jpg) repeat-x; 
    height: 20px;
    width: 1024px;
    text-align: center;

}
*/

.witryna_1 {
  /* margin-left: auto;
  padding: 0;
  font-size: 0px;
  background: url(../img/witryna-nowa.jpg) no-repeat;
  height: 20px;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-bottom: -4px; */
	background: url(../img/witryna-nowa.jpg);
  height: 20px;
  width: 100%;
}

.witryna-1-gal {
    margin: 0 auto;
    background : url(../img/witryna-1-gal.jpg) repeat-x; 
    height: 31px;
    width: 1024px;

}

.witryna {
  /*  margin: 0 auto;  
    padding: 0;
    font-size: 0px;
    background : url(../img/witryna-tlo.jpg) repeat-y; 
    width: 100%;
    text-align: center; */
	 height: auto;
	width: 1024px;
	background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
	box-shadow: 0px -2px 7px rgba(0, 0, 0, 0.5);
	border-radius: 0px 0px 10px 10px;
}


.witryna_txt_ram {
   box-shadow: 0px -2px 7px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
  margin-bottom: 15px;
	

  /*
  display: flex;
  flex-direction: column;
  align-items: center;
*/
}



.witryna_calosc{	
  margin: 0 auto;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
}

.witryna_tekst{
width:400px;
height: auto;
font-family: Arial, Tahoma, Verdana, sans-serif; 
font-style: italic;
font-weight: bold;
color:#000;
font-size:14px;
padding: 15px 40px;
text-align: left;
}

.witryna_foto, .witryna_foto img,
.witryna_polecane, .witryna_polecane img
{
display:inline-block;
height:auto;
padding-left:0px;
padding-top:0px;

}

.witryna_foto, .witryna_foto img { 
	width:420px;
	display: flex;
  flex-wrap: wrap;
  gap: 20px;
	margin-bottom: 10px;
}

.witryna_polecane, .witryna_polecane img{
	width: 900px;
	flex-direction: column;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}



.witryna_foto img, 
.witryna_polecane img { border-radius: 4px;}



/*
.witryna_10 {
	background: url(../img/dol.jpg) no-repeat;
  height: 30px;
  width: 1024px;
}

*/

.witryna_10-gal {
    background : url(../img/witryna_10-gal.jpg) no-repeat; 
  	height: 30px;
  	width: 1024px;

}

.witryna_galeria{
width:960px;
display:table;
padding-left:0px;
padding-top:0px;
margin: 0 auto;
margin-bottom: 20px;

}


.fot01 {
width:auto;
height:auto;
float:left;
overflow:inherit;
padding-left:5px;
padding-bottom:5px;
}


.tekst-fot{
font-family: Arial, Tahoma, Verdana, sans-serif; 
font-style: none;
font-weight: bold;
color:#000;
font-size:12px;
padding-left:0px;
padding-top:0px;
margin:center;
text-align: top;
}

/*
#logo {
    egwidth: 1000px;
    height: 81px; 
	margin-top: auto;
	background: url(../img/l_gora.jpg) no-repeat;
}

#logo_gora {               
    width: 1000px;
    height: 81px; 
	margin: auto;
	margin-top: auto;
    padding-left: 0px;
    padding-top: 0px;
    background: url(../img/tlo_gora.jpg) no-repeat;

}

#logo_srodek {
    width: 1000px;
    height: 65px; 
	overflow: hidden;
	text-align: left;
    background: url(../img/l_srodek.jpg) no-repeat;

}

#logo_dol {
    width: 1000px;
    height: 280px; 
	float: left;
	overflow: hidden;
	
    background: url(../img/tlo_gora.jpg) no-repeat;
}

#button_play {
    display: inline-block;  
    width: 1000px;
    height: 40px;
	float: center;
	font-family: Arial, Verdana  sans-serif; 
	font-size: 15px;
	color: #fff;
	padding-left: 0px;
    padding-top: 4px;


}

#button_1 {
    display: inline-block;
    background: url(../img/button_1.jpg) no-repeat;   
    width: 156px;
    height: 40px;
	float: center;
	text-align: center;
	overflow: hidden;
}
 
#button_1:hover {
    display: inline-block;
    background: url(../img/button_1a.jpg) no-repeat;   
    width: 156px;
    height: 40px;
	float: center;
	text-align: center;
	overflow: hidden;
}

#button_2 {
    display: inline-block;
    background: url(../img/button_2.jpg) no-repeat;   
    width: 110px;
    height: 40px;
	float: center;
	text-align: center;
	overflow: hidden;
}
 
#button_2:hover {
    display: inline-block;
    background: url(../img/button_2a.jpg) no-repeat;   
    width: 110px;
    height: 40px;
	float: center;
	text-align: center;
	overflow: hidden;
}

#button_3 {
    display: inline-block;
    background: url(../img/button_3.jpg) no-repeat;   
    width: 156px;
    height: 40px;
	float: center;
	overflow: hidden;
}
 
#button_3:hover {
    display: inline-block;
    background: url(../img/button_3a.jpg) no-repeat;   
    width: 156px;
    height: 40px;
	float: center;
	overflow: hidden;
}

#button_4 {
    display: inline-block;
    background: url(../img/button_4.jpg) no-repeat;   
    width: 190px;
    height: 40px;
	float: center;
	overflow: hidden;
}
 
#button_4:hover {
    display: inline-block;
    background: url(../img/button_4a.jpg) no-repeat;   
    width: 190px;
    height: 40px;
	float: center;
	overflow: hidden;
	
}

#button_5 {
    display: inline-block;
    background: url(../img/button_5.jpg) no-repeat;   
    width: 156px;
    height: 40px;
	float: center;
	overflow: hidden;
}
 
#button_5:hover {
    display: inline-block;
    background: url(../img/button_5a.jpg) no-repeat;   
    width: 156px;
    height: 40px;
	float: center;
	overflow: hidden;
}




#top {
	width: 1000px;
	height: auto;
	border-style: non;
	border-width: nom;
	border-color: non;
	margin:0 auto;
	margin-top: 0px;
}


#menu {
	width: 1000px;
	height: 49px;
	overflow: hidden;
	text-align: left;
}


#tlo-l1 {
	width: 16px;
	height: 365px;
	float: left;
	overflow: hidden;
}

#kolumna {
   width:800px;
   display:table;
   height:100%;
   padding-left: 20px;
   padding-top: 20px;
   margin:auto;


}

#tekst {
	width: 500px;
	height: auto;
	float: left;
	overflow: hidden;
	text-align: left;
	padding-left: 0px;
    padding-top: 0px;
}

#gal_tekst {
	width: 400px;
	height: 100%;
	float: left;
	overflow: hidden;
	text-align: left;
	padding-left: 30px;
    padding-top: 0px;
}


#ban {
	width: 1000px;
	height: 359px;
	float: center;
	overflow: hidden;
	text-align: left;
}

#ban_1 {
	width: 245px;
	height: 359px;
	float: left;
	overflow: hidden;
	background: url(../img/ban_1.jpg) no-repeat;
	text-align: left;
}

#ban_2 {
	width: 245px;
	height: 359px;
	float: left;
	overflow: hidden;
	background: url(../img/ban_2.jpg) no-repeat;
	text-align: left;
}

#ban_3 {
	width: 245px;
	height: 359px;
	float: left;
	overflow: hidden;
	background: url(../img/ban_3.jpg) no-repeat;
	text-align: left;
}

#ban_4 {
	width: 245px;
	height: 359px;
	float: left;
	overflow: hidden;
	background: url(../img/ban_4.jpg) no-repeat;
	text-align: left;
}

#button{
    display:table;
	width:225px; 
    height: 263px; 
	margin: auto;
	margin-top: auto;
	font-family: Arial, Verdana  sans-serif; 
	font-size: 11px;
	color: #A695A8;
	padding-left: 20px;
    padding-top: 60px;

}

#button_ban {
    display: inline-block;
    background: url(../img/button_ban.jpg) no-repeat;   
    width: 120px;
    height: 36px;
	float: right;
	overflow: hidden;
}
 
#button_ban:hover {
    display: inline-block;
    background: url(../img/button_ban_1.jpg) no-repeat;   
    width: 120px;
    height: 36px;
	float: right;
	overflow: hidden;
}

#tlx {
	width: 1000px;
	height: 20px;
	float: left;
	overflow: hidden;
	padding-left: 20px;
    padding-top: 20px;
}

#tlo-dol {
	width: 1000px;
	height: 159px;
	overflow: hidden;
	background : url(../img/stopka.jpg) no-repeat;
    padding-top: 20px;
}


*/


/*
.stopka {
    display: inline-block;
	float: center;
	clear: both;
	width: 1000px;
	height: 115px;
	background : url(../img/tlo_dol-1.jpg) no-repeat;
	font-family: Arial, Verdana  sans-serif; font-size: 10px;
	text-align: center;
	overflow: hidden;
}
*/

footer.center-s >.stopka {
	 margin: 0 auto;
  box-sizing: border-box;
  width: 1024px;
  display: flex;
  flex-direction: column;
}

.stopka {
	min-width: 100%;
	height: 115px;
	background : url(../img/tlo_dol.jpg) repeat;
	font-family: Arial, Verdana  sans-serif; font-size: 10px;
	text-align: center;
}


#stopka_l{

	float: left;
	width: 200px;
	height: 236px;
	margin-top: auto;
	font-family: Arial, Verdana  sans-serif; 
	font-size: 12px;
	text-align: left;
	color: #fff;
	padding-left: 80px;
    padding-top: 60px;

}

#stopka_t{

	float: top;
	width: 200px;
	height: 236px;
	margin-top: auto;
	font-family: Arial, Verdana  sans-serif; 
	font-size: 12px;
	text-align: left;
	color: #fff;
	padding-left: 350px;
    padding-top: 60px;

}


#top2 {
	width: 100%;
	margin:0 auto;
}

#h1 {


}


.margines {
padding-left: 12px; padding-right: 12px
}

.czcionka {
font-family: Arial, Verdana  sans-serif; 
font-size: 10px;
}

.czcionka-tresc {
font-family: Arial, Verdana  sans-serif;
color: #666;
text-indent: 0px;
font-size: 13px;
padding: 0 0 0 0;
}

.slideshow { height: 400px; width: 400px; margin:0 0 -50px 0;}
.slideshow img { border: 0px }

.tekst_gora {
font-family: Arial, Verdana  sans-serif;
font-size: 13px;
font-weight: bold;
padding: 0 0 0 0;
}

.tekst_dol {
font-family: Arial, Verdana  sans-serif;
font-size: 12px;
text-indent: 15px;
}



#lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  display: none;
  justify-content: center;
  align-items: center;
  cursor: zoom-out;
}

#lightbox img {
  max-width: 90%;
  max-height: 90%;
  border: 3px solid white;
  box-shadow: 0 0 20px black;
}

/* Siatka 3 kolumny */
.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
}

.gallery .item {
  position: relative;
  overflow: hidden;
}

.gallery img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: 0.3s ease;
  display: block;
	border-radius: 4px;
	cursor: zoom-in;
}

.gallery .item:hover img {
  filter: brightness(40%);
}

.gallery .desc {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  color: white;
  font-size: 14px;
  line-height: 1.3;

  opacity: 0;
  transition: 0.3s ease;
  pointer-events: none; 
}

.gallery .item:hover .desc {
  opacity: 1;
}