/* CSS Document */

body{
	padding:0;
	border:0;
	margin:0;
	background-color:#E1B985; 
	color:#000000;
        background-image: url(hatter.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-attachment: fixed;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
table{
	 width:100%;
	 border:0;
	 border-collapse:collapse;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/

#header td.szel { 
	height:200px;
	padding:0;
	margin:0;
}
#header td.kozep{ 
	height:200px;
	width:980px;
	vertical-align:0;
	padding:0;
	margin:0;
	background: url(header.png) no-repeat #E1B985; 
}
#header ul{
	width:678px;
	height:40px;
	position:relative;
	left:300px;
	margin: 160px 0px 0px 0px;
	padding:0;
}
#header ul li{
	display:inline;
	float:left;
	padding:5px 10px 5px 10px;
}
#header ul li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	height:30px;
}
#header ul li a:hover{
	color:#ffffff;
}
#header ul li.home{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFF8DC;
	text-decoration:none;
	text-transform:uppercase;
        border-radius:10px;
        border:2px solid #ffffff;
	height:25px;
}
/*------------------------------------------------header end--------------------*/


/*------------------------------------------------bodyx start--------------------*/
#bodyx{
	margin:0 auto;
	padding:0;
}
#bodyx .kiemelt{
        font-weight:bold;
}
#bodyx .kozepre{
        text-align:center;
}
#bodyx .jobbra{
	text-align:right;
}
#bodyx td.szel{
	margin:0;
	padding:0;
}
#bodyx td.kozep{
	background-color:#E8C38E; 
	width:980px;
}
#bodyx h2{
	width:880px;
	display:block;
	font:bold 26px/54px Arial, Helvetica, sans-serif;
	color:#121212;
        text-align:left;
	margin:20px 50px 0px 50px;
	position:relative;
}
#bodyx h3{
	width:880px;
	display:block;
	font:bold 20px/40px Arial, Helvetica, sans-serif;
	color:#121212;
        text-align:left;
	margin:0px 50px 20px 50px;
	position:relative;
}
#bodyx h4{
	width:880px;
	display:block;
	font:bold 16px/32px Arial, Helvetica, sans-serif;
	color:#121212;
        text-align:left;
	margin:10px 50px 10px 50px;
	position:relative;
}
#bodyx p{
	display:block;
	width:880px;
	font:normal 15px/20px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	padding:0 50px 20px 50px;
}
#bodyx p.adat{
	display:block;
	width:800px;
	font:normal 15px/20px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	padding:0 50px 10px 80px;
}
#bodyx p.pic{
	display:block;
	width:880px;
	text-indent:0px;
	padding:0 50px 20px 50px;
	text-align:center;
}
#bodyx p.csik{
	display:block;
	width:600px;
	height:6px;
	background:url(csik.gif) 0 0 repeat-x #f0f0f0;
	padding:0;
	margin:20px 150px 20px 150px;
}
#bodyx p.email{
	display:block;
	width:880px;
	font:normal 15px/20px Arial, Helvetica, sans-serif;
	padding:20px 50px 20px 50px;
}
#bodyx p.webshop{
	display:block;
	width:940px;
	font:normal 15px/20px Arial, Helvetica, sans-serif;
	padding:20px 20px 20px 20px;
}
#bodyx table.fotok{
	display:block;
	width:880px;
	padding:10px 50px 10px 50px;
}
#bodyx caption{
	text-align:center;
	width:880px;
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	vertical-align:top;
        margin:20px 0px 20px 0px;
}
#bodyx td.foto{
	text-align:center;
	width:176px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
        color:#ff0000;
	vertical-align:top;
}
#bodyx td.meghivo{
	text-align:center;
	width:400px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	vertical-align:top;
}
#bodyx ul{
        list-style: disc inside url('pont.png');
	width:880px;
	margin:10px 50px 20px 50px;
}
#bodyx li{
	display:list-item;
	padding:5px 50px 5px 0px;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#000000;
}
#bodyx span{
	font:normal 15px/20px Arial, Helvetica, sans-serif;
	color:#B90000;
}
/*------------------------------------------------urlap end--------------------*/
#bodyx form {
        background-color:#eeccc0;
        margin-bottom: 10px;
        border-radius: 10px;
        box-shadow: 5px 5px 15px 0px #662210;
        width:880px;
        margin:20px 50px 20px 50px;
} 
#bodyx .urlaplabel{
        display: block;
        width: 100px;
        float: left;
        text-align: right;
        margin:10px;
}
#bodyx fieldset {
        background-color:#ffddcc;
        color:#662210;
        border-width: 1px;
        border-color:#662210;
        margin: 20px 30px 10px 30px;
        border-radius: 10px;
        box-shadow: 5px 5px 15px 0px #662210;
} 
#bodyx legend {
        color: #ffffff;
        background-color: #662210;
        border-radius: 10px  20px 30px 40px;
        padding: 2px 16px;
}
#bodyx p.purlap{
	display:block;
	width:640px;
	font:normal 15px/20px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
}
#bodyx input{
        width:400px;
        height:16px;
        padding:10px;
        border: 1px solid #662210;
        box-shadow: 0 0 3px #eeccc0;
        border-radius: 5px;
}
#bodyx form input[type="submit"]{
        display: inline-block;
        background: transparent url(elkuld.png);
        font-size:18px;
        height:42px;
        width:115px;
        padding:0;
        border: none;
        text-align:center;
        color:#ffffff;
}
#bodyx form input[type="submit"]:hover {
        background: url(elkuld_felett.png);
        padding:0; height:42px;
}
#bodyx form input[type="submit"]:active {
        background: url(elkuld_lent.png);
        padding-top: 2px;
        height:42px;
}
#bodyx textarea {
        width:400px;
        height:150px;
        padding:10px;
        border: 1px solid #662210;
        box-shadow: 0 0 3px #eeccc0;
        border-radius: 5px;
}
/*------------------------------------------------bodyx end--------------------*/

/*------------------------------------------------footer start--------------------*/
#footer{
	color:#000000;
	height:120px;
	width:100%;
}
#footer td.szel { 
	height:120px;
	padding:0;
	margin:0;
}
#footer td.kozep { 
	height:120px;
	width: 980px;
	vertical-align:0;
	padding:0;
	border:0;
	margin:0;
	background: url(footer.png) repeat #C49C68;
}
#footer ul{
	margin:0;
	padding:0;
	position:relative;
	left:300px;
	width:678px;
	height:40px;
}
#footer ul li{
	font:bold 11px Arial, Helvetica, sans-serif;
	margin:0;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
}
#footer ul li a{
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:10px 10px 10px 10px;
	margin:0;
	border:none;
	text-decoration:none;
	text-transform:uppercase;
}
#footer ul li a:hover{
	color:#ffffff;
}
#footer ul li.home{
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF8DC;
	padding:10px 10px 10px 10px;
	margin:0;
	border:none;
	text-decoration:none;
	text-transform:uppercase;
        border-radius:10px;
        border:2px solid #ffffff;
	height:16px;
}
#footer p a{
	color:#ffff00;
}
#footer p.sponsor-text{
	color:#ffffff;
	width:880px;
	padding:20px 50px 0px 50px;
	margin:0;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	text-transform:none;
	text-align:center;
	position:relative;
}
#footer p.copyright{
	width:880px;
	padding:5px 50px 5px 50px;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:none;
	text-align:center;
	position:relative;
}

/*------------------------------------------------footer end--------------------*/