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



body{
	padding-top:10px;
	/*background:url(images/body_hatter07.jpg) no-repeat;*/
	/*background-color:#E2E2E2;*/
	background-color:#F4F4F4;
/*	background:#00C;*/
/*	background:url(hatter_minta04.png);*/
	margin:0;
	font-family:Tahoma, Geneva, sans-serif;

	}

img{
	padding:5px 2px 10px 2px; 
	}	

/*.hatter_teteje{
	width:1000px;	
	padding-top:18px;	
	background:url(images/hatter_teteje.jpg) top no-repeat;	
	}

.hatter_alja{
	width:1000px;
	padding-bottom:80px;
	background:url(images/hatter_alja.jpg) bottom no-repeat;	
	}*/

.hatter_jobb{
	background:url(images/hatter_jobb06.jpg) right top repeat-y;	
	}
	

		
#hatter{
	
	/*border:2px solid #000;*/
	width:1000px;
	margin:0 auto;
	border:2px #E3E3E3 solid;
	/*background:#F2F7F8;*/
	background-color:#FFF;
	}
		
#logo{
	background:url(images/honlap_logo10.png) no-repeat;
	height:130px;
	/*background:#F2F7F8;*/
	margin-left:70px;
	
	}

/*----------------felsomenu rész----------------------*/	
	
#felsomenu{
	width:1000px;
	padding-bottom:10px;

	/*border:1px solid #0F0;*/
	}

.felsomenu_blokk{
	background:url(images/felsomenu_hatter.jpg) left top repeat-x;
	 margin:0px 0px 18px 0px;
	 }
.felsomenu_blokk .bal{
	background:url(images/felsomenu_bal.jpg) left top no-repeat;
	}
.felsomenu_blokk .jobb{
	background:url(images/felsomenu_jobb.jpg) right top no-repeat;
	padding:13px 0px 16px 60px;
	}

.felsomenu_blokk img{
	margin:4px 6px 0 0;
	}


	
	
.felsomenu_blokk a{
	color:#333;
	/*color:#70797B;*/
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;	
	padding:20px 0px 1px 50px;
	font-size:0.8em;
	background:url(images/head_arr.gif) left center no-repeat;
	}
.felsomenu_blokk a:hover{
	text-decoration:underline;
	}

#villog{
	text-decoration:blink;
	}	
	


/*----------------felsomenu rész vége----------------------*/		


/*----------------tartó rész----------------------*/
	
#tarto{
	/*background:#F2F7F8;*/
	background-color:#FFF;
	

	}

/*----------------balmenu rész----------------------*/

#balmenu{
	padding-left:10px;
	float:left;
	width:205px;
	/*border:1px solid #FF0;*/
	}

/*----------------balmenu_1 (termékek) rész----------------------*/	
.balmenu_1{	
	/*border:1px solid #0FF;*/
	padding-bottom:10px;
	}

.fuggoleges_menu{
	/*border: 2px solid #0000;*/
	width:207px;
	padding-left:5px
	}
.new{padding-left:8px;
 /*background:url(images/arr.gif) left center no-repeat;*/
 /*margin-left:1px;*/
 }

/*.menu_1{background:url(images/menu1_felso_oldal.png) left top repeat-x #E7E7E7; width:100%; font-size:0.83em; line-height:1.3em; color:#0000;
text-align:left;
}
.menu_1 .alja{background:url(images/menu1_also_oldal.jpg) left bottom repeat-x;}
.menu_1 .bal{background:url(images/menu1_bal_oldala.jpg) left top repeat-y;}
.menu_1 .jobb{background:url(images/menu1_jobb_oldal.jpg) right top repeat-y;}
.menu_1 .bal_teteje{background:url(images/menu1_bal_felso.jpg) left top no-repeat;}
.menu_1 .jobb_teteje{background:url(images/menu1_jobb_felso.jpg) right top no-repeat;}
.menu_1 .bal_alja{background:url(images/menu1_bal_also.jpg) left bottom no-repeat;}
.menu_1 .jobb_alja{background:url(images/menu1_jobb_also.jpg) right bottom no-repeat; padding:17px 21px 6px 19px;}*/

.menu_1{background:url(images/menu1_felso_oldal.jpg) left top repeat-x #f4f4f4; width:100%; font-size:0.83em; line-height:1.3em; color:#0000;
text-align:left;
}
.menu_1 .alja{background:url(images/menu1_also_oldal.jpg) left bottom repeat-x;}
.menu_1 .bal{background:url(images/menu1_bal_oldala.jpg) left top repeat-y;}
.menu_1 .jobb{background:url(images/menu1_jobb_oldal.jpg) right top repeat-y;}
.menu_1 .bal_teteje{background:url(images/menu1_bal_felso.jpg) left top no-repeat;}
.menu_1 .jobb_teteje{background:url(images/menu1_jobb_felso.jpg) right top no-repeat;}
.menu_1 .bal_alja{background:url(images/menu1_bal_also.jpg) left bottom no-repeat;}
.menu_1 .jobb_alja{background:url(images/menu1_jobb_also.jpg) right bottom no-repeat; padding:17px 21px 6px 19px;}



.menu_1 .title_1{
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin-bottom:28px; padding-left:10px; background:url(images/title_bg.gif) left top no-repeat;}
.block_1 strong{color:#F7F55D;}

.menu_1 a{
	background:url(images/nyil.png) left center no-repeat;
	color:#70797B;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 0px 0px 10px;
	
	}
.menu_1 a:hover{
	
	font-weight:bold;	
	text-decoration:underline;
	
	/*background:url(images/head_arr.gif) left center no-repeat;*/
	}

/*----------------balmenu_1 (termékek) rész vége----------------------*/		




#balmenu_2{
	/*border:1px solid #F0F;*/
		position:relative;
	font-size:11px;
	/*width:150px;	
	height:233px*/;
	width:205px;	
	height:315px;
	border: 1px solid #D7D7D7;
	margin-left:5px;
	margin-top:8px;
	/*background-image:url(images/informacio.jpg);*/
	background-image:url(images/informacio_hatter_04.png);
	font-family:Tahoma, Geneva, sans-serif;
	
	}

#nyitvatartas{
	font-size:11px;	
	margin-left:10px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:20px;
	padding-top:5px;
	/*border:1px solid #900;*/
	}
	
#elerhetoseg{
	
	font-size:11px;	
	margin-left:10px;
	margin-right:20px;
	margin-top:50px;
	margin-bottom:50px;
	/*border:1px solid #909;*/
	}
	
/*----------------balmenü rész vége----------------------*/	

.clear{
	/*border:1px solid #09C;*/
	clear:both;
	}
.space{
	padding-top:40px;
	/*background-color:#E2E2E2;*/
	background-color:#F2F7F8;
	border:1px solid #09C;
	clear:both;
	}	

/*----------------törzs rész----------------------*/	
	
#torzs{
	margin-left:230px;
	/*background:#F2F7F8;*/
	background-color:#FFF;
	/*float:right;*/
	/*width:700px;*/
	/*border:1px solid #903;*/
	}

/*----------------elérési út rész----------------------*/

#eleresi_ut{
	color:#C00;
	padding-bottom:5px;
	padding-left:20px;
	/*border:1px solid #09F;*/
	}
#eleresi_ut	a:link{
	color:#C00;
	/*color:#2845A0;	*/
	text-decoration:none;	
	}
#eleresi_ut a:hover{	
	color:#C00;	
	text-decoration:underline;	
	}

#eleresi_ut a:visited{
	color:#C00;
	text-decoration:none;	
	}	
	
/*----------------elérési út rész vége----------------------*/	
	
/*----------------termék ikonok rész----------------------*/	
#termek{
	font-family:Tahoma, Geneva, sans-serif;
	font-style:normal;	
	/*height:400px;*/
	/*border:1px solid #E7E7E7;*/	
	/*border:1px solid #C39;*/
	}

.termekkep{
	
	font-weight:bold;
	font-size:14px;
	text-align:center;
	background-color:#FFF;
	padding:5px;
	border:1px solid #E7E7E7;	
	margin:5px 0px 5px 5px;
	height:210px;
	width:130px;
	}
	
.termekkep a:link{
	color:#70797B;
	text-decoration:none
	}
.termekkep a:visited{
	color:#70797B;}	

.termekkep a:hover{
	/*color:#333;*/
	color:#2845A0;		
	}


	
	
	
	
	

	
/*----------------termék ikonok rész vége----------------------*/		
	
/*----------------törzs rész vége----------------------*/		
	
/*----------------tartó rész vége----------------------*/

/*--------------------------------termékek aloldal---------------*/

.termeknev{	
	font-weight:bold;
	font-size:12px;
	text-align:center;
	background-color:#FFF;
	padding-top:10px;
	border:1px solid #E7E7E7;	
	margin:5px 0px 5px 5px;
	height:30px;
	width:175px;
	}

.termeknev a:link{
	text-decoration:none;
	}
	
.termeknev a:visited{
	color:#70797B;	
	}
	
.termeknev a:hover{
	font-size:13px;
	color:#4D90FE;
	text-decoration:underline;	
	}			

/*--------------------------------termékek aloldal vége---------------*/

/*--------------------------------online pénztárgépek aloldalak---------------*/

.termekleiras1{
	text-align:center;
	font-weight:600;
	
	font-size:15px;
	background-color:#FFF;
	padding-top:10px;
	padding:10px 10px 10px 10px;
	border:1px solid #E7E7E7;	
	margin:5px 5px 5px 5px;
	/*height:200px;*/
	width:250px;
	}
	
.termekleiras2{
	text-align:justify;	
	font-size:15px;
	background-color:#FFF;
	padding-top:10px;
	padding:10px 10px 10px 10px;
	border:1px solid #E7E7E7;	
	margin:5px 5px 5px 5px;	
	width:400px;
	
	}
	
	.termekleiras3{
	text-align:justify;	
	font-size:11px;
	background-color:#FFF;
	padding-top:10px;
	padding:10px 10px 10px 10px;
	border:1px solid #E7E7E7;	
	margin:5px 5px 5px 80px;	
	width:500px;	
	}
		
	.termekleiras3 img{
		margin-left:40px;
		border:2px solid #E7E7E7;
	}
	
	.termekleiras3 img:hover{
		margin-left:40px;
		border:2px solid #4D90FE;
	}
	
	

/*--------------------------------online pénztárgépek aloldalak vége---------------*/

/*--------------------------------szolgáltatások aloldal---------------*/

.szolg_lista{
	width:750px;
	background-color:#FFF;
	border:1px solid #E7E7E7;	
	}
	
.szolg_lista li{
	margin-left:30px;
	list-style-type:none;
	}	


/*--------------------------------szolgáltatások aloldal vége---------------*/	


/*--------------------------------onlin ptg info aloldal---------------*/


.ptg_info{	
	font-weight:bold;
	font-size:12px;
	text-align:center;
	background-color:#FFF;
	padding-top:10px;
	border:1px solid #E7E7E7;	
	margin:5px 0px 5px 5px;
	height:35px;
	width:177px;
	}

.ptg_info a{
	color:#000;
	font-size:0.98em;	
	}

.ptg_info a:hover{
	font-size:1.03em;
	color:#000;
	font-stretch:condensed;
	text-decoration:underline;
	color:#000;	
	}

.ptg_info a:visited{
	color:#000;
	text-decoration:none;
	}

.szoveg01{
	/*padding:10px;*/
	font-size:0.86em;
	font-family:Tahoma, Geneva, sans-serif;
	font-style:normal;	
	text-align:justify;
	margin:5px;
	}	

.ptginfo{
	/*font-weight:bold;*/
	font-size:13px;
	text-align:justify;	
	background-color:#FFF;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	border:1px solid #E7E7E7;	
	margin:5px 0px 5px 5px;
	text-decoration:none;
	width:700px;
	
	}
.ptginfo a{
	text-decoration:none;
	}	

.ptginfo a:hover{
	font-size:1.03em;
	color:#000;
	font-stretch:condensed;
	text-decoration:underline;
	color:#000;	
	}

.ptginfo a:visited{
	color:#C33;
	text-decoration:none;
	}

/*--------------------------------onlin ptg info aloldal vége---------------*/

/*--------------------------------elérhetőségek aloldal---------------*/

.elerhetoseg{
	border:2px solid #E7;
	width:750px;
	background-color:#FFF;
	}


/*--------------------------------elérhetőségek aloldal vége---------------*/