@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=latin,cyrillic);

/*@import url(http://basehold.it/22); */

/* ============ BASE  ============ */
    body {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-style: normal;
        line-height: 22px;
    }
    h1, h2, h3 {
        font-family: "Roboto Condensed";
    }
    h1 {
        font-size: 41px;
        font-weight: 300;
        margin-bottom: 17px;
        line-height: 44px;

    }
    h2 {
        font-size: 22px;
        margin: 44px 0 22px;
        text-transform: uppercase;
    }
    h3 {
        margin: 22px 0;
    }
    a:hover {
        /*text-decoration: none;*/
    }
    a {
        text-decoration: none;
        color: rgb(0, 130, 171);
    }
    th {
        font-weight: 400;
    }

    p, ul, ol {
        margin-bottom: 22px;
    }

/* ============ HEADER  ============ */
    header {
        background-color: #0082AB;
        color: #fff;
        padding-bottom: 3px;
    }
    header a {
        color: #fff;
    }
    #logo-pidpys a:hover {
        color: #ff0;
    }
    #logo-pidpys a {
        color: #BFE5F1;
    }
    header a:hover {
        color: #ff0;
        text-decoration: none;
    }
    .navbar {
        margin-bottom: 0px;
        border: none;
        background-color: transparent;
    }
    .navbar-header {
        padding-top: 22px;
    }
    .navbar-default .navbar-brand {
        color: #fff;
    }
    #logo-container {
        float: left;
    }
    #logo {
        font-size: 54px;
        font-family: "Roboto Condensed";
        font-weight: 400;
    }
    #logo-pidpys {
        font-size: 21px;
        color: #C2E9F5;
        margin-top: 28px;
        font-family: "Roboto Condensed";
        font-weight: 300;
    }
    #lang {
        padding-top: 26px;
        color: #fff;
        margin-right: 30px;
        float: right;
    }
    #lang li {
        display: inline-block;
        text-transform: capitalize;
        margin-left: 4px;
        padding-right: 8px;
        border-right: 1px solid #71B8C9;
        height: 19px;
    }
    #lang li:last-child {
        border-right: 0px;
    }
    #lang li.active a {
        color: #FF0;
        
    }
    #issn {
        font-size: 21px;
        font-family: "Roboto Condensed";
        font-weight: 300;
        color: rgb(181, 233, 240);
        float: right;
        margin-top: 26px;
        
    }
    #menu {
        margin-top: 7px;
    }
    #menu .navbar-nav {
        font-family: "Roboto Condensed";
        font-size: 16px;
        font-weight: 400;

    }
    .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 12px;
        
    }
    .dropdown-menu>li>a {
        color: rgb(0, 130, 171);
        font-size: 16px;
    }

    #menu .dropdown-header {
        font-size: 16px;
        text-transform: uppercase;
    }

    .nav.nav-tabs > li > a {
        padding: 20px;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
        text-transform: uppercase;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        color: #FF0;
        background-color: transparent;
    }
    .navbar-default .navbar-nav>#active>a,
    .navbar-default .navbar-nav>#active>a:hover,
    .navbar-default .navbar-nav>#active>a:focus {
        color: #FF0;
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        color: #ff0;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        background-color: #fff;
        color: rgb(0, 130, 171);
    }
    .navbar-default .navbar-collapse {
        padding: 0px;
        float: right;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

/* ============ CONTENT  ============ */
    #content {
        height: 374px;
        background-image: url("../images/slider.baa708e11f52.jpg");
        background-repeat: no-repeat;
        background-color: rgb(0, 130, 171);
        background-position: center;
    }
    #page-title {
        background-image: url("../images/slider.baa708e11f52.jpg");
        background-repeat: no-repeat;
        background-color: rgb(0, 130, 171);
        background-position: center;
        color: #fff;
        margin-bottom: 48px;
        padding-top: 7px;
    }
    .breadcrumb {
        background-color: transparent;
        color: #fff;
        border: none;
        padding: 0px;
        margin-bottom: 0px;
        font-family: "Roboto Condensed";
        text-align: right;
        margin-top: 41px; 
    }
    .breadcrumb>.active {
        color: #fff
    }
    .breadcrumb a {
        color: #ff0
    }
    .breadcrumb>li+li:before {
        color: #fff
    }
    #page-content {
        margin-bottom: 29px; 
    }    
    #page-content a {
        font-weight: 400;
 
    }
    #search {
        padding-top: 53px;
        padding-bottom: 66px;
    }
    #search .btn {
        background-color: #FE0;
        font-size: 26px;
        font-family: "Roboto Condensed";
    }
    #search .input-lg {
        background-color: rgb(194, 233, 245);
        border: none;
        height: 56px;
    }
    .link-btn {
        display: block;
        background: #FFEC01;
        width: 320px;
        text-align: center;
        font-size: 26px;
        line-height: 22px;
        margin-top: 42px;
        font-family: "Roboto Condensed";
        color: #333;
        padding: 15px;
        font-weight: 400;
    }
    .link-btn:hover {
        background: #F0FF01;
        text-decoration: none;
    }
    .btn-outline {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }
    .btn-outline:hover {
        background: #fff;
        text-decoration: none;
    }
    #text {
        color: #fff;
        margin-top: 42px;
        font-family: "Roboto Condensed";
        line-height: 29px;
        font-size: 26px;
        font-weight: 400;
    }
    #cover {
        margin-top: 20px;
        float: left;
    }
    #medal-box {
        margin-top: 22px;
        margin-left: 60px;
    }
    .medal {
        margin-bottom: 18px;
        height: 60px;
    }
    .medal-bg {
        position: absolute;
    }
    .medal-content {
        padding-top: 6px;
        position: relative;
        font-size: 12px;
        line-height: 11px;
        text-align: center;
        color: #2C434B;
        width: 180px;
        font-family: "Roboto Condensed";;
    }
    #copernicus-logo {
        width: 125px;
        position: relative;
        top: 2px;
    }
    #google-logo {
        width: 110px;
        top: -5px;
        position: relative;
    }
    .tab-content>.tab-pane {
        padding-top: 10px;
    }
    .uppercase {
        text-transform: uppercase;

    }
    .arhive>tbody>tr>td, .arhive>tbody>tr>th {
        border: none;
    }
    .baner {
        background-color: #ff0;
        padding: 20px; 
    }
    .baner h2 {
        margin-top: 0px;
        
    }

/* ============ FOOTER ============ */
    footer {
        background-color: #00485E;
        color: #EEE;
        padding-top: 40px;
        padding-bottom: 35px;
    }
    footer a, 
        footer a:hover {
            color: #EEE;
    }
    footer h2 {
        margin-top: 0px;  
    }
    
    footer li{
        margin-bottom: 15px;  
    }

    #copyright {
        height: 66px;
        padding-top: 26px;
    }
    footer .form-control {
        margin-bottom: 10px;
        background-color: #002A37;
        border: none;
        color: #fff;
    }
    footer .btn {
        background-color: rgb(0, 130, 171);
    }
    #map {
    display: block;
    position: relative;
    height: 223px;
    width: 100%;
    }

/* ============ RESPONSIVE ============ */

    
    @media (max-width: 1199px) {
        .navbar-default .navbar-collapse {
            float: left;
        }
        .nav > li > a {
            padding-right: 30px;
            padding-left: 0px;
        }
        .medal {
            margin-left: 100px;

        }
    }

    @media (max-width: 991px) {
        .nav > li > a {
            padding-right: 22px;
        }
        #search {
            padding-top: 140px;
        }
        .medal {
            margin-top: 40px;
            float: none;
            margin-left: 10px;
            margin-right: 10px;
        }
        #medal-box {
            display: table-cell;
            text-align: center;
        }
    }

    @media (max-width: 767px) {
        .navbar-default .navbar-brand {
            height: inherit;
        }
        .navbar-default .navbar-collapse {
            
        }
        .nav > li > a {
            padding-left: 0px;
            padding-right: 0px;
        }
        #search {
            padding-top: 38px;
            padding-bottom: 38px;
        }
        #search .input-lg {
            margin-bottom: 20px;
        }
        #lang {
            float: left;   
        }
        #logo {
            line-height: 38px;
        }
        .navbar-header {
            clear: both;
        }
        #menu {
            float: none;
            margin: 0px;
            padding-top: 0px;
            padding-left: 15px;
            padding-right: 15px;
        }
        .breadcrumb {
            text-align: left;
            margin-top: 0px;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 550px) {
        .navbar-default .navbar-brand {
            width: 50%
        }
    }

    @media (max-width: 380px) {
        a#goto {
            width: 100%
        }
    }