body{line-height:1;text-align:left;text-align:start}
menu,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
strong,b{font-weight:bold}
body{margin:0;padding:0;border:0}
a,abbr,acronym,address,applet,b,big,blockquote{margin:0;padding:0;border:0;font-size:100%;background:transparent}
button{margin:0;padding:0;border:0;background:transparent}
canvas,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,embed,fieldset,font,form,h1,h2,h3,h4,h5,h6,hr,html,i,iframe,img,ins,kbd,label,legend,li,menu,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;font-size:100%;background:transparent}
html,body{height:100%}


html{
	overflow-y : 		scroll;
}
body{
	background-image:	url('img/background.png');
	background-repeat:	repeat-x;
	line-height:		110%;
}
div#body{
	max-width: 			990px;
	color: 				#4b648b; 
	margin:				0 auto;
}
h1#header{
	font-family:		'Arial';
	text-shadow: 		3px 3px 20px black;
	font-size:			200%;
	line-height:		130%;
	font-weight:		normal;
	margin: 			0px 0px 15px 0px; 
	padding:			15px 0 0 0;
	text-transform:		uppercase;
	text-decoration: 	none !important;
}
.header{
	text-decoration: 	none !important;
}
div#nav{
	max-width:			200px;
	width:				19%;
	float:				left;
	border-right:		1px solid #e9edf4;
}
span.menu{
	font-family:		arial,sans-serif;
	font-size:			15px;
	font-weight: 		bold;
}
ul.menu{
	padding:			0px 0px 0px 15px;
}
p{
	line-height:		130%;
}
a{
	color: 				#4b648b;
}
a.menu{
	display:			block;
	text-decoration: 	none;
}
a.menu:hover{
	text-shadow: 		3px 3px 20px black;
	text-decoration: 	underline;
}
img{
	width:				100%;
	height:				auto;
	text-decoration: 	none !important;
}


/*
aloldalak
*/

@media (max-width: 660px) {
	div.kep{
		width:				90%;
		margin:				0 auto;
	}
	div.beazonositas{
		width:				90%;
		margin:				0 auto;
	}
	div.nincs_tipusszam{
		width:				90%;
		margin:				0 auto;
		padding:			20px 0 0 0;
	}	
}
@media (min-width: 661px) {
	div.beazonositas{
		width:				45%;
		float:				left;
		padding:			5px 5px 0 0;
	}
	div.nincs_tipusszam{
		width:				45%;
		float:				left;
		padding:			5px 0 0 0;
	}
}
div.termekek_fejlec{
	margin:				0 0 20px 0;
}
div.cimsor{
	margin:				0 0 20px 0;
	background-image:	url('/img/gomb.png');
	background-repeat:	repeat-x;
	background-color:	#4b648b;
	text-align:			center;
	width:				98%;
	border:				0px solid #e9edf4;
	border-radius:		5px;
	box-shadow: 		5px 5px 15px gray;
	text-transform:		uppercase;
}
h1.cimsor{
	color:				#e9edf4;
	font-family:		Trebuchet MS, Helvetica, sans-serif;
	font-size:			120%;
	text-shadow: 		0 1px 0 black;
}
.kis_cimsor{
	font-family:		arial,sans-serif;
	text-decoration: 	underline;
	font-weight: 		bold;
}

@media (max-width: 800px) {
	div#nav2{
		display:		 block;
	}
	div#nav{
		display:		 none;
	}
	a#header{
		text-decoration: none !important;
		float:			left;
	}

	.menu_button2{
		display: 		block;
		width: 			45px;
		height:			45px;
		background-color: #4b648b;
		color: 			#E9EDF4;
		padding: 		5px 5px 5px 5px;
		border: 		1px solid #4b648b;
		border-top:		0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float:			right;
	}
	.pull_menu{
		display: 		none;
		color: 			#E9EDF4;
		background-color: #4b648b;
		border: 		1px solid #4b648b;
		border-top:		0;
		border-bottom: 	0;
		border-bottom-left-radius: 5px;
		padding-bottom: 5px;
		padding-top: 	5px;
	}
	.smart{
		background-image:	url('/img/gomb.png');
		background-repeat:	repeat-x;
		display: 			block;
		border: 			1px solid #E9EDF4;
		margin:				2px 2px 2px 2px;
		padding:			4px 3px 4px 3px;
		border-radius:		5px;
		color:				#E9EDF4;
	}
	.smart2{
		float:			left;
		width:			50%;
		text-align:		center;
	}
	.smart3{
		text-align:		center;
		color:			#E9EDF4;
		font-weight:	bold;
	}	
	div#container{
		width:				100%;
	}	
	div#body{
		padding:			0 10px 0 10px;
	}	
	h1#header{
	font-family:		'Arial';
	text-shadow: 		1px 1px 5px black;
	font-size:			130%;
	line-height:		130%;
	font-weight:		normal;
	margin: 			0px 0px 15px 0px; 
	padding:			15px 0 0 0;
	}}
@media (min-width: 801px) {
	div#nav2{
		display: none;
	}
	div#container{
		width:				80%;
		float:				left;
	}
	
}