body {
	font-family:tahoma; font-size:90%; color:#242b37;
}
#top {
	background:#f3f3f3;
	margin-bottom:10px; padding-top:10px;
	border-top:1px solid #dedede; border-bottom:1px solid #dedede;
	height:30px;
}
#top .header {
	margin:0 auto;
	max-width:1200px;
}
#top .header .contact {
	float:left;
	margin:0 5%;
	width:45%;
}
#top .header .login {
	float:left;
	margin:0 5%;
	width:35%;
	text-align:right;
}
#header {
	margin:0 auto;
	max-width:1200px;
}
#header .banner {
	position:relative;
	background-image:url('/img/www/banner.jpg'); background-position:right; background-size:cover;
	width:100%; height:350px;
}
#header .banner .slogan {
	position:absolute;
	padding:10px 0;
	background:white; filter:alpha(opacity=80); opacity:0.8;
	bottom:10%; left:5%;
	width:300px;
	font-size:160%; text-align:center;
}
#content {
	margin:0 auto;
	max-width:1200px;
}
#content .infos {
	float:left;
	margin-top:10px; padding:10px 0;
	background-color:green;
	width:100%;
	text-align:center; color:white;
	display:none;
}
#content .steps {
	float:left;
	padding:10px 0;
	border-bottom:2px solid #dedede;
	width:100%;
	text-align:center;
}
#content .steps ul {
	margin:0; padding:0;
	width:100%;
}
#content .steps li {
	float:left;
	list-style-type:none;
	width:20%;
}
#content .steps li b {
	background:#08569d;
	padding:0 5px;
	color:white;
}
#content .container {
	float:left;
	margin:10px 5%;
	width:90%;
}
#content .container .section {
	float:left;
	margin:10px 3%;
	border-bottom:2px solid #dedede;
	width:27%;
}
#content .container .section img {
	width:100%;
}
#content .container .banner {
	float:left;
	margin:10px 8%;
	width:84%;
}
#content .container .banner video {
	padding:1%;
	filter:alpha(opacity=50); opacity:0.5;
	border:1px solid #dedede;
	width:98%;
	height:auto;
}
#footer {
	display:table;
	margin:0 auto;
	border-top:2px solid #dedede;
	width:1200px;
}
#footer .contact {
	float:left;
	margin:10px 5%;
	width:45%;
}
#footer .links {
	float:left;
	margin:10px 5%;
	width:35%;
	text-align:right;
}
#footer .links a {
	margin-left:3px;
}
#panel {
	margin:0 auto;
	max-width:1320px;
	font-size:13px;
}
#panel .container {
	float:left;
	background:#f9f9f9;
	width:100%;
	border-bottom:3px solid #dedede;
	border-radius:25px;
}
#panel .container fieldset {
	margin-top:10px; padding:10px;
	border:1px solid #c0c0c0;
	border-radius:5px;
}

#panel_01 {float:left;background:#e2e2e2;margin-bottom:5px;padding-bottom:5px;width:100%;border-bottom:1px solid black;border-radius:5px;}
#panel_01:hover {background:white;}
#panel .naglowek {background:#c0c0c0;padding:0 5px;color:white;}
#panel a {color:black;text-decoration:none;text-decoration:underline;}
#panel a:hover {}
#panel form {padding:0;margin:0;}
#panel input {background-color:white;padding:5px;width:120px;border:1px solid black;font-size:12px;color:black;}
#panel input[type='submit'] {font-weight:bold;font-size:12px;cursor:pointer;}
#panel select {background-color:white;padding:5px;width:130px;border:1px solid black;font-size:12px;color:black;}
#panel textarea {background-color:white;padding:5px;width:120px;border:1px solid black;font-size:12px;color:black;}

video::-webkit-media-controls {overflow:hidden !important;}
video::-webkit-media-controls-enclosure {margin-left:auto;width:calc(100% + 32px);}

#cookies-message {position:fixed;bottom:0;left:0;right:0;padding:5px 0;background-color:black;width:100%;text-align:center;color:white;z-index:999;}
#cookies-accept {display:inline-block;padding:5px;background-color:white;color:black;text-decoration:none;cursor:pointer;}

h1,h2 {text-align:left;}
p, li {line-height:20px;}

@media only screen and (max-width: 1225px) {
	#top .header {
		width:100%;
	}
	#header {
		margin:0 auto;
		width:100%;
	}
	#header .banner {
		height:300px;
	}
	#content {
		margin:0 auto;
		width:100%;
	}
	#content .container .section {
		margin:10px 5%;
		width:40%;
	}
	#footer {
		margin:0 auto;
		width:100%;
	}
}
@media only screen and (max-width: 760px) {
	#top .header .contact {
		width:90%;
		text-align:center;
	}
	#top .header .login {
		display:none;
	}
	#content .steps {
		display:none;
	}
	#content .container .banner {
		margin:10px 5%;
		width:90%;
	}
	#footer .contact {
		width:90%;
		text-align:center;
	}
	#footer .links {
		width:90%;
		text-align:center;
	}
}
@media only screen and (max-width: 540px) {
	#header .banner .slogan {
		padding:5px 0;
		bottom:3%; left:0;
		margin:10px 5%;
		width:90%;
		font-size:140%;
	}
	#content .infos {
		display:table;
	}
	#content .container .section {
		margin:10px 5%;
		width:90%;
	}
}