html, button, input, select, textarea { color: #000; }
html { font-size: 1.2em; line-height: 1.4; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.floatright { float: right; }
.floatleft { float: left; }
.clr { clear: both; display: block; }

.img-right { float: right; margin-left: 20px; }
.img-left { float: left; margin-right: 20px; }

.leftbox { padding-right: 5px; }
.centerbox { padding-right: 5px; padding-left: 5px; }
.rightbox { padding-left: 5px; }

.desktop { display: block; }
.mobil { display: none !important; }

.static h2 { margin-top: 0; font-weight: 900; }
    
.static ul, .static ol { margin-left: 20px; }
.static a { text-decoration: underline; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: none; }

p { /*text-align: justify;*/ line-height: 2em; }
    .celcsoportfejlecwrap p {
        text-align: center;
    }
h2 { text-transform: uppercase; color: #fff200; margin-top: 24px; margin-bottom: 20px; font-weight: 900; }

a { color: #fff; }
a:hover { color: #fff200; }

/* stílus felülíró osztályok. Ezekre azért van szükség, mert a grafikában vannak bizonyos elemek, amelyek eltérnek a szabvány definíciótól */

.marginright80 { margin-right: 80px; }
.smaller { font-size: 10px; }
.marginright10 { margin-right: 10px; }
.piros { border: solid 8px red !important; }
.fb-share-button { margin-bottom: 10px; position: absolute; }
.SmallLabel { font-size: 13px !important; margin-bottom: 20px; }
.MarginTop30 { margin-top: 30px; }
.smallerfont { font-size: 14px !important;}
.smallpadding { padding-top: 10px !important; padding-bottom: 10px !important; }
.greytext { color: #999999; }

.comment h4 { margin-bottom: 0px; }
form h3 { margin-bottom: 0; }
h3.ketsor { margin-top: 0; margin-bottom: 0; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; background: none; height: 1px; border: none; border-bottom: solid 1px #ddd; margin: 50px 0; padding: 0; }
hr.lowmargin { margin-top: 0px !important; margin-bottom: 20px !important; }
hr.lowmargin2 { margin-top: 5px; margin-bottom: 5px; }

img { max-width: 100%; height: auto; }

audio, canvas, img, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy { margin: 0.2em 0;  background: #ccc;  color: #000;  padding: 0.2em 0; }

body { font-family: 'Arial', sans-serif; overflow-x: hidden; background: #000; color: #fff200;}
header { border-bottom: solid 2px #e5e5e5; margin-bottom: 20px; padding-bottom: 10px;}

#placeHolder { display: none; }

/* form elemek */

textarea { width: 100%; min-height: 200px; margin-bottom: 20px; font-family: 'Arial', sans-serif; border: solid 1px #bbbbbb; }
    .kerdesform textarea { min-height: 80px; }
select { background: #fff url(../img/select.png) right center no-repeat; -webkit-appearance: none; }

 @-moz-document url-prefix() {
        select { background-image: none !important; }
    }

select[multiple] { background: #fff; }
input[type="text"], select, input[type="password"] { width: 100%; padding: 10px 50px 10px 10px; border: solid 1px #cccccc; margin-bottom: 10px; }
    
input[type="submit"], a.GreenButton { font-family: 'Arial', sans-serif; background: #fff200 !important; display: block; 
padding: 10px; text-transform: uppercase; font-weight: 900; font-size: 18px; border: none; width: 100%; margin-bottom: 10px; margin-top: 10px; color: #000;}  
    input[type="submit"]:hover, a.GreenButton:hover { background: #fff !important; }
    
    a.GreenButton, body.palyazatok input[type="submit"] { padding-top: 18px; padding-bottom: 18px; }
    a.GreenButton { text-align: center; text-decoration: none !important; }

    body.palyazatok input[type="submit"] { margin-top: 20px; padding-top: 12px; padding-bottom: 12px; background: #fff200; }
        body.palyazatok input[type="submit"].KeresesGomb { background: #fff200 url(../img/darkmagnifier.png) right center no-repeat !important; }
            body.palyazatok input[type="submit"].KeresesGomb:hover { background: #0098a1 url(../img/darkmagnifier.png) right center no-repeat !important; }
    
    body.palyazatok a.GreenButton { background: #fff200; }
        body.palyazatok a.GreenButton:hover { background: #0098a1; }

    body.nemzetkoziesites input[type="submit"], body.nemzetkoziesites a.GreenButton { background: #ff8705; }
        body.nemzetkoziesites input[type="submit"]:hover, body.nemzetkoziesites a.GreenButton:hover { background: #ea6d00; }
        
    .tudastarfejlec a.GreenButton.tud { font-size: 14px; padding-top: 17px; padding-bottom: 16px; text-decoration: none;}
    input[type="submit"].LeftSmallButton { display: inline-block; width: auto; float: left; margin-top: 20px; clear: both; }
    
    .kerdesform input[type="submit"] { margin-top: 0; background: #54b5e2; }
        .kerdesform input[type="submit"]:hover { background: #3f92ba; }
    
    body.tempus a.GreenButton, body.tempus input[type="submit"]  { background: #cdbe69; text-decoration: none;}
        body.tempus a.GreenButton:hover, body.tempus input[type="submit"]:hover  { background: #aa9f46; }
    
    body.tempus.kapcsolat input[type="submit"] { background-color: #cdbe69; }
        body.tempus.kapcsolat input[type="submit"]:hover { background-color: #aa9f46; }
        
        body.tempus.kapcsolat h4 { font-weight: 900; text-transform: uppercase; font-size: 18px; margin-bottom: 50px; margin-top: 0; }
        table.kapcsolatTabla tr td { background: transparent !important; font-weight: 900; }
            table.kapcsolatTabla tr td:first-child { width: 40px; background-color: #fff200 !important;}

    .Koszonom { font-size: 12px !important; padding: 10px 5px !important; }

    input[type="submit"].TovabbGomb { display: inline-block; width: auto; float: right; background: #b4c03a url(../img/tovabbnyil.png) right center no-repeat; padding-right: 80px; }
        input[type="submit"].TovabbGomb:hover { background: #9fab2a url(../img/tovabbnyil.png) right center no-repeat; }
        input[type="submit"].TovabbGomb.PlusGomb { background: #b4c03a url(../img/plusgomb.png) right center no-repeat; margin-bottom: 10px; }
            input[type="submit"].TovabbGomb.PlusGomb:hover { background-color: #9fab2a; }
        a.PlusGomb { background: #b4c03a url(../img/bigplusgomb.png) right center no-repeat; }
            a.PlusGomb:hover { background: #9fab2a url(../img/bigplusgomb.png) right center no-repeat; }
    
    .file-input-wrapper { width: 200px; height: 40px; overflow: hidden; position: relative; }
        .file-input-wrapper > input[type="file"] { font-size: 200px; position: absolute; top: 0; right: 0; opacity: 0; }
    .file-input-wrapper > .btn-file-input { display: inline-block; width: 200px; height: 40px; background: #b4c03a; border: none; font-weight: 900; text-transform: uppercase; }
      
    aside .file-input-wrapper > .btn-file-input { width: 172px; }
    body.tempus .file-input-wrapper { margin-bottom: 5px; }
        body.tempus .file-input-wrapper > .btn-file-input { background: #fff200; }
        body.tempus .file-input-wrapper:hover > .btn-file-input { background: #aa9f46; }

.checkbox, .radio { width: 19px; height: 22px; padding: 0 5px 0 0; display: inline-block; clear: left; 
    background: url(../img/checkbox.png) no-repeat; margin-top: 6px; margin-bottom: -6px; margin-right: 10px; }

#ReszletesKereses .checkbox { margin-bottom: -8px; }

.radio { background: url(../img/radio.png) no-repeat; }

.RatingOsszesen { border: solid 1px #ddd; font-size: 12px; padding: 2px; margin-top: 10px; width: 130px; }
    .RatingOsszesen p { margin: 0; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center !important; }
    .RatingOsszesen:after { content: url(../img/nyilacska.png); position: absolute; margin-top: -32px; margin-left: 122px; }

/* form elemek */

#MainMenu ul li, #MobilMenu ul li { display: inline-block; padding: 0px; margin: 0px; margin-right: -20px; }
#MainMenu ul li a { color: #fff200; text-decoration: none; font-size: 14px; font-weight: 600; height: 22px; display: block; }

.logo img { margin-top: 20px; }
    a.TopbarLogo { margin: 10px 15px; }
        a.TopbarLogo#TopYoutube { margin: 10px 0px 10px 4px; }
        a.TopbarLogo#TopFacebook { margin: 10px 3px; }
            a.TopbarLogo#TopFacebook { margin-right: 0px; }

    ul.LangSelect { display: inline-block; margin-right: -16px; width: 110px; height: 50px; margin-top: -1px; padding-top: 22px; padding-left: 24px; }
        ul.LangSelect li { display: inline-block; }
            ul.LangSelect li:first-child:after { content: " /"; color: #b4b4b4; }
            ul.LangSelect li a { font-size: 12px; color: #fff200; text-decoration: none; font-weight: 700; }
                ul.LangSelect li a:hover { color: #fff; }

.MenuLeft, .MenuRight { display: block; float: left; height: 22px; }
    .MenuLeft { width: 14px; padding-right: 10px; }
    .MenuRight { width: 15px; padding-left: 10px; }

#MainMenu ul li a span.Text { padding: 0px 10px; float: left; display: block; margin-top: 2px; font-weight: 500; font-size: 16px;}

#MainMenu ul li a:hover, #MobilMenu ul li a:hover { background: #000; color: #fff;}

form#SearchBox { width: 208px; height: 40px; margin-top: 8px; border: solid 2px #fff200; }
    form#SearchBox:hover { }
    form#SearchBox input[type="text"] { width: 155px; padding: 12px 9px 0px 15px; border: none; background: transparent; outline: none; font-size: 14px; }
    form#SearchBox input[type="submit"] { width: 42px; height: 36px; background: #000 url(../img/magnifier.png) center center no-repeat; 
        border: none; outline: none; float: right; margin: 0; text-indent: -9999px;}

    .main form#SearchBox { width: 92%; border: solid 2px #333333; background: #fff;  margin-top: 0; margin-bottom: 20px; }
        
        .main form#SearchBox input[type="text"] { float: left; width: 90%; padding: 7px 9px 8px 15px; font-weight: 900; text-transform: uppercase; font-size: 18px; }
        
        .main form#SearchBox input[type="submit"], input[type="submit"].keresoGomb { background: #333333 url(../img/magnifier.png) center center no-repeat; float: right; margin-top: 0; }
        
        .keresoMezo { border: solid 2px #333333 !important; }
        input[type="submit"].keresoGomb { width: 40px; height: 40px; text-indent: -9999px; margin-top: -52px; z-index: 10000; position: relative; }
        input[type="submit"].keresoGomb:hover { background: #222222 url(../img/magnifier.png) center center no-repeat; }
    
a.Info { background: #333333 url(../img/info-button.png) center center no-repeat; display: block; float: right; width: 40px; height: 40px; text-indent: -9999px; }

div#PalyazatokGomb, div#EuropassGomb, div#AlumniGomb, div#TudastarGomb, div#SzakmaiProjektekGomb, div#KepzesekGomb, div#NemzetkoziesitesGomb, div#NemzetkoziesitesGombFele, div#CampusMundiGomb, div#StudyInHungaryGomb {
    color: #000; background-color: #fff200 !important; text-transform: uppercase; text-decoration: none; font-weight: bold; margin-bottom: 10px; cursor: pointer; }

div#PalyazatokGomb { background: #fff200 url(../img/gombkepek/palyazat.png) right top no-repeat; height: 162px; }
    div#PalyazatokGomb span { display: inline-block; margin-top: 125px; margin-left: 18px; }
    body.angol div#PalyazatokGomb span { margin-top: 110px; }

div#StudyInHungaryGomb { background: #46b756 url(../img/gombkepek/studyinhungary.png) left bottom no-repeat; height: 162px; }
    div#StudyInHungaryGomb span { display: block; padding-top: 15px; margin-right: 18px; text-align: right;}

div#EuropassGomb { background: #006699 url(../img/gombkepek/europass.png) right bottom no-repeat; height: 162px; margin-right: -10px; }
    div#EuropassGomb span { display: inline-block; margin-top: 15px; margin-left: 18px; }

div#AlumniGomb { background: #ef432b url(../img/gombkepek/alumni.png) right bottom no-repeat; height: 162px; margin-left: -10px; }
    div#AlumniGomb span { display: inline-block; margin-top: 15px; margin-left: 15px; }

div#TudastarGomb { background: #b4bf39 url(../img/gombkepek/tudastar.png) right bottom no-repeat; height: 334px; margin-left: -15px; margin-right: -15px; }
    div#TudastarGomb span { display: block; text-align: right; margin-right: 15px; padding-top: 15px; }

div#SzakmaiProjektekGomb { background: #373674 url(../img/gombkepek/szakmaiprojektek.png) right 20px no-repeat; height: 162px; margin-right: -10px; }
    div#SzakmaiProjektekGomb span { display: inline-block; margin-top: 105px; margin-left: 15px; }

div#KepzesekGomb { background: #36787d url(../img/gombkepek/kepzesek.png) right bottom no-repeat; height: 162px; margin-left: -10px; }
    div#KepzesekGomb span { display: inline-block; margin-top: 15px; margin-left: 15px; }

div#NemzetkoziesitesGomb { background: #ff8705 url(../img/gombkepek/nemzetkoziesites.png) center bottom no-repeat; height: 162px; }
    div#NemzetkoziesitesGomb span { display: block; text-align: right; margin-right: 15px; padding-top: 15px; }

div#NemzetkoziesitesGombFele { background: #ff8705 url(../img/gombkepek/nemzetkoziesites2.png) center bottom no-repeat; height: 162px;margin-right: -10px; }
    div#NemzetkoziesitesGombFele span { display: block; text-align: right; margin-right: 15px; padding-top: 15px; }

div#CampusMundiGomb { background: #46b756; height: 162px; margin-left: -10px; }
div#CampusMundiGomb span { display: block; text-align: left; margin-left: 15px; padding-top: 15px; }

#FuggolegesNemzetkoziesitesMenu { background: #fff200; height: 435px; margin-left: 15px; }
    #FuggolegesPalyazatokMenu { background: #fff200; height: 529px; margin-left: 15px; }
   
    #FuggolegesPalyazatokMenu table { height: 529px; }

    #FuggolegesNemzetkoziesitesMenu table { height: 435px; }
        #FuggolegesNemzetkoziesitesMenu table tr td, #FuggolegesPalyazatokMenu table tr td { vertical-align: middle; background: none; }
            #FuggolegesNemzetkoziesitesMenu table tr td ul li, #FuggolegesPalyazatokMenu table tr td ul li { display: block; }
                #FuggolegesNemzetkoziesitesMenu table tr td ul li a, #FuggolegesPalyazatokMenu table tr td ul li a {
                    border-bottom: solid 1px #000; display: block; padding: 10px; text-transform: uppercase; font-weight: 900;  border-radius: 4px; color: #000;}
                #FuggolegesPalyazatokMenu table tr td ul li a { border-bottom: solid 1px #000; color: #000; }
                #FuggolegesNemzetkoziesitesMenu table tr td ul li a:hover, #FuggolegesNemzetkoziesitesMenu table tr td ul li.active a {
                    background: #000; border-bottom: solid 1px #ff8705; color: #fff200;}
                #FuggolegesPalyazatokMenu table tr td ul li a:hover, #FuggolegesPalyazatokMenu table tr td ul li.active a {
                    background: #000; border-bottom: solid 1px #fff200; color: #fff200;}
                      
    body.tempus #FuggolegesNemzetkoziesitesMenu { background: #cdbe69; }
        body.tempus #FuggolegesNemzetkoziesitesMenu table tr td ul li a { border-bottom: solid 1px #aa9f46; color: #fff; }
            body.tempus #FuggolegesNemzetkoziesitesMenu table tr td ul li a:hover, body.tempus #FuggolegesNemzetkoziesitesMenu table tr td ul li.active a {
                    background: #aa9f46; border-bottom: solid 1px #cdbe69; }

    body.alumni #FuggolegesNemzetkoziesitesMenu { background: #fff200; }
        body.alumni #FuggolegesNemzetkoziesitesMenu table tr td ul li a { border-bottom: solid 1px #000; color: #000; }
            body.alumni #FuggolegesNemzetkoziesitesMenu table tr td ul li a:hover, body.alumni #FuggolegesNemzetkoziesitesMenu table tr td ul li.active a {
                    background: #000; border-bottom: solid 1px #fff200; color: #fff200;}

    body.szakmaiprojektek #FuggolegesNemzetkoziesitesMenu { background: #fff200; }
        body.szakmaiprojektek #FuggolegesNemzetkoziesitesMenu table tr td ul li a { border-bottom: solid 1px #000; color: #000; }
            body.szakmaiprojektek #FuggolegesNemzetkoziesitesMenu table tr td ul li a:hover, body.szakmaiprojektek #FuggolegesNemzetkoziesitesMenu table tr td ul li.active a {
                    background: #000; border-bottom: solid 1px #fff200; color: #fff200; }


#OldalGombok { margin-left: -15px; margin-right: 0px; }
    #OldalGombok a, #OldalGombok div#GotoTop { display: block; height: 50px; margin-bottom: 7px; background: #ffffff url(../img/gombkepek/oldalgombok.png) no-repeat; padding-left: 65px; line-height: 50px; color: #333; font-weight: 500; text-transform: uppercase; text-decoration: none; font-size: 16px; padding-right: 60px; }
        #OldalGombok div#GotoTop { display: none; }
        #OldalGombok a:hover { background: #aaa url(../img/gombkepek/oldalgombok.png) no-repeat; }

#OldalGombok a#HallgatoknakGomb { background-position: left 0px; }
#OldalGombok a#TanaroknakGomb { background-position: left -55px; }
#OldalGombok a#VallalkozasoknakGomb { background-position: left -114px; }
#OldalGombok a#CivileknekGomb { background-position: left -173px; }
#OldalGombok a#OktatasiSzakembereknekGomb { background-position: left -229px; line-height: normal; padding-top: 3px; height: 47px; }
#OldalGombok a#FelsooktatasiIntezmenyeknekGomb { background-position: left -284px; line-height: normal; padding-top: 3px; height: 47px; }
#OldalGombok div#GotoTop { background-position: left -344px; line-height: normal; padding-top: 3px; height: 47px; }

.greybg, footer { background: #000; padding-top: 25px; padding-bottom: 45px; margin-bottom: 45px; }

footer { padding-bottom: 0px; margin-bottom: 0; margin-top: 30px;}
footer a { color: #fff200; }

body.celcsoportok footer, body.nemzetkoziesites.whitefooter footer, body.tempus footer, body.palyazatok.whitefooter footer { background: #000;  }
body.tempus footer { padding-top: 0px; margin-top: -35px; }

.feltoltes .greybg, .tudastar .greybg, .celcsoportok .greybg { margin-top: -22px; }

#NewsBox .wrap { background: #000; margin-bottom: 20px; }
    #NewsBox .wrap .content { }
        #NewsBox .wrap .content h1 { display: block; color: #fff; margin: 0px auto 10px 10px; padding-top: 10px; font-weight: 500; text-transform: uppercase; font-size: 26px; font-weight: bold;}
        #NewsBox .wrap .content .whitebox { background: #000; margin-left: 10px; display: inline-block; }
            #NewsBox .wrap .content .whitebox article { color: #fff200; margin: 5px 10px; border-bottom: solid 1px #dddddd; }
                #NewsBox .wrap .content .whitebox article h2 { font-size: 20px; margin-bottom: 4px; margin-top: 0px; color: #fff200;}
                #NewsBox .wrap .content .whitebox article p { font-size: 14px; line-height: 1.45em; margin: 0; width: 85%; }
                #NewsBox .wrap .content .whitebox article .Date { float: right; font-size: 12px; }
                #NewsBox .wrap .content .whitebox article a.More { float: right; background: #fff200; color: #000; font-size: 14px; text-decoration: none; padding: 5px 10px; display: block; margin-top: -12.5px; }
                    #NewsBox .wrap .content .whitebox article a.More:hover { background: #fff; }
                
                body.nemzetkoziesites.blog a.More, body.celcsoportok.blog a.More { color: #000; background: #ff8705; text-transform: uppercase; padding-left: 10px; padding-right: 10px; float: right; font-weight: 600; }
                    body.nemzetkoziesites.blog a.More:hover { background: #ea6d00; }
                    
                body.celcsoportok.blog a.More { background: #54b4e2; margin-top: 5px; }
                    body.celcsoportok.blog a.More:hover { background: #3f92ba; }
                    
                body.palyazatok a.More { padding-left: 10px; padding-right: 10px; background: #fff200; border: solid 2px #fff200; color: #000; font-size: 14px;}
                    body.palyazatok a.More:hover { background: #000; border: solid 2px #fff200; color: #fff200;}
                    
                a.More.HomeButton { padding-top: 0; }
                        a.More.HomeButton:hover { text-decoration: underline !important; }

body.palyazatok .maincontent img, body.palyazatok .greybg img { max-width: 100%; height: auto; }

#NewsBox .bottom { height: 48px; }
    #NewsBox .bottom a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; margin-top: 15px; display: inline-block; margin-left: 10px; }

#FamousBox { background: #000; height: auto; }
    #FamousBox h1 { display: inline-block; color: #fff; margin: 10px auto 10px 10px; font-weight: 500; text-transform: uppercase; font-size: 24px; font-weight: bold;}
    .FamousTitleBox { background: #000; margin-left: 8px; height: auto; }
    body.angol .FamousTitleBox { overflow: hidden; }
        body.angol .FamousTitleBox img { max-width: 105%; height: auto; }
        body.angol .FamousTitleBox h2 { color: #000; display: block; clear: both; float: none; padding: 10px; margin: 18px 0px; width: 138% !important; max-width: 350px; 
            background: #fff200; position: relative; z-index: 1000; font-size: 18px; }
        body.angol .FamousTitleBox p { margin: 10px -10px 10px 10px; color: #bbbbbb; text-align: justify; }
        body.angol .FamousTitleBox a.GreenButton { margin-left: 10px; }

    .maincontent p a { text-decoration: underline; color: #fff200; }
        .maincontent p a:hover { text-decoration: underline; color: #fff; }

.maincontent ul li { display: list-item !important; list-style-type: disc !important; background: none !important; padding-left: 0 !important; margin-left: 20px;}
    .maincontent ul.pagination li { display: inline-block !important; list-style-type: none !important; }


 

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    b, strong { font-weight: 900; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    header, footer, form, .breadcrumb, aside, a.MegnezemGomb.zoldGomb, a.GreenButton.sajtoSzoba, ul.pagination { display: none; }
}

.container {
        /* Whatever you want. They’re your oats. */
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 30px;
        padding: 0 1.5rem;
}

@media screen and (max-width: 720px) {
    
    #OldalGombok {
            width: 100%;
        }

    #Folyamatjelzo .col-custom-grid-10-1 {
        font-weight: 900;
        font-size: 18px;
        background: none !important;
        padding: 6px 0;
        text-indent: 0 !important;
        text-align: center !important;
        border-bottom: solid 2px #fff;
        }

}


/* Featured slider */

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* 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;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
    font-family: 'flexslider-icon';
    src:url('../fonts/flexslider-icon.eot');
    src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/flexslider-icon.woff') format('woff'),
        url('../fonts/flexslider-icon.ttf') format('truetype'),
        url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.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;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; position: relative;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 60px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.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; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

#SliderNavigation.flexslider {
    display: inline-block; width: 60%; max-width: 340px; position: absolute; z-index: 10;
}

#SliderNavigation.flexslider ul li { background: #000; color: #fff; border: solid 2px #fff200; display: block; clear: both; float: none; padding: 10px; cursor: pointer; margin: 10px 0px; width: 100% !important; max-width: 320px; }
    #SliderNavigation.flexslider ul li:hover, #SliderNavigation.flexslider ul li.flex-active-slide,  #SliderNavigation.flexslider ul li.custom-active-slide {
        background: #fff200; color: #000; }
.slidercontainer { display: block; width: 50%; max-width: 296px; float: right; }
.slidercontent { margin: 20px; color: #fff; }
    .slidercontent h3 { text-transform: uppercase; margin-top: 46px; font-size: 22px; }
    .slidercontent p { font-weight: 300; line-height: 2.2em; text-align: justify; }
    .slidercontent a { margin: 35px auto 10px auto; display: block; padding: 8px 16px; color: #fff; text-align: center; text-decoration: none; border: solid 2px #fff; max-width: 92px; }

.homeBigBox { min-height: 365px; margin-bottom: 35px; }
    .homeBigBox h2 { width: 96%; color: #000 !important; text-transform: uppercase; font-weight: 900; font-style: italic; background-color: #fff200 !important;
        text-indent: 30px; margin-bottom: 0px; margin-top: 25px; margin-left: 20px; box-shadow: 10px 0px 0px 0px rgba( 0, 0, 0, 0.1 );
        z-index: 100; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: block;} 
        .homeBigBox h2:hover { cursor: pointer; }
        .homeBigBox h2.active { width: 201.9%; box-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } 
        span.arrow { width: 30px; height: 60px; display: inline-block; float: right; margin-top: -16px; background: url(../img/arrows.png) center -57px no-repeat; } 
        .homeBigBox h2.active span.arrow { /*background: url(../img/arrows.png) center 12px no-repeat; */}

        .homeBigBox h2 a { height: 60px; padding-top: 16px; color: #000; display: block !important; z-index: 1000; text-decoration: none;}

.BigBoxNavigation { margin: 60px 0px 20px 30px; padding-left: 20px; overflow: hidden; display: table-cell; vertical-align: middle; height: 281px; width: 540px; }
    .BigBoxNavigation ul { width: 100% !important; -moz-column-count: 2; -moz-column-gap: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; column-count: 2; column-gap: 0px; }
        .BigBoxNavigation ul li { clear: both; display: block; margin-bottom: 8px; font-style: italic; font-weight: 700; color: #333; text-transform: uppercase; padding-left: 5px !important; padding-right: 5px; background-image: none !important; line-height: 26px; cursor: pointer; }
           .BigBoxNavigation ul li a { text-decoration: none !important; color: #000;}
            .homeBigBoxContent { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; padding: 74px 15px 5px 15px; width: 485px; height: 366px; margin-left: -15px; color: #fff; font-size: 18px; line-height: 1.2em; text-align: justify; }
                .homeBigBoxContent p { line-height: 1.6em;  }
                .homeBigBoxContent a { background: #fff; display: block; padding: 10px 20px; width: 130px; text-align: center; font-weight: 900; text-transform: uppercase; margin: 10px auto 5px auto; }

#palyazatok {background: #fff url(../img/modulkepek/palyazatok.png) right top no-repeat !important; border-left: solid 8px #fff200; background-size: 100% !important; }
    #palyazatok h2  { background-color: #fff200;}
        #palyazatok h2:hover  { background-color: #0098a1; }
    #palyazatok .BigBoxNavigation ul li { border-left: solid 10px #fff200; }
        #palyazatok .BigBoxNavigation ul li:hover { border-left: solid 10px #0098a1; }
        #palyazatok .homeBigBoxContent { background-color: #fff200; }
        #palyazatok .homeBigBoxContent a { color: #fff200; }
    
#kepzesek { background: #fff url(../img/modulkepek/kepzesek.png) right top no-repeat !important; border-left: solid 8px #36787d; background-size: 100% !important; }
    #kepzesek h2  { background: #36787d; }
        #kepzesek h2:hover  { background: #246166; }
    #kepzesek .BigBoxNavigation ul li { border-left: solid 10px #36787d; }
        #kepzesek .BigBoxNavigation ul li:hover { border-left: solid 10px #246166; }
        #kepzesek .homeBigBoxContent { background: #36787d;  }
        #kepzesek .homeBigBoxContent a { color: #36787d; }

#nemzetkoziesites { #fff background: url(../img/modulkepek/nemzetkoziesites.png) right top no-repeat !important; border-left: solid 8px #ff8705; background-size: 100% !important; }
    #nemzetkoziesites h2  { background: #ff8705; }
        #nemzetkoziesites h2:hover  { background: #ea6d00; }
    #nemzetkoziesites .BigBoxNavigation ul li { border-left: solid 10px #ff8705; }
        #nemzetkoziesites .BigBoxNavigation ul li:hover { border-left: solid 10px #ea6d00; }
        #nemzetkoziesites .homeBigBoxContent { background: #ff8705;  }
        #nemzetkoziesites .homeBigBoxContent a { color: #ff8705; }

#tudastar { background: #fff url(../img/modulkepek/tudastar.png) right top no-repeat !important; border-left: solid 8px #b4bf39; background-size: 100% !important; }
    #tudastar h2  { background: #b4bf39; }
        #tudastar h2:hover  { background: #9fab2a; }
    #tudastar .BigBoxNavigation ul li { border-left: solid 10px #b4bf39; }
        #tudastar .BigBoxNavigation ul li:hover { border-left: solid 10px #9fab2a; }
        #tudastar .homeBigBoxContent { background: #b4bf39;  }
        #tudastar .homeBigBoxContent a { color: #b4bf39; }

#szakmai-projektek { background: #fff url(../img/modulkepek/szakmaiprojektek.png) right top no-repeat !important; border-left: solid 8px #373674; background-size: 100% !important; }
    #szakmai-projektek h2  { background: #373674; }
        #szakmai-projektek h2:hover  { background: #1f1e4e; }
    #szakmai-projektek .BigBoxNavigation ul li { border-left: solid 10px #373674; }
        #szakmai-projektek .BigBoxNavigation ul li:hover { border-left: solid 10px #1f1e4e; }
        #szakmai-projektek .homeBigBoxContent { background: #373674;  }
        #szakmai-projektek .homeBigBoxContent a { color: #373674; }

#europass { background: #fff url(../img/modulkepek/europass.png) right top no-repeat !important; border-left: solid 8px #006699; background-size: 100% !important; }
    #europass h2  { background: #006699; }
        #europass h2:hover  { background: #003f5e; }
    #europass .BigBoxNavigation ul li { border-left: solid 10px #006699; }
        #europass .BigBoxNavigation ul li:hover { border-left: solid 10px #003f5e; }
        #europass .homeBigBoxContent { background: #006699;  }
        #europass .homeBigBoxContent a { color: #006699; }

#alumni { background: #fff url(../img/modulkepek/alumni.png) right top no-repeat !important; border-left: solid 8px #ef432b; background-size: 100% !important; }
    #alumni h2  { background: #ef432b; }
        #alumni h2:hover  { background: #ae210e; }
    #alumni .BigBoxNavigation ul li { border-left: solid 10px #ef432b; }
        #alumni .BigBoxNavigation ul li:hover { border-left: solid 10px #ae210e; }
        #alumni .homeBigBoxContent { background: #ef432b;  }
        #alumni .homeBigBoxContent a { color: #ef432b; }

#kutatok-ejszakaja {  background: #fff url(../img/modulkepek/kutatokejszakaja.png) right top no-repeat !important; border-left: solid 8px #fedb1d; background-size: 100% !important; }
    #kutatok-ejszakaja h2  { background: #fedb1d; }
        #kutatok-ejszakaja h2:hover  { background: #cdad00; }
    #kutatok-ejszakaja .BigBoxNavigation ul li { border-left: solid 10px #fedb1d; }
        #kutatok-ejszakaja .BigBoxNavigation ul li:hover { border-left: solid 10px #cdad00; }
        #kutatok-ejszakaja .homeBigBoxContent { background: #fedb1d;  }
        #kutatok-ejszakaja .homeBigBoxContent a { color: #fedb1d; }

#study-in-hungary { background: #fff url(../img/modulkepek/studyinhungary.png) right top no-repeat !important; border-left: solid 8px #46b756; background-size: 100% !important; }
    #study-in-hungary h2  { background: #46b756; }
        #study-in-hungary h2:hover  { background: #1c7929; }
    #study-in-hungary .BigBoxNavigation ul li { border-left: solid 10px #46b756; }
        #study-in-hungary .BigBoxNavigation ul li:hover { border-left: solid 10px #1c7929; }
        #study-in-hungary .homeBigBoxContent { background: #46b756;  }
        #study-in-hungary .homeBigBoxContent a { color: #46b756; }

.homeBigBoxContent { background-color: #fff200 !important; color: black; }

#FooterCarousel { background: #000; }
    #FooterCarousel h2 { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 18px; text-align: left; }
    #FooterCarousel h3 { color: #fff; font-weight: 400; text-transform: uppercase; margin-bottom: 0px; }
    #FooterCarousel p { color: #eee; text-align: left; min-height: 164px; }
    #FooterCarousel .foot-textbox p { font-size: 12px; text-align: justify; min-height: 0; }
    #FooterCarousel div.borderright { border-right: solid 1px #222222; }
        #FooterCarousel div.borderright img { margin-bottom: 20px; }
        h2.marginleft15, img.marginleft15 { margin-left: 10px; }
        .margintop15 { margin-top: 15px !important; }

    #AktualisSlider, #PartnerekSlider { background: #222222; padding: 0; margin-left: -15px; text-align: center; min-height: 176px; }
    hr.separator { background: #222; height: 20px; width: 100%; border: none; margin: 0 !important; }
    #FooterCarousel ul { margin-left: 18px; }
    #FooterCarousel .textcontent ul, #FooterCarousel .textcontent ol { margin-left: 30px; }
        #FooterCarousel li { text-align: left; color: #eee; }
    #FooterCarousel img { max-width: 100%; height: auto; }

#FooterMenu { margin-top: 70px; }
    #FooterMenu .col-md-4 img { float: left; margin-left: 60px;}
    #FooterMenu .col-md-4 p { text-align: right; font-size: 14px; margin-top: 0; float: right; }
#FooterMenu a { text-transform: uppercase; color: #fff200; text-decoration: none; margin: 0px 12px 0px 0px; }
    #FooterMenu a:hover { text-decoration: underline; }
    #FooterMenu a img { margin-top: -4px; }
    .FooterMenuBox { margin-left: 2px; margin-top: 10px; display: block; }

.impresszum { background: #000; color: #fff; padding: 10px; margin-bottom: 0; font-size: 14px; }
    .impresszum .container p { text-transform: uppercase; }

.is-sticky #sticker { right: -332px; z-index: 1000000 !important; }
.is-sticky { z-index: 1000000 !important; }

div#GotoTop { display: none; height: 50px; margin-bottom: 7px; background: #dddddd; padding-left: 65px; line-height: 50px; color: #333; font-weight: 500; text-transform: uppercase; text-decoration: none; font-size: 16px; padding-right: 60px; }
    .is-sticky #sticker div#GotoTop {display: block; cursor: pointer;}

/* OLDALAK */

a.PrintButton {
  border: solid 1px rgb( 221, 221, 221 ); padding: 4px 15px; margin: 0px 0px 0px 8px !important; display: inline-block; color: #333333; text-decoration: none; font-size: 12px; }
    a.PrintButton:hover { background: #333; color: #eee; }
.breadcrumb a {
    display: inline-block; padding-right: 15px; margin-right: 10px; font-weight: 600; text-transform: uppercase; color: #fff200;
    text-decoration: none; background: url(../img/breadcrumbarrow.png) right center no-repeat; font-size: 14px;
    }
    .breadcrumb a:hover {
        text-decoration: underline;
    }
    .breadcrumb a:last-child {
        background: none;
    }
.BigPicture { height: 435px; margin-top: 18px; display: inline-block; width: 100%; }
    #KepzesFejlec { background: url(../img/oldalakkepei/kepzesek.jpg) center top no-repeat; }
    #NemzetkoziesitesFejlec { background: url(../img/oldalakkepei/nemzetkoziesites.jpg) center top no-repeat; }
    #PalyazatokFejlec { background: url(../img/oldalakkepei/palyazatok.jpg) center top no-repeat; height: 529px; }

    #NemzetkoziesitesMenu { margin: 260px 10px 5px 10px; padding: 10px 15px 0px 15px; background: rgba(255, 255, 255, 0.4); border: solid 1px #fff; }
        #NemzetkoziesitesMenu div a { background: #ff8705; margin: 0px -5px 15px -5px; height: 60px; color: #333; text-decoration: none; display: block; }
            #NemzetkoziesitesMenu a:hover { -webkit-box-shadow:inset 0 0 0 6px #e96e00; box-shadow:inset 0 0 0 6px #e96e00; }
            #NemzetkoziesitesMenu div a span { padding-top: 20px; margin-left: 10px; margin-right: 10px; text-transform: uppercase; font-weight: 900; display: block; text-align: center; }
                #NemzetkoziesitesMenu div a.ketsor span { padding-top: 10px; }

#KepzesMenu { background: rgba(255, 255, 255, 0.4); border: solid 1px #fff; margin: 366px 10px 5px 10px; text-align: center; }
    #KepzesMenu ul { background: #000; margin: 10px; padding: 0; }
        #KepzesMenu ul li { display: inline-block; margin-right: -30px; }
            #KepzesMenu ul li a { display: block; padding-right: 31px; text-decoration: none; }
                #KepzesMenu ul li a span { display: block; padding: 8px 0px; padding-left: 31px; font-size: 14px; text-transform: uppercase; color: #fff; }
                #KepzesMenu ul li a:hover { background: #246166 url(../img/kepzeshover-right.jpg) right center no-repeat; }
                    #KepzesMenu ul li a:hover span { background: url(../img/kepzeshover-left.jpg) left center no-repeat; }

    .submenu { display: none; position: absolute; z-index: 15000 !important; background: #000 !important; margin-top: 0px !important; -webkit-box-shadow: 8px 8px 0 0 rgba(0,0,0,0.2); box-shadow: 8px 8px 0 0 rgba(0,0,0,0.2); }
        .submenu li { display: block !important; clear: both !important; float: none !important; z-index: 1500 !important; }
            .submenu li a { color: #fff200 !important; background: #000; padding: 8px 18px 8px 10px; text-align: left; border-left: solid 6px #fff !important; text-transform: uppercase; 
                font-size: 12px !important; margin-right: 18px !important; }
                .submenu li a:hover { background: #eeeeee !important; color: #343434 !important; border-left: solid 6px #39787d !important; }
     #KepzesMenu ul li:hover > .submenu, #MainMenu ul li:hover > .submenu { display: block; }

     #MainMenu ul li .submenu li a {
        background: #000;
        padding: 10px !important;
        display: block;
        height: auto;
        border-bottom: dotted 1px #ddd;
        font-size: 14px !important;
        }
        #MainMenu ul li .submenu li a:hover {
            border-left: solid 6px #9fab2a !important;
            background-color: #fff200; color: black;
        }

        #MainMenu ul li .submenu li .submenu {
            margin-left: 150px;
            margin-top: -30px !important;
            min-width: 180px;
        }



aside.col-md-3, aside.col-md-4 { overflow: visible; margin-bottom: 30px; margin-top: 30px; }

.asideborder { border-left: solid 6px #d3ddde; border-right: solid 6px #d3ddde; padding: 10px; min-height: 930px;}
    .feltoltes .asideborder { border-left: solid 6px #dfe3b8; border-right: solid 6px #dfe3b8;  padding-top: 0; }
    .palyazatok .asideborder { border-left: solid 6px #cee3e4; border-right: solid 6px #cee3e4; padding-top: 5px; min-height: 430px; }
    .celcsoportok .asideborder { border-left: solid 6px #cadce5; border-right: solid 6px #cadce5; padding-top: 5px; min-height: 830px; }
    .tempus .asideborder { border-left: solid 2px #fff200; border-right: solid 2px #fff200; padding-top: 5px; }
        
body.nemzetkoziesites.text .main { margin-top: -20px; }
body.palyazatok.text .main, body.celcsoportok.text .main { }

.maincontent { padding-top: 30px; }

.WidgetBox { margin-bottom: 50px; }
    .WidgetBox form input { width: 100%; border: solid 1px #999; margin: 5px 0; padding: 8px 5px; font-size: 14px; font-family: 'Arial', sans-serif; }
    .WidgetBox form input[type="submit"] { background-color: rgb( 54, 120, 125 ); padding: 8px 5px; color: #fff; font-size: 14px; border: none; width: 99%; }
        .WidgetBox form input[type="submit"]:hover { background: #246166; }    
        
        body.tempus .WidgetBox form input[type="submit"] { background: #cdbe69; font-weight: 900; text-transform: uppercase; color: #000; }
            body.tempus .WidgetBox form input[type="submit"]:hover { background: #aa9f46; }
        
        .WidgetBox h2 { background: #fff200; font-size: 18px; text-transform: uppercase; }
            .feltoltes .WidgetBox h2 { background: url(../img/feltolteswidgettitle.png) right top no-repeat; }
            .palyazatok .WidgetBox h2 { background: url(../img/palyazatokwidgettitle.png) right top no-repeat; }
            .tempus .WidgetBox h2 { background: #fff200; }
            .alumni .WidgetBox h2 { background: #fff200;  }
            .szakmaiprojektek .WidgetBox h2 { background: #fff200;  }
            
            .WidgetBox h2 span { padding: 2px 10px; display: inline-block; background: #fff200; margin-top: 15px; margin-bottom: 10px; margin-left: 5px; text-overflow: ellipsis; 
                white-space: nowrap; overflow: hidden; color: #000;}
                body.feltoltes .WidgetBox h2 span, body.tempus .WidgetBox h2 span {  }
                body.celcsoportok .WidgetBox h2 span {  }

            h2.DecorLine { background: #fff200; margin: 10px -12px 0 0; height: 44px; padding-left: 10px; }
                @-moz-document url-prefix() {
                    h2.DecorLine { margin: 10px -11px 0 0; }
                }

    body.celcsoportok h2.DecorLine, body.celcsoportok .WidgetBox h2 { background: url(../img/celcsoportwidgettitle.png) right top no-repeat; }
    body.nemzetkoziesites h2.DecorLine { background: url(../img/nemzetkoziesiteswidgettitle.png) right top no-repeat; }
    body.palyazatok h2.DecorLine { background: url(../img/palyazatokwidgettitle.png) right top no-repeat; }
    body.tempus h2.DecorLine { background: url(../img/tempuswidgettitle.png) right top no-repeat; }
    body.alumni h2.DecorLine { background-color: #fff200; }
    body.szakmaiprojektek h2.DecorLine { background: url(../img/szakmaiprojektekwidgettitle.png) right top no-repeat; }
        
        h2.DecorLine span { padding: 5px 10px; color: #000;}
        
        .darkgreybg header { background: #222; border: none; padding-bottom: 2px; padding-top: 2px; margin: 0 0 0 -15px; }

        .WidgetBox h3 { margin-bottom: 0px; }
            .feltoltes .WidgetBox h3 { text-transform: uppercase; font-size: 16px; margin-bottom: 0; }
        
        .WidgetBox p { color: #fff; font-size: 16px; text-align: justify; line-height: 1.6em; }
            .feltoltes .WidgetBox p { margin-top: 0; } 
        .asideborder .WidgetBox h2 { margin-left: -15px; margin-right: -26px; margin-bottom: 0; margin-bottom: 15px; }
    
    .hatoskep { display: block; overflow: hidden; margin-bottom: 30px; }
        .hatoskep a { text-decoration: none !important; background: rgba(255, 255, 255, 0.6); margin: -60px 10px 10px 0px; display: block; z-index: 100; position: relative; padding: 10px; text-decoration: none; color: #fff; }
        .hatoskep a span { display: block; padding: 5px 5px 5px 10px; background: #fff200; color: black; margin-left: -10px; font-style: italic; }

    a.More { background-color: rgb( 54, 120, 125 ); padding: 5px; color: #fff; font-size: 12px; text-decoration: none !important; }
        body.kepzesek a.More:hover { background: #246166; }
        body.homepage a.More { background: transparent; font-size: 14px; }

    p.Letter, p.Tel { display: block; padding-left: 25px; margin: 0; }
        p.Letter { background: url(../img/letter.png) left center no-repeat; }
        p.Tel { background: url(../img/tel.png) left center no-repeat; }

.padding5 { display: block; padding: 15px !important; width: 93px; }
    .padding5 img { width: 73px; }

.nemzetkoziesites .greybg, .palyazatok .greybg, .tempus .greybg, .alumni .greybg, .szakmaiprojektek .greybg { margin-top: -25px; }
    .nemzetkoziesites .main { margin-top: 65px; }
    .nemzetkoziesites.fooldal .main, .nemzetkoziesites.blog .main { margin-top: 5px; }

.feltoltes .main { margin-top: -20px; }
.feltoltes .maincontent h2:first-child { margin-top: 6px; }

.tudastarfejlec, .celcsoportfejlec { padding: 0px 20px 10px 20px; background: #000; }

.temak, .tudastarfejlec, .celcsoportfejlec, .blogcikk, .palyazatlista, .kerdesform, .rendezvenyCikk, .kiadvanyCikk {
    -webkit-box-shadow:inset 0 0 0 1px #dddddd; box-shadow:inset 0 0 0 1px #dddddd; margin-bottom: 20px; }
    body.tudastar .temak, body.nemzetkoziesites .temak, .blogcikk, body.celcsoportok .temak, .kerdesform, .rendezvenyCikk, .kiadvanyCikk { background: #000; padding-bottom: 5px; }
        
.col-md-6 .kiadvanyCikk {
    min-height: 314px;
}

.kerdesform { background: #fefefe; }
    .blogcikk, .palyazatlista, .kiadvanyCikk { padding: 20px; margin-bottom: 30px; }
        .blogcikk h2, .palyazatlista h2 { margin-top: 0; text-transform: uppercase; font-size: 14px; }
        .palyazatlista h2 { margin-bottom: 0; font-size: 16px; }
        
        p.Hatarido { margin: 0; line-height: 1.8em; }
        body.celcsoportok .blogcikk h2, body.tempus .blogcikk h2, body.celcsoportok .blogcikk p, body.tempus .blogcikk p { margin: 0; }
        body.celcsoportok .blogcikk p, body.tempus .blogcikk p { line-height: normal; }
        body.celcsoportok .blogcikk, body.tempus .blogcikk { padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }
        body.celcsoportok .blogcikk .text { border-left: solid 12px #54b4e2; margin-left: -4px; }
        
        a.KulsoGomb { background: #ebebeb; display: block; padding-top: 19px; padding-bottom: 19px; margin-right: -5px !important; width: 105%; }
            a.KulsoGomb:hover { background: #54b4e2; color: #fff; }
    .celcsoportfejlec { min-height: 372px; }

    .temak h2, .tudastarfejlec h2, .celcsoportfejlec h2, .kerdesform h2, a.KepLink { display: block; margin: 0px 20px; padding: 15px; text-align: center; background: #000; border-left: solid 6px #ff8705; text-transform: uppercase; font-weight: 900; line-height: 1em; height: 70px; }
    .temak h2, .kerdesform h2 { padding-top: 26px; padding-bottom: 9px; }
        .temak h2.ketsor { padding-top: 16px; padding-bottom: 9px; }

        body.palyazatok .temak h2 { border-left: solid 6px #fff200; }
            body.palyazatok .temak:hover h2 { background: #fff200; }



        

    .tudastarfejlec h2, .celcsoportfejlec h2 { margin: 0; line-height: normal; height: 80px; }

        body.tudastar .temak h2, .tudastarfejlec h2, a.KepLink { border-left: solid 6px #b6be34; }
        body.celcsoportok .temak h2, .kerdesform h2 { border-left: solid 6px #54b4e2; }
            .celcsoportfejlec h2 { border-left: solid 6px #54b4e2; background: #54b4e2; padding-top: 28px; }
            .celcsoportfejlec img { max-width: 100%; height: auto; }
            
            a.KepLink { margin: 10px 0px 0px 0px; padding: 0; height: auto; background-image: url(../img/keplinknyil.png); background-position: right center; background-repeat: no-repeat; }
                a.KepLink img { height: auto; width: auto; max-height: 90%; max-width: 90%; margin: 14px 30px; background-color: #fff;}

    .temakwrap { background: #000; margin: 20px; height: 269px; }
    .kerdesformwrap { margin: 20px; }
        .celcsoportfejlecwrap { background: #54b4e2; text-align: center; padding: 5px 20px 0px 20px; margin-top: 15px; }
            .celcsoportfejlecwrap p { margin-bottom: 0; line-height: 1.8em; }
        
        .temakwrap ul, .celcsoportfejlecwrap ul, .temakwrap p { min-height: 269px; text-align: center; padding: 0px; padding-top: 25px; }
            .temakwrap p { padding-left: 15px; padding-right: 15px; }
            .celcsoportfejlecwrap ul { min-height: 169px; padding-top: 15px; }
            .temakwrap ul li, .celcsoportfejlecwrap ul li { display: block; background: #000; margin-bottom: 5px;}
                .temakwrap ul li a, .celcsoportfejlecwrap ul li a { color: #666666; text-decoration: none; text-transform: uppercase; line-height: 2em; font-size: 14px; }
                .celcsoportfejlecwrap ul li a:hover { border-bottom: solid 3px #3e92ba; }
                .temakwrap ul li a:hover { border-bottom: solid 3px #e96e00; }
                    body.tudastar .temakwrap ul li a:hover { border-bottom: solid 3px #87911e; }
                    body.celcsoportok .temakwrap ul li a:hover { border-bottom: solid 3px #3e92ba; }
                    body.nemzetkoziesites .temakwrap ul li a:hover { color: #fff; }
                    body.palyazatok .temakwrap ul li a:hover { border-bottom: solid 3px #0099a1; }

body.hir-kibontva .maincontent div.lead { margin-bottom: 30px; margin-left: 0; }
    body.hir-kibontva .maincontent div.lead h2 { margin-top: -6px; margin-bottom: 0px; }
    
    .hiradat { color: #999; display: block; margin-top: -2px; margin-right: -5px; font-size: 11px; }
    p.leadText { margin: 0; line-height: normal; font-size: 16px; }
    
    .kiadvanyCikk { padding: 10px; }
        .kiadvanyCikk h2 { font-size: 16px; margin: 0; }
        .kiadvanyCikk h3 { font-size: 14px; margin: 5px 0 0 0; text-transform: uppercase; font-weight: 900; }
        .kiadvanyCikk p { font-size: 14px; line-height: 1.6em; margin-bottom: 0; }
        .kiadvanyCikk a.MegnezemGomb { width: 90px; float: right; padding-top: 5px; padding-bottom: 5px; text-decoration: none; }
        .kiadvanyCikk img.img-left { margin-right: 10px; }

        .kiadvanyKategoriaBadges { float: left; display: inline-block; padding-top: 12px; }
        .kkBadge { width: 12px; height: 12px; display: inline-block; margin-right: 3px; }
        
        span.kkBadge.palyazatiPavilon { background: #3385ad; text-indent: -9999px;}
        span.kkBadge.disszeminaciosFuzetek { background: #20739c; text-indent: -9999px;}
        span.kkBadge.erasmusPlus { background: #009098; text-indent: -9999px;}
        span.kkBadge.europaAPolgarokert { background: #fff200; text-indent: -9999px;}
        span.kkBadge.egeszEletenTanul { background: #fff200; text-indent: -9999px;}
        span.kkBadge.tovabbiLehetseges { background: #fff200; text-indent: -9999px;}
        span.kkBadge.tanulmanyokEredmenyek { background: #bbc641;  text-indent: -9999px;}
        span.kkBadge.evesJelentesek { background: #f2724b; text-indent: -9999px;}
        span.kkBadge.angolKiadvany { background: #f19e4b; text-indent: -9999px;}
        
        body.kiadvanyok ul.KategoriaMenu { padding-left: 0; border-bottom: solid 1px #ddd; padding-bottom: 20px; }
        body.kiadvanyok ul.KategoriaMenu li { background: none !important; display: block; padding-left: 0; margin-bottom: 0; }
            body.kiadvanyok ul.KategoriaMenu li a { display: block; padding-left: 20px; }


            body.kiadvanyok ul.KategoriaMenu li.palyazatiPavilon a:before { color: #fff200; }
            body.kiadvanyok ul.KategoriaMenu li.disszeminaciosFuzetek a:before { color: #fff200; }
            body.kiadvanyok ul.KategoriaMenu li.erasmusPlus a:before { color: #fff200; }
            body.kiadvanyok ul.KategoriaMenu li.europaAPolgarokert a:before { color: #fff200; }
            body.kiadvanyok ul.KategoriaMenu li.egeszEletenTanul a:before { color: #fff200; }
            body.kiadvanyok ul.KategoriaMenu li.tovabbiLehetseges a:before { color: #fff200; }
            body.kiadvanyok ul.KategoriaMenu li.tanulmanyokEredmenyek a:before { color: #fff200;  }
            body.kiadvanyok ul.KategoriaMenu li.evesJelentesek a:before { color: #fff200; }
            body.kiadvanyok ul.KategoriaMenu li.angolKiadvany a:before { color: #fff200; }

.projektBemutato { padding-left: 10px; padding-right: 10px; }
    .projektCikkSzoveg { margin-left: -50px; margin-top: -5px; }
    .projektCikkSzoveg .row { width: 600px; }

    body.kapcsolat .maincontent textarea { min-height: 146px; }
    body.kapcsolat iframe { border: none !important; }

    #map1, #map2 { margin-top: 20px; }
    #terkepTabsBudapest, #terkepTabsPecs { padding: 0; margin-right: -30px; margin-top: 20px; }
        #terkepTabsBudapest li, #terkepTabsPecs li { display: block; margin: 0; width: 100%; background-image: none; padding-left: 0;}
            #bpTerkep, #pecsTerkep, #bpStreetView, #pecsStreetView { height: 180px; display: block; width: 100%; text-indent: -9999px; }
            #bpTerkep, #pecsTerkep { background: #cdbe69 url(../img/gmap.png) center -144px no-repeat; }
                #bpTerkep.selected, #pecsTerkep.selected, #bpTerkep:hover, #pecsTerkep:hover { background: #222222 url(../img/gmap.png) center 40px no-repeat; }
            #bpStreetView, #pecsStreetView { background: #cdbe69 url(../img/streetv.png) center -144px no-repeat; }
                #bpStreetView.selected, #pecsStreetView.selected, #bpStreetView:hover, #pecsStreetView:hover { background: #222222 url(../img/streetv.png) center 39px no-repeat; }

ul.colorBullet li { display: block; margin-left: 8px; }
    ul.colorBullet li:before { content: "■"; font-size: 18px; margin-right: 10px; }

body.tempus ul.colorBullet li:before { color: #cdbe69; }
body.alumni ul.colorBullet li:before { color: #ef432b; }
body.szakmaiprojektek ul.colorBullet li:before { color: #373674; }


body.tempus.partnersearch .maincontent table thead th { font-weight: 900; text-transform: uppercase; padding: 15px 10px 15px 10px; text-align: left; background: #bbbbbb; }
body.tempus.partnersearch .maincontent table tr td:first-child { width: auto; }
body.tempus.partnersearch .maincontent table tr:hover td { background-color: #dcdcdc; }
input[type="submit"].SearchButton { margin-top: 0; width: 45px; text-indent: -9999px; background: #cdbe69 url(../img/darkmagnifier.png) 9px 9px no-repeat !important; }
    input[type="submit"].SearchButton:hover { background: #aa9f46 url(../img/darkmagnifier.png) 9px 9px no-repeat !important; }
    body.tempus input[type="submit"].TovabbGomb.PlusGomb { margin-top: 0; background-color: #cdbe69; }
        body.tempus input[type="submit"].TovabbGomb.PlusGomb:hover { background-color: #aa9f46; }
table.partnerKibontott tr td { width: 50%; text-transform: uppercase; font-weight: 900; }
a.backButton { display: inline-block !important; width: auto !important; text-align: right; background-image: url(../img/visszanyil.png) !important; background-position: 4px center !important; background-repeat: no-repeat !important; padding-left: 40px; }

form.commentForm textarea { min-height: 95px; }

.cimke { color: #fff; font-size: 13px; margin-bottom: 5px !important; margin-top: 5px !important; }

    .temak:hover h2 { background: #ff8705; }
        body.tudastar .temak:hover h2 { background: #b6be34; }
        body.celcsoportok .temak:hover h2 { background: #54b4e2; }

    .temak:hover .temakwrap ul, .temak:hover .temakwrap p { background: rgba(255, 135, 5, 0.9); }
        body.tudastar .temak:hover .temakwrap ul { background: rgba(182, 190, 52, 0.9); color: #fff; }
        body.celcsoportok .temak:hover .temakwrap ul { background: rgba(84, 180, 226, 0.9); }
        body.nemzetkoziesites .temak:hover .temakwrap ul li a, body.nemzetkoziesites .temak:hover .temakwrap p { color: #fff; }
        body.palyazatok .temak:hover .temakwrap ul, body.palyazatok .temak:hover .temakwrap p { background: rgba(0, 171, 181, 0.9); }

        .feltoltesgombok { background: #b4c03a; text-transform: uppercase; text-decoration: none !important; color: #333; text-align: center; font-weight: 700; font-size: 12px; min-height: 60px; margin-bottom: 10px; display: block; }
            .feltoltesgombok span { display: block; padding: 20px 5px; }
                .feltoltesgombok:hover { text-decoration: none; color: #000; background: #9fab2a; }

#Kilepes, #Feltoltes, #BejelentkezesSmall { margin-right: -10px; }
#Profilom, #Utmutato, #ReggombSmall, #Kedvenceim, #Feliratkozasaim { margin-left: -10px; }
#Kilepes span, #Profilom span, #BejelentkezesSmall span, #ReggombSmall span { padding: 20px 10px; }
#Feltoltes span, #Utmutato span { padding: 70px 10px 5px 10px; min-height: 116px; }
#Adataim, #Otleteim { margin-right: -10px; }

#Kilepes span, #Profilom span, #BejelentkezesSmall span, #ReggombSmall span {
    padding-left: 45px;
}
#Kilepes span { background: url(../img/kilepes.png) 10px center no-repeat; }
#Profilom span { background: url(../img/profilom.png) 10px center no-repeat; }
#BejelentkezesSmall span { background: url(../img/bejelentkezesgomb-small.png) 10px center no-repeat; }
#ReggombSmall span { background: url(../img/reggomb-small.png) 10px center no-repeat; }
#Feltoltes span { background: url(../img/feltoltes.png) center 10px no-repeat; }
#Utmutato span { background: url(../img/utmutato.png) center 10px no-repeat; }

.WidgetBox article { border-bottom: solid 1px #dddddd; }

.main ol li { margin-left: 30px; }
.main ul li { background: url(../img/kekbullet.png) left 6px no-repeat; padding-left: 20px; display: block; }
.main a {
    text-decoration: underline;
    font-weight: bold;
}
.main .panel-title a { text-decoration: none; }
.main .pagination li { display: inline-block; padding-left: 0; background: none; }

.cimkeFelhoTudastar a { text-decoration: none; }

.breadcrumb { margin-bottom: 20px; }

#Folyamatjelzo { background: #b4c03a; margin-bottom: 30px; }
    #Folyamatjelzo .col-custom-grid-10-1 { height:40px; text-align: left; font-weight: 300; font-size: 12px; background: url(../img/folyamatjelzo-sep.png) right center no-repeat; padding: 11px 0; text-indent: 1%; }
        #Folyamatjelzo .col-custom-grid-10-1:first-child { text-indent: 1%; }
        #Folyamatjelzo .col-custom-grid-10-1:last-child { background: none; text-indent: 1%; }
        
    span.megjegyzes { font-weight: 300; font-size: 12px; }
    p.megjegyzes { line-height: normal; font-size: 12px; }
    .feltoltes .maincontent h3, #ReszletesKereses h3 { font-size: 14px; }
    .kethasab { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }

    #KiemeltTemak h2 { text-align: center; background: url(../img/kiemelt-temak-bg.png) top center no-repeat; height: 36px; padding-top: 4px; }
        #KiemeltTemak .TemaBox { background: #222222; overflow: visible; color: #fff; margin-bottom: 30px; padding-bottom: 10px; }
            #KiemeltTemak .TemaBox img { width: 100%; height: auto; }
            #KiemeltTemak .TemaBox h3 { background: url(../img/feltolteswidgettitle.png) right top no-repeat; height: 45px; margin-right: -11px; margin-bottom: 0px; }
                 #KiemeltTemak .TemaBox h3 span { background: #222; margin-left: 10px; padding: 5px 10px 4px 10px; text-transform: uppercase; font-size: 14px; display: inline-block; }
                #KiemeltTemak .TemaBox p { margin: 0px 20px 20px 20px; font-size: 13px; }

.nyilatkozat p { font-size: 12px; }

.WhiteBox { background: #fff; border: solid 1px #dddddd; padding-top: 26px; margin-bottom: 20px; }
.WhiteListBox { background: #fff; border: solid 1px #dddddd; padding-top: 20px; margin-bottom: 10px; }
    .WhiteListBox h3 { text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; }
    .WhiteListBox p { margin-top: 0; line-height: normal; }
    a.MegnezemGomb { padding: 6px; background: #fff200; display: block; text-align: center; height: 33px; text-decoration: none !important; color: #000;}
    .main a.MegnezemGomb { text-decoration: none !important; }
        a.MegnezemGomb:hover { background: #fff; }
   
        body.tempus a.MegnezemGomb { background: #fff200; border: solid 1px #ddd; margin-top: 5px; text-decoration: none; color: black;}
            body.tempus a.MegnezemGomb:hover { background: #000; border: solid 1px #fff200; color: #fff; }

        body.tempus a.MegnezemGomb.zoldGomb { text-decoration: none; background: #fff200; border: solid 1px #ddd; margin-top: 5px; font-weight: 900; text-transform: uppercase;}
            body.tempus a.MegnezemGomb.zoldGomb:hover { background: #fff; border: solid 1px #ddd; color: #000; }
        
        body.nemzetkoziesites a.MegnezemGomb { background: #ff8705; text-decoration: none;}
            body.nemzetkoziesites a.MegnezemGomb:hover { background: #ea6d00; }

    a.FuggobenGomb { padding: 6px; background: #333333; display: block; text-align: center; height: 33px; color: #fff; text-decoration: none; }
        a.FuggobenGomb:hover { background: #222; }

    a.BezarGomb { text-decoration: none; background: #333333 url(../img/x.png) center center no-repeat; padding: 6px; display: block; width: 33px; height: 33px; margin-left: -15px; }

.ikoncol img { margin-left: 10px; }

span.Info { display: block; background: #333333 url(../img/info-button.png) center center no-repeat; width: 38px; height: 38px; margin-top: 8px; margin-bottom: 34px; }

.WhiteBox label { font-size: 22px; font-weight: 900; text-transform: uppercase; margin-top: 12px; display: inline-block; }

    .WhiteBox .checkbox, .WhiteBox .radio { margin-bottom: -4px; margin-right: 20px; }

    #ModszertaniOtletgyujtemeny { background: url(../img/modszertani-otletgyujtemeny.png) center center no-repeat; height: 60px; }
    #DigitalisModszertar { background: url(../img/digitalis-modszertar.png) center center no-repeat; height: 76px; margin-top: -10px; }

    #SmallShare, #FacebookShare { display: inline-block; width: 25px; height: 40px; text-indent: -9999px; text-align: left; margin: 0px 8px; }
    #SmallShare { background: url(../img/share.png) center bottom no-repeat; }
    #FacebookShare { background: url(../img/fbsmall.png) center bottom no-repeat; }
    #TempusLink { background: url(../img/tempusizzo.png) center center no-repeat; text-indent: -9999px; display: inline-block; width: 37px; height: 58px; text-align: left; margin-left: 10px; }

.maincontent img { max-width: 100% !important; height: auto; }

a#BelepesGomb { background: #b4c03a url(../img/bejelentkezesgomb.png) 5px center no-repeat; }
    a#BelepesGomb:hover { background: #9fab2a url(../img/bejelentkezesgomb.png) 5px center no-repeat; }

#RegisztracioGomb { padding-top: 15px; padding-bottom: 15px; background: #b4c03a url(../img/reggomb.png) 10px center no-repeat; }
    #RegisztracioGomb:hover { padding-top: 15px; padding-bottom: 15px; background: #9fab2a url(../img/reggomb.png) 10px center no-repeat; }

table { width: 100%; margin-bottom: 20px; }
    table tr td { padding: 8px 10px; }
        table tr td:first-child { width: 15%; }
        table tr:nth-child(odd) td { background: #000000; border:1px solid #fff200;}
        table tr:nth-child(even) td { background: #000000; border:1px solid #fff200; }

table a.MegnezemGomb, table a.FuggobenGomb { width: 100px; }

table#NivoDijasok { text-transform: uppercase; }
table#NivoDijasok a.MegnezemGomb { float: right; }
    table#NivoDijasok tr td:first-child { width: 100px !important; }

iframe { margin-top: 20px; margin-bottom: 20px; }

#Ertekeles { border: solid 1px #ddd; margin-top: 10px; padding: 10px 0px 10px 10px; min-height: 45px; }
    #Ertekeles h3 { margin: 0; float: left; font-size: 18px; }
    
    .RatingStarBox { margin-top: 3px; float: right; margin-right: 10px; }
        body.nemzetkoziesites .RatingStarBox { margin-top: 3px; float: none; margin-right: 10px; }



table#erasmusList tr td { background: none; border-top: solid 1px #dddddd; padding-left: 30px; vertical-align: top; padding-bottom: 10px; }
    table#erasmusList tr td:first-child { width: 45px; padding: 0; }
        table#erasmusList tr td:first-child span { background: #54b4e2; display: block; text-align: center; font-size: 24px; font-weight: 900; padding: 5px; }
        table#erasmusList tr td li, table#erasmusList tr td ul { margin: 0; }
            table#erasmusList tr td li {
                display: block; text-transform: uppercase; margin-bottom: 12px; font-weight: 900; font-size: 16px; }
                table#erasmusList tr td ul li ul { margin-top: 10px; }
                table#erasmusList tr td ul li ul li { background: url(../img/kekbullet.png) left 6px no-repeat; padding-left: 20px; font-size: 14px; }
    body.nemzetkoziesites.text .main ul, body.palyazatok.text .main ul, body.celcsoportok.text .main ul { margin-left: 10px; }
        body.celcsoportok.text .main ol { margin-left: 20px; }
        body.nemzetkoziesites.text .main ul li { background: url(../img/narancsbullet.png) left 6px no-repeat; padding-left: 20px; display: block; }
        body.palyazatok.text .main ul li, body.celcsoportok ul.KategoriaMenu li, body.celcsoportok.text .main ul li { background: url(../img/kekbullet.png) left 6px no-repeat; padding-left: 20px; display: block; }
        body.celcsoportok ul.KategoriaMenu li { margin-bottom: 10px; }

    ul.KategoriaMenu li { background: url(../img/turkizbullet.png) left 6px no-repeat; padding-left: 20px; display: block; margin-bottom: 5px; }
        ul.CelcsoportMenu li { display: block; margin-bottom: 5px; background-image: none; padding-left: 0;}
        ul.KategoriaMenu li a, ul.CelcsoportMenu li a { text-transform: uppercase; font-weight: 900; display: block; text-decoration: none;}
            ul.KategoriaMenu li a:hover, ul.CelcsoportMenu li a:hover { text-decoration: underline; }
    body.tempus .WidgetBox ul.KategoriaMenu, ul.CelcsoportMenu { margin-top: 0; }
        body.tempus .WidgetBox ul.KategoriaMenu li { background-image: url(../img/kategoriaszinek.png); background-repeat: no-repeat; }

     body.tempus .WidgetBox ul.KategoriaMenu li#HirLink { background-position: left 4px; }
     body.tempus .WidgetBox ul.KategoriaMenu li#KepzesLink { background-position: left  -26px; }
     body.tempus .WidgetBox ul.KategoriaMenu li#KiadvanyLink { background-position: left  -56px; }
     body.tempus .WidgetBox ul.KategoriaMenu li#HonlapLink { background-position: left  -86px; }
     body.tempus .WidgetBox ul.KategoriaMenu li#PalyazatLink { background-position: left  -116px; }
     body.tempus .WidgetBox ul.KategoriaMenu li#PartnerkeresesLink { background-position: left  -146px; }
     body.tempus .WidgetBox ul.KategoriaMenu li#RendezvenyLink { background-position: left  -176px; }

.Hir { border-left: solid 8px #3385ad; padding-left: 10px; margin-left: -5px; }
.Kepzes { border-left: solid 8px #37787e; padding-left: 10px; margin-left: -5px; }
.Kiadvany { border-left: solid 8px #c3cb5e; padding-left: 10px; margin-left: -5px; }
.Honlap { border-left: solid 8px #8fd4f7; padding-left: 10px; margin-left: -5px; }
.Palyazat { border-left: solid 8px #fff200; padding-left: 10px; margin-left: -5px; }
.Partnerkereses { border-left: solid 8px #ffb56b; padding-left: 10px; margin-left: -5px; }
.Rendezveny { border-left: solid 8px #ff8a66; padding-left: 10px; margin-left: -5px; } 
.allasLista { border-left: solid 15px #cdbe69; padding-left: 10px; margin-left: -20px; }
    .allasLista h2 { margin-bottom: 5px !important; }
    .allasLista .MegnezemGomb { margin-top: 20px !important; }

    #BigLogos { text-align: center; }
        #BigLogos img { margin: 20px 40px; }

#ReszletesKereses, #szuresiFeltetelek { padding: 20px; }
    #ReszletesKereses h2, #szuresiFeltetelek h2 { background: #333333; display: block; color: #fff; padding: 10px; margin: -20px -20px 30px -20px; height: 40px; font-size: 16px; }
        #ReszletesKereses h2 a.Info { margin-top: -10px; margin-right: -10px; }

.accordionpanels h4 { margin-bottom: 0; margin-top: 0; border-radius: 0; }
    .accordionpanels h4 a { display: block; padding: 10px; font-style: italic; font-weight: 900; text-transform: uppercase; font-size: 16px; }
        .accordionpanels h4 a.accstartclass, .accordionpanels h4 a.collapsed { background: #fff url(../img/palyazataccordion.png) right 17px no-repeat; border-left: solid 6px #fff200; color: #333333; }
        .accordionpanels h4 a { background: #fff200 url(../img/palyazataccordion.png) right -78px no-repeat; border-left: solid 6px #fff200; color: #000; padding-right:40px;}
            .accordionpanels h4 a:hover { color: #000; background: #fff200 url(../img/palyazataccordion.png) right -78px no-repeat; border-left: solid 6px #fff200; }
            .accordionpanels h4 a.collapsed:hover { color: #000; background: #fff200 url(../img/palyazataccordion.png) right -30px no-repeat; border-left: solid 6px #fff200; }

    body.celcsoportok .accordionpanels h4 a.accstartclass, body.celcsoportok .accordionpanels h4 a.collapsed {
        background: #eeeeee url(../img/celcsoportaccordionbig.png) right 17px no-repeat;
        border-left: solid 6px #54b5e2;
    }
    body.celcsoportok .accordionpanels h4 a {
        background: #54b5e2 url(../img/celcsoportaccordionbig.png) right -78px no-repeat;
        border-left: solid 6px #54b5e2;
        }
        body.celcsoportok .accordionpanels h4 a:hover {
            background: #54b5e2 url(../img/celcsoportaccordionbig.png) right -78px no-repeat;
            border-left: solid 6px #54b5e2;
        }
        body.celcsoportok .accordionpanels h4 a.collapsed:hover {
            background: #54b5e2 url(../img/celcsoportaccordionbig.png) right -30px no-repeat;
            border-left: solid 6px #54b5e2;
        }
        .accordionpanels.al-panel {
            margin-left: 25px;
        }

            body.celcsoportok .accordionpanels.al-panel h4 a.accstartclass, body.celcsoportok .accordionpanels.al-panel h4 a.collapsed {
                background: #eeeeee url(../img/celcsoportaccordion.png) right 17px no-repeat;
                border-left: solid 6px #54b5e2;
            }
            body.celcsoportok .accordionpanels.al-panel h4 a {
                background: #54b5e2 url(../img/celcsoportaccordion.png) right -78px no-repeat;
                border-left: solid 6px #54b5e2;
                }
                body.celcsoportok .accordionpanels.al-panel h4 a:hover {
                    background: #54b5e2 url(../img/celcsoportaccordion.png) right -78px no-repeat;
                    border-left: solid 6px #54b5e2;
                }
                body.celcsoportok .accordionpanels.al-panel h4 a.collapsed:hover {
                    background: #54b5e2 url(../img/celcsoportaccordion.png) right -30px no-repeat;
                    border-left: solid 6px #54b5e2;
                }


    body.palyazatok .accordionpanels.big-panels h4 a.accstartclass, 
    body.palyazatok .accordionpanels.big-panels h4 a.collapsed {
        background: #eeeeee url(../img/palyazataccordionbig.png) right 16px no-repeat;
        border-left: solid 6px #fff200;
    }
    body.palyazatok .accordionpanels.big-panels h4 a {
        background: #fff200 url(../img/palyazataccordionbig.png) right -78px no-repeat;
        border-left: solid 6px #fff200;
        }
        body.palyazatok .accordionpanels.big-panels h4 a:hover {
            background: #fff200 url(../img/palyazataccordionbig.png) right -78px no-repeat;
            border-left: solid 6px #fff200;
        }
        body.palyazatok .accordionpanels.big-panels h4 a.collapsed:hover {
            background: #fff200 url(../img/palyazataccordionbig.png) right -28px no-repeat;
            border-left: solid 6px #fff200;
        }






    body.szakmaiprojektek .accordionpanels h4 a.accstartclass, body.szakmaiprojektek .accordionpanels h4 a.collapsed {
            background: #eeeeee url(../img/szakmaiprojektekaccordionbig.png) right 17px no-repeat;
            border-left: solid 6px #373674;
        }
        body.szakmaiprojektek .accordionpanels h4 a {
            background: #373674 url(../img/szakmaiprojektekaccordionbig.png) right -78px no-repeat;
            border-left: solid 6px #373674;
            }
            body.szakmaiprojektek .accordionpanels h4 a:hover {
                background: #373674 url(../img/szakmaiprojektekaccordionbig.png) right -78px no-repeat;
                border-left: solid 6px #373674;
            }
            body.szakmaiprojektek .accordionpanels h4 a.collapsed:hover {
                background: #373674 url(../img/szakmaiprojektekaccordionbig.png) right -30px no-repeat;
                border-left: solid 6px #373674;
            }


            body.szakmaiprojektek .accordionpanels.al-panel h4 a.accstartclass, body.szakmaiprojektek .accordionpanels.al-panel h4 a.collapsed {
                background: #eeeeee url(../img/szakmaiprojektekaccordion.png) right 17px no-repeat;
                border-left: solid 6px #373674;
            }
            body.szakmaiprojektek .accordionpanels.al-panel h4 a {
                background: #373674 url(../img/szakmaiprojektekaccordion.png) right -78px no-repeat;
                border-left: solid 6px #373674;
                }
                body.szakmaiprojektek .accordionpanels.al-panel h4 a:hover {
                    background: #373674 url(../img/szakmaiprojektekaccordion.png) right -78px no-repeat;
                    border-left: solid 6px #373674;
                }
                body.szakmaiprojektek .accordionpanels.al-panel h4 a.collapsed:hover {
                    background: #373674 url(../img/szakmaiprojektekaccordion.png) right -30px no-repeat;
                    border-left: solid 6px #373674;
                }




    body.alumni .accordionpanels h4 a.accstartclass, body.alumni .accordionpanels h4 a.collapsed {
            background: #eeeeee url(../img/alumniaccordionbig.png) right 17px no-repeat;
            border-left: solid 6px #ef432b;
        }
        body.alumni .accordionpanels h4 a {
            background: #ef432b url(../img/alumniaccordionbig.png) right -78px no-repeat;
            border-left: solid 6px #ef432b;
            }
            body.alumni .accordionpanels h4 a:hover {
                background: #ef432b url(../img/alumniaccordionbig.png) right -78px no-repeat;
                border-left: solid 6px #ef432b;
            }
            body.alumni .accordionpanels h4 a.collapsed:hover {
                background: #ef432b url(../img/alumniaccordionbig.png) right -30px no-repeat;
                border-left: solid 6px #ef432b;
            }


            body.alumni .accordionpanels.al-panel h4 a.accstartclass, body.alumni .accordionpanels.al-panel h4 a.collapsed {
                background: #eeeeee url(../img/alumniaccordion.png) right 17px no-repeat;
                border-left: solid 6px #ef432b;
            }
            body.alumni .accordionpanels.al-panel h4 a {
                background: #ef432b url(../img/alumniaccordion.png) right -78px no-repeat;
                border-left: solid 6px #ef432b;
                }
                body.alumni .accordionpanels.al-panel h4 a:hover {
                    background: #ef432b url(../img/alumniaccordion.png) right -78px no-repeat;
                    border-left: solid 6px #ef432b;
                }
                body.alumni .accordionpanels.al-panel h4 a.collapsed:hover {
                    background: #ef432b url(../img/alumniaccordion.png) right -30px no-repeat;
                    border-left: solid 6px #ef432b;
                }

a.GreenButton.sajtoSzoba:hover, a.GreenButton.sajtoSzoba.active { background: #000 !important; color: #fff200; border: solid 2px #fff200;}

.whiteNext { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;  display: none; background: #fff; float: right; 
    margin-left: -100px; margin-top: -16px; padding: 15px 30px 15px 0; margin-right: 5px; color: #000;}

.showButton { display: block; opacity: 1;}



.accordionpanels .panel-body { margin-top: 20px; margin-bottom: 20px; padding-bottom: 15px; line-height: 1.8em; text-align: justify; border-bottom: solid 1px #eee; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top: none; }

.foot-textbox { margin-left: 10px; margin-right: 10px; }

.Esemeny { margin-bottom: 15px; }
    .Esemeny h3 { margin: 0; }
    .Esemeny p { margin-top: 2px; }
    .Esemeny .Date { color: #fff; font-weight: 900; text-transform: uppercase; font-size: 30px; line-height: normal; }
        .Esemeny .Date span { font-size: 16px; margin-top: 0px; line-height: normal; display: block; }

    h2#AktualisPalyazatCim { display: block; background: url(../img/aktualis-palyazatok-bg.png) center center no-repeat; min-height: 40px; text-align: center; padding-top: 8px; margin-bottom: 50px; }

    a.CelcsoportNagyTovabb { display: block; padding: 20px; background: #eeeeee url(../img/celcsoportnagytovabbnyil.png) right 15px no-repeat; font-size: 20px; font-weight: 900; text-transform: uppercase; border-left: solid 6px #54b4e2; margin-top: -10px; margin-bottom: 15px; }
    a.CelcsoportNagyTovabb:hover { background: #54b4e2 url(../img/celcsoportnagytovabbnyil.png) right -44px no-repeat; color: #fff; }

    .marginbottom-30 { margin-bottom: 30px !important; padding-bottom: 20px !important; }
    
    .kepgaleriaklink a { margin-top: 10px; margin-bottom: 10px; display: block; }

    #miEz { width: 100% !important; display: none; }
    a#miEzGomb { cursor: pointer; }
    .displaynone { display: none !important; }
    a.socialButton { margin-left: 8px; }

body.rendezvenyek article.rendezvenyCikk { padding-top: 20px; padding-bottom: 20px; }
    body.rendezvenyek article.rendezvenyCikk .border { border-left: solid 20px #cdbe69; }
        body.rendezvenyek article.rendezvenyCikk .Date { width: 10%; float: left; margin-top: 0; padding-left: 10px; padding-right: 10px; }
        body.rendezvenyek article.rendezvenyCikk .Date .Ev,
        body.rendezvenyek article.rendezvenyCikk .Date .Honap,
        body.rendezvenyek article.rendezvenyCikk .Date .Nap {
            text-align: center; display: block; font-weight: 900; margin: 0; line-height: normal; } 
        
        body.rendezvenyek article.rendezvenyCikk .Date .Ev { font-size: 16px; }
        body.rendezvenyek article.rendezvenyCikk .Date .Honap { font-size: 18px; text-transform: uppercase; }
        body.rendezvenyek article.rendezvenyCikk .Date .Nap { font-size: 32px; margin-top: -5px; }
        body.rendezvenyek article.rendezvenyCikk h2 { font-size: 16px; margin-bottom: 0; margin-top: 0; }
        body.rendezvenyek article.rendezvenyCikk .text { margin-right: 15px; }
            body.rendezvenyek article.rendezvenyCikk .text p { line-height: normal; font-size: 14px; margin: 0; }
            body.rendezvenyek article.rendezvenyCikk a.MegnezemGomb { display: inline-block; float: right; margin: 5px 0 0 0; }
    .zartkoruRendezveny {
        display: block;
        background: url(../img/lakat.png) center top no-repeat;
        height: 33px;
        margin-top: 5px;
        }
        .zartkoruRendezveny span { position: absolute; display: none; background: url(../img/zartkoru-badge.png) top center no-repeat; width: 192px; height: 53px; margin-left: -70px; margin-top: 34px; text-align: center; text-transform: uppercase; font-weight: 900; padding-top: 23px; }
            .zartkoruRendezveny:hover span { display: block; }

    header.projectTitle { text-transform: uppercase; border-bottom: none;}
        header.projectTitle h2, header.projectTitle h3 { margin-bottom: 0; margin-top: 0; }
        header.projectTitle p { color: #999; line-height: 1.8em; font-size: 12px;}

.whiteboxCelcsoport { background-color: #fff; padding: 10px; margin-bottom: 20px; }
    .whiteboxCelcsoport h2.nagycim { background: #eeeeee; border-left: solid 8px #54b4e2; padding: 25px 15px; margin-top: -10px; }
    
    body.celcsoportok .whiteboxCelcsoport .blogcikk { border-left: none; padding-left: 10px !important; }
        body.celcsoportok .whiteboxCelcsoport .blogcikk:nth-child(odd) { background-color: #eeeeee; }
    
    .whiteboxCelcsoport .KulsoGomb { display: inline-block; float: right; width: auto; padding: 5px 10px; margin-top: -10px; margin-right: -20px !important; background-color: #54b4e2; color: #fff; }
        .whiteboxCelcsoport .KulsoGomb:hover { background-color: #3f92ba; }

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,
div.star-rating {float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}

div.rating-cancel,
div.rating-cancel a {background:url(../img/delete.gif) no-repeat 0 -16px}

div.star-rating,
div.star-rating a {background:url(../img/star.png) no-repeat 0 0px}

.nemzetkoziesites div.star-rating, 
.nemzetkoziesites div.star-rating a {background:url(../img/star-nemzetkozi.png) no-repeat 0 0px}

div.rating-cancel a,
div.star-rating a,
.nemzetkoziesites div.rating-cancel a,
.nemzetkoziesites div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}

div.star-rating-on a, 
.nemzetkoziesites div.star-rating-on a {background-position:0 -16px !important}

div.star-rating-hover a, 
.nemzetkoziesites div.star-rating-hover {background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


body.kepzesek #ContactCarousel .slides {
        width: 100%!important;
        text-align: center;
    }
    body.kepzesek #ContactCarousel .slides li {
         display: inline-block!important; 
        *display: inline!important; 
        float: none!important;
    }

ul.slides li { background-image: none !important; }


ul.cimkeFelho { padding: 20px 10px !important; text-align: center; line-height: normal;}
    .cimkeFelho li { display: inline-block !important; margin: 0; padding: 0; line-height: 20px !important;}
        .cimkeFelho li a { font-weight: bold; display: inline-block; padding: 0; margin-left: 5px; margin-right: 5px; height: 28px; line-height: 20px !important;}
            .cimkeFelho li:hover a {border-bottom: none !important;}
            .cimkeFelho li a:hover { text-decoration: underline;}

/* OLDALAK */
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus,
.pagination > li > a, .pagination > li > span {
    color: #fff200; font-size: 14px;
}

@media screen and (max-width: 1320px) {
    
    body.homepage .container { padding-right: 50px; }
}

@media screen and (max-width: 1200px) {

    body.tempus section.main.asideHeight100 .container {

}

    #MainMenu ul li a span.Text { padding: 0 1px; }
    #OldalGombok a { padding-left: 55px; font-size: 15px; }
    #SliderNavigation.flexslider ul li { margin: 12px 0px; }
    .FamousTitleBox { height: 383px; }
    #FamousBox { height: 437px; }
    #palyazatok, #kepzesek, #nemzetkoziesites, #tudastar, #szakmai-projektek, #europass, #alumni, #kutatok-ejszakaja, #study-in-hungary { background-size: 1216px 398px !important; background-position: center top !important; }
    .is-sticky #sticker { right: -314px; z-index: 100; }  
    
    #NemzetkoziesitesMenu div a span { font-size: 12px; }
    .nemzetkoziesitestemak h2 { height: 90px; }
    
    #KepzesMenu { background: rgba(255, 255, 255, 0.4); border: solid 1px #fff; margin: 330px 10px 5px 10px; text-align: center; }
    #BigLogos img { margin: 20px 20px; }

    body.rendezvenyek article.rendezvenyCikk .Date { margin-bottom: 20px; }

    .homeBigBoxContent { width: 457px; }
    .feltoltesgombok { font-size: 10px;}

    .projektCikkSzoveg { margin-left: -18px; }
    .projektCikkSzoveg .row { width: 473px; }

    body.angol #FamousBox { height: 525px; }
    body.angol .FamousTitleBox { overflow: hidden; height: 471px; }
    body.angol .FamousTitleBox h2 { width: 178%; }

    #bpTerkep, #pecsTerkep { background: #cdbe69 url(../img/gmap.png) center -111px no-repeat; }
    #bpStreetView, #pecsStreetView { background: #cdbe69 url(../img/streetv.png) center -111px no-repeat; }

    #bpTerkep, #pecsTerkep, #bpStreetView, #pecsStreetView, #bpTerkep.selected, #pecsTerkep.selected, #bpTerkep:hover, 
    #pecsTerkep:hover, #bpStreetView.selected, #pecsStreetView.selected, #bpStreetView:hover, 
    #pecsStreetView:hover { background-size: 92% auto !important; }
    aside .file-input-wrapper > .btn-file-input { width: 134px; }
}

@media screen and (max-width: 992px) {

    /* 2015 02 21 Sanyi */
    .almenuMobilGomb { display: block !important; width: 40px; height: 56px; z-index: 80; position: absolute; right: 20px; margin-top:0;
        background: #000000 url(../img/lenyil.png) center center no-repeat; cursor: pointer; border: solid 2px yellow;
    }
    .almenuMobilGomb.activeSub, .almenuMobilGomb:hover { background-color: yellow; }
    
    #OldalGombok a { padding-left: 50px; font-size: 11px; }
    #OldalGombok a#HallgatoknakGomb { background-position: -5px 0px; }
    #OldalGombok a#TanaroknakGomb { background-position: -5px -55px; }
    #OldalGombok a#VallalkozasoknakGomb { background-position: -5px -114px; }
    #OldalGombok a#CivileknekGomb { background-position: -5px -173px; }
    #OldalGombok a#OktatasiSzakembereknekGomb { background-position: -5px -229px; line-height: normal; padding-top: 3px; height: 47px; }
    #OldalGombok a#FelsooktatasiIntezmenyeknekGomb { background-position: -5px -284px; line-height: normal; padding-top: 3px; height: 47px; }
    #OldalGombok div#GotoTop { background-position: -5px -344px; line-height: normal; padding-top: 3px; height: 47px; }

    .is-sticky #sticker { right: -246px; z-index: 100; }

    div#PalyazatokGomb, div#EuropassGomb, div#AlumniGomb, div#TudastarGomb, div#SzakmaiProjektekGomb, div#KepzesekGomb, div#NemzetkoziesitesGomb, div#NemzetkoziesitesGombFele { background-size: 100% auto; }
        div#TudastarGomb { height: 330px !important; }
        div#PalyazatokGomb span { display: inline-block; margin-top: 125px; margin-left: 8px; }
        div#EuropassGomb span { display: inline-block; margin-top: 15px; margin-left: 8px; }
        div#AlumniGomb span { display: inline-block; margin-top: 15px; margin-left: 15px; }
        div#TudastarGomb span { display: block; text-align: right; margin-right: 15px; padding-top: 15px; }
        div#SzakmaiProjektekGomb span { display: inline-block; margin-top: 105px; margin-left: 5px; }
        div#KepzesekGomb span { display: inline-block; margin-top: 15px; margin-left: 15px; }
        div#NemzetkoziesitesGomb span { display: block; text-align: right; margin-right: 15px; padding-top: 15px; }

    #SliderNavigation.flexslider ul li { margin: 12px 0px; }
        .FamousTitleBox { height: auto; }
        #FamousBox { height: auto; }
        .homeBigBox h2.active { width: 250.6%; box-shadow: none; }
        .darkgreybg h2 { margin-left: 0px; }
        #PartnerekSlider { background: #222222; padding: 16px 0px; margin-left: 0px; text-align: center; }
        #FooterCarousel div.borderright { border-right: none; }

    div#PalyazatokGomb, 
    div#EuropassGomb, 
    div#AlumniGomb, 
    div#TudastarGomb, 
    div#SzakmaiProjektekGomb, 
    div#KepzesekGomb, 
    div#NemzetkoziesitesGomb { height: 160px; background-size: auto; }

    div#PalyazatokGomb, div#AlumniGomb, div#EuropassGomb, div#TudastarGomb, div#SzakmaiProjektekGomb { margin-right: -10px; }
    div#TudastarGomb, div#AlumniGomb, div#SzakmaiProjektekGomb, div#NemzetkoziesitesGomb { margin-left: -10px; }

    .desktop { display: none; }
    .mobil { display: block !important; }

    a#MobilMenuLink { min-height: 20px; display: block; cursor: pointer; margin-bottom: 10px; }
    .Hamburger { background: #ddd; height: 10px; width: 40px; margin-bottom: 5px; }
    #MobilMenuBar { margin-top: 10px;}
    #MobilMenu { display: none; width: 100% !important; }
        #MobilMenu ul { padding-left: 0; }
            #MobilMenu ul li { display: block; margin-left: 0; }
            #MobilMenu ul li:last-child { border-bottom: none; }
                #MobilMenu ul li a { padding: 15px !important; font-size: 18px; text-align: left; color: #fff200 !important; border-bottom: solid 2px #ddd; background: none; display: block; margin-right: 20px; }
                #MobilMenu ul li a:hover { text-decoration: none; }
                    #MobilMenu ul li a span.MenuLeft, #MobilMenu ul li a span.MenuRight { display: none; }
    .BigPicture { display: block; }

    .submenu { position: relative !important; width: 96%;}

    #FooterCarousel .col-custom-grid-10-8, #FooterCarousel .col-custom-grid-10-1 { float: none; display: block; width: 100%; }
        
    #NemzetkoziesitesMenu, #KepzesMenu { display: inline-block; margin-top: 10px; }
         #NemzetkoziesitesMenu a span { padding: 10px !important; margin: 5px !important; }
         #NemzetkoziesitesMenu div a { height: auto; }
        
    #KepzesMenu ul li { display: block; }
    .tudastarfejlec h2 { font-size: 14px; }
        .tudastarfejlec a.GreenButton.tud { font-size: 11px; }
        
    .homeBigBox { position: relative; }
    .homeBigBox .col-md-6:last-child { position: absolute; top: 0; right: 0; width: 326px; height: 100%;}
    .homeBigBoxContent { width: 100%; height: 100%;}
    .homeBigBoxContent p {
        line-height: 1.2em;
        font-size: 14px;
        }


    .homeBigBox h2 { width: 46%; }
    .homeBigBox h2.active { width: 101%; }
    .BigBoxNavigation { width: 330px; }
    .BigBoxNavigation ul { width: 330px !important; -moz-column-count: 1 !important; -moz-column-gap: 0px !important; -webkit-column-count: 1 !important; -webkit-column-gap: 0px !important; column-count: 1 !important; column-gap: 0px !important; }
        .BigBoxNavigation ul li { margin-bottom: 6px; line-height: normal;}

    .feltoltesgombok { font-size: 16px;}

    .projektCikkSzoveg { margin-left: -40px; }
    .projektCikkSzoveg .row { width: 564px; }

    #bpTerkep, #pecsTerkep { background: #cdbe69 url(../img/gmap.png) center -79px no-repeat; }
    #bpStreetView, #pecsStreetView { background: #cdbe69 url(../img/streetv.png) center -79px no-repeat; }

    .socialPrint {
        margin-bottom: 10px;
        text-align: left;
    }

        body.tempus section.main .container {
            background-image: none;
            min-height: 10px !important;
        }
}

@media screen and (max-width: 768px) {

    div#TudastarGomb { height: 162px !important; }
    .logo { margin: 0px auto; /*display: block; text-align: center;*/ margin-bottom: 20px; }
        .logo img { margin-top: 20px; }

    .kethasab { -moz-column-count: 1; -moz-column-gap: 20px; -webkit-column-count: 1; -webkit-column-gap: 20px; column-count: 1; column-gap: 20px; }
    
    #SearchBox { margin-bottom: 10px; }
    
    .tudastarfejlec h2 { font-size: 18px; }
        .tudastarfejlec a.GreenButton.tud { font-size: 14px; }
    
    .WhiteListBox { padding: 20px; }
    
    .main form#SearchBox { width: 86%; }
    .main form#SearchBox input[type="text"] { width: 82%; }

    a.KulsoGomb { background: #ebebeb; display: block; padding-top: 19px; padding-bottom: 19px; margin-right: 0px !important; width: 100%; }
    body.rendezvenyek article.rendezvenyCikk .Date { width: 18%; margin-bottom: 20px; }

    .homeBigBox .col-md-6:last-child { position: absolute; top: 0; right: 0; width: 310px; height: 100%;}
    .homeBigBoxContent { width: 100%; height: 100%; font-size: 12px; padding: 90px 15px 0px; }
    .homeBigBoxContent p {
        line-height: 1.2em;
        font-size: 14px;
        }


    /*.homeBigBoxContent { display: block; width: 99%; margin-left: 0; font-size: 16px; line-height: 1.4em; padding: 80px 15px 0px 15px;}*/
        .homeBigBox h2, .homeBigBox h2.active { width: 90%; font-size: 16px; height: 53px; text-indent: 12px;}
        .BigBoxNavigation ul { width: 280px !important; }
        .BigBoxNavigation ul li { font-size: 12px; margin-bottom: 6px;}

    .whiteNext.showButton { font-size: 10px; margin-top: -11px; margin-right: -30px; }
        span.arrow { margin-top: -20px; }




    div#PalyazatokGomb,  
    div#EuropassGomb, 
    div#AlumniGomb, 
    div#TudastarGomb, 
    div#SzakmaiProjektekGomb, 
    div#KepzesekGomb, 
    div#NemzetkoziesitesGomb,
    #OldalGombok { margin-left: 0; margin-right: 0; }
    #FamousBox { height: auto; overflow: hidden; }

    .projektCikkSzoveg { margin-left: -28px; }
    .projektCikkSzoveg .row { width: 114%; }

    body.angol #FamousBox { height: 413px; }
    body.angol .FamousTitleBox { overflow: hidden; height: 359px; }
    body.angol .FamousTitleBox h2 { width: 178%; }

    #terkepTabsBudapest, #terkepTabsPecs { margin-right: 0px; }
    #bpTerkep, #pecsTerkep, #bpStreetView, #pecsStreetView { background-size: 87px auto !important; }
    #bpTerkep, #pecsTerkep { background: #cdbe69 url(../img/gmap.png) center -139px no-repeat; }
    #bpStreetView, #pecsStreetView { background: #cdbe69 url(../img/streetv.png) center -139px no-repeat;}

    #bpTerkep.selected, #pecsTerkep.selected, #bpTerkep:hover, #pecsTerkep:hover, #bpStreetView.selected, #pecsStreetView.selected, #bpStreetView:hover, #pecsStreetView:hover {
        background-size: 87px auto !important; }

    div#TudastarGomb span { text-align: left; text-indent: 15px;}
}

@media screen and (max-width: 700px) {
    .homeBigBox .col-md-6:last-child { position: absolute; top: 0; right: 0; width: 48.8%; height: 100%; padding-right: 0;}
    .homeBigBoxContent { width: 100%; height: 100%; font-size: 12px; padding: 90px 15px 0px;}
    .homeBigBoxContent p {
        line-height: 1.2em;
        font-size: 14px;
        }
    .BigBoxNavigation { width: 260px !important; }
        .BigBoxNavigation ul { width: 260px !important; }
}

@media screen and (max-width: 657px) { 
    .whiteNext { position: absolute; width: 100%; margin-top: 15px !important; display: none;}


    

}



@media screen and (max-width: 590px) { 

    #FamousBox { height: auto; }
    #SliderNavigation.flexslider { width: auto; }
    .homeBigBox { overflow: hidden; height: auto; min-height: 0;}
    .homeBigBox .col-md-6:last-child { position: relative; top: 0; right: 0; width: 100%; height: 100%; padding-right: 0;}
    .homeBigBoxContent { width: 98.8%; height: 100%; font-size: 12px; padding: 5px 15px 0px; opacity: 1; margin-left: -8px;}
    .homeBigBoxContent p {
        line-height: 1.2em;
        font-size: 14px;
        }
    .BigBoxNavigation { width: 100% !important; height: auto;}
        .BigBoxNavigation ul { width: 90% !important; }



    .homeBigBox .row .col-xs-6 { width: 100%; float: none; }
    .homeBigBoxContent { padding-top: 20px; font-size: 14px; opacity: 1; width: 100%;}

    #palyazatok, #kepzesek, #nemzetkoziesites, #tudastar, #szakmai-projektek, #europass, #alumni, #kutatok-ejszakaja, #study-in-hungary {
        
        background-position: left top !important;
    }
/* Sanyi 2014 11 19 */
    .slidercontainer { display: block; width: 50%; max-width: 296px; float: right; }
    #SliderNavigation.flexslider ul li { margin: 2px 0px; max-width: 260px;padding: 5px 15px 5px 10px;}
/* Sanyi 2014 11 19 */

}
@media screen and (max-width: 492px) { 

    header#Top.mobil { margin-right: -20px; }
    
    .main form#SearchBox { width: 76%; }
    .main form#SearchBox input[type="text"] { width: 72%; }

    body.rendezvenyek article.rendezvenyCikk .Date { width: 100%; margin-bottom: 20px; }

    /*.homeBigBox { background: #ddd !important; background-image: none;}
        .homeBigBox h2 { font-size: 18px; }
        .homeBigBoxContent { padding-top: 20px; font-size: 14px;}*/

    #palyazatok, #kepzesek, #nemzetkoziesites, #tudastar, #szakmai-projektek, #europass, #alumni, #kutatok-ejszakaja, #study-in-hungary { 
        background: #ddd !important; background-image: none !important; /*height: 390px !important; */overflow: hidden;}

    .projektBemutato .col-xs-3 { display: none; }
    .projektCikkSzoveg { margin-left: 0px; width: 100%; }
    .projektCikkSzoveg .row { width: 110%; }

    body.angol #FamousBox { height: auto !important; min-height: 313px; }
    body.angol .FamousTitleBox { overflow: hidden; height: auto; min-height: 159px; }
    body.angol .FamousTitleBox h2 { width: 178%; }
    body.angol .FamousTitleBox .col-xs-4 { display: none; }
    body.angol .FamousTitleBox .col-xs-8 { width: 100%; }
    body.angol .FamousTitleBox .col-xs-8 p { margin-right: 15px; }
    body.angol .FamousTitleBox a.GreenButton { width: 50%; }

     #FamousBox { height: auto !important;  min-height: 215px;}
     .FamousTitleBox { height: auto; padding-bottom: 0px; min-height: 215px;}
}

@media screen and (max-width: 462px) { 
    #SliderNavigation.flexslider ul li { font-size: 12px; padding-right: 45px; max-width: 220px; padding-top: 2px; padding-bottom: 2px; margin: 0;}
    #FamousBox h1 { font-size: 16px; }
}

@media screen and (max-width: 400px) { 
    #SliderNavigation.flexslider ul li { font-size: 11px; padding-right: 45px; max-width: 200px; padding-top: 2px; padding-bottom: 2px; margin: 0;}
    #FamousBox h1 { font-size: 16px; }
}

.almenuMobilGomb { display: none; }