@font-face {
    font-family: Roboto-regular;
    src: url('../fonts/Roboto-Regular.eot');
    src: local(':)'),
    url('../fonts/Roboto-Regular.ttf') format('truetype'),
    url('../fonts/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto-Regular.svg') format('svg');
}
@font-face {
    font-family: Roboto-bold;
    src: url('../fonts/Roboto-Bold.eot');
    src: local(':)'),
    url('../fonts/Roboto-Bold.ttf') format('truetype'),
    url('../fonts/Roboto-Bold.woff') format('woff'),
    url('../fonts/Roboto-Bold.svg') format('svg');
}
body, html {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 100%;
}
body {
    font-family: 'Roboto-regular', sans-serif;
    font-size: 14px;
    background: url("../img/body-bg-csillag.png");
    color: #D8D8D8;
}
img,iframe {
    display: block;
}
a {
    text-decoration: none;
    color: #D8D8D8;
    transition: 0.3s all ease;
}
a:hover {
    color: #FFFFFF;
}
div,input,textarea,select,button {
    box-sizing: border-box;
    outline: none;
}
form {
    margin: 0;
    padding: 0;
}

:-ms-input-placeholder { color: #666666; }
:-moz-placeholder { color: #666666; }
::-moz-placeholder { color: #666666; }
::-webkit-input-placeholder { color: #666666; }


.bg-div {
    position: absolute;
    width: 100%;
    background: url("../img/body-bg.jpg") 50% 100% repeat-x;
    z-index: -1;
}

.sarga { color: #FFC000; }
.piros { color: #E00000; }
.zold { color: #00D250; }
.lila { color: #944FC9; }
.kek { color: #1EC6FF; }

.sarga-hover:hover { color: #FFC000; }
.piros-hover:hover { color: #E00000; }
.zold-hover:hover { color: #00D250; }
.lila-hover:hover { color: #944FC9; }
.kek-hover:hover { color: #1EC6FF; }

.sarga-hover-bg:hover, .sarga-bg { background: #FFC000; }
.piros-hover-bg:hover, .piros-bg { background: #C00000; }
.zold-hover-bg:hover, .zold-bg { background: #00D250; }
.lila-hover-bg:hover, .lila-bg { background: #944FC9; }
.kek-hover-bg:hover, .kek-bg { background: #1EC6FF; }

.container {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 0 8px #000000;
}

.fejlec-block {
    position: relative;
    background: url("../img/fejlec.png") no-repeat;
    max-width: 1000px;
    height: 318px;
}
.fejlec-cim {
    position: absolute;
    margin: 30px 0 0 235px;
}
.fejlec-sziluett {
    position: absolute;
    bottom: 0;
    margin: 0 0 0 33px;
    /*left: 50%;
    transform: translate(-50%, 0);*/ /*IE szívás*/
}
.fejlec-logo {
    position: absolute;
    margin: 20px 0 0 20px;
    left: 0;
}
.fejlec-logo-link {
    width: 188px;
    height: 188px;
    border-radius: 94px;
}
.fejlec-ora {
    position: absolute;
    margin: 15px 20px 0 0;
    right: 0;
}
.fejlec-centrum-logo {
    position: absolute;
    margin: 20px 150px 0 0;
    right: 0;
    opacity: 0.65;
}

.menu-block {
    position: absolute;
    width: 100%;
    height: 42px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background: #000444;
    box-shadow: 0 3px 9px #000000;
}
.menu {
    display: inline-block;
    margin: 0 0 0 110px;
    height: 100%;
    font-family: 'Roboto-bold', sans-serif;
}
.menu a {
    font-size: 14px;
    padding: 0 20px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    transition: 0.25s all ease;
    letter-spacing: 1px;
}
.menu a:hover { color: #FFFFFF; }
.menu>ul {
    margin: 0;
    padding: 0;
}
.menu li {
    list-style-type: none;
    line-height: 40px;
}
.menu>ul>li {
    float: left;
}
.menu-sub {
    display: none;
    position: absolute;
    background: #000444;
    margin: 1px 0 0 0;
    padding: 0;
    box-shadow: 2px 2px 4px #000000;
    z-index: 10;
}
.menu-sub>li {
    line-height: normal;
}
.menu-sub>li>a {
    color: #CCCCCC;
    font-size: 12px;
    padding: 10px 30px 10px 20px;
    letter-spacing: 1px;
}
.menu-sub>li>a:hover {
    background: #00021F;
    color: #999999;
}
.menu-intezmeny-link>div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 0;
}
.menu-intezmeny-link img { opacity: 0.7; }
.menu-tavtarto { height: 42px; }

.menu-toggle {
    display: none;
}


.torzs-block {
    line-height: 18px;
    padding: 30px 20px;
    width: 100%;
    background: #444444;
    font-size: 15px;
    text-shadow: 1px 1px 1px #222222;
}
.torzs-cim {
    font-size: 30px;
    margin: 10px 0 30px 0;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 0 15px 10px;
    border-bottom: 1px solid #333333;
    text-shadow: 1px 1px 4px #222222;
}

.kapcsolat { margin: 0 0 70px 0; }
.intezmenyek { margin: 0 0 30px 0; }


.login-block {
    position: absolute;
    right: 0;
    margin: -1px 20px 0 0;
    background: #000444;
    border-top: 1px dashed #000666;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 2px 6px #000000;
    height: 27px;
    width: 90px; /*240*/
    overflow: hidden;
}
.login-container {
    /*height: 135px;
    width: 240px;*/
    padding: 0 20px;
}
#login_form>div, .login-container>div {
    margin: 2px 0 6px 0;
}
#login_form>div:first-child, .login-container>div:first-child {
    margin: 4px 0 8px 0;
}
.login-block button {
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 8px;
    cursor: pointer;
}
.login-block input {
    width: 200px;
    padding: 3px 5px;
    border: 0;
}
.belepes, .belepes-a {
    cursor: pointer;
    padding: 4px 20px 4px 20px;
}

.intezmenyek-table { font-size: 13px; }
.intezmenyek-table thead { letter-spacing: 1px; }
.intezmenyek-table th { border-bottom: 1px solid #333333; }
.intezmenyek-table>tbody>tr:hover { background: #333333; }
.intezmenyek-table>tbody>tr>td { border-bottom: 1px dashed #555555; }
.intezmenyek-icon { text-align: center; font-size: 20px; }
.intezmenyek-icon>img { opacity: 0.8; }

.helyszinek-szerint { margin: 50px 0 0 0; }
.helyszin-div {
    position: relative;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 45px;
    padding: 0 25px 0 10px;
    border-bottom: 1px solid #888888;
    cursor: pointer;
    background: #880000;
    color: #CCCCCC;
}
.helyszin-div:hover {
    background: #660000;
}
.helyszin-div>img {
    margin: 0 10px 0 0;
    opacity: 0.8;
}
.helyszin-div>span {
    position: absolute;
    right: 15px;
}
.helyszin-program {
    display: none;
    font-size: 14px;
}
.helyszin-program th, .sajat-program th {
    border-bottom: 1px dashed #666666;
}
.helyszin-program td, .sajat-program td {
    vertical-align: top;
    border-bottom: 1px dashed #666666;
}
.kinek-ajanljuk {
    font-size: 12px;
    color: #AFAFAF;
}

.login-cell {
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: top;
}
.login-box {
    display: inline-block;
}
.login-box>form>div {
    text-align: left;
}
.login-box h2 {
    letter-spacing: 1px;
}
.login-box input {
    width: 250px;
    margin: 0 0 10px 0;
    padding: 4px 6px;
    border: 1px solid #222222;
    background: #BBBBBB;
}
.login-box button {
    border: 1px solid #222222;
    cursor: pointer;
    padding: 4px 18px;
    font-weight: bold;
}
.login-szoveg {
    line-height: 22px;
    margin: 0 0 20px 0;
}
.reg-vissza, .login-vissza-l {
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 12px;
}
.login-vissza {
    font-size: 12px;
    text-align: center;
}

.regisztracio {
    float: right;
    margin: 0 2px 0 0;
    padding: 2px 0 0 0;
}

.nyomtatas { text-align: center; }
.nyomtatas>div {
    display: inline-block;
    text-align: center;
    margin: 20px 0;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    transition: 0.3s all ease;
}
.nyomtatas>div:hover {
    border: 1px solid #FFFFFF;
}
.nyomtatas>div>a {
    display: block;
    padding: 8px 20px;
}

.th-idopont { width: 100px; }
.th-program { width: 300px; }



.lablec {
    height: 40px;
    background: #944FC9;
    box-shadow: 0 -1px 4px #000000;
}
.bszc-link {
    display: inline-block;
    margin: 0 0 0 5px;
}
.bszc-link div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 10px;
}
.bszc-link a {
    padding: 5px 0 0 0;
    font-size: 16px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}
.lablec-right {
    float: right;
    font-size: 26px;
    margin: 2px 2px 0 0;
}
.lablec-right>div {
    float: left;
    margin: 0 4px 0 0;
}
.email-link a { padding: 2px 2px; display: block; }
.facebook-link a { padding: 4px 6px 0 6px; display: block; }

.also-magassag { height: 100px; }

#temp { display: none; }



.menu-icon {
    position: absolute;
    display: none;
    margin: 5px 10px;
    right: 0;
}
.navbar {
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    cursor: pointer;
}
.navbar:hover, .navbar:focus { background-color: #DDDDDD; }
.icon-bar:first-child { margin: 0; }
.icon-bar {
    margin: 4px 0 0 0;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #999999;
}

.tamogatok {
    text-align: center;
    margin: 30px auto 0 auto;
}
.tamogatok img {
    display: inline-block;
    opacity: 0.6;
    border-radius: 4px;
}

.video-shadow {
    position: absolute;
    width: 165px;
    height: 26px;
    background: url("../img/video_also_arnyek.png");
}
.left-shadow {
    left: 0;
    background-position: 0 0;
}
.right-shadow {
    right: 0;
    background-position: 100% 0;
}



@media(max-width: 960px) {
    body {
        background: #000000;
    }
    .bg-div, .fejlec-sziluett, .fejlec-ora, .also-magassag, .menu-block, .menu-tavtarto {
        display: none;
    }
    .fejlec-block {
        height: 50px;
        background: #000444;
        border-bottom: 1px solid #CCCCCC;
    }
    .fejlec-centrum-logo { margin: 5px 0 5px 238px; right: auto; }
    .fejlec-centrum-logo img { height: 40px; }
    .fejlec-logo { margin: 5px; }
    .fejlec-logo-link { margin: 5px; width: 40px; height: 40px; border-radius: 20px; }
    .fejlec-logo img { height: 40px; }
    .fejlec-cim { margin: 5px 0 5px 50px; }
    .fejlec-cim img { height: 40px;}

    .menu-icon { display: block; }
    .menu {
        display: block;
        margin: auto;
        height: auto;
        background: #222222;
    }
    .menu>ul>li { float: none; border-bottom: 1px dashed #666666; }
    .menu-sub { position: relative; box-shadow: none; }
    .menu-sub li { border-bottom: 1px dashed #000666; }

    .torzs-cim {
        font-size: 25px;
        line-height: 30px;
    }
    .th-program { width: 200px; }
}

@media(max-width: 560px) {
    .login-cell { display: block; }
    .helyszin-div, .helyszin-program { font-size: 13px; }
    .helyszinek-szerint { margin: 30px -20px 0 -20px; }

    .intezmenyek-table img, .no-print { display: none; }

    .tamogatok img { height: 60px; }

    .video { width: 330px; height: 185px; }
}
@media(max-width: 385px) {
    .lablec-bszc-nev { font-size: 14px; }
    .th-program { width: auto; }
    .helyszinek-szerint img { display: none; }
}


@media print {
    .fejlec-block, .menu-block, .login-block, .lablec, .also-magassag, .login-szoveg, .nyomtatas, input[type=checkbox], .bg-div, .no-print {
        display: none;
    }
    .torzs-block, .torzs-cim {
        font-family: Arial;
        font-size: 12px;
        text-shadow: none;
        color: #000000;
    }
    .torzs-cim { font-size: 22px; }
    .th-idopont { width: 80px; }
    .th-program { width: 150px; }
    .sarga, .zold, .piros, .lila, .kek {
        color: #AFAFAF;
    }
    .kinek-ajanljuk {
        font-size: 10px;
    }

    .page-break-block { page-break-inside:avoid; page-break-after:auto; }
}