@font-face
{
	font-family:	'cimsor';
	src:			url('cimsor.otf') format('opentype');
}










/***** HTML TAG *****/

html
{
	height:100%;
	overflow-y:scroll;
}

body
{
	margin:0;
	font-family:sans-serif;
	background:#241c1c;
	color:white;
	height:100%;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	margin:0 0 .5em;
	clear:both;
}

h1,
h2
{
	font-size:1.3em;
	font-family:cimsor, Impact, sans-serif;
}

h1
{
	text-transform:uppercase;
}

h2
{
	margin:0 0 .5em;
	padding:.3em 0;
	font-weight:normal;
}

p
{
}

th, td
{
	padding:.2em .4em;
}

label
{
	font-size:.9em;
	cursor:pointer;
}

textarea
{
	resize:none;
	overflow:auto;
	height:10em;
}

input,
textarea
{
	font:inherit;
	padding:.2em;
}

a
{
	color:#241c1c;
	text-decoration:none;
	transition:color .2s;
}

	a:hover
	{
		color:#f97500;
	}
	
	p a
	{
		color:#f97500;
		text-decoration:underline;
	}
	
	p a:hover
	{
		color:gray;
	}










/***** CLASS *****/

.margoNelkul
{
	margin:0;
}

.clear
{
	clear:		both;
	overflow:	hidden;
}

.hasabok
{
	overflow:	hidden;
	clear:		both;
}

.hasab
{
	margin-right:		1.5em;
	display:			block;
	float:				left;
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
}

.egyKetted.hasab
{
	width:50%;
}

.gomb
{
	padding:				.2em .5em;
	margin:					.2em 0;
	border:					none;
	border-top:				.15em solid #826565;
	border-bottom:			.15em solid #120e0e;
	background-color:		#5a4646;
	background:				linear-gradient(to bottom, #5a4646, #362a2a, #362a2a);
	background-size:		100% 200%;
	color:					white !important;
	text-decoration:		none;
	cursor:					pointer;
	border-radius:			.25em;
	text-shadow:
							0 -.05em .05em #120e0e,
							0 .05em .05em #826565;
	transition:
							background .2s,
							border-color .2s,
							text-shadow .2s;
	-webkit-touch-callout:	none;
	  -webkit-user-select:	none;
	   -khtml-user-select:	none;
	     -moz-user-select:	none;
	      -ms-user-select:	none;
	          user-select:	none;
}

	.gomb:hover
	{
		border-color:			#362a2a;
		background-color:		#362a2a;
		text-shadow:			none;
		background-position:	0 100%;
	}
	
	.gomb.inaktiv
	{
		cursor:					default;
		background-color:		#ddd;
		background:				linear-gradient(to bottom, #ddd, #bbb, #bbb);
		color:					#666 !important;
		border-top-color:		#eee;
		border-bottom-color:	#888;
		opacity:				.7;
		text-shadow:			none;
	}
	
.beagyazottKapcsolat
{
	border:2px solid white;
	border-radius:1em;
	background:white;
	background:hsla(0, 0%, 100%, .5);
	padding:1em;
	margin:1.5em auto 1em;
	clear:both;
}

.urlapMezo
{
	margin-bottom:.5em;
	clear:both;
	overflow:hidden;
}

	.urlapMezo label
	{
		display:block;
		width:20%;
		float:left;
		text-align:right;
		padding:.2em 1em;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	
	.urlapMezo input,
	.urlapMezo textarea
	{
		width:80%;
		border:2px solid #241c1c;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		transition:border-color .2s;
	}

		.urlapMezo input:focus,
		.urlapMezo textarea:focus
		{
			border-color:#f97500;
		}
		
			.urlapMezo.kotelezo label
			{
				font-weight:bold;
			}
		
			.urlapMezo.hibas *
			{
				border-color:red;
				color:red;
			}
	
	.urlapMezo ul
	{
		font-size:.8em;
		width:80%;
		list-style:none;
		padding:0;
		margin:.5em 0 0 auto;
	}

.urlapGomb
{
	padding-left:20%;
	text-align:center;
}

.arnyek
{
	box-shadow:6px 3px 20px hsla(0, 0%, 0%, .3);
}

.kepalairas
{
	font-size:.8em;
	display:block;
	text-align:center;
	padding:.5em;
}

.kozepDoboz
{
	width:740px;
	padding:0 20px;
	margin:0 auto;
}

.cimkek
{
	margin-bottom:	.5em;
}

.cimke
{
	display:		inline-block;
	white-space:	nowrap;
	font-size:		.6em;
	margin:			.07em;
	margin-right:	.14em;
	padding:		.2em .4em;
	border:			0.07em solid white;
	background:		#5a4646;
	color:			white;
	font-weight:	bold;
	
	box-shadow:		0 0 0 0.07em #5a4646;
	border-radius:	.5em;
}

		.cimke.eltavolitas
		{
		}
		
			.cimke.eltavolitas:hover
			{
				color:		white;
			}
			
			.cimke.eltavolitas:before
			{
				content:	'X ';
				color:		rgba(255, 255, 255, .4);
			}
			
				.cimke.eltavolitas:hover:before
				{
					color:		rgba(230, 87, 87, 1);
				}
		
		.cimke.hozzaadas
		{
		}
		
			.cimke.hozzaadas:hover
			{
				color:		white;
			}
			
			.cimke.hozzaadas:before
			{
				content:	'+ ';
				color:		rgba(255, 255, 255, .4);
			}
			
				.cimke.hozzaadas:hover:before
				{
					color:		rgba(87, 230, 87, 1);
				}
				
	.cimke .termekszam
	{
		opacity:	.2;
		transition:	opacity .2s;
	}
	
		.cimke:hover .termekszam
		{
			opacity:	1;
		}
.ikon
{
	background-image:url('../grafika/kapcsolat-ikonok.png');
	height:44px;
	display:block;
	margin:0 auto;
}

	.ikon.cim
	{
		width:29px;
		background-position:0 0;
	}
	
	.ikon.telefon
	{
		width:43px;
		background-position:-29px 0;
	}
	
	.ikon.mobil
	{
		width:21px;
		background-position:-73px 0;
	}
	
	.ikon.email
	{
		width:44px;
		background-position:-94px 0;
	}

.infoDoboz
{
	background:white;
	box-shadow:2px 3px 5px hsla(0, 0%, 0%, .3);
	font-size:.8em;
	margin: .75em 0;
	padding:.5em;
	text-align:center;
}

	.infoDoboz p
	{
		margin:0;
	}

	.infoDoboz .cimsor
	{
		margin-bottom:.2em;
		font-size:1.2em;
		font-family:cimsor, Impact, sans-serif;
		font-weight:normal;
	}





/***** FEJLÉC *****/

.fejlec
{
	height:90px;
	background:#f0ecdd url('../grafika/fejlec-hatter.png');
	color:#241c1c;
	box-shadow: 0 -2em 2em 2em hsla(0, 0%, 0%, .3);
	position:relative;
	z-index:2;
}

	.fejlec .kozepDoboz
	{
		height:100%;
	}
	
	.fejlec .logo {
		display:block;
		float:left;
		width:161px;
		height:100%;
		background:url('../grafika/fejlec-logo.png') no-repeat center;
	}

	.fejlec .navigacio
	{
		height:100%;
		float:right;
	}

	.fejlec ul
	{
		margin:0;
		padding:45px 0 0;
		list-style:none;
		position:relative;
		top:-1em;
	}

	.fejlec li
	{
		float:left;
		position:relative;
	}

		.fejlec li a
		{
			display:block;
			padding:.4em 1em;
			text-decoration:none;
			text-transform:uppercase;
			text-align:center;
			font-size:1.2em;
			font-family:Sans, sans-serif;
			color:#241c1c;
			text-shadow:0 1px 1px white;
			transition:none;
		}

			.fejlec li:hover a
			{
				background:#241c1c;
				color:white;
				text-shadow:none;
			}

				.fejlec li:hover li a
				{
					background:none;
					color:#241c1c;
					border:none;
				}

		.fejlec li ul
		{
		float:none;
		display:none;
		width:100%;
		padding:0;
		position:absolute;
		top:100%;
		background:white;
		background:hsla(0, 0%, 100%, .95);
		}

		.fejlec li li
		{
			float:none;
		}

			.fejlec li li a
			{
				padding:.4em;
				font-size:1em;
				text-transform:none;
				text-align:left;
				text-shadow:none;
				overflow:hidden;
				text-overflow:ellipsis;
			}

				.fejlec li li:hover a
				{
					background:white;
					color:black;
				}

		.fejlec li:hover ul
		{
			display:block;
		}





/***** TÖRZS *****/

#torzs
{
	font-size:1.4em;
	padding-top:1em;
	padding-bottom:5em;
	min-height:50%;
	height:auto !important;
	height:50%;
	background:#f8f6ef;
	background-image:linear-gradient(to right, #f0ecdd, #f8f6ef, #f0ecdd);
	color:#241c1c;
	position:relative;
	box-shadow:0 0 1em black;
}

	.torzs img
	{
		max-width:100%;
	}
	
	.torzs .kozepDoboz
	{
		overflow:visible;
	}

.utvonal
{
	clear:both;
}

.lapozo
{
	text-align:		center;
	padding:		.2em 1em;
	font-size:		.6em;
	font-weight:	bold;
	overflow:		hidden;
	border:			1px solid #bbb;
	border-radius:	4px;
}

	.lapozo > *
	{
		display:	block;
		float:		left;
		width:		4%;
		box-sizing:	border-box;
	}
	
	.lapozo .oldalszamok
	{
		width:			84%;
		margin-left:	4%;
		margin-right:	4%;
		box-sizing:	border-box;
	}
	
	.lapozo .oldalszamok a,
	.lapozo .oldalszamok span
	{
		display:	inline-block;
	}





/***** LÁBLÉC *****/

.lablec
{
	padding:1em 0 2em;
}

	.lablec ul
	{
		overflow:hidden;
		clear:both;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.lablec li
	{
		float:left;
		text-transform:uppercase;
	}
	
		.lablec li li
		{
			float:none;
			text-transform:none;
		}

		.lablec li a,
		.lablec li span
		{
			display:block;
			padding:.5em 1em;
			text-decoration:none;
			color:#d6caca;
		}
		
			.lablec li a:hover
			{
				color:white;
			}
		
			.lablec li li a,
			.lablec li li span
			{
				padding:.2em 1em;
			}
			
		.lablec li.kapcsolat
		{
			float:right;
		}
		
	.lablec p
	{
		margin:3em 0 0;
		text-align:right;
		color:gray;
	}