@charset "utf-8";
/* CSS Document */
@import "fonts.css";
@import "cookie_accept.css";
@import "nitebox.css";
@import "header.css";
@import "menu.css";
@import "panels.css";
@import "form.css";
@import "animations.css";
@import "tooltip.css";
* {
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	resize:none;
	border:none;
}
img {
  -ms-interpolation-mode:bicubic; vertical-align:middle;
}
html,
body {
	width:100%;
	height:100%;
	min-width:320px;
	background:url(../images/bg.jpg) #f6f5e8;
}
html {
	overflow:auto;
}
/* NOSCRIPT */
#noscript { width:100%; padding:10px; background-color:#8b4c43; text-align:center; color:#fff; z-index:99999; display:block; }
#noscript * { color:#fff; font-size:14px; line-height:normal; }
#noscript a { font-weight:600; }
#noscript a:hover { color:#ccc !important; }
/* SELECTION */
::selection { background:#72411e; color:#fff; }
::-moz-selection { background:#72411e; color:#fff; }
/* 404 */
h1.nf, h1.nf * { font-size:100px; line-height:100px; color:#72411e; font-weight:700; font-style:normal; }
/* box-sizing */
*, *::after, *::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a::after, a::before, li::after, li::before, div::after, div::before, span::after, span::before { position:absolute; content:''; }
/* font-face */
* { font-family:"pt_serif",Georgia, "Times New Roman", Times, serif; font-weight:400; font-size:16px; line-height:22px; color:#542a25; }
a { color:#3b3326; text-decoration:underline; }
a:hover, a:hover > * { color:#8b4c43 !important; } 
/* transition */
.t, a, a::after, a::before, a * { transition:all .3s; -webkit-transition:all .3s; }
/* hovers */
ul.menu .nc:hover, h1, h2, h3 { cursor:default; }
/* not selectable */
.not-selectable, ul.menu .nc, input[type="checkbox"]+label, form div.checkbox+label, .date-ico, #side li.nc {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;
}
strong, b, strong *, b * { font-weight:600; }
h1, h2, h3 h4, h5 { overflow:hidden; padding-left:5px; margin-left:-5px;  }
h1 span, h2 span, h3 span, h4 span, h5 span { color:#72411e; font-weight:300; line-height:normal; }
/* preloader */
#preloader { width:100%; height:100%; z-index:1000000; position:fixed; background:#f6f5e8; }
#preloader div { padding-top:70px; width:100px; height:80px; left:50%; top:50%; background:url(../images/preloader.gif) center top no-repeat #f6f5e8; margin-left:-50px; margin-top:-40px; text-align:center; cursor:default; }

/* site */
#wrapper { width:100%; overflow:hidden; min-height:100%; min-width:900px; max-width:1920px; margin:0 auto; }

*.sep { margin-bottom:11px; }
*.sep::after { height:21px; width:100%; bottom:-16px; left:0px; background:url(../images/sep_wood.png) center top no-repeat; }

#header { width:100%; height:235px; z-index:29; }
#town { width:1920px; background:url(../images/header_town_bg.jpg) left top no-repeat; height:235px; margin-left:-960px; left:50%; position:absolute; top:0px; overflow:hidden; }
#logo { padding-top:20px; z-index:2; display:block; margin:0 auto; width:100%; max-width:398px; }
#logo img { max-width:398px; width:100%; }
#logo a { padding:0px 20px; display:block; }
#logo:hover ~ #town div.shine { 
	-webkit-animation: rotating 20s linear infinite;
	-moz-animation: rotating 20s linear infinite;
	-ms-animation: rotating 20s linear infinite;
	-o-animation: rotating 20s linear infinite;
	animation: rotating 20s linear infinite;
}
#newsletter-lang { position:absolute; top:0px; left:0px; width:100%; }
#newsletter-lang div.c { max-width:1020px; padding:0px 20px; width:100%; margin:0 auto; z-index:1; overflow:hidden; }
#newsletter-lang a.newsletter { float:left; width:170px; height:90px; margin-top:-10px; text-indent:-9999px; -webkit-transform-origin:50% 0; transform-origin:50% 0; margin-left:-25px; }
#newsletter-lang a.newsletter.hu {  background:url(../images/newsletter_hu.png); }
#newsletter-lang a.newsletter.en {  background:url(../images/newsletter_en.png); }
a.newsletter:hover {
    -webkit-animation: swinging 2s ease-in-out forwards infinite;
    animation: swinging 2s ease-in-out forwards infinite;
}
#menu { height:70px; background:url(../images/menu_bg.jpg) center top no-repeat; z-index:28; text-align:center; }
#menu::after { width:100%; height:13px; background:url(../images/inner_shadow.png) left top repeat-x; left:0px; bottom:-13px; }

#content { /*margin-bottom:680px;*/ z-index:1; }

#content div.c { max-width:1100px; padding:0px 30px; width:100%; margin:0 auto; }
div.c.centered * { text-align:center; }

#content div.block { padding:40px 0px; }
#content div.block.pt { padding-bottom:0px; }
#content div.block.np { padding:0px; }
#content div.block > h2, #footer div.block > h2, h2.title { text-align:center; margin-bottom:40px; }
#content div.block > h2 span, #footer div.block > h2 span, h2.title > span { color:#3b3326; font-family:'anderson_thunderbirds',Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:48px; line-height:54px; display:inline-block; }
#content div.block > h2 span::after, #content div.block > h2 span::before,
#footer div.block > h2 span::after, #footer div.block > h2 span::before,
h2.title span::before, h2.title span::after { background:url(../images/title_star.png); width:24px; height:24px; top:50%; margin-top:-12px; }
#content div.block > h2 span::before, #footer div.block > h2 span::before, h2.title span::before { left:-34px; }
#content div.block > h2 span::after, #footer div.block > h2 span::after, h2.title span::after { right:-34px; }

#content div.newsletter, #footer div.newsletter { padding-bottom:0px; }
#content div.newsletter h2, #footer div.newsletter h2 { margin-bottom:20px; }
#content div.newsletter > div, #footer div.newsletter > div { width:100%; max-width:1100px; margin:0 auto; background:url(../images/newsletter_bg.png) center top no-repeat; padding:100px 0px 40px 0px; }
#content div.newsletter div.c, #footer div.newsletter div.c { margin:0 auto; max-width:680px; padding:0px; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.shake-it {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

a.button { display:inline-block; font-size:36px; text-transform:uppercase; color:#2a2420 !important; text-decoration:none; font-family:'anderson_thunderbirds',Georgia, "Times New Roman", Times, serif; line-height:40px; }
a.button:hover { color:#544941 !important; }
a.button::before { width:30px; height:19px; background:url(../images/button_before.png) 0px top no-repeat; left:-35px; top:10px; }
a.button::after { width:40px; height:19px; background:url(../images/button_after.png) -15px top no-repeat; right:-45px; top:10px; }
a.button:hover::before { background:url(../images/button_before.png) 10px top no-repeat;  }
a.button:hover::after { background:url(../images/button_after.png) -5px top no-repeat;  }

a.button.back::before { width:40px; height:19px; background:url(../images/button_back_before.png) 10px top no-repeat; left:-45px; top:10px; }
a.button.back::after { width:30px; height:19px; background:url(../images/button_back_after.png) -10px top no-repeat; right:-35px; top:10px; }
a.button.back:hover::before { background:url(../images/button_back_before.png) 0px top no-repeat;  }
a.button.back:hover::after { background:url(../images/button_back_after.png) -20px top no-repeat;  }
#content div.back { margin-top:25px; text-align:center; }

div.text > *:first-child { margin-top:0px; }
div.text p { margin-top:20px; }
div.text ul { list-style-type:none; }
div.text ol { padding-left:25px; }
div.text ul, div.article div.text ol { margin-top:10px; }
div.text ul li { padding-left:20px; }
div.text li { margin-top:5px; }
div.text li:first-child { margin:0; }
div.text ul li::before { left:0px; width:8px; height:8px; top:8px; background:#8b4c43; border-radius:50%; }

#content div.c.fix { max-width:780px; }

#content h3 { font-size:18px; color:#8b4c43; line-height:24px; margin-bottom:15px; text-transform:uppercase; }

#footer { /*position:absolute;*/ width:100%; height:auto; /*bottom:0px; left:0px;*/ }
#footer div.foot {
	background:url(../images/footer_bg.png) left top repeat-x #433c36; text-align:center;
}
#footer div.newsletter { padding-top:40px; background:url(../images/newsletter_bg2.jpg) center top no-repeat; }
#footer div.newsletter::before { width:193px; height:182px; background:url(../images/decor_newsletter.png); left:125px; top:30px; }
#footer > div ul { display:inline-block; padding:25px 0px; list-style-type:none; white-space:nowrap; }
#footer > div ul li { display:inline-block; padding:0px 25px; text-align:left; }
#footer > div ul li span { display:block; margin-bottom:20px; }
#footer > div ul li:first-child::before { display:none; }
#footer > div ul li::before { width:1px; height:100%; background:#68625e; left:0px; top:0px; }
#footer li.szep img { margin-right:10px; }
#footer div.foot div.siteby { background:#2a2420; line-height:40px; text-align:center; }
#footer div.foot * { font-size:14px; line-height:20px; color:#d5d5d5; font-style:italic; }
#footer div.foot a { color:#fff; text-decoration:none; }
#footer div.foot a:hover { color:#fff !important; opacity:.5; }

#footer div.footermenu { margin:0 auto; padding:10px 20px; border-top:1px solid #68625e; }
#footer div.footermenu a:first-child { margin:0; padding:0; }
#footer div.footermenu a:first-child::before { display:none; }
#footer div.footermenu a { font-style:normal; margin-left:15px; padding-left:15px; }
#footer div.footermenu a::before { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.4); left:-3px; top:6px; }
#footer div.footermenu a:hover { opacity:1; color:#f0eadf !important; }

#ns-to-top div { transition:none !important; -webkit-transition:none !important; }

div.c.mobile-view { text-align:center; padding:0; float:none; }
#footer a.mobile-view { display:block; text-transform:uppercase; color:#fff; background:#1a1715; text-align:center; font-style:normal; padding:5px 10px;}
#footer div.foot a.mobile-view:hover { color:#f0eadf !important; opacity:1; }
div.c.mobile-view, a.mobile-view { display:none !important; }
@media screen and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {
	div.c.mobile-view, a.mobile-view { display:block !important; }	
}