@charset "utf-8";
/* CSS Document */

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 768px) {

.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;}		

.gridContainer {
	width: 85%;
	/*max-width: 1300px;*/
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: 0em auto auto auto;
	/*background: url(../image/bg_wh.png) top left repeat;*/
	background-color: #fff;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


		#LayoutDiv1 img.big_right {
			float:right;
			margin:1.0%;
			width:30%;}
			
		#LayoutDiv1 img.big_left {
			float:left;
			margin:1.0%;
			width:30%;}
			
		#LayoutDiv1 img.left {
			width:15%;
			float:left;
			margin:1.0%;}

		#LayoutDiv1 img.right {
			width:15%;
			float:right;
			margin:1.0%;}

		#LayoutDiv1 img.full {
			width:98%;
			float: none;
			margin:1.0%;}

		#LayoutDiv1 img.hazhozsallitas_banner{
			width:98%;
			float: none;
			margin:1.0%;}
	
			#LayoutDiv1 img.hazhozsallitas_banner {
			  -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;
			}

			#LayoutDiv1 img.hazhozsallitas_banner:hover {
				width:92.0%;
				margin-left: 4.0%;
				margin-bottom:2.0%;
				margin-top:2.0%;
				opacity: 0.8;
			}

	#LayoutDiv1 img.vallalkozas {
		width: 23.0%;
		float: left;
		margin: 1.0%;	
	}
			#LayoutDiv1 img.vallalkozas {
			  -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;
			}

			#LayoutDiv1 img.vallalkozas:hover {
				border-bottom-right-radius: 30%;
				border-bottom-left-radius: 30%;
				opacity: 0.8;
					
			}	
	
.fejlec {
	width: 96%;
	height: 1em;
	text-align: left;
		padding-top: 0.2em;
	font-family: 'Poppins', sans-serif;
		color: #ffffff;
		font-size: 12em;
		font-weight: bolder;
		text-transform:uppercase;
		text-shadow: 5px 5px 5px #333333;
		line-height: 0.95em;
		font-style: italic;
	margin:0 auto 0 auto;
	}

	.fejlec div.kisgombok {
		position:absolute;
		width:40.0%;
		margin-top:30px;
		margin-left: 48.0%;
		}
		
		.fejlec div.kisgombok img {
			height: 100%;}
			
	.fejlec div.kisgombok a:hover {
		opacity:0.8;}
	
	.fejlec .kep {
		border-bottom:3px solid #F93; 
		}

	.fejlec .kep2 {
		display:none; 
		}
	
	

/* tartalom */	
.tartalom {
	width:69%;
	float:left;
	min-height:50em;
	height:auto;
	border-left:0px solid #999;
	margin-top: 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-weight:normal;
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	width: 50%;
	text-align:justify;
	color:#333;
	font-weight:lighter;
	}

	 .keresoszavak {
		text-align:left;
		margin: 0em 0% 1.0em 0;
		float: left;
		padding:0;
		font-family:"Times New Roman", "serif";	
		font-size:0.9em;
		width: 15%;
		color:#222;
		font-weight:lighter;
		list-style: none;
		 color:#C1b400;
		}
	.keresoszavak h2 {
		font-size:2.0em;
		text-align: center;
		width: auto;}

	 .keresoszavak ul {
		 background:none;
		 border-left:none;
		 list-style:none;
		 color:#690;
		 margin: 0 0 0 -45px;
		 box-shadow:none;}
	
	.keresoszavak a {
		margin: auto auto auto 1.0%;
		 color:#690;}
						
						.keresoszavak img.mobile_keresoikon {
							display: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: 0.5em;
		}*/
	
	.tartalom table tr td p {
		width: 98%;
		font-family: 'Poppins', sans-serif;	
		font-size:0.9em;
		text-align: justify;
		color:#222;
		font-weight:lighter;
		padding:0.05em;}
		

	.tartalom table tr td h2 {
		font-family: 'Poppins', sans-serif;	
		font-size:1.7em;
		padding:0.5%;
		margin: 0.2em 0 0 0;
		color:#999;
		background-color: transparent;
		text-align: left;
		}
	
	.tartalom table tr td h3 {
		width: 93%;
		font-size: 0.9em;
		margin-left: 0;
		}
	
		.tartalom table tr td h3 a {
			color: #fff;
			}

	
		.tartalom table tr td h3 a:hover {
			color: #fff222;
			}

	.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:35%;
		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;
	}
	
.vissza {
	height:3.0em;
	width:100%;
	}
	
	.vissza img {
		float:left;
		height:2.5em;
		margin-left:3.0em;
		opacity:0.8;}

	.vissza img:hover {
		margin-left:2.6em;
		opacity:1.0;
		}

	.vissza a {
		border:none;}

img.pdf {
		width: 10%;
		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.8em;
		color: #FFFFFF;}
		
		#footer h2 {
			background:none;
			text-align:left;
			font-size:1.0em;}
	
	#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:1.0em;
	width: 98%;
	line-height:1.3em;
	text-align:justify;
	color:#333;
	font-weight:lighter;
	margin-bottom: 1.0em;}

h1 {
	font-family: 'Poppins', sans-serif;	
	font-size:2.0em;
	font-weight: 300;
	padding-left:1.0%;
	color: #c1b400;
	margin:0em auto 0em 0px;
	text-align:left;}
	

h2 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.9em;
	padding:0.5%;
	margin-top: 1.0em;
	color:#fff;
	margin: auto;
	background:#c1b400;
	}
		

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


h4 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.3em;
	width: 95% !important;
	text-align: left;
	color:#c1b400;
	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.8em;
	width:auto;
	text-align: left;
	color: #c1b400;
	font-weight:lighter;
	}
	

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

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


.tartalom div.div_szo_keres:hover {
	cursor:pointer;}
	


.keresoszavak a {
	color:#c1b400;
	font-weight: lighter;}
	
.keresoszavak a:hover {
	color:#333;
	font-weight: lighter;}
	
/* =============================================================================
   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: 3px solid #fff222; 
	padding: 0; 
	width:100%; 
	margin: 5px auto; 
	clear:both;  }

ins { 
	background: #F00; 
	color: #fff; 
	padding: 0.8em;
	text-decoration: none; 
	font-size:1.0em;  
	margin:15px 2.0em;}

	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:1.0em;
	color: #F00;}

pre {
	text-align: right;
	}
	
pre a{ 	
	font-family: 'Poppins', sans-serif;	
	text-align: right;
	width: 60px;
	font-size:0.8em;
	color: #fff;
	background:#c1b400;
	margin:0 0 1.0em auto;
	font-weight:lighter;
	padding-left:1.0%;
	padding-right:1.0%;
	padding-bottom:1.0%;
	padding-top:1.0%;
	line-height:1.2em;}
	
pre a:hover {
	font-family: 'Poppins', sans-serif;	
	text-align: right;
	width: 60px;
	opacity: 0.8;
	font-size: 0.8em;
	color: #fff;
	background-color: #c1b400;
	margin:0 0 1.0em auto;
	font-weight:lighter;
	padding-left:1.0%;
	padding-right:1.0%;
	padding-bottom:1.0%;
	padding-top:1.0%;
	line-height:1.2em;}

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

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

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

code {
	margin:0 ;	
	font-size:1.0em;
	width: 98%;
	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;}
}