@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700,500,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@font-face {
    font-family: 'exo_2extra_bold';
    src: url('/css/fonts/Exo2-ExtraBold-webfont.eot');
    src: url('/css/fonts/Exo2-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Exo2-ExtraBold-webfont.woff') format('woff'), url('/css/fonts/Exo2-ExtraBold-webfont.ttf') format('truetype'), url('/css/fonts/Exo2-ExtraBold-webfont.svg#exo_2extra_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------ Globální definice objektů  ---hfghfhfghdfghfdghfghfghfghfgh--------------------------------------------------------------------------------------------*/


div, span, a, img {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #171c20;
    background: #fff;
    letter-spacing: 0.03em;
    xmin-width: 1280px;
}

div {
    height: auto;
    _height: 0;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

a {
    _height: 0;
    text-decoration: underline;
    color: #171c20;
}

    a:hover {
        color: #00aae5;
        text-decoration: underline;
    }

img {
    margin: 0;
    padding: 0;
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

input {
    outline: none;
}

    input[readonly] {
        background: #e1eaef;
    }

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #171c20;
}

h1 {
    display: none !important;
}

.input_text {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #171c20;
}

input.default {
    width: 231px;
    height: 26px;
    border: 1px solid #c6d4dd;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    border-radius: 3px;
    padding-left: 10px;
    font: 13.3333px 'Open Sans';
}

textarea.default {
    width: 100%;
    height: 75px;
    border: 1px solid #c6d4dd;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    border-radius: 3px;
    padding: 10px;
    font-size: 13px;
    box-sizing: border-box;
    font: 13.3333px 'Open Sans';
}

.input_button {
    margin: 0;
    padding: 0;
    border: 0;
}

a.input_button {
    border: none;
    font-size: 14px;
    height: 17px;
    border-radius: 5px;
    padding: 8px 0;
    width: 150px;
    color: #FFF;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Exo 2', sans-serif;
}

    a.input_button.blue {
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-bottom: 1px solid #037ea8;
    }

        a.input_button.blue:hover {
            background: #00aae5;
        }

.contact-braches a.input_button {
    width: 160px;
}

.input_radio {
    height: 12px;
    width: 12px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.input_check {
    height: 12px;
    width: 12px;
    margin: 0;
    padding: 0;
    border: 0;
}

Textarea {
    margin: 0;
    padding: 0;
    overflow: auto;
    font-size: 11px;
    color: #171c20;
    resize: none;
    outline: none;
}

Label {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: #171c20;
    font-size: 11px;
}

Select {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: #171c20;
    font-size: 11px;
    border: 1px solid #AAA;
    height: 20px;
    padding-top: 1px;
    color: #003745;
    padding-left: 5px;
}

Input {
    vertical-align: middle;
}

.clear {
    _height: 0px;
    font-size: 0px;
    clear: both;
}

.clear1 {
    clear: both;
    _clear: none;
}

.clear2 {
    clear: both;
    _height: 0px;
    font-size: 1px;
}

.cls {
    height: 1px;
    overflow: hidden;
    clear: both;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.alert {
    color: #ff001e;
}

.error {
    color: #ff001e;
}

.green {
    color: #58a810;
}

.red {
    color: #ec3b13;
}

.orange {
    color: #d68e04;
}
    
.blue {
    color: #0C96DB;
}

.buttons {
    width: 100%;
    padding: 10px 0 10px 0;
    text-align: center;
}

.Title {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
}

.Code2 {
    border: 1px solid #8b4513;
    padding-right: 5px;
    padding-left: 5px;
    color: #000066;
    font-family: 'Courier New', Monospace;
    background-color: #ff9933;
}

.postfixText {
    padding-left: 3px;
}

.bottom {
    height: 10px;
    margin-bottom: 10px;
    xbackground: url(/img/BGbottom.gif) no-repeat left bottom #FFF;
}

h2.typeDetail {
    font-size: 36px;
    font-family: 'exo_2extra_bold';
    font-weight: 800;
}

.req_char {
    color: #FF001E;
}

.fakebox-check {
    position: relative;
}

    .fakebox-check .c-chbox {
        left: 15px;
        top: 3px;
    }

    .fakebox-check .fake-chbox-in {
        cursor: pointer;
        height: 15px;
        opacity: 0;
        position: absolute;
        top: -4px;
        left: -5px;
        width: 17px;
        z-index: 2;
    }

    .fakebox-check label {
        font-family: 'Exo 2', sans-serif;
        font-size: 13px;
        padding-left: 38px;
        cursor: pointer;
    }



/* -- vsechny texty z FCK editoru --- */
.freetext {
}

    .freetext p {
    }

.information.freetext {
    margin: 10px auto 0 auto;
    text-align: left;
}

x.info {
    position: absolute;
    top: 5px;
    right: 4px;
    padding: 2px 0 2px 11px;
    display: block;
    font-size: 12px;
    color: #434343;
    background: url(/img/SEPcontainerHeader.gif) no-repeat bottom left;
}


#catalog .information {
    height: 28px;
    border: 1px solid #dbe1e5;
    padding-top: 5px;
    border-bottom: none;
}

    #catalog .information.searchCondition {
        border: none;
    }



.information b {
}

.information p { /*margin: 5px*/
}

.information.alert {
    ;
}

.information.result {
    padding-right: 10px;
}

.information .wrap {
    width: 540px;
}

    .information .wrap .left {
        float: left;
    }

    .information .wrap .right {
        float: right;
    }


/* LI seznam */
.arrowedMenu {
    padding: 5px 0 15px 24px;
}

.arrowed {
    padding-left: 12px;
    position: relative;
    padding-bottom: 2px;
}

    .arrowed:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00ace5;
        position: absolute;
        content: ' ';
        left: 0;
        top: 6px;
    }

    .arrowed a {
        color: #00529c;
        text-decoration: underline;
        cursor: pointer;
    }

        .arrowed a:hover {
            color: #00aae5;
        }

.pArrowedMenu {
    text-align: right;
    padding-right: 20px;
}

    .pArrowedMenu ul {
        ;
    }

        .pArrowedMenu ul li {
            padding-left: 20px;
            display: inline;
        }

            .pArrowedMenu ul li a {
                text-decoration: underline;
                color: #058CD3;
                font-size: 12px;
                font-weight: bold;
            }

                .pArrowedMenu ul li a:hover {
                    text-decoration: none;
                }

.pLoginform div {
    display: inline;
}

/*  clona   */
#clona {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-image: url(/img/logoGrey.gif);
    filter: alpha(opacity=50);
    opacity: .5;
}

#clona1 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    text-align: center;
    vertical-align: middle;
}

.clonaIE6 {
    background-image: url(/img/logoGrey.gif);
}

/* ----------  Definice kostry  -------------------------------------------------------------------------------------------------- */
#container {
    position: relative;
    margin: auto;
}

#containerBgBody {
    position: relative;
    margin: auto;
}

.header {
    position: relative;
    xz-index: 1;
    margin: auto;
    xwidth: 973px;
    height: 174px;
    xbackground: url(/fotocache/headerimages/bg-containerHeader.jpg) no-repeat;
}

#header_1 {
    position: relative;
    xz-index: 1;
    margin: auto;
    height: 131px;
    background: none !important;
}

#header_2 {
    position: relative;
    xz-index: 1;
    margin: auto;
    height: 131px;
    background: none !important;
}

#header_3 {
    position: relative;
    xz-index: 1;
    margin: auto;
    height: 131px;
    background: none !important;
}

.header .header-in {
    position: relative;
    xz-index: 1;
    margin: auto;
    width: 1180px;
    height: 131px;
}


.index-slider {
    background: #efefef;
    height: 320px;
}

.index-slider-in {
    width: 1180px;
    margin: auto;
    position: relative;
}

.header-background-wide {
    height: 34px;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #c6d4dd;
}

.menu-background-wide {
    height: 50px;
    position: absolute;
    width: 100%;
    background: #fe6a50;
    top: 131px;
    z-index: 1;
}



#containerBody {
    overflow-anchor: none;
    position: relative;
    margin: auto;
    xwidth: 973px;
    xbackground: url(/img/bg-containerBody.gif) repeat-y;
}

#containerBodyIn {
    width: 1180px;
    margin: auto;
    xbackground: url(/img/bg-containerBodyIn.gif) no-repeat;
}

    #containerBodyIn.emptyBasket {
        width: auto;
    }

.page_index #containerBodyIn {
    width: 100%;
    max-width: unset;
}

#column1 {
    position: relative;
    top: 1px;
    left: -884px;
    width: 260px;
    float: left;
}


#column2 {
    position: relative;
    top: 0px;
    left: 297px;
    width: 884px;
    height: auto;
    float: left;
    xoverflow: hidden;
    xbackground: aqua;
}

body.page_index #column2,
body.page_contacts #column2,
body.page_contact #column2,
body.page_commodity #column2,
body.page_order #column2,
body.page_finish #column2,
body.page_404 #column2,
body.page_archive #column2,
body.page_article #column2,
body.page_userdata #column2,
body.page_producer_catalogue #column2,
body.page_myaccount #column2,
body.page_userinfo #column2,
body.page_usercommodity #column2,
body.page_branch #column2,
body.page_branches #column2,
body.page_orderpay #column2,
body.page_heurekaarticle #column2,
body.page_executedinvoice #column2,
body.page_executedorder #column2,
body.page_changepwd #column2,
body.page_lostpass #column2,
body.page_wholesale #column2,
body.page_loginready #column2,
body.page_emailnews #column2,
body.page_newsletter #column2 {
    left: auto;
    width: auto;
    font-size: 13px;
    padding: 0;
    float: none !important;
}

#column3 {
    display: none;
}

.page_category #column3,
.page_sale #column3,
.page_producer_catalogue #column3,
.page_search #column3 {
    display: block;
}

#containerFooter {
    position: relative;
    height: 132px;
    width: 973px;
    margin: auto;
    background: url(/img/bg-containerFooter.gif) no-repeat;
}




    /* ------------ Footer -----------------------------------------------------------------------------------------------------------------*/
    #containerFooter .shopCentrik {
        position: absolute;
        top: 83px;
        left: 747px;
    }

        #containerFooter .shopCentrik a {
            color: #6c6c6c;
        }

    #containerFooter .freetext {
        position: absolute;
        top: 18px;
        left: 32px;
        width: 665px;
        color: #6c6c6c;
    }

        #containerFooter .freetext div {
            padding-bottom: 2px;
        }

        #containerFooter .freetext .firm {
            padding-bottom: 3px;
            font-weight: bold;
            width: 160px;
        }

        #containerFooter .freetext a {
            color: #6c6c6c;
        }

    #containerFooter .corpId {
        position: absolute;
        top: 100px;
        right: 32px;
        color: #6c6c6c;
    }

    #containerFooter .menu {
        position: absolute;
        top: 13px;
        right: 12px;
        xwidth: 685px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        #containerFooter .menu li {
            position: relative;
            display: block;
            float: left;
            background: url(/img/bg-menu_liF.gif) no-repeat left top;
        }

            #containerFooter .menu li a {
                padding: 7px 15px 7px 15px;
                float: left;
                display: block;
                text-decoration: none;
                font-size: 11px;
                font-weight: bold;
                color: #6c6c6c;
            }

                #containerFooter .menu li a:hover {
                    color: #00529c;
                }

            #containerFooter .menu li ul {
                position: absolute;
                z-index: 9;
                bottom: 28px;
                left: 0px;
                width: 145px;
                margin: 0;
                padding: 0;
                visibility: hidden;
                font-size: 10px;
                color: #D1E5CC;
                background: #4c4c4c;
            }

                #containerFooter .menu li ul li {
                    _height: 0;
                    display: block;
                    float: none;
                    margin: 0px;
                    padding: 0px;
                    background: none;
                }

                    #containerFooter .menu li ul li a, .menu li.sel ul li a {
                        height: auto;
                        display: block;
                        float: none;
                        padding: 6px 8px 5px 17px;
                        color: #c1c1c1;
                        font-size: 11px;
                        font-weight: bold;
                        background: none;
                        border-bottom: 1px solid #5f5f5f;
                    }

                        #containerFooter .menu li ul li a:hover {
                            color: #f0f0f0;
                            text-decoration: none;
                            background: #3a3a3a;
                        }

                #containerFooter .menu li ul ul {
                    bottom: 0;
                    left: 145px;
                }

                #containerFooter .menu li ul li.sel {
                    background: #989898;
                }

/* ----------  containerHeader ------------------------------------------------------------------------------------------------------- */

/*****************************  === USER.guideLinks  === ******************************************/


.header #logo {
    overflow: hidden;
    position: absolute;
    width: 140px;
    top: 45px;
    left: -10px;
}

    .header #logo a {
        text-decoration: none;
    }


    .header #logo img {
        width: 115px;
        transition: all 0.3s;
    }

        .header #logo img.empty {
            width: 95%;
        }

    .header #logo span {
        margin-left: 10px;
        font-size: 14px;
        color: #00529c;
        /* font-weight: 600; */
        display: inline-block;
        position: relative;
        top: -5px;
    }

H1.main {
    text-align: center;
    color: #003644;
    font-size: 14px;
    font-family: Tahoma;
    margin-top: 5px;
}

#bannerImg_1 {
    position: absolute;
}

#bannerImg_2 {
    position: absolute;
}

.contact-info {
    xfont-weight: 300;
    padding: 8px 10px 0 10px;
    font-size: 13px;
    top: 0;
    left: 426px;
    position: absolute;
    height: 34px;
    transition: all 0.3s;
    letter-spacing: 0.04em;
}

    .contact-info span.bold {
        padding: 10px 0 10px 24px;
        background: url(/img/new/bg-contact-info.png) 4px center no-repeat;
        font-weight: 700;
        font-size: 14px;
    }

    .contact-info span.regular {
        color: #818e96;
        font-size: 13px;
        display: inline-block;
    }


.setUp {
    position: absolute;
    top: 0;
    left: 690px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    height: 34px;
    border-left: 1px solid #D7D7D7;
    display: none;
}

    .setUp li {
        position: relative;
        padding-left: 13px;
        float: left;
        height: 34px;
    }

        .setUp li a {
            height: 34px;
            vertical-align: middle;
            box-sizing: border-box;
            padding: 8px 10px 0 19px;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 12px;
            color: #00529c;
            font-weight: 300;
            background: url(/img/bg-setUp_li_a.png) no-repeat 0 8px;
        }

            .setUp li a:hover {
                text-decoration: underline;
            }

.userInfo {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    xpadding: 8px 0px 8px 0;
    font-size: 13px;
    color: #00529c;
    xmin-width: 174px;
    xbackground: #e6e6e6;
    height: 35px;
    xz-index: 11;
    letter-spacing: 0.04em;
}

    .userInfo .loginHolder .loginLink-wrap {
        position: relative;
    }

    .userInfo .loginHolder a {
        color: #00529c;
        padding: 6px 0 0 23px;
        cursor: pointer;
        xbackground: #e6e6e6;
        display: inline-block;
        border: 1px solid transparent;
        transition: border 0.75s, padding 0.75s;
    }

    .userInfo .loginHolder #loginLink.active {
        border: solid 1px #c6d4dd;
        position: relative;
        border-radius: 3px 3px 2px 0;
        border-bottom-color: #FFF;
        position: relative;
        z-index: 14;
        height: 20px;
        box-shadow: 0 -4px 9px 0px #c7c7c7;
        color: #00aae5;
        text-decoration: underline;
    }

        .userInfo .loginHolder #loginLink.active:before {
            content: ' ';
            position: absolute;
            background: #FFF;
            width: 100%;
            left: 0;
            height: 10px;
            bottom: -8px;
        }

    .userInfo .loginHolder #loginLink {
        padding-right: 10px;
        height: 19px;
        margin-top: 2px;
        background: url(/img/new/bg-loginbox.png) #FFF 5px 7px no-repeat;
        padding-bottom: 5px;
        position: relative;
    }

        .userInfo .loginHolder #loginLink:after {
            content: ' ';
            background: #c6d4dd;
            width: 1px;
            height: 10px;
            position: absolute;
            top: 9px;
            right: -1px;
        }

    .userInfo .loginHolder a.uiEx2 {
        padding-left: 10px;
    }

    .userInfo .loginHolder a:hover {
        color: #00aae5;
        text-decoration: underline;
    }

    .userInfo .loginHolder li:first-of-type {
        float: left;
        line-height: 20px;
        min-width: 75px;
        height: 20px;
        xoverflow: hidden;
        text-align: center;
    }

    .userInfo .loginHolder li:last-of-type {
        float: right;
        line-height: 20px;
        padding-right: 13px;
    }

    .userInfo .loginHolder li a {
        xmargin-left: 30px;
        padding-left: 12px;
        xfloat: left;
        display: block;
        text-decoration: none;
        font-size: 14px;
        color: #00529c;
        font-family: arial;
    }

        .userInfo .loginHolder li a:hover {
            text-decoration: underline;
        }

    .userInfo .loginHolderli .uiEx1 {
        background: url(/img/bg-userInfo_li_uiEx1.gif) no-repeat;
    }

    .userInfo .loginHolderli .uiEx2 {
        color: #00529c;
        background: url(/img/bg-userInfo_li_uiEx2.gif) no-repeat;
    }

    .userInfo .loginHolder .logon {
        xposition: absolute;
        top: 0px;
        right: 65px;
        text-align: right;
        font-size: 14px;
        text-align: center;
    }

        .userInfo .loginHolder .logon strong {
            font-weight: bold;
            xpadding-left: 17px;
            /*background: url(/img/bg-userInfo_li_uiEx1.gif) no-repeat;*/
        }


/*****************************  === PUBLISH.treemenu  === *****************************************/

.header .menu {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 34px;
    xoverflow: hidden;
}

    .header .menu li {
        position: relative;
        display: block;
        float: left;
        height: 34px;
        xmargin-right: 1px;
        xmargin-left: -6px;
    }

        .header .menu li a {
            height: 34px;
            box-sizing: border-box;
            padding: 8px 10px 0 7px;
            float: left;
            display: block;
            text-decoration: underline;
            font-size: 13px;
            color: #00529c;
            xfont-weight: 300;
            -webkit-font-smoothing: subpixel-antialiased;
            border: 1px solid rgba(0, 0, 0, 0);
            cursor: pointer;
            letter-spacing: 0;
        }

    .header .menu > li:first-of-type a {
        padding-left: 0;
    }

    .header .menu li a:hover {
        color: #00aae5;
    }


    .header .menu > li.sel > a {
        background: #FFF;
        border: 1px solid #d6d6d6;
        border-bottom: 0px;
        height: 35px;
        z-index: 1;
        text-decoration: underline;
        position: relative;
    }

    .header .menu li a img {
        vertical-align: middle;
        position: relative;
        margin-top: -3px;
        margin-right: 4px;
    }

    .header .menu li ul {
        background: #c6d4dd;
        xmin-height: 100px;
        visibility: hidden;
        padding: 0;
        margin: 0;
        left: 0px;
        top: 34px;
        position: absolute;
        min-width: 150px;
    }

        .header .menu li ul li {
            background: #fff;
            xwidth: 200px;
            float: none;
            display: block;
            margin: 1px;
            padding: 0;
            height: auto;
        }

            .header .menu li ul li a {
                text-decoration: underline;
                border: none;
                float: none;
                display: block;
                font-weight: normal;
                color: #00529c;
                font-family: Open Sans;
                font-size: 12px;
            }

                .header .menu li ul li a:hover {
                    color: #00aae5;
                }





@media only screen and (min-width: 951px) {
    .btn-nav {
        display: none;
    }


    #main-menu {
        position: relative;
        height: 50px;
        box-sizing: border-box;
        xbackground: #c6d4dd;
        box-sizing: border-box;
        xoverflow: hidden;
        z-index: 5;
        margin: auto;
        width: 1180px;
    }


        #main-menu .menu-holder > ul {
            position: relative;
            top: 0;
            padding: 0;
            list-style-type: none;
            margin: 0;
            margin: 0;
            box-sizing: border-box;
            display: table;
            width: 100%;
            margin: auto;
        }

        #main-menu > li {
        }

        #main-menu > div > ul > li:first-of-type:before {
            position: absolute;
            width: 1px;
            height: 50px;
            background: #d03a20;
            left: 0;
            z-index: 1;
            top: 0;
            content: ' ';
        }



        #main-menu > div > ul > li:first-of-type:after {
            position: absolute;
            width: 1px;
            height: 50px;
            background: #fe7f69;
            left: 1px;
            z-index: 1;
            top: 0;
            content: ' ';
        }


        #main-menu > div > ul > li:hover:before, #main-menu > div > ul > li:hover:after {
            content: '';
            background: none;
            position: absolute;
        }

        #main-menu > div > ul > li.selected:before, #main-menu > div > ul > li.selected:after {
            content: '';
            background: none;
            position: absolute;
        }

        #main-menu .rootSpan {
            padding: 15px 0;
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: center;
            background: #fe6a50;
            font-size: 15px;
            color: #FFF;
            transition: background 0.3s ease-in-out;
            height: 50px;
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            letter-spacing: 0.02em;
        }


            #main-menu .rootSpan .rootSpan-in {
                padding-right: 0;
                position: relative;
                padding-right: 17px;
            }


                #main-menu .rootSpan .rootSpan-in .show-submenu {
                    position: absolute;
                    width: 25px;
                    height: 25px;
                    background: none;
                    top: -3px;
                    border: none;
                }

                    #main-menu .rootSpan .rootSpan-in .show-submenu .arrow-down {
                        position: absolute;
                        content: ' ';
                        right: 7px;
                        top: 11px;
                        display: block;
                        width: 0;
                        height: 0;
                        padding: 0;
                        background: none;
                        border-style: solid;
                        border-width: 5px 5px 0 5px;
                        border-color: #ffffff transparent transparent transparent;
                        transition: all 0.3s;
                    }


        #main-menu a.hover .rootSpan .rootSpan-in .show-submenu .arrow-down {
            transform: translateZ(0) scale(1.0, 1.0) rotate(-180deg);
        }

        #main-menu a.hover .rootSpan {
            display: inline-block;
            width: calc(100% + 2px);
            left: -2px;
            text-align: center;
            background: #ffa292;
            box-shadow: 0px 4px 14px rgba(2,2,2,0.3);
            position: relative;
            z-index: 1;
        }


        #main-menu li:first-of-type a.hover .rootSpan {
            width: 100%;
            left: 0;
        }

        #main-menu li.selected .rootSpan .rootSpan-in .show-submenu .arrow-down {
            transform: translateZ(0) scale(1.0, 1.0) rotate(-180deg);
        }

        #main-menu li.selected .rootSpan {
            display: inline-block;
            width: calc(100% + 2px);
            left: -2px;
            text-align: center;
            background: #ffa292;
            xbox-shadow: 0px 4px 14px rgba(2,2,2,0.3);
            position: relative;
            z-index: 1;
        }

        #main-menu .sub-menu {
            display: none;
        }

        #main-menu .submenu.sub-menu {
            position: absolute;
            xvisibility: hidden;
            xopacity: 0;
            z-index: 10;
            width: 1160px;
            left: 0;
            background: #FFF;
            padding: 10px;
            box-shadow: 0 7px 7px rgba(2,2,2,0.2);
            transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
        }

        #main-menu .sub-menu .sub-col > ul:before {
            content: ' ';
            background: #ffa292;
            position: absolute;
            width: 100%;
            height: 4px;
            top: 0;
            left: 0;
        }

        #main-menu .submenu.sub-menu > .sub-col {
            display: inline-block;
            width: 24%;
            vertical-align: top;
            padding: 0 0 0 85px;
            margin: 10px;
            min-height: 70px;
            background-size: 70px 70px !important;
        }

            #main-menu .submenu.sub-menu > .sub-col > ul {
                padding-left: 0;
            }

        #main-menu .sub-menu .sub-menu {
            display: block;
        }

            #main-menu .sub-menu .sub-menu > ul {
                padding: 0;
                margin: 0;
                line-height: 18px;
            }

            #main-menu .sub-menu .sub-menu li {
                display: inline;
                padding: 0;
                margin: 0;
                min-height: unset;
            }

            #main-menu .sub-menu .sub-menu a {
                font-size: 13px;
                display: inline;
                color: #01325f;
            }

                #main-menu .sub-menu .sub-menu a:hover {
                    color: #00aae5;
                }

            #main-menu .sub-menu .sub-menu .more-categories a {
                font-size: 13px;
                display: inline;
                color: #808080;
            }

                #main-menu .sub-menu .sub-menu .more-categories a:hover {
                    color: #AAA;
                }

        #main-menu li a {
            xmargin-right: 1px !important;
            position: relative;
        }

        #main-menu > li:last-of-type a {
            margin-right: 0px !important;
        }

        #main-menu .menu-holder > ul > li > a:after {
            position: absolute;
            width: 1px;
            height: 50px;
            background: #fe7f69;
            right: 0;
            top: 0;
            content: ' ';
        }

        #main-menu .menu-holder > ul > li > a:before {
            position: absolute;
            width: 1px;
            height: 50px;
            background: #d03a20;
            right: 1px;
            top: 0px;
            content: ' ';
            z-index: 1;
        }

        #main-menu li a span {
            xborder-radius: 4px 4px 0px 0px;
            box-sizing: border-box;
            padding-right: 5px;
        }

        #main-menu a {
            display: block;
            font-size: 16px;
            box-sizing: border-box;
            color: #171c20;
            text-decoration: none;
        }

            #main-menu a:hover {
                text-decoration: underline;
                color: #00aae5;
            }

        #main-menu .submenu.sub-menu > .sub-col > ul > li > a, #main-menu .submenu.sub-menu > .sub-col > ul > li > span {
            cursor: pointer;
            font-size: 15px;
            margin-bottom: 5px;
            color: #00529c !important;
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
        }

        #main-menu .submenu.sub-menu > .sub-col > ul > li .show-submenu {
            display: none;
        }

        #main-menu .sel a {
            color: #171c20;
        }

            #main-menu .sel a:hover {
                color: #000;
                text-decoration: none;
            }

            #main-menu .sel a span {
                cursor: text;
                background: #FFF;
            }

        #main-menu li {
            box-sizing: border-box;
            display: table-cell;
            width: 16.66%;
        }
}

/*****************************  === Multilangual  === *********************************************/
.multiLang {
    position: absolute;
    top: 0;
    left: -60px;
    height: 35px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0;
    float: left;
    font-size: 12px;
}

    .multiLang:after {
        content: ' ';
        right: 5px;
        position: absolute;
        top: 15px;
        transition: transform 0.5s;
        cursor: pointer;
        z-index: 12;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 5px 0 5px;
        border-color: #00529c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .multiLang.active:after {
        transform: rotate(-180deg);
    }

    .multiLang > span {
        height: 33px;
        margin-top: 2px;
        width: 50px;
        border-radius: 3px 3px 2px 0;
        vertical-align: middle;
        box-sizing: border-box;
        padding: 6px 10px 24px 8px;
        display: block;
        float: left;
        color: #333;
        position: relative;
        z-index: 11;
        border: 1px solid transparent;
        xborder-left: 1px solid #D7D7D7;
        xborder-right: 1px solid #D7D7D7;
    }

    .multiLang.active > span {
        border: 1px solid #c6d4dd;
        border-bottom: 1px solid #fFF;
        box-shadow: 0 -4px 9px 0px #c7c7c7;
    }

    .multiLang span {
        cursor: pointer;
    }

    .multiLang div.title {
        padding: 8px 0;
        margin: 0 10px;
        height: 16px;
        font-size: 13px;
        color: #171c20;
        border-bottom: 1px solid #dbe1e5;
        font-weight: 700;
        font-family: 'Exo 2', sans-serif;
    }

    .multiLang > span.mlActive1 {
        background: url(/img/new/bg-multiLang_mlEx1.png) no-repeat 5px 7px;
        ;
        padding-right: 28px;
    }

    .multiLang > span.mlActive2 {
        background: url(/img/new/bg-multiLang_mlEx3.png) no-repeat 5px 7px;
        ;
        padding-right: 28px;
    }

    .multiLang > span.mlActive3 {
        background: url(/img/new/bg-multiLang_mlEx2.png) no-repeat 5px 7px;
        ;
        padding-right: 28px;
    }

    .multiLang.active > span.mlActive1 {
        background-color: #FFF;
    }

        .multiLang.active > span.mlActive1:before {
            content: ' ';
            position: absolute;
            background: #FFF;
            width: 100%;
            left: 0;
            height: 11px;
            bottom: -9px;
        }

    .multiLang.active > span.mlActive2 {
        background-color: #FFF;
    }

        .multiLang.active > span.mlActive2:before {
            content: ' ';
            position: absolute;
            background: #FFF;
            width: 100%;
            left: 0;
            height: 11px;
            bottom: -9px;
        }

    .multiLang.active > span.mlActive3 {
        background-color: #FFF;
    }

        .multiLang.active > span.mlActive3:before {
            content: ' ';
            position: absolute;
            background: #FFF;
            width: 100%;
            left: 0;
            height: 11px;
            bottom: -9px;
        }

.multiLanguages {
    position: absolute;
    top: 34px;
    width: 165px;
    right: 0px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 10;
    border-radius: 3px 0 3px 3px;
    border: 1px solid #c6d4dd;
    background: #FFF;
    box-shadow: 0px 2px 12px rgba(31,31,31,0.5);
    display: none;
    xpadding-left: 4px;
    font-size: 14px;
}

    .multiLanguages li {
        padding: 0px 0 0 0px;
        float: left;
        xborder-left: 1px solid #D7D7D7;
        font-size: 12px;
    }

        .multiLanguages li:first-of-type {
            margin-top: 10px;
        }


        .multiLanguages li:last-of-type {
            margin-bottom: 5px;
        }

        .multiLanguages li a {
            height: 24px;
            vertical-align: middle;
            box-sizing: border-box;
            padding: 1px 10px 0 8px;
            display: block;
            float: left;
            color: #333333;
            transition: all 0.5s;
        }

        .multiLanguages li span {
            height: 24px;
            vertical-align: middle;
            box-sizing: border-box;
            padding: 1px 28px 0 0;
            display: block;
            float: left;
            color: #333333;
        }

    .multiLanguages .mlEx1 span {
        background: url(/img/new/bg-multiLang_mlEx1.png) no-repeat 14px 1px;
        padding-left: 46px;
        text-decoration: none;
        color: #171c20;
    }

    .multiLanguages .mlEx2 span {
        background: url(/img/new/bg-multiLang_mlEx2.png) no-repeat 14px 1px;
        padding-left: 46px;
        text-decoration: none;
        color: #171c20;
    }

    .multiLanguages .mlEx3 span {
        background: url(/img/new/bg-multiLang_mlEx3.png) no-repeat 14px 1px;
        padding-left: 46px;
        text-decoration: none;
        color: #171c20;
    }

    .multiLanguages .mlEx1 a {
        background: url(/img/new/bg-multiLang_mlEx1.png) no-repeat 14px 1px;
        padding-left: 46px;
        color: #00529c;
    }

    .multiLanguages .mlEx2 a {
        background: url(/img/new/bg-multiLang_mlEx2.png) no-repeat 14px 1px;
        padding-left: 46px;
        color: #00529c;
    }

    .multiLanguages .mlEx3 a {
        background: url(/img/new/bg-multiLang_mlEx3.png) no-repeat 14px 1px;
        padding-left: 46px;
        color: #00529c;
    }

    .multiLanguages .mlEx1 a:hover {
        color: #00aae5;
    }

    .multiLanguages .mlEx2 a:hover {
        color: #00aae5;
    }

    .multiLanguages .mlEx3 a:hover {
        color: #00aae5;
    }

/*.multiLang .mlEx1 a {background: url(/img/bg-multiLang_mlEx1H.gif) no-repeat}
.multiLang .mlEx2 a {background: url(/img/bg-multiLang_mlEx2H.gif) no-repeat}
.multiLang .mlEx3 a {background: url(/img/bg-multiLang_mlEx3H.gif) no-repeat}*/

/*****************************  === Multicurr  === ************************************************/
.multiCurr {
    position: absolute;
    z-index: 9;
    top: 60px;
    right: 33px;
    height: 20px;
    width: 72px;
    margin: 0;
    padding: 8px 0 0 0;
    list-style-type: none;
    text-align: center;
    background: url(/img/bg-multiCurr.gif) repeat-x;
}

    .multiCurr li {
        padding: 0 4px 0 4px;
        display: inline;
        text-transform: uppercase;
        font-weight: bold;
        background: url(/img/bg-multiCurr_li.gif) no-repeat right 2px;
    }

        .multiCurr li a {
            color: #70dde5;
        }

        .multiCurr li span {
            color: #fff;
        }

        .multiCurr li.last {
            background: none;
        }

/*****************************  === SEARCH.form  === **********************************************/
form#searchForm {
    position: absolute;
    z-index: 9;
    top: 63px;
    left: 336px !important;
    width: 425px;
    xtransition: all 0.3s;
    border-radius: 5px;
}

#suggestResult.no-items {
    width: 560px;
    height: 85px;
    min-height: 0;
    background: #FFF;
    left: 260px;
}

    #suggestResult.no-items .title-text {
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        margin-top: 12px;
    }

    #suggestResult.no-items .help-text {
        font-size: 12px;
        padding: 3px 40px;
        text-align: center;
    }

        #suggestResult.no-items .help-text span {
            font-weight: 700;
            font-size: 14px;
        }

        #suggestResult.no-items .help-text a {
            color: #00529c;
        }

            #suggestResult.no-items .help-text a:hover {
                color: #00aae5;
            }


.searchBox {
    height: 40px;
    box-sizing: border-box;
    background: #fff;
    border: solid 1px #9bb4c4;
    border-radius: 5px;
    overflow: hidden;
}

    .searchBox .input_text {
        border: none;
        background: #fff;
        width: 100%;
        height: 100%;
        font-size: 12px;
        box-sizing: border-box;
        padding: 0px 74px 0px 30px;
        background: url(/img/new/bg-magnifier.png) no-repeat 9px center rgba(0, 0, 0, 0);
        font: 13.3333px 'Open Sans';
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        line-height: 26px !important;
    }

        .searchBox .input_text::-webkit-input-placeholder {
            color: #737e86;
            font: 13.3333px 'Open Sans' !important;

        }

    .searchBox .input_button {
        border: none;
        font-size: 14px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        width: 75px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 0 15px;
        color: #FFF;
        cursor: pointer;
        font-family: 'Exo 2', sans-serif;
    }

        .searchBox .input_button:hover {
            background: #00aae5;
            color: #FFF;
        }


#advSearchBox {
    margin-top: 4px;
}

    #advSearchBox label {
        padding-bottom: 4px;
        margin-right: 10px;
        display: inline-block;
        color: #242424 !important;
        font-family: arial !important;
        font-size: 12px !important;
    }

    #advSearchBox .input_radio {
        position: relative;
        vertical-align: middle;
        display: inline-block;
        margin-top: -1px;
        margin-right: 5px;
    }

    #advSearchBox a {
        text-decoration: underline;
        font-size: 12px;
        color: #00529c;
        font-family: arial;
        position: relative;
        top: -1px;
    }

.searchBox #advSearchBox a:hover {
    text-decoration: none;
    font-size: 12px;
    color: #00529c;
    font-family: arial;
    display: inline-block;
}

.advSearchBoxLink {
    font-size: 12px;
    color: #00529c;
    font-family: arial;
    display: inline-block;
    margin-top: 4px;
}



.found-menu {
    margin: 30px 0 40px 0;
    font-size: 13px;
    background: #f7f7f7;
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    height: 40px;
}


    .found-menu.bottom {
        margin: 50px 0 40px 0;
    }

.found-text {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #FFF;
    font-size: 18px;
    background: #00529c;
    width: 252px;
    display: inline-block;
    text-align: center;
    padding: 9px 0 10px 0;
    position: relative;
    border-radius: 5px 0 0 5px;
    top: -1px;
}

    .found-text:after {
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 8px;
        border-color: transparent transparent transparent #00539c;
        content: ' ';
        right: -8px;
        top: 0px;
    }

.found-underline {
    text-decoration: underline;
}

.found-part {
    padding: 11px 0 11px 55px;
    vertical-align: top;
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #00529c;
    font-family: 'Exo 2', sans-serif;
}

    .found-part:hover {
        color: #00aae5;
    }

    .found-part:before {
        width: 5px;
        height: 5px;
        content: ' ';
        position: absolute;
        background: #00aae5;
        border-radius: 5px;
        left: 47px;
        top: 17px;
    }

    .found-part.active {
        color: #171c20;
    }

        .found-part.active .found-underline {
            text-decoration: none;
        }

.found-count {
    color: #818e96;
}

.not-found {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.listTab {
    display: none;
}

    .listTab.active {
        display: block;
    }

.page_search .news .newsIn:nth-child(4n-3) {
    margin-left: 0;
}


.page_search .news .newsIn:nth-child(4n+4) {
    margin-right: 0;
}

.page_search .news {
    margin-bottom: 0;
}

    .page_search .news .newsIn {
        margin-bottom: 35px;
    }

/*STICKY*/

.sticky-header {
    height: 131px !important;
}

    .sticky-header.is-sticky .header-sticky-background {
        background: #FFF;
        height: 84px;
        position: absolute;
        top: 24px;
        width: 100%;
    }

    .sticky-header.is-sticky #header_1,
    .sticky-header.is-sticky #header_2,
    .sticky-header.is-sticky #header_3 {
        height: 84px;
    }

    .sticky-header.is-sticky .header .header-in {
        height: 84px;
        top: 24px;
        background: #FFF;
    }

    .sticky-header.is-sticky #suggestResult {
        top: 64px;
    }

    .sticky-header.is-sticky #suggestLast {
        top: 64px;
    }

.sticky-wrapper.is-sticky #c-menu {
    background: #fe6a50;
}

.sticky-header.is-sticky .menu,
.sticky-header.is-sticky .userInfo {
    display: none;
}

.sticky-header.is-sticky .header #logo {
    top: 15px;
}

    .sticky-header.is-sticky .header #logo img {
        width: 85px;
    }

        .sticky-header.is-sticky .header #logo img.empty {
            width: 100px;
        }

.sticky-header.is-sticky form#searchForm {
    top: 24px;
}

.sticky-header.is-sticky #basketInfo {
    top: 14px;
}

.sticky-header.is-sticky #miniBasket {
    top: 66px !important;
}

.sticky-header.is-sticky .contact-info {
    left: 138px;
    top: 19px;
}

    .sticky-header.is-sticky .contact-info span:first-of-type {
        display: none;
    }

    .sticky-header.is-sticky .contact-info span.bold {
        display: block;
        padding: 0 0 0 24px;
    }

    .sticky-header.is-sticky .contact-info span.regular {
        padding: 0 0 0 24px;
    }

/*END STICKY*/

/*****************************  === hp-slider  === **********************************************/
div#hp-slider {
    border-right-width: 0;
    height: 320px;
    width: 880px;
    overflow: hidden;
    xbackground: #fff;
    display: inline-block;
}

.caroufredsel_wrapper {
    xheight: 290px !important;
}

div#hp-slider ul {
    padding: 0;
    margin: 0;
    height: 100% !important;
}

    div#hp-slider ul li {
        padding: 0;
        margin: 0;
        height: 100% !important;
    }

xdiv#hp-slider ul li a {
    padding: 0;
    margin: 0;
    display: inline-block;
    height: 100% !important;
}

#hp-slider {
    height: 320px !important;
    max-height: 320px !important;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 4;
}

    #hp-slider img {
        width: 100%;
        max-height: 320px !important;
        height: 320px !important;
        box-sizing: border-box;
    }

#hp-tabs {
    xmax-height: 360px;
}

#carousel {
    position: absolute;
    right: 300px;
    font-size: 13px;
    width: 275px;
    box-sizing: border-box;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
}

    #carousel .flex-direction-nav {
        display: none;
    }

    #carousel .flex-viewport {
        overflow: inherit !important;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 320px;
        box-sizing: border-box;
    }

    #carousel ul.slides {
        display: table-row;
        width: 100%;
        height: 100%;
        transform: translate3d(0px, 0px, 0px) !important;
        xborder: 1px solid #CCCCCC;
        xborder-left: 0px solid #CCCCCC;
        box-sizing: border-box;
    }

    #carousel li {
        position: relative;
        border: 1px solid #d3d3d3;
        border-bottom-width: 0;
        display: table-cell !important;
        background: #FFF;
        height: 65.5px;
        width: 100% !important;
        float: left !important;
        color: #00529c;
        vertical-align: middle;
        cursor: pointer;
        box-sizing: border-box;
        font-size: 14px;
        padding: 0 10px 0 32px;
        transition: all 0.5s;
        opacity: 0.8;
        font-family: 'Exo 2', sans-serif;
    }

#catalogUpdate {
    display: none;
}

#loginUpdate {
    display: none;
    position: absolute;
    z-index: 50;
    top: -23px;
    left: 40px;
}

#orderLoginUpdate {
    display: none;
    position: absolute;
    z-index: 50;
    top: -23px;
    left: 40px;
}

.loading #catalogUpdate {
    display: block;
    position: absolute;
    z-index: 50;
    left: calc(50% - 100px);
}

#carousel li:hover {
    background: #5ca8ed;
    color: #FFF;
    opacity: 0.9;
}

#carousel li.flex-active-slide:hover {
    background: #FFF;
    color: #171c20;
    opacity: 1;
}

#carousel li span {
    vertical-align: middle;
    height: 63.5px;
    display: table-cell;
}



#carousel li:first-of-type {
    border-top-width: 1px;
}

#carousel li:last-of-type {
    border-bottom-width: 1px;
    border-radius: 0 0 5px 5px;
}

#carousel li.flex-active-slide {
    color: inherit;
    opacity: 1;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-weight: 700;
}

    #carousel li.flex-active-slide:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #d3d3d3 transparent transparent;
        content: "";
        height: 0;
        left: -6px;
        position: absolute;
        top: 50%;
        width: 0;
        transform: translate(-50%, -50%) !important;
    }

    #carousel li.flex-active-slide:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #FFF transparent transparent;
        content: "";
        height: 0;
        left: -5px;
        position: absolute;
        top: 50%;
        width: 0;
        transform: translate(-50%, -50%) !important;
    }


#column1 .staticBanner {
    margin-left: 0px;
    margin-top: 50px;
    width: auto;
}

.staticBanner {
    display: inline-block;
    width: 280px;
    vertical-align: top;
    margin-left: 16px;
    margin-top: 20px;
}

    .staticBanner img {
        width: inherit;
        height: inherit;
    }

.hp-info {
    xmargin-top: 24px;
    xheight: 242px;
    clear: both;
}

    .hp-info h2 {
        font-size: 18px;
        color: #00529c;
        font-weight: 600;
        border-bottom: solid 2px #B3E4FF;
        padding-bottom: 6px;
    }

.hp-contacts {
    background: linear-gradient(180deg, #ffffff, #e6e6e6);
    width: 50%;
    height: 250px;
    margin: 25px auto;
}

    .hp-contacts h2 {
        font-size: 18px;
        color: #00529c;
        font-weight: 600;
        border-bottom: solid 2px #B3E4FF;
        padding: 10px 5px 5px 5px;
    }

.detail .why-us {
    margin: 14px 0;
}

.why-us {
    height: 87px;
    width: 1180px;
    margin: auto;
    font-family: 'Exo 2', sans-serif;
    letter-spacing: 0.04em;
}

    .why-us ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        font-size: 13px;
        display: table;
        width: 100%;
        box-sizing: border-box;
    }

        .why-us ul li {
            position: relative;
            height: 87px;
            vertical-align: middle;
            display: table-cell;
            box-sizing: border-box;
            text-align: center;
        }

            .why-us ul li:nth-child(1) {
                width: 23.33%;
            }

            .why-us ul li:nth-child(2) {
                width: 31.36%;
            }

            .why-us ul li:nth-child(3) {
                width: 28.47%;
            }

            .why-us ul li:nth-child(4) {
                width: 16.95%;
            }

.lang_3 .why-us ul li:nth-child(1) {
    width: 20.33%;
}

.lang_3 .why-us ul li:nth-child(2) {
    width: 26.36%;
}

.lang_3 .why-us ul li:nth-child(3) {
    width: 30.47%;
}

.lang_3 .why-us ul li:nth-child(4) {
    width: 16.95%;
}

.why-us ul li:last-of-type {
    margin-right: 0;
}

.why-us ul li:first-of-type {
    margin-left: 30px;
}


.why-us ul li img {
    display: inline-block;
    padding: 25px 0 0 0;
}

.why-us ul li span {
    display: inline-block;
    font-size: 13px;
    vertical-align: top;
    color: #6e7b83;
    padding: 26px 6px;
    text-align: left;
}

.why-us ul li strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    font-family: 'Exo 2', sans-serif;
}



.hp-contacts .co-txt {
    float: left;
    width: 40%;
    font-size: 13px;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    line-height: 20px;
}

    .hp-contacts .co-txt ul {
        list-style-type: none;
        box-sizing: border-box;
        padding: 0;
        margin: 8px 0;
    }

        .hp-contacts .co-txt ul li {
            font-weight: 600;
        }

            .hp-contacts .co-txt ul li img {
                margin-right: 10px;
                margin-top: 1px;
            }

    .hp-contacts .co-txt a {
        margin-top: 8px;
        color: #333333;
        display: inline-block;
        height: 37px;
        width: 162px;
        text-align: center;
        text-decoration: none;
        background: #E4E4E4;
        border: solid 1px #C5C5C5;
        border-radius: 4px;
        box-sizing: border-box;
        padding-top: 7px;
    }

        .hp-contacts .co-txt a:hover {
            border-color: #00529c;
        }

.hp-contacts .co-map {
    float: right;
    width: 320px;
    height: 200px;
    background: url(/img/new/1022201521219525488-hp-map.png) no-repeat 14px 26px transparent;
}

    .hp-contacts .co-map a {
        height: 100%;
        display: block;
    }



.hp-anv {
    box-sizing: border-box;
    clear: both;
    margin-top: 31px;
    width: 1180px;
    margin: auto;
}

    .hp-anv .ui-tabs-panel {
        position: relative;
    }

    .hp-anv a.more-products {
        position: absolute;
        right: 0;
        padding-right: 25px;
        color: #00529c;
        top: 9px;
    }

        .hp-anv a.more-products:hover {
            color: #00aae5;
        }

        .hp-anv a.more-products:before {
            height: 18px;
            width: 18px;
            line-height: 17px;
            position: absolute;
            right: 0;
            content: ' ';
            border: 1px solid #dbe1e5;
            border-radius: 10px;
            background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
        }

        .hp-anv a.more-products:hover:before {
            background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
        }

        .hp-anv a.more-products:after {
            position: absolute;
            right: 8px;
            top: 7px;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 3.5px 0 3.5px 3px;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
        }

/* .hp-anv h2 {
        height: 50px;
        font-size: 18px;
        font-weight: 600;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        position: relative;
        background: #00529c url("/img/new/ico-plus.png") no-repeat scroll 95% center;
    }*/

.xhp-anv h2:after {
    content: "";
    height: 19px;
    width: 18px;
    position: absolute;
    top: 16px;
    right: 15px;
    background: url(/img/new/ico-plus.png) no-repeat;
}

.hp-anv h2 a {
    color: #fff;
    text-decoration: none;
    display: block;
    box-sizing: boder-box;
    padding-top: 12px;
    height: 100%;
}

.hp-action h2 {
    background-color: #00529c;
}

.hp-news h2 {
    background-color: #058CD3;
}

.hp-vyprodej h2 {
    background-color: #1BACFA;
}

.hp-lastvisit {
    border-top: 1px solid #dbe1e5;
}


.hp-lastvisit-in {
    width: 1180px;
    margin: auto;
    box-sizing: border-box;
}

.hp-lastvisit .comLCatalog .product {
    height: 449px;
    width: 25%;
    box-sizing: border-box;
}

.hp-lastvisit .comLCatalog .productImg {
    height: 225px;
    width: 222px;
    margin: 23px auto 22px auto;
}


#column2 .hp-lastvisit .title {
    padding-top: 60px;
}

.detail .hp-lastvisit {
    border-top: none;
}

.hp-Article {
}


.hp-Article-in {
    width: 1180px;
    margin: auto;
    box-sizing: border-box;
}

.hp-Article .comLCatalog .product {
    height: 449px;
    width: 25%;
}



.hp-Article .comLCatalog .productImg {
    height: 225px;
    width: 222px;
    margin: 23px auto 22px auto;
}


#column2 .hp-Article .title,
#column2 .similar-articles .title {
    font-size: 22px;
    text-transform: none;
    text-align: left;
    padding: 31px 0 12px 0;
}

.detail .hp-Article {
    border-top: none;
}


.hp-action {
    xfloat: left;
    xwidth: 33.3%;
    box-sizing: border-box;
}

x.hp-action .comLCatalog {
    position: relative;
    z-index: 1;
}

.hp-action .comLCatalog .product {
    height: 449px;
    width: 25%;
}

.hp-action .comLCatalog .productImg {
    height: 225px;
    width: auto;
    margin: 18px auto 22px auto;
	text-align:center;
}


.hp-news {
    xfloat: left;
    xwidth: 33.3%;
    box-sizing: border-box;
}

x.hp-news .comLCatalog {
    position: relative;
    z-index: 1;
}

.hp-news .comLCatalog .product {
    height: 449px;
    width: 25%;
}

.hp-news .comLCatalog .productImg {
    height: 225px;
    width: auto;
    margin: 23px auto 22px auto;
	text-align:center;
}

.hp-topsale {
    xfloat: left;
    xwidth: 33.3%;
    box-sizing: border-box;
}

x.hp-topsale .comLCatalog {
    position: relative;
    z-index: 1;
}

.hp-topsale .comLCatalog .product {
    height: 449px;
    width: 25%;
}

.hp-topsale .comLCatalog .productImg {
    height: 225px;
    width:auto;
    margin: 23px auto 22px auto;
    text-align: center;
}


.hp-anv ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative;
}


    .hp-anv ul li {
        float: left;
        font-size: 13px;
        background: #FFF;
        width: 175px;
        text-align: center;
    }

        .hp-anv ul li:nth-of-type(2) {
            margin-left: -1px;
        }

        .hp-anv ul li:nth-of-type(3) {
            margin-left: -1px;
        }

        .hp-anv ul li a {
            outline: none;
            width: 161px;
            display: inline-block;
            padding: 10px 6px;
            border: 1px solid #dbe1e5;
            border-radius: 5px 5px 0 0;
            xheight: 18px;
            text-decoration: none;
            color: #00529c;
            background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
        }

            .hp-anv ul li a:hover {
                background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
            }


        .hp-anv ul li.ui-state-active {
        }

            .hp-anv ul li.ui-state-active a {
                color: #171b1f;
                background: #FFF;
                border-bottom-color: #FFF;
            }

.hp-anv .item h3 {
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding-top: 13px;
    height: 64px;
    box-sizing: border-box;
    xbackground: yellow;
}

    .hp-anv .item h3 a {
        color: #000;
        text-decoration: none;
        padding: 0 10px;
    }

.hp-anv .item {
    position: relative;
    height: 482px;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    box-sizing: border-box;
}

    .hp-anv .item .pr-img {
        height: 200px;
        margin-top: 33px;
        box-sizing: border-box;
        text-align: center;
        padding: 0 10px;
    }

        .hp-anv .item .pr-img a {
            height: 100%;
            display: block;
            box-sizing: border-box;
        }

    .hp-anv .item .pr-price {
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        color: #00529c;
        box-sizing: border-box;
    }


    .hp-anv .item .pr-store {
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        color: #8EB132;
        padding-top: 9px;
    }

        .hp-anv .item .pr-store .green {
            color: #58a810 !important;
        }

        .hp-anv .item .pr-store .red {
            color: #FF2100 !important;
        }

        .hp-anv .item .pr-store .blue {
            color: #0C96DB !important;
        }

        .hp-anv .item .pr-store a {
            text-decoration: none;
            color: #FF674B;
        }

    .hp-anv .item .pr-button {
        text-align: center;
        background: #8DBC1B;
        border: solid 1px #81AB1A;
        background: linear-gradient( 180deg, #93C31C, #81AB19 );
        position: relative;
        height: 37px;
        width: 202px;
        margin: auto;
        box-sizing: border-box;
        margin-top: 20px;
        border-radius: 5px !important;
        overflow: hidden;
    }

        .hp-anv .item .pr-button:hover {
            background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 102, 75, 1) 0%, rgba(255, 102, 75, 1) 76%, rgba(255, 60, 25, 1) 100%) repeat scroll 0 0;
            border: solid 1px rgba(255, 102, 75, 1);
        }

        .hp-anv .item .pr-button .input_text {
            display: none;
            text-align: center;
        }

        .hp-anv .item .pr-button .input_button {
            cursor: pointer;
            position: relative;
            height: 35px;
            width: 202px;
            border: none;
            background: url(/img/new/ico-buy.png) no-repeat 38px 6px transparent;
            text-align: left;
            padding-left: 77px;
            color: #fff;
            font-weight: 700;
            font-size: 16px;
            font-family: Open Sans;
            box-sizing: border-box;
        }

    .hp-anv .item .pr-attrib {
        position: absolute;
        top: 214px;
        box-sizing: border-box;
        padding-left: 31px;
        /*width: 100%;*/
    }


.hp-anv .comLCatalog .line .product {
    border-left: none;
}

.hp-anv .comLCatalog .product:nth-of-type(4n+1) {
    border-left: 1px solid #dbe1e5;
}



/*.hp-anv .comLCatalog .line:nth-child(4n+1) .product:nth-child(1) {
    border-left: 1px solid #dbe1e5;
}

.hp-anv .comLCatalog .line:nth-child(4n+2) .product:nth-child(2) {
    border-left: 1px solid #dbe1e5;
}

.hp-anv .comLCatalog .line:nth-child(4n+3) .product:nth-child(3) {
    border-left: 1px solid #dbe1e5;
}*/

.hp-vyprodej .item {
    border-right: solid 1px #CCC;
}

.categoryBoxes {
    height: 522px;
    xbackground: url('/files/pozadi-rozcestnik/bg-rozcestnik.png') no-repeat;
    box-shadow: inset 0 7px 12px -8px #868686, inset 0 -7px 12px -8px #868686;
    xbackground-size: cover;
    xbackground-size: 100% 100%;
    letter-spacing: 0.04em;
    position: relative;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #fff calc(49% - 402px), #fff calc(51% + 402px), rgba(0, 0, 0, 0) 100%);
}

    .categoryBoxes:before {
        background-image: url('/files/pozadi-rozcestnik/rozcestník-levý.jpg');
        position: absolute;
        right: 64%;
        xleft: -215px;
        top: 0;
        width: 806px;
        content: ' ';
        background-size: 806px 522px;
        height: 522px;
        z-index: -1;
    }

    .page_order .B2B_False .lang_1 .mobile-menu .categoryBoxes:after {
        background-image: url('/files/pozadi-rozcestnik/rozcestník-pravý.jpg');
        position: absolute;
        xleft: 64%;
        right: 0;
        top: 0;
        width: 590px;
        content: ' ';
        background-size: 590px 522px;
        height: 522px;
        z-index: -1;
    }

    .categoryBoxes::after {
    background-image: url('/files/pozadi-rozcestnik/rozcestník-pravý.jpg');
    position: absolute;
    xleft: 64%;
    right: 0;
    top: 0;
    width: 590px;
    content: ' ';
    background-size: 590px 522px;
    height: 522px;
    z-index: -1;
}

.page_order .categoryBoxes,
.page_404 .categoryBoxes {
    height: auto;
}

    .page_order .categoryBoxes:before,
    .page_404 .categoryBoxes:before,
    .page_loginready .categoryBoxes:before,
    .page_emailnews .categoryBoxes:before,
    .page_newsletter .categoryBoxes:before {
        display: none;
    }

    .page_order .categoryBoxes:after,
    .page_404 .categoryBoxes:after,
    .page_loginready .categoryBoxes:after,
    .page_emailnews .categoryBoxes:after,
    .page_newsletter .categoryBoxes:after {
        display: none;
    }

    .page_order .categoryBoxes .categoryBoxes-in,
    .page_404 .categoryBoxes .categoryBoxes-in {
        max-width: 805px;
        margin: auto;
        padding-top: 5px;
        padding-bottom: 25px;
    }

    .categoryBoxes-in:after {
        content: '';
        display: block;
        clear: both;
    }



.page_order #column2 .title,
.page_404 #column2 .title {
    padding: 60px 0 31px 0px;
}


.categoryBoxes .categoryBoxes-in {
    width: 805px;
    margin: auto;
}

.categoryBoxes .categoryBox {
    display: inline-block;
    width: 117px;
    margin: 0 8.5px 15px 8px;
    vertical-align: top;
    font-size: 14px;
    border-radius: 3px;
    color: #00529c;
    position: relative;
    outline: none;
}

    .categoryBoxes .categoryBox:hover:after {
        box-shadow: 0 0px 12px rgba(2,2,2,0.3);
        width: 140px;
        position: absolute;
        height: 170px;
        top: 0;
        left: -12px;
        border-radius: 3px;
        z-index: 1;
        content: ' ';
    }

    .categoryBoxes .categoryBox:nth-child(6n+1) {
        margin-left: 0;
    }

    .categoryBoxes .categoryBox:nth-child(6n+0) {
        margin-right: 0;
    }

    .categoryBoxes .categoryBox:hover {
        xbox-shadow: 0 0px 12px rgba(2,2,2,0.3);
        color: #00aae5;
    }

    .categoryBoxes .categoryBox img {
        display: block;
        margin: auto;
        width: 80px;
        height: 70px;
        padding: 15px 18px;
    }

    .categoryBoxes .categoryBox span {
        display: table-cell;
        text-align: center;
        height: 70px;
        vertical-align: top;
        width: 123px;
        word-break: break-word;
        word-wrap: break-word;
        padding-top: 5px;
    }

.welcome-txt {
    height: 416px;
    box-shadow: inset 0 -9px 30px -9px #d2d2d2;
    position: relative;
    overflow: hidden;
}

    .welcome-txt .welcome-txt-in {
        font-size: 14px;
        display: table;
        width: 1180px;
        margin: auto;
    }

        .welcome-txt .welcome-txt-in .freetextIntro {
            display: block;
            xwidth: 580px;
            width: 49.2%;
            padding-right: 20px;
            xpadding-top: 25px;
            vertical-align: top;
        }

#column2 .welcome-txt .welcome-txt-in .title {
    text-align: left;
    padding-left: 0;
    padding: 68px 0 21px 0;
    color: #00aae5;
}

.welcome-txt .img-wrap::before {
    position: absolute;
    content: ' ';
    height: 416px;
    width: 100px;
    display: block;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(237,237,237,0) 100%);
    right: 572px;
    z-index: -1;
    top: 0;
}

.welcome-txt .img-wrap img {
    width: 672px;
    position: absolute;
    right: 0;
    z-index: -2;
    top: 0;
}

.welcome-txt .welcome-txt-in p {
    line-height: 21px;
}

.wetxt-link {
    text-align: right;
}

    .wetxt-link a {
        background: #E4E4E4;
        border: 1px solid #C6C6C6;
        border-radius: 5px;
        box-sizing: border-box;
        height: 32px;
        text-align: center;
        width: 62px;
        clear: both;
        padding-top: 4px;
        color: #333333;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
    }

        .wetxt-link a:hover {
            border: 1px solid #999;
        }


#footer {
    background: #dbe7eb;
    font-size: 13px;
    xmargin-top: 5%;
    padding-top: 37px;
    clear: both;
    color: #40505d;
}

.footer-top {
    box-sizing: border-box;
    height: 76px;
    xbackground: #00529c;
    color: #fff;
    font-size: 18px;
    display: table;
    width: 100%;
}

    .footer-top a {
        width: 46px;
        box-sizing: border-box;
        color: #fff;
        text-decoration: underline;
        display: table-cell;
        vertical-align: middle;
    }

    .footer-top span, .footer-top strong {
        display: table-cell;
        vertical-align: middle;
        box-sizing: boder-box;
    }

    .footer-top strong {
        padding-left: 33px;
        width: 250px;
    }

    .footer-top a img {
        margin-top: 4px;
    }

    .footer-top span a {
        background: url(/img/new/ico-cat.png) no-repeat 0 1px;
        width: unset;
        padding-left: 38px;
        padding-right: 35px;
        float: right;
        font-weight: bold;
    }

#footer .ft-row {
    display: table;
    width: 1180px;
    margin: auto;
    border-bottom: 1px solid #b3c4c9;
    padding: 10px 0;
}

#footer .ftc-1 {
    width: 18.5%;
    padding-right: 2%;
    box-sizing: border-box;
    display: table-cell;
    line-height: 20px;
}

    #footer .ftc-1 a {
        color: #00529c;
    }

    #footer .ftc-1 strong {
        color: #FF664B;
    }

        #footer .ftc-1 strong a {
            color: #FF664B;
        }

    #footer .ftc-1 a:hover {
        color: #00aae5;
    }

#footer .ftc-2 {
    width: 18.5%;
    padding-right: 2%;
    xbackground: #E9E9E9;
    display: table-cell;
    line-height: 20px;
}

    #footer .ftc-2 a {
        color: #00529c;
    }

        #footer .ftc-2 a:hover {
            color: #00aae5;
        }

#footer .ftc-3 {
    width: 18.5%;
    padding-right: 2%;
    line-height: 20px;
    color: #40505d;
    box-sizing: border-box;
    display: table-cell;
}

    #footer .ftc-3 strong.mobileNumber {
        color: #171c20;
        margin-top: 22px;
        display: inline-block;
        padding-left: 22px;
        background: url(/img/new/bg-contact-info.png) left center no-repeat;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 14px;
    }

    #footer .ftc-3 small {
        font-size: 12px;
        display: inline-block;
        margin-top: -3px;
        display: block;
        padding-left: 22px;
    }

    #footer .ftc-3 strong.email {
        font-weight: normal;
        margin-top: 22px;
        display: inline-block;
        margin-top: 7px;
        padding-left: 22px;
        background: url(/img/new/bg-emailfooter.png) left center no-repeat;
        background-size: 16px 11px;
    }

        #footer .ftc-3 strong.email a {
            color: #00529c;
        }

            #footer .ftc-3 strong.email a:hover {
                color: #00aae5;
            }

#footer .ftc-4 {
    width: 38.47%;
    line-height: 20px;
    xbackground: #E9E9E9;
    box-sizing: border-box;
    display: table-cell;
}

    #footer .ftc-4 .ftc4-1 {
        width: 50%;
        text-align: left;
        float: left;
    }

    #footer .ftc-4 .ftc4-2 {
        width: 50%;
        text-align: right;
        float: right;
    }

    #footer .ftc-4 .main-branch {
        display: inline-block;
        width: 210px;
        margin-right: 18px;
    }

        #footer .ftc-4 .main-branch a {
            color: #00529c;
        }

            #footer .ftc-4 .main-branch a:hover {
                color: #00aae5;
            }

        #footer .ftc-4 .main-branch img {
            padding: 15px 0;
            width: 100%;
        }

    #footer .ftc-4 .other-branches {
        display: inline-block;
        width: 205px;
        vertical-align: top;
        padding-left: 26px;
    }

        #footer .ftc-4 .other-branches a {
            color: #00529c;
        }

            #footer .ftc-4 .other-branches a:hover {
                color: #00aae5;
            }

        #footer .ftc-4 .other-branches img {
            padding: 14px 0;
            margin-top: 55px;
        }

#footer h3 {
    font-size: 18px;
    padding: 0;
    margin: 0 0 10px 0;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
}

#footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    #footer ul li {
        display: block;
        padding: 0;
        margin: 0;
    }


#footer .ftc-4 .ftc-4a {
    width: 48%;
    float: left;
    padding: 0;
    margin: 0;
}

#footer .ftc-4 p.ftc-4b {
    width: 48%;
    float: right;
    text-align: right;
    padding: 0;
    margin: 0;
}

    #footer .ftc-4 p.ftc-4b a {
        color: #333;
        text-decoration: none;
    }

#footer .ftc-4 p.ftc-4c {
    width: 98%;
    float: left;
    padding: 2% 0 0 0;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .ftc-1 ul, .ftc-2 ul, .ftc-3 p, .ftc-4 .branches {
        display: block !important;
    }

    .ftc-4 .branches {
        display: table !important;
    }

	

}




#footer .ftc-payments {
    display: table-cell;
    width: 35%;
    vertical-align: middle;
    text-align: center;
}

.lang_3 #footer .ftc-payments {
    width: 38%;
}

#footer .ftc-payments div {
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
}

#footer .ftc-payments p {
    display: inline-block;
}

#footer .ftc-payments span.payment-wrap {
    display: inline-block;
    margin: 0 10px;
}

#footer .ftc-payments img {
    display: block;
    margin: auto;
}

#footer .ftc-social {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    width: 33%;
    text-align: center;
}

    #footer .ftc-social a {
        text-decoration: none;
        margin-right: 7px;
    }

#footer .ftc-certificates {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
    text-align: right;
}

    #footer .ftc-certificates p {
        padding: 0;
        margin: 0;
        display: inline-block;
    }

    #footer .ftc-certificates img {
        vertical-align: middle;
        padding: 0 10px;
    }


.ft-copyright {
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    position: relative;
    width: 1180px;
    margin: auto;
}

    .ft-copyright span.shopcentrik {
        position: absolute;
        right: 0;
    }
/*****************************  === producers_listandcategory.xslt  === **********************************************/
.subheader {
    padding: 8px 0 8px 0;
    font-size: 12px;
    font-weight: bold;
    color: #363636;
}

.prodmark {
    ;
}

.prodcont {
    ;
}

    .prodcont p {
        padding: 6px 0 0 10px;
        font-weight: bold;
    }

    .prodcont ul {
        list-style-type: none;
    }

    .prodcont li a {
        background: url("/img/subcat-li.png") no-repeat 0 4px transparent;
        color: #058CD3;
        padding-left: 10px;
        text-decoration: underline;
    }

        .prodcont li a:hover {
            text-decoration: none;
        }

/*****************************  === basketInfo  === ***********************************************/


#basketInfo {
    color: #171c20;
    position: absolute;
    top: 54px;
    padding: 9px 0 0 10px;
    right: 0;
    height: 53px;
    xwidth: 262px;
    background: url(/img/new/bg-kosik.png) #FFF no-repeat 5px 2px;
    border-radius: 3px 3px 2px 0;
    box-sizing: border-box;
    border: 1px solid transparent;
    cursor: pointer;
    xtransition: top 0.3s;
}

    #basketInfo .basketDeliveryFree {
        position: absolute;
        background: #efefef;
        left: -186px;
        top: 4px;
        padding: 2px 10px 2px 10px;
        border: 1px solid #c6d4dd;
        border-radius: 3px;
        height: 44px;
        width: 164px;
        cursor: default;
        font-size: 12px;
    }

.B2B_True #basketInfo .basketDeliveryFree {
    font-size: 11px;
}

.lang_2 #basketInfo .basketDeliveryFree {
    font-size: 11px;
}

#basketInfo .basketDeliveryFree:before {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 6px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d4dd;
    position: absolute;
    right: -6px;
    top: 16px;
}

#basketInfo .basketDeliveryFree:after {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #efefef;
    position: absolute;
    right: -5px;
    top: 17px;
}

#basketInfo .basketDeliveryFree span:first-child {
    display: table-cell;
    width: 100%;
    height: 44px;
    vertical-align: middle;
}

#basketInfo a {
    color: #00529c;
}

    #basketInfo a:hover {
        color: #00529c;
    }

#basketInfo .basketInfo {
    height: 100%;
    min-width: 164px;
    font-size: 13px;
    box-sizing: border-box;
    padding: 0px 29px 0 50px;
}

    #basketInfo .basketInfo:after {
        content: ' ';
        position: absolute;
        background: #FFF;
        width: 100%;
        left: 0;
        height: 11px;
        bottom: -9px;
    }

    #basketInfo .basketInfo:before {
        content: url('/img/new/bg-kosik.png');
        background: #4db805;
        width: 24px;
        height: 16px;
        padding: 12px 8px;
        position: absolute;
        border-radius: 20px;
        left: 10px;
    }

    #basketInfo .basketInfo strong {
        font-weight: 700;
    }

    #basketInfo .basketInfo .price {
        padding-top: 2px;
    }

    #basketInfo .basketInfo .count {
        padding-top: 2px;
    }

    #basketInfo .basketInfo .price strong {
        padding-left: 5px;
    }

    #basketInfo .basketInfo .count-t {
        display: inline-block;
        color: #818e96;
    }

    #basketInfo .basketInfo .price-t {
        display: inline-block;
        color: #818e96;
    }

.basketInfo .cout {
    padding-top: 3px;
}

#basketInfo .basketLinks {
    position: absolute;
    top: 24px;
    right: 17px;
    width: 92px;
    height: 32px;
    box-sizing: border-box;
    border: solid 1px #C5C5C5;
    background: #F4F4F4;
    text-align: center;
    border-radius: 5px;
}

    #basketInfo .basketLinks:hover {
        border: solid 1px #00529c;
    }

    #basketInfo .basketLinks a {
        display: block;
        height: 100%;
        font-size: 13px;
        color: #00529c;
        text-transform: uppercase;
        padding-top: 6px;
    }

        #basketInfo .basketLinks a:hover {
            text-decoration: none;
        }


.freeCall {
    position: absolute;
    top: 47px;
    left: 258px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ee6a56;
}

    .freeCall strong {
        position: relative;
        top: 1px;
        padding-left: 5px;
        font-size: 18px;
        color: #92b003;
    }


#miniBasket {
    position: absolute;
    right: 0;
    top: 106px;
    width: 457px;
    xpadding: 5px;
    display: none;
    background: #FFF;
    box-shadow: 0px 2px 12px rgba(31,31,31,0.5);
    border: solid 1px #c6d4dd;
    z-index: 6;
    font-size: 13px;
    border-radius: 3px 0 3px 3px;
}


    #miniBasket input {
        padding: 0px 8px 0 4px;
        border: solid 1px #dbe1e5;
        border-radius: 3px 0 0 3px;
        width: 25px;
        border-right-width: 0;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        height: 27px;
        font-size: 14px;
        text-align: right;
        position: relative;
        left: 4px;
    }

    #miniBasket .wr .btns .up {
        cursor: pointer;
        font-size: 22px;
        height: 13px;
        width: 13px;
        line-height: 17px;
        color: #FFF;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
        position: relative;
        border: 1px solid #dbe1e5;
        border-top-right-radius: 3px;
    }

        #miniBasket .wr .btns .up:before {
            position: absolute;
            left: 3px;
            top: 5px;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 3.5px 3px 3.5px;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0);
        }


    #miniBasket .wr .btns .down {
        cursor: pointer;
        font-size: 30px;
        height: 13px;
        color: #FFF;
        line-height: 10px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
        padding-left: 6px;
        border: 1px solid #dbe1e5;
        position: relative;
        margin-top: -1px;
        border-bottom-right-radius: 3px;
    }

        #miniBasket .wr .btns .down:before {
            position: absolute;
            left: 3px;
            top: 5px;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 3px 3.5px 0 3.5px;
            border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        }


        #miniBasket .wr .btns .down:hover, #miniBasket .wr .btns .up:hover {
            background: linear-gradient(to bottom, #e5f2fd 0%, #bacbd7 100%);
        }


    #miniBasket .wr .btns {
        display: inline-block;
        padding: 0;
    }

    #miniBasket .wr .input {
        display: inline-block;
        padding-top: 0;
    }

    #miniBasket table {
        width: 96%;
        border-collapse: collapse;
        margin: 0 2%;
    }


        #miniBasket table tr.product {
            border-bottom: solid 1px #c6d4dd;
        }

        #miniBasket table td.img {
            xpadding-left: 10px;
            width: 1px;
            text-align: center;
        }

            #miniBasket table td.img img {
                width: 65px;
                padding: 10px 0 6px 0;
            }

        #miniBasket table td.name {
            padding: 0 6px 0 10px;
        }

            #miniBasket table td.name a {
                color: #00529c;
                font-family: 'Exo 2', sans-serif;
            }

                #miniBasket table td.name a:hover {
                    color: #00aae5;
                }

        #miniBasket table td.amount {
            width: 80px;
        }

    #miniBasket td.amount form {
        position: relative;
    }


    #miniBasket table td.price1 {
        width: 98px;
        text-align: right;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    #miniBasket .title-text {
        padding: 11px 0 7px 0;
        margin: 0 10px;
        border-bottom: solid 1px #9bb4c4;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    #miniBasket .help-text {
        padding: 15px 0 15px 10px;
    }

        #miniBasket .help-text a {
            color: #00529c;
        }

            #miniBasket .help-text a:hover {
                color: #00aae5;
            }

    #miniBasket .basketBoxItems {
        max-height: 284px;
        overflow-y: auto;
    }

    #miniBasket .basketDeliveryFree {
        padding: 13px 10px 10px 34px;
        background: url(/img/new/bg-deliveryFree.png) #efefef 10px center no-repeat;
        margin-top: 20px;
        font-size: 12px;
        background-position: 60px 16px;
        text-align: center;
    }

    #miniBasket .progressBarBox {
        height: 9px;
        padding: 0 19px 5px 19px;
        background: #efefef;
    }

    #miniBasket .progressBar {
        height: 100%;
        width: 99%;
        border: solid 1px #c6d4dd;
        border-radius: 3px;
        background: #FFF;
    }

    #miniBasket .currentProgress {
        background: #fe6a50;
        height: 100%;
        width: 100%;
        border-radius: 3px;
    }

.detail .basketDeliveryFree {
    padding: 12px 0 0 24px;
    background: url(/img/new/bg-deliveryFree.png) #efefef 0px 15px no-repeat;
    display: inline-block;
    font-size: 12px;
}

.detail .progressBarBox {
    height: 9px;
    padding: 9px 19px 5px 19px;
    background: #efefef;
    width: 564px;
    margin: auto;
}

.detail .currentAndMaxPrice {
    text-align: right;
    padding-right: 64px;
}

.detail .progressBar {
    height: 100%;
    width: 100%;
    border: solid 1px #c6d4dd;
    border-radius: 3px;
    background: #FFF;
}

.detail .currentProgress {
    background: #fe6a50;
    height: 100%;
    width: 100%;
    border-radius: 3px;
}

#miniBasket .actionLink {
    padding: 3px 0 8px 0;
    text-align: center;
    background: #efefef;
}


    #miniBasket .actionLink a {
        color: #00529c;
    }

        #miniBasket .actionLink a:hover {
            color: #00aae5;
            text-decoration: underline;
        }


#miniBasket .dateEnterBox {
    display: table;
    width: 96%;
    height: 57px;
    margin: 0 2%;
}

#miniBasket .deliveryDate {
    display: table-cell;
    padding-left: 22px;
    width: 75%;
    vertical-align: middle;
    position: relative;
}

    #miniBasket .deliveryDate .delDateNotAvail {
        cursor: help;
    }


    #miniBasket .deliveryDate:before {
        position: absolute;
        left: 0px;
        content: url('/img/new/bg-deliveryDate.png');
    }

#miniBasket .orderEnter {
    display: table-cell;
    width: 25%;
    text-align: right;
    vertical-align: middle;
}

    #miniBasket .orderEnter a {
        display: inline-block;
        font-size: 14px;
        xheight: 18px;
        width: 160px;
        background: linear-gradient(to bottom, rgba(81,191,7,1) 0%, rgba(72,176,2,1) 100%);
        border-bottom: 2px solid #317602;
        border-radius: 5px;
        color: #FFF;
        text-align: center;
        padding: 9px 0;
        margin-left: 8px;
        cursor: pointer;
        text-decoration: none;
        font-family: 'Exo 2', sans-serif;
    }

        #miniBasket .orderEnter a.emptyBasket {
            background: none;
            border: none;
            color: #00529c;
            font-size: 13px;
            height: 34px;
            width: 75px;
            vertical-align: top;
            padding: 2px 0;
            text-decoration: underline;
            left: 0px;
            top: 4px;
            -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
            order:1;
        }


        #miniBasket .orderEnter a.onEmail.active {
            xposition: absolute;
            xbottom: 59px;
            xleft: 99px;
            xheight: 29px;
            padding: 9px 0px;
            xborder: 1px solid #c6d4dd;
            border-bottom: 1px solid #dbe7eb;
            border-radius: 3px 3px 0 0;
            color: #171c20;
            background: #dbe7eb;
        }

            #miniBasket .orderEnter a.onEmail.active:hover {
                background: #dbe7eb;
            }

        #miniBasket .orderEnter a.onEmail {
            background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
            border-bottom: 2px solid #037ea8;
            width: 160px;
            vertical-align: top;
            -webkit-box-ordinal-group:3;
            -ms-flex-order:2;
            order:2;
        }

        #miniBasket .orderEnter a:hover {
            background: #43a302;
            text-decoration: none;
        }

        #miniBasket .orderEnter a.emptyBasket:hover {
            color: #00aae5;
            background: none;
        }

        #miniBasket .orderEnter a.onEmail:hover {
            background: #00a2e5;
        }

#miniBasket .deliveryDate .miniBasketInfo {
    cursor: help;
}

#miniBasket .deliveryDate .miniBasketText {
    position: absolute;
    width: 65%;
    background: #FFF;
    box-shadow: 0px 2px 12px rgba(31,31,31,0.5);
    border: solid 1px #c6d4dd;
    padding: 5px;
    z-index: 1;
    display: none;
}

#miniBasket .priceBox {
    padding: 15px 0;
    margin: 0 10px;
    text-align: right;
    border-bottom: solid 1px #9bb4c4;
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
}

    #miniBasket .priceBox .priceText {
        position: absolute;
        right: 163px;
        font-size: 14px;
    }

#miniBasket .title-text-float {
    display: none;
}

#miniBasket #closeMiniBasketPopUp {
    display: none;
}

#miniBasket a.onEmail {
    display: none;
}

#miniBasket a.emptyBasket {
    display: none;
}

#miniBasket #mailBasketForm {
    display: flex;
    padding: 15px 10px 15px 10px;
    border-top: solid 1px #c6d4dd;
    background: #dbe7eb;
    align-items: center;
}

    #miniBasket #mailBasketForm label {
        font-size: 14px;
    }

    #miniBasket #mailBasketForm #email {
        padding: 2px 8px;
        height: 29px;
        width: 280px;
        font-size: 13px;
        margin-right: 15px;
        color: #818e96;
        border: solid 1px #c6d4dd;
        box-sizing: border-box;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        text-align: left;
    }

    #miniBasket #mailBasketForm a {
        border: none;
        display: inline-block;
        font-size: 13px;
        text-decoration: none;
        height: 18px;
        text-align: center;
        margin-left: -4px;
        width: 75px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 3px;
        border-bottom: 1px solid #037ea8;
        padding: 5px 10px;
        color: #FFF;
        cursor: pointer;
    }


        #miniBasket #mailBasketForm a:hover {
            background: #00a2e5;
        }

#miniBasket .mailSuccess {
    display: none;
    color: #78c250;
}

#miniBasket .mailError {
    display: none;
    color: red;
}

#miniBasket .mailWrong {
    display: none;
    color: red;
}



/*---------FLOAT------------*/
#miniBasket.float {
    display: block !important;
    z-index: 3001;
    border-radius: 3px;
}

    #miniBasket.float:before {
        display: none;
    }

    #miniBasket.float:after {
        display: none;
    }

    #miniBasket.float .title-text {
        display: none;
    }

    #miniBasket.float .title-text-float {
        display: block;
        padding: 8px 0 8px 0px;
        border-bottom: solid 1px #c6d4dd;
        font-size: 13px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        margin: 0 2%;
    }

    #miniBasket.float #closeMiniBasketPopUp {
        cursor: pointer;
        height: 15px;
        top: 3px;
        right: 3px;
        line-height: 12px;
        font-family: cursive;
        width: 14px;
        background: #00529c;
        position: absolute;
        border-radius: 20px;
        font-size: 13px;
        float: left;
        color: #FFF;
        display: inline-block;
        text-align: center;
        padding: 0 0 0 0;
        font-weight: bold;
    }

    #miniBasket.float .dateEnterBox {
        display: block;
        height: auto;
    }

    #miniBasket.float .onEmail {
        display: inline-block;
        margin-right: 2%;
        cursor: pointer;
    }

    #miniBasket.float .emptyBasket {
        display: inline-block;
        margin-right: 2%;
    }

    #miniBasket.float .deliveryDate {
        width: auto;
        display: block;
        padding: 15px 33px;
    }

    #miniBasket.float .orderEnter {
        width: 100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding: 5px 0 10px 0;
        position: relative;
    }

    #miniBasket.float .orderEnter .basket-buttons {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
       -webkit-box-ordinal-group:2;
       -ms-flex-order:1;
       order:1;
    }

    #miniBasket.float .orderEnter .greenButton {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
    }

/* ------------ Column1 -----------------------------------------------------------------------------------------------------------------*/
#column1 .title {
    padding: 10px 0 0 24px;
    font-size: 14px;
    font-weight: bold;
    color: #00529c;
}

    #column1 .title span {
    }

#column1 .procNakupovat-t {
    padding-bottom: 5px;
    background: url(/img/subcat-li.png) no-repeat left 14px;
    margin-left: 14px;
    padding-left: 12px;
}

#column1 .sideBox {
    border-bottom: 1px solid #FFF; /*padding-bottom: 5px;*/
    background-color: #fff;
}

#column1 .sideBoxIn { /*background: url(/img/bg-sideBoxIn.gif) no-repeat bottom; */
}

#column1 .sideBox1In {
    background: #fff;
    padding-bottom: 4px; /*border-top: 1px solid #E8E8E8*/
}

    #column1 .sideBox1In .tip {
        border-bottom: 1px solid #E8E8E8;
        padding: 6px 11px 6px 12px;
        font-size: 12px;
        color: #696969;
    }

#column1 .banner { /*margin: 3px 0;*/
    text-align: center;
    overflow: hidden; /*background-color: #fff;*/
    padding-top: 1px;
}

#column1 .linkVseONakupu {
    padding: 3px 0 3px 10px;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    background: #F6F6F6;
}

    #column1 .linkVseONakupu a {
        color: #F16A55;
        font-weight: bold;
        background: url(/img/bg-li-vseONakupu-od.png) no-repeat left 5px;
        padding-left: 8px;
    }

        #column1 .linkVseONakupu a:hover {
            text-decoration: underline;
        }

.attribute {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-bottom: 4px;
    background: #fff;
}

    .attribute li {
        ;
        border-bottom: 1px solid #FFF;
    }

        .attribute li a {
            height: 25px;
            padding: 9px 0 0 15px;
            display: block;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            color: #FFF;
            background: url(/img/bg-attribute_a.gif) repeat-x;
        }

            .attribute li a.sel {
                width: 205px;
                text-decoration: none;
                background: url(/img/bg-attribute_aH.gif) no-repeat;
            }

            .attribute li a:hover {
                width: 205px;
                text-decoration: none;
                background: url(/img/bg-attribute_aH.gif) no-repeat;
            }

.katalogOnline {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 4px;
    padding-bottom: 3px;
}

    .katalogOnline li {
        ;
        border-bottom: 1px solid #FFF;
    }

        .katalogOnline li a {
            height: 25px;
            padding: 9px 0 0 15px;
            display: block;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            color: #FFF;
            background: url(/img/bg-attribute_a.gif) repeat-x;
        }
/*.attribute li a:hover {width: 205px; text-decoration: none; background: url(/img/bg-attribute_aH.gif) no-repeat}*/

/*****************************  === CATEGORYLIST.basictree  === ***********************************/
.fold {
    height: 31px;
    width: 215px;
    margin: auto;
}

    .fold div {
        float: left;
        text-align: center;
        cursor: pointer;
    }

        .fold div a {
            font-weight: bold;
        }

    .fold .foEx1 {
        height: 24px;
        width: 107px;
        padding-top: 7px;
        background: url(/img/bg-fold_foEx1.gif) repeat-x;
    }

        .fold .foEx1 a {
            color: #b0efff;
        }

    .fold .foEx2 {
        height: 24px;
        width: 108px;
        padding-top: 7px;
        color: #686868;
        background: url(/img/bg-fold_foEx2.gif) repeat-x;
    }

        .fold .foEx2 a {
            color: #559bad;
        }

.foEx {
    ;
}

    .foEx .foEx1 {
        height: 24px;
        width: 107px;
        padding-top: 7px;
        color: #686868;
        background: url(/img/bg-fold_foEx2.gif) repeat-x;
    }

        .foEx .foEx1 a {
            color: #559bad;
        }

    .foEx .foEx2 {
        height: 24px;
        width: 108px;
        padding-top: 7px;
        background: url(/img/bg-fold_foEx1.gif) repeat-x;
    }

        .foEx .foEx2 a {
            color: #b0efff;
        }

.categories-t {
    background: url(/img/bg-title_categories-t.gif) no-repeat;
}

#title_categories_1 {
    xbackground: url(/img/1/title_categories.gif) no-repeat;
}

.categories ul {
    margin: 0;
    padding: 0px 0 0px 0;
    list-style-type: none;
}

    .categories ul li {
        border-bottom: 1px solid #FFF;
    }

        .categories ul li a {
            width: 185px;
            padding: 8px 10px 7px 15px;
            display: block;
            font-weight: bold;
            color: #FFF;
            background: url(/img/bg-categories_li_a.gif) repeat-x left bottom #0075ad;
        }

            .categories ul li a:hover {
                width: 185px;
                padding: 8px 20px 7px 15px;
                text-decoration: none;
                background: url(/img/bg-categories_li_aH.gif) no-repeat right bottom;
            }
/*
.categories ul ul {margin: 0; padding: 4px 0 6px 0; list-style-type: none; border: 0; background: url(/img/bg-categories_ul_ul.gif) repeat-y; }
.categories ul ul li a {padding: 3px 8px 3px 31px; display: block; font-weight: normal; text-decoration: none; background: url(/img/bg-categories_ul_li_a.gif) no-repeat 20px 8px; }
.categories ul ul ul li a {padding: 3px 8px 3px 48px; color: #000; background: url(/img/bg-categories_ul_li_a.gif) no-repeat 37px 8px; }
.categories ul .activCat {color: #fda300; background: url(/img/bg-categories_ul_activCat.gif) no-repeat 10px 9px; }
.categories ul .open {color: #fda300; background: url(/img/bg-categories_ul_activCat.gif) no-repeat 10px 9px; }
.categories ul ul .activCat {color: #fda300; background: url(/img/bg-categories_ul_ul_activCat.gif) no-repeat 20px 8px; }
.categories ul ul .open {color: #fda300; background: url(/img/bg-categories_ul_ul_activCat.gif) no-repeat 20px 8px; }
.categories ul ul ul .activCat {color: #fda300; background: url(/img/bg-categories_ul_ul_activCat.gif) no-repeat 37px 8px; }
.categories ul ul ul .open {color: #fda300; background: url(/img/bg-categories_ul_ul_activCat.gif) no-repeat 37px 8px; }
*/

/*****************************  === EMAILNEWS.askmail  === ****************************************/
.eNews-t {
    xbackground: url(/img/bg-title_eNews-t.gif) no-repeat;
}

#title_eNews_1 {
    xbackground: url(/img/1/title_eNews.gif) no-repeat;
}

.eNews {
    background: url(/img/bg-eNews.gif) no-repeat;
}

.eNewsIn {
    padding: 0px 0 12px 0;
}

.eNews .freetext {
    padding: 0px 10px 10px 20px;
    color: #003745;
}

.eNews .inp {
    height: 23px;
    width: 186px;
    margin: 7px 0 5px 12px;
    background: url(/img/bg-inp_input.gif) no-repeat;
}

.eNews .input_text {
    position: relative;
    top: 3px;
    left: 10px;
    ?left: 0;
    width: 168px;
    padding: 2px 0 2px 0px;
    color: #6c6c6c;
    background: transparent;
    border: 0;
}

.eNews .input_button {
    position: relative;
    top: 0px;
    left: 74px;
}

.eNews .checkCodeBox span {
    padding: 8px 0 5px 18px;
    display: block;
    color: #003745;
}

.eNews .checkCodeBox img {
    margin: 0 0 5px 18px;
    display: block;
}

/*****************************  === PUBLISH.infoboxlinks ===  *************************************/
.infoBox-t {
    background: url(/img/bg-title_infoBox-t.gif) no-repeat;
}

#title_info_1 {
    xbackground: url(/img/1/title_info.gif) no-repeat;
}

.infoBox {
    background: url(/img/bg-infoBox.gif) repeat-y;
}

.infoBoxIn {
    background: url(/img/bg-infoBoxIn.gif) no-repeat;
}

.infoBox ul {
    margin: 0;
    padding: 5px 0 4px 0;
    list-style-type: none;
}

    .infoBox ul li a {
        padding: 5px 0 10px 20px;
        display: block;
        text-decoration: none;
        font-weight: bold;
        color: #FFF;
        background: url(/img/bg-infobox_ul_li_a.gif) no-repeat 10px 10px;
    }

        .infoBox ul li a:hover {
            text-decoration: underline;
        }

.infoBox .last {
    background: none;
}

/*****************************  === CONTACT.sendmail  === *****************************************/

.contacUs-wrap .subtitle {
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    padding-bottom: 7px;
    border-bottom: 1px solid #dbe1e5;
    margin: 11px 0 6px 0;
    font-weight: 600;
}

.contacUs-wrap #contactMailForm table {
    width: 100%;
}

    .contacUs-wrap #contactMailForm table td:first-of-type {
        width: 175px;
    }

    .contacUs-wrap #contactMailForm table td.top {
        vertical-align: top;
        padding-top: 7px;
    }

.contacUs-wrap #contactMailForm a.input_button {
    float: right;
    margin-top: 11px;
}

.contacUs-wrap #contactMailForm #orderRow-row {
    display: none;
}

.contacUs-wrap #contactMailForm .orderRow {
    display: none;
}

.speedContacts {
    background: #f7f7f7;
    border-radius: 3px;
    border: 1px solid #dbe1e5;
    margin-top: 50px;
    padding: 10px 0;
}

.speedContacts-first {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    padding-left: 40px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    position: relative;
    font-size: 14px;
}

.speedContacts-block {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 211px;
}

    .speedContacts-block a {
        display: block;
        color: #00529c;
    }

        .speedContacts-block a:hover {
            color: #00aae5;
        }

.speedContacts-first:before {
    position: absolute;
    left: 15px;
    content: url(/img/new/bg-emailfooter.png);
    margin-top: 1px;
}


.tipaContacts {
    margin-top: 50px;
}


    .tipaContacts .tipa-block {
        width: 390px;
        border: 1px solid #dbe1e5;
        display: inline-block;
        padding: 15px;
        box-sizing: border-box;
        border-radius: 3px;
        min-height: 280px;
        vertical-align: top;
    }

        .tipaContacts .tipa-block:first-of-type {
            margin-right: 36px;
        }

    .tipaContacts .tipa-title {
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 1px solid #dbe1e5;
        padding-bottom: 12px;
        margin-bottom: 14px;
    }

    .tipaContacts .phone {
        background: url(/img/new/bg-contact-info.png) 0px center no-repeat;
        font-weight: 700;
        padding: 0 0 0 24px;
        font-size: 14px;
    }

    .tipaContacts .email {
        margin: 5px 0 10px 0;
    }

    .tipaContacts a {
        color: #00529c;
        padding-left: 22px;
        background: url(/img/new/bg-emailfooter.png) left center no-repeat;
        background-size: 16px 11px;
    }

        .tipaContacts a:hover {
            color: #00aae5;
        }

    .tipaContacts .description {
        padding: 7px 0 0 0;
        color: #95a0a6;
        font-size: 11px;
    }

.contact-braches {
    padding: 10px 0;
    border: 1px solid #dbe1e5;
    border-width: 1px 0 1px 0;
    margin-top: 50px;
    text-align: center;
}

    .contact-braches span {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        position: relative;
        padding: 0 17px 0 22px;
        font-size: 14px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .contact-braches span:before {
            content: ' ';
            position: absolute;
            background: url(/img/new/bg-closestBranch.png);
            width: 15px;
            height: 22px;
            background-size: 15px 22px;
            left: 0;
            top: -1px;
        }


.sendM-t {
    xbackground: url(/img/bg-title_sendM-t.gif) no-repeat;
}

#title_sendM_1 {
    xbackground: url(/img/1/title_sendMin.gif) no-repeat;
}

.sendM {
    background: url(/img/bg-sendM.gif) no-repeat;
}

.sendMin {
    padding: 0px 0 12px 0;
}

.sendM .freetext {
    padding: 0px 10px 10px 20px;
    color: #003745;
}

.sendM .texta {
    height: 73px;
    width: 186px;
    margin: 0px 0 5px 12px;
    background: url(/img/bg-texta_c1.gif) no-repeat;
}

.sendM textarea {
    position: relative;
    top: 5px;
    left: 10px;
    ?left: 0;
    height: 50px;
    width: 173px;
    color: #6c6c6c;
    border: 0;
    font-family: Arial;
    font-size: 11px;
}

.sendM .inp {
    height: 23px;
    width: 186px;
    margin: 7px 0 5px 12px;
    background: url(/img/bg-inp_input.gif) no-repeat;
}

.sendM .input_text {
    position: relative;
    top: 3px;
    left: 10px;
    ?left: 0;
    width: 168px;
    padding: 2px 0 2px 0px;
    color: #6c6c6c;
    background: transparent;
    border: 0;
}

.sendM .input_button {
    position: relative;
    top: 0px;
    left: 74px;
}

.sendM .checkCodeBox span {
    padding: 8px 0 5px 18px;
    display: block;
    color: #003745;
}

.sendM .checkCodeBox img {
    margin: 0 0 5px 18px;
    display: block;
}


.shop {
    background: url(/img/bg-shop.gif) no-repeat #F1F1F1 !important;
}

.shopIn {
    padding: 0 0 12px 0;
}

.shop .shopImg {
    padding: 10px 0 9px 0;
    text-align: center;
}

.shop .freetext {
    padding: 0 0 9px 17px;
}

    .shop .freetext div {
        font-size: 12px;
        font-weight: bold;
        color: #1098dc;
    }

.shop .btn {
    text-align: center;
}

.seller {
    height: 267px;
    background: url(/img/bg-seller.gif) no-repeat;
}

    .seller .table {
        font-size: 11px;
        color: #363636;
        text-align: center;
        width: 215px;
        padding-top: 5px;
    }

        .seller .table span {
            padding-bottom: 2px;
        }

        .seller .table a {
            color: #1098DC;
            text-decoration: underline;
            font-weight: bold;
        }

            .seller .table a:hover {
                text-decoration: none;
            }

        .seller .table .name {
            color: #1098DC;
            font-size: 12px;
            font-weight: bold;
        }

        .seller .table .phone {
            font-weight: normal;
        }

    .seller .seller-t {
        padding: 12px 0 0 24px;
        font-size: 14px;
        font-weight: bold;
        color: #00529c;
    }

    .seller .sellerImg {
        height: 118px;
        width: 102px;
        margin: 14px auto;
        padding: 10px 0 0 1px;
    }

/*****************************  === ADVERTISING.textlinks === *************************************/
.textAdvertise-t {
    color: #fb8f1e !important;
    background: url(/img/bg-title_textAdvertise-t.gif) no-repeat;
}

#title_advertise_1 {
    xbackground: url(/img/1/title_advertise.gif) no-repeat;
}

.textAdvertise {
    width: 100%;
    background: url(/img/bg-textAdvertise.gif) repeat-y;
}

.textAdvertiseIn {
    width: 100%;
    background: url(/img/bg-textAdvertiseIn.gif) no-repeat;
}

.textAdvertise ul {
    margin: 0;
    padding: 0 0 0px 0;
    list-style-type: none;
}

    .textAdvertise ul li {
        padding: 11px 0 11px 0;
        background: url(/img/bg-textAdvertise_ul_li.gif) no-repeat bottom left;
    }

        .textAdvertise ul li a {
            padding: 0px 8px 5px 19px;
            display: block;
            text-decoration: underline;
            font-weight: bold;
            color: #fb8f1e;
        }

            .textAdvertise ul li a:hover {
                text-decoration: none;
            }

        .textAdvertise ul li span {
            padding: 0px 8px 0px 19px;
            display: block;
        }

.textAdvertise .last {
    background: none;
}

/*****************************  === TRANSPORTMETHOD.list  === *************************************/
.payments-t {
    color: #fb8f1e !important;
}

#title_payments_1 {
    xbackground: url(/img/1/title_payments.gif) no-repeat;
}

.payments {
    width: 100%;
}

.paymentsIn1 {
    width: 100%;
}

.paymentsIn2 {
    padding: 25px 0 5px 17px;
}

.payments .freetext {
    padding: 8px 10px 15px 17px;
    color: #686868;
}

.payments img {
    margin: 0 10px 8px 0;
    display: inline-block;
}

.payments a:hover {
    text-decoration: none;
}

/*****************************  === COMMODITYLIST.mostlydiscuss ===  ************************************/
.mostlyDiscuss-t {
    background: url(/img/bg-title_mostlyDiscuss-t.gif) no-repeat;
}

#title_mostlyDiscuss_1 {
    xbackground: url(/img/1/title_mostly_discuss.gif) no-repeat;
}


/*****************************  === COMMODITYLIST.topsale ===  ************************************/
#column1 .topSale-t {
    background: url(/img/bg-title_mostlyDiscuss-t.gif) no-repeat;
}

#title_topsale_shop_1 {
    xbackground: url(/img/1/title_topsale.gif) no-repeat;
}

#column1 .topSale {
    background: url(/img/bg-topSale.gif) repeat-y;
}

#column1 .topSaleIn {
    background: url(/img/bg-topSaleIn.gif) no-repeat;
}

#column1 .topSale ol {
    margin: 0 0 0 35px;
    ?margin-left: 40px;
    _margin-left: 40px;
    padding: 10px 0 7px 0;
    font-weight: bold;
    color: #FFF;
}

    #column1 .topSale ol li {
        margin-bottom: 4px;
    }

        #column1 .topSale ol li a {
            position: relative;
            left: 2px;
            ?left: -3px;
            _left: -3px;
            padding: 0 10px 0 0;
            font-weight: bold;
            color: #FFF;
        }

            #column1 .topSale ol li a:hover {
                color: #FFF;
            }


/* ------------ Column3 -----------------------------------------------------------------------------------------------------------------*/
#column3 .title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 800;
    text-align: center;
    font-size: 22px;
    padding: 31px 0 12px 0;
}

#column3 .hp-lastvisit {
    border-top: none;
    margin-bottom: 35px;
}


/*****************************  === COMMODITYLIST.topsale ===  ************************************/
#column3 .topSale-t {
    background: url(/img/bg-title_topsale-t.gif) no-repeat;
}

#title_topsale_shop_1 {
    xbackground: url(/img/1/title_topsale.gif) no-repeat;
}

#column3 .topSale {
    background: url(/img/bg-topSale.gif) repeat-y;
}

#column3 .topSaleIn {
    background: url(/img/bg-topSaleIn.gif) no-repeat;
}

#column3 .topSale ol {
    margin: 0 0 0 35px;
    ?margin-left: 40px;
    _margin-left: 40px;
    padding: 10px 12px 7px 0;
    font-weight: bold;
    color: #FFF;
}

    #column3 .topSale ol li {
        margin-bottom: 4px;
    }

        #column3 .topSale ol li a {
            position: relative;
            left: 2px;
            ?left: -3px;
            _left: -3px;
            font-weight: bold;
            color: #FFF;
        }

            #column3 .topSale ol li a:hover {
                color: #FFF;
            }

/*****************************  === competition_promo  === **********************************/
.contestPromo {
    background: url(/img/bg-contestPromo.gif) repeat-y;
}

.contestPromoIn {
    padding: 0 0 8px 0;
    background: url(/img/bg-contestPromoIn.gif) no-repeat;
}

.contestPromo .freetext {
    padding: 37px 87px 10px 18px;
}

.contestPromo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .contestPromo ul li a {
        margin-bottom: 3px;
        padding: 0 10px 0 18px;
        display: block;
        color: #003745;
        background: url(/img/bg-contestPromo_ul_li_a.gif) no-repeat 12px 7px;
    }

.contest h1 {
    padding: 15px 0 15px 15px;
    font-size: 14px;
}

/*****************************  === ADVERTISING.recommendus  === **********************************/
#column3 .recommendUs-t {
    background: url(/img/bg-title_recommendUs-t.gif) no-repeat;
}

#title_recommendUs_1 {
    xbackground: url(/img/1/title_recommendUs.gif) no-repeat;
}

#column3 .recommendUs {
    background: url(/img/bg-recommendUs.gif) repeat-y;
}

#column3 .recommendUsIn {
    padding: 5px 0 12px 0;
    background: url(/img/bg-recommendUsIn.gif) no-repeat;
}

#column3 .recommendUs .freetext {
    padding: 0px 10px 10px 20px;
    color: #003745;
}

#column3 .recommendUs .input_text {
    height: 16px;
    width: 111px;
    margin: 0 7px 0 18px;
    padding: 3px 0 0 7px;
    color: #003745;
    background: url(/img/bg-searchBox_input.gif) repeat-x;
    border: 1px solid #c3c3c3;
}

#column3 .recommendUs .long {
    margin-bottom: 6px;
    width: 174px;
}

#column3 .recommendUs .input_button {
    position: relative;
    top: 0px;
}

#column3 .recommendUs .checkCodeBox span {
    padding: 8px 0 5px 18px;
    display: block;
    color: #003745;
}

#column3 .recommendUs .checkCodeBox img {
    margin: 0 0 5px 18px;
    display: block;
}

/*****************************  === PARTNER.links === *********************************************/
#column3 .partnerLink-t {
    color: #fb8f1e;
    background: url(/img/bg-title_partnerLink-t.gif) no-repeat;
}

#title_partner_link_1 {
    xbackground: url(/img/1/title_partnerLink.gif) no-repeat;
}

#column3 .partnerLink {
    width: 100%;
    padding: 10px 0 0 0;
    text-align: center;
    background: url(/img/bg-partnerLink.gif) repeat-y;
}

#column3 .partnerLinkIn {
    width: 100%;
    background: url(/img/bg-partnerLinkIn.gif) no-repeat bottom left;
}

    #column3 .partnerLinkIn div {
        padding-bottom: 10px;
    }

/*****************************  === INQUIRY.one  === **********************************************/
#column3 .inquiry-t {
    xcolor: #fb8f1e;
    background: url(/img/bg-title_inquiry-t.gif) no-repeat;
}

#title_inquiry_1 {
    xbackground: url(/img/1/title_inquiry.gif) no-repeat;
}

#column3 .inquiry {
    background: url(/img/bg-inquiry.gif) repeat-y;
}

#column3 .inquiryIn {
    padding: 5px 0 12px 0;
    background: url(/img/bg-inquiryIn.gif) no-repeat;
}

#column3 .inquiry .question {
    padding: 8px 10px 5px 20px;
    color: #FFF;
}

#column3 .inquiry .answerCount {
    position: relative;
    right: 14px;
    float: right;
    text-align: right;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
}

#column3 .inquiry .answerText {
    position: relative;
    left: 20px;
    width: 155px;
    text-decoration: underline;
    color: #FFF;
    cursor: pointer;
}

    #column3 .inquiry .answerText:hover {
        text-decoration: none;
    }

#column3 .inquiry .inquiryIn1 {
    height: 25px;
    width: 185px;
    margin: 2px 0 0 18px;
    background: url(/img/bg-inquiryIn1.gif) no-repeat;
}

#column3 .inquiry .inquiryIn2 {
    padding: 2px;
}

/******************************* === M:COMMODITYBODY.related === **********************************/
#column3 .related-t {
    background: url(/img/bg-title_related-t.gif) no-repeat;
}

#title_related_1 {
    xbackground: url(/img/1/title_related.gif) no-repeat;
}

#column3 .related .product {
    position: relative;
    height: 157px;
    width: 100%;
    padding: 13px 0 0 0;
    float: left;
    background: url(/img/bg-action_related.gif) no-repeat;
}

    #column3 .related .product.last {
        ;
    }

#column3 .related .productName h4 a {
    height: 30px;
    margin: 0 15px 15px 20px;
    overflow: hidden;
    display: block;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
}

#column3 .related .productImg {
    height: 94px;
    width: 94px;
    margin: 0 0px 0 18px;
    _margin-left: 9px;
    float: left;
    border: 1px solid #00485c;
}

#column3 .related .productInfo {
    padding: 0 0 0 14px;
    float: left;
}

    #column3 .related .productInfo .productPrice {
        padding: 20px 0 30px 0;
        font-size: 12px;
        font-weight: bold;
        color: #fcb034;
    }

        #column3 .related .productInfo .productPrice small {
            font-size: 11px;
            color: #708e96;
        }

    #column3 .related .productInfo .productAmount {
        color: #FFF;
    }

        #column3 .related .productInfo .productAmount .input_text {
            height: 16px;
            width: 27px;
            padding-top: 3px;
            text-align: center;
            color: #003745;
            background: url(/img/bg-searchBox_input.gif) repeat-x;
            border: 1px solid #c3c3c3;
        }

    #column3 .related .productInfo .productAttribute {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 38px;
    }

        #column3 .related .productInfo .productAttribute img {
            margin-bottom: 5px;
        }

/**************************** === COMMODITYBODY.toporder.column === *****************************/
#title_toporder_column_1 {
    background: url(/img/1/title_toporder_column.gif) no-repeat;
}

#column3 .toporder_column-t {
    background: url(/img/bg-title_related-t.gif) no-repeat;
}

#column3 .topOrder {
    padding-bottom: 3px;
}

    #column3 .topOrder .product {
        position: relative;
        width: 100%;
        padding: 13px 0 18px 0;
        float: left;
        background: url(/img/bg-action_related.gif) no-repeat;
    }

        #column3 .topOrder .product.last {
            ;
        }

    #column3 .topOrder .productName h4 a {
        height: 30px;
        margin: 0 15px 15px 20px;
        overflow: hidden;
        display: block;
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
    }

    #column3 .topOrder .productImg {
        height: 94px;
        width: 94px;
        margin: 0 0px 0 18px;
        _margin-left: 9px;
        float: left;
        border: 1px solid #00485c;
    }

    #column3 .topOrder .productInfo {
        padding: 0 0 0 14px;
        float: left;
    }

        #column3 .topOrder .productInfo .productPrice {
            padding: 20px 0 30px 0;
            font-size: 12px;
            font-weight: bold;
            color: #fcb034;
        }

            #column3 .topOrder .productInfo .productPrice small {
                font-size: 11px;
                color: #708e96;
            }

        #column3 .topOrder .productInfo .productAmount {
            color: #FFF;
        }

            #column3 .topOrder .productInfo .productAmount .input_text {
                height: 16px;
                width: 27px;
                padding-top: 3px;
                text-align: center;
                color: #003745;
                background: url(/img/bg-searchBox_input.gif) repeat-x;
                border: 1px solid #c3c3c3;
            }

        #column3 .topOrder .productInfo .productAttribute {
            position: absolute;
            top: 3px;
            left: 3px;
            width: 38px;
        }

            #column3 .topOrder .productInfo .productAttribute img {
                margin-bottom: 5px;
            }

/* ------------ Column2 -----------------------------------------------------------------------------------------------------------------*/
#column2 .title {
    padding: 66px 0 35px 0px;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
    font-weight: 800;
}

    #column2 .title span {
        ;
    }

#column2 .banner {
    margin: 15px 0;
    text-align: center;
}



/*****************************  === PUBLISH.welcome ===  ******************************************/
.prologue {
    padding: 5px 0 14px 20px;
}

    .prologue h2 {
        font-size: 20px;
        color: #00529c;
    }

    .prologue h1 {
        font-size: 20px;
        color: #00529c;
    }

    .prologue .freetext {
        padding: 9px 20px 0 0;
        font-size: 14px;
        color: #363636;
    }

        .prologue .freetext a {
            color: #058CD3;
            text-decoration: underline;
        }

.advantageBox {
    position: relative;
    width: 729px;
    margin: 0 0 28px 0;
    float: left;
    border: 1px solid #e8e8e8;
}

    .advantageBox .advantage {
        position: relative;
        height: 81px;
        width: 242px;
        margin: 0px 0 0 1px;
        float: left;
        background: url(/img/bg-tipsHP.png) no-repeat;
    }

        .advantageBox .advantage .left {
            _width: 80px;
            float: left;
            padding-top: 9px;
            padding-left: 9px;
        }

        .advantageBox .advantage .right {
            float: right;
            _float: left;
            text-align: left;
            width: 160px;
            _width: 150px;
            padding-top: 20px;
        }

        .advantageBox .advantage span {
            position: absolute;
            top: 32px;
            left: 18px;
            font-size: 14px;
            color: #FFF;
        }

        .advantageBox .advantage a {
            display: block;
            line-height: 20px;
            font-size: 19px;
            font-weight: bold;
            color: #058cd3;
        }

    .advantageBox .adEx3 {
        width: 241px !important;
    }

    .advantageBox .adEx6 {
        width: 241px !important;
    }

    .advantageBox .linkHowToBuy {
        position: absolute;
        bottom: -27px;
        right: -1px;
        height: 20px;
        width: 134px;
        padding: 7px 0 0 21px;
        display: block;
        text-decoration: underline;
        font-weight: bold;
        color: #ee6a56;
        background: url(/img/bg-linkHowToBuy.gif) no-repeat;
    }

        .advantageBox .linkHowToBuy:hover {
            text-decoration: none;
        }

.siteMapBox {
    padding: 5px 25px 0 21px;
    font-size: 11px;
}

    .siteMapBox ul {
        list-style-type: none;
    }

    .siteMapBox li a {
        color: #058CD3;
        text-decoration: underline;
        background: url(/img/subcat-li.png) no-repeat 0 4px;
        padding-left: 10px;
    }

        .siteMapBox li a:hover {
            text-decoration: none;
        }

/**************************** === PUBLISH.news ===  ***********************************************/
#title_pubnews_1 {
    xbackground: url(/img/1/title_pubnews.gif) no-repeat !important;
}



.news .allMagazine {
    display: block;
    margin: auto;
    font-size: 14px;
    text-align: center;
    position: relative;
    padding: 35px 0 0 0;
    letter-spacing: 0.04em;
}

    .news .allMagazine a {
        color: #00529c;
        display: inline-block;
        position: relative;
        height: 20px;
        padding-right: 25px;
        z-index: 1;
    }


        .news .allMagazine a:hover {
            color: #00aae5;
        }

        .news .allMagazine a:before {
            height: 18px;
            width: 18px;
            line-height: 17px;
            position: absolute;
            right: 0;
            content: ' ';
            border: 1px solid #dbe1e5;
            border-radius: 10px;
            background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
        }

        .news .allMagazine a:after {
            position: absolute;
            right: 8px;
            top: 7px;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 3.5px 0 3.5px 3px;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
        }

    .news .allMagazine:hover a:before {
        background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
    }

.news {
    font-size: 13px;
    xheight: 488px;
    width: 1180px;
    margin: auto;
    margin-bottom: 45px;
}

    .news .newsIn {
        xheight: 355px;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width: 269.5px;
        margin: 0 15px;
    }

.page_index .news .newsIn:nth-child(2) {
    margin-left: 0;
}


.page_index .news .newsIn:nth-child(5) {
    margin-right: 0;
}

.news .newsImg {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #dbe1e5;
}

.news .newsInfo {
}

.news .newsImg {
}

    .news .newsImg img {
        width: 100%;
        vertical-align: top;
    }

.news .newsInfo .newsName .newsLink:hover a {
    color: #00aae5;
}


.news .newsInfo .newsName span.dateCreate {
    display: inline-block;
    color: #818e96;
    font-size: 12px;
    padding-left: 26px;
    margin-right: 6px;
    margin-bottom: 8px;
    position: relative;
}

    .news .newsInfo .newsName span.dateCreate:before {
        height: 21px;
        width: 21px;
        line-height: 17px;
        position: absolute;
        top: -3px;
        left: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 36px;
    }

    .news .newsInfo .newsName span.dateCreate:after {
        position: absolute;
        top: -1px;
        left: 7px;
        content: url('/img/new/bg-article-date.png');
    }

.news .newsInfo .newsName span.articleCategory {
    display: inline-block;
    font-size: 12px;
    position: relative;
}

    .news .newsInfo .newsName span.articleCategory a:before {
        height: 21px;
        width: 21px;
        line-height: 17px;
        position: absolute;
        top: -3px;
        left: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 36px;
    }

    .news .newsInfo .newsName span.articleCategory a:after {
        height: 18px;
        width: 18px;
        position: absolute;
        top: -1px;
        left: 7px;
        content: url('/img/new/bg-article-category.png');
    }

    .news .newsInfo .newsName span.articleCategory a {
        color: #00529c;
        padding-left: 27px;
    }

        .news .newsInfo .newsName span.articleCategory a:hover {
            color: #00aae5;
        }


.news .newsInfo .newsName h3 {
    color: #878787;
    font-size: 16px;
    color: #00529c;
    padding: 7px 0 10px 0;
    margin-bottom: 8px;
    font-weight: normal;
    border-bottom: 1px solid #dbe1e5;
}

    .news .newsInfo .newsName h3 a {
        display: block;
        height: 100%;
        color: #00529c;
        font-family: 'Exo 2', sans-serif;
        font-weight: 300;
    }

        .news .newsInfo .newsName h3 a:hover {
            color: #00aae5;
        }

.news .freetext {
    line-height: 18px;
    padding-top: 9px;
    border-top: 1px solid #dbe1e5;
    box-sizing: border-box;
    overflow: hidden;
}

.news .archiv-link {
    color: #333333;
    line-height: 18px;
    float: right;
}

.news .last {
    background: none;
    border: 0;
}

.news .newsInmore {
    padding: 5px 0 10px 0px;
    text-align: right;
}

    .news .newsInmore a {
        background: #e4e4e4;
        border: 1px solid #c6c6c6;
        border-radius: 5px;
        box-sizing: border-box;
        clear: both;
        color: #333333;
        display: inline-block;
        height: 32px;
        padding-top: 6px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 118px;
        font-size: 13px;
        margin-top: 4px;
    }

        .news .newsInmore a:hover {
            border: solid 1px #999;
        }


/*.news h2 {
        border-bottom: 2px solid #b3e4ff;
        color: #00529c;
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 7px;
        padding-top: 35px;
        margin-bottom: 20px;
    }*/
/**************************** === PUBLISH.textbody ===  *******************************************/
.publish-t h1 {
    font-size: 19px;
    font-weight: bold;
    color: #EE6A56;
}

.publish-t h2 {
    font-size: 19px;
    font-weight: bold;
    color: #EE6A56;
}

.freeArticle {
}

    .freeArticle h2 {
        margin: 10px 0 5px 0;
        font-size: 16px;
        font-weight: bold;
        font-family: 'Exo 2', sans-serif;
    }

    .freeArticle h3 {
        margin: 10px 0 5px 0;
        font-size: 15px;
        color: #058CD3;
    }

    .freeArticle h4 {
        margin: 10px 0 10px 0;
        font-size: 12px;
        color: #EE6A56;
    }

    .freeArticle a {
        text-decoration: underline;
        color: #058CD3;
    }

    .freeArticle a {
        color: #00529c;
    }

        .freeArticle a:hover {
            color: #00aae5;
        }


    .freeArticle .articleHead {
        margin-top: 18px;
        display: table;
        width: 100%;
    }

        .freeArticle .articleHead .image {
            display: table-cell;
            vertical-align: top;
        }



            .freeArticle .articleHead .image img {
                border: 1px solid #c6d4dd;
                border-right-color: #e1e8ed;
                vertical-align: top;
            }

        .freeArticle .articleHead .anotation {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
        }


.articleHead span.dateCreate {
    display: inline-block;
    color: #818e96;
    font-size: 12px;
    padding-left: 26px;
    margin-right: 6px;
    margin-bottom: 8px;
    position: relative;
}

    .articleHead span.dateCreate:before {
        height: 21px;
        width: 21px;
        line-height: 17px;
        position: absolute;
        top: -3px;
        left: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 36px;
        background: #FFF;
    }

    .articleHead span.dateCreate:after {
        position: absolute;
        top: -1px;
        left: 7px;
        content: url('/img/new/bg-article-date.png');
    }

.articleHead span.articleCategory {
    display: inline-block;
    font-size: 12px;
    position: relative;
}

    .articleHead span.articleCategory a:before {
        height: 21px;
        width: 21px;
        line-height: 17px;
        position: absolute;
        top: -3px;
        left: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 36px;
        background: #FFF;
    }

    .articleHead span.articleCategory a:after {
        height: 18px;
        width: 18px;
        position: absolute;
        top: -1px;
        left: 7px;
        content: url('/img/new/bg-article-category.png');
    }

    .articleHead span.articleCategory a {
        color: #00529c;
        padding-left: 27px;
    }

        .articleHead span.articleCategory a:hover {
            color: #00aae5;
            text-decoration: underline;
        }

.freeArticle .articleHead .date {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    color: #878787;
}

.freeArticle .articleHead .name {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #EE6A56;
}

.freeArticle .articleHead .anot-in {
    padding: 10px 15px 10px 15px;
    background: #f8f8f8;
    border: 1px solid #dbe1e5;
    margin-left: -1px;
    border-radius: 0 3px 3px 0;
    min-height: 130px;
}

.freeArticle .articleHead .freetext {
    border-top: 1px solid #dbe1e5;
    margin-top: 5px;
    padding-top: 10px;
}

    .freeArticle .articleHead .freetext a {
        text-decoration: underline;
        color: #bd351f;
    }

        .freeArticle .articleHead .freetext a:hover {
            text-decoration: none;
        }

.freeArticle .articleBody {
    padding: 0 0 10px 0;
}

    .freeArticle .articleBody ul {
        margin: 0;
        padding: 10px 0 10px 15px;
        list-style-type: none;
    }


    .freeArticle .articleBody ol {
        margin: 0 0 0 25px;
        padding: 10px 0 10px 10px;
    }

        .freeArticle .articleBody ol li {
            margin-bottom: 5px;
            vertical-align: top;
            font-size: 12px;
            font-weight: bold;
            color: #000;
        }

            .freeArticle .articleBody ol li a {
                display: block;
                font-size: 12px;
                font-weight: bold;
            }

.freeArticle table {
    width: 400px;
    margin: 0 auto 50px auto;
    text-align: center; /*border: 1px solid #81b492;*/
    clear: both;
}

    .freeArticle table caption {
        margin-top: 50px;
        padding-bottom: 5px;
        font-family: Georgia;
        color: #ba340b;
    }

    .freeArticle table tr th {
        height: 24px;
        ?height: 22px;
        _height: 22px;
        color: #FFF;
        background: #49493d;
    }

    .freeArticle table tr td {
        height: 23px; /*border: 1px solid #81b492;*/
    }

    .freeArticle table tr a {
        text-decoration: underline;
        color: #363510;
    }

        .freeArticle table tr a:hover {
            text-decoration: none;
        }

/********** === PUBLISH.article.archive === ************/
.ContentWithHelpBox .news {
    width: auto;
    margin-bottom: 0;
    min-height: 950px;
    font-size: 0;
}

    .ContentWithHelpBox .news.similar-articles {
        min-height: 0px;
    }

    .ContentWithHelpBox .news .newsIn {
        margin-bottom: 35px;
        font-size: 13px;
        width: calc(33% - 10px);
    }

    .ContentWithHelpBox .news.similar-articles .newsIn {
        width: calc(25% - 11.5px);
        margin: 0;
        margin-right: 15px;
        margin-bottom: 35px;
    }

        .ContentWithHelpBox .news.similar-articles .newsIn:last-of-type {
            margin: 0;
        }

    .ContentWithHelpBox .news:not(.similar-articles) .newsIn:nth-child(3n+1) {
        margin-right: 0;
        margin-left: 0;
    }


    .ContentWithHelpBox .news:not(.similar-articles) .newsIn:nth-child(3n+3) {
        margin-right: 0;
        margin-left: 0;
    }

.ContentWithHelpBox.archive-wrap .text-wrap .text-right,
.ContentWithHelpBox.contacUs-wrap .text-wrap .text-right {
    float: right;
    padding-top: 0;
    max-width: 260px;
    position: relative;
    top: -32px;
}

.ContentWithHelpBox.Content404 .text-wrap .text-right {
    padding-top: 0;
}

.ContentWithHelpBox.article-wrap .text-wrap .text-right {
    max-width: 260px;
    padding-top: 9px;
}

.archive-info {
    padding: 10px 0 18px 0;
}

.articleCategories {
    width: 260px;
    padding-top: 51px;
}


    .articleCategories span {
        font-size: 14px;
        cursor: pointer;
        width: 100%;
        height: 38px;
        display: table;
        border: 1px solid #dbe1e5;
        border-width: 1px 1px 0 1px;
        background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
        padding: 0;
    }

        .articleCategories span:first-of-type {
            border-radius: 3px 3px 0 0;
        }

        .articleCategories span:last-of-type {
            border-radius: 0 0 3px 3px;
            border-width: 1px 1px 1px 1px;
        }

    .articleCategories a {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px;
        text-align: center;
        text-decoration: none;
        color: #00529c;
        font-family: 'Exo 2', sans-serif;
    }

    .articleCategories span.active {
        background: #00529c;
        border: 1px solid #00529c;
    }

        .articleCategories span.active a:before {
            position: absolute;
            content: ' ';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 6px 20px 0;
            border-color: rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            left: -6.25px;
            top: 0;
        }

        .articleCategories span.active a {
            position: relative;
            color: #FFF;
        }

    .articleCategories span:not(.active):hover a {
        background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
    }

    .articleCategories .cat-article a {
        color: #171c20 !important;
        cursor: default;
        font-weight: 700;
        background: #e8eff1 !important;
    }

    .articleCategories .cat-article {
        background: #e8eff1;
    }

.freeArticleArchive {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #DCDCDC;
}

    .freeArticleArchive .freeArticle {
        width: 701px;
        padding: 0 10px 0 20px;
    }

.page_articlearchive .title {
    float: left;
    width: 711px;
    height: auto;
}

.page_archive .pager {
    right: 5px;
    text-align: right;
}

.page_articlearchive .detailarticle {
    display: block;
    text-align: right;
    width: 691px;
}

span.tag-title {
    display: block;
    margin-top: 50px;
    border-bottom: 1px solid #dbe1e5;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    padding-bottom: 10px;
}

span.tag-subtitle {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
}

span.tag-body {
    display: inline-block;
    padding: 2px 10px;
    background: #e8eff1;
    border-radius: 3px;
    margin: 5px 1px 0 0;
    font-size: 12px;
    cursor: pointer;
}

.articleTags.detail span.tag-body {
    margin-top: 10px;
}

span.tag-body a {
    color: #00529c;
    text-decoration: none;
}

    span.tag-body a:hover {
        color: #00aae5;
    }

span.tag-body.active {
    background: #00529c;
    cursor: default;
}

    span.tag-body.active a {
        color: #FFF;
    }


.share-block {
    display: table;
    width: 100%;
    background: #f8f8f8;
    /* border: 1px solid #dbe1e5; */
    border-radius: 3px;
    margin-top: 30px;
    height: 53px;
}

.sh-text {
    display: table-cell;
    width: 188px;
    background: #fe6a50;
    color: #FFF;
    text-align: center;
    border-radius: 5px 0 0 5px;
    vertical-align: middle;
    position: relative;
}

.sh-shares {
    display: table-cell;
    border: 1px solid #dbe1e5;
    border-left: none;
    border-radius: 0 5px 5px 0;
    vertical-align: middle;
    padding-left: 50px;
}

.sh-text:after {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26.5px 0 26.5px 15px;
    border-color: transparent transparent transparent #fe6a50;
    right: -14.5px;
    top: 0px;
}

.sh-shares .fb_iframe_widget {
    display: inline-block;
    vertical-align: middle;
}

.sh-shares .twitter-share-button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.sht-bottom {
    font-weight: 700;
}

.sh-shares .fb_iframe_widget span,
.sh-shares iframe.fb_iframe_widget_lift,
.sh-shares .fb_iframe_widget iframe {
    width: 57px !important;
    height: 20px !important;
    position: relative;
}

/**************************** === COMMODITYLIST.recommended ===  *********************************/
#title_recomended_1 {
    xbackground: url(/img/1/title_recomended.gif) no-repeat !important;
}
/*
.comLRecommended {width: 100%; padding: 0 0 10px 0; float: left; }
.comLRecommended .line {width: 100%; float: left; background: url(/img/bg-comLRecommended_line.gif) no-repeat bottom left; }
.comLRecommended .line.last {background: none; }
.comLRecommended .product {position: relative; width: 239px; margin: 0 0 0 12px; _margin-left: 6px; padding: 13px 0 10px 0; float: left; text-align: center; }
.comLRecommended .product h3 a {height: 30px; padding: 0 15px; display: block; overflow: hidden; font-size: 12px; color: #003745; }
.comLRecommended .productImg {height: 94px; width: 94px; margin: 10px auto 20px auto; overflow: hidden; border: 1px solid #72a4b2; }
.comLRecommended .productPrice {font-size: 12px; font-weight: bold; color: #003745; }
.comLRecommended .productPrice small {font-size: 11px; color: #708e96; }
.comLRecommended .productAttribute {position: absolute; top: 42px; left: 13px; width: 38px; }
.comLRecommended .productAttribute img {margin-bottom: 5px; }
*/
.comLRecommended-t {
    height: 30px;
    margin-top: 50px;
    padding: 12px 0 0 41px;
    font-size: 18px;
    font-weight: bold;
    color: #058cd3;
    background: url(/img/bg-title_C22.gif) no-repeat;
}

.comLRecommended {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

    .comLRecommended .product {
        position: relative;
        height: 280px;
        width: 182px;
        margin-right: 1px;
        padding: 0px 0 0 0;
        float: left;
        background: url(/img/bg-product.png) no-repeat;
    }

        .comLRecommended .product.last {
            margin-right: 0;
        }

    .comLRecommended .productImg {
        height: 134px;
        width: 150px;
        margin: 11px auto 17px auto;
    }

    .comLRecommended .productName h4 a {
        height: 30px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #ee6a56;
        font-size: 12px;
        font-weight: bold;
    }

    .comLRecommended .productInfo {
        padding: 0 0 0 0px;
        text-align: center;
    }

        .comLRecommended .productInfo .productPrice {
            padding: 3px 0 0 0;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

            .comLRecommended .productInfo .productPrice small {
                font-size: 14px;
                color: #0c96db;
            }

        .comLRecommended .productInfo .productAmount {
            color: #FFF;
        }

            .comLRecommended .productInfo .productAmount span {
                display: none;
            }

            .comLRecommended .productInfo .productAmount .input_text {
                display: none;
            }

        .comLRecommended .productInfo .productAttribute {
            position: absolute;
            top: 3px;
            left: 3px;
            width: 38px;
        }

            .comLRecommended .productInfo .productAttribute img {
                margin-bottom: 5px;
                float: left;
            }


/**************************** === COMMODITYLIST.recommended ===  *********************************/
.comLRemember {
    width: 100%;
    padding: 0 0 10px 0;
    float: left;
}

    .comLRemember .line {
        width: 100%;
        float: left;
        background: url(/img/bg-comLRecommended_line.gif) no-repeat bottom left;
    }

        .comLRemember .line.last {
            background: none;
        }

    .comLRemember .product {
        position: relative;
        width: 239px;
        margin: 0 0 0 12px;
        _margin-left: 6px;
        padding: 13px 0 10px 0;
        float: left;
        text-align: center;
    }

        .comLRemember .product h3 a {
            height: 30px;
            padding: 0 15px;
            display: block;
            overflow: hidden;
            font-size: 12px;
            color: #003745;
        }

    .comLRemember .productImg {
        height: 94px;
        width: 94px;
        margin: 10px auto 20px auto;
        overflow: hidden;
        border: 1px solid #72a4b2;
    }

    .comLRemember .productPrice {
        font-size: 12px;
        font-weight: bold;
        color: #003745;
    }

        .comLRemember .productPrice small {
            font-size: 11px;
            color: #708e96;
        }

    .comLRemember .productAttribute {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 38px;
    }

        .comLRemember .productAttribute img {
            margin-bottom: 5px;
        }

    .comLRemember .productAmount {
        padding: 8px 0 8px 0;
    }

        .comLRemember .productAmount .input_text {
            height: 16px;
            width: 27px;
            margin: 0 2px 0 2px;
            padding-top: 3px;
            text-align: center;
            color: #003745;
            background: url(/img/bg-searchBox_input.gif) repeat-x;
            border: 1px solid #c3c3c3;
        }

/*****************************  === COMMODITYLIST.action ===  *************************************/
.action-t {
    height: 30px;
    padding: 12px 0 0 41px;
    background: url(/img/bg-title_C2.gif) no-repeat;
    font-weight: bold;
}

    .action-t h2 {
        font-size: 18px;
        color: #058cd3;
        font-weight: 600;
    }

    .action-t a {
        position: relative;
        top: 5px;
        left: -12px;
        float: right;
        font-size: 11px;
        color: #282828;
    }

.title_action_1 {
    xbackground: url(/img/1/title_action.gif) no-repeat;
}

.action {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

    .action .product {
        position: relative;
        height: 280px;
        width: 182px;
        margin-right: 1px;
        padding: 0px 0 0 0;
        float: left;
        background: url(/img/bg-product.png) no-repeat;
    }

        .action .product.last {
            margin-right: 0;
        }

    .action .productImg {
        height: 134px;
        width: 150px;
        margin: 11px auto 17px auto;
    }

    .action .productName h3 a {
        height: 30px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #ee6a56;
        font-size: 12px;
        font-weight: bold;
    }

    .action .productInfo {
        padding: 0 0 0 0px;
        text-align: center;
    }

        .action .productInfo .productPrice {
            padding: 3px 0 0 0;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

            .action .productInfo .productPrice small {
                font-size: 14px;
                color: #0c96db;
            }

        .action .productInfo .productAmount {
            color: #FFF;
        }

            .action .productInfo .productAmount span {
                display: none;
            }

            .action .productInfo .productAmount .input_text {
                display: none;
            }

    .action .productImg .productAttribute {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 38px;
    }

        .action .productImg .productAttribute img {
            margin-bottom: 5px;
        }

/************************** === COMMODITYLIST.news === ********************************************/
#title_newitems_1 {
    xbackground: url(/img/1/title_newitems.gif) no-repeat !important;
}

.comLNews-t {
    height: 30px;
    padding: 12px 0 0 41px;
    font-weight: bold;
    background: url(/img/bg-title_C2.gif) no-repeat;
}

    .comLNews-t h2 {
        font-size: 18px;
        color: #058cd3;
        font-weight: 600;
    }

    .comLNews-t a {
        position: relative;
        top: 5px;
        left: -31px;
        float: right;
        font-size: 11px;
        color: #282828;
    }

.comLNews {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

    .comLNews .product {
        position: relative;
        height: 280px;
        width: 182px;
        margin-right: 1px;
        padding: 0px 0 0 0;
        float: left;
        background: url(/img/bg-product.png) no-repeat;
    }

        .comLNews .product.last {
            margin-right: 0;
        }

    .comLNews .productImg {
        height: 134px;
        width: 150px;
        margin: 11px auto 17px auto;
    }

    .comLNews .productName h3 a {
        height: 30px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #ee6a56;
        font-size: 12px;
        font-weight: bold;
    }

    .comLNews .productInfo {
        padding: 0 0 0 0px;
        text-align: center;
    }

        .comLNews .productInfo .productPrice {
            padding: 3px 0 0 0;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

            .comLNews .productInfo .productPrice small {
                font-size: 14px;
                color: #0c96db;
            }

        .comLNews .productInfo .productAmount {
            color: #FFF;
        }

            .comLNews .productInfo .productAmount span {
                display: none;
            }

            .comLNews .productInfo .productAmount .input_text {
                display: none;
            }

        .comLNews .productInfo .productAttribute {
            position: absolute;
            top: 3px;
            left: 3px;
            width: 38px;
        }

            .comLNews .productInfo .productAttribute img {
                margin-bottom: 5px;
            }

.comLTopSale-t {
    height: 30px;
    padding: 12px 0 0 41px;
    font-weight: bold;
    background: url(/img/bg-title_C22.gif) no-repeat;
    margin-top: 7px;
    font-size: 18px;
    color: #058cd3;
}

    .comLTopSale-t h2 {
        font-size: 18px;
        color: #058cd3;
    }

    .comLTopSale-t a {
        position: relative;
        top: 5px;
        left: -31px;
        float: right;
        font-size: 11px;
        color: #282828;
    }

.comLTopViews-t {
    height: 30px;
    padding: 12px 0 0 41px;
    font-size: 18px;
    font-weight: bold;
    color: #058cd3;
    background: url(/img/bg-title_C22.gif) no-repeat;
}

    .comLTopViews-t a {
        position: relative;
        top: 5px;
        left: -31px;
        float: right;
        font-size: 11px;
        color: #282828;
    }

.comProducer-t {
    height: 30px;
    padding: 12px 0 0 41px;
    font-size: 18px;
    font-weight: bold;
    color: #058cd3;
    background: url(/img/bg-title_C22.gif) no-repeat;
}

.topSale-t {
    height: 30px;
    padding: 12px 0 0 41px;
    font-weight: bold;
    background: url(/img/bg-title_C22.gif) no-repeat;
}

    .topSale-t h2 {
        font-size: 18px;
        color: #058cd3;
    }

.topS {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

    .topS .product {
        position: relative;
        height: 280px;
        width: 182px;
        margin-right: 1px;
        padding: 0px 0 0 0;
        float: left;
        background: url(/img/bg-product.png) no-repeat;
    }

        .topS .product.last {
            margin-right: 0;
        }

    .topS .productImg {
        height: 134px;
        width: 150px;
        margin: 11px auto 17px auto;
    }

    .topS .productName h3 a {
        height: 30px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #ee6a56;
        font-size: 12px;
        font-weight: bold;
    }

    .topS .productInfo {
        padding: 0 0 0 0px;
        text-align: center;
    }

        .topS .productInfo .productPrice {
            padding: 3px 0 0px 0;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

            .topS .productInfo .productPrice small {
                font-size: 14px;
                color: #0c96db;
            }

        .topS .productInfo .productAmount {
            color: #FFF;
        }

            .topS .productInfo .productAmount span {
                display: none;
            }

            .topS .productInfo .productAmount .input_text {
                display: none;
            }

        .topS .productInfo .productAttribute {
            position: absolute;
            top: 3px;
            left: 3px;
            width: 38px;
        }

            .topS .productInfo .productAttribute img {
                margin-bottom: 5px;
            }


/*****************************  === CATEGORYLIST.navigate === *************************************/
.navigate {
    margin: 15px 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
}

    .navigate li {
        display: inline;
    }

        .navigate li a.nocomm {
            background: none;
        }

        .navigate li a {
            margin-right: 4px;
            padding-right: 9px;
            text-decoration: underline;
            font-size: 12px;
            color: #00529c;
            position: relative;
            letter-spacing: 0.04em;
            display: inline-block;
        }

            .navigate li a.first {
                text-decoration: none;
                display: inline-block;
            }


                .navigate li a.first img {
                    position: relative;
                    top: 1px;
                }

            .navigate li a:hover {
                color: #00aae5;
            }

            .navigate li a:after {
                position: absolute;
                content: ' ';
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 3.5px 0 3.5px 3px;
                border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
                top: 6px;
                right: -1px;
            }

            /*.navigate li a {margin-right: 4px; padding-right: 9px; text-decoration: none; color: #6d6d6d; background: url(/img/bg-navigate_li_a.gif) no-repeat right 5px}*/
            .navigate li a:hover {
                text-decoration: underline;
            }

            .navigate li a.activNM {
                margin-left: 3px;
                padding-left: 9px;
                font-weight: bold;
                color: #ee6a56;
                background: url(/img/bg-navigate_activNM.gif) no-repeat 0 5px;
            }

        .navigate li span.activNM {
            margin-left: 3px;
            padding-left: 9px;
            font-weight: bold;
            color: #ee6a56;
            background: url(/img/bg-navigate_activNM.gif) no-repeat 0 5px;
        }

/*.navigate li a.activNM {font-weight: bold; color: #ee6a56; background: url(/img/bg-navigate_activNM.gif) no-repeat right 5px}*/

/*****************************  === CATEGORYBODY.basicinfo ===  ***********************************/
.characterization {
    xpadding: 2px 0 10px 0;
}

    .characterization .characterizationImg {
        margin: 20px 12px 8px 12px;
        float: right;
    }

    .characterization .characterizationInfo {
        xpadding: 0 10px 0 20px;
    }

        .characterization .characterizationInfo a {
            color: #058CD3;
            text-decoration: underline;
        }

            .characterization .characterizationInfo a:hover {
                text-decoration: none;
            }

        .characterization .characterizationInfo h1 {
            padding: 8px 0 1px 0;
            font-size: 36px;
            font-family: 'exo_2extra_bold';
        }

#column3 .characterization .characterizationInfo h1 {
    display: none;
}

.characterization .characterizationInfo h2 {
    padding: 0 0 8px 0;
}

.characterization .characterizationInfo .freetext {
    font-size: 14px;
    color: #363636;
    display: none;
}

/*****************************  === CATEGORYBODY.topsale ===  *************************************/
.topSaleCategory-t {
    background: url(/img/bg-title_topSaleCategory-t.gif) no-repeat !important;
}

.topSaleCategory {
    padding: 0px 0 10px 0;
}

    .topSaleCategory ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        color: #3aa0d9;
    }

        .topSaleCategory ul li {
            width: 100%;
            padding: 4px 0 6px 0;
            float: left;
            font-size: 11px;
            background: url(/img/bg-topSaleCategory.gif) no-repeat bottom left;
            clear: both;
        }

            .topSaleCategory ul li .rowNumber {
                width: 21px;
                padding: 0 6px 0 0;
                display: block;
                float: left;
                text-align: right;
                font-weight: bold;
            }

            .topSaleCategory ul li h3 {
                width: 400px;
                display: block;
                float: left;
                font-weight: normal;
                color: #003644;
            }

            .topSaleCategory ul li .price {
                width: 68px;
                float: left;
                text-align: right;
                color: #64390d;
                font-size: 11px;
                font-weight: bold;
            }

                .topSaleCategory ul li .price .currency {
                    font-size: 12px;
                    font-weight: bold;
                }

/***************************** === CATEGORYBODY.filter ===  ***************************************/
.displayPaging {
    width: 100%;
    margin: 0px 0 0px 0;
    float: left;
    color: #003745;
}

.producerSelectBox {
    padding: 12px 0 9px 19px;
}

    .producerSelectBox .producerSelect-t {
        padding: 0 0 7px 0;
        font-size: 14px;
        font-weight: bold;
        coloR: #058cd3;
    }

    .producerSelectBox .producerSelect {
        width: 695px;
        background: url(/img/bg-producerSelect.gif) repeat-y;
    }

    .producerSelectBox .producerSelectIn1 {
        background: url(/img/bg-producerSelectIn1.gif) no-repeat;
    }

    .producerSelectBox .producerSelectIn2 {
        padding: 15px 0 5px 15px;
        background: url(/img/bg-producerSelectIn2.gif) no-repeat bottom;
    }

    .producerSelectBox .producerSelect label {
        padding: 0 25px 10px 0;
        float: left;
        color: #4b4b4b;
        font-weight: bold;
    }

        .producerSelectBox .producerSelect label .input_check {
            position: relative;
            top: -1px;
            margin: 0 4px 0 0;
        }

.displayPagingIn {
    position: relative;
    height: 104px;
    background: url(/img/bg-displayPagingIn.png) no-repeat;
}

.displayPaging img {
    vertical-align: middle;
}

.displayPaging .pager {
    position: absolute;
    top: 76px;
    right: 29px;
}

    .displayPaging .pager span {
        position: relative;
        top: 1px;
        color: #058cd3;
    }

    .displayPaging .pager strong {
        position: relative;
        top: 1px;
        padding: 0 4px 0 4px;
    }

    .displayPaging .pager .input_text {
        width: 23px;
        padding: 3px 0 3px 0;
        text-align: center;
        color: #003745;
        border: 1px solid #c3c3c3;
    }

    .displayPaging .pager .btLeft {
        margin: 0 2px 0 7px;
    }

.displayPaging .filter {
    xposition: absolute;
    top: 37px;
    left: 260px;
}

    .displayPaging .filter label {
        position: relative;
        top: -1px;
        padding: 0 3px 0 0;
        color: #003745;
    }

.displayPaging .itemsOnPage {
    position: absolute;
    top: 76px;
    left: 39px;
}

    .displayPaging .itemsOnPage span {
        color: #058cd3;
    }

    .displayPaging .itemsOnPage select {
        width: 55px;
        margin: 0 0px 0 6px;
    }

.displayPaging .orderSelect {
    position: absolute;
    top: 37px;
    left: 39px;
    width: 660px;
}

    .displayPaging .orderSelect select {
        width: 170px /*360px*/;
        margin: 0 20px 0 5px;
    }

    .displayPaging .orderSelect label {
        position: relative;
        top: -1px;
    }

        .displayPaging .orderSelect label .input_check {
            margin-right: 7px;
        }

    .displayPaging .orderSelect .input_button {
        position: absolute;
        top: -5px;
        right: 0;
    }

.displayPaging .listorcat {
    position: absolute;
    top: 82px;
    right: 268px;
}

    .displayPaging .listorcat span {
        color: #058cd3;
    }

    .displayPaging .listorcat label {
        padding: 0 5px 0 0;
    }

    .displayPaging .listorcat .cat {
        margin-left: 13px;
        padding: 0 0 0 20px;
        cursor: pointer;
        background: url(/img/bg-displayPaging_listorcat_cat.gif) no-repeat left;
    }

    .displayPaging .listorcat .catSel {
        color: #ee6a56;
        background: url(/img/bg-displayPaging_listorcat_catSel.gif) no-repeat left;
    }

    .displayPaging .listorcat .list {
        margin-left: 13px;
        padding: 0 0 0 20px;
        cursor: pointer;
        background: url(/img/bg-displayPaging_listorcat_list.gif) no-repeat left;
    }

    .displayPaging .listorcat .listSel {
        color: #ee6a56;
        background: url(/img/bg-displayPaging_listorcat_listSel.gif) no-repeat left;
    }

.displayPaging .input_radio {
    margin: 0 5px 0 0;
}

.displayPaging .postFilter {
    ;
}

.displayPaging .compareSelected {
    ;
}

.boxNotInStock .input_radio {
    position: relative;
    opacity: 0;
    z-index: 1;
}

.displayPaging .compareSelected a {
    text-decoration: none;
}

.displayPagingInBottom {
    position: relative;
    height: 25px;
    padding-bottom: 10px;
    background: url(/img/bg-panelBottom.png) no-repeat;
    margin-top: -6px;
}

    .displayPagingInBottom .itemsOnPage {
        top: 8px;
    }

    .displayPagingInBottom .listorcat {
        top: 11px;
    }

    .displayPagingInBottom .pager {
        top: 7px;
        right: 12px;
    }

/****************************** === CATEGORYBODY.catalogue ===  ***********************************/
.comLCatalog {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

    .comLCatalog .product {
        position: relative;
        height: 365px;
        width: 225px;
        box-sizing: border-box;
        margin-bottom: -1px;
        padding: 0px 0 0 0;
        float: left;
        border-left: none;
        border: 1px solid #dbe1e5;
        border-left: none;
    }


        .comLCatalog .product:first-child {
            border-left: 1px solid #dbe1e5;
        }


        .comLCatalog .product:hover {
            box-shadow: 0 0px 12px rgba(2,2,2,0.3);
        }

            .comLCatalog .product:hover a {
                color: #00aae5;
            }

                .comLCatalog .product:hover a.input_button {
                    color: #fff;
                }

        .comLCatalog .product.last {
            xmargin-right: 0;
        }

    .comLCatalog .line.first .product.last {
        border-radius: 0 10px 0 0;
    }

    .comLCatalog .line.last .product.first {
        border-radius: 0 0 0 10px;
    }

    .comLCatalog .line.last .product.last {
        border-radius: 0 0 10px 0;
    }

.topsale-catalogue .comLCatalog .line.first .product.last {
    border-radius: 0 0 0 0;
}

.commodityCatalog .line .product {
    border-radius: 0 !important;
}


.commodityCatalog .line .product {
}


.comLCatalog .productImg {
    height: 134px;
    width: 150px;
    margin: 11px auto 17px auto;
    position: relative;
}

.comLCatalog .productName {
    padding-top: 20px;
}

    .comLCatalog .productName h3 a {
        height: 42px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #00529c;
        font-size: 16px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 300;
    }

    .comLCatalog .productName span a {
        height: 42px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #00529c;
        font-size: 16px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 300;
    }

.comLCatalog .productHr {
    margin: 0 18px;
    height: 1px;
    background: #dbe1e5;
}

.comLCatalog .productInfo {
    margin: 0 auto;
    padding: 6px 18px;
    position: relative;
}

    .comLCatalog .productInfo .productPrice {
        xpadding: 3px 0 0 0;
        font-size: 16px;
        color: #000;
        font-weight: 700;
        font-family: 'Exo 2';
    }

        .comLCatalog .productInfo .productPrice span {
            font-size: 13px;
            color: #818e96;
            font-weight: 300;
            display: block;
            position: absolute;
        }

        .comLCatalog .productInfo .productPrice small {
            font-size: 14px;
            color: #000;
        }

    .comLCatalog .productInfo .productPriceBeforeDiscount {
        text-decoration: line-through;
        color: #ef907f;
        font-size: 12px;
        height: 15px;
    }

    .comLCatalog .productInfo .productPriceBeforeDiscount-in {
        color: #000;
    }

    .comLCatalog .productInfo .productPriceNoDph {
        font-size: 11px;
        color: #818e96;
        height: 15px;
    }

.detail .detailInfo .amount span {
    color: #171c20;
    font-weight: normal;
    position: relative;
    top: 3px;
    padding-left: 2px;
}

.comLCatalog .productInfo .productAmount {
    xcolor: #FFF;
    padding-top: 12px;
}

    .comLCatalog .productInfo .productAmount form {
        width: 245px;
        margin: auto;
    }

    .comLCatalog .productInfo .productAmount span {
        xdisplay: none;
        font-size: 13px;
        position: relative;
        padding-left: 2px;
        top: 2px;
    }

.productAmount .input_text,
.orderItems .amount .input_text {
    /* display: none; */
    padding: 0px 8px 0 4px;
    border: solid 1px #dbe1e5;
    border-radius: 3px 0 0 3px;
    width: 25px;
    border-right-width: 0;
    box-shadow: inset 3px 2px 10px -4px #bfbfbf;
    height: 27px;
    font-size: 14px;
    text-align: right;
    left: 4px;
}

.btns .up {
    cursor: pointer;
    font-size: 22px;
    height: 13px;
    width: 13px;
    line-height: 17px;
    color: #FFF;
    background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    position: relative;
    border: 1px solid #dbe1e5;
    border-top-right-radius: 3px;
}

    .btns .up:before {
        position: absolute;
        left: 3px;
        top: 5px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 3.5px 3px 3.5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0);
    }

.btns .down {
    cursor: pointer;
    font-size: 30px;
    height: 13px;
    color: #FFF;
    line-height: 10px;
    background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    padding-left: 6px;
    border: 1px solid #dbe1e5;
    position: relative;
    margin-top: -1px;
    border-bottom-right-radius: 3px;
}

    .btns .down:before {
        position: absolute;
        left: 3px;
        top: 5px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 3.5px 0 3.5px;
        border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }


    .btns .down:hover, .btns .up:hover {
        background: linear-gradient(to bottom, #e5f2fd 0%, #bacbd7 100%);
    }




.btns {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    position: relative;
    left: -4px;
}


.comLCatalog {
    width: 1180px;
    margin: auto;
    box-sizing: border-box;
}

    .comLCatalog .product {
        height: 449px;
        width: 25%;
    }

    .comLCatalog .productImg {
        height: 225px;
        width: auto;
        margin: 23px auto 22px auto;
		text-align:center;
    }


    .comLCatalog .owl-item .product {
        width: 100% !important;
        box-sizing: content-box;
    }

    .comLCatalog.owl-carousel {
        z-index: unset;
        border: 1px solid #dbe1e5;
        border-radius: 11px;
    }

        .comLCatalog.owl-carousel .owl-stage-outer {
            z-index: 1;
            position: relative;
        }

.owl-carousel .owl-item {
    margin-right: -1px;
}

.comLCatalog.owl-carousel .product {
    margin-bottom: 0;
    border-top: 0;
}

    .comLCatalog.owl-carousel .product:hover {
        box-shadow: none;
    }

.comLCatalog.owl-carousel .firstShown .product {
    border-left: 0;
}

.comLCatalog.owl-carousel .lastShown .product {
    border-right: 0;
}


.owl-carousel .owl-nav {
    float: right;
    padding-right: 5px;
}

.owlCarousel.owl-theme.no-nav .owl-controls {
    display: none;
}

.comLCatalog.owl-carousel.no-nav {
    border-width: 0 0 0 1px;
}

    .comLCatalog.owl-carousel.no-nav .product {
        border-top: 1px solid #dbe1e5;
    }


    .comLCatalog.owl-carousel.no-nav .item.product.first {
        border-radius: 10px 0 0 10px;
    }

    .comLCatalog.owl-carousel.no-nav .item.product.last {
        border-radius: 0 10px 10px 0;
    }

.owlCarousel.owl-theme .owl-controls {
    margin: 0;
    height: 45px;
    border-top: 0;
    border-radius: 0 0 9px 9px;
    background: #dbe7eb;
}

    .owlCarousel.owl-theme .owl-controls .owl-nav [class*=owl-] {
        border: none;
        font-size: 13px;
        height: 16px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 6px 21.5px;
        color: #FFF;
        margin-top: 8px;
        display: inline-block;
        cursor: pointer;
        letter-spacing: 0.02em;
        font-family: 'Exo 2', sans-serif;
    }

        .owlCarousel.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
            background: #00aae5;
        }

.owlCarousel.owl-theme .owl-dots {
    position: absolute;
    left: 50%;
    display: inline-block;
    padding-top: 12px;
    height: 20px;
    transform: translate(-50%);
}

    .owlCarousel.owl-theme .owl-dots .owl-dot span {
        background: #fff;
        border: 1px solid #9bb4c4;
    }

    .owlCarousel.owl-theme .owl-dots .owl-dot.active span,
    .owlCarousel.owl-theme .owl-dots .owl-dot:hover span {
        background: #00529c;
        border: 1px solid #00529c;
    }

.owlCarousel.owl-theme .owl-controls .owl-nav .owl-prev span {
    position: relative;
    padding-left: 7px;
}

.owlCarousel.owl-theme .owl-controls .owl-nav .owl-next span {
    position: relative;
    padding-right: 7px;
}


    .owlCarousel.owl-theme .owl-controls .owl-nav .owl-next span:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 4px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
        content: ' ';
        position: absolute;
        top: 4px;
        right: -3px;
    }

.owlCarousel.owl-theme .owl-controls .owl-nav .owl-prev span:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 5px 0;
    border-color: transparent #ffffff transparent transparent;
    content: ' ';
    position: absolute;
    top: 4px;
    left: -3px;
}

.owlCarousel.owl-carousel .owl-stage {
    left: -1px;
}

.productAmount a.input_button {
    border: none;
    font-size: 13px;
    height: 29px;
    width: 135px;
    background: linear-gradient(to bottom, #51bf07 0%, #48b002 100%);
    border-bottom: 2px solid #317602;
    border-radius: 5px;
    color: #FFF;
    margin-left: 8px;
    cursor: pointer;
    font-family: 'Exo 2', sans-serif;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 6px 0;
    margin-top: 5px;
}

    .productAmount a.input_button:hover {
        background: #43a302;
        color: #FFF;
    }

.comLCatalog .productImg .productAttribute {
    position: absolute;
    left: 18px;
    top: 9px;
    z-index: 1;
}


    .comLCatalog .productImg .productAttribute span {
        display: inline-block;
        background: #6c6c6c;
        padding: 3px 10px;
        clear: left;
        font-size: 12px;
        margin-top: 4px;
        border-radius: 3px;
        float: left;
        color: #fff;
    }

        .comLCatalog .productImg .productAttribute span:first-of-type {
            margin-top: 0;
        }

        .comLCatalog .productImg .productAttribute span.attrNews {
            background: #00aae5;
        }

        .comLCatalog .productImg .productAttribute span.attrAction {
            background: #df2100;
        }

        .comLCatalog .productImg .productAttribute span.attrDel {
            background: #58a810;
        }

        .comLCatalog .productImg .productAttribute span.attrTip {
            background: #f9a536;
        }

        .comLCatalog .productImg .productAttribute span.attrSale {
            background: #0b4382;
        }

    .comLCatalog .productImg .productAttribute.dolar span {
        background: #e99251;
        width: 119px;
    }

.commodityList .productAttribute {
    display:block;
    margin-top: 6px;
}

.commodityList .productPriceBeforeDiscount {
    text-decoration: line-through;
    color: #ef907f;
    font-size: 12px;
}

.commodityList .productPrice {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Exo 2', sans-serif;
    color: #000000;
}

.commodityList .productPriceNoDph {
    font-size: 11px;
    color: #818e96;
}

.commodityList .productPriceBeforeDiscount-in {
    color: #000;
}

.commodityList .productAttribute span {
    display: inline-block;
    background: #6c6c6c;
    padding: 3px 10px;
    xclear: left;
    font-size: 12px;
    border-radius: 3px;
    xfloat: left;
    color: #fff;
}

    .commodityList .productAttribute span:first-of-type {
        margin-top: 0;
    }

    .commodityList .productAttribute span.attrNews {
        background: #00aae5;
        margin-bottom: 5px;
    }

    .commodityList .productAttribute span.attrAction {
        background: #df2100;
    }

    .commodityList .productAttribute span.attrDel {
        background: #58a810;
    }

    .commodityList .productAttribute span.attrTip {
        background: #f9a536;
    }

    .commodityList .productAttribute span.attrSale {
        background: #0b4382;
    }

.commodityList .productAttribute.dolar span {
    background: #e99251;
    width: 119px;
}

.comLCatalog .productImg .productAttribute img:first-of-type {
    xmargin-top: 55px;
}

.comLCatalog .productImg .productAttribute img {
    margin-bottom: 5px;
}

.commodityList .input_text {
    /* display: none; */
    padding: 0px 8px 0 4px;
    border: solid 1px #dbe1e5;
    border-radius: 3px 0 0 3px;
    width: 25px;
    border-right-width: 0;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    height: 27px;
    font-size: 14px;
    text-align: right;
    position: relative;
    left: 4px;
}

.commodityList .amount .btns .up {
    cursor: pointer;
    font-size: 22px;
    height: 13px;
    width: 13px;
    line-height: 17px;
    color: #FFF;
    background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    position: relative;
    border: 1px solid #dbe1e5;
    border-top-right-radius: 3px;
}

    .commodityList .amount .btns .up:before {
        position: absolute;
        left: 3px;
        top: 5px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 3.5px 3px 3.5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0);
        background: none;
    }

    .commodityList .amount .btns .up:after {
        background: none;
    }

.commodityList .amount .btns .down {
    cursor: pointer;
    font-size: 30px;
    height: 13px;
    color: #FFF;
    line-height: 10px;
    background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    border: 1px solid #dbe1e5;
    position: relative;
    margin-top: -1px;
    border-bottom-right-radius: 3px;
    left: 0;
    width: 7px;
    width: 13px;
    padding: 0;
}

    .commodityList .amount .btns .down:before {
        position: absolute;
        left: 3px;
        top: 5px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 3.5px 0 3.5px;
        border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        background: none;
    }


    .commodityList .amount .btns .down:hover, .commodityList .amount .btns .up:hover {
        background: linear-gradient(to bottom, #e5f2fd 0%, #bacbd7 100%);
    }




.commodityList .amount .btns {
    display: inline-block;
    padding: 0;
    top: -1px;
    vertical-align: middle;
}


/******************************  === CATEGORYBODY.list === ****************************************/
.commodityList {
    width: 100%;
    xfloat: left;
}


    .commodityList tbody tr {
        height: 85px;
    }

        .commodityList tbody tr td {
            padding: 5px 0;
            border-bottom: 1px solid #dbe1e5;
        }

        .commodityList tbody tr.last td {
            border-bottom: none;
        }

    .commodityList .prodImg {
        width: 75px;
        text-align: center;
        border-left: 1px solid #dbe1e5;
    }

        .commodityList .prodImg a {
            height: 65px;
            width: 65px;
            margin: auto;
            overflow: hidden;
            display: block;
        }

    .commodityList .code {
        width: 75px;
        color: #818e96;
        font-size: 12px;
    }

    .commodityList .name {
    }

        .commodityList .name .attribute {
            padding-bottom: 4px;
        }

        .commodityList .name a {
            height: 85px;
            font-size: 16px;
            font-family: 'Exo 2', sans-serif;
            color: #00529c;
            margin-right: 3px;
        }

    .commodityList .price {
        width: 172px;
        text-align: left;
        padding-left: 15px;
        xfont-size: 12px;
        xfont-weight: bold;
        xcolor: #0c96db;
    }

    .commodityList .amount {
        width: 154px;
        padding-right: 10px;
        text-align: right;
        border-right: 1px solid #e8e8e8 !important;
    }

        .commodityList .amount form {
            display: inline;
        }

        .commodityList .amount span {
            xdisplay: none;
            color: #171c20;
            font-weight: normal;
            position: relative;
            top: 3px;
            padding-left: 2px;
            font-size: 13px;
        }


    .commodityList .stockInfo {
        padding: 0;
        min-width: 0;
        display: table-cell;
        width: 125px;
        top: 0;
        right: 0;
        /* float: right; */
        position: static;
    }

/**************************** === COMMODITYBODY.detail === ****************************************/
#dpg-tabs {
    width: 1050px;
    height: 670px;
    position: absolute;
    z-index: 9000;
    border: 1px solid #d0dce3;
    border-radius: 3px;
    background: #f5f9fa;
    top: 10px;
    left: 65px;
}

    #dpg-tabs .dpg-close {
        background: #00529c;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 10px;
        top: 10px;
        border-radius: 6px;
        cursor: pointer;
        z-index: 10;
    }

        #dpg-tabs .dpg-close:before {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(45deg);
            box-sizing: border-box;
            z-index: 10;
        }

        #dpg-tabs .dpg-close:after {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(135deg);
            box-sizing: border-box;
            z-index: 10;
        }

    #dpg-tabs .showroom {
        width: 758px;
        height: 670px;
        float: left;
        clear: left;
        background: #FFF;
        position: relative;
    }

    #dpg-tabs #show-3D {
        position: relative;
    }


    #dpg-tabs .dpg-choose ul {
        display: table;
        width: 292px;
        margin: 0;
        padding: 0;
        height: 41px;
        background: #d8e4e8;
        list-style-type: none;
        font-size: 12px;
    }

        #dpg-tabs .dpg-choose ul li {
            display: inline-block;
            vertical-align: bottom;
            outline: none;
            margin-top: 10px;
            margin-left: 3px;
        }

            #dpg-tabs .dpg-choose ul li:first-of-type {
                padding-left: 8px;
            }

                #dpg-tabs .dpg-choose ul li:first-of-type.ui-tabs-active {
                    margin-right: 1px;
                }

    #dpg-tabs.ui-widget-content .ui-state-hover,
    .ui-widget.ui-widget-content .ui-state-hover {
        border: none;
        background: none;
    }

    #dpg-tabs .dpg-choose ul li a {
        text-decoration: none;
        display: inline-block;
        padding: 6px 11px;
        background: #FFF;
        outline: none;
        border: 1px solid #dbe1e5;
        border-radius: 3px 3px 0 0;
        color: #00529c;
    }

        #dpg-tabs .dpg-choose ul li a:hover {
            color: #00aae5;
        }

        #dpg-tabs .dpg-choose ul li a span {
            color: #737e86;
        }



    #dpg-tabs .dpg-choose ul li.ui-state-active a {
        background: #f5f9fa;
        border-color: #f5f9fa;
        color: #171b1f;
    }

    #dpg-tabs .dpg-thumb #thumb-foto img {
        border: 1px solid #c6d4dd;
        border-radius: 2px;
    }

        #dpg-tabs .dpg-thumb #thumb-foto img:nth-child(2n+1) {
            margin: 0 15px 0 40px;
        }

    #dpg-tabs .dpg-title {
        font-size: 16px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        padding: 11px 0 0 14px;
    }

    #dpg-tabs #thumb-3D {
        width: 292px;
        position: absolute;
        right: 0;
    }

        #dpg-tabs #thumb-3D img {
            width: 215px;
            height: 215px;
            margin: 15px auto;
            border: #00aae5 1px solid;
            display: block;
            border-radius: 3px;
        }

.detail {
}

    .detail img {
        vertical-align: middle;
    }

    .detail .detailImgIn img {
        width: 100%;
    }

.navbar {
    padding-bottom: 17px;
    background: #efefef;
    border: 1px solid #dbe1e5;
    border-radius: 2px;
}

    .navbar img {
        width: 63px;
        border: 1px solid #c6d4dd;
        border-radius: 2px;
        float: left;
        margin: 14px 0 0 14px;
    }


    .navbar .m-availInfo div {
        display: inline-block;
    }

    .navbar .m-availInfo {
        padding-top: 22px;
        margin-left: 89px;
    }

        .navbar .m-availInfo .m-detailName {
            font-size: 16px;
            font-weight: 700;
            font-family: 'Exo 2', sans-serif;
            padding-right: 19px;
        }


        .navbar .m-availInfo .availability {
        }

            .navbar .m-availInfo .availability a {
                font-weight: 700;
                font-family: 'Exo 2', sans-serif;
                text-decoration: none;
            }

            .navbar .m-availInfo .availability.green a {
                color: #58a810;
            }

            .navbar .m-availInfo .availability.red a {
                color: #ec3b13;
            }

            .navbar .m-availInfo .availability.orange a {
                color: #d68e04;
            }

            .navbar .m-availInfo .availability.blue a {
                color: #0C96DB;
            }

            .navbar .m-availInfo .availability a .regular {
                font-weight: 400;
            }

        .navbar .m-availInfo .info {
            padding-left: 22px;
            position: static;
            font-size: 13px;
        }

            .navbar .m-availInfo .info span {
                font-weight: 700;
                display: inline-block;
            }

    .navbar ul {
        list-style-type: none;
        padding: 0;
        margin: 6px 0 0 89px;
        font-size: 12px;
    }

        .navbar ul li {
            display: inline-block;
            padding-right: 35px;
            padding-bottom: 10px;
        }

            .navbar ul li a {
                text-decoration: none;
                position: relative;
            }


                .navbar ul li a:before {
                    height: 16px;
                    width: 16px;
                    line-height: 17px;
                    position: absolute;
                    right: -22px;
                    content: ' ';
                    border: 1px solid #c6d4dd;
                    border-radius: 10px;
                    background: linear-gradient(to bottom, #fff 0%, #eff1f3 100%);
                }

                .navbar ul li a:hover:before {
                    background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
                }

                .navbar ul li a:after {
                    position: absolute;
                    right: -16px;
                    top: 8px;
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 3.5px 3.5px 0 3px;
                    border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
                }

            .navbar ul li span:first-of-type {
                text-decoration: underline;
                color: #00529c;
            }

            .navbar ul li span.active {
                color: #000;
                font-weight: 700;
            }

            .navbar ul li a:hover span:first-of-type {
                color: #00aae5 !important;
            }

.infoSklad {
    background: #fff; /*width: 190px;*/
    border: 2px solid #EE6A56;
    position: absolute;
    top: 160px;
    left: 250px;
    z-index: 9000;
    display: none;
    width: 225px;
}

    .infoSklad .btnClose {
        float: right;
        font-weight: bold;
        padding-left: 3px;
        padding-right: 1px;
        background: #EE6A56;
        color: #fff;
        cursor: pointer;
    }

    .infoSklad .infoSkladIn {
        padding: 0 13px 9px 13px;
        color: #EE6A56;
        font-weight: bold;
    }

.infoRecyklace {
    background: #fff; /*width: 190px;*/
    border: 1px solid #c1ccd3;
    position: absolute;
    top: 160px;
    left: 250px;
    z-index: 9000;
    display: none;
    width: 225px;
    border-radius: 3px;
}

    .infoRecyklace .btnClose {
        background: #00529c;
        height: 10px;
        width: 10px;
        position: absolute;
        right: 3px;
        top: 5px;
        border-radius: 6px;
        cursor: pointer;
    }

        .infoRecyklace .btnClose:before {
            position: absolute;
            width: 5px;
            height: 1px;
            top: 4.5px;
            left: 2.5px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(45deg);
            box-sizing: border-box;
        }

        .infoRecyklace .btnClose:after {
            position: absolute;
            width: 5px;
            height: 1px;
            top: 4.5px;
            left: 1.5px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(135deg);
            box-sizing: border-box;
        }

    .infoRecyklace .infoRecyklaceIn {
        padding: 8px 12px 11px 12px;
        letter-spacing: 0.00em;
    }

.detail .detailPaging {
    width: 100%;
    padding: 0 0 5px 0;
    float: left;
    border-bottom: 1px solid #77a7b4;
}

    .detail .detailPaging .next {
        margin-right: 5px;
        padding: 0 10px 0 0;
        floaT: right;
        background: url(/img/bg-detailPaging.gif) no-repeat right 5px;
    }

    .detail .detailPaging .prew {
        margin-left: 5px;
        padding: 0 0 0 10px;
        floaT: left;
        background: url(/img/bg-detailPaging.gif) no-repeat left 5px;
    }

.detail .detailName {
    width: 100%;
    padding: 6px 0 17px 0;
}

    .detail .detailName .productAttribute {
        padding-right: 15px;
    }

    .detail .detailName h2 {
        font-size: 36px;
        font-family: 'exo_2extra_bold';
        font-weight: 800;
    }

.specialchar {
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
}

.detail .detail-top .owlCarousel.owl-theme .owl-controls {
    display: none;
}

.detail .detailImg {
    display: inline-block;
    margin-right: 34px;
    float: left;
    width: 450px;
}

    .detail .detailImg .diEx {
        margin-bottom: 10px;
        position: relative;
    }

        .detail .detailImg .diEx a {
            cursor: pointer;
        }

        .detail .detailImg .diEx .productAttribute {
            position: absolute;
            z-index: 50;
			top:29px;
        }

        .detail .detailImg .diEx span {
            display: inline-block;
            background: #6c6c6c;
            padding: 4px 10px;
            clear: left;
            font-size: 12px;
            margin-top: 3px;
            border-radius: 3px;
            float: left;
            color: #fff;
        }

            .detail .detailImg .diEx span:first-of-type {
                margin-top: 0;
            }

            .detail .detailImg .diEx span.attrNews {
                background: #00aae5;
            }

            .detail .detailImg .diEx span.attrAction {
                background: #df2100;
            }

            .detail .detailImg .diEx span.attrDel {
                background: #58a810;
            }

            .detail .detailImg .diEx span.attrTip {
                background: #f9a536;
            }

            .detail .detailImg .diEx span.attrSale {
                background: #0b4382;
            }

        .detail .detailImg .diEx .productAttribute.dolar {
            position: absolute;
            left:0;
            left: initial !important;
            z-index: 50;
			top:0 !important;


        }

            .detail .detailImg .diEx .productAttribute.dolar span {
                background: #e99251;
            }

    .detail .detailImg #zoom {
        margin-left: 11px;
        padding-left: 13px;
        font-size: 10px;
        color: #929292;
        background: url(/img/bg-detailImg_zoom.gif) no-repeat 0 3px;
    }

    .detail .detailImg .add {
        margin-left: 22px;
        padding-left: 13px;
        font-size: 10px;
        color: #929292;
        background: url(/img/bg-detailImg_add.gif) no-repeat 0 3px;
    }

.detail .smallImages ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .detail .smallImages ul li {
        float: left;
        margin-right: 10px;
    }

        .detail .smallImages ul li:last-of-type {
            margin: 0;
        }

        .detail .smallImages ul li img {
            border: 1px solid #c6d4dd;
            border-radius: 2px;
        }

        .detail .smallImages ul li span {
            width: 80px;
            height: 38px;
            border: 1px solid #c6d4dd;
            border-radius: 2px;
            display: inline-block;
            text-align: center;
            padding-top: 42px;
            text-decoration: underline;
            background: url(/img/new/bg-moreImages.png) center 22px no-repeat;
        }

        .detail .smallImages ul li a.thumb-3D span {
            background: url(/img/new/bg-technology3D.png) center 25px no-repeat;
        }


        .detail .smallImages ul li span:hover, .detail .smallImages ul li img:hover {
            border-color: #00aae5;
        }

        .detail .smallImages ul li a {
            cursor: pointer;
            text-decoration: underline;
            color: #00529c;
        }

            .detail .smallImages ul li a:hover span {
                color: #00aae5;
            }


/*.inputText {
    border: 1px solid #C3C3C3;
    width: 175px;
    height: 19px;
    margin-bottom: 2px;
    margin-left: 5px;
    color: #6C6C6C;
    padding-top: 1px;
    padding-left: 4px;
    font-size: 11px;
}

.inputCaptcha {
    border: 1px solid #C3C3C3;
    width: 51px;
    height: 19px;
    margin-bottom: 2px;
    margin-left: 5px;
    color: #6C6C6C;
    padding-top: 1px;
    padding-left: 4px;
    font-size: 11px;
}

.inputTextarea {
    margin-left: 5px;
    border: 1px solid #C3C3C3;
    width: 371px;
    height: 72px;
    font-family: Arial;
    font-size: 11px;
    color: #6C6C6C;
    padding: 4px;
}*/

.errMsg {
    color: #ff0000;
    text-align: center;
    padding-bottom: 8px;
    display: none;
}

.okMsg {
    color: #84BD32;
    text-align: center;
    padding-bottom: 8px;
    display: none;
}

.addGallery {
    width: 570px;
    border: 2px solid #EE6A56;
    background: #fff;
    position: absolute;
    top: 35px;
    left: 30px;
    z-index: 99000;
    display: none;
}

    .addGallery .addGalleryIn {
        padding: 8px;
        padding-bottom: 1px;
    }

        .addGallery .addGalleryIn .topPanel {
        }

            .addGallery .addGalleryIn .topPanel .btnClose {
                color: #EE6A56;
                font-weight: bold;
                float: right;
                cursor: pointer;
                padding: 2px 3px;
            }

        .addGallery .addGalleryIn .bigImg { /*border: 1px solid #000;*/
            width: 552px;
            height: 365px;
            text-align: center;
            padding-top: 12px;
        }

        .addGallery .addGalleryIn .previews {
            width: 552px;
            height: 127px;
            margin-top: 11px;
        }

        .addGallery .addGalleryIn .previewsIn {
        }

            .addGallery .addGalleryIn .previewsIn .btnLeft {
                text-align: center;
                float: left;
                width: 20px;
                height: 50px;
                background: #fff;
                font-size: 15px;
                font-weight: bold;
                color: #fff;
                margin-top: 40px;
                cursor: pointer;
                border: 2px solid #EE6A56;
                color: #EE6A56;
            }

                .addGallery .addGalleryIn .previewsIn .btnLeft .btnLeftIn {
                    padding-top: 15px;
                }

            .addGallery .addGalleryIn .previewsIn .imgs {
                float: left;
                padding-top: 5px;
                margin-left: 11px;
                width: 483px;
                overflow: hidden;
                height: 120px;
            }

                .addGallery .addGalleryIn .previewsIn .imgs .imagesAll {
                }

                    .addGallery .addGalleryIn .previewsIn .imgs .imagesAll .imgWrap {
                        width: 117px; /*border: 1px solid black;*/
                        float: left;
                        margin-right: 5px;
                    }

                        .addGallery .addGalleryIn .previewsIn .imgs .imagesAll .imgWrap img {
                            cursor: pointer;
                        }

            .addGallery .addGalleryIn .previewsIn .btnRight {
                text-align: center;
                float: right;
                width: 20px;
                height: 50px;
                background: #fff;
                font-size: 15px;
                font-weight: bold;
                color: #fff;
                margin-top: 40px;
                cursor: pointer;
                border: 2px solid #EE6A56;
                color: #EE6A56;
            }

                .addGallery .addGalleryIn .previewsIn .btnRight .btnRightIn {
                    padding-top: 15px;
                }


.dotaz {
    border: 1px solid #c6d4dd;
    max-width: 540px; /*position: absolute; */
    background: #fff;
    display: none;
    font-size: 13px;
    border-radius: 3px;
}

#dotaz tr td .dotazError {
    font-size: 12px;
    color: #ff001e;
    position: relative;
    padding-left: 19px;
    display: none;
    padding-top: 0;
}

#dotaz .dotazError:before {
    content: ' ';
    position: absolute;
    background: #ff001e;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    left: 0;
    top: 1px;
}

#dotaz .dotazError:after {
    content: '!';
    position: absolute;
    color: #FFF;
    left: 6px;
    top: 1px;
    font-size: 12px;
    font-family: arial;
}

#iForumForm tr td .forumError {
    font-size: 12px;
    color: #ff001e;
    position: relative;
    padding-left: 19px;
    display: none;
    padding-top: 0;
    top: 2px;
    box-sizing: border-box;
    width: 100%;
    left: 0 !important;
}

#iForumForm .forumError:before {
    content: ' ';
    position: absolute;
    background: #ff001e;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    left: 0;
    top: 1px;
}

#iForumForm .forumError:after {
    content: '!';
    position: absolute;
    color: #FFF;
    left: 6px;
    top: 1px;
    font-size: 12px;
    font-family: arial;
}

.orderQuestionBox #fakeInput {
    display: none;
}

.orderQuestionBox .dotazError {
    font-size: 12px;
    color: #ff001e;
    position: relative;
    padding-left: 19px;
    display: none;
    padding-top: 0;
    left: 19px;
    float: left;
}

.orderQuestionBox #dotazOk {
    position: absolute;
    width: 479px;
    background: #FFF;
    z-index: 9999;
    color: #171c20;
    text-align: center;
    border: 1px solid #c6d4dd;
    border-radius: 3px;
    padding-left: 0;
}

    .orderQuestionBox #dotazOk.dotazError:before {
        display: none;
    }

    .orderQuestionBox #dotazOk.dotazError:after {
        display: none;
    }


.orderQuestionBox .dt-title {
    font-family: 'Exo 2', sans-serif;
    font-size: 18px;
    text-align: center;
    width: 280px;
    display: block;
    margin: auto;
    padding-top: 69px;
    position: relative;
}

    .orderQuestionBox .dt-title:before {
        content: ' ';
        position: absolute;
        background: #00aae5;
        height: 30px;
        width: 30px;
        border-radius: 15px;
        bottom: 31px;
        left: 50%;
        transform: translateX(-50%);
    }

    .orderQuestionBox .dt-title:after {
        content: ' ';
        position: absolute;
        color: #FFF;
        font-size: 11px;
        border: 1px solid #FFF;
        border-width: 0 0 2px 2px;
        width: 15px;
        height: 8px;
        bottom: 48px;
        margin-left: -2px;
        left: 50%;
        transform: rotate(-45deg) translateX(-50%);
    }


.orderQuestionBox .text {
    display: block;
    margin: auto;
    padding: 10px;
}

.orderQuestionBox .text-bot {
    display: block;
    margin: auto;
    padding-bottom: 38px;
}


.orderQuestionBox .dotazError:before {
    content: ' ';
    position: absolute;
    background: #ff001e;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    left: 0;
    top: 1px;
}

.orderQuestionBox .dotazError:after {
    content: '!';
    position: absolute;
    color: #FFF;
    left: 6px;
    top: 1px;
    font-size: 12px;
    font-family: arial;
}

.dotaz .dotazIn {
    padding: 10px 9px 14px 14px;
    max-width: 100%;
}


.payment_transport .ptEx2 .deliveryError {
    font-size: 12px;
    color: #ff001e;
    position: relative;
    padding-left: 19px;
    display: none;
    top: 10px;
    padding-top: 0;
    margin-left: 10px;
}

    .payment_transport .ptEx2 .deliveryError:before {
        content: ' ';
        position: absolute;
        background: #ff001e;
        height: 14px;
        width: 14px;
        border-radius: 7px;
        left: 0;
        top: 1px;
    }

    .payment_transport .ptEx2 .deliveryError:after {
        content: '!';
        position: absolute;
        color: #FFF;
        left: 5px;
        top: 1px;
        font-size: 12px;
        font-family: arial;
    }

#dotazPopUpClose {
    background: #00529c;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 6px;
    cursor: pointer;
}

    #dotazPopUpClose:before {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(45deg);
        box-sizing: border-box;
    }

    #dotazPopUpClose:after {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(135deg);
        box-sizing: border-box;
    }

#dotaz { /*position: absolute; left: 135px; top: 65px;*/
    z-index: 5000;
    left: 0 !important;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}


    #dotaz > a {
        background: #00529c;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 5px;
        top: 5px;
        border-radius: 6px;
        cursor: pointer;
    }

        #dotaz > a:before {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(45deg);
            box-sizing: border-box;
        }

        #dotaz > a:after {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(135deg);
            box-sizing: border-box;
        }

    #dotaz .dotaz-info {
        font-style: italic;
        padding-top: 11px;
    }

    #dotaz .help-tel {
        padding: 0 0 0 23px;
        margin-top: 5px;
        background: url(/img/new/bg-contact-info.png) 0px center no-repeat;
        font-weight: 700;
        font-size: 14px;
    }

        #dotaz .help-tel span {
            color: #818e96;
            font-size: 13px;
            font-weight: normal;
            padding-top: 0;
        }

    #dotaz .inputText {
        width: 350px;
        height: 36px;
        border: 1px solid #c6d4dd;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        padding-left: 10px;
        box-sizing: border-box;
    }

    #dotaz tr td span {
        padding-top: 7px;
    }

    #dotaz textarea {
        width: 350px;
        height: 105px;
        border: 1px solid #c6d4dd;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        padding: 10px;
        xfont-family: 'Open Sans', sans-serif;
        font-color: #000;
        font-size: 13px;
        box-sizing: border-box;
    }

    #dotaz .content form {
        margin-top: 7px;
    }

    #dotaz #fakeInput {
        display: none;
    }

.dotazIn .dotazCaptcha {
    padding-top: 5px;
    padding-left: 7px;
}

    .dotazIn .dotazCaptcha .err {
    }

    .dotazIn .dotazCaptcha .text {
        float: left;
        margin-top: 13px;
    }

    .dotazIn .dotazCaptcha img { /*padding-left: 20px;*/
        float: left;
        padding-left: 7px;
    }

    .dotazIn .dotazCaptcha #inputDotazCaptcha {
        float: left;
        margin-top: 10px;
        margin-left: 13px;
    }

    .dotazIn .dotazCaptcha .send {
        float: right;
        padding-right: 10px;
        margin-top: 12px;
    }

.dotaz .dotazIn .title {
    font-size: 16px !important;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    border-bottom: 1px solid #dbe1e5;
    padding-bottom: 7px;
    margin-right: 5px;
}

.dotaz .dotazIn .content {
    xpadding: 10px 15px 5px 15px;
}

    .dotaz .dotazIn .content td {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        xdisplay: -moz-box;
        -webkit-box-pack: space-between;
        -moz-box-pack: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: flex-start;
        -moz-box-align: top;
        -webkit-align-items: top;
        -ms-flex-align: top;
        align-items: top;
    }


    .dotaz .dotazIn .content a {
        border: none;
        font-size: 14px;
        height: 18px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 8px 0px;
        width: 124px;
        color: #FFF;
        margin-top: 11px;
        float: right;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        font-family: 'Exo 2', sans-serif;
        margin-right: 1px;
    }

        .dotaz .dotazIn .content a:hover {
            background: #00aae5;
        }

.dotaz .reqChar {
    color: #ff001e;
    font-size: 13px;
}

#doporucit { /*position: absolute; left: 135px; top: 65px;*/
    z-index: 5000;
}

.doporucitCaptcha {
    padding-top: 5px;
    padding-left: 7px;
}

    .doporucitCaptcha .err {
    }

    .doporucitCaptcha .text {
        float: left;
        margin-top: 13px;
    }

    .doporucitCaptcha .captchaImg { /*padding-left: 20px;*/
        float: left;
        padding-left: 7px;
    }

    .doporucitCaptcha #inputDoporucitCaptcha {
        float: left;
        margin-top: 10px;
        margin-left: 13px;
    }

    .doporucitCaptcha .send {
        float: right;
        padding-right: 10px;
        margin-top: 12px;
    }

    .doporucitCaptcha .img {
        float: left;
        padding-left: 7px;
    }

.doporucit {
    border: 2px solid #EE6A56;
    width: 460px;
    background: #fff;
    display: none;
}

    .doporucit .doporucitIn {
        padding: 15px;
        padding-top: 10px;
    }

        .doporucit .doporucitIn .title {
            color: #EE6A56;
            font-size: 14px !important;
            padding: 0 !important;
            background: url(/img/bg-sendPrint_ul_li_spEx2.gif) left 4px no-repeat;
            padding-left: 18px !important;
        }

        .doporucit .doporucitIn .content {
            padding: 10px 15px 0 15px;
        }

    .doporucit .doporucitIn {
        ?padding-bottom: 0;
    }

        .doporucit .doporucitIn .content .buttons {
            text-align: left;
            margin-bottom: 5px;
        }

            .doporucit .doporucitIn .content .buttons a {
                float: left;
                background: url(/img/subcat-li.png) no-repeat left 4px;
                color: #6C6C6C;
                text-decoration: underline;
                margin-left: 8px;
                padding-left: 9px;
            }

                .doporucit .doporucitIn .content .buttons a:hover {
                    text-decoration: none;
                }

            .doporucit .doporucitIn .content .buttons .send {
                float: right;
                padding-right: 10px;
            }

    .doporucit .reqChar {
        color: #EE6A56;
        font-size: 13px;
    }

.detail .detailInfo .di-1 {
    display: table;
    width: 100%;
}

    .detail .detailInfo .di-1 .freetext {
        font-size: 13px;
        color: #363636;
        display: table-cell;
        vertical-align: top;
    }

    .detail .detailInfo .di-1 .producerImage {
        display: table-cell;
        width: 206px;
        text-align: right;
        border-radius: 3px;
        color: #FFF;
        padding: 5px 0;
    }

        .detail .detailInfo .di-1 .producerImage img {
            width: 150px;
        }

.detail .detailInfo .di-2 {
    display: table;
    width: 99.8%;
    width: calc(100% - 2px);
    margin-top: 25px;
    height: 40px;
    border: 1px solid #dbe1e5;
    border-radius: 2px;
}

    .detail .detailInfo .di-2 div:first-of-type {
        width: 10%;
        white-space: nowrap;
    }

    .detail .detailInfo .di-2 .availability.red {
        text-align: center;
    }

    .detail .detailInfo .di-2 .availability a {
        padding: 0 20px;
        text-decoration: none;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 14px;
    }




    .detail .detailInfo .di-2 span {
        font-weight: 700;
    }


    .detail .detailInfo .di-2 div {
        display: table-cell;
        vertical-align: middle;
    }

.detail .AskNotInStock a {
    padding-left: 49px;
    cursor: pointer;
    color: #00529c;
    text-decoration: underline;
    font-weight: 400;
    background: url('/img/new/bg-AskNotInStock.png') 27px center no-repeat;
}

    .detail .AskNotInStock a:hover {
        color: #00aae5;
    }



.detail .detailInfo .di-2 div .regular {
    font-weight: 400;
}

.detail .detailInfo .di-3 {
    margin-top: 16px;
    margin-bottom: 2px;
}

    .detail .detailInfo .di-3.empty {
        margin-top: 11px;
    }

    .detail .detailInfo .di-3 .productPriceBeforeDiscount {
        text-decoration: line-through;
        color: #ef907f;
        font-size: 16px;
    }

    .detail .detailInfo .di-3 .productPriceBeforeDiscount-in {
        color: #000;
    }

.detail .detailInfo .di-4 {
    display: table;
    width: 100%;
    xborder-bottom: 1px solid #c6d4dd;
    height: 36px;
    padding-bottom: 15px;
}

    .detail .detailInfo .di-4 > span {
        display: table-cell;
        vertical-align: middle;
    }

    .detail .detailInfo .di-4 .productPrice {
        font-size: 24px;
        font-weight: 700;
        font-family: 'Exo 2', sans-serif;
    }

        .detail .detailInfo .di-4 .productPrice span {
            font-size: 14px;
            color: #818e96;
            font-weight: 300;
            display: block;
        }

    .detail .detailInfo .di-4 .productPriceNoDph {
        font-size: 13px;
        color: #818e96;
    }

    .detail .detailInfo .di-4 .di-prices {
        padding-right: 27px;
        white-space: nowrap;
        width: 1%;
    }

    .detail .detailInfo .di-4 .di-amount {
        min-width: 290px;
    }

    .detail .detailInfo .di-4 .di-info {
        xwidth: 185px;
        max-width: 140px;
    }

.detail .detailInfo .di-5 {
    display: block;
    width: 100%;
    background: #efefef;
    border: 1px solid #c6d4dd;
    border-radius: 3px;
    height: 87px;
    text-align: center;
}

.detail .detailInfo .di-6 {
    display:flex;
    width: 100%;
    margin-top: 9px;
}

    .detail .detailInfo .di-6 div {
        margin-bottom: 3px;
    }


    .detail .detailInfo .di-6 span {
        display: table-cell;
        vertical-align: top;
    }

        .detail .detailInfo .di-6 span:first-of-type {
            width: 59%;
        }

.detail .detailInfo .detailInfoBox1 {
    width: 320px;
    float: left;
    position: relative;
}

.detail .detailInfo .detailInfoIn1 {
    height: 60px;
    width: 289px;
    background: url(/img/bg-detailInfoIn1.gif) no-repeat;
    position: relative;
}

.detail .detailInfo .detailInfoBox2 {
    width: 150px;
    padding: 5px 10px 0 0;
    float: left;
}

.detail .detailInfo .detailInfoIn2 {
    overflow-y: auto;
    /* height: 90px; */
    margin-top: 2px;
    width: 289px;
    border: 1px solid #E7E7E7;
    /* background: url(/img/bg-detailInfoIn2.gif) no-repeat; */
    position: relative;
}

.detail .sendPrint {
}

    .detail .sendPrint ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding-bottom: 5px;
    }

        .detail .sendPrint ul li a {
            margin-bottom: 3px;
            padding: 0 0 0 19px;
            display: block;
            color: #5e5e5e;
        }

        .detail .sendPrint ul .spEx3 {
            background: url(/img/bg-sendPrint_ul_li_spEx1.gif) no-repeat 0px 2px;
        }

        .detail .sendPrint ul .spEx1 {
            background: url(/img/bg-sendPrint_ul_li_spEx2.gif) no-repeat 0px 2px;
        }

        .detail .sendPrint ul .spEx2 {
            background: url(/img/bg-sendPrint_ul_li_spEx3.gif) no-repeat 0px 2px;
        }

.detail .detailLinks {
    margin-top: 39px;
}

    .detail .detailLinks span {
        font-size: 22px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    .detail .detailLinks ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin-top: 11px;
    }

        .detail .detailLinks ul li {
            display: inline-block;
            margin-right: 26px;
        }

            .detail .detailLinks ul li a {
                display: block;
                height: 20px;
                padding: 3px 0 3px 32px;
                background: url(/img/new/bg-documentPDF.png) no-repeat;
                color: #00529c;
            }

                .detail .detailLinks ul li a:hover {
                    color: #00aae5;
                }


.detail .detailLinksvideo {
    margin-top: 42px;
}

    .detail .detailLinksvideo .video-t {
        font-size: 22px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    .detail .detailLinksvideo ul {
        list-style-type: none;
        margin: 7px 0 0 0;
        padding: 0;
    }

        .detail .detailLinksvideo ul li {
            display: inline-block;
            margin-left: 40px;
        }

            .detail .detailLinksvideo ul li:first-of-type {
                margin: 0;
            }


            .detail .detailLinksvideo ul li a.video-wrapper {
                cursor: pointer;
                display: inline-block;
            }

            .detail .detailLinksvideo ul li iframe {
                border: none;
                margin-top: 6px;
                pointer-events: none;
            }

    .detail .detailLinksvideo #more-videos {
        color: #00529c;
        margin-top: 1px;
        cursor: pointer;
    }

        .detail .detailLinksvideo #more-videos:hover {
            color: #00aae5;
        }


#Technology3D-block {
    margin-top: 42px;
    margin-bottom: 43px;
    position: relative;
    cursor: pointer;
}

    #Technology3D-block .Technology3D-t {
        font-size: 22px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    #Technology3D-block .Technology3D-wrapper {
        display: inline-block;
        cursor: pointer;
        height: 342px;
        vertical-align: top;
        border: 1px solid #dbe1e5;
        margin-top: 14px;
        width: 100%;
        border-radius: 0 0 3px 3px;
        text-align: center;
        position: relative;
    }

        #Technology3D-block .Technology3D-wrapper:before {
            position: absolute;
            width: 67px;
            height: 67px;
            z-index: 10;
            border-radius: 40px;
            content: ' ';
            border: 4px solid #00a2e2;
            background-color: rgba(255,255,255,0.6);
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            left: 50%;
        }

    #Technology3D-block:hover:after {
        position: absolute;
        width: 100%;
        height: 310px;
        background: #cae0e9;
        top: 41px;
        left: 1px;
        opacity: 0.3;
        content: ' ';
    }


    #Technology3D-block:hover .Technology3D-wrapper:before {
        background-color: rgba(255,255,255,1);
    }

    #Technology3D-block .Technology3D-wrapper:after {
        position: absolute;
        width: 0;
        height: 0;
        z-index: 10;
        border-style: solid;
        border-width: 14.5px 0 14.5px 12px;
        border-color: transparent transparent transparent #00ace5;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        left: calc(50% + 3px);
        content: ' ';
    }




    #Technology3D-block .Technology3D-wrapper img {
        width: 255px;
        padding: 25px 0px;
    }

    #Technology3D-block .Technology3D-wrapper .controll {
        position: relative;
        display: inline-block;
        bottom: -1px;
        border: 1px solid #c6d4dd;
        left: -1px;
        z-index: 10;
        height: 38px;
        border-radius: 0 0 3px 3px;
        width: 100%;
        background: linear-gradient(to bottom, #fff 0%, #e0e5e9 100%);
        text-align: left;
    }


        #Technology3D-block .Technology3D-wrapper .controll .prev {
            background: none;
            border-left: 3px solid #00aae5;
            border-top: 3px solid #00aae5;
            width: 8px;
            height: 8px;
            transform: rotate(-45deg);
            margin: 14px 0 14px 28px;
            vertical-align: top;
            display: inline-block;
        }

        #Technology3D-block .Technology3D-wrapper .controll .next {
            background: none;
            border-right: 3px solid #00aae5;
            border-bottom: 3px solid #00aae5;
            width: 8px;
            height: 8px;
            transform: rotate(-45deg);
            margin: 14px 0 14px 37px;
            display: inline-block;
            vertical-align: top;
        }

        #Technology3D-block .Technology3D-wrapper .controll .play {
            background: none;
            width: 10px;
            height: 0;
            border-style: solid;
            border-width: 8.5px 0 8.5px 6px;
            border-color: transparent transparent transparent #00ace5;
            margin: 11px 0 11px 46px;
            display: inline-block;
            vertical-align: top;
        }

        #Technology3D-block .Technology3D-wrapper .controll .prev:before {
            width: 1px;
            height: 22px;
            background: #c6d4dd;
            position: absolute;
            content: ' ';
            top: 9px;
            transform: rotate(45deg);
            right: -13px;
        }

        #Technology3D-block .Technology3D-wrapper .controll .prev:after {
            width: 1px;
            height: 22px;
            background: #FFF;
            position: absolute;
            content: ' ';
            top: 10px;
            transform: rotate(45deg);
            right: -14px;
        }


        #Technology3D-block .Technology3D-wrapper .controll .next:before {
            width: 1px;
            height: 22px;
            background: #c6d4dd;
            position: absolute;
            content: ' ';
            top: -28px;
            transform: rotate(45deg);
            left: -17px;
        }

        #Technology3D-block .Technology3D-wrapper .controll .next:after {
            width: 1px;
            height: 22px;
            background: #FFF;
            position: absolute;
            content: ' ';
            top: -27px;
            transform: rotate(45deg);
            left: -16px;
        }



#komentare-block {
    margin-top: 42px;
}

    #komentare-block .komentare-t {
        font-size: 22px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    #komentare-block .newComment-btn {
        border: none;
        font-size: 14px;
        height: 17px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 8px 24px;
        color: #FFF;
        margin-top: 11px;
        display: inline-block;
        cursor: pointer;
        font-family: 'Exo 2', sans-serif;
    }

        #komentare-block .newComment-btn:hover {
            background: #00aae5;
        }

.detail .dp-title {
    font-size: 22px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    margin-top: 46px;
    margin-bottom: 12px;
}

.detail .ForumComm .dp-title {
    font-size: 14px;
    border-bottom: 1px solid #e1e6e9;
    padding-bottom: 6px;
}


.detail .dp-title span {
    font-weight: normal;
    color: #818e96;
}
.recaptchaError
.detail .dpcol2-title {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Exo 2', sans-serif;
    border-bottom: 1px solid #dbe1e5;
    padding-bottom: 11px;
}


.detail-articles {
    padding-left: 17px;
    margin-bottom: 50px;
    display: inline-block;
    text-align: left;
    width: 100%;
}

    .detail-articles li {
        color: #00aae5;
        padding-top: 5px;
        padding-bottom: 5px;
    }

       .detail-articles li:first-of-type {
        padding-top: 0;
    }

        .detail-articles li a {
            color: #00529c;
            position: relative;
            left: -3px;
        }

            .detail-articles li a:hover {
                color: #00aae5;
            }


.help-box {
    xmargin-top: 89px;
}

.page_category .help-box,
.page_topsale .help-box,
.page_lastvisit .help-box,
.page_actions .help-box,
.page_producer .help-box,
.page_sale .help-box,
.page_news .help-box,
.page_search .help-box {
    margin-top: 46px;
}


.page_producer_catalogue .help-box {
    margin-top: 10px;
}

.help-box .help-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 16px;
    xtext-transform: uppercase;
    text-align: left;
}

.help-box .help-annotation {
    font-size: 14px;
    padding: 2px 0 0 0;
    text-align: left;
}

.help-box .help-img {
    display: inline-block;
}

.help-box .helpText-wrap {
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
}

.help-box img {
    border: 1px solid #c6d4dd;
    border-radius: 3px;
    margin: 8px 0 0 0;
    max-width: 100%;
}

.help-box .help-name {
    padding-top: 9px;
    font-size: 15px;
    text-align: left;
}

.help-box .help-tel {
    text-decoration: none;
    padding: 0 0 0 23px;
    margin-top: 7px;
    background: url(/img/new/bg-contact-info.png) 0px center no-repeat;
    font-weight: 700;
    font-size: 14px;
    text-align: left;
}

    .help-box .help-tel span {
        color: #818e96;
        font-size: 13px;
        font-weight: normal;
    }

.help-box .help-email {
    font-weight: normal;
    display: inline-block;
    margin-top: 5px;
    padding-left: 23px;
    background: url(/img/new/bg-emailfooter.png) left center no-repeat;
    background-size: 16px 11px;
    text-align: left;
}

    .help-box .help-email a {
        color: #00529c;
        font-size: 13px;
    }

        .help-box .help-email a:hover {
            color: #00aae5;
        }

.help-box .help-btn a {
    border: none;
    font-size: 14px;
    height: 17px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 5px;
    border-bottom: 1px solid #037ea8;
    padding: 8px 36px;
    width: 190px;
    color: #FFF;
    margin-top: 11px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Exo 2', sans-serif;
}

    .help-box .help-btn a:hover {
        background: #00aae5;
    }

.detail .detailInfo {
    z-index: 0;
    margin-left: 485px;
    vertical-align: top;
}




    .detail .detailInfo .amount {
        xwidth: 455px;
        padding: 0 25px 0 0;
        float: left;
        text-align: right;
        font-weight: bold;
        color: #0c96db;
    }

        .detail .detailInfo .amount .input_text {
            /* display: none; */
            padding: 0px 8px 0 4px;
            border: solid 1px #dbe1e5;
            border-radius: 3px 0 0 3px;
            width: 25px;
            border-right-width: 0;
            box-shadow: inset 3px 3px 10px -4px #bfbfbf;
            height: 35px;
            font-size: 14px;
            text-align: right;
            position: relative;
            left: 4px;
        }

        .detail .detailInfo .amount .btns .up {
            cursor: pointer;
            font-size: 22px;
            height: 17px;
            width: 13px;
            line-height: 17px;
            color: #FFF;
            background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
            position: relative;
            border: 1px solid #dbe1e5;
            border-top-right-radius: 3px;
        }

            .detail .detailInfo .amount .btns .up:before {
                position: absolute;
                left: 3px;
                top: 7px;
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 3.5px 3px 3.5px;
                border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0);
            }

        .detail .detailInfo .amount .btns .down {
            cursor: pointer;
            font-size: 30px;
            height: 17px;
            color: #FFF;
            line-height: 10px;
            background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
            padding-left: 6px;
            border: 1px solid #dbe1e5;
            position: relative;
            margin-top: -1px;
            border-bottom-right-radius: 3px;
        }

            .detail .detailInfo .amount .btns .down:before {
                position: absolute;
                left: 3px;
                top: 7px;
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 3px 3.5px 0 3.5px;
                border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            }


            .detail .detailInfo .amount .btns .down:hover, .detail .detailInfo .amount .btns .up:hover {
                background: linear-gradient(to bottom, #e5f2fd 0%, #bacbd7 100%);
            }




        .detail .detailInfo .amount .btns {
            display: inline-block;
            padding: 0;
            vertical-align: middle;
        }

        .detail .detailInfo .amount .input_button {
            border: none;
            font-size: 15px;
            height: 38px;
            width: 192px;
            background: linear-gradient(to bottom, #51bf07 0%, #48b002 100%);
            border-bottom: 2px solid #317602;
            border-radius: 5px;
            color: #FFF;
            margin-left: 8px;
            cursor: pointer;
            font-family: 'Exo 2', sans-serif;
            box-sizing: border-box;
        }

            .detail .detailInfo .amount .input_button:hover {
                background: #43a302;
            }

    .detail .detailInfo .priceWithVAT {
        padding: 5px 0 3px 30px;
    }

        .detail .detailInfo .priceWithVAT span {
            padding-right: 8px;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

        .detail .detailInfo .priceWithVAT strong {
            font-size: 24px;
            font-weight: bold;
            color: #ee6a56;
        }

            .detail .detailInfo .priceWithVAT strong small {
                font-size: 14px;
            }

    .detail .detailInfo .priceRecycleTax {
	width: 100%;
        font-size: 13px;
        color: #00529c;
    }

        .detail .detailInfo .priceRecycleTax span {
            padding: 0 3px 0 0;
        }

            .detail .detailInfo .priceRecycleTax span a {
                color: #00529c;
            }

                .detail .detailInfo .priceRecycleTax span a:hover {
                    color: #00aae5;
                }

    .detail .detailInfo .avail {
        width: 289px;
        padding: 10px 0 3px 0px;
        float: left;
        text-align: right;
        font-size: 12px;
        font-weight: bold;
    }

        .detail .detailInfo .avail strong {
            height: 15px;
            width: 130px;
            padding-left: 9px;
            overflow: hidden;
            float: right;
            text-align: left;
            color: #ee6a56;
        }

    .detail .detailInfo .red, .detail .detailInfo .red a {
        color: #ec3b13 !important;
    }

    .detail .detailInfo .blue, .detail .detailInfo .blue a {
        color: #0C96DB !important;
    }

    .detail .detailInfo .orange, .detail .detailInfo .orange a {
        color: #d68e04 !important;
    }

    .detail .detailInfo .green, .detail .detailInfo .green a {
        color: #58a810 !important;
    }

    .detail .detailInfo a {
        color: #00529c;
    }

        .detail .detailInfo a:hover {
            color: #00aae5;
        }

    .detail .detailInfo .producer {
        width: 289px;
        padding: 3px 0 3px 0px;
        float: left;
        text-align: right;
    }

        .detail .detailInfo .producer h2 a {
            text-decoration: underline;
            color: #0c96db;
        }

            .detail .detailInfo .producer h2 a:hover {
                text-decoration: none;
            }

        .detail .detailInfo .producer strong {
            width: 130px;
            padding-left: 9px;
            float: right;
            text-align: left;
        }

.detail-bot .dpb-column1 {
    width: 825px;
}

.detail-bot .dpb-column2 {
    width: 285px;
    float: right;
}

.detail-bot .help-box {
    padding: 0 0 25px 25px;
}

.dparticles{
    padding: 0 0 25px 25px;
}

.detail .detailText {
    width: 100%; /*margin: 10px 0 0 0;*/
    xfloat: left;
    font-size: 13px;
    margin-top: 45px;
    line-height: 20px;
}

    .detail .detailText .detailText-t {
        font-size: 22px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    .detail .detailText .detailTextIn {
        margin-top: 8px;
        xheight: 100px;
        xoverflow: hidden;
    }


.dpb-column1 .InCategory {
    margin-top: 19px;
}

    .dpb-column1 .InCategory a {
        color: #00529c;
    }

        .dpb-column1 .InCategory a:hover {
            color: #00aae5;
        }

.detail .detailText .detailTextIn h2 {
    font-size: 11px;
    color: #363636;
    font-weight: normal;
}

.detail .detailParam {
    width: 100%;
    float: left;
	padding-bottom:18px;
}

.detail .detailParam-t {
    font-size: 22px;
    font-weight: bold;
    color: #171c20;
	padding-bottom: 18px;
	padding-top:40px;
}

    .detail .detailParam-t span {
        padding-left: 2px;
    }

.detail .detailParam .detailParamIn {
    display:flex;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	padding: 7px 0;
	border-bottom:1px solid #dbe1e5;
}

.detail .detailParam .detailParamIn:first-of-type {
	border-top:1px solid #dbe1e5;
}

.detail .detailParam .detailParamIn .detailParamName {
	flex-basis:35%;
}

    .detail .detailParam .detailParamIn strong {
        padding-left: 3px;
        font-weight: bolder;
    }

.quantity {
    margin: 0;
    width: 100%;
    floaT: left;
}

    .quantity table {
        margin: 17px auto 20px auto;
        padding: 5px;
        border-right: 1px solid #E0E0E0;
        border-left: 1px solid #E0E0E0;
    }

    .quantity td {
        height: 22px;
        width: 60px;
        border-bottom: 1px solid #E0E0E0;
    }

    .quantity .line1 td {
        color: #3d7bb9;
        font-weight: bold;
    }

    .quantity .nadpis {
        height: 30px;
        text-transform: uppercase;
        text-align: center;
        background: #e7e7e7;
        color: #808080;
        font-weight: bold;
        font-size: 12px;
        width: auto;
    }

    .quantity .tdname {
        width: 87px;
        padding-right: 10px;
        font-weight: bold;
        text-align: right;
        color: #808080 !important;
        border-right: 1px solid #E0E0E0;
    }

    .quantity .tdvaluesum {
        font-weight: bolder;
        color: #E35503;
        background: #F2F2F2;
        text-align: center;
        border-right: 1px solid #FFF;
    }

    .quantity .tdvalue {
        background: #F2F2F2;
        text-align: center;
        border-right: 1px solid #FFF;
    }

.detail .infobox-prod {
    width: 695px;
    margin: 30px 0 0 0px; /*padding-bottom: 9px;*/
    float: left;
    background: url(/img/bg-infobox-prod.gif) no-repeat bottom;
}

    .detail .infobox-prod .info-menu {
        width: 100%;
        float: left;
        background: url(/img/bg-info-menu.gif) repeat-x 0 32px;
    }

        .detail .infobox-prod .info-menu a {
            height: 35px;
            width: 171px;
            margin-right: 4px;
            padding: 10px 0 0 0;
            float: left;
            display: block;
            cursor: pointer;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            color: #6c6c6c;
            background: url(/img/bg-info-menu_a.gif) no-repeat;
        }

            .detail .infobox-prod .info-menu a.active {
                color: /*#058cd3*/ #fff;
                background: url(/img/bg-info-menu_aSel.gif) no-repeat;
            }

        .detail .infobox-prod .info-menu #im1 {
            background: url(/img/bg-info-menu_im1.gif) no-repeat !important;
        }

            .detail .infobox-prod .info-menu #im1.active {
                background: url(/img/bg-info-menu_im1Sel.gif) no-repeat !important;
            }

        .detail .infobox-prod .info-menu #im3 {
            margin: 0 4px 0 0px !important;
        }

        .detail .infobox-prod .info-menu #im4 {
            width: 170px !important;
            margin: 0 !important;
            background: url(/img/bg-info-menu_im4.gif) no-repeat !important;
        }

            .detail .infobox-prod .info-menu #im4.active {
                margin: 0 !important;
                background: url(/img/bg-info-menu_im4Sel.gif) no-repeat !important;
            }

    .detail .infobox-prod #info-annotation {
        width: 693px;
        padding: 15px 0 9px 0;
        float: left;
        display: none;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
    }

        .detail .infobox-prod #info-annotation a {
            color: #058CD3;
            font-size: 11px;
            text-decoration: underline;
        }

            .detail .infobox-prod #info-annotation a:hover {
                text-decoration: none;
            }

    .detail .infobox-prod #info-accesories {
        width: 693px;
        padding: 15px 0 9px 0;
        float: left;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
    }

    .detail .infobox-prod #info-related {
        width: 693px;
        padding: 15px 0 9px 0;
        float: left;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
    }

    .detail .infobox-prod #info-comments {
        width: 693px;
        padding: 0 0 0 0;
        float: left;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
    }

/*************************** === commoditybody_detailsend.xslt === ********************************/
.classic {
    margin: 0 0 0 20px;
}

    .classic .name {
        width: 50px;
    }

    .classic .inputTD div {
        padding: 5px 0 15px 0;
    }

    .classic .input_text {
        height: 16px;
        width: 130px;
        margin: 0 8px 0 0;
        padding: 3px 0 0 7px;
        color: #003745;
        background:;
        border: 1px solid #c3c3c3;
    }

    .classic .input_textarea {
        height: 50px;
        width: 450px;
        padding: 3px;
        border: 1px solid #a4a4a4;
    }

    .classic .checkCodeBox span {
        padding: 8px 0 5px 18px;
        display: block;
        color: #003745;
    }

    .classic .checkCodeBox img {
        margin: 0 0 5px 0px;
        display: block;
    }

    .classic .checkCodeBox .input_text {
        margin: 3px 0 0 0;
    }

.detailSendBT {
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
}

    .detailSendBT label {
        margin-right: 10px;
    }

/**************************** === USER.baskethoverbox === *****************************************/
#basketHoverBox {
    position: absolute;
    z-index: 9999;
    width: 906px;
    display: none;
    opacity: 1;
}

    #basketHoverBox #baskethoverboxclose {
        background: #00529c;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 5px;
        top: 5px;
        border-radius: 6px;
        cursor: pointer;
    }

        #basketHoverBox #baskethoverboxclose:before {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(45deg);
            box-sizing: border-box;
        }

        #basketHoverBox #baskethoverboxclose:after {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(135deg);
            box-sizing: border-box;
        }

    #basketHoverBox .baskethoverboxIn {
        background: #FFF;
        border: 1px solid #c6d4dd;
        border-radius: 3px;
        padding: 25px;
        padding-bottom: 10px;
    }

        #basketHoverBox .baskethoverboxIn .text {
            display: inline-block;
            vertical-align: top;
            font-size: 15px;
            padding-top: 11px;
            padding-left: 18px;
        }

        #basketHoverBox .baskethoverboxIn .img {
            display:inline-block;
            border-radius: 3px;
            text-align: center;
        }

        #basketHoverBox .baskethoverboxIn img {
            border: 1px solid #c6d4dd;
            padding: 6px 0;
            width: 63px;
            border-radius: 3px;
        }

        #basketHoverBox .baskethoverboxIn .freetext {
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            font-size: 16px;
        }

    #basketHoverBox .baskethovetboxSet {
        background: #FFF;
        border: 1px solid #c6d4dd;
        border-radius: 3px;
        margin-top: 20px;
        padding: 10px;
    }



    #basketHoverBox .product {
        width: calc(33.33% - 1px);
    }

        #basketHoverBox .product.first {
            border-radius: 10px 0 0 10px !important;
        }

        #basketHoverBox .product.last {
            border-radius: 0 10px 10px 0 !important;
        }


    #basketHoverBox .bhb-title {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 22px;
        text-align: center;
        padding: 5px 0 21px 0;
    }

    #basketHoverBox .item {
        padding: 0 0 0 0px;
        color: #676767;
    }

        #basketHoverBox .item .itemIn {
            width: 387px;
            padding: 0 0 0 36px;
            float: left;
            background: url(/img/bg-itemIn.gif) no-repeat bottom;
        }

        #basketHoverBox .item .itemIn2 {
            padding: 10px 0 7px 36px;
        }

        #basketHoverBox .item .name {
            padding: 3px 0 8px 0;
        }

            #basketHoverBox .item .name .nameIn {
                padding: 4px 0px 0 0;
                font-size: 12px;
                font-weight: bold;
                color: #ee6a56;
            }

            #basketHoverBox .item .name span {
                padding: 0 0px 0 0;
                display: block;
                font-size: 10px;
                color: #676767;
            }

        #basketHoverBox .item .count {
            padding: 0 0 3px 0;
        }

        #basketHoverBox .item .countIn {
            padding: 4px 0px 0px 0;
            font-size: 12px !important;
            font-weight: bold;
            color: #464646;
        }

        #basketHoverBox .item .count span {
            display: block;
            font-size: 10px;
            color: #676767;
        }

        #basketHoverBox .item .price {
            width: 146px;
            padding: 0 0 0px 0;
            float: right;
        }

        #basketHoverBox .item .price2 {
            position: relative;
            top: 3px;
            margin-bottom: 8px;
        }

        #basketHoverBox .item .price .pricePrefix {
            padding: 0 0px 4px 0;
            display: block;
            font-size: 10px;
            color: #676767;
        }

        #basketHoverBox .item .price .priceValue {
            padding: 0 3px 0 0;
            font-size: 12px;
            font-weight: bold;
        }

        #basketHoverBox .item .price .priceValue2 {
            font-size: 14px;
            color: #ee6a56;
        }

        #basketHoverBox .item .price .postfixText {
            padding: 0 0 0 5px;
            font-weight: bold;
        }

    #basketHoverBox .buttonsHB {
        width: 100%;
        padding: 15px 0 15px 0;
        position: relative;
        padding-top: 20px;
    }

    #basketHoverBox .bhEx {
        border: none;
        font-size: 14px;
        height: 19px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 11px 0px 11px 24px;
        width: 176px;
        color: #FFF;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        font-family: 'Exo 2', sans-serif;
        vertical-align: top;
        position: absolute;
        left: -52px;
        top: 15px;
    }

        #basketHoverBox .bhEx:after {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 6px 7px 0;
            border-color: transparent #ffffff transparent transparent;
            top: 13px;
            left: 19px;
        }

        #basketHoverBox .bhEx:hover {
            background: #00aae5;
            color: #FFF;
        }

    #basketHoverBox .bhEx1 {
        border: none;
        font-size: 14px;
        display: inline-block;
        text-align: center;
        padding: 11px 0;
        height: 18px;
        width: 200px;
        background: linear-gradient(to bottom, #51bf07 0%, #48b002 100%);
        border-bottom: 2px solid #317602;
        border-radius: 5px;
        color: #FFF;
        margin-left: 25px;
        cursor: pointer;
        font-family: 'Exo 2', sans-serif;
        text-decoration: none;
        vertical-align: top;
        position: absolute;
        right: -52px;
        top: 15px;
    }

        #basketHoverBox .bhEx1:after {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 0 7px 6px;
            border-color: transparent transparent transparent #ffffff;
            top: 13px;
            right: 19px;
        }

        #basketHoverBox .bhEx1:hover {
            background: #43a302;
        }

    #basketHoverBox .buttons {
        background: #efefef;
        position: relative;
        padding: 0;
        height: 63px;
        padding-top: 9px;
        margin-top: 25px;
        border-radius: 3px;
    }

    #basketHoverBox .basketDeliveryFree {
        font-size: 12px;
        background: url(/img/new/bg-deliveryFree.png) #efefef 0px center no-repeat;
        display: inline-block;
        padding-left: 24px;
    }

    #basketHoverBox .progressBarBox {
        height: 9px;
        padding: 9px 19px 5px 19px;
        background: #efefef;
        width: 370px;
        margin: auto;
    }

    #basketHoverBox .currentAndMaxPrice {
        text-align: right;
        padding-right: 240px;
    }

    #basketHoverBox .progressBar {
        height: 100%;
        width: 100%;
        border: solid 1px #c6d4dd;
        border-radius: 3px;
        background: #FFF;
    }

    #basketHoverBox .currentProgress {
        background: #fe6a50;
        height: 100%;
        width: 100%;
        border-radius: 3px;
    }

.baskethoverbox {
}

    .baskethoverbox img {
        vertical-align: middle;
    }

    .baskethoverbox .productName {
        padding: 4px 0px 0 19px;
        font-size: 14px;
        font-weight: bold;
        color: #ee6a56;
    }

    .baskethoverbox .params {
        padding-top: 8px;
    }

        .baskethoverbox .params .param {
            padding: 5px 0 0 18px;
            float: left;
        }

            .baskethoverbox .params .param .paramName {
                color: #676767;
                font-size: 12px;
            }

            .baskethoverbox .params .param div {
                padding: 0 0 3px 0;
            }

/********************************* === COMMODITYLIST.alternative === ******************************/
x.comLAlternative {
    width: 681px;
    margin-bottom: 5px;
    padding: 0 0 0 12px;
    float: left;
}

    x.comLAlternative .product {
        position: relative;
        height: 246px;
        width: 159px;
        margin-right: 11px;
        padding: 0px 0 0 0;
        float: left;
        background: url(/img/bg-product2.png) no-repeat;
    }

        x.comLAlternative .product.last {
            margin-right: 0;
        }

    x.comLAlternative .productImg { /*height: 104px;*/
        width: 137px;
        margin: 10px auto 16px auto;
        overflow: hidden;
    }

    x.comLAlternative .productName h3 a {
        height: 30px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #00529c;
        font-size: 12px;
        font-weight: normal;
    }

    x.comLAlternative .productInfo {
        padding: 0 0 0 0px;
        text-align: center;
    }

        x.comLAlternative .productInfo .productPrice {
            padding: 2px 0 0 0;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

            x.comLAlternative .productInfo .productPrice small {
                font-size: 14px;
                color: #0c96db;
            }

        x.comLAlternative .productInfo .productAmount {
            color: #FFF;
        }

            x.comLAlternative .productInfo .productAmount span {
                display: none;
            }

            x.comLAlternative .productInfo .productAmount .input_text {
                display: none;
            }

        x.comLAlternative .productInfo .productAttribute {
            position: absolute;
            top: 3px;
            left: 3px;
            width: 38px;
        }

            x.comLAlternative .productInfo .productAttribute img {
                margin-bottom: 5px;
            }

/********************************* === COMMODITYLIST.set === ******************************/
.comLSet {
    xwidth: 681px;
    margin-bottom: 5px;
    padding: 0 0 0 12px;
    xfloat: left;
}

    .comLSet .product {
        xposition: relative;
        xheight: 246px;
        xwidth: 159px;
        margin-right: 11px;
        padding: 0px 0 0 0;
        xfloat: left;
        background: url(/img/bg-product2.png) no-repeat;
    }

        .comLSet .product.last {
            margin-right: 0;
        }

    .comLSet .productImg {
        height: 114px;
        width: 137px;
        margin: 10px auto 6px auto;
        overflow: hidden;
    }

    .comLSet .productName h4 a {
        height: 30px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #ee6a56;
        font-size: 12px;
        font-weight: bold;
    }

    .comLSet .productInfo {
        padding: 0 0 0 0px;
        text-align: center;
    }

        .comLSet .productInfo .productPrice {
            padding: 2px 0 0 0;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

            .comLSet .productInfo .productPrice small {
                font-size: 14px;
                color: #0c96db;
            }

        .comLSet .productInfo .productAmount {
            color: #FFF;
        }

            .comLSet .productInfo .productAmount span {
                display: none;
            }

            .comLSet .productInfo .productAmount .input_text {
                display: none;
            }

        .comLSet .productInfo .productAttribute {
            position: absolute;
            top: 3px;
            left: 3px;
            width: 38px;
        }

            .comLSet .productInfo .productAttribute img {
                margin-bottom: 5px;
            }


/**************************** === COMMODITYBODY.toporder ===  *********************************/
#title_toporder_1 {
    background: url(/img/1/title_toporder.gif) no-repeat !important;
}

.comLTopOrder-t {
    height: 30px;
    padding: 12px 0 0 41px;
    font-size: 18px;
    font-weight: bold;
    color: #058cd3;
    background: url(/img/bg-title_C22.gif) no-repeat;
}

.comLTopOrder {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

    .comLTopOrder .product {
        position: relative;
        height: 280px;
        width: 182px;
        margin-right: 1px;
        padding: 0px 0 0 0;
        float: left;
        background: url(/img/bg-product.png) no-repeat;
    }

        .comLTopOrder .product.last {
            margin-right: 0;
        }

    .comLTopOrder .productImg {
        height: 134px;
        width: 150px;
        margin: 11px auto 17px auto;
    }

    .comLTopOrder .productName h4 a {
        height: 30px;
        margin: 0 15px 0 15px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #ee6a56;
        font-size: 12px;
        font-weight: bold;
    }

    .comLTopOrder .productInfo {
        padding: 0 0 0 0px;
        text-align: center;
    }

        .comLTopOrder .productInfo .productPrice {
            padding: 4px 0 6px 0;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

            .comLTopOrder .productInfo .productPrice small {
                font-size: 14px;
                color: #0c96db;
            }

        .comLTopOrder .productInfo .productAmount {
            color: #FFF;
        }

            .comLTopOrder .productInfo .productAmount span {
                display: none;
            }

            .comLTopOrder .productInfo .productAmount .input_text {
                display: none;
            }

        .comLTopOrder .productInfo .productAttribute {
            position: absolute;
            top: 3px;
            left: 3px;
            width: 38px;
        }

            .comLTopOrder .productInfo .productAttribute img {
                margin-bottom: 5px;
            }

/******************* === USER.Order === ***********************************************************/
#title_order_1 {
    background: url(/img/1/title_order.gif) no-repeat;
}

.order {
    ;
}

    .order .orderItems {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 0 0px;
        _margin-bottom: -17px;
        float: left;
        border: 1px solid #dbe1e5;
        border-bottom: 0;
        border-radius: 5px 5px 0 0;
    }

.orderItems thead tr {
    background: #f2f2f2;
}

.order .orderItems td img {
    vertical-align: middle;
}

.order .orderItems thead tr td {
    height: 30px;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: normal !important;
    font-family: 'Exo 2', sans-serif;
    color: #171c20 !important;
    xborder-top: 1px solid #dbe1e5;
    border-bottom: 1px solid #dbe1e5;
    text-align: center;
}

    .order .orderItems thead tr td:first-of-type {
        xborder-left: 1px solid #dbe1e5;
        border-radius: 5px 0 0 0;
        padding-left: 19px;
        border-bottom: 1px solid #dbe1e5;
    }

    .order .orderItems thead tr td:last-of-type {
        xborder-right: 1px solid #dbe1e5;
        border-radius: 0 5px 0 0;
        border-bottom: 1px solid #dbe1e5;
    }

    .order .orderItems thead tr td.name {
        text-align: left;
        padding-left: 0px;
    }


.order .orderItems tbody tr td {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9e9e9;
}

    .order .orderItems tbody tr td.amount {
        padding-left: 1px;
    }

.order .orderItems tbody tr.last td {
    background: none;
}

.order .orderItems tbody tr.coupon td {
    border-bottom: 0;
}

    .order .orderItems tbody tr.coupon td.dostupnost {
        color: #FF2100;
        font-weight: 700;
        font-family: 'Exo 2', sans-serif;
        font-size: 12px;
    }

.order .orderItems .gap {
    padding-left: 19px;
    border-bottom: 0;
}

.order .orderItems .img {
    width: 71px;
}

.order .orderItems .code {
    width: 55px;
    font-weight: bold;
    color: #0C96DB;
}

.order .orderItems .name {
    padding-left: 15px;
    padding-right: 5px;
}

.order .orderItems .coupon .name strong {
    font-family: 'Exo 2', sans-serif;
}

.order .orderItems .params {
    color: #6C6C6C;
    font-style: italic;
}

.order .orderItems .img img {
    padding: 0 3px;
}

.order .orderItems .name a {
    padding: 2px 0;
    display: block;
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    color: #00529c;
}

    .order .orderItems .name a:hover {
        color: #00aae5;
    }

.order .orderItems .amount {
    width: 105px;
    text-align: left;
    white-space: nowrap;
    padding-left: 4px;
}


    .order .orderItems .amount .input_button {
        margin-left: 3px;
    }


    .order .orderItems .amount .wr {
        display: inline-block;
    }

.order .orderItems .dostupnost {
    width: 323px;
    text-align: center;
    font-size: 12px;
}

    .order .orderItems .dostupnost a {
    }

.order .orderItems .sleva {
    width: 40px;
    text-align: center;
    font-size: 12px;
    color: #0c96db;
}

.order .orderItems .price1 {
    width: 248px;
    text-align: center;
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #000000;
}


    .order .orderItems .price1 span {
        display: none;
    }

    .order .orderItems .price1 small {
        font-size: 11px;
    }

.order .orderItems .price2 {
    width: 105px;
    text-align: right;
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #000000;
    position: relative;
    padding-right: 38px;
}

.order .orderItems thead .price2 {
    width: 143px;
    text-align: center !important;
    padding-right: 0;
}

.order .orderItems .price2 small {
    font-size: 11px;
}

.order .orderItems .itemDelete {
    background: #00529c;
    height: 12px;
    width: 12px;
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    border-radius: 6px;
    cursor: pointer;
}

    .order .orderItems .itemDelete:before {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(45deg);
        box-sizing: border-box;
    }

    .order .orderItems .itemDelete:after {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(135deg);
        box-sizing: border-box;
    }

.order .orderItems thead .sum {
    width: 75px;
    padding-right: 15px;
}

.order .orderItems .sum {
    width: 80px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #fb8f1e;
}

.order .orderItems .price .currency {
    font-weight: bold;
    font-size: 11px;
}

.order .orderItems tfoot .quick {
    padding-top: 5px;
    border-top: 1px solid #006644;
}

.order .orderItems .empty {
    width: 29px;
    text-align: center;
}

    .order .orderItems .empty a {
        position: relative;
        top: 3px;
    }


.quickOrder .orderItems .code {
    width: 95px;
}

    .quickOrder .orderItems .code .input_text {
        height: 16px;
        width: 70px;
        margin-right: 3px;
        padding-top: 3px;
        text-align: center;
        color: #003745;
        background: url(/img/bg-searchBox_input.gif) repeat-x;
        border: 1px solid #c3c3c3;
    }

.quickOrder .orderItems .param {
    width: 50px;
}

.quickOrder .orderItems .amount .input_button {
    margin-left: 3px;
}

.order .suma {
    position: relative;
    height: 39px;
    margin: 10px 0 15px 0;
    background: url(/img/bg-suma.gif) no-repeat;
}

    .order .suma .price {
        position: absolute;
        top: 13px;
        right: 11px;
        font-size: 14px;
        font-weight: bold;
        color: #fb9824;
    }

    .order .suma .priceText {
        position: absolute;
        top: 14px;
        left: 260px;
        font-size: 12px;
        font-weight: bold;
    }

    .order .suma .clearBasket {
        position: absolute;
        top: 11px;
        left: 13px;
    }

    .order .suma .recount {
        position: absolute;
        top: 11px;
        left: 175px;
    }

.taxBoxVis {
    width: 396px;
    margin: 3px 0 4px 0;
    float: right;
    background: url(/img/bg-taxBoxVis.gif) repeat-y;
    display: none;
}

.taxBoxVisIn1 {
    width: 396px;
    float: left;
    background: url(/img/bg-taxBoxVisIn1.gif) no-repeat;
}

.taxBoxVisIn2 {
    width: 396px;
    padding: 13px 0px 13px 0px;
    float: left;
    background: url(/img/bg-taxBoxVisIn2.gif) no-repeat bottom;
}


#title_tax_1 {
    xbackground: url(/img/1/title_tax.gif) no-repeat;
}

.order .tax-t {
    background: url(/img/bg-title_tax-t.gif) no-repeat !important;
}

.taxBoxVis .tax {
    width: 394px;
    margin: 0px 0 0 1px;
    text-align: right;
}

    .taxBoxVis .tax thead tr td {
        height: 22px;
        font-size: 10px !important;
        font-weight: normal !important;
        color: #505050 !important;
        border-bottom: 1px solid #e9e9e9;
    }

    .taxBoxVis .tax tbody tr td {
        height: 22px;
        border-bottom: 1px solid #e9e9e9;
        ;
    }

    .taxBoxVis .tax tfoot tr td {
        height: 22px;
    }

    .taxBoxVis .tax .taxRate {
        width: 150px;
        padding-left: 15px;
        text-align: left;
    }

    .taxBoxVis .tax .price1 {
        width: 100px;
    }

    .taxBoxVis .tax .price2 {
        width: 100px;
    }

    .taxBoxVis .tax thead .price3 {
        width: 95px;
        padding-right: 15px;
    }

    .taxBoxVis .tax .price3 {
        width: 100px;
        padding-right: 10px;
        font-size: 12px;
        font-weight: bold;
        color: #0c96db;
    }

    .taxBoxVis .tax .last td {
        border-bottom: 0 !important;
    }

.commodityBox img {
    display: inline-block;
    width: 55px;
}

.commodityBox .image {
    display: table-cell;
    vertical-align: middle;
    width: 55px;
}

.commodityBox .item > a {
    width: 150px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    color: #171c20;
    text-decoration: none;
    padding: 12px 0 12px 5px;
}


.commodityBox {
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    margin-top: 20px;
    background: #FFF;
}

    .commodityBox .box-title {
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
        padding-bottom: 7px;
        border-bottom: 1px solid #dbe1e5;
        margin: 11px 15px 0px 15px;
        font-weight: 500;
    }

    .commodityBox .item {
        height: 66px;
        display: table;
        width: 91%;
        border-bottom: 1px solid #dbe1e5;
        margin: 0 15px;
    }

        .commodityBox .item span {
            display: table-cell;
            vertical-align: middle;
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            text-align: right;
        }

    .commodityBox #moreCommodities {
        display: none;
    }

    .commodityBox #showMoreCommodities {
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px solid #dbe1e5;
        margin: 0 15px;
    }

        .commodityBox #showMoreCommodities span {
            color: #00529c;
            text-decoration: underline;
            cursor: pointer;
            display: inline-block;
            padding-right: 25px;
            position: relative;
            font-weight: normal;
        }

            .commodityBox #showMoreCommodities span:hover {
                color: #00aae5;
            }

            .commodityBox #showMoreCommodities span:before {
                height: 17px;
                width: 17px;
                line-height: 17px;
                position: absolute;
                top: -2px;
                right: 0;
                content: ' ';
                border: 1px solid #dbe1e5;
                border-radius: 10px;
                background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
            }

            .commodityBox #showMoreCommodities span:hover:before {
                background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
            }

            .commodityBox #showMoreCommodities span:after {
                position: absolute;
                right: 7px;
                top: 7px;
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 3px 3.5px 0 3.5px;
                border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
                transition: all 0.5s;
            }

        .commodityBox #showMoreCommodities.showing span:after {
            transform: rotate(-180deg);
            top: 6px;
        }

.priceWithoutDP {
    padding: 8px 0 11px 0;
    border-bottom: 1px solid #dbe1e5;
    margin: 0 15px;
}

strong#PriceWithoutDP {
    position: absolute;
    right: 15px;
    font-family: 'Exo 2', sans-serif;
}

.priceWithoutDP span {
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
}

.PriceDP {
    display: table;
    width: 91%;
    padding: 8px 0 11px 0;
    margin: 0 15px;
}

    .PriceDP div {
        display: table-row;
    }

    .PriceDP span {
        display: table-cell;
    }

    .PriceDP strong {
        display: table-cell;
        text-align: right;
    }

    .PriceDP span:first-of-type {
        width: 65px;
    }

    .PriceDP #PriceDeliveryText,
    .PriceDP #PricePaymentText {
        padding-right: 15px;
    }

.priceWithDP {
    border-top: 1px solid #dbe1e5;
    padding: 11px 15px;
    background: #efefef;
    height: 37px;
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
}

    .priceWithDP strong {
        font-size: 16px;
        display: block;
    }

    .priceWithDP > span {
        vertical-align: top;
    }

    .priceWithDP div {
        display: inline-block;
        position: absolute;
        right: 15px;
        text-align: right;
    }

    .priceWithDP span#PriceWithDPnoVAT {
        font-size: 13px;
        vertical-align: middle;
    }


.boxX {
    width: 802px;
}

.boxInX {
    width: 100%;
    float: left;
}

.boxX .secLabel {
    font-family: 'Exo 2', sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #dbe1e5;
    background: #f2f2f2;
    height: 16px;
    padding: 6px 20px;
    position: relative;
    border-radius: 5px 5px 0 0;
    position: relative;
    margin-top: 30px;
}

    .boxX .secLabel span {
        position: absolute;
        right: 19px;
        font-weight: 500;
    }

.boxX .payment_transport {
    border: 1px solid #dbe1e5;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    padding: 15px 10px;
}

    .boxX .payment_transport tr.active {
        background: #dbe7eb;
    }

    .boxX .payment_transport tr.osobni-odber {
        background: #dbe7eb;
    }

    .boxX .payment_transport tr.disabled {
        background: none !important;
    }


    .boxX .payment_transport tr.osobni-rozcestnik .ptEx1 {
        padding-bottom: 6px;
        position: relative;
    }

    .boxX .payment_transport tr.osobni-rozcestnik.active .ptEx1 {
        border-radius: 3px 0 0 0;
    }

    .boxX .payment_transport tr.osobni-rozcestnik.active .ptEx3 {
        border-radius: 0 3px 0 0;
    }


    .boxX .payment_transport tr.osobni-rozcestnik .ptEx3 {
        padding-bottom: 6px;
    }

    .boxX .payment_transport tr {
        position: relative;
    }

        .boxX .payment_transport tr.osobni-rozcestnik.active:after {
            content: ' ';
            position: absolute;
            height: 1px;
            background: #b0c4cb;
            left: 7px;
            bottom: 6px;
            width: 766px;
        }

        .boxX .payment_transport tr.osobni-odber:after {
            content: ' ';
            position: absolute;
            height: 1px;
            background: #b0c4cb;
            left: 52px;
            bottom: 9px;
            width: 720px;
        }

        .boxX .payment_transport tr.osobni-rozcestnik .ptEx2 {
            padding-bottom: 6px;
        }

.boxX table {
    width: 100%;
}


    .boxX table .ptEx1 {
        width: 48px;
        text-align: center;
        border-radius: 3px 0 0 3px;
    }

tr.osobni-odber span.method-of-delivery {
    left: 35px;
}

.boxX table tr.osobni-odber .ptEx2 strong {
    padding-left: 24px;
    padding-top: 0;
}

.boxX table tr.osobni-odber.active .ptEx2 strong {
    font-weight: 700;
}

.boxX table tr.osobni-odber .ptEx1 {
    border-radius: 0;
    vertical-align: top;
    position: relative;
}

.boxX table tr.osobni-odber .ptEx3 {
    border-radius: 0;
}

.boxX table tr.osobni-odber:last-of-type .ptEx1 {
    border-radius: 0 0 0 3px;
}

.boxX table tr.osobni-odber:last-of-type .ptEx3 {
    border-radius: 0 0 3px 0;
}


.boxX table .ptEx2 {
}



    .boxX table .ptEx2 label {
        display: block;
        height: 36px;
        cursor: pointer;
    }

.boxX table tr.osobni-odber .ptEx2 label {
    height: auto;
}

.boxX table .ptEx2 label img {
    display: inline-block;
}

.boxX table .ptEx2 strong {
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 0 0 13px;
    color: #171c20;
}

.boxX table .ptEx2 span.info {
    xdisplay: none;
    position: relative;
    padding: 8px 0 0 15px;
    margin-left: 10px;
    color: #00aae5;
}

    .boxX table .ptEx2 span.info:before {
        content: ' ';
        position: absolute;
        background: #00aae5;
        width: 13px;
        height: 13px;
        border-radius: 8px;
        left: 0;
        top: 12px;
    }

    .boxX table .ptEx2 span.info:after {
        content: 'i';
        position: absolute;
        color: #FFF;
        left: 5px;
        top: 10px;
        font-size: 11px;
    }

.boxX table tr:hover span.info {
    display: inline-block;
}

.boxX table .ptEx2 span.deliveryInInfo,
.boxX table .ptEx2 span.paymentIn {
    position: absolute;
    background: #FFF;
    padding: 10px;
    border: 1px solid #00aae5;
    max-width: 500px;
    box-shadow: 0 2px 12px rgba(45,45,45,0.5);
    color: #171c20;
    margin-left: 10px;
    border-radius: 3px;
    display: none;
}

.payment_transport input {
    opacity: 0;
    margin-top: -3px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

span.method-of-payment img {
    top: -16px;
    position: absolute;
    left: 460px;
}

.boxX table .ptEx2 span {
    color: #556168;
    font-size: 13px;
    vertical-align: top;
    display: inline-block;
}


    .boxX table .ptEx2 span.showOnMap {
        display: inline-block;
        padding: 0 !important;
        color: #00aae5;
        text-decoration: underline;
        cursor: pointer;
        margin-left: 5px;
    }

        .boxX table .ptEx2 span.showOnMap:hover {
            color: #00529c;
        }

.boxX table tr.osobni-odber .ptEx2 span {
    padding-left: 24px;
    padding-bottom: 22px;
    padding-top: 2px;
}

.boxX table .ptEx3 {
    width: 85px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #000;
    border-radius: 0 3px 3px 0;
    text-align: right;
    padding-right: 7px;
}

.boxX table tr.osobni-odber .ptEx3 div {
    padding-bottom: 9px;
}

span.method-of-delivery {
    position: relative;
}

.payment_transport .fake-radio {
    height: 12px;
    width: 12px;
    background: #efefef;
    top: 3px;
    left: 0;
    position: absolute;
    border: 1px solid #a8bdcc;
    border-radius: 7px;
}

.payment_transport .disabled {
    opacity: 0.6;
}

.payment_transport .active .fake-radio:before {
    width: 6px;
    height: 6px;
    position: absolute;
    content: ' ';
    top: 3px;
    border-radius: 4px;
    background: #171c20;
    left: 3px;
}

.payment_transport .disabled .fake-radio:before {
    display: none;
}

span.method-of-payment {
    position: relative;
}

div#marketHoverBox {
    width: 766px;
    height: 504px;
    position: absolute;
    z-index: 100000;
    background: #FFF;
    border: 1px solid #c6d4dd;
    border-radius: 3px;
    display: none;
}

.page_order #column2 div#marketHoverBox .title {
    font-size: 18px;
    text-align: left;
    text-transform: none;
    font-weight: normal;
    padding: 16px 0 15px 19px;
}

div#marketHoverBox small {
    display: none;
}

div#marketHoverBox .bold {
    font-weight: 700;
}

#marketHoverBox table {
    padding: 0 20px;
    width: 100%;
}

    #marketHoverBox table td {
        vertical-align: top;
        width: 33%;
    }

#marketHoverBox iframe {
    width: 726px;
    height: 325px;
    border: 1px solid #c6d4dd;
    border-radius: 3px;
}

#marketHoverBox .map {
    padding: 0 20px;
}

#marketHoverBox #marketHoverBoxClose {
    background: #00529c;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 6px;
    cursor: pointer;
}

    #marketHoverBox #marketHoverBoxClose:before {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(45deg);
        box-sizing: border-box;
    }

    #marketHoverBox #marketHoverBoxClose:after {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(135deg);
        box-sizing: border-box;
    }

.boxX2 {
    width: 802px;
}

.boxInX2 {
    width: 100%;
    float: left;
}

.bottomWrap {
    height: 88px;
    display: table;
    width: calc(100% - 2px);
    border: 1px solid #dbe1e5;
    border-radius: 0 0 5px 5px;
    background: #efefef;
}

    .bottomWrap .taxRekapitulace {
        xmargin-top: 3px;
    }

.OrderBottomNavigation .left {
    float: left;
    padding: 25px 0 0 150px;
}

    .OrderBottomNavigation .left a {
        font-size: 16px;
        text-decoration: underline;
        font-weight: bold;
        color: #058CD3;
        background: url(/img/liBigLink.png) no-repeat 0 6px;
        padding-left: 13px;
    }

        .OrderBottomNavigation .left a:hover {
            text-decoration: none;
        }

.OrderBottomNavigation .right {
    width: 396px;
    margin: 3px 16px 0 0;
    float: right;
    _margin-right: 8px;
}

    .OrderBottomNavigation .right .cena {
        height: 40px;
        width: 396px;
        margin-bottom: 18px;
        padding: 27px 0 0 0;
        float: right;
        clear: both;
        background: url(/img/bg-suma_cena.gif) no-repeat;
    }

        .OrderBottomNavigation .right .cena div {
            padding: 0 0 0 22px;
            float: left;
            font-size: 14px;
            font-weight: bold;
            color: #0c96db;
        }

        .OrderBottomNavigation .right .cena strong {
            position: relative;
            top: -9px;
            padding: 0 40px 0 0;
            float: right;
            font-size: 24px;
            color: #ee6a56;
        }

            .OrderBottomNavigation .right .cena strong small {
                font-size: 14px;
            }

.OrderBottomNavigation .bt-backOr {
    position: relative;
    top: 10px;
    margin: 0 70px 0 29px;
    padding-left: 10px;
    float: left;
    text-decoration: underline;
    font-weight: bold;
    color: #058cd3;
    background: url(/img/bg-bt-backOr.gif) no-repeat 0 4px;
}

    .OrderBottomNavigation .bt-backOr:hover {
        text-decoration: none;
    }

.OrderBottomNavigation .bt-step2to3 {
    position: relative;
    right: 19px;
}

.OrderBottomNavigation .stp3 {
    width: 695px !important;
    xpadding: 15px 0 0 0;
    float: left;
}

    .OrderBottomNavigation .stp3 .bt-step3to4 {
        float: right;
    }

.stayInTouch {
    width: 802px;
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    margin-top: 20px;
    position: relative;
    margin-bottom: 70px;
}

    .stayInTouch .DataBox-title {
        margin: 0;
        border-width: 0 0 1px 0;
        margin-bottom: 11px;
    }

    .stayInTouch label {
        font-size: 13px;
        padding-left: 42px;
    }

    .stayInTouch #registerForm {
        position: relative;
    }

        .stayInTouch #registerForm .rName label {
            padding-left: 0;
        }


    .stayInTouch .c-chbox {
        top: 44px;
    }

    .stayInTouch .registerBlock {
        position: relative;
        padding-bottom: 11px;
    }

        .stayInTouch .registerBlock .c-chbox {
            top: 4px;
        }

    .stayInTouch table span {
        padding-left: 20px;
    }

.order .discount {
    padding: 5px 0;
}

    .order .discount strong {
        padding-left: 5px;
        color: #000;
    }

.order .sumaAll {
    position: relative;
    height: 39px;
    margin: 10px 0 15px 0;
    background: url(/img/bg-suma.gif) no-repeat;
}

    .order .sumaAll .price {
        position: absolute;
        top: 13px;
        right: 11px;
        font-size: 14px;
        font-weight: bold;
        color: #fb9824;
    }

    .order .sumaAll .priceText {
        position: absolute;
        top: 14px;
        left: 260px;
        font-size: 12px;
        font-weight: bold;
    }

.order .secLabel {
    margin: 15px 0 8px 0;
    padding: 0 0 5px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #003644;
    background: url(/img/bg-order_secLabel.gif) repeat-x bottom left;
}

.order .orderCupon {
    padding: 15px 0 14px 20px;
    border-left: 1px solid #dbe1e5;
    border-right: 1px solid #dbe1e5;
}

    .order .orderCupon .req-char {
        color: #ff001e;
    }

    .order .orderCupon label {
        color: #00529c;
        text-decoration: underline;
        font-size: 12px;
        cursor: pointer;
        padding-left: 3px;
    }

        .order .orderCupon label:hover {
            color: #00aae5;
        }


    .order .orderCupon .couponWrap {
        display: none;
        margin-top: 7px;
    }

    .order .orderCupon .couponError {
        display: none;
        color: #ff001e;
    }

    .order .orderCupon p {
        padding: 3px 0 5px 18px;
    }

    .order .orderCupon .input_text {
        height: 33px;
        width: 193px;
        border: 1px solid #c6d4dd;
        border-radius: 3px;
        background: #fff;
        box-sizing: border-box;
        padding: 0px 7px 0px 7px;
        font-family: 'Open Sans', arial, sans-serif;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        margin-left: 6px;
    }

    .order .orderCupon .submitBtn {
        border: none;
        height: 33px;
        width: 79px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 0 15px;
        color: #FFF;
        cursor: pointer;
        font-family: 'Exo 2', sans-serif;
        margin-left: 1px;
    }

        .order .orderCupon .submitBtn:hover {
            background: #00aae5;
        }


.fInfo {
}

    .fInfo div {
        color: #6c6c6c;
        padding-left: 73px;
        padding-right: 10px;
    }

#loginDiv {
    position: absolute;
    border: solid 1px #c6d4dd;
    padding-top: 10px;
    background: #FFF;
    z-index: 10000;
    height: auto;
    box-shadow: 0 2px 12px rgba(31,31,31,0.5);
    border-radius: 3px 0 3px 3px;
    font-size: 12px;
    margin-top: -1px;
    border-radius: 3px 0 3px 3px;
}

    #loginDiv .login-row {
        padding: 0 10px 11px 10px;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        xdisplay: -moz-box;
        -webkit-box-pack: space-between;
        -moz-box-pack: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: flex-start;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #loginDiv .loginError {
        color: #f00;
        font-size: 13px;
        padding: 5px 0 0 68px;
        position: relative;
        top: -10px;
    }

    #loginDiv label {
        font-size: 13px;
        color: #000;
        min-width: 45px;
        text-align: left;
        padding-right: 13px;
    }

    #loginDiv input {
        padding: 2px 8px;
        height: 28px;
        width: 183px;
        font-size: 12px;
        color: #171c20;
        border: solid 1px #c6d4dd;
        box-sizing: border-box;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
    }

        #loginDiv input.wrong {
            border-color: #F00;
            background: #fdf0ee;
        }

    #loginDiv .submit-row {
        font-size: 12px;
        display: block;
        padding-top: 1px;
        vertical-align: top;
        height: 49px;
        margin: 0px 10px;
        border-bottom: solid 1px #dbe1e5;
    }


        #loginDiv .submit-row a.input_button {
            padding-top: 0px;
            text-align: center;
            width: 85px;
            border: none;
            font-size: 13px;
            float: right;
            height: 16px;
            margin-left: -4px;
            background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
            border-radius: 3px;
            border-bottom: 1px solid #037ea8;
            padding: 10px 10px;
            color: #FFF;
            cursor: pointer;
            text-decoration: none;
            font-family: "Exo 2", sans-serif;
            letter-spacing: 0.02em;
        }


            #loginDiv .submit-row a.input_button:hover {
                background: #00aae5;
                color: #FFF;
            }

        #loginDiv .submit-row a {
            padding-top: 10px;
            color: #00529c;
            display: inline-block;
            padding-left: 0;
        }

            #loginDiv .submit-row a:hover {
                color: #00aae5;
            }

    #loginDiv .link-row {
        font-size: 12px;
        xwidth: 246px;
        display: block;
        padding: 10px 10px;
    }

        #loginDiv .link-row a:last-of-type {
            float: right;
        }

        #loginDiv .link-row a {
            display: inline-block;
            padding: 2px 0;
            color: #00529c;
        }

            #loginDiv .link-row a:hover {
                color: #00aae5;
            }

.orderLogin table {
    margin-bottom: 13px;
}

.orderLogin tr td {
    height: 39px;
    font-size: 12px;
}

    .orderLogin tr td label {
        font-size: 12px;
        color: #000;
    }

    .orderLogin tr td strong {
        color: #ee6a56;
    }

.orderLogin .input_text {
    width: 171px;
    padding: 3px 0 3px 7px;
    color: #003745;
    border: 1px solid #aaaaaa;
}

.orderLogin .rName {
    width: 104px;
    padding-right: 5px;
    text-align: right;
}

.orderLogin .rInsert {
    width: 183px;
}

.orderLogin .rName1 {
    width: 86px;
    padding-right: 4px;
    text-align: right;
}

.orderLogin .rInsert1 {
    width: 165px;
}

.orderLogin .button {
    padding: 0 0 0 395px;
}

    .orderLogin .button a {
        padding-left: 9px;
        text-decoration: underline;
        font-size: 11px;
        color: #058cd3;
        background: url(/img/bg-button_a.gif) no-repeat left;
        margin-top: 5px;
        display: block;
    }

.order .payment_transport {
    padding: 0 0 10px 15px;
}

    .order .payment_transport .input_check {
        position: relative;
        top: 1px;
        margin: 0 5px 0 0;
    }

    .order .payment_transport p {
        padding: 3px 0 0 19px;
    }

    .order .payment_transport .method-of-delivery {
    }

        .order .payment_transport .method-of-delivery .infoPT {
            padding: 3px 0 0 18px;
            display: block;
            color: #fc8b00;
        }

    .order .payment_transport .method-of-payment {
    }

.order .orderAdditionales {
    padding: 0 0 10px 15px;
}

.order .orderCompletiveInfo {
    padding: 0 0 10px 15px;
}

    .order .orderCompletiveInfo textarea {
        height: 50px;
        width: 450px;
        padding: 3px;
        border: 1px solid #a4a4a4;
    }

.order .orderClientNumber {
    padding: 0 0 10px 15px;
}

    .order .orderClientNumber .input_text {
        height: 16px;
        width: 130px;
        padding: 3px 0 0 7px;
        color: #003745;
        background: url(/img/bg-searchBox_input.gif) repeat-x;
        border: 1px solid #c3c3c3;
    }

.orderBT {
    padding: 15px 0 25px 0;
    text-align: center;
}

    .orderBT .btEx {
        margin-right: 15px;
    }

    .orderBT img {
        vertical-align: middle;
        cursor: hand;
    }

.invoiceDataBox-wrap {
    border: 1px solid #dbe1e5;
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
    margin-top: 20px;
}

.userDataBox-wrap {
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    margin-top: 30px;
}

.userdataboxAddInfo-wrap {
    border: 1px solid #dbe1e5;
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
    margin-top: 20px;
}

.DataBox-title {
    font-family: 'Exo 2', sans-serif;
    font-size: 13px;
    border-bottom: 1px solid #dbe1e5;
    background: #f2f2f2;
    height: 16px;
    padding: 6px 20px;
    border-radius: 5px 5px 0 0;
    font-weight: 500;
}

#userdataboxUser table {
    xwidth: 100%;
    xborder: 1px solid #dbe1e5;
    border-width: 0 1px 0 1px;
    padding: 12px 0 11px 0;
}

#userdataboxUser #userdataboxFirm table {
    border-width: 0 1px 0 1px;
    border-radius: 0;
    padding: 0;
    position: relative;
    top: 2px;
}

#userdataboxUser table.invoiceDataBox {
    padding-top: 0;
}

.orderContent label.error {
    padding: 7px 0px 4px 30px;
    color: #ff001e;
    position: relative;
    display: inline-block;
    width: 325px;
}


    .orderContent label.error:before {
        content: ' ';
        position: absolute;
        background: url("/img/vykric.svg") center center /contain no-repeat ;
        height: 14px;
        width: 14px;
        border-radius: 7px;
        left: 11px;
        top: 9px;
    }

.orderContent input.error {
    border-color: #ff001e !important;
}

.orderContent label.valid {
    position: relative;
    left: -30px;
    width: auto !important;
}

    .orderContent label.valid:before {
        content: ' ';
        position: absolute;
        background: #58a810;
        height: 14px;
        width: 14px;
        border-radius: 7px;
        left: 11px;
        top: -2px;
        background: #58a810;
    }

    .orderContent label.valid:after {
        content: ' ';
        position: absolute;
        color: #FFF;
        margin-top: -6px;
        margin-left: -2px;
        font-size: 11px;
        border: 1px solid #FFF;
        border-width: 0 0 2px 2px;
        width: 6px;
        height: 3px;
        transform: rotate(-45deg);
    }

.orderContent #orderJSError {
    padding: 7px 0px 4px 30px;
    color: #ff001e;
    position: absolute;
    display: none;
}


    .orderContent #orderJSError:before {
        content: ' ';
        position: absolute;
        background: #ff001e;
        height: 14px;
        width: 14px;
        border-radius: 7px;
        left: 11px;
        top: 9px;
    }

    .orderContent #orderJSError:after {
        content: '!';
        position: absolute;
        color: #FFF;
        left: 16.5px;
        top: 8px;
        font-size: 13px;
        font-family: 'Exo 2', sans-serif;
    }


#contactMailForm .selectBox {
    padding-left: 5px;
    height: 30px;
    width: 243px !important;
    font-size: 13px;
    xcolor: #171c20;
    border: solid 1px #c6d4dd;
    box-sizing: border-box;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    border-radius: 3px;
    background: none;
    cursor: pointer;
}

#orderSettingsUserTab .selectBox {
    padding-left: 5px;
    height: 30px;
    width: 243px !important;
    font-size: 13px;
    xcolor: #171c20;
    border: solid 1px #c6d4dd;
    box-sizing: border-box;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    border-radius: 3px;
    margin-bottom: 1px;
    background: none;
    cursor: pointer;
}

#UserDataForm .selectBox {
    padding-left: 5px;
    height: 30px;
    width: 243px !important;
    font-size: 13px;
    xcolor: #171c20;
    border: solid 1px #c6d4dd;
    box-sizing: border-box;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    border-radius: 3px;
    margin-bottom: 1px;
    background: none;
    cursor: pointer;
    float: right;
}

#contactMailForm .addressSelection .selectBox,
#orderSettingsUserTab .addressSelection .selectBox,
#UserDataForm .addressSelection .selectBox {
    width: 406px !important;
    margin-right: 3px;
}

#contactMailForm .selectBox-label,
#orderSettingsUserTab .selectBox-label,
#UserDataForm .selectBox-label {
    padding: 5px 3px;
}

#contactMailForm .selectBox-dropdown .selectBox-arrow,
#orderSettingsUserTab .selectBox-dropdown .selectBox-arrow,
#UserDataForm .selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 19px;
    height: 100%;
    border-left: 1px solid #c7d4dd;
    background: linear-gradient(to bottom, #fff 0%, #e0e5e9 100%);
}

    #contactMailForm .selectBox-dropdown .selectBox-arrow:after,
    #orderSettingsUserTab .selectBox-dropdown .selectBox-arrow:after,
    #UserDataForm .selectBox-dropdown .selectBox-arrow:after {
        position: absolute;
        right: 6px;
        top: 13px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 3.5px 0 3.5px;
        border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

#contactMailForm .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow:after,
#orderSettingsUserTab .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow:after,
#UserDataForm .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow:after {
    border-width: 0 3.5px 3px 3.5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0);
}

.selectBox-dropdown-menu.selectBox-options LI A {
    color: #00529c;
    padding: 3px 9px;
    font-size: 13px;
}

#contactMailForm .selectBox-dropdown-menu.selectBox-options LI A {
    padding: 7px 5px;
}

.selectBox-dropdown-menu.selectBox-options LI.selectBox-hover A {
    cursor: pointer;
    background: none;
    color: #00aae5;
}

.selectBox-dropdown-menu.selectBox-options {
    border-color: #c6d4dd;
    border-radius: 0 0 3px 3px;
}

#orderSettingsUserTab .radio-wrap {
    position: relative;
    top: 1px;
}

#orderSettingsUserTab .fake-radio {
    height: 12px;
    width: 12px;
    background: #efefef;
    top: 3px;
    left: 0;
    position: absolute;
    border: 1px solid #a8bdcc;
    border-radius: 7px;
}

    #orderSettingsUserTab .fake-radio.active:before {
        width: 6px;
        height: 6px;
        position: absolute;
        content: ' ';
        top: 3px;
        border-radius: 4px;
        background: #171c20;
        left: 3px;
    }


#orderSettingsUserTab label {
    font-size: 13px;
    font-weight: 500;
}

.shopCondition label {
    padding-left: 42px;
}

.shopCondition .c-chbox {
    top: 4px;
}


.shopCondition a {
    color: #00529c;
}

    .shopCondition a:hover {
        color: #00aae5;
    }

.title-Or label {
    cursor: pointer;
}

.page_order label strong {
    color: #ff001e;
    font-weight: normal;
}

.page_order td.rName,
.page_order td.rName1 {
    width: 160px;
    padding-left: 20px;
     vertical-align: top;
        padding-top: 4px;
}


.page_order td.rInsert input,
.page_order td.rInsert1 input,
.page_order td.rInsertWider input.input_text {
    padding: 2px 8px;
    height: 30px;
    width: 243px;
    font: 13.3333px 'Open Sans';
    color: #171c20;
    border: solid 1px #c6d4dd;
    box-sizing: border-box;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    border-radius: 3px;
    margin-bottom: 1px;
}

.c-chbox {
    position: absolute;
    top: 14px;
    left: 22px;
    display: inline-block;
    width: 13px;
    height: 13px;
    border: solid 1px #a7bdcc;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
}

    .c-chbox span {
        position: absolute;
        height: 100%;
        width: 100%;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        background: url("/img/new/bg-filtr-fajfka.png") 0 15px no-repeat #fff;
    }

        .c-chbox span.fchecked {
            background-position: 0 0;
        }

        .c-chbox span.disabled {
            opacity: 0.6;
        }

.page_order .input_check {
    border: none;
    cursor: pointer;
    height: 15px;
    opacity: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 15px;
    z-index: 2;
}

.stp3Info #registerForm {
    display: none;
}

.title-Or {
    xborder-left: 1px solid #dbe1e5;
    xborder-right: 1px solid #dbe1e5;
    padding: 11px 0 11px 42px;
    position: relative;
}

.deliveryAddress .title-Or {
    padding-top: 3px;
}

    .deliveryAddress .title-Or label.disabled {
        opacity: 0.6;
    }

.deliveryAddress .c-chbox {
    top: 7px;
}

.title-Or label {
}

.title-Or .requiredInfo {
}

.title-Or2 {
}

    .title-Or2 span {
    }

    .title-Or2 label {
    }

    .title-Or2 .requiredInfo {
    }

#userdataboxAddInfo {
    padding-top: 13px;
}

    #userdataboxAddInfo td.rWide {
        padding-left: 20px;
    }

    #userdataboxAddInfo td.rWider {
        padding-left: 75px;
    }

        #userdataboxAddInfo td.rWider label {
            padding-left: 5px;
        }

    #userdataboxAddInfo .InfoNotInStock span {
        color: #FFF;
        background: #ff001e;
        border-radius: 3px;
        font-size: 11px;
        padding: 2px 7px;
    }

    #userdataboxAddInfo .DeliverySplitRow {
        padding: 2px 0;
        display: table;
        padding-right: 8px;
    }

        #userdataboxAddInfo .DeliverySplitRow .radio-wrap {
            display: table-cell;
        }


.shopCondition {
    position: relative;
}

#userdataboxNote {
    padding: 18px 0 20px 0;
    border: 1px solid #dbe1e5;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

    #userdataboxNote .labelNote {
        width: 160px;
        padding-left: 20px;
        vertical-align: top;
    }


    #userdataboxNote textarea {
        height: 105px;
        width: 595px;
        padding: 2px 8px;
        font-size: 12px;
        color: #171c20;
        border: solid 1px #c6d4dd;
        box-sizing: border-box;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        margin-bottom: 1px;
        font: 13.3333px 'Open Sans';
    }

.loginHead {
    margin-top: 30px;
    padding: 7px 0 7px 22px;
    width: 402px;
    background: #daeff6;
    border-radius: 10px;
}

    .loginHead a {
        color: #00529c;
        cursor: pointer;
        transition: all 0.5s;
        outline: none;
    }

        .loginHead a.active {
            border: solid 1px #c6d4dd;
            position: relative;
            border-radius: 3px 3px 2px 0;
            background: #FFF;
            border-bottom-color: #FFF;
            position: relative;
            z-index: 11;
            height: 20px;
            z-index: 10001;
            color: #00aae5;
            text-decoration: underline;
            padding: 6px;
        }

        .loginHead a:hover {
            color: #00aae5;
        }

/*.loginHead .checkBox {
        padding: 0 0 15px 0;
    }

    .loginHead .whyToRegister {
        margin-right: 167px;
        _margin-right: 60px;
        padding-left: 10px;
        float: right;
        font-size: 12px;
        font-weight: bold;
        color: #058cd3;
        background: url(/img/bg-whyToRegister.gif) no-repeat left;
    }

        .loginHead .whyToRegister a {
            color: #058cd3;
        }

    .loginHead .chck {
        padding: 0 0 0 36px;
        _width: 300px;
    }

        .loginHead .chck label {
            font-size: 12px;
            font-weight: bold;
        }

            .loginHead .chck label a {
                margin-left: 7px;
                padding-left: 10px;
                text-decoration: underline;
                font-size: 12px;
                font-weight: bold;
                color: #ee6a56;
                background: url(/img/bg-whyToRegister.gif) no-repeat left;
            }

                .loginHead .chck label a:hover {
                    text-decoration: none;
                }*/


/**** steps ***/
.orderStep {
    width: 100%;
    margin: 14px 0 15px 0;
    float: left;
}

    .orderStep div {
        height: 17px;
        width: 118px;
        margin-right: 8px;
        padding-top: 4px;
        floaT: left;
        color: #718093;
        background: #e3e6e9;
    }

        .orderStep div a:hover {
            text-decoration: none;
        }

        .orderStep div span {
            padding: 0 7px 0 6px;
        }

    .orderStep .osSel {
        color: #FFF;
        background: #718093;
    }

    .orderStep .osEx {
        margin-right: 0;
    }


.orderBox {
    width: 100%;
    margin: 29px 0 0 0;
}

.orderMenu {
    width: 100%;
    display: block;
    margin-top: 19px;
}

    .orderMenu .orderMenu-item {
        display: inline-block;
        margin-right: 48px;
        position: relative;
        width: calc(25% - 39px);
    }

        .orderMenu .orderMenu-item:last-of-type {
            margin-right: 0;
        }

        .orderMenu .orderMenu-item:after {
            position: absolute;
            content: ' ';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 0 6px 5px;
            border-color: transparent transparent transparent #7c7c7c;
            top: 14px;
            right: -30px;
        }

        .orderMenu .orderMenu-item:last-of-type:after {
            display: none;
        }

        .orderMenu .orderMenu-item.active:after {
            border-color: transparent transparent transparent #00529c;
        }

        .orderMenu .orderMenu-item.done:after {
            border-color: transparent transparent transparent #00aae5;
        }

    .orderMenu span {
        height: 20px;
        padding: 9px 0;
        vertical-align: middle;
        width: calc(100% - 33px);
        margin-left: 33px;
        display: inline-block;
        text-align: center;
        font-size: 16px;
        font-family: 'Exo 2', sans-serif;
        color: #171c20;
        background: #f2f2f2;
        position: relative;
        border-radius: 0 3px 3px 0;
    }

        .orderMenu span strong {
            font-weight: 400;
        }

.page_finish .orderMenu span {
    width: calc(100% - 71px);
    padding-left: 38px;
    text-align: left;
    background: #dbe7eb;
    color: #00529c;
}

    .page_finish .orderMenu span:before {
        background: #00529c;
        color: #FFF;
        border: 1px solid #00529c;
    }

.payment_failure .orderMenu span#im4:before {
    content: '!' !important;
}

.page_finish.payment_failure .orderMenu span:before {
    background: #ff001e;
    border-color: #ff001e;
}

.page_finish.payment_failure .orderMenu span {
    color: #FFF;
    background: #ff001e;
}

.orderContentBox .ocBoxEx2 .InfoText strong.pay-fail {
    color: #ff001e;
}

.orderContentBox .ocBoxEx2 .InfoText ul {
    margin: 0;
}

    .orderContentBox .ocBoxEx2 .InfoText ul li {
        color: #00aae5;
    }

        .orderContentBox .ocBoxEx2 .InfoText ul li span {
            color: #171c20;
        }

.orderContentBox a.pay-repeat {
    border: none;
    font-size: 13px;
    height: 16px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 5px;
    border-bottom: 1px solid #037ea8;
    padding: 6px 24px;
    color: #FFF;
    display: inline-block;
    cursor: pointer;
    font-family: 'Exo 2', sans-serif;
    text-decoration: none;
    margin: 0 0 20px 23px;
}

    .orderContentBox a.pay-repeat:hover {
        color: #FFF;
        background: #00aae5;
    }

.orderMenu .active span {
    color: #00529c;
    background: #dbe7eb;
}

.orderMenu .done span a {
    color: #00aae5;
    text-decoration: underline;
}

    .orderMenu .done span a:hover {
        color: #00529c;
    }


.orderMenu span a {
    text-decoration: none;
}

.orderMenu span:after {
    position: absolute;
    width: 48px;
    height: 48px;
    background: #FFF;
    border-radius: 24px;
    left: -37px;
    content: ' ';
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    z-index: 1;
    top: -6px;
}

.orderMenu span:before {
    position: absolute;
    width: 37px;
    height: 29px;
    background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
    color: #171c20;
    border-radius: 19px;
    left: -33px;
    padding-top: 7px;
    border: 1px solid #dbe1e5;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    text-align: center;
    top: 0;
    z-index: 2;
}


.orderMenu .active span:before {
    background: #00529c;
    color: #FFF;
    border: 1px solid #00529c;
}

.orderMenu .done span:before {
    background: #00aae5;
    color: #FFF;
    border: 1px solid #00aae5;
}

.orderMenu span:last-of-type {
    margin-right: 0;
}

.orderMenu span#im1:before {
    content: '1';
}

.orderMenu span#im2:before {
    content: '2';
}

.orderMenu span#im3:before {
    content: '3';
}

.orderMenu span#im4:before {
    content: '4';
}

.orderBottom .basketDeliveryFree {
    padding: 10px 10px 9px 44px;
    background: url(/img/new/bg-deliveryFree.png) #efefef 20px center no-repeat;
    margin-top: 6px;
    font-size: 12px;
}

.orderBottom .currentAndMaxPrice {
    text-align: right;
    padding-right: 22px;
}

.orderBottom .progressBarBox {
    height: 9px;
    padding: 0 19px 5px 19px;
    background: #efefef;
}

.orderBottom .progressBar {
    height: 100%;
    width: 99%;
    border: solid 1px #c6d4dd;
    border-radius: 3px;
    background: #FFF;
}

.orderBottom .currentProgress {
    background: #fe6a50;
    height: 100%;
    width: 100%;
    border-radius: 3px;
}

.orderBottom {
}

.bottomWrap .bottomCol1 {
    width: 478px;
    position: absolute;
    left: 1px;
}

.orderBottom .tipBox {
    width: 295px;
    float: left;
    margin-top: 3px;
}

    .orderBottom .tipBox a {
        text-decoration: underline;
        color: #0C96DB;
    }

        .orderBottom .tipBox a:hover {
            text-decoration: none;
        }

.orderBottom .tipBoxIn1 {
    width: 295px;
    float: left;
}

.orderBottom .tipBoxIn2 {
    width: 270px;
    padding: 13px 10px 13px 15px;
    float: left;
}

.orderBottom .tipBox-t {
    padding: 0 0 10px 0;
    font-size: 12px;
    font-weight: bold;
}

.orderBottom ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .orderBottom ul li {
        padding: 0 0 0 12px;
    }

.orderBottom .suma {
    float: right;
}

    .orderBottom .suma .cena {
    }

        .orderBottom .suma .cena .cenaIn {
            padding: 18px 6px 2px 5px;
        }

            .orderBottom .suma .cena .cenaIn div {
                display: inline-block;
                padding-left: 22px;
            }

            .orderBottom .suma .cena .cenaIn .input_button {
                position: relative;
                top: 2px;
            }

            .orderBottom .suma .cena .cenaIn span {
                font-size: 20px;
                font-family: 'Exo 2', sans-serif;
                display: inline-block;
                vertical-align: top;
            }

            .orderBottom .suma .cena .cenaIn strong {
                padding-right: 13px;
                font-size: 20px;
                font-family: 'Exo 2', sans-serif;
                font-weight: 700;
                display: block;
            }

                .orderBottom .suma .cena .cenaIn strong small {
                    font-size: 14px;
                }

            .orderBottom .suma .cena .cenaIn .slevaDiv {
                padding-top: 5px;
                padding-left: 10px;
            }

            .orderBottom .suma .cena .cenaIn .currPrefix {
                padding-left: 0;
                padding-right: 0;
                font-size: 20px;
                color: #EE6A56;
            }

            .orderBottom .suma .cena .cenaIn .priceNoDph {
                padding-right: 28px;
                font-size: 14px;
                font-family: 'Exo 2', sans-serif;
            }

.orderBottom .bt-backOr {
}

    .orderBottom .bt-backOr:hover {
        text-decoration: none;
    }

.orderBottom .suma .bt-step1to2 {
    position: relative;
    top: 18px;
}

.orderCupon .c-chbox {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 13px;
    height: 13px;
    border: solid 1px #a7bdcc;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
}

    .orderCupon .c-chbox span {
        position: absolute;
        height: 100%;
        width: 100%;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        background: url("/img/new/bg-filtr-fajfka.png") 0 15px no-repeat #fff;
    }

.orderCupon span.fchecked {
    background-position: 0 0;
}

.order-btns {
    display: block;
    text-align: right;
    margin-top: 20px;
    padding-bottom: 100px;
}

    .order-btns.hidden {
        display: none;
    }

    .order-btns .order-back {
        display: inline-block;
    }

        .order-btns .order-back a {
            color: #00529c;
            text-decoration: underline;
            position: relative;
            padding-left: 25px;
        }

            .order-btns .order-back a:hover {
                color: #00aae5;
                text-decoration: underline;
            }

            .order-btns .order-back a:before {
                height: 18px;
                width: 18px;
                line-height: 17px;
                position: absolute;
                top: -1px;
                left: 0;
                content: ' ';
                border: 1px solid #dbe1e5;
                border-radius: 10px;
                background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
            }

            .order-btns .order-back a:hover:before {
                background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
            }

            .order-btns .order-back a:after {
                position: absolute;
                left: 8px;
                top: 6px;
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 3.5px 3px 3.5px 0;
                border-color: rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            }

    .order-btns .order-next {
        display: inline-block;
    }

.order-next span {
    border: none;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    padding: 13px 0;
    height: 18px;
    width: 228px;
    background: linear-gradient(to bottom, #51bf07 0%, #48b002 100%);
    border-bottom: 2px solid #317602;
    border-radius: 5px;
    color: #FFF;
    margin-left: 25px;
    cursor: pointer;
    font-family: 'Exo 2', sans-serif;
}

    .order-next span.ajax-loading {
        background: #317602 !important;
    }

    .order-next span:hover {
        background: #43a302;
    }

/******************************** === USER.ExecutedOrdersList === *********************************/



#title_user_executed_orderlist_1 {
    xbackground: url(/img/1/title_user_executed_orders.gif) no-repeat;
}

#title_user_executed_orderdetail_1 {
    xbackground: url(/img/1/title_user_executed_orders_detail.gif) no-repeat;
}

#title_user_noexecuted_orderlist_1 {
    xbackground: url(/img/1/title_user_executed_orders_detail.gif) no-repeat;
}

.execOrderList {
    width: 100%;
    background: #f3f5f6;
    border-radius: 3px;
    margin-top: 26px;
}

    .execOrderList .execOrderList-title {
        background: #c8dde5;
        border-radius: 3px 3px 0 0;
        padding: 11px 0 12px 21px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    .execOrderList form {
        border: 1px solid #dbe1e5;
        border-top-width: 0;
        border-radius: 0 0 3px 3px;
        padding: 17px 21px 13px 21px;
    }

    .execOrderList .input_text {
        padding: 2px 8px;
        height: 30px;
        width: 175px;
        font: 13.3333px 'Open Sans';
        color: #737e86;
        border: solid 1px #c6d4dd;
        box-sizing: border-box;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        margin-bottom: 1px;
        margin-top: 4px;
    }

    .execOrderList label {
        font-size: 13px;
        width: 150px;
        display: inline-block;
    }

        .execOrderList label.execOrLabel2 {
            width: 75px;
            margin-left: 55px;
        }

    .execOrderList .showBtn-row {
        text-align: right;
    }

.order-table {
    position: relative;
}

    .order-table .useradmin-table {
        margin-bottom: 0;
    }

.calendar-ico {
    position: relative;
    top: 5px;
    margin-left: 6px;
    cursor: pointer;
}

.execOrderTabBox {
    width: 695px;
    margin: 10px 0 10px 20px;
    background: url(/img/bg-execOrderTabBox.gif) repeat-y;
}

.execOrderTabBoxIn1 {
    background: url(/img/bg-execOrderTabBoxIn1.gif) no-repeat;
}

.execOrderTabBoxIn2 {
    padding: 0 0 0px 0px;
    background: url(/img/bg-execOrderTabBoxIn2.gif) no-repeat bottom;
}

.checkboxes-row {
    border-top: 1px solid #dbe1e5;
    margin-top: 20px;
    padding-top: 12px;
}

    .checkboxes-row div {
        vertical-align: middle;
    }

    .checkboxes-row label {
        width: auto;
        padding-right: 10px;
    }

    .checkboxes-row .checkboxes-info {
        display: inline-block;
        padding-right: 28px;
    }


    .checkboxes-row .fakebox-check {
        display: inline-block;
    }



.execOrderTab {
    width: 100%;
    margin: 0 0 0 0;
    xfloaT: left;
}

    .execOrderTab thead tr td {
        height: 24px;
        font-size: 11px !important;
        font-weight: normal !important;
        color: #2c2c2c !important;
    }

    .execOrderTab tbody tr td {
        height: 44px;
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px solid #e9e9e9;
    }

    .execOrderTab tfoot tr td {
        height: 24px;
    }

    .execOrderTab .item {
        width: 165px;
        padding-left: 16px;
    }

        .execOrderTab .item a {
            text-decoration: underline;
        }

        .execOrderTab .item .state_1 {
            color: #8FC141;
        }

        .execOrderTab .item .state_2 {
            color: #3399FF;
        }

        .execOrderTab .item .state_3 {
            color: #c91a00;
        }

        .execOrderTab .item .state_4 {
            color: #4CAAB9;
        }

        .execOrderTab .item .state_5 {
            color: #464646;
        }

        .execOrderTab .item a:hover {
            text-decoration: none;
        }

    .execOrderTab .date {
        width: 124px;
    }

    .execOrderTab .date2 {
        width: 120px;
    }

    .execOrderTab .transport {
        width: 135px;
        font-weight: normal;
    }

    .execOrderTab .priceWVat {
        width: 75px;
        padding-right: 0px;
        text-align: right;
        font-size: 14px;
        font-weight: bold;
        color: #ee6a56;
    }

    .execOrderTab .sumaPrice {
        padding: 0 0 0 6px;
        font-weight: bold;
    }

    .execOrderTab .repeatOrder {
    }

    .execOrderTab .buy {
        text-align: center;
    }

    .execOrderTab .last td {
        border-bottom: 0 !important;
    }

    .execOrderTab .code {
        ;
    }

    .execOrderTab .name {
        ;
    }

    .execOrderTab .unit {
        ;
    }

    .execOrderTab .price {
        padding-right: 6px;
        text-align: right;
    }

.order-table .pager {
    float: right;
    margin-top: 16px;
}

.page_executedorder .pager .pageArrows {
    position: absolute;
    top: 11px;
    right: 10px;
}

    .page_executedorder .pager .pageArrows .btArrowL {
        margin-right: 4px;
    }

    .page_executedorder .pager .pageArrows .btArrowR {
        margin-left: 8px;
    }

.page_executedorder .pager .pageCount {
    position: absolute;
    top: 5px;
    left: 10px;
}

.page_executedorder .pager .pageItems {
    position: absolute;
    top: 19px;
    left: 10px;
}

.page_executedorder .pager img {
    vertical-align: middle;
}

.page_executedorder .pager .input_text {
    height: 16px;
    width: 27px;
    padding-top: 3px;
    text-align: center;
    color: #003745;
    background: url(/img/bg-searchBox_input.gif) repeat-x;
    border: 1px solid #c3c3c3;
}

.page_executedorder .pager strong {
    padding-left: 3px;
}

.page_executedorder .pager span {
    ;
}

    .page_executedorder .pager span.actual {
        font-weight: bold;
    }

.page_executedorder .pager a {
    text-decoration: none;
}

.btOrderDetail {
    width: 100%;
    padding: 10px 0 10px 0;
    float: left;
    text-align: center;
}

.page_orderpay {
    font-size: 13px;
}

.orderRepayContent.ContentWithHelpBox {
    margin-top: 80px;
}

    .orderRepayContent.ContentWithHelpBox .text-wrap .text-right {
        padding-top: 0;
    }

    .orderRepayContent.ContentWithHelpBox .help-box-wrap {
        padding-top: 0;
    }


    .orderRepayContent.ContentWithHelpBox .orderDetail {
        margin-top: 20px;
    }

        .orderRepayContent.ContentWithHelpBox .orderDetail .orderDetailItem {
            padding: 0 0 4px 0;
        }

.orderDetail .orderDetailItem .label {
    ;
}

.orderDetail .orderDetailItem .value {
    font-size: 12px;
    font-weight: bold;
}

    .orderDetail .orderDetailItem .value strong {
        color: #000;
    }

.orderDetail .orderDetailItem .paylnk {
    padding-left: 5px;
    font-weight: normal;
}

.execOrderTax {
    width: 460px;
    margin: 20px auto 15px auto;
    clear: both;
}

    .execOrderTax thead tr td {
        height: 25px;
        font-weight: normal !important;
        color: #2c2c2c !important;
        border-bottom: 1px solid #2c2c2c;
    }

    .execOrderTax tbody tr td {
        height: 22px;
        border-bottom: 1px solid #2c2c2c;
    }

    .execOrderTax tfoot tr td {
        height: 22px;
    }

    .execOrderTax .taxRate {
        width: 200px;
        padding-left: 10px;
    }

    .execOrderTax .price1 {
        width: 75px;
        padding-right: 10px;
        text-align: right;
    }

    .execOrderTax .price2 {
        width: 75px;
        padding-right: 10px;
        text-align: right;
    }

    .execOrderTax .price3 {
        width: 75px;
        padding-right: 10px;
        text-align: right;
    }

    .execOrderTax tfoot .price3 {
        font-weight: bold;
    }

    .execOrderTax .sumaPrice {
        padding-left: 10px;
        font-weight: bold;
    }

.execOrderTabDetail {
    width: 100%;
}

    .execOrderTabDetail thead tr td {
        height: 24px;
        font-size: 11px !important;
        font-weight: normal !important;
        color: #2c2c2c !important;
    }

    .execOrderTabDetail tbody tr td {
        height: 39px;
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px solid #e9e9e9;
    }

    .execOrderTabDetail tr td {
        padding: 2px 0 2px 0;
    }

    .execOrderTabDetail .code {
        width: 75px;
        padding-left: 16px;
    }

        .execOrderTabDetail .code .state_1 {
            color: #C91A00;
        }

        .execOrderTabDetail .code .state_2 {
            color: #3399FF;
        }

        .execOrderTabDetail .code .state_3 {
            color: #8fc141;
        }

    .execOrderTabDetail .unit {
        text-align: center;
    }

    .execOrderTabDetail .amount {
        text-align: center;
        width: 90px;
        font-weight: normal;
    }

    .execOrderTabDetail .price {
        width: 85px;
        padding-right: 10px;
        text-align: right;
        font-size: 14px;
        font-weight: bold;
        color: #ee6a56;
    }

    .execOrderTabDetail .last td {
        border-bottom: 0 !important;
    }

.infoOrder {
    width: 100%;
    padding: 10px 0 10px 0;
    float: left;
    text-align: center;
}

    .infoOrder p {
        margin: 5px 0 10px 0;
        font-size: 12px;
        font-weight: bold;
    }

    .infoOrder span {
        margin: 0 5px;
    }

.orderDetailLegend {
    height: 75px;
    width: 213px;
    margin: 25px 0 0 20px;
    xfloat: left;
    background: url(/img/bg-orderLegend.png) no-repeat;
}

    .orderDetailLegend .orderLegend-t {
        width: 43px;
        padding: 10px 10px 5px 14px;
        float: left;
        color: #6b6b6b;
    }

    .orderDetailLegend .orderLegendTab {
        width: 140px;
        padding: 12px 0 0 0;
        float: left;
    }

        .orderDetailLegend .orderLegendTab div {
            width: 140px;
            padding-bottom: 2px;
            float: left;
        }

        .orderDetailLegend .orderLegendTab strong {
            height: 12px;
            width: 12px;
            display: block;
            float: left;
        }

        .orderDetailLegend .orderLegendTab span {
            width: 120px;
            padding-left: 6px;
            float: left;
            display: block;
            font-weight: bold;
        }

        .orderDetailLegend .orderLegendTab .state_0 strong {
            background: #C91A00;
        }

        .orderDetailLegend .orderLegendTab .state_1 strong {
            background: #3399FF;
        }

        .orderDetailLegend .orderLegendTab .state_2 strong {
            background: #8fc141;
        }

        .orderDetailLegend .orderLegendTab .state_0 span {
            color: #C91A00;
        }

        .orderDetailLegend .orderLegendTab .state_1 span {
            color: #3399FF;
        }

        .orderDetailLegend .orderLegendTab .state_2 span {
            color: #8fc141;
        }

.orderLegend {
    height: 97px;
    width: 213px;
    margin: 25px 0 0 20px;
    xfloat: left;
    background: url(/img/bg-orderLegend.png) no-repeat;
}

    .orderLegend .orderLegend-t {
        width: 43px;
        padding: 10px 10px 5px 14px;
        float: left;
        color: #6b6b6b;
    }

    .orderLegend .orderLegendTab {
        width: 140px;
        padding: 12px 0 0 0;
        float: left;
    }

        .orderLegend .orderLegendTab div {
            width: 140px;
            padding-bottom: 2px;
            float: left;
        }

        .orderLegend .orderLegendTab strong {
            height: 12px;
            width: 12px;
            display: block;
            float: left;
        }

        .orderLegend .orderLegendTab span {
            width: 120px;
            padding-left: 6px;
            float: left;
            display: block;
            font-weight: bold;
        }

        .orderLegend .orderLegendTab .state_0 strong {
            background: #8fc141;
        }

        .orderLegend .orderLegendTab .state_1 strong {
            background: #3399FF;
        }

        .orderLegend .orderLegendTab .state_2 strong {
            background: #c91a00;
        }

        .orderLegend .orderLegendTab .state_3 strong {
            background: #4caab9;
        }

        .orderLegend .orderLegendTab .state_4 strong {
            background: #464646;
        }

        .orderLegend .orderLegendTab .state_0 span {
            color: #8fc141;
        }

        .orderLegend .orderLegendTab .state_1 span {
            color: #3399FF;
        }

        .orderLegend .orderLegendTab .state_2 span {
            color: #c91a00;
        }

        .orderLegend .orderLegendTab .state_3 span {
            color: #4caab9;
        }

        .orderLegend .orderLegendTab .state_4 span {
            color: #464646;
        }

.orderLegendInvoice {
    height: 97px;
    width: 213px;
    margin: 10px 0 0 20px;
    xfloat: left;
    background: url(/img/bg-orderLegend.gif) no-repeat;
}

    .orderLegendInvoice .orderLegend-t {
        width: 43px;
        padding: 10px 10px 5px 14px;
        float: left;
        color: #6b6b6b;
    }

    .orderLegendInvoice .orderLegendTab {
        width: 140px;
        padding: 12px 0 0 0;
        float: left;
    }

        .orderLegendInvoice .orderLegendTab div {
            width: 140px;
            padding-bottom: 2px;
            float: left;
        }

        .orderLegendInvoice .orderLegendTab strong {
            height: 12px;
            width: 12px;
            display: block;
            float: left;
        }

        .orderLegendInvoice .orderLegendTab span {
            width: 120px;
            padding-left: 6px;
            float: left;
            display: block;
            font-weight: bold;
        }

        .orderLegendInvoice .orderLegendTab .state_0 strong {
            background: #8fc141;
        }

        .orderLegendInvoice .orderLegendTab .state_1 strong {
            background: #C91A00;
        }

        .orderLegendInvoice .orderLegendTab .state_2 strong {
            background: #3399FF;
        }

        .orderLegendInvoice .orderLegendTab .state_3 strong {
            background: #4caab9;
        }

        .orderLegendInvoice .orderLegendTab .state_4 strong {
            background: #464646;
        }

        .orderLegendInvoice .orderLegendTab .state_0 span {
            color: #8fc141;
        }

        .orderLegendInvoice .orderLegendTab .state_1 span {
            color: #C91A00;
        }

        .orderLegendInvoice .orderLegendTab .state_2 span {
            color: #3399FF;
        }

        .orderLegendInvoice .orderLegendTab .state_3 span {
            color: #4caab9;
        }

        .orderLegendInvoice .orderLegendTab .state_4 span {
            color: #464646;
        }

tr.state_0 td a {
    color: #8fc141;
}

tr.state_1 td a {
    color: #c91a00;
}

tr.state_2 td a {
    color: #ffa845;
}

tr.state_3 td a {
    color: #4caab9;
}

tr.state_4 td a {
    color: #464646;
}

.orderContent .boxLeft {
    position: absolute;
    right: 0;
    top: 87px;
    width: 332px;
}

.page_order .help-box,
.page_finish .help-box {
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    padding: 11px 15px;
    width: 300px;
    text-align: center;
}

.page_finish .priceWithDP {
    border-bottom: 1px solid #dbe1e5;
}

.boxOrderData table {
    width: calc(100% - 30px);
    padding: 3px 15px 11px 15px;
}

    .boxOrderData table td:first-child {
        width: 72px;
        color: #818e96;
    }

.orderContent {
    ?margin-top: -10px;
    _margin-top: 0px;
    _margin-left: -20px;
}

.orderContentFin {
    width: 802px;
    float: left;
}

.orderContentRight {
    float: right;
    position: relative;
    right: 0;
    margin-top: 30px;
    width: 332px;
}




.orderContentFinIn {
    width: 100%;
}

.orderContentBox,
.orderFacebookBox,
.orderQuestionBox {
    width: 100%;
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    margin-top: 30px;
}


    .orderFacebookBox .fb_iframe_widget {
        display: block;
        margin: auto;
        max-width: 500px;
        padding: 20px 0px;
        width: calc(100% - 20px);
        text-align: center;
    }

.orderQuestionBox {
    text-align: right;
}

    .orderQuestionBox textarea {
        height: 105px;
        width: calc(100% - 40px);
        padding: 2px 8px;
        font-size: 12px;
        color: #171c20;
        border: solid 1px #c6d4dd;
        box-sizing: border-box;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        margin-bottom: 1px;
        font: 13.3333px 'Open Sans';
        margin: 20px 20px 5px 20px;
    }

    .orderQuestionBox a {
        padding-top: 0px;
        text-align: center;
        width: 85px;
        border: none;
        font-size: 13px;
        display: inline-block;
        height: 16px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 3px;
        border-bottom: 2px solid #037ea8;
        padding: 10px 10px;
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
        font-family: "Exo 2", sans-serif;
        letter-spacing: 0.02em;
        margin: 0 20px 20px 0;
    }

        .orderQuestionBox a:hover {
            background: #00aae5;
            color: #FFF;
        }

.ocBoxEx1 {
    font-family: 'Exo 2', sans-serif;
    font-size: 13px;
    border-bottom: 1px solid #dbe1e5;
    background: #f2f2f2;
    height: 16px;
    padding: 6px 20px;
    font-weight: 500;
    border-radius: 5px 5px 0 0;
    text-align: left;
}

    .ocBoxEx1 br {
        display: none;
    }

.orderContentBox .ocBoxEx2 .InfoText {
    padding: 16px 23px 13px 23px;
}

.orderContentBox a {
    color: #00529c;
}

    .orderContentBox a:hover {
        color: #00aae5;
    }

.orderContentBox .ocBoxEx3 a {
    padding-left: 48px;
    position: relative;
}


    .orderContentBox .ocBoxEx3 a:before {
        content: ' ';
        background: url(/img/new/bg-tisk.png) left center no-repeat;
        width: 18px;
        height: 16px;
        position: absolute;
        left: 24px;
        top: 1px;
    }

.orderContentBox .ocBoxEx3 strong {
}

.ocBoxEx3 {
    padding-bottom: 35px;
}

.ocBoxEx4 {
    display: table;
    width: calc(100% - 44px);
    padding: 0 22px 35px 22px;
}

    .ocBoxEx4 .infoWrap {
        display: table-cell;
        width: 25%;
        text-align: center;
        position: relative;
    }

        .ocBoxEx4 .infoWrap:after {
            position: absolute;
            content: ' ';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 0 6px 5px;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #abb5bb;
            top: 41px;
            right: 0;
        }

        .ocBoxEx4 .infoWrap:last-of-type:after {
            display: none;
        }

    .ocBoxEx4 .dateInfo {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        padding-bottom: 7px;
    }


    .ocBoxEx4 .textInfo {
        width: 120px;
        margin: auto;
    }

.wrap {
    width: 100%;
    float: left;
}

    .wrap .left {
        width: 418px;
        float: left;
        padding-top: 13px;
    }

        .wrap .left table {
            width: 100%;
            font-size: 12px;
            color: #000;
        }

            .wrap .left table td {
                height: 23px;
            }

        .wrap .left .txt {
            width: 109px;
            padding-left: 100px;
        }

        .wrap .left .sel {
            font-weight: bold;
        }

        .wrap .left .price {
            color: #ee6a56;
            font-size: 18px;
        }

    .wrap .right {
        width: 270px;
        float: right;
        text-align: left !important;
        padding-top: 20px;
        font-size: 12px;
    }

        .wrap .right div {
            padding-bottom: 10px;
        }

            .wrap .right div a {
                padding-left: 16px;
                color: #5e5e5e;
            }

            .wrap .right div .tisk {
                background: url(/img/bg-wraptisk.gif) no-repeat left;
            }

            .wrap .right div .kontakt {
                background: url(/img/bg-wrapkontakt.gif) no-repeat left;
            }

            .wrap .right div .backToHP {
                text-decoration: underline;
                font-weight: bold;
                color: #ee6a56;
                background: url(/img/bg-wrapbackToHP.gif) no-repeat left;
            }

.orderContentFin .infofinal {
    padding: 10px 0 10px 15px;
    font-size: 12px;
}

.orderfinish {
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

    .orderfinish .paycardnote {
        font-family: 'Exo 2', sans-serif;
        font-size: 20px;
        text-transform: uppercase;
        text-align: center;
        padding-bottom: 4px;
    }

    .orderfinish #MERCHANTFORM a {
        text-decoration: none;
    }

/********************** === USER.loginform === ****************************************************/
.LogOutWindow {
    position: absolute;
    width: 318px;
    height: 128px;
    background: #FFF;
    border: 1px solid #c6d4dd;
    box-shadow: 0 2px 12px rgba(31,31,31,0.5);
    z-index: 9000;
    text-align: center;
    display: none;
}

    .LogOutWindow span {
        background: #FFF;
        color: #171c20;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 14px;
        padding-top: 26px;
        display: block;
        margin-bottom: 19px;
    }

    .LogOutWindow .btn {
        display: inline-block;
    }

.confirmLogOut {
    border: none;
    font-size: 14px;
    height: 19px;
    width: 110px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 5px;
    border-bottom: 1px solid #037ea8;
    padding: 7px 7px;
    color: #FFF;
    cursor: pointer;
    font-family: 'Exo 2', sans-serif;
    text-decoration: none;
    position: relative;
    top: -1px;
}


    .confirmLogOut:hover {
        background: #00aae5;
        text-decoration: none;
        color: #FFF;
    }

.closeLogOut.btn {
    outline: none;
    width: 108px;
    font-size: 14px;
    display: inline-block;
    padding: 7px 6px;
    border: 1px solid #dbe1e5;
    border-radius: 3px;
    xheight: 18px;
    text-decoration: none;
    color: #00529c;
    background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
    font-family: 'Exo 2', sans-serif;
    position: relative;
    margin-right: 6px;
    cursor: pointer;
}

    .closeLogOut.btn:after {
        height: 31px;
        width: 120px;
        border: 1px solid #bdcbd4;
        content: ' ';
        position: absolute;
        border-radius: 3px;
        z-index: -1;
        top: 0;
        left: -1px;
    }


    .closeLogOut.btn:hover {
        background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
    }

.closeLogOut.cross {
    background: #00529c;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 6px;
    cursor: pointer;
}

    .closeLogOut.cross:before {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(45deg);
        box-sizing: border-box;
    }

    .closeLogOut.cross:after {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(135deg);
        box-sizing: border-box;
    }


.help-box-wrap {
    max-width: 300px;
    float: right;
    padding-top: 23px;
}


#column1 .help-box-wrap,
.page_commodity .help-box-wrap,
.page_order .help-box-wrap {
    padding-top: 0;
    float: none;
}

.help-box-wrap.usermenu-helpbox {
    width: 245px;
    padding-right: 15px;
}

    .help-box-wrap.usermenu-helpbox .help-box .help-btn a {
        width: 173px;
    }

#title_login_1 {
    background: url(/img/1/title_login.gif) no-repeat !important;
}

.page_myaccount div#containerBodyIn,
.page_changepwd div#containerBodyIn,
.page_userinfo div#containerBodyIn,
.page_usercommodity div#containerBodyIn,
.page_executedinvoice div#containerBodyIn,
.page_userdata div#containerBodyIn,
.page_executedorder div#containerBodyIn {
    width: auto;
    xmax-width: none;
}

.nav-wrap {
    border-bottom: 1px solid #dbe1e5;
}

    .nav-wrap .navigate {
        max-width: 1180px;
        margin: 11px auto;
    }

.page_myaccount .emailnewsBox,
.page_executedorder .emailnewsBox {
    margin-top: 0;
}

.usermenu-wrap {
    border-bottom: 1px solid #dbe1e5;
    display: table;
    width: 100%;
}

    .usermenu-wrap .before-usermenu {
        display: table-cell;
        background: #f3f5f6;
    }


    .usermenu-wrap.from-mail .before-usermenu {
        background: #FFF;
    }

    .usermenu-wrap .after-usermenu {
        display: table-cell;
    }

    .usermenu-wrap .usermenu {
        max-width: 1180px;
        margin: auto;
        display: table-cell;
    }

        .usermenu-wrap .usermenu .usermenu-in {
            display: table;
            width: 100%;
        }


        .usermenu-wrap .usermenu .usermenu-menu {
            display: table-cell;
            background: #f3f5f6;
            width: 260px;
            border-right: 1px solid #dbe1e5;
            padding: 47px 0;
            vertical-align: top;
        }

            .usermenu-wrap .usermenu .usermenu-menu .log-item {
                border-bottom: 1px solid #dbe1e5;
                border-top: 1px solid #FFF;
                position: relative;
            }


                .usermenu-wrap .usermenu .usermenu-menu .log-item.active {
                    border: 1px solid #dbe1e5 !important;
                    border-right-color: #FFF !important;
                    border-radius: 2px;
                    background: #FFF;
                    position: relative;
                    width: 100%;
                }

                .usermenu-wrap .usermenu .usermenu-menu .log-item.before-active {
                    border-bottom: 2px solid #f3f5f6 !important;
                }

                .usermenu-wrap .usermenu .usermenu-menu .log-item:before {
                    content: ' ';
                    position: absolute;
                    width: 17px;
                    height: 16px;
                    background: url(/img/new/usermenu-ico.png);
                    left: 18px;
                    top: 16px;
                }

                .usermenu-wrap .usermenu .usermenu-menu .log-item:first-of-type {
                    border-top: none;
                }

                .usermenu-wrap .usermenu .usermenu-menu .log-item.logout {
                    border-bottom: none;
                    text-align: center;
                }


                    .usermenu-wrap .usermenu .usermenu-menu .log-item.logout a {
                        padding-left: 0;
                    }

                .usermenu-wrap .usermenu .usermenu-menu .log-item a {
                    color: #00529c;
                    font-family: 'Exo 2', sans-serif;
                    font-size: 14px;
                    display: inline-block;
                    padding: 15px 0 15px 43px;
                    height: 18px;
                    width: calc(100% - 43px);
                    cursor: pointer;
                }

                    .usermenu-wrap .usermenu .usermenu-menu .log-item a:hover {
                        color: #00aae5;
                    }


                .usermenu-wrap .usermenu .usermenu-menu .log-item.active a {
                    color: #171c20;
                    text-decoration: none;
                    font-weight: 500;
                }



.regeditace.edit .usermenu-wrap .reg-right {
    display: none;
}


.regeditace.reg .usermenu-wrap {
    border-bottom: none;
}

    .regeditace.reg .usermenu-wrap .usermenu-menu {
        display: none;
    }

    .regeditace.reg .usermenu-wrap .before-usermenu {
        background: #FFF;
    }

    .regeditace.reg .usermenu-wrap .usermenu .usermenu-body {
        padding: 0;
    }

.regeditace.reg .nav-wrap {
    border-bottom: none;
}

.user-info {
    border: 1px solid #dbe1e5;
    background: #f3f5f6;
    border-radius: 3px;
    padding: 15px;
    margin-top: 26px;
    display: table;
    xwidth: 100%;
    box-sizing: border-box;
    transition: 0.75s all;
}

.user-name {
    padding-bottom: 9px;
}

    .user-name span {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 16px;
    }

.user-address .address-left {
    display: inline-block;
    width: 157px;
}

.user-address .address-right {
    display: inline-block;
    vertical-align: top;
}

.user-btns a {
    border: none;
    font-size: 14px;
    height: 17px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 5px;
    border-bottom: 1px solid #037ea8;
    padding: 8px 0px;
    width: 148px;
    color: #FFF;
    margin-top: 11px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Exo 2', sans-serif;
    margin-right: 10px;
}


    .user-btns a:hover {
        background: #00aae5;
    }

.user-detail {
    display: table-cell;
    width: 440px;
    vertical-align: top;
}

.newsletter-detail {
    background: #c8dde5;
    border-radius: 3px;
    padding: 5px 0;
}

.newsletter-title {
    padding: 10px 15px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #00529c;
    font-size: 16px;
}

.newsletter-text {
    padding: 0 0px 10px 15px;
}

.newsletter-check {
    padding-top: 3px;
    height: 22px;
    padding-bottom: 9px;
    position: relative;
}

    .newsletter-check label {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 13px;
        padding-left: 38px;
        cursor: pointer;
    }

    .newsletter-check .c-chbox {
        left: 15px;
        top: 6px;
    }

    .newsletter-check #news-check {
        cursor: pointer;
        height: 15px;
        opacity: 0;
        position: absolute;
        top: -4px;
        left: -5px;
        width: 17px;
        z-index: 2;
    }


.usermenu-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding: 36px 0 9px 0;
}


.userinfo-box {
    display: inline-block;
    padding: 12px;
    border: 1px solid #dbe1e5;
    border-radius: 3px;
    margin-right: 20px;
    vertical-align: top;
}

.address-info {
    padding-bottom: 10px;
    font-weight: 600;
}

.userinfo-box.delivery {
    margin-bottom: 20px;
}

.userinfo-box .name {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
}

.userinfo-box div {
    padding-top: 1px;
}

.userinfo-box.addAddress {
    height: 36px;
    width: 130px;
    padding: 40px 12px;
    text-align: center;
    background: #c8dde5;
    border-color: #c8dde5;
}

    .userinfo-box.addAddress span {
        color: #00529c;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        padding-left: 28px;
        display: inline-block;
        text-align: left;
        position: relative;
    }

        .userinfo-box.addAddress span.addIco {
            position: absolute;
            width: 20px;
            height: 20px;
            background: #00529c;
            border-radius: 10px;
            left: 0;
            padding: 0;
            top: 4px;
        }

            .userinfo-box.addAddress span.addIco:before {
                width: 2px;
                height: 10px;
                position: absolute;
                content: ' ';
                background: #c8dde5;
                top: 5px;
                left: 9px;
            }

            .userinfo-box.addAddress span.addIco:after {
                height: 2px;
                width: 10px;
                position: absolute;
                content: ' ';
                background: #c8dde5;
                top: 9px;
                left: 5px;
            }

.useradmin-table {
    width: 100%;
    border-spacing: 0px;
    border: 1px solid #dbe1e5;
    border-radius: 3px;
    margin-bottom: 44px;
}


    .useradmin-table thead tr {
        background: #f2f2f2;
        font-family: 'Exo 2', sans-serif;
    }

        .useradmin-table thead tr td:first-of-type {
            padding: 10px 0px 10px 13px;
        }

    .useradmin-table td {
        text-align: center;
    }

        .useradmin-table td.left {
            text-align: left;
        }

    .useradmin-table tbody tr td:first-of-type {
        padding: 10px 0px 10px 0px;
        position: relative;
    }

.orderDetail-info {
    margin-top: 16px;
}

    .orderDetail-info .order-table tr td:first-of-type {
        width: 150px;
        font-weight: 500;
        font-family: 'Exo 2', sans-serif;
        padding: 7px 0;
    }

    .orderDetail-info table {
        border-spacing: 0;
    }

    .orderDetail-info > table {
        width: 100%;
        border-spacing: 0;
    }

    .orderDetail-info.invoice > table {
        width: auto;
        border-spacing: 0;
    }

    .orderDetail-info > table > tbody > tr > td {
        width: 50%;
        vertical-align: top;
    }

    .orderDetail-info.invoice > table > tbody > tr > td {
        width: auto;
        vertical-align: initial;
    }

    .orderDetail-info img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px;
    }

    .orderDetail-info span {
        vertical-align: middle;
    }

    .orderDetail-info .order-table tbody tr td.state span {
        padding: 10px 0px 10px 13px;
        position: relative;
    }

    .orderDetail-info .order-table tbody tr td .orderState:before {
        left: 0px;
    }

    .orderDetail-info .userinfo-box {
        margin-right: 0;
        width: 184px;
        margin-top: 12px;
    }

        .orderDetail-info .userinfo-box:first-of-type {
            margin-right: 10px;
        }


.usermenu-body a.url-back {
    color: #00529c;
    text-decoration: underline;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    float: right;
    margin-top: 16px;
}

    .usermenu-body a.url-back:hover {
        color: #00aae5;
        text-decoration: underline;
    }

    .usermenu-body a.url-back:before {
        height: 18px;
        width: 18px;
        line-height: 17px;
        position: absolute;
        top: -1px;
        left: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 10px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    .usermenu-body a.url-back:hover:before {
        background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
    }

    .usermenu-body a.url-back:after {
        position: absolute;
        left: 8px;
        top: 6px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3.5px 3px 3.5px 0;
        border-color: rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

.execOrderDetail .commodity-table {
    margin-top: 60px;
}

.execOrderDetail .totalPrice td {
    background: #efefef;
    font-family: 'Exo 2', sans-serif;
    font-size: 20px;
    height: 67px;
    vertical-align: top;
    padding-top: 18px;
}

    .execOrderDetail .totalPrice td .priceNoDph {
        font-size: 14px;
    }

.execOrderDetail td.priceText {
    text-align: right;
}

    .execOrderDetail td.priceText span:nth-child(1) {
        display: inline-block;
        vertical-align: top;
        padding-right: 45px;
    }

    .execOrderDetail td.priceText span:nth-child(2) {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    .execOrderDetail td.priceText span strong {
        display: block;
    }

a.print-link {
    color: #00529c;
    font-family: 'Open Sans', sans-serif;
}

    a.print-link:hover {
        color: #00aae5;
    }

    a.print-link img {
        width: 15px;
        margin-right: 6px;
    }


.useradmin-table tbody tr .orderState {
    padding: 10px 0px 10px 26px;
    position: relative;
}

.useradmin-table tbody tr td .orderState:before,
.orderDetail-info tbody tr td .orderState:before {
    position: absolute;
    content: ' ';
    width: 8px;
    height: 8px;
    border-radius: 8px;
    left: 13px;
    top: 16px;
}

.useradmin-table tbody tr td .state-1:before {
    background: #7dd045; /*388c00*/
}

.useradmin-table tbody tr td .state-2:before {
    background: #eca238; /*7dd045*/
}

.useradmin-table tbody tr td .state-3:before {
    background: #ff001e; /*eca238*/
}

.commodity-table tbody tr td .state-3:before {
    background: #7dd045; /*388c00*/
}

.commodity-table tbody tr td .state-2:before {
    background: #eca238; /*7dd045*/
}

.commodity-table tbody tr td .state-1:before {
    background: #ff001e; /*eca238*/
}

.orderDetail-info tbody tr td .state-1:before {
    background: #7dd045; /*388c00*/
}

.orderDetail-info tbody tr td .state-2:before {
    background: #eca238; /*7dd045*/
}

.orderDetail-info tbody tr td .state-3:before {
    background: #ff001e; /*eca238*/
}

.orderDetail-info.invoice tbody tr td .state-2:before {
    background: #ff001e; /*7dd045*/
}

.orderDetail-info.invoice tbody tr td .state-1:before {
    background: #7dd045; /*eca238*/
}

.useradmin-table > tbody > tr > td {
    border-top: 1px solid #dbe1e5;
}

.useradmin-table tbody tr td.price {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.last-orders td.delpay {
    position: relative;
}


    .last-orders td.delpay img {
        cursor: help;
    }

.last-orders .delpay-text {
    white-space: nowrap;
    position: absolute;
    border: 1px solid #c6d4dd;
    min-width: 110px;
    height: 18px;
    text-align: center;
    padding: 5px 5px;
    border-radius: 2px;
    background: #f3f5f6;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    margin-top: 1px;
    display: none;
    box-shadow: 0 1px 8px rgba(31,31,31,0.5);
}

    .last-orders .delpay-text:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 9px 8px 9px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d4dd rgba(0, 0, 0, 0);
        top: -8px;
        left: 50%;
        transform: translateX(-50%);
    }

    .last-orders .delpay-text:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8.5px 7px 8.5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f3f5f6 rgba(0, 0, 0, 0);
        top: -7px;
        left: 50%;
        transform: translateX(-50%);
    }


.last-orders tbody tr td:last-of-type {
    text-align: right;
    padding-right: 17px;
}

.execInvoice .last-orders tbody tr td:last-of-type {
    padding: 0;
    text-align: center;
}

.last-orders tbody tr td img {
    position: relative;
    top: 1px;
    left: 7px;
}


.last-orders tbody tr td.delpay img {
    vertical-align: middle;
    position: static;
}


.useradmin-table tbody tr td a {
    color: #00529c;
}

    .useradmin-table tbody tr td a:hover {
        color: #00aae5;
    }

.commodity-table .productAmount input.input_button {
    width: 150px;
}

.commodity-table .productAmount span {
    font-size: 13px;
    position: relative;
    padding-left: 5px;
    top: 2px;
}

.commodity-table thead tr td.name {
    padding: 10px 0px 10px 0px;
}

.commodity-table tbody tr td:first-of-type {
    padding: 0;
}

.commodity-table tbody tr td.name {
    padding: 15px 5px 15px 0px;
}


.commodity-table tbody tr td.padding {
    padding-left: 13px;
}

.commodity-table tbody tr td.paydel {
    padding-left: 77px;
}

.commodity-table tbody tr td.gap {
    width: 14px;
    border-top-width: 0;
}

.commodity-table tbody tr:first-of-type td.gap,
.commodity-table tbody tr.totalPrice td.gap {
    border-top-width: 1px;
}

.commodity-table tbody tr td.paydel strong {
    width: 75px;
    display: inline-block;
}


.commodity-table tbody tr td.amount {
    width: 75px;
}

.commodity-table tbody tr td.productAmount {
    width: 250px;
    position: relative;
}

.commodity-table tbody tr td.price {
    width: 135px;
}

.commodity-table tbody tr td.state {
    width: 110px;
}

.commodity-table tbody tr td.dostupnost {
    width: 150px;
}

.commodity-table tbody tr td a {
    font-family: 'Exo 2', sans-serif;
    font-size: 15px;
}

.commodity-table tbody tr td .commodity-info {
    display: table;
}

.commodity-table tbody tr td .orderInfo {
    font-size: 12px;
}


    .commodity-table tbody tr td .orderInfo a {
        font-size: 12px;
    }

.commodity-table tbody tr td.productAmount > div:not(.td-text) {
    position: absolute;
    bottom: 10px;
    left: 50%;
}

.commodity-table tbody tr td.productAmount div a {
    font-size: 13px;
}

.commodity-table tbody tr td div:not(.td-text) span {
    display: table-cell;
    vertical-align: middle;
}

.user-commodity .search-block {
    position: relative;
    margin: 35px 0;
}

    .user-commodity .search-block span {
        display: inline-block;
        padding-right: 58px;
        vertical-align: middle;
    }


    .user-commodity .search-block .searchBox {
        display: inline-block;
        width: 385px;
        vertical-align: middle;
        position: relative;
        overflow: visible;
        margin-right: 47px;
        margin-top: 5px;
    }

        .user-commodity .search-block .searchBox .input_button {
            height: 17px;
            padding: 11px 5px;
            text-align: center;
            text-decoration: none;
            right: -49px;
            top: -1px;
        }

.user-commodity .showInfo,
.order-table .showInfo {
    font-size: 12px;
    color: #737e86;
    margin-bottom: 6px;
}

.user-commodity .pager {
    float: right;
}

.last-orders .order-print {
    width: 12px;
    cursor: pointer;
}

.usermenu-wrap .usermenu .usermenu-body {
    display: table-cell;
    padding: 20px 0 30px 39px;
}

.log-item.acc:before {
    background-position-y: 0;
}

.log-item.order:before {
    background-position-y: -16px !important;
    height: 17px !important;
}

.log-item.commodity:before {
    background-position-y: -32px !important;
}

.log-item.invoice:before {
    background-position-y: -48px !important;
}

.log-item.userinfo:before {
    background-position-y: -64px !important;
}

.log-item.pass:before {
    background-position-y: -96px !important;
}

.log-item.logout:before {
    background-position-y: -112px !important;
    left: 78px !important;
}


.login-t {
    padding-bottom: 0px;
}

.login-t2 {
    padding: 20px 0 7px 0px;
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 800;
}

.g-loginform {
    width: 292px;
    position: absolute;
    border: solid 1px #c6d4dd;
    background: #FFF;
    padding-top: 10px;
    right: 0;
    top: 25px;
    z-index: 13;
    height: auto;
    display: none;
    box-shadow: 0 2px 12px rgba(31,31,31,0.5);
    border-radius: 3px 0 3px 3px;
    font-size: 12px;
}


    .g-loginform input.wrong {
        border-color: #F00;
        background: #fdf0ee;
    }

    .g-loginform .lfEx2, .g-loginform .lfEx3 {
        padding: 0 10px 11px 9px;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        xdisplay: -moz-box;
        -webkit-box-pack: space-between;
        -moz-box-pack: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: flex-start;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .g-loginform .lfEx4 {
        font-size: 12px;
        xwidth: 246px;
        display: block;
        padding: 10px 10px;
    }

        .g-loginform .lfEx4 a {
            display: inline-block;
            padding: 2px 0;
            color: #00529c;
        }

            .g-loginform .lfEx4 a:hover {
                color: #00aae5;
            }

            .g-loginform .lfEx4 a:last-of-type {
                float: right;
            }

    .g-loginform .lfEx5 {
        font-size: 12px;
        display: block;
        padding-top: 1px;
        vertical-align: top;
        height: 49px;
        margin: 0px 10px;
        border-bottom: solid 1px #dbe1e5;
    }

        .g-loginform .lfEx5 a {
            padding-top: 10px;
            color: #00529c;
            display: inline-block;
            padding-left: 0;
        }


            .g-loginform .lfEx5 a:hover {
                color: #00aae5;
            }

            .g-loginform .lfEx5 a.input_button {
                padding-top: 0px;
                text-align: center;
                width: 85px;
                border: none;
                font-size: 13px;
                float: right;
                height: 16px;
                margin-left: -4px;
                background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
                border-radius: 3px;
                border-bottom: 1px solid #037ea8;
                padding: 10px 10px;
                color: #FFF;
                cursor: pointer;
                text-decoration: none;
                font-family: "Exo 2", sans-serif;
                letter-spacing: 0.02em;
            }

                .g-loginform .lfEx5 a.input_button:hover {
                    background: #1A8DC7;
                }

    .g-loginform .lfEx2 label, .g-loginform .lfEx3 label {
        font-size: 13px;
        color: #000;
        min-width: 45px;
        text-align: left;
        padding-right: 13px;
    }

    .g-loginform input {
        padding: 2px 8px;
        height: 28px;
        width: 193px;
        font-size: 12px;
        color: #171c20;
        border: solid 1px #c6d4dd;
        box-sizing: border-box;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
    }

    .g-loginform .loginError {
        color: #f00;
        font-size: 13px;
        padding: 5px 0 0 68px;
        position: relative;
        top: -10px;
    }


/*.loginform {
    height: 57px;
    width: 695px;
    margin-left: 19px;
    padding-top: 18px;
    background: url(/img/bg-loginform.gif) no-repeat;
}

    .loginform .lfEx1 {
        width: 318px;
        float: left;
        font-size: 12px;
        font-weight: bold;
        color: #2c2c2c;
        padding-bottom: 4px;
    }

    .loginform .lfEx2 {
        xwidth: 256px;
        padding: 0 0 0px 62px;
        xfloat: left;
    }

        .loginform .lfEx2 label {
            font-size: 12px;
            color: #000;
        }

        .loginform .lfEx2 div {
            padding: 7px 0 0 48px;
            color: #363636;
        }

            .loginform .lfEx2 div input {
                position: relative;
                top: -1px;
                margin-right: 5px;
            }

        .loginform .lfEx2 .input_text {
            width: 161px;
            padding: 3px 0 3px 7px;
            color: #003745;
            border: 1px solid #ababab;
        }

    .loginform .lfEx3 {
        xwidth: 237px;
        padding: 0 0 0px 0;
        xfloat: left;
    }

        .loginform .lfEx3 label {
            font-size: 12px;
            color: #000;
        }

        .loginform .lfEx3 .input_text {
            width: 161px;
            padding: 3px 0 3px 7px;
            color: #003745;
            border: 1px solid #ababab;
        }

        .loginform .lfEx3 a {
            margin-left: 38px;
            margin-top: 8px;
            padding-left: 8px;
            display: block;
            text-decoration: underline;
            color: #058cd3;
            background: url(/img/bg-loginform_a.gif) no-repeat left;
        }

            .loginform .lfEx3 a:hover {
                text-decoration: none;
            }

    .loginform .lfEx4 {
        margin-top: -4px;
        xwidth: 138px;
        xfloat: left;
    }

.login .lfEx5 {
    padding: 0 0 10px 26px;
}

    .login .lfEx5 a {
        padding-left: 14px;
        text-decoration: underline;
        font-size: 12px;
        font-weight: bold;
        color: #6d6d6d;
        background: url(/img/bg-loginform_lfEx5.gif) no-repeat left;
    }

        .login .lfEx5 a:hover {
            text-decoration: none;
        }*/

.loginform #changePwdForm {
    width: 392px;
}

.loginform a {
    border: none;
    font-size: 14px;
    height: 17px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 5px;
    border-bottom: 1px solid #037ea8;
    padding: 8px 0px;
    width: 100px;
    color: #FFF;
    margin-top: 11px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Exo 2', sans-serif;
    float: right;
}


    .loginform a:hover {
        background: #00aae5;
    }

.loginform label {
    width: 145px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.loginform input {
    padding: 2px 8px;
    height: 30px;
    width: 243px;
    font: 13.3333px 'Open Sans';
    color: #171c20;
    border: solid 1px #c6d4dd;
    box-sizing: border-box;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    border-radius: 3px;
    margin-bottom: 5px;
}

.loginform label.error {
    padding: 7px 0px 4px 30px;
    color: #ff001e;
    position: absolute;
    display: inline-block;
    width: 400px;
}


    .loginform label.error:before {
        content: ' ';
        position: absolute;
        background: #ff001e;
        height: 14px;
        width: 14px;
        border-radius: 7px;
        left: 11px;
        top: 9px;
    }

    .loginform label.error:after {
        content: '!';
        position: absolute;
        color: #FFF;
        left: 16.5px;
        top: 8px;
        font-size: 13px;
        font-family: 'Exo 2', sans-serif;
    }

.loginform label.valid {
    position: absolute;
    margin-left: -32px;
    margin-top: 10px;
}

    .loginform label.valid:before {
        content: ' ';
        position: absolute;
        background: #58a810;
        height: 14px;
        width: 14px;
        border-radius: 7px;
        left: 11px;
        top: -2px;
        background: #58a810;
    }

    .loginform label.valid:after {
        content: ' ';
        position: absolute;
        color: #FFF;
        margin-top: -6px;
        margin-left: -2px;
        font-size: 11px;
        border: 1px solid #FFF;
        border-width: 0 0 2px 2px;
        width: 6px;
        height: 3px;
        transform: rotate(-45deg);
    }

.loginform input.error {
    border-color: #ff001e !important;
}

.articleLogin {
    width: 635px;
    padding: 20px 0 0 35px;
    float: left;
}

.articleLoginEx {
    width: 670px;
    float: left;
    background: url(/img/bg-articleLoginIn.gif) repeat-y 335px;
}

.articleLogin-tH {
    padding: 0 0 0 5px;
    font-size: 14px;
    font-weight: bold;
    color: #ee6a56;
}

.articleLogin .articleLoginLine {
    width: 100%;
    padding: 0 0 0px 0;
    float: left;
    background: url(/img/bg-articleLoginLine.gif) no-repeat left bottom;
}

.articleLogin .articleLoginIn {
    width: 330px;
    padding: 10px 0 15px 5px;
    float: left;
}

    .articleLogin .articleLoginIn .articleLogin-t {
        padding: 0 0 8px 3px;
        font-size: 14px;
        font-weight: bold;
        color: #058cd3;
    }

.articleLogin .articleLoginIn2 {
    width: 308px;
    padding: 10px 0 15px 27px;
}

.articleLogin .vseOnakupu {
    width: 641px;
    padding: 15px 29px 0 0;
    float: left;
    text-align: right;
}

    .articleLogin .vseOnakupu a {
        padding-left: 9px;
        text-decoration: underline;
        font-size: 12px;
        font-weight: bold;
        color: #058cd3;
        background: url(/img/bg-vseOnakupu_a.gif) no-repeat left;
    }

        .articleLogin .vseOnakupu a:hover {
            text-decoration: none;
        }


.popUpWindow {
    position: absolute;
    width: 479px;
    background: #FFF;
    z-index: 9999;
    min-height: 178px;
    display: none;
    text-align: center;
    border: 1px solid #c6d4dd;
    border-radius: 3px;
}

    .popUpWindow .title {
        font-family: 'Exo 2', sans-serif !important;
        font-size: 18px !important;
        text-align: center !important;
        width: 280px;
        display: inline-block;
        padding-top: 25px !important;
        text-transform: none !important;
        font-weight: 400 !important;
    }

    .popUpWindow .text {
        font-size: 13px;
        padding-top: 5px;
        margin: 10px;
    }

    .popUpWindow span {
        border: none;
        font-size: 14px;
        height: 16px;
        background: linear-gradient(to bottom, #51bf07 0%, #48b002 100%);
        border-bottom: 2px solid #317602;
        border-radius: 5px;
        color: #FFF;
        vertical-align: middle;
        display: inline-block;
        padding: 11px 19px 11px 19px;
        cursor: pointer;
        font-family: 'Exo 2', sans-serif;
        margin-top: 14px;
        margin-bottom: 15px;
    }

        .popUpWindow span:hover {
            background: #43a302;
        }

    .popUpWindow .popUpWindowClose {
        background: #00529c;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 5px;
        top: 5px;
        border-radius: 6px;
        cursor: pointer;
    }

        .popUpWindow .popUpWindowClose:before {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(45deg);
            box-sizing: border-box;
        }

        .popUpWindow .popUpWindowClose:after {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(135deg);
            box-sizing: border-box;
        }

.emailnewsBox {
    background: linear-gradient(to right, rgba(0,83,156,1) 0%, rgba(0,83,156,1) 30%, rgba(0,69,129,1) 30%, rgba(0,69,129,1) 100%);
    margin-top: 40px;
}


    .emailnewsBox .emailnewsBox-in {
        margin: 2% 0 0 0;
        padding: 10px 0;
        display: table;
        width: 1180px;
        margin: auto;
        color: #FFF;
        position: relative;
        background: linear-gradient(to right, rgba(0,83,156,1) 0%, rgba(0,83,156,1) 63.65%, rgba(0,69,129,1) 30%, rgba(0,69,129,1) 100%);
    }

        .emailnewsBox .emailnewsBox-in:before {
            position: absolute;
            content: ' ';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 29px 0 29px 11px;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
            left: 63.60%;
            top: 0px;
        }

        .emailnewsBox .emailnewsBox-in .text1 {
            width: 465px;
            display: table-cell;
            font-size: 13px;
            vertical-align: middle;
            padding: 0 10px 0 17px;
            position: relative;
        }

            .emailnewsBox .emailnewsBox-in .text1 strong:before {
                content: '„';
                position: absolute;
                left: 1px;
                top: -6px;
                font-size: 22px;
                color: #95c7f5;
                font-weight: 700;
                font-family: 'Open Sans', sans-serif;
            }

            .emailnewsBox .emailnewsBox-in .text1 span {
                display: inline-block;
                position: relative;
            }

.lang_2 .emailnewsBox .emailnewsBox-in .text1 span,
.lang_3 .emailnewsBox .emailnewsBox-in .text1 span {
    font-size: 12px;
}

.emailnewsBox .emailnewsBox-in .text1 span:after {
    content: '”';
    position: absolute;
    right: -13px;
    bottom: -7px;
    font-size: 22px;
    color: #95c7f5;
    font-weight: 700;
}


.emailnewsBox .emailnewsBox-in .text1 strong {
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 800;
    display: block;
}

.lang_2 .emailnewsBox .emailnewsBox-in .text1 strong {
    font-size: 17px;
}

.lang_2 .emailnewsBox .emailnewsBox-in .text2 {
    font-size: 12px;
}

.emailnewsBox .emailnewsBox-in .text2 {
    display: table-cell;
    padding-left: 18px;
    font-size: 13px;
    vertical-align: middle;
}

.emailnewsBox .emailnewsBox-in .text {
    display: table-cell;
    padding: 0 15px 0 15px;
    font-size: 14px;
    font-weight: bold;
}

.emailnewsBox .emailnewsBox-in form {
    display: table-cell;
    width: 369px;
}

    .emailnewsBox .emailnewsBox-in form .c-ftmail #fakeInput {
        display: none;
    }

.emailnewsBox .emailnewsBox-in .c-ftmail .input_text {
    border: none;
    background: url('/img/new/bg-emailnews.png') #fff 10px center no-repeat;
    height: 37px;
    width: 287px;
    font-size: 12px;
    color: #818e96;
    border: solid 1px #dbe1e5;
    box-sizing: border-box;
    padding: 2px 15px 2px 35px;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    border-radius: 3px 0 0 3px;
}

.emailnewsBox .emailnewsBox-in .c-ftmail .input_button {
    border: none;
    font-size: 13px;
    height: 37px;
    margin-left: -4px;
    width: 82px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 3px;
    border-bottom: 1px solid #037ea8;
    padding: 0 10px;
    color: #FFF;
    cursor: pointer;
    font-family: 'Exo 2', sans-serif;
    vertical-align: middle;
    padding: 10px 0;
    box-sizing: border-box;
}

    .emailnewsBox .emailnewsBox-in .c-ftmail .input_button:hover {
        background: #00a2e5;
        color: #FFF;
    }


.closestBranch {
    padding: 15px 0;
    font-size: 13px;
    display: table;
    margin: 45px auto 0 auto;
    width: 1180px;
    position: relative;
}

#closestBranch::before {
    content: '';
    background: #efefef;
    height: 66px;
    width: 100%;
    pointer-events:;
    position: absolute;
    left: 0;
    top: 39px;
    z-index: -1;
    border-radius: 5px;
}

.closestBranch img {
    width: 148px;
    margin-left: 20px;
    display: table-cell;
    border-radius: 10px;
    moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 5px solid #FFF;
}

.closestBranch div {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.closestBranch .imgWrap {
    width: 0;
}

.closestBranch .branch {
    text-align: left;
    padding-left: 45px;
    background: url('/img/new/bg-closestBranch.png') 20px center no-repeat;
}

.closestBranch .text {
    padding-right: 80px;
}

    .closestBranch .text strong {
        color: rgb(0, 170, 229);
        font-size: 16px;
    }

    .closestBranch .text span {
        position: relative;
        display: inline-block;
    }

        .closestBranch .text span strong {
            position: relative;
        }

            .closestBranch .text span strong:before {
                content: '„';
                position: absolute;
                left: -13px;
                top: -5px;
                font-size: 22px;
                color: #95c7f5;
                font-weight: 700;
            }

        .closestBranch .text span:after {
            content: '“';
            position: absolute;
            right: -12px;
            bottom: -9px;
            font-size: 22px;
            color: #95c7f5;
            font-weight: 700;
        }


.closestBranch strong {
    font-size: 13px;
}

.closestBranch a {
    border: none;
    font-size: 13px;
    height: 37px;
    margin-left: -4px;
    width: 75px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 3px;
    border-bottom: 2px solid #037ea8;
    padding: 10px 27px;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
}

    .closestBranch a:hover {
        text-decoration: none;
        background: #00aae5;
    }

.hp-producers {
    height: 308px;
    margin-top: 56px;
    border-top: 1px solid #dbe1e5;
    border-bottom: 1px solid #dbe1e5;
}



    .hp-producers .hp-producers-in {
        width: 1180px;
        margin: auto;
    }

        .hp-producers .hp-producers-in .navigate {
            display: none;
        }


        .hp-producers .hp-producers-in .producerImageList {
            padding: 0 15px;
            display: table;
            width: 100%;
            box-sizing: border-box;
        }

        .hp-producers .hp-producers-in .producerinfo {
            display: table-cell;
            height: 100px;
            vertical-align: middle;
            background: none;
            width: 10%;
            margin: 0;
            float: none;
            border-radius: 3px;
            border: none;
            text-align: center;
        }

            .hp-producers .hp-producers-in .producerinfo img {
                width: 100px;
                margin: 0 5px;
                padding: 0;
            }

            .hp-producers .hp-producers-in .producerinfo:hover {
                box-shadow: 0 0px 12px rgba(2,2,2,0.2);
            }

        .hp-producers .hp-producers-in .allBrands {
            display: block;
            margin: auto;
            font-size: 14px;
            text-align: center;
            position: relative;
            padding: 5px 0;
            letter-spacing: 0.04em;
        }

            .hp-producers .hp-producers-in .allBrands a {
                color: #00529c;
                display: inline-block;
                position: relative;
                height: 20px;
                padding-right: 25px;
                z-index: 1;
            }


                .hp-producers .hp-producers-in .allBrands a:hover {
                    color: #00aae5;
                }

                .hp-producers .hp-producers-in .allBrands a:before {
                    height: 18px;
                    width: 18px;
                    line-height: 17px;
                    position: absolute;
                    right: 0;
                    content: ' ';
                    border: 1px solid #dbe1e5;
                    border-radius: 10px;
                    background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
                }

                .hp-producers .hp-producers-in .allBrands a:after {
                    position: absolute;
                    right: 8px;
                    top: 7px;
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 3.5px 0 3.5px 3px;
                    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
                }

            .hp-producers .hp-producers-in .allBrands:hover a:before {
                background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
            }


/********************** === USER.lostpass === *****************************************************/


/********************** === USER.register === *****************************************************/
.userdata-password {
    display: none;
}

#title_user_register_1 {
    background: url(/img/1/title_registrace.gif) no-repeat;
}

#title_user_data_1 {
    background: url(/img/1/title_user_data.gif) no-repeat;
}

.registration label.error {
    padding: 7px 0px 4px 30px;
    color: #ff001e;
    display: inline-block;
    width: 241px;
    float: right;
    width: 242px;
    padding-left: 0;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}


    .registration label.error:before {
        content: ' ';
        position: absolute;
        background: #ff001e;
        height: 14px;
        width: 14px;
        border-radius: 7px;
        left: 0px;
        top: 9px;
    }

    .registration label.error:after {
        content: '!';
        position: absolute;
        color: #FFF;
        left: 5px;
        top: 8px;
        font-size: 13px;
        font-family: 'Exo 2', sans-serif;
    }


.registration input.error {
    border-color: #ff001e !important;
}

.registration label.valid {
    position: absolute;
    right: 0px;
    margin-top: 10px;
    width: 10px;
}

    .registration label.valid:before {
        content: ' ';
        position: absolute;
        background: #58a810;
        height: 14px;
        width: 14px;
        border-radius: 7px;
        left: 0px;
        top: -2px;
        background: #58a810;
    }

    .registration label.valid:after {
        content: ' ';
        position: absolute;
        color: #FFF;
        margin-top: -6px;
        margin-left: -2px;
        font-size: 11px;
        border: 1px solid #FFF;
        border-width: 0 0 2px 2px;
        width: 6px;
        height: 3px;
        transform: rotate(-45deg);
    }

.registration a.input_btnB {
    padding-top: 0px;
    text-align: center;
    width: 107px;
    border: none;
    font-size: 13px;
    float: right;
    height: 16px;
    margin-left: -4px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 3px;
    border-bottom: 1px solid #037ea8;
    padding: 10px 10px;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
    font-family: "Exo 2", sans-serif;
    letter-spacing: 0.02em;
    margin-top: 12px;
}

    .registration a.input_btnB:hover {
        background: #00aae5;
        color: #FFF;
    }

    .registration .reg-left {
        max-width: 825px;
        /*display: inline-block;*/
        float: left;
    }

    .registration .reg-right {
        float: right;
        padding-top: 51px;
        max-width: 300px;
    }

    .registration .reg-info {
        margin-top: 10px;
    }

    .registration .reg-vyhody {
        max-width: 407px;
        border: 1px solid #dbe1e5;
        border-radius: 3px;
        margin-top: 26px;
    }

        .registration .reg-vyhody .vyhody-title {
            padding: 11px 15px;
            background: #f7f7f7;
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            font-size: 18px;
            border-bottom: 1px solid #dbe1e5;
        }

        .registration .reg-vyhody ul {
            padding-left: 31px;
        }

            .registration .reg-vyhody ul li {
                color: #00aae5;
                padding-bottom: 5px;
            }

                .registration .reg-vyhody ul li span {
                    color: #171c20;
                    position: relative;
                    left: -4px;
                }

    .registration #UserDataForm {
        max-width: 412px;
        position: relative;
        margin-top: 27px;
        margin-bottom: 60px;
    }

    .registration .requiredText {
        padding: 0 0 10px 21px;
        font-size: 12px;
        color: #6d6d6d;
    }

    .registration .secLabel {
        position: relative;
        padding: 7px 0 11px 25px;
    }

    .registration .c-chbox {
        left: 3px;
        top: 10px;
    }

    .registration .secLabel div.nadpis {
    }

    .registration div.faktInfo {
        font-size: 12px;
        color: #000;
        font-weight: normal;
        padding-left: 39px;
        float: left;
        padding-bottom: 15px;
        padding-right: 10px;
    }

        .registration div.faktInfo a {
            color: #058CD3;
        }

    .registration .secLabel div a {
    }

    .registration .secLabel .input_check {
        border: none;
        cursor: pointer;
        height: 15px;
        opacity: 0;
        position: absolute;
        top: -1px;
        left: -1px;
        width: 15px;
        z-index: 2;
    }

    .registration .secLabel label {
        font-size: 13px;
    }

    .registration table {
        width: 100%;
    }

        .registration table tr td {
        }

        .registration table label {
            font-size: 13px;
        }

        .registration table .req_char {
            color: #FF001E;
        }

        .registration table .rName {
            padding-right: 4px;
            text-align: left;
            vertical-align: top;
            padding-top: 5px;
        }

        .registration table .wider {
            
        }

        .registration table .rInsert {
        }

        .registration table .rName1 {
            padding-right: 4px;
            text-align: left;
            vertical-align: top;
            padding-top: 5px;
            min-width:  160px;
        }

        .registration table .rInsert1 {
            xwidth: 155px;
        }

        .registration table .input_text {
            padding: 2px 8px;
            height: 30px;
            width: 243px;
            font: 13.3333px 'Open Sans';
            color: #171c20;
            border: solid 1px #c6d4dd;
            box-sizing: border-box;
            box-shadow: inset 3px 3px 10px -4px #bfbfbf;
            border-radius: 3px;
            margin-bottom: 1px;
            float: right;
        }

            .registration table .input_text.pending {
                z-index: 5;
                position: relative;
                background: url(/img/loading.gif) #FFF right 3px center no-repeat;
            }

        .registration table select {
            width: 180px;
        }
        /*.registration table #label_sBankAccount_0 {display: none}
.registration table #isBankCode_0 {display: none}
.registration table #label_sBankCode_0 {display: none}
.registration table #label_sSpecifickySymbol_0 {display: none}
.registration table #isSpecifickySymbol_0 {display: none}*/

        .registration table .bankaccount {
            width: 82px;
        }

        .registration table .bankcode {
            width: 30px;
            margin-left: 2px;
        }

        .registration table .zipcode { /*width: 82px; */
        }

        .registration table .news {
            width: 12px;
            margin: 0;
            padding: 0;
            background: none;
        }

    .registration .buttons {
        padding: 0 0 15px 0;
    }

    .registration .userdata {
    }

    .registration .newsCheck {
        text-align: center;
        height: auto;
        padding-top: 8px;
    }

        .registration .newsCheck .input_check {
            margin-right: 5px;
        }

        .registration .newsCheck label {
            font-size: 12px;
        }

    .registration .user1 {
    }

    .registration .user2 {
        min-height: 170px;
        _height: 170px;
        padding: 0 20px 0 25px;
        float: left;
        background: url(/img/bg-userDataRightCol.gif) repeat-y 0px;
        margin-left: 20px;
        width: 260px;
    }

    .registration .whyRegister-t {
        padding-bottom: 15px;
        font-size: 14px;
        font-weight: bold;
        color: #ee6a56;
    }

    .registration .user2 ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .registration .user2 ul li {
            padding: 0 0 4px 9px;
            display: block;
            background: url(/img/bg-userDataRightCol_li.gif) no-repeat 0 4px;
        }

    .registration .userdata .infoICO {
        color: #6c6c6c;
    }

    .registration .freetext {
        width: auto;
        margin: 0;
        padding: 0 130px;
        text-align: center;
        border: 0;
        color: #6c6c6c;
        background: none;
    }

.odkazkurde a {
    text-decoration: underline;
    font-weight: bold;
    color: #058cd3;
}

    .odkazkurde a:hover {
        text-decoration: none;
    }

.userbrief tr.notSaved td {
    background-color: #FFD47F;
}

.userbrief tr td {
    padding-left: 3px;
}

    .userbrief tr td .input_button {
        margin-right: 3px;
    }

.userbrief tbody td {
    background-color: #fff;
}

.userbrief thead td {
    font-weight: bold;
}

.userbrief tfoot td {
    font-weight: bold;
}

.contactAdd {
    border: 1px solid #E6E6E6;
    background-color: #f5f5f5;
    padding: 5px;
}

    .contactAdd table tfoot p {
        width: 100%;
        padding: 0;
        text-align: center;
    }

.unitType {
    font-size: 13px;
    position: relative;
    padding-left: 4px;
    top: 6px;
}

/*************************** === PRODUCER.imagelist === *************************************/
#title_producerImageList_1 {
}

#producer-catalog {
    margin-bottom: 30px;
}

.producer-wrap {
    width: 825px;
    display: inline-block;
}

.producerImageList .producerinfo {
    display: table;
    height: 100px;
    padding: 20px 0;
    border-bottom: 1px solid #dbe1e5;
    width: 100%;
}

.producerImageList .table-cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
}

    .producerImageList .table-cell:first-of-type {
        width: 225px;
    }

.producerImageList .prod-anot {
    padding-top: 3px;
}


.producerImageList .producerinfo a {
    font-family: 'Exo 2', sans-serif;
    color: #00529c;
    font-size: 16px;
}

    .producerImageList .producerinfo a:hover {
        color: #00aae5;
    }


.producer-wrap .filter-param {
    outline: none;
    display: inline-block;
    padding: 9px 10px;
    margin: 5px 1px 0 0;
    border: 1px solid #dbe1e5;
    border-radius: 3px;
    text-decoration: none;
    color: #00529c;
    background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    cursor: pointer;
    box-sizing: border-box;
    width: 33px;
    text-align: center;
}

    .producer-wrap .filter-param:hover {
        background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
    }

    .producer-wrap .filter-param:first-of-type {
        width: 184px;
    }


.producer-wrap .producer-filter {
    padding: 0 5px 5px 5px;
    border: 1px solid #dbe1e5;
    border-radius: 3px;
    margin: 15px 0 10px 0;
}

.producer-wrap .filter-param.active {
    color: #171b1f;
    background: #dbe7eb;
    border: 1px solid #dbe7eb;
}


/***************************  Column2 Compare *********************************************/
#column4 {
    position: relative;
    padding: 0px 0 0 0;
    background: url(/img/bg-titleEx.gif) repeat-x 0 35px;
}

    #column4 .title {
        padding: 10px 0 45px 25px;
        font-size: 14px;
        font-weight: bold;
        color: #0089E1;
    }

        #column4 .title span {
            position: relative;
            top: 8px;
        }

    #column4 .button {
        position: absolute;
        top: 35px;
        right: 10px;
    }

    #column4 .logo {
        position: absolute;
        top: 35px;
        left: 15px;
        height: 35px;
        width: 140px;
        background: url(/img/bg-logo.gif) no-repeat;
    }

.compare {
    padding-left: 10px;
}

.compareEx {
    width: 151px;
    margin: 284px 5px 80px 0;
    float: left;
    border-right: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
}

body:nth-of-type .compareEx {
    margin-top: 282px;
}

.compareEx td {
    height: 18px;
    ?height: 17px;
    _height: 17px;
    border-top: 1px solid #AFAFAF;
    border-left: 1px solid #AFAFAF;
}

    .compareEx td div {
        padding: 1px 0 1px 10px;
        x ?padding-bottom: 0;
        text-aling: center;
        background: #D3D3D3;
        border: 1px solid #FFF;
    }

.compareEx .bgT td div {
    background: #DDD !important;
}

.compareEx .rw1 div {
    background: #c9cede;
}

.compareEx .rw2 div {
    background: #d5d9e5;
}

#compareTableId .product a.name {
    ;
}

.anotationC {
    background: none !important;
}

    .anotationC div {
        height: 53px;
        margin: 10px 0 0 0;
        overflow: hidden;
        background: none !important;
    }

#column4 .productBox {
    position: relative;
    width: 718px;
    margin: 0 0 0 -1px;
    overflow-x: auto;
    float: left;
}

html > body #column4 .productBox {
    overflow: auto;
}

:root #column4 .productBox {
    overflow: -moz-scrollbars-horizontal;
}

*:first-child + html #column4 .productBox {
    overflow-y: hidden;
}

    #column4 .productBox table tr td {
        width: 185px;
        padding-right: 4px;
    }

    #column4 .productBox .product .name {
        height: 30px;
        margin: 15px 0 10px 0;
        display: block;
        overflow: hidden;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #0089E1;
    }

    #column4 .productBox .product .productImg {
        height: 137px;
        ?height: 136px;
        _height: 136px;
        width: 176px;
        text-align: center;
        border: 0 !important;
    }

        #column4 .productBox .product .productImg td {
            border: 0 !important;
            background: url(/img/bg-productComp.gif) no-repeat bottom;
        }

    #column4 .productBox .product .prEx {
        font-weight: bold;
    }

    #column4 .productBox .product table {
        border-right: 1px solid #AFAFAF;
        border-bottom: 1px solid #AFAFAF;
    }

        #column4 .productBox .product table tr td {
            height: 18px;
            ?height: 17px;
            _height: 17px;
            width: 178px;
            padding: 0;
            border-top: 1px solid #AFAFAF;
            border-left: 1px solid #AFAFAF;
        }

            #column4 .productBox .product table tr td div {
                padding: 1px 0 1px 10px;
                text-aling: center;
                background: #D3D3D3;
                border: 1px solid #FFF;
            }

        #column4 .productBox .product table .bgT td div {
            background: #DDD !important;
        }

    #column4 .productBox .product .rw1 div {
        background: #c9cede;
    }

    #column4 .productBox .product .rw2 div {
        background: #d5d9e5;
    }

    #column4 .productBox .product .buttons {
        padding: 8px 0 25px 0;
        text-align: center;
    }

        #column4 .productBox .product .buttons a {
            margin-bottom: 5px;
            display: block;
        }

    #column4 .productBox .product .price {
        margin-top: 15px;
        padding: 2px 0 2px 0;
        ?padding-top: 3px;
        _padding-top: 3px;
        text-align: center;
        font-size: 11px;
        color: #0089E1;
        border-top: 1px solid #d1d1d1;
    }

        #column4 .productBox .product .price .currPrefix {
            padding-right: 2px;
        }

        #column4 .productBox .product .price small {
            color: #000;
        }

    html > body #column4 .productBox .product .price {
        padding-top: 3px;
    }

:root #column4 .productBox .product .price {
    padding-top: 2px;
}

#column4 .productBox .amount .input_text {
    height: 16px;
    width: 24px;
    padding-top: 2px;
    text-align: center;
    border: 1px solid #134179;
}

#column4 .productBox .productPrice {
    padding: 5px 0;
}


/*************************** === Forum === ***********************************************/
#title_forum_1 {
    background: url(/img/1/title_forum_category.gif) no-repeat;
}

.page_forum .forumList {
    clear: both;
}

    .page_forum .forumList table {
        width: 100%;
        margin-bottom: 15px;
    }

.page_forum .forum ul {
    margin: 5px 0 0 5px;
}

.page_forum li.forum_Body {
    width: 100%;
    float: left;
}

.page_forum .treeImg {
    width: 10px;
    margin-right: 5px;
    float: left;
}

.page_forum .forum li {
    width: 100%;
    list-style-type: none;
    margin-left: 0;
    padding-left: 5px;
}

.page_forum .forum a {
    margin-right: 6px;
    padding-right: 10px;
    text-decoration: none;
}

.page_forum .forum li {
    display: inline;
}

    .page_forum .forum li a:hover {
        text-decoration: underline;
    }

.page_forum .forum_name {
    margin-right: 5px;
    float: left;
}

.page_forum .forum_date {
    width: 60px;
    float: left;
}

.page_forum .forumList thead td {
    background-color: #dcdcdc;
    font-weight: bold;
}

.page_forum .forumList tr.sel td {
    font-weight: bold;
    background-color: #f0f0f0;
}

.page_forum .forumList div.commnentBody .l {
    background: url(../img/fl.gif) no-repeat center;
    width: 10px;
    height: 18px;
}

.page_forum .forumList div.t {
    background: url(../img/ft.gif) no-repeat center;
    width: 10px;
}

.page_forum .forumList td.emp {
    background: none;
    width: 10px;
}

.page_forum .secTitle {
    margin: 5px 0;
    font-size: 13px;
}

.page_forum .forumListFull {
    clear: both;
    margin-bottom: 15px;
}

    .page_forum .forumListFull table td {
        background-color: #e0e0e0;
        width: 100%;
        padding: 5px;
    }

    .page_forum .forumListFull .createDate {
        width: 10%;
        white-space: nowrap;
    }

    .page_forum .forumListFull .answer {
        width: 10%;
    }

    .page_forum .forumListFull .fTitle {
        font-weight: bold;
    }

    .page_forum .forumListFull .text {
        padding: 3px;
        clear: both;
        margin-bottom: 10px;
    }

/******************************* === FORUM.thread.list === ***********************************/
.forumList {
}

    .forumList .buttons a {
        border: none;
        font-size: 14px;
        height: 18px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 8px 0px;
        width: 150px;
        color: #FFF;
        margin-top: -9px;
        float: right;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        font-family: 'Exo 2', sans-serif;
    }

        .forumList .buttons a:hover {
            background: #00aae5;
        }

    .forumList .freetext {
        padding: 0 0 8px 15px;
    }

    .forumList table {
        width: 100%;
        margin-top: 25px;
    }

        .forumList table td {
            xpadding: 2px 5px 5px 5px;
        }

            .forumList table td.fCreated {
                white-space: nowrap;
                position: relative;
            }



        .forumList table thead td {
            padding: 5px;
            color: #000;
            font-weight: bold;
            xbackground-color: #F4F4F4;
            border-bottom: 2px solid #dddddd;
        }

        .forumList table thead .fcheck {
            width: 20px;
        }

        .forumList table thead .fanswers {
            width: 10%;
            white-space: nowrap;
        }

        .forumList table thead .fdlast {
            width: 10%;
            white-space: nowrap;
        }

        .forumList table .root td {
            xbackground-color: #e0e0e0;
            xborder-top: 1px solid #e5e5e5;
        }

        .forumList table a {
            color: #0c96db;
            font-weight: bold;
        }

        .forumList table .fCreated {
            display: inline-block;
            font-size: 11px;
            padding-left: 27px;
            color: #929292;
            position: relative;
        }

            .forumList table .fCreated:before {
                height: 19px;
                width: 19px;
                line-height: 17px;
                position: absolute;
                top: -2px;
                left: 0;
                content: ' ';
                border: 1px solid #dbe1e5;
                background: #FFF;
                border-radius: 36px;
            }

            .forumList table .fCreated:after {
                position: absolute;
                top: 0;
                left: 6px;
                content: url('/img/new/bg-article-date.png');
            }

        .forumList table .fAnswer {
            padding-left: 20px;
        }

            .forumList table .fAnswer a {
                font-size: 11px;
                color: #00529c;
                font-weight: normal;
            }

                .forumList table .fAnswer a:hover {
                    color: #00aae5;
                }

        .forumList table .input_check {
            position: relative;
            top: 1px;
        }

    .forumList tr.sel td {
        font-weight: bold;
        xbackground-color: #f0f0f0;
    }

    .forumList td.l {
        width: 38px;
    }

    .forumList td.t {
        width: 12px;
        xbackground: url(/img/t_node.png) no-repeat center;
        padding: 0px 2px 2px 2px;
    }

    .forumList td.i {
        width: 10px;
        background: url(/img/i_node.gif) no-repeat center;
        padding: 0px 2px 2px 2px;
    }

    .forumList td.emp {
        width: 10px;
        background: none;
    }

    .forumList table tfoot td {
        padding: 10px 5px 5px;
        text-align: center;
    }

    .forumList .pager {
        ;
    }

        .forumList .pager img {
            vertical-align: middle;
        }

        .forumList .pager .jumptopage {
            float: right;
        }

        .forumList .pager span {
            position: relative;
            top: 1px;
        }

        .forumList .pager a {
            margin: 0 2px;
        }

        .forumList .pager .input_text {
            height: 16px;
            width: 27px;
            margin-right: 5px;
            padding-top: 3px;
            text-align: center;
            color: #003745;
            background: url(/img/bg-searchBox_input.gif) repeat-x;
            border: 1px solid #c3c3c3;
        }

        .forumList .pager .btLeft {
            margin: 0 2px 0 7px;
        }

        .forumList .pager .btRight {
            margin: 0 2px 0 7px;
        }

        .forumList .pager .pagerPages {
            padding: 15px 0 0 10px;
        }

        .forumList .pager .pagerItems {
            padding: 5px 0 10px 10px;
        }

    .forumList .buttonS {
        width: 100%;
        text-align: right;
    }

    .forumList .fdetHead {
        padding: 10px 0 2px 11px;
    }

        .forumList .fdetHead .fdate {
            padding: 0 0 1px 0;
            display: block;
            font-size: 10px;
            color: #929292;
        }

        .forumList .fdetHead .ftitle {
            padding-right: 20px;
            font-weight: bold;
            font-size: 11px;
            color: #0c96db;
        }

        .forumList .fdetHead .fauthor {
            font-weight: bold;
            color: #0C96DB;
        }

    .forumList .fdetBody {
        padding: 0 0 10px 11px;
    }

    .forumList .fAuthor {
        position: relative;
        padding-left: 43px;
        font-size: 11px;
    }

    .forumList .fHead.tipa .fAuthor {
        padding-left: 50px;
    }

    .forumList .fAuthor:before {
        height: 19px;
        width: 19px;
        line-height: 17px;
        position: absolute;
        top: -2px;
        left: 18px;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 36px;
    }

    .forumList .fAuthor:after {
        position: absolute;
        top: 4px;
        left: 25px;
        width: 7px;
        height: 9px;
        content: ' ';
        background: url(/img/new/bg-loginbox.png);
        background-size: 7px 9px;
    }

    .forumList .fHead.tipa .fAuthor:before {
        content: none;
    }

    .forumList .fHead.tipa .fAuthor:after {
        position: absolute;
        top: -2px;
        left: 11px;
        width: 36px;
        height: 21px;
        content: ' ';
        background: url(/img/new/tipa-logo.png);
        background-size: 36px 21px;
    }


    .forumList .commentTitle .left {
        float: left;
    }

    .forumList .commentTitle .right {
        float: right;
    }

    .forumList .commentBody div {
        float: left;
    }

    .forumList .line0, .line1 {
        xborder-top: solid 1px black;
        xpadding-bottom: 5px;
    }


    .forumList .fHead {
        padding: 6px 0 9px 7px;
        border: 1px solid #dbe1e5;
        border-bottom: 1px solid #dbe1e5;
        border-radius: 3px;
    }

        .forumList .fHead.tipa {
            background: #f5f9fa;
        }

    .forumList .fBody {
        padding: 6px 0 17px 7px;
        display: inline-block;
        font-style: italic;
    }

    .forumList .commentContent {
        border-top: solid 1px black;
    }

    .forumList .commentTitle .left {
        float: left;
    }

    .forumList .commentTitle .created {
    }

    .forumList .commentTitle .author {
    }

    .forumList .commentTitle .answer {
        float: right;
    }

    .forumList p {
        padding: 10px 0 9px 0;
    }

.forumListFull {
    margin-bottom: 15px;
}

    .forumListFull table {
        margin: 0 0 5px 0;
        border: 0;
    }

        .forumListFull table td {
            padding-top: 5px;
        }

            .forumListFull table td .text {
                padding: 5px;
            }

    .forumListFull .forumTopiclist {
        margin: 0 0 10px 0;
        border: 1px #e0e0e0 solid;
    }

        .forumListFull .forumTopiclist .line1 {
            background-color: #e0e0e0;
        }

        .forumListFull .forumTopiclist .last {
            margin-bottom: 0px;
        }

/*************************** === FORUM.form === *********************************************/
.forumForm {
    ;
}

    .forumForm .information {
        padding: 0;
        font-size: 13px;
        position: relative;
        padding-left: 26px;
    }

        .forumForm .information:after {
            width: 7px;
            height: 4px;
            position: absolute;
            content: ' ';
            border: 2px solid #FFF;
            top: 5px;
            left: 5px;
            border-width: 0 0 2px 2px;
            transform: rotate(-45deg);
        }

        .forumForm .information:before {
            content: ' ';
            position: absolute;
            width: 19px;
            height: 19px;
            left: 0;
            background: #00aae5;
            border-radius: 10px;
        }

        .forumForm .information .forumError {
            color: #ff001e;
        }

    .forumForm table {
        width: 100%;
        padding-top: 15px;
        height: 178px;
    }

        .forumForm table tr {
            display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            xdisplay: -moz-box;
            -webkit-box-pack: space-between;
            -moz-box-pack: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            justify-content: space-between;
            -webkit-box-align: flex-start;
            -moz-box-align: top;
            -webkit-align-items: top;
            -ms-flex-align: top;
            align-items: top;
        }

        .forumForm table .req-char {
            color: #ff001e;
        }

    .forumForm a {
        color: #00529c;
    }

        .forumForm a:hover {
            color: #00aae5;
        }

        .forumForm a.btn {
            border: none;
            font-size: 14px;
            height: 18px;
            background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
            border-radius: 5px;
            border-bottom: 1px solid #037ea8;
            padding: 8px 0px;
            width: 150px;
            color: #FFF;
            margin-top: 20px;
            float: right;
            display: inline-block;
            text-align: center;
            cursor: pointer;
            text-decoration: none;
            font-family: 'Exo 2', sans-serif;
            clear: both;
        }

            .forumForm a.btn:hover {
                background: #00aae5;
            }


    .forumForm table tr td {
        xheight: 27px;
    }

    .forumForm table .rName {
        xwidth: 127px;
        padding-right: 5px;
        text-align: right;
        padding-left: 7px;
        padding-top: 9px;
    }

    .forumForm table .rInsert {
        xwidth: 185px;
        margin-top: 4px;
    }

    .forumForm table .rName1 {
        xwidth: 85px;
        padding-right: 5px;
        text-align: right;
    }

    .forumForm table .input_text {
        width: 203px;
        height: 26px;
        border: 1px solid #c6d4dd;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        padding-left: 10px;
        xmargin-right: 361px;
        xmargin-top: 4px;
    }

        .forumForm table .input_text.fftitle {
            width: 230px;
        }

    .forumForm table .forumText {
        padding: 4px 0;
    }

        .forumForm table .forumText textarea {
            width: 554px;
            height: 75px;
            border: 1px solid #c6d4dd;
            box-shadow: inset 3px 3px 10px -4px #bfbfbf;
            border-radius: 3px;
            padding: 10px;
            font-size: 13px;
        }

    .forumForm table .forumCaptcha {
        padding: 5px 0 0 202px;
    }

        .forumForm table .forumCaptcha .checkCodeBox span {
        }

        .forumForm table .forumCaptcha .checkCodeBox .input_text {
            width: 51px;
            margin: 0 5px;
        }

        .forumForm table .forumCaptcha a {
            position: relative;
            top: 3px;
        }

#iFsendMail {
    display: none;
}

#iFsendMailLabel {
    display: none;
}










/********** === warranty_detail === ************/
#title_warranty_detail {
    background: url(/img/1/title_warranty.gif) no-repeat;
}

/********** === Holland_auction === ************/
#title_HollandAuction {
    background: url(/img/1/title_warranty.gif) no-repeat;
}

.titleHolland H1 {
    padding: 10px 8px 5px 8px;
    font-size: 14px;
    font-weight: bold;
    color: #76c339;
}

.description {
    padding: 10px 4px 5px 4px;
}
/*****************************
 === CATEGORYBODY.basicinfo ===
******************************/
.sectionBasicInfo {
    width: 100%;
    padding-bottom: 20px;
    float: left;
}

    .sectionBasicInfo .sec_img {
        margin-right: 7px;
        padding: 2px;
        float: left;
        border: solid 2px #ECEFED;
    }

    .sectionBasicInfo .sec_info h1 {
        font-size: 14px;
        font-weight: bold;
        color: #fda300;
    }

    .sectionBasicInfo .sec_info a {
        font-weight: bold;
        color: #006644;
        text-decoration: underline;
    }

    .sectionBasicInfo .freetext {
        font-size: 12px;
    }
/***************************
 === PRODUCER.basicInfo ===
***************************/
.producerBasicInfo {
    display: table;
    width: 100%;
    font-size: 13px;
    margin-bottom: 35px;
}

    .producerBasicInfo .producerText {
        display: table-cell;
        vertical-align: middle;
    }

        .producerBasicInfo .producerText .annotationText {
            padding-bottom: 16px;
            padding-top: 16px;
            text-align: justify;
        }

        .producerBasicInfo .producerText .descriptionText {
            padding-bottom: 60px;
        }


    .producerBasicInfo span#prod-moreInfo {
        color: #808080;
        cursor: pointer;
    }

        .producerBasicInfo span#prod-moreInfo:hover {
            color: #AAA;
        }

    .producerBasicInfo .producerImg {
        display: table-cell;
        vertical-align: middle;
        width: 335px;
        text-align: right;
    }



/********************************
 === COMMODITYLIST.Search ===
********************************/
#title_search_result_1 {
    background: url(/img/1/title_search_result.gif) no-repeat;
}

.page_search .searchWord {
    font-weight: bold;
    padding: 0 5px;
}

.page_search .notFound {
}

.page_search .listorcat {
}
/*************************************
 === COMMODITYLLIST.searchAdvanced ===
**************************************/
#title_advancesearch_cat_1 {
    background: url(/img/1/title_advsearch_cat.gif) no-repeat;
}
/* === SELECT CATEGORY === */
#title_advancesearch_result_1 {
    background: url(/img/1/title_advsearch_result.gif) no-repeat;
}
/* === SET PARAMETERS === */
#title_advancesearch_params_1 {
    background: url(/img/1/title_advsearch_params.gif) no-repeat;
}

.page_advancedsearch .paramList {
    margin: 10px auto 0px auto;
    width: 430px;
}

    .page_advancedsearch .paramList .param {
        float: left;
        margin-bottom: 5px;
        text-align: left;
        width: 460px;
        clear: both;
    }

    .page_advancedsearch .paramList .parprice {
        width: 100%;
    }

        .page_advancedsearch .paramList .parprice .input_text {
            width: 60px !important;
            float: none;
        }

        .page_advancedsearch .paramList .parprice .unit {
            float: none !important;
        }

    .page_advancedsearch .paramList .param div {
        float: left;
        margin-right: 15px;
    }

    .page_advancedsearch .paramList .param .name {
        width: 130px;
        float: left;
        text-align: right;
        margin-right: 5px;
        padding-top: 3px;
    }

    .page_advancedsearch .paramList .param .unit {
        width: 80px;
        float: left;
        padding-top: 3px;
    }

    .page_advancedsearch .paramList .param select {
        width: 100px;
        margin-right: 5px;
        float: left;
    }

    .page_advancedsearch .paramList .param input {
        margin-right: 5px;
        float: left;
    }

    .page_advancedsearch .paramList .param .input_text {
        width: 100px;
    }

    .page_advancedsearch .paramList .param select.onlyselect {
        width: 215px;
        float: left;
    }

    .page_advancedsearch .paramList .param .multi {
        width: 200px;
    }

#hoverbox {
    position: absolute;
    display: none;
    border: 1px #D1D1D1 solid;
    padding: 5px;
    cursor: pointer;
    background-color: #fff;
}

    #hoverbox.visible {
        display: block;
    }



/*********************
 === market_region ===
**********************/
.market-catalog {
    margin-top: 35px;
}

.market-tabs a {
    outline: none;
    padding: 10px 6px;
    border: 1px solid #dbe1e5;
    width: 165px;
    display: table-cell;
    text-align: center;
    text-decoration: none;
    color: #00529c;
    background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
    font-size: 14px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
}

    .market-tabs a:hover {
        color: #00aae5;
        background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
    }

    .market-tabs a div {
        text-decoration: underline;
    }


    .market-tabs a.active {
        color: #171b1f;
        background: #FFF;
        border-bottom-color: #FFF;
    }

.market-block {
    display: none;
    border: 1px solid #dbe1e5;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 3px 3px;
}

    .market-block.active {
        display: table;
        width: 100%;
        border-spacing: 0;
        padding-bottom: 71px;
    }

    .market-block td {
        padding: 0;
        vertical-align: middle;
        width: 50%;
    }

    .market-block img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 9px;
        border-radius: 10px;
        border: 5px solid #FFF;
        width: 225px;
    }

.market-detail {
    margin: 71px 15px 0 15px;
    background: #f7f7f7;
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    position: relative;
}

.mardet-in {
    width: 285px;
    margin-left: auto;
    padding: 14px 10px 14px 0;
}

    .mardet-in table {
        border-collapse: collapse;
    }

    .mardet-in span {
        width: 70px;
        display: inline-block;
    }

    .mardet-in .mardet-title a {
        font-size: 16px;
        font-family: 'Exo 2', sans-serif;
        color: #00529c;
        text-decoration: underline;
        margin-bottom: 7px;
        display: inline-block;
    }

        .mardet-in .mardet-title a:hover {
            color: #00aae5;
        }

    .mardet-in .mardet-openhours {
        font-weight: 700;
    }

.market-tabs .first-row a:first-child {
    border-radius: 5px 0 0 0;
}


.market-tabs .first-row a:last-child {
    border-radius: 0 5px 0 0;
}

.market-tabs a span {
    color: #6e7b83;
    font-size: 12px;
}

.market-tabs > div {
    display: table;
    width: 100%;
}



#title_markets_1 {
    background: url(/img/1/title_markets.gif) no-repeat !important;
}

.marketMap {
    width: 100%;
    padding: 17px 0;
    float: left;
    background-color: #F1F3F2;
}

    .marketMap .marketMapIn {
        width: 100%;
        margin: 0;
        float: left;
        background-color: #ffffff;
    }

    .marketMap .regionText {
        width: 160px;
        text-align: center;
        float: left;
        margin: 15px 0 0 15px;
    }

        .marketMap .regionText div {
            height: 100px;
            margin-top: 15px;
        }

        .marketMap .regionText .regionName {
            background-color: #006644;
            color: #FFFFFF;
            height: 65px;
            line-height: 65px;
            font-weight: bold;
            margin-top: 10px;
        }

    .marketMap .regionMap {
        margin: 20px 20px 20px 0;
    }

    .marketMap .marketSpace {
        clear: both;
        height: 17px;
        background-color: #F1F3F2;
    }

    .marketMap .marketCities {
        width: 100%;
        padding: 15px 0 15px 35px;
        float: left;
    }

        .marketMap .marketCities a {
            padding-left: 15px;
            width: 140px;
            float: left;
            background: url(/img/BGnavigation_li_a.gif) left center no-repeat;
            border: 0;
        }

.marketList {
    width: 100%;
    margin-top: 15px;
}

    .marketList .region {
        background-color: #F1F3F2;
    }

        .marketList .region .subtitle {
            font-weight: bold;
            text-decoration: underline;
        }

        .marketList .region .marketName {
            background-color: #9FA19E;
            color: #ffffff;
            padding: 10px 15px 11px;
            font-weight: bold;
            border-bottom: 1px #ffffff solid;
        }

        .marketList .region .market {
            width: 100%;
            padding: 17px 0;
            float: left;
        }

        .marketList .region .marketSpace {
            clear: both;
            height: 10px;
            background-color: #FFFFFF;
        }

        .marketList .region .marketIn {
            width: 523px;
            margin: 0 17px;
            float: left;
            background-color: #F1F3F2;
            xborder: 1px black solid;
        }

            .marketList .region .marketIn img {
                float: right;
            }

        .marketList .region .market p {
            float: left;
            clear: left;
            padding: 1px 0;
            color: #171c20544;
        }

        .marketList .region .market a {
            color: #006644;
            text-decoration: underline;
        }

        .marketList .region .market p .label {
            float: left;
            width: 70px;
        }

        .marketList .region .market p .data {
            float: left;
            font-weight: bold;
        }


/****************************
 === COMMODITYBODY.related ===
****************************/
#title_related_1 {
    background: url(/img/1/title_related.gif) no-repeat;
}


/*****************************
 === emailNews.register ===
 ****************************/
#title_news_reg_1 {
    background: url(/img/1/title_news_reg.gif) no-repeat;
    color: White !important;
}


/****************************
 === WISHLIST ===
****************************/
#wishlistHoverBox {
    position: absolute;
    z-index: 9;
    width: 367px; /*height: 124px;*/
    display: none;
    background-color: #A4D852;
    color: #FFF;
}

    #wishlistHoverBox p {
        width: 100%;
        padding: 22px 0 23px 0;
        float: left;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
    }

    #wishlistHoverBox a {
        position: relative;
        top: 5px;
        text-decoration: nderline;
        font-weight: bold;
    }

    #wishlistHoverBox .showwishllist {
        padding: 0 20px;
        display: inline;
    }

    #wishlistHoverBox .closewindow {
        padding: 0 20px;
        display: inline;
    }

/********************
 === IMAGE.detail ===
********************/
.fotoWin {
    min-width: 0px;
}

    .fotoWin a {
        text-decoration: none;
    }

        .fotoWin a:hover {
            text-decoration: none;
        }

    .fotoWin table {
        height: 100%;
        border-collapse: collapse;
    }

        .fotoWin table td {
            text-align: center;
            vertical-align: middle;
        }

            .fotoWin table td div {
                text-align: right;
                font-size: 10px;
                color: #808080;
            }




/* modal win select category */
/*  strom kategorii    */
#modalIframe {
    background-color: #fff;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #f2831f #816449 #816449 #f2831f;
    position: relative;
    top: 50px;
}

#modalIframe, #clona1 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#modalIframeBody {
    height: 100% !important;
    overflow: hidden;
    background-color: #e7e7e7;
    margin: 0;
    padding: 25px 0px 29px 0px;
    _padding-bottom: 29px;
    *width: 100% !important;
}

.modalContent {
    background: #fff;
    border-left: solid #fff 2px;
    border-right: solid #fff 0;
    font-size: 11px;
    font-weight: 700;
    height: 100% !important;
    overflow: auto !important;
    padding-left: 5px;
    padding-right: 5px;
}

#headerMenuContainer {
    left: 0px;
    position: fixed;
    *position: absolute;
    top: 0px;
    width: 100%;
    height: 25px;
    background: #e0e0e0;
}

#footerContainer {
    height: 29px;
    left: 0;
    bottom: 0px;
    position: absolute;
    width: 100%;
}

#footerContainer2 {
    height: 29px;
    left: 0;
    bottom: 0px;
    position: absolute;
    width: 100%;
}


.category ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.category li {
    margin-top: 5px;
}

.category a.active:hover {
    color: #f68b2a;
    text-decoration: underline;
}

.category a:hover {
    color: #6e6d6d;
    text-decoration: underline;
}

.category li.closed ul {
    display: none !important;
}

.category ul li img {
    margin-right: 5px;
    cursor: pointer;
}

span.closed {
    background-color: url(/img/plus.gif) no-repeat;
    cursor: pointer;
    height: 13px;
    margin-left: -14px;
    margin-right: 5px;
    padding-left: 9px;
    width: 9px;
}

span.closed_catActive {
    background: url(/img/plusActive.gif) no-repeat;
    cursor: pointer;
    height: 13px;
    margin-left: -14px;
    margin-right: 5px;
    padding-left: 9px;
    width: 9px;
}

span.opened {
    background: url(/img/minus.gif) no-repeat;
    cursor: pointer;
    height: 13px;
    margin-left: -14px;
    margin-right: 5px;
    padding-left: 9px;
    width: 9px;
}

span.opened_catActive {
    background: url(/img/minusActive.gif) no-repeat;
    cursor: pointer;
    height: 13px;
    margin-left: -14px;
    margin-right: 5px;
    padding-left: 9px;
    width: 9px;
}

span.catInd {
    background: url(/img/catInd.gif) no-repeat;
    height: 13px;
    margin-left: -14px;
    margin-right: 5px;
    padding-left: 9px;
    width: 9px;
}

span.catInd_catActive {
    background: url(/img/catIndActive.gif) no-repeat;
    height: 13px;
    margin-left: -14px;
    margin-right: 5px;
    padding-left: 9px;
    width: 9px;
}

span.loading {
    font-style: italic;
}



/*pes*/
#wd_watchDogMainTable {
    border: #c6d4dd solid 1px;
    position: absolute;
    border-radius: 3px;
    width: 481px;
    z-index: 50000;
    background: #ffffff;
}



#wd_closeSpan {
    background: #00529c;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 6px;
    cursor: pointer;
    z-index: 10;
}

    #wd_closeSpan:before {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(45deg);
        box-sizing: border-box;
        z-index: 10;
    }

    #wd_closeSpan:after {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(135deg);
        box-sizing: border-box;
        z-index: 10;
    }

#wd_watchDogMainDiv {
    width: 100%;
    font-size: 13px;
    text-align: center;
}

    #wd_watchDogMainDiv .wd_email span {
        background: url(/img/new/bg-emailFooter.png) left center no-repeat;
        padding-left: 22px;
    }

    #wd_watchDogMainDiv table {
        width: 100%;
        font-size: 13px;
        text-align: center;
    }

    #wd_watchDogMainDiv .watchDogError {
        font-size: 12px;
        color: #ff001e;
        position: relative;
        padding-left: 19px;
        display: none;
    }

        #wd_watchDogMainDiv .watchDogError:before {
            content: ' ';
            position: absolute;
            background: #ff001e;
            height: 14px;
            width: 14px;
            border-radius: 7px;
            left: 0;
            top: 1px;
        }

        #wd_watchDogMainDiv .watchDogError:after {
            content: '!';
            position: absolute;
            color: #FFF;
            left: 5px;
            top: 0px;
            font-size: 11px;
        }

    #wd_watchDogMainDiv .wd_title {
        font-family: 'Exo 2', sans-serif;
        font-size: 18px;
        padding-top: 28px;
    }


    #wd_watchDogMainDiv .wd_info {
        padding-top: 3px;
    }

    #wd_watchDogMainDiv .wd_email {
        padding-top: 11px;
        padding-bottom: 24px;
    }


    #wd_watchDogMainDiv .wd_emailText span {
        color: #aa3713;
        margin-top: 6px;
        display: inline-block;
    }

    #wd_watchDogMainDiv #wd_watchDogLoginEmail {
        width: 325px;
        height: 30px;
        border: 1px solid #c6d4dd;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        padding-left: 10px;
    }

    #wd_watchDogMainDiv .input_submit {
        border: none;
        font-size: 15px;
        height: 38px;
        width: 192px;
        background: linear-gradient(to bottom, #51bf07 0%, #48b002 100%);
        border-bottom: 2px solid #317602;
        border-radius: 5px;
        color: #FFF;
        cursor: pointer;
        font-family: 'Exo 2', sans-serif;
        margin: 9px 0 27px 0;
    }

        #wd_watchDogMainDiv .input_submit:hover {
            background: #43a302;
        }

/**************************** === USER.remember.hoverbox === *****************************************/
#rememberHoverBox {
    position: absolute;
    z-index: 9;
    width: 357px;
    padding: 5px;
    display: none;
    background: url(/img/bg-rememberHoverBox.gif) no-repeat #93d04e;
}

.rememberHoverboxIn {
    width: 355px;
    floaT: left;
    border: 1px solid #b7e360;
}

#rememberHoverBox p {
    width: 100%;
    margin-bottom: 10px;
    padding: 12px 0 10px 0;
    float: left;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    border-bottom: 1px solid #b7e360;
}

#rememberHoverBox .item {
    padding: 0 0 0 25px;
    color: #FFF;
}

    #rememberHoverBox .item .name {
        width: 100%;
        padding-bottom: 6px;
        text-align: center;
    }

#rememberHoverBox .buttonsHB {
    margin-top: 3px;
    padding: 3px 0;
}

#rememberHoverBox a {
    position: relative;
    top: 5px;
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
}

#rememberHoverBox .bhEx {
    margin: 0 106px 0 39px;
}

/**************************** === PUBLIS.info.hoverbox === *****************************************/
#infoHoverBox {
    position: absolute;
    z-index: 9;
    width: 357px;
    padding: 5px;
    display: none;
    background: url(/img/bg-infoHoverBox.gif) no-repeat #93d04e;
}

    #infoHoverBox .infoHoverBoxIn {
        width: 355px;
        floaT: left;
        border: 1px solid #b7e360;
    }

    #infoHoverBox p {
        width: 100%;
        margin-bottom: 10px;
        padding: 12px 0 10px 0;
        float: left;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        border-bottom: 1px solid #b7e360;
    }

    #infoHoverBox .buttonsHB {
        width: 100%;
        padding-bottom: 3px;
        text-align: center;
    }

/**************************** === ???.hoverbox === *****************************************/
#helpHoverBox {
    display: none;
}


/* VYVOJ */
td.CalTitleDay {
    padding: 3px;
    border: 1px blue solid;
    background-color: #99ccff;
}

td.Weekend {
    background-color: #66ccff;
    font-weight: bold;
}

td.CalNumDay {
    padding: 3px;
    border: 1px blue solid;
    text-align: center;
}

    td.CalNumDay.ActiveDay a {
        color: red;
    }

    td.CalNumDay.ToDay {
        background-color: blue;
    }

        td.CalNumDay.ToDay a {
            color: white;
        }

    td.CalNumDay a {
    }


/********** === reclamation === ************/
.reclamation {
}

    .reclamation table {
        margin: 5px;
        border-collapse: collapse;
        border-color: #D5D5D5;
        clear: both;
    }

    .reclamation .label {
    }

    .reclamation .text {
    }

/********** === PARTNER.orderslist === ************/
#title_partner_orderlist_1 {
    background: url(/img/1/title_partner_orders.gif) no-repeat;
}

/********** === PARTNER.code === ************/
#title_partner_code_1 {
}

.pcode {
}

    .pcode fieldset {
        width: 482px;
        margin-left: 105px;
    }

        .pcode fieldset p {
            text-align: center;
        }

            .pcode fieldset p.value {
                font-weight: bold;
            }

        .pcode fieldset textarea {
            border: 1px solid #ABABAB;
        }

.ImgP {
    border: #ffffff 2px solid;
}

.ImgA {
    border: #ffffff 2px outset;
}

.ImgN {
    border: #ffcf63 2px solid;
}

.buttonPartner {
    padding: 15px 0;
    text-align: center;
}

/********** === CALENDAR === ************/
table.calendarBig {
    padding: 3px;
    border-collapse: collapse;
    border: 1px silver solid;
    margin: 10px auto;
}

.calendarBig thead td {
    text-align: center;
}

.calendarBig .day {
    height: 55px;
    width: 70px;
    text-align: center;
}

    .calendarBig .day a {
        text-decoration: none;
        display: block;
        position: relative;
    }

        .calendarBig .day a div.lightbox {
            position: absolute;
            top: -5px;
            right: 5px;
        }

.calendarBig .coverMonth {
    background-color: #E8E8E8;
    color: #A9A7A7;
}

.calendarBig .saturday {
    background-color: #FFE293;
}

.calendarBig .sunday {
    background-color: #FFC66C;
}

.calendarBig .holiday {
    background-color: #FAFCAD;
}

.calendarBig .today {
    background-color: #BEBEBE;
}

.calendarBig .selected {
    background-color: #BEBEBE;
}

.calendarBig .userNote {
    background-color: #000000;
}

#column2.page_calendar {
    overflow: visible;
}

.page_calendar .monthName {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center;
    color: #FFC66C;
    text-transform: uppercase;
    font-weight: bold;
    clear: both;
}

.page_calendar .input_text {
    border: 1px solid #9D9D9D;
    color: #6A6A6A;
    height: 16px;
    margin: 6px 6px 0 0;
    padding: 3px 0 0 6px;
    width: 113px;
    position: relative;
    top: -2px;
}

.page_calendar .filterDate {
    width: 250px;
    float: left;
    padding-left: 15px;
}

.page_calendar .filterName {
    width: 250px;
    float: left;
    padding-left: 15px;
}

.page_calendar .input_image {
}

.page_calendar .filters {
    margin-bottom: 15px;
}

.page_calendar .monthName a {
    text-decoration: none;
}

.page_calendar .monthName img {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.calendarPopUp {
    position: absolute;
    top: 130px;
    left: 50px;
    width: 300px;
    border: 1px solid #FFC66C;
    background: White;
    padding: 10px;
}

    .calendarPopUp .header {
        color: #FFC66C;
        font-size: 12px;
        font-weight: bold;
        position: relative;
        margin-bottom: 15px;
    }

        .calendarPopUp .header img {
            position: absolute;
            right: 0px;
            top: 0px;
            cursor: pointer;
        }

    .calendarPopUp .messageLine {
        margin-bottom: 5px;
        padding-top: 5px;
        text-align: justify;
        border-top: 1px solid #C0C0C0;
    }

        .calendarPopUp .messageLine .messageType {
            color: #FFC66C;
            font-weight: bold;
        }

        .calendarPopUp .messageLine .messageIcons {
            text-align: right;
        }

        .calendarPopUp .messageLine img {
            margin-left: 5px;
        }

            .calendarPopUp .messageLine img.actionBtn {
                cursor: pointer;
            }

.page_calendar .newMessageForm div {
    color: #FFC66C;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    border-top: 1px solid silver;
    padding-top: 10px;
}

.page_calendar .newMessageForm .mSelect {
    padding: 0px;
    width: 270px;
}

.page_calendar .newMessageForm .mArea {
    width: 270px;
    height: 50px;
    padding: 0px;
}

/********** === DICTIONARY.list === ************/
#title_dictionary_1 {
    background: url(/img/1/title_dictionary.gif) no-repeat;
}

.page_dictionary .alphabet {
    text-align: center;
    margin-bottom: 15px;
}

    .page_dictionary .alphabet span {
        font-size: 15px;
        padding: 3px 4px 3px 0;
        text-transform: uppercase;
    }

        .page_dictionary .alphabet span a {
            font-weight: bold;
        }

            .page_dictionary .alphabet span a:hover {
                background-color: #dadada;
            }

.page_dictionary .dictionaryList {
    margin: 0 0 15px 15px;
}

    .page_dictionary .dictionaryList ul {
        list-style-type: none;
        padding-left: 0px;
    }

    .page_dictionary .dictionaryList li {
        padding: 3px 0;
    }

        .page_dictionary .dictionaryList li a {
            font-weight: bold;
            padding-left: 10px;
            background: url(/img/bg-categories_li_a.gif) no-repeat left;
        }

    .page_dictionary .dictionaryList .description {
        padding: 8px 0 0 4px;
    }


/********** === FORUM.topic.list === ************/
/*
.forumList {clear: both;}
#column2 .forumList .title {float: none; height:15px; margin: 10px 0 0 0}
.forumList table {margin-bottom:10px; width: 100%;}
.forumList table td {background-color:#f4f4f4;padding:5px;height:22px;text-align:left;}
.forumList table td.fname {font-weight:bold;}
.forumList table td.fcheck {padding:0;text-align:center;}
.forumList table td.fy {}
.forumList table td.fanswers {text-align:center;}
.forumList table td.fdlast {text-align: right;}
.forumList table thead td {background-color:#f4f4f4; height:35px; text-align:center; vertical-align:middle; border-bottom:2px solid #dddddd}
.forumList table thead td.fname {width:226px;}
.forumList table thead td.fcheck {width:20px;}
.forumList table thead td.fy {width:65px;}
.forumList table thead td.fanswers {width:75px;}
.forumList table thead td.fdlast {width:150px;}
.forumList table tbody td {background-color:#fff}
.forumList table tfoot td {text-align: center;padding:5px 0}
*/


.forumList table td.fname {
}

.forumList table td.pad {
    xpadding-left: 10px;
}

/*#label_bSupervisor {display: none}
#cpibSupervisor_0 {display: none}*/

.SUCheck {
    text-align: right;
}

.userdataboxContact {
    border-bottom: 1px solid #E9E9E9;
}

.userdataboxUser select {
    width: 179px;
    padding-left: 4px;
}

.requiredInfo .required {
    color: #EE6A56;
}

.loginformIn {
    padding-left: 15px;
    margin-top: -7px;
}

.lostPassButton {
    padding-top: 20px;
}

.dostupnostInfo {
    xcursor: pointer;
    font-size: 12px;
}

    .dostupnostInfo .NotInStock {
        color: #FF2100;
        font-weight: 700;
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
    }
        
    .dostupnostInfo .titulek {
        font-weight: 700 !important;
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
    }

    .dostupnostInfo .InStock {
        color: #58a810;
        font-weight: 700;
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
    }


    .dostupnostInfo #InStockDate {
        color: #58a810;
        vertical-align: initial;
        display: inline;
    }

    .dostupnostInfo .InStock.orange {
        color: #d68e04;
    }

    .dostupnostInfo .InStock span {
        font-weight: 400;
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
        vertical-align: initial;
        display: inline;
    }

    .dostupnostInfo .tableDostupnost {
        padding: 0;
        border: 0;
    }

        .dostupnostInfo .tableDostupnost .titulek {
            border: 0;
            padding: 0 4px;
            font-weight: bold;
            font-size: 14px;
        }

        .dostupnostInfo .tableDostupnost .skladem {
            padding: 0;
            border-bottom: 0;
        }

        .dostupnostInfo .tableDostupnost .naCeste {
            padding: 0;
            border-bottom: 0;
        }

        .dostupnostInfo .tableDostupnost .datum {
            padding: 0;
            border-bottom: 0;
        }

.bookmark {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    left: 475px;
    display: none;
}

    .bookmark li {
        float: left;
        padding-left: 5px;
    }

        .bookmark li a {
            color: #EE6A56;
            font-size: 11px;
        }

.bannerHP {
    margin-bottom: 2px;
}

.moreAboutCompany {
    color: #EE6A56;
    text-decoration: underline;
    font-weight: bold;
    background: url(/img/li-more-info.png) no-repeat left 5px;
    padding-left: 9px;
}

    .moreAboutCompany:hover {
        text-decoration: none;
    }

.productName h4 a {
    height: 30px;
    margin: 0 15px 0 15px;
    overflow: hidden;
    display: block;
    text-align: center;
    color: #ee6a56;
    font-size: 12px;
    font-weight: bold;
}



.DescriptionAndArticles {
    display: table;
    font-size: 13px;
    margin-top: 26px;
    margin-bottom: 15px;
}


    .DescriptionAndArticles .freetext {
        text-align: justify;
    }

    .DescriptionAndArticles .desc {
        display: table-cell;
    }

    .DescriptionAndArticles .art {
        display: table-cell;
        width: 280px;
        padding-left: 75px;
    }

        .DescriptionAndArticles .art .dpcol2-title {
            font-size: 18px;
            font-weight: bold;
            font-family: 'Exo 2', sans-serif;
            border-bottom: 1px solid #dbe1e5;
            padding-bottom: 11px;
        }

        .DescriptionAndArticles .art .detail-articles {
            margin-bottom: 0;
        }

.page_category .emailnewsBox {
    margin-top: 0;
}

.bi-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
}

.listCategoriesBottomWrap .bi-title {
    font-size: 22px;
    margin-bottom: 11px;
    margin-top: 41px;
}

#column3 .DescriptionAndArticles .bi-title {
    font-size: 18px;
    margin-bottom: 3px;
}

.listCategories {
    xpadding-left: 14px;
}

    .listCategories.top {
        margin-bottom: 30px;
    }

    .listCategories .catBorder {
        float: left; 
        margin: 0 0 20px 20px;
        cursor: pointer;
        width: 218px;
        height: 62px;
        border: 1px solid #b4ced8;
        border-radius: 3px;
        background: none;
        background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
    }
    .listCategories:after {
        content:""; 
        display: block; 
        clear: both; 
        height: 0; 
        overflow: hidden;

    } 


        .listCategories .catBorder:nth-child(5n+1) {
            margin-left: 0;
        }


        .listCategories .catBorder:hover {
            background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
        }

        .listCategories .catBorder.noImage {
            display: table;
        }

            .listCategories .catBorder.noImage .catIn {
                display: table;
                vertical-align: middle;
                height: 58px;
                text-align: center;
            }

                .listCategories .catBorder.noImage .catIn .name {
                    width: 209px;
                }

        .listCategories .catBorder .catIn {
            display: table;
            font-size: 13px;
            font-family: 'Exo 2', sans-serif;
        }

            .listCategories .catBorder .catIn .name span {
                color: #00529c;
                text-decoration: underline;
            }

                .listCategories .catBorder .catIn .name span.name-count {
                    color: #818e96;
                    text-decoration: none;
                }

        .listCategories .catBorder:hover .catIn .name span {
            color: #00aae5;
        }

        .listCategories .catBorder .catIn .img {
            display: table-cell;
            padding: 6px 0px;
        }

            .listCategories .catBorder .catIn .img img {
                height: 48px;
                padding-left: 5px;
            }

        .listCategories .catBorder .catIn .name {
            display: table-cell;
            width: 158px;
            vertical-align: middle;
            padding: 0 10px;
            text-decoration: none;
        }
        /*.listCategories .catBorder.catEmpty {
            display: none;
        }*/
        .listCategories .catBorder.catEmpty .catIn .name span {
            color: #BECFDF;
        }

        .listCategories .catBorder.catEmpty .catIn .name span.name-count {
            color: #C4C9CC;
        }

        .listCategories .catBorder.catEmpty, 
        .listCategories .catBorder.catEmpty a { cursor: default; }
        .listCategories .catBorder.catEmpty:hover {
            background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
        }

.listSubCategories {
    padding: 0 0 15px 20px;
}

    .listSubCategories .subCategories-t {
        color: #058CD3;
        font-weight: bold;
        font-size: 14px;
        padding: 0 0 7px 0;
    }

    .listSubCategories .subCategories {
        width: 695px;
        background: url(/img/bg-producerSelect.gif) repeat-y;
    }

    .listSubCategories .subCategoriesIn1 {
        background: url(/img/bg-producerSelectIn1.gif) no-repeat;
    }

    .listSubCategories .subCategoriesIn2 {
        padding: 10px 0 5px 15px;
        background: url(/img/bg-producerSelectIn2.gif) no-repeat bottom;
    }

    .listSubCategories ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .listSubCategories ul li {
            float: left;
            padding-bottom: 7px;
            width: 210px;
            background: url(/img/subcat-li.png) no-repeat left 4px;
            padding-left: 11px;
        }

            .listSubCategories ul li.last {
                padding-right: 0;
                width: 210px;
            }

            .listSubCategories ul li a {
                font-weight: bold;
                font-size: 12px;
                color: #058CD3;
            }

                .listSubCategories ul li a:hover {
                }



.noProducts {
    padding: 15px 0;
    text-align: center;
}

.login-infotext {
    padding: 2px 50px 2px 0;
}

    .login-infotext a {
        text-decoration: underline;
        font-weight: bold;
    }

        .login-infotext a:hover {
            text-decoration: none;
        }

.errList {
    margin: 0;
    padding-left: 10px;
}



.registrationInfoText {
    color: #6D6D6D;
    font-size: 12px;
}

    .registrationInfoText .mail {
        text-decoration: underline;
        font-weight: bold;
        color: #058CD3;
    }

    .registrationInfoText .backToHP {
        text-decoration: underline;
        color: #058CD3;
        background: url(/img/bg-bt-backOr.gif) no-repeat 0 5px;
        padding-left: 8px;
    }

        .registrationInfoText .backToHP:hover {
            text-decoration: none;
        }

.titleReg {
    color: #EE6A56;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

.ordertbl {
    width: 665px;
    margin: 0 0 0 20px;
}

    .ordertbl tbody .priceWVat {
        color: #EE6A56;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        width: 75px;
    }

    .ordertbl tbody tr td {
        border-bottom: 1px solid #E9E9E9;
        font-size: 12px;
        font-weight: bold;
        height: 39px;
    }

    .ordertbl thead .DPH {
        text-align: center;
    }

    .ordertbl thead .Name {
        width: 250px;
    }

    .ordertbl tbody .right {
        text-align: center;
    }

    .ordertbl tbody .Price {
        text-align: center;
    }

    .ordertbl tbody .count {
        font-weight: normal;
        text-align: center;
    }

    .ordertbl tbody .unit {
        font-weight: normal;
        text-align: center;
    }

.titleOrders {
    color: #EE6A56;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 17px;
}

.ContentWithHelpBox {
}

    .ContentWithHelpBox .navigate {
        max-width: 1180px;
        margin: 15px auto;
    }

    .ContentWithHelpBox .text-wrap {
        width: 1180px;
        margin: 0 auto;
    }

        .ContentWithHelpBox .text-wrap .text-left {
            width: 820px;
            display: inline-block;
        }

    .ContentWithHelpBox.archive-wrap .text-wrap .text-left {
        width: 880px;
        display: inline-block;
    }

    .ContentWithHelpBox.article-wrap .text-wrap .text-left {
        width: 880px;
        display: inline-block;
    }

    .ContentWithHelpBox .text-wrap .text-left h2.typeDetail {
        font-size: 36px;
        font-family: 'exo_2extra_bold';
        font-weight: 800;
    }

    .ContentWithHelpBox .text-wrap .text-left .text-in {
    }

        .ContentWithHelpBox .text-wrap .text-left .text-in a {
            color: #00529c;
        }

            .ContentWithHelpBox .text-wrap .text-left .text-in a:hover {
                color: #00aae5;
            }



        .ContentWithHelpBox .text-wrap .text-left .text-in span {
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            font-size: 18px;
            display: block;
        }

    .ContentWithHelpBox .text-wrap .text-right {
        float: right;
        padding-top: 60px;
        max-width: 300px;
    }

        .ContentWithHelpBox .text-wrap .text-right .help-box {
            border: none;
        }

    .ContentWithHelpBox.Content404 .text-wrap .text-left .text-in {
        background: url(/img/new/bg-page404.jpg) 19px 18px no-repeat;
        padding: 49px 0 18px 326px;
        min-height: 285px;
    }

    .ContentWithHelpBox.emptyBasketMsg .text-wrap .text-left .text-in {
        background: url(/img/new/bg-emptyBasket.jpg) 19px 18px no-repeat;
        padding: 49px 0 18px 326px;
        min-height: 285px;
    }

    .ContentWithHelpBox.lostpassContent {
        min-height:auto;
    }

.lostPass {
    padding-top: 12px;
}

    .lostPass label {
        font-size: 13px;
    }

    .lostPass .req-char {
        color: #ff001e;
    }


    .lostPass label.error {
        padding: 7px 0px 4px 21px;
        color: #ff001e;
        display: inline-block;
        width: 400px;
    }


        .lostPass label.error:before {
            content: ' ';
            position: absolute;
            background: #ff001e;
            height: 14px;
            width: 14px;
            border-radius: 7px;
            left: 0;
            bottom: 13px;
        }

        .lostPass label.error:after {
            content: '!';
            position: absolute;
            color: #FFF;
            left: 5px;
            bottom: 12px;
            font-size: 13px;
            font-family: 'Exo 2', sans-serif;
        }

    .lostPass label.valid {
        position: absolute;
        left: 92%;
        margin-top: 10px;
    }

        .lostPass label.valid:before {
            content: ' ';
            position: absolute;
            background: #58a810;
            height: 14px;
            width: 14px;
            border-radius: 7px;
            left: 0px;
            top: -2px;
            background: #58a810;
        }

        .lostPass label.valid:after {
            content: ' ';
            position: absolute;
            color: #FFF;
            margin-top: -6px;
            margin-left: -2px;
            font-size: 11px;
            border: 1px solid #FFF;
            border-width: 0 0 2px 2px;
            width: 6px;
            height: 3px;
            transform: rotate(-45deg);
            top: 7px;
        }

    .lostPass input.error {
        border-color: #ff001e !important;
    }

    .lostPass input {
        padding: 2px 8px;
        height: 30px;
        width: 243px;
        font: 13.3333px 'Open Sans';
        color: #171c20;
        border: solid 1px #c6d4dd;
        box-sizing: border-box;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        border-radius: 3px;
        margin-bottom: 1px;
        position: relative;
        left: 1px;
    }

    .lostPass form {
        position: relative;
        max-width: 247px;
        margin-top: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 533px;
        display: -webkit-flex;
        -webkit-flex-direction: column;
    }

    .lostPass a {
        border: none;
        font-size: 14px;
        height: 17px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 7px 0px;
        width: 177px;
        color: #FFF;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        font-family: 'Exo 2', sans-serif;
    } 

        .lostPass a:hover {
            background: #00aae5;
        }

.orderBottom .backToHP {
    text-decoration: underline;
    color: #058CD3;
    background: url(/img/bg-bt-backOr.gif) no-repeat 0 5px;
    padding-left: 8px;
    font-size: 12px;
    font-weight: bold;
}

    .orderBottom .backToHP:hover {
        text-decoration: none;
    }

.regeditace {
    min-height: 516px;
}

.registration .userUpdatedInfo {
    margin-top: 10px;
    padding-bottom: 12px;
}

.totalSum {
    height: 39px;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
}

.totalSumPrice {
    color: #EE6A56;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    width: 75px;
    padding-left: 8px;
}

.ordertbl tbody tr td a {
    text-decoration: underline;
}

    .ordertbl tbody tr td a:hover {
        text-decoration: none;
    }

.ordertbl tbody tr td .state_1 {
    color: #8FC141;
}

.ordertbl tbody tr td .state_2 {
    color: #3399FF;
}

.ordertbl tbody tr td .state_3 {
    color: #C91A00;
}

.textServerError {
    color: #6D6D6D;
    font-size: 12px;
    margin: 20px 0 15px;
    padding-left: 21px;
}

    .textServerError .backToHP {
        background: transparent url(/img/bg-bt-backOr.gif) no-repeat 0 5px;
        color: #058CD3;
        font-size: 12px;
        font-weight: bold;
        padding-left: 8px;
        text-decoration: underline;
    }

        .textServerError .backToHP:hover {
            text-decoration: none;
        }


.page_executedinvoice .pager .pageArrows {
    position: absolute;
    top: 11px;
    right: 10px;
}

.page_executedinvoice .pager .pageCount {
    left: 10px;
    position: absolute;
    top: 5px;
}

.page_executedinvoice .pager .pageItems {
    left: 10px;
    position: absolute;
    top: 19px;
}

.page_executedinvoice .pager img {
    vertical-align: middle;
}

.page_executedinvoice .pager .pageArrows .btArrowL {
    margin-right: 4px;
}

.page_executedinvoice .pager .pageArrows .btArrowL {
    margin-left: 8px;
}


.backToHP {
    text-decoration: underline;
    color: #058CD3;
    background: url(/img/bg-bt-backOr.gif) no-repeat 0 5px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

    .backToHP:hover {
        text-decoration: none;
    }

.comProd {
    background: url(/img/bg-title_C22.gif) no-repeat;
    height: 31px;
    color: #058CD3;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0 0 41px;
}

.page_article .oNasLeft {
    float: right;
    width: 320px;
    background: url(/img/divDotLine.png) repeat-y left 0;
}

    .page_article .oNasLeft .oNasLeftIn {
        padding-left: 20px;
        padding-right: 10px;
    }

        .page_article .oNasLeft .oNasLeftIn .spolupracujteSNami {
            color: #EE6A56;
            font-weight: bold;
            font-size: 14px;
            padding-bottom: 12px;
            padding-top: 40px;
        }

.page_article .freeArticle {
}

    .page_article .freeArticle .bigLink {
        font-size: 18px;
        text-decoration: underline;
        font-weight: bold;
        color: #058CD3;
        background: url(/img/liBigLink.png) no-repeat 0 6px;
        padding-left: 13px;
    }

        .page_article .freeArticle .bigLink:hover {
            text-decoration: none;
        }

.page_article .bannerONas {
}

.page_article .bannerJakNakupovat {
}

.obchodnikRand {
    padding-bottom: 33px;
}

    .obchodnikRand .t {
        font-size: 14px;
        font-weight: bold;
        color: #EE6A56;
        padding-bottom: 12px;
    }

    .obchodnikRand .left {
        float: left;
        text-align: left;
        width: 110px;
    }

    .obchodnikRand .right {
        float: right;
        text-align: left;
        width: 174px;
    }

    .obchodnikRand .name a {
        color: #058CD3;
        font-weight: bold;
        font-size: 12px;
    }

    .obchodnikRand .obchodnik {
        font-style: italic;
        font-weight: normal;
        color: #5F5F5F;
        font-size: 12px;
        padding-top: 3px;
    }

    .obchodnikRand .tel, .obchodnikRand .email {
        color: #5F5F5F;
        font-size: 11px;
    }

    .obchodnikRand .tel {
        padding-top: 7px;
    }

    .obchodnikRand .email a {
        text-decoration: underline;
        color: #5F5F5F;
        font-size: 11px;
    }

        .obchodnikRand .email a:hover {
            text-decoration: none;
        }

    .obchodnikRand .dalsiLink {
        padding-top: 60px;
    }

.kontaktyRand .t {
    font-size: 14px;
    font-weight: bold;
    color: #EE6A56;
    padding-bottom: 12px;
}

.kontaktyRand .left {
    float: left;
    text-align: left;
    width: 110px;
}

.kontaktyRand .right {
    float: right;
    text-align: left;
    width: 174px;
}

.kontaktyRand a {
    color: #058CD3;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}

    .kontaktyRand a:hover {
        text-decoration: underline;
    }

.kontaktyRand .address {
    color: #5F5F5F;
    font-size: 11px;
    padding-top: 7px;
}

.kontaktyRand .dalsiLink {
    padding-top: 20px;
}

.jakNakupovatLinks {
    padding: 5px 0 6px 21px;
}

    .jakNakupovatLinks .linkBox {
        border: 1px solid #E8E8E8;
        width: 702px;
        background: #f8f8f8;
    }

        .jakNakupovatLinks .linkBox .wrap {
            background: #F9F9F9;
            float: left;
            width: 350px;
            padding: 0;
        }

        .jakNakupovatLinks .linkBox .link .img {
            float: left;
            width: 70px;
            padding-left: 10px;
            padding-top: 10px;
        }

        .jakNakupovatLinks .linkBox .link .linkIn {
            float: right;
            text-align: left;
            width: 265px;
            padding-top: 15px;
            padding-bottom: 6px;
        }

        .jakNakupovatLinks .linkBox .link {
            float: left;
            width: 348px; /*height: 82px;*/
            background: #E3E3E3 url("/img/bg-jaknakupovat.png") no-repeat 0 bottom;
            border: 1px solid #fff;
            height: 100%;
            position: relative;
            height: 100px;
            overflow: hidden;
        }

            .jakNakupovatLinks .linkBox .link .linkIn a {
                color: #058CD3;
                font-size: 20px;
                font-weight: bold;
                text-decoration: none;
            }

                .jakNakupovatLinks .linkBox .link .linkIn a:hover {
                    text-decoration: underline;
                }

            .jakNakupovatLinks .linkBox .link .linkIn span {
                font-size: 11px;
                color: #363636;
            }

.menuCategories {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .menuCategories li {
        background: url("/img/bg-attribute_a.gif") repeat-x 0 bottom #0072AC;
        min-height: 29px;
        _height: 29px;
        margin-bottom: 1px;
    }

        .menuCategories li.sel {
            background: url("/img/bg-categories_li_aH.gif") no-repeat 0 bottom;
            width: 225px;
        }

        .menuCategories li a {
            display: block;
            padding: 7px 0 6px 9px;
            color: #fff;
            width: 195px;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
        }

            .menuCategories li a:hover {
                text-decoration: underline;
            }

    .menuCategories ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .menuCategories ul li {
            background: /*url("/img/bg-categories_lighter.png") repeat-x 0 bottom*/ #808080;
            min-height: 29px;
            _height: 29px;
            margin-bottom: 1px;
        }

            .menuCategories ul li.sel {
                background: url("/img/bg-categories_lighterH.png") no-repeat 0 bottom;
                width: 225px;
            }

            .menuCategories ul li a {
                display: block;
                padding: 7px 0 6px 23px;
                color: #fff;
                width: 171px;
                font-family: Arial;
                font-size: 12px;
                font-weight: bold;
            }

                .menuCategories ul li a:hover {
                    text-decoration: none;
                }

.selCatThird {
    text-decoration: underline;
}

    .selCatThird:hover {
        text-decoration: none;
    }
/*.menuCategories li {border-bottom: 1px solid #FFFFFF}
.menuCategories li .obal a {min-height: 21px; padding: 9px 0 0 15px; display: block; font-size: 12px; font-weight: bold; color: #FFF; background: #0072AC url(/img/bg-attribute_a.gif) 0 bottom repeat-x}
.menuCategories li .obal a.sel {width: 205px; text-decoration: none; background: url(/img/bg-categories_li_aH.gif) 0 bottom}
.menuCategories li .obal a:hover {width: 205px; text-decoration: none; background: url(/img/bg-categories_li_aH.gif) no-repeat 0 bottom}*/

.wrap {
    padding: 0 21px;
}

    .wrap .anchors {
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin-top: 12px;
        margin-left: 15px;
    }

        .wrap .anchors li {
            float: left;
            display: inline;
            white-space: nowrap;
        }

            .wrap .anchors li a {
                background: url(/img/subcat-li.png) no-repeat 0 4px;
                padding-left: 9px;
                margin-left: 3px;
                margin-right: 15px;
                font-size: 12px;
                color: #242424;
            }



    .wrap .contact {
    }

        .wrap .contact .t {
            padding: 12px 0;
            font-size: 19px;
            color: #058CD3;
            font-weight: bold;
        }

        .wrap .contact .fotos {
        }

            .wrap .contact .fotos .shop {
                float: left;
                width: 335px;
                height: 200px;
                background: none;
            }

            .wrap .contact .fotos .map {
                float: left;
                width: 335px;
                height: 200px;
                padding-left: 25px;
            }

        .wrap .contact .information {
        }

            .wrap .contact .information .l {
                float: left;
                width: 335px;
                padding: 16px 0;
            }

                .wrap .contact .information .l .fakturacniUdaje {
                    color: #4F4F4F;
                    font-size: 11px;
                    border-bottom: 1px solid #6D6D6D;
                    width: 275px;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    margin-left: -20px;
                }

                .wrap .contact .information .l table {
                    color: #4F4F4F;
                    font-size: 11px;
                }

                    .wrap .contact .information .l table .normal {
                        font-weight: normal;
                        width: 75px;
                        text-align: right;
                    }

                    .wrap .contact .information .l table .bold {
                        font-weight: bold;
                        padding-left: 7px;
                    }

                    .wrap .contact .information .l table .tel {
                        color: #EE6A56;
                    }

                    .wrap .contact .information .l table a {
                        text-decoration: underline;
                        font-weight: bold;
                        color: #058CD3;
                    }

                        .wrap .contact .information .l table a:hover {
                            text-decoration: none;
                        }

            .wrap .contact .information .r {
                float: left;
                padding-left: 3px;
            }

                .wrap .contact .information .r .t {
                    color: #058CD3;
                    font-weight: bold;
                    font-size: 14px;
                }

                .wrap .contact .information .r .text {
                    font-size: 11px;
                    color: #4F4F4F;
                    width: 340px;
                }

    .wrap .faktUdaje-t {
        font-size: 19px;
        color: #058CD3;
        font-weight: bold;
        padding-top: 10px;
    }

    .wrap .udaje {
        padding-top: 12px;
        padding-bottom: 30px;
        padding-left: 12px;
    }

        .wrap .udaje table {
            color: #4F4F4F;
            font-size: 11px;
        }

            .wrap .udaje table .normal {
                text-align: right;
                width: 85px;
            }

            .wrap .udaje table .bold {
                font-weight: bold;
                padding-left: 7px;
            }

        .wrap .udaje .appendix {
            padding-top: 15px;
            color: #4F4F4F;
        }

.vizitky {
    margin-left: 15px;
    border: 1px solid #E8E8E8;
    width: 710px;
    margin-top: 12px;
}

    .vizitky .vizitka {
        width: 355px;
        height: 177px;
        float: left;
        background: url(/img/bg-quickcontact.png) no-repeat;
        position: relative;
        color: #4F4F4F;
    }

        .vizitky .vizitka .name {
            font-size: 18px;
            color: #058CD3;
            font-weight: bold;
            position: relative;
            top: 16px;
            left: 24px;
        }

        .vizitky .vizitka .l {
            float: left;
        }

            .vizitky .vizitka .l img {
                position: relative;
                top: 23px;
                left: 25px;
            }

        .vizitky .vizitka .r {
            float: right;
            position: relative;
            top: 50px;
            left: -30px;
        }

            .vizitky .vizitka .r table {
                color: #4F4F4F;
                font-size: 11px;
                width: 225px;
            }

                .vizitky .vizitka .r table .normal {
                    font-weight: normal;
                    width: 75px;
                    text-align: right;
                }

                .vizitky .vizitka .r table .bold {
                    font-weight: bold;
                    padding-left: 7px;
                }

                .vizitky .vizitka .r table .tel {
                    color: #EE6A56;
                }

                .vizitky .vizitka .r table a {
                    text-decoration: underline;
                    font-weight: bold;
                    color: #058CD3;
                }

                    .vizitky .vizitka .r table a:hover {
                        text-decoration: none;
                    }

.page_trader .wrap .publish-t {
    ?padding-bottom: 12px;
}

.forumError {
    color: #ff553e;
    font-size: 12px;
    padding-left: 25px;
}

    .forumError ul {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
    }

.payment-title {
    background: url("/img/subcat-li-gray.png") no-repeat 13px 14px transparent;
}

#slogan {
    position: absolute;
    left: 18px;
    top: 173px;
    width: 202px;
    font-weight: normal;
    color: #363636;
    text-align: center;
}

.productName h3 a {
    height: 30px;
    margin: 0 15px 0 15px;
    overflow: hidden;
    display: block;
    text-align: center;
    color: #ee6a56;
    font-size: 12px;
    font-weight: bold;
}

#packInfo {
    border: 1px solid #c6d4dd;
    border-radius: 2px;
    width: 275px;
    font-size: 13px;
    padding: 5px;
    display: none;
    background: #fff;
    z-index: 9999;
}

    #packInfo .in {
        padding: 7px;
    }

        #packInfo .in p {
            padding-top: 3px;
        }

        #packInfo .in .list {
            list-style-type: none;
            margin: 0;
            padding-top: 10px;
        }

            #packInfo .in .list li {
                padding-top: 10px;
            }


                #packInfo .in .list li .wrapino > span {
                    font-family: 'Exo 2', sans-serif;
                    font-weight: 500;
                }


                    #packInfo .in .list li .wrapino > span a,
                    #packInfo .in .list li .wrapino > span span {
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 400;
                    }

            #packInfo .in .list .link {
                padding-top: 7px;
                display: block;
            }

        #packInfo .in .bold {
            color: #737e86;
        }

        #packInfo .in a {
            font-family: 'Exo 2', sans-serif !important;
            color: #00529c;
            padding-top: 3px;
        }


            #packInfo .in a:hover {
                color: #00aae5;
                padding-top: 3px;
            }

            #packInfo .in a.delType {
                font-weight: bold;
            }

    #packInfo .btnClose {
        float: right;
        color: #fff;
        cursor: pointer;
        background: #00529c;
        border-radius: 7px;
        width: 12px;
        height: 12px;
        font-size: 12px;
        text-align: center;
        line-height: 10px;
    }



/*.page_executedorder .info img {cursor: pointer}*/
.page_executedorder .i {
    background: url(/img/pack.png) no-repeat;
    min-height: 50px;
    margin-left: 14px;
}

    .page_executedorder .i span {
        padding-top: 15px;
        display: block;
    }

        .page_executedorder .i span a {
            margin-left: 50px;
            color: #058CD3;
            text-decoration: none;
            font-size: 12px;
            font-weight: bold;
        }

            .page_executedorder .i span a:hover {
                text-decoration: underline;
            }

.page_advancedsearch .wrap {
    font-size: 12px;
    padding-top: 12px;
}

    .page_advancedsearch .wrap .options {
        padding-top: 8px;
    }

        .page_advancedsearch .wrap .options .choices {
            padding-top: 7px;
            padding-left: 77px;
            font-size: 12px;
        }

            .page_advancedsearch .wrap .options .choices table td {
                padding-right: 5px;
                padding-top: 1px;
            }

                .page_advancedsearch .wrap .options .choices table td label {
                    font-size: 12px;
                }

    .page_advancedsearch .wrap .infoText {
        font-size: 12px;
        padding-top: 15px;
        font-weight: bold;
    }

        .page_advancedsearch .wrap .infoText span {
            font-size: 11px;
            font-weight: normal;
        }

    .page_advancedsearch .wrap ul {
        list-style-type: none;
    }

        .page_advancedsearch .wrap ul li label {
            font-size: 12px;
            color: #6D6D6D;
        }

.page_advancedsearch .inputText {
    border: 1px solid #C3C3C3;
    width: 176px;
    height: 19px;
    margin-bottom: 2px;
    margin-left: 5px;
    color: #6C6C6C;
    padding-top: 1px;
    padding-left: 4px;
    font-size: 11px;
}

.page_advancedsearch #searchButton {
    padding-bottom: 2px;
    margin-left: 5px;
}

.page_advancedsearch .information {
    padding-top: 10px;
}

.orderFinBack {
    padding: 0 0 10px 10px;
}

#userdataboxContact {
}



.lostPassIn {
    padding-left: 0;
}

    .lostPassIn .lostBox {
        position: absolute;
        width: 479px;
        background: #FFF;
        z-index: 9999;
        height: 70px;
        text-align: center;
        border: 1px solid #c6d4dd;
        border-radius: 3px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-family: 'Exo 2', sans-serif;
        font-size: 18px;
        text-align: center;
        padding-top: 25px;
    }

        .lostPassIn .lostBox #lostPopUpClose {
            background: #00529c;
            height: 12px;
            width: 12px;
            position: absolute;
            right: 5px;
            top: 5px;
            border-radius: 6px;
            cursor: pointer;
        }

            .lostPassIn .lostBox #lostPopUpClose:before {
                position: absolute;
                width: 6px;
                height: 1px;
                top: 5px;
                left: 3px;
                background: #FFF;
                border-left: solid 1px #FFF;
                border-right: solid 1px #FFF;
                content: "";
                transform: rotate(45deg);
                box-sizing: border-box;
            }

            .lostPassIn .lostBox #lostPopUpClose:after {
                position: absolute;
                width: 6px;
                height: 1px;
                top: 5px;
                left: 3px;
                background: #FFF;
                border-left: solid 1px #FFF;
                border-right: solid 1px #FFF;
                content: "";
                transform: rotate(135deg);
                box-sizing: border-box;
            }

    .lostPassIn b {
    }

.changePass {
    margin-top: 20px;
}

    .changePass .information {
        margin: 10px 0;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

#thC, #thPod, #thPri, #thVid, #thNP {
    font-weight: normal;
    color: #818e96 !important;
}

.thC, .thPod, .thPri, .thVid, .thNP {
    font-weight: normal;
    color: #818e96 !important;
}

#thC-d, #thPod-d, #thPri-d, #thVid-d, #thNP-d {
    font-weight: normal;
    color: #818e96;
}

#LastVisitRespBtn span {
    font-weight: normal;
    color: #818e96;
}

.producerSelectBox {
    display: none;
}

.listSubCategories table {
    width: 695px;
}

.listSubCategories .d1 {
    background: url(/img/bg-producerSelectIn1.gif) no-repeat;
    height: 9px;
}

.listSubCategories .d2 {
    background: url(/img/bg-producerSelectIn2.gif) no-repeat;
    height: 9px;
}

.listSubCategories .d3 {
    background: url(/img/bg-producerSelect.gif) repeat-y;
    height: auto;
    padding-left: 15px;
    padding-top: 5px;
}

.saveClose {
    color: #058CD3;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

    .saveClose:hover {
        text-decoration: none;
    }

#dotazCaptchaErr {
    padding-top: 4px;
}

#doporucitCaptchaErr {
    padding-top: 4px;
}

.productInfo .productPriceAction {
    padding: 5px 0 3px 0;
    font-size: 14px;
    font-weight: bold;
    color: #0c96db;
}

    .productInfo .productPriceAction small {
        font-size: 14px;
        color: #0C96DB;
    }

.productInfo .productOldPrice {
    padding: 2px 0 8px 0;
    font-size: 12px;
    font-weight: bold;
    color: #656565;
    text-decoration: line-through;
}

.productInfo .productPriceEmpty {
    height: 22px;
}

.detail .detailInfo.disabled .di-2,
.detail .detailInfo.disabled .di-3,
.detail .detailInfo.disabled .di-4,
.detail .detailInfo.disabled .di-5,
.detail .detailInfo.disabled .di-6 {
    width: 360px;
}

.detail .detailInfo.disabled .di-5 {
    display: none;
}

.recommend-sign {
    position: absolute;
    right: 0px;
    width: 301px;
    border: 1px solid #c6d4dd;
    display: table-cell;
    text-align: center;
    margin-top: 25px;
    font-size: 18px;
    border-radius: 3px;
}

    .recommend-sign:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 45px 82px 0 81px;
        border-color: #c6d4dd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        content: ' ';
        position: absolute;
        bottom: -45px;
        left: 70.5px;
    }

    .recommend-sign:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 44px 80.5px 0 80.5px;
        border-color: #e4f1f5 transparent transparent transparent;
        content: ' ';
        position: absolute;
        bottom: -44px;
        left: 71px;
    }

    .recommend-sign .sign-rec {
        padding: 16px 0px;
        height: 76px;
        position: relative;
        background: #f5f9fa;
    }

        .recommend-sign .sign-rec:after {
            content: ' ';
            position: absolute;
            background: #e4f1f5;
            height: 4px;
            width: 100%;
            bottom: 0;
            left: 0;
        }

.detailInfo .priceDiv {
    padding: 5px 0 3px 0;
    width: 289px;
    float: left;
}

    .detailInfo .priceDiv span {
        padding-top: 10px;
        padding-right: 5px;
        font-size: 13px;
        font-weight: bold;
        color: #0c96db;
        width: 118px;
        float: left;
        text-align: right;
    }

    .detailInfo .priceDiv .price {
        font-size: 23px;
        font-weight: bold;
        color: #ee6a56;
    }

.detailInfo .priceWithoutDiscount {
    padding: 0 0 3px 0;
    width: 289px;
    float: left;
}

    .detailInfo .priceWithoutDiscount span {
        padding-right: 8px;
        font-size: 10px;
        font-weight: bold;
        color: #656565;
        width: 155px;
        float: left;
        text-align: right;
    }

    .detailInfo .priceWithoutDiscount .price {
        font-size: 14px;
        font-weight: bold;
        color: #656565;
        text-decoration: line-through;
    }

.detailInfoBox1 .detTab {
    width: 289px;
}

    .detailInfoBox1 .detTab .d1 {
        height: 5px;
        background: url(/img/bg-detailTab1.png) no-repeat;
    }

    .detailInfoBox1 .detTab .d2 {
        height: 5px;
        background: url(/img/bg-detailTab2.png) no-repeat;
    }

    .detailInfoBox1 .detTab .d3 {
        padding-left: 2px;
        background: url(/img/bg-detailTab3.png) repeat-y;
    }

.pay {
    ?padding-bottom: 30px;
}

.partnerPrologue {
    padding-left: 21px;
    font-size: 12px;
    padding-right: 15px;
}

.loginformPartner {
    height: 57px;
    width: 695px;
    margin-left: 19px;
    padding-top: 18px;
    background: url(/img/bg-loginform.gif) no-repeat;
    margin-bottom: 20px;
}

    .loginformPartner .lfEx1 {
        width: 318px;
        float: left;
        font-size: 12px;
        font-weight: bold;
        color: #2c2c2c;
        padding-bottom: 4px;
    }

    .loginformPartner .lfEx2 {
        width: 256px;
        padding: 0 0 0px 65px;
        float: left;
    }

        .loginformPartner .lfEx2 label {
            font-size: 12px;
            color: #000;
        }

        .loginformPartner .lfEx2 div {
            padding: 7px 0 0 48px;
            color: #363636;
        }

            .loginformPartner .lfEx2 div input {
                position: relative;
                top: -1px;
                margin-right: 5px;
            }

        .loginformPartner .lfEx2 .input_text {
            width: 161px;
            padding: 3px 0 3px 7px;
            color: #003745;
            border: 1px solid #ababab;
            margin-top: 5px;
        }

    .loginformPartner .lfEx3 {
        width: 180px;
        padding: 0 0 0px 0;
        float: left;
    }

        .loginformPartner .lfEx3 label {
            font-size: 12px;
            color: #000;
        }

        .loginformPartner .lfEx3 .input_text {
            width: 161px;
            padding: 3px 0 3px 7px;
            color: #003745;
            border: 1px solid #ababab;
            margin-top: 5px;
        }

        .loginformPartner .lfEx3 a {
            margin-left: 38px;
            margin-top: 8px;
            padding-left: 8px;
            display: block;
            text-decoration: underline;
            color: #058cd3;
            background: url(/img/bg-loginform_a.gif) no-repeat left;
        }

            .loginformPartner .lfEx3 a:hover {
                text-decoration: none;
            }

    .loginformPartner .lfEx4 {
        margin-top: 16px;
        float: right;
        padding-right: 40px;
    }

.data_sorting {
    background: url(/img/bg-execOrderList.gif) no-repeat;
    height: 77px;
    margin-left: 21px;
}

    .data_sorting .byDateType {
        padding: 27px 0 0 20px;
    }

        .data_sorting .byDateType .inp {
            position: relative;
            top: -3px;
            height: 23px;
            width: 73px;
            display: inline-block;
            background: url(/img/bg-execOrderList_inp.gif) no-repeat;
        }

        .data_sorting .byDateType .input_text {
            position: relative;
            top: 1px;
            width: 70px;
            padding: 3px 0 3px 0;
            text-align: center;
            color: #003745;
            background: none;
            border: 0px;
        }

        .data_sorting .byDateType #partnerFilter {
            padding-left: 45px;
            padding-top: 2px;
            ?padding-top: 0;
        }

.execOrderTabBoxPartner {
    width: 695px;
    margin: 10px 0 10px 20px;
    background: url(/img/bg-execOrderTabBox.gif) repeat-y;
}

.execOrderTabBoxPartnerIn1 {
    background: url(/img/bg-execOrderTabBoxIn1.gif) no-repeat;
}

.execOrderTabBoxPartnerIn2 {
    padding: 0 0 0px 0px;
    background: url(/img/bg-execOrderTabBoxIn2.gif) no-repeat bottom;
}

.center {
    text-align: center;
}

.ordertbl tbody .Price {
    color: #EE6A56;
}

.ordertbl tfoot {
    padding-top: 5px;
}

    .ordertbl tfoot td {
        padding-top: 5px;
        font-size: 14px;
    }

.ordertbl .sumText {
    font-weight: bold;
    text-align: right;
}

.ordertbl .sumPrice {
    font-weight: bold;
}

.partnerPrehledTab {
    width: 695px;
    margin: 10px 0 0 20px;
}

    .partnerPrehledTab .d1 {
        background: url(/img/bg-execOrderTabBoxIn1.gif) no-repeat;
        height: 10px;
    }

    .partnerPrehledTab .d2 {
        background: url(/img/bg-execOrderTabBoxIn2.gif) no-repeat;
        height: 10px;
    }

    .partnerPrehledTab .d3 {
        background: url(/img/bg-execOrderTabBox.gif) repeat-y;
    }

.partnerCodePrologue {
    padding-left: 21px;
    font-size: 12px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.page_emailnews .freetext {
    padding-left: 21px;
    padding-right: 10px;
}

.userdata .delAddressInfo {
    color: #F16A55;
    padding-bottom: 10px;
    font-size: 12px;
    text-align: center;
}

    .userdata .delAddressInfo a {
        color: #F16A55;
    }

.userdata .addressSelection {
    padding-bottom: 13px;
    padding-top: 10px;
    font-size: 12px;
    text-align: center;
}

    .userdata .addressSelection span {
    }

.userdata #delAddressDiv {
    padding-top: 7px;
}

.hand {
    cursor: pointer;
}

.addressSelection select {
    width: 320px;
}

#userdataboxDeliv {
    border: 1px solid #dbe1e5;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    padding-bottom: 11px;
}

.userdatabox.userdataboxDeliv #t_nCountry {
    width: 180px;
}

#userdataboxDeliv .addressSelection {
}

    #userdataboxDeliv .addressSelection > span {
        padding-left: 20px;
        width: 163px;
        display: inline-block;
    }

table.userdatabox.userdataboxDeliv {
    padding-top: 8px;
}

#userdataboxDeliv .delAddressInfo {
    color: #F16A55;
    padding-bottom: 10px;
    font-size: 12px;
    text-align: center;
}

    #userdataboxDeliv .delAddressInfo a {
        color: #F16A55;
    }

.addInfo {
}

.tblOrder {
    width: 695px;
    margin: 10px 0 10px 20px;
}

.tblOrderTop {
    background: url(/img/bg-execOrderTabBoxIn1.gif) no-repeat;
    height: 10px;
}

.tblOrderBody {
    background: url(/img/bg-execOrderTabBox.gif) repeat-y;
}

.tblOrderBottom {
    background: url(/img/bg-execOrderTabBoxIn2.gif) no-repeat;
    height: 10px;
}

.stockInfo {
    padding-right: 18px;
    padding-top: 16px;
    padding-bottom: 7px;
    min-width: 95px;
    display: inline-block;
    top: 6px;
    right: 0;
    /* float: right; */
    position: absolute;
    font-size: 12px;
}


    .stockInfo a {
        font-size: 14px;
        text-decoration: none;
        color: #EE6A56;
        display: block;
        font-weight: 700;
    }

        .stockInfo a:hover {
            text-decoration: none;
        }

    .stockInfo span.red {
        color: #FF2100;
    }

    .stockInfo span.green {
        color: #58a810;
    }

    .stockInfo span.blue {
        color: #0C96DB;
    }

    .stockInfo span.orange {
        color: #d68e04;
    }

    .stockInfo span.black {
        color: black;
        font-weight: normal;
    }

    .stockInfo .delDate {
        top: -2px;
        position: relative;
    }

td.stockInfo {
    text-align: center;
}

.slevaDiv {
    display: none;
}

.priceDiv .price .currPrefix {
    display: none;
}

x.page_commodity {
    padding-bottom: 200px;
}

.padTop {
    padding-top: 4px !important;
}

.wr .input {
    float: left;
}

.wr .btns {
    float: left;
    padding-left: 4px;
}

    .wr .btns img {
        cursor: pointer;
    }



.amount .rest {
    font-style: italic;
    padding-top: 1px;
    font-size: 11px;
}

#FormBuy0 {
    _margin-left: 20px;
}

#heureka {
    text-align: center;
    padding: 10px 0;
}

/* OVERLAY DIV
#jQueryHoverbg {background: url(/img/opacity65.png) repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000}*/

#jQueryHoverbg {
    opacity: 0.65; /*supported by current Mozilla, Safari, and Opera*/
    filter: alpha(opacity=65); /*older IE*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); /* IE */
    -moz-opacity: .65; /*older Mozilla*/
    -khtml-opacity: 0.65; /*older Safari*/
    background-color: #000000;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #FFFFFF;
    z-index: 3000;
}

#dlgWrapper {
    z-index: 5000;
}

.searchBox .whisperer_div {
    width: 335px;
    color: #606060;
    border: 1px solid #B1B8BC;
    border-top: none;
    position: absolute;
    left: 10px;
    top: 26px;
    background: #FFFFFF;
    z-index: 100;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    -khtml-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .searchBox .whisperer_div ul {
        margin: 0;
        padding: 0px 0 0px 0;
        list-style-type: none;
    }

    .searchBox .whisperer_div li {
        position: relative;
        padding: 3px 0 3px 0;
        float: left;
        width: 100%;
        color: #606060;
        cursor: pointer;
    }

        .searchBox .whisperer_div li span {
            margin-left: 4px;
        }

    .searchBox .whisperer_div .hoverli {
        text-decoration: none;
        background: #2E9AFE;
        color: #FFFFFF;
        cursor: pointer;
    }

.detail .detailImg .detailVariImg {
    width: 100%;
    float: left;
}

    .detail .detailImg .detailVariImg .detailVariImgIn {
        width: 65px;
        margin: 0 9px 9px 0;
        float: left;
    }

        .detail .detailImg .detailVariImg .detailVariImgIn.last {
            margin-right: 0;
        }

        .detail .detailImg .detailVariImg .detailVariImgIn .dvEx {
            float: left;
        }



/***  animovane clanky  *************************************/
.jcarousel-skin-tango {
    height: 45px;
}

    .jcarousel-skin-tango .jcarousel-container {
        padding: 0;
        height: 68px;
    }

    .jcarousel-skin-tango .jcarousel-container-horizontal {
        height: 68px;
    }

    /* ico-arr-gall.png */
    .jcarousel-skin-tango .jcarousel-prev-horizontal {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 68px;
        width: 15px;
        cursor: pointer;
        background: url(/img/ico-arr-gall.png) no-repeat 0 0;
        border: 0;
        outline: none;
        background-position: -37px 50%;
    }

    .jcarousel-skin-tango .jcarousel-next-horizontal {
        position: absolute;
        top: 0px;
        right: -12px;
        width: 15px;
        height: 68px;
        cursor: pointer;
        background: transparent url('/img/ico-arr-gall.png') no-repeat;
        border: 0;
        outline: none;
        background-position: -54px 50%;
    }


    .jcarousel-skin-tango .jcarousel-clip-horizontal {
        height: 68px;
        width: 201px;
        left: 15px; /*border: 1px solid #e7e7e7*/
    }

    .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
        outline: none;
        border: 0;
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
        outline: none;
        border: 0;
    }


    .jcarousel-skin-tango .jcarousel-direction-rtl {
        direction: rtl;
    }

    .jcarousel-skin-tango .jcarousel-container-vertical {
    }

    .jcarousel-skin-tango .jcarousel-clip-vertical {
    }

    .jcarousel-skin-tango .jcarousel-item {
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-left: 0;
        margin-right: 0;
    }

    .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
        margin-left: 10px;
        margin-right: 0;
    }

    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: 10px;
    }

    .jcarousel-skin-tango .jcarousel-item-placeholder {
        background: #fff;
        color: #000;
    }

    .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    }

    .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
        opacity: 1;
    }

    .jcarousel-skin-tango .jcarousel-next-horizontal:active {
        opacity: 1;
    }

    .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
    .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
    .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
        cursor: default;
        background-position: -96px 0;
    }

    .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
        opacity: 1;
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
        opacity: 1;
    }

    .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
    .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
    .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
        cursor: default;
        background-position: -96px 0;
    }

    .jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
    .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
    .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
        cursor: default;
        background-position: 0 -96px;
    }

#mycarousel {
    height: 68px;
}

    #mycarousel li {
        width: 67px !important;
        height: 68px;
    }

        #mycarousel li img {
            padding-top: 11px;
            padding-left: 11px;
        }

a.atlcom {
    display: block;
    font-size: 14px;
    background-color: #006CAB;
    clear: right;
    float: left;
    padding: 10px 15px;
    color: #FFF;
    font-weight: bold;
    border-radius: 4px;
}

tr.postaPopUp {
}

#napostudiv {
    display: none;
    background: #FFF;
    border: 1px solid #c6d4dd;
    border-radius: 3px;
    width: 600px;
    position: absolute;
    z-index: 10000;
    left:0;
    right: 0;
    margin-left:auto;
    margin-right: auto;
}

    #napostudiv .titledoprava {
        padding: 10px 0 7px 0;
        border-bottom: 1px solid #dbe1e5;
        margin: 0 14px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 16px;
    }

    #napostudiv .dopravaseach {
        padding: 6px 15px 0 15px;
    }

    #napostudiv .dopravainput {
        padding: 12px 0 0 20px;
    }

        #napostudiv .dopravainput .input_text {
            height: 33px;
            width: 193px;
            border: 1px solid #c6d4dd;
            border-radius: 3px;
            background: #fff;
            box-sizing: border-box;
            padding: 0px 7px 0px 7px;
            font-family: 'Open Sans', arial, sans-serif;
            box-shadow: inset 3px 3px 10px -4px #bfbfbf;
            margin-left: 6px;
            opacity: 1;
        }

        #napostudiv .dopravainput .input_textpsc {
            height: 33px;
            width: 193px;
            border: 1px solid #c6d4dd;
            border-radius: 3px;
            background: #fff;
            box-sizing: border-box;
            padding: 0px 7px 0px 7px;
            font-family: 'Open Sans', arial, sans-serif;
            box-shadow: inset 3px 3px 10px -4px #bfbfbf;
            margin-left: 6px;
            opacity: 1;
        }

        #napostudiv .dopravainput .input_button {
            position: relative;
            top: -1px;
            left: 5px;
        }

        #napostudiv .dopravainput span {
            padding: 0 3px 0 10px;
        }

    #napostudiv .napostudivclose {
        background: #00529c;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 5px;
        top: 5px;
        border-radius: 6px;
        cursor: pointer;
    }

        #napostudiv .napostudivclose:before {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(45deg);
            box-sizing: border-box;
        }

        #napostudiv .napostudivclose:after {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(135deg);
            box-sizing: border-box;
        }

#naseptavacdiv {
    position: absolute;
    top: 0;
    left: 60px;
    width: 480px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #c6d4dd;
    display: none;
    margin: 0px 0 20px 0;
    box-shadow: 0px 2px 12px rgba(31,31,31,0.5);
}

    #naseptavacdiv .vysledek {
        float: left;
        width: 460px;
        padding: 2px 0 0 20px;
        background: #FFF;
    }

        #naseptavacdiv .vysledek .mesto {
            float: left;
            width: 180px;
            cursor: pointer;
            color: #00529c;
            text-decoration: underline;
        }


            #naseptavacdiv .vysledek .mesto:hover {
                color: #00aae5;
            }

        #naseptavacdiv .vysledek .psc {
            float: left;
            width: 60px;
            cursor: pointer;
        }

        #naseptavacdiv .vysledek .adresa {
            float: left;
            width: 200px;
            color: #556168;
            padding-right: 10px;
        }

        #naseptavacdiv .vysledek .limit {
            float: left;
            width: 460px;
            font-variant: italic;
            font-size: 11px;
            padding-bottom: 3px;
        }


#napostudivdetail {
    display: none;
    padding: 10px 0 0 0;
    color: #556168;
    font-size: 13px;
    margin: 0 10px 5px 114px;
}

    #napostudivdetail span.pobockaZmenit {
        color: #00529c;
        text-decoration: underline;
        cursor: pointer;
    }

        #napostudivdetail span.pobockaZmenit:hover {
            color: #00aae5;
        }

    #napostudivdetail .detail {
        float: left;
        width: 460px;
        padding: 2px 0 0 20px;
        margin: 5px 0;
    }

        #napostudivdetail .detail .mesto {
            font-weight: bold;
        }

        #napostudivdetail .detail .psc {
            font-weight: bold;
            padding-bottom: 5px;
        }

        #napostudivdetail .detail .adresa {
            font-weight: bold;
        }

        #napostudivdetail .detail img {
            padding: 0 3px;
            display: none;
        }

    #napostudivdetail .tyden {
        float: left;
        width: 460px;
        padding: 2px 0 25px 20px;
    }

        #napostudivdetail .tyden .dny {
            float: left;
            width: 460px;
            padding: 2px 0 0 0;
        }

        #napostudivdetail .tyden .den {
            float: left;
            width: 70px;
            font-weight: bold;
        }

        #napostudivdetail .tyden .hod {
            float: left;
            width: 55px;
            font-weight: bold;
        }

    #napostudivdetail .detail .cancel {
        padding: 10px 0;
        cursor: pointer;
    }

    #napostudivdetail .detail .limit {
        color: #C70002;
        padding-right: 10px;
    }

.WithoutBottomBorder td {
    border-bottom: 0px !important;
}

.napostutr {
}

.boxX table tr td.napostutr {
}

.detailImg .productAttribute {
    position: absolute;
    xwidth: 38px;
}

    .detailImg .productAttribute img {
        margin-bottom: 5px;
    }

span.paymentIn {
    xpadding-right: 165px !important;
}

#map-canvas {
    width: 200px;
    height: 100px;
}


.sale .productInfo .productAmount .input_text {
    display: none;
}

.dolar {
    top: -18px !important;
}

.flex-direction-nav {
    display: none;
}

.gmap {
    height: 400px;
}


.page_contacts h1, .page_contact h1 {
    border-bottom: 2px solid #b3e4ff;
    color: #00529c;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 6px;
    padding-top: 26px;
}

.page_contacts .c-contacts {
    margin-top: 50px;
    font-size: 13px;
    color: #333333;
}

    .page_contacts .c-contacts .c-c1 {
        width: 48%;
        float: left;
    }

    .page_contacts .c-contacts .c-c2 {
        width: 48%;
        float: right;
    }

    .page_contacts .c-contacts .c-c1 ul {
        color: #FF674B;
        margin-left: 0;
        padding-left: 18px;
    }

        .page_contacts .c-contacts .c-c1 ul li {
            padding: 3px 0;
        }

            .page_contacts .c-contacts .c-c1 ul li a {
                color: #333333;
            }

.contact-stores .stores-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    margin-bottom: 6px;
}

.contact-stores a {
    display: block;
    color: #00529c;
    margin-bottom: 6px;
}

    .contact-stores a:hover {
        color: #00aae5;
    }


.contact-stores ul {
    padding-left: 0;
}

    .contact-stores ul li {
        color: #00aae5;
        padding-top: 4px;
    }

.contact-stores {
    padding-left: 37px;
    position: relative;
    margin-top: 100px;
}

    .contact-stores:before {
        position: absolute;
        content: ' ';
        width: 24px;
        height: 34px;
        background: url(/img/new/bg-prodejnyKontakt.png);
        left: 0;
        top: 3px;
    }

.qContacts {
}

    .qContacts .qContactBox {
        position: relative;
        background: rgba(0, 0, 0, 0) linear-gradient(180deg, #ffffff, #e6e6e6) repeat scroll 0 0;
    }

        .qContacts .qContactBox .tab { /*position:relative; top:23px; left:25px*/
            padding-top: 22px;
            padding-bottom: 10px;
            width: 100%;
            box-sizing: border-box;
        }

            .qContacts .qContactBox .tab td {
                vertical-align: top;
            }

                .qContacts .qContactBox .tab td.left {
                    width: 41%;
                    padding-left: 25px;
                    padding-right: 17px;
                }

                    .qContacts .qContactBox .tab td.left div.contact div span.normal {
                        display: inline-block;
                        min-width: 30px;
                    }

                    .qContacts .qContactBox .tab td.left div.contact div span.bold {
                        display: inline-block;
                    }

                .qContacts .qContactBox .tab td.right {
                    padding-right: 20px;
                    text-align: left;
                }

                    .qContacts .qContactBox .tab td.right p {
                        padding-bottom: 13px;
                    }

        .qContacts .qContactBox .bLeft {
            float: left;
        }

        .qContacts .qContactBox .bRight {
            float: left;
        }

    .qContacts h2 {
        border-bottom: 2px solid #b3e4ff;
        color: #00529c;
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 6px;
    }

.not-first {
    margin-top: 10px;
}


.page_branch h2.typeDetail {
    margin-top: 23px;
}


.page_branches .gmap {
    margin-top: 8px;
    border: 1px solid #dbe1e5;
    border-radius: 5px;
}


.pobocky-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.qContacts .qContactBox div.inet {
    padding-top: 13px;
}

    .qContacts .qContactBox div.inet div.mobil {
        _background: url(/img/new/ico-mobil.png) no-repeat left center;
        padding: 2px 0 2px 20px;
    }

    .qContacts .qContactBox div.inet div.email {
        _background: url(/img/new/ico-mail.png) no-repeat left center;
        padding: 2px 0 2px 20px;
    }

.qContacts .qContactBox .inet a {
    text-decoration: none;
}

    .qContacts .qContactBox .inet a:hover {
        text-decoration: underline;
    }

.adrinfo-block {
    margin-top: 15px;
}

    .adrinfo-block table {
        width: 100%;
        height: 78px;
        border: 1px solid #dbe1e5;
        border-radius: 5px;
    }

        .adrinfo-block table td {
            text-align: center;
            vertical-align: middle;
        }

    .adrinfo-block .adrinfo-title {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    .adrinfo-block table td div:last-child {
        padding-top: 10px;
    }

    .adrinfo-block table td div span {
        position: relative;
        padding-left: 28px;
    }

        .adrinfo-block table td div span:before {
            position: absolute;
            content: ' ';
            background: url(/img/new/marketdetail-ico.png);
            width: 22px;
            height: 22px;
            left: 0;
            margin-top: -2px;
        }

    .adrinfo-block table td div.clock span:before {
        background-position-y: 44px;
    }

    .adrinfo-block table td div.outlet span:before {
        background-position-y: 22px;
    }

    .adrinfo-block table td div.parking span:before {
        background-position-y: 66px;
    }

    .adrinfo-block table td div.cards {
        height: 18px;
        padding-top: 8px;
    }


        .adrinfo-block table td div.cards img {
            width: 37px;
            margin-top: -2px;
        }

    .adrinfo-block .adrinfo-text {
        width: 90%;
        margin: auto;
        padding: 10px 0;
    }

.mapadr-block {
    margin-top: 40px;
}

    .mapadr-block .address {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 765px);
        padding-left: 24px;
        position: relative;
    }

        .mapadr-block .address:before {
            position: absolute;
            content: url(/img/new/bg-closestBranch.png);
            left: 0;
        }

    .mapadr-block .address-title {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 16px;
        padding-bottom: 7px;
    }

    .mapadr-block .map {
        vertical-align: middle;
        display: inline-block;
    }

        .mapadr-block .map iframe {
            border: 1px solid #dbe1e5;
            border-radius: 3px;
        }

        .mapadr-block .map a {
            display: none;
        }

.howtoget-block {
    margin-top: 70px;
}

    .howtoget-block .howtoget-title {
        text-align: center;
        font-size: 22px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    .howtoget-block .howtoget-info {
        border: 1px solid #dbe1e5;
        border-radius: 5px;
        display: inline-block;
        margin-right: 28px;
        padding: 20px;
        margin-top: 17px;
        width: 330px;
        text-align: center;
        vertical-align: top;
    }


        .howtoget-block .howtoget-info:nth-child(3n + 1) {
            margin-right: 0;
        }


        .howtoget-block .howtoget-info div:last-child {
            margin-top: 16px;
        }

    .howtoget-block .howtoget-name span {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        position: relative;
        padding-left: 35px;
    }

        .howtoget-block .howtoget-name span:before {
            position: absolute;
            content: ' ';
            background: url(/img/new/marketdetaildelivery-ico.png);
            width: 28px;
            height: 28px;
            left: 0;
            margin-top: -5px;
        }

    .howtoget-block .howtoget-name.car span:before {
        background-position-y: 28px;
    }

    .howtoget-block .howtoget-name.bus span:before {
        background-position-y: 56px;
    }

.images-block {
    margin-top: 70px;
}

    .images-block .images-title {
        text-align: center;
        font-size: 22px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    .images-block .images-gallery {
        margin-top: 17px;
    }

        .images-block .images-gallery a {
            text-decoration: none;
        }

            .images-block .images-gallery a img {
                display: inline-block;
                border: 1px solid #dbe1e5;
                border-radius: 5px;
                margin-right: 15px;
            }


.nearby-block {
    margin-top: 70px;
}

    .nearby-block .nearby-title {
        text-align: center;
        font-size: 22px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }

    .nearby-block table {
        width: 100%;
    }

    .nearby-block td {
        padding: 0;
        vertical-align: middle;
        width: 50%;
    }

    .nearby-block img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 9px;
        border-radius: 10px;
        border: 5px solid #FFF;
        width: 225px;
    }

    .nearby-block .market-detail {
        margin-top: 17px;
        margin-left: 0px;
    }
/*
.page_contact .c-market {
    font-size: 13px;
    color: #333333;
}

    .page_contact .c-market .m-c1 {
        width: 32%;
        float: left;
        xbackground: yellow;
        padding-bottom: 20px;
    }

        .page_contact .c-market .m-c1 .map iframe {
            width: 300px !important;
        }

        .page_contact .c-market .m-c1 ul {
            color: #FF674B;
            margin-left: 0;
            padding-left: 18px;
        }

            .page_contact .c-market .m-c1 ul li {
                padding: 3px 0;
            }

                .page_contact .c-market .m-c1 ul li a {
                    color: #333333;
                }

        .page_contact .c-market .m-c1 div.shop img {
            margin: 20px 0;
        }

    .page_contact .c-market .m-c2 {
        width: 64%;
        float: right;
        xbackground: yellow;
        padding-bottom: 20px;
    }

        .page_contact .c-market .m-c2 h2 {
            border-bottom: 2px solid #b3e4ff;
            color: #00529c;
            font-size: 18px;
            font-weight: 600;
            padding-bottom: 6px;
            margin-bottom: 20px;
        }

        .page_contact .c-market .m-c2 div.l {
            background: rgba(0, 0, 0, 0) linear-gradient(180deg, #ffffff, #e6e6e6) repeat scroll 0 0;
            padding: 25px;
            margin-bottom: 20px;
        }

            .page_contact .c-market .m-c2 div.l table {
                width: 100%;
            }

        .page_contact .c-market .m-c2 div table td {
            vertical-align: top;
            padding: 2px 0px;
        }

        .page_contact .c-market .m-c2 div.l table td.col1 td.bold {
            padding-left: 10px;
        }

        .page_contact .c-market .m-c2 div.l table td.col1 span.tel {
            color: #FF674B;
        }

        .page_contact .c-market .m-c2 div.l table td.col1 strong.tel {
            color: #FF674B;
        }

        .page_contact .c-market .m-c2 div.l table td.col1 strong.email a {
            color: #00529c;
        }

        .page_contact .c-market .m-c2 div.r div.text p {
            padding-bottom: 13px;
        }

        .page_contact .c-market .m-c2 div.l div.fakturacniUdaje {
            padding-bottom: 13px;
        }

        .page_contact .c-market .m-c2 div.l .col1 {
            width: 60%;
        }

        .page_contact .c-market .m-c2 .o {
            float: right;
        }

            .page_contact .c-market .m-c2 .o a {
                margin-top: 8px;
                color: #333333;
                display: inline-block;
                height: 37px;
                width: 162px;
                text-align: center;
                text-decoration: none;
                background: #E4E4E4;
                border: solid 1px #C5C5C5;
                border-radius: 4px;
                box-sizing: border-box;
                padding-top: 7px;
            }

.page_contacts .c-info {
    height: 136px;
    clear: both;
    color: #6E6168;
    font-size: 15px;
}

    .page_contacts .c-info .c-i1 {
        float: left;
        height: 100%;
        width: 49.3%;
        background: rgba(0, 0, 0, 0) linear-gradient(180deg, #ffffff, #e6e6e6) repeat scroll 0 0;
    }

    .page_contacts .c-info .c-i2 {
        float: right;
        height: 100%;
        width: 49.3%;
        background: rgba(0, 0, 0, 0) linear-gradient(180deg, #ffffff, #e6e6e6) repeat scroll 0 0;
    }

    .page_contacts .c-info .ci1-tbl {
        display: table;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 20px;
    }

    .page_contacts .c-info .ci1-left {
        display: table-cell;
        width: 60%;
        height: 100%;
        vertical-align: middle;
        text-align: left;
        font-size: 30px;
    }

    .page_contacts .c-info .ci1-right {
        display: table-cell;
        width: 40%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
    }

    .page_contacts .c-info .ci2-tbl {
        display: table;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 20px;
    }

    .page_contacts .c-info .ci2-left {
        display: table-cell;
        width: 60%;
        height: 100%;
        vertical-align: middle;
        padding-left: 20px;
    }

    .page_contacts .c-info .ci2-right {
        display: table-cell;
        width: 40%;
        height: 100%;
        vertical-align: middle;
    }
    */



.lostpassbox {
    position: fixed;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    z-index: 10000;
    left: 0;
    top: 0;
}

    .lostpassbox .lostpassboxclose {
        background: #00529c;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 5px;
        top: 5px;
        border-radius: 6px;
        cursor: pointer;
    }

        .lostpassbox .lostpassboxclose:before {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(45deg);
            box-sizing: border-box;
        }

        .lostpassbox .lostpassboxclose:after {
            position: absolute;
            width: 6px;
            height: 1px;
            top: 5px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(135deg);
            box-sizing: border-box;
        }

    .lostpassbox .inner {
        background: white;
        position: absolute;
        top: 7%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #c6d4dd;
        border-radius: 3px;
        max-width: 712px;
        padding-bottom: 26px;
    }

        .lostpassbox .inner .r1 {
            display: block;
            margin: 22px 25px 0px 25px;
            padding-bottom: 7px;
            font-size: 16px;
            font-weight: bold;
            font-family: 'Exo 2', sans-serif;
            border-bottom: 1px solid #dbe1e5;
        }

        .lostpassbox .inner .r2 {
            display: table;
            width: 100%;
            border-spacing: 25px;
        }

            .lostpassbox .inner .r2 .cols {
                display: table-cell;
                width: 198px;
                border: 1px solid #dbe1e5;
                border-radius: 3px;
            }

                .lostpassbox .inner .r2 .cols label {
                    display: block;
                    width: 100%;
                    padding-top: 11px;
                    font-size: 13px;
                    text-align: center;
                    font-weight: bold;
                }

                .lostpassbox .inner .r2 .cols span {
                    padding: 7px 20px 0 20px;
                    display: block;
                    margin-bottom: 23px;
                    font-size: 13px;
                    text-align: center;
                    height: 40px;
                }

                .lostpassbox .inner .r2 .cols div {
                    text-align: center;
                }

                    .lostpassbox .inner .r2 .cols div a {
                        padding-top: 0px;
                        text-align: center;
                        width: 148px;
                        border: none;
                        font-size: 13px;
                        margin-bottom: 15px;
                        display: inline-block;
                        height: 16px;
                        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
                        border-radius: 3px;
                        border-bottom: 1px solid #037ea8;
                        padding: 10px 10px;
                        color: #FFF;
                        cursor: pointer;
                        text-decoration: none;
                        font-family: "Exo 2", sans-serif;
                        letter-spacing: 0.02em;
                    }

                        .lostpassbox .inner .r2 .cols div a:hover {
                            background: #00aae5;
                            color: #FFF;
                        }

                .lostpassbox .inner .r2 .cols:first-of-type div a {
                    background: linear-gradient(to bottom, #51bf07 0%, #48b002 100%);
                    border-bottom: 2px solid #317602;
                }

                    .lostpassbox .inner .r2 .cols:first-of-type div a:hover {
                        background: #43a302;
                        color: #FFF;
                    }

                .lostpassbox .inner .r2 .cols div button {
                    padding-top: 0px;
                    text-align: center;
                    width: 148px;
                    border: none;
                    font-size: 13px;
                    margin-bottom: 15px;
                    display: inline-block;
                    height: 39px;
                    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
                    border-radius: 3px;
                    border-bottom: 1px solid #037ea8;
                    padding: 10px 10px;
                    color: #FFF;
                    cursor: pointer;
                    text-decoration: none;
                    font-family: "Exo 2", sans-serif;
                    letter-spacing: 0.02em;
                }

                    .lostpassbox .inner .r2 .cols div button:hover {
                        background: #00aae5;
                        color: #FFF;
                    }

                .lostpassbox .inner .r2 .cols:first-of-type div button {
                    background: linear-gradient(to bottom, #51bf07 0%, #48b002 100%);
                    border-bottom: 2px solid #317602;
                }

                    .lostpassbox .inner .r2 .cols:first-of-type div button:hover {
                        background: #43a302;
                        color: #FFF;
                    }


        .lostpassbox .inner .r3 {
            text-align: center;
        }

            .lostpassbox .inner .r3 label {
                font-size: 13px;
                font-weight: bold;
            }

            .lostpassbox .inner .r3 ol {
                text-align: left;
                width: 336px;
                padding: 0;
                margin: auto;
            }

                .lostpassbox .inner .r3 ol li {
                    display: block;
                    position: relative;
                }

                    .lostpassbox .inner .r3 ol li::before {
                        content: " ";
                        background: #00aae5;
                        font-weight: bold;
                        width: 5px;
                        border-radius: 3px;
                        position: absolute;
                        margin-top: 9px;
                        vertical-align: top;
                        height: 5px;
                    }

                    .lostpassbox .inner .r3 ol li p {
                        display: inline-block;
                        padding-left: 10px;
                        font-size: 13px;
                        width: 600px;
                    }




.page_category .commodityCatalog .line .product,
.page_lastvisit .commodityCatalog .line .product,
.page_topsale .commodityCatalog .line .product,
.page_sale .commodityCatalog .line .product,
.page_news .commodityCatalog .line .product,
.page_actions .commodityCatalog .line .product,
.page_producer .commodityCatalog .line .product,
.page_search .commodityCatalog .line .product {
    width: 33.333333%;
    margin-right: 0;
    border-radius: 0;
    box-sizing: border-box;
    border-left: none;
}

    .page_category .commodityCatalog .line .product:nth-of-type(3n+1),
    .page_lastvisit .commodityCatalog .line .product:nth-of-type(3n+1),
    .page_topsale .commodityCatalog .line .product:nth-of-type(3n+1),
    .page_sale .commodityCatalog .line .product:nth-of-type(3n+1),
    .page_news .commodityCatalog .line .product:nth-of-type(3n+1),
    .page_actions .commodityCatalog .line .product:nth-of-type(3n+1),
    .page_producer .commodityCatalog .line .product:nth-of-type(3n+1),
    .page_search .commodityCatalog .line .product:nth-of-type(3n+1) {
        border-left: 1px solid #dbe1e5;
    }

.page_category .hp-lastvisit .commodityCatalog .line .product {
    width: 24.9%;
    margin-right: -1px;
    border-radius: 0;
}

.comLCatalog .line.first .product.last {
}

.comLCatalog .product.last {
}
/*

.page_category .stockInfo,
.page_search .stockInfo {
    padding-top: 7px;
    padding-bottom: 0;
    min-width: 95px;
    display: inline-block;
    top: 6px;
    height: 31px;
    right: 0;
    /* float: right;
    position: static;
    font-size: 12px;
}

.page_category .comLCatalog .productInfo .productAmount .input_text {
    left: 0;
}

.page_category .comLCatalog .productInfo .productAmount .btns {
    left: -2px;
    position: relative;
}

.page_category .productAmount input.input_button {
    margin-left: 0;
}*/


/* jssor slider arrow navigator skin 05 css */


/*
            .jssora05l                  (normal)
            .jssora05r                  (normal)
            .jssora05l:hover            (normal mouseover)
            .jssora05r:hover            (normal mouseover)
            .jssora05l.jssora05ldn      (mousedown)
            .jssora05r.jssora05rdn      (mousedown)
            */

.jssora05l,
.jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 30px;
    cursor: pointer;
    overflow: hidden;
}

    .jssora05l:before {
        height: 28px;
        width: 28px;
        line-height: 17px;
        position: absolute;
        right: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 20px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    .jssora05l:after {
        position: absolute;
        right: 13px;
        top: 10px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5.5px 5px 5.5px 0;
        border-color: rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .jssora05l:hover:before {
        background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
    }

    .jssora05r:before {
        height: 28px;
        width: 28px;
        line-height: 17px;
        position: absolute;
        right: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 20px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    .jssora05r:after {
        position: absolute;
        right: 11px;
        top: 10px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5.5px 0 5.5px 5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
    }

    .jssora05r:hover:before {
        background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
    }


    .jssora05r.thumbnail:after {
        right: 10px;
        top: 13px;
        border-width: 5px 5.5px 0 5.5px;
        border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .jssora05l.thumbnail:after {
        right: 10px;
        top: 11px;
        border-width: 0 5.5px 5px 5.5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0);
    }

/* jssor slider thumbnail navigator skin 02 css */

/*
            .jssort02 .p            (normal)
            .jssort02 .p:hover      (normal mouseover)
            .jssort02 .p.pav        (active)
            .jssort02 .p.pdn        (mousedown)
            */

.jssort02 {
    position: absolute;
    /* size of thumbnail navigator container */
    width: 120px;
    height: 600px;
}

    .jssort02 .p {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
    }

    .jssort02 .t {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .jssort02 .w {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .jssort02 .c {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 95px;
        height: 95px;
        border: #c6d4dd 1px solid;
        border-radius: 2px;
        box-sizing: content-box;
        _background: url(/catalog/view/javascript/jssor/img/t01.png) -800px -800px no-repeat;
        _background: none;
    }

    .jssort02 .pav .c {
        border: #00aae5 1px solid;
        background-position: 50% 50%;
    }

    .jssort02 .p:hover .c {
        top: 0px;
        left: 0px;
        width: 97px;
        height: 97px;
        border: #00aae5 1px solid;
        background-position: 50% 50%;
        cursor: pointer;
    }




    .jssort02 .p.pdn .c {
        background-position: 50% 50%;
        width: 95px;
        height: 95px;
        border: #aaa 2px solid;
    }

    .jssort02 .c,
    .jssort02 .pdn .c,
    .jssort02 .pav .c {
        /* ie quirks mode adjust */
        width: 97.5px;
        height: 97.5px;
    }

#video-slider .jssort02 {
    border: none;
}

    #video-slider .jssort02 .p {
        position: absolute;
        top: 0;
        left: 0;
        width: 192px;
        height: 112px;
    }

    #video-slider .jssort02 .t {
        position: absolute;
        top: 0;
        left: 0;
        width: 184px;
        height: 104px;
        padding: 3px;
        border: 1px solid #c6d4dd;
    }

    #video-slider .jssort02 .pav .t {
        border: 4px solid #00aae5;
        padding: 0;
    }

    #video-slider .jssort02 .p:hover .t {
        border: 4px solid #00aae5;
        padding: 0;
    }


    #video-slider .jssort02 .p:hover .c {
        width: 192px;
        height: 112px;
    }

    #video-slider .jssort02 .c,
    #video-slider .jssort02 .pdn .c,
    #video-slider .jssort02 .pav .c {
        /* ie quirks mode adjust */
        width: 184px;
        height: 104px;
        border: 0;
    }


/*
        --------------
    */

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

#filter {
    position: relative;
}

.catalogInfoWrap {
    xwidth: 729px;
    border: 1px solid #dbe1e5;
    border-top-right-radius: 5px;
}

.catalogInfoEmpty {
    xwidth: 729px;
}

.catalogInfoWrap .catalogInfoWrapIn {
    padding: 11px 0 11px 10px;
    color: #818e96;
    font-size: 12px;
}

    .catalogInfoWrap .catalogInfoWrapIn a {
        font-weight: bold;
        color: #6B6B6B;
    }

#filter .displayChange {
    position: absolute;
    right: 0;
    top: 9px;
}

    #filter .displayChange a {
        text-decoration: none;
        cursor: pointer;
    }


    #filter .displayChange .lst {
        padding-left: 7px;
    }

ul#ul-sort {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    top: 1px;
}

#ul-sort li {
    float: left;
    font-size: 13px;
    background: #FFF;
    text-align: center;
    margin-left: -1px;
}

    #ul-sort li:first-of-type {
        margin: 0;
    }

    #ul-sort li a {
        outline: none;
        display: inline-block;
        padding: 11px 18px;
        border: 1px solid #dbe1e5;
        border-radius: 5px 5px 0 0;
        text-decoration: none;
        color: #00529c;
        background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        cursor: pointer;
        height: 15px;
    }

        #ul-sort li a:hover {
            background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
        }

    #ul-sort li.active a {
        color: #171b1f;
        background: #FFF;
        border-bottom-color: #FFF;
    }


.pager {
    font-size: 12px;
}



    .pager a {
        display: inline-block;
        color: #00529c;
        padding-right: 3px;
        position: relative;
        cursor: pointer;
    }

        .pager a:hover {
            color: #00aae5;
        }

        .pager a.active {
            color: #171c20;
            text-decoration: none;
        }

        .pager a:after {
            content: ',';
            position: absolute;
            text-decoration: none;
            right: -1px;
            color: #171c20;
            bottom: 0;
        }

        .pager a.no-comma:after {
            content: '';
        }

        .pager a span.next {
            position: relative;
            padding-right: 25px;
            padding-left: 5px;
        }

            .pager a span.next:before {
                height: 18px;
                width: 18px;
                line-height: 17px;
                position: absolute;
                top: -1px;
                right: 0;
                content: ' ';
                border: 1px solid #dbe1e5;
                border-radius: 10px;
                background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
            }

            .pager a span.next:hover:before {
                background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
            }

            .pager a span.next:after {
                position: absolute;
                right: 8px;
                top: 6px;
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 3.5px 0 3.5px 3px;
                border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
            }

        .pager a span.before {
            position: relative;
            padding-left: 25px;
            padding-right: 5px;
        }

            .pager a span.before:before {
                height: 18px;
                width: 18px;
                line-height: 17px;
                position: absolute;
                top: -1px;
                left: 0;
                content: ' ';
                border: 1px solid #dbe1e5;
                border-radius: 10px;
                background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
            }

            .pager a span.before:hover:before {
                background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
            }

            .pager a span.before:after {
                position: absolute;
                left: 8px;
                top: 6px;
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 3.5px 3px 3.5px 0;
                border-color: rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            }

    .pager strong {
        font-weight: normal;
        color: #818e96;
    }


#filter .goTop {
    position: absolute;
    cursor: pointer;
    top: 15px;
    left: 10px;
}

    #filter .goTop:before {
        height: 18px;
        width: 18px;
        line-height: 17px;
        position: absolute;
        content: ' ';
        border: 1px solid #c7d5dd;
        border-radius: 10px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    #filter .goTop:hover:before {
        background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
    }

    #filter .goTop:after {
        position: absolute;
        left: 7px;
        top: 8px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 3.5px 0 3.5px;
        border-color: #00539c transparent transparent transparent;
        border-width: 0 3.5px 3px 3.5px;
        border-color: transparent transparent #00539c transparent;
        transition: all 0.5s;
    }


#PNSORTx1 .pager {
    position: absolute;
    right: 7px;
    top: 51px;
}

#PNSORTx1 {
    height: 39px;
}

#PNSORTx2 {
    top: -15px;
    text-align: center;
    position: relative;
    border: 1px solid #dbe1e5;
    border-radius: 0 0 5px 5px;
    padding-top: 10px;
    height: 39px;
}


    #PNSORTx2.no-pager {
        display: none;
    }

    #PNSORTx2 .pager {
        position: absolute;
        right: 7px;
        top: 15px;
    }

    #PNSORTx2 #showMore {
        border: none;
        font-size: 13px;
        height: 16px;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 5px;
        border-bottom: 1px solid #037ea8;
        padding: 6px 24px;
        color: #FFF;
        display: inline-block;
        cursor: pointer;
        font-family: 'Exo 2', sans-serif;
        text-decoration: none;
    }

        #PNSORTx2 #showMore:hover {
            background: #00aae5;
        }

#PNSORTx100 {
    display: none;
}

#cpara-btn {
    display: none;
}

#parameters form#parametersSerialize {
    xpadding: 9px 9px 0 9px;
    margin: 0;
}

#parametersSerialize #cancel_all {
    position: relative;
    text-align: center;
    padding-left: 25px;
    padding: 0 0 6px 25px;
    color: #00529c;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
    background: #f2f2f2;
    border-radius: 0 0 5px 5px;
    top: -22px;
}

#parametersSerialize #cancel_all.last-is-slider {
    margin-top: 10px;
}

    #parametersSerialize #cancel_all:hover {
        color: #00aae5;
    }


    #parametersSerialize #cancel_all span {
        background: #fe6a50;
        height: 14px;
        width: 14px;
        position: absolute;
        margin-left: -17px;
        top: 3px;
        border-radius: 7px;
        cursor: pointer;
        z-index: 10;
    }

        #parametersSerialize #cancel_all span:before {
            position: absolute;
            width: 8px;
            height: 1px;
            top: 6px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(45deg);
            box-sizing: border-box;
            z-index: 10;
        }

        #parametersSerialize #cancel_all span:after {
            position: absolute;
            width: 8px;
            height: 1px;
            top: 6px;
            left: 3px;
            background: #FFF;
            border-left: solid 1px #FFF;
            border-right: solid 1px #FFF;
            content: "";
            transform: rotate(135deg);
            box-sizing: border-box;
            z-index: 10;
        }

#parametersSerialize .param-info {
    background: #00aae5;
    height: 14px;
    width: 14px;
    position: absolute;
    margin-left: 4px;
    border-radius: 7px;
    cursor: pointer;
    z-index: 10;
    color: #FFF;
    position: relative;
    display: inline-block;
    top: 1px;
}

#parametersSerialize .param-info:before {
    position: absolute;
    content: '?';
    color: #FFF;
    font-weight: normal;
    left: 4px;
    font-size: 12px;
    top: -1px;
    font-family: 'Open Sans', sans-serif;

}

#parametersSerialize .param-info-text {
    position: absolute;
    background: #FFF;
    padding: 10px;
    border: 1px solid #00aae5;
    max-width: 500px;
    box-shadow: 2px 3px 12px rgba(45,45,45,0.5);
    color: #171c20;
    margin-left: 5px;
    border-radius: 3px;
    display: none;
    font-weight: normal;
    z-index: 15;
}

.c-hslider .slider-cancel {
    background: #fe6a50;
    height: 14px;
    width: 14px;
    position: absolute;
    margin-left: 4px;
    top: 9px;
    border-radius: 7px;
    cursor: pointer;
    z-index: 10;
    display: none !important;
}

    .c-hslider .slider-cancel:before {
        position: absolute;
        width: 8px;
        height: 1px;
        top: 6px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(45deg);
        box-sizing: border-box;
        z-index: 10;
    }

    .c-hslider .slider-cancel:after {
        position: absolute;
        width: 8px;
        height: 1px;
        top: 6px;
        left: 3px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(135deg);
        box-sizing: border-box;
        z-index: 10;
    }

#parameters form#parametersSerialize label {
    font-size: 13px;
    cursor: pointer;
}

    #parameters form#parametersSerialize label span {
        color: #818e96;
        text-decoration: none;
    }

        #parameters form#parametersSerialize label span.underline {
            color: #00529c;
            text-decoration: underline;
        }

            #parameters form#parametersSerialize label span.underline:hover {
                color: #00aae5;
            }


#parameters form#parametersSerialize .c-hslider {
    background: #f2f2f2;
}

#parameters form#parametersSerialize .range-slider {
    margin: 22px 28px 0 28px;
    position: relative;
    height: 65px;
}

    #parameters form#parametersSerialize .range-slider .range-slider {
        margin: 0;
        position: relative;
    }

    #parameters form#parametersSerialize .range-slider .ui-slider,
    #parameters form#parametersSerialize .range-slider.ui-slider {
        height: 9px;
        border: 1px solid #c6d4dd;
        border-radius: 3px;
        background: #FFF;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    }

    #parameters form#parametersSerialize .range-slider .ui-slider-handle {
        cursor: pointer;
        width: 26px;
        height: 19px;
        border-radius: 3px;
        margin-top: -6px;
        margin-left: -14px;
        background: #FFF;
        border: 1px solid #a7bdcc;
        text-align: center;
        color: #00529c;
        font-family: 'Open Sans', sans-serif;
        top: 0;
    }

-#parameters form#parametersSerialize .range-slider .ui-slider-handle:nth-child(2) {
    margin-left: 0px;
}

-#parameters form#parametersSerialize .range-slider .ui-slider-handle:nth-child(3) {
    margin-left: -28px;
}

#parameters form#parametersSerialize .range-slider .ui-slider-handle span {
    font-size: 12px;
}

#parameters form#parametersSerialize .range-slider .ui-slider-range {
    height: 9px;
    font-size: 0;
    border: none;
    background: #00aae5;
}

#parameters form#parametersSerialize .amountSelectedLow {
    position: absolute;
    top: 23px;
    left: -14px;
    padding: 0px 25px 0 4px;
    border: solid 1px #c6d4dd;
    border-radius: 3px;
    width: 46px;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    height: 23px;
    text-align: right;
    font: 12px 'Open Sans';
}

#parameters form#parametersSerialize #ASLowCurr {
    position: absolute;
    left: 40px;
    top: 27px;
    font-size: 12px;
}


#parameters form#parametersSerialize #ASHighCurr {
    position: absolute;
    right: -5px;
    top: 27px;
    font-size: 12px;
}

#parameters form#parametersSerialize #priceRangeText {
    position: absolute;
    left: 113px;
    top: 27px;
    font-size: 12px;
    color: #818e96;
}

#parameters form#parametersSerialize .amountSelectedHigh {
    position: absolute;
    top: 23px;
    right: -14px;
    padding: 0px 25px 0 4px;
    border: solid 1px #c6d4dd;
    border-radius: 3px;
    width: 46px;
    box-shadow: inset 3px 3px 10px -4px #bfbfbf;
    height: 23px;
    text-align: right;
    font: 12px 'Open Sans';
}




body.B2B #parameters div[data-filter-box]:first-of-type {
    margin-bottom: 6px;
}

#parameters div[data-filter-box].box h3 {
    margin-bottom: 0px;
}

#parameters div[data-filter-box]:last-of-type {
    xheight: 200px;
}

.scroll-pane {
    overflow: auto;
    position: relative;
    background: #f2f2f2;
    box-sizing: border-box;
    xborder: solid 10px #f2f2f2;
}

    .scroll-pane .scroll-content {
        position: absolute;
        top: 0;
        left: 10px;
    }

    .scroll-pane .scrollUp,
    .scroll-pane .scrollDown {
        width: 11px;
        height: 20px;
        border: 1px solid #c7d4dd;
        background: linear-gradient(to bottom, #fff 0%, #e1e6e9 100%);
        border-radius: 3px;
        top: -1px;
        left: -1px;
        position: relative;
        cursor: pointer;
    }

        .scroll-pane .scrollUp:hover,
        .scroll-pane .scrollDown:hover {
            background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
            cursor: pointer;
        }

        .scroll-pane .scrollUp:active,
        .scroll-pane .scrollDown:active {
            background: linear-gradient(to bottom, #fff 0%, #aec9db 100%);
            cursor: pointer;
        }

        .scroll-pane .scrollUp:after {
            position: absolute;
            right: 3px;
            top: 9px;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 3.5px 3px 3.5px;
            border-color: transparent transparent #00539c transparent;
        }

        .scroll-pane .scrollDown:after {
            position: absolute;
            right: 3px;
            top: 9px;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 3px 3.5px 0 3.5px;
            border-color: #00539c transparent transparent transparent;
        }

    .scroll-pane .slider-wrap {
        position: absolute;
        right: 0;
        top: 0;
        background: #FFFFFF;
        width: 11px;
        border-radius: 3px;
        border: 1px solid #c6d4dd;
    }

        .scroll-pane .slider-wrap .slider-vertical {
            position: relative;
            height: 100%;
        }

        .scroll-pane .slider-wrap .ui-slider-handle {
            width: 9px;
            height: 15px;
            margin: 0 auto 0 auto;
            background: #c5d6e6;
            border: 1px solid #c6d4dd;
            left: 0px;
            display: block;
            position: absolute;
            border-radius: 3px;
        }

            .scroll-pane .slider-wrap .ui-slider-handle img {
                border: none;
            }

        .scroll-pane .slider-wrap .scrollbar-top {
            position: absolute;
            top: 0;
        }

        .scroll-pane .slider-wrap .scrollbar-bottom {
            position: absolute;
            bottom: 0;
        }

        .scroll-pane .slider-wrap .scrollbar-grip {
            position: absolute;
            top: 50%;
            margin-top: -6px;
        }

        .scroll-pane .slider-wrap .ui-slider-range {
            position: absolute;
            width: 100%;
            background: #FFFFFF;
            border-radius: 5px;
            bottom: 0 !important;
        }

    .scroll-pane .ui-widget-content {
        border: none;
        background: none;
        color: none;
    }

.color-div {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 2px;
}

    .color-div.active img {
        position: absolute;
        top: -1px;
        left: -1px;
    }

    .color-div img.disabled {
        opacity: 0.8;
    }

    .color-div.active {
        border: solid 2px #8b912f;
    }

.scroll-pane .paramValues div {
    min-height: 27px;
    position: relative;
    padding: 0 10px 0 24px;
}

/*Může byt natvrdo 5, je to jen u barvy*/
#paramValues_5 label.active {
    text-decoration: underline;
    color: #7A8502;
}

.scroll-content div label {
    cursor: pointer;
}

#scroll-pane-color div label {
    vertical-align: middle;
}

.scroll-content div.disabled label {
    cursor: text;
}

.scroll-content div .c-chbox input, .in-store .c-chbox input {
    border: none;
    cursor: pointer;
    height: 15px;
    opacity: 0;
    position: absolute;
    top: -4px;
    left: -5px;
    width: 15px;
    z-index: 2;
}

.scroll-content div.disabled .c-chbox input {
    cursor: text;
}

.scroll-content div.disabled {
    opacity: 0.5;
}

.scroll-wrapOuter {
    margin: 10px 0 2px 0;
    background: #f2f2f2;
    position: relative;
}

.scroll-endWrap {
    height: 26px;
    width: 100%;
    background: #f2f2f2;
}

.scroll-endWrapIn {
    border-top: 1px solid #c6d4dd;
    margin: 0 10px;
}

.scroll-endWrapFull {
    border-top: 1px solid #c6d4dd;
    height: 26px;
    width: 100%;
    background: #f2f2f2;
    border-radius: 0 0 5px 5px;
}

#parametersSerialize .c-chbox {
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    width: 13px;
    height: 13px;
    border: solid 1px #a7bdcc;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
}

    #parametersSerialize .c-chbox span {
        position: absolute;
        height: 100%;
        width: 100%;
        box-shadow: inset 3px 3px 10px -4px #bfbfbf;
        background: url("/img/new/bg-filtr-fajfka.png") 0 15px no-repeat #fff;
    }

#parametersSerialize span.fchecked {
    background-position: 0 0;
}

#parametersSerialize .in-store {
    height: 39px;
    position: relative;
    background: #f2f2f2;
    box-sizing: border-box;
    padding: 10px 10px 2px 32px;
}

    #parametersSerialize .in-store .c-chbox {
        left: 10px;
        top: 12px;
    }


.paramName span {
    xpadding-left: 10px;
}


#parametersSerialize .lb-h3 {
    background: #c8dde5;
    height: 25px;
    font-size: 13px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 8px;
    position: relative;
}

#parametersSerialize #c-rangeslider .lb-h3 {
    border-radius: 3px 3px 0 0;
}

#parametersSerialize .showBox {
    position: absolute;
    right: 11px;
    top: 8px;
    cursor: pointer;
}

    #parametersSerialize .showBox:before {
        height: 15px;
        width: 15px;
        line-height: 17px;
        position: absolute;
        right: 0;
        content: ' ';
        border: 1px solid #9fbdd0;
        border-radius: 10px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    #parametersSerialize .showBox:hover:before {
        background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
    }

    #parametersSerialize .showBox:after {
        position: absolute;
        right: 5px;
        top: 6.5px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 3.5px 0 3.5px;
        border-color: #00539c transparent transparent transparent;
        border-width: 0 3.5px 3px 3.5px;
        border-color: transparent transparent #00539c transparent;
        transition: all 0.5s;
    }

#parametersSerialize .close .showBox:after {
    transform: rotate(-180deg);
}


/*
    AJAX LLOADING
*/
@-webkit-keyframes uil-default-anim {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes uil-default-anim {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.uil-default-css > div:nth-of-type(1) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(2) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.4166666666666667s;
        animation-delay: -0.4166666666666667s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(3) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.33333333333333337s;
        animation-delay: -0.33333333333333337s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(4) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.25s;
        animation-delay: -0.25s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(5) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.16666666666666669s;
        animation-delay: -0.16666666666666669s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(6) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.08333333333333331s;
        animation-delay: -0.08333333333333331s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(7) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(8) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.08333333333333337s;
        animation-delay: 0.08333333333333337s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(9) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.16666666666666663s;
        animation-delay: 0.16666666666666663s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(10) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(11) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.33333333333333337s;
        animation-delay: 0.33333333333333337s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

    .uil-default-css > div:nth-of-type(12) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.41666666666666663s;
        animation-delay: 0.41666666666666663s;
    }

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

#suggestLast {
    background: #dbe7eb;
    border-radius: 5px;
    box-shadow: 0px 3px 16px rgba(31,31,31,0.5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    min-height: 400px;
    z-index: 1000;
    font-size: 0;
    box-sizing: border-box;
}

#suggestLast {
    width: 714px;
    left: 191px;
    top: 103px;
    position: absolute;
    padding: 1px;
}

    /*  #suggestResult:after {
        content: "";
        background: url('/img/arrowD_new.png') no-repeat;
        display: block;
        height: 5px;
        width: 14px;
        position: absolute;
        top: -5px;
        left: 420px;
    }*/

    #suggestLast .lastWords {
        width: 300px;
        display: table-cell;
        vertical-align: top;
    }

    #suggestLast .lastCommodities {
        width: 414px;
        display: table-cell;
        vertical-align: top;
        border-radius: 0 3px 3px 0;
    }


    #suggestLast .lastCommodities {
        background: #FFF;
        min-height: 400px;
    }

    #suggestLast .title {
        font-size: 13px;
        font-weight: 600;
        font-family: 'Exo 2', sans-serif;
        border-bottom: 1px solid #9bb4c4;
        margin: 0 10px;
        padding: 10px 0;
    }

        #suggestLast .title span {
            font-weight: 400;
        }

    #suggestLast .item a span:first-child {
        text-decoration: underline;
    }

    #suggestLast .item a span:last-child {
        color: #818e96;
    }


    #suggestLast .item a {
        color: #00529c;
        padding: 7px 0px 7px 9px;
        font-size: 13px;
        display: block;
        font-weight: normal;
        margin-left: 10px;
        border-radius: 3px 0 0 3px;
    }

        #suggestLast .item a:hover {
            color: #00aae5;
        }


    #suggestLast .box .item a {
        color: #00529c;
        padding: 8px 3px 8px 3px;
        font-size: 13px;
        font-weight: normal;
        display: table-cell;
        vertical-align: middle;
        width: 260px;
        font-family: 'Exo 2', sans-serif;
    }

    #suggestLast .box .item:hover a {
        background: white;
        color: #00aae5;
    }

    #suggestLast .box .item:hover {
        background: white;
        color: black;
    }

    #suggestLast .box .item div {
        display: table-cell;
        vertical-align: middle;
        padding: 10px 7px 10px 0;
    }

    #suggestLast .box .item span {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        padding: 6px 5px 6px 6px;
        width: 90px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        font-size: 13px;
    }

        #suggestLast .box .item span p {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
        }


    #suggestLast .box .item {
        margin: 0px 10px;
        display: table;
        width: calc(100% - 20px);
        border-bottom: 1px solid #c6d4dd;
    }

        #suggestLast .box .item.active {
            background: white;
            display: table;
            xbox-shadow: 0 0px 12px rgba(2,2,2,0.3);
        }

        #suggestLast .box .item:hover {
            background: white;
        }

        #suggestLast .box .item div img {
            display: inline-block;
            width: 55px;
        }

        #suggestLast .box .item div.text {
            color: rgb(130,130,130);
            font-size: 12px;
            padding: 5px 0 0 0;
            display: block;
        }

        #suggestLast .box .item div > div {
            padding: 0;
        }


    #suggestLast a.moreProducts {
        text-align: left;
        display: block;
        height: 30px;
        padding: 10px 0 0 0;
        font-size: 13px;
        width: 193px;
        margin: auto;
        position: relative;
        color: #00529c;
    }

        #suggestLast a.moreProducts:hover {
            color: #00aae5;
        }

        #suggestLast a.moreProducts:before {
            height: 18px;
            width: 18px;
            line-height: 17px;
            position: absolute;
            right: 0;
            content: ' ';
            border: 1px solid #dbe1e5;
            border-radius: 10px;
            background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
        }

        #suggestLast a.moreProducts:hover:before {
            background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
        }

        #suggestLast a.moreProducts:after {
            position: absolute;
            right: 8px;
            top: 17px;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 3.5px 0 3.5px 3px;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
        }

    #suggestLast .no-items {
        padding: 10px;
        font-size: 13px;
        font-weight: 700;
        display: block;
    }

#whispererUpdate {
    display: none;
}

    #whispererUpdate.loading {
        display: block;
        position: absolute;
        z-index: 1000;
        left: calc(50% - 100px);
        top: 245px;
    }


/*minimzed header*/
.page_order.minimized_header ul.userInfo {
    display: none;
}

.page_order.minimized_header ul#xmenu {
    display: none;
}

.page_order.minimized_header form#searchForm {
    display: none;
}

.page_order.minimized_header .basketDeliveryFree {
    display: none;
}

.page_order.minimized_header .header-background-wide {
    display: none;
}

.page_order.minimized_header .sticky-header {
    height: 97px !important;
}

.page_order.minimized_header #c-menu {
    display: none;
}

.page_order.minimized_header .menu-background-wide {
    height: 4px;
    top: 97px;
}

.page_order.minimized_header .sticky-wrapper {
    display: none;
}

.page_order.minimized_header #logo {
    top: 10px;
}

.page_order.minimized_header .contact-info {
    top: 32px;
}

.page_order.minimized_header #basketInfo {
    top: 19px;
}

.redirect {
    text-align: center;
    position: relative;
    top: -40px;
}

.r-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 10px;
}

.r-text {
    font-size: 16px;
}

.r-right {
    margin-top: 25px;
}

.r-helptel {
    padding: 0 0 0 23px;
    margin-top: 7px;
    background: url(/img/new/bg-contact-info.png) 0px center no-repeat;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
}

.r-helpemail {
    font-weight: normal;
    display: inline-block;
    margin-top: 5px;
    padding-left: 23px;
    background: url(/img/new/bg-emailfooter.png) left center no-repeat;
    background-size: 16px 11px;
    text-align: left;
}

    .r-helpemail a {
        color: #00529c;
    }

        .r-helpemail a:hover {
            color: #00aae5;
        }

.r-helptext {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.r-helpbox {
    width: 250px;
    padding: 10px;
    margin: auto;
    border: 1px solid #dbe1e5;
    border-radius: 5px;
}


/*GRECAPTCHA*/

.g-recaptcha {
    position: relative;
    float: right;
    padding-bottom: 
}

.recaptchaError {
    position: absolute;
    width: 445px;
    padding-right: 25px;
    top: 27px;
    text-align: right;
    color: #ff001e;
    right: 100%;
}

    .recaptchaError:before {
        width: 30px;
        height: 2px;
        background: #ff001e;
        content: ' ';
        position: absolute;
        right: -11px;
        top: 9px;
    }

    .recaptchaError:after {
        width: 10px;
        height: 10px;
        border: 2px solid #ff001e;
        content: ' ';
        position: absolute;
        right: -10px;
        top: 4px;
        border-width: 2px 2px 0 0;
        transform: rotate(45deg);
    }



.contact-info {
    width: 400px;
}

    .contact-info a {
        text-decoration: none;
    }

        .contact-info a:hover {
            color: inherit;
        }

.detail .basketDeliveryFree strong {
    display: inline-block;
}

.categoryBoxes .categoryBox span {
    word-break: initial;
}

#suggestResult .title.producer {
    margin-top: 65px;
}


#whispererUpdate {
    display: none;
}

    #whispererUpdate.loading {
        display: block;
        position: absolute;
        z-index: 1000;
        left: calc(50% - 100px);
        top: 245px;
    }


#fakeInputForum {
    display: none;
}

.detail .detailInfo .di-6 span span {
    display: inline-block;
}

#prislusenstvi-kotva {
    position: absolute;
    margin-top: -100px;
    visibility: hidden;
}

/*CALENDAR*/

.ui-datepicker {
    border: 1px solid #dbe1e5;
    background: #FFF;
    width: 17em;
    font-size: 13px;
    padding: .2em .2em 0;
    border-radius: 3px;
    box-shadow: 0px 4px 14px rgba(2,2,2,0.3);
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-widget-header {
        border: 1px solid #c8dde5;
        background: #c8dde5;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        border-radius: 2px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

    .ui-datepicker th {
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
        padding: .7em .3em;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 5px;
        width: 1.8em;
        height: 1.8em;
        border: none !important;
        background: none !important;
        cursor: pointer;
    }

        .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            top: 50%;
            margin-top: -8px;
            text-indent: -9999px;
        }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

        .ui-datepicker .ui-datepicker-prev:hover:before,
        .ui-datepicker .ui-datepicker-next:hover:before {
            background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
        }

    .ui-datepicker .ui-datepicker-prev:before {
        height: 18px;
        width: 18px;
        line-height: 17px;
        position: absolute;
        top: -1px;
        left: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 10px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    .ui-datepicker .ui-datepicker-prev:after {
        position: absolute;
        left: 8px;
        top: 6px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3.5px 3px 3.5px 0;
        border-color: rgba(0, 0, 0, 0) #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .ui-datepicker .ui-datepicker-next:before {
        height: 18px;
        width: 18px;
        line-height: 17px;
        position: absolute;
        top: -1px;
        right: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 10px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    .ui-datepicker .ui-datepicker-next:after {
        position: absolute;
        right: 8px;
        top: 6px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3.5px 0 3.5px 3px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker td span, .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: center;
        text-decoration: none;
    }


    .ui-datepicker .ui-state-default,
    .ui-datepicker .ui-widget-content .ui-state-default,
    .ui-datepicker .ui-widget-header .ui-state-default {
        border: 1px solid #dbe1e5;
        background: #f3f5f6;
        font-weight: normal;
        color: #454545;
        border-radius: 2px;
    }


    .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default,
    .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button,
    html .ui-datepicker .ui-button.ui-state-disabled:hover,
    html .ui-datepicker .ui-button.ui-state-disabled:active {
        border: 1px solid #dbe1e5;
        background: #f3f5f6;
        font-weight: normal;
    }

    .ui-datepicker.ui-widget .ui-state-hover, .ui-widget-content .ui-state-hover,
    .ui-datepicker.ui-widget .ui-widget-header .ui-state-hover,
    .ui-datepicker.ui-widget .ui-state-focus,
    .ui-datepicker.ui-widget .ui-widget-content .ui-state-focus,
    .ui-datepicker.ui-widget .ui-widget-header .ui-state-focus,
    .ui-datepicker.ui-widget .ui-button:hover,
    .ui-datepicker.ui-widget .ui-button:focus {
        border: 1px solid #dbe1e5;
        background: #ececed;
        font-weight: normal;
    }

    .ui-datepicker.ui-widget .ui-state-highlight,
    .ui-datepicker.ui-widget .ui-widget-content .ui-state-highlight,
    .ui-datepicker.ui-widget .ui-widget-header .ui-state-highlight {
        border: 1px solid #00aae5;
        background: #00aae5;
        color: #fff;
    }

    .ui-datepicker.ui-widget .ui-state-active,
    .ui-datepicker.ui-widget .ui-widget-content .ui-state-active,
    .ui-datepicker.ui-widget .ui-widget-header .ui-state-active {
        border: 1px solid #00529c;
        background: #00529c;
        font-weight: normal;
        color: #fff;
    }


.text-block a {
    text-decoration: none;
    display: inline-block;
}

    /*.text-block a:nth-child(4n+5) .block-tile {
        margin-right: 0;
    }*/

.text-block .block-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 30px 0 10px 0;
}


.text-block .block-tile {
    display: inline-block;
    width: 203px;
    height: 112px;
    border: 1px solid #b4ced8;
    margin: 0 20px 20px 0;
    text-align: center;
    text-decoration: underline;
    border-radius: 3px;
    background: linear-gradient(to bottom, #fff 0%, #f1f4f6 100%);
}

    .text-block .block-tile:hover {
        background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
    }

    .text-block .block-tile img {
        display: block;
        margin: auto;
        padding: 25px 0 4px 0;
    }



/*HEUREKA*/
#ajaxHeurekaHolder .title {
    padding: 0;
    font-size: 13px;
    text-transform: none;
    font-weight: 500;
    vertical-align: top;
}

.head-box {
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    margin-top: 35px;
}

.shop-name {
    display: none;
}

.score {
    display: inline-block;
    background: #58a810;
    color: #FFF;
    padding: 23px 14px;
    border-radius: 40px;
    font-size: 22px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    height: 27px;
    width: 45px;
    text-align: center;
    border: 1px solid #417307;
    text-shadow: 0 -1px 0 #417307;
}

.info-text {
    display: block;
    color: #171c20;
    margin-top: -56px;
    margin-left: 91px;
    position: absolute;
    font-size: 16px;
}

.review-count {
    display: block;
    color: #171c20;
    position: absolute;
    margin-top: -37px;
    margin-left: 91px;
}

.heureka-shop-rank.green {
    display: inline-block;
    width: 342px;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 5px;
}

.badges {
    display: inline-block;
    /* float: right; */
    vertical-align: middle;
}

.head-line {
    background: #f2f2f2;
    padding: 10px;
    border-bottom: 1px solid #dbe1e5;
    text-align: center;
}

#column2 .rating-head .title {
    display: inline-block;
    vertical-align: middle;
}

    #column2 .rating-head .title h2 {
        font-size: 22px;
    }


.rating-head {
    margin-top: 10px;
    width: 800px;
    text-align: center;
    margin: 15px auto;
    border-bottom: 1px solid #dbe1e5;
    position: relative;
}

    .rating-head span {
        padding-left: 10px;
        vertical-align: middle;
        display: block;
        font-size: 12px;
    }

    .rating-head a {
        color: #00529c;
    }

        .rating-head a:hover {
            color: #00aae5;
        }

    .rating-head:after {
        position: absolute;
        content: ' ';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        transform: translateX(-50%);
        left: 50%;
    }

    .rating-head:before {
        position: absolute;
        content: ' ';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #dbe1e5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        bottom: -11px;
        transform: translateX(-50%);
        left: 50%;
    }

.eval .rating .over {
    background: rgba(0, 0, 0, 0) url(/img/new/stars-big.png) no-repeat scroll 0 -20px;
    height: 20px;
    width: 100px;
    display: block;
    float: none;
    margin: auto;
}

.shop-detail .shop-rating .tstars .eval .rating {
    margin-left: 27px;
    display: block;
}

.eval .rating {
    height: 20px;
    width: 100px;
}

.rating .hidden {
    display: none;
}

.eval .rating a span, .eval .rating span span {
    background: url(/img/new/stars-big.png) no-repeat scroll 0 0;
    height: 20px;
    float: left;
}

.tstars {
    border: 1px solid #dbe1e5;
    border-radius: 5px;
    width: 506px;
    background: #f2f2f2;
    margin: 25px auto 10px auto;
}

.eval {
    display: inline-block;
    width: 250px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}

.tstars ul {
    display: inline-block;
    width: 250px;
    vertical-align: middle;
    box-sizing: border-box;
    list-style-type: none;
    border-left: 1px solid #dbe1e5;
    padding-left: 15px;
}

    .tstars ul li span.rating {
        float: right;
        margin-right: 5px;
        margin-top: 2px;
    }

.rating .over {
    background: rgba(0, 0, 0, 0) url(/img/new/stars-min.png) no-repeat scroll 0 -13px;
    display: block;
    height: 13px;
    width: 65px;
    float: left;
}

    .rating .over span, .rating span span {
        float: left;
        height: 13px;
        background: url(/img/new/stars-min.png) no-repeat scroll 0 0;
    }

ul.delivery-detail {
    list-style-type: none;
    width: 335px;
    margin: 15px auto;
}

    ul.delivery-detail li {
        height: 36px;
        font-weight: 600;
    }

        ul.delivery-detail li span {
            background: #58a810;
            color: #fff;
            padding: 5px;
            border-radius: 10px;
            width: 55px;
            font-size: 15px;
            font-weight: 600;
            text-align: center;
            margin-right: 5px;
            display: inline-block;
            border: 1px solid #417307;
            text-shadow: 0 -1px 0 #417307;
        }


        ul.delivery-detail li .green {
            background: #58a810;
            border: 1px solid #417307;
            text-shadow: 0 -1px 0 #417307;
        }

        ul.delivery-detail li .yellow {
            background: #f3c400;
            border: 1px solid #cba403;
            text-shadow: 0 -1px 0 #cba403;
        }

.heureka-review .forumList {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.pros {
    color: #58a810;
    font-weight: 600;
    position: relative;
    padding-left: 25px;
}

    .pros:before {
        position: absolute;
        content: ' ';
        height: 2px;
        width: 6px;
        background: #58a810;
        left: 10px;
        top: 9px;
    }


    .pros:after {
        position: absolute;
        content: ' ';
        height: 6px;
        width: 2px;
        background: #58a810;
        left: 12px;
        top: 7px;
    }


.cons {
    color: #ff001e;
    position: relative;
    padding-left: 25px;
}

    .cons:before {
        position: absolute;
        content: ' ';
        height: 1px;
        width: 6px;
        background: #ff001e;
        left: 10px;
        top: 9px;
    }

.summary {
    padding-left: 25px;
}

.heureka-review hr {
    width: 100%;
    border: 0;
    border-top: 1px solid #dbe1e5;
}

.heureka-review span.fBody {
    width: 99%;
}

.heureka-review table td.pad {
    padding-top: 20px;
}

.heureka-title {
    font-size: 22px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    margin-top: 46px;
    margin-bottom: -30px;
}

.heureka-review .rating {
    display: inline-block;
    margin-bottom: -2px;
    margin-left: 15px;
}

span.num-rate {
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}

.heureka-link-holder {
    text-align: center;
    margin: 25px 0;
}

a.heureka-link {
    position: relative;
    padding-right: 25px;
    color: #00529c;
}

    a.heureka-link:hover {
        color: #00aae5;
    }

    a.heureka-link:before {
        height: 18px;
        width: 18px;
        line-height: 17px;
        position: absolute;
        right: 0;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 10px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    a.heureka-link:hover:before {
        background: linear-gradient(to bottom, #fff 0%, #ccdbe5 100%);
    }

    a.heureka-link:after {
        position: absolute;
        right: 8px;
        top: 7px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3.5px 0 3.5px 3px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00539c;
    }



.responsive-button {
    background: linear-gradient(to bottom, #fff 0%, #e3e9ee 100%);
    border-radius: 10px;
    color: #00529c;
    border: 1px solid #dbe1e5;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 35px 11px 15px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    font-size: 13px;
    display: none;
    position: relative;
    cursor: pointer;
}

    .responsive-button::before {
        height: 18px;
        width: 18px;
        line-height: 17px;
        position: absolute;
        right: 8px;
        top: 9px;
        z-index: 1;
        content: ' ';
        border: 1px solid #dbe1e5;
        border-radius: 10px;
        background: linear-gradient(to bottom, #fff 0%, #e2e7ea 100%);
    }

    .responsive-button::after {
        position: absolute;
        right: 15px;
        top: 18px;
        z-index: 2;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 3.5px 0 3.5px;
        border-color: #00539c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .responsive-button.open {
        color: #171b1f;
        background: #FFF;
        border-radius: 10px 10px 0 0;
    }

        .responsive-button.open::after {
            top: 17px;
            border-width: 0 3.5px 3px 3.5px;
            border-color: transparent transparent #000000 transparent;
        }

        .responsive-button.open::before {
            background: #fff;
        }


    .responsive-button.marginate-sides {
        margin: 0 15px;
        width: calc(100% - 30px);
    }


    .responsive-button.marginate-top {
        margin-top: 7px;
    }

    .responsive-button.no-index {
        display: none;
    }




@keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.lds-rolling {
    position: relative;
}

    .lds-rolling div,
    .lds-rolling div:after {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 5px solid #fff;
        border-top-color: transparent;
        border-radius: 50%;
    }

    .lds-rolling div {
        -webkit-animation: lds-rolling 0.8s linear infinite;
        animation: lds-rolling 0.8s linear infinite;
        top: -7px;
        left: 23px;
    }

        .lds-rolling div:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.lds-rolling {
    width: 40px !important;
    height: 40px !important;
    -webkit-transform: translate(-20px, -20px) scale(1) translate(20px, 20px);
    transform: translate(-20px, -20px) scale(1) translate(20px, 20px);
}


.selectBox-options, .selectBox-options LI, .selectBox-options LI:first-of-type {
  padding-top:6px;
}

.selectBox-options, .selectBox-options LI, .selectBox-options LI:last-of-type {
  padding-bottom:10px;
}

div#naseptavacresponsive
{
  position:relative;
  height: 61px;
}



@media only screen and (max-width: 600px) {

#naseptavacdiv .vysledek,#naseptavacdiv .vysledek .adresa,#naseptavacdiv .vysledek .mesto, #naseptavacdiv .vysledek .psc{float:none;}
}

@media only screen and (max-width: 768px) {
 .ContentWithHelpBox.emptyBasketMsg .text-wrap .text-left .text-in {
        padding: 350px 0 18px 0;
		background-position: center top;
    }

    .recaptchaError {
        top:95px;
        right: -35px;
        width: 266px;
        text-align: left;
        position: relative;
        top: 9px;
        }

       .recaptchaError::before { 
        left: -15px;
        width: 2px;
        height: 30px;
        top: 3px;
       } 
    
            .recaptchaError::after { 
        transform: rotate(314deg);
        left:  -20px;
       } 

         .userInfo {
        width: 100%;
        right:0 !important;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        -webkit-align-self: flex-end;
    }

    .loginHolder {
            width: 100%;
    display: flex;
    justify-content: flex-end;
    display: -webkit-flex;
    -webkit-align-content:flex-end;
    }

    .userInfo .loginHolder .loginLink-wrap {
        width: 100%;
    }
    
    .g-loginform {
        width: 95%;
    }
	}


.page_404 a.categoryBox {
    margin: 0;
    width: 16.666666%;
    float: left;
 
}

.page_404 a.categoryBox span {
    width: auto;
    display: block;
    text-align: center;
    padding: 0 10px;
}

.page_404 .categoryBoxes-in::after {

    display: block;
    content: "";
    height: 0;
    clear: both;
    overflow: hidden;
} 

.page_404 .categoryBoxes .categoryBox:hover:after {
        width: 100%;
        height: 100%;
        left: 0;
    }

 .page_404 .categoryBoxes .categoryBox span {
    word-wrap: normal;
 }   

 .commodityList .productPrice span {
    padding-left: 5px;
 }

 .StepLoad {
  position: fixed;
  background: rgba(0,0,0,0.2);
  height: 100%;
  width:100%;
  z-index: 1000;
  right: 0%;
  bottom: 0%;
}

#footer .ft-row .buttonToDesktop {
   
    font-size: 13px;
    height: 37px;
    margin-left: -4px;
    background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
    border-radius: 3px;
    border-bottom: 1px solid #037ea8;
    padding: 0 10px;
    color: #FFF;
    cursor: pointer;
    font-family: 'Exo 2', sans-serif;
    vertical-align: middle;
    padding: 10px 0;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
	text-decoration: none
}

.slider-button {
	color:#fff;
	z-index:500;
	position:absolute;
	bottom:10%;
	text-decoration:none;
	background-color:#4db904;
	text-align:center;
    left: 2%;
	font-size:15px;
	border-radius:5px;
	box-shadow: 0px 2px 0px 0px #317602;

    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 33px;
    padding-right: 33px;
}

.slider-button:hover {
	text-decoration:none;  
    background: #43a302;
    color: #FFF;

}

@media(max-width:576px) {
	.slider-button {
		padding-top: 5px;
		padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
		left:5px;
		border-radius:5px;
	}

      .dotaz .dotazIn .content td {flex-direction: column;}
    
    #dotaz textarea {width:90%; margin-top:5px;}
    #dotaz .inputText {margin-right: 0;}

    #dotaz {width:94%;}

    #dotaz .inputText  {width:90%; margin-top:5px;}
    .dotazSendButton {
    width: 90% !important;
}
    
    .dotaz .dotazIn .content a {
        margin-right: 1px;
    }

#miniBasket.float .orderEnter {
    flex-direction: column;
    -webkit-box-orient: vertical;    
    -webkit-box-direction: normal;    
    -ms-flex-direction: column;    
}

#miniBasket.float .orderEnter .greenButton {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    margin-bottom: 15px;
}

#miniBasket.float .orderEnter .basket-buttons {
    -webkit-box-ordinal-group:3
    ;-ms-flex-order:2;
    order:2;
}

#miniBasket .orderEnter a {
    width: 100%;
    margin: 0;
}

#miniBasket .orderEnter a.onEmail {
    -ms-flex-order:1;
    -webkit-box-ordinal-group:2;
    order:1;   
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin: 0;
}

#miniBasket .orderEnter a.emptyBasket {
    -webkit-box-ordinal-group:3
    ;-ms-flex-order:2;
    order:2;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin: 0 !important;
     -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.detail .detailParam .detailParamIn {
	align-items:center;
	-webkit-align-items: center; /* Safari 7.0+ */
}

.detail .detailParam .detailParamIn strong {
    text-align: right;
	flex-basis: 40%;
	-webkit-flex-basis: 40%; /* Safari 6.1+ */
	flex-wrap: wrap;
	 -webkit-flex-wrap: wrap; /* Safari 6.1+ */
}

.detail .detailParam .detailParamIn .detailParamName {
	flex-basis: 60% !important;
	-webkit-flex-basis: 60% !imortant; /* Safari 6.1+ */
}

}


@media(max-width:390px) {
	.slider-button {
	    padding-top: 6px;
		padding-bottom: 6px;
		}
}


@media only screen and (max-width: 1180px) {

.order-btns {
    display: block !important;}

}




.ContentWithHelpBox.Content404 .text-wrap .text-left .text-in500 {
    background: url(/img/new/bg-page500.jpg) -23px 18px no-repeat;
    padding: 33px 0 33px 326px;
    min-height: 285px;
    background-position: bottom left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
        
.ContentWithHelpBox.Content404 .text-wrap .text-left .text-in500 div {
font-family: 'Exo 2', sans-serif;
font-weight: lighter;
font-size: 18px;
line-height: 23px;
padding-left: 55px;
}

.ContentWithHelpBox.Content404 .text-wrap .text-left .text-in500 div:first-child {
    font-weight: 700;

}

@media only screen and (max-width: 767px) {
.lostpassbox .inner .r2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lostpassbox .inner .r1 { 
        margin-bottom: 20px;
}

.lostpassbox .inner .r2 .cols {
    width: 70%;
    margin-bottom: 20px;
}

.lostpassbox .inner .r3 ol {
    max-width:  323px;
}

.lostpassbox .inner .r3 ol li p{
    width: 100%;
}

.lostpassbox .inner .r3 ol li {
    margin-bottom: 3px;
}

    .lostpassbox .inner {
    top: 0;                    
 }

.lostpassbox {
    position: absolute;
}

.ContentWithHelpBox.Content404 .text-wrap .text-left .text-in500 {
        background-position: top left;
           padding: 335px 0 18px 0;

    }

.ContentWithHelpBox.Content404 .text-wrap .text-left .text-in500 {
        min-height: 71px;
    }

 .ContentWithHelpBox.Content404 .text-wrap .text-left .text-in500 div {
        padding-left: 0;
}

.lostPass form {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
max-width: 100%;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
display: -webkit-flex;
}



.lostPass form .email-wrap {
    padding-bottom: 0 !important;
}

.page_lostpass .input_email {
    padding: 0 !important;
    width: 100%;
}

.page_lostpass .input_email input {
    width: 100%;
}

.lostPass form .email-wrap {
    -webkit-box-orient:vertical
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start !important;
    -ms-flex-align:start !important;
    align-items:flex-start !important;
    width: calc(100% - 188px);
}

.lostPass form .email-wrap label{
    padding-bottom: 6px;
} 

}
@media only screen and (max-width: 450px) {
.ContentWithHelpBox.Content404 .text-wrap .text-left .text-in500 { background-size:contain; padding: 84% 0 18px 0; }

.lostPass form .email-wrap {
    width: calc(100% - 110px);
}

.lostPass a {
    width: 100px;
}
}


@media only screen and (max-width: 370px) { 
    .slider-button {
    font-size:11px;
    font-weight: 600;
    bottom: 7%;
}
}

.usermenu .registration {padding-left:0px; padding-right:0px;}

.mailBasketForm-active {
    display: none !important;
}




.searchBox .input_text::-webkit-input-placeholder {padding-top: 4px;}

 @media only screen and (max-width: 665px) {
    .orderContent label.error:before {left:0;}
    .orderContent label.error:after {left:5px;}
    .orderContent label.error {padding-left:23px;}
 }

 .page_lostpass .emailnewsBox {margin-top:90px;}

  @media only screen and (max-width: 1000px) { 
       .page_lostpass .emailnewsBox {margin-top:0;}    
	   .detail .detailParam .detailParamIn .detailParamName {flex-basis:50%;-webkit-flex-basis: 50%; /* Safari 6.1+ */}
  }

   .page_lostpass .input_email {
        padding-top: 7px;
        padding-bottom: 7px;
        position: relative;
   }

     @media only screen and (min-width: 1000px) { 

        .lostPass label {padding-right: 0;}

        .lostPass a {float:none;}

        .lostPass label.error {
            width: 400px;
            position: absolute;
            bottom: -29px;
            left: 0;}
        
        .lostPass label.error:after {
            left: 5px;
            bottom: 5px;}

        .lostPass label.error:before {
            left: 0;
            bottom: 6px;}    

            .lostPass label.valid {
                bottom: 16px;
                left: 90%;
            }
     }
   
.orderContent label.valid:after {
    left: 17px;
}

.page_order .dostupnostInfo .datum {display:block;} 

@media only screen and (max-width: 460px) {
    .lostPass label.error {max-width:250px;}

    
}

@media only screen and (max-width: 465px) {
        #miniBasket .basketDeliveryFree {
            padding: 23px 10px 10px 34px;
            background-position: center 8px;
        }
}


#searchSuggest::-webkit-input-placeholder {
    vertical-align:  middle;
}

.detail-bot {position:relative;}

.detail-bot .dpb-column2 { 
    position: absolute;
    top: 0;
    right: 0;

}

.detail-bot .dpb-column1 {
width:calc(100% - 285px);
}

@media only screen and (max-width: 800px) {
    .detail-bot .dpb-column2 {
    position:relative;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-top:42px;
    padding-bottom:42px;
    }

    .detail-bot .dpb-column1 {width:100%;}

    .detail-bot .help-box {padding-left:0;}

    .dparticles {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2; padding-bottom:0;}

    .help-box-wrap {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}

    .detail-bot .help-box {padding-bottom:0;}
}

@media only screen and (max-width: 650px) {
    .detail-bot .dpb-column2 {padding-top:0;padding-bottom:0;}
}

@media only screen and (min-width: 800px) {
    .detail-bot .dpb-column1 {
        min-height: 439px;
    }
}

.dotazSendButton {
    width: 100%;
}

.lostPass form .email-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 23px;
}

.lostPass form a {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-align-self: flex-end;
    }

div#orderJSError {
    top: 853px !important;
}
.eventMessageBox {
    text-align: center;
    background-color: #dbe7eb;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.eventMessageList {
    display: inline-block;
    width: 1180px;
	padding: 8px 0px;
}

.eventMessageList tr {
    line-height: 2;
	position: relative;
}

.eventMessageList a {
    color: #00529c;
}

.eventMessageList a:hover {
    color: #00aae5;
}

.eventMessageText {
    text-align: left;
	padding: 5px 0px 6px 0px;
}

.eventMessageButton {
    margin-left: 2px;
}

.eventMessageButton a {
    border: none;
    height: 18px;
    padding: 7px 12px;
        text-decoration: none;
        background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
        border-radius: 4px;
        border-bottom: 1px solid #037ea8;
        font-family: 'Exo 2', sans-serif;
        color: #FFF;
        cursor: pointer;
        white-space: nowrap;
	font-size: 14px;
    }

    .eventMessageButton a:hover {
        background: #00aae5;
		color: #FFF;
    }

.eventMessageClose {
    background: #00529c;
    height: 13px;
    width: 13px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    border-radius: 6px;
    cursor: pointer;
    float: right;
    margin-top: 12px;
    margin-left: 12px;
	position: relative;
	top: 9px;
}

    .eventMessageClose:before {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 6px;
        left: 4px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(45deg);
        box-sizing: border-box;
    }

    .eventMessageClose:after {
        position: absolute;
        width: 6px;
        height: 1px;
        top: 6px;
        left: 4px;
        background: #FFF;
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
        content: "";
        transform: rotate(135deg);
        box-sizing: border-box;
    }

.eventMessageIcon {
    display: flex; 
	padding-top: 8px;
	padding-right: 5px;
}

	.eventMessageIcon div {
	    width: 26px;
	    position: relative;
	    color: #00aae5;
	}

	    .eventMessageIcon div:before {
	        content: "";
	        position: absolute;
	        background: #00aae5;
	        width: 24px;
	        height: 24px;
	        border-radius: 15px;
	        left: 0px;
	    }

    .eventMessageIcon div:after {
        content: "i";
        position: absolute;
        color: #FFF;
        left: 10px;
        top: -3px;
        font-size: 14px;
        font-family: 'Exo 2', sans-serif;
		font-weight: bold;
    }

.productName h3 {
    margin: 0px;
}

.productIn a {
    text-decoration: none;
}

.freeArticle .catalogInfoWrap {
    border-top-left-radius: 5px;
}

.page_loginready #containerBodyIn {width: auto; max-width: unset;}
.page_loginready .navigate {max-width: 1180px; margin: 15px auto;}

.refi-top  {text-align: center; border-bottom: solid 1px #dbe1e5; padding-bottom: 20px; max-width: 1070px; margin: auto;}
.refi-top h2 {font-size: 36px; font-weight: 800; font-family: 'Exo 2', sans-serif; padding: 8px 0;}
.refi-top h2:before {content: url('/img/new/user-ok.png'); display: block; height: 52px; width: 47px; margin: auto;}
.refi-top h3 {font-size: 18px; font-weight: 700; font-family: 'Exo 2', sans-serif;}
.refi-top p {padding: 12px 0; line-height: 25px;}

.refi-bot  {text-align: center; padding: 46px 0 40px 0; max-width: 1070px; margin: auto;}
.refi-bot  ul {display: inline-block; padding: 0 0 0 8px; margin: 6px 0 0 0; list-style-type: none;}
.refi-bot  ul li {text-align: left; font-weight: 700; padding: 2px 0 3px 10px; position: relative; }
.refi-bot  ul li:before {content:""; height: 5px; width: 5px; border-radius: 50%; background: #00aae5; position: absolute; left: 0; top: 10px;}

.refi-bot button {
	border: none;
	font-size: 14px;
	background: linear-gradient(to bottom, #17bef5 0%, #01ade6 100%);
	border-radius: 5px;
	border-bottom: 1px solid #037ea8;
	padding: 8px 36px;
	height: 40px;
	width: 200px;
	color: #FFF;
	margin-top: 30px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	font-family: 'Exo 2', sans-serif;
}

.refi-bot button:hover {background: #00aae5;}
.refi-bot  .rb-bott {margin: 0; padding: 34px 0 0 0;}

.page_loginready .categoryBoxes .categoryBoxes-in {width: 1070px; max-width: none; text-align: center;}
.page_loginready .categoryBoxes .categoryBox {margin: 0 31.5px 15px 31px;}
.page_loginready .categoryBoxes .categoryBox:nth-child(6n+1) {margin-left: 0;}
.page_loginready .categoryBoxes .categoryBox:nth-child(6n) {margin-right: 0;}
.page_loginready .hp-anv {padding-bottom: 20px;}
.page_loginready .hp-anv:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}

.c-articleproductlist .product {
	width:33%;
}

.page_emailnews #containerBodyIn {width: auto; max-width: unset;}
.page_emailnews .navigate {max-width: 1180px; margin: 15px auto;}

.regnews {text-align: center; border-bottom: solid 1px #dbe1e5; padding-bottom: 20px; max-width: 1070px; margin: auto;}
.regnews h2 {font-size: 36px; font-weight: 800; font-family: 'Exo 2', sans-serif; padding: 8px 0;}
.regnews h2:before {content: url('/img/new/the-end-ok.png'); display: block; height: 52px; margin: auto;}
.regnews h3 {font-size: 18px; font-weight: 700; font-family: 'Exo 2', sans-serif;}
.regnews p {padding: 0 0 12px 0; line-height: 28px;}
.regnews h2.typeDetail {font-size: 36px; font-weight: 800;}

.regnews-bot {text-align: center; padding: 46px 0px 40px 45px; max-width: 720px; margin: auto; min-height: 285px;}
.regnews-bot p {text-align: left; line-height: 19px;}
.regnews-bot a {color: #00529c;}
.regnews-bot a:hover {color: #00aae5;}

.page_emailnews .categoryBoxes .categoryBoxes-in {width: 1070px; max-width: none; text-align: center;}
.page_emailnews .categoryBoxes .categoryBox {margin: 0 31.5px 15px 31px;}
.page_emailnews .categoryBoxes .categoryBox:nth-child(6n+1) {margin-left: 0;}
.page_emailnews .categoryBoxes .categoryBox:nth-child(6n) {margin-right: 0;}
.page_emailnews .hp-anv {padding-bottom: 20px;}
.page_emailnews .hp-anv:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}

.regAlmost-title h2 {
    font-size: 36px;
    letter-spacing: 1px;
    padding-bottom: 10px;
    font-weight: 800;
    font-family: 'Exo 2', sans-serif;
    margin: 10px 0 15px 0;
}

.regAlmost-leftCol {
    float: left;
    height: 250px;
    min-width: 110px;
    padding-top: 15px;
}

.regAlmost-rightCol {
    float: right;
    padding-right: 15px;
}

.regAlmost-rightCol p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 26px;
}

.regAlmost-Content {
    display: flex;
}


.reg-left h2.typeDetail {
    font-size: 36px;
    font-family: 'exo_2extra_bold';
    font-weight: 800;
    margin: 10px 0 15px 0;
}

.page_newsletter #containerBodyIn {width: auto; max-width: unset;}
.page_newsletter .navigate {max-width: 1180px; margin: 15px auto;}

.emailNews-unreg {text-align: center;}

.emailNews-unreg h2 {
    line-height: 50px;
    font-size: 36px;
    letter-spacing: 1px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 800;
    margin-bottom: 10px;
}

.emailNews-unreg h3 {
    line-height: 30px;
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}

.emailNews-unreg p {
    line-height: 20px;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 42px;
}

.emailNews-unreg img {
    margin-bottom: 300px;
}