* { padding: 0; margin: 0; border: 0 }

body {
	background-color: #e4e3e3;
	color: #292929;
	font-size: 21px;
	font-family: "Times New Roman", Times, serif, Helvetica, sans-serif;
	}

a {
	text-decoration: none;
	color: #292929;
	}
a:hover {
	text-decoration: none;
	color: #CC6600;
	}

img { max-width: 100%; }

/*div.clear { clear: both; }*/

header {
	height: 200px;
	background:url(images/header-bg.jpg);
	width: 100%;
	}

div#headerwrapper, div#wrapper { width: 1450px; }

div#headerwrapper {
	margin: 0 auto;
	}

.title {
	margin-right: 60px;
	margin-left: 235px;
	margin-top: 55px;
	width: 415px;
	text-align: center;
	float: left;
	}

h1 {
/*	font-size: 150%;
	text-shadow: 2px 2px 2px #C9C9C9;
	margin-bottom: 10px;
	color: #CC0003;*/
	color: #d24f00;
	font-size: 37px;
	}
	
h2 {
	color: #f4ac80;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	}

.headerimage {
	float: right;
	margin-right: 235px;
	width: 415px;
	height: 200px;
	}

div#wrapper {
	margin: 0 auto;
	}

nav {
	font-size: 24px;
	padding: 10px;
	text-align: center;
	background: #D24F00;
	}

nav a {
	margin-right: 50px;
	margin-left: 50px;
	color: #FFFFFF;
	font-weight: bold;
	}

nav a:hover {
	color: #000000;
	text-decoration: none;
	}

#nav2 {
	display: none;
	}
#nav2 a:hover {
	color: #CC6600;
	}

.menu {
/*	margin-right: 100px;*/
	margin-right: 50px;
	margin-left: 50px;
	color: #FFFFFF;
	font-weight: bold;
	}

#col4, #col6 { width: 59px; float: left; }

#col2 {
	float: left;
	width: 100%;
	background: url(images/cont-bg.jpg);
	-webkit-box-shadow: 0px 15px 20px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 15px 20px 3px rgba(0,0,0,0.50);
	box-shadow: 0px 15px 20px 3px rgba(0,0,0,0.50);
	}	

#col5 { float: left; width: 1382px;}

section {
	text-align:center;
	}

.belsoarnyek {
	-webkit-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.50);
	box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.50);
	}

article section p, #prices1, #prices2, footer, h2, h3 {
	line-height: 43px;
/*	font-size: 21px;*/
  }

section p {
	padding-left: 100px;
	padding-right: 100px;
	}

.tablazat {
	position: relative;
	width: 700px;
	margin: 0 auto 0 auto;
	}

#prices1 {
	width:500px;
	text-align:left;
}

#prices2 {
	width:200px;
	text-align:right;
	}

#prices1, #prices2 {
	float:left;
	}

/*#col4 {
	background: url(images/bottom-left.png);
	min-height: 43px;
}

#col5 {
	background: url(images/cont-bg.jpg);
}

#col6 {
	background: url(images/bottom-right.png);
	min-height: 43px;
}*/

h3, .sarga { color : #CC6600; font-weight:bold; font-size: 21px; }

.copyrights { font-size: 16px; line-height:43px }

.kisbetu { font-size: 18px }

.graybottom {
	background-color: #595959;
	width: 100%;
	height: 20px;
	float: left;
	}


@media only screen
and (min-width : 1280px)
and (max-width : 1550px) {
	div#headerwrapper, div#wrapper { width: 1250px; }
	#col5 { width: 1182px; }
	.title { margin-left: 145px; }
	.headerimage { margin-right: 145px; }
	nav { font-size: 21px; }
	nav a, .menu { margin-right: 40px; margin-left: 40px; }
}

/*@media only screen
and (min-width : 1280px)
and (max-width : 1366px) {
	div#headerwrapper, div#wrapper, footer { width: 1200px; }
	#col2, #col5 { width: 992px; }
	.title { margin-left: 140px; }
	.headerimage { margin-right: 125px; }
	nav { font-size: 130%; }
	nav a:first-child { padding-left: 80px; }
	nav a { margin-right: 80px; }
}*/

@media only screen
and (min-width : 1152px)
and (max-width : 1280px) {
	div#headerwrapper, div#wrapper { width: 1150px; }
	#col5 { width: 1082px; }
	.title { margin-left: 95px; margin-right: 20px }
	.headerimage { margin-right: 95px; }
	nav { font-size: 21px; }
	nav a, .menu { margin-right: 35px; margin-left: 35px; }
	section p {	padding-left: 80px;	padding-right: 80px; }
}

@media only screen
and (min-width : 800px)
and (max-width : 1152px) {
	div#headerwrapper, div#wrapper { width: 900px; }
	#col5 { width: 832px; }
	.title { margin-right: 0px; margin-left: 30px; width: 300px; }
	.headerimage { margin-right: 30px; }
	nav { font-size: 17px; }
	nav a, .menu { margin-right: 15px; margin-left: 15px; }
	article section p, #col5, h2, h3, #prices1, #prices2, .sarga { font-size: 19.4px; }
	.tablazat {	width: 650px; }
	#prices1 { width:450px; }
	#prices2 { width:200px; }
	section p {	padding-left: 60px;	padding-right: 60px; }
	.kisbetu { font-size: 16px }
}

@media only screen
and (min-width : 605px)
and (max-width : 800px) {
	div#headerwrapper, div#wrapper { width: 670px; }
	#col5 { width: 582px; }
	header { height: 130px; background:url(images/header-bg-responsive-600-800.jpg); }
	.title { margin-right: 0px; margin-left: 25px; margin-top: 35px; width: 300px; }
	.headerimage { /*background: url(images/header-redonyjavitas-responsive-600-800.jpg);*/ width: 270px; height: 130px; margin-right: 25px; }
	nav { font-size: 14px; }
	nav a, .menu { margin-right: 7px; margin-left: 7px; }
	article section p, #col5, h2, h3, #prices1, #prices2, .sarga { font-size: 16.4px; }
	h1 { font-size: 30px; }
	.tablazat {	width: 540px; }
	#prices1 { width:410px; }
	#prices2 { width:130px; }
	section p {	padding-left: 60px;	padding-right: 60px; }
	.kisbetu { font-size: 15px }
}

@media only screen
and (min-width : 480px)
and (max-width : 605px) { /* 800x480 mobil fekvő */
	div#headerwrapper, div#wrapper { width: 450px; }
	#col5 { width: 332px; }
/*	.title { margin-right: 0px; margin-left: 80px; margin-top: 35px; width: 300px; }*/
	.headerimage { width: 270px; height: 130px; margin-right: 100px; }
	nav { font-size: 13.4px; }
	nav a, .menu { margin-right: 38px; margin-left: 38px; }
	article section p, #col5, h2, h3, #prices1, #prices2, .sarga, .copyrights, .kisbetu { font-size: 11px; }
	header { height: 130px; background:url(images/header-bg-responsive-600-800.jpg); }
	h1 { font-size: 30px; }
	.tablazat {	width: 385px; }
	#prices1 { width:285px; }
	#prices2 { width:100px; }
	.title { display:none; }
	section p {	padding-left: 20px;	padding-right: 20px; }
	#nav2 {	display: block; }
}

@media only screen
and (min-width : 360px)
and (max-width : 480px) {
	div#headerwrapper, div#wrapper { width: 400px; }
	#col5 { width: 282px; }
/*	.title { margin-right: 0px; margin-left: 50px; margin-top: 35px; width: 300px; }*/
	.headerimage { width: 270px; height: 130px; margin-right: 75px; }
	nav { font-size: 12px; }
	nav a, .menu { display:block; margin: 3px; }
	article section p, #col5, h2, h3, #prices1, #prices2, .sarga, .copyrights, .kisbetu { font-size: 10px; }
	header { height: 130px; background:url(images/header-bg-responsive-600-800.jpg); }
	h1 { font-size: 28px; }
	.tablazat {	width: 345px; }
	#prices1 { width:245px; }
	#prices2 { width:100px; }
	.title { display:none; }
	section p {	padding-left: 20px;	padding-right: 20px; }
	#nav2 {	display: block; }
}

@media only screen
and (min-width : 0px)
and (max-width : 360px) { /* 480x800 mobil álló */
	div#headerwrapper, div#wrapper { width: 300px; }
	#col5 { width: 182px; }
/*	.title { margin-right: 0px; margin-left: 10px; margin-top: 35px; width: 300px; }*/
	.headerimage { width: 270px; height: 130px; margin-right: 20px; }
	nav { font-size: 11px; }
	nav a, .menu { display:block; margin: 3px; }
	article section p, #col5, h2, h3, #prices1, #prices2, .sarga, .copyrights, .kisbetu { font-size: 9px; }
	header { height: 130px; background:url(images/header-bg-responsive-600-800.jpg); }
	h1 { font-size: 26px; }
	.tablazat {	width: 270px; }
	#prices1 { width:190px; }
	#prices2 { width:80px; }
	.title { display:none; }
	.space { display:none; }
	section p {	padding-left: 20px;	padding-right: 20px; }
	#nav2 {	display: block; }
}