@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) {

.uzenet_gombok {
	display:none;}		


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

		#LayoutDiv1 img.big_right {
			float: none;
			margin:1.0%;
			width:95%;}
			
		#LayoutDiv1 img.big_left {
			float: none;
			margin:1.0%;
			width:95%;}
			

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

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

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

			#LayoutDiv1 img.right_small {
				width:25%;
				float:right;
				margin:0.5%;}
	
		#LayoutDiv1 img.full {
			width:95%;
			float: none;
			margin:0.5%;}	
			
			#LayoutDiv1 img.hazhozsallitas_banner{
			width:95%;
			float: none;
			margin:1.0%;}
	
	
.fejlec {
	height: 1.2em;
	width:100%;
			color: #ffffff;
		font-size: 3em;
		font-weight: bolder;
		text-transform:uppercase;
		text-shadow: 5px 5px 5px #333333;
		line-height: 0.95em;
		font-style: italic;
}

.fejlec .logo {
	height:10.0em;
	float:left;
	width:100%;}
	.fejlec .logo img {
		height:9.0em;
		margin:-1.0em auto auto auto;}

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

.fejlec .fejlec_tartalom {
	height: auto;}

.fejlec .fejlec_tartalom p {
	font-family: 'Poppins', sans-serif;	
	font-size:0.8em;
	padding-left:0%;
	color: #c2c2c1;
	margin:0.5em 0 auto 0px;
	font-weight: bold;
	text-align: center;}
	
	.fejlec div.kisgombok {
		position:absolute;
		width:60.0%;
		margin-top:0px;
		margin-left: 19.0%;
		clear:both;
		}
		
		.fejlec div.kisgombok img {
			width: 20%;}
			
	.fejlec .kep2 {
		margin-top:50px; 
		}
		
	.fejlec .kep {
		display:none; 
		}

/* tartalom */	
.tartalom {
	width:80.0%;
	float:left;
	min-height:50em;
	height:auto;
	border-left:0px solid #999;
	margin-top: 0;
	margin-left:4.0%;
	padding-left: auto;
	padding-right: 0.5%;
	padding-left: 0.5%;
	}	

.tartalom ul {
	text-align:left;
	margin: 1.0em auto 1.0em 5.0%;
	font-weight:normal;
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	width: 90%;
	text-align:justify;
	color:#333333;
	font-weight:lighter;
	list-style:none;
	border-left:3px solid #fff222;
	}

.tartalom ol {
	text-align:left;
	margin: 1.0em auto 1.0em 8%;
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	width: 50%;
	color:#333;
	font-weight:lighter;
	}

					.keresoszavak {
						position: fixed;
						text-align:left;
						margin: -8.0em auto auto -95%;
						padding:2px;
						font-family:"Times New Roman", "serif";	
						font-size:0.8em;
						width: 93%;
						font-weight:lighter;
						list-style: none;
						color:#555555;
						}
	
						.keresoszavak:hover {
							margin: -8.0em auto auto 0px;}
						
						.keresoszavak img.mobile_keresoikon {
							width: 8.0%;
							margin-left: 100.0%;
						}
	

						.keresoszavak h3 {
							display: none;
						}
	
						.keresoszavak h2 {
						font-size:1.0em;
						text-align: center;
						width: auto;}

					 .keresoszavak ul {
						 width: 90.0%;	
						 max-height: 350px;
						 background:none;
						 border-left:none;
						 list-style:none;
						 margin: 1.0% 0 0 0;
						 box-shadow:none;
						 padding: 5.0%;
						 color: #555;
						 background-color: #f5f5f5;
						 overflow-y: scroll}
	
	
					 /*.keresoszavak {
						text-align:left;
						margin: 0em 0% 1.0em 0;
						padding:0;
						font-family:"Times New Roman", "serif";	
						font-size:0.7em;
						width: 98%;
						font-weight:lighter;
						list-style: none;
						color:#C1b400;
						}
					.keresoszavak h2 {
						font-size:1.0em;
						text-align: center;
						width: auto;}

					 .keresoszavak ul {
						 background:none;
						 border-left:none;
						 list-style:none;
						 margin: 0 0 0 -45px;
						 box-shadow:none;}*/

						.tartalom iframe.terkep {
							min-width:100%;
							margin:auto;
							clear:both;}
	

.tartalom iframe {
	max-width:98%;
	margin: 1.0em auto;
	clear:both;}

.tartalom table {
	width:80%;
	margin: 1.0em auto 1.0em auto;}
	
	.tartalom table select {
		color:#222;
	}
	
	.tartalom table tr td {
		padding: 0em;
		}
	.tartalom table tr td p {
		width: 94%;
		font-family: 'Poppins', sans-serif;	
		font-size:0.6em;
		text-align:left;
		color:#222;
		font-weight:lighter;
	margin-left: 2.0%;}
		
	
	.tartalom table tr td h1 {
		font-family: 'Poppins', sans-serif;	
		font-size:0.8em;
		font-weight: 300;
		padding-left:0.0%;
		color: #8a9c28;
		margin:0em auto 0 0;
		text-align:left;}
	
	.tartalom table tr td h2 {
		font-family: 'Poppins', sans-serif;	
		font-size:1.0em;
		padding:0.5%;
		margin: 0.2em 0 0 0;
		color:#999;
		background-color: transparent;
		text-align: left;
		}
	
	.tartalom table tr td h3 {
		width: 90%;
		font-size: 0.6em;
		margin-left: 3.0%;
		text-align: left;
		}
	
	
		.tartalom table tr td h3 a:hover {
			color: #fff222;
			cursor: pointer;
			}

	.tartalom table tr td img.tablazat {
		width:100%;
		height:auto;
		padding:0;
		margin:0;}
	
	.tartalom table tr td img.tablazat_right {
		float: right;
		width:25%;
		height:auto;
		padding:0;
		margin: 0.5em 1.0% 0.5em 0.5em;}

	.tartalom table tr td img.tablazat_left {
		float: left;
		width:25%;
		height:auto;
		padding:0;
		margin: 0.5em 0.5em 0.5em 1.0%;}

	
	.tartalom table tr td img.tablazat_left_ikon {
		float: left;
		width:70%;
		height:auto;
		padding:0;
		margin: 0 0.5em 0 1.0%;}

			.tartalom table tr td img.tablazat_left_ikon {
			  -webkit-transition: all 0.5s ease;
				 -moz-transition: all 0.5s ease;
				   -o-transition: all 0.5s ease;
				  -ms-transition: all 0.5s ease;
					  transition: all 0.5s ease;
			}

			.tartalom table tr td img.tablazat_left_ikon:hover {
				margin-left: 10px;
				opacity: 0.9;
			}
	
	.tartalom table tr td img.tablazat_tgk_ikon {
		float: left;
		width:60%;
		height:auto;
		padding:0;
		margin: 0 0.5em 0 1.0%;}

	
	.tartalom table tr td img.foikon {
		float: none;
		width:90.0%;
		height:auto;
		padding:0;
		margin: 0.5em auto 0.5em 5.0%;}

	
			.tartalom table tr td img.foikon {
			  -webkit-transition: all 0.5s ease;
				 -moz-transition: all 0.5s ease;
				   -o-transition: all 0.5s ease;
				  -ms-transition: all 0.5s ease;
					  transition: all 0.5s ease;
			}

			.tartalom table tr td img.foikon:hover {
				margin-top:-10px;
				opacity: 0.9;
			}
	

.jobb_oldali_hirdetesek {
		width: 15%;
		float: left;
	}

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

#footer {
	width:92%;
	border-top:2px solid #CCC;
	height: auto;
	background:#333;
	padding:2.0em 4.0%;
	}
	
	#footer p {
		background:none;
		font-size:0.6em;
		color: #FFFFFF;}
		
		#footer h2 {
			background:none;
			text-align:left;
			font-size:0.7em;}
	
	
	#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 {
	margin:0 ;
	font-family: 'Poppins', sans-serif;	
	font-size:0.8em;
	width: 98%;
	line-height:1.3em;
	text-align:justify;
	color: #333;
	font-weight:lighter;
	margin-bottom: 0.8em;}

h1 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	padding-left: 0;
	color: #8a9c28;
	margin:0em auto 0 0;
	font-weight: normal;
	text-align:left;}
	

h2 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.5em;
	background-color: #8a9c28;
	padding:0.5% 0;
	color: #fff;
	margin: auto;
	text-shadow:2px 2px 5px #333333;
		-moz-text-shadow:2px 2px 5px #333333;
		-ms-text-shadow:2px 2px 5px #333333;
		-o-text-shadow:2px 2px 5px #333333;
		-webkit-text-shadow:2px 2px 5px #333333;
	}
	

h3 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	font-weight:100;
	color: #fff;
	background: #999;
	margin:0 auto 1.0em auto;
	font-weight:lighter;
	text-align: justify;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	width:96%;
	line-height:1.2em;}

	
h4 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.3em;
	width: 95% !important;
	text-align: left;
	color:#8a9c28;
	font-weight:normal;
	margin: auto auto auto 0;
	padding: 0.5em 1.0em;
	font-weight:lighter;}

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


h6 {
	font-family: 'Poppins', sans-serif;	
	font-size:0.6em;
	text-align: left;
	color:#333;
	margin: auto auto 2.0em auto;
	font-weight:lighter;}
	
address {
	font-family: 'Poppins', sans-serif;	
	font-size:0.8em;
	font-weight:lighter;
	color:#333;
	margin:1.5em auto 1.5em 1.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: 2px solid #fff222; 
	padding: 0; 
	width:100%; 
	margin: 2px 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: 'Poppins', 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: 'Poppins', sans-serif;	
	font-size:1.0em;
	width: 80%;
	line-height:1.3em;
	text-align:justify;
	color: #333;
	padding: 1.0em;
	font-weight:lighter;}

}