﻿/* DEFAULTS
----------------------------------------------------------*/


/* COOKIES CONSENT */

#cookie-consent {
    background-color: #f2f2f2;
    padding: 0.5% 2.5%;
    display: none;
    width: 95%;
    float: left;
}

#cookie-consent .info-text {width: 70%; float: left;}
#cookie-consent .info-text p {padding-bottom: 0; max-width: 100%; margin-top: 5px;} 
#cookie-consent .buttons {width: 30%; float: left; }
#cookie-consent .button {width: 48%; margin-left: 2%; float: left; text-align: center;}
#cookie-consent .button a {color: #333; text-decoration: none; background: #ebebeb; padding: 5px; display: block;}
#cookie-consent .button a:hover {color: #111; text-decoration: none; background: #dbdbdb; }

.cs #cookie-consent .sk,
.cs #cookie-consent .en,
.sk #cookie-consent .cs,
.sk #cookie-consent .en,
.en #cookie-consent .cs,
.en #cookie-consent .sk,
.cs #change-your-preferences-footer .sk,
.cs #change-your-preferences-footer .en,
.sk #change-your-preferences-footer .cs,
.sk #change-your-preferences-footer .en,
.en #change-your-preferences-footer .cs,
.en #change-your-preferences-footer .sk,
.cs #modal-footer .sk,
.cs #modal-footer .en,
.sk #modal-footer .cs,
.sk #modal-footer .en,
.en #modal-footer .cs,
.en #modal-footer .sk {
    display: none;
}

.en #cookie-consent .en,
.cs #cookie-consent .cs,
.sk #cookie-consent .sk,
.cs #change-your-preferences-footer .cs,
.sk #change-your-preferences-footer .sk,
.en #change-your-preferences-footer .en,
.cs #modal-footer .cs,
.sk #modal-footer .sk,
.en #modal-footer .en {
    display: block;
} 

#change-your-preferences-footer span {color: #3e438d; top: 0; font-weight: normal;}

/* COOKIES MODAL STARTS */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*overflow: auto; *//* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 100%;
    max-width: 700px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}



/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close {
    color: #111;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-header { padding: 2px 16px 8px; color: #111; border-bottom: 1px solid #ccc;}
.modal-body { padding: 2px 16px; max-height: 500px; overflow-y: scroll;}
.modal-body p { max-width: 100%;}
.modal-footer { padding: 8px 16px; color: #111; border-top: 1px solid #ccc; background-color: #f2f2f2;}
.modal-footer .save-my-preferences {text-align: right; display: flex; flex-flow: row-reverse;}
.modal-footer #save-my-preferences {background: green; color: #fff; text-decoration: none; padding: 10px; font-weight: 600;}

.modal-body input[type="checkbox"].cc-custom-checkbox { position: absolute; margin: 2px 0 0 16px; cursor: pointer; visibility: hidden;}
.modal-body input[type="checkbox"].cc-custom-checkbox + label { position: relative; padding: 4px 0 0 50px; line-height: 2.0em; cursor: pointer; display: inline; font-size: 14px; }
.modal-body input[type="checkbox"].cc-custom-checkbox:checked + label:before { background: #55D069;}

.modal-body input[type="checkbox"].cc-custom-checkbox + label:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 40px;
        height: 24px;
        border-radius: 16px;
        background: #fff;
        border: 1px solid #d9d9d9;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }


.modal-bodyg input[type="checkbox"].cc-custom-checkbox:checked + label:after {
    margin-left: 16px;
}


.modal-body input[type="checkbox"].cc-custom-checkbox + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.modal-body input[type="checkbox"].cc-custom-checkbox:checked + label:after {
    margin-left: 16px;
}


/* COOKIES MODAL ENDS */


body {
    background: #ffffff;
    font-size: .80em;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    margin: 0px;
    padding: 0px;
    color: #4c4c4c;
}


a:link, a:visited {
    color: #4564A6;
}

a:hover {
    color: #55626e;
}

a:active {
    color: #4564A6;
}


p {
    margin-bottom: 0;
    padding-bottom: 8px;
    margin-top: 0;
    padding-top: 0;
    line-height: 1.4em;
    max-width: 650px;
    clear: left;
    word-break: break-word;
}

hr {
    padding-left: 0;
    margin-left: 0;
    border: 1px dotted gray;
}

table {
    border-spacing: 0;
}

ul {
    margin-left: 15px;
    padding-top: 0;
    margin-top: 0;
    padding-left: 15px;
}

ol {
    margin-left: 5px;
    padding-top: 0;
    margin-top: 0;
    padding-left: 15px;
}


ul ul {
    padding-top: 5px;
}

    ul ul li {
        list-style-image: url(_images/sipkaul2.png);
    }

ul li {
    max-width: 600px; 
    list-style-image: url(_images/sipkaul.png);
    list-style-position: outside;
    padding-left: 5px;
    margin-left: 5px;
    word-break: break-word;
}

ol li {
    list-style-image: none;
    list-style: decimal;
}


li H4 {
    list-style-image: none;
    padding-left: 5px;
    margin-left: 5px;
}

li table.but_vice {
    padding-bottom: 0;
}

#language {
    float: right;
    margin-top: 10px;
}

    #language img {
        margin-top: 3px;
        margin-right: 3px;
    }

img {
    border: 0;
    text-decoration: 0;
}

a.hedlink {
    display: block;
    text-decoration: none;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    color: #666666;
    margin-bottom: 0px;
}

h1 {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-top: 10px;
    margin-top: 0px;
    color: #4564a6;
    width: 100%;
    clear: right;
    font-weight: 400;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
    padding-bottom: 0;
    padding-top: 10px;
    margin-top: 0;
}


h3 {
    font-size: 1.2em;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 3px;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* ZADOST KROK */

#mainContentWide {
    width: 100%;
}

.HtmlContentInner {
    width: 100%;
}

.steps {
    margin: 0 auto 40px;
    display: inline-block;
}

    .steps a {
        float: left;
        width: 18%;
        text-align: center;
        text-decoration: none !important;
        color: #9b9b9a;
        margin-right: 2%;
    }

        .steps a span.number-image:hover {
            text-decoration: none;
            color: #000;
        }

        .steps a img:hover {
            text-decoration: none;
            background-color: #e89f25;
        }

    .steps img {
        max-width: 100%;
    }

    .steps a.selected img {
        text-decoration: none;
        background-color: #e89f25;
    }

    .steps a.selected span {
        color: #000;
    }

    .steps a .number {
        position: relative;
        top: 21px;
        font-size: 15px;
    }


.drivers .driver-blocks .title {
    margin-top: 20px;
}

.drivers h3 {
    float: left;
    min-width: 200px;
}

.drivers a {
    cursor: default;
}

.drivers img {
    float: left;
    max-width: 100%;
}

.drivers .driver-block .boxes .box {
    float: left;
    margin-right: 2%;
    margin-left: 0;
    max-width: 140px;
}

.drivers .tutorial img {
    max-width: 100%;
}

.drivers .tutorial p {
    clear: left;
}

.boxes {
    width: 100%;
    margin-bottom: 2%;
    display: inline-block;
}

    .boxes .leftpart {
        width: auto;
        float: left;
    }

    .boxes .leftpartfull {
        width: 100%;
        float: left;
    }

    .boxes .leftpart.half {
        width: 50%;
        float: left;
    }

    .boxes .leftpart.threequater {
        width: 75%;
        float: left;
    }

    .boxes .leftpart.fullwidth {
        width: 100%;
        float: left;
    }

    .boxes .leftpart p {
        margin-top: 0;
    }

    .boxes a {
        color: #42a5f5;
    }

    .boxes .two {
        width: 50%;
        float: left;
    }

    .boxes .one {
        width: 25%;
        float: left;
    }

    .boxes .three, article .boxes .four {
        width: 100%;
        float: left;
    }

        .boxes .three .box {
            width: 32%;
            float: left;
            margin-right: 1%;
            margin-left: 0;
            color: #FFF;
            margin-bottom: 1%;
        }

    .boxes .four .box {
        width: 24%;
        float: left;
        margin-right: 1%;
        margin-left: 0;
        color: #FFF;
        margin-bottom: 1%;
    }

    .boxes .box span, article .boxes .box a {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        max-width: 90%;
        color: #fff;
    }

    .boxes .box a:hover {
        text-decoration: none;
    }

    .boxes .box {
        width: 13%;
        margin-left: 2%;
        height: 100%;
        text-align: center;
        float: right;
        font-size: 13px;
        min-height: 65px;
    }

    .boxes .two .box {
        width: 48%;
        margin-left: 2%;
        height: 100%;
        text-align: center;
        float: right;
        font-size: 20px;
        margin-bottom: 2%;
    }

    .boxes .one .box {
        width: 98%;
        margin-left: 2%;
        height: 100%;
        text-align: center;
        float: right;
        font-size: 20px;
    }

    .boxes .fullwidth .two {
        width: 100%;
        float: left;
    }

    .boxes .fullwidth .box {
        width: 48%;
        margin-right: 2%;
        float: left;
        margin-left: 0;
        color: #FFF;
    }

    .boxes .box.orange {
        background-color: #ecb22a;
    }

    .boxes a.box.orange, article .boxes a.box.orange2, article .boxes a.box.orangedark {
        color: #ffffff;
    }

        .boxes a.box.orange:hover, article .boxes a.box.orange2:hover, article .boxes a.box.orangedark:hover {
            text-decoration: none;
        }

    .boxes .box.orange:hover {
        cursor: pointer;
        background-color: #ab6b00;
        color: #ffffff;
    }

    .boxes .box.orange2 {
        background-color: #e89f25;
    }

        .boxes .box.orange2:hover {
            cursor: pointer;
            background-color: #b07d00;
            color: #ffffff;
        }

    .boxes .box.orangedark {
        background-color: #e68e21;
    }

        .boxes .box.orangedark:hover {
            background-color: #ab6b00;
        }

    .boxes .box.orangedarker {
        background-color: #d5791e;
    }

        .boxes .box.orangedarker:hover {
            background-color: #a95a00;
        }

    .boxes .box.purple {
        background-color: #ac9cd8;
    }

        .boxes .box.purple:hover {
            background-color: #7769a0;
        }

    .boxes .box.lightblue {
        background-color: #6aa3f2;
    }

        .boxes .box.lightblue:hover {
            background-color: #316eb7;
        }

    .boxes .box.darkblue {
        background-color: #5187e1;
    }

        .boxes .box.darkblue:hover {
            background-color: #0e57a8;
        }

    .boxes .box.darkerblue {
        background-color: #2d6fdb;
    }

        .boxes .box.darkerblue:hover {
            background-color: #0e57a8;
        }

    .boxes .box.darkestblue {
        background-color: #215cc0;
    }

        .boxes .box.darkestblue:hover {
            background-color: #0e57a8;
        }

    .boxes .box.teal {
        background-color: #799841;
    }

        .boxes .box.teal:hover {
            background-color: #316f66;
        }

    .boxes .box.lightgreen {
        background-color: #c6d8a5;
    }

        .boxes .box.lightgreen:hover {
            background-color: #5b7c1d;
        }

    .boxes .box.darkgreen {
        background-color: #8db14c;
    }

        .boxes .box.darkgreen:hover {
            background-color: #203b00;
        }

    .boxes .box.othergreen {
        background-color: #496929;
    }

        .boxes .box.othergreen:hover {
            background-color: #497958;
        }

.clearfix::after, div.clearfix::after {
    content: " ";
    clear: both;
    display: table;
}

.boxes a {
    color: #FFFFFF;
    text-decoration: none;
    padding: 25px 8px 13px 8px;
}


.drivers .homepage_01 {
    background-image: linear-gradient(to bottom right, #7ab243, #346a1f);
}

    .drivers .homepage_01:hover {
        background-color: #7ab243;
        background-image: none;
    }

.drivers .homepage_02 {
    background-image: linear-gradient(to bottom right, #f4bc2d, #f58017);
}

    .drivers .homepage_02:hover {
        background-color: #f4bc2d;
        background-image: none;
    }

.drivers .homepage_03 {
    background-image: linear-gradient(to bottom right, #e54a19, #c0360c);
}

    .drivers .homepage_03:hover {
        background-color: #e54a19;
        background-image: none;
    }

.drivers .homepage_04 {
    background-image: linear-gradient(to bottom right, #ee6090, #ae1658);
}

    .drivers .homepage_04:hover {
        background-color: #ee6090;
        background-image: none;
    }

.drivers .homepage_05 {
    background-image: linear-gradient(to bottom right, #d3df56, #837918);
}

    .drivers .homepage_05:hover {
        background-color: #d3df56;
        background-image: none;
    }

.drivers .homepage_06 {
    background-image: linear-gradient(to bottom right, #8ec9f8, #1a77d2);
}

    .drivers .homepage_06:hover {
        background-color: #8ec9f8;
        background-image: none;
    }

.drivers .homepage_07 {
    background-image: linear-gradient(to bottom right, #7986cb, #1b247f);
}

    .drivers .homepage_07:hover {
        background-color: #7986cb;
        background-image: none;
    }

.drivers .homepage_08 {
    background-image: linear-gradient(to bottom right, #65ba69, #1c5f21);
}

    .drivers .homepage_08:hover {
        background-color: #65ba69;
        background-image: none;
    }

.link-to-certificate {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    background-color: #e89f25;
    padding: 10px;
}

    .link-to-certificate a {
        color: #ffffff;
        text-decoration: none;
    }

.page {
    width: 100%;
    background-color: #fff;
    margin: 0px auto 0px auto;
}

.header {
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-repeat: no-repeat;
    background-image: none !important;
    top: 0;
    z-index: 9999;
}

    .header h1 {
        font-weight: 300;
        margin: 0px;
        padding: 0px;
        color: #ffffff;
        border: none;
        line-height: 2.1em;
        font-size: 2.1em;
        width: auto;
        float: left;
        text-transform: uppercase;
    }

.menu-redesign {
    height: 132px;
    background-color: #42a5f5;
    margin-bottom: 10px;
}

    .menu-redesign .navigation a {
        color: #FFF;
        text-decoration: none;
        width: 14.28%;
        font-size: 12px;
        float: left;
        text-align: center;
    }

    .menu-redesign .navigation .menu-1 .child a,
    .menu-redesign .navigation .menu-4 .child a,
    .menu-redesign .navigation .menu-5 .child a,
    .menu-redesign .navigation .menu-6 .child a,
    .menu-redesign .navigation .menu-7 .child a {
        min-height: 180px;
        max-width: 200px;
    }

#ctl00_ctl00_LinkKariera > span.small-info > ul {
    list-style-type: square;
    padding-left: 0;
    margin-left: 10px;
}

    #ctl00_ctl00_LinkKariera > span.small-info > ul li {
        list-style-image: none;
        padding-left: 0;
        padding-top: 0;
    }

.menu-redesign .navigation .menu-2 .child a,
.menu-redesign .navigation .menu-3 .child a,
.menu-redesign .navigation .menu-4 .child a {
    max-width: 180px;
}

.menu-redesign .navigation .child a span:first-child {
    font-weight: bold;
}

.menu-redesign .navigation a:hover {
    color: #2f4598;
    background-color: #d9edfd;
}


.menu-redesign .navigation a.svg span:first-child {
    top: 100px;
    position: relative;
    font-weight: bold;
}

.menu-redesign .navigation .svg {
    height: 132px;
}

.menu-redesign .navigation .about-us {
    background: url(_images/svg/Ikona_O_nas.svg);
    background-size: cover;
    background-position-y: -20px;
    background-repeat: no-repeat;
}

.menu-redesign .navigation .products {
    background: url(_images/svg/Ikona_Produkty.svg);
    background-size: cover;
    background-position-y: -20px;
    background-repeat: no-repeat;
}

.menu-redesign .navigation .services {
    background: url(_images/svg/Ikona_Sluzby.svg);
    background-size: cover;
    background-position-y: -20px;
    background-repeat: no-repeat;
}

.menu-redesign .navigation .price-list {
    background: url(_images/svg/Ikona_Cenik.svg);
    background-size: cover;
    background-position-y: -20px;
    background-repeat: no-repeat;
}

.menu-redesign .navigation .support {
    background: url(_images/svg/Ikona_Podpora.svg);
    background-size: cover;
    background-position-y: -20px;
    background-repeat: no-repeat;
}

.menu-redesign .navigation .my-services {
    background: url(_images/svg/Ikona_Moje_sluzby.svg);
    background-size: cover;
    background-position-y: -20px;
    background-repeat: no-repeat;
}

.menu-redesign .navigation .contacts {
    background: url(_images/svg/Ikona_Kontakt.svg);
    background-size: cover;
    background-position-y: -20px;
    background-repeat: no-repeat;
}


.menu-redesign .navigation .about-us:hover {
    background: url(_images/svg/Ikona_O_nas_Selected.svg);
    background-size: cover;
    background-position-y: -20px;
}

.menu-redesign .navigation .products:hover {
    background: url(_images/svg/Ikona_Produkty_Selected.svg);
    background-size: cover;
    background-position-y: -20px;
}

.menu-redesign .navigation .services:hover {
    background: url(_images/svg/Ikona_Sluzby_Selected.svg);
    background-size: cover;
    background-position-y: -20px;
}

.menu-redesign .navigation .price-list:hover {
    background: url(_images/svg/Ikona_Cenik_Selected.svg);
    background-size: cover;
    background-position-y: -20px;
}

.menu-redesign .navigation .support:hover {
    background: url(_images/svg/Ikona_Podpora_Selected.svg);
    background-size: cover;
    background-position-y: -20px;
}

.menu-redesign .navigation .my-services:hover {
    background: url(_images/svg/Ikona_Moje_sluzby_Selected.svg);
    background-size: cover;
    background-position-y: -20px;
}

.menu-redesign .navigation .contacts:hover {
    background: url(_images/svg/Ikona_Kontakt_Selected.svg);
    background-size: cover;
    background-position-y: -20px;
}

.menu-redesign .navigation .child {
    width: 100%;
    max-width: 975px;
    padding-bottom: 1%;
    padding-right: 1%;
    z-index: 9999;
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.5);
}

    .menu-redesign .navigation .child .block {
        width: 22%;
        float: left;
        margin: 1.5% 0 0 1.5%;
        padding: 1.5% 0 0 1.5%;
        display: block;
        min-height: 180px;
        background-color: #fcecb2;
    }

        .menu-redesign .navigation .child .block a {
            width: 100%;
            float: left;
            text-align: left;
        }

            .menu-redesign .navigation .child .block a span, .menu-redesign .navigation .child .block span {
                text-align: left;
            }



        .menu-redesign .navigation .child .block:nth-child(3),
        .menu-redesign .navigation .child .block:nth-child(4),
        .menu-redesign .navigation .child .block:nth-child(7),
        .menu-redesign .navigation .child .block:nth-child(8),
        .menu-redesign .navigation .child .block:nth-child(11),
        .menu-redesign .navigation .child .block:nth-child(12) {
            background-color: #f9cb7e;
        }

.menu-redesign .navigation .menu-1 .child .block:hover,
.menu-redesign .navigation .menu-4 .child .block:hover,
.menu-redesign .navigation .menu-5 .child .block:hover,
.menu-redesign .navigation .menu-6 .child .block:hover,
.menu-redesign .navigation .menu-7 .child .block:hover {
    background-color: #e89f25;
}

.navigation:not(.responsive) .menu-2 .child a:not(.first-link):hover,
.navigation:not(.responsive) .menu-3 .child a:not(.first-link):hover,
.navigation:not(.responsive) .menu-4 .child a:not(.first-link):hover {
    background-color: #e89f25;
}

.navigation:not(.responsive) .menu-2 .child a.first-link:hover,
.navigation:not(.responsive) .menu-3 .child a.first-link:hover,
.navigation:not(.responsive) .menu-4 .child a.first-link:hover {
    background-color: transparent;
}

.menu-redesign .navigation .block a:hover {
    background-color: #e89f25;
}

.navigation:not(.responsive) .svg + .child a {
    color: #000;
}

    .navigation:not(.responsive) .svg + .child a span {
        color: #000;
        position: initial;
    }

.navigation.responsive .child:not(.responsive), .navigation.responsive .child:not(.responsive) a,
.navigation.responsive .child.responsive, .navigation.responsive .child.responsive a {
    display: none;
}

.navigation:not(.responsive) .child {
    display: none;
}


.navigation:not(.responsive) .menu-1:hover .svg + .child,
.navigation:not(.responsive) .menu-2:hover .svg + .child,
.navigation:not(.responsive) .menu-3:hover .svg + .child,
.navigation:not(.responsive) .menu-4:hover .svg + .child,
.navigation:not(.responsive) .menu-5:hover .svg + .child,
.navigation:not(.responsive) .menu-6:hover .svg + .child,
.navigation:not(.responsive) .menu-7:hover .svg + .child {
    display: block;
    position: absolute;
    background-color: #ffffff;
    color: #000;
    top: 192px;
}

.navigation:not(.responsive) .child:hover + .overlay,
.navigation:not(.responsive) .svg:hover + .child ~ .overlay {
    display: block;
}

.navigation:not(.responsive) .child a.first-link {
    border: 0;
    cursor: default;
    margin-bottom: 12px;
}

.navigation:not(.responsive) .menu-2 .child a:not(.first-link),
.navigation:not(.responsive) .menu-3 .child a:not(.first-link),
.navigation:not(.responsive) .menu-4 .child a:not(.first-link) {
    font-weight: normal;
    padding: 2px 0px 2px 15px;
    background-image: url(_Images/yellowArrow.png);
    background-repeat: no-repeat;
    background-position: -20px -9px;
}




    .navigation:not(.responsive) .menu-2 .child a:not(.first-link) span,
    .navigation:not(.responsive) .menu-3 .child a:not(.first-link) span,
    .navigation:not(.responsive) .menu-4 .child a:not(.first-link) span {
        font-weight: normal;
        
    }

    .navigation:not(.responsive) .menu-4 .child a {
        min-height: unset;
    }

    .menu-redesign .navigation .menu-4 .child .block:first-child:hover {
        background-color: #fcecb2;
    }


.overlay {
    position: absolute; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 192px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.75); /* Black background with opacity */
    z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    min-height: 1100px;
}


.footer .columns {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.footer .column {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.footer span.first {
    color: #6f6f6f;
    border: 0;
    text-transform: uppercase;
}

.footer, .footer a {
    color: #adadad;
    line-height: 150%;
}

.footer .gray-color {
    color: Gray;
    font-weight: bold;
    margin-top: 5px;
}

    .footer .column-last {
    width: 32%;
    float: left;
}

    .footer .left {
        text-align: left;
    }

    .footer .center {
        text-align: center;
    }

    .footer .right {
        text-align: right;
    }

    .footer .links-container {
        text-align: center;
        line-height: 0.5;
    }

    .footer span.links {
        display: inline-block;
        position: relative;
    }

    .footer .links-container span.links:before {
        content: "";
        position: absolute;
        height: 12px;
        border-bottom: 1px solid #adadad;
        top: 0;
        width: 28%;
    }

    .footer .links-container span.links:after {
        content: "";
        position: absolute;
        height: 12px;
        border-bottom: 1px solid #adadad;
        top: 0;
        width: 28%;
    }

    .footer .links-container span.links:after {
        right: 100%;
        margin-right: 15px;
    }

    .footer .links-container span.links:before {
        left: 100%;
        margin-left: 15px;
    }

    .footer .links a {
        text-decoration: none;
    }

        .footer .links a:before {
            content: " | ";
        }

    .footer .first-link {
        text-transform: uppercase;
    }


.separator {
    text-align: center;
    padding-top: 20px;
}

    .separator img {
        width: 100%;
        max-width: 990px;
    }

.main {
    margin: 15px 15px 15px 30px;
    min-height: 500px;
    max-width: 990px;
    margin: 0 auto;
}

div.pom {
    clear: both;
}

div#Drobecky {
    padding: 0;
    margin: 0;
    height: 12px;
    font-size: 12px;
    padding-bottom: 5px;
    width: 100%;
    display: inline-block;
}

#mainContentWide {
    padding-right: 10px;
    padding-bottom: 15px;
    min-height: 600px;
    float: left;
    clear: right;
    max-width: 700px;
    display: inline-table;
}

#mainContentNarrow {
    float: right;
    padding-left: 15px;
}


.full-width #FlashProd {
    display: none;
}

.full-width table {
    width: 990px !important;
}

.full-width .homepageBox {
    display: none;
}

.full-width .main-banner {
    width: 100%;
}

.full-width .homepage-columns .column {
    width: 21%;
    float: left;
    margin-right: 2%;
    margin-left: 2%;
}

.full-width .homepage-columns .two-columns {
    width: 46%;
    float: left;
    margin-right: 2%;
    margin-left: 2%;
}

    .full-width .homepage-columns .two-columns .column.first {
        width: 48%;
        float: left;
        margin-left: 0;
        border: 0;
    }

    .full-width .homepage-columns .two-columns .column.second {
        width: 48%;
        float: left;
        margin-right: 0;
    }

    .full-width .homepage-columns .column h2, .full-width .homepage-columns .two-columns h2 {
        font-weight: normal;
        font-size: 22px;
        border-bottom: 1px solid #666666;
    }

    .full-width .homepage-columns .two-columns h2.no-border {border-bottom: 0;}

    .no-border {float: left;}
    .external-arrow {float: right; padding-left: 15px;}

        .full-width .homepage-columns .two-columns h2 span {
            width: 49%;
            display: inline-block;
        }

        .full-width .homepage-columns .two-columns h2 .mobile {
            display: none;
        }

.full-width .homepage-columns .column a {
    width: auto;
    text-decoration: none;
    float: left;
    color: #666666;
    padding: 8px 0px 8px 20px;
    min-width: 80%;
    background-image: url(_Images/yellowArrow.png);
    background-repeat: no-repeat;
    background-position: -20px -3px;
}

.full-width .homepage-columns .column .map, .full-width .homepage-columns .column .more {
    color: #3e438d;
    background-image: none;
}

.full-width .homepage-columns .column .news a {
    float: left;
}

.full-width .homepage-columns .column .news span {
    float: left;
    display: block;
    width: 100%;
}

.full-width .homepage-columns .column .news .date {
    padding: 0px 0px 8px 20px;
    color: #999999;
}

.newAnLine .date {
    padding: 0px 0px 8px 15px;
    color: #999999;
}


.standard-select {
    margin-left: 20px !important;
    padding: 7px 8px 6px 7px;
    border: 1px solid #DCDCDC;
    background-color: #fff;
}

    .standard-select::-webkit-scrollbar {
        width: 5px;
        height: 20px;
        background-color: #aaa;
    }

    .standard-select::-webkit-scrollbar-thumb {
        background: #000;
    }



.standard-select:focus > option:checked {
    background-color: #DCDCDC;
    outline: 0;
}

    .standard-select:focus-visible {
        outline-color: #0076a3;
    }

    .standard-select option:hover {
        box-shadow: 0 0 10px 100px #1882A8 inset;
    }


.full-width .homepage-columns .news .news-block .news-title {
    width: 100%;
    float: left;
}

.full-width .homepage-columns .news .news-block .date {
    float: left;
    width: 50%;
}

.full-width .homepage-columns .news .news-block a {
    float: right;
    width: 50%;
    text-align: right;
}

.full-width .archive {
    width: 100%;
    float: right;
}

    .full-width .archive .arch a, .full-width .see-the-map-link .see-the-map {
        color: #ff7800 !important;
    }

.full-width .homepage-columns-old .column table {
    width: 100% !important;
}

.full-width .homepage-columns-old .column {
    width: 21%;
    float: left;
    margin-right: 2%;
    margin-left: 2%;
}

    .full-width .homepage-columns-old .column h2 {
        font-weight: normal;
        font-size: 22px;
        border-bottom: 1px solid #666666;
    }

    .full-width .homepage-columns-old .column a {
        width: auto;
        text-decoration: none;
        float: left;
        color: #666666;
    }

    .full-width .homepage-columns-old .column .map, .full-width .homepage-columns-old .column .more {
        color: #3e438d;
    }

.full-width .homepage-columns-old .news .news-block .news-title {
    width: 100%;
    float: left;
}

.full-width .homepage-columns-old .news .news-block .date {
    float: left;
    width: 50%;
}

.full-width .homepage-columns-old .news .news-block a {
    float: right;
    width: 50%;
    text-align: right;
}

.full-width .quickLinks td {
    border: 0;
}

.full-width .quickLinks td {
    height: auto;
    padding: 8px 0px 8px 20px;
    min-height: unset;
    background-position: -20px -3px;
}

.full-width .quickLinks .objednavka {
    background-color: initial;
}

.full-width .quickLinks td:hover {
    background-color: initial;
}

.full-width .homepage-columns-old div.newAnLine {
    border: 0;
    padding: 0 0 30px 0;
}

    .full-width .homepage-columns-old div.newAnLine span:nth-child(2) {
        float: left;
    }

    .full-width .homepage-columns-old div.newAnLine a {
        float: right;
        background-image: none;
        text-transform: uppercase;
        color: #3e438d;
    }


/* TAB MENU   
----------------------------------------------------------*/
div#menuContent {
    padding-top: 32px;
    width: 665px;
    float: left;
    padding-left: 25px;
}

.ItemStyleMenu {
    text-transform: uppercase;
    font-weight: bold;
}

div#menuContent ul {
    padding-top: 8px;
}

    div#menuContent ul li {
        list-style-image: none;
        margin: 0;
        padding: 0;
        border: 0;
    }

/* DROP MENU   
----------------------------------------------------------*/
#PageSitemap {
    padding: 0px;
}

.sitemap {
    font-size: 10px;
}

    .sitemap a {
        text-decoration: none;
    }

.PathSeparatorStyle {
    padding-right: 3px;
    padding-left: 2px;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset.login {
        width: 350px;
    }

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
    font-size: 1px;
    padding: 0;
    margin: 0;
}

.title {
    display: block;
    width: 100%;
    height: 60px;
    background-color: #1565c0;
}

.wrapper {
    margin: 0 auto;
    max-width: 990px;
}

.title .wrapper .logo {
    max-width: 150px;
    margin-top: 10px;
    float: left;
    margin-right: 30px;
}

.dt-ca {
    margin-left: 10px;
    float: left;
}

    .dt-ca img {
        margin-top: 10px;
        max-height: 37px;
        float: left;
        margin-right: 10px;
    }

.cs .dt-ca, .en .dt-ca {
    display: none;
}

    .sk .dt-ca .sk, .en .dt-ca .en {
        display: block;
    }

.dt-ca span {
    color: #ffffff;
    min-width: 300px;
    font-size: 16px;
    margin-top: 6px;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
    display: none;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.TextBoxSearch {
    width: 100px;
    border: none;
    height: 19px;
    background-color: #FFFFFF;
    background-image: url(_images/lupa3.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 25px;
    border-radius: 5px;
    display: none;
}

.TextBoxSearch input {border: 0; outline: 0; height: 23px; }
.TextBoxSearch input[type=text] {width: 120px;}

.magnifier {
    background-image: url(_images/magnifier-glass.png);
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px;
}

    .magnifier:hover {
        cursor: pointer;
    }

/* homepage Boxy */
.paddingTop5 {padding-top: 5px;}
.paddingTop10 {padding-top: 10px;}
.paddingTop15 {padding-top: 15px;}
.paddingTop20 {padding-top: 20px;}

.paddingBottom5 {padding-bottom: 5px;}
.paddingBottom10 {padding-bottom: 10px;}
.paddingBottom15 {padding-bottom: 15px;}
.paddingBottom20 {padding-bottom: 20px;}

.microsites {
    display: block;
    float: left;
    width: 100%;
}


.en .microsites .two-columns, .sk .microsites .two-columns {width: 71%; }
.en .microsites .purple, .sk .microsites .purple {display: none;}
.en .full-width .microsites .column.blue, 
.sk .full-width .homepage-columns .column.blue {
    margin-left: 0;
    margin-right: 1px;
    float: right;
}

.blue {
    background-image: linear-gradient(to right, #519ee4, #7fbef3);
}

.blue:hover {
    background-image: none;
    background-color: #7fbef3;
}

.purple {
    /*background-image: linear-gradient(to right, #8851ba, #a77bd0);*/
    background-image: linear-gradient(to right, #519ee4, #7fbef3);
}

.purple:hover {
    /*background-image: none;
    background-color: #a77bd0;*/
    background-image: none;
    background-color: #7fbef3;
}

.full-width .homepage-columns .column.blue {
    max-width: 233px;
    width: 100%;
    margin-left: 10px;
    margin-right: 18px;    
}

.full-width .homepage-columns .column.purple {
    max-width: 233px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.full-width .homepage-columns .column.blue a, .full-width .homepage-columns .column.purple a {
    background-image: none;
    color: #FFF;
    min-height: 32px;
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 6px;
}




div.homepageBox {
    vertical-align: top;
    position: relative;
    margin-top: 37px;
    width: 669px;
    z-index: 0;
}

div.ENG {
    margin-top: 55px;
    margin-top: 69px\0/IE8+9;
}

div.box2 {
    padding-top: 20px;
}

.homepageBox {
    clear: both;
    margin-left: 0;
    width: 670px;
}

div.homepageBoxContent {
    padding: 8px 10px 8px 15px;
}

    div.homepageBoxContent a:hover {
        color: #ff9600;
    }

.homepageBoxContent {
    height: auto;
    padding: 15px;
}

td.homepageBox-sipka {
    width: 27px;
    height: 40px;
    background-image: url(_Images/sipka_seda_titl.png);
    background-position: center;
    background-repeat: no-repeat;
}

    td.homepageBox-sipka a {
        display: block;
    }

div.homepageBoxLeft {
    border: solid 1px #0076a3;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    vertical-align: top;
    position: relative;
    width: 324px;
    height: 53px;
    float: left;
    z-index: 0;
    color: black;
}

div.homepageBoxRight {
    border: solid 1px #0076a3;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    vertical-align: top;
    position: relative;
    width: 325px;
    height: 53px;
    float: right;
    z-index: 0;
    color: black;
}

/* nové rychlé odkazy*/
.rightBox {
    margin-bottom: 18px;
    margin-left: 0;
    clear: both;
    width: 240px;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
}

.rightBoxContent {
    padding: 0;
    height: auto;
}


div.rightBox {
    border: solid 1px #0076a3;
    margin-top: 2px;
    vertical-align: top;
}

div.rightBoxContent h3 {
    margin: 0;
    padding: 18px 0 18px 18px;
    height: 20px;
    min-height: 20px;
    font-size: 20px;
    color: #325fa7;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    vertical-align: top;
    display: table
}

.rightBox a {
    text-decoration: none;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    color: #5e5e5e;
    position: relative;
    padding: 13px 0 15px;
    display: block;
    font-size: 13px;
}

.rightBoxContent h3 a {
    padding: 0;
    color: #325fa7;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    float: left;
}

    .rightBoxContent h3 a:hover {
        font-weight: 300;
        color: #ff9600;
    }

div.newAnLine {
    padding: 10px 18px 3px 18px;
    line-height: 1.9em;
    border-top: 1px solid #0076a3;
}

    div.newAnLine a {
        padding: 0 10px 8px 15px;
        background-image: url(_Images/yellowArrowNews.png);
        background-repeat: no-repeat;
        background-position: top left;
    }

        div.newAnLine a:hover {
            color: #ff9600;
        }

.rightBox a:hover {
    color: #ffc706;
}

#ctl00_CertAuthSearch1_DropDownListKraje {
    margin: 0 0 10px 18px;
    width: 204px;
    background-color: #FFF;
    color: black;
    background-position: right top;
    background-repeat: no-repeat;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
}

.footer {
    width: 990px;
    min-width: 990px;
    max-width: 990px;
    color: #4e5766;
    padding: 10px 0px 0px 0px;
    margin: 10px auto 0;
    text-align: center;
    line-height: normal;
}

table.quickLinks {
    width: 240px;
    max-width: 240px;
    min-width: 240px;
    font-size: 11px;
    font-weight: normal;
}

.quickLinks td {
    height: 43px;
    min-height: 43px;
    vertical-align: middle;
    border-bottom: 1px solid #0076a3;
    padding-left: 40px;
    background-image: url(_Images/yellowArrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
}

.quickLinks a {
    color: black;
}

.quickLinks td:hover {
    background-color: #383d90;
}

    .quickLinks td:hover a {
        color: #ffc706;
    }

.yellowArrow {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    background-image: url(_Images/yellowArrow.png);
}

.quickLinks .last {
    border-bottom: none;
}

.first {
    border-top: 1px solid #0076a3;
}

.quickLinks .first a {
    font-weight: bold;
}

.objednavka {
    background-color: #383d90;
}

    .objednavka a {
        color: white;
    }


.tab1 {
    display: inline-block;
    height: 109px;
    width: 165px;
}

.tab2 {
    display: inline-block;
    height: 109px;
    width: 152px;
    text-align: center;
}

.tab3 {
    display: inline-block;
    height: 109px;
    width: 145px;
}

.tab4 {
    display: inline-block;
    height: 109px;
    width: 165px;
    text-align: center;
}

.tabs {
    padding-top: 80px;
}

#PanelMapyMobileCz, #PanelMapyMobileSk, #PanelMapyMobileEn {
    display: none;
}

.scrollup {
    color: #fff !important;
    background-color: #019cde;
    bottom: 5%;
    display: none;
    height: 50px;
    position: fixed;
    right: 10%;
    width: 50px;
    z-index: 999999;
    text-decoration: none;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}


.mobile {
    display: none;
}

.HtmlContentInner td, .HtmlContentInner th {
    padding: 0px;
}

.navigationicon, .navigationicon-open {
    display: none;
}

.map-list .mobile {
    display: none;
}

.more-info {
    display: none;
    margin-top: 10px;
}

.click-for-more {
    cursor: pointer;
    padding-bottom: 10px;
    display: inline-block;
}

.separator .mobile {
    display: none;
}


.menu-redesign .navigation a .arrow {
    display: none;
}

.cs .hedlink .sk, .cs .hedlink .en {
    display: none;
}

.sk .hedlink .cs, .sk .hedlink .en {
    display: none;
}

.en .hedlink .cs, .en .hedlink .sk {
    display: none;
}

.cs .hedlink .cs, .sk .hedlink .sk, .en .hedlink .en {
    display: block;
}


.cs .sk, .cs .en {
    display: none;
}

.sk .sk, .sk .en {
    display: none;
}

.en .sk, .en .en {
    display: none;
}


.cs .menu-redesign.sk, .cs .menu-redesign.en {
    display: none;
}

.sk .menu-redesign.sk, .sk .menu-redesign.en {
    display: none;
}

.en .menu-redesign.sk, .en .menu-redesign.en {
    display: none;
}

.recent-news-block.mobile {display: none;}


.dxIE .mapCz svg, .dxIE .mapSk svg, .dxIE .mapEn svg {
    height: 665px;
}

.footerlinks .float-right {
    float: right;
}

.footerlinks .facebook-icon {
    margin-left: 10px;
}

.en .footerlinks .facebook-icon, .sk .footerlinks .facebook-icon {
    display: none;
}





/* RESPONSIVE DESIGN */

@media screen and (max-width: 1200px) {
#cookie-consent .info-text {width: 60%; }
#cookie-consent .buttons { width: 40%; }
.modal {padding-top: 40px;}

}


@media screen and (max-width: 990px) {
    #cookie-consent .info-text, #cookie-consent .buttons {
        width: 50%;
    }


    .full-width .microsites .homepage-columns .two-columns {
        width: 46.5%;
    }

    .en .microsites .homepage-columns .two-columns, .sk .microsites .homepage-columns .two-columns {
        width: 71%;
    }

    .full-width .homepage-columns .column.blue {
        width: 24.25%;
        margin-right: 1%;
        margin-left: 0;
    }

    .full-width .homepage-columns .column.purple {
        width: 24.25%;
        margin-right: 0;
        margin-left: 0;
    }

    .full-width .homepage-columns .column.purple a, .full-width .homepage-columns .column.blue a {
        font-size: 14px;
        padding: 10px;
    }

    .map-list .desktop {
        display: none;
    }

    .map-list .mobile {
        display: block;
    }


    .page, .header, .footer {
        width: 100%;
        border: 0;
        margin: 0;
    }

    .header {
        width: 100%;
        background-size: 100% auto;
        background-image: none !important;
        height: auto;
        position: relative;
    }

    .footer, .footerlinks, .footercopy {
        width: 97%;
        min-width: 97%;
        left: 0;
    }


    .footerlinks .float-right {
        float: none;
    }

    .footerlinks .facebook-icon {
        float: right;
    }



        .footer, .separator {
            margin: 3%;
        }

        .footer .links:after, .footer .links:before {
            display: none;
        }



    .main {
        padding: 2%;
        width: 95%;
    }


    .menu-redesign .navigation .about-us {
        background: url(_images/svg/Ikona_O_nas.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .menu-redesign .navigation .products {
        background: url(_images/svg/Ikona_Produkty.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .menu-redesign .navigation .services {
        background: url(_images/svg/Ikona_Sluzby.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .menu-redesign .navigation .price-list {
        background: url(_images/svg/Ikona_Cenik.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .menu-redesign .navigation .support {
        background: url(_images/svg/Ikona_Podpora.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .menu-redesign .navigation .my-services {
        background: url(_images/svg/Ikona_Moje_sluzby.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .menu-redesign .navigation .contacts {
        background: url(_images/svg/Ikona_Kontakt.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }


    .menu-redesign .navigation .about-us:hover {
        background: url(_images/svg/Ikona_O_nas_Selected.svg);
        background-size: 100% auto;
    }

    .menu-redesign .navigation .products:hover {
        background: url(_images/svg/Ikona_Produkty_Selected.svg);
        background-size: 100% auto;
    }

    .menu-redesign .navigation .services:hover {
        background: url(_images/svg/Ikona_Sluzby_Selected.svg);
        background-size: 100% auto;
    }

    .menu-redesign .navigation .price-list:hover {
        background: url(_images/svg/Ikona_Cenik_Selected.svg);
        background-size: 100% auto;
    }

    .menu-redesign .navigation .support:hover {
        background: url(_images/svg/Ikona_Podpora_Selected.svg);
        background-size: 100% auto;
    }

    .menu-redesign .navigation .my-services:hover {
        background: url(_images/svg/Ikona_Moje_sluzby_Selected.svg);
        background-size: 100% auto;
    }

    .menu-redesign .navigation .contacts:hover {
        background: url(_images/svg/Ikona_Kontakt_Selected.svg);
        background-size: 100% auto;
    }

    .menu-redesign .navigation.responsive .child a {
        display: none;
    }

    .menu-redesign .navigation.responsive, .menu-redesign .navigation {
        position: relative;
    }

        .menu-redesign .navigation a:not(.selected) {
            display: none;
        }

        .menu-redesign .navigation.responsive a,
        .menu-redesign .navigation.responsive a.selected {
            float: left;
            display: block;
            width: 100%;
            padding-top: 8px;
            padding-bottom: 8px;
            background-color: #ffffff;
            color: #2f4598;
            border-bottom: 1px solid #2f4598;
        }

        .menu-redesign .navigation.responsive .child .block {
            background-color: #ffffff;
            width: 100%;
            padding: 0;
            margin: 0;
            min-height: auto;
        }

    .navigationicon, .navigationicon-open {
        display: block;
    }

        .navigationicon a.icon, .navigationicon-open a.icon {
            float: right;
            display: block;
            padding-top: 5px;
            color: #FFF;
            margin-right: 2%;
            font-size: 30px;
        }

    .menu-redesign, .menu-redesign .navigation .svg {
        height: auto;
    }

        .menu-redesign .navigation.responsive a span {
            top: 0;
            float: left;
            padding-left: 80px;
            font-size: 22px;
            line-height: 100%;
            line-height: 40px;
        }

        .menu-redesign .navigation.responsive a .arrow {
            display: block;
            float: right;
            font-size: 40px;
            margin-right: 5%;
            line-height: 40px;
            margin-top: -5px;
            padding-left: 10px;
        }

            .menu-redesign .navigation.responsive a .arrow.responsive {
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
            }

    .header.responsive .navigationicon {
        display: none;
    }

    .header .slidenav {
        transform: translateX(130%);
        position: fixed;
        opacity: 0;
    }

    .header.responsive .slidenav {
        transition-timing-function: ease-out;
        transition: 0.25s;
        transform: translateX(0);
        opacity: 1;
        position: relative;
    }


    .header.responsive .navigationicon-open a.icon {
        float: left;
    }

    .header.responsive .logo, .header.responsive .title h1, .header.responsive .dt-ca {
        display: none;
    }

    .header.responsive h1.mobile {
        display: block;
        text-align: center;
        width: auto;
        text-transform: uppercase;
    }

    .header.responsive #language {
        display: block;
        margin-top: 10px;
    }

    .header.responsive .menu-redesign {
        background-color: #ffffff;
    }

    .cs .header.responsive h1.mobile.sk, .cs .header.responsive h1.mobile.en {
        display: none;
    }

    .sk .header.responsive h1.mobile.cs, .sk .header.responsive h1.mobile.en {
        display: none;
    }

    .en .header.responsive h1.mobile.cs, .en .header.responsive h1.mobile.sk {
        display: none;
    }

    .header.responsive .menu-redesign .navigation.responsive .about-us {
        background: url(_images/svg/mobile/Ikona_O_nas_Selected.svg);
        background-size: contain;
        background-position: 2% center;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .header.responsive .menu-redesign .navigation.responsive .products {
        background: url(_images/svg/mobile/Ikona_Produkty_Selected.svg);
        background-size: contain;
        background-position: 2% center;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .header.responsive .menu-redesign .navigation.responsive .services {
        background: url(_images/svg/mobile/Ikona_Sluzby_Selected.svg);
        background-size: contain;
        background-position: 2% center;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .header.responsive .menu-redesign .navigation.responsive .price-list {
        background: url(_images/svg/mobile/Ikona_Cenik_Selected.svg);
        background-size: contain;
        background-position: 2% center;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .header.responsive .menu-redesign .navigation.responsive .support {
        background: url(_images/svg/mobile/Ikona_Podpora_Selected.svg);
        background-size: contain;
        background-position: 2% center;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .header.responsive .menu-redesign .navigation.responsive .my-services {
        background: url(_images/svg/mobile/Ikona_Moje_sluzby_Selected.svg);
        background-size: contain;
        background-position: 2% center;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .header.responsive .menu-redesign .navigation.responsive .contacts {
        background: url(_images/svg/mobile/Ikona_Kontakt_Selected.svg);
        background-size: contain;
        background-position: 2% center;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .header.responsive .navigation .child.responsive {
        display: block;
    }

    .menu-redesign .navigation.responsive .child.responsive a {
        display: block;
    }

    .title .wrapper .logo {
        margin-left: 3%;
        max-width: 130px;
    }

    .title {
        background-color: #ffffff;
        color: #2f4598;
    }

        .title h1, .title .navigationicon a i, .title .navigationicon-open a i {
            color: #2f4598;
        }

    .menu-redesign .navigation.responsive .child.responsive {
        width: 100%;
        max-width: 100%;
        padding-bottom: 0px;
        z-index: 9999;
    }

        .menu-redesign .navigation.responsive .child.responsive a {
            width: 100%;
            float: left;
            text-align: left;
        }

            .menu-redesign .navigation.responsive .child.responsive a span {
                text-align: left;
                margin: 0;
                padding: 0 0 0 15px;
                display: block;
                min-height: unset;
                background-color: #ffffff;
            }

                .menu-redesign .navigation.responsive .child.responsive a span.small-info {
                    display: none;
                }

    .menu-redesign .navigation a.svg span:first-child {
        top: 0;
        font-weight: normal;
    }

    .menu-redesign .navigation .menu-1 .child a,
    .menu-redesign .navigation .menu-4 .child a,
    .menu-redesign .navigation .menu-5 .child a,
    .menu-redesign .navigation .menu-6 .child a,
    .menu-redesign .navigation .menu-7 .child a {
        min-height: 0;
        max-width: 100%;
    }

    .menu-redesign .navigation .menu-2 .child a,
    .menu-redesign .navigation .menu-3 .child a,
    .menu-redesign .navigation .menu-4 .child a {
        max-width: 100%;
    }

    .navigation.responsive .menu-2 .child.responsive a:not(.first-link),
    .navigation.responsive .menu-3 .child.responsive a:not(.first-link),
    .navigation.responsive .menu-4 .child.responsive a:not(.first-link) {
        display: none;
    }

    .menu-redesign .navigation .child a span:first-child {
        font-weight: normal;
    }

    .menu-redesign .navigation .menu-1 .child .block:hover,
    .menu-redesign .navigation .menu-4 .child .block:hover,
    .menu-redesign .navigation .menu-5 .child .block:hover,
    .menu-redesign .navigation .menu-6 .child .block:hover,
    .menu-redesign .navigation .menu-7 .child .block:hover {
        background-color: #ffffff;
    }

    .menu-redesign .navigation.responsive .block a:hover {
        background-color: #ffffff;
    }

    #mainContentWide div:first-child {
        min-height: auto !important;
    }

    .link-to-certificate {
        width: 200px;
        text-align: center;
        margin: 0 auto;
        background-color: #e89f25;
        padding: 10px;
    }

        .link-to-certificate a {
            color: #fff;
            text-decoration: none;
        }

    .magnifier {
        background-image: url(_images/magnifier-glass-black.png);
    }

    .TextBoxSearch {
        border: 1px solid #2f4598;
        border-radius: 7px;
        border-collapse: initial !important;
    }

        .TextBoxSearch .dxic {
            padding: 5px !important;
        }

        .TextBoxSearch .dxeTextBox_MaterialCompact {
            border: 0 !important;
            height: 18px !important;
            background-color: unset !important;
            -webkit-tap-highlight-color: unset !important;
        }

    .sk .dt-ca .sk {
        color: #2f4598;
    }

    #language {
        display: none;
    }


    /* PRAVA CAST */

    #mainContentNarrow {
        width: 100%;
        padding-left: 0;
    }

        #mainContentNarrow .rightBox {
            width: 48%;
            margin-right: 3%;
            float: left;
            clear: none;
        }

            #mainContentNarrow .rightBox:nth-child(2), #mainContentNarrow .rightBox:nth-child(3) {
                width: 48%;
                margin-right: 0%;
                float: left;
                clear: none;
            }

            #mainContentNarrow .rightBox table.quickLinks {
                min-width: auto;
                max-width: 100%;
                width: 100%;
            }

    #ctl00_CertAuthSearch1_DropDownListKraje {
        width: 80%;
        clear: both;
    }



    /* KONTAKTY */

    table.kontakt {
        width: 100%;
    }

        table.kontakt .prehledpopis {
            width: 48% !important;
            min-width: auto;
        }

        table.kontakt td {
            padding: 0 2% 0 0;
        }


    /* HOMEPAGE */
    td.homeIkoRow1 div,
    td.homeIkoRow2 div {
        width: 24.25%;
        margin-right: 1%;
        height: auto;
        max-height: initial;
        float: left;
        padding: 0;
        min-height: 130px;
    }

    tr.ho2 td.p18, tr.ho3 td.p18 {
        padding-bottom: 0;
    }

    tr.ho2 td a,
    tr.ho3 td a {
        width: auto;
        padding: 10px;
        /*left: 0; 
  top: 0;*/
        height: auto;
        max-height: initial;
        font-size: 14px;
    }

    table#homepage,
    div.homepageBox {
        width: 100%;
        left: 0;
    }

    div.homepageBoxLeft,
    div.homepageBoxRight {
        width: 49%;
        margin-right: 1%;
        height: auto;
        float: left;
    }

    .homepage_01,
    .homepage_02,
    .homepage_03,
    .homepage_04,
    .homepage_05,
    .homepage_06,
    .homepage_07,
    .homepage_08 {
        margin-bottom: 1%;
    }


    .popVlozeni {
        height: auto;
    }

    #ctl00_MainContent_TreeView1 table tr td {
        white-space: normal !important;
    }

    .full-width .homepage-columns .column, .full-width .homepage-columns-old .column {
        width: 46%;
    }

        .full-width .homepage-columns .column h2 br, .full-width .homepage-columns .two-columns h2 br {
            display: none;
        }

    .full-width table {
        width: 100% !important;
    }

    .full-width .homepage-columns .two-columns .column.first, .full-width .homepage-columns .two-columns .column.second {
        width: 96%;
        min-height: 150px;
        margin-left: 0;
    }

    .full-width .homepage-columns .two-columns h2 span {
        width: auto;
        display: inline-block;
    }

    .full-width .homepage-columns .two-columns h2 .mobile {
        display: inline-block;
    }
}

@media screen and (max-width: 790px) {

    .dt-ca span {
        min-width: initial;
    }
}


@media screen and (max-width: 750px) {

    #mainContentWide {
        width: 100%;
        min-height: auto !important;
        margin-top: 2.5%;
    }


    /* HOMEPAGE */

    #homepage .ho_1 {
        display: none;
    }

    #container {
        width: 100%;
    }

    #example {
        width: 100%;
    }

    .slides_container {
        width: 100%;
    }

    /* OBJEDNAVKOVY FORMULAR */
    #eshoptable {
        width: 100%;
    }

    .PanelProdukty {
        width: 100%;
    }

    .objKomSK, .objKomCZ {
        left: 0;
    }

    .hwMenu, .slMenu, .baMenu, .apMenu {
        background-image: none;
        width: 100%;
    }


    .eshopTdBack {
        width: 100% !important;
        float: left;
        display: block;
        background: none;
    }

    .eshopTdBack1 {
        width: 23% !important;
        float: left;
        display: block;
        background: none !important;
        text-align: left !important;
        margin-right: 2% !important;
    }

    .eshopKosik {
        width: 23% !important;
        float: left;
        display: block;
        background: none !important;
        padding-top: 10px !important;
        text-align: left !important;
        margin-right: 2% !important;
    }

    .hw div {
        background-color: #343f91;
    }

    .kom div {
        background-color: #004e90;
    }

    .time div {
        background-color: #0074a7;
    }

    .app div {
        background-color: #41c0f5;
    }

    .tabs {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sk .time, .sk .app {
        display: none;
    }

    .objKomSK {
        left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .eShopObjednavkaObsah .BasketGrid td {
        float: left;
        margin-right: 5px;
        border: 0;
    }

    .eShopObjednavkaObsah .BasketGrid tr {
        background-color: #fff !important;
    }

    .korenCert tr td {
        width: 100% !important;
        float: left;
        display: block;
    }

    .korenCert td#vice01 a, .korenCert td#vice02 a,
    .korenCert td#vice03 a, .korenCert td#vice04 a,
    .korenCert td#vice05 a, .korenCert td#vice06 a,
    .korenCert td#vice07 a, .korenCert td#vice08 a,
    .korenCert td#vice09 a {
        width: 225px;
    }

    table#ctl00_MainContent_SearchFromTexts1_ListView1_Table2 {
        width: 100%;
    }

    #ctl00_MainContent_SearchFromTexts1_ListView1_itemPlaceholderContainer {
        width: 100%;
    }

    table#ctl00_MainContent_SearchFromTexts1_ListView1_Table2 tbody tr#ctl00_MainContent_SearchFromTexts1_ListView1_Tr1 td#ctl00_MainContent_SearchFromTexts1_ListView1_Td1 table#ctl00_MainContent_SearchFromTexts1_ListView1_itemPlaceholderContainer tbody tr#ctl00_MainContent_SearchFromTexts1_ListView1_Tr2 {
        width: 100%;
    }

    table#ctl00_MainContent_SearchFromTexts1_ListView1_Table2 tr th {
        width: 50%;
        min-width: auto;
    }
}


@media screen and (max-width: 700px) {

    #PanelMapyMobileCz, #PanelMapyMobileSk, #PanelMapyMobileEn {
        display: block;
        margin-bottom: 20px;
        margin-left: 15px;
    }

    #PanelMapyCz, #PanelSk, #PanelMapyEn {
        display: none;
    }

    .homepageBox {
        display: none;
    }

    .menu-redesign .navigation .svg {
        background-position: unset;
    }

    .footer {
        margin-left: 3%;
        margin-right: 3%;
    }

        .footer .column {
            width: 100%;
            margin-right: 0;
            text-align: left;
            margin-bottom: 3%;
        }

        .footer .column-last {
            width: 100%;
            text-align: left;
        }

    .dt-ca {
        display: none;
    }

    .dxIE .mapCz svg, .dxIE .mapSk svg, .dxIE .mapEn svg {
        height: 600px;
    }
}

@media screen and (max-width: 645px) {


    #cookie-consent .info-text {
        width: 100%;
    }

    #cookie-consent .buttons {
        width: 100%;
        margin-top: 5px;
    }

    #cookie-consent .button.accept-all {
        width: 49%;
        margin-right: 1%;
        margin-left: 0;
    }

    #cookie-consent .button.change-your-preferences {
        width: 49%;
        margin-left: 1%;
        margin-right: 0;

    }



    /* HLAVNI OBSAH */
    hr {
        width: 100%;
        max-width: 100%;
    }



    #mainContentWide div {
        min-height: auto;
    }

    #mainContentWide table {
        width: 100% !important;
    }


    /* RUZNY OBSAH */

    table#cenik0, table.cenik0, table#cenik0 td {
        min-width: auto;
    }

    td.cenikodr {
        padding-left: 0px;
        background: none;
    }


    /* NOVINKY */
    table.prehled, table.prehled1 {
        min-width: 100%;
        width: 100%;
    }

    td.prehledfoto {
        width: 50px;
        min-width: inherit;
        display: none;
    }

        td.prehledfoto img {
            max-width: 45px;
            display: none;
        }

    td.prehleddatum {
        width: 70px;
    }


    /* CTECKY */
    table#ctecky {
        width: 100%;
    }

    #ctecky img {
        width: 100%;
    }

    .korencert_uvod table tr td {
        float: left;
        width: 100% !important;
        display: block;
    }

    table#cenik2 {
        min-width: initial;
        table-layout: fixed;
        word-break: break-all;
        width: auto;
    }

    #cenik2 td.levysl, #cenik td.levysl {
        padding-left: 0;
    }

    tr.ho2 td a, tr.ho3 td a {
        font-size: 14px;
        line-height: 18px;
    }

    table.rozbalena,
    table.rozbalena .detail td {
        width: 100%
    }

        table.rozbalena td.rozbalenapopis {
            width: auto;
        }

        table.rozbalena td.rozbalenafoto {
            width: auto;
            display: none;
        }

        table.rozbalena td.rozbalenadatum {
            min-width: 70px;
        }

    tr.detail span, tr.detail p {
        width: 100%;
    }

    #ctl00_MainContent_HtmlContent1_FormView1_TextDlouhyLabel table tbody tr td div img {
        max-width: 30px;
        max-height: 23px;
    }

    .dxIE .mapCz svg, .dxIE .mapSk svg, .dxIE .mapEn svg {
        height: 500px;
    }
}



@media screen and (max-width: 550px) {

    .full-width .homepage-columns .column,
    .full-width .homepage-columns-old .column,
    .full-width .homepage-columns .two-columns {
        width: 96%;
        min-height: unset;
    }


    td#vice01 a, td#vice02 a,
    td#vice03 a, td#vice04 a,
    td#vice05 a, td#vice06 a,
    td#vice07 a, td#vice08 a,
    td#vice09 a {
        width: 200px;
        height: auto;
        float: left;
        display: block;
    }

    .but_vice {
        width: 100% !important;
        float: left;
        display: block;
    }

        .but_vice td {
            float: left;
            margin-right: 5px;
        }

    #mainContentWide h1, #mainContentWide h3 {
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
    }

    table.rozbalena .detail td img {
        width: auto;
        max-width: 100% !important;
    }

    .header h1 {
        line-height: 1.6em;
        font-size: 1.6em;
        margin-top: 12px;
    }

    .header .logo {
        margin-right: 3% !important;
    }

    .full-width .homepage-columns .two-columns h2 span.dash.mobile, 
    .full-width .homepage-columns .two-columns h2 span.recent-news.desktop {
        display: none;
    }

    .recent-news-block.mobile {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .dxeTextBoxDefaultWidthSys {
        width: auto !important;
    }

    .dxIE .mapCz svg, .dxIE .mapSk svg, .dxIE .mapEn svg {
        height: 400px;
    }

    .TextBoxSearch input[type=text] {
        width: 100px;
    }
}

@media screen and (max-width: 450px) {

    .modal-body {
        max-height: 400px;
    }

    .full-width .microsites .homepage-columns .two-columns {
        width: 96%;
        margin-bottom: 20px;
    }

    .en .full-width .microsites .column.blue, 
    .sk .full-width .homepage-columns .column.blue {
        width: 100%;
        max-width: 100%;
        float: left;
    }

    .en .full-width .microsites .column.blue a, 
    .sk .full-width .homepage-columns .column.blue a {
        font-size: 20px;
    }

    .full-width .homepage-columns .column.blue {
        width: 49.5%;
    }

    .full-width .homepage-columns .column.purple {
        width: 49.5%;
    }


    #mainContentWide div {
        word-break: break-word;
    }

    td.homeIkoRow1 div,
    td.homeIkoRow2 div {
        width: 49.5%;
        margin-right: 1%;
        height: auto;
        max-height: initial;
        float: left;
        padding: 0;
        min-height: 130px;
    }

    .homeIkoRow1 div:nth-child(2n),
    .homeIkoRow2 div:nth-child(2n) {
        margin-right: 0;
    }

    .separator .desktop {
        display: none;
    }

    .separator .mobile {
        display: block;
    }

    /* PRAVA CAST */

    #mainContentNarrow .rightBox, #mainContentNarrow .rightBox:nth-child(2), #mainContentNarrow .rightBox:nth-child(3) {
        width: 100%;
        margin-right: 0;
    }


    /* KONTAKTY */
    table.kontakt .prehledpopis {
        width: 98% !important;
        float: left;
        display: block;
    }

    td#vice01 a, td#vice02 a,
    td#vice03 a, td#vice04 a,
    td#vice05 a, td#vice06 a,
    td#vice07 a, td#vice08 a,
    td#vice09 a {
        width: 140px;
        height: auto;
        float: left;
        display: block;
    }



    #mainContentWide img {
        max-width: 50px;
        height: auto !important;
    }


    div.homepageBoxLeft, div.homepageBoxRight {
        width: 100%;
        padding: 0;
    }

    div.homepageBoxLeft {
        margin-bottom: 3%;
    }

    td.homeIkoRow1 div, td.homeIkoRow2 div {
        min-height: 140px !important;
    }

    /* OBJEDNAVKOVY FORMULAR */
    #PersonalCard, .personalizaceTextBox {
        width: 100%;
        height: auto;
        float: left;
        display: block;
    }

    .CarlLinesBox2, .CarlLinesBox2 {
        width: 95%;
        float: left;
        display: block;
    }

    table.eshoptableContent td.cenao {
        padding: 0;
        text-align: center;
    }

    .textPersonalizace p, .textPersonalizace span, .textPersonalizace span p, .textPersonalizace table {
        width: 100%;
    }

    table.eshoptableContent td {
        padding: 3px !important;
    }

    #eshopAddContent .middlebox {
        width: 100% !important;
    }



    table.objDodAdresa, table.objPoznamka {
        float: left;
    }

    .objOdkaz td {
        width: 100%;
        float: left;
    }

    .odeslatBut input {
        width: 100%;
        margin: 10px 0 0 0;
        padding: 10px 30px;
    }

    .odeslatBut .dxbButton div.dxb {
        padding: 0;
    }


    td.prehledpopis, table.cenik0 td.prehledfoto, td.prehledpopis1 {
        min-width: auto;
    }

    .left-part, .right-part {
        width: 100% !important;
        display: block;
    }

        .left-part td, .right-part td {
            width: 98% !important;
            float: left;
        }

            .left-part td a, .right-part td a {
                width: 98% !important;
                float: left;
            }

        .left-part .but_vice, .right-part .but_vice {
            display: inline-table;
            width: 100% !important;
            float: left;
        }

            .left-part .but_vice .buton_velky td a, .right-part .but_vice .buton_velky td a {
                width: 100% !important;
                float: left;
            }

        .left-part .buton_velky, .left-part .buton_velky {
            width: 100%;
            height: auto;
        }

    .HtmlContentInner .left-part td, .HtmlContentInner .right-part td {
        padding: 2px 0;
    }

    .HtmlContentInner .left-part th, .HtmlContentInner .right-part th {
        padding: 2px 0;
    }

    .left-part td.buton_velky01 a,
    .left-part td.buton_velky02 a,
    .left-part td.buton_velky03 a,
    .left-part td.buton_velky04 a,
    .left-part td.buton_velky05 a,
    .left-part td.buton_velky06 a,
    .left-part td.buton_velky07 a,
    .left-part td.buton_velky08 a,
    .left-part td.buton_velky09 a {
        padding: 4px 0 0 6px;
    }

    .right-part td.buton_velky01 a,
    .right-part td.buton_velky02 a,
    .right-part td.buton_velky03 a,
    .right-part td.buton_velky04 a,
    .right-part td.buton_velky05 a,
    .right-part td.buton_velky06 a,
    .right-part td.buton_velky07 a,
    .right-part td.buton_velky08 a,
    .right-part td.buton_velky09 a {
        padding: 4px 0 0 6px;
    }


    .header h1 {
        line-height: 1.2em;
        font-size: 1.2em;
        margin-top: 17px;
    }

    .footer .links a {
        float: left;
        text-align: left;
        width: 100%;
    }

    .steps a {
        width: 40%;
        margin: 0 30%;
    }

    .steps img {
        width: initial !important;
        max-width: 100% !important;
    }

    .steps a .number {
        position: relative;
        top: 30px;
        font-size: 22px;
    }

    .steps a span {
        font-size: 16px;
    }

    .drivers .boxes .box {
        width: 28.33%;
        margin-right: 1% !important;
        padding: 25px 2% 13px 2%;
    }
}

@media screen and (max-width: 350px) {

    #cookie-consent .button.accept-all, #cookie-consent .button.change-your-preferences {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 5px;
    }

    td#vice01 a, td#vice02 a,
    td#vice03 a, td#vice04 a,
    td#vice05 a, td#vice06 a,
    td#vice07 a, td#vice08 a,
    td#vice09 a {
        width: 100px;
        height: auto;
        float: left;
        display: block;
    }

    #language .TextBoxSearch {
        width: 80px;
    }

    #language table tbody tr td table.TextBoxSearch tbody tr td .dxeTextBoxSys.dxeTextBox.dxeTextBoxDefaultWidthSys.dxeNullText.dxh0 {
        width: 55px !important;
    }

    .HtmlContentInner #ctl00_MainContent_HtmlContent1_FormView1_TextDlouhyLabel table {
        width: auto !important;
    }

    .HtmlContentInner #ctl00_MainContent_HtmlContent1_FormView1_TextDlouhyLabel td {
        float: left;
        width: 100% !important;
        height: initial;
        max-height: initial;
    }

    .HtmlContentInner #ctl00_MainContent_HtmlContent1_FormView1_TextDlouhyLabel table img {
        display: none;
    }

    #cenik0 .cenikodr {
        padding-left: 0px !important;
    }

    #cenik0 td {
        float: initial !important;
    }

    .header h1, .header.responsive h1.mobile {
        display: none;
    }

    .menu-redesign .navigation.responsive a span {
        top: 0;
        float: left;
        padding-left: 70px;
        font-size: 18px;
        line-height: 100%;
        line-height: 40px;
    }

    .menu-redesign .navigation.responsive a .arrow {
        content: "›";
        float: right;
        font-size: 40px;
        margin-right: 5%;
        line-height: 40px;
        margin-top: -3px;
        padding-left: 10px;
    }
}
