body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, p, span, option {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: 'Helvetica', sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}
/*select,*/
ul, ol, li, textarea {
    font-family: 'Helvetica', sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}
/*input,*/

a {
    color: #00698f;
    text-decoration: none;
}

    a:visited {
        color: #00698f;
        text-decoration: none;
    }

    a:hover {
        color: #00698f;
        text-decoration: underline;
    }

    a.highl_2:hover {
        color: #c64024;
    }

    a img {
        border: 0px;
    }

form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.block {
    display: block;
}

.highl_1 {
    color: #00698f;
}
/* modra */
.highl_2 {
    color: #c64024;
}
/* cervena */
.highl_3 {
    color: #532d29;
}
/* hneda */
div.cleaner {
    clear: both;
}


body {
    background-color: #fff;
}

.pageRow {
    text-align: center;
}

.rowWrapper {
    margin: 0 auto;
    max-width: 980px;
    text-align: left;
    background-color: #e6e6e6;
}

.footer .rowWrapper {
    background: #006083;
    /*border-top: 20px solid #5c3632;*/
    color: #e6e6e6;
}

.footer .wrapper {
    padding: 16px;
    width: 900px;
    color: #e6e6e6;
    font-size: 12px;
}

h1 {
    font-family: 'Arvo', 'Helvetica', sans-serif;
    font-size: 26px;
    color: #00698f;
    font-weight: 900;
    padding: 15px 0px 10px 0px;
    border-bottom: 1px solid #00698f;
    margin: 0px 0px 10px 0px;
}

h2 {
    font-family: 'Arvo', 'Helvetica', sans-serif;
    font-size: 18px;
    color: #00698f;
    font-weight: 900;
    padding: 15px 0px 5px 0px;
}

h3 {
    font-family: 'Arvo', 'Helvetica', sans-serif;
    font-size: 16px;
    color: #00698f;
    font-weight: 300;
    padding: 15px 0px 5px 0px;
}

.pageRow.topMenu {
    background: #fff;
}

    .pageRow.topMenu .rowWrapper {
        background: #fff;
    }

    .pageRow.topMenu .rightBox {
        text-align: right;
        background: #fff;
        height: 50px;
    }

        .pageRow.topMenu .rightBox a {
            line-height: 53px;
        }

        .pageRow.topMenu .rightBox input[type=submit] {
            width: 30px;
            background: transparent;
            border: 0px;
            padding: 0px 0px 0px 0px;
        }

        .pageRow.topMenu .rightBox input[type=text] {
            width: 121px;
            background: transparent;
            border: 0px;
        }

        .pageRow.topMenu .rightBox a.basket {
            /*display: block;*/
            display: none;
            padding: 5px 48px 0px 137px;
            line-height: inherit;
            text-align: center;
            width: 132px;
            float: right;
        }

            .pageRow.topMenu .rightBox a.basket:hover {
                text-decoration: none;
            }
/*.pageRow.header {
    background: #006083;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjA4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTNjNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #006083 0%, #013c51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006083), color-stop(100%,#013c51));
    background: -webkit-linear-gradient(top,  #006083 0%,#013c51 100%);
    background: -o-linear-gradient(top,  #006083 0%,#013c51 100%);
    background: -ms-linear-gradient(top,  #006083 0%,#013c51 100%);
    background: linear-gradient(to bottom,  #006083 0%,#013c51 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006083', endColorstr='#013c51',GradientType=0 );
}*/

.pageRow.header .rowWrapper {
    background-color: #006083;
}

.pageRow.header .menu a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-right: 1px solid #003f56;
    border-left: 1px solid #00698f;
    padding: 15px 12px;
    display: block;
    float: left;
}

    .pageRow.header .menu a:first-child {
        border-left: 0px;
    }

    .pageRow.header .menu a:last-child {
        border-right: 0px;
    }

.pageRow.header .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .pageRow.header .menu ul > li {
        display: inline-block;
    }

.pageRow.header .pic {
    height: 256px;
    overflow: hidden;
    /*background: url(../images/header4.jpg) 0px -150px;*/
}

    .pageRow.header .pic div {
        width: 230px;
        margin: 20px 0px 0px 715px;
        color: #fff;
    }

        .pageRow.header .pic div * {
            color: #fff;
        }

        .pageRow.header .pic div h2 {
            font-weight: 900;
            font-size: 25px;
        }

        .pageRow.header .pic div p {
            height: 137px;
            overflow: hidden;
        }

        .pageRow.header .pic div a {
            text-decoration: underline;
        }



.pageRow.content {
    /*background: url(../images/bgr.gif) 50% 0% repeat-y;*/
}

    .pageRow.content .rowWrapper {
        padding: 20px;
    }

    .pageRow.content .leftMenu {
        float: left;
        width: 200px;
    }

        .pageRow.content .leftMenu h3 {
            background: #c64024;
            color: #fff;
            font-weight: 700;
            font-size: 15px;
            padding: 17px 8px 8px 8px;
            line-height: 1.2;
        }

        .pageRow.content .leftMenu ul, .content .leftMenu li {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            list-style-type: none;
        }

            .pageRow.content .leftMenu ul ul {
                margin: 0px 0px 20px 0px;
            }

                .pageRow.content .leftMenu ul ul ul {
                    margin: 0px 0px 0px 15px;
                }

.leftMenu a {
    display: block;
    text-decoration: none;
    font-size: 13px !important;
    border-bottom: 1px solid #ccc;
    color: #333;
    padding: 4px 10px 5px 7px;
    line-height: 1.1;
}

    .leftMenu a.active {
        font-weight: 700;
    }

.pageRow.content .leftMenu ul ul ul a {
    color: #c64024;
}


.pageRow.content .pageContent {
    float: left;
    max-width: 720px;
    padding: 0px 0px 20px 20px;
}



.pageRow.footer .rowWrapper {
    /*background: url(../images/footer.gif) center top no-repeat;*/
}
/* SYSTEM */

.article {
    display: block;
    float: left;
    width: 320px;
    height: 80px;
    border-right: 20px solid #fff;
    overflow: hidden;
    text-decoration: none;
    /*cursor: pointer;*/
    /*background: #c64024;*/
}

    .article figure {
        display: none;
    }
    .article .image {
        display: block;
        width: 80px;
        height: 80px;
        float: left;
        background-color: #00698f;
        /*background-image: url(../images/bgr.gif);*/
    }

    .article .body {
        padding: 5px;
    }

    .article h2 {
        font-size: 16px;
        line-height: 1.1;
        padding: 0px;
    }

    /*.article a {
        color: #fff;
    }*/

    .article .description {
        /*color: #ccc;*/
        font-size: 12px;
        max-height: 36px;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .article .sub {
        /*color: #ccc;*/
        font-size: 12px;
        padding: 0px;
        max-height: 33px;
    }

.articleRepeater {
    padding: 0px;
}

    .articleRepeater .article {
        position: relative;
        float: none;
        width: auto;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 0px;
        border-right: none;
    }

.article .dfnSimpleToolBar {
    position: absolute;
    right: 2px;
    top: 2px;
}

/* SYSTEM */

div.dfnSiteMapPath {
    padding-left: 4px;
    padding-top: 4px;
}

.articlesNews, .articleRepeater {
    padding: 4px;
}

    .articlesNews .article, .articleRepeater .article {
        float: none;
        width: auto;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
        border-right: none;
    }

div.gallery {
    position: relative;
}

    div.gallery > div {
        margin-right: 6px;
        position: relative;
        display: inline-block;
    }

        div.gallery > div > img {
            position: absolute;
            right: 1px;
        }

.slideshow {
    position: relative;
    width: 1000px;
    height: 377px;
}

    /*.slideshow a {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
        background-color: #FFF;
    }

        .slideshow a.active {
            z-index: 10;
            opacity: 1.0;
        }

        .slideshow a.last-active {
            z-index: 9;
        }*/
/*Product*/

.productRepeater {
    padding: 0px;
    margin-bottom: 10px;
}

.product {
    position: relative;
    color: #333;
    float: left;
    width: 238px;
    height: 370px;
    margin-right: -1px;
    margin-bottom: -1px;
    border: 1px solid #e6e6e6;
    /*box-shadow: 0px 0px 1px #808080 inset;*/
    background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(233,233,233,0) 13%, rgba(233,233,233,0) 23%, rgba(229,229,229,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(13%,rgba(233,233,233,0)), color-stop(23%,rgba(233,233,233,0)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(233,233,233,0) 13%,rgba(233,233,233,0) 23%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(233,233,233,0) 13%,rgba(233,233,233,0) 23%,rgba(229,229,229,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(233,233,233,0) 13%,rgba(233,233,233,0) 23%,rgba(229,229,229,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(233,233,233,0) 13%,rgba(233,233,233,0) 23%,rgba(229,229,229,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#00e5e5e5',GradientType=0 ); /* IE6-9 */
}

    .product .dfnSimpleToolBar {
        position: absolute;
        right: 2px;
        top: 2px;
    }

    .product h2 {
        margin: 0;
        margin-left: 10px;
        padding-top: 5px;
        max-width: 210px;
        height: 50px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    /*.product a:hover {
        text-decoration:none;
    }*/
    .product .description {
        color: #333;
        margin-left: 10px;
        max-width: 210px;
        height: 81px;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .product .image {
        width: 180px;
        height: 180px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 110px;
        left: 28px;
    }

    .product .sub {
        width: 100%;
        position: absolute;
        bottom: 0px;
        height: 100px;
        font-size: 12px;
        /*border: 1px solid gray;*/
    }

    .product .price {
        position: absolute;
        bottom: 38px;
        margin-left: 10px;
    }

        .product .price p {
            line-height: 1.1;
        }

    .product .special, .product .current {
        font-size: 25px;
        font-weight: bold;
        color: #c64024;
    }

    .product .stock {
        position: absolute;
        text-align: center;
        bottom: 10px;
    }

.stock {
    width: 100%;
    color: #00698f;
    font-weight: bold;
}

.none {
    color: #c64024;
}

.productDetail div.image {
    position: absolute;
    width: 150px;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
}

.productDetail .body {
    margin-left: 280px;
    width: 350px;
    min-height: 150px;
    margin-bottom: 10px;
    position: relative;
}


.productDetail .description {
    margin-bottom: 5px;
}

.productDetail .price {
    font-size: 25px;
    margin-bottom: 5px;
}

    .productDetail .price p span {
        position: absolute;
        right: 2px;
    }

    .productDetail .price .special, .productDetail .price .current {
        color: #c64024;
        font-weight: bold;
    }

    .productDetail .price .tax {
        color: #c64024;
        font-weight: bold;
    }

.productDetail .stock {
    position: static;
    margin-bottom: 5px;
}

.productDetail .code span {
    position: absolute;
    right: 100px;
    font-weight: bold;
}

.productDetail .manufacturer img {
    position: absolute;
    bottom: 0px;
    right: 2px;
}

.productDetail .manufacturer span {
    position: absolute;
    right: 100px;
}

.stikeout {
    text-decoration: line-through;
}

/* mobily: */

@media screen and (max-width: 1005px) {
    .pageRow.header .pic {
        display: none;
    }

    .pageRow.content .pageContent {
        max-width: 620px;
    }
}

@media screen and (max-width: 905px) {
    .pageRow.content .pageContent {
        max-width: 520px;
    }
}

@media screen and (max-width: 805px) {
    .pageRow.content .pageContent {
        max-width: 420px;
    }
}

@media screen and (max-width: 705px) {
    .pageRow.content .pageContent {
        max-width: 320px;
    }
}