* { padding: 0; margin: 0; border: 0 }
body {
	background: url('bg.png') #E5E4E2;
	font-family: arial;
	font-size: 100%;
	color: #2B1B17
}
a { color: #6E6E6E; 

}
div.clear { clear: both; }


div#wrapper {
	width: 1000px;
	margin: 20px auto 0px auto;
	border-radius: 10px;
	
}

.footerarticle{
	width:940px;
	margin: 00px 0px 0px 30px;
	padding:0px 0px 0px 10px
	
}

.footerfigur{
	width:265;
	float: right;
	margin:	10px 1px 0px 1px;
	border-top:5px groove #808080 ;
	background-color:#D3D3D3;
	border-bottom:3px groove #808080
	
}

    

header {
	padding: 0; margin: 0; border: 0;
	font-size: 360%;
	font-weight: bold;
	color: #fff;
	font-family: "trebuchet MS";
	color: #f0c9b1
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: double 1px
}


.fejlec {
	padding:0px 0px 10px 0px;
	margin:0px;
	border-top:5px groove #808080 ;
	border-bottom:3px groove #808080;
	border-radius: 10px
		
	
	
}

header span { color: #000 }

nav {
	padding: 10px 0;
	margin: 20px 0;
	color: #000;
	box-shadow: 0px 0px 5px #6d2a15;
	background: #ffb400;
	background: -moz-linear-gradient(top,  #ffb400 0%, #ff8500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb400), color-stop(100%,#ff8500));
	background: -webkit-linear-gradient(top,  #ffb400 0%,#ff8500 100%);
	background: -o-linear-gradient(top,  #ffb400 0%,#ff8500 100%);
	background: -ms-linear-gradient(top,  #ffb400 0%,#ff8500 100%);
	background: linear-gradient(to bottom,  #ffb400 0%,#ff8500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ff8500',GradientType=0 );
}
nav a {
	color: #000;
	text-decoration: none;
	margin: 0 10px;
	font-family: "trebuchet MS"
}
nav a:first-child { margin-left: 20px }
nav a:hover { text-decoration: underline }




section {
	width: 658px;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px 20px 0px 0px;
	font-size: 80%;
	border-right: 2px dotted #c57240
}
section article { margin: 0 0 20px 0px

}

section article p {
	text-align: justify;
	line-height: 140%;
	font-size: 120%;
}
section article h1 {
	margin: 0 0 10px 0;
	font-size: 150%;
	color: #000;
	font-family: "trebuchet MS";
	text-shadow: 0px 0px 10px #fff;
	
}

figure {
	
	
	padding: 10px;
	background: #B6B6B4;
	margin: 0 0 20px 0
}
figure img { max-width: 100% }

figure figcaption {
	font-style: normal;
	font-size: 150%;
	margin: 6px 0 0 0;
	
	color:#000	
}

.profilok {
	width:290px;
	float: left;
	margin:10px 8px;
	border-top:5px groove #808080 ;
	border-bottom:3px groove #808080;
	border-radius: 15px
		
} 

.eufig {
	width:440px;
	float: left;
	margin:	0px 0px 0px 20px;
	border-top:5px groove #808080 ;
	border-bottom:3px groove #808080;
	border-radius: 15px
		
		
} 

.eufigcaption{
	padding:20px;
	font-weight:lighter;
	font-size:130%
	
	
}


.foprofil {
	padding:0px 0px 0px 0px;
	margin:0px 0px 60px 30px;
	font-size: 200%;
	font-weight:bold
}

.eupalyazat{
	width:300px;
	height:100px;
	background:#f4c444
	
	
		
}

.eusection{
	width:960px;
	border-right:none;
	margin:0px 8px 0px 0px;
	float:right
	
}


.refsection{
	width:960px;
	border-right:none;
	margin:0px 8px 0px 10px;		
	
}

.refart {
	
	margin: 10px 0px 0px 0px;
	padding:0px 0px 0px 20px
	
}

.reffig{
	
	background-color: #D3D3D3;
	border-radius: 8px;
	border: double 1px;
	
}

.refalcim{
	background-color:none;
	padding:10px 0px 0px 50px;
	font-size:130%
	
}

.refgrund{
	
	width:800px;
	float:left;
	background-color:aqua;
		
		
}

.refgrundsec{
	width:300px;
	border-right:none;
	margin:0px 8px 0px 10px;
	
	background-color:aqua
	
	
}
	
	

.refer1{
	
	font-size: 170%	;
	font-weight: bold;
	padding:0px 0px 0px 18px;
	border-left: 4px double #000;
	margin:0px 20px
	}
		
.refer{
	padding:0px 0px 10px 20px;
	border-left: 4px double #000;
	margin:0px 20px
	}		

aside {
	float: right;
	width: 300px;
	font-size: 80%
}



.elerhetartic{
	margin: 10px 0px 0px 0px;
	padding:0px 0px 0px 20px
	
}

.elerhetfig{
	background-color: #D3D3D3;
	border-radius: 8px;
	border: double 1px;
	
}


.elerhetfigcaption1{
	font-size: 120%	;
	float:left;
	padding:0px 20px 0px 18px;
	border-left: 4px double #000;
	margin:20px 20px 20px 20px;
	with:300px	
	
}



.techarticle{
	margin: 0px auto;
	height: auto;
	width:700px
	
	
}

.techfig{	
	margin:10px auto;
	border-top:5px groove #808080 ;
	border-bottom:3px groove #808080;
	text-align: center;
	border-radius: 15px
		
	
}

.techfigcap{
	font-style: normal;
	font-size: 150%;
	margin: 10px 0 0 0;
	text-align: center;
	color:#000	;
		
	
}

.techalcim{
	text-align: center;
	padding:0px 0px 0px 0px;
	font-size:190%;
	font-weight: 600;
	margin:40px 0px 0px 0px
	
	}

.elerhetfigcaption2{
	padding:0px 0px 10px 20px;
	margin:0px 20px 0px 20px;
	with:300px
	
}

.dongferr{
	font-size: 130%	;
	font-weight:bold
	
}

.terkep{
	
	
}

footer {
	width: 960px;
	height:100px;
	margin: 15px auto;
	font-size: 85%;
	border-top:3px outset #5C5959;
	

}
footer a { margin: 0 0px; }

.footerarticle{
	
	width:940px;
	margin: 0px 0px 0px -180px;
	padding:0px 0px 0px 0px
}

.footersection{
	width:960px;
	border-right:none;
	border-right:none;
	margin:0px 0px 100px 0px;
	padding:0px 0px 0px 0px;
	float:left
	
}

.footerfigur{
	width:265;
	float: right;
	margin:	10px 20px 0px 1px;
	border-top:5px groove #808080 ;
	background-color:#D3D3D3;
	border-bottom:3px groove #808080;
	border-radius: 10px
	}



@media only screen
and (min-width : 480px)
and (max-width : 800px) {
	div#wrapper { width: 600px }
	header { font-size: 320% }
	section { width: 408px }
	aside { width: 150px }
	footer { width: 560px }
	header { width: 600px }
}





@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	div#wrapper { width: 400px; }
	header { font-size: 200%; }
	section { width: 400px; padding: 0; margin: 0; border: 0 }
	aside { display: none }
	footer { width: 360px }
	header { width: 400px; }
}

@media only screen
and (min-width: 240px)
and (max-width: 320px) {
	div#wrapper { width: 300px; }
	header { font-size: 200%; text-align: center }
	header span { display: block }
	nav { text-align: center }
	nav a { margin: 0 3px }
	nav a:first-child { margin: 0 3px }
	section { width: 300px; padding: 0; margin: 0; border: 0 }
	aside { display: none }
	footer { display: none }
}