﻿@import url(scrollbar.css);@import url(../fonts/fonts.css);

*,:before,:after{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font:inherit;color:inherit;text-indent:0;box-sizing:border-box;box-shadow:none}audio:not([controls]){display:none;height:0}[hidden],template{display:none}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}img{max-width:100%}

address,audio,blockquote,details,dl,figure,menu,ol,p,pre,table,ul{margin-bottom:1em}:last-child{margin-bottom:0}

html{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.3;background:#fff url(img/bg.jpg) no-repeat center fixed;background-size:cover;color:#123;overflow:hidden}
@media(min-width:1px){html{font-size:80%}}@media(min-width:900px){html{font-size:90%}}@media(min-width:1100px){html{font-size:100%}}
html:before{content:"";position:fixed;top:-1em;left:-1em;right:-1em;height:1em;box-shadow:0 .2em 1em #000;z-index:99}

address{font-style:italic}
blockquote{quotes:"" "";quotes:none;margin-left:2em;margin-right:2em}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
body{position:relative;max-width:88em;height:100%;margin:auto;border:solid rgba(255,255,255,.5);border-width:20px 25px 26px 23px;border-image:url(img/frame.png)20 25 26 23 stretch}
figure{margin-left:2em;margin-right:2em}
figure:after{content:"";display:block;clear:both;font-size:0}/*floating img inside*/
figcaption{}
footer{position:absolute;bottom:0;left:0;right:0;height:2em;background:#2a7fa5;text-align:center;border-top:solid 1px;box-shadow:0 -.2em .8em rgba(0,0,0,.6),inset 0 -.5em 1em rgba(0,0,0,.7)}
h1{font-size:2em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.8em}
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin-bottom:.2em}
header{position:relative;padding-top:1px;height:5em;background:linear-gradient(#1a6f95 0%,#5aafd5 56%,#3a8fb5 56%,#7acff5 100%);box-shadow:0 .2em .8em rgba(0,0,0,.7),inset 0 -.5em 1em rgba(0,0,0,.7);z-index:9}
hr{position:relative;height:1px;background:#bbb;margin:1em auto;border:0}
nav{position:relative;z-index:5}
p{}
pre{white-space:pre-wrap;font-family:monospace;font-size:1em;overflow:auto}
section{}

dd,li{margin-left:1em}
nav ul,ul ul,ol ol{background:transparent;padding:0;margin:0;border:0;outline:0;box-shadow:none}
ol li{list-style:decimal}
nav li{list-style:none}

option{padding-left:.4em}/*FF*/
select,input,button,textarea{background:#fff;border:solid 1px}
textarea{padding:.2em 0 .2em .4em;overflow:auto;resize:none}
label,button,[type=button],[type=submit],[type=reset],[type=file],[type=radio],[type=checkbox],[type=range]{cursor:pointer}
[disabled],[disabled]+label{cursor:default;pointer-events:none}
input:focus,button:focus,select:focus,textarea:focus,keygen:focus,.sbox:focus{box-shadow:0 0 .3em #07f}
[type=range]{vertical-align:bottom}
optgroup{}
output{}
datalist{}
progress{}
meter{}
::-moz-focus-inner{padding:0;border:0}
::-webkit-input-placeholder{color:inherit;opacity:.6}
:focus::-webkit-input-placeholder{color:transparent}
:-ms-input-placeholder{opacity:.6}
::placeholder{opacity:.6}
:focus::placeholder{color:transparent}

abbr[title],dfn[title]{border-bottom:dotted 1px;cursor:help}
b,strong{font-weight:bold}
cite{font-family:cursive}cite:before,cite:after{content:'\2019'}
code,kbd,samp{font-family:monospace;font-size:1em}
cite,dfn,i,em{font-style:italic}
del{text-decoration:line-through}
dfn{font-weight:bolder}
ins{text-decoration:underline}
mark{background:#ff0;color:#000;padding:0 .2em}
q{quotes:'\201C' '\201D' '\2018' '\2019'}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.2em}sup{top:-.4em}

table{border-collapse:collapse;caption-side:top;border-spacing:0}
caption,td,th{font-weight:normal;text-align:left;vertical-align:top;padding:.3em .5em}

/****/
body:before,body:after,header:before,header:after,section:before,.sidebar:before,.sidebar:after,.addbar:before,.addbar:after,.content:before,.content:after,#heading:before,#heading:after,#heading h1:before,#heading h1:after,hr:before,hr:after,footer:before,footer:after{content:"";position:absolute}

#adm{color:red;margin:0}

::selection{background:#1a6f95;color:#fff;text-shadow:none}
#heading{margin:.6em 0}
#heading h1{position:relative;text-align:center;font-family:Berkshire;font-weight:normal;line-height:1;color:#48a;text-shadow:-1px -1px #def,2px 2px 2px #555;letter-spacing:.04em;-webkit-filter:url(#light2);filter:url(../svg/lights.svg#light2)}
filter{color-interpolation-filters:sRGB}
#slogan{position:absolute;left:1em;top:.4em;color:#fff}
@media screen{#slogan{max-width:29vw}}
h4{color:#c33}
h4 a{text-decoration-color:green}

[data-hint]{position:relative}
[data-hint]:before,[data-hint]:after{position:absolute;opacity:0;z-index:999;pointer-events:none}
[data-hint]:hover:before,[data-hint]:hover:after{opacity:1}
[data-hint]:after{content:attr(data-hint);height:1.8em;line-height:1.8;white-space:nowrap;text-decoration:none;background:#3986ac;color:white;padding:0 .8em;font-size:.9em;box-shadow:0 0 1px #fff,2px 2px 1px rgba(0,0,0,.4);text-shadow:-1px -1px #193b4d;border-radius:.3em}
[data-hint]:before{content:'';background:transparent;border:solid .6em transparent;white-space:normal}
.hint-top:before,.hint-top:after{bottom:110%;left:50%}
.hint-bottom:before,.hint-bottom:after{top:110%;left:50%}
.hint-top:after,.hint-bottom:after{margin-left:-1.8em}
.hint-top:before{margin-bottom:-1em}
.hint-bottom:before{margin-top:-1em}
.hint-right:before,.hint-right:after{left:100%;bottom:50%}
.hint-left:before,.hint-left:after{right:100%;bottom:50%}
.hint-right:before{margin-left:-.5em;margin-bottom:-.6em}
.hint-right:after{margin-left:.6em;margin-bottom:-1em}
.hint-left:before{margin-right:-.5em;margin-bottom:-.6em}
.hint-left:after{margin-right:.6em;margin-bottom:-1em}
.hint-top:before{border-top-color:#3986ac}
.hint-bottom:before{border-bottom-color:#3986ac}
.hint-left:before{border-left-color:#3986ac}
.hint-right:before{border-right-color:#3986ac}

#calendar input,#calendar select{margin-bottom:.2em}
#calendar input{padding:0 4px}
#calendar label{margin:0 .2em}

#lang{position:absolute;top:1em;right:1.5em}
#lang a{display:inline-block;position:relative;width:2ex;height:1.6ex;text-decoration:none;background-size:cover;border:solid 1px #ccc;margin-left:4px}
#lang a:after{position:absolute;top:-9999px;right:0;line-height:1;padding:.2em .3em;font-size:smaller;background:linear-gradient(#5aafd5,#1a6f95);color:#fff;border:solid 1px;border-radius:.4em;box-shadow:inset 0 -.5em 1em rgba(0,0,0,.4)}
#lang a:hover:after{top:150%}
.uk:after,.en:after,.us:after{content:"English"}.hu:after{content:"Magyar"}.cs:after{content:"Český"}.sk:after{content:"Slovenský"}.de:after{content:"Deutsch"}
.hu{background:url(img/hu.png)}.uk{background:url(img/uk.png)}.us{background:url(img/us.png)}.cs{background:url(img/cs.png)}.sk{background:url(img/sk.png)}.de{background:url(img/de.png)}
.hu,.uk,.sk,.de{opacity:.6}
#uk .uk,#hu .hu,#sk .sk,#de .de,#calendar .uk,#calendar .hu,#calendar .sk,#calendar .de{opacity:1}

.scroll{height:calc(100% - 7em)}
@media screen and (-webkit-min-device-pixel-ratio:0){.scroll{height:calc(100% - 7em + 1px)}}
#main,.content,.sidebar,.addbar{position:relative;min-height:100%}
#main{display:flex}
.content{flex:0 1 60%;order:2;padding:.8em 1.4em;background:rgba(255,255,255,.9);border:solid #999;border-width:0 1px;z-index:0;overflow:hidden}
.content:before{content:"";position:absolute;top:-4em;right:0;bottom:-4em;left:0;box-shadow:inset 0 0 3em rgba(0,0,0,.4);z-index:-1}
.sidebar{flex:0 1 20%;order:1}
.addbar{flex:0 1 20%;order:3}
.sidebar,.addbar{background:rgba(255,255,255,.9);font-size:87.5%;padding:.7em}

hr:before,hr:after{line-height:1}
#index{position:fixed;right:0;bottom:0}
.warning{color:red}
.no-area{position:absolute;top:-999em}

.comment{border-top:solid 1px #aaa!important}

/*NAVBAR*/
.v{margin-bottom:1em}
.v:before,.v:after{content:"";display:block}
.h:before,.h:after,.menu:before,.menu:after,.menu ul:before,.menu ul:after,.menu li:before,.menu li:after,.menu li a:before,.menu li a:after,.menu div:before,.menu div:after{content:"";position:absolute}
nav ul{}
nav li{position:relative;margin:0}
.h .menu{display:table;margin:auto}.h .menu>li{display:table-cell;float:left}
nav li:hover,nav li:focus{background:#49849E;z-index:1}

.menu a{display:block;text-decoration:none;white-space:nowrap;line-height:1;outline:0}
nav div{position:absolute;visibility:hidden}
nav li:hover>div,nav li:focus div{visibility:visible}
.v div,.h div div{left:100%;top:0}
.h li{margin:0 .4em}
.h a{color:#fff}
.formstyle a,.calendar a{color:#006;cursor:default}

#like{padding-top:.4ex}
#like,#gOne,.fb-like{position:relative;display:inline-block;vertical-align:top}

@media(max-width:794px){#main{display:block}.sidebar,.addbar{border-top:solid 1px #999}.content{padding:.7em;border:0}#like{padding-top:1px}}
@media(max-width:480px){body{border:0}#like{padding-top:0}#slogan{display:none}}

@media print{
html,body{height:auto}
html{background:#fff}
body{border:0;padding:0 1em;max-width:none}
footer{position:relative}
a:link,a:visited{text-decoration:none!important}
a[href]:after{content:" (url:"attr(href)")";position:relative;opacity:1;background:inherit;color:inherit;font-size:inherit;box-shadow:none;text-shadow:none;margin:0;padding:0}
.hint-top:after{left:0;bottom:0}.hint-bottom:after{top:0;left:0}.hint-right:after{left:0;bottom:0}.hint-left:after{right:0;bottom:0}
a[href^="javascript:"]:after,a[href^="#"]:after,a[href^="tel"]:after,a[href^="mailto"]:after,a[href*="tricks"]:after{content:""}
abbr[title]:after{content:" ("attr(title)")"}
h1,h2,h3,caption{page-break-after:avoid}
tr,img{page-break-inside:avoid}
.break{page-break-after:always}
nav,menu,.noprint,#lang,#index,html:before,.content:before,#HCB_comment_box{display:none!important}

@-moz-document url-prefix(){#heading h1{filter:none}}
@page{margin:.6em 0 0 0}
@page:first{margin:0}
}