@import url('http://fonts.cdnfonts.com/css/autobus');
@import url('https://fonts.googleapis.com/css2?family=Armata&display=swap');
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-size:12px;
	font-family:Armata,sans-serif;
	color:black;
}
div{
	word-break: break-word;
}
body{
	background-color:#eee;
}
#baner{
	display:block;
	width:100%;
	-webkit-box-shadow: 1px 3px 9px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 3px 9px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 3px 9px 1px rgba(0, 0, 0, 0.5);
}
#baner2{
	display:none;
}
header{
	background-color:#eee;
	width:100%;
	height:60px;
	z-index:999;
	text-align:center;
	line-height:60px;
	padding-left:2vw;
	padding-right:2vw;
	border-bottom:5px solid #A4C900;
}
footer{
	background-color:#A4C900;
	width:100%;
	height:60px;
	padding:10px;
	z-index:999;
	position:fixed;
	bottom:0px;
	text-align:center;
	line-height:20px;
	-webkit-box-shadow: 0px -3px 9px -1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px -3px 9px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px -3px 9px -1px rgba(0, 0, 0, 0.5);
}
#panel{
	background-color:#eee;
	width:fit-content;
	margin:auto;
	text-align:center;
	border-bottom:1px solid black;
	margin-bottom:40px;
	height:fit-content!Important;
	overflow:hidden;
}
#s1,#f1{
	float:left;
}
form{
	margin:auto;
	width:fit-content;
	padding:20px;
	text-align:center;
}
#wy{
	margin:0;
	width:fit-content;
	padding:0px;
	text-align:center;
}
.bold{
	font-weight:bold;
	display:block;
	margin-bottom:20px;
}
input[type=text],input[type=password],input[type=number]{
	width:300px;
	height:50px;
	text-align:center;
	border:1px solid #ccc;
	margin-bottom:20px;
}
input[type=submit]{
	width:300px;
	height:50px;
	text-align:center;
	margin-bottom:20px;
	background-color:#A4C900;
	border:0px;
	transition:.5s;
}
#w{
	width:150px;
	margin-bottom:0px;
	height:60px;
	text-align:center;
	background-color:#A4C900;
	border:0px;
	transition:.5s;
}
#w:hover{
	background-color:#D92D29;
	color:white;
}
input[type=submit]:hover{
	background-color:black;
	color:white;
}
h1{
	font-size:15px;
	font-family:Armata;
	height:60px;
}
#b{
	width:100%;
}
.ii{
	display:none;
}
#logo{
	height:40px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
}
#logo2{
	height:20px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	transition-duration:0.5s;
}
#logo2:hover{
	height:30px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:20px;
}
#h1,#h2{
	float:left;
	width:fit-content;
	height:60px;
	padding-right:20px;
}
#h3,#h4{
	float:right;
	width:fit-content;
	height:60px;
}
#nav{
	float:left;
	height:60px;
}
a{
	text-decoration:none;
}
.normallink:hover{
	font-weight:bold;
}
.link{
	text-decoration:none;
	display:inline-block;
	width:120px;
	height:60px;
}
.link:hover{
	font-weight:bold;
}
.link:after{
	content: '';
	display: block;
	width:0px;
	height:5px;
	background-color:#D92D29;
	position:absolute;
	bottom:-5px;
	transition:.5s;
}
.link:hover:after{
	content: '';
	display: block;
	width:120px;
}
main{
	padding-top:40px;
	width:95%;
	margin:auto;
}
.fot{
	height:100px;
	width:100%;
	clear:both;
}
.art{
	width:48%;
	margin:1%;
	float:left;
	padding:15px;
	background-color:#333;
	border-radius:10px;
	border-bottom:1px solid white;
	-webkit-box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 1);
	-moz-box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 1);
	box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 1);
}
.art:after{
	background-color:#333;
	border:1px solid white;
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: relative;
	bottom: -26px;
	left: 80%;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
h2{
	font-family:autobus, sans-serif;
	font-size:19px;
	letter-spacing:1px;
	padding-bottom:10px;
}
.t{
	width:100%;
	clear:both;
}
.column1{
	float:left;
	width:22%;
	text-align:center;
	border-bottom:2px solid #A4C900;
	background:linear-gradient(to bottom,white,white,#eee);	
	margin:0.5%;
	border-radius:3px;
	height:200px;
	line-height:200px;
	padding:10px;
}
.column1h{
	float:left;
	width:22%;
	text-align:center;
	margin:0.5%;
	border-radius:3px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	background-color:#A4C900;
}
.column2{
	float:left;
	width:6.5%;
	text-align:center;
	border-bottom:2px solid #A4C900;
	background:linear-gradient(to bottom,white,white,#eee);	
	margin:0.5%;
	border-radius:3px;
	height:200px;
	line-height:200px;
}
.column2h{
	float:left;
	width:6.5%;
	text-align:center;
	margin:0.5%;
	border-radius:3px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	background-color:#A4C900;
}
.column3{
	float:left;
	width:38%;
	text-align:center;
	border-bottom:2px solid #A4C900;
	background:linear-gradient(to bottom,white,white,#eee);	
	margin:0.5%;
	border-radius:3px;
	height:200px;
	padding-left:20px;
}
.column3h{
	float:left;
	width:38%;
	text-align:center;
	margin:0.5%;
	border-radius:3px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	background-color:#A4C900;
	padding-left:30px;
}
.column4{
	float:left;
	width:9%;
	text-align:center;
	border-bottom:2px solid #A4C900;
	background:linear-gradient(to bottom,white,white,#eee);	
	margin:0.5%;
	border-radius:3px;
	height:200px;
	line-height:200px;
}
.ico{
	width:100%;
	height:100%; 
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
}
.pdf{
	height:30px;
	margin-right:20px;
}
.instr{
	border-spacing:0px;
	border-collapse:collapse;
}
.instrtd{
	vertical-align:middle;
	height:40px;
	text-align:left;
}
.trash{
	width:100%!Important;
	height:40px!Important;
	margin-bottom:0px!Important;
}
.ftrash{
	margin:auto;
	width:80%!Important;
	height:40px!Important;
	padding:0px;
	margin-bottom:0px;
}
.utxt{
	width:400px!Important;
}
input[type=file],input[type=multifile]{
	width:400px;
	background-color:#A4C900;
	color:white;
	border:1px solid #ccc;
	margin-bottom:20px;
}
.usubmit{
	width:400px!Important;
}
select{
	width:400px;
	height:50px;
	text-align:center;
	border:1px solid #ccc;
	margin-bottom:20px;
	border-radius:0px!Important;
}
option{
	border-radius:0px!Important;
}
#sortowanie{
	width:130px!Important;
}
.ssubmit{
	width:100px!Important;
}
.ftxt{
	width:130px!Important;
}
#filtry{
	clear:both!Important;
	width:fit-content!Important;
	margin:auto!Important;
}
#nav2{
	display:none;
}
#menu{
	width:45px;
	height:45px;
	position:absolute;
	top:5px;
	right:5px;
	display:none;
}
@media(max-width:1200px){
	#f1{
		clear:both!Important;
		margin:auto!Important;
		width:fit-content!Important;
	}
	#s1{
		float:none;
		margin:auto;
	}
	*{
		font-size:12px;
	}
}
@media(max-width:840px){
	#nav{
		display:none;
	}
	#nav2{
		display:block;
		position:absolute;
		right:0px;
		top:60px;
		width:40%;
		border-bottom:5px solid #A4C900;
		border-left:1px solid #bbb;
		background-color:#eee;
		display:none;
	}
	.link{
		text-decoration:none;
		display:block;
		width:100%;
		height:60px;
		transition:.5s;
	}
	.link:hover{
		font-weight:bold;
		background-color:black;
		color:white;
	}
	.link:after{
		content: '';
		display: block;
		width:0px;
		height:5px;
		background-color:#D92D29;
		position:absolute;
		bottom:-5px;
		transition:0s;
	}
	.link:hover:after{
		content: '';
		display: block;
		width:0px;
	}
	#menu{
		display:block;
	}
	#h1,#h2{
		float:left;
		width:fit-content;
		height:60px;
		padding-right:10px;
	}
	#wy{
		margin:0;
		width:fit-content;
		padding:0px;
		text-align:center;
	}
	#w{
		width:fit-content;
		padding-left:10px;
		padding-right:10px;
		margin-bottom:0px;
		height:60px;
		text-align:center;
		background-color:#A4C900;
		border:0px;
		transition:.5s;
		margin-left:20px;
	}
	#w:hover{
		background-color:#D92D29;
		color:white;
	}
	#baner2{
		display:block;
		width:100%;
		-webkit-box-shadow: 1px 3px 9px 1px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 1px 3px 9px 1px rgba(0, 0, 0, 0.5);
		box-shadow: 1px 3px 9px 1px rgba(0, 0, 0, 0.5);
	}
	#baner{
		display:none;
	}
	form{
		margin:auto;
		width:100%;
		padding:0px;
		text-align:center;
	}
	input[type=text],input[type=password],input[type=number]{
		width:100%;
		height:50px;
		text-align:center;
		border:1px solid #ccc;
		margin-bottom:10px;
	}
	input[type=submit]{
		width:100%;
		height:50px;
		text-align:center;
		margin-bottom:10px;
		background-color:#A4C900;
		border:0px;
		transition:.5s;
	}
	input[type=submit]:hover{
		background-color:black;
		color:white;
	}
	.utxt{
		width:100%!Important;
	}
	input[type=file],input[type=multifile]{
		width:100%!Important;
		background-color:#A4C900;
		color:white;
		border:1px solid #ccc;
		margin-bottom:10px;
	}
	select{
		width:100%!Important;
		height:50px;
		text-align:center;
		border:1px solid #ccc;
		margin-bottom:10px;
		border-radius:0px!Important;
	}
	.usubmit{
		width:100%!Important;
	}
}
@media(max-width:700px){
	#sortowanie{
		width:40%!Important;
	}
	.ssubmit{
		width:40%!Important;
	}
	.ftxt{
		width:40%!Important;
	}
	#logo{
		height:30px;
		margin-top:15px;
		margin-bottom:15px;
		margin-right:10px;
	}
	.c1{
		float:none;
		width:100%;
		text-align:center;
		border-bottom:0px;
		background:linear-gradient(to bottom,#A4C900,#A4C900);	
		font-weight:bold;
		border-radius:0px;
		height:30px;
		line-height:30px;
		padding:0px;
		clear:both;
		margin-top:10px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	}
	.column1h{
		display:none;
	}
	.column2h{
		display:none;
	}
	.column3h{
		display:none;
	}
	.c2{
		float:none;
		width:100%;
		text-align:center;
		border-bottom:0px;
		background:linear-gradient(to bottom,white,white);	
		margin:0px;
		border-radius:0px;
		height:200px;
		line-height:200px;
		clear:both;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	}
	.c3,.c4{
		float:left;
		width:50%;
		text-align:center;
		border-bottom:0px;
		background:linear-gradient(to bottom,white,white);	
		margin:0px;
		border-radius:0px;
		height:30px;
		line-height:30px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	}
	.c5{
		float:none;
		width:100%!Important;
		text-align:center;
		border-bottom:0px;
		background:linear-gradient(to bottom,white,white);	
		margin:0px;
		border-radius:0px;
		height:fit-content!Important;
		clear:both;
		border-bottom:2px solid #A4C900;
		padding-top:10px!Important;
		padding-bottom:10px!Important;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	}
	.c6{
		float:none;
		clear:both;
		width:100%;
		text-align:center;
		border-bottom:0px;
		background:linear-gradient(to bottom,white,white,#eee);	
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		border-radius:0px;
		height:fit-content;
		line-height:0px;
	}
	.instrtd{
		vertical-align:middle;
		height:30px;
		text-align:left;
	}
	.trash{
		width:100%!Important;
		height:40px!Important;
		margin-bottom:0px!Important;
	}
	.ftrash{
		width:100%!Important;
		height:40px!Important;
		padding:0px;
		margin-bottom:0px;
	}
	.ii{
		display:inline-block;
	}
}