@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/idLYXfFa1c7oAPILDl4z0fesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/fIKu7GwZTy_12XzG_jt8eA.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/Xyjz-jNkfiYuJf8UC3Lizw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body {
    font: normal 15px/1.4em 'Roboto',Arial,Sans-Serif;
}

h1, h2, h3, h4, h5 {
    color: #024289;
    text-align: left;
    font-size: 30px;
    font-weight: 300;
}

h2 {
    text-align: left;
    margin-bottom: 25px;
    line-height: 30px;
}

    h2:after {
        display: none;
    }

h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
}

    h4 + p {
        margin-top: -3px;
    }

p {
    margin-bottom: 19px;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.novinka, .jak, .pripravujeme, .upozorneni, .priklad, .upozorneni-kasa, .upozorneni-pzd, .tip, .informace, .poznamka {
    position: relative;
    padding-top: 46px;
    margin-top: 24px;
}

    .novinka.bez-popisku:before, .jak.bez-popisku:before, .pripravujeme.bez-popisku:before, .upozorneni.bez-popisku:before, .priklad.bez-popisku:before, .upozorneni-kasa.bez-popisku:before, .upozorneni-pzd.bez-popisku:before, .tip.bez-popisku:before, .informace.bez-popisku:before, .poznamka.bez-popisku:before {
        content: "";
    }

    .novinka:before, .jak:before, .pripravujeme:before, .upozorneni:before, .priklad:before, .upozorneni-kasa:before, .upozorneni-pzd:before, .tip:before, .informace:before, .poznamka:before {
        content: "novinka";
        position: absolute;
        top: 0;
        left: 0;
        background: url("https://www.stormware.cz/image/page/responsive/pohoda/SVG_sprite_Update.svg?ver=210513") no-repeat;
        height: 31px;
        width: 36px;
        transform: rotate(.01deg);
        padding: 15px 0 0 36px;
        font-weight: bold;
        color: #7bb135;
    }

    .novinka:after, .jak:after, .pripravujeme:after, .upozorneni:after, .priklad:after, .upozorneni-kasa:after, .upozorneni-pzd:after, .tip:after, .informace:after, .poznamka:after {
        content: "";
        position: absolute;
        top: 29px;
        right: 0;
        border-bottom: 1px solid #e1f5fe;
        width: calc(100% - 98px);
    }

    .novinka.bez-popisku:after {
        width: calc(100% - 40px);
    }

.jak {
    color: #888;
}

    .jak:before {
        background-position-y: -39px;
        color: #888;
        content: "jak?";
    }

    .jak:after {
        width: calc(100% - 73px);
    }

.pripravujeme:before {
    background-position-y: -78px;
    color: #14427e;
    content: "připravujeme";
}

.pripravujeme:after {
    width: calc(100% - 134px);
}

.upozorneni:before {
    background-position-y: -117px;
    color: #e98f16;
    content: "upozornění";
}

.upozorneni:after {
    width: calc(100% - 121px);
}

.priklad:before {
    background-position-y: -156px;
    color: #821f81;
    content: "příklad";
}

.priklad:after {
    width: calc(100% - 92px);
}

.upozorneni-kasa:before {
    background-position-y: -212px;
    color: #e98f16;
    content: "upozornění pro Kasu Offline";
}

.upozorneni-kasa:after {
    width: calc(100% - 234px);
}

.upozorneni-pzd:before {
    background-position-y: -247px;
    color: #e98f16;
    content: "upozornění pro PZD";
}

.upozorneni-pzd:after {
    width: calc(100% - 179px);
}

.tip {
    color: #000;
    padding: 46px 0 0 0;
    border-top: 0;
}

    .tip:before {
        background-position-y: -282px;
        color: #009ee2;
        content: "tip";
    }

    .tip:after {
        width: calc(100% - 63px);
    }

.poznamka {
    color: #000;
    padding: 46px 0 0 0;
    border-top: 0;
}

    .poznamka:before {
        color: #009ee2;
        content: "poznámka";
        background-position: -95px -282px;
    }

    .poznamka:after {
        width: calc(100% - 116px);
    }

.informace {
    color: #000;
    padding: 46px 0 0 0;
    border-top: 0;
}

    .informace:before {
        color: #009ee2;
        content: "informace";
        background-position: -58px -282px;
    }

    .informace:after {
        width: calc(100% - 114px);
    }
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}