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

body {
	width: 100%;
	height: auto;
	text-align:center;
	margin: 0px;
	background: url(../image/metal_background_scratches_surface_18408_1920x1080.jpg) fixed top center repeat-y #BEBE7E;
	background-size:100%;
	}
.clear {
	clear:both;
	}

hr {
	width:95%;
	border:1px solid #96964b;
	margin:35px auto;}

.tovabb {
	width:100%;
	max-width:150px;
	float:right;
	}
	
	.tovabb p {
	color: #fff;
	font-size:1.2em;
	padding:4%;
    /*font-family: 'Exo 2', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
	background: #444;
	border-radius: 12px;
		-moz-border-radius: 12px;
		-ms-border-radius: 12px;
		-o-border-radius: 12px;
		-webkit-border-radius: 12px;
		}
	.tovabb p:hover {
		background:#555;}
span {
	color: #fff;
	font-variant:small-caps;
	font-weight:bold;
	margin:0px auto 30px 15%;
	font-size:1.8em;
    font-family: Arial, Helvetica, sans-serif;
	background:#222;
	padding:2%;
	}
	span:hover {
		background:#444;}

	
/* fontok */
p {
	color: #222;
	text-align:justify;
	margin: 0px 25px 10px 25px;
	font-size: 1.0em;
    /*font-family: 'Exo 2', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
	}

h1 {
	color: #222;
	margin: 25px 25px 25px 25px;
	font-size:1.2em;
    /*font-family: 'Exo 2', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
	padding:1%;
	text-align: left;
	border-left:50px solid #333;
	background: url(../image/bg_feher.png) ;
	border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
		-webkit-border-radius: 50px;
	box-shadow:#666 2px 2px 5px;
		-moz-box-shadow:#666 2px 2px 5px;
		-o-box-shadow:#666 2px 2px 5px;
		-ms-box-shadow:#666 2px 2px 5px;
		-webkit-box-shadow:#666 2px 2px 5px;
	}

h2 {
	color: #222;
	font-variant:small-caps;
	font-weight:bold;
	margin:0px auto 30px 10px;
	font-size:1.2em;
    /*font-family: 'Exo 2', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
	}

h3 {
	color: #222;
	margin: 40px auto 18px 10px;
	font-size:1.3em;
    /*font-family: 'Exo 2', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
	}

h4 {
	color: #fff;
	margin:12px;
	text-align:center;
	background:#222;
	font-size:1.2em;
	padding:5px;
	font-weight:400;
    /*font-family: 'Play', sans-serif;'*/
    font-family: Arial, Helvetica, sans-serif;
	border-radius: 0 18px 0 0;
		-moz-border-radius: 0 18px 0 0;
		-ms-border-radius: 0 18px 0 0;
		-o-border-radius: 0 18px 0 0;
		-webkit-border-radius: 0 18px 0 0;
	}

h5 {
	color: #222;
	font-variant:small-caps;
	text-align:center;
	margin: 25px 25px 25px 25px;
	font-size:1.4em;
    /*font-family: 'Exo 2', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
	border-left:50px solid #333;
	background: url(../image/bg_feher.png) ;
	border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
		-webkit-border-radius: 50px;
	box-shadow:#666 2px 2px 5px;
		-moz-box-shadow:#666 2px 2px 5px;
		-o-box-shadow:#666 2px 2px 5px;
		-ms-box-shadow:#666 2px 2px 5px;
		-webkit-box-shadow:#666 2px 2px 5px;
	}
	
 h6 {
	color: #666;
	margin:10px;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	}

address {
	color: #666;
	margin:10px;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	}

/* fontok vege */

/* header */
#header {
	width: 100% ;
	margin:0px auto auto auto;
	background: url(../image/header.png) bottom center no-repeat #FFF;
	box-shadow:0px 5px 15px #333333;
		-moz-box-shadow:0px 5px 15px #333333;
		-ms-box-shadow:0px 5px 15px #333333;
		-o-box-shadow:0px 5px 15px #333333;
		-webkit-box-shadow:0px 5px 15px #333333;}

#header .header_tartalom {
	max-width:1200px;
	width:90%;
	max-height:100%;
	margin:auto;
	background: url(../image/bg.png) no-repeat bottom center;}


		
.logo {	    
		width:32%;
		height:0px;
		margin:0px auto auto 0px;
		float:left;
		}
		.logo img {
			width:100%;
			height: auto;
			margin-top:0px;}
/* header vege */

/* menu */

#menu {
	width: 63.27%;
	height:24px;
	float: right;
	margin-right: 1.8%;
	padding: 0 0.6%;
}
	
	#menu a {
		color:#fff;
		text-decoration:none;}
	
	#menu ul {
		background: #009118;
		width: 100%;
		height:100%;
		padding-left:0.7%;
		margin-right: 0px;
		margin-top:0px;
		}
	
	#menu ul li {
		list-style: none;
		float:left;
		width:15%;
		height:80%;
		margin-right:0.7%;}
	
		#menu ul li.fooldal {
			height:100%;
			background: url(../menu/fooldal.png) no-repeat center top;
			background-size:100%;}
			
			#menu ul li.fooldal:hover {
				background:url(../menu/fooldal_hover.png) no-repeat center top;
				background-size:100%;}
		
		#menu ul li.cegtortenet {
			height:100%;
			background: url(../menu/cegtortenet.png) no-repeat center top;
			background-size:100%;}
			
			#menu ul li.cegtortenet:hover {
				background:url(../menu/cegtortenet_hover.png) no-repeat center top;
				background-size:100%;}
		
		#menu ul li.geppark {
			height:100%;
			background: url(../menu/geppark.png) no-repeat center top;
			background-size:100%;}
			
			#menu ul li.geppark:hover {
				background:url(../menu/geppark_hover.png) no-repeat center top;
				background-size:100%;}
		
		#menu ul li.araink {
			height:100%;
			background: url(../menu/araink.png) no-repeat center top;
			background-size:100%;}
			
			#menu ul li.araink:hover {
				background:url(../menu/araink_hover.png) no-repeat center top;
				background-size:100%;}
		
		#menu ul li.referenciak {
			height:100%;
			background: url(../menu/referenciak.png) no-repeat center top;
			background-size:100%;}
			
			#menu ul li.referenciak:hover {
				background:url(../menu/referenciak_hover.png) no-repeat center top;
				background-size:100%;}
		
		#menu ul li.kapcsolat {
			height:100%;
			background: url(../menu/kapcsolat.png) no-repeat center top;
			background-size:100%;}
			
			#menu ul li.kapcsolat:hover {
				background:url(../menu/kapcsolat_hover.png) no-repeat center top;
				background-size:100%;}
		
		#menu ul li.active {
			box-shadow:2px 1px 5px #000000 inset;}
		

		
		
		/*		
				#menu ul li:hover {
					background:#000;
					border-radius:0 0 10px 10px; 
						-moz-border-radius:0 0 10px 10px; 
						-ms-border-radius:0 0 10px 10px; 
						-o-border-radius:0 0 10px 10px; 
						-webkit-border-radius:0 0 10px 10px;
					color: #FFF;}
				
			#menu ul li.first {
				list-style: none;
				float:left;
				width:15%;
				padding-left: 0px;
				padding-right: 0px;
				margin-left: 1%;}
				
				#menu ul li.first:hover {
					background: #000;
					border-radius:0 0 10px 10px; 
						-moz-border-radius:0 0 10px 10px; 
						-ms-border-radius:0 0 10px 10px; 
						-o-border-radius:0 0 10px 10px; 
						-webkit-border-radius:0 0 10px 10px;}
					
			#menu ul li.last {
				list-style: none;
				float:left;
				width:121px;
				padding: 2px 0;
				border-right: none;}
				
				#menu ul li:last:hover {
					padding: 2px 0;
					background:#000;
					border-radius:0 0 10px 10px; 
						-moz-border-radius:0 0 10px 10px; 
						-ms-border-radius:0 0 10px 10px; 
						-o-border-radius:0 0 10px 10px; 
						-webkit-border-radius:0 0 10px 10px;}
					
			#menu ul li.active {
					background:#333;
					border-radius:0 0 10px 10px; 
						-moz-border-radius:0 0 10px 10px; 
						-ms-border-radius:0 0 10px 10px; 
						-o-border-radius:0 0 10px 10px; 
						-webkit-border-radius:0 0 10px 10px;}
			#menu ul li.active_first {
					background:#333;
					border-radius:0 0 10px 10px; 
						-moz-border-radius:0 0 10px 10px; 
						-ms-border-radius:0 0 10px 10px; 
						-o-border-radius:0 0 10px 10px; 
						-webkit-border-radius:0 0 10px 10px;}
		*/
/* menu vege */

/* tartalom */
#tartalom {
	max-width:1200px;
	height: auto;
	margin:0px auto 0px auto;
	padding-top:40px;
	padding-bottom:80px;
	text-align:justify;
	}
	
	#tartalom img {
		float:right;
		width:40%;
		border:5px solid #ccc;
		margin:25px 60px 25px 25px;}


	#tartalom a {
		color:#666;
		text-decoration:none;}
		
	#tartalom #akcio {
	margin: 25px 25px 55px 25px;
	padding:10px;
	border-left:50px solid #333;
	background: url(../image/bg_feher.png) ;
	border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
		-webkit-border-radius: 50px;
	box-shadow:#666 2px 2px 5px;
		-moz-box-shadow:#666 2px 2px 5px;
		-o-box-shadow:#666 2px 2px 5px;
		-ms-box-shadow:#666 2px 2px 5px;
		-webkit-box-shadow:#666 2px 2px 5px;
		}
		
	#tartalom .felsorolas {
		text-outline:#999;
		color: #222;
		text-align:justify;
		font-size:1.0em;
		/*font-family: 'Exo 2', sans-serif;*/
		font-family: Arial, Helvetica, sans-serif;
		margin: 10px 15px 10px 50px;
		}
		
		#tartalom .felsorolas ul li {
					list-style:disc;
					}

	#tartalom .tartalom_kiemelt {
		background: url(../image/bg_feher.png) top center repeat;
		padding-top: 1px;
		padding-bottom:60px;
		border-radius: 50px 50px 0 0;
		border-bottom:double 5px #009118;
		box-shadow:2px 2px 5px #000000 inset; 
			-moz-box-shadow:2px 2px 5px #000000 inset; 
			-ms-box-shadow:2px 2px 5px #000000 inset; 
			-o-box-shadow:2px 2px 5px #000000 inset; 
			-webkit-box-shadow:2px 2px 5px #000000 inset;}
	#tartalom .tartalom_kiemelt img.fejlesztes_img {
		max-height:20px;}

#tartalom #hivatkozasok {
	width:48%;
	float:left;}

#tartalom #hivatkozasok img {
	width:20%;
	margin:auto;}


#tartalom table.table_geppark {
	width: 80.0%;
	border:  none;
	margin-left: 10.0%
	}
	
#tartalom td.table_left {
	width: 40.0%;
	color: rgb(34, 34, 34);
	text-align: justify;
	padding-left: 2.0em;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;

} 
	#tartalom td.table_right img.little_left {
		float:left;
		width:50%;
		border:5px solid #ccc;
		margin:25px 60px 25px 25px;
		clear: both;}


/*arak*/

#arak {
	width:85%;
	max-width:1200px;
	height:auto;
	background:#fff;
	border-radius:25px;
		-moz-border-radius:25px;
		-moz-border-radius:25px;
		-o-border-radius:25px;
		-webkit-border-radius:25px;
	margin:auto;}

#arak table tr td.sortarto_td {
	height:4px;
	background:#bebe7e;}
	
	#arak table tr td.megnevezes {
		width:28%;}
	#arak table tr td.termek_ar {
		width:18%;
		color:#009118;
		text-align:right;
		margin: 0px 25px 10px 25px;
		font-size:22px;
		/*font-family: 'Exo 2', sans-serif;*/
		font-family: Arial, Helvetica, sans-serif;
		}
	#arak table tr td.leiras {
		width:36%;}
		#tartalom #arak table tr td.leiras p {
			font-size:0.9em;}
			
	#arak table tr td.termek_kep {
		width:18%;
		}
		#arak table tr td.termek_kep img {
			width:70%;
			border:3px solid #999;
			margin:5px 0 5px 0;}
/*vecsés*/
	#vecses_arak {
		width:85%;
		max-width:1200px;
		height:auto;
		background:#fff;
		border-radius:25px;
			-moz-border-radius:25px;
			-moz-border-radius:25px;
			-o-border-radius:25px;
			-webkit-border-radius:25px;
		margin:auto;}
	
		#vecses_arak table tr td.sortarto_td {
			height:4px;
			background:#bebe7e;}
	
		#vecses_arak table tr td.vecses_megnevezes {
			padding:5px;
			width:950px;}
		
		#vecses_arak table tr td.vecses_megnevezes p {
			color: #555;
			text-align:justify;
			margin: 0px 25px auto 25px;
			font-size: 0.9em;
			/*font-family: 'Exo 2', sans-serif;*/
			font-family: Arial, Helvetica, sans-serif;
			}
			
		#vecses_arak table tr td.vecses_termek_ar {
			width:250px;
			color:#009118;
			text-align:right;
			padding:5px;
			font-size: 1.1em;
			/*font-family: 'Exo 2', sans-serif;*/
			font-family: Arial, Helvetica, sans-serif;
			}
		#vecses_arak table tr td.vecses_termek_megnevezes p {
			color: #222;
			text-align:left;
			font-weight:bold;
			margin: 10px 25px auto 25px;
			font-size: 1.1em;
			/*font-family: 'Exo 2', sans-serif;*/
			font-family: Arial, Helvetica, sans-serif;
			}
				
/*		#vecses_arak table tr td.vecses_termek_kep {
			min-width:20%;
			background: #069;
			}
			#vecses_arak table tr td.vecses_termek_kep img {
				width:80%;
				border:3px solid #999;
				margin:5px 0 5px 0;}
	
*/

	#pakony_arak {
		width:85%;
		max-width:1200px;
		height:auto;
		background:#fff;
		border-radius:25px;
			-moz-border-radius:25px;
			-moz-border-radius:25px;
			-o-border-radius:25px;
			-webkit-border-radius:25px;
		margin:auto;}
	
		#pakony_arak table tr td.sortarto_td {
			height:4px;
			background:#bebe7e;}
			#pakony_arak table tr td.sortarto_td p {
				color: #444;
				text-align:justify;
				margin: 10px 25px 10px 25px;
				font-size: 1.1em;
				/*font-family: 'Exo 2', sans-serif;*/
				font-family: Arial, Helvetica, sans-serif;
				}
	
		#pakony_arak table tr td.pakony_megnevezes {
			padding:5px;
			width:600px;}
		
			#pakony_arak table tr td.pakony_megnevezes p {
				color: #555;
				text-align:justify;
				margin: 0px 25px auto 25px;
				font-size: 0.9em;
				/*font-family: 'Exo 2', sans-serif;*/
				font-family: Arial, Helvetica, sans-serif;
				}
			
		#pakony_arak table tr td.pakony_termek_kod {
			padding:5px;
			width:200px;}
			#pakony_arak table tr td.pakony_termek_kod p {
				color: #555;
				text-align:justify;
				margin: 0px 25px auto 25px;
				font-size: 0.9em;
				/*font-family: 'Exo 2', sans-serif;*/
				font-family: Arial, Helvetica, sans-serif;
				}
			
			
		#pakony_arak table tr td.pakony_termek_ar {
			width:200px;
			color:#009118;
			text-align:right;
			padding:5px;
			font-size:1.1em;
			/*font-family: 'Exo 2', sans-serif;*/
			font-family: Arial, Helvetica, sans-serif;
			}
		#pakony_arak table tr td.pakony_termek_megnevezes p {
			color: #222;
			text-align:left;
			font-weight:bold;
			margin: 10px 25px 10px 25px;
			font-size: 1.3em;
			/*font-family: 'Exo 2', sans-serif;*/
			font-family: Arial, Helvetica, sans-serif;
			}
		#pakony_arak table tr td.pakony_termek_megnevezes_ar p {
			color: #222;
			text-align: center;
			font-weight:bold;
			margin: 10px 25px 10px 25px;
			font-size: 1.3em;
			/*font-family: 'Exo 2', sans-serif;*/
			font-family: Arial, Helvetica, sans-serif;
			}
			
		#pakony_arak table tr td.pakony_termek_megnevezes_ar address.pakony {
			text-align:right;
			margin-top:0px;}

/*arak vege*/

/* tartalom vege  */
/*kepgaleria*/

/* Galéria */
	#gallery {
		background-color: transparent;
		margin: auto auto 5px auto;
		padding-bottom:5px;
		padding-left:0px;
		width:100%;
		max-width: 1100px;
		text-align: justify;
		list-style:none;
	}
	#gallery ul {
		list-style: none;
		padding-left:0px;
		margin-left:0px;
		}
		
	#gallery ul li {
		display: inline;
		margin: 1px;
		padding: 0px;
		border:none;}
		
	#gallery ul img {
		border: 3px solid #999;
		text-decoration:none;
		text-align: left;
		padding-right:0px;
		margin-right:2px;
	}
	#gallery ul li a {
		text-decoration:none;
		color:#000;
		background:none;
		}
	#gallery ul a img {
		width:120px;
		height:120px;}
		
	#gallery ul a:hover img {
		color: #fff;
		width: 120px;
		height: 120px;
		opacity:0.5;
	}
	#gallery ul a:hover { color: #fff; }
	
	#gallery ul li a img.gallery_img {
		float:left;
		margin-left:3px;}


/* Galéria vége*/ 

	
/* footer */
#footer {
	width: auto;
	height: auto;
	vertical-align:text-bottom;
	text-align:center;
	margin: 0px auto -10px auto;
	background: #333;
	color: #fff;
		box-shadow:0 0 10px #000000 inset; 
			-moz-box-shadow:0 0 10px #000000 inset; 
			-ms-box-shadow:0 0 10px #000000 inset; 
			-o-box-shadow:0 0 10px #000000 inset; 
			-webkit-box-shadow:0 0 10px #000000 inset;}
		
		
	#footer p {
			color:#FFF;}
	
	#footer #footer_tartalom {
		width:1200px;
		max-width:90%;
		text-align:center;
		margin:15px auto 0px auto;}
	
	#footer #footer_tartalom .footer_bal {
		width:73%;
		height:auto;
		float:left;}
		
		#footer #footer_tartalom .map_pakony {
			float:left;
			width:45%;
			padding:2%}

		#footer #footer_tartalom .map_pakony iframe {
			width:100%;
			box-shadow:3px 3px 5px #000000 ; 
				-moz-box-shadow:3px 3px 5px #000000 ; 
				-ms-box-shadow:3px 3px 5px #000000 ; 
				-o-box-shadow:3px 3px 5px #000000 ; 
				-webkit-box-shadow:3px 3px 5px #000000 ;}
		
		#footer #footer_tartalom .map_vecses {
			width:45%;
			float:left;
			padding:2%;}

		#footer #footer_tartalom .map_vecses iframe {
			width:100%;
			box-shadow:3px 3px 5px #000000 ; 
				-moz-box-shadow:3px 3px 5px #000000 ; 
				-ms-box-shadow:3px 3px 5px #000000 ; 
				-o-box-shadow:3px 3px 5px #000000 ; 
				-webkit-box-shadow:3px 3px 5px #000000 ;}
			
	#footer #footer_tartalom .footer_jobb {
		width:22%;
		height:auto;
		float:left;
			padding:2%;
		box-shadow:2px 2px 5px #000000 inset; 
			-moz-box-shadow:2px 2px 5px #000000 inset; 
			-ms-box-shadow:2px 2px 5px #000000 inset; 
			-o-box-shadow:2px 2px 5px #000000 inset; 
			-webkit-box-shadow:2px 2px 5px #000000 inset;}
		
		#footer #footer_tartalom .footer_jobb iframe {
			width:100%;
			border:4px solid #009118;
			margin:15px auto auto auto;
			box-shadow:3px 3px 5px #000000 ; 
				-moz-box-shadow:3px 3px 5px #000000 ; 
				-ms-box-shadow:3px 3px 5px #000000 ; 
				-o-box-shadow:3px 3px 5px #000000 ; 
				-webkit-box-shadow:3px 3px 5px #000000 ;}


	#footer .webasz {
		width:100.0%;
		text-align:center;
		margin:5px auto auto auto;
		height: auto;
		padding-bottom:10px;}
		
	#footer .webasz p{
		text-align:center;
		font-size:11px;
		padding-top:15px;
		padding-bottom:10px;
    	font-family: 'Exo 2', sans-serif;
		color: #777;
		text-decoration:none;}
		
#footer a {
	text-decoration: none;}

/* footer vege */