/* ------------------------------------

            CSS definition file
          Dynamic Web Solution's

	@file:		stilus css
	@author:	aqua <info@dws.hu>
	@since:	 	2007-08-05 - 9:31:18

   ------------------------------------ */
   	
		h1, p {
			margin:						0;
		}
   
		a:link, a:visited, a:active {
			color:						rgb(37,96,164);
			text-decoration:			none;
		}
		
		a:hover {
			color:						rgb(40,100,168);
			text-decoration:			underline;				
		} 

		a:focus { 
			outline: 					none; 
		} 
   
		h1 {
			color:						rgb(111,111,111);
			font:						bold 15px Verdana, Arial, Helvetica, sans-serif;	
			padding:					10px 0 5px 0;
		}
		
		h2 {
			color: 						rgb(100,100,100); 
			font:						normal 10px Verdana, Arial, Helvetica, sans-serif;
			padding:					0 0 20px 10px;	
		}
		
		p {
			padding:					0 0 10px 0;	
			text-align:					justify;
			font:						normal 11px Verdana, Arial, Helvetica, sans-serif;
			line-height:				16px;			
		}
		
		b.voros {
			color:						rgb(152, 51, 1);
		}
		
		.felsorolas {
			padding:					0 60px 0 10px;	
		}		
		
		/*
			ol {
				list-style-type:			square;
				line-height:				20px;
				text-align:					justify;
				padding-right:				60px;			
				padding-bottom:				20px;
			}
			
			ol ol {
				list-style-type:			disc;
				line-height:				20px;
				text-align:					justify;
				padding-right:				60px;
				padding-bottom:				0;
			}
			
			ol ol ol {
				list-style-type:			circle;
				line-height:				20px;
				text-align:					justify;
				padding-right:				60px;			
				padding-bottom:				0;			
			}		
		*/	
		
		object, form{
			margin: 					0;	
			padding: 					0 0 10px 0;
			clear:						both;
		} 		
		
		/*
		form fieldset{
			width:						764px;
			margin:						0;
			padding:					0;
			display:					block;
			border:						solid 1px rgb(204,204,204);
		}
		
		form fieldset legend{
			margin:						10px;
			font:						bold 11px Verdana, Arial, Helvetica, sans-serif;
			color:						rgb(152, 51, 1);
		}
		*/
			 
		
		label{
			cursor:						pointer;
		}
		
		input {
			font:						normal 11px Verdana, Arial, Helvetica, sans-serif;
			border:						solid 1px rgb(111,111,111);
			height:						14px;
		}
		
		.submit {
			color:						rgb(255,255,255);		
			background:					rgb(152,51,1);
			border:						none;
			height:						20px;
		}
		
		/*
		select {
			font:						normal 11px Verdana, Arial, Helvetica, sans-serif;		
			border:						solid 1px rgb(111,111,111);
			height:						17px;
			margin:						0 10px 0 0;			
		}	
		*/
		
		textarea {
			font:						normal 11px Verdana, Arial, Helvetica, sans-serif;
			border:						solid 1px rgb(111,111,111);
			clear:						both;
		}		
		
		img.keret {
			 border: 					solid 1px rgb(111,111,111);
			 padding:					1px;
		}
		
		.fejlec {
			padding:					0 60px 30px 10px;	
			text-align:					left;
		}
		
		.tablazat {
			width:						95%;
			display:  					table;			
			border: 					none; 
			background: 				none; 
			border-spacing:				5px;				/* cellspacing: IE */
			border-collapse:			separate;
		}
		
		.oszlop {
			width:						auto;
			display:  					table-row;
		}
		
		.sor  {
			width:						auto;
			display:  					table-cell;			
			border:						none;			
			float:						left;				/* bongeszo 'buggy' fix */			
			line-height:				15px;
		}			
		
		.sor_ures {
			border:						none;			
			float:						left;				/* bongeszo 'buggy' fix */			
			display:  					table-cell;
			padding: 					2px;
		}

/* ------------------------------------

            CSS definition file
          Dynamic Web Solution's

	@file:		szerkezet css
	@author:	aqua <info@dws.hu>
	@since:	 	2008-09-28 - 17:09:18

   ------------------------------------ */
   
   		/**
   		 * body
   		 */
			body {
				font: 					normal 11px Verdana, Tahoma, Arial;
				color:					rgb(55,55,55);	
				margin:					0;
				padding:				0;
				background: 			rgb(255,255,255) url('../../image/vaz/at/hatter-body.jpg') left top repeat-x;
				border:					none;
			}

			
			/**
			 * lap 
			 */
				#lap {
					width:						860px;
					background: 				none;
					border:						0;
					margin:						0 auto;
					padding:					0;
					top:						0;
					left:						0;
					border:						none;
				}	
	
				
				/**
				 * blokk fejlec
				 */
					#blokk_fejlec {
						width:					860px;
						height:					100px;
						padding:				0;
						margin:					0;
						background: 			none;
						border:					0;
						float:					left;
						clear: 					both;			
					}
	
						#blokk_fejlec #div_fejlec_logo {
							width:					238px;
							height:					100px;
							float:					left;
							margin:					0;
							padding:				0;
							border:					0;
							background:				none;
						}
						
						#blokk_fejlec #div_fejlec_belepes {
							width:					620px;
							height:					100px;
							float:					left;
							margin:					0;
							padding:				0;
							border:					none;
							background:				none;
						}
						
							#div_fejlec_belepes #div_fejlec_nyelv {
								position:				relative;
								width:					280px;
								float:					right;
								margin:					5px 0 0 480px;
								padding:				0;
								display:				inline;
								border:					none;
								background:				none;
							}	
							
								#div_fejlec_belepes #div_fejlec_nyelv a {						
									font: 				normal 10px Tahoma;
									color:				rgb(169,169,169);
									text-decoration:	none;
								}
								
								#div_fejlec_belepes #div_fejlec_nyelv a:hover {						
									font: 				normal 10px Tahoma;
									color:				rgb(0,0,0);
									text-decoration:	none;
								}
				
							#div_fejlec_belepes div {
								font: 				normal 10px Tahoma;
								color:				rgb(0,0,0);
								margin:				0;
								padding:			20px 40px;
							}
							
							#div_fejlec_belepes a {
								font: 				bold 10px Tahoma;
								color:				rgb(35,95,162);
								text-decoration:	none;
							}	
							
							#div_fejlec_belepes a:hover {
								font: 				bold 10px Tahoma;
								color:				rgb(77,77,77);
								text-decoration:	underline;
							}
	
							#div_fejlec_belepes b {
								font: 				bold 12px Tahoma;
								color:				rgb(77,77,77);
							}	
						
							#div_fejlec_belepes div form {
								height:				20px;
								border:				none;
								margin:				3px 0 0 0;
							}
							
								#div_fejlec_belepes div form #form_belepes_email,
								#div_fejlec_belepes div form #form_belepes_jelszo {
									font: 					normal 11px Tahoma;
									color:					rgb(77,77,77);
									width:					111px;
									height:					18px;
									border:					solid 1px rgb(204,204,204);
									float:					left;
									margin:					0 5px 0 0;
									background: 			url('../../image/vaz/at/hatter-form-belepes-input.jpg') left top repeat-x;
								}	
								
								#div_fejlec_belepes div form #form_belepes_submit {
									width:					96px;
									height:					21px;
									border:					none;
									margin:					0;
									padding:				0;
									text-indent: 			-9999px;
									background: 			url('../../image/vaz/at/hatter-form-belepes-submit.jpg') left top no-repeat;
								}
								
								
	
				/**
				 * blokk menu
				 */						
					#blokk_menu {
						width:					860px;
						height:					44px;
						margin:					0;
						padding:				0;
						float:					left;
						clear: 					both;				
					}			
					
						ul#navigacio_menu {
							list-style-type: 		none;
							padding: 				0;
							margin:					0;
							border: 				none;
							top: 					0;
							left: 					0;
							width: 					860px;
							height: 				42px;
							background:	 			url('../../image/vaz/at/hatter-navigacio-menu-li-off.jpg') no-repeat;
						}
						
						ul#navigacio_menu li {
							padding: 				0;
							margin: 				0;
							display: 				block;
							float: 					left;
							text-indent: 			-9999px;
							overflow:				hidden;	
						}
						
						ul#navigacio_menu li a {
							border: 				0;
							display: 				block;
							height: 				42px;
							overflow:				hidden;
						}
						
						ul#navigacio_menu li a:hover {
							border: 				none;
							display: 				block;
							background-image: 		url('../../image/vaz/at/hatter-navigacio-menu-li-on.jpg');
							overflow:				hidden;
						}
	
						li#menu_rolunk a {
							width: 					92px;
						}
						
							li#menu_rolunk a:link, li#menu_rolunk a:visited, li#menu_rolunk a:hover {
								background-position: 		0px 0px;
							}
							
						li#menu_akciok a {
							width: 					136px;
						}
						
							li#menu_akciok a:link, li#menu_akciok a:visited, li#menu_akciok a:hover {
								background-position: 		-92px 0px;
							}											
							
						li#menu_altalanos_feltetelek a {
							width: 					69px;
						}
						
							li#menu_altalanos_feltetelek a:link, li#menu_altalanos_feltetelek a:visited, li#menu_altalanos_feltetelek a:hover {
								background-position: 		-228px 0px;
							}						
							
						li#menu_kulteri_butorok a {
							width: 					129px;
						}
						
							li#menu_kulteri_butorok a:link, li#menu_kulteri_butorok a:visited, li#menu_kulteri_butorok a:hover {
								background-position: 		-297px 0px;
							}	
								
						li#menu_belteri_butorok a {
							width: 					119px;
						}
						
							li#menu_belteri_butorok a:link, li#menu_belteri_butorok a:visited, li#menu_belteri_butorok a:hover {
								background-position: 		-426px 0px;
							}	
								
						li#menu_dublino_home a {
							width: 					122px;
						}
						
							li#menu_dublino_home a:link, li#menu_dublino_home a:visited, li#menu_dublino_home a:hover {
								background-position: 		-545px 0px;
							}
								
						li#menu_ket_het a {
							width: 					108px;
						}
						
							li#menu_ket_het a:link, li#menu_ket_het a:visited, li#menu_ket_het a:hover {
								background-position: 		-667px 0px;
							}	
							
						li#menu_elerhetoseg a {
							width: 					85px;
						}
						
							li#menu_elerhetoseg a:link, li#menu_elerhetoseg a:visited, li#menu_elerhetoseg a:hover {
								background-position: 		-775px 0;
							}
							
							
							
							
				/**
				 * blokk bemutato
				 */						
					#blokk_bemutato {
						width:					860px;
						height:					242px;
						background-image: 		url('../../image/vaz/at/hatter-bemutato.jpg');
						border:					none;
						margin:					0;
						padding:				0;
						float:					left;
						cursor:					pointer;
						clear: 					both;				
					}
					
						#blokk_bemutato #tartalom_bemutato_div {
							position:				absolute;
							width: 					854px;
							height: 				232px;
							border:					none;
							margin:					6px 0 0 3px;
							float:					left;
							z-index:				0;
						}
					
						#blokk_bemutato ul.bemutato_foto {
							 margin: 				0 0 1em 0;
							 padding: 				0em 6em;
							 text-align: 			center;
							 list-style: 			none;
						}
	
						#blokk_bemutato ul.bemutato_foto li {
							 margin: 				0;
							 padding:				0;
							 display:	 			none;
						}
						
						#blokk_bemutato ul.bemutato_foto li.bemutato_foto_elem {
						 display: 				block;
						}
							
							
						#blokk_bemutato #toltes_div {
							position:				absolute;
							width: 					126px;
							height: 				21px;
							float:					left;
							border:					none;
							padding:				0;
							margin:					208px 0 0 10px;
							z-index:				100;
						}						
					
						#blokk_bemutato #navigacio_bemutato_div {
							position:				absolute;
							width: 					126px;
							height: 				21px;
							float:					left;
							border:					none;
							padding:				0;
							margin:					208px 12px 0 720px;
							z-index:				100;
						}
						
							ul#navigacio_bemutato {
								list-style-type: 		none;
								padding: 				0;
								margin:					0;
								border: 				0;
								top: 					0;
								left: 					0;
								width: 					126px;
								height: 				21px;
								background:	 			url('../../image/vaz/at/hatter-navigacio-bemutato-li-off.jpg') no-repeat;
							}
							
							ul#navigacio_bemutato li {
								padding: 				0;
								margin: 				0;
								display: 				block;
								float: 					left;
								text-indent: 			-9999px;
								overflow:				hidden;	
							}
							
							ul#navigacio_bemutato li a {
								border: 				0;
								display: 				block;
								height: 				21px;
								overflow:				hidden;
							}
							
							ul#navigacio_bemutato li a:hover {
								border: 				0;
								display: 				block;
								background-image: 		url('../../image/vaz/at/hatter-navigacio-bemutato-li-on.jpg');
								overflow:				hidden;
							}
		
							li#elozo a {
								width: 					58px;
							}
							
								li#elozo a:link, li#elozo a:visited, li#elozo a:hover {
									background-position: 		0px 0px;
								}
								
							li#kovetkezo a {
								width: 					68px;
							}
							
								li#kovetkezo a:link, li#kovetkezo a:visited, li#kovetkezo a:hover {
									background-position: 		-58px 0px;
								}						
					
							
				/**
				 * blokk uj termekek, akcios termekek, kereses
				 */			
					#blokk_uj_akcio {
						width:					860px;
						border:					none;
						margin:					0;
						padding:				0;
						float:					left;
						clear: 					both;				
					}
	
						#blokk_uj_akcio .uj_akcio_panel_fejlec_01,
						#blokk_uj_akcio .uj_akcio_panel_fejlec_02 {
							width:					860px;
							height:					42px;
							margin:					0;
							padding:				0;
							border:					none;
							float:					left;
							clear:					both;
						}
						
						#blokk_uj_akcio .uj_akcio_panel_fejlec_01 {
							background: 			url('../../image/vaz/at/hatter-termek-uj-akcios-kereses-01.jpg') left top no-repeat;
						}	
						
						#blokk_uj_akcio .uj_akcio_panel_fejlec_02 {
							background: 			url('../../image/vaz/at/hatter-termek-uj-akcios-kereses-02.jpg') left top no-repeat;
						}					
					
							.uj_akcio_panel_fejlec_01 #uj_termekek,
							.uj_akcio_panel_fejlec_02 #uj_termekek {
								width:					167px;
								height:					29px;
								padding:				21px 0 0 24px;
								margin:					0;
								font: 					bold 11px Arial;
								color:					rgb(255,255,255);
								cursor:					pointer;
								float:					left;
							}
							
								#uj_termekek a {
									font: 					bold 11px Arial;
									color:					rgb(255,255,255);
									text-decoration:		none;	
								}
								
								#uj_termekek a:hover {
									font: 					bold 11px Arial;
									color:					rgb(255,255,255);
									text-decoration:		underline;	
								}	
								
								#uj_termekek img {
									margin:					-10px 0 0 0;
									padding:				0;
								}						
							
							
							.uj_akcio_panel_fejlec_01 #akcios_termekek,
							.uj_akcio_panel_fejlec_02 #akcios_termekek {
								width:					141px;
								height:					29px;
								margin:					21px 0 0 0;
								font: 					bold 11px Arial;
								color:					rgb(255,255,255);
								cursor:					pointer;							
								float:					left;
							}
							
								#akcios_termekek a {
									font: 					bold 11px Arial;
									color:					rgb(255,255,255);
									text-decoration:		none;	
								}
								
								#akcios_termekek a:hover {
									font: 					bold 11px Arial;
									color:					rgb(255,255,255);
									text-decoration:		underline;	
								}
	
							.uj_akcio_panel_fejlec_01 #kereses_termekek,
							.uj_akcio_panel_fejlec_02 #kereses_termekek {
								width:					526px;
								height:					18px;
								margin:					17px 0 0 0;
								font: 					bold 11px Arial;
								color:					rgb(255,255,255);	
								float:					left;
								display:				block;
								border:					none;
							}	
							
								#kereses_termekek b {
									position:				absolute;
									font: 					bold 11px Arial;
									color:					rgb(0,0,0);
									margin:					0;
									padding:				3px 0 0 0;
								}
								
								#kereses_termekek form {
									margin:					0;
									padding:				0;
								}
								
									#kereses_termekek form a,
									#kereses_termekek form a:hover {
										position:				absolute;
										font: 					bold 10px Arial;
										color:					rgb(34,94,160);
										margin:					4px 0 0 25px;
										padding:				0;
										text-decoration:		none;
										overflow:				hidden;
									}								
									
									#kereses_termekek form a:hover {
										text-decoration:		underline;
									}
									
									#kereses_termekek form .input {
										font: 					normal 11px Arial;
										color:					rgb(33,33,33);
										width:					133px;
										height:					17px;
										margin:					0 0 0 121px;
										padding:				0;
										border:					none;
										background:				none;
									}
									
									#kereses_termekek form .submit {
										font: 					bold 11px Arial;
										color:					rgb(255,255,255);
										width:					66px;
										height:					21px;	
										cursor:					pointer;						
										margin:					0;
										padding:				0 0 2px 0;
										border:					none;
										background:				none;
									}
									
									#kereses_termekek form select {
										margin:					-2px 0 0 14px;
										font: 					normal 11px Tahoma;
										color:					rgb(77,77,77);
										width: 					169px; 
										text-align:				left; 
										background: 			url('../../image/vaz/at/hatter-szures-select.png') right;
										border:					solid 1px rgb(41,102,167);
										cursor: 				pointer;			
									}
									
									
								
						#blokk_uj_akcio #uj_akcio_panel_tartalom {
							width:					860px;
							height:					190px;
							margin:					0;
							padding:				0;
							border:					none;
							background: 			url('../../image/vaz/at/hatter-termek-uj-akcios-tartalom.jpg') left top no-repeat;
							float:					left;
							clear:					both;
						}			
						
						
						.legujabb_termekek_sor {
							width:					825px;
							margin:					7px 20px;
							padding:				0;
							border:					none;
							background:	 			none;						
							clear:					both;
						}
						
							.legujabb_termekek_sor div.legujabb_ures,
							.legujabb_termekek_sor div.akcios_ures {
								margin:					60px 0 0 0;
								font: 					bold 12px Arial;
								text-align:				center;
							}	
						
							.legujabb_termekek_oszlop {
								width:					131px;
								height:					158px;
								margin:					3px 0 0 5px;
								text-align:				left;
								border:					none;
								background:				none;
								float:					left;
							}
								
								h1.legujabb_termekek_megnevezes {
									font: 					bold 11px Verdana;
									color:					rgb(111,104,72);
									padding:				0 0 10px 5px;
									background: 			url('../../image/vaz/at/img-nyil-kek-on.jpg') left top no-repeat;
									text-decoration:		none;
								}
								
								.legujabb_termekek_kep {
									font: 					normal 11px Arial;
									color:					rgb(0,0,0);
									width:					141px;
									height:					111px;
									margin:					auto 0;
									text-align:				center;
									border:					0;
									clear:					both;
								}
								
									a.legujabb_termekek_kep img {
										margin:					0;
										padding:				0;
										background:				rgb(255,255,255);
										border:					solid 1px rgb(216,212,190);
									}
									
									a.legujabb_termekek_kep:hover img {
										margin:					0;
										padding:				0;
										background:				rgb(255,255,255);
										border:					solid 1px rgb(199,195,170);
									}
									
								.legujabb_termekek_oszlop p {
									width:					131px;
									margin:					5px auto;
									padding:				0;
									text-align:				center;
									font: 					normal 10px Verdana, Tahoma, Arial;
									color:					rgb(255,255,255);	
									border:					none;
									clear:					both;
								}
								
									.legujabb_termekek_oszlop p a {
										font: 					normal 10px Verdana, Tahoma, Arial;
										background: 			url('../../image/vaz/at/img-nyil-kek-off.jpg') left top no-repeat;
										padding:				0 0 0 7px;
										color:					rgb(0,0,0);
										text-decoration:		none;
									}
									
									.legujabb_termekek_oszlop p a:hover {
										font: 					normal 10px Verdana, Tahoma, Arial;
										background: 			url('../../image/vaz/at/img-nyil-kek-on.jpg') left top no-repeat;
										padding:				0 0 0 7px;
										color:					rgb(0,0,0);
										text-decoration:		underline;
									}							
									
									
									
				/**
				 * blokk ajanlat
				 */						
					#blokk_ajanlat {
						width:					860px;
						height:					150px;
						background: 			none;
						border:					none;
						margin:					15px 0;
						padding:				0;
						float:					left;
						clear: 					both;
					}	
	
						#blokk_ajanlat #ket_het {
							width:					280px;
							/* width:				135px;*/
							height:					150px;
							text-align:				center;
							background: 			url('../../image/vaz/at/hatter-ket-het.jpg') center top no-repeat;
							border:					none;
							float:					left;
						}
						
						#blokk_ajanlat #butorberles {
							width:					187px;
							height:					150px;
							text-align:				center;
							background: 			url('../../image/vaz/at/hatter-butorberles.jpg') left top no-repeat;
							border:					none;
							float:					left;
						}	
						
						#blokk_ajanlat #werzalit {
							width:					280px;
							/*width:				167px;*/
							height:					150px;
							text-align:				center;
							background: 			url('../../image/vaz/at/hatter-werzalit.jpg') center top no-repeat;
							border:					none;
							float:					left;
						}	
						
						#blokk_ajanlat #dublino_home {
							width:					134px;
							height:					150px;
							text-align:				center;
							background: 			url('../../image/vaz/at/hatter-dublino-home.jpg') left top no-repeat;
							border:					none;
							float:					left;
						}
						
						#blokk_ajanlat #referenciak {
							width:					280px;
							/*width:				232px;*/
							height:					150px;
							text-align:				center;
							background: 			url('../../image/vaz/at/hatter-referenciak.jpg') center top no-repeat;
							border:					none;
							float:					left;
						}			
						
							#blokk_ajanlat #ket_het a,
							#blokk_ajanlat #butorberles a,
							#blokk_ajanlat #werzalit a,
							#blokk_ajanlat #dublino_home a,
							#blokk_ajanlat #referenciak a {
								height:					47px;
								display:				block;
								padding:				103px 0 0 7px;
								font:					normal 10px Verdana;
								background: 			none;
								border:					none;
							}
							
							#blokk_ajanlat #ket_het a:hover,
							#blokk_ajanlat #butorberles a:hover,
							#blokk_ajanlat #werzalit a:hover,
							#blokk_ajanlat #dublino_home a:hover,
							#blokk_ajanlat #referenciak a:hover {
								height:					47px;
								display:				block;
								padding:				103px 0 0 7px;
								font:					bold 10px Verdana;
								background: 			none;
								border:					none;
							}

		
							
							
				/**
				 * utoljara megtekintett termekek
				 */
				 	#blokk_megtekintett_termekek {
				 		width:					860px;
						min-height:				180px;
						background:				none;
						border:					none;
						margin:					0;
						padding:				0;
						float:					left;
						clear:					both;
				 	}
				 	
					 	.megtekintett_termekek_fieldset {
					 		border:					solid 1px rgb(238,236,225);
					 	}
			
						.megtekintett_termekek_legend {
					 		font: 					bold 11px Verdana, Tahoma, Arial;
					 		color:					rgb(111,104,72);
					 	}
					 	
					 		.megtekintett_termekek_legend sup {
						 		font: 					normal 10px Verdana, Tahoma, Arial;
						 		color:					rgb(111,104,72);
						 	}
					 	
					 	.megtekintett_termekek_sor {
							width:					820px;
							margin:					0;
							padding:				7px 0 0 25px;
							background:	 			none;
							border:					none;
							clear:					both;
						}
						
							.megtekintett_termekek_oszlop {
								width:					87px;
								margin:					0 10px 0 0;
								text-align:				center;
								border:					none;
								float:					left;
							}
							
								.megtekintett_termekek_cikkszam {
									width:					79px;
									margin:					5px auto;
									padding:				0;
									text-align:				left;
									font: 					normal 10px Verdana, Tahoma, Arial;
									color:					rgb(0,0,0);		
									border:					none;
									clear:					both;
								}							
							
								.megtekintett_termekek_kep {
									width:					87px;
									/*height:					151px;*/
									margin:					auto 0;
									text-align:				center;
									border:					0;
									clear:					both;
								}
								
									.megtekintett_termekek_kep img,
									.megtekintett_termekek_kep a img {
										margin:					0;
										padding:				2px 2px;
										background:				rgb(255,255,255);
										border:					solid 4px rgb(236,242,249);
									}
									
									.megtekintett_termekek_kep a:hover img {
										margin:					0;
										padding:				2px 2px;
										background:				rgb(255,255,255);
										border:					solid 4px rgb(204,225,250);
									}
									
								.megtekintett_termekek_alairas {
									width:					79px;
									margin:					5px auto;
									padding:				0;
									text-align:				center;
									font: 					normal 10px Verdana, Tahoma, Arial;
									color:					rgb(255,255,255);	
									border:					none;
									clear:					both;
								}
								
									.megtekintett_termekek_alairas a {
										font: 					normal 10px Verdana, Tahoma, Arial;
										background: 			url('../../image/vaz/at/img-nyil-kek-off.jpg') left top no-repeat;
										padding:				0 0 0 7px;
										color:					rgb(0,0,0);
										text-decoration:		none;
									}
									
									.megtekintett_termekek_alairas a:hover {
										font: 					normal 10px Verdana, Tahoma, Arial;
										background: 			url('../../image/vaz/at/img-nyil-kek-on.jpg') left top no-repeat;
										padding:				0 0 0 7px;
										color:					rgb(0,0,0);
										text-decoration:		underline;
									}
									
																							
	
	
				/**
				 * blokk tartalom
				 */			
					#blokk_tartalom,
					#blokk_ket_het {
						width:					860px;
						min-height:				167px;
						background: 			url('../../image/vaz/at/hatter-tartalom.jpg') left top no-repeat;
						border:					none;
						margin:					10px 0;
						padding:				0;
						float:					left;
						clear: 					both;				
					}	
					
						#blokk_tartalom h1,
						#blokk_ket_het h1 {
							font: 					normal 18px Arial;
							color:					rgb(0,0,0);
							margin:					0 0 0 5px;
						}
						
						#blokk_tartalom h2,
						#blokk_ket_het h2 {
							font: 					bold 16px Verdana;
							color:					rgb(37,96,164);
							margin:					0 0 0 5px;
						}
						
						#blokk_tartalom #navigacio {
							font: 					normal 11px Arial;
							color:					rgb(187,187,187);
							margin:					0 0 20px 5px;
						}	
						
						
						#blokk_tartalom p,
						#blokk_ket_het p {
							font: 					normal 11px Verdana;
							color:					rgb(55,55,55);
							/*color:				rgb(77,77,77);*/
							line-height:			20px;
							margin:					0 20px; 
						}
						
						#blokk_tartalom .kepek {
							width:					812px;
							min-height:				120px;
							clear:					both;
							margin:					10px 0 10px 15px;
						}
							
							.kepek div {
								float: 					left; 
								text-align: 			center; 
								font-size: 				10px;
								margin-bottom:			20px;
								border:					none;
							}
							
								.kepek img {
									border:					solid 2px rgb(237,241,250);
									padding:				3px;
								}
								
								.kepek a img {
									border:					solid 2px rgb(237,241,250);
									padding:				3px;
									margin:					2px 2px 5px 4px;
								}
								
								.kepek a:hover img {
									border:					solid 2px rgb(177,199,249);
									padding:				3px;
									margin:					2px 2px 5px 4px;
								}
								
						#blokk_tartalom form fieldset {
							font:					normal 11px Arial;
							margin:					15px 0;
							border:					solid 1px rgb(231,228,219);
							padding:				5px;
						}

							#blokk_tartalom .sor {
								width:					100%;
								display:				block;
								border:					none;
							}
							
								#blokk_tartalom .oszlop1 {
									display:				block;
									width:					200px;
									padding:				5px 0;
									float:					left;
									border:					none;
								}
								
									#blokk_tartalom .oszlop2 input {
										width:					200px;
									}
								
								
								#blokk_tartalom .oszlop2 {
									float:					left;
									padding:				5px 0;
								}	
								
									#blokk_tartalom .oszlop2 select {
										font:					normal 11px Arial;
										width:					55px;
										height:					18px;						
										background:				none;	
										border:					solid 1px rgb(111,111,111);
									}
									
								#blokk_tartalom .oszlop3 {
									width:					100%;
									float:					left;
									padding:				5px 0;
								}	

									#blokk_tartalom .oszlop3 select {
										font:					normal 11px Arial;
										width:					55px;
										height:					18px;						
										background:				none;	
										border:					solid 1px rgb(111,111,111);
									}	
									
							#blokk_tartalom .form_butorberles_submit {
								font: 					normal 11px Tahoma;
								color:					rgb(255,255,255);
								width:					96px;
								height:					21px;
								border:					none;
								float:					left;
								margin:					0 5px 0 350px;
								background: 			url('../../image/vaz/at/hatter-form-elerhetoseg-submit.jpg') left top repeat-x;
								text-indent: 			-9999px;
								cursor:					pointer;
							}
							
							#blokk_tartalom .form_butorberles_reset {
								font: 					normal 11px Tahoma;
								color:					rgb(255,255,255);
								width:					96px;
								height:					21px;
								border:					none;
								float:					left;
								margin:					0 5px 0 0;
								background: 			url('../../image/vaz/at/hatter-form-elerhetoseg-reset.jpg') left top repeat-x;
								text-indent: 			-9999px;
								cursor:					pointer;
							}															
									
									
						
					/**
					 * ket het
					 */	
						#blokk_ket_het #ket_het_tartalom {
							width:					520px;
							margin:					0;
							padding:				0;
							border:					none;
							float:					left;
						}
						
						#blokk_ket_het #ket_het_valasztas {
							width:					330px;
							margin:					0;
							padding:				0;
							border:					none;
							float:					left;
						}
									
							#ket_het_valasztas h2 {
								font: 					normal 12px Arial;
								color:					rgb(0,0,0);
								margin:					12px 0 0 10px;
								background: 			url('../../image/vaz/at/img-nyil-kek-le-off.jpg') left bottom no-repeat;
								padding:				0 0 0 10px;
							}
							
							.ket_het_sor {
								width:					330px;
								height:					150px;
								margin:					35px 15px;
								padding:				0;
								background:	 			none;
								border:					none;
								clear:					both;
							}
			
								.ket_het_oszlop {
									width:					140px;
									height:					140px;
									margin:					0 16px 0 0;
									text-align:				center;
									border:					none;
									float:					left;
								}					
						
									.ket_het_kep {
										width:					140px;
										/*height:					151px;*/
										margin:					auto 0;
										text-align:				center;
										border:					0;
										clear:					both;
									}
									
										.ket_het_kep img,
										.ket_het_kep a img {
											margin:					0;
											padding:				2px 2px;
											background:				rgb(255,255,255);
											border:					solid 1px rgb(216,212,190);
										}
										
										.ket_het_kep a:hover img {
											margin:					0;
											padding:				2px 2px;
											background:				rgb(255,255,255);
											border:					solid 1px rgb(159,158,152);
										}
										
								.ket_het_alairas {
									width:					140px;
									margin:					5px auto;
									padding:				0;
									text-align:				left;
									font: 					bold 10px Verdana, Tahoma, Arial;
									color:					rgb(255,255,255);	
									border:					none;
									clear:					both;
								}
								
									.ket_het_alairas a {
										font: 					bold 10px Verdana, Tahoma, Arial;
										background: 			url('../../image/vaz/at/img-nyil-kek-off.jpg') left top no-repeat;
										padding:				0 0 0 7px;
										color:					rgb(0,0,0);
										text-decoration:		none;
									}
									
									.ket_het_alairas a:hover {
										font: 					bold 10px Verdana, Tahoma, Arial;
										background: 			url('../../image/vaz/at/img-nyil-kek-on.jpg') left top no-repeat;
										padding:				0 0 0 7px;
										color:					rgb(0,0,0);
										text-decoration:		none;
									}
									
									
					/**
					 * elerhetoseg
					 */				
						#blokk_tartalom .elerhetoseg_terkep {
							float:				left;
							position:			absolute;
							border:				none;
							margin:				17px 0 0 120px;
						}
						
						#blokk_tartalom .elerhetoseg_kepviselo {
							font: 				normal 11px Verdana, Tahoma, Arial;
							width:				372px;
							background:			url('../../image/vaz/at/hatter-elerhetoseg-kepviselo.jpg') left no-repeat;;
							float:				left;
						}
						
							#blokk_tartalom .elerhetoseg_kepviselo p {
								font: 					normal 11px Verdana, Tahoma, Arial;
								color:					rgb(0,0,0);
							}
						
							#blokk_tartalom .elerhetoseg_kepviselo ol {
								font: 					normal 11px Verdana, Tahoma, Arial;
								color:					rgb(0,0,0);
								margin:					0;
								padding:				0 0 0 32px;
								list-style-image:		url('../../image/vaz/at/img-icon-negyzet-sarga.jpg');
							}
							
							#blokk_tartalom .elerhetoseg_kepviselo ol li b,
							#blokk_tartalom .elerhetoseg_kepviselo ol li u {
								color:					rgb(40,92,168);
							}
							
							#blokk_tartalom .elerhetoseg_kepviselo ol li a {
								color:					rgb(0,0,0);
								text-decoration:		none;
							}

							#blokk_tartalom .elerhetoseg_kepviselo ol li a:hover {
								color:					rgb(0,0,0);
								text-decoration:		underline;
							}
							
							#blokk_tartalom .elerhetoseg_kepviselo img.elerhetoseg_kep_keret {
								border:					solid 3px rgb(234,241,251);
								padding:				0;
								margin:					0 8px 0 0;
							}		
							
						#blokk_tartalom .elerhetoseg_kapcsolat {
							color:				rgb(0,0,0);						
							float:				left;
						}													
						
						#blokk_tartalom .elerhetoseg_kapcsolat form  {
							width:				480px;
							padding:			10px 0 0 0;
							border:				none;
						}
					 			
							#blokk_tartalom .elerhetoseg_kapcsolat form .form_elerhetoseg_input {
								font: 				normal 11px Tahoma;
								color:				rgb(77,77,77);
								width:				249px;
								height:				18px;
								border:				solid 1px rgb(204,204,204);
								float:				left;
								margin:				0 5px 10px 0;
								padding:			1px 0 0 3px;
								background: 		url('../../image/vaz/at/hatter-form-belepes-input.jpg') left top repeat-x;
							}
							
							#blokk_tartalom .elerhetoseg_kapcsolat form .form_elerhetoseg_textarea {
								font: 				normal 11px Tahoma;
								color:				rgb(77,77,77);
								width:				455px;
								height:				165px;
								border:				solid 1px rgb(204,204,204);
								float:				left;
								margin:				0 5px 10px 0;
								background: 		url('../../image/vaz/at/hatter-form-belepes-input.jpg') left bottom repeat-x;
							}		
						
							#blokk_tartalom .elerhetoseg_kapcsolat form .form_elerhetoseg_submit {
								font: 					normal 11px Tahoma;
								color:					rgb(255,255,255);
								width:					96px;
								height:					21px;
								border:					none;
								float:					left;
								margin:					0 5px 0 0;
								background: 			url('../../image/vaz/at/hatter-form-elerhetoseg-submit.jpg') left top repeat-x;
								text-indent: 			-9999px;
								cursor:					pointer;
							}
							
							#blokk_tartalom .elerhetoseg_kapcsolat form .form_elerhetoseg_reset {
								font: 					normal 11px Tahoma;
								color:					rgb(255,255,255);
								width:					115px;
								height:					21px;
								border:					none;
								float:					left;
								margin:					0 5px 0 0;
								background: 			url('../../image/vaz/at/hatter-form-elerhetoseg-reset.jpg') left top repeat-x;
								text-indent: 			-9999px;
								cursor:					pointer;
							}
							
							#blokk_tartalom .elerhetoseg_kapcsolat form select {
								font: 					normal 11px Tahoma;
								color:					rgb(77,77,77);
								width: 					251px; 
								text-align:				left; 
								background: 			url('../../image/vaz/at/hatter-szures-select.png') right;
								border:					solid 1px rgb(204,204,204);
								cursor: 				pointer;			
							}							

									
				/**
				 * blokk referenciak
				 */			
					#blokk_referenciak {
						width:					860px;
						min-height:				220px;
						background: 			url('../../image/vaz/at/hatter-adat-tartalom.jpg') left top no-repeat;
						border:					none;
						margin:					10px 0;
						padding:				0;
						float:					left;
						clear: 					both;				
					}
						
						#blokk_referenciak h1 {
							width:					640px;
							font: 					normal 18px Arial;
							color:					rgb(0,0,0);
							margin:					0 0 0 5px;
							border:					none;
						}
						#blokk_referenciak #navigacio {
							font: 					normal 11px Arial;
							color:					rgb(187,187,187);
							margin:					0 0 20px 5px;
						}
	
						#blokk_referenciak #adat_referenciak_tartalom {
							width:					653px;
							margin:					0;
							padding:				0;
							border:					none;
							float:					left;
						}	

						#adat_referenciak_tartalom #adat_referenciak_fejlec {
							width:					640px;
							height:					56px;
							border:					none;
							background: 			url('../../image/vaz/at/hatter-adat-fejlec-kek.jpg') left top no-repeat;
							display:				block;
						}
						
							#adat_referenciak_fejlec #adat_referenciak_fejlec_tartalom {
								font: 					bold 11px Verdana;
								font-variant: 			small-caps;
								height:					27px;
								float:					left;
								border:					none;
								background: 			url('../../image/vaz/at/hatter-adat-fejlec-box-kek.jpg') right top no-repeat;
								margin:					5px 0 0 19px;  
								padding:				8px 12px 0 4px;
								display: 				inline;								
							}
							
								#adat_referenciak_fejlec_tartalom span.kek {
									color:					rgb(186,217,252);
								}
								
								#adat_referenciak_fejlec_tartalom span.feher {
									color:					rgb(255,255,255)
								}
							
							#adat_referenciak_fejlec #adat_referenciak_fejlec_navigacio {
								height:					20px;
								font: 					bold 11px Verdana;
								color:					rgb(186,217,252);
								position:				relative;
								float:					right;
								margin:					26px 20px 0 0;
								padding:				0 5px;
								background: 			rgb(255,255,255);
								border:					none;
							}	
						
								#adat_referenciak_fejlec_navigacio a {
									color:					rgb(0,0,0);
									padding:				0 2px 0 8px;
									background: 			url('../../image/vaz/at/img-nyil-kek-szimpla-bal.gif') left top no-repeat;									
									text-decoration:		none;
								}
								
								#adat_referenciak_fejlec_navigacio a:hover {
									color:					rgb(0,0,0);
									padding:				0 2px 0 8px;
									background: 			url('../../image/vaz/at/img-nyil-kek-szimpla-bal.gif') left top no-repeat;
									text-decoration:		underline;
								}

															
						#adat_referenciak_tartalom #adat_referenciak_leiras {
							width:					640px;
							min-height:				166px;
							border:					none;
							background: 			url('../../image/vaz/at/hatter-adat-tartalom-kek-vonal.jpg') left top no-repeat;
							float:					left;
							display:				block;
						}

							#adat_referenciak_leiras #magyarazat {
								font: 					normal 11px Arial;
								color:					rgb(0,0,0);
								padding:				10px 0 0 10px;
								border:					none;
							}	

							.referenciak_sor {
								width:					640px;
								padding:				7px 0 0 10px;
								background:	 			none;
								border:					none;
								float:					left;
								clear:					both;
							}
							
								.referenciak_oszlop {
									width:					141px;
									padding:				0 14px 0 0;
									text-align:				center;
									border:					none;
									float:					left;
								}
								
									.referenciak_oszlop .ures a,
									.referenciak_oszlop .ures a:hover {
										text-decoration:		none;
										background:				none;
										border:					none;
									}
								
								
									.referenciak_kep {
										width:					141px;
										height:					141px;
										margin:					auto 0;
										text-align:				center;
										border:					0;
										clear:					both;
									}
									
										.referenciak_kep img,
										.referenciak_kep a img {
											margin:					0;
											padding:				1px;
											background:				rgb(255,255,255);
											border:					solid 1px rgb(215,214,194);
										}
										
										.referenciak_kep a:hover img {
											margin:					0;
											padding:				1px;
											background:				rgb(255,255,255);
											border:					solid 1px rgb(183,183,174);
										}
										
									.referenciak_alairas {
										width:					141px;
										margin:					10px auto;
										padding:				0;
										text-align:				center;
										font: 					normal 10px Verdana, Tahoma, Arial;
										color:					rgb(0,0,0);	
										border:					none;
										clear:					both;
									}
									
										.referenciak_alairas a {
											font: 					normal 10px Verdana, Tahoma, Arial;
											background: 			url('../../image/vaz/at/img-nyil-kek-off.jpg') left top no-repeat;
											padding:				0 0 0 7px;
											color:					rgb(0,0,0);
											text-decoration:		none;
										}
										
										.referenciak_alairas a:hover {
											font: 					normal 10px Verdana, Tahoma, Arial;
											background: 			url('../../image/vaz/at/img-nyil-kek-on.jpg') left top no-repeat;
											padding:				0 0 0 7px;
											color:					rgb(0,0,0);
											text-decoration:		underline;
										}

						#referenciak_lista {
							width:					640px;
							margin:					0;
							padding:				0 0 0 10px;
							border:					none;
							float:					left;
							clear:					both;						
						}							
							
							#referenciak_lista ol {
								width:					640px;
								list-style-type:		none;
								border:					none;
								margin:					0;
								padding:				0;							
								display:				block;
							}
							
								#referenciak_lista ol li {
									width:					640px;
									list-style-type:		none;
									border:					none;
									margin:					0;
									padding:				0;
									float:					left;
									display:				inline;
								}
	
									#referenciak_lista ol li ol {
										width:					640px;
										list-style-type:		none;
										border:					none;
										display:				inline;
									}
	
										#referenciak_lista ol li ol li {
											font:					normal 11px Tahoma;
											color:					rgb(0,0,0);
											height:					26px;
											list-style-type:		none;
											margin:					0;
											padding:				10px 0 0 0;
											border:					none;
											background: 			url('../../image/vaz/at/hatter-referenciak-lista.jpg') left top no-repeat;
											display:				block;
										}					
	
												#referenciak_lista ol li ol li a {
													font-weight:			bold;
													color:					rgb(35,95,162);
													padding:				0;
													margin:					0;
													background: 			none;
													text-decoration:		none;
												}
	
												#referenciak_lista ol li ol li a:hover {
													font-weight:			bold;
													color:					rgb(35,95,162);
													padding:				0;
													margin:					0;
													background: 			none;
													text-decoration:		underline;
												}										
							
												#referenciak_lista ol li ol li a.fel,
												#referenciak_lista ol li ol li a.le {
													font-weight:			bold;
													color:					rgb(0,0,0);
													padding:				0;
													margin:					0;
													background: 			none;
													text-decoration:		none;
												}
												
												#referenciak_lista ol li ol li a.fel:hover,
												#referenciak_lista ol li ol li a.le:hover {
													font-weight:			bold;
													color:					rgb(0,0,0);
													padding:				0 10px 0 0;
													margin:					0;
													text-decoration:		underline;
												}
												
												#referenciak_lista ol li ol li a.fel:hover {
													background: 			url('../../image/vaz/at/icon-nyil-voros-fel.gif') right top no-repeat;
												}
												
												#referenciak_lista ol li ol li a.le:hover {
													background: 			url('../../image/vaz/at/icon-nyil-voros-le.gif') right top no-repeat;
												}																			
														
												
												
				/**
				 * blokk termekek
				 */			
					#blokk_termekek {
						position:				relative;
						width:					860px;
						min-height:				220px;
						background: 			url('../../image/vaz/at/hatter-adat-tartalom.jpg') left top no-repeat;
						border:					none;
						margin:					10px 0;
						padding:				0;
						float:					left;
						clear: 					both;				
					}
						
						#blokk_termekek h1 {
							font: 					normal 18px Arial;
							color:					rgb(0,0,0);
							margin:					0 0 0 5px;
							padding:				0;
						}
						
						#blokk_termekek #navigacio {
							font: 					normal 11px Arial;
							color:					rgb(187,187,187);
							margin:					0 0 20px 7px;
						}
	
						#blokk_termekek #adat_termekek_tartalom {
							width:					653px;
							/*height:					150px;*/
							margin:					0;
							padding:				0;
							border:					none;
							float:					left;
							clear:					both;
						}
						
						#adat_termekek_tartalom #adat_termekek_kategoria_vissza,
						#adat_termekek_tartalom #adat_termekek_kategoria_elore {
							position:				absolute;
							width:					30px;
							height:					56px;
							background:				none;							
							border:					none;
							cursor:					pointer;
						}
						
						#adat_termekek_tartalom #adat_termekek_kategoria_vissza {
							margin:					20px 0 0 0;
							padding:				0;
						}
						
						#adat_termekek_tartalom  #adat_termekek_kategoria_elore {
							margin:					20px 0 0 605px;
							padding:				0;
						}
						
							#adat_termekek_tartalom #adat_termekek_kategoria_vissza a,
							#adat_termekek_tartalom #adat_termekek_kategoria_elore a {
								text-indent: 			-9999px;
								text-decoration:		none;
								width:					21px;
								height:					28px;
								padding:				0;
								margin:					0 0 0 3px;								
								display:				block;
							}
						
							#adat_termekek_tartalom #adat_termekek_kategoria_vissza a {
								background: 			url('../../image/vaz/at/img-icon-nyil-kategoria-vissza-off.jpg') left top no-repeat;			
							}
							
							#adat_termekek_tartalom #adat_termekek_kategoria_vissza a:hover {
								background: 			url('../../image/vaz/at/img-icon-nyil-kategoria-vissza-on.jpg') left top no-repeat;			
							}
							
							#adat_termekek_tartalom #adat_termekek_kategoria_elore a {
								background: 			url('../../image/vaz/at/img-icon-nyil-kategoria-elore-off.jpg') left top no-repeat;			
							}
							
							#adat_termekek_tartalom #adat_termekek_kategoria_elore a:hover {
								background: 			url('../../image/vaz/at/img-icon-nyil-kategoria-elore-on.jpg') left top no-repeat;			
							}
							
						
						#adat_termekek_tartalom #adat_termekek_kategoria {
							position:				absolute;
							width:					560px;
							height: 				60px;
							margin:					0 0 20px 41px;
							padding:				0;
							background:				none;							
							border:					none;
							clear:					both;
							overflow:				hidden;
						}
						
							#adat_termekek_tartalom #adat_termekek_kategoria #kategoria_kepek{
								width:					600px;
								height: 				60px;
								clear:					both;
								margin:					0;
								padding:				0;
								background:				none;							
								border:					none;
							}
							
								#adat_termekek_tartalom #adat_termekek_kategoria #kategoria_kepek a img {
									margin:					0 0 0 5px; 
									display:				inline; 
									border:					solid 2px rgb(237,241,250);
								}
								
								#adat_termekek_tartalom #adat_termekek_kategoria #kategoria_kepek a:hover img {
									margin:					0 0 0 5px; 
									display:				inline; 
									border:					solid 2px rgb(177,199,249);
								}
								
								#adat_termekek_tartalom #adat_termekek_kategoria #kategoria_kepek a.aktualis img {
									margin:					0 0 0 5px; 
									display:				inline; 
									border:					solid 2px rgb(251,227,148);
								}
								
								#adat_termekek_tartalom #adat_termekek_kategoria #kategoria_kepek a.aktualis:hover img {
									margin:					0 0 0 5px; 
									display:				inline; 
									border:					solid 2px rgb(251,227,148);
								}
							
								
						#adat_termekek_tartalom #adat_termekek_fejlec {
							width:					640px;
							height:					56px;
							border:					none;
							background: 			url('../../image/vaz/at/hatter-adat-fejlec-kek.jpg') left top no-repeat;
							display:				block;
						}
						
							#adat_termekek_fejlec #adat_termekek_fejlec_tartalom {
								position:				absolute;
								font: 					bold 11px Verdana;
								font-variant: 			small-caps;
								height:					27px;
								float:					left;
								border:					none;
								background: 			url('../../image/vaz/at/hatter-adat-fejlec-box-kek.jpg') right top no-repeat;
								margin:					5px 0 0 19px;  
								padding:				8px 12px 0 4px;
								display: 				inline;								
							}
							
								#adat_termekek_fejlec_tartalom span.kek {
									color:					rgb(186,217,252);
								}
								
								#adat_termekek_fejlec_tartalom span.feher {
									color:					rgb(255,255,255)
								}
							
							#adat_termekek_fejlec #adat_termekek_fejlec_navigacio {
								height:					20px;
								display:				block;
								font: 					bold 11px Verdana;
								color:					rgb(186,217,252);
								text-align:				right;
								position:				relative;
								float:					right;
								margin:					26px 20px 0 0;
								padding:				0 5px;
								background: 			none;
								border:					none;
							}
							
								#adat_termekek_fejlec_navigacio #adat_termekek_fejlec_oldalszamok	{
									height:					20px;
									width:					100%;
									/*width:				320px;*/
									float:					left;
									display:				block;
									color:					rgb(0,0,0);
									padding:				0 10px 0 0;
									background:				none;
									border:					none;
									overflow:				hidden;
								}
								
								#adat_termekek_fejlec_navigacio a.vissza {
									color:					rgb(0,0,0);
									padding:				0 3px 0 9px;
									background: 			rgb(255,255,255) url('../../image/vaz/at/img-nyil-kek-szimpla-bal.gif') left top no-repeat;									
									text-decoration:		none;
								}
								
								#adat_termekek_fejlec_navigacio a.vissza:hover {
									color:					rgb(0,0,0);
									padding:				0 3px 0 9px;
									background: 			rgb(255,255,255) url('../../image/vaz/at/img-nyil-kek-szimpla-bal.gif') left top no-repeat;
									text-decoration:		underline;
								}
						
								
						#adat_termekek_tartalom #adat_termekek_leiras {
							width:					640px;
							min-height:				160px;
							border:					none;
							background: 			none;
							float:					left;
							clear:					both;
						}
						
							#adat_termekek_tartalom #termek_reszletes_leiras {
								text-align:				justify;
								line-height:			20px;
								padding:				10px 0;
							}
							
							#adat_termekek_tartalom #termek_reszletes_leiras p {
								line-height:			20px;
							}
							
							#adat_termekek_tartalom #termek_reszletes_leiras ol {
								padding-top:			0px;
								margin-top:				0px;
							}	
							
								#adat_termekek_tartalom #termek_reszletes_leiras ol li {
									line-height:			20px;
									list-style-type:		square;
								}	
								
									#adat_termekek_tartalom #termek_reszletes_leiras ol li ol li {
										line-height:			20px;
										list-style-type:		disc;
									}	

							#adat_termekek_leiras #magyarazat {
								font: 					normal 11px Arial;
								color:					rgb(0,0,0);
								padding:				10px 0 0 10px;
								border:					none;
							}	
							
							.termekek_sor {
								width:					630px;
								padding:				7px 0 0 10px;
								background:	 			none;
								border:					none;
								float:					left;
								clear:					both;
							}
							
								.termekek_oszlop {
									width:					141px;
									padding:				0 10px 0 0;
									text-align:				center;
									border:					none;
									float:					left;
								}
								
									.termekek_oszlop .ures a,
									.termekek_oszlop .ures a:hover {
										text-decoration:		none;
										background:				none;
										border:					none;
									}
								
								
									.termekek_kep {
										width:					121px;
										height:					121px;
										margin:					auto 0;
										text-align:				center;
										border:					0;
										clear:					both;
									}
									
										.termekek_kep img,
										.termekek_kep a img {
											margin:					0;
											padding:				1px;
											background:				rgb(255,255,255);
											border:					solid 1px rgb(215,214,194);
										}
										
										.termekek_kep a:hover img {
											margin:					0;
											padding:				1px;
											background:				rgb(255,255,255);
											border:					solid 1px rgb(183,183,174);
										}
										
									.termekek_alairas {
										width:					141px;
										margin:					10px auto;
										padding:				0;
										text-align:				center;
										font: 					normal 10px Verdana, Tahoma, Arial;
										color:					rgb(0,0,0);	
										border:					none;
										clear:					both;
									}
									
										.termekek_alairas a {
											font: 					normal 10px Verdana, Tahoma, Arial;
											background: 			url('../../image/vaz/at/img-nyil-kek-off.jpg') left top no-repeat;
											padding:				0 0 0 7px;
											color:					rgb(0,0,0);
											text-decoration:		none;
										}
										
										.termekek_alairas a:hover {
											font: 					normal 10px Verdana, Tahoma, Arial;
											background: 			url('../../image/vaz/at/img-nyil-kek-on.jpg') left top no-repeat;
											padding:				0 0 0 7px;
											color:					rgb(0,0,0);
											text-decoration:		underline;
										}
										
									.termekek_icon {
										width:					120px;
										margin:					25px auto 20px 5px;
										padding:				0 0 20px 0;
										text-align:				center;
										font: 					normal 10px Verdana, Tahoma, Arial;
										color:					rgb(0,0,0);	
										border:					none;
										clear:					both;
									}
									
										.termekek_icon img {
											padding:				0 0 0 2px;
										}
									
									
										.termekek_icon a {
											float:					left;										
											font: 					normal 10px Verdana, Tahoma, Arial;
											background: 			none;
											padding:				0;
											color:					rgb(0,0,0);
											text-decoration:		none;
										}
										
										.termekek_icon a:hover {
											float:					left;										
											font: 					normal 10px Verdana, Tahoma, Arial;
											background: 			none;
											padding:				0;
											color:					rgb(0,0,0);
											text-decoration:		underline;
										}										
										

						#termekek_lista {
							width:					640px;
							margin:					0;
							padding:				0 0 0 10px;
							border:					none;
							float:					left;
							clear:					both;						
						}	

							#termekek_lista p {
								font: 					normal 11px Verdana;
								color:					rgb(55,55,55);
								line-height:			16px;
								margin:					0 20px; 
							}											
							
							#termekek_lista ol {
								width:					640px;
								list-style-type:		none;
								border:					none;
								margin:					0;
								padding:				0;							
								display:				block;
							}
							
								#termekek_lista ol li {
									width:					640px;
									list-style-type:		none;
									border:					none;
									margin:					0;
									padding:				0;
									float:					left;
									display:				inline;
								}
	
									#termekek_lista ol li ol {
										width:					640px;
										list-style-type:		none;
										border:					none;
										display:				inline;
									}
	
										#termekek_lista ol li ol li {
											font:					normal 11px Tahoma;
											color:					rgb(0,0,0);
											height:					26px;
											list-style-type:		none;
											margin:					0;
											padding:				10px 0 0 0;
											border:					none;
											background: 			url('../../image/vaz/at/hatter-referenciak-lista.jpg') left top no-repeat;
											display:				block;
										}					
	
												#termekek_lista ol li ol li a {
													font-weight:			bold;
													color:					rgb(35,95,162);
													padding:				0;
													margin:					0;
													background: 			none;
													text-decoration:		none;
												}
	
												#termekek_lista ol li ol li a:hover {
													font-weight:			bold;
													color:					rgb(35,95,162);
													padding:				0;
													margin:					0;
													background: 			none;
													text-decoration:		underline;
												}										
							
												#termekek_lista ol li ol li a.fel,
												#termekek_lista ol li ol li a.le {
													font-weight:			bold;
													color:					rgb(0,0,0);
													padding:				0;
													margin:					0;
													background: 			none;
													text-decoration:		none;
												}
												
												#termekek_lista ol li ol li a.fel:hover,
												#termekek_lista ol li ol li a.le:hover {
													font-weight:			bold;
													color:					rgb(0,0,0);
													padding:				0 10px 0 0;
													margin:					0;
													text-decoration:		underline;
												}
												
												#termekek_lista ol li ol li a.fel:hover {
													background: 			url('../../image/vaz/at/icon-nyil-voros-fel.gif') right top no-repeat;
												}
												
												#termekek_lista ol li ol li a.le:hover {
													background: 			url('../../image/vaz/at/icon-nyil-voros-le.gif') right top no-repeat;
												}								
													
						/**
						 * termekek reszletezes
						 */	
							#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep {
								left:					0;
								top:					0;
								width:					343px;
								border:					none;
								background: 			none;
								float:					left;
							}	
	
								#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep a.nagy_kep img {
									border:					solid 3px rgb(224,233,242);
								}
								
								#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep a.nagy_kep:hover img {
									border:					solid 3px rgb(194,216,247);
								}
								
								#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_tovabbi_kep {
									width:					317px;
									margin:					10px 0;
								}
								
									#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_tovabbi_kep div {
										border-top:				dotted 1px rgb(231,229,216);
										margin:					4px 0;
										padding:				10px 0 0 0;
										clear:					both;	
									}
									
										#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_tovabbi_kep div a.kis_kep img {
											padding:				0 2px 0 0;
											margin:					0;
											border:					solid 3px rgb(224,233,242);
										}
										
										#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_tovabbi_kep div a.kis_kep:hover img {
											padding:				0 2px 0 0;
											margin:					0;
											border:					solid 3px rgb(194,216,247);
										}	
										
								#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_ar {
									margin:					30px 0;
									width:					305px;
								}
								
									#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_ar #div_ar {
										width:					310px;
										border:					solid 1px rgb(229,229,229);
										margin:					0;
										padding:				6px 2px 7px 2px;
										float:					left;
									}
									
									#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_ar #div_leiras {
										font:					normal 11px Arial;
										text-align:				justify;
										color:					rgb(0,0,0);
										width:					100%;
										margin:					10px 0 0 5px;
										padding:				0;
										float:					right;
									}
								
										#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_ar #div_ar b {
											width:					97%;
											display:				block;
											margin:					0 5px;
											padding:				2px 0;
											background:				rgb(224,233,242);																		
											text-align:				center;
											font:					bold 17px Arial;
											color:					rgb(34,95,162);
										}	
										
									#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_ar #div_ures {
										border:					solid 1px rgb(229,229,229);
										margin:					0;
										padding:				2px;
										float:					left;
									}	
									
										#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_kep #termek_reszletes_ar #div_ures div {
											background:				rgb(224,233,242);
											margin:					0;
											padding:				2px;
											font:					bold 12px Arial;
											color:					rgb(34,95,162);
											text-align:				center;
										}
										
								
							#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok {
								width:					280px;
								float:					left;
								margin:					0;
								padding:				0;
								border:					none;
							}
							
								#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok #termek_reszletes_megnevezes {
									font:					bold 11px Tahoma;
									color:					rgb(0,0,0);
									padding:				0 0 2px 0;
									border-bottom:			dotted 1px rgb(231,229,216);
								}		
								
									#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok #termek_reszletes_megnevezes b {
										font:					bold 13px Arial;
										color:					rgb(0,0,0);
									}
									
									#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok #termek_reszletes_megnevezes span {
										font:					normal 11px Arial;
										color:					rgb(0,0,0);
									}							
								
								#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok fieldset {	
									font:					normal 11px Arial;
									margin:					15px 0;
									border:					solid 1px rgb(231,228,219);
									padding:				5px;
								}
								
									#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok fieldset legend {	
										font:					bold 11px Arial;
										color:					rgb(0,0,0);
									}
									
									#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor {
										width:					280px;
										float:					left;
										margin:					5px 0 0 0;
										border:					none;
									}
									
										#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 {
											float:					left;
											width:					79px;
											height:					56px;
											margin:					13px 0 0 0;
											padding:				0;
										}
										
											#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a {
												text-decoration:		none;
												padding:				0;
												margin:					0;
												float:					left;								
												display:				block;
												overflow:				hidden;
											}
										
											#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_elore,
											#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_elore_off,
											#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_vissza,
											#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_vissza_off {
												text-indent: 			-9999px;
												width:					13px;
												height:					46px;
											}	
											
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_vissza,
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_vissza_off,
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_vissza_off:hover {
													background: 			url('../../image/vaz/at/img-icon-nyil-termek-vissza-off.jpg') left top no-repeat;			
												}
												
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_vissza:hover {
													background: 			url('../../image/vaz/at/img-icon-nyil-termek-vissza-on.jpg') left top no-repeat;			
												}
												
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_elore,
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_elore_off,
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_elore_off:hover {
													background: 			url('../../image/vaz/at/img-icon-nyil-termek-elore-off.jpg') left top no-repeat;			
												}
												
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_elore:hover {
													background: 			url('../../image/vaz/at/img-icon-nyil-termek-elore-on.jpg') left top no-repeat;			
												}
											
											#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_kep {
												width:					46px;
												height:					46px;
											}
											
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_kep {
													border:					solid 3px rgb(224,233,242);
												}	
											
												#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_1 a.termek_reszletes_kep:hover {
													border:					solid 3px rgb(194,216,247);
												}	
									
										#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor fieldset {
											float:					left;
											margin:					10px 0 0 5px;
											width:					165px;
										}
										
										#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor fieldset legend {
											color:					rgb(36,95,163);
										}
										
										#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_2 {
											float:					left;
											margin:					0 0 10px 0;
											padding:				0 5px 2px 5px;
											text-align:				center;
										}
										
											#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_2 img {
												margin:					0 0 10px 0;
												padding:				0;
												cursor:					pointer;
											}
										
											#adat_termekek_tartalom #adat_termekek_leiras #termek_reszletes_adatok .termek_reszletes_sor .termek_reszletes_mezo_2 span {
												padding:				2px 10px;
												margin:					0;
												border:					solid 1px rgb(235,242,250);
												cursor:					pointer;
											}
				/**
				 * \blokk termekek
				 */											
										
								
							
				/**
				 * altalanos -> lapozas (also, felso, vissza, oldalszamok)
				 */			
					.lapozas_felso,
					.lapozas_also {
						display:				block;
						border:					none;
						clear:					both;
					}
					
					.lapozas_felso {
						width:					640px;
						height:					30px;							
						margin:					40px 0 10px 0;
						padding:				0;
						background:				none;
					}
					
					.lapozas_also {
						width:					650px;
						height:					30px;
						margin:					0;
						padding:				20px 0 0 0;
						background:				url('../../image/vaz/at/hatter-lapozas-vonal.jpg') left top no-repeat;
					}
					
						.lapozas_felso .tipp,
						.lapozas_also .vissza {
							font:					normal 11px Arial;
							color:					rgb(0,0,0);
							float:					left;
							width:					170px;
							border:					none;
						}
						
						.lapozas_felso .tipp {
							padding:				0 0 0 10px;
						}	
						
						.lapozas_also .vissza {
							padding:				0 0 0 7px;
						}
						
							.lapozas_also .vissza a {
								font:					bold 10px Verdana;
								color:					rgb(56,56,56);
								padding:				0 2px 0 8px;
								background: 			url('../../image/vaz/at/img-nyil-kek-szimpla-bal.gif') left top no-repeat;
								text-decoration:		none;										
							}
							
							.lapozas_also .vissza a:hover {
								font:					bold 10px Verdana;
								color:					rgb(0,0,0);
								padding:				0 2px 0 8px;
								background: 			url('../../image/vaz/at/img-nyil-kek-szimpla-bal.gif') left top no-repeat;
								text-decoration:		none;
							}
							
							
						
						.lapozas_felso .oldalszamok,
						.lapozas_also .oldalszamok {
							float:					right;
							padding:				0 2px 0 0;
							border:					none;
						}
						
						.lapozas_felso .oldalszamok {
							width:					70%;
						}	
						
						.lapozas_also .oldalszamok {
							width:					70%;
						}	
						
							.oldalszamok ul,
							#adat_termekek_fejlec_oldalszamok ul { 							
								font:					normal 10px Verdana;
								color:					rgb(55,55,55);
								height:					20px;
								list-style-type: 		none;
								padding: 				0 6px;
								margin:					0 10px 0 0;
								border: 				none;
								background:	 			rgb(255,255,255);
								display:				inline;
								float:					right;
							}
							
							.oldalszamok ul li,
							#adat_termekek_fejlec_oldalszamok ul li {
								padding: 				0;
								margin: 				0;
								padding:				0 2px;										
								display: 				block;
								float:					left;
								overflow:				hidden;	
							}
							
								.oldalszamok ul li a,
								#adat_termekek_fejlec_oldalszamok ul li a {
									font:					normal 10px Verdana;
									color:					rgb(55,55,55);										
									border: 				none;
									display: 				block;
									overflow:				hidden;
									text-decoration:		none;
								}
								
									.oldalszamok ul li a.elozo,
									#adat_termekek_fejlec_oldalszamok ul li a.elozo {
										padding:				0 5px 0 8px;
										background: 			url('../../image/vaz/at/img-nyil-kek-szimpla-bal.gif') left top no-repeat;	
										overflow:				hidden;
									}
									
										.oldalszamok ul li a.elozo_blank,
										.oldalszamok ul li a.elozo_blank:hover,
										#adat_termekek_fejlec_oldalszamok ul li a.elozo_blank:hover,
										#adat_termekek_fejlec_oldalszamok ul li a.elozo_blank {
											font:					normal 10px Verdana;
											color:					rgb(204,204,204);
											padding:				0 5px 0 8px;
											background: 			url('../../image/vaz/at/img-nyil-kek-szimpla-bal.gif') left top no-repeat;	
										}
									
									.oldalszamok ul li a.kovetkezo,
									#adat_termekek_fejlec_oldalszamok ul li a.kovetkezo {
										width:					70px;
										padding:				0 8px 0 5px;
										background: 			url('../../image/vaz/at/img-nyil-kek-szimpla-jobb.gif') right top no-repeat;
										overflow:				hidden;	
									}
									
										.oldalszamok ul li a.kovetkezo_blank,
										.oldalszamok ul li a.kovetkezo_blank:hover,
										#adat_termekek_fejlec_oldalszamok ul li a.kovetkezo_blank:hover,
										#adat_termekek_fejlec_oldalszamok ul li a.kovetkezo_blank {
											font:					normal 10px Verdana;
											color:					rgb(204,204,204);
											padding:				0 8px 0 5px;
											background: 			url('../../image/vaz/at/img-nyil-kek-szimpla-jobb.gif') right top no-repeat;	
										}
									
								
								.oldalszamok ul li a:hover,
								#adat_termekek_fejlec_oldalszamok ul li a:hover {
									font:					bold 10px Verdana;
									color:					rgb(0,0,0);
									border: 				none;
									display: 				block;
									overflow:				hidden;
									text-decoration:		none;
								}
								
								
								
				/**
				 * altalanos -> adatszures
				 */						
					#adat_szures {
						width:					207px;
						margin:					15px 0 0 0;
						padding:				0;
						border:					none;
						background: 			url('../../image/vaz/at/hatter-adat-szures.jpg') left top no-repeat;
						float:					left;
					}

						#adat_szures .fejlec_panel_kek_tarolo,
						#adat_szures .fejlec_panel_sarga_tarolo {
							width:					207px;
							height:					25px;
							border:					none;
							display:				block;
							clear:					both;
						}
						
						#adat_szures .fejlec_panel_kek_tarolo {
							background: 			url('../../image/vaz/at/hatter-panel-fejlec-kek-tarolo.jpg') left top no-repeat;
						}
						
						#adat_szures .fejlec_panel_sarga_tarolo {
							background: 			url('../../image/vaz/at/hatter-panel-fejlec-sarga-tarolo.jpg') left top no-repeat;
						}							
						
							.fejlec_panel_kek_tarolo .fejlec_panel_kek,
							.fejlec_panel_sarga_tarolo .fejlec_panel_sarga {
								font: 					bold 11px Verdana;
								color:					rgb(255,255,255);
								height:					19px;
								float:					left;
								border:					none;
								margin:					0 0 0 17px;  
								padding:				6px 10px 0 0;
								display: 				inline;	
							}				
															
							.fejlec_panel_kek_tarolo .fejlec_panel_kek {
								background: 			url('../../image/vaz/at/hatter-panel-fejlec-kek.jpg') right top no-repeat;
							}
							
							.fejlec_panel_sarga_tarolo .fejlec_panel_sarga {
								background: 			url('../../image/vaz/at/hatter-panel-fejlec-sarga.jpg') right top no-repeat;
							}									
					
							
						#adat_szures .tartalom_panel_kek_tarolo,
						#adat_szures .tartalom_panel_sarga_tarolo {
							width:					207px;
							/*min-height: 			126px;*/
							margin:					0 0 10px 0;
							border:					none;
							display:				block;
							clear:					both;
						}
						
						#adat_szures .tartalom_panel_kek_tarolo {
							background: 			url('../../image/vaz/at/hatter-panel-tartalom-kek.jpg') left top no-repeat;
							display:				block;
							clear:					both;
						}
						
						#adat_szures .tartalom_panel_sarga_tarolo {
							background: 			url('../../image/vaz/at/hatter-panel-tartalom-sarga.jpg') left top no-repeat;
						}		
						
							.tartalom_panel_kek_tarolo .tartalom_panel_kek,
							.tartalom_panel_sarga_tarolo .tartalom_panel_sarga {					
								padding:			10px;
								background:			none;
								border:				none;
							}	
							
								.tartalom_panel_sarga span {
									font: 				normal 11px Tahoma;
									color:				rgb(55,55,55);
								}
							
							
								.tartalom_panel_sarga a {
									font: 				normal 11px Tahoma;
									color:				rgb(55,55,55);
									text-decoration:	none;
								}
								
								.tartalom_panel_sarga a:hover {
									font: 				normal 11px Tahoma;
									color:				rgb(55,55,55);
									text-decoration:	underline;
								}								
							
						
						#adat_szures form {
							margin:					0;
							padding:				8px 0 10px 0;
						}
						
						#adat_szures form #szures_adat_oldal {
							width:					26px;
							height:					18px;	
						}
						
						#adat_szures form #szures_abc_szerint_novekvo,
						#adat_szures form #szures_abc_szerint_csokkeno {
							border:					none;
							width:					15px;
							height:					15px;
							padding:				0;
							background: 			none;
						}
						
						#adat_szures form div {
							font: 					normal 10px Tahoma;
						}
						
							#adat_szures form .form_kereses_submit {
								width:					76px;
								height:					21px;
								border:					none;
								margin:					10px 0 0 0;
								padding:				0;
								background: 			url('../../image/vaz/at/hatter-form-kereses-submit.jpg') left top no-repeat;
								text-indent: 			-9999px;
							}
							
							#adat_szures form .form_szures_submit {
								width:					76px;
								height:					21px;
								border:					none;
								margin:					10px 0 0 0;
								padding:				0;
								background: 			url('../../image/vaz/at/hatter-form-szures-submit.jpg') left top no-repeat;
								text-indent: 			-9999px;
							}
							
							#adat_szures form .form_szures_input {
								width:					178px;
								font: 					normal 11px Tahoma;
								color:					rgb(77,77,77);
								margin: 				0 0px 3px 0px;
								border:					solid 1px rgb(41,102,167);
								display: 				block;
								text-align:				left; 
								background: 			url('../../image/vaz/at/hatter-form-belepes-input.jpg') left top repeat-x;
							}
							

							
							
				/**
				 * clearfix			
				 */
				 	.clear {
					    clear:					both;
					    height:					1px;
					    overflow:				hidden;
					}
	
							
				/**
				 * blokk lablec
				 */						
					#blokk_lablec {
						width:					860px;
						height:					115px;
						background-image: 		url('../../image/vaz/at/hatter-lablec.jpg');
						border:					none;
						margin:					0;
						padding:				0;
						float:					left;
						clear: 					both;				
					}						
					
						#blokk_lablec #navigacio_lablec_div {
							height:					21px;
							padding:				0;
							margin:					0 auto;
							display:				block;
							border: 				none;
							background:				none;
						}					
					
						ul#navigacio_lablec {
							width:					860px;
							list-style-type:		none;
							padding: 				3px 0 0 0;
							margin: 				0;
							border: 				none;
							display:				block;
							float:					left;
							top: 					0;
							left: 					0;
							clear:					both;
						}
					
							ul#navigacio_lablec li {
								padding: 				4px 10px 0 4px;
								height:					21px;
								background: 			url('../../image/vaz/at/hatter-navigacio-lablec-li.jpg') right top no-repeat;
								display: 				block;
								float: 					left;
								border:					none;
							}
		
							ul#navigacio_lablec li.hatter_nelkul {
								padding: 				4px 10px 0 4px;
								background: 			none;
								border:					none;
							}
		
							ul#navigacio_lablec li a {
								color:					rgb(67,67,67);
								text-decoration:		none;
								display: 				block;
								border:					none;
							}
		
							ul#navigacio_lablec li a:hover {
								color:					rgb(0,0,0);
								text-decoration:		underline;
								display: 				block;
								border: 				0;							
							}									
							
							
						#lablec_tartalom {
							width:					860px;
							padding: 				0;
							margin: 				5px 0 0 0;
							border: 				none;
							top: 					0;
							left: 					0;
						}
						
							#lablec_tartalom #lablec_cim {
								font: 					normal 10px Verdana, Tahoma, Arial;
								line-height:			18px;
								color:					rgb(77,77,77);	
								padding:				0;
								margin:					13px 0 0 18px;
								float:					left;
								border:					none;
								background:				none;
							}
							
							#lablec_tartalom #lablec_hirlevel {
								font: 					normal 11px Verdana, Tahoma, Arial;
								color:					rgb(77,77,77);	
								padding:				0;
								margin:					16px 0 0 50px;
								float:					left;
								border:					none;
								background:				none;
							}
							
								#lablec_hirlevel b {
									font: 					bold 11px Verdana, Tahoma, Arial;
									color:					rgb(34,94,160);
								}
								
								#lablec_hirlevel form {
									margin:					7px 0 5px 0;
									padding:				0;
								}
								
								#lablec_hirlevel input {
									height:					18px;
									width:					182px;
									border:					solid 1px rgb(191,185,169);
									background: 			url('../../image/vaz/at/hatter-form-belepes-input.jpg') left top repeat-x;
								}
								
								#lablec_hirlevel a {
									font: 					normal 10px Verdana, Tahoma, Arial;
									background: 			url('../../image/vaz/at/img-nyil-kek-off.jpg') left top no-repeat;
									padding:				0 0 10px 5px;
								}
								
								#lablec_hirlevel a:hover {
									font: 					normal 10px Verdana, Tahoma, Arial;
									color:					rgb(0,0,0);
									background: 			url('../../image/vaz/at/img-nyil-kek-on.jpg') left top no-repeat;
									padding:				0 0 2px 5px;
								}
								
								
								
							#lablec_tartalom #lablec_kiegeszito {
								width:					260px;
								font-size:				10px;
								padding:				0;
								margin:					21px 0 0 0;
								float:					right;
								border:					none;
								background:				none;
							}
							
								#lablec_tartalom #lablec_kiegeszito a {
									display:				block;
									color:					rgb(55,55,55);
									text-decoration:		none;
								}
								
								#lablec_tartalom #lablec_kiegeszito a:hover {	
									display:				block;
									color:					rgb(0,0,0);
									text-decoration:		none;
								}

/* ------------------------------------

            CSS definition file
          Dynamic Web Solution's

	@file:		select css
	@author:	aqua <info@dws.hu>
	@since:	 	2008-09-28 - 17:09:18

   ------------------------------------ */
   
   
		div.selectbox-wrapper {
			position:				absolute;
			width:					400px;
			background:				rgb(255,255,255);
			border:					1px solid rgb(204,204,204);
			margin:					-10px 0 0 0;
			padding:				0px;
			font: 					normal 11px Tahoma;
			color:					rgb(77,77,77);
			text-align:				left;
			max-height:				200px;
			overflow:				auto;
		}
		
			div.selectbox-wrapper ul {
				list-style-type:		none;
				margin:					0;
				padding:				0;
			}
			
				div.selectbox-wrapper ul li.selected { 
					font: 					normal 11px Tahoma;
					color:					rgb(52,100,182);
					background: 			rgb(231,238,246);			
				}
				
				div.selectbox-wrapper ul li {
					list-style-type:		none;
					display:				block;
					margin:					0;
					padding:				2px;
					cursor:					pointer;
				}
		
		label {
			display: 				block;
		}
		
		.selectbox {
			margin: 				0 5px 10px 0;
			padding-left:			2px;
			font: 					normal 11px Tahoma;
			color:					rgb(77,77,77);
			width: 					176px; 
			display: 				block;
			text-align:				left; 
			background: 			url('../../image/vaz/at/hatter-szures-select.png') right;
			border:					solid 1px rgb(41,102,167);
			cursor: 				pointer;			
		}
		
		.selectbox_k {
			margin: 				0 5px 10px 0;
			padding-left:			2px;
			font: 					normal 11px Tahoma;
			color:					rgb(77,77,77);
			width: 					50px; 
			display: 				block;
			text-align:				left; 
			background: 			url('../../image/vaz/at/hatter-szures-select.png') right;
			border:					solid 1px rgb(41,102,167);
			cursor: 				pointer;			
		}
		
		.selectbox_butorberles {
			margin: 				0 5px 10px 0;
			padding:				2px;
			font: 					normal 11px Tahoma;
			color:					rgb(77,77,77);
			width: 					50px; 
			text-align:				left; 
			background: 			url('../../image/vaz/at/hatter-szures-select.png') right;
			border:					solid 1px rgb(41,102,167);
			cursor: 				pointer;			
		}
		
		select {
			background: 			url('../../image/vaz/at/hatter-szures-select.png') right;
		}



	/**
	 * form
	 */
		em.error {
		  background:			url('../../image/vaz/at/img-form-hiba.gif') no-repeat 0px 0px;
		  padding: 				0 0 0 16px;
		}
		
		em.success {
		  background:			url('../../image/vaz/at/img-form-ok.gif') no-repeat 0px 0px;
		  padding: 				0 0 0 16px;
		}
		
		form label.error {
			margin-left: 		auto;
			width: 				250px;
		}
		
		em.error { 
			font:				normal 11px Arial;
			color: 				black; 
		}
		
		#warning {
			display: 			none;
		}

		

	/**
	 * screenshot, tooltip
	 */
		#screenshot,
		#tooltip {
			position:		absolute;
			border:			1px solid rgb(183,183,174);
			background:		rgb(255,255,255);
			padding:		2px;
			display:		none;
			color:			rgb(0,0,0);
		}
		
			#tooltip {
				font: 			normal 11px Verdana, Tahoma, Arial;
			}	
 
	 


	/*
	 * clearbox
	 */
		.CB_TextNav, #CB_ShowTh, #CB_Thumbs2, #CB_Thumbs, .CB_RoundPixBugFix, #CB_Padding, #CB_ImgContainer, #CB_PrevNext, #CB_ContentHide, #CB_Text, #CB_Window, #CB_Image, #CB_TopLeft, #CB_Top, #CB_TopRight, #CB_Left, #CB_Content, #CB_Right, #CB_BtmLeft, #CB_Btm, #CB_BtmRight, #CB_Prev, #CB_Prev:hover, #CB_Prev:focus, #CB_Prev:active, #CB_Next, #CB_Next:hover, #CB_Next:focus, #CB_Next:active, #CB_CloseWindow, #CB_SlideShowS, #CB_SlideShowP, #CB_SlideShowBar, #CB_Email, #CB_OSD {
			margin: 0;
			padding: 0;
			background-color: transparent;
			border: 0;
			outline-style: none;
			outline: 0;
		}
		
		.absolute {
			position: absolute;
		}
		
		#CB_NotImgContent {
			position: absolute;
			width: 0px;
			height: 0px;
		}
		
		#CB_NotIC, #CB_NotImgContent {
			border: none;
			outline-style: none;
			outline: 0;
		}
		
		#CB_Window {
			width: 0px;
			border-spacing: 0px;
			border-width: 0px;
		}
		
		.CB_Sep {
			color: #bbb;
		}
		
		.CB_TnThumbs {
			width: 0px;
			height: 0px;
			border: 0px;
			padding: 0;
			margin: 0;
			visibility: hidden;
		}
		
		.CB_BtmNav {
			position: relative;
			top: 4px;
			border: 0;
			padding: 0px 0px 0px 3px;
		}
		
		#CB_ImgHide {
			position: absolute;
			visibility: hidden;
			z-index: 1098;
			left: 0px;
		}
		
		#CB_ShowTh {
			width: 100%;
			height: 20%;
			visibility: hidden;
			position: absolute;
			z-index: 1097;
			bottom: 0px;
			left: 0px;
		}
		
		#CB_Thumbs {
			display: none;
			height: 62px;
			padding-top: 10px;
			position: absolute;
			z-index: 1100;
			overflow: hidden;
			bottom: 0px;
			left: 0px;
		}
		
		#CB_Thumbs2 {
			margin: auto 0;
			height: 52px;
			position: absolute;
		}
		
		.CB_ThumbsImg {
			position: absolute;
			cursor: pointer;
			border: 1px solid #eee;
		}
		
		#CB_ThumbsActImg {
			cursor: default;
			border: 1px dotted #fff;
		}
		
		.CB_RoundPixBugFix {
			display: block;
			visibility: hidden;
			font-family: arial;
			font-size: 1pt;
		}
		
		#CB_ImgContainer {
			position: relative;
			width: 100%;
		}
		
		#CB_PrevNext {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			z-index: 1002;
		}
		
		#CB_NavPrev, #CB_NavNext {
			visibility: hidden;
			position: absolute;
			z-index: 1001;
			top: 47%;
			cursor: pointer;
		}
		
		#CB_NavPrev {
			left: 18px;
		}
		
		#CB_NavNext {
			right: 14px;
		}
		
		#CB_ContentHide {
			position: absolute;
			z-index: 1000;
			top: 0px;
			left: 0px;
		}
		
		#CB_OSD {
			position: absolute;
			left: 50%;
			z-index: 5000;
			font-family: arial;
			font-size: 22px;
			color: #fff;
			background-color: #000;
			visibility: hidden;
		}
		
		#CB_Text {
			position: relative;
			text-align: left;
			overflow: hidden;
		}
		
		#CB_TT, #CB_TC {
			position: relative;
		}
		
		#CB_TT, #CB_HiddenText {
			white-space: nowrap;
		}
		
		#CB_TC {
			margin-top: 2px;
			overflow-y: auto;
		}
		
		#CB_TG {
			margin-top: -2px;
		}
		
		#CB_Window {
			left:50%;
			position:absolute;
			top:50%;
			visibility:hidden;
			z-index: 1100;
			border-collapse: separate;
		}
		
		#CB_Image {
			position: relative;
		}
		
		#CB_TopLeft {
			background-image:url('../../image/clearbox/s_topleft.png');
			background-position:right bottom;
		}
		
		#CB_Top {
			background-image:url('../../image/clearbox/s_top.png');
			background-position:left bottom;
		}
		
		#CB_TopRight {
			background-image:url('../../image/clearbox/s_topright.png');
			background-position:left bottom;
		}
		
		#CB_Left {
			background-image:url('../../image/clearbox/s_left.png');
			background-position:right top;
		}
		
		#CB_Right {
			background-image:url('../../image/clearbox/s_right.png');
			background-position:left top;
		}
		
		#CB_BtmLeft {
			background-image:url('../../image/clearbox/s_btmleft.png');
			background-position:right top;
		}
		
		#CB_Btm {
			background-image:url('../../image/clearbox/s_btm.png');
			background-position:left top;
		}
		
		#CB_BtmRight {
			background-image:url('../../image/clearbox/s_btmright.png');
			background-position:left top;
		}
		
		#CB_Prev, #CB_Next {
			background: transparent url('../../image/clearbox/blank.gif') no-repeat scroll 0%;
			display: block;	
			width: 49%;
			cursor: pointer;
			z-index: 1102;
		}
		
		.CB_TextNav {
			text-decoration: underline;
			padding-right: 5px;
			color: #999;
			cursor: pointer;
			border: none;
		}
		
		.CB_TextNav:hover {
			text-decoration: underline;
			color: #555;
			border: none;
		}
		
		#CB_Prev {
			float: left;
			left: 0px;
		}
		
		#CB_Next {
			float: right;
			left: 0px;
		}
		
		#CB_Prev:hover {
		background:transparent;
		}
		
		#CB_Next:hover {
		background:transparent;
		}
		
		#CB_CloseWindow {
			position: absolute;
			z-index: 1104;
			cursor: pointer;
		}
		
		#CB_SlideShowS, #CB_SlideShowP {
			position: absolute;
			left: -11px;
			top: -10px;
			z-index: 1104;
			cursor: pointer;
		}
		
		#CB_SlideShowBar {
			width: 0px;
			position: absolute;
			height: 2px;
			display: none;
			z-index: 1102;
		}
		
		#CB_HiddenText, #CB_HiddenTextC {
			position: absolute;
			visibility: hidden;
			z-index: -1000;
			top: -100px;
			left: -100000px;
		}
		
		.CB_PreloadBugFix {
			width: 0px;
			height: 0px;
			z-index: -1000;
			visibility: hidden;
			position: absolute;
		}
			
			
	/**
	 * layer
	 */ 
		.layer_window {
		    display: 			none;
		    position: 			fixed;
		    top: 				5%;
		    left: 				50%;
		    margin-left: 		-300px;
		    width: 				470px;
		    background-color: 	rgb(255,255,255);
		    color: 				rgb(0,0,0);
		    border: 			1px solid rgb(0,0,0);
		    padding: 			12px;
		}
		
		.layer_overlay { 
			background: 		rgb(0,0,0); 
		}
		
		* html .layer_window {
		     position: 			absolute;
		     top: 				expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
		}