/*IVAN*/

.kolos-navbar {
    background-color: #92b5fd;
    color: #0b3486;
}

@media only screen and (max-width: 500px) {
    .kolos-navbar {
        background-color: #243c82;
        color: #92b5fd;
    }

        .kolos-navbar .navbar-nav .nav-link {
            color: #92b5fd;
        }
}

.navbar-light .navbar-toggler {
    background-color: #92b5fd;
}

.navbar-brand {
    margin: 0;
}


.main-area {
    padding-top: 50px;
    padding-bottom: 50px;
}

iframe {
    width: 100%;
}

.footer {
    background-color: #b2cafe;
    color: #FFF;
    line-height: 39px;
    text-align: center;
    margin-bottom: 15px;
}




/*IVAN*/


a {
    color: #963;
}

    a:hover {
        color: #C60;
    }

body {
    background: url(img/backg.jpg) repeat-y center;
    color: #0b3486;
}








code {
    background: #FFF;
    border: 1px solid #EEE;
    border-left: 6px solid #C1CAD3;
    color: #666;
    display: block;
    line-height: 1.6em;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
}

blockquote {
    background: url(img/quote.gif) no-repeat;
    display: block;
    padding-left: 28px;
}




/* structure */
.container {
    background: #FFF;
    max-width: 840px;
}

/* header */
.top {
    background: url(img/backg.jpg) repeat-y center;
    padding: 20px 10px 0;
}

/* title */
.header {
    background: #FFF;
    height: 150px;
    margin: 0 auto;
    padding: 10px 10px 5px;
    width: 780px;
}

    .header .left, .header .right {
        background: url(img/left_img.gif) no-repeat;
        color: #0b3486;
        height: 150px;
    }

    .header .right {
        background: #CCCCCC url(img/sv.gif) no-repeat;
        line-height: 150px;
        text-align: center;
        width: 568px;
    }

    .header .left {
        overflow: auto;
        width: 212px;
    }

        .header .left p, .header .left h2 {
            padding: 0 16px;
        }

        .header .left h2 {
            padding-top: 16px;
        }

/* navigation */
.navigation {
    background: #cccccc url(img/nav.gif);
    border: 1px solid #111111;
    border-color: #cccccc #cccccc;
    height: 41px;
}

    .navigation a {
        background: #D9E1E5 url(img/nav.gif);
        border-right: 1px solid #cccccc;
        color: #0b3486;
        display: block;
        float: left;
        line-height: 41px;
        padding: 0 20px;
        text-decoration: none;
    }

        .navigation a:hover {
            background-position: left bottom;
            color: #234;
        }

/* main */
.main {
    border-top: 4px solid #fff;
}

/* sub navigation */
.sidenav {
    background: url(img/kuca.gif) no-repeat left;
    float: left;
    width: 384px;
}

    .sidenav h2 {
        color: #FFFFFF;
        margin: 0;
        padding-left: 12px;
    }

    .sidenav ul {
        padding: 0;
        border-top: 1px solid #FFFFFF;
    }

    .sidenav li {
        border-bottom: 1px solid #EAEADA;
    }

        .sidenav li a {
            color: #FFFFFF;
            display: block;
            padding: 8px 0 8px 5%;
            text-decoration: none;
            width: 95%;
        }

            .sidenav li a:hover {
                background: #b9cfff;
                color: #FFFFFF;
            }

/* content */
.content {
    background: #FFFFFF;
    text-align: center;
    float: left;
    margin: 0px 0px 15px;
    padding: 0px 5px 0px;
    width: 770px;
}

    .content .descr {
        color: #0b3486;
    }

    .content li {
        margin-top: 20px;
        margin-bottom: 10px;
    }



/* footer */


.footer a, .footer a:hover {
    color: #FFF;
}