h1::first-letter {
	text-transform: uppercase;
}

@keyframes zamknij_komunikat {
	0%   { opacity: 0; padding: 16px; margin: 14px 0px; line-height: 20px;}
	1%   { opacity: 1; padding: 16px; margin: 14px 0px; line-height: 20px;}
	50%  { opacity: 1; padding: 16px; margin: 14px 0px; line-height: 20px;}
	99%  { opacity: 0; padding: 16px; margin: 14px 0px; line-height: 20px;}
	100%  { opacity: 0; padding: 0; margin: 0; line-height: 0;}
}
.blad {
	background: #ffffff;
	background: linear-gradient(to right, #d60000 0%, #d60000 48px, #ffffff 48px, #ffffff 100%);
	border: 1px solid #d60000;
	color: #d60000;
	padding: 16px 16px 16px 64px;
	margin: 14px 48px 0px 48px;
}
.ostrzezenie {
	background: #ffffff;
	background: linear-gradient(to right, #FF8000 0%, #FF8000 48px, #ffffff 48px, #ffffff 100%);
	border: 1px solid #FF8000;
	color: #FF8000;
	padding: 16px 16px 16px 64px;
	margin: 14px 48px 0px 48px;
}
.informacja {
	background: #ffffff;
	background: linear-gradient(to right, #49ad00 0%, #49ad00 48px, #ffffff 48px, #ffffff 100%);
	border: 1px solid #49ad00;
	color: #49ad00;
	padding: 16px 16px 16px 64px;
	margin: 14px 48px 0px 48px;
}
.komunikat {
    background: #fbfbfb;
		background: linear-gradient(to right, #999999 0%, #999999 48px, #ffffff 48px, #ffffff 100%);
    border: 1px solid #EAEAEA;
    padding: 16px 16px 16px 64px;
    margin: 14px 48px 0px 48px;
}
.sql {
	background: #ffffff;
	background: linear-gradient(to right, #0049ad 0%, #0049ad 48px, #ffffff 48px, #ffffff 100%);
	border: 1px solid #0049ad;
	color: #0049ad;
	padding: 16px 16px 16px 64px;
	margin: 14px 48px 0px 48px;
}
.blad::before,
.ostrzezenie::before,
.informacja::before,
.komunikat::before,
.sql::before {
	font-family: "Font Awesome 5 Free";
	color: #ffffff;
	position: absolute;
	margin: -2px auto auto -64px;
	font-size: 150%;
	display: block;
	width: 48px;
	text-align: center;
}
.blad::before { content: "\f06a"; }
.ostrzezenie::before { content: "\f071"; }
.informacja::before { content: "\f129"; }
.komunikat::before { content: "\f129"; }
.sql::before { content: "\f121"; }

.strona-tresc a:link		{color: #A85700; outline: none;}
.strona-tresc a:visited	{color: #A85700; outline: none;}
.strona-tresc a:hover		{color: #A85700; outline: none; text-decoration: underline;}
.strona-tresc a:active		{color: #A85700; outline: none;}

.html-hidden {display:none;}

.btn-modul {
	margin: 2px;
	display: inline-block;
	min-width: 130px;
	padding: 0px 0px 0px 32px;
	margin: 2px;
	background: #456d00;
	color: #ffffff;
}
.btn-modul input[type='submit'],
.btn-modul input[type='reset'],
.btn-modul input[type='button'],
.btn-modul button {
	font-family: 'Open Sans', sans-serif;
	border: 0px none transparent;
	background: #456d00;
	font-size: 16px;
	min-width: inherit;
	color: #ffffff;
	min-height: 32px;
	max-height: 32px;
	cursor: pointer;
}

.btn-modul input[type='reset']{
	background: #e60000;
}
.btn-modul .btn_fas {
	position: absolute;
	margin: 9px 0px 0px -21px;
	z-index: 1;
}
.menu-modul select {
	display: inline-block;
	font-size: 14px;
	width: 240px;
	padding: 8px 12px;
	margin: 2px;
	background-color: #ffffff;
	border: 0px none transparent;
	color: #323232;
	text-align: left;
	text-transform: capitalize;
}
