/*****	RESET ALL	*****/
* {	margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section { display: block;	}


/*****	MENŰ STÍLUS	*****/
nav {	font-weight: bold;	}

nav ul {
		list-style: none;
		background: #73B8E6;
		width: 100%;
		margin-bottom: 20px;	}
		
nav li {
		float: left;
		position: relative;
		width: 15.3125%;
		font-size: 16px;	}
		
nav a {
		background: #73B8E6;
		text-decoration: none;
		text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
		color: #14293D;
		display: block;
		padding: 10px 0px;
		text-align: center;
		transition: all .25s;	}
		
nav li:hover a {
		background: #336699;	/* aktív menű hátérszín! */
		color: #FFFFFF/* LEHETNE A body SZÍNE!!!!!! */;	
		text-shadow: 1px 1px 2px rgba(1,1,1,0.9);	}

nav li ul {
		float: left;
		left: 0px;
		opacity: 0;
		position: absolute;
		top: 30px;
		visibility: hidden;
		transition: all .25s;	}
		
nav li:hover ul {
		opacity: 1;
		top: 40px;
		visibility: visible;	}
		
nav li ul li {
		float: none;
		width: 100%;
		background: #73B8E6;
		font-weight: bold;
		font-size: 14px;	}
		
nav li ul li a {
		border: 0;
		padding: 7px 3px;
		background: #73B8E6 !important;	}
		
nav li ul li a:hover {	background: #336699 !important;	}
		
nav ul:first-child:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;	}

/*****	ALAP OLDALSTÍLUS	*****/
body {
		background-color: #D6F5F5;
		color: #14293D;
		font: normal 100% Arial, Helvetica, sens-serif;	}
		
a {
		color: #14293D;
		text-decoration: none;	}
		
.tiszta {	clear: both;	}

#oldal {
		max-width: 960px;	/* az oldal rész max. szélessége*/
		min-width: 300px;
		margin: 10px auto;
		background-color: #D6F5F5;	}
		
header {
		position: relative;
		height: 120px;
		margin-bottom: 20px;
		background-color: #73B8E6;
		width: 100%;	}

footer {
		text-align: center;
		vertical-align: middle;
		height: 30px;
		color: #53789C;
		font-variant: small-caps;
		background-color: #C1CAD4;
		margin-top: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 12px;	}
		
#weblapcim {
		float: left;
		width: 76.5625%; /* 735px */
		font-size: 2em;	/* 2x16px */
		font-family:"Arial Black";
		font-variant: small-caps;
		text-align: right;
		text-shadow: 3px 3px 5px #FFFFFF;	}
		
#logo {
		float: left;
		margin: 10px 0px 0px 10px;	}
		
#weblapcim article {
		margin: 10px 0px;
		height: 100px;
		line-height: 1em;
		border-right: 1px solid #14293D;	/* BORDER SZÍN! */
		padding-right: 20px;	}
		
#weblapcim article p {	padding-top: 15px;	}
		
#weblapcim i{
		font-size: 0.65em;	/* 0.65x2x16px */
		font-style: oblique;
		letter-spacing: -0.5px;
		text-shadow: none;	}
		
#belepes {
		float: right;
		width: 23.4375%;	/* 225px */	}
		
#belepes article {
		text-align: right;
		margin: 18px 10px;	}
		
#belepes article p {	font-weight: bold;	}
		
#belepes article div {	margin-top: 5px;	}
		
#kontener {	width: 100%;	}
		
#tartalom {
		width: 73.4375%;	/* 15+690=705px/960px */
		float: left;	}
		
#jobbsav {
		width: 23.4375%;	/* 15+210=225px/960px */
		float: right;
		background-color: #B8CADC;	}
		
#jobbsav article {
		margin: 15px;
		font-size: 0.875em;	}

#jobb_sav_cim {	margin-bottom: 10px;	}
		
.lista_komment {	padding: 10px 0;	}
		
.lista_komment p {	text-align: left;	}

.lista_komment span {	font-size: 90%;	}		

#urlap_tartalom {
		max-width: 420px;
		margin: 100px auto;
		text-align: center;	}

#reg_urlap {
		background-color: #B8CADC;
		padding:10px;
		margin: 0 0 10px 0;	}

#reg_urlap td {
		width: 200px;
		padding: 5px 0 0 0;	}

#reg_urlap td:first-child {	text-align: left;	}
#reg_urlap td:last-child {	text-align: center;	}




#kilep_urlap {
		max-width: 400px;
		margin: 100px auto;
		text-align: center;	}

/*****	BUTTON	*****/
.btn_default {
		display: inline;
		/*width: 150px;*/
		font-weight: bold;
		text-align: center;
		color: #14293D;
		vertical-align: middle;
		cursor: pointer;
		background-color: #B8CADC;
		background-image: none;
		border: 1px solid #14293D;
		white-space: nowrap;
		padding: 3px 10px;
		font-size: 12px;
		line-height: 1.2;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;	}
		
.btn_belep {
		display: inline;
		width: 68px;
		font-weight: bold;
		text-align: center;
		color: #14293D;
		vertical-align: middle;
		cursor: pointer;
		background-color: #D6F5F5;
		background-image: none;
		border: 1px solid #14293D;
		white-space: nowrap;
		padding: 2px 2px;
		font-size: 11px;
		line-height: 1.2;
		border-radius: 2px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;	}

.btn_lista_motor {
		display: inline;
		width: 100px;
		font-weight: bold;
		text-align: center;
		color: #14293D;
		vertical-align: middle;
		cursor: pointer;
		background-color: #B8CADC;
		background-image: none;
		border: 1px solid #14293D;
		white-space: nowrap;
		padding: 3px 10px;
		font-size: 12px;
		line-height: 1.2;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;	}

.btn_komment_kuld {
		display: inline;
		width: 110px;
		font-weight: bold;
		text-align: center;
		color: #14293D;
		vertical-align: middle;
		cursor: pointer;
		background-color: #B8CADC;
		background-image: none;
		border: 1px solid #14293D;
		white-space: nowrap;
		padding: 3px 10px; margin-bottom: 12px;
		font-size: 12px;
		line-height: 1.2;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;	}

.btn_naptar {
		display: inline;
		width: 105px;
		font-weight: bold;
		text-align: center;
		color: #14293D;
		vertical-align: middle;
		cursor: pointer;
		background-color: #B8CADC;
		background-image: none;
		border: 1px solid #14293D;
		white-space: nowrap;
		padding: 3px 10px; margin-top: 5px;
		font-size: 12px;
		line-height: 1.2;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;	}

.link_lista_motor {	font-size: 12px;	}

.lista_gombok dd a:first-child {	margin-right: 4px;	}

#btn_arlista {	margin: 0 9px;	}

#btn_motorberles {	margin: 0 4px;	}
		
/*****	OLDALTARTALMAK	*****/
#oldalcim {
		margin-bottom: 20px;
		text-decoration: underline;	}

#tartalomcim {
		margin: 20px 0 0 0;
		font-weight: bold;	}
		
.kiemelt {	margin: 20px 0px;	}
		
.kiemelt span {
		padding: 5px 20px;
		display: block;
		background-color: #B8CADC;
		border: 1px solid #FFFFFF;
		border-radius: 4px;	}
		
.hiba {	color: red;	}

#flash_fo {	float: left; padding: 0 20px 20px 0;	}

figure img {	max-width: 100%;	 /*img elem szélessége */	}

.fooldal {	margin-top: 50px;	}
.fooldal p {	padding-bottom: 30px; text-align: justify;	}
	
.lista_motor_adatok {	margin: 30px 0 0 0;	}

.lista_motor_kep {
		margin: 0px 40px 1px 0px;
		width: 200px;
		float: left;	}

.lista_motor_reszletek {	margin: 20px 0;	}
		
.lista_motor_reszletek p {	padding-bottom: 10px;	}

#lista_motor_leiras {
		text-align: justify;
		margin-bottom: 10px;
		padding: 0px;	}

.lista_gombok dd {	display: inline;	}

.lista_parameterek {
		margin: 10px 0 0 0;
		min-width: 300px;
		font-size: 13px;	}
		
.lista_parameterek td {
		width: 260px;
		background-color: #FFFFFF;
		padding: 3px;	}
		
.lista_parameterek td:first-child {	width: 150px;	}

.lista_kommentek {
		margin: 10px 0 0 0;
		max-width: 410px;
		font-size: 14px;	}
		
.lista_motor_komment {
		min-width: 300px;
		padding: 10px;
		background-color: #FFFFFF;	}

.lista_komment_urlap {	margin-top: 5px;	}

.berles {	margin-bottom: 30px; line-height: 1.5; text-align: justify;	}

.berles dd {	padding-bottom: 10px; font-weight: bold;	}

.lista_partnerek {	margin: 40px 0 0 0;	}
		
.lista_partner_logo {
		width: 150px;
		margin: 0px 40px 10px 0px; border: 1px solid #14293D;
		float: left;	}
		
.partner_leiras {
		text-align: justify;
		margin-bottom: 10px;
		padding: 10px 20px 0 0;	}
		
.arlista_motor {	margin-bottom: 10px;	}

.arlista_motor th {	text-align: left;	}

.arlista_motor td {
		font-size: 14px;
		min-width: 100px;	}

.arlista_motor td:first-child {	width: 170px;	}

.list_galeria_tipus {	float: left; width: 200px; padding-bottom: 20px;	}

.cegadatok h2 {
		font-family: "Arial Black";
		font-variant: small-caps;
		margin-bottom: 10px;	}

.lista_cegadatok {
		background-color: #FFFFFF;
		max-width: 410px;
		padding: 10px;	}
		
.ceg_kommentek {	margin: 20px 0;	}
	
.lista_ceg_komment {
		background-color: #FFFFFF;
		margin: 10px 0;
		padding: 5px;
		max-width: 410px;	}






/*****	SCROLLUP	*****/
.scrollup{
		width: 40px;
		height: 40px;			
		text-indent: -9999px;
		opacity: 0.8;
		position: fixed;
		bottom: 10px;
		right: 15px;
		display: none;			
		background: url('../kepek/up.svg') no-repeat;	}


/*****	MEDIA	*****/
@media only screen and (min-width: 769px) and (max-width:959px) {
	#oldal {	margin: 10px 15px;	}	/* oldal=960px-2x15px=930px! */
	#belepes article {	margin: 18px 10px 18px 10px;	}
}
@media only screen and (min-width: 481px) and (max-width:768px) {
	#oldal {	margin: 10px 15px; font-size: 90%;	}
	header {	height: 130px;	}
	
	#weblapcim {	width: 100%; font-size: 1.9em;	/* 1.9x16px */	}
	#weblapcim article {	height: 80px; border-right: none; /*margin: 0px 0px 0px 0px;*/	}
	
	#logo {	width: 160px;	}
	
	#belepes {	float: none; display: inline;	}
	#belepes article {	margin: 0px 15px;	}
	#belepes article p {	/*margin: 0px 10px 5px 0px;*/ display: none;	}
	#belepes_nev, #belepes_jelszo {	width: 110px;	}
	#belepes article div {	display: inline; margin-top: 0px;	}
	#belepes article dd  {	display: inline;	}
	
	nav a { font-size: 13px; }
	nav li {	width: 20%;	}
	
	#tartalom { width: 100%; float: none;	}
	#jobbsav {	width: 50%; float: none; margin: 20px auto;	}
	#jobbsav article {	margin: 15px; font-size: 0.94em;	}
	#jobb_sav_cim {	padding-top: 15px;	}
	
	.lista_motor_kep {	width: 175px; margin: 0px 20px 1px 0px;	}
	.lista_partner_logo {	width: 125px;	}
	
	#pic {	width: 150px;	}
}
@media only screen and (max-width:480px) {
	#oldal {	margin: 10px 10px; font-size: 80%;	}
	header {	height: 130px;	}
	
	#weblapcim {	width: 100%; font-size: 1.8em;	/* 1.8x16px */	}
	#weblapcim article {	height: 40px; border-right: none;	}
	#weblapcim article p {	padding-top: 0px;	}
	#weblapcim article i {	display: none;	}
	
	#logo {	width: 100px;	}
	
	#belepes {	float: left; width:260px;	}
	#belepes article {	margin: 10px; text-align: left;	}
	#belepes article p {	/*margin: 0px 10px 5px 0px;*/ display: none;	}
	#belepes_nev, #belepes_jelszo {	width: 110px;	}
	#belepes article div {	margin-top: 5px;	}
	
	nav {	width: 100%; text-align: center; background: #73B8E6;	}
	nav a { font-size: 13px; padding: 5px 0px; }
	nav li {	float: none /*itt lesz block*/; width: 50%; margin: 0 auto;}
	nav li:hover ul {	top: 26px; z-index: 100;	}
	
	#tartalom { width: 100%; float: none;	}
	#jobbsav {	width: 75%; float: none; margin: 20px auto;	}
	#jobbsav article {	font-size: 1em;	}
	#jobb_sav_cim {	padding-top: 15px;	}
	
	#flash_fo {	float: none;	}
	.lista_motor_kep {	width: 150px; margin: 0px 20px 1px 0px;	}
	.lista_gombok dd {	display: block; margin: 5px 0px;	}
	.lista_parameterek {	font-size: 12px;	}
	.lista_kommentek {	font-size: 12px;	}
	.btn_komment_kuld {	width: 100px;	}
	.lista_partner_logo {	width: 100px;	}
	
	.arlista_motor {	float: left;	}
	
	#pic {	width: 100px;	}
}