.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
body,html
{
	width: 100%;
	margin: 0px;
	left: 0px;
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	background: #ffffff;
	text-align: center;
	color: #333; 
	outline: none !important;
	box-sizing: border-box !important;
}
::-webkit-scrollbar {width: 5px; ; }
::-webkit-scrollbar-track { background: none; opacity: 0;}
::-webkit-scrollbar-thumb {  background: #ccc; border-radius: 10px; opacity: 0.1 !important}
::-webkit-scrollbar-thumb:hover {  opacity: 0.8;}  
i
{
	font-family:  FontAwesome !important;
	font-style: normal;
}
input{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 1vw 2vw;
	font-size: 1.5vw;
	line-height: 2vw;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	width: 80%;
	border-radius: 4px;
}
textarea{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 1vw 2vw;
	font-size: 1.5vw;
	line-height: 2vw;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	width: 80%;
	height: 10vw;
	border-radius: 4px;
}
Button{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 2vw;
	font-size: 1.5vw;
	line-height: 2vw;
	background: #e9dedd;
	color: #333;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	border-radius: 4px;
}
a
{
	color: #000;
	text-decoration: none;
	font-weight: 800;
}
#menucontainer
{
	width: 100%;
	height:5vw;
	background: #e9dedd;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100000;
	line-height: 5vw;
}
#menu_logo
{
	position: relative;
	z-index: 100000;
	float: left;
	overflow: hidden;
	color: #4a392f;
	width: 30%;
	height: 5vw;
	line-height: 5vw;
	font-size: 1.5vw;
	text-align: left;
}
	#menu_logo img
	{
		height: 85%;		
		padding: 2%;
		float: left;
		background: #fff;
		border-radius: 50%;
		margin-right: 1vw;
	}
#menu
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 90% ;
	height: 5vw;
	line-height: 5vw;
	z-index: 100000;
	text-align: right;
	padding: 0px 5%;
	float: right;
	box-shadow: 0px 0px 3px #999;
}
nav {
	z-index: 1010;
	width: auto;
	text-align: right;
	line-height: 5vw;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;	
	height: 5vw;
	font-size: 1.2vw;
	display: inline-block;
}
	nav ul {
		padding: 0px;
		margin: 0px;
		height: 4vw;
	}
	nav li {
		display: inline-block;
		padding: 0px 0.2vw;
		cursor: pointer;
		color: #4a392f;
	}
	.dekor {
		position: absolute;
		font-size: 0.3vw;
		color: #4a392f;
		cursor: pointer;
		padding: 0px;
		text-align: center;
		margin-top: -0.5vw;
	}
	.dekorx
	{
		
	}
	 #logo_menu
	{
		position: relative;
		height: auto;
		overflow: hidden;
		width: auto;
		float: left;
	}	
	#menuit
	{
		position: relative;
		height: auto;
		overflow: hidden;
		width: auto;
	}
	#logo_menu img
	{
		height: 3vw;
		border: 0px solid #fff;
		margin: 0.5vw 0.5vw;
	}	
	nav a {
		color: #4a392f;
		text-align: center;
		text-decoration: none;
		padding: 0px; 
		cursor: pointer;	
		font-weight: 400;
	}
	.active_menu
	{
		color: #eeeeee !important;
	}

	nav li:hover, nav a:hover, nav li:active, nav .active {
		color: #ccc;
		
	}
	nav a#pull {
		display: none;
		z-index: 200000;
	}
#dekor_info	
{
	position: relative;
	top: 1vw;
	left: 0px;
	width: 100%;
	max-height: 45vw;
	height: auto;
	overflow: hidden;
}
	#dekor_info	 img{
		width: 100%;
	}
#ikons
{
	top: 30vw;
	left: 70vw;
	width: 20vw;
	height: 20vw;
	position: absolute;
}
.ikonitem
{
	background: #fff;	
	width: 16vw;
	margin: 0px 0.5vw;
	height: auto;
	padding: 2vw;
	float: left;
	color: #4f4b45;
	font-size: 1.2vw;
	line-height: 2vw;
}
.ikonitem a
{
	color: #4f4b45;
	font-weight: 200 !important;

}
.ikonitem IMG
{
	width: 100%;
	border-radius: 50%;
}
.mcont
{
	display: none;
}
.bgcol
{
	border-radius: 5px;
	background: #e3d7c9;
}
#main
{	
	position: relative;
	margin: 4vw 0vw 4vw 12vw;
	float: left;
	height: auto;
	width: 50vw;
	text-align: left;
	font-size: 1.5vw;
	line-height: 2vw;

}
p
{
	text-align: left;
	font-size: 1.5vw;
	line-height: 2vw;
	color: #333;
}
h1
{
	color: #111;
	font-size: 3vw;
	line-height: 5vw;
	margin: 2vw 0px;
	text-align: left;
}
.alairas
{
	width: 10vw;
}
#szolgaltatikon
{
	position: relative;
	margin: 4vw 12vw 4vw 0vw;
	float: right;
	height: auto;
	width: 20vw;
}
#footer
{
	background: #c2b19c;
	color: #fff;
	width: 90%;
	padding: 2vw 5%;
	position: relative;
	height: auto;
}
	#flogo
	{
		width: 50%;
		float: left;
		text-align: left;
	}
	#flogo img
	{
		width: 20%;
	}
	.smalltext
	{
		font-size: 0.8vw;
	}
	
	.flinks
	{
		font-size: 4vw;
		color: #fff;
		text-align: right;
	}
	
	#contact
	{
		width: 50%;
		float: right;
		color: #fff;
		text-align: right;
		font-size: 1.5vw;
		line-height: 1vw;
		padding-top: 2vw;
	}
	#contact a
	{
		color: #fff;
		text-decoration: none;
	}
#errormsg
{
	position: fixed;
	background: #a92d2d;
	width: 90%;
	height: 5vw;
	line-height: 5vw;
	font-size: 2.5vw;
	color: #ffffff;
	z-index: 1000000;
	top: -5vw;
	left: 5%;
	border-radius: 0px 0px 2vw 2vw;
	text-align: center;
}
.smallbutton
{
	border: 0px;
	background: #fff;
	font-size: 1vw;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	min-height: 2vw; 
	line-height: 1.5vw;
	padding: 0px;
	margin: 10px 0px; 
}	
.piac_item
{
	width: 30%;
	padding: 1%;
	float: left;
	text-align: center !important;
}
	.piac_item p
	{
		text-align: center !important;
	}
	
	.piac_item img
	{
			width: 100%;
	}
	.piac_item Button
	{
		width: 100%;
		height: 2vw;
		line-height: 2vw;
		text-align: center;
		padding: 0px;
	}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
  width: 30px;
}
	
@media screen and (max-width: 800px) {
.piac_item
{
	width: 80%;
	padding: 10%;
	float: left;
	text-align: center !important;
}
	.piac_item Button
	{
		width: 100%;
		height: 6vw;
		line-height: 6vw;
		text-align: center;
		padding: 0px;
	}
#menu
{
	height: auto;
	padding: 0px;
	width: 100%;
	top: 0px;
	text-align: center;
}
#menu_logo
{
	display: none;
}
#menuit{
	width: 100%;
}
 nav {
  		height: auto;	
		border-bottom: 0;
		z-index: 10;	
		top: 0px;
		width: 100%;
		padding: 0px;
		line-height: 50px;
		position: relative;
		margin: 0px 0px 0px 0px;
		border: 0px solid #eee;
		font-size: 32px;
		width: 100%;
	}
	nav ul {
  		width: 100%;
		display: none;
		height: auto;
		background: #e9dedd;
	}
	nav li
	{
		padding: 0px;
		background: #e9dedd;
		line-height: 40px;
		height: 40px;
		margin: 0px;
		width: 100%;
		padding: 16px 0px;
		border-bottom: 1px solid #eee;
		text-align: center;
	}	
	nav li a {
		
		padding: 8px 0px;
		margin: 0px;
		
	}
	.menuitem
	{
		width: 100%;
	}
  	nav a {
	  	text-align: center;
	  	width: 100%;
		line-height: 40px;	
		height: 40px;
		color: #4a392f;
		border-top: 0vw solid #4a392f;	
  	}
	.dekorx
	{
		display: none;
	}
	nav a#pull {
		height: 50px;
		font-size: 24px;
		display: block;
		width: 100%;
		position: relative;
		background: #e9dedd;
		margin: 0px; padding: 0px 0px;
		z-index: 200000;	
	}
	nav li {
		float: none;
		width: 100%;
  		position: relative;	
		padding: 16px 0px;
		
	}	
	nav a#pull:after {
		width: 40px;
		height: 40px;
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 15px;
		font-size: 24px;	
		z-index: 200000;	
		text-align: right;		
	}
	nav li:hover, nav li:active, nav .active, nav .active a, nav a:hover
	{
		color: #4a392f !important;
	}
	nav a#pull img
	{
		height: 80%;
		padding-top: 6px;
	}
	nav a#pull 
	{
		padding: 16px 0px;
	}
	nav a#pull i
	{
		position: absolute;
		right: 4vw;
		top: 5px;
		height: 40px;
		line-height: 40px;
		color: #4a392f;
		text-shadow: 0px 0px 2px #aaa;
		padding: 16px 0px;
	}
	
	.active_menu
	{
		border-bottom: 0px solid #eee;
	}
	#dekor_info	
	{	
		top: 18vw;
	}
	#ikons
	{
		top: 25vw;
		left: 60vw;
		width: 30vw;
		height: 30vw;
		position: absolute;
	}
#main
{	
	position: relative;
	margin: 20vw 10vw 4vw 10vw;
	float: none;
	height: auto;
	width: 80vw;
	text-align: left;
	font-size: 20px;
	line-height: 32px;

}
p
{
	text-align: left;
	font-size: 20px;
	line-height: 32px;
}
h1
{
	text-align: left;
	font-size: 40px;
	line-height: 60px;
	margin: 4vw 0px;
}
.alairas
{
	width: 10vw;
}	
#szolgaltatikon
{
	margin: 20vw 10vw 0px 10vw;
	float: right;
	height: auto;
	width: 80vw;
	z-index: 1000;
}
.ikonitem
{
		
	width: 90%;
	margin: 4vw 5%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
}

.ikonitem IMG
{
	width: 100%;
}
#footer
{
	width: 90%;
	padding: 2vw 5%;
	position: relative;
	height: auto;
	margin-top: 5vw;
}
	#flogo
	{
		width: 100%;
		float: none;
		text-align: center;
	}
	#flogo img
	{
		width: 80%;
	}
	.smalltext
	{
		font-size: 12px;
	}
	
	.flinks
	{
		font-size: 60px;
		color: #fff;
		text-align: right;
	}
	#contact
	{
		width: 100%;
		float: none;
		font-size: 22px;
		line-height: 30px;
		text-align: center;
		padding: 20px 0px;
	}
	#contact a
	{
		color: #fff;
		text-decoration: none;
	}
input{
	padding: 1vw 2vw;
	font-size: 14px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	width: 80%;
	border-radius: 4px;
}
textarea{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 1vw 2vw;
	font-size: 14px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	width: 80%;
	height: 30vw;
	border-radius: 4px;
}
Button{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 2vw;
	font-size: 14px;
	line-height: 22px;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	border-radius: 4px;
	margin-bottom: 16px;
}	
.smallbutton
{
	border: 0px;
	background: #fff;
	font-size: 20px;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	min-height: 32px; 
	line-height: 32px;
	padding: 0px;
	margin: 10px 0px; 
}	
}