@charset "utf-8";

body	{margin: 0; min-width: 1000px; padding: 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}
a img	{border:none;}

.menu		{min-height:120px; position:fixed; margin:0 0 40px 0; background: url(web_content/logo_hatter.png) repeat-x top #FFF;
			width:100%; text-align:center;  z-index:1000; font-size:16px;}
.logosor	{width:1000px; margin:0px auto 0px auto; text-align:left; padding:0px; z-index:inherit; height:47px; list-style:none;}
.logosor .li1	{float:left; padding:0px;}
.logosor .li1 a	{margin:0 20px 0 0; text-decoration:none; cursor:pointer;}
.logosor .li2	{float:right; padding:0px;}
.logosor .li2 a	{margin:0 0 0 20px; text-decoration:none; cursor:pointer;}

.menusor 	{width:1000px; margin:0px auto 0px auto; text-align:left; padding:40px 0 0 0; z-index:inherit; list-style:none; height:50px;}
.menusor .li1	{float:left; padding:0px;}
.menusor .li1 a	{margin:0 40px 0 30px;}
.menusor .li2	{float:right; padding:0px;}
.menusor .li2 a	{margin:0 0 0 30px;}
.menusor li a	{color:#333333; text-decoration:none; border:none;}
.menusor li	a:hover	{color:#CC9966;}

.tovabb		{text-transform:uppercase; color:#FFFFFF; font-size:10px; text-decoration:none;}
.tovabb div	{width:60px; height:24px; display:block; text-align:center; background:url(web_content/tovabb_bg.png) no-repeat center; padding-top:10px;}
.lenia		{width:600px; height:2px; display:block; background:url(web_content/lenia.png?1) no-repeat center; margin:10px auto 0 auto; border:none; padding:0;}
.place		{height:140px;}

.site_header_img	{width:100%; text-align:center; overflow:hidden; margin:0px auto 0px auto; padding:0px; height:300px;}
.shi_galeria			{background:url(web_content/header_galeria.png) 50% bottom no-repeat; height:835px;}
.shi_gasztro_ettermek	{background:url(web_content/header_gasztro_ettermek.png?1) 50% bottom no-repeat;}

.tartalom	{width:1000px; margin:0px auto 20px auto; padding:0px; text-align:justify; min-height:600px; font-size:13px; color:#333333;}
.h_tartalom	{text-align:center; padding:50px 0px 70px 0px;}

.div_block		{width:470px; padding:10px 0px 10px 0px; float:left;/* border:1px #CCCCCC solid;*/}
.div_block_300	{width:300px; margin:0px 30px 80px 0px; padding:auto; float:left;}
.dbl	{margin:0px 30px 20px 0px;}
.dbr	{margin:0px 0px 20px 30px;}

.div_block1_img	{text-align:center; width:inherit; overflow:hidden;}
.div_block1_cim	{font-weight:bold; text-align:center; margin:5px auto 0px auto; text-transform:uppercase;}
.div_block1_alcim	{text-align:center; margin:0px auto 10px auto;}
.div_block1_text	{text-align:left;}

.div_block2	{ min-height:150px; margin:20px auto;}

.div_block2_img		{text-align:left; width:200px; overflow:hidden; margin:0px 20px 0px 0px; float:left; min-height:80px;}
.div_block2_cim		{font-weight:bold; text-align:left; margin:5px auto 10px auto; text-transform:uppercase;}
.div_block2_cim a 			{text-decoration:none; color:#cc9966;}
.div_block2_cim a:hover 	{text-decoration:underline; color:#cc9966;}
.div_block2_text	{text-align:left; font-size:13px; text-align:left; clear:right;}
.div_block2_text a 			{text-decoration:none; text-transform:uppercase; color:#cc9966; font-weight:bold; font-size:11px;}
.div_block2_text a:hover 	{text-decoration:underline;}

.img_etterem_big	{width:500px; margin:0px 0px 30px 30px;}
.galpic				{margin:0px 20px 20px 0px; text-decoration:none; display:inline-block;}
.galpic img			{border:5px #CCCCCC solid;}
.galpic img:hover	{border:5px #AAAAAA solid;}
.galeria_div	{text-align:left;}

.link00		{text-align:left; margin:40px auto 0px auto; border-top:1px #DEDEDE solid; padding-top:10px;}
.link01		{display:inline-block; margin:0px 10px 0px 0px; text-decoration:none; font-size:11px; color:#cc9966; font-weight:bold; text-transform:uppercase;
			border:1px #cc9966 solid; padding:2px 5px 2px 5px; background:none; float:}
.link01:hover	{background:#EEEEEE; color:#666666; border:1px #999999 solid;}
.link02		{text-decoration:underline; color:#333333;}
.link02:hover	{text-decoration:underline; color:#cc9966;}



h1	{font-size:40px; margin:60px 0px 40px 10px; color:#cc9966; text-transform:uppercase; font-weight:normal; text-align:left;}
h2	{font-size:24px; margin:60px 0px 30px 10px; color:#cc9966; text-transform:uppercase; font-weight:normal; text-align:left;}
h3	{font-size:18px; margin:10px 0px 10px 0px; color:#cc9966; text-transform:uppercase; font-weight:normal; text-align:left;}

#header, #intro, #first, #second{width: 100%;}

#intro	{background:url(web_content/bg1ver2.jpg) 50% 0 no-repeat fixed; color: white; /*height:840px;*/ height:432px; margin: 0 auto 0 auto; padding: 100px 0;}
#intro .story {background:url(web_content/bg1ver3.png?1) no-repeat center; /*height:800px;*/ height:528px; margin:0 auto 0 auto;}

#first	{background:#FFFFFF; color:#000000; height:600px; margin: 0 auto; overflow: hidden; text-align:center; padding:140px 0px 0px 0px;}
#first .link1 {height:600px; width:1000px; text-align:center; background:url(web_content/ga_02.png?3) center 0 no-repeat; margin:0px auto 0px auto;}
#first .mg_cim	{text-align:center; margin:auto auto 200px auto;}

#second	{background: /*url(web_content/bgw2.jpg?)*/ 50% 0 no-repeat fixed #FFEAB7; color:#000000; height: 550px; margin: 0 auto; overflow: hidden;  
		padding: 150px 0 0 0;}
#second .storys	{  margin: 0 auto; width: 980px; overflow: hidden;}
.cikkcont	{margin:0px; list-style:none; padding:0px auto 0px auto;}
.cikk1	{width:300px; border:1px #CC9966 solid; background:#FFFFFF; margin:auto 10px 20px 0px; padding:3px 3px 10px 3px; z-index:300 !important; float:left; min-height:375px;}
.cikk1 img	{border:0px;}

#third	{background:#FFFFFF; color:#000000; height:566px; margin: 0 auto; overflow: hidden; text-align:center; padding:140px 0px 0px 0px;}
#third .storyt {height:520px;              text-align:center; background:url(web_content/bg3ver1.jpg?1) center 0 no-repeat; margin:0px auto 0px auto; }
#third .ou_cim	{text-align:center; margin:auto auto 0px auto;}

#fourth	{background: url(web_content/bgw1.png?2) 50% 0 no-repeat fixed; color: white; height: 637px; padding: 150px 0px 0px 0px; text-align:center; margin:0;}
#fourth .story {padding: 0px; text-align:center;}

#fifth	{background: /*url(web_content/bgw1.png)*/ 50% 0 no-repeat fixed; color: white; height: 200px/*405*/; padding: 150px 0 0 0; text-align:center;}
#fifth .story {padding: 0 0 0 0; position: relative; text-align:center;}
.blogtext	{width:850px; height:250px; /*border:1px #333333 solid;*/ margin:auto; text-align:left; color:#333333; text-align:center;}

#sixth	{background: url(web_content/bgw2.png?) 50% 0 no-repeat fixed; color: white; height: 500px; padding: 150px 0 0 0; text-align:center;}
#sixth .story {padding: 0 0 0 0; position: relative; text-align:center;}

#seventh	{background: url(web_content/logo_hatter.png) repeat-x top #dedede;	height: 100px; margin: 0px auto 0px; auto; padding: 40px 0 0 0; text-align:center;}
#seventh .story {margin: 0 auto; width: 980px; overflow: auto; text-align:center; color:#333333; font-size:10px;}

/*.story	{margin: 0 auto; min-width: 980px; overflow: auto; width: 980px;}
.story .float-left, .story .float-right{padding: 100px 0 0 0;position: relative;width: 350px;	}*/

.text1	{font-size: 14px; color:#333; text-align:center; text-transform:uppercase; margin: 10px auto 10px auto;}
.text2	{font-size: 12px; color:#666666; text-align:center; margin:0 0 20px 0;}
.text3	{font-size: 12px; color:#666666; text-align:left; margin: 15px auto 5px auto; min-height:105px;}

table.elerhetoseg tr td a		{text-decoration:none; color:#333333;}
table.elerhetoseg tr td a:hover	{text-decoration:underline; color:#cc9966;}