*:focus{ outline:none; }
button::-moz-focus-inner {  border: 0; }

.border-box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.italic { font-style: italic; }

#page-wrapper {
    overflow: hidden;
    height: auto;
    min-height: 100%;
    padding-bottom: 56px;
}

#page-bkg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #222122 url('images/bg.png') no-repeat center top;
    z-index: -1;
}


#page-header {
    overflow: hidden;
    height: 66px;
}

.navbar {
    position: fixed;
    left: 0; top: 0;

    width: 100%;
    height: 66px;

    z-index: 1024;

    transition: all 0.3s ease;
}

ul.menu {
    margin-bottom: 0;
    height: 100%;
    background: url(images/menu-bg.png) repeat-x 0 0;
}

.menu li {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    float: left;
    margin-bottom: 0;
    height: 100%;
    padding: 24px 20px 0;

    background: url('images/menu-selector.png') no-repeat right top;

    transition: all 0.3s ease;
}

.menu li > a {
    font-size: 18px;
    text-transform: uppercase;

    transition: all 0.3s ease;
}

.menu li > a:hover,
.menu li.current > a { text-decoration: underline; }

.menu li.home {
    padding-top: 18px;
}

.menu li.home a {
    display: block;
    width: 34px;
    height: 31px;

    text-indent: -4096px;

    background: url('images/home-icon.png') no-repeat 0 0;
    transition: all 0.3s ease;
}


/* Footer */
#page-footer {
    overflow: hidden;
    margin-top: -56px;
    height: 56px;
    background: url('images/footer-bg.png') repeat-x 0 bottom;
}

#page-footer > div {
    margin-top: 16px;
}

#page-footer h1 {
    float: left;
    margin-left: 16px;
    margin-bottom: 0;

    font: 16px 'DINPro-Regular';
}

#page-footer p.copyright {
    float: right;
    margin-right: 16px;
}

#page-footer a.pazirik {
    position: relative;
    display: block;
    float: right;
    margin-right: 16px;
    width: 63px;
    height: 25px;

    text-indent: -4096px;

    -webkit-perspective: 1000;
            perspective: 1000;

    background: url('images/pazirik.png') no-repeat 0 0;
}
#page-footer a.pazirik:after {
    content: url('images/pazirik-logo.png');

    position: absolute;
    left: 0; top: 0;

    text-indent: 0;

    -webkit-transition: -webkit-transform 0.8s;
       -moz-transition: -moz-transform 0.8s;
         -o-transition: -o-transform 0.8s;
            transition: transform 0.8s;

    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

#page-footer a.pazirik:hover:after {
    -webkit-transform: rotateY( 180deg );
       -moz-transform: rotateY( 180deg );
         -o-transform: rotateY( 180deg );
            transform: rotateY( 180deg );
}


/* Unity plugin */
div.broken,
div.missing {
        margin: auto;
        position: relative;
        top: 50%;
        width: 193px;
}
div.broken a,
div.missing a {
        height: 63px;
        position: relative;
        top: 0;
}
div.broken img,
div.missing img { border-width: 0; }
div.broken { display: none; }

#unityPlayer { position: relative; margin: 0 auto; }


#page {
    margin-top: 20px;
}

/* Táblázat */
.formated-table {
    margin-bottom: 20px;
    width: 100%;
}

.formated-table tr { transition: all 0.3s ease; }

.formated-table tr:nth-child(2n) {
    background-color: rgba(200, 200, 200, 0.04);
}

.formated-table td {
    padding: 2px 4px 3px;
}

.formated-table td:nth-child(2n) { text-align: right; }

.formated-table tr:hover { background-color: rgba(220, 220, 220, 0.32); }


.scroll-up {
    position: fixed;
    bottom: 64px; left: 50%;
    margin-left: 520px;
    display: block;
    width: 26px;
    height: 43px;

    background: url('images/fel.png') no-repeat 0 0;
    opacity: 0;
}

/* Galéria */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider .slides > li, .flex-direction-nav > li { margin: 0; }

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav a  { display: block; width: 24px; height: 38px; margin: -19px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; background: url('images/slide-nav.png') no-repeat 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -48px; }
.flex-direction-nav .flex-next { right: -48px; background-position: 0 -38px; }
.flexslider:hover .flex-prev { opacity: 0.64; }
.flexslider:hover .flex-next { opacity: 0.64; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

.fancybox-skin { border-radius: 0; }

.flexslider a.fancybox {
    position: relative;
    display: block;
}

.flexslider .caption-wrap {
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 60px;

    background-color: rgba(255, 255, 255, 0.64);
}

.flexslider .caption {
    display: table-cell;
    height: 60px;
    width: 1162px;
    vertical-align: middle;

    color: #000;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.flexslider.loading {
    min-height: 320px;
    background: url('fancybox_loading@2x.gif') no-repeat center center;
}



/* Súgó */
#help {
    position: fixed;
    top: 80px; left: -340px;

    width: 340px;
    height: 480px;

    padding: 10px;
    background-color: rgba(0, 0, 0, 0.24);
}
.help-button {
    position: absolute;
    top: 0; right: -23px;

    display: block;
    width: 13px;
    height: 82px;
    padding: 10px 5px 5px;

    text-indent: -4096px;

    background: rgba(0, 0, 0, 0.24) url('images/sugo.png') no-repeat 5px 10px;
}

#help > div {
    overflow: auto;
    height: 100%;
}


@media only screen and (min-width: 1180px) and (max-width: 1346px) {
    .menu li { padding: 24px 20px 0; }
    .menu li > a { font-size: 15px; }
    .menu li.home a { transform: scale(0.96, 0.96); }
}

@media only screen and (min-width: 960px) and (max-width: 1179px) {
    .menu li { padding: 24px 11px 0; }
    .menu li > a { font-size: 14px; }
    .menu li.home a { transform: scale(0.96, 0.96); }

    #page-footer h1, #page-footer a, #page-footer p { font-size: 14px; }
}

@media only screen and (max-width: 959px) {
    #page-header, .navbar { height: 56px; }
    .menu li { padding: 16px 5px 0; }
    .menu li > a { font-size: 12px; }
    .menu li.home a {
        width: 20px;
        height: 18px;
        background-size: 20px;
    }

    #page-wrapper { padding-bottom: 88px; }
    #page-footer { margin-top: -88px; height: 88px; background-size: 1px 88px; }
    #page-footer h1, #page-footer a.pazirik, #page-footer p.copyright {
        float: none;
        margin-left: 16px;
        font-size: 14px;
    }
}