@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('../fonts/Myriad-Pro-Condensed.ttf') format('truetype');
    src: url("../fonts/MyriadPro-Cond.otf") format("opentype");
}

html,body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: 16px;
    font-family: Calibri, sans-serif;
    background: #E1EAEF;
}

a { text-decoration: none; color: #337AB7; }
* {
    outline: none;
    box-sizing: border-box;
}
.container img, video, object {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


.fejlec {
    width: 100%;
    background: #11597a;
    background: -moz-linear-gradient(top, #11597a 0%, #012a39 100%);
    background: -webkit-linear-gradient(top, #11597a 0%,#012a39 100%);
    background: linear-gradient(to bottom, #11597a 0%,#012a39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11597a', endColorstr='#012a39',GradientType=0 );
}
.fejlec-container {
    max-width: 1200px;
    margin: 0 auto;
}
.fejlec-felso {
    position: relative;
    height: 140px;
}
.fejlec-logo {
    display: inline-block;
    margin: 20px 0 0 0;
}
.fejlec-menu-box {
    position: absolute;
    height: 40px;
    right: 0;
    bottom: 0;
    background: #5b5a5a;
    background: -moz-linear-gradient(top,  #5b5a5a 0%, #010101 50%, #010101 100%);
    background: -webkit-linear-gradient(top,  #5b5a5a 0%,#010101 50%,#010101 100%);
    background: linear-gradient(to bottom,  #5b5a5a 0%,#010101 50%,#010101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5a5a', endColorstr='#010101',GradientType=0 );
}
.fejlec-menu-box ul {
    margin: 0;
    padding: 0;
}
.fejlec-menu-box ul li {
    float: left;
    list-style-type: none;
    line-height: 40px;
    padding: 0 4px;
}
.fejlec-menu-box ul li a {
    display: block;
    color: #FFFFFF;
    font-size: 18px;
    padding: 0 4px;
    transition: 0.3s all ease;
}
.fejlec-menu-box ul li a:hover {
    color: #CCCCCC;
}
.fejlec-kereso-box {
    position: absolute;
    right: 0;
    top: 17px;
}
.kepzes-kereso {
    height: 40px;
    width: 360px;
    font-size: 18px;
    padding: 0 20px;
    background: #E8EFF2;
    border-radius: 20px;
    border: 0;
    box-shadow: 2px 2px 4px #333333;
}
.kepzes-kereso-gomb {
    position: absolute;
    top: 7px;
    right: 9px;
    cursor: pointer;
}
.social-box {
    position: absolute;
    top: 35px;
    right: 375px;
}
.social-box ul {
    margin: 0;
    padding: 0;
}
.social-box ul li {
    list-style-type: none;
    float: left;
    padding: 0 15px 0 0;
}

.fejlec-also {
    display: inline-block;
    background: url("../img/slider-bg.png") no-repeat;
    background-size: contain;
    /*max-width: 1200px;
    max-height: 483px;*/
}

.nyelvvalaszto-box {
    float: right;
    padding: 9px 10px 0 0;
}
.nyelvvalaszto-box div, .mobil-nyelvvalaszto-box div {
    display: inline-block;
    margin: 0 7px 0 0;
}
.nyelvvalaszto-box img, .mobil-nyelvvalaszto-box img {
    width: 40px;
}

.menusor {
    background: #FFFFFF;
    margin: 0 auto;
    max-width: 1200px;
    height: 80px;
}
.menusor ul {
    margin: 0 0 0 80px;
    padding: 0;
}
.menusor ul li {
    list-style-type: none;
    float: left;
    margin: 0 8px 0 0;
    transition: 0.3s all ease;
}
.menusor ul li:hover {
    box-shadow: 3px 3px 5px #333333;
}
.menusor a {
    display: block;
    line-height: 80px;
    padding: 0 20px;
    text-shadow: 2px 2px 5px #333333;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
}

.container {
    background: #FFFFFF;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 80px 40px 80px;
}

.box-cim {
    color: #11597A;
    text-decoration: underline;
    font-size: 44px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    padding: 40px 0 0 0;
}
.aktualitasok-box div, .hirek {
    float: left;
    border:  1px solid #6B6B6B;
    width: 49%;
    margin: 0 6px 3px 0;
}
.aktualitasok-box div {
    padding: 0 15px;
}
.aktualitasok-box-100 div {
    width: 100%;
}
.hirek {
    height: 232px;
    overflow: hidden;
    padding: 6px;
    color: #11597A;
}
.hirek:hover {
    box-shadow: 1px 1px 2px #333333;;
}
.hirek-icon-kep {
    max-width: 190px;
    max-height: 130px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.hirek-cim {
    margin: 0 0 6px 0;
    font-size: 23px;
    line-height: 26px;
}
.hirek-datum {
    font-style: italic;
}
.hirek-lead {
    overflow: hidden;
    font-style: italic;
    height: 100px;
    text-align: justify;
}

.cikk-cim {
    color: #11597A;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 20px 0 0 0;
    line-height: 37px;
}
.cikk-tartalom-datum {
    color: #888888;
    font-size: 12px;
    font-style: italic;
    /*margin: -2px 0 0 2px;*/
}
.cikk-tartalom {
    font-size: 20px;
    line-height: 25px;
    color: #444444;
}

.kepzes-focim {
    text-align: center;
    color: #11597A;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 20px 0;
}
.kepzes-alcim {
    text-align: center;
    color: #11597A;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.kepzesek {
    float: left;
    width: 49%;
    margin: 0 6px 3px 0;
    font-size: 18px;
    transition: 0.2s all ease;
}
.kepzesek:hover {
    /*text-shadow: 1px 1px 2px #000000;*/
    box-shadow:  2px 2px 1px #444444;
    padding: 0 0 0 2px;
}
.kepzesek-kereso {
    width: 100%;
}
.kepzesek a {
    display: block;
    padding: 8px 8px;
    color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.kepzes-ul li {
    list-style-type: disc;
    color: #11597A;
    font-size: 18px;
    margin: 6px 0 0 0;
}
.kepzes-leiras {
    color: #11597A;
    font-size: 18px;
    margin: 10px 0 20px 0;
    text-align: left;
}


.tagiskolak-box-a {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.tagiskolak-box {
    background: #99D7DD;
    height: 133px;
    border-radius: 4px;
    margin: 0 0 16px 0;
    box-shadow: 1px 1px 3px #666666;
    transition: 0.3s all ease;
}
.tagiskolak-box:hover {
    box-shadow: 0 0 0 #FFFFFF;
}
.tagiskola-logo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 160px;
    height: 133px;
}
.tagiskola-nev {
    display: table-cell;
    vertical-align: middle;
    height: 133px;
    color: #11597A;
    font-size: 20px;
}
.tagiskola-nev span {
    font-weight: bold;
    font-size: 26px;
    line-height: 30px;
}

.felnottkepzes-table th {background: #CCCCCC}
.felnottkepzes-table tr:nth-child(even) {background: #DDDDDD}
.felnottkepzes-table tr:nth-child(odd) {background: #FFFFFF}
.felnottkepzes-table td {padding: 4px;}

blockquote {
    border-left: solid 2px #eee;
    font-style: italic;
    margin: 14px 20px;
    padding-left: 20px;
}



.lablec,.lablec2 {
    height: 180px;
    background: #11597a;
    background: -moz-linear-gradient(top,  #11597a 0%, #012a3a 100%);
    background: -webkit-linear-gradient(top,  #11597a 0%,#012a3a 100%);
    background: linear-gradient(to bottom,  #11597a 0%,#012a3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11597a', endColorstr='#012a3a',GradientType=0 );
}
.lablec2 { display: none; }
.lablec-box {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
}
.lablec-bszc {
    padding: 15px 0 10px 0;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.lablec-egyeb {
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
}
.lablec-egyeb span {
    vertical-align: middle;
    font-size: 30px;
    padding: 0 0 0 6px;
}




.lapozas-box {
    width: 100%;
    display: table;
    margin: 30px 0 0 0;
}
.lapozas-box>div { display: table-cell; }
.lapozas-vissza, .lapozas-tovabb {
    width: 80px;
    vertical-align: middle;
}
.lapozas-tovabb { text-align: right; }
.lapozas-oldalak { text-align: center; }
.lapozas-oldalak>ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.lapozas-oldalak>ul>li {
    list-style-type: none;
    float: left;
    margin: 0 3px 6px 3px;
    border: 1px solid #AAAAAA;
    border-radius: 4px;
}
.lap {
    display: block;
    padding: 1px 6px;
}
.lap:hover {
    background: #EEEEEE;
}
.lap-a {
    display: block;
    padding: 1px 6px;
    font-weight: bold;
}

.felnottoktatas-jelentkezes-szures {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0 0 10px 30px;
    margin: 20px 0 0 0;
    border-bottom: 1px dashed #666666;
    text-align: center;
}
.felnottoktatas-jelentkezes-szures ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.felnottoktatas-jelentkezes-szures ul li {
    float: left;
    line-height: 18px;
    margin: 0 20px 0 0;
}

.text-center {
    text-align: center;
}
.tovabbi-hirek {
    color: #11597A;
    font-weight: bold;
    padding: 10px 0;
    font-size: 18px;
}
.vissza {
    text-align: right;
}

.mobil-nyelvvalaszto-box {
    display: none;
}

.tajekoztato-div {
    text-align: center;
    padding: 0 0 30px 0;
}

.online-jelentkezes-ful {
    position: absolute;
    top: 0;
    left: 37%;
    color: #FFFFFF;
    padding: 2px 20px 4px 20px;
    background: #d62423;
    text-align: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 5;
}


.palyazat-logo-container {
    position: absolute;
}
.palyazat-logo-container ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.palyazat-logo-container ul li {
    list-style-type: none;
    float: left;
    margin: 0 10px 0 0;
}

.iskola-col {
    margin: 6px 0;
}
.iskola-col>a:hover {
    text-decoration: none;
}
.iskola-div {
    font-family: "Myriad Pro Condensed";
    margin: 0 -8px;
    box-shadow: 3px 3px 6px #000000;
    height: 100px;
    transition: 0.3s all ease;
}
.iskola-div:hover {
    box-shadow: 1px 1px 6px #000000;;
}
.iskola-div>div {
    padding: 2px 4px;
    margin: auto;
    line-height: 20px;
}
.iskola-div>div>img {
    max-height: 90px;
}
.iskola-sotetkek {
    color: #FFFFFF;
    background: #11597A;
}
.iskola-vilagoskek {
    color: #11597A;
    background: #99D7DD;
}
.iskola-sarga {
    color: #11597A;
    background: #F4BB16;
}
.iskola-kek {
    color: #FFFFFF;
    background: #5BB2C0;
}

.kehop-img {
    /*width: 180px;*/
}






.cookie-div {
    z-index: 1000;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    color: #FFFFFF;
    padding: 20px 20px 20px 40px;
    font-size: 16px;
}
#cookieok {
    border: 1px solid #FEBF00;
    border-radius: 8px;
    background: #FF9900;
    margin: 0 0 0 30px;
    padding: 4px 8px;
    font-size: 14px;
    color: #222222;
}

.clear {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}


.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#temp_hidden {
    display: none;
}

.g-recaptcha {
    display: inline-block;
}






.icon-pdf { background: url("../img/fajlkezelo/pdf.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-doc { background: url("../img/fajlkezelo/doc.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-docx { background: url("../img/fajlkezelo/docx.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-xls { background: url("../img/fajlkezelo/xls.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-xlsx { background: url("../img/fajlkezelo/xlsx.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-ppt { background: url("../img/fajlkezelo/ppt.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-pptx { background: url("../img/fajlkezelo/pptx.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-avi { background: url("../img/fajlkezelo/avi.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-zip { background: url("../img/fajlkezelo/zip.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-rar { background: url("../img/fajlkezelo/rar.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-mp3 { background: url("../img/fajlkezelo/mp3.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-txt { background: url("../img/fajlkezelo/txt.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-jpg { background: url("../img/fajlkezelo/jpg.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-png { background: url("../img/fajlkezelo/png.png") no-repeat 0% 50%; padding: 0 0 0 20px; }
.icon-mappa { background: url("../img/fajlkezelo/mappa.png") no-repeat 0% 50%; padding: 0 0 0 20px; }








.menu-icon {
    display: none;
    float: right;
    margin: 13px 15px 0 0;
}
.hambar {
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #EAE021;
    border-radius: 4px;
    cursor: pointer;
}
.hambar:hover, .hambar:focus { background-color: #1A6B8A; }
.icon-bar:first-child { margin: 0; }
.icon-bar {
    margin: 4px 0 0 0;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #EAE021;
}



.menusor-hambi {
    display: none;
    background: #11597A;
}
.hambar-ul {
    padding: 0;
    margin: 0;
}
.hambar-ul>li {
    list-style-type: none;
    line-height: 30px;
    border-bottom: 1px solid #A79A41;
}
.hambar-ul>li a {
    display: block;
    color: #FFFFFF;
    padding: 0 0 0 6px;
}
.hambar-ul>li a:hover {
    color: #FCE966;
}
.hambar-al-ul {
    margin: 0;
    padding: 0;
    display: none;
    background: #11597A;
}
.hambar-al-ul>li {
    padding: 0 0 0 6px;
    border-top: 1px solid #FCE966;
}










@media(max-width: 1100px) {
    .menusor { height: 60px; }
    .menusor ul { margin: 0 0 0 20px; }
    .menusor a {
        line-height: 60px;
        font-size: 16px;
        padding: 0 16px;
    }
    .container { padding: 0 40px 40px 40px; }
    .palyazat-kieg {
        display: none;
    }
    .palyazat-logo-container {
        position: relative;
    }
}
@media(max-width: 950px) {
    .fejlec-menu-box {
        height: 30px;
    }
    .fejlec-menu-box ul li {
        line-height: 30px;
    }
    .fejlec-menu-box ul li a {
        font-size: 12px;
        padding: 0 2px;
    }
    .container { padding: 0 20px 20px 20px; }
    .hirek-cim {
        font-size: 17px;
        line-height: 18px;
    }
    .hirek-datum { font-size: 12px; }
    .hirek-lead { font-size: 13px; }
}
@media(max-width: 820px) {
    .menusor { height: 40px; }
    .menusor ul { margin: 0 0 0 20px; }
    .menusor a {
        line-height: 40px;
        font-size: 13px;
        padding: 0 12px;
    }
    .fejlec-logo img { width: 200px; }
    .facebook-icon { width: 25px; }
    .youtube-icon { width: 37px; }
    .hirek-icon-kep { width: 120px; }
    .hirek { height: 180px; }
    .box-cim { font-size: 34px; }
}
@media(max-width: 700px) {
    .social-box { display: none; }
    .hirek { width: 100%; }
    .aktualitasok-box div { width: 100%; }
    .lablec-bszc { font-size: 18px; }
    .lablec-egyeb { font-size: 12px; }
    .lablec-egyeb span { font-size: 18px; }
    .lablec { height: 160px; }
}
@media(max-width: 640px) {
    .menu-icon { display: block; }
    .mobil-nyelvvalaszto-box { float: right; display: block; margin: 17px 10px 0 0; }
    .menusor, .fejlec-menu-box, .social-box, .fejlec-kereso-box, .online-jelentkezes-ful {
        display: none;
    }
    .fejlec-felso { height: 60px; }
    .fejlec-logo img { width: 120px; }
    .fejlec-logo { margin: 13px 0 0 10px; }
    .cikk-cim { font-size: 25px; }
    .cikk-tartalom { font-size: 16px; line-height: 20px;}
    .kepzes-ul { padding: 0 15px; }
    .kepzes-ul li { font-size: 14px; }
    .kepzes-leiras { font-size: 16px; }
    .tagiskola-nev { font-size: 16px; }
    .tagiskola-nev span {
        font-size: 18px;
        line-height: 18px;
    }
    .kepzesek {
        width: 100%;
        font-size: 14px;
    }
    .kepzes-alcim { font-size: 16px; }
}
@media(max-width: 440px) {
    .tagiskola-nev {
        font-size: 12px;
        height: 100px;
    }
    .tagiskola-nev span {
        font-size: 14px;
        line-height: 14px;
    }
    .tagiskola-logo {
        width: 100px;
        height: 100px;
        padding: 0 20px;
    }
    .tagiskolak-box { height: 100px; }
    .lablec { display: none; }
    .lablec2 {
        display: block;
        height: auto;
    }
    .kepzes-focim { font-size: 25px; }
    .kepzes-alcim { font-size: 14px; }
    .kepzes-leiras { font-size: 14px; }
    .container { padding: 0 10px 20px 10px; }
}