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 {
	background: url(images/mask.png) left top repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#siatka_left {
	background: url(images/mask_left.png) left top repeat-y;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
*/
#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;
}

#search_box {
	/*
	background-color: #CCCCCC;
	border-radius: 15px;
	border: 4px solid #DD8855;
	position: absolute;
	width: 600px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -20px;
	*/
}

#search_text {
	/*
	border-radius: 10px;
	border: 2px solid #DD8855;
	position: relative;
	margin: 2px;
	//z-index: 110;
	//width: 500px;
	//height: 30px;
	*/
}


.textarea {
	/*
	background-color: #88BBBB;
	position: relative;
	border:3px solid #000000;
	margin: 0 auto;
	max-width:1200px;
	top: 100px;
 // margin-left: 300px!important;
 */
}

.textarea-one {
	/*
	position: relative;
	background-color: #888888;
	left: 10px;
	z-index: 155;
	*/
}

.search-container .search {
//    margin-left: 230px!important;
}


.search {
	/*
	background-color: #BBBBBB;
	border-radius: 7px;
	padding: 7px;
	position: relative;
	max-width: 600px;
	*/
}



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

.position-relative {
//  position: relative!important;
}

.d-flex {
//  display: flex!important;
}


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

.radio {
	background: #F6F6F6;
//	margin:6px 30px 12px 30px;
	padding: 0px;
	position: relative;
//	border:1px solid blue;

}

.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 {
	text-align: center;
	padding:4px;
	margin: auto;
	position: absolute;
	width:100%;

	top:8px;
	color: #393939;
	font-size: min(4vw, 32px);
	font-weight:bold;
	text-shadow: 5px 3px 4px #44444477;
}

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

#footer_a {
	color: #393939;
}

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