html, body {
    font-family: Arial,Helvetica,Sans-Serif;
    margin: 0;
    padding: 0;
    color: #5B5B5B;
    font-size: 90%;
    background: #eee
}

html {
    overflow-y: scroll
}

input, textarea, select {
    font-family: Arial,Helvetica,sans-serif;
    padding: 3px
}

    input.text {
        width: 250px
    }

select {
    min-width: 258px
}

    select.inpYear {
        min-width: 70px;
        width: 70px
    }

    select.inpMonth {
        min-width: 100px;
        width: 100px
    }

a span {
    display: none
}

strong, .bold {
    font-weight: 700
}

form {
    margin: 0;
    padding: 0
}

a {
    color: #5B5B5B;
    text-decoration: underline
}

    a:hover {
        text-decoration: underline;
        color: #1e6846
    }

img {
    border-width: 0
}

.clear {
    clear: both;
    height: 1px;
    line-height: 1px
}

.right {
    float: right
}

.left {
    float: left
}

.has-title {
    cursor: help
}

#main {
    width: 990px;
    margin: 10px auto;
    text-align: left
}

#mainext {
    text-align: left
}

#top {
    padding: 1px 0 0 10px;
    height: 31px;
    overflow: hidden;
    clear: both;
    background-color: #898989
}

#tabbar {
    float: right;
    margin: 0;
    margin-right: 0
}

    #tabbar a {
        float: left;
        margin-right: 1px;
        padding: 0 10px;
        height: 30px;
        line-height: 2.2;
        font-size: 1.1em;
        color: #fff;
        background-color: #5b5b5b;
        text-decoration: none
    }

        #tabbar a:hover {
            background-color: #333
        }

    #tabbar .active {
        background-color: #1e6846;
        color: #fff
    }

        #tabbar .active:hover {
            background-color: #1e6846
        }

    #tabbar a span {
        display: inline
    }

        #tabbar a span.mobile {
            display: none
        }

.toolbar {
    float: right;
    margin: 0 15px 0 0;
    display: flex;
    flex-direction: column;
    text-align: right
}

    .toolbar a {
        padding: 0 3px;
        text-decoration: none
    }

        .toolbar a:hover {
            text-decoration: underline
        }

        .toolbar a.send-url, .toolbar a.print, .toolbar a.rss {
            width: 14px;
            display: inline-block
        }

        .toolbar a.send-url {
            background: url(../img/ic-poslat-odkaz.png) 3px 0 no-repeat
        }

        .toolbar a.print {
            background: url(../img/ic-tisk.png) 3px 0 no-repeat
        }

        .toolbar a.rss {
            background: url(../img/ic-rss.png) 3px 0 no-repeat
        }

            .toolbar a.send-url:hover, .toolbar a.print:hover, .toolbar a.rss:hover {
                text-decoration: none
            }

#top .langSelect {
    float: left;
    margin-top: 7px
}

    #top .langSelect a {
        display: inline-block;
        width: 24px;
        height: 17px;
        opacity: .5
    }

        #top .langSelect a.active, #top .langSelect a:hover {
            opacity: 1
        }

            #top .langSelect a.active:hover {
                text-decoration: none
            }

        #top .langSelect a.cs {
            background: url(../../design/img/lang/cs.png) 0 0 no-repeat;
            margin-right: 1px
        }

        #top .langSelect a.en {
            background: url(../../design/img/lang/en.png) 0 0 no-repeat
        }

#header {
    overflow: hidden;
    background-color: #fff;
    position: relative
}

    #header a, #header a:hover {
        text-decoration: none
    }

    #header .logo .info h1 {
        display: none
    }

    #header .logo {
        float: left;
        overflow: hidden;
        margin: 15px 0;
        height: 70px
    }

    #header .pnp {
        width: 312px;
        margin-left: 18px;
        border-right: 2px solid #217830
    }

        #header .pnp .img {
            float: left;
            width: 62px;
            height: 70px;
            margin: 7px 0;
            background: url(../img/logo1/pnp.png) left top no-repeat
        }

        #header .pnp .text {
            float: left;
            width: 244px;
            height: 70px;
            margin: 7px 0;
            background: url(../img/logo1/pnp-text.png) left top no-repeat
        }

    #header .szpi {
        width: 296px;
        margin-left: 13px;
        border-right: 2px solid #217830
    }

        #header .szpi .img {
            float: left;
            width: 62px;
            height: 55px;
            margin: 7px 0;
            background: url(../img/logo1/szpi-logo.png) left top no-repeat
        }

        #header .szpi .text {
            float: left;
            width: 225px;
            height: 55px;
            margin: 7px 0;
            background: url(../img/logo1/szpi-text.png) left top no-repeat
        }

    #header .svs {
        width: 142px;
        margin-left: 12px;
        border-right: 2px solid #217830
    }

        #header .svs .img {
            float: left;
            width: 134px;
            height: 55px;
            margin: 7px 0;
            background: url(../img/logo1/svs.png) left top no-repeat
        }

body.en #header .pnp {
    width: 284px
}

    body.en #header .pnp .text {
        width: 218px;
        background-image: url(../img/logo1/pnp-text-en-2.png)
    }

body.en #header .szpi {
    width: 309px
}

    body.en #header .szpi .img {
        background-image: url(../img/logo1/szpi-logo-en.png)
    }

    body.en #header .szpi .text {
        width: 237px;
        background-image: url(../img/logo1/szpi-text-en.png)
    }

body.en #header .svs {
    width: 158px
}

    body.en #header .svs .img {
        width: 158px;
        background-image: url(../img/logo1/svs-en.png)
    }

#header .mze {
    width: 135px;
    height: 60px;
    margin-top: 22px;
    margin-left: 29px;
    background: url(../img/logo1/header-logo-mze-c.png) left top no-repeat
}

#header .search {
    overflow: hidden;
    clear: both;
    padding: 10px 0 0;
    height: 33px;
    background-color: #1e6846
}

    #header .search .title {
        margin: 2px 10px 1px 20px;
        width: 231px;
        /*255px*/
        float: left;
        font-size: 17px;
        color: #fff;
        text-align: right
    }

    #header .search .titlelong {
        margin: 2px 5px 1px 4px;
        width: 600px;
        float: left;
        font-size: 17px;
        font-weight: 700;
        color: #eef3d7;
        text-align: left
    }

    #header .search .search-div {
        overflow: hidden;
        width: 480px;
        float: left
    }

.input-text, select.inputControls {
    height: 23px;
    line-height: 23px;
    font-size: 1em;
    padding: 0 0 0 5px;
    background-color: #fff;
    border: 1px solid #898989
}

select.inputControls {
    width: 276px;
    float: left
}

#header .search .input-text {
    width: 270px;
    float: left
}

#input-search-info {
    width: 201px
}

.btn {
    line-height: 1.4;
    padding: 2px 5px;
    background-color: #5b5b5b;
    border: 1px solid #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

a.btn {
    padding: 0 10px;
    line-height: 23px;
    height: 23px;
    display: inline-block
}

.btn.dark {
    background-color: #5b5b5b;
    border: 1px solid #000;
    color: #fff
}

.btn.white {
    background-color: #fff;
    border: 1px solid #333;
    color: #333
}

.button-search {
    width: 64px;
    height: 24px;
    line-height: 16px;
    float: left;
    background-color: #5b5b5b;
    border: 1px solid #000;
    color: #fff;
    margin: 0 0 0 5px
}

.btn:hover {
    background-color: #1e6846;
    color: #fff;
    text-decoration: none
}

.button-search:hover {
    background-color: #333;
    color: #fff;
    border: 1px solid #fff
}

.button-initiative, .button-remarks {
    color: #fff;
    float: right;
    margin: 0 20px 0 0;
    background-color: #5b5b5b;
    border-color: #fff;
    padding: 0 10px;
}
.button-remarks {
    margin-right: 10px;
}

    .button-initiative:hover, .button-remarks:hover {
        background-color: #333;
        color: #fff;
        border: 1px solid #fff;
    }

#header .search .button-search.disabled {
    color: #889D61;
    cursor: default
}

#content {
    padding: 0 0 10px
}

#contentext {
    padding: 0;
    margin: 10px
}

#footer {
    padding: 20px 0;
    overflow: hidden;
    font-size: .93em;
    margin-bottom: 20px;
    background: #1e6846;
    clear: both;
    color: #fff
}

    #footer a {
        color: #fff
    }

    #footer .inner {
        margin: 0 auto;
        width: 990px;
        line-height: 18px;
        overflow: hidden
    }

    #footer .webarchive {
        float: left;
        width: 90px;
        margin: 2px 0 0 15px
    }

    #footer .certificate {
        float: left;
        width: 100px;
        margin: 21px 0 0 25px
    }

.en #footer .certificate {
    margin-left: 7px
}

#footer .text-links {
    float: left;
    width: 520px;
    margin: 0 0 0 24px
}

    #footer .text-links .text {
        margin: 4px 0 0;
        float: left
    }

#footer .links {
    float: left;
    width: 330px;
    margin: -3px 0 0 15px
}

    #footer .links .h4 {
        margin: 0 0 5px;
        font-weight: 700
    }

    #footer .links a {
        text-decoration: none
    }

        #footer .links a:hover {
            text-decoration: underline
        }

#footer .links-inner {
    display: flex;
    justify-content: space-between
}

    #footer .links-inner > div {
        display: flex;
        flex-direction: column
    }

        #footer .links-inner > div a {
            display: inline-flex;
            align-items: center;
            height: 35px
        }

            #footer .links-inner > div a span {
                display: inline-block;
                margin-left: 5px;
                font-size: .9em
            }

#footer #iframe-fb {
    float: left;
    overflow: hidden;
    margin: 5px 0 0 30px;
    width: 180px
}

    #footer #iframe-fb iframe {
        float: left
    }

#footer #iframe-tw {
    float: left;
    overflow: hidden;
    margin: 8px 0 0 30px;
    width: 180px
}

    #footer #iframe-tw iframe {
        float: left
    }

#footer #iframe-inst {
    float: left;
    margin: 8px 0 0 30px;
    width: 180px
}

    #footer #iframe-inst a {
        width: 73px;
        height: 20px;
        display: block;
        background: url(../img/btn-instagram.png) 0 0 no-repeat;
        text-decoration: none
    }

        #footer #iframe-inst a:hover {
            background-position: 0 -20px;
            text-decoration: none
        }

.h20 {
    height: 20px
}

.h40 {
    height: 40px
}

.box {
    border: 1px solid #eee;
    background-color: #fff;
    padding: 15px;
    overflow: hidden;
    box-shadow: 0 20px 40px -20px #222
}

    .box .title {
        float: left;
        text-transform: uppercase;
        margin-bottom: 10px;
        text-decoration: none
    }

        .box .title:hover {
            text-decoration: underline
        }

#banner.box .title:hover {
    text-decoration: none
}

.box .add {
    float: right;
    position: relative;
    top: -5px
}

.box.noborder {
    border-width: 0;
    background-color: transparent;
    box-shadow: none
}

#map {
    float: left;
    width: 453px;
    height: 150px
}

    #map .map {
        clear: both;
        float: left;
        width: 453px;
        height: 175px
    }

#banner {
    float: right;
    width: 453px;
    height: 150px
}

/*#controls {
        float: left;
        width: 418px;
        padding-left: 50px;
        padding-bottom: 40px;
    }
    #informations {
        float: right;
        width: 453px;
        height: 361px;
    }*/
.info a {
    font-weight: 700;
    font-size: 1.4em
}

.info .item {
    margin-top: 15px;
    float: left;
    width: 450px
}

    .info .item p {
        margin: 10px 0 0
    }

.info .footer {
    color: #777;
    margin-top: 30px
}

#pnp, #workshops, #websites, #controls, #informations {
    float: left;
    width: 923px;
    margin-top: 20px;
    overflow: hidden;
    padding-left: 50px;
    padding-bottom: 40px
}

.bx-wrapper {
    clear: both;
    float: left
}

#informations {
    padding-bottom: 10px
}

.sliderDoc, .sliderControl {
    clear: both
}

.f-item {
    height: 150px;
    overflow: hidden;
    background-color: #ececec
}

    .f-item a {
        text-decoration: none
    }

        .f-item a:hover {
            text-decoration: underline
        }

    .f-item .top {
        background-color: #dadada;
        padding-left: 5px;
        overflow: hidden;
        height: 105px
    }

    .f-item .bottom {
        padding: 5px 0 0 15px;
        overflow: hidden;
        background-color: #ececec
    }

    .f-item .description p {
        margin: 0;
        line-height: 1.4
    }

    .f-item .description {
        overflow: hidden;
        height: 36px;
        line-height: 18px;
        padding: 0 5px
    }

        .f-item .description .website-blocked {
            font-weight: 700
        }

    .f-item.even {
        margin-top: 10px
    }

    .f-item .image {
        float: left;
        width: 148px;
        height: 148px;
        background: #DADADA url(../img/f-item-no-image.png) 35px 25px no-repeat;
        overflow: hidden
    }

        .f-item .image img {
            width: 150px;
            height: 150px
        }

    .f-item .CategoryIcon, .f-item .BusinessTypeIcon, .f-item .OriginCountry {
        float: left;
        margin-right: 5px
    }

    .f-item .OriginCountry {
        margin-top: 3px
    }

    .f-item .PublishedDate {
        margin-top: 7px;
        overflow: hidden;
        display: inline-block
    }

    .f-item .iconBusiness {
        width: 29px;
        height: 29px;
        float: right;
        margin-right: 0
    }

.doclisttable .iconBusiness {
    width: 29px;
    height: 29px;
    float: left
}

.detail-right .iconBusiness {
    width: 29px;
    height: 29px;
    float: left;
    margin-left: 0
}

.doclisttable .iconWebsiteBlocked {
    width: 16px;
    height: 16px;
    float: left
}

.f-item .ControlledEntityName, .f-item .address {
    clear: both;
    font-weight: 700;
    position: relative;
    top: 3px;
    padding-left: 15px;
    overflow: hidden;
    height: 16px;
    line-height: 16px
}

.f-item .products {
    clear: both;
    font-weight: 700;
    position: relative;
    top: 3px;
    padding-left: 15px;
    overflow: hidden;
    height: 16px;
    line-height: 16px
}

.f-item .branchAndGroupName {
    padding-left: 5px;
    padding-top: 8px;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    width: 180px
}

.f-item .samplingdate {
    padding-left: 15px;
    padding-top: 8px;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    width: 240px
}

.f-item a.stateconfirmed {
    font-weight: 700;
    font-size: 1.4em;
    height: 44px;
    line-height: 22px;
    display: block;
    overflow: hidden;
    margin-top: 6px;
    clear: both;
    padding-left: 15px
}

.workshop.f-item .branchAndGroupName {
    padding-left: 15px
}

.website.f-item .branchAndGroupName {
    padding-left: 15px
}

.Document {
    margin-top: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px -20px #222;
    position: relative;
    clear: both
}

    .Document .header {
        background-color: #5c5c5c;
        overflow: hidden;
        margin: 0 0 10px;
        padding: 0;
        font-weight: 400;
        font-size: 1.1em;
        height: 32px;
        border: 1px solid #444
    }

.XSearch .Document {
    margin-bottom: 20px
}

    .XSearch .Document .header .more {
        margin-right: 5px;
        margin-top: 4px;
        background-color: #1e6846;
        color: #fff;
        border-color: #898989
    }

        .XSearch .Document .header .more:hover {
            background-color: #227831;
            color: #fff
        }

.Document .header.detail {
    background-color: #898989;
    border: 1px solid #898989
}

.tblDocSearchExtended td.row1 {
    padding: 0
}

.Document .footer {
    background-color: #eee;
    overflow: hidden;
    padding: 10px 0 10px 20px;
    font-weight: 700;
    font-size: 1.3em
}

.Document .header .date {
    float: right;
    color: #fff;
    position: relative;
    top: 7px;
    right: 8px;
    font-size: 1.1em
}

.Document .f-item {
    width: 469px;
    float: left;
    margin-top: 10px
}

    .Document .f-item.even {
        float: right
    }

.Document h1 {
    margin-top: 0
}

.Archive .Document {
    border: 1px solid #5c5c5c;
    background: #5c5c5c url(../img/bg-archive.png)
}

    .Archive .Document .header {
        border-color: #c6c6c6
    }

.Archive .fb-like iframe {
    background: #c6c6c6;
    padding: 2px
}

.Archive #pnlExtendSearchLnk, .Archive #pnlExtendSearchLnk a {
    color: #fff
}

.Archive .Pager {
    border-color: #c6c6c6
}

.Archive #lblDocDetailSupervisorAuthorityInfo {
    background-color: #E1E1E1;
    padding: 4px
}

#header .lnk-extend {
    color: #fff;
    display: inline-block;
    margin: 4px 0 0 10px
}

    #header .lnk-extend:hover {
        color: #fff;
        text-decoration: underline
    }

#pnlExtendSearchLnk {
    font-weight: 700;
    margin-top: 20px;
    line-height: 1.5;
    font-size: 1.2em
}

.c-item {
    height: 150px;
    overflow: hidden;
    background-color: #ececec
}

    .c-item a {
        text-decoration: none
    }

        .c-item a:hover {
            text-decoration: underline
        }

    .c-item .top {
        background-color: #dadada;
        padding: 10px;
        overflow: hidden
    }

    .c-item .bottom {
        padding: 5px 0 0 5px;
        overflow: hidden
    }

    .c-item.even {
        margin-top: 10px
    }

    .c-item .image {
        float: left;
        width: 148px;
        height: 148px;
        background: #DADADA url(../img/f-item-no-image.png) 35px 25px no-repeat;
        overflow: hidden
    }

    .c-item .date {
        font-weight: 700
    }

    .c-item .branch {
        display: block;
        font-weight: 700;
        padding-left: 10px
    }

    .c-item .name {
        font-weight: 700;
        font-size: 1.4em;
        overflow: hidden;
        display: block;
        line-height: 22px;
        height: 66px;
        margin-top: 5px;
        padding: 0 10px 0 15px
    }

    .c-item .description {
        display: block;
        margin-top: 5px
    }

    .c-item .count {
        font-weight: 700;
        margin-top: 5px;
        overflow: hidden;
        padding-left: 15px
    }

    .c-item .translate {
        padding-left: 5px
    }


.Document .c-item {
    margin-top: 10px;
    width: 469px;
    float: left
}

    .Document .c-item .branch {
        display: inline-block
    }

    .Document .c-item.even {
        float: right
    }

.count-icons img {
    position: relative;
    top: 3px
}

.Document .c-item .description {
    padding-bottom: 5px
}

.Document .Info .control-img {
    float: right
}

.Document .Info .control-name {
    font-weight: 700;
    font-size: 1.6em;
    padding-right: 10px;
    overflow: hidden
}

.Document .Info .description {
    padding: 10px 10px 10px 0;
    overflow: hidden
}

.Document .Info .item {
    margin-top: 5px
}

.Document .Info .name {
    font-weight: 700
}

.Document .Info .statusbox {
    margin-top: 10px
}

.Document .commentbox {
    margin-top: 10px
}

.Document .wrap, .Document .comment {
    overflow: hidden;
    background-color: #eee;
    padding: 15px;
    margin-top: 20px
}

#informations .info {
    clear: both
}

.bx-wrapper .bx-viewport {
    border-width: 0;
    box-shadow: none
}

.bx-wrapper .bx-prev {
    left: -45px
}

.bx-wrapper .bx-next {
    right: -35px
}

.header .title {
    color: #fff;
    font-size: 1.2em;
    display: inline-block;
    margin: 6px 0 0 10px
}

.header .list-switch {
    float: right;
    overflow: hidden;
    padding: 4px;
    margin: 3px 3px 0 0;
    background-color: #5C5C5C
}

    .header .list-switch a {
        text-decoration: none;
        width: 25px;
        height: 18px;
        float: left;
        margin-left: 6px
    }

    .header .list-switch a {
        background: url(../img/icons/list-switch-bg.png?v=1) 0 0 no-repeat
    }

    .header .list-switch .columns {
        background-position: 0 0
    }

        .header .list-switch .columns:hover, .header .list-switch .columns.active {
            background-position: 0 -18px
        }

    .header .list-switch .table {
        background-position: -25px 0
    }

        .header .list-switch .table:hover, .header .list-switch .table.active {
            background-position: -25px -18px
        }

    .header .list-switch .map {
        background-position: -50px 0
    }

        .header .list-switch .map:hover, .header .list-switch .map.active {
            background-position: -50px -18px
        }

.header .category-buttons {
    float: right;
    overflow: hidden;
    font-weight: 400;
    margin: 1px 30px 0 0;
    height: 30px
}

#MainContent_pnlWeListHeader.header .category-buttons {
    margin-right: 402px
    /* posunuti tlacitek Blokovano / Neblokovano v sekci rizikove weby */
}

.category-buttons span {
    overflow: hidden;
    margin-right: 1px;
    height: 32px;
    float: left
}

.category-buttons a {
    margin-top: 7px;
    color: #fff;
    font-size: 1.1em;
    text-transform: lowercase;
    text-decoration: none;
    cursor: pointer;
    float: left;
    padding-left: 30px;
    padding-right: 1px;
    width: 96px
}

    .category-buttons a:hover {
        text-decoration: underline
    }

.category-buttons select {
    min-width: 100px;
    width: 210px;
    position: relative;
    top: 3px;
    margin-left: 4px
}

    .category-buttons select.control-branch-select {
        width: 420px
    }

.doclistfilter {
    background: url(../img/icons/icon-doclistfilter-bg.png) 8px 8px no-repeat
}

    .doclistfilter.poor {
        background-color: #FC0
    }

        .doclistfilter.poor a {
            color: #333
        }

    .doclistfilter.adulterate {
        background-color: #f0801a
    }

        .doclistfilter.adulterate a {
            color: #333
        }

    .doclistfilter.dangerous {
        background-color: #b02126
    }

    .doclistfilter.active {
        background-position: 8px -16px
    }

.welistfilter {
    background: url(../img/icons/icon-doclistfilter-bg.png) 8px 8px no-repeat
}

    .welistfilter.blockedno {
        background-color: #f0801a
    }

        .welistfilter.blockedno a {
            color: #333
        }

    .welistfilter.blockedyes {
        background-color: #b02126
    }

    .welistfilter.active {
        background-position: 8px -16px
    }

.Document .doclistmap-content {
    margin-top: 10px;
    width: 948px;
    height: 700px
}

.Pager {
    overflow: hidden;
    clear: both;
    margin-top: 20px;
    padding: 5px 2px 5px 5px;
    height: 21px;
    background-color: #5c5c5c;
    border: 1px solid #444
}

    .Pager .actual {
        color: #000;
        background: #fff;
        text-decoration: none
    }

        .Pager .actual:hover {
            cursor: default;
            background: #fff;
            color: #000
        }

    .Pager a {
        display: inline-block;
        padding: 1px 6px;
        text-align: center;
        font-size: 1.08em;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        background: #444
    }

        .Pager a:hover {
            color: #fff;
            background-color: #333
        }

    .Pager .next, .Pager .previous, .Pager .last, .Pager .first {
        font-weight: 400;
        color: #fff;
        background: transparent;
        background-repeat: no-repeat
    }

        .Pager .next:hover, .Pager .previous:hover, .Pager .last:hover, .Pager .first:hover {
            text-decoration: underline
        }

    .Pager .next, .Pager .last {
        padding-right: 16px;
        background-position: right center
    }

    .Pager .last {
        padding-right: 25px
    }

    .Pager .previous, .Pager .first {
        padding-left: 16px;
        background-position: left center
    }

    .Pager .first {
        padding-left: 25px
    }

    .Pager .first {
        background-image: url(../img/icons/btn-first.png)
    }

    .Pager .next {
        background-image: url(../img/icons/btn-next.png)
    }

    .Pager .previous {
        background-image: url(../img/icons/btn-prev.png)
    }

    .Pager .last {
        background-image: url(../img/icons/btn-last.png)
    }

    .Pager a.btn {
        font-weight: 400;
        position: relative;
        top: -3px;
        background-color: #1e6846;
        border: 1px solid #898989;
        color: #fff
    }

        .Pager a.btn:hover {
            background-color: #000;
            border: 1px solid #444;
            color: #fff;
            text-decoration: none
        }

    .Pager .left {
        margin-top: 1px
    }

table {
    border-collapse: collapse
}

    table.background {
        border-collapse: collapse
    }

        table.background td {
            padding: 5px 10px 5px 0
        }

.tblDocSearchExtended {
    width: 100%;
    position: relative
}

table.background td.itname {
    padding-left: 105px;
    font-weight: 700;
    font-size: .93em
}

.tblDocSearchExtended .rowhighlight {
    background: #e1e1e1
}

.searchaddress-type, .searchcustneigh-type {
    min-width: 90px;
    width: 90px
}

.searchaddress-value, .searchcustneigh-value {
    display: inline
}

    .searchaddress-value input.text, .searchcustneigh-value input.text {
        width: 312px
    }

.searchcustneigh-radius {
    display: inline
}

    .searchcustneigh-radius select {
        min-width: 90px;
        width: 90px
    }

.disabled {
    display: none
}

.buttons {
    clear: both;
    margin-top: 20px
}

    .buttons.detail {
        position: absolute;
        bottom: 20px
    }

.searchInfo {
    background-color: #eee;
    /*border: 1px solid #e1e1e1;*/
    min-height: 20px;
    padding: 10px 0 10px 20px;
    margin: 20px 0;
    line-height: 1.8;
    position: relative;
    font-weight: 700
}

    .searchInfo .value {
        font-weight: 400
    }

.ValidationSummary {
    color: #C92123;
    font-size: .9em;
    font-weight: 400
}

    .ValidationSummary p, .ValidationSummary span p {
        margin: 2px 0;
        padding: 0;
        font-weight: 400
    }

.js-validation-info {
    margin-top: 10px;
    color: #C92123;
    font-size: .9em;
    font-weight: 400
}

.captcha-box {
    margin-top: 16px
}

.news-confirm-info {
    padding-left: 4px;
    font-weight: 700
}

.display-none, .hidden {
    display: none
}

.v-hidden {
    visibility: hidden
}

.nowrap {
    white-space: nowrap
}

body.en .logo a.text {
    float: left;
    width: 359px;
    height: 41px;
    margin: 34px 0 0;
    background: url(../img/logo-text-en.png) left top no-repeat
}

body.en .logo .info {
    float: left;
    width: 0;
    height: 0;
    margin: 0;
    background-image: none
}

body.en .item-email input.text {
    margin-left: 24px
}

/* formatovani html kodu editovaneho v administraci v html editoru */
.htmleditorcontent p {
    margin-top: 0;
    margin-bottom: 3px
}

.htmleditorcontent span.highlight {
    color: #af2227 !important
}

.htmleditorcontent span.highlightmore {
    color: #af2227 !important;
    font-weight: 700
}

.news-text {
    font-weight: 400;
    text-align: left;
    font-size: 1.1em;
    clear: both
}

    .news-text p {
        line-height: 24px;
        display: inline
    }

    .news-text img {
        float: left;
        position: relative;
        left: -4px
    }

.news-text-right {
    overflow: hidden;
    width: 720px
}

.news-text-table {
    float: right;
    width: 290px;
    display: table;
    position: relative;
    top: -35px;
    height: 170px
}

.news-text-content {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

.blind {
    position: absolute;
    top: -50px;
    left: 0;
    overflow: hidden;
    color: #F3F5C2
}

.focus {
    position: absolute;
    top: -100px
}

    .focus li {
        list-style-type: none;
        background-color: #fff
    }

    .focus a {
        position: absolute;
        top: -50px;
        z-index: -10
    }

        .focus a:focus {
            position: absolute;
            white-space: nowrap;
            top: 100px;
            left: 0;
            z-index: 100;
            padding: 5px;
            color: #000;
            background-color: #fff
        }

#fb-like {
    float: left;
    height: 44px
}

.Document .doclisttable .doclisttable-notfound, .Document .doclistmap .doclistmap-notfound {
    margin: 20px;
    font-weight: 700;
    font-size: 1.08em
}

.display-table {
    width: 100%;
    margin-top: 10px
}

    .display-table, .display-table th, .display-table td {
        border: 1px solid #fff;
        padding: 3px 5px
    }

        .display-table tr {
            background: #EEE
        }

            .display-table tr.alternate {
                background: #E1E1E1
            }

            .display-table tr:hover {
                background: #ddd;
                cursor: pointer
            }

        .display-table th {
            background: #898989;
            text-align: left;
            font-size: .9em;
            color: #fff;
            border-width: 0
        }

            .display-table th.productname {
                line-height: 30px
            }

        .display-table td {
            height: 37px
        }

            .display-table td img {
                position: relative;
                top: 3px
            }

        .display-table a {
            text-decoration: none;
            font-weight: 700
        }

            .display-table a:hover {
                text-decoration: underline
            }

.prodlisttable .display-table tr:hover {
    cursor: default
}

.prodlisttable .display-table a {
    color: #1e6846;
    font-weight: 400
}

    .prodlisttable .display-table a.product-name {
        color: #1e6846;
        font-weight: 700
    }

    .prodlisttable .display-table a:hover {
        color: #C92123;
        text-decoration: underline
    }

.prodlisttable td.controlresulticon, .prodlisttable td.countryicon {
    min-width: 16px;
    white-space: nowrap
}

.prodlisttable td.productname, .prodlisttable td.controlledentity, .prodlisttable td.producer, .prodlisttable td.controlname {
    min-width: 150px;
    width: 30%
}

.prodlisttable td.resulttext {
    min-width: 100px;
    width: 20%
}

.prodlisttable td.controldate {
    white-space: nowrap
}

.detail-left {
    float: left;
    width: 320px;
    min-height: 200px;
    overflow: hidden;
    background: transparent url(../img/detail-no-image.png) left top no-repeat
}

    .detail-left .bx-wrapper .bx-prev {
        left: 7px
    }

    .detail-left .bx-wrapper .bx-next {
        right: 12px
    }

    .detail-left .bx-wrapper img {
        margin-left: 5px
    }

.bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #c6c6c6
}

    .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background-color: #333
    }

.bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 4px;
    height: 8px;
    margin: 0 3px;
    width: 8px
}

.detail-left .bx-wrapper {
    float: none
}

.sliderDetail {
    overflow: hidden;
    margin-bottom: 20px
}

#iframe-map {
    clear: both;
    overflow: hidden;
    margin-bottom: 40px
}

.detail-right {
    float: right;
    width: 612px;
    line-height: 1.6;
    font-size: 1.1em
}

    .detail-right .row1 {
        background-color: #898989;
        color: #fff;
        height: 29px
    }

        .detail-right .row1 img {
            vertical-align: middle
        }

        .detail-right .row1 .lnkDocDetailCategory {
            float: left;
            margin-left: -1px
        }

        .detail-right .row1 .OriginCountryIcon {
            float: left;
            width: 35px;
            height: 29px
            /*background-color: #fff;*/
        }

            .detail-right .row1 .OriginCountryIcon img {
                position: relative;
                left: 5px;
                top: 3px
            }

        .detail-right .row1 strong {
            position: relative;
            top: 3px;
            left: 35px
        }

    .detail-right .row2 {
        background-color: #e1e1e1;
        margin-top: 5px;
        padding: 15px 10px 15px 50px;
        line-height: 1.3
    }

        .detail-right .row2 strong {
            display: block;
            margin-bottom: 2px
        }

    .detail-right .row3 {
        background-color: #898989;
        margin-top: 5px;
        padding: 15px 10px 15px 50px;
        color: #fff
    }

.Workshop .detail-right .row3 {
    padding-top: 5px
}

.detail-right .row3 a {
    color: #fff
}

#MainContent_pnlDocDetailCategory {
    position: relative;
    top: -8px
}

.detail-right .sa-short {
    float: right;
    position: relative;
    right: 8px;
    top: 4px;
    margin-right: 12px
}

.detail-right .sa-short-icon {
    float: right;
    position: relative;
    right: 5px;
    top: 0
}
.Workshop .detail-right .sa-short-icon {
    right: 5px;
    top: 10px;
    background-color: #e1e1e1;
    padding: 4px;
}
.Website .detail-right .sa-short-icon {
    float: right;
    background-color: #e1e1e1;
    margin: 1px 15px 0 0;
    padding: 1px;
    width: auto;
    height: 25px;
}
.InspProduct .detail .sa-short-icon {
    float: right;
    background-color: #e1e1e1;
    margin: 0px 20px 0 0;
    padding: 1px;
    width: auto;
    height: 30px;
}

.detail-right .create-date {
    float: right;
    position: relative;
    right: 8px;
    top: 3px
}

.detail-right .BusinessTypeText {
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 3px;
    left: 7px
}

.detail-right .product-name {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.2;
    display: inline-block;
    overflow: hidden;
    margin: 10px 0 5px
}

.detail-right .website-blocked-detail {
    margin: 5px 0;
    font-size: 1.3em;
    font-weight: 700
}

.detail-right .website-products {
    font-size: 1.3em;
    font-weight: 700;
    margin: 3px 0
}

.Website .detail-right .product-name {
    margin: 3px 0 5px
}

.detail-right .note, .detail-right .htmleditorcontent {
    margin-top: 15px;
    display: block;
    line-height: 1.3
}

.detail-right .row4 {
    background-color: #e1e1e1;
    margin-top: 5px;
    padding: 15px 10px 15px 50px
}

.param {
    padding-left: 12px;
    background: url(../img/icons/list.png) 0 5px no-repeat
}

.row5 table {
    border-collapse: collapse;
    width: 100%
}

.row5 tr {
    height: 32px;
    background-color: #e1e1e1
}

.row5 td img {
    vertical-align: middle;
    position: relative;
    top: -1px
}

.row5 table .c1 {
    padding-left: 50px;
    width: 200px;
    border-right: 3px solid #e1e1e1
}

.row5 table .c2 {
    padding-left: 20px
}

.row5 tr:nth-of-type(odd) td {
    background-color: #c6c6c6
}

.detail-right a {
    text-decoration: none
}

    .detail-right a:hover {
        text-decoration: underline
    }

#pnlMobileHeader {
    background-color: #000;
    padding: 0 0 0 11px;
    height: 39px;
    overflow: hidden
}

    #pnlMobileHeader a {
        text-decoration: none;
        display: block
    }

        #pnlMobileHeader a span {
            display: block;
            float: left;
            margin: 12px 5px 0 0;
            color: #fff
        }

.image {
    border: 1px solid #ececec
}

    .image:hover {
        border-color: #1e6846
    }

.breadcrumb {
    list-style-type: none;
    padding: 0 0 0 20px;
    line-height: 20px;
    height: 20px;
    overflow: hidden
}

    .breadcrumb li {
        display: inline
    }

        .breadcrumb li.home:before {
            content: ""
        }

        .breadcrumb li:before {
            content: "/ "
        }

.Search .breadcrumb {
    float: left;
    width: 200px
}

.d-menu {
    float: right;
    height: 20px;
    line-height: 20px;
    list-style-type: none;
    display: inline;
    padding: 0 5px 0 0;
    overflow: hidden;
    margin-bottom: 0
}

    .d-menu li {
        display: inline;
        padding-left: 20px
    }

.archiveSwitch {
    float: right;
    overflow: hidden;
    margin-top: 6px
}

    .archiveSwitch div {
        padding: 5px 0 10px
    }

    .archiveSwitch span {
        padding-right: 10px;
        color: #fff
    }

    .archiveSwitch a {
        padding-left: 15px;
        margin-right: 10px;
        background: url(../img/radiobutton.png) 0 2px no-repeat;
        font-weight: 700;
        text-decoration: none;
        color: #fff
    }

        .archiveSwitch a:hover {
            background-position: 0 -20px;
            text-decoration: underline
        }

        .archiveSwitch a.on, .archiveSwitch a.on:hover {
            background-position: 0 -42px
        }

.listmapdetail {
    width: 470px
}

.Suggestions .content {
    min-height: 220px
}

    .Suggestions .content div {
        margin: 30px 0 10px 20px;
        float: left;
        width: 900px
    }

.submitText {
    text-align: justify;
    font-style: italic
}

.Remarks.submitText {
    margin-top: 10px;
    margin-bottom: 30px
}

#MainContent_pnlRemarksContent .buttons {
    margin-top: 10px
}

.NewsMail.submitText {
    margin-bottom: 30px
}

.CmsLiteContent table tr td, .CmsLiteContent table tr th {
    padding: 4px
}