@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 480px) {

/* pop up*/
		.toggler { 
			width: 90%; 
			height: auto; 
			position: fixed; 
			z-index:999; 
			margin-left: 0.0%; 
			margin-right: auto; 
			margin-top:1.0em; 
			border:none; }
			
		#button { 
			cursor:pointer; 
			padding: 0.5em 0.5em; 
			text-decoration: none; 
			border:2px solid #FFF; 
			font-size: 0.6em;
			margin: 0.5em auto auto 0.5em; 
			background: #660000; 
			color:#FFF; }
			
				#effect { 
					width: 100%; 
					height: auto; 
					padding: 0.4em; 
					position: relative; 
					background: #e4e4e4;  
					border: 3px solid #eebf1a; }
					
				#effect h3 { 
					margin: 0; 
					padding: 0.1em; 
					text-align: center; 
					color:#666;}
					
				#effect h5 { 
					color:#F00; 
					text-align:center;	
					font-family: 'Oxygen', sans-serif; 
					font-size:1.0em; 
					margin: 5px auto 5px auto;}
					
				.pop { 
					margin:0px;
					font-size: 0.7em;}
					
				.felsorolas_pop {
					width:480px; 
					margin: 0px auto 0px auto; 
					background:#CCC;
					padding:5px;}

.uzenet_gombok {
	width: 70px;
	height:300px;
	margin:200px auto auto -20px;
	position:fixed;}

	.uzenet_gombok .ajanlatkeres {
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/ajanlatkeres_uzenet.png) top left no-repeat;
		background-size:100%;}
		
		.uzenet_gombok .ajanlatkeres:hover {
			margin-left: 0px;}
	
	.uzenet_gombok .uzenet {		
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/uzenetkuldes_uzenet.png) top left no-repeat;
		background-size:100%;}


		.uzenet_gombok .uzenet:hover {
			margin-left: 0px;}		
		
	.uzenet_gombok .berles  {		
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/berles_uzenet.png) top left no-repeat;
		background-size:100%;}

		.uzenet_gombok .berles:hover {
			margin-left: 0px;}		

	
	img.gomb_valaszto {
		width: 28.0%;
		float: left;
		margin: auto 2.0% 2.0em 2.0%;
		-webkit-transition: all 0.8s ease;
			-moz-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
			-ms-transition: all 0.8s ease;
			transition: all 0.8s ease;	
		}
	
		img.gomb_valaszto:hover {
			box-shadow: 5px 5px 5px #777;
			
		}

.gridContainer {
	width: 95.0%;
	padding-left: 1.125%;
	padding-right: 1.125%;
	margin: auto;
	min-height:80.0em;
	background-color: #e4e4e4;
}
.gridContainer2 {
	width: 95.0%;
	padding-left: 1.125%;
	padding-right: 1.125%;
	margin: auto;
	background: #fff top left repeat;
	min-height:80.0em;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

body { margin: 0; 
	background: url(../webkepek/fejlec_hatterkep.png)  left top no-repeat; 
	background-size:160.0% }


		#LayoutDiv1 img.left {
			width:35%;
			float:left;
			margin:0.5%;
			border: none;}
			
			#LayoutDiv1 img.left_small {
				width:25%;
				float:left;
				margin:0.5%;
				border: none;}

		#LayoutDiv1 img.little {
			float:right;
			margin:auto 0 auto  0px;
			width:10.0%;
			border:  none;}

		#LayoutDiv1 img.right {
			width:35%;
			float:right;
			margin:0.5%;
			border: none;}

			#LayoutDiv1 img.right_small {
				width:25%;
				float:right;
				margin:0.5%;
				border: none;}
	
		#LayoutDiv1 img.full {
			width:95%;
			float: none;
			margin:0.5%;
			border: none;}	
			
.jelentkezes {
	height: 2.0em;
	width:100.0%;
	background:#A62603;
	font-family: 'Oxygen', sans-serif;	
	font-size:1.0em;
	color: #fff;
	margin-top:0;
	padding-top: 0;
	padding-bottom:1.0em;
	font-weight:lighter;}
	
	.jelentkezes:hover {
		opacity:0.8; }
	
.fejlec {
	display: none;}

.fejlec2 {
	width:100.0%;
	height:auto;}

.fejlec2 img {
	width:90.0%;
	height:auto;
	margin:1.0% auto 5.0% auto;}
	
.fejlec2 .logo {
	text-align:center;
	max-width:80.0%;
	margin-left:10.0%;
	margin-top: 2.0%;}
	
	.fejlec2 .logo img {
		height: auto;
		margin:0.0em auto auto auto;}

.fejlec2 .logo a {
	text-decoration:none;
	}


/* tartalom */	
.tartalom {
	width:90.0%;
	float:left;
	min-height:20em;
	height:auto;
	border-left:0px solid #999;
	margin-top: 2.0em;
	margin-left: 5.0%;
	padding-left:0;
	background-color: #fff;
	}	

.tartalom ul {
	text-align:left;
	margin: 0em auto 0.5em 0;
	font-family: 'Oxygen', sans-serif;	
	font-size:0.7em;
	width: 85%;
	color:#333;
	font-weight:lighter;
	list-style: none;
	border-left: 5px solid #e4e4e4;
	}
	
.tartalom ol {
	text-align: center;
	width: 100.0%;
	height: auto;
	margin: 0em auto 1.0em -1.0em;
	font-family: 'Oxygen', sans-serif;	
	font-size:0.8em;
	color:#444;
	font-weight:lighter;
	list-style: none;
	clear: both;
	}
	
	.tartalom ol li {
		width: 29.0%;
		max-width: 29.0%;
		height: auto;
		min-height: 16.0em;
		background-color:  transparent;
		float: left;
		margin-right: 1.0%;
		margin-bottom: 2.0%;
}
	
	.tartalom ol li a{
		color: #444;
	}
	
	.tartalom ol li a:hover {
		color: #967a6a;
}

		.tartalom ol li img.gepvalaszto { 
		width: 90.0%;
		margin: 4.0%;
		text-align: center;
		-webkit-transition: all 0.8s ease;
			-moz-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
			-ms-transition: all 0.8s ease;
			transition: all 0.8s ease;	
		}

		.tartalom ol li img:hover {
			opacity: 1.0;
			box-shadow: 5px 5px 5px #e4e4e4;
				border-radius: 50%;
				  -webkit-transform: rotate(-10deg);
					 -moz-transform: rotate(-10deg);
					   -o-transform: rotate(-10deg);
					  -ms-transform: rotate(-10deg);
						  transform: rotate(-10deg);
	}
	

	
	.tartalom .keresoszavak {
		text-align:left;
		margin: 0em auto 1.0em 0;
		font-weight:normal;
		font-family: 'Oxygen', sans-serif;	
		font-size:0.9em;
		width: 100%;
		color:#222;
		font-weight:lighter;
		list-style: none;
		}
	.tartalom .keresoszavak h2 {
		font-size:0.9em;
		text-align:center;}

.tartalom iframe {
	max-width:90%;
	margin:1.0em auto 1.0em auto;
	border: 0.2em solid #CCC;}

.tartalom table {
	max-width:100%;
	margin: 1.0em auto 1.0em auto;}
	
	.tartalom table tr td {
		width:auto;
		font-family: 'Oxygen', sans-serif;	
		font-size:0.55em;
		width: 100%;
		color:#222;
		font-weight:lighter;
		padding:0.05em;}
		
	.tartalom table tr td img.tablazat {
		width:90%;
		height:auto;
		padding:0;
		margin:0;}



 img.pdf{
		width: 9.0%;
		padding-right:90%;
		margin:1.0%;
		float:left;}
	
	 img.pdf:hover {
		opacity: 0.8;
		cursor:pointer;}
		
/* footer */	

#footer {
	width:100%;
	border-top:2px solid #CCC;
	height:2em;
	background:#333;
	padding:2.0em 0;
	}
	
	#footer .webasz {
		text-align:center;
		width:auto;
		font-family: 'Oxygen', sans-serif;
		font-size:0.7em;
		color:#fff;
		}
	#footer .webasz a {
		color:#FFF;
		text-decoration:none;}

	
p {
	font-family: 'Oxygen', sans-serif;	
	font-size:0.9em;
	width: 94%;
	line-height:1.3em;
	margin-left: 3.0%;
	margin-top: 1.0em;
	text-align:justify;
	color: #333;
	font-weight:lighter;}

h1 {
	font-family: 'Oxygen', sans-serif;	
	font-size:1.4em;
	font-weight: 300;
	padding-left:1.0%;
	color: #333;
	margin:0.8em auto 0.8em 0.8em;
	text-align:left;}
	

h2 {
	font-family: 'Oxygen', sans-serif;	
	font-size:1.5em;
	font-weight: 500;
	padding-left:1.0%;
	color: #333;
	margin:0em auto 0.8em 0.8em;
	text-align: center;
	border-bottom: 3px solid #eebf1a;
	}
		

h3 {
	font-family: 'Oxygen', sans-serif;	
	font-size:0.8em;
	color: #333;
	background: #fff;
	margin:0 auto 1.0em auto;
	font-weight:lighter;
	text-align: justify;
	padding:  0;
	line-height:1.0em;}


h4 {
	font-family: 'Oxygen', sans-serif;	
	font-size:1.0em;
	width: 90%;
	text-align: left;
	color:#333;
	margin: auto auto auto 5.0%;
	padding: 0;
	font-weight:lighter;
	border-bottom: 3px solid #eebf1a;}

h5 {
	font-family: Verdana, Geneva, sans-serif;	
	font-size:1.2em;
	width:auto;
	text-align: left;
	color: #333;
	font-weight:lighter;
	}
	

h6 {
	font-family: 'Oxygen', sans-serif;	
	font-size:0.5em;
	text-align: left;
	color:#333;
	margin: auto auto 2.0em auto;
	font-weight:lighter;}

address {
	font-family: 'Oxygen', sans-serif;	
	font-size:0.5em;
	font-weight:lighter;
	color:#333;
	margin:1.5em auto 1.5em 0;
	text-align:left;}


	
/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 0px solid #999; padding: 0; width:80%; margin: 0% auto; clear:both;  }

ins { 
	background: #F00; 
	color: #fff; 
	padding: 0.2em;
	text-decoration: none; 
	font-size:0.8em;}

	a:hover ins {
		background: #900;
		cursor: pointer;}

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

.marker {
	background:#FFFF00;}

big {
	font-weight:bold;
	font-family: 'Oxygen', sans-serif;	
	font-size:0.8em;
	color: #F00;}
	
pre, { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small {
	font-size: 0.5em;
	color:#333;}

tt {	
	margin:0 ;
	font-family: "Times New Roman", Times, serif;	
	font-size:1.0em;
	width: 95%;
	line-height:1.0em;
	text-align:justify;
	color: #900;
	padding: 0.2em;
	font-weight:lighter;}

code {
	margin:0 ;	
	font-size:1.0em;
	width: 95%;
	line-height:1.0em;
	text-align:justify;
	color: #000;
	padding: 0.2em;
	font-weight: normal;}

kbd {
	font-size:1.0em;
	margin: 1.0em;}
samp {
	font-size:1.0em;
	margin: 1.0em;}
var {
	font-size:1.0em;
	margin: 1.0em;}
del {
	font-size:1.0em;
	margin-top: 1.0em;}
cite {
	font-size:1.0em;
	margin: 1.0em;}

blockquote {
	border-left:#CCC 5px solid;
	background:#FFF;
	margin:0 auto auto auto ;
	font-family: 'Oxygen', sans-serif;	
	font-size:1.0em;
	width: 80%;
	line-height:1.3em;
	text-align:justify;
	color: #333;
	padding: 1.0em;
	font-weight:lighter;}

}