/* CSS RESET */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;/*vertical-align: baseline;*/}
	/* 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, td, th, tr {border-collapse: collapse;border-spacing: 0; border:none; padding:0; border-style:none;}
	.clear, .clr {clear: both;}

/*******************
GRID
********************/

.group:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.group {display: inline-block;}

* html .group {height: 1%; zoom: 1;} /* IE7 */
*:first-child+html .group { zoom: 1; } /* IE7 */
.group {display: block;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	*behavior: url(js/boxsizing.htc); /* IE7 */
}


body {
	background-color:#EAE9E5;
	margin:0 auto;
	padding:0px;
}

html { 
	height:100%; 
	width:100%;
	margin:none; 
	padding:none;     
}

#wrapper {
	margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: top;
	padding: 110px 0px 20px 0px;
}

.grid { max-width: 1024px; }
.grid990 { max-width:990px; }

.t_left { text-align:left; }
.t_right { text-align:right; }
.t_center { text-align:center; }

.spacer5 { margin: 5px 0px 0px 0px; }
.spacer10 { margin: 10px 0px 0px 0px; }
.spacer15 { margin: 15px 0px 0px 0px; }
.spacer20 { margin: 20px 0px 0px 0px; }


/*******************
GRID
********************/


/*******************
HEADER
********************/

header {
	width:100%;
	float:left;
    line-height: 100%;
    padding: 0px 0px 20px 0px;
    position: relative;
    vertical-align: top;
	text-align: left;
}

/*******************
HEADER
********************/

/*******************
MAIN
********************/

article {
	width: 70%;
    float: left;
    line-height: 100%;
	padding: 0px;
	margin: 0px;
    position: relative;
    vertical-align: top;
	text-align: left; 
	
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	/*border-top-left-radius: 0px; 
	border-top-right-radius: 0px; 
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius-topleft: 0px;
	-webkit-border-radius-topright: 0px;
	border-radius: 0px 0px 5px 5px;*/
	/*background: #FFF;*/
	
	/*border:#4979AD solid 1px;*/

	behavior: url(pie/PIE.php);
}

/*******************
MAIN
********************/

/*******************
SIDE
********************/

aside {
	width:30%;
    float: left;
    line-height: 100%;
	padding:0px;
    vertical-align: top;
	text-align: left; 
	margin: 0px;
}

/*******************
SIDE
********************/


/*******************
FOOTER
********************/

footer {
	min-height:100px;
    float: left;
    line-height: 100%;
    padding: 25px;
	margin: 10px 0px 0px 0px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 100%;
	
	border:#4979AD solid 1px;
}

/*******************
FOOTER
********************/

/*******************
Media Queries 
********************/

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	#info_1024 { display:block; color: #930; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; }
	#info_1024plus { display:none; }
	aside .wrap_side { margin: 0px 0px 0px 20px; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	#info_768 { display:block; color: #909; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; }
	#info_1024plus { display:none; }
	#wrapper { margin: 0 auto; }
	aside .wrap_side { margin: 20px 0px 0px 0px; }
	aside .wrap_side2 { margin: 0px 0px 0px 5px; }
	.wrap_box { width:48%; margin: 10px 4px 0px 0px; padding: 0px 0px 0px 0px; }
	.wrap_box2 { margin: 8px 4px 0px 4px; }
	header nav.resp  { margin: 0px 0px 0px 0px !important; border: none !important; box-shadow: none !important; border-radius: none !important; }
	.scrollup { bottom: 20px; right: 5px; }
	
	#wrap_headline nav.resp { height: auto; min-height:inherit; } 

}

/* Phone Landscape (480px) */
@media only screen and (max-width: 480px) {
	#info_480 { display:block; color: #060; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; }
	#info_1024plus { display:none; }
	#wrapper, { margin: 0 auto; }
	aside .wrap_side { margin: 20px 0px 0px 0px; }
	.scrollup {bottom: 20px; right: 5px; }
	 #wrap_headline nav.resp { height: auto; min-height:inherit; } 
	 aside .wrap_side.sub { margin: 0 0 25px 0 !important; } 
}

@media only screen and (max-width: 318px) {
	#alert { display:block; color: #000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; }
	#alert span { color: #666; font-weight:normal; }
	#wrapper, #wrap_headline, .mean-bar, #info_1024plus { display:none; }
	#wrapper { margin: 0 auto; }
	.scrollup {bottom: 20px; right: 5px; }
}

/* Aside megjelenés */
@media only screen and (min-width: 319px) and (max-width: 750px) {
	aside { position:relative; float:left; width:100%; }
	header, article, footer { width:100%; margin:0 auto; }
	#wrap_headline .wrap_head_half { width:100%; margin:0 auto; }
	.t_left, .t_right  { text-align:center; }
	footer { margin: 10px 0px 0px 0px; }
	header nav.resp  { margin: 0px 0px 0px 0px; border: none; box-shadow: none; border-radius: none; }
	.scrollup {bottom: 20px; right: 5px; }
}

@media only screen and (min-width: 751px) and (max-width: 768px) {
	aside .wrap_side { margin: 0px 0px 0px 20px; }
	.wrap_box { width:100%; }
	.wrap_box2 { margin: 0px 0px 10px 0px; }
	header nav.resp  { margin: 0px 0px 0px 0px !important; border: none !important; box-shadow: none !important; border-radius: none !important; }	
	.scrollup { bottom: 20px; right: 5px; }
	
}

@media only screen and (min-width: 319px) and (max-width: 450px) {
	header { padding: 0px; }
	header nav.resp  { margin: 0px 0px 20px 0px !important; border: none; box-shadow: none; border-radius: none; }	
	.scrollup {bottom: 20px; right: 5px; }
}

@media only screen and (min-width: 451px) and (max-width: 784px) {
	header nav.resp  { border: none; box-shadow: none; border-radius: none; }
}

/*******************
Media Queries 
********************/