@import url(../../../fonts.googleapis.com/css¿family=Arvo_400,700.css);

*
{
	padding: 0;
}

img
{
	border: 0;
}

html
{

}

body
{
	color: #656b70;
	font-size: 10pt;
	background-color: #000;
}

p
{
	line-height: 1.75em;
	margin: 0 0 0 0;
	color: #CCC;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: left;
	font-style: italic;
}

ul li
{
	line-height: 2em;
}

a
{
	color: #06C;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
	color: #CCC;
}

img.bordered
{
	display: inline-block;
	padding: 5px;
	border: solid 1px #7C0804;
}

img.left
{
	float: left;
}

.note_error
{
	background: #FFCECE;
	border: solid 1px #E0A3A3;
	text-shadow: 0px 1px 0px #ffe5e5;
	padding: 1em;
	margin: 0 0 1em 0;
	border-radius: 5px;
	box-shadow: inset 0px 0px 0px 1px #fff;
}

.delim
{
	color: #B4B5B7;
	padding: 0 0.25em 0 0.25em;
}

.centered
{
	text-align: center;
}

.divider
{
	border-bottom: solid 1px #ffffff;
}

	.divider span
	{
		display: block;
		border-bottom: solid 1px #d2d4d6;
	}

.banner
{
}

.ftbanner
{
	width: 576px;
	height: 255px;
	margin: 0 auto 30px auto;
}

h1,h2,h3,h4
{
	color: #FFF;
	font-family: Arvo, Georgia, serif;
	font-weight: normal;
	text-transform: normal;
	margin: 0 0 1em 0;
}

	h1 a,h2 a,h3 a,h4 a
	{
		font-family: Arvo, Georgia, serif;
		font-weight: normal;
		text-transform: normal;
	}

	h1 strong,h2 strong,h3 strong,h4 strong
	{
		font-family: Arvo, Georgia, serif;
		font-weight: bold;
		color: #000;
	}

h1
{
	font-size: 1.4em;
}

h2
{
	font-size: 1.4em;
	letter-spacing: -1px;
	text-shadow: 0px 1px 1px #ffffff;
}

h3
{
	font-size: 1.8em;
	letter-spacing: -1px;
	padding: 1em 0 0 0;
}

h4
{
	font-size: 1.4em;
	letter-spacing: -1px;
	padding: 1em 0 0 0;
}

strong
{
	color: #414244;
	text-align: center;
}

.horizontalRule
{
	border-bottom: solid 1px #d2d4d6;
	margin: 0.75em 0 0.25em 0;
}

br.clear
{
	clear: both;
}

.content
{
	position: relative;
	z-index: 1;
	background-color: #181818;
	border-color: #7C0804;
	border: 2;
}
.contentCeg {
	position: relative;
	z-index: 1;
	background-color: #181818;
	border-color: #7C0804;
	border: 2;
}

.contentHeader {
	position: relative;
	z-index: 1;
	background-color: #181818;
	border-color: #7C0804;
	margin-left: 10px;
	margin-top: 10px;
	left: 0px;
	top: 0px;
	width: 300px;
}
.contentFrame {
	position: relative;
	z-index: 1;
	background-color: #181818;
	border-color: #7C0804;
	margin-left: auto;
	margin-right: auto;
	height: 450px;
	top: 5px;
	width: 960px;
}
.contentFrameCeg {
	position: absolute;
	z-index: 1;
	background-color: #181818;
	border-color: #7C0804;
	width: 950px;
	height: 393px;
	top: 5px;
	left: 5px;
}
.contentFrameCegSzoveg {
	position: relative;
	background-color: #181818;
	border-color: #7C0804;
	margin-left: auto;
	margin-right: auto;
	height: 430px;
	top: 0px;
	width: 900px;
	z-index: 2;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #D3B466;
	font-weight: bold;
	font-size: 16px;
	padding-top: 20px;
	text-align: center;
}



#outer
{
	position: relative;
	padding: 0 0 0 0;
	max-width: 955px;
	min-width: 955px;
	background-color: #000000;
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	overflow: hidden;
}

#nav
{
	position: relative;
	height: 57px;
	background-color: #7C0804;
	box-shadow: inset 0px 0px 0px 1px #242527, inset 0px 2px 0px 0px #6F7479, inset 0px 0px 0px 2px #464A4D;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

	#nav .roundedBorder-left
	{
		display: none;
	}

	#nav .roundedBorder-right
	{
		display: none;
	}

	#nav ul
	{
	position: absolute;
	left: 30px;
	list-style: none;
	height: 25px;
	margin: 18px 0 0 0;
	width: 632px;
	background-color: #7C0804;
	}
	
		#nav ul li
		{
	float: left;
	padding: 0 15px 0 15px;
	border-right: solid 1px #1d1e1f;
	border-left: solid 1px #5a5e62;
	height: 25px;
	line-height: 22px;
	color: #666;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: none;
	font-family: Arvo, Georgia, serif;
	text-shadow: 0 1px 2px #000;
		}

		#nav ul li.first
		{
	padding-left: 0px;
	border-left: 0px;
	color: #999;
		}

		#nav ul li.last
		{
			padding-right: 0px;
			border-right: 0px;
		}

			#nav ul li a
			{
	color: #FFF;
	text-decoration: none;
	font-family: Arvo, Georgia, serif;
	text-transform: normal;
	letter-spacing: -1px;
	text-shadow: 0 1px 2px #000;
	font-size: 16;
	font-weight: bold;
			}
#nav ul li a:hover {
	color: #D3B466;
	text-decoration: none;
	font-family: Arvo, Georgia, serif;
	text-transform: normal;
	letter-spacing: -1px;
	text-shadow: 0 1px 2px #000;
	font-size: 16;
	font-weight: bold;
}


#header
{
	position: relative;
	height: 228px;
	overflow: hidden;
	width: 955px;
	margin-left: auto;
	margin-right: auto;
}

	#header .roundedBorder-left
	{
	width: 10px;
	height: 129px;
	}

	#header .roundedBorder-right
	{
	width: 10px;
	height: 129px;
	}
	
	#header .logo
	{
	position: absolute;
	top: 3px;
	left: 0px;
	width: 955px;
	height: 220px;
	background-image: url(../images/hatter_szolg.jpg);
	}
	
		#header .logo a
		{
	display: block;
	width: 1000px;
	height: 221px;
	text-indent: -9999em;
	outline: 0;
	background-image: url(../images/hatter.png);
		}
	
	#header .banner
	{
		position: absolute;
		top: 18px;
		right: 20px;
		display: block;
		width: 728px;
		height: 90px;
	}

#main
{
	width: 1158px;
}

#copyright
{
	text-align: center;
	font-size: 1em;
	margin: 10px auto 10px auto;
	color: #82878c;
	text-shadow: 0px 1px 0px #fffffff;
}

	#copyright a
	{
		color: #82878c;
	}

.box
{
	position: relative;
}

.boxFirst
{
	margin-top: 0px;
	width: 1000px;
}

	.boxCaption
	{
	position: absolute;
	right: 0;
	top: 5px;
	}

/*
#col1
{
	width: 190px;
	float: left;
}

	#col1 h2
	{
		margin: 0 0 0.5em 0;
	}
	
	#col1 .box
	{
		min-height: 74px;

		border: solid 1px #d8dadc;
		border-radius: 8px;
		background: #ffffff url('../images/gradient1.png') top left repeat-x;
		box-shadow: inset 0px 0px 0px 1px #ffffff;
		text-shadow: 0px 2px 0px #ffffff;
	}

	#col1 .adunit160
	{
		padding: 15px;
	}

		#col1 .adunit160 .banner
		{
			margin: 4px 0 0 0;
		}

	#col1 ul.spec li
	{
		line-height: 1.8em;
	}
*/

#col2
{
	min-height: 390px;
}

	#col2 h2
	{
		font-size: 1.8em;
		margin: 0 0 1em 0;
	}

	#col2 .box
	{
	position: relative;
	padding-top: 10px;
	border: solid 1px #282828;
	/*border-radius: 8px;*/
	/*box-shadow: inset 0px 0px 0px 1px #7C0804;*/
	text-shadow: 0px 1px 0px #ffffff;
	background-color: #181818;
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari and Chrome */
	border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/*behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	
	}
#col2 .boxCeg {
	position: relative;
	padding-top: 0px;
	border: solid 1px #282828;
	border-radius: 8px;
	box-shadow: inset 0px 0px 0px 1px #7C0804;
	text-shadow: 0px 1px 0px #ffffff;
	background-color: #282828;
}

			
	#col2 .welcome
	{
	position: relative;
	background-color: #181818;
	text-shadow: 1px 1px 0px #181818;
	width: 952px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	height: 460px;
	border: 1;
	border-color: #7C0804;
	font-size: 14px;
	}

		#col2 .welcome .content
		{
	text-align: left;
	left: 39px;
	top: 200px;
	width: 344px;
	height: 30px;
	position: absolute;
	color: #D3B466;
	font-family: Georgia;
	font-size: 16px;
	font-weight: bold;
		}
#col2 .welcome .contentCeg {
	text-align: left;
	border: 2;
	width: 955px;
	height: 400px;
	border-color: #7C0804;
	color: #D3B466;
	font-family: Georgia;
	font-size: 16px;
	font-weight: bold;
	top: 5px;
	left: 5px;
	position: absolute;
}


			#col2 .welcome .content p
			{
				color: #4a4327;
				text-transform: normal;
				font-family: Arvo, Georgia, serif;
				letter-spacing: -1px;
				line-height: 1.5em;
				font-size: 1.7em;
				margin: 0 0 0.75em 0;
			}
			
			#col2 .welcome .content p strong
			{
	color: #7C0804;
			}
			
			#col2 .welcome .content .button
			{
				white-space: nowrap;
			}

			#col2 .welcome .content ul
			{
				list-style: none;
				position: absolute;
				right: 30px;
				top: 30px;
				width: 240px;
				text-align: right;
			}

			#col2 .welcome .content ul li
			{
				margin: 0 0 13px 0;
			}

			#col2 .welcome .content ul li a
			{
				width: 190px;
				font-size: 1.3em;
				height: 55px;
				line-height: 56px;
				border-radius: 8px;
			}

			#col2 .welcome .content .stats
			{
				font-family: Arvo, Georgia, serif;
			}

.centeredControls
{
	position: relative;
	margin: 0 0 1em 0;
	border-top: solid 1px #D4D5D7;
	padding: 2em 0 0 0;
	text-align: center;
}

	.centeredControls p
	{
		font-size: 1.2em;
	}

	.centeredControls a
	{
		margin: 0 5px 0 5px;
	}

.headingControls
{
	position: absolute;
	top: 8px;
	right: 0;
}

	.headingControls p
	{
		font-size: 1.2em;
	}

	.headingControls a
	{
		margin: 0 5px 0 5px;
		font-size: 1em;
	}

.pager
{
	margin: 0.5em auto 4em auto;
	padding: 2em 0 0 0;
	overflow: hidden;
	text-align: center;
}

	.pager a.button
	{
		margin: 0 5px 0 5px;
	}

	.pager .page
	{
		font-size: 1.4em;
		padding: 0 5px 0 5px;
	}

#randomPremiumBox
{
	border: 0;
	margin: 0 0 0 0;
}		

#randomBox
{
	border: 0;
	margin: 0 0 0 0;
}
		
#footerBanner
{
	position: relative;
	height: 129px;
	overflow: hidden;
	background-color: #000;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f4), to(#fff));
	background-image: -webkit-linear-gradient(top, #f3f3f4, #fff);
	background-image: -moz-linear-gradient(top, #f3f3f4, #fff);
	border: solid 1px #cbcdcf;
	border-top-color: #000;
	border-bottom: none;
	box-shadow: inset 0px 0px 0px 1px #ffffff;
}

	#footerBanner .banner
	{
		margin: 18px auto;
		width: 728px;
		height: 90px;
	}

.wideContent #col2
{
	background-color: #000;
	width: 955px;
	z-index: 1;
	position: relative;
	left: 0px;
	height: 480px;
	padding-top: 5px;
}

#demoiframe
{
	border: 0;
	width: 100%;
	min-width: 1000px;
}

body.demo #header
{
	height: 150px;
	background: #232426;
	box-shadow: inset 0px -1px 0px 0px #232426, inset 0px -2px 0px 0px #45484B, inset 0px 60px 40px 0px rgba(255,255,255,0.05);
}
#outer #main #col2 .box.welcome.boxFirst .content p .feature {
	font-family: Georgia;
	color: #FFF;
	font-size: 1.4em;
}
#col2 .box.nature    {
	font-size: 1.5em;
	font-family: Georgia;
	color: #FFF;
}
#col2 .box.gold     {
	font-size: 1.5em;
	font-family: Georgia;
	color: #FFF;
}

.Pietas {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #FFF;
	font-size: 1.7em;
	z-index: 1;
	text-align: center;
	width: 890px;
	height: 40px;
	top: 5px;
	text-shadow: 0 1px 2px #7C0804;
}
.Picture {
	position: absolute;
	width: 468px;
	height: 313px;
	left: 455px;
	top: 111px;
	z-index: 1;
	text-align: left;
}
#col2 .box.welcome.boxFirst .contentFrame .content p {
	font-size: 14px;
}
#col2 .box.welcome.boxFirst .contentFrame .content p {
	color: #CCC;
}
#col2 .box.welcome.boxFirst .contentFrame .content p strong u {
	color: #D3B466;
	font-weight: bold;
}
#col2 .box.welcome.boxFirst .contentFrame .content p {
	font-size: 16px;
}
#col2 .box.welcome.boxFirst .contentFrame .content p {
	font-weight: normal;
}
#col2 .box.welcome.boxFirst .contentFrame .content p {
	font-weight: bold;
	color: #CCC;
}
.Rule {
	color: #B46B38;
}
.Betü {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	line-height: 1.75em;
	color: #CCC;
}