/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
border-spacing: 0;
}
/*általános formázások*/
html {
	margin: 0;
	padding: 0;
	}
body { 
	font-family: 'Times New Roman','Arial','sans-serif';
	background-color:#FFFFFF; 
	margin: 0; 
	padding: 0;
	font-size:100%;
	}
#tarto{
	max-width:1168px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	background-color:#FFFFFF;
	overflow: hidden;
	border: 1px solid #DF9829;
	padding:0;
}
/*FEJLÉC*/
header{
	width: 100%;
	max-height:193px;
	
}
header img{

	margin:0;
	padding:0;
	
}
/*NAVIGÁCIÓ*/
nav{
	margin:0;
	max-width:100%;
}
nav ul {
	
	margin: 0;
    padding: 0;
	list-style-type: none;

	
}
nav ul li {
	float: left;
	margin:0;
	width:20%;
	max-height:40px;
	display:block;
}
nav ul li a{
	display:block;
	width:100%;
	margin:0;
	padding-top:10px;
	padding-left:auto;
	padding-right:auto;
	text-align:center;
	background-color: #DF9829;
	text-decoration:none;
	height:30px;
	color: #FFFFFF;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-bottom: 1px solid #DF9829;
	font-weight:bold;
}
nav ul li#current a{
	background-color:#FFFFFF;
	color:#DF9829;
}
nav ul li a:hover{
	background-color:#FFFFFF;
	color:#DF9829;
}
nav #menu-button {display:none;}

/*TARTALOM*/
#tartalom{
	
	padding: 40px 0 25px 0;
}
#tartalom h2{
	color:#DF9829;
	margin:25px;
	}
#tartalom h4{color:#DF9829;}
#szoveg{
	margin:30px;
	padding:20px;
	border: 2px solid #DF9829;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	line-height:1.5em;
	text-align:justify;
	
}
figure img {
	
	width:100%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	float:center;
	box-shadow: 4px 4px 15px #666666;
	margin-left:auto;
	margin-right: auto;
}
#szolgaltatas, #partnerek{
	list-style-type:disc;
	line-height:2em;
	}
#szoveg a {color: #DF9829}

#termektabla{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}
#termektabla td{
	padding:2px;
	border:1px solid #DF9829;
}
#fejlecek{
	
	background-color:#DF9829;
}
#fejlecek h4{
	color:white;
}

/*LÁBLÉC*/
footer{
	height:100%;
	padding:0;
	background-color:#DF9829;
	color:#FFFFFF;
	font-size:90%;
	text-align:center;
}
footer p a{
color:#FFFFFF;
text-decoration:underline;
}
footer table{
	width: 100%;
	height: 80%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
}
footer table td{
	padding:0;
	margin:0;
}

/*1160px alatti eszközökre megjelenés*/
@media and (min-width: 1024px)and (max-width: 1160px)
{
#tarto, header img, nav{ max-width: 1050px;}
header{max-height: 173px;}
nav li{height:39px;}
nav ul li a{ max-height: 29.5px; padding-top:9px;}
}

/*1024px alatti eszközökre megjelenés*/
@media (max-width: 1024px)
{
#tarto, header img, nav{ max-width: 850px;}
header{max-height: 140px;}
nav li{height:38px;}
nav ul li a{ max-height: 29px; padding-top:8px;}
#termektabla img{width:340px;}
}

/*800px alatti eszközökre megjelenés*/
@media (max-width: 800px)
{
	body{font-size:95%;}
	#tarto, header img, nav{ max-width: 650px;}
	header{max-height: 107px;}
	nav li{height:37px;}
	nav ul li a{ max-height: 29px; padding-top:7px;}
	#facebook{ height:180px; width:300px; overflow:scroll;}
	#terkep{height:180px;}
	#termektabla img{width:240px;}
}

/*600px alatti eszközökre megjelenés*/
@media(max-width: 600px)
{
	body{font-size:90%;}
	#tarto, header img, nav{ max-width: 500px;}
	header{max-height: 80px;}
	nav #menu-button {display:block; width:8%}
	nav ul {display:none;}
	nav ul li{height:36px; display:block; width:100%;}
	nav ul li a{ max-height: 28px; padding-top:6px; display:block; text-align:center;border-bottom:1px solid #ccc;}
	nav{background-color:#DF9829; border-top: 1px solid #ffffff; height:35px; }
	#termektabla img{width:140px;}
}

/*480px alatti eszközökre megjelenés*/
@media(max-width: 480px)
{
	body{font-size:85%;}
	#tarto, header img, nav{ max-width: 385px;}
	header{max-height: 63px;}
	nav #menu-button {display:block; width:8%}
	nav ul {display:none;}
	nav ul li {display:block; width:100%; height:30px; }
	nav ul li a {max-height: 10px; padding-top:5px; display:block;padding:10px 0;text-align:center;border-bottom:1px solid #ccc; }
	nav{background-color:#DF9829; border-top: 1px solid #ffffff; height:30px; }
	#tartalom{padding: 15px 0 15px 0;}
	#facebook{ height:150px; width:215px; overflow:scroll;}
	#terkep{height:150px;}
	#termektabla img{width:100px;}
}

/*320px alatti eszközökre megjelenés*/
@media(max-width: 320px)
{
	body{font-size:80%;}
	#tarto, header img, nav{ max-width: 280px;}
	header{max-height: 45px;}
	figure{display: none;}
	nav #menu-button {display:block; width:8%}
	nav ul {display:none;}
	nav ul li {display:block; height:22px; width:100%; }
	nav ul li a { max-height: 15px; display:block;padding:4px 0;text-align:center; border-bottom:1px solid #ccc; }
	nav{background-color:#DF9829; border-top: 1px solid #ffffff; height:20px; }
	#tartalom{padding: 7px 0 7px 0;}
	#facebook{ height:130px; width:190px; overflow:scroll;}
	#terkep{height:130px;}
	#termektabla img{width:80px;}
}