@charset "utf-8";

a{
	text-decoration: none;
	color: #000000;
}
h1{ font-size: 16pt;
	font-style: italic; font-weight: bold;
	color: #003399;
	margin: 20px;
}

p{	margin: 0px;
	font-size: 11pt;
	color: #003399;
}
p.kiemelt{
	margin: 0px;
	font-size: 12pt;
	font-weight: bold;
	color: #003399;
}
p.behuzott{
	font-size: 10pt;
	font-weight: normal;
	color: #003399;
	margin-left: 25px;
}

#oldal{
	text-align: center;
	font-family: arial;
	margin: 0px;
	padding: 0px;
	background-color: #F0F0F0;
}

#container{
	font-family: arial;
	text-align: left;
	position: relative;
	width: 1000px; height: 600px; 
	margin: 0px auto;
	padding: 0px;
	color: #003399;
}

#banner{
	position: absolute; display: block;
	top:0px; left: 0px;
	width: 1000px; height: 100px;
	background: url('./fc.jpg') repeat;
	margin: 0px; padding: 0px;
	overflow: hidden;
}
	#logo{
		position: absolute;
		top: 10px; left: 10px;
		width: 251px; height: 25px;
	}
	#cim{
		position: absolute;
		top:10px; left: 700px;
		width: 250px; height: 30px;
		text-align: left;
		font-size: 12pt;
		color: #003399;}
	#menu1, #menu2, #menu3{
		position: absolute; top: 54px; 
		width: 170px; height: 30px;
		background: url('./postit_alap.png') no-repeat;
		font-size: 11pt; font-weight: bold; letter-spacing: 0.5pt; text-align: left;
		padding-left: 25px; padding-top: 7px;
	}
	#menu1:hover{background: url('./postit_on.png') no-repeat;}
	#menu2:hover{background: url('./postit_on.png') no-repeat;}
	#menu3:hover{background: url('./postit_on.png') no-repeat;}
		#menu1{left: 75px;}
		#menu2{left: 275px;}
		#menu3{left: 475px;}
#spiral{
	position: absolute; display: block;
	top:85px; left: 0px;
	width: 1000px; height: 40px;
	background-image: url(./spiral7.png);
	background-repeat: repeat-x;
	z-index: 15;
}
#foldal{
	padding-left: 15px; padding-right: 15px;
	position: absolute; display: block;
	width: 970px; height: 100%;
	background: #FFFFFF url('./logo.jpg') no-repeat center center;
	top: 110px; left: 0px;
}
#konyveles{
	position: absolute; display: block;
	width: 100%; height: 650px;
	background: url('./fc.jpg') repeat;
	top: 110px; left: 0px;
	overflow: visible;
}
	#f_j, #f_b{
		position: absolute;
		width: 485px; height: 25px;
		font-weight: bolder; font-size: 16pt; color: #FF0000;
		top: 59px;
		border-bottom: red 2px solid; 
	}
	#f_b{left: 15px;}
	#f_j{
		right: 15px;
		text-align: right;}
	#t_b{
		position: absolute; display: block;
		width: 485px; height: 530px;
		top:86px; left: 15px;
		border-right: red 1px solid;
		margin: 0px; padding-top: 15px;}
	#t_j{
		position: absolute; display: block;
		width: 470px; height: 530px;
		top:86px; left: 501px;
		border-left: red 1px solid;
		margin: 0px; padding-top: 15px;
		padding-left: 15px;
	}

#informatika{
	position: absolute; display: block;
	width: 950px; height: 100%;
	background: url('./lepo.jpg') repeat-y;
	top: 110px; left: 0px;
	overflow: visible;
	padding-left: 25px; padding-right: 25px;
}
#munkavedelem{
	position: absolute; display: block;
	width: 950px; height: 100%;
	background: url('./kock.jpg') repeat;
	top: 110px; left: 0px;
	overflow: visible;
	padding-left: 25px; padding-right: 25px;
}












/* a sarokban futo flash kerete*/
#sarok_flash{
	position: absolute;
	top: 0px; left: 0px;
	width: 237px; height: 200px;
	overflow: hidden;
	z-index: 10;
}
	
	
/* a bannert befoglalo keret*/
	

/* menut befoglalo keret*/
#menu{
	position: absolute;
	top: 148px; left: 0px;
	width: 273px; height: 401px;
	z-index: 1;}
	/* menu hatterek*/
	#bg_menu_f{
		position: absolute;
		top: 0px; left: 0px;
		width: 237px; height: 79px;
		background: url('./menu_felso.jpg') center center no-repeat;
		z-index: 5;}
	#bg_menu_k{
		position: absolute;
		top: 79px; left: 0px;
		width: 237px; height: 27px;
		background: url('./menu_kozep.jpg') center center no-repeat;
		z-index: 5;}
	#bg_menu_a{
		position: absolute;
		top: 106px; left: 0px;
		width: 237px; height: 295px;
		background: url('./menu_also.jpg') center center no-repeat;
		z-index: 5;}
	/* menu elemek*/
	#menu_tartalom{
		position: absolute;
		top: 0px; left: 0px;
		width: 237px; height: 401px;
		margin-left: 40px;
		margin-top: 52px;
		font-size: 9pt;
		z-index: 10;}
		/* menu */
		.menu_item_div{
			display: inline-block;
			width: 172px; height: 15px;
			background-repeat: no-repeat;
			background-position: center center;
		}
		.menu_item_sub{
			display: block;
			width: 172px; height: 15px;
			font-weight: bold;
			overflow: hidden;
			cursor: pointer;
		}
		.menu_item_cat{
			display: block;
			width: 172px; height: 15px;
			font-weight: normal;
			overflow: hidden;
			cursor: pointer;
		}

		
/* tartalmat befoglalo keret*/
#tartalom{
	position: absolute;
	top: 148px; left: 237px;
	width: 675px; height: 385px;
	z-index: 1;}
	/* tartalom hatterek*/
	#bg_tartalom_f_b{
		position: absolute; margin: 0px; padding: 0px;
		top: 0px; left: 0px;
		width: 228px; height: 79px;
		background: url('./tartalom_f_b.jpg') center center no-repeat;
		z-index: 5;}
	#bg_tartalom_f_k{
		position: absolute; margin: 0px; padding: 0px;
		top: 0px; left: 228px;
		width: 108px; height: 79px;
		background: url('./tartalom_f_k.jpg') center center no-repeat;
		z-index: 5;}
	#bg_tartalom_f_j{
		position: absolute; margin: 0px; padding: 0px;
		top: 0px; left: 336px;
		width: 339px; height: 79px;
		background: url('./tartalom_f_j.jpg') center center no-repeat;
		z-index: 5;}
	#bg_tartalom_k_b{
		position: absolute; margin: 0px; padding: 0px;
		top: 79px; left: 0px;
		width: 228px; height: 27px;
		background: url('./tartalom_k_b.jpg') center center no-repeat;
		z-index: 5;}
	#bg_tartalom_k_k{
		position: absolute; margin: 0px; padding: 0px;
		top: 79px; left: 228px;
		width: 108px; height: 27px;
		background: url('./tartalom_k_k.jpg') center center no-repeat;
		z-index: 5;}
	#bg_tartalom_k_j{
		position: absolute; margin: 0px; padding: 0px;
		top: 79px; left: 336px;
		width: 339px; height: 27px;
		background: url('./tartalom_k_j.jpg') center center no-repeat;
		z-index: 5;}
	#bg_tartalom_a_b{
		position: absolute; margin: 0px; padding: 0px;
		top: 106px; left: 0px;
		width: 228px; height: 295px;
		background: url('./tartalom_a_b.jpg') center center no-repeat;
		z-index: 5;}
	#bg_tartalom_a_k{
		position: absolute; margin: 0px; padding: 0px;
		top: 106px; left: 228px;
		width: 108px; height: 295px;
		background: url('./tartalom_a_k.jpg') center center no-repeat;
		z-index: 5;}
	#bg_tartalom_a_j{
		position: absolute; margin: 0px; padding: 0px;
		top: 106px; left: 336px;
		width: 339px; height: 295px;
		background: url('./tartalom_a_j.jpg') center center no-repeat;
		z-index: 5;}
	/* tartalom elemek*/
	#tartalom_tartalom{
		position: absolute; margin: 0px; padding: 0px;
		top: 25px; left: 0px;
		width: 660px; height: 350px;
		padding-left: 10px;
		z-index: 15;
		overflow-x: hidden;
		overflow-y: auto;
		font-size: 9pt;
		}
		#intro_flash{
			width: 300px; height: 300px;
			margin-left: 15px;
			margin-right: 25px;
			margin-top: 20px;
			float: right;
			border-width: 3px;
			border-style: solid;
			border-color: white black black white;
		}
		/* index divek megjelenitese*/
		#a100x100{	/* a felugro 100x100 kep kerete*/
			position: absolute;
			width: 150px; height: 150px;
			background: #FFFFFF no-repeat 50% 90%;
			border-width: 4px;
			border-style: solid;
			border-color: white black black white;
			text-align: center;
			font-size: 11pt;
			z-index: 20;
			visibility: hidden;}
		#thumbnais_keret{	/* az index kepeket befoglalo keret*/
			top: 0px;
			margin-left: -7px;
			text-align: left;
			z-index: 17;
			overflow: visible;}
		.thumbnails_div{	/* 1 db indexkep */
			display: inline;
			width: 73px; height: 73px;
			border-width: 2px;
			border-style: solid;
			border-color: black white white black;
			background: #FFFFFF no-repeat 50% 90%;
			margin: 2px;
			padding: 0px;
			top: 0px;
			float: left;
			cursor: pointer;
			font-size: 7pt;
			text-align: center;}
		.bekezdes{
			margin-left: 15px; margin-right: 5px;
		}
		.kiemelt{
			margin: 15px;
			color: #990000;
			font-size: larger;
		}
		


/* jobb kifuto*/
#jobb_kifuto{
	position: absolute;
	top: 148px; left: 912px;
	width: 40px; height: 401px;
	z-index: 1;}
	/* jobb kifuto hatter*/
	#bg_jobb_kifuto_f{
		position: absolute; margin: 0px; padding: 0px;
		top: 0px; left: 0px;
		width: 40px; height: 79px;
		background: url('./kifuto_felso.jpg') center center no-repeat;
		z-index: 5;}
	#bg_jobb_kifuto_k{
		position: absolute; margin: 0px; padding: 0px;
		top: 79px; left: 0px;
		width: 40px; height: 27px;
		background: url('./kifuto_kozep.jpg') center center no-repeat;
		z-index: 5;}
	#bg_jobb_kifuto_a{
		position: absolute; margin: 0px; padding: 0px;
		top: 106px; left: 0px;
		width: 40px; height: 295px;
		background: url('./kifuto_also.jpg') center center no-repeat;
		z-index: 5;}

/* info */	
#info{
	position: absolute;
	top: 549px; left: 0px;
	width: 952px; height: 93px;
	z-index: 1;}
	/* info hatter*/
	#bg_info_b{
		position: absolute;
		top: 0px; left: 0px;
		width: 465px; height: 93px;
		background: url('./info_bal.jpg') center center no-repeat;
		z-index: 5;}
	#bg_info_k{
		position: absolute;
		top: 0px; left: 465px;
		width: 108px; height: 93px;
		background: url('./info_kozep.jpg') no-repeat center center;
		z-index: 5;}
	#bg_info_j{
		position: absolute;
		top: 0px; left: 573px;
		width: 379px; height: 93px;
		background: url('./info_jobb.jpg') no-repeat center center;
		z-index: 5;}
	/* info tartalom*/
	#info_tartalom{
		position: absolute;
		top: 0px; left: 0px;
		width: 952px; height: 93px;
		z-index: 10;
		text-align: left;
		color: #EEE2D2;
		font-weight: bold;
		letter-spacing: 1pt;
	}
		/* email cim*/
		.mail_txt{
			position: absolute;
			font-size: 14pt;
			top: 37px; left: 4%;}
		.cim_txt {
			position: absolute;
			font-size: 11pt;
			line-height: 14pt;
			top: 30px; left: 29%;}
		.tel_txt {
			position: absolute;
			font-size: 11pt;
			line-height: 14pt;
			top: 30px; left: 74%;}


/* ADATLAP megjelenito*/

#fullkeret{
	text-align: left;
	position: relative;
	width: 637px; height: 698px;
	margin: 0px auto;
	padding: 0px;
	background-image: url('./adatlap_bg.jpg');
	background-repeat: repeat;
	font-family: arial;	
}		
/* adatlap feliratai*/
	.adat_fej{
		position: absolute;
		font-size: 9pt;
		font-weight: bold;
		left: 75px; top: 430px;
	}
	.adat{
		position: absolute;
		font-size: 9pt;
		left: 165px; top: 430px;
	}
	.ar_cimke{
		position: absolute;
		font-size: 10pt;
		color: #990000;
		text-decoration: underline;
		left: 340px; top: 455px;
	}
	.ar_adat{
		position: absolute;
		font-size: 12pt;
		font-weight: bold;
		color: #990000;
		left: 340px; top: 485px;}
	.foto_thumb{		/* a kis kep a jobb also sarokban*/
		position: absolute;
		background: #FFFFFF no-repeat center center;
		left: 473px; top: 430px;
		width: 102px; height: 102px;
		border: 1px solid black;
		text-align: center;
		cursor: pointer;}
	#fenykep{	/* a nagy kep*/
		position: absolute;
		top: 140px; left: 80px;
		width: 485px; height: 280px;
		background: #FFFFFF no-repeat center center;
		border: 1px solid black;
		overflow: hidden;}
/* index kepek az also savban*/
#indexkepek_keret{
	position: absolute;
	left: 30px; top: 560px;
	width: 578px; height: 82px;
	margin: 0px; padding: 0px;}
	#bg_i_b_f{
		position: absolute;
		top: 0px; left: 0px;
		width: 5px; height: 5px;
		background: url('./keret_b_f.jpg') no-repeat center center;}
	#bg_i_f{
		position: absolute;
		top: 0px; left: 5px;
		width: 568px; height: 5px;
		background: url('./keret_f.jpg') repeat-x top left;}
	#bg_i_j_f{
		position: absolute;
		top: 0px; left: 573px;
		width: 5px; height: 5px;
		background: url('./keret_j_f.jpg') no-repeat center center;}
	#bg_i_b{
		position: absolute;
		top: 5px; left: 0px;
		width: 5px; height: 72px;
		background: url('./keret_b.jpg') repeat-y;}
	#bg_i_j{
		position: absolute;
		top: 5px; left: 573px;
		width: 5px; height: 72px;
		background: url('./keret_j.jpg') repeat-y;}
	#bg_i_b_a{
		position: absolute;
		top: 77px; left: 0px;
		width: 5px; height: 5px;
		background: url('./keret_b_a.jpg') no-repeat center center;}
	#bg_i_a{
		position: absolute;
		top: 77px; left: 5px;
		width: 568px; height: 5px;
		background: url('./keret_a.jpg') repeat-x top left;}
	#bg_i_j_a{
		position: absolute;
		top: 77px; left: 573px;
		width: 5px; height: 5px;
		background: url('./keret_j_a.jpg') no-repeat center center;}
	/* index kepek scroll keret*/
	#indexkepek_scroll_keret{
		position: absolute;
		top: 5px; left: 5px;
		width: 568px; height: 72px;
		margin: 0px; padding: 0px;
		overflow-x: scroll;
		overflow-y: hidden;}
	#indexkepek_tartalom{
		position: absolute;
		top: 2px; 
		width: 600px; height: 100%;
		margin: 0px; padding: 0px;
		text-align: center;}
	.indexkepek_div{
		display: inline-block;
		top: 0px;
		width: 52px; height: 52px;
		border: 1px solid black;
		background: #FFFFFF no-repeat center center;
		margin-top: 1px; margin-left: 2px; margin-right: 2px;
		padding: 0px;
		cursor: pointer;
		float: left;}
/* navigalo gombok*/
#fejlec_navi{
	position: absolute;
	top: 65px; left: 243px;
	width: 206px; height: 27px;
}
#bal_nyil{
	position: absolute;
	top: 242px; left: 25px;
	width: 27px; height: 101px;
}
#jobb_nyil{
	position: absolute;
	top: 242px; left: 595px;
	width: 27px; height: 101px;
}