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

            CSS definition file
           dynamic ¢ web ¢ solutions

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

   ------------------------------------ */
   
		body {
			font: 					normal 11px Verdana;
			color:					rgb(133,55,68);	
			margin:					0 auto;
			padding:				0;
			background: 			rgb(249,213,161);
			border:					none;
		}

		#lap {
			width:					1000px;
			text-align:				left;
			margin:					0 auto;
			background:				none;
			border:					none;					
		}
		
			/**
			 * blokk fejlec
			 */
				#blokk_fejlec {
					width:					1000px;
					height:					104px;
					padding:				0;
					margin:					0 auto;
					background:	 			url('./../image/vaz/hatter-menu.jpg') center no-repeat;
					border:					none;
					float:					left;
					clear: 					both;			
				}
				
						#blokk_fejlec #menu {
							width: 					871px;
							height: 				38px;
							margin:					46px 0 0 65px;
							padding:				0;
							border: 				0;						
							background:	 			url('./../image/vaz/hatter-menu-li-off.jpg') no-repeat;
						}
				
							ul#navigacio_menu {
								list-style-type: 		none;
								padding: 				0;
								margin: 				0;
								border: 				0;
								top: 					0;
								left: 					0;
								width: 					871px;
								height: 				38px;
								background:	 			url('./../image/vaz/hatter-menu-li-off.jpg');
							}
							
							ul#navigacio_menu li {
								padding: 				0;
								margin: 				0;
								border: 				0;
								display: 				block;
								float: 					left;
								text-indent: 			-9999px;
								overflow:				hidden;	
							}
							
							ul#navigacio_menu li a {
								height: 				38px;						
								border: 				0;
								display: 				block;
								overflow:				hidden;
							}
							
							ul#navigacio_menu li a:hover {
								border: 				0;
								display: 				block;
								background-image: 		url('./../image/vaz/hatter-menu-li-on.jpg');
								overflow:				hidden;
							}	
								
							li#magunkrol a {
								width: 					120px;
							}
							
								li#magunkrol a:link, li#magunkrol a:visited, li#magunkrol a:hover {
									background-position: 		0px 0px;
								}					
						
							li#akciok a {
								width: 					77px;
							}
							
								li#akciok a:link, li#akciok a:visited, li#akciok a:hover {
									background-position: 		-120px 0px;
								}		
											
							li#kollekciok a {
								width: 					106px;
							}
							
								li#kollekciok a:link, li#kollekciok a:visited, li#kollekciok a:hover {
									background-position: 		-197px 0px;
								}	

							li#ajanlas a {
								width: 					83px;
							}
							
								li#ajanlas a:link, li#ajanlas a:visited, li#ajanlas a:hover {
									background-position: 		-303px 0px;
								}																
							
							li#kezdolap a {
								width: 					102px;
							}
							
								li#kezdolap a:link, li#kezdolap a:visited, li#kezdolap a:hover {
									background-position: 		-386px 0px;
								}									
								
							li#fuggony a {
								width: 					84px;
							}
							
								li#fuggony a:link, li#fuggony a:visited, li#fuggony a:hover {
									background-position: 		-488px 0px;
								}

							li#kiegeszitok a {
								width: 					98px;
							}
							
								li#kiegeszitok a:link, li#kiegeszitok a:visited, li#kiegeszitok a:hover {
									background-position: 		-572px 0px;
								}															
							
							li#arajanlat_keres a {
								width: 					94px;
							}
							
								li#arajanlat_keres a:link, li#arajanlat_keres a:visited, li#arajanlat_keres a:hover {
									background-position: 		-670px 0px;
								}								
							
							li#kapcsolat a {
								width: 					107px;
							}
							
								li#kapcsolat a:link, li#kapcsolat a:visited, li#kapcsolat a:hover {
									background-position: 		-763px 0px;
								}								
								
			/**	
			 * blokk tartalom
			 */
				#blokk_tartalom {
					width:					1000px;
					min-height:				259px;
					padding:				0;
					margin:					0 auto;
					background:	 			url('./../image/vaz/hatter-tartalom.jpg') left top no-repeat;
					border:					none;
					float:					left;
					clear: 					both;			
				}	

				
					/**
					 * altalanos tartalom
					 */
						#blokk_tartalom #cim {
							width:					299px;
							min-height:				88px;
							padding:				0;
							margin:					0 0 0 49px;
							background:	 			none;
							border:					0;
							float:					left;
						}					
						
							#cim h1 {
								width:					299px;
								height:					88px;	
								margin:					0;
								border:					none;
								text-indent: 			-9999px;
							}
							
								#cim h1#h1_magunkrol {
									border:					none;
									background:	 			url('./../image/vaz/img-h1-magunkrol.jpg') left top no-repeat;
								}	
								
								#cim h1#h1_fuggony {
									border:					none;
									background:	 			url('./../image/vaz/img-h1-fuggony.jpg') left top no-repeat;
								}		
								
								#cim h1#h1_akciok {
									border:					none;
									background:	 			url('./../image/vaz/img-h1-akciok.jpg') left top no-repeat;
								}	
								
								#cim h1#h1_ajanlas {
									border:					none;
									background:	 			url('./../image/vaz/img-h1-ajanlas.jpg') left top no-repeat;
								}								
								
								#cim h1#h1_kollekciok {
									border:					none;
									background:	 			url('./../image/vaz/img-h1-kollekciok.jpg') left top no-repeat;
								}
	
								#cim h1#h1_arajanlatkeres {
									border:					none;
									background:	 			url('./../image/vaz/img-h1-arajanlatkeres.jpg') left top no-repeat;
								}		
	
								#cim h1#h1_kiegeszitok {
									border:					none;
									background:	 			url('./../image/vaz/img-h1-kiegeszitok.jpg') left top no-repeat;
								}
	
								#cim h1#h1_kapcsolat {
									border:					none;
									background:	 			url('./../image/vaz/img-h1-kapcsolat.jpg') left top no-repeat;
								}																										
							
						#blokk_tartalom #tartalom {
							width:					547px;
							min-height:				259px;
							padding:				0;
							margin:					39px 0 0 10px;
							background:	 			none;
							border:					none;
							float:					left;
						}
						
						
					/**
					 * arajanlatkeres form
					 */	
						#blokk_tartalom #tartalom #arajanlatkeres {
					 		width:					547px;
					 		margin:					20px 0 0 0;
					 		padding:				0;
					 		border:					none;
					 		float:					left;
					 	}	
					 	
					 		#blokk_tartalom #tartalom #arajanlatkeres fieldset {
					 			font:					normal 10px Verdana;
					 			color:					rgb(183,104,117);
					 			text-align:				left;
					 			margin:					0;
					 			padding:				0 10px 10px 10px;
					 			float:					left;
					 			border:					solid 1px rgb(211,168,102);
					 			display:				block;
					 		}
					 		
						 		#blokk_tartalom #tartalom #arajanlatkeres fieldset legend {
						 			font:					bold 11px Verdana;
						 			color:					rgb(133,55,68);
						 			padding:				0 0 10px 0;
						 		}
						 		
						 		#blokk_tartalom #tartalom #arajanlatkeres fieldset input {
						 			width:					200px;
						 			height:					18px;
						 			font:					normal 11px Tahoma;
						 			color:					rgb(133,55,68);
						 			border:					solid 1px rgb(133,55,68);
						 			background:				rgb(211,168,102);
						 			padding:				4px 5px 0 5px;
						 			margin:					0 0 10px 0;
						 		}
						 		
						 		#blokk_tartalom #tartalom #arajanlatkeres fieldset textarea {
						 			width:					200px;
						 			height:					120px;
						 			font:					normal 11px Tahoma;
						 			color:					rgb(133,55,68);
						 			border:					solid 1px rgb(133,55,68);
						 			background:				rgb(211,168,102);
						 			padding:				4px 5px 0 5px;
						 			margin:					0 0 10px 0;
						 			overflow:				auto;
						 		}
						 		
					 		#blokk_tartalom #tartalom #arajanlatkeres #submit {
					 			width:					100px;
					 			height:					18px;
					 			font:					bold 10px Verdana;
					 			color:					rgb(133,55,68);
					 			text-transform:			uppercase;
					 			border-left:			none;
					 			border-top:				none;
					 			border-right:			solid 1px rgb(211,168,102);
					 			border-bottom:			none;
					 			background:				none;
					 			overflow:				hidden;
					 			margin:					0 0 20px 0;
					 			padding:				0;
					 		}
					 		
					 		#blokk_tartalom #tartalom #arajanlatkeres #reset {
					 			width:					85px;
					 			height:					18px;
					 			font:					normal 10px Verdana;
					 			color:					rgb(183,104,117);
					 			text-transform:			lowercase;
					 			border:					none;
					 			background:				none;
					 			overflow:				hidden;
					 			margin:					0 0 20px 0;
					 			padding:				0;
					 		}

						 		
						 		
						
					/**
					 * kollekciok tartalom
					 */	
						#blokk_tartalom #blokk_kollekciok {
							width:					1000px;
							min-height:				274px;
							padding:				0;
							margin:					39px 0 0 10px;
							background:	 			url('./../image/vaz/hatter-kollekciok.jpg') left top no-repeat;
							border:					none;
							float:					left;
							clear:					both;
						}
						
							#blokk_kollekciok .kepek_sor {
								width:					825px;
								min-height:				151px;
								margin:					123px 0 10px 100px;
								padding:				0;
								background:	 			none;
								border:					none;
								clear:					both;
							}
							
								#blokk_kollekciok .kepek_oszlop {
									width:					113px;
									min-height:				154px;
									margin:					auto 0;
									text-align:				center;
									border:					none;
									float:					left;
								}
								
									#blokk_kollekciok .kepek_oszlop .kep {
										width:					113px;
										height:					151px;
										margin:					auto 0;
										text-align:				center;
										border:					none;
										clear:					both;
									}
									
										#blokk_kollekciok .kepek_oszlop .kep img,
										#blokk_kollekciok .kepek_oszlop .kep a img {
											margin:					7px 0 0 0;
											padding:				5px;
											border:					solid 4px rgb(245,225,172);
										}
										
										#blokk_kollekciok .kepek_oszlop .kep a:hover img {
											margin:					7px 0 0 0;
											padding:				5px;
											border:					solid 4px rgb(255,255,255);
										}
										
									#blokk_kollekciok .kepek_oszlop .alairas {
										width:					113px;
										height:					49px;
										margin:					auto 0;
										padding:				10px 0 0 0;
										text-align:				center;
										font: 					bold 10px Verdana;
										color:					rgb(255,255,255);	
										border:					none;
										background:	 			url('./../image/vaz/hatter-kep-alairas.jpg') center top no-repeat;
										clear:					both;
									}	
									
							#blokk_kollekciok #megjegyzes {
								font: 					normal 10px Verdana;
								color:					rgb(133,55,68);		
								width:					825px;
								height:					25px;
								background:				none;
								border:					none;
								margin:					10px auto;
								padding:				0;
								text-align:				center;
								clear:					both;
							}									
																	
						
							#blokk_kollekciok #lapozas {
								width:					825px;
								height:					25px;
								background:				none;
								border:					none;
								margin:					10px auto;
								padding:				0;
								text-align:				center;
								clear:					both;
							}
							
								#lapozas div {
									width:					400px;
									margin:					0 auto;
									padding:				0 auto;
									text-align:				center;
									border:					none;
								}
							
									#lapozas div ul {
										width:					270px;
										height: 				30px;
										list-style-type: 		none;
										padding: 				2px 0;
										margin:					0 auto;
										top: 					0;
										left: 					0;
										border:					none;
									}
							
										#lapozas div ul li {
											height: 				30px;
											color:					rgb(133,55,68);
											padding:				0;
											margin: 				0;
											display: 				block;
											float: 					left;
										}
																		
											#lapozas div ul li a {
												padding:				0;
												display: 				block;						
												color:					rgb(183,104,117);					
												border: 				none;
												background:				none;
												text-decoration:		none;
											}
										
											#lapozas div ul li a:hover {
												padding:				0;
												display: 				block;
												color:					rgb(133,55,68);						
												border: 				none;
												background:				none;
												text-decoration:		none;
											}										
												
												#lapozas div ul li.elozo {
													font:					bold 10px Verdana;
													padding:				2px 20px;
													background: 			url('../image/vaz/img-nyil-bal.jpg') left top no-repeat;
												}
										
												#lapozas div ul li.kovetkezo {
													font:					bold 10px Verdana;
													padding:				2px 20px;
													background: 			url('../image/vaz/img-nyil-jobb.jpg') right top no-repeat;
												}
												
												#lapozas div ul li.vonal {
													padding:				2px 2px;
													display: 				block;						
													border: 				none;
													background: 			url('../image/vaz/img-lapozas-vonal.jpg') center top no-repeat;	
													text-decoration:		none;
												}	
												
												#lapozas div ul li.inaktiv {
													font:					bold 10px Verdana;
													padding:				2px 2px;
													background: 			none;
													color:					rgb(133,55,68);
												}
												
												#lapozas div ul li.aktiv {
													font:					bold 10px Verdana;
													padding:				2px 3px;
													background: 			none;
												}
								
											
									
									

			/**
			 * blokk lablec
			 */
				#blokk_lablec {
					width:					900px;
					height:					80px;
					padding:				0;
					margin:					0 50px;
					background:	 			url('./../image/vaz/hatter-lablec.jpg') no-repeat;
					border:					none;
					float:					left;
					clear: 					both;			
				}				
				
					#blokk_lablec #lablec_cim {
						float:						left;
						margin:						42px 0 0 18px;
						line-height:				16px;
						padding:					0;
					}
					
						#blokk_lablec #lablec_cim a {
							color:						rgb(183,104,117);
							text-decoration:			none;
						}
						
						#blokk_lablec #lablec_cim a:hover {
							color:						rgb(183,104,117);
							text-decoration:			underline;
						}						
						
					#blokk_lablec #lablec_nyitvatartas {
						float:						right;
						margin:						42px 14px 0 0;
						line-height:				16px;
						padding:					0;
					}						
						
					#blokk_lablec b.cim {
						padding:					0 5px 0 0;
						color:						rgb(183,104,117);
						font-variant: 				small-caps;
					}
									
					#blokk_lablec b.telefon {
						padding:					0 0 0 12px;
						background:	 				url('./../image/vaz/img-potty.jpg') left top no-repeat;
						color:						rgb(183,104,117);
						font-variant: 				small-caps;
					}
					
					#blokk_lablec b.kiemel {
						padding:					0 0 0 148px;
						color:						rgb(183,104,117);
						font-variant: 				small-caps;
					}
					
					#blokk_lablec span {
						color:						rgb(183,104,117);
						font: 						normal 10px Verdana;
					}