/*general*/
html ,
body{
	width: 100%; 
	height: 100%; 
	background-color: #fdfdfd; 
	padding: 0; 
	margin: 0; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 14px; 
	color: #676767; 
	text-align: left;
}

@font-face{
	font-family: 'font1';src: url('/style/fonts/font1.eot');src: url('/style/fonts/font1.eot#iefix') format('embedded-opentype'),url('/style/fonts/font1.woff') format('woff'),url('/style/fonts/font1.ttf') format('truetype'),url('/style/fonts/font1.svg') format('svg');
}
@font-face{
	font-family: 'font2';src: url('/style/fonts/font2.eot');src: url('/style/fonts/font2.eot#iefix') format('embedded-opentype'),url('/style/fonts/font2.woff') format('woff'),url('/style/fonts/font2.ttf') format('truetype'),url('/style/fonts/font2.svg') format('svg');
}

/* for old browser */
header, footer, article, section{ display: block;}

a:link, a:visited {
	text-decoration: none; 
	color: #B38C52;
}
a:hover, a:active {
	text-decoration: none; 
	color: #474747;
}

::selection{ background-color:#B38C52; color: white; }
::moz-selection{ background-color: #B38C52; color: white; }
::webkit-selection{ background-color:#B38C52; color: white; }

img, img:hover {
	border: none;
}

article ul li p{
	padding: 0;
	margin: 0;
}

/*header*/
#header{
	width: 1024px; 
	height: 90px;
	margin: 15px auto 0 auto;
}
		#header>#logo{
			width: 124px;
			height: 90px;
			margin-top: -5px;
			float: left;
			text-indent: -1000px;
			background: url(/style/images/logo.png) center top no-repeat;	
		}
		#header>#nav{
			font-family: font2;
			font-size: 92%;
			float: right;
			margin: 0 0 0 auto;
			letter-spacing: 0.1em;
		}
			#header>#nav ul{
				list-style-type: none;
				float: left;
				text-align: left;
				margin-left: 50px;
				padding: 0;	
				position: relative;
			}
					#header>#nav ul li{
						background: transparent;
						margin-top: 7px;
						padding: 0;
					}
						#header>#nav a{
							color: #959599!important;
						}
						#header>#nav a:hover, #header>#nav .selectedLink{
							color: #B38C52!important;
							text-decoration: none;
						}
						
/*content*/
#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #8B8B8B;
	clear: both;
}

#container {
	width: 1024px; 
	position: relative;
	min-height: 450px;
	margin: 15px auto 0px auto;
}

/*
.content-text {width:590px; display:block; margin:0px 0px 12px 12px; line-height:22px; text-align:justify;}
.content-link {width:594px; display:block;}
.content-link:link, .content-link:visited {text-decoration:none; color:#676767;}
.content-link:hover, .content-link:active {text-decoration:none; color:#676767;}
*/

/*footer*/
#footer{
	width: 1024px;
	clear: both;
	padding: 0;
	border-top: 1px solid #8B8B8B;
	margin: 0 auto 0 auto;
}
	.footerNav{
		width: 341px;
		height: 130px; 
		display: block; 
		position: relative; 
		margin: 0px 0px 10px 0px;
		float: left;
	}
	
#copyright {
	clear: both;
	border-top: 1px solid #8B8B8B;
	position: relative;
	top: 20px;
	width: 100%;
	height: 70px;
	margin-bottom: 10px;
}
	#copyright-text{
		height: 14px; 
		font-size: 80%;
		text-align: left;
		margin: 15px auto;
		width: 1024px;
	}
	#copyWrapper{
		width: 1024px;
		margin: 0 auto;
		padding-top: 5px;
		text-align: center;
	}
		#copyright-nea{
			width: 150px; 
			height: 50px;
			display: block;
			margin-top: -10px;
			margin-left: 10px;
			float: right;
		}
		#copyright-ferenc {
			width: 58px; 
			height: 50px;
			display: block;
			margin-top: 0px;
			margin-left: 10px;
			background: url(/style/images/ferenc.png) center top no-repeat;
			float: right;
		}
		#copyright-tt{
			width: 121px; 
			height: 50px;
			margin: 0px 5px auto auto;
			display: block;
			float: right;
			background: url(/style/images/tartk.png) right top no-repeat;
		}
		#copyright-gyf {
			width: 51px; 
			height: 50px;
			margin: 0px 10px auto 10px;
			display: block;
			float: right;
			background: url(/style/images/gyogyf.png) right top no-repeat;
		}
		#copyright-tkf {
			width: 100px; 
			height: 50px;
			margin-top: 0px;
			display: block;
			float: right;
			background: url(/style/images/tkf.png) right top no-repeat;
		}
		#copyright-no{
			width: 150px; 
			height: 50px;
			margin: 0px 5px auto auto;
			display: block;
			float: right;
		}
		#copyright-egt{
			width: 150px; 
			height: 50px;
			margin: 0px 5px auto auto;
			display: block;
			float: right;
		}

article{
	text-align: justify;
	line-height: 22px;
	float: left;
	max-width: 610px;
	margin-bottom: 15px;
}
article.contentBox{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%!important;
}

#Alkotoinkrol article.contentBox{
	width: 378px!important;
	height: 420px;
	float: left;
	margin-top: 0px;
	position: relative;
}
#Alkotoinkrol #content-circle-container { 
	left: 412px;
}
.st_art .st_tabs_container, .st_art .st_tabs{
	height:520px!important;
}
section{
	width: 100%;
	float: left;
	margin-top: 0px;
	position: relative;
	display: block;
}
section.exh{
		width: 32%;
		overflow: hidden;
		float: left;
		margin-top: 0px;
		margin-left: auto;
		padding: 0px 5px 20px 5px;
}

h1{
	margin: 16px 0px 15px 0px; 
	line-height: 110%;
	font-family: font1, sans-serif; 
	font-size: 32px; 
	font-weight: 200;
	color: #B38C52;
}

h2{
	margin: 15px 0px 2px 0px; 
	font-family: font1, sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	color: #606060; 
	/*text-transform: uppercase;*/
}

.gallery{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	width: 100%;
}
		.gallery img{
			margin: 10px;
		}
.date{
	font-size: 130%;
	color: #555;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 15px;
	display: block;
}
.exhCont{
	margin-bottom:30px;
}
/***
@ circles
***/
#content-circle-container { 
	clear: both;
	width: 393px; 
	height: 393px; 
	float: left;
	position: absolute;
	left: 630px;
	top: 30px;
}
	#content-circle {
		background: url(/style/images/circleb.png) center center no-repeat; 
		width: 393px; 
		height: 393px; 
		margin: 0 auto;
	}

.lb-number{
	display: none!important;
}

.morecontent span {
    display: none;
}

.centered{
	margin: 0 auto;
	text-align: center!important;
}

.low{
	height: 214px!important;
}

.clear{
	clear: both;
}

.quick-item-left {width:341px; height:130px; display:block; position:relative; margin:15px 0px 15px 0px;}
.quick-item-middle {width:341px; height:130px; display:block; position:relative; margin:15px 0px 15px 0px;}
.quick-item-right {width:341px; height:130px; display:block; position:relative; margin:15px 0px 15px 0px;}

.quick-circle-container {width:130px; height:130px; display:block; position:absolute; left:10px; top:0px;}
.quick-circle-container img {width:120px; height:120px; display:block; position:absolute; left:5px; top:5px; z-index:0;}
.quick-circle {width:130px; height:130px; display:block; position:absolute; left:0px; top:0px; background:url(/style/images/circles.png) 0px 0px no-repeat; z-index:100;}
.quick-heading {width:183px; display:block; position:absolute; left:148px; top:0px; font-family:font1,sans-serif; font-size:24px; color:#B38C52;}
.quick-text {width:181px; height:98px; display:block; position:absolute; left:150px; top:32px; font-size:13px; color:#676767; line-height:20px; overflow:hidden;}