/* >> Header CSS
----------------------------------------------------*/
header{background: #cd1719 url(../images/aub-headerimg_mini.png) no-repeat center top;; width: 100%; height: 197px; margin-top: 44px;}
header .logo{max-width: 280px; width: 100%; display: block; margin: 0 auto; padding-top: 72px;}

.link_studium{display: block; position: absolute; top: 16px; width: 100%;}
.link_studium .box-title{position: relative; color: #fff;}


.box-title span.black{background: #003399 url(../images/icon-sapi.png) no-repeat 16px center; padding: 10px 1em 10px 72px; border-radius: 2px; font-style: italic; font-size: 1em; display: block; font-weight: 300;}

.m-home_search{float: right; margin-top: 0.5em; margin-right: 0.5rem;}
.m-home_search input{max-width: 160px; padding: 0.5em; border: 1px solid #dcdcdc; display: block; float: left; font-size: 1em; outline: none; border-radius: 3px;}
.m-home_search .bt-search{width: 36px; height: 36px; background: url(../images/icon-search.png) no-repeat center center; border: none; cursor: pointer; margin-left: 0.5em;}

.m-lang{display: block; float: right; margin-right: 1em; position: fixed; top: -4px; right: 0; z-index: 5; }

/* >> TAB & PC
--------------------------------------------*/
@media only screen and (min-width: 520px){
    
    header{background: #cd1719 url(../images/aub-headerimg.png) no-repeat center top;}
    header .logo{max-width: 318px; margin-top: 62px; float: left; padding: 0;}
    
    .link_studium{top: 10%; right: 0; width: auto;}
    .link_studium .box-title{position: relative;}
    header .csucsok_5{background: url(../images/img-csucsok_5.png) no-repeat left center; width: 9px; height: 40px; display: block; float: left;}
    
    .box-title span.black{font-size: 1.25em; float: left;}
    .m-lang{top: auto; right: auto; position: relative;}
    
}

@media only screen and (min-width: 800px){
    
    header .logo{margin-top: 40px;}
}

/* >> PC
--------------------------------------------*/
@media only screen and (min-width: 960px){
    
    header .logo{max-width: 360px; margin-top: 2em;}
    
    .m-lang{margin-right: 0;}
}

@media only screen and (min-width: 1400px){
    .m-home_search{margin-right: 0;}
}