/* Elektronika media CSS Document */

@media only screen
and (min-width : 821px)
and (max-width : 5000px) {
	figure#eaf { display: none; }
	.hivatk { margin: 0; }
	
	/* tagsag.php oldal jön */
	div#balos img.elonyokv { display: none; }
}

@media only screen
and (min-width : 620px)
and (max-width : 820px) {
	body { font-size: 90%; }
	div#wrapper, div#erdekesseg { width: 600px; }
	#container { width: 600px; }
	h1 { width: 600px; font-size: 200%; }
	h1 img { width: 100px; }
	nav { width: 600px; padding: 8px 0px; }
	figure#eaf { display: none}
	#bal, #lent { width: 338px; margin: 0 15px 0 0; padding: 0 15px 0 0; }
	.ikonbox { width: 70px; }
	.ikonbox a img { width: 55px; }
	.hivatk { font-size: 100%; margin: 4px 0; }
	.hivatk span { display: none; }
	#cikkhiv { width: 330px; }
	.cikk img { width: 130px; }
	footer { width: 560px; border-bottom: 10px solid #cc0000; }
	
	/* lista.php oldal jön*/
	#balos { width: 338px; margin: 0 15px 0 0; padding: 0 15px 0 0 }
	
	/* tagsag.php oldal jön */
	.csekbox p span { display: none; }
	#balos br#no { display: none; }
	div#balos img.elonyok { display: none; }
	div#balos img.elonyokv { display: inline; }
	div#balos ol { width: 338px; }
	div#balos ol li {	margin: 6px 0 6px 20px; }
	p.ar br { display: none; }
}

@media only screen
and (min-width : 490px)
and (max-width : 619px) {
	body { font-size: 85% }
	div#wrapper, div#erdekesseg { width: 470px }
	#container { width: 470px }
	h1 { width: 470px; font-size: 170% }
	h1 img { width: 85px }
	nav { width: 470px; margin: 0 auto 30px auto }
	#bal { width: 180px; }
	figure#ea { display: none}
	figure#eaf { width: 195px; float: left; height: 435px; border: 0 }	
	figure#eaf figcaption { margin: 12px 0 0 0;}
	#lent { width: 470px; margin: 0; padding: 0; border: 0 }
	p { clear:both }	
	.hivatk { margin: 4px 0; }
	
	div#erdekesseg fieldset { padding: 0 5px 15px 5px; }
	#cikkhiv { width: 440px; margin-left: 10px; }
	#cikkaj h3 { border-radius: 12px 12px 0px 0px; }
	#cikkaj { margin-top: 45px; width: 440px; font-size: 90%; margin: 20px 10px 0 10px; }
	
	textarea { height: 80px; }
	.formgomb { width: 217px; }
	#hir { margin-top: 45px; width: 470px; font-size: 90% }
	footer { width: 430px; font-size: 75%; margin-top: 45px; border-bottom: 10px solid #cc0000; }
	
	/* tagfelvétel regisztráció jön */
	div.kozep img { width: 420px; }
	#back a { width: 420px; }
	input.vissza { width: 420px; }
	
	/* lista.php oldal jön*/
	#balos, #jobbos { width: 460px; margin: 0; padding: 0; border: 0; }
	
	/* tagsag.php oldal jön */
	div#balos img.elonyok { display: inline; }
	div#balos img.elonyokv { display: none; }
	div#balos ol { width: 310px; }
	div#balos ol li {	margin: 12px 0 6px 20px; }
	div#tagfel input, select { width: 370px; }
	div#tagfel textarea { width: 370px; }
	div#tagfel textarea#egyebek { width: 370px; }
	div#tagfel input#ft { width: 370px; }
}

@media only screen
and (min-width : 320px)
and (max-width : 489px) {
	body { font-size: 80%; }
	div#wrapper, div#erdekesseg { width: 300px; }
	#container { width: 300px; }
	h1 { width: 300px; font-size: 155%; }
	h1 span { font-size: 80%; }
	h1 img { width: 61px; margin-right: 12px; }
	nav { width: 300px; margin: 0 auto 25px auto; }
	figure#eaf { display: none; }
	figure#ea { clear:both; }
	figcaption { font-size: 90%; }
	#jobb { width: 300px; margin-bottom: 20px; }
	#bal, #lent { width: 300px; margin: 0; padding: 0; border: 0; }	
	.adatbox { text-align: center; }
	.ikonbox { width: 140px; text-align: center; margin-bottom: 6px; }
	
	div#erdekesseg fieldset {  padding: 0 20px 15px 20px; }
	#cikkhiv { width: 260px; margin-left: 0px; }
	.cikk { padding: 0; border: 0; }
	.cikk img { width: 100%; margin: 0; border: 0;}
	#cikkaj h3 { border-radius: 12px 12px 0px 0px; }
	#cikkaj { width: 260px; float:left; margin: 12px 0 0 0px; font-size: 100%;}
	
	.form { width: 230px; }
	textarea { height: 70px; }
	.formgomb { width: 242px; }
	#megnezb a, #megnezb a:hover { width: 190px; }
	#hir { margin-top: 40px; width: 300px; font-size: 90%; }
	footer { width: 260px; font-size: 80%; margin-top: 40px; border-bottom: 5px solid #cc0000; }
	
	/* reszponzív sikeres_igenyles.png jön */
	img.ok { width: 300px; }
	
	/* tagfelvétel regisztráció jön */
	div.kozep img { width: 300px; }
	#back a { width: 290px; }
	input.vissza { width: 290px; }
	
	/* lista.php oldal jön*/
	#balos { width: 300px; margin: 0; padding: 0; border: 0; }
	#jobbos { width: 300px; margin: 0; padding: 0; border: 0; font-size: 85%; } 
	
	/* tagsag.php oldal jön */
	.csekbox p span { display: none; }
	#balos br#no { display: none; }
	div#balos img.elonyok { display: none; }
	div#balos img.elonyokv { display: inline; width: 92%; }
	div#balos ol { width: 300px; }
	div#balos ol li {	margin: 6px 0 6px 20px; }
	p.ar br { display: none; }
	div#tagfel input, select { width: 240px; }
	div#tagfel textarea { width: 240px; }
	div#tagfel textarea#egyebek { width: 240px; }
	div#tagfel input#ft { width: 205px; }
}

@media only screen
and (min-width : 240px)
and (max-width : 319px) {
	body { font-size: 75%; }
	div#wrapper, div#erdekesseg { width: 220px; }
	#container { width: 220px; }
	h1 { width: 220px; font-size: 160%; padding: 15px 0; }
	h1 span { font-size: 80%; }
	h1 img { display: none; }
	nav { width: 220px; margin: 0 auto 30px auto; padding: 5px; }
	nav a { margin: 0 5px; }
	nav span { display: none; }
	figure#eaf { display: none; }
	figure#ea { clear: both; }
	#jobb { width: 220px; margin-bottom: 20px; }
	#bal, #lent { width: 220px; margin: 0; padding: 0; border: 0; }	
	.adatbox { text-align: center; }
	.ikonbox { width: 100px; text-align: center; margin-bottom: 6px; }
	
	div#erdekesseg fieldset {  padding: 0 5px 15px 5px; }
	#cikkhiv { width: 210px; margin-left: 0px; }
	.cikk { padding: 0; border: 0; }
	.cikk img { width: 100%; margin: 0; border: 0;}
	#cikkaj h3 { border-radius: 12px 12px 0px 0px; }
	#cikkaj { width: 210px; float:left; margin: 12px 0 0 0px; font-size: 100%;}
	div#hirlev .form { width: 190px; }
	
	/*
	div#erdekesseg fieldset {  padding: 0; }
	#cikkhiv { width: 220px; margin-left: 0; }
	.cikk { padding: 0; border: 0; }
	.cikk img { width: 100%; margin: 0; border: 0;}
	#cikkaj h3 { border-radius: 12px 12px 0px 0px; }
	#cikkaj { width: 220px; float:left; margin: 12px 0 0 0px; font-size: 100%;}
	*/
	
	.form { width: 200px; }
	textarea { height: 70px; }
	.formgomb { width: 212px; }
	#hir { margin-top: 35px; width: 220px; font-size: 90%; }
	#megnezb { margin-top: 15px; }
	#megnezb a, #megnezb a:hover { width: 208px; }
	#lent p { padding-top: 15px; }
	footer { width: 200px; font-size: 85%; padding: 10px; margin: 35px auto 20px auto; border-bottom: 5px solid #cc0000;}
	
	/* reszponzív sikeres_igenyles.png jön */
	img.ok { width: 220px; }
	
	/* tagfelvétel regisztráció jön */
	div.kozep img { width: 230px; }
	div#back a { width: 230px; }
	#back br { display: block; }
	.vissza { width: 230px; }
	
	/* lista.php oldal jön*/
	#balos, #jobbos { width: 220px; margin: 0; padding: 0; border: 0; }
	
	/* tagsag.php oldal jön */
	.csekbox p span { display: none; }
	#balos br#no { display: none; }
	div#balos img.elonyok { display: none; }
	div#balos img.elonyokv { display: inline; width: 90%; }
	div#balos ol { width: 220px; }
	div#balos ol li {	margin: 6px 0 6px 20px; }
	p.ar br { display: none; }
	div#tagfel input, select { width: 170px; }
	div#tagfel textarea { width: 170px; }
	div#tagfel textarea#egyebek { width: 170px; height: 100px; }
	div#tagfel input#ft { width: 140px; }
}