/* UTF-8 test: žluťoučký kůň */

/*global*/
:root {
    --bg-headings: #f2f2f2;
    /* top-divisions - start */
    --bg-top: var(--bg-headings);
    --color-top: #666;
    --color-top--hover: #fff;
    --color-top-megaflex: #4b4b49;
    --color-top-razitka: #dc291e;
    --color-top-lasery: #00243D;
    --color-top-orientacni: #B8D476;
    --color-top-materialy: #2774B9;
    --color-top-blog: #CE4A20;
    --color-top-eshop: #A39E9E;
    /* top-divisions - end */
}

.sHeavy,
.sStandard,
p,
body,
div,
frame,
form,
input,
select,
textarea,
button,
ul {
    margin: 0px;
    padding: 0px;
    width: auto;
    height: auto;
    cursor: default;
    font-family: Tahoma, "Helvetica CE", Helvetica, "Arial CE", Arial, sans-serif;
    border: 0px;
}

table,
tr,
td {
    margin: 0px;
    padding: 0px;
    height: auto;
    cursor: default;
    font-family: Tahoma, "Helvetica CE", Helvetica, "Arial CE", Arial, sans-serif;
}

a,
a:active,
a:visited {
    text-decoration: none;
}

ul {
    margin: 15px;
}

body {
    font-size: 8pt;
    min-width: min-content;
}

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

img.button,
input.button {
    cursor: pointer;
}

input.count {
    width: 31px;
    cursor: text;
    text-align: right;
    padding: 1px 5px;
}

.product input {
    font-size: 0.9em;
    padding: 0.1em 0.3em;
}

.product input.count {
    padding: 3px 5px;
}

div.gError {
    font-size: 1.4em;
    border: 1px solid;
    padding: 10px;
    margin: 10px;
    max-width: fit-content;
}

div.gErrorOk {
    font-size: 1.4em;
    border: 1px solid;
    padding: 10px;
    margin: 10px;
    max-width: fit-content;
}

div.dbg_window {
    margin: 10px;
    padding: 3px;
    width: auto;
    z-index: 2;
}

div.dbg_window div {
    font: 1.5em bold;
    padding: 3px;
}

.season {
    border-collapse: collapse;
}

.season td {
    border: 1px solid;
    border-right: 1px solid;
}

.season td .tab {
    cursor: pointer;
    height: 100%;
    padding: 3px 5px 3px 5px;
}

.season .inputs div {
    display: none;
}

.season .inputs div input {
    cursor: text;
    font-size: 8pt;
    padding: 1px 2px 1px 2px;
    border: 1px solid;
}

.link_box {
    margin: 10px;
}

.link_box td {
    border-bottom: 1px solid;
}

.link_box .caption {
    width: 10px;
    border: 1px solid;
    border-bottom: none;
    padding: 3px 5px 3px 5px;
}

.link_box .links {
    border: 1px solid;
    padding: 5px;
}

.link_box .links a {
    display: block;
    margin: 2px;
    padding: 1px;
    border-bottom: 1px dotted;
}


#mg_copyright {
    width: 100%;
}

#mg_copyright td {
    padding: 2px 10px 0px 10px;
    border-top: 1px solid;
    height: 25px;
    vertical-align: top;
}

.help_browsers {
    margin: 10px;
    border: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    width: 700px;
}

.help_browsers td {
    padding: 5px;
}

.help_mailme {
    margin: 5px 10px 5px 10px;
}

.childpage_back {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid;
}

.helper_title,
.helper_title_dark,
.helper_title_2 {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
}

.helper_title_2 {
    font-size: 16px;
}

.text_block_btn {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
}

.bott_line {
    /*border:1px solid;*/
    margin: 5px;
    display: flex;
    align-items: center;
    font-size: 7pt;
}

.bott_line>* {
    padding: 0.6em 1em;
    /*border-right:1px solid;*/
    font-size: 7pt;
}

.bott_line .con {
    border: 0;
    padding: 0 1em;
    font-size: 8pt;
    margin-left: auto;
}

.btn_2,
.btn_2_sel {
    cursor: pointer;
    border: 1px solid;
}

table.news {
    margin: 20px;
}

table.news tr.news_tr1 {
    padding-top: 10px;
    font-weight: bold;
}

table.news td.news_date {
    padding: 5px 7px 5px 5px;
}

table.news td.news_cap {
    padding: 5px 7px;
}

table.news td.news_text {
    padding: 5px 10px 7px 10px;
    width: 700px;
}


td.cont_spoj {
    width: 70px;
}

.sHeavy {
    font-weight: bold;
}

.sHeavy,
p {
    font-size: 9pt;
    /*11px*/
    line-height: 14px;
}

.sStandard {
    font-weight: normal;
}

.sStandard,
td {
    font-size: 9pt;
    /*11px;*/
    line-height: 14px;
}

/*menu*/
#web_4 #menu.menu_menu {
    background: url(images/head_bg_r.png) repeat-x scroll 0 36px transparent;
}

#web_0 #menu.menu_menu {
    background: url(images/head_bg_r.png) repeat-x scroll 0 36px transparent;
}

#web_1 #menu.menu_menu {
    background: url(images/head_bg_y.png) repeat-x scroll 0 36px transparent;
}

#web_2 #menu.menu_menu {
    background: url(images/head_bg_b.png) repeat-x scroll 0 36px transparent;
}

#web_3 #menu.menu_menu {
    background: url(images/head_bg_g.png) repeat-x scroll 0 36px transparent;
}

#menu.menu_menu {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
}

/*#menu .logos {margin-top:22px;width:100%;height: 56px; position: relative;overflow-y:hidden; text-align: center}*/
*#menu .logos {
    /* margin-top: 41px; */
    /* margin-top: -2px; */
    width: 100%;
    height: 55px;
    position: relative;
    overflow-y: hidden;
    text-align: center
}

#menu .logo1 img {
    position: absolute;
    opacity: 0;
    left: 10px;
    z-index: 3;
}

#menu .logo3 {
    top: 0px;
}

#menu .logo3 img {
    position: absolute;
    right: 10px;
    z-index: 2;
}

#menu .logo4 {
    margin: 0 auto;
    width: 500px;
    height: 60px;
    top: 4px;
    position: relative;
}

#menu .logo4 img {
    margin: 0 auto;
    width: 500px;
    height: 29px;
    position: relative;
}

/*#menu img.logo5 {width: 500px; height: 13px; top: 33px; left: 0px; position: absolute; opacity: 0;}*/
#menu img.logo5 {
    width: 500px;
    height: 13px;
    top: 33px;
    left: 0px;
    position: absolute;
    opacity: 0;
}

/*#menu .menu_buttons {position:absolute;top: 83px;left:1px; height:24px;width:auto;padding-right:1px;overflow-y:hidden; z-index:4;background:url(images/buttons/menu_btn_bg_end.png) 100% 0% no-repeat;}*/
#menu .menu_buttons {
    position: absolute;
    top: 102px;
    left: 1px;
    height: 24px;
    width: auto;
    padding-right: 1px;
    overflow-y: hidden;
    z-index: 4;
    background: url(images/buttons/menu_btn_bg_end.png) 100% 0% no-repeat;
}

/*
#menu ul#menu_buttons {position:absolute;top: 66px;left:1px; height:24px;width:auto;margin:0;padding:0 1px 0 0;overflow-y:hidden; z-index:4;background:url(images/buttons/menu_btn_bg_end.png) 100% 0% no-repeat;}
#menu ul#menu_buttons li {display:inline;float:left;height:24px;background:url(images/buttons/menu_btn_bg.png)  no-repeat;}
#menu ul#menu_buttons li a {width:auto;height:24px;background:url(images/buttons/menu_btn_bg.png)  no-repeat;}
#menu_buttons ul {position:realtive;float:left;z-index:10;width:20em;margin:0;display:none}
#menu_buttons ul li {position:realtive;float:left;z-index:10;}
#menu_buttons li.hover ul {display:block}
#menu_buttons a, #menu_buttons span {padding:4px 20px 5px 7px;display:block;font-size:10pt;color:#f0f0f1;}
#menu_buttons a:hover {background:url(images/buttons/menu_btn_bg_o.png) no-repeat;}
*/

#menu_buttons {
    position: absolute;
    top: 102px;
    left: 1px;
    height: 24px;
    width: auto;
    padding: 0 1px 0 0;
    background: url(/images/buttons/menu_btn_bg_end.png) 100% 0% no-repeat;
    margin: 0
}

#menu_buttons li {
    float: left;
    width: auto;
    white-space: nowrap;
    _width: 20px;
    list-style: none;
    font-size: 10pt;
}

#menu_buttons li ul {
    display: none;
    margin: 0;
    position: absolute;
    height: 24px;
    _width: 100%;
    background: url(/images/buttons/menu_btn_bg_end.png) 100% 0% no-repeat;
    z-index: 10
}

#menu_buttons li:hover ul {
    display: block
}

#menu_buttons span {
    padding: 4px 20px 0px 7px;
    float: left;
    height: 20px;
    background: url(images/buttons/menu_btn_bg.png) no-repeat;
    margin: 0
}

#menu_buttons a {
    padding: 4px 20px 0px 7px;
    display: block;
    height: 20px;
    background: url(/images/buttons/menu_btn_bg.png) no-repeat;
    color: #f0f0f1;
    text-decoration: none;
}

#menu_buttons a#megablog {
    color: #000;
}

#menu_buttons a.logged {
    background: url(images/buttons/menu_btn_bg_l.png) no-repeat;
    color: #ffcc00;
}

#menu_buttons a:hover {
    background: url(images/buttons/menu_btn_bg_o.png) no-repeat;
}

#menu_buttons a#lasers {
    cursor: default
}

#menu .menu_buttons a,
#menu .menu_buttons span {
    padding: 4px 20px 5px 7px;
    display: block;
    float: left;
    height: 24px;
    background: url(images/buttons/menu_btn_bg.png) no-repeat;
    font-size: 10pt;
    color: #f0f0f1;
}

#menu .menu_buttons a.logged {
    background: url(images/buttons/menu_btn_bg_l.png) no-repeat;
    color: #ffcc00;
}

#menu .menu_buttons a.intra {
    background: url(images/buttons/menu_btn_bg_l.png) no-repeat;
    color: lime;
    font-weight: bold;
}

#menu .menu_buttons a:hover {
    background: url(images/buttons/menu_btn_bg_o.png) no-repeat;
}

#menu .menu_buttons a.no_href {
    cursor: default;
}

#menu .menu_buttons_lang {
    position: absolute;
    top: 102px;
    right: 1px;
    height: 24px;
    width: auto;
}

#menu #menu_text_bar {
    position: absolute;
    bottom: 1px;
    height: 31px;
    width: 100%;
}

#menu #menu_text {
    float: left;
    font-size: 18pt;
    color: #FFF;
    margin: 0px 2px 0px 2px;
    vertical-align: middle;
    height: 100%;
}

#menu #menu_login {
    position: absolute;
    bottom: 1px;
    right: 1px;
    color: #fff;
    /*width:auto;height:31px;padding:0;margin:0*/
    ;
    z-index: 2;
}

#menu #menu_login iframe {
    float: right;
    height: 30px;
    border: none;
    margin-right: 5px;
    z-index: 9;
}

#menu #menu_login .data {
    float: right;
    border-left: 1px solid #fff;
    padding: 2px 5px 0px 5px;
}

#menu #menu_login #logfrm {
    margin: 5px;
    display: flex;
    align-items: center;
}

#menu #menu_login #logfrm>* {
    margin: 0 2px;
}

#menu #menu_login #logfrm>a {
    display: inline-flex;
}

#menu #menu_login #logoutfrm {
    float: right;
    margin: 5px;
}

#menu #menu_login input[type="image"] {
    cursor: pointer;
}

#menu #menu_login input[type="text"],
#menu #menu_login input[type="password"] {
    width: 92px;
    height: 20px;
    border-radius: 2px;
    cursor: text;
    /*font-size: 8pt;*/
    padding: 0 5px;
}

#menu #menu_login .help {
    cursor: pointer;
}

/*statistiky*/
.statistika {
    padding: 10px;
}

.statistika .header {
    border-collapse: collapse;
    border: 1px solid;
    display: inline;
    margin: 0px 10px 10px 0px;
}

.statistika .header td {
    padding: 5px;
}

.statistika .header .name {
    border: 1px solid;
}

.statistika .header .value {
    border: 1px solid;
}

.statistika .values {
    border-collapse: collapse;
    border: 1px solid;
    display: inline;
    margin: 0px 10px 10px 0px;
    vertical-align: top;
}

.statistika .values td {
    padding: 5px;
}

.statistika .values .head td {
    border: 1px solid;
}

.statistika .values .value td {
    border: 1px solid;
}

/*contacts*/
div.contact {
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 400px;
    border-bottom: 1px solid;
    font-size: 13px;
    line-height: 18px;
}

.contacts_list {
    width: 384px;
}

.contacts_list tr {
    vertical-align: top;
}

.contacts_list .name1,
.contacts_list .name0,
.contacts_list .name {
    font-weight: bold;
}

.contacts_list .icon0,
.contacts_list .icon {
    text-align: right;
}

.contacts_list .func0,
.contacts_list .name0,
.contacts_list .icon0 {
    padding-top: 3px;
}

.contacts_list .func1,
.contacts_list .name1,
.contacts_list .icon1 {
    border-top: 1px solid;
    padding-top: 3px;
}

.contacts_list .func,
.contacts_list .name,
.contacts_list .icon {
    border-bottom: 1px solid;
    padding-bottom: 3px;
    padding-top: 3px;
}

/*intro*/
.swfclass {
    margin: 0pt auto 0pt -324px;
    display: block;
    position: absolute;
    width: 648px;
    left: 50%;
    top: 0px;
}

#intro_logo {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

#intro_a {
    position: absolute;
    top: 0px;
}

#intro_a:hover img {
    visibility: hidden;
}

#intro_menu {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 13px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

#intro_menu a {
    display: block;
    font-weight: bold;
    font-size: 8pt;
    padding: 3px 5px 3px 4px;
    height: auto;
    width: auto;
}

#intro_menu a .arrow {
    font-family: Arial;
    font-weight: bold;
    font-size: 7pt;
}

#intro_menu div.intro_news {
    width: 250px;
}

#intro_menu div.intro_news div.news_cap {
    cursor: pointer;
    padding: 3px 5px 3px 4px;
    font-size: xx-small;
    font-weight: bold;
    width: 100%;
    max-width: 241px;
}

#intro_menu div.intro_news div.news_cap .date {
    cursor: pointer;
    float: left;
    clear: left;
}

#intro_menu div.intro_news div.news_cap .cap {
    cursor: pointer;
    margin-left: 5px;
    float: left;
    max-width: 170px;
}

#intro_menu div.intro_news div.news_text {
    clear: left;
    font-size: x-small !important;
    padding: 5px 10px 17px 10px;
    width: 100%;
    max-width: 230px;
    display: none;
    border-bottom: 1px solid;
}

#intro_menu div.intro_news a {
    font-size: x-small !important;
    font-weight: normal !important;
    display: inline;
}

#intro_noticifation {
    position: absolute;
    z-index: 13;
    margin: 65px 15px;
    width: auto;
    padding: 20px;
}

#intro_noticifation_title {
    cursor: pointer;
}

#intro_noticifation_detail img {
    padding: 20px 0;
}

#web_0 #intro_menu {
    z-index: 12;
    top: 65px;
}

#web_2 #intro_menu {
    top: 28px;
    left: 4px;
}

#web_2 #intro_noticifation {
    margin-top: 90px
}

#web_4 #intro_noticifation {
    margin-top: 110px
}

/* products */
#promo,
#cat_desc {
    margin: 3px 1px;
    width: 99%;
}

#promo a,
#cat_desc a {
    display: block;
    font-weight: bold;
    background-color: #000;
    color: #FFCC00;
    padding: 1em;
}

#promo img {
    margin-left: 3px;
}

.prod_list_main {
    margin: 5px;
}

.prod_list_main .page_navig {
    margin-bottom: 5px;
    /*border:1px solid;*/
    display: flex;
    padding: 3px;
    align-items: center;
    flex-wrap: wrap;
}

.prod_list_main .page_navig>* {
    margin: 0 2px;
}

.prod_list_main .page_navig .commands {
    margin-right: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.prod_list_main .page_navig .commands>* {
    margin: 2px;
}

.prod_list_main .page_navig .page_info {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.prod_list_main .page_navig .page_info>* {
    margin: 2px;
}

.prod_list_main .page_navig .page_info_page {
    border: 1px solid;
    padding: 1px 0.5em;
    margin: 0 3px;
}

.prod_list_main .page_navig .page_info .chunks {
    margin: 0px 2px 0px 2px;
    height: 16px;
    font-size: 8px;
}

.prod_list_main .page_navig .page_info .chunk_page {
    height: 16px;
}

.prod_list_main .list .product {
    margin: 0.5em 0;
    border: 0;
}

.prod_list_main .list .left_border0,
.prod_list_main .list .left_border1 {
    border-left: 4px solid;
}

.prod_list_main .list .no_wrap {
    white-space: nowrap;
}

.prod_list_main .list .product .caption {
    cursor: pointer;
    /* font-weight: bold; */
    font-size: 1.1em;
    display: flex;
    align-items: center;
}

.prod_list_main .list .product .caption2,
.prod_list_main .list .product .caption3 {
    border: 1px solid;
    border-left: 0;
    border-right: 0;
}

.prod_list_main .list .product .caption>* {
    margin: 0.4em 0.5em;
    cursor: pointer;
}

.prod_list_main .list .product .caption .cena {
    font-size: 0.9em;
    /* 0.75em; */
    text-align: right;
    margin-left: auto;
}

.prod_list_main .list .product .caption form {
    display: flex;
}

.prod_list_main .list .product .caption .unit {
    cursor: pointer;
    margin: 0 0.3em;
}

.prod_list_main .list .product .caption .do_order {
    background-repeat: no-repeat;
    cursor: pointer;
    width: 57px;
}

.prod_list_main .list .product .caption .top_arrow {
    display: none;
}

.prod_list_main .list .product .caption .top_arrow img {
    display: block;
    width: 15px;
}

.prod_list_main .list .product .detail {
    display: none;
    min-width: 333px;
}

.prod_list_main .list .product .detail>div {
    display: flex;
    outline: 1px solid #8C8D8F;
}

.prod_list_main .list .product .detail>div>* {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding: 0.5em;
}

.prod_list_main .list .product .detail>div>*:first-child {
    align-items: center;
}

.prod_list_main .list .product .detail>div .mid {
    flex-grow: 1;
    outline: 1px solid #8C8D8F;
    padding: 0;
}

.prod_list_main .list .product .detail>div>*>* {
    padding: 0.5em;
}

.prod_list_main .list .product .detail>div .mid>*:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.prod_list_main .list .product .detail .cell {
    outline: 1px solid #8C8D8F;
    padding: 1em;
}

.prod_list_main .list .product .detail .grow {
    flex-grow: 1;
}

.prod_list_main .list .product .detail .imgsm {
    margin: 0.5em;
    padding: 0em;
    cursor: pointer;
}

.prod_list_main .list .product .detail .imgsm:hover {
    outline: 2px solid #DF2823;
}

.prod_list_main .list .product .detail .info_pr {
    display: flex;
    flex-direction: column;
    max-width: max-content;
    padding: 0.5em;
}

.prod_list_main .list .product .detail .pr_img {
    width: 100%;
    max-width: max-content;
}

.prod_list_main .list .product .detail .popis {
    max-width: 500px;
    padding: 0.5em;
    font-size: 10pt;
}

.prod_list_main .list .product .detail .details {
    padding: 0.5em;
}

.prod_list_main .list .product .detail .details .texts {
    min-width: max-content;
    font-size: 9pt;
}

.prod_list_main .list .product .detail .details .texts div {
    margin: 0.5em 0;
}

.prod_list_main .list .product .detail .button {
    max-width: max-content;
}

.prod_list_main .list .product .detail .buttons {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: auto;
    margin-bottom: -3px;
}

.prod_list_main .list .product .detail .buttons a {
    display: inline-flex;
}

.prod_list_main .list .product .detail h4 {
    margin: 0 0 0.5em 0;
    text-decoration: underline;
    font-size: 10pt;
}

@media (max-width: 500px) {
    .prod_list_main .list .product .detail>div {
        flex-wrap: wrap;
    }

    .prod_list_main .list .product .detail>div>.mid {
        order: 3;
    }

    .prod_list_main .list .product .detail>div>*:last-child {
        margin-left: auto;
    }
}

.prod_detail_cap {
    font-size: 20pt;
    border: 1px solid;
    border-left-width: 2px;
    min-height: 36px;
    padding: 5px 10px;
}

.prod_detail_cap h1 {
    font-size: 20pt;
    font-weight: normal;
    margin: 0;
}

.prod_detail_body {
    margin-top: 5px;
    font-size: 10pt;
    border: 1px solid;
    /*height:300px;*/
    padding: 10px;
}

.prod_detail_body span.cena {
    border: 1px solid;
    padding-left: 0.2em;
    padding-right: 0.3em;
}

.prod_detail_body span.ceny_bez {
    font-size: 8pt;
    border-bottom: 2px dotted;
}

.prod_detail_btns {
    text-align: right;
    margin-top: 5px;
    font-size: 8pt;
    border: 1px solid;
}

.rayjet,
.rayjet_order {
    max-width: 800px;
}

#ryjet_order_form {
    margin: 1rem;
}

/* chybna (zaporna) hodnota */
#ryjet_order_form [data-error='1'] {
    color: red;
}

#ryjet_order_form .inputs td {
    padding-bottom: 0.3em;
}

.width630 {
    width: 630px;
}

.rayjet_order h1 {
    font-size: 200%
}

.rayjet_order h2 {
    font-size: 150%
}

.rayjet_order h3 {
    font-size: 120%
}

.rayjet_order ol {
    font-size: 120%;
    font-weight: bold;
}

.rayjet_order ol ol {
    font-size: 10pt;
    font-weight: normal;
    padding: 0 40px;
    list-style-type: none;
}

#rayjet_order_cost {
    color: #07BDF7
}

#ryjet_order_form a:hover {
    text-decoration: underline;
}

/*.rayjet .prod_detail_cap {border:0;padding-top:15px}
.rayjet .prod_detail_body {border:0;border-top:1px solid}
.rayjet .prod_detail_btns {border:0}
*/
#service_order_form table td {
    font-size: 10pt
}

ol.smlouva li {
    margin-top: 1em
}

ol.smlouva ul li {
    margin-top: 0.2em
}

ol.smlouva ol {
    list-style-type: lower-alpha;
}

ol.smlouva ol fieldset {
    margin: 10px 0pt;
    padding: 5px 10px;
    border: 1px solid;
}

ol.smlouva ol fieldset input {
    float: left;
    cursor: pointer
}

ol.smlouva ol fieldset label {
    cursor: pointer;
    display: block;
}

ol.smlouva ol fieldset ul {
    list-style-type: none;
    margin: 0 15px 15px 25px
}

ol.smlouva ol fieldset ul ul {
    margin: -12pt 0 0 1.2em;
    float: left;
}

ol.smlouva ol fieldset ul ul li {
    margin-top: auto;
}

ol.smlouva ol fieldset ul:hover {
    background-color: #4e4e4e
}



#rowmark_detail table {
    margin: 0 15px 15px 0;
    border: 1px solid #606060;
    float: left;
    border-collapse: collapse;
}

#rowmark_detail table * {
    font-size: 10pt;
    padding: .5em 1em;
    border: 1px solid #707070;
}

#rowmark_detail table caption {
    background: black;
    font-size: 12pt;
    font-weight: bold;
    padding: .5em
}

#rowmark_detail table th {
    text-align: right;
    background: #303030
}

#rowmark_detail table td {
    background: #5A5A5A;
}

#rowmark_detail table.spec td {
    color: #f2f506
}

#rowmark_detail table.yes_no td.no {
    color: #373737
        /*#E4180D*/
    ;
    text-decoration: line-through;
}


/*stores*/
.store_list {
    border-collapse: collapse;
}

.store_list tr {
    border: 6px solid #4E4E4E;
    border-left: 0px;
    border-right: 0px;
}

.store_list .captions td {
    font-size: 8pt;
    font-weight: bold;
    border: 2px solid;
    border-top: 1px solid;
    border-left: 1px solid;
}

.store_list .captions td div {
    cursor: pointer;
    padding: 0.1em 0.3em 0.2em 0.3em;
}

.store_list .store {
    border-bottom: 0;
}

.store_list .store td {
    border-top: 3px solid;
    cursor: pointer;
    vertical-align: middle;
    font-size: 1.1em;
    padding: 3px 5px;
}

.store_list .store td a {
    display: block;
}

.store_list .store td a img {
    display: block;
}

.store_list .store td div {
    font-size: 1.1em;
    min-height: 1.7em;
    padding: 0.3em 0.3em 0em 0.3em;
    cursor: pointer;
    /*border:1px solid;border-bottom:0px;*/
}

.store_list .store td .mid {
    border-left: 0px;
    border-right: 0px;
}

.store_list .store td .right {
    border-left: 0px;
    text-align: right;
}

.store_list .store .left {
    padding: 0px;
    width: 0.8em;
}

.store_list .store .left .head {
    width: 4px;
    cursor: pointer;
    border-right: 0px;
    /*border-left:1px solid;*/
}

.store_list .store_detail {
    display: none;
    border-top: 1px;
}

.store_list .store_detail td {
    border-top: 1px solid;
    padding: 0.5em;
    font-size: 1em;
    line-height: 1.5em;
}


.store_list .store_detail td .right {
    text-align: right;
}

.store_list .store_detail .left {
    border-top: 0px;
    /*border-left:1px solid;*/
    padding: 0px;
}

.store_list .store_detail .left .det_left {
    width: 4px;
    cursor: default;
    border-right: 0px;
    border-left: 0px;
    border-top: 1px solid;
}

.store_list tr .btn {
    height: 1px;
}

#topten td {
    text-align: center;
    padding: 5px;
    width: 152px;
}

#topten td div {
    width: 140px;
    font-size: 1em;
    overflow: hidden;
    white-space: nowrap;
}

#svgmap {
    width: 100%;
    height: 90%;
    max-height: 600px;
}

/*odrer_basket*/
#order_basket {
    height: 30px;
    overflow: hidden;
}

#order_basket .cont {
    border: 1px solid;
    width: 100%;
    height: 30px;
}

#order_basket #data {
    font-size: 8pt;
    padding: 0px 5px 1px 5px;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

#order_basket #ord_btn {
    position: absolute;
    right: 1px;
    top: 2px;
    border: 1px solid;
    font-size: 8pt;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    width: 80px;
    height: 15px;
}

/* order_detail */
/* #order_doc { margin:10px; width:767px; font-size: 10pt; } */
#order_doc {
    font-size: 9pt;
    margin: 1rem auto;
    max-width: fit-content;
    display: flex;
    flex-direction: column;
}

#order_doc .choice input {
    cursor: pointer;
    margin: 5px;
    vertical-align: middle;
}

#order_doc label {
    cursor: pointer;
    padding: 3px;
}

#order_doc #orders_menu {
    border-collapse: collapse;
    width: 100%;
}

#order_doc #orders_menu td {
    border: 1px solid;
    padding: 0.5em;
}

#order_doc #orders_menu td a {
    white-space: nowrap;
}

#order_doc #orders_menu td.active {
    border-bottom: 0;
}

#order_doc #orders_menu td.active a {
    font-weight: bold;
}

#order_doc #orders_menu td.last {
    border-width: 0px;
    border-bottom-width: 1px;
    width: 100%;
}

#order_doc .tab_detail {
    border: 1px solid;
    border-top: 0px;
    /* border-bottom:0px; */
    padding-top: 1em;
}

#order_doc .btn_2 {
    font-size: 8pt;
    font-weight: bold;
    padding: 0.1em 0.3em;
    margin-left: 0.2em;
}

#order_doc a.btn_2 {
    display: block;
    padding: 0.2em 0.5em;
    color: #fff;
    white-space: nowrap;
}

#order_doc input.file {
    cursor: pointer;
    border: 1px solid;
    margin: 0px 20px 0px 5px;
    padding: 2px 4px 0px 4px;
    font-size: 8pt;
    height: 18px;
}

#order_doc .order_boxes {
    margin-bottom: 1em;
    border-top: 1px solid;
    /*border-bottom:1px solid;*/
}

#order_doc input[name="katcis"] {
    background: url(/images/buttons/search_text_bg.png) no-repeat;
    padding: 2px;
    color: #000;
    cursor: text;
}

#order_doc .order_boxes .cap {
    padding: 5px;
    border-bottom: 1px solid;
    font-weight: bold;
    font-size: 9pt;
}

#order_doc .order_boxes .line {
    border-bottom: 1px solid;
    padding: 5px;
    display: flex;
    align-items: center;
}

#order_doc .order_boxes .line>*:first-child {
    min-width: 150px;
}

#order_doc #sendpart.order_boxes .line.end>*:first-child {
    max-width: min-content;
}

#order_doc .order_boxes .line>*:last-child {
    flex-grow: 1;
}

#order_doc .order_boxes .line select {
    border: 1px solid;
    cursor: pointer;
    padding: 0.3em;
}

#order_doc .order_boxes .line select option {
    border: 1px solid;
    cursor: pointer;
    padding: 0.3em;
}

#order_doc .order_boxes .line input[type="text"] {
    cursor: text;
}

#order_doc #sendpart.order_boxes .line input[type="text"] {
    border: 1px solid;
    width: 100%;
    padding: 0.3em 0.6em;
}

#order_doc #sendpart.order_boxes .end {
    border-bottom: 0;
}

#order_doc .order_boxes .end textarea {
    align-self: stretch;
    padding: 0.3em 0.6em;
    /* height:117px; */
    border: 1px solid;
    /* width:645px; */
    vertical-align: top;
    cursor: text;
}

#order_doc #order {
    /*border:1px solid;*/
    padding: 10px;
    margin-bottom: 10px;
}

#order_doc #order table {
    width: 100%;
}

/* #order_doc #order table td {
    font-size: unset;
    line-height: unset;
}
 */
#order_doc #order #header .top {
    display: flex;
}

#order_doc #order #header .top>* {
    flex-basis: 50%;
}

#order_doc #order #header .top .basic_info {
    flex-shrink: 0;
}

#order_doc #order #header .top .warn {
    background-color: red;
    padding: 0.5em;
    margin-left: 1em;
}

#order_doc #order #header .org {
    margin: 1em 0 0 0;
    border: 1px solid;
    display: flex;
}

#order_doc #order #header .org>* {
    flex-basis: 50%;
    padding: 0.5em;
}

#order_doc #order #header .org>*:last-child {
    border-left: 1px solid #C5C5C5;
}

#order_doc #order #header .org .btn_2 {
    /*padding:0px;*/
    margin-right: 5px;
}

#order_doc #order #items {
    border: 1px solid;
    border-top: 0;
    border-bottom: 0;
    padding: 5px;
}

#order_doc #order #items table {
    margin: 0.5em 0 1.5em;
    border-spacing: 0;
}

#order_doc #order #items table thead tr:hover {
    background-color: transparent;
}

#order_doc #order #items table thead td {
    padding: 0;
}

#order_doc #order #items table thead #itemhead td {
    padding: 0.3em;
}

#order_doc #order #items table thead td a {
    display: block;
    padding: 0.2em 0.5em;
    color: white;
    white-space: nowrap;
}

#order_doc #order #items .end_block {
    display: flex;
    align-items: center;
    border-top: 1px solid;
}

#order_doc #order #items .end_block>* {
    padding: 0.4em 0.3em 0.2em;
    flex-grow: 1;
}

#order_doc #order #items .end_block>*:last-child {
    padding: 0.5em 0.3em 0.1em;
    flex-grow: 0;
}

#order_doc #order #items table td {
    padding: 0.3em;
    white-space: nowrap;
    vertical-align: top;
}

#order_doc #order #items table td:nth-child(3) {
    white-space: normal;
}

#order_doc #items .btn_2 {
    /* height:16px; */
    font-weight: normal;
    /* padding-top:0px; */
}

#order_doc #items .count {
    margin: 0px 0px 0px 5px;
}

#order_doc #send_order_btn {
    margin-top: 7px;
    width: 95px;
    height: 50px;
    text-align: center;
    padding: 0.5em;
    font-weight: bold;
    white-space: normal;
}

#order_doc #save_order_btn {
    margin-top: 7px;
    width: 95px;
    padding: 0.5em;
    white-space: normal;
}

#order_doc .meg_org_sel {
    border: 1px solid;
    padding: 5px;
}

#order_doc .meg_org_sel select {
    border: 1px solid;
}

#order_doc.gray {
    width: 990px;
}

.gray .tab_detail {
    margin-bottom: 15px;
    padding: 0px 15px 5px 15px;
}

.gray .tab_detail p {
    text-indent: 24pt;
    margin-top: 15px;
}

.gray .tab_detail img {
    float: right;
    clear: right;
    margin: 15px 0px 15px 15px;
}

#order_doc.gray .servis_kont {
    margin-bottom: 1em;
    border: 1px solid;
    padding: .5em;
    float: left;
    clear: left;
    width: 350px;
}

#order_doc.gray .tab_detail .appl_imgs li {
    float: left;
    font-size: 1.2em;
    padding: .8em .8em 0em .8em;
    margin: 1em;
    border: 1px dashed;
    list-style-type: none;
}

#order_doc.gray .tab_detail .appl_vids li {
    float: left;
    font-size: 1.2em;
    padding: .8em 1em .8em 1em;
    margin: 0.9em;
    border: 1px dashed;
    list-style-type: none;
}

#order_doc.gray .tab_detail .appl_vids li object {
    margin-top: 13px;
}

.gray .product {
    margin: 0px 0px 3px 0px;
    border: 1px solid;
    display: none;
}

.gray .product .left_border0 {
    border-left: 4px solid;
}

.order_list .list .product .left_border1 {
    border-left: 4px solid;
}

.gray .product .caption0 {
    cursor: pointer;
    font-weight: bold;
    font-size: 1.25em;
    height: 1.5em;
}

.gray .product .name {
    float: left;
    width: auto;
    margin: 0.125em;
    margin-left: 3px;
    cursor: pointer;
}

.gray .product .cena {
    cursor: pointer;
    float: right;
    margin: 0.125em;
    margin-right: 0.5em;
    font-size: 0.75em;
    padding-top: 0.3em;
}

.gray .product .count {
    float: left;
    margin: 1px 0px 1px 3px;
}

.gray .product .do_order {
    padding-top: 1px;
    height: 18px;
    width: 57px;
    cursor: pointer;
    margin: 1px 3px 1px 0px;
}

.gray .product .colapse_icon {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0.125em 3px 0.125em 0.5em;
    cursor: pointer;
}

.gray .product .caption1 {
    cursor: pointer;
    font-weight: bold;
    font-size: 1.25em;
    height: 1.5em;
}

.gray .product .caption2 {
    cursor: pointer;
    font-weight: bold;
    font-size: 1.25em;
    height: 1.5em;
}

.gray .product .detail {
    border-top: 1px solid;
    display: block;
    color: #000;
}

.gray .product .detail table {
    width: 100%;
}

.gray .product .detail .detaildiv {
    width: 100%;
}

.gray .product .detail .dettbl {
    width: 99%;
}

.gray .product .detail .left {
    width: 119px;
}

.gray .product .detail .left .imgsm {
    width: 113px;
    margin: 3px 3px 0px 3px;
    cursor: pointer;
    vertical-align: top;
}

.gray .product .detail .info_pr {
    width: 1px;
    padding: 3px 3px 3px 0px;
    border-bottom: 1px solid;
    vertical-align: top;
}

.gray .product .detail .popis {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 2px 3px 3px 5px;
    vertical-align: top;
}

.gray .product .detail .details {
    width: 178px;
    vertical-align: top;
    padding: 2px 3px 3px 5px;
    border-bottom: 1px solid;
}

.gray .product .detail table .bot_line .zoom {
    padding: 0px 0px 0px 3px;
    width: 119px;
    float: left;
    border-right: 1px solid;
}

.gray .product .detail table .bot_line .tree_path1 {
    font-size: 7pt;
    border-left: 0px;
    padding: 3px 3px 0px 5px;
    margin-left: 119px;
    height: 18px;
}

.gray .product .detail table .bot_line .buttons {
    float: right;
    width: 182px;
}


/*TREES - << pretridit*/
#doc_tree {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.2em;
}

#doc_tree>* {
    padding: 0.2em;
}

#search_go_div {
    height: 21px;
}

#search_current_switch,
#search_desc_switch {
    display: flex;
    align-items: center;
    font-size: 9pt;
}

#search_text {
    width: 159px;
    height: 20px;
    padding: 0 5px 1px 5px;
    cursor: text;
}

#search_check,
#no_desc_search_check {
    margin-right: 0.4em;
}

#tree_panel {
    margin: 0.4em;
    max-width: 192px;
    height: auto;
    border: 1px solid;
}

#mail_us {
    padding-top: 4px;
}

#mail {
    width: 180px;
    height: 25px;
}

.categ_info {
    border: 1px dotted;
    padding: 3px;
    margin-bottom: 3px;
}

#intro_menu .categ_info {
    color: #4e4e4e;
}

.tree_node .self {
    display: flex;
    background: url(/images/prod/tree_mid.gif) repeat-y 2px 0;
}

/*.tree_node .self .icon {width:13px;	height: 13px; margin:2px 2px 2px 2px; float:left; clear:left;}*/
.tree_node .self .icon {
    margin: 2px;
}

/* .tree_node .self .cap_box {float:left;clear:right;} */
.tree_node .self .cap_box {
    text-transform: uppercase;
}

.tree_node .self .cap_box .caption0,
.tree_node .self .cap_box .caption1 {
    /*width:auto;*/
    /*height: auto;*/
    border: 1px solid;
    padding: 1px 3px;
    cursor: pointer;
}

.tree_node .children {
    display: none;
    background: url(/images/prod/tree_mid.gif) 2px 0 repeat-y;
}

.tree_node:last-child>.children {
    background: none;
}

.tree_node:last-child>.self {
    background: url(/images/prod/tree_mid.gif) 2px 0 no-repeat;
}

#tree>.tree_node:first-child>.self {
    background: none;
}

.tree_node .children .line {
    width: 17px;
    height: 100%;
}

.tree_node .children .line .line_icon {
    width: 17px;
    height: 100%;
}

.tree_node .children .childnodes {
    margin-left: 17px;
}


/* products */
.order_list {
    border: 1px solid #c1c1c1;
    border-top: 0px;
    padding: 5px;
    padding-top: 15px;
    margin-bottom: 10px;
    /*     width: 756px;
    _width: 767px;
*/
}

.order_list .page_navig {
    margin: 0px 0px 3px 0px;
    height: 25px;
    border: 0px solid;
    background-color: #8C8D8F;
}

.order_list .page_navig .commands {
    float: left;
    margin: 3px 2px 1px 2px;
}

.order_list .page_navig .products_info {
    float: left;
    margin: 3px 3px 1px 20px;
    height: 16px;
    border: 0px solid;
}

.order_list .page_navig .page_info {
    float: right;
    margin: 3px 3px 1px 1px;
    height: 16px;
}

.order_list .page_navig .page_info_page {
    float: right;
    margin: 3px 2px 1px 1px;
    height: 16px;
    border: 1px solid;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    border-color: #000;
}

.order_list .page_navig .page_info_txt {
    border: 0px solid;
    float: right;
    margin: 3px 2px 1px 1px;
    height: 16px;
}

.order_list .page_navig .page_info .chunks {
    margin: 0px 2px 0px 2px;
    height: 16px;
    font-size: 8px;
}

.order_list .page_navig .page_info .chunk_page {
    height: 16px;
}

.order_list .list .product {
    margin: 0px 0px 3px 0px;
    border: 1px solid;
}

.order_list .list .product .left_border0 {
    border-left: 4px solid;
}

.order_list .list .product .left_border1 {
    border-left: 4px solid;
}

.order_list .list .product .caption0 {
    cursor: pointer;
    font-weight: bold;
    font-size: 1.25em;
    height: 1.5em;
}

.order_list .list .product .name {
    float: left;
    width: auto;
    margin: 0.125em;
    margin-left: 3px;
    cursor: pointer;
}

.order_list .list .product .cena {
    cursor: pointer;
    float: right;
    margin: 0.125em;
    margin-right: 0.5em;
    font-size: 0.75em;
    padding-top: 0.3em;
}

.order_list .list .product .count {
    float: left;
    margin: 1px 0px 1px 3px;
}

.order_list .list .product .do_order {
    padding-top: 1px;
    height: 18px;
    width: 57px;
    cursor: pointer;
    margin: 1px 3px 1px 0px;
}

.order_list .list .product .colapse_icon {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0.125em 3px 0.125em 0.5em;
    cursor: pointer;
}

.order_list .list .product .caption1 {
    cursor: pointer;
    font-weight: bold;
    font-size: 1.25em;
    height: 1.5em;
}

.order_list .list .product .caption2 {
    cursor: pointer;
    font-weight: bold;
    font-size: 1.25em;
    height: 1.5em;
}

.order_list .orderlist .detail {
    border-top: 1px solid;
    display: none;
    color: #000;
}

.order_list .orderlist .detail table {
    width: 100%;
}

.order_list .orderlist .detail .detaildiv {
    width: 100%;
}

.order_list .list .product .detail .dettbl {
    width: 99%;
}

.order_list .list .product .detail .left {
    width: 119px;
}

.order_list .list .product .detail .left .imgsm {
    width: 113px;
    margin: 3px 3px 0px 3px;
    cursor: pointer;
    vertical-align: top;
}

.order_list .list .product .detail .info_pr {
    width: 1px;
    padding: 3px 3px 3px 0px;
    border-bottom: 1px solid;
    vertical-align: top;
}

.order_list .list .product .detail .popis {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 2px 3px 3px 5px;
    vertical-align: top;
}

.order_list .list .product .detail .details {
    width: 178px;
    vertical-align: top;
    padding: 2px 3px 3px 5px;
    border-bottom: 1px solid;
}

.order_list .list .product .detail table .bot_line .zoom {
    padding: 0px 0px 0px 3px;
    width: 119px;
    float: left;
    border-right: 1px solid;
}

.order_list .list .product .detail table .bot_line .tree_path1 {
    font-size: 7pt;
    border-left: 0px;
    padding: 3px 3px 0px 5px;
    margin-left: 119px;
    height: 18px;
}

.order_list .list .product .detail table .bot_line .buttons {
    float: right;
    width: 182px;
}

.order_detail td {
    padding: 4px;
    vertical-align: top;
}

.order_legend {
    width: 100%;
    margin-bottom: 10px;
    background-color: #454545;
    padding: 0px;
}

.order_legend .cap {
    color: #000;
    background-color: #ffcc00;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.order_legend .det {
    border: 1px solid #a1a1a1;
    border-top: 0px;
    padding: 5px;
}

.order_legend .det ul {
    margin: 0px 20px;
    padding-bottom: 5px;
}

.order_legend .det ul li {
    padding: 0.3em 0px;
}

.order_legend .col {
    width: 16px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.order_legend table {
    width: 100%;
    border: 1px solid #a1a1a1;
    border-top: 0px;
}

.order_legend table td {
    font-size: 9pt;
    line-height: unset;
}

table.orderlist {
    border-spacing: 0 0.5em;
    width: 100%;
}

table.orderlist #itemhead td {
    font-weight: bold;
    padding: 0px 5px;
}

table.orderlist tr.orow {
    background-color: #737373;
    display: table-row;
    cursor: pointer;
}

table.orderlist tr.debtrow {
    background-color: #FF0000;
    display: table-row;
    cursor: pointer;
}

table.orderlist td.row {
    padding: 0.2em 0.5em;
    text-align: right;
    cursor: pointer;
}

table.subitems thead td {
    background-color: #737373;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
}

table.subitems tbody td {
    font-weight: bold;
    padding: 0px 5px 0px 5px;
    width: 10%;
}

/*
.prod_detail_cap {font-size:20pt;border:1px solid;height:36px;padding-left:5px;}
.prod_detail_body {margin-top:5px; font-size:10pt;border:1px solid;  padding:10px;}
.prod_detail_body span.cena {border:1px solid;padding-left:0.2em;padding-right:0.3em;}
.prod_detail_body span.ceny_bez {font-size:8pt;border-bottom:2px dotted;}
.prod_detail_btns {text-align:right;margin-top:5px;font-size:8pt;border:1px solid;}
*/

.orderlist .rowprog {
    background-color: #737373;
    border-bottom: 5px;
}

.orderlist .rowspacer {
    height: 3px;
}

.orderlist .rowline {
    height: 1px;
    background-color: #fff;
}

.zakStav1_0 {
    background-color: #FFFF00;
}

.zakStav2_0 {
    background-color: #FF8000;
}

.zakStav2_1 {
    background-color: #018CC0;
}

.zakStav6_0 {
    background-color: #0030CE;
}

.zakStav5_0 {
    background-color: #00C563;
}

.zakStav7_0 {
    background-color: #008000;
}

.zakStav9_0 {
    background-color: #FF0000;
}

div.custdetail {
    width: 100%;
    text-align: right;
}

.custdetail table {
    border: 1px solid #ffcc00;
    width: 100%;
    margin-top: 10px;
}

.custdetail table table {
    border: 0px;
}

.custdetail input,
.custdetail select,
.custdetail textarea {
    width: 100%;
    font-weight: normal;
    color: #000;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #000;
    /*border-top:1px solid #fff;border-right:1px solid #fff;*/
}

.custdetail table td {
    padding: 3px 10px;
    text-align: left;
    background: #737373;
    white-space: nowrap;
}

.custdetail table thead td {
    color: #000;
    background-color: #ffcc00;
    font-weight: bold;
    padding: 5px;
    color: #000;
    text-align: center;
}

.custdetail table .td0,
.custdetail table tr.td0 td {
    text-align: right;
    background-color: #2b2b2b;
    /* font-weight: bold; */
}

.custdetail table td.td0 {
    width: 50%
}

.custdetail table .td1 {
    text-align: center;
}

.custdetail table .td_r {
    text-align: right;
}

.custdetail table .td_important {
    color: #FFCC00;
    font-weight: bold;
    background: #555555;
}

.custdetail table .td_oth {
    background: #888888;
    border: 1px solid #000;
}

.custdetail table .td_del {
    background: #FF0000;
    border: 1px solid #FF0000;
    width: auto;
}

.custdetail table .td_new {
    background: #008CFF;
    color: #fff;
    border-color: #008CFF;
}

.custdetail table .td_new td {
    background: #008CFF;
    color: #fff;
}

.custdetail table .tsp {
    height: 10px;
    background: #4E4E4E;
}

input.custdet {
    background-color: transparent;
    width: auto;
}

/*
.custdetail table table .tdt {background-color: #DF2823; text-align: center; font-weight: bold;  }
.custdetail table table .tdd {background-color: #800000; text-align: center; font-weight: bold; }
.custdetail table table .td0 {background-color: #DF2823; width: 20%; text-align: right; font-weight: bold; padding: 2px; padding-right: 5px; }
.custdetail table table .td1 {background-color: #737373;  padding: 2px;}
.custdetail table table .tdnt {background-color: #1818A1; text-align: center; font-weight: bold; }
.custdetail table table .tdn0 {background-color: #1818A1; width: 20%; text-align: right; font-weight: bold; padding: 2px; padding-right: 5px; }
.custdetail table table .tdn1 {background-color: #008CFF;  padding: 2px;}
*/
.tdt {
    background-color: #DF2823;
    text-align: center;
    font-weight: bold;
}

.tdd {
    background-color: #800000;
    text-align: center;
    font-weight: bold;
}

.td0 {
    background-color: #DF2823;
    width: 30%;
    text-align: right;
    /* font-weight: bold; */
    padding: 2px;
    padding-right: 5px;
}

.td1 {
    background-color: #737373;
    padding: 2px;
}

.tdnt {
    background-color: #1818A1;
    text-align: center;
    font-weight: bold;
}

.tdn0 {
    background-color: #1818A1;
    width: 20%;
    text-align: right;
    font-weight: bold;
    padding: 2px;
    padding-right: 5px;
}

.tdn1 {
    background-color: #008CFF;
    padding: 2px;
}

.th {
    background-color: #8C8D8F;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

div.hlaska {
    background-color: #DF2823;
    width: 745px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}


table.stat_settings {
    margin: 0px;
    border-collapse: collapse;
    border: 1px solid #a1a1a1;
    border-top: 0px;
    width: 100%;
}

table.stat_settings td {
    border-right: 1px solid gray;
    padding: 5px;
    vertical-align: top;
}

table.stat_settings td div.keyword {
    margin-left: 20px;
    border: 0px solid #fff;
}

table.stat_settings td div.keyword #keyword {
    width: 100px;
    color: #000;
}

table.stat_settings .obdobi {
    border: 1px gray solid;
    width: 100%;
    width: auto;
    float: left;
    margin-right: 5px;
}

table.stat_settings .obdobi div {
    padding: 2px 5px;
}

table.stat_settings .obdobi input {
    color: #000;
    padding: 1px 1px 0px 1px;
    cursor: pointer;
}

table.stat_settings .obdobi input.short {
    width: 15px;
    cursor: text;
}

table.stat_settings .obdobi input.year {
    width: 40px;
    cursor: text;
}

table.stat_settings .obdobi .A {
    background-color: #d0d0d0;
    font-weight: bold;
    color: #000;
}

table.stat_settings .obdobi .A input {
    visibility: hidden;
}

table.stat_settings .obdobi .B {
    background-color: #a0a0a0;
    font-weight: bold;
}

table.stat_settings .obdobi .C {
    background-color: #707070;
    font-weight: bold;
}

.category {
    background-color: #000000;
    font-weight: bold;
    width: 50px;
    _width: auto;
    display: inline;
}

.category div {
    background-color: #000000;
    font-weight: bold;
    min-width: 30px;
    min-height: 50px;
    padding: 2px;
    display: inline-block;
    text-align: center;
}

table.stat_table {
    position: relative;
    float: left;
    font-size: 8pt;
    z-index: 8;
}

table.stat_table td {
    padding: 3px 5px;
}

table.stat_table .catlabel {
    color: #fff;
    background-color: #2b2b2b;
    text-align: right;
}

table.stat_table .oa {
    color: #000;
    background-color: #d0d0d0;
    font-weight: bold;
}

table.stat_table .ob {
    color: #000;
    background-color: #a0a0a0;
    font-weight: bold;
}

table.stat_table .oc {
    color: #000;
    background-color: #707070;
    font-weight: bold;
}

table.stat_table .val {
    color: #fff;
    background-color: #444444;
    text-align: right;
    font-size: 9pt;
}

table.stat_table .mlabel {
    color: #fff;
    background-color: #2b2b2b;
    text-align: right;
    font-size: 10pt;
    font-weight: bold;
}

table.stat_table .msum {
    color: #fff;
    background-color: #173D71;
    text-align: right;
    font-size: 9pt;
}

table.stat_table .msum2 {
    color: #fff;
    background-color: #001A3E;
    text-align: right;
    font-size: 9pt;
}

table.stat_table .tA {
    color: #d0d0d0;
}

table.stat_table .tB {
    color: #a0a0a0;
}

table.stat_table .tC {
    color: #707070;
}

div.testver {
    color: #ff0000;
    background-color: #FFF;
    font-size: 1.7em;
    padding: 0.5em;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #ff0000;
}

.bronze {
    color: #daa520
}

.black {
    color: #000
}

.blue {
    color: #0000ff
}

.red {
    color: #8b0000
}

.green {
    color: #008000
}

.yellow {
    background-color: #000 !important;
    color: #ffff00
}

.contrast_white {
    background-color: #000 !important;
    color: #fff
}

.contrast_etch_white {
    background-color: #000 !important;
    color: #f8f8ff
}

.web0 {
    color: #DF2823
}

/* razitka */
.web1 {
    color: #D59B00
}

/* byvale lasery */
.web2 {
    color: #47A4FE
}

/* materialy - je to upravena barva pro "modry text na sedem pozadi", aby byl ten text videt*/
.web3 {
    color: #BFD886
}

/* triline */
.web4 {
    color: #DF2823
}

/* eshop */

/* barvy pro jednotlive weby */
.cl_bd_Megaflex {
    border-color: #dc291e !important
}

.cl_bg_Megaflex {
    background-color: white !important
}

.cl_Razitka {
    color: #dc291e !important
}

.cl_bd_Razitka {
    border-color: #dc291e !important
}

.cl_bg_Razitka {
    background-color: #dc291e !important
}

.cl_Lasery {
    /* color: #d59b00 !important */
    color: #00243D !important
}

.cl_bd_Lasery {
    /* border-color: #d59b00 !important */
    border-color: #00243D !important
}

.cl_bg_Lasery {
    /* background-color: #d59b00 !important */
    background-color: #00243D !important
}

.cl_OrientSystem {
    color: #bfd886 !important
}

.cl_bd_OrientSystem {
    border-color: #bfd886 !important
}

.cl_bg_OrientSystem {
    background-color: #bfd886 !important
}

.cl_Materialy {
    color: #126bbb !important
}

.cl_bd_Materialy {
    border-color: #126bbb !important
}

.cl_bg_Materialy {
    background-color: #126bbb !important
}

.cl_Megablog {
    color: #555555 !important
}

.cl_bd_Megablog {
    border-color: #dc291e !important
}

.cl_bg_Megablog {
    background-color: white !important
}

.cl_bd_Eshop {
    border-color: #555 !important
}

.cl_bg_Eshop {
    background-color: #555 !important
}

/* specialni barvy */
.cl_bg_HighLight {
    background-color: #048bd4
}

/* #region - top divisions - horni lista s odkazy na dalsi weby */
.topdivisions {
    padding: 0 0 5px 0;
    max-width: none;
    background-color: var(--bg-top);
}

.topdivisions ul {
    margin: 0 auto;
    padding: 0.5rem 0 0 0;
    text-align: center;
}

.topdivisions li {
    display: inline-block;
    margin: 0;
}

.topdivisions li a {
    display: inline-block;
    border-bottom: 2px solid;
    font-family: "DaxPro";
    font-weight: 300;
    font-size: 0.75rem;
    line-height: normal;
    margin: 0;
    padding: 6px 10px;
    border-radius: 0.5rem 0.5rem 0 0;
    vertical-align: bottom;
    color: var(--color-top);
}

.topdivisions li.active a {
    font-weight: bold;
}

.topdivisions li:hover a {
    transition: all 0.5s ease;
    color: var(--color-top--hover);
}

#top-mega a {
    border-color: var(--color-top-megaflex);
}

#top-mega:hover a {
    background-color: var(--color-top-megaflex);
}

#top-raz a {
    border-color: var(--color-top-razitka);
}

#top-raz:hover a {
    background-color: var(--color-top-razitka);
}

#top-las a {
    border-color: var(--color-top-lasery);
}

#top-las:hover a {
    background-color: var(--color-top-lasery);
}

#top-tri a {
    border-color: var(--color-top-orientacni);
}

#top-tri:hover a {
    background-color: var(--color-top-orientacni);
}

#top-mat a {
    border-color: var(--color-top-materialy);
}

#top-mat:hover a {
    background-color: var(--color-top-materialy);
}

#top-blog a {
    border-color: var(--color-top-blog);
}

#top-blog:hover a {
    background-color: var(--color-top-blog);
}

#top-shop a {
    border-color: var(--color-top-eshop);
}

#top-shop:hover a {
    background-color: var(--color-top-eshop);
}

/* #endregion - top divisions */


/* dokumenty */
#doc_list {
    /* width: 500px; */
    padding: 10px;
    font-size: 1.2em;
}

#doc_list .caption {
    font-weight: bold;
}

#doc_list ul li {
    padding: 0.2em;
}

.row_stretch {
    display: flex;
    justify-content: space-between;
}

.row_stretch>* {
    align-self: center;
}

.row_stretch>*:first-child {
    margin-right: auto;
}

#stat_prod_cats .init {
    padding: 0.5rem 0;
}

#stat_prod_cats .init>* {
    padding: .3rem;
    font-weight: normal;
}

/* #region - fonts */
/* DaxPro (Megaflex own font) */
/* - konverze OTF / TTF do woff2 : https://fontsource.org/tools/converter */
@font-face {
    font-family: "DaxPro";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/DaxPro-Light.woff2') format('woff2');
}

@font-face {
    font-family: "DaxPro";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/DaxPro-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'DaxPro';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/DaxPro-Medium.woff2') format('woff2');
}

/* #endregion - fonts */