html, body {
    height: 100%;
}

body {
    font-family: "Roboto",sans-serif;
    padding: 0;
    margin: 0;
    background-image: url("img/bg_gradient.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: #c6d4e1; 
}

.wrapper {
    width: 1100px;
    min-height: 989px;
    margin: 0 auto;
    position: relative;
	padding: 0 35px 0 15px;
}

.clear, .clr, .clean {
    clear: both;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.button {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 13px 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 150ms linear;
    border: 0;
    outline: 0;
}

.button-red {
    background: #e32d31;
    color: #fff;
}

    .button-red:hover {
        background: #da1d21;
    }

.button-orange {
    background: #fda740;
    color: #fff;
}

    .button-orange:hover {
        background: #fd9b27;
    }

.obchodni-podminky-page {
    position: absolute;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    font-size: 13px;
    line-height: 1.5;
    display: none;
}

    .obchodni-podminky-page .obchodni-podminky {
        width: 1000px;
        height: 80%;
        overflow: auto;
        margin: 0 auto;
        padding: 20px;
        background-color: #fff;
        display: none;
    }

.hlavicka {
    position: relative;
}

    .hlavicka .mp-block {
        width: 359px;
        height: 126px;
        display: inline-block;
        background-image: url("img/mp_logo_bg.png");
        background-repeat: no-repeat;
        position: relative;
        left: -10px;
        float: left;
    }

        .hlavicka .mp-block .mp-logo {
            position: absolute;
            top: 10px;
            left: 45px;
        }

    .hlavicka .mw-logo {
        float: right;
        position: relative;
        top: 15px;
        right: 5px;
    }

.carousel {
    width: 1100px;
    height: auto;
    padding: 0;
    margin: 0 0 30px 0;
    position: relative;
    text-align: center;
    top: -20px;
}

    .carousel .pc {
        display: inline-block;
        position: relative;
        margin: 0 auto;
        z-index: 999999;
    }

        .carousel .pc .monitor {
            width: 574px;
            height: 452px;
            display: inline-block;
            background-image: url("img/pc.png");
            background-repeat: no-repeat;
            margin: 0 auto;
            padding: 0;
            position: relative;
            left: 3px;
        }

    .carousel .weby {
        width: 1100px;
        height: 307px;
        display: inline-block;
        position: absolute;
        top: 18px;
        left: 0;
    }

.container {
    margin: 0 auto;
    width: 1100px;
    position: relative;
}

    .container .o-magicport {
        width: 525px;
        padding: 0 15px 0 0;
        margin: 0;
        display: inline-block;
    }

    .container h1 {
        color: #3b4a58;
        font-size: 34px;
        font-weight: 500;
        margin: 0;
        padding: 0;
    }

    .container p {
        font-size: 14px;
        font-weight: 300;
        color: #3b4a58;
        line-height: 1.5;
    }

        .container p em {
            font-size: 16px;
        }

    .container .form-box {
        border: 2px solid #b8c9d9;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 210px;
        min-height: 220px;
        padding: 15px 18px 11px 18px;
        margin-left: 30px;
        position: relative;
    }

        .container .form-box .icon {
            position: absolute;
            display: inline-block;
            right: -26px;
            top: -26px;
            background-color: #b8c9d9;
            -webkit-border-radius: 52px;
            border-radius: 52px;
            width: 52px;
            height: 52px;
        }

        .container .form-box .margin-top input {
            margin-top: 13px;
        }

    .container .prihlaseni .icon {
        background-image: url("img/zamek_icon.png");
        background-repeat: no-repeat;
        background-position: center;
    }

    .container .registrace .icon {
        background-image: url("img/user_icon.png");
        background-repeat: no-repeat;
        background-position: center;
    }

    .container .title {
        color: #3b4a58;
        font-size: 17px;
        font-weight: 500;
        margin: 0 0 18px 0;
    }

    .container input {
        display: inline-block;
    }

    .container .text-input::-webkit-input-placeholder, .container .text-input:-moz-placeholder, .container .text-input::-moz-placeholder, .container .text-input:-ms-input-placeholder {
        color: #898989;
        font-size: 13px;
        font-weight: 300;
    }

    .container .text-input {
        padding: 12px 14px;
        background-color: #fff;
        border: 0;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #898989;
        font-size: 13px;
        font-weight: 300;
        outline: 0;
        margin: 0 0 5px 0;
        min-width: 145px;
    }

    .container .checkbox {
        border: 2px solid #b8c9d9;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #fff;
        width: 16px;
        height: 16px;
        text-align: center;
        position: relative;
        display: inline-block;
        margin: 6px 0 0 0;
        cursor: pointer;
    }

        .container .checkbox .fajfka {
            position: absolute;
            top: -3px;
            left: 3px;
            color: #3b4a58;
            display: none;
        }

            .container .checkbox .fajfka.visible {
                display: block;
            }

    .container .checkbox-text {
        display: inline-block;
        width: 170px;
        position: relative;
        top: -2px;
        margin: 0 0 0 5px;
        vertical-align: text-top;
        font-size: 13px;
        font-weight: 300;
        color: #637a90;
        line-height: 1.25;
    }

        .container .checkbox-text a {
            color: #637a90;
            text-decoration: none;
            border-bottom: 1px dotted #637a90;
        }

            .container .checkbox-text a:hover {
                color: #4e6072;
            }
            /*
    .container .button {
        position: absolute;
        bottom: 10px;
    }
                */
.footer {
    margin: 60px 0 0 0;
    position: absolute;
    bottom: 0;
}

    .footer p {
        color: #7c91a5;
        font-size: 11px;
        font-weight: 400;
    }

    .footer .copy {
        color: #fff;
        position: relative;
        z-index: 10;
    }

    .footer .rectangle {
        display: inline-block;
        width: 269px;
        height: 79px;
        background-image: url("img/footer_rectangle.png");
        background-repeat: no-repeat;
        position: absolute;
        right: -30px;
        bottom: 0;
    }

/*# sourceMappingURL=styly.css.map */

    .error {
        font-size: 13px;
        font-weight: 300;
        color: #F00;
        line-height: 1.25;
    }