.select, textarea, input[type=text], input[type=password], input[type=email], input[type=date]{
    padding: 3px 5px;
font-family: 'Slabo 27px', serif;
    margin: 2px 0;
    box-sizing: border-box;
	background-color: #dcdcdc;
    border: none;
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.szgomb, .vgomb
{
	border:none;
	padding: 15px 15px;	
	margin-top: 4%;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 5000;
	font-size: 3vh;
	font-family : inherit;
	color: white;
	text-align: left;
	display: block;
	position: relative;
	z-index: auto;
}
.tgomb
{
	border:none;
	padding: 5px 5px;
margin-left: 10px;	
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 5000;
	font-size: 14pt;
	line-height: 21pt;
	font-family : inherit;
	color: white;
	text-align: left;
	z-index: auto;

}
.gombsor {
	position: absolute;
	bottom: 10px;
	right: 10px;
    display: block;
width: 300px;	
}
.narancs {
background-color: #ff6600;	
}
.szurke {
background-color: #393939;	
}
.jobbra {
	float: right;
}
.balra {
	float: left;
}
.kozepre {
	margin-left: auto;
	margin-right: auto;	
}
.szgomb:hover, .vgomb:hover , .tgomb:hover
{
box-shadow: 2px 0px 20px #fff;	
}
.szgomb-ikon
{
	font-size: 3.5vh;
	margin: 0px 8px;
}
.tgomb-ikon
{
	font-size: 21pt;
	line-height: 26pt;
	margin-left: 5px;
}
.ajanlatkeres{
	width: 80%;
	color: #fff;
	padding: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #383838;
	display: table;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.ajanlatkeres_kisszoveg {
font-size: 8pt;
line-height: 8pt;	
}
.ajanlatkeres_sor {
	box-sizing: border-box;
	width: 98%;	
	display: table;
	padding: 0px;	
}
.ajanlatkeres_sor select{	
	width: 100%;
	float: left;
	border: none;
	padding: 6px;
	margin-right: 0px;
	box-sizing: border-box;
	font-size: 12pt;
}
#ajanlatkeres{	
	width: 100%;
	float: left;
	box-sizing: border-box;
	font-size: 12pt;
}
#ajanlatkeres_label {
    width: 36%;
	float: left;
		text-align: left;
	font-size: 12pt;
	line-height: 16pt;
}
.ajanlatkeres_bal {
padding: 8px;	
float: left;
width: 48%;	
}
.ajanlatkeres_bal h2{
font-size: 18pt;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.balcsik {
  border-left: 1px solid white;
}
	.checkbox {
		display: inline-block;
		cursor: pointer;
margin-top: 11px; 
		margin-left: 30px; 
		line-height: 18px;
	}
	input[type=checkbox] {
		display:none; 
	}
	.checkbox:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		vertical-align:middle;
		background-color: #dcdcdc;
		color: #ff6600;
		margin-right: 10px; 
		margin-top: 2px;
		text-align: center;
		box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); 
		border-radius: 3px;
	}
	input[type=checkbox]:checked + .checkbox:before {
		content: "\2713";
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
		font-size: 28px;
	}
#ajanlatkeres-gomb {
	border:none;
	background-color: #ff6600;	
	width: 20%;	
  margin-left: 40%;
	margin-right: 40%;
	padding: 6px 5px;	
	margin-top: 5px;
	cursor: pointer;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index:910;
	font-size: 28pt;
	font-family : inherit;
	  font-weight: bold;
}
#ajanlatkeres-gomb:hover
{
	box-shadow: 2px 0px 20px #fff;
}
.vissza-gomb
{
	border:none;
	background-color: #445510;	
	width: 20%;	
	padding: 6px 5px;	
	margin-left: auto;
	margin-right: auto;
	float: right;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 5000;
	font-size: 13pt;
	font-family : inherit;
	color: white;
}
.vissza-gomb:hover
{
	box-shadow: 2px 0px 20px #fff;	
}	
@media screen and (max-width: 1200px) {
.ajanlatkeres{
	padding: 1%;
	width: 90%
}
.ajanlatkeres_bal {
padding: 0.5%;	
float: left;
width: 48%;	
}
.ajanlatkeres_bal h2{
font-size: 2vw;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-left: 1%;
}
#ajanlatkeres-gomb {
	font-size: 3vw;
}
}
@media screen and (max-width: 720px) {
.ajanlatkeres_bal {
width: 100%;	
}
.ajanlatkeres_bal h2{
font-size: 4vw;
}
.balcsik {
  border-left: 0px solid white;
}
}
@media screen and (max-width: 600px) {
.ajanlatkeres{
	padding: 1%;
	width: 100%
}
#ajanlatkeres-gomb {
	font-size: 5vw;
		width: 80%;	
  margin-left: 10%;
	margin-right: 10%;
}
.checkbox {
		margin-left: 10px; 
	}
}