/*  */
/* globalne */
:root {
	--tlo-strony: white;
}

* { padding: 0; margin: 0; }
img {border:0;}

html, body {

	font: Arial, Helvetica;color:#232323;height:100%;width:100%;margin:0;}

.bg {
	background-image: url(../images/las.jpg);
	background-position: top right;
	width: 100%;
	background-color: var(--tlo-strony);
	background-repeat: no-repeat;
	background-size: contain;
}

.prostokat {
	display: flex;
	float: left;
	justify-content: center; /*centrowanie tekstu*/
	padding: 20px 0px 0px 0px;
	width: 100%;                /* Szerokość prostokąta */
	height: 30px;               /* Wysokość prostokąta */
	/*background-color: #1B75BC;  /* Kolor tła */
	color: white;                /* Kolor napisu */
	               /* Włączenie flexboxa */
	align-items: center;         /* Wyśrodkowanie pionowe */
	border-radius: 10px;         /* Zaokrąglone narożniki */
	text-decoration: none;


}

/* leyout */

.clear{clear:both;}

#wrapper{margin:0 auto;}
#header{margin-bottom:2px;}
#main{margin-bottom:20px;}
/*#footer{background:url(../images/stopka2.png) 0 0 no-repeat;margin-bottom:20px;}*/


/* elementy strony */
#header img{float:left; width:90%; padding: 10% 0% 0% 10%; height:auto;}

#menu_trigger{float:right;margin-right:3%;width:48px;height:25px;background:url(../images/menu_trigger.png) center center no-repeat;border-radius:6px;-webkit-border-radius:6px;cursor:pointer;}

#footer p{padding:15px 0 15px 30px;color:#000;}

#fullheader{}

#smallheader{}
#KONTAKT{}
#content li{text-align: left;}

#content li.kropka{list-style-image:url('../images/kropka.png');margin-left: 20%;}



#LINKI {position:relative;padding: 5px;margin-top: 20px;margin-left: 10px;margin-right: 10px;float: left;overflow: hidden;background-color: #fff;}	
#LINKI img{width:90%; height:auto;}
#KONTAKT img{height:40px;width:auto}

body {

  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  font-family: Arial, Helvetica;
  font-size: 1.2em;
  line-height: 1.52;
}
p{
	display: block;
	margin-left: 5%;
	margin-right: 5%; }

h1
		{display: block;
		margin-left: 5%;
		margin-right: 5%;
		font-size: 1.4em;
		color: #1B75BC;
}

h2
	{display: block;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 1em;
	line-height: 1.2em;
	color: #1B75BC;
	}


h4
	{display: block;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 1.4em;
	color: #113344;

}

h5
{display: block;
	margin-left: 5%;
	margin-right: 5%;

	font-size: 1.4em;
	color: #1B75BC;

}
.przypis
{
	font-family: Arial, Helvetica;
	font-size: 0.6em;
	line-height: 0.9;
}

.container
{
	display: flex;
	column-gap: 15px;
	justify-content: flex-start;
	/*width: 15%*/
}

.formularz-tlo
{
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	background-color: #1B75BC;

	/*background-color: #1B75BC;*/

}

.lewy
{
	width: 35px;
	display: flex;
	/*justify-content: flex-start;*/
	text-align: left;
}
.prawy
{
	display:flex;
	/*justify-content: flex-start;*/
	/*text-align: left;*/
}

h7
{display: block;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 0.8em;
	line-height: 1.0;
	font-weight: bold;
	color: #FFFFFF;
}


h3
{display: block;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	font-size: 1em;
	line-height: 1.0;
	/*font-weight: bold;*/
	color: #FFFFFF;
}



form {
	display: block;
	max-width: 1000px;
	margin-left: 10%;
	margin-right: 10%;
	/*padding: 20px;*/
	resize: none;
}
input, textarea, select {
	width: 100%;
	/*padding: 10px;*/
	margin-bottom: 15px;
	resize: none;
	/*box-sizing: border-box; /* Ważne! */
}
input::placeholder {
	color: #999;
	font-family: Arial, Helvetica;
	font-size: 1.2em;
	font-style: italic;
}
input::checkbox {
	font-family: Arial, Helvetica;
	font-size: 0.3em;
	font-style: italic;
	text-align: left;
}

textarea::placeholder {
	color: #999;
	font-family: Arial, Helvetica;
	font-size: 1.2em;
	font-style: italic;
}

.button-submit {
	background-color: #007bff; /* Kolor tła */
	color: white;             /* Kolor tekstu */
	padding: 10px 20px;       /* Wypełnienie */
	border: none;             /* Usunięcie obramowania */
	border-radius: 5px;       /* Zaokrąglenie rogów */
	cursor: pointer;          /* Kursor dłoni po najechaniu */
	font-size: 16px;
	transition: background-color 0.3s; /* Płynna zmiana koloru */
}



/* Stylizacja kontenera banera */
.banner-submit {
	/*background-color: #2c3e50; /* Ciemne tło */
	/*background-color: green;*/
	color: white;
/*	padding: 40px 20px;*/
	padding: 0px 0px;
	text-align: center;
	border-radius: 10px;
	margin: 20px 0;
}
/*
.banner-content h2 {
	margin-top: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 24px;
}*/

.banner-content p {
	margin-bottom: 35px;
	margin-top: 35px;
	font-size: 16px;
	opacity: 0.9;
}

/* Stylizacja formularza i inputa */
.banner-content form {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap; /* Responsywność na małych ekranach */
}
/*
.banner-content input[type="email"] {
	padding: 10px;
	border: none;
	border-radius: 5px;
	width: 50px;
}*/

/* Stylizacja przycisku submit */
.submit-btn {
	/*padding: 10px 20px;*/
	padding: 10px 40px; /*marginsey wokół przycisku*/


	/*background-color: #e74c3c; /* Czerwony kolor przycisku*/
	background-color: #1B75BC;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	transition: background-color 0.3s ease; /* Animacja przy najechaniu */
}

/* Efekt najechania (hover) */
.submit-btn:hover {
	/*background-color: #c0392b;*/
	background-color: #0D3A5E;

}

/*koniec bannera*/


/* rwd */

@media (min-width: 1125px) {
	#wrapper{width:1050px !important;}
}

@media (min-width: 750px) {
	#header{margin-bottom:10px;}
	#fullheader{display:block;}
	#smallheader{display:none;}
	#wrapper{width:95%;margin-top:10px;}
	#LINKI{width:20%;float:left;text-align: left;}
	#content{width:70%;float:left;text-align: left;}
	#side{width:25%;float:right;}
	#LINKI{display:none;}
	#menu_trigger{display:none;}
	
		
	#menu{list-style:none;}
	#menu li{margin-bottom:2px;}
	#menu li a{display:block;height:auto;background:rgb(27,117,188);padding:8px 0 8px 20px;color:#000;text-decoration:none;}
	#menu li a:hover{background:#212121;color:#FFF;}
	#gallery { width: 500px; height: 380px; }
}

/* -------------------------------------------------------- */


@media (max-width: 750px) {
	#fullheader{display:none;}
	#smallheader{display:block;}	

	#wrapper{width:95%;margin-top:10px;}
	#content{text-align: left;}
	#LINKI{display:none;}

	
	#menu-box {position:relative;top:0;left:0;background:rgb(27,117,188);width:100%;}
	
	#menu_trigger{margin:5px 10px 5px 0;}
	
	#menu{position:absolute;list-style:none;background:rgb(27,117,188);width:100%;display:none;line-height: 0.7;}
	
	#menu li:first-child{padding-top:1px;}
	#menu li:last-child{padding-bottom:1px;}
	#menu li a{display:block;height:auto;padding:8px 0px 8px 20px;color:#000;text-decoration:none;}
	#menu li a:hover{background:#111111;color:#fff;}

	
}
table{
	border-spacing: 1em 1em; 
}

#cena {
   	table-layout: fixed;
	width: 130px;
	text-align: right;
}

#pozycja {
   	table-layout: auto;
}

#blueitalic {
	font-style: oblique;
	color: rgb(27,117,188);
}

img.centr {
	display: block;
	margin-left: auto;
	margin-right: auto; }


.whitelink a:link{color: rgba(0, 0, 0, 0);text-decoration: none;}
.whitelink a:hooover{color: rgba(0, 0, 0, 0);text-decoration: none;}
.whitelink a:visited{color: rgba(0, 0, 0, 0);text-decoration: none;}
.whitelink a:active{color: rgba(0, 0, 0, 0);text-decoration: none;}
.whitelink a{font-size: 0.00em; line-height: 0.00em; cursor: default;}