body,	html { 
	margin: 0; padding: 0;
	background: url(images/tlo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	color: #444444;
	font-size:18px;
	
	font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		
}

#siatka_top {
	background: url(images/mask_top.png) left top repeat-x;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#footer {
	background: url(images/mask_top.png) left top repeat-x;
}


*, ::after, ::before {
    box-sizing: border-box;
}


/*************************************************************************************************/

.radio {
	background: #F6F6F6;
	padding: 0px;
	position: relative;

}

.radio input {
	width: auto;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	cursor: pointer;
	border-radius: 2px;
	padding: 3px 20px 5px 20px;
	margin: 4px;
	background-color: #888888;
	color: #EEEEEE;
	font-size: 18px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	transition: all 50ms linear;
	box-shadow: 2px 2px 2px #00000066;
	text-shadow: 2px 2px 2px #79485f7a;
	background-image: linear-gradient(180deg, #AAAAAA, #666666);
}

.radio input:hover {
	color: #EEEE00;
	background-image: linear-gradient(180deg, #B8B8B8, #7A7A7A);
}


.radio input:checked {
	background-image: linear-gradient(180deg, #6699BB, #000055);
	color: #ffffff;
}

.radio input:active {
	box-shadow: 1px 1px 1px #00000066;
}

.radio input:before {
	content: attr(label);
	display: inline-block;
	text-align: center;
	width: 100%;
}

.search_button {
	border-radius: 3px;
	padding:12px;
	width: 100%;
	font-size: 20px;
	border:0px; 
	cursor: pointer;
	background-image: linear-gradient(180deg, #DD5555, #883333);
	color: #ffffff;
	box-shadow: 3px 3px 3px #00000066;
	text-shadow: 3px 3px 3px #79485f7a;
}

.search_button:hover {
	background-image: linear-gradient(180deg, #EE5858, #993838);
	color: #ffff00;
}

.search_button:active {
	box-shadow: 1px 1px 1px #00000066;
}

input {
	background-color: #FFFFFF;
  border: none;
	width:100%;
}

input:focus {
 // outline: none;
  outline-color:#888888;
}

form {
  display: block;
  margin-top: 0em;
}

img, svg {
  vertical-align: middle;
}

::placeholder {
  color: #888888;
  opacity: 1;
}

a {
	text-decoration: none;
	color: #005599;
}

a:hover {
	color: #DD0000;
}

#header_a {
	padding:4px;
	width:100%;

	color: #F8F8F8;
	font-size: min(4vw, 32px);
	font-weight:bold;
	text-shadow: 5px 3px 4px #4499FF99;
}

#header_a:hover {
	text-shadow: 5px 3px 4px #FF550099;
}

#footer_a {
	color: #F8F8F8;
}

#footer_a:hover {
	text-shadow: 5px 3px 4px #FF550099;
}

.container{
  display:flex;
  justify-content:space-around;
  margin: auto; 
}
.x{
  text-align:center;
}