* {
	margin: 0 auto;
	padding: 0 auto;
	box-sizing: border-box; /* Ułatwia zarządzanie wymiarami elementów */
}

body {
	width: 100%;
	height: 100%;
	font-family: Arial, sans-serif;
	background-color: #E4E4E4;
	color: #000004;
	line-height: 1.6; /* Ułatwia czytanie */
}

@font-face {
	font-family: 'Calendar';
	src: url('../font/calendar.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.page {
	width: 100%;
	height: 100%;
}

.header {
	position: sticky;
	top: 0;
}

.headerTop {
	width: 100%;
	height: 50px;
	background-color: #272A30;
	color:#FFFFFF;
	display: flex;
	align-items: center;
}

.headerTopContent {
	width: 1000px;
	display: flex;
	align-items: center;
}

.headerTopLeft {
	flex: 1;
	text-align: left;
	padding-left: 10px;
}

.headerTopCenter {
	padding-right: 20px;
}
.headerTopCenter a {
	color: #FFFFFF;
	text-decoration: none;
	transition: color 0.3s ease;
}
.headerTopCenter a:hover {
	color: silver;
}


.headerTopRight {
	
}

.headerTopRight svg {
	width: 30px;
	height: 30px;
	margin-top: 8px;
}

.headerNagl {
	width: 1000px;
	height: 90px;
	background-color: #E4E4E4;
	display: flex;
}

.headerLogo {
	height: 10px;
	margin-top: 20px;
}

.headerLogo img {
	width: 200px;
}

.headerMenu {
	flex: 1;
	text-align: right;
	height: 10px;
	margin-top: 20px;
}

.menu, .submenu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative; /* Konieczne dla absolutnego pozycjonowania podmenu */
	display: block; /* Przełącza z domyślnego ustawienia Flexboxa */
}

.menu li, .submenu li {
	display: inline-block;
}

.footer {
	width: 100%;
	min-height: 200px;
	background-color: #88AFBD;
	margin-top: 50px;
	text-align: center;
}

.footerContainer {
	width: 1000px;
	padding-top: 20px;
	display: flex;
	color: #000000;
}

.footerLeft {
	width: 400px;
}

.footerLeft ul {
	margin: 0;
	padding: 0;
}

.footerLeft li {
	list-style: none;
}

.footerLeft li a {
	color: #002D62;
	font-weight: bold;
	text-decoration: none;
}

.footerLeft li a:hover {
	color: #0047AB;
}

.footerRight {
	width: 400px;
}

.footerRight img {
	width: 90%;
}

.footerRight a {
	color: #002D62;
	font-weight: bold;
	text-decoration: none;
}

.footerRight a:hover {
	color: #FDC502;
}


@media screen and (max-width: 768px) {
	.headerTopContent, .headerNagl, .footerContainer, .footerLeft, .footerRight {
		width: 100%;
	}
	.headerTopLeft {
		font-size: small;
	}
}