﻿
body
{
padding:0;
margin:0;

	color:white;
	font-family: Times, "Times New Roman", Georgia, serif;
	font-face:small-capital;
	font-size:17px;
	font-weight: normal;
background:#3e2c28 url(img/bg-large.jpg) top;
background-repeat: no-repeat;
background-attachment: fixed;
}

#lap
{
	text-align: center;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-450px;
	padding-bottom:10px;
	width:900px;

}

#header
{
	margin-top:0px;
	margin:0;
	padding:0;
	background:transparent url(img/header-1.gif) top center no-repeat;
	height: 118px;
	width: 900px;

}
#main
{
width:900px;
//width: 910px;

height: auto;
min-height:600px;


}
#content-left
{
width: 648px;
float: left;

}
.content_up
{
width: 648px;
height: 86px;
background: transparent url(img/cont_up.gif) top center no-repeat;
}
.content_main
{
width: 648px;
background: transparent url(img/cont_main.gif) top center repeat-y;

}
.content_content
{
width: 530px;
//width: 450px;
text-align:justify;

padding-left: 45px;
padding-right: 45px;
//padding-left: 0px;
//padding-right: 0px;
padding-top: -30px;

}
.content_bottom
{
width: 648px;
height: 86px;
background: transparent url(img/cont_down.gif) bottom center no-repeat;
}
#footer
{
text-align: left;
font-size: 16px;
letter-spacing: 0.4ex;
border-bottom: 1px solid #f5c003;
padding-top: 25px;
padding-bottom: 15px;
}
#content-right
{
font-size: 12px;
width: 250px;
float: right;
}



.box_top
{
background: transparent url(img/box_top.gif) top center no-repeat;
width: 255px;
height: 91px;
}
.box_main
{
background: transparent url(img/box_main.gif) top center repeat-y;
width: 255px;
}
.box_content
{
padding-left: 28px;
//padding-left: 0px;
width: 200px;
color: #3e2c28;
}
.box_content a
{
text-decoration: none;
color: #3e2c28;
font-weight: bold;
}
.box_content a:hover
{
text-decoration: none;
color: black;
font-weight: bold;
}
.box_bottom
{
background: transparent url(img/box_bottom.gif) bottom center no-repeat;
width: 255px;
height:56px;
margin-top:-30px;
//margin-top: 0px;
}
.box-h1
{
border-bottom: 1px solid #3e2c28;
font-size: 20px;

text-align: center

}
img 
{

border: 2px solid #fbd319;
}
h1
{
letter-spacing: 0.3ex;
text-align: center;
font-weight: bold;
font-size: 32px;
color: white;
border-bottom: 2px solid #f5c003;
padding-bottom: 20px;
margin-bottom: 15px;
margin-top: -50px;
//margin-top: -5px;
}
h2
{
text-align: center;
font-weight: bold;
font-size: 32px;
color: white;
border-bottom: 2px solid #f5c003;
padding-bottom: 20px;

}


.accordion {
	width: 550px;

}
.accordion h3 {
	letter-spacing: 0.3ex;
	padding: 7px 15px;
	margin: 0;
	text-align: center;
font-weight: bold;
font-size: 28px;
color: white;
border-bottom: 2px solid #f5c003;


	cursor: pointer;
}
.accordion h3:hover {
	color:#f5c003;
}
.accordion h3.active {
color:#f5c003;
	
}
.accordion p {
	
	margin: 0;
	padding: 10px 15px 20px;
	
}

.accordion h4
{
font-weight: bold;
color: #f5c003;
}
.kik
{
background:url(img/kik.gif) center right no-repeat;
}
.mivel
{
background:url(img/mivel.gif) center right no-repeat;
}
.hogyan
{
background:url(img/hogyan.gif) center right no-repeat;
}
.miket
{
background:url(img/miket.gif) center right no-repeat;
}
.egyeb
{
background:url(img/egyeb.gif) center right no-repeat;
}
.kik_kep{
padding:5px;
border: 1px solid #a9a9a9;
background: white;
}




#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background: url(img/bg-large.jpg) top center;
	padding:5px;
	display:none;
	color:#fff;
z-index:115;
font-size:80%;
	}
.ref
{
padding: 5px;
background: black;
margin: 15px;
//margin-left: 15px;
}
.ref1
{
padding: 5px;
background: white;
margin: 15px;
//margin-left: 15px;
}
.contkep
{
margin-top: 5px;
padding: 5px;
background: black;

}
a
{
text-decoration: none;
color: #f5c003;
font-weight: bold;
font-size: 10px;
}
a:hover
{
text-decoration: none;
color: black;
font-weight: bold;
}
#grafikak{
text-align:center;
}
#grafikak img{
margin:20px;
}
