body {
    margin: 0;
    padding: 0;
    font: normal 10pt arial,verdana;
}

.wnd {
    background-image: url("../img/back-top.png");
    background-size: cover;
    background-repeat: no-repeat;
}

    .wnd.about {
        background-image: url("../img/about-back-top.jpg");
    }

.wnd-mid {
    margin-left: 270pt;
    font-size: 12pt;
}

    .wnd-mid.about {
        margin: 0;
        padding: 12pt;
        overflow: hidden;
        background: none;
    }

        .wnd-mid.about .block {
            float: left;
            width: 250pt;
            height: 200pt;
            font-size: 10pt;
            margin: 12pt;
        }

    .wnd-mid h3.slogan {
        font-size: 20pt;
        font-weight: normal;
        font-family: Calibri, Tahoma, Verdana, Geneva, sans-serif;
        text-transform: uppercase;
        color: #F66;
        text-align: right;
        margin-right: 20pt;
    }

    .wnd-mid .form {
        background-color: #FFF;
        margin: 20pt;
        padding: 20pt;
    }

.menu {
    background-image: url("../img/menu.png");
    background-repeat: repeat-x;
    background-size: cover;
    text-align: right;
    overflow: hidden;
    padding-right: 4pt;
}

    .menu .btn {
        background-repeat: no-repeat;
        background-size: contain;
        height: 30pt;
        border: none;
        float: right;
    }

        .menu .btn.main {
            background-image: url("../img/btn-main.png");
            width: 63pt;
        }

            .menu .btn.main.hover, .menu .btn.main:hover {
                background-image: url("../img/btn-main-h.png");
            }

        .menu .btn.about {
            background-image: url("../img/btn-about.png");
            width: 70pt;
        }

            .menu .btn.about.hover, .menu .btn.about:hover {
                background-image: url("../img/btn-about-h.png");
            }

        .menu .btn.connect {
            background-image: url("../img/btn-connect.png");
            width: 78pt;
        }

            .menu .btn.connect.hover, .menu .btn.connect:hover {
                background-image: url("../img/btn-connect-h.png");
            }

        .menu .btn.supply {
            background-image: url("../img/btn-supply.png");
            width: 57pt;
        }

            .menu .btn.supply.hover, .menu .btn.supply:hover {
                background-image: url("../img/btn-supply-h.png");
            }

        .menu .btn.contact {
            background-image: url("../img/btn-contact.png");
            width: 70pt;
        }

            .menu .btn.contact.hover, .menu .btn.contact:hover {
                background-image: url("../img/btn-contact-h.png");
            }

        .menu .btn.search {
            background-image: url("../img/btn-search.png");
            width: 50pt;
        }

            .menu .btn.search.hover, .menu .btn.search:hover {
                background-image: url("../img/btn-search-h.png");
            }

.logo {
    background: url("../img/logo.png") no-repeat;
    background-size: contain;
    width: 133pt;
    height: 75pt;
    margin: 25pt 0 5pt 25pt;
}

.superlogo {
    background: url("../img/logo.png") no-repeat;
    background-size: contain;
    width: 133pt;
    height: 75pt;
    margin: -75pt 0 0 25pt;
}

.wnd.about .menu {
    margin-top: 50pt;
}

.sublogo {
    background: url("../img/sublogo.png") no-repeat;
    background-size: contain;
    width: 180pt;
    height: 30pt;
    margin-left: 25pt;
}

.headerlogo {
    background: url("../img/page-header.png") no-repeat;
    background-size: contain;
    height: 100pt;
}

.content {
    float: right;
    margin: 25pt;
    background-color: #DEF;
    width: 600pt;
}

.login {
    background: url("../img/loginback.png") no-repeat;
    background-size: contain;
    width: 175pt;
    height: 221pt;
    margin-left: 25pt;
    overflow: hidden;
    float: left;
}

    .login .header {
        background: url("../img/loginhead.png") no-repeat;
        background-size: contain;
        width: 125pt;
        height: 22pt;
        margin-left: 27pt;
        margin: 25pt 0 27pt 25pt;
    }

    .login input.field {
        border: none;
        background: none;
        margin-left: 35pt;
        width: 85pt;
        padding-left: 15pt;
    }

        .login input.field.name {
            margin-bottom: 15pt;
        }

        .login input.field.password {
            margin-bottom: 0pt;
        }

    .login a.btn {
        margin-top: 16pt;
        margin-left: 33pt;
        display: block;
        height: 25pt;
        background: url("../img/btn-enter.png") no-repeat;
        background-size: contain;
    }

        .login a.btn:hover {
            background-image: url("../img/btn-enter-hover.png");
        }

    .login input.btn {
        border: none;
        margin-top: 16pt;
        margin-left: 33pt;
        display: block;
        height: 25pt;
        width: 107pt;
        background: url("../img/btn-enter.png") no-repeat;
        background-size: cover;
    }

        .login input.btn:hover {
            background-image: url("../img/btn-enter-hover.png");
        }

.wnd-bot {
    width: 100%;
    background: url("../img/back-bot.jpg") no-repeat;
    background-size: cover;
}

    .wnd-bot.about {
        background-image: url("../img/about-back-bot.jpg");
    }

.footer {
    background: url("../img/footer.png") repeat-x;
    background-size: contain;
    overflow: hidden;
}

    .footer .contacts {
        float: left;
        padding: 12pt;
    }

    .footer .links {
        float: right;
        padding: 12pt;
    }

        .footer .links a {
            border: 1px solid black;
            padding: 4pt;
            margin: 4pt;
            color: black;
            text-decoration: none;
            clear: both;
            float: left;
        }

            .footer .links a:hover {
                color: red;
                border-color: red;
            }

form.manager-form {
    margin: 20pt;
}

.manager-form input[type=text], .manager-form select, .manager-form textarea, .manager-form input[type=password] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    vertical-align: middle;
}

.manager-form table input[type=text], .manager-form table select, .manager-form table textarea, .manager-form table input[type=password] {
    padding: 2px;
    border: none;
    border-radius: initial;
}

.manager-form th, .manager-form td {
    padding: 2px;
}

.manager-form label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

.manager-form input[type=submit] {
    background-color: #37E;
    color: white;
    padding: 12px 20px;
    margin: 0 12px 0 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
}

    .manager-form input[type=submit]:hover {
        background-color: #59F;
    }

    .manager-form input[type=submit].alert {
        background-color: #E73;
    }

        .manager-form input[type=submit].alert:hover {
            background-color: #F95;
        }

.manager-form .container {
    border-radius: 5px;
    background-color: #FFF;
    padding: 20px;
}

.manager-form .col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.manager-form .col-50 {
    float: left;
    width: 50%;
    margin-top: 6px;
}

.manager-form .col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

.manager-form .row:after {
    content: "";
    display: table;
    clear: both;
}

.topnav {
    overflow: hidden;
    background-color: #333;
}

    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

        .topnav a.right {
            float: right;
        }

        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

table.simple {
    background: #444;
    margin: 20pt;
}

    table.simple th, table.simple td {
        background: #FFF;
        text-align: center;
    }

.field-validation-error {
    font-size: 8pt;
    color: #B00;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

.k-grid .k-grid-header th.k-header > .k-link {
    text-overflow: initial;
}