html {
/*  min-width: 20em;
  height: 100%;
  background: radial-gradient(#fbfbfb, #8b8b8b);*/
	width:100%;
	height:auto;
  background: url(images/hatter.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:0px;
  padding:0px;	  
}

.oldal {
	width:720px;
	height:auto;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/takaro.png);
	background-repeat:repeat;	
}

.oldal h1{
	text-align:center;
	color:#1784bb;
}

input[type='range'] {
/*  position: absolute;
  top: 50%;
  left: 33%;*/
  border: solid 0 transparent;
  border-width: 0 0.5em 0.75em;
  padding: 0 0 1.5em;
  width: 19.75em;
  height: 4.5em;
  border-radius: .25em;
/*  transform: translate(-50%, -50%) rotate(-90deg);*/
  background: linear-gradient(#868686, #868686) calc(100% - 0.1825em) calc(100% - 0.6875em), linear-gradient(90deg, #868686, #868686 0.125em, rgba(0, 0, 0, 0) 0.125em, rgba(0, 0, 0, 0) 18.635em) 0.495em calc(100% - 0.375em), radial-gradient(#919191, rgba(145, 145, 145, 0)) 2.3125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 3.8125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 5.3125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 6.8125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 8.3125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 9.8125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 11.3125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 12.8125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 14.3125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 15.8125em 100%, radial-gradient(#919191, rgba(145, 145, 145, 0)) 17.3125em 100%;
  background-repeat: no-repeat, repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 0.75em 0.125em, 18.635em 0.75em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em, 0.125em 1.5em;
/*  font-size: 1em;*/
	font-size:14px;
  cursor: pointer;
}
input[type='range'], input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type='range']::-webkit-slider-runnable-track {
  box-sizing: border-box;
  padding: 0.125em;
  width: 19.75em;
  height: 0.5em;
  border-radius: 0.5em / 0.25em;
  box-shadow: inset 0 1px 1px #fff,  0 1px 1px #999;
  background: linear-gradient(#999999, #999999) content-box, linear-gradient(#efefef, #c2c2c2) border-box;
}
input[type='range']::-moz-range-track {
  box-sizing: border-box;
  padding: 0.125em;
  width: 19.75em;
  height: 0.5em;
  border-radius: 0.5em / 0.25em;
  box-shadow: inset 0 1px 1px #fff,  0 1px 1px #999;
  background: linear-gradient(#999999, #999999) content-box, linear-gradient(#efefef, #c2c2c2) border-box;
}
input[type='range']::-ms-track {
  border: none;
  box-sizing: border-box;
  padding: 0.125em;
  width: 19.75em;
  height: 0.5em;
  border-radius: 0.5em / 0.25em;
  box-shadow: inset 0 1px 1px #fff,  0 1px 1px #999;
  background: linear-gradient(#999999, #999999) content-box, linear-gradient(#efefef, #c2c2c2) border-box;
  color: transparent;
}
input[type='range']::-webkit-slider-thumb {
  margin-top: -1.625em;
  box-sizing: border-box;
  border: solid 0 transparent;
  border-width: 1px .3125em;
  width: 2.25em;
  height: 3.5em;
  border-radius: 0.5em;
  box-shadow: -0.84375em 0 0.84375em -0.84375em #111, -0.84375em 0 1.125em -0.84375em #111, -0.84375em 0 1.40625em -0.84375em #111, -0.84375em 0 1.6875em -0.84375em #111, -0.84375em 0 1.96875em -0.84375em #111, -1.125em 0 2.25em -0.84375em #111;
  background: linear-gradient(90deg, #f5f5f5, #bbbbbb) content-box, linear-gradient(90deg, #a9a9a7, #f7f7f7) border-box;
  cursor: ew-resize;
}
input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  border: solid 0 transparent;
  border-width: 1px .3125em;
  width: 2.25em;
  height: 3.5em;
  border-radius: 0.5em;
  box-shadow: -0.84375em 0 0.84375em -0.84375em #111, -0.84375em 0 1.125em -0.84375em #111, -0.84375em 0 1.40625em -0.84375em #111, -0.84375em 0 1.6875em -0.84375em #111, -0.84375em 0 1.96875em -0.84375em #111, -1.125em 0 2.25em -0.84375em #111;
  background: linear-gradient(90deg, #f5f5f5, #bbbbbb) content-box, linear-gradient(90deg, #a9a9a7, #f7f7f7) border-box;
  cursor: ew-resize;
}
input[type='range']::-ms-thumb {
  box-sizing: border-box;
  border: solid 0 transparent;
  border-width: 1px .3125em;
  width: 2.25em;
  height: 3.5em;
  border-radius: 0.5em;
  box-shadow: -0.84375em 0 0.84375em -0.84375em #111, -0.84375em 0 1.125em -0.84375em #111, -0.84375em 0 1.40625em -0.84375em #111, -0.84375em 0 1.6875em -0.84375em #111, -0.84375em 0 1.96875em -0.84375em #111, -1.125em 0 2.25em -0.84375em #111;
  background: linear-gradient(90deg, #f5f5f5, #bbbbbb) content-box, linear-gradient(90deg, #a9a9a7, #f7f7f7) border-box;
  cursor: ew-resize;
}
input[type='range']::-ms-fill-lower, input[type='range']::-ms-tooltip {
  display: none;
}

input[type='range']:focus {
  outline: none;
  box-shadow: 0 0 .25em #808080;
}

.tarea {
    background-color: white;
    border: 1px solid #eeeeee;
    border-radius: 0 !important;
    box-shadow: none;
	color:#333;
    font-size: 16px;
    height: 135px;
    line-height: 18px;
    padding: 10px;
    resize: vertical;
    width: 80%;
}

.kuld {
    background-color: #1784bb;
    border: 1px solid #eeeeee;
    border-radius: 0 !important;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    height: 45px;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    transition: color 1s linear 0s;
    width: 150px;
}

.kuld:hover {
	background-color:#32aae2;
}

.inposzlopok {
	width:70%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.balinp {
	float:left;
}

.jobbinp {
	float: right;
}

.inputf {
    background-color: white;
    border: 1px solid #eeeeee;
    border-radius: 0 !important;
    box-shadow: none;
	color:#333;
    font-size: 16px;
    line-height: 18px;
    padding: 10px;
	height:20px;
}

.megj {
	font-size:14px;
	color:#333333;
}