/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: border-box;
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block
}

progress {
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    /*-webkit-text-decoration-skip: objects;*/
    text-decoration: none !important;
    color: rgb(0, 102, 204);
    /*border-bottom: 3px solid rgb(0, 176, 240) !important;*/
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: none !important;
    text-decoration: none !important
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

figure {
    margin: 1em 40px
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.w3-quarter H2 {
    margin-bottom: 0px;
    padding-left: 0px;
    margin-top: 20px;
}

.w3-quarter H3 {
    margin-bottom: 0px;
    padding-left: 0px;
    margin-top: 20px;
}

.w3-quarter {
    /*margin-top: 50px;*/
}

button, input, select, textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: bold
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    padding: 0;
    width: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
/* End extract */




.w3-serif {
    font-family: serif
}

.w3-wide {
    letter-spacing: 4px
}

.w3-image {
    max-width: 100%;
    height: auto
}

img {
    vertical-align: middle
}

.w3-table, .w3-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
}

.w3-table-all {
    border: 1px solid #ccc
}

    .w3-bordered tr, .w3-table-all tr {
        border-bottom: 1px solid #ddd
    }

.w3-striped tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

.w3-table-all tr:nth-child(odd) {
    background-color: #fff
}

.w3-table-all tr:nth-child(even) {
    background-color: #f1f1f1
}

.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
    background-color: #ccc
}

.w3-centered tr th, .w3-centered tr td {
    text-align: center
}

.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top
}

    .w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
        padding-left: 16px
    }

.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

    .w3-btn:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
    }

.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    /*-khtml-user-select: none;*/
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .w3-disabled, .w3-btn:disabled, .w3-button:disabled {
        cursor: not-allowed;
        opacity: 0.3
    }

        .w3-disabled *, :disabled * {
            pointer-events: none
        }

        .w3-btn.w3-disabled:hover, .w3-btn:disabled:hover {
            box-shadow: none
        }

.w3-badge, .w3-tag {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center
}

.w3-badge {
    border-radius: 50%
}

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

    .w3-ul li {
        padding: 8px 16px;
        border-bottom: 1px solid #ddd
    }

        .w3-ul li:last-child {
            border-bottom: none
        }

.w3-tooltip, .w3-display-container {
    position: relative
}

    .w3-tooltip .w3-text {
        display: none
    }

    .w3-tooltip:hover .w3-text {
        display: inline-block
    }

.w3-ripple:active {
    opacity: 0.5
}

.w3-ripple {
    transition: opacity 0s
}

.w3-input {
    padding: 8px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.w3-select {
    padding: 9px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc
}

.w3-dropdown-click, .w3-dropdown-hover {
    position: relative;
    display: inline-block;
    cursor: pointer
}

    .w3-dropdown-hover:hover .w3-dropdown-content {
        display: block
    }

    .w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
        background-color: #ccc;
        color: #000
    }

        .w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child {
            background-color: #ccc;
            color: #000
        }

.w3-dropdown-content {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1
}

.w3-check, .w3-radio {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px
}

.w3-sidebar {
    height: 100%;
    width: 200px;
    background-color: #fff;
    position: fixed !important;
    z-index: 1;
    overflow: auto
}

.w3-bar-block .w3-dropdown-hover, .w3-bar-block .w3-dropdown-click {
    width: 100%
}

    .w3-bar-block .w3-dropdown-hover .w3-dropdown-content, .w3-bar-block .w3-dropdown-click .w3-dropdown-content {
        min-width: 100%
    }

    .w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button {
        width: 100%;
        text-align: left;
        padding: 8px 16px
    }

.w3-main, #main {
    transition: margin-left .4s
}

.w3-modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4)
}

.w3-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px
}

.w3-bar {
    width: 100%;
    overflow: hidden
}

.w3-center .w3-bar {
    display: inline-block;
    width: auto
}

.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0
}

.w3-bar .w3-dropdown-hover, .w3-bar .w3-dropdown-click {
    position: static;
    float: left
}

.w3-bar .w3-button {
    white-space: normal
}

.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0
}

.w3-bar-block.w3-center .w3-bar-item {
    text-align: center
}

.w3-block {
    display: block;
    width: 100%
}

.w3-responsive {
    display: block;
    overflow-x: auto
}

.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before,
.w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
    content: "";
    display: table;
}
/*bylo ještě clear:both*/
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
    float: left;
    width: 100%;
    padding: 10px !important;
}

    .w3-col.s1 {
        width: 8.33333%
    }

    .w3-col.s2 {
        width: 16.66666%
    }

    .w3-col.s3 {
        width: 24.99999%
    }

    .w3-col.s4 {
        width: 33.33333%
    }

    .w3-col.s5 {
        width: 41.66666%
    }

    .w3-col.s6 {
        width: 49.99999%
    }

    .w3-col.s7 {
        width: 58.33333%
    }

    .w3-col.s8 {
        width: 66.66666%
    }

    .w3-col.s9 {
        width: 74.99999%
    }

    .w3-col.s10 {
        width: 83.33333%
    }

    .w3-col.s11 {
        width: 91.66666%
    }

    .w3-col.s12 {
        width: 99.99999%
    }

@media (min-width:601px) {
    .w3-col.m1 {
        width: 8.33333%
    }

    .w3-col.m2 {
        width: 16.66666%
    }

    .w3-col.m3, .w3-quarter {
        width: 24.99999%
    }

    .w3-col.m4, .w3-third {
        width: 20%
    }

    .w3-col.m5 {
        width: 41.66666%
    }

    .w3-col.m6, .w3-half {
        width: 49.99999%
    }

    .w3-col.m7 {
        width: 58.33333%
    }

    .w3-col.m8, .w3-twothird {
        width: 66.66666%
    }

    .w3-col.m9, .w3-threequarter {
        width: 74.99999%
    }

    .w3-col.m10 {
        width: 83.33333%
    }

    .w3-col.m11 {
        width: 91.66666%
    }

    .w3-col.m12 {
        width: 99.99999%
    }
}

@media screen and (max-width: 320px) {
    .w3-col.m4, .w3-third {
        width: 40%
    }
}

@media (min-width:993px) {
    .w3-col.l1 {
        width: 8.33333%
    }

    .w3-col.l2 {
        width: 16.66666%
    }

    .w3-col.l3 {
        width: 24.99999%
    }

    .w3-col.l4 {
        width: 33.33333%
    }

    .w3-col.l5 {
        width: 41.66666%
    }

    .w3-col.l6 {
        width: 49.99999%
    }

    .w3-col.l7 {
        width: 58.33333%
    }

    .w3-col.l8 {
        width: 66.66666%
    }

    .w3-col.l9 {
        width: 74.99999%
    }

    .w3-col.l10 {
        width: 83.33333%
    }

    .w3-col.l11 {
        width: 91.66666%
    }

    .w3-col.l12 {
        width: 99.99999%
    }
}

.w3-content {
    max-width: 980px;
    margin: auto
}

.w3-rest {
    overflow: hidden
}

.w3-cell-row {
    display: table;
    width: 100%
}

.w3-cell {
    display: table-cell
}

.w3-cell-top {
    vertical-align: top
}

.w3-cell-middle {
    vertical-align: middle
}

.w3-cell-bottom {
    vertical-align: bottom
}

.w3-hide {
    display: none !important
}

.w3-show-block, .w3-show {
    display: block !important
}

.w3-show-inline-block {
    display: inline-block !important
}

@media (max-width:600px) {
    .w3-modal-content {
        margin: 0 10px;
        width: auto !important
    }

    .w3-modal {
        padding-top: 30px
    }

    .w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content {
        position: relative
    }

    .w3-hide-small {
        display: none !important
    }

    .w3-mobile {
        display: block;
        width: 100% !important
    }

    .w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile {
        text-align: center
    }

        .w3-dropdown-hover.w3-mobile, .w3-dropdown-hover.w3-mobile .w3-btn, .w3-dropdown-hover.w3-mobile .w3-button, .w3-dropdown-click.w3-mobile, .w3-dropdown-click.w3-mobile .w3-btn, .w3-dropdown-click.w3-mobile .w3-button {
            width: 100%
        }
}

@media (max-width:768px) {
    .w3-modal-content {
        width: 500px
    }

    .w3-modal {
        padding-top: 50px
    }
}

@media (min-width:993px) {
    .w3-modal-content {
        width: 80vh
    }

    .w3-hide-large {
        display: none !important
    }

    .w3-sidebar.w3-collapse {
        display: block !important
    }
}

@media (max-width:992px) and (min-width:601px) {
    .w3-hide-medium {
        display: none !important
    }
}

@media (max-width:992px) {
    .w3-sidebar.w3-collapse {
        display: none
    }

    .w3-main {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.w3-top, .w3-bottom {
    font-size: 20px;
    background-color: #a6a6a6;
    color: white;
    font-family: Calibri light;
    position: fixed;
    width: 100%;
    z-index: 1
}

.w3-top {
    top: 0
}

.w3-bottom {
    bottom: 0
}

.w3-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2
}

.w3-display-topleft {
    position: absolute;
    left: 0;
    top: 0
}

.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0
}

.w3-display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0
}

.w3-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0
}

.w3-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%)
}

.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%)
}

.w3-display-topmiddle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}

.w3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}

.w3-display-container:hover .w3-display-hover {
    display: block
}

.w3-display-container:hover span.w3-display-hover {
    display: inline-block
}

.w3-display-hover {
    display: none
}

.w3-display-position {
    position: absolute
}

.w3-circle {
    border-radius: 50%
}

.w3-round-small {
    border-radius: 2px
}

.w3-round, .w3-round-medium {
    border-radius: 4px
}

.w3-round-large {
    border-radius: 8px
}

.w3-round-xlarge {
    border-radius: 16px
}

.w3-round-xxlarge {
    border-radius: 32px
}

.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col {
    padding: 0 8px
}

.w3-container, .w3-panel {
    padding: 0.01em 16px
}

.w3-panel {
    margin-top: 16px;
    margin-bottom: 16px
}

.w3-code, .w3-codespan {
    font-family: Consolas,"courier new";
    font-size: 16px
}

.w3-code {
    width: auto;
    background-color: #fff;
    padding: 8px 12px;
    border-left: 4px solid #4CAF50;
    word-wrap: break-word
}

.w3-codespan {
    color: crimson;
    background-color: #f1f1f1;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 110%
}

.w3-card, .w3-card-2 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.w3-card-4, .w3-hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

.w3-spin {
    animation: w3-spin 2s infinite linear
}

@keyframes w3-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.w3-animate-fading {
    animation: fading 10s infinite
}

@keyframes fading {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.w3-animate-opacity {
    animation: opac 0.8s
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.w3-animate-top {
    position: relative;
    animation: animatetop 0.4s
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.w3-animate-left {
    position: relative;
    animation: animateleft 0.4s
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.w3-animate-right {
    position: relative;
    animation: animateright 0.4s
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.w3-animate-bottom {
    position: relative;
    animation: animatebottom 0.4s
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.w3-animate-zoom {
    animation: animatezoom 0.6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.w3-animate-input {
    transition: width 0.4s ease-in-out
}

    .w3-animate-input:focus {
        width: 100% !important
    }

.w3-opacity, .w3-hover-opacity:hover {
    opacity: 0.60
}

.w3-opacity-off, .w3-hover-opacity-off:hover {
    opacity: 1
}

.w3-opacity-max {
    opacity: 0.25
}

.w3-opacity-min {
    opacity: 0.75
}

.w3-greyscale-max, .w3-grayscale-max, .w3-hover-greyscale:hover, .w3-hover-grayscale:hover {
    filter: grayscale(100%)
}

.w3-greyscale, .w3-grayscale {
    filter: grayscale(75%)
}

.w3-greyscale-min, .w3-grayscale-min {
    filter: grayscale(50%)
}

.w3-sepia {
    filter: sepia(75%)
}

.w3-sepia-max, .w3-hover-sepia:hover {
    filter: sepia(100%)
}

.w3-sepia-min {
    filter: sepia(50%)
}

.w3-tiny {
    font-size: 10px !important
}

.w3-small {
    font-size: 12px !important
}

.w3-medium {
    font-size: 15px !important
}

.w3-large {
    font-size: 18px !important
}

.w3-xlarge {
    font-size: 24px !important
}

.w3-xxlarge {
    font-size: 36px !important
}

.w3-xxxlarge {
    font-size: 48px !important
}

.w3-jumbo {
    font-size: 64px !important
}

.w3-left-align {
    text-align: left !important
}

.w3-right-align {
    text-align: right !important
}

.w3-justify {
    text-align: justify !important
}

.w3-center {
    text-align: center !important
}

.w3-border-0 {
    border: 0 !important
}

.w3-border {
    border: 1px solid #ccc /*!important*/;
}

.w3-border-top {
    border-top: 1px solid #ccc !important
}

.w3-border-bottom {
    border-bottom: 1px solid #ccc !important
}

.w3-border-left {
    border-left: 1px solid #ccc !important
}

.w3-border-right {
    border-right: 1px solid #ccc !important
}

.w3-topbar {
    border-top: 6px solid #ccc !important
}

.w3-bottombar {
    border-bottom: 6px solid #ccc !important
}

.w3-leftbar {
    border-left: 6px solid #ccc !important
}

.w3-rightbar {
    border-right: 6px solid #ccc !important
}

.w3-section, .w3-code {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.w3-margin {
    margin: 16px !important
}

.w3-margin-top {
    margin-top: 16px !important
}

.w3-margin-bottom {
    margin-bottom: 16px !important
}

.w3-margin-left {
    margin-left: 16px !important
}

.w3-margin-right {
    margin-right: 16px !important
}

.w3-padding-small {
    padding: 4px 8px !important
}

.w3-padding {
    padding: 8px 16px !important
}

.w3-padding-large {
    padding: 12px 24px !important
}

.w3-padding-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.w3-padding-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.w3-padding-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.w3-padding-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.w3-padding-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.w3-left {
    float: left !important
}

.w3-right {
    float: right !important
}

.w3-button:hover {
    color: #000 !important;
    background-color: #ccc !important
}

.w3-transparent, .w3-hover-none:hover {
    background-color: transparent !important
}

.w3-hover-none:hover {
    box-shadow: none !important
}
/* Colors */
.w3-amber, .w3-hover-amber:hover {
    color: #000 !important;
    background-color: #ffc107 !important
}

.w3-aqua, .w3-hover-aqua:hover {
    color: #000 !important;
    background-color: #00ffff !important
}

.w3-blue, .w3-hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important
}

.w3-light-blue, .w3-hover-light-blue:hover {
    color: #000 !important;
    background-color: #87CEEB !important
}

.w3-brown, .w3-hover-brown:hover {
    color: #fff !important;
    background-color: #795548 !important
}

.w3-cyan, .w3-hover-cyan:hover {
    color: #000 !important;
    background-color: #00bcd4 !important
}

.w3-blue-grey, .w3-hover-blue-grey:hover, .w3-blue-gray, .w3-hover-blue-gray:hover {
    color: #fff !important;
    background-color: #607d8b !important
}

.w3-green, .w3-hover-green:hover {
    color: #fff !important;
    background-color: #4CAF50 !important
}

.w3-light-green, .w3-hover-light-green:hover {
    color: #000 !important;
    background-color: #8bc34a !important
}

.w3-indigo, .w3-hover-indigo:hover {
    color: #fff !important;
    background-color: #3f51b5 !important
}

.w3-khaki, .w3-hover-khaki:hover {
    color: #000 !important;
    background-color: #f0e68c !important
}

.w3-lime, .w3-hover-lime:hover {
    color: #000 !important;
    background-color: #cddc39 !important
}

.w3-orange, .w3-hover-orange:hover {
    color: #000 !important;
    background-color: #ff9800 !important
}

.w3-deep-orange, .w3-hover-deep-orange:hover {
    color: #fff !important;
    background-color: #ff5722 !important
}

.w3-pink, .w3-hover-pink:hover {
    color: #fff !important;
    background-color: #e91e63 !important
}

.w3-purple, .w3-hover-purple:hover {
    color: #fff !important;
    background-color: #9c27b0 !important
}

.w3-deep-purple, .w3-hover-deep-purple:hover {
    color: #fff !important;
    background-color: #673ab7 !important
}

.w3-red, .w3-hover-red:hover {
    color: #fff !important;
    background-color: #f44336 !important
}

.w3-sand, .w3-hover-sand:hover {
    color: #000 !important;
    background-color: #fdf5e6 !important
}

.w3-teal, .w3-hover-teal:hover {
    color: #fff !important;
    background-color: #009688 !important
}

.w3-yellow, .w3-hover-yellow:hover {
    color: #000 !important;
    background-color: #ffeb3b !important
}

.w3-white, .w3-hover-white:hover {
    color: #000 !important;
    background-color: #fff !important
}

.w3-black, .w3-hover-black:hover {
    color: #fff !important;
    background-color: #000 !important
}

.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
    color: #000 !important;
    background-color: #9e9e9e !important
}

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
    color: #000 !important;
    background-color: #f1f1f1 !important
}

.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover {
    color: #fff !important;
    background-color: #616161 !important
}

.w3-pale-red, .w3-hover-pale-red:hover {
    color: #000 !important;
    background-color: #ffdddd !important
}

.w3-pale-green, .w3-hover-pale-green:hover {
    color: #000 !important;
    background-color: #ddffdd !important
}

.w3-pale-yellow, .w3-hover-pale-yellow:hover {
    color: #000 !important;
    background-color: #ffffcc !important
}

.w3-pale-blue, .w3-hover-pale-blue:hover {
    color: #000 !important;
    background-color: #ddffff !important
}

.w3-text-amber, .w3-hover-text-amber:hover {
    color: #ffc107 !important
}

.w3-text-aqua, .w3-hover-text-aqua:hover {
    color: #00ffff !important
}

.w3-text-blue, .w3-hover-text-blue:hover {
    color: #2196F3 !important
}

.w3-text-light-blue, .w3-hover-text-light-blue:hover {
    color: #87CEEB !important
}

.w3-text-brown, .w3-hover-text-brown:hover {
    color: #795548 !important
}

.w3-text-cyan, .w3-hover-text-cyan:hover {
    color: #00bcd4 !important
}

.w3-text-blue-grey, .w3-hover-text-blue-grey:hover, .w3-text-blue-gray, .w3-hover-text-blue-gray:hover {
    color: #607d8b !important
}

.w3-text-green, .w3-hover-text-green:hover {
    color: #4CAF50 !important
}

.w3-text-light-green, .w3-hover-text-light-green:hover {
    color: #8bc34a !important
}

.w3-text-indigo, .w3-hover-text-indigo:hover {
    color: #3f51b5 !important
}

.w3-text-khaki, .w3-hover-text-khaki:hover {
    color: #b4aa50 !important
}

.w3-text-lime, .w3-hover-text-lime:hover {
    color: #cddc39 !important
}

.w3-text-orange, .w3-hover-text-orange:hover {
    color: #ff9800 !important
}

.w3-text-deep-orange, .w3-hover-text-deep-orange:hover {
    color: #ff5722 !important
}

.w3-text-pink, .w3-hover-text-pink:hover {
    color: #e91e63 !important
}

.w3-text-purple, .w3-hover-text-purple:hover {
    color: #9c27b0 !important
}

.w3-text-deep-purple, .w3-hover-text-deep-purple:hover {
    color: #673ab7 !important
}

.w3-text-red, .w3-hover-text-red:hover {
    color: #f44336 !important
}

.w3-text-sand, .w3-hover-text-sand:hover {
    color: #fdf5e6 !important
}

.w3-text-teal, .w3-hover-text-teal:hover {
    color: #009688 !important
}

.w3-text-yellow, .w3-hover-text-yellow:hover {
    color: #d2be0e !important
}

.w3-text-white, .w3-hover-text-white:hover {
    color: #fff !important
}

.w3-text-black, .w3-hover-text-black:hover {
    color: #000 !important
}

.w3-text-grey, .w3-hover-text-grey:hover, .w3-text-gray, .w3-hover-text-gray:hover {
    color: #757575 !important
}

.w3-text-light-grey, .w3-hover-text-light-grey:hover, .w3-text-light-gray, .w3-hover-text-light-gray:hover {
    color: #f1f1f1 !important
}

.w3-text-dark-grey, .w3-hover-text-dark-grey:hover, .w3-text-dark-gray, .w3-hover-text-dark-gray:hover {
    color: #3a3a3a !important
}

.w3-border-amber, .w3-hover-border-amber:hover {
    border-color: #ffc107 !important
}

.w3-border-aqua, .w3-hover-border-aqua:hover {
    border-color: #00ffff !important
}

.w3-border-blue, .w3-hover-border-blue:hover {
    border-color: #2196F3 !important
}

.w3-border-light-blue, .w3-hover-border-light-blue:hover {
    border-color: #87CEEB !important
}

.w3-border-brown, .w3-hover-border-brown:hover {
    border-color: #795548 !important
}

.w3-border-cyan, .w3-hover-border-cyan:hover {
    border-color: #00bcd4 !important
}

.w3-border-blue-grey, .w3-hover-border-blue-grey:hover, .w3-border-blue-gray, .w3-hover-border-blue-gray:hover {
    border-color: #607d8b !important
}

.w3-border-green, .w3-hover-border-green:hover {
    border-color: #4CAF50 !important
}

.w3-border-light-green, .w3-hover-border-light-green:hover {
    border-color: #8bc34a !important
}

.w3-border-indigo, .w3-hover-border-indigo:hover {
    border-color: #3f51b5 !important
}

.w3-border-khaki, .w3-hover-border-khaki:hover {
    border-color: #f0e68c !important
}

.w3-border-lime, .w3-hover-border-lime:hover {
    border-color: #cddc39 !important
}

.w3-border-orange, .w3-hover-border-orange:hover {
    border-color: #ff9800 !important
}

.w3-border-deep-orange, .w3-hover-border-deep-orange:hover {
    border-color: #ff5722 !important
}

.w3-border-pink, .w3-hover-border-pink:hover {
    border-color: #e91e63 !important
}

.w3-border-purple, .w3-hover-border-purple:hover {
    border-color: #9c27b0 !important
}

.w3-border-deep-purple, .w3-hover-border-deep-purple:hover {
    border-color: #673ab7 !important
}

.w3-border-red, .w3-hover-border-red:hover {
    border-color: #f44336 !important
}

.w3-border-sand, .w3-hover-border-sand:hover {
    border-color: #fdf5e6 !important
}

.w3-border-teal, .w3-hover-border-teal:hover {
    border-color: #009688 !important
}

.w3-border-yellow, .w3-hover-border-yellow:hover {
    border-color: #ffeb3b !important
}

.w3-border-white, .w3-hover-border-white:hover {
    border-color: #fff !important
}

.w3-border-black, .w3-hover-border-black:hover {
    border-color: #000 !important
}

.w3-border-grey, .w3-hover-border-grey:hover, .w3-border-gray, .w3-hover-border-gray:hover {
    border-color: #9e9e9e !important
}

.w3-border-light-grey, .w3-hover-border-light-grey:hover, .w3-border-light-gray, .w3-hover-border-light-gray:hover {
    border-color: #f1f1f1 !important
}

.w3-border-dark-grey, .w3-hover-border-dark-grey:hover, .w3-border-dark-gray, .w3-hover-border-dark-gray:hover {
    border-color: #616161 !important
}

.w3-border-pale-red, .w3-hover-border-pale-red:hover {
    border-color: #ffe7e7 !important
}

.w3-border-pale-green, .w3-hover-border-pale-green:hover {
    border-color: #e7ffe7 !important
}

.w3-border-pale-yellow, .w3-hover-border-pale-yellow:hover {
    border-color: #ffffcc !important
}

.w3-border-pale-blue, .w3-hover-border-pale-blue:hover {
    border-color: #e7ffff !important
}

.mySlides {
    display: none
}

.demo {
    cursor: pointer
}

body {
    margin: 0 auto;
}


/* PŘEKOPÍROVÁNO SEM 12.4.2021 */
/* Základní formátování věcí */ /* 8.3.2021 + jejich reponzivnosti (H1, H2 a H3) */ /* 21.3.2021 tloušťky nadpisů, zvětšení fontů (H1 bude obrovským pro veliký hlavní nadpis, H2 bude jako H1 dřív, H3 se taky zvtší a přidal jsem H4) */ /* 22.3.2021 - H* marginy (většinou 0), jako bylo dřív v article, úprava responzivností nadpisů */

html {
    overflow-x: hidden; /*Středník 23.6.2021*/
    height: 100%; /*Přidáno 23.6.2021*/
}

body { /*23.6.2021*/
    height: 100%;
}

p {
    font-family: Calibri light, Microsoft YaHei light, Arial, sans-serif;
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 4px;
}

h1 {
    /*font-weight: normal;*/
    text-transform: uppercase;
    font-family: Microsoft YaHei, Calibri, Arial, sans-serif;
    font-size: 40px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 10px;
}

h2 {
    /*font-weight: normal;*/
    text-transform: uppercase;
    font-family: Microsoft YaHei, Calibri, Arial, sans-serif;
    font-size: 34px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 10px;
}

h3 {
    /*font-weight: normal;*/
    text-transform: uppercase;
    font-family: Microsoft YaHei, Calibri, Arial, sans-serif;
    font-size: 27px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 10px;
}

h4 {
    /*font-weight: normal;*/
    text-transform: uppercase;
    font-family: Microsoft YaHei, Calibri, Arial, sans-serif;
    font-size: 24px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
}

h5 { /*12.6.2021*/
    font-family: Microsoft YaHei, Calibri, Arial, sans-serif;
    font-size: 19px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
}


ARTICLE h1 {
    font-size: 34px;
}

ARTICLE p {
}

ARTICLE h2 {
    font-size: 27px;
}

ARTICLE h3 {
    font-size: 24px;
}

ARTICLE h4 {
    font-size: 21px;
}
/*
ARTICLE h4 {
    margin-bottom: 0px;
    margin-top: 15px;
}*/


@media screen and (max-width: 600px) {
    ARTICLE h1 {
        font-size: 30px;
    }

    ARTICLE h2 {
        font-size: 25px;
    }

    ARTICLE h3 {
        font-size: 23px;
    }
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 20px 0
}

html, body {
    line-height: 1.5;
    font-family: 'Calibri light', 'Microsoft YaHei light', 'Arial';
}

textarea {
    border-radius: 0px;
    padding: 10px 15px;
    border: 1px solid gray;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-family: Calibri light;
    outline: none;
}

    textarea:focus {
        border: 1px solid #33ccff !important;
    }

/*input {
    border-radius: 0px;
    padding: 10px 15px;
    border: 1px solid gray;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-family: "Calibri light", Arial, 'Microsoft YaHei Light';
    margin-left: 25px;
}

    input:focus {
        border: 1px solid #33ccff !important;
    }

    input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
        width: 350px;
        max-width: calc(100% - 50px);
    }


    input:focus, textarea:focus, select:focus {
        outline: none;
    }*/

input:not([type=submit]) {
    transition: 0.1s;
    font-family: "Calibri light", Arial, 'Microsoft YaHei Light';
    margin-left: 25px;
    padding: 12px 22px 7px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 4px;
    transition: 0.4s;
    border-radius: 5px;
    border: 0px;
    border-bottom: 4px solid transparent;
    vertical-align: middle;
    outline: none;
    width: 350px;
}

    input:focus {
        border: 0px;
        border-bottom: 4px solid var(--firemniModra);
    }


:root { /*12.9.2023*/
    --firemniModra: #00b0ff;
}

/*@media screen and (max-width: 600px) {
    input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
        width: calc(100% - 50px);
    }*/

/*Pod tímto až do konce rosponzivnosti přidáno (PTADKRP) 22.3.2021*/

/*}*/

.sModrymOutlinemFokus:focus {
    outline: 1px solid #33ccff !important;
}

.bezBorderuFokus:focus {
    border: 0 !important;
}

sub, sup {
    vertical-align: baseline;
    position: relative;
    top: 0.4em
}

sup {
    top: -0.4em
}

ol {
    margin-left: 25px;
    font-family: Calibri light, Microsoft YaHei light, Arial;
    font-size: 15px;
}

input[type=submit] {
    margin-left: 25px;
}

/*input[type=submit] {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: white;
    background-color: #737373;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-family: "Calibri light", Arial, 'Microsoft YaHei Light';
    font-weight: 500;
}

    input[type=submit]:hover {
        color: #000;
        background-color: #ccc;
    }*/
/*Zapznámkováno 23.6.2021*/
/*footer { 
    width: 100%;
    background-color: #a6a6a6;
    position: absolute;
}

    footer DIV a {
        padding-left: 0px;
        display: block;
    }

    footer div h2 {
        padding-left: 0px;
        margin-bottom: 0px;
    }
    */
/*button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: white;
    background-color: #737373;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.1s;
    font-family: "Calibri light", Arial, 'Microsoft YaHei Light';
    font-weight: 500;
}

    button:hover {
        color: #000;
        background-color: #ccc;
    }*/
button, input[type=submit], .m-odkaz-jako-tlacitko {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    background-color: #dbdbdb;
    color: black;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.1s;
    /*font-family: "Calibri light", Arial, 'Microsoft YaHei Light';*/
    /*font-family: 'Microsoft YaHei', Calibri, Arial;*/
    font-family: "Calibri light", Arial, 'Microsoft YaHei Light';
    font-weight: 500;
    width: auto;
}

    .m-odkaz-jako-tlacitko {
        margin-left: 25px;
    }

    button:hover, input[type=submit]:hover, .m-odkaz-jako-tlacitko:hover {
        color: #000;
        background-color: #ccc;
    }

    button:not(.tlacitkoHranate), input[type=submit]:not(.tlacitkoHranate), .m-odkaz-jako-tlacitko:not(.tlacitkoHranate) {
        border-radius: 5px;
    }

select {
    border: 1px solid black;
    background-color: white;
    padding: 10px 15px;
}
/*/select:hover {
        border: 1px solid #33ccff !important;
    }

    select:focus {
        border: 1px solid #33ccff !important;
    }*/

ul {
    list-style: square;
    padding-left: 55px;
}

/* Metropolis webdesign */
.div-prehled {
    width: 100%;
}

.prechod-bilaseda {
    height: 200px;
    background-image: linear-gradient(to right, white, white, #a6a6a6, #a6a6a6, #a6a6a6);
}

.prechod-sedabila {
    height: 200px;
    background-image: linear-gradient(to left, white, white, #a6a6a6, #a6a6a6, #a6a6a6);
}

.mw-prechodmodrabilanahoru {
    background-image: linear-gradient(to bottom, white, white, white, white, #00b0ff);
}

.sipka {
    border: 0px;
    background: transparent;
}

    .sipka:hover polyline,
    .sipka:focus polyline {
        stroke-width: 4;
    }

    .sipka:active polyline {
        stroke-width: 6;
        transition: all 100ms ease-in-out;
    }

polyline {
    transition: all 250ms ease-in-out;
}

svg {
    padding: 5px;
}
/* KONEC PŘEKOPÍROVANÉHO 12.4.2021 */

/*Překopírováno 30.6.2023*/
.mw-odklista {
    background-color: #f3f3f3;
    position: sticky;
}

.mw-odklista-logo PICTURE {
    filter: invert(1);
}

.mw-karta1 {
    width: calc(100% - 140px);
    display: grid;
    grid-template-columns: 25% 50% 25%;
    column-gap: 70px;
    padding: 25px 0;
    position: relative;
    margin-top: 40px;
}

    .mw-karta1 * {
        font-family: monospace;
    }

.mw-karta2 {
    width: 100%;
    margin-top: 80px;
    display: grid;
    grid-template-columns: max-content auto;
    position: relative;
    /*display: grid;
			grid-template-columns: 25% 50% 25%;
			column-gap: 50px;
			padding: 25px 0;*/
}

    .mw-karta2 * {
        font-family: monospace;
    }

.mw-karta1 H3 {
    font-weight: 100;
}

.mw-karta1-nadpisJazykModry {
    color: #009ce9;
}

.mw-karta1-nadpisJazykZluty {
    color: #bd9f00;
}

.mw-karta1-nadpisJazykZeleny {
    color: #388938;
}

.mw-karta1-nadpisJazykHnedy {
    color: #b7551a;
}

.mw-karta1-nadpisJazykFialovy {
    color: #973a97;
}

.mw-karta1-nadpisJazykFialovyTmave {
    color: #4a4ddb;
}

.mw-karta1-nadpisJazyk {
    font-weight: 900;
}


.prikladyJazykuLevaStrana {
    grid-column: 1;
}

.mw-karta1-text {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mw-karta1-text-nadpis {
    text-decoration: 5px overline;
    /*text-align: justify;*/
    margin-bottom: 30px;
}

.prikladyJazykuPravaStrana {
    grid-column: 3;
}

.mw-prikladyJazyku {
    opacity: 30%;
}


.mw-karta2-text-nadpis {
    width: fit-content;
}

.mw-karta2-naseReference-skrolovaci {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    margin: -10px 0;
    position: relative;
    padding-right: 85px;
    /*-ms-overflow-style: none;
			scrollbar-width: none;*/
}
/*.mw-karta2-naseReference-skrolovaci::-webkit-scrollbar {
			display: none;
		}*/
.mw-karta2-naseReference-jednaReference {
    display: inline-block;
    height: 200px;
    width: 300px;
    margin-right: 15px;
}

    .mw-karta2-naseReference-jednaReference IMG { /*Rozměr 900:600 na šířku (asi teda 3:2)*/
        width: 100%;
        height: 100%;
        border-radius: 5px;
        border: 0.1px solid #bfbfbf;
    }

.mw-karta2-naseReference-tlacitkoDal {
    /*background-image: linear-gradient(to right, transparent 0%, rgb(20 20 20 / 95%) 10%, rgb(20 20 20 / 95%) 100%);*/
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    right: 0;
    /*top: 0;*/
    /*height: calc(100% - 15px);
			bottom: 15px;*/
    bottom: 0;
    height: 100%;
    width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mw-karta2-naseReference-tlacitkoDal IMG {
        width: 20px;
        height: 20px;
        filter: invert(1);
    }

.mw-karta2-naseReference-tlacitkoZpatky {
    transition: all 1s;
    opacity: 1;
    right: unset;
    left: 0;
}

.mw-karta3-cenik {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 50px;
    margin-top: 20px;
    position: relative;
}

    .mw-karta3-cenik * {
        font-family: monospace;
    }

.mw-karta3-polozkaCeniku-cenaRamecek {
    border: 6px black;
    border-left-style: solid;
    padding: 5px 10px;
    display: inline-block;
}

.mw-karta3-cenik-vnitrniDiv {
    display: grid;
    grid-template-columns: auto auto;
    width: 80%;
    max-width: 1200px;
}

.mw-karta3-polozkaCeniku {
    padding: 25px;
}


.mw-karta4 * {
    font-family: monospace;
}

.mw-karta4 {
    position: relative;
    margin-bottom: 25px;
}

.mw-karta4-vnitrniDiv {
    display: grid;
    grid-template-columns: 60% 40%;
    padding: 25px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


.mw-karta4-formularKontakt {
    /*padding: 25px;*/
}

    .mw-karta4-formularKontakt input, .mw-karta4-formularKontakt textarea, .mw-karta4-formularKontakt input:focus, .mw-karta4-formularKontakt textarea:focus {
        border: none !important;
        border-bottom: 2px solid black !important;
        display: block;
        margin: 0;
        background-color: #f1f1f1;
        width: 100% !important;
        max-width: unset !important;
    }

        .mw-karta4-formularKontakt input:focus, .mw-karta4-formularKontakt textarea:focus {
            background-color:
        }

    .mw-karta4-formularKontakt label {
        font-size: 16px;
        font-weight: 900;
    }

    .mw-karta4-formularKontakt input:not(:last-child) {
        margin-bottom: 25px;
    }

    .mw-karta4-formularKontakt textarea {
        width: 350px;
        max-width: calc(100% - 50px);
        height: 100px;
    }

#mw-karta4-formularKontakt-tlacitkoOdeslat {
    border: 2px solid black;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 900;
    background-color: black;
    padding: 14px 16px;
}


.mw-karta4-kontakt {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mw-karta4-kontakt div {
        width: min-content;
    }

.mw-karta4-kontakt-email {
    border: 2px solid black;
    font-size: 15px;
    font-weight: 900;
    padding: 14px 16px;
    display: inline-block;
    color: black;
}

.mw-karta4-formularKontakt-odpoved {
    padding-bottom: 15px;
    background-color: #068f06a1;
    padding-top: 15px;
    margin-top: 30px;
}


@media screen and (max-width: 1200px) {
    .mw-karta1 {
        grid-template-columns: 70% max(45%, 200px);
        width: calc(100% - 70px);
    }

    .prikladyJazykuPravaStrana {
        display: none;
    }

    .mw-karta1-text {
        grid-column: 1;
        grid-row: 1;
        padding-left: max(5vw, 25px);
    }

    .prikladyJazykuLevaStrana {
        grid-column: 2;
    }

    .mw-prikladyJazyku * {
        padding-left: 0;
    }

    .mw-karta2 {
        display: block;
    }

    .mw-karta2-naseReference-skrolovaci {
        padding-left: 25px;
    }

    .mw-karta2-naseReference-tlacitkoDal {
        top: unset;
        height: 230px;
        width: 90px;
    }

    .mw-karta4-vnitrniDiv {
        width: 95%;
        grid-template-columns: 65% 35%;
    }

    .mw-karta4-kontakt {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 1000px) {
    .mw-karta4-vnitrniDiv {
        width: 95%;
    }
}


@media screen and (max-width: 900px) {
    .mw-karta3-cenik-vnitrniDiv {
        width: 90%;
    }

    .mw-karta4-vnitrniDiv {
        grid-template-columns: 50% 50%;
        width: 100%;
    }

    .mw-karta4-kontakt {
        justify-content: center;
    }
}

@media screen and (max-width: 700px) {
    .mw-karta4-vnitrniDiv {
        display: block;
    }

    .mw-karta4-kontakt {
        display: block;
        margin-top: 70px;
    }
}



@media screen and (max-width: 600px) {
    #text-nadpiswebdesign {
        font-size: 20px;
    }

    .mw-karta3-cenik-vnitrniDiv {
        width: 95%;
        display: block;
    }
}

@media screen and (max-width: 400px) {
    #mw-odkaz-poptavka {
        font-size: 16px;
        letter-spacing: -1px;
        height: 65px;
    }
}

body {
    scroll-behavior: smooth;
}
/*Konec překopírovaného 30.6.2023*/


/*1.5.2023 překopírováno*/
.knihovnaKSM-ikonka-externiOdkaz {
    height: 10px;
    margin-left: 4px;
    vertical-align: unset;
}
.knihovnaKSM-ikonka-externiOdkaz-bezMarginu {
    height: 10px;
    vertical-align: unset;
}

@media (prefers-color-scheme: dark) {
    .knihovnaKSM-ikonka-externiOdkaz, .knihovnaKSM-ikonka-externiOdkaz-bezMarginu {
        filter: invert(1);
    }
}
/*konec 1.5.2023 překopírováno*/


/*Napsáno 3.5.2023 – ne sem, ale hned za pár hodin jsem to sem nakopíroval :). Kousky napsány tady*/
.editorSuboruSitemap {
    position: fixed;
    right: 0;
    bottom: 10vh;
    width: min(50%, 500px);
    padding: 25px;
    z-index: 200;
    box-shadow: 0 0 10px rgb(126 126 126 / 68%);
}
.editorSuboruSitemapZapinac {
    width: unset;
    padding: 18px;
}
/*Konec 3.5.2023*/

/*Překopírováno 4.6.2023*/
.TR-nacitaniStranky-nacitani {
    fill: none;
    stroke-width: 10px;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 52.25% 52.25%;
    stroke-dasharray: 600;
    stroke-dashoffset: 0;
    /*stroke: aqua;*/
    stroke: #00dfdf;
    animation: nacitaniZatoceni 2s cubic-bezier(0.2, 0, 0.1, 1);
}

.TR-nacitaniStranky-pozadi {
    fill: none;
    stroke-width: 8px;
    stroke: #dddddd;
}

@keyframes nacitaniZatoceni {
    from {
        stroke-dashoffset: 600;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.TR-nacitaniStranky {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.TR-nacitaniStranky-kontejner {
    background-color: #ededed;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s;
}

@media (prefers-color-scheme: dark) {
    .TR-nacitaniStranky-kontejner {
        background-color: #1b1b1b;
    }

    .TR-nacitaniStranky-pozadi {
        stroke: #1A2C34;
    }

    .TR-nacitaniStranky-nacitani {
        stroke: #00abab;
    }
}
/*Konec překopírováno 4.6.2023*/

/*Překopírováno 28.12.2023 po půlnoci*/
.slideNahoruAnimace {
    animation-duration: 1s;
    animation-name: slideOznameni;
    animation-fill-mode: forwards;
    animation-timing-function: ease-ease;
}

.slideNahoruAnimace-opacity {
    animation-duration: 1s;
    animation-name: opacityOznameni;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}


@keyframes slideOznameni {
    from {
        top: 70px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes opacityOznameni {
    from {
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    to {
        max-height: 0px;
        opacity: 0;
        margin-top: 0px;
    }
}

#infoProuzkoveOznameni-tlacitko {
    box-sizing: content-box;
    height: 40px;
    width: 40px;
    padding: 0px;
}
/*Konec překopírováno 28.12.2023 po půlnoci*/



/* Responzivnosti */
/* #1 */
.polovicni-div-pri-zmenseni-100-procent {
    height: calc(100vh - 66px);
    display: inline-block;
    vertical-align: middle;
    width: 49vw;
}

#obrazek {
    width: 50vw;
}

#vyhledavacipole {
    max-width: 300px;
    width: calc(50vw - 135px);
}

@media screen and (max-width: 600px) {
    .polovicni-div-pri-zmenseni-100-procent {
        width: 100% !important;
        height: auto !important;
        display: table !important
    }

    #obrazek {
        padding-top: 25px;
        width: 100vw;
        height: auto !important;
        display: table !important
    }

    #vyhledavacipole {
        width: calc(100vw - 135px);
        max-width: none;
    }

    #vyhledavac {
        margin-right: 25px !important;
    }
}


/* #2 */

#obrazek403 {
    width: 30vw;
    margin-left: calc((100vw - 80vw)/2);
}

@media screen and (max-width: 600px) {
    #obrazek403 {
        padding-top: 25px;
        width: 50vw;
        height: auto !important;
        display: table !important
    }
}


/* #3 */

#uzivatelskanabidkaprikliknuti {
    width: 500px;
    right: 65px;
    margin-top: 65px;
}

@media screen and (max-width: 600px) {
    #uzivatelskanabidkaprikliknuti {
        width: 100vw;
        margin: 0px;
        top: 65px;
        left: 0px;
        right: 0px;
        border-bottom: 1px solid black;
    }
}


/* #4 */

#infobox {
    width: 500px !important;
    float: right !important;
    padding-left: 22px;
}

#obsah {
}

#galerie {
    background-color: black;
}

@media screen and (max-width: 600px) {
    #infobox {
        width: 100% !important;
        padding-left: 22px;
    }

    #obsah {
        width: 100% !important;
    }

    #galerie {
    }
}


/* #5 */

#div-prehled-text {
    width: 60vw;
}

#div-prehled-popis-levy {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
    text-align: right;
    padding-right: 25px;
}

#div-prehled-popis-pravy {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}

#cast-nadpiswebdesign {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#text-nadpiswebdesign {
    font-size: 25px;
    width: 60vw;
    font-family: monospace;
}

.mw-nadpiswebdesign-logo {
    margin-bottom: 30px;
    filter: invert(1);
}

    .mw-nadpiswebdesign-logo img {
        max-height: 250px;
        object-fit: contain;
    }

@media screen and (max-width: 600px) {
    #div-prehled-logopodsebou {
        display: none;
    }

    #div-prehled-svislacara {
        display: none;
    }

    #div-prehled-text {
        width: calc(100vw - 25px) !important;
    }

    #div-prehled-popis {
        margin: 25px;
        border: 1px solid black;
    }

    #nadpis-nadpiswebdesign {
        font-size: 50px !important;
        width: 100vw !important;
    }

    #cast-nadpiswebdesign {
        padding: 25px;
        width: 100%;
    }

    #text-nadpiswebdesign {
        width: 100%;
    }
}

/* #6 */

#prizmenseni100vw {
}

@media screen and (max-width: 600px) {
    #prizmenseni100vw {
        width: 100vw !important;
    }
}

.inputtest2 {
    width: 450px;
}

#inputtest1 {
    margin-left: 0px;
    width: 450px;
    height: 46px;
}

.input-nekolikastrankovyformular-1 {
    margin-left: 0px;
    width: 450px;
    height: 46px;
}


@media screen and (max-width: 600px) {
    .input-nekolikastrankovyformular-1 {
        width: calc(100vw - 50px) !important;
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    #inputtest1 {
        width: calc(100vw - 50px) !important;
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .div-na-inputtest1 {
        height: 280px;
    }

    #divtest1 {
        left: 5vw !important;
        transform: translateY(-40%) !important;
    }
}

/* #7 */

.m-dotaznik-div-vystredeny {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 350px;
    width: 600px;
}

@media screen and (max-width: 600px) {
    .m-dotaznik-div-vystredeny {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 65px !important;
    }
}

@media screen and (max-height: 600px) {
    .m-dotaznik-div-vystredeny {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 40px !important;
    }
}

@media screen and (max-height: 550px) {
    .m-dotaznik-div-vystredeny {
        height: 280px;
    }
}

@media screen and (max-height: 475px) {
    .m-dotaznik-div-vystredeny {
        height: 230px;
    }
}

/* #8 */

.m-odpocitavani-tabulka {
    width: calc(50vw - 34px);
    table-layout: fixed;
    text-align: center;
}

.m-odpocitavani-tabulka-leva {
    float: left;
    margin-left: 25px;
}

.m-odpocitavani-tabulka-prava {
    float: right;
    margin-right: 25px;
}

.m-odpocitavani-tabulka-velkePismo {
    font-size: 70px;
}

@media screen and (max-width: 600px) {
    .m-odpocitavani-tabulka {
        width: calc(100vw - 50px);
        margin-right: 25px;
        margin-left: 25px;
        float: none;
    }

    .m-odpocitavani-tabulka-velkePismo {
        font-size: 40px;
    }
}

#probihaOdpocet {
    clear: both;
    text-align: center;
    color: green;
    font-family: "Microsoft YaHei", Calibri, Arial
}
/* #9 */
@keyframes ms-motion-slideUpIn {
    0% {
        top: calc(50% + 10px)
    }

    to {
        top: 50%
    }
}

@keyframes ms-motion-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ms-motion-slideUpIn {
    animation: ms-motion-slideUpIn .1s ease-in-out both,ms-motion-fadeIn .1s linear both;
    animation-play-state: running;
}

.tooltip {
    position: relative;
    display: inline-block;
    border: 1px solid gray;
    margin-top: 250px;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        background-color: #0078d4;
        color: white;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 50%;
        left: calc(100% + 20px);
        transform: translateY(-50%) !important;
        width: 400px;
        padding-bottom: 25px;
        border-radius: 2px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        animation: ms-motion-slideUpIn .1s ease-in-out both,ms-motion-fadeIn .1s linear both;
        animation-play-state: running;
    }

.modry-ctverecek {
    transform: rotate(45deg) translateY(-50%);
    width: 25px;
    height: 25px;
    background-color: #0078d4;
    top: 50%;
    left: -20px;
    position: absolute;
}

@media screen and (max-width: 600px) {
    .modry-ctverecek {
        top: 0%;
        left: 50%;
        transform: rotate(45deg) translateX(-50%);
        position: absolute;
    }

    .tooltip .tooltiptext {
        top: calc(100% + 20px);
        left: 50%;
        transform: translateX(-50%) !important;
        width: 400px;
        padding-bottom: 25px;
        max-width: calc(100vw - 50px);
    }

    .tooltip {
        width: 100vw;
    }

    @keyframes ms-motion-slideUpIn {
        0% {
            top: calc(100% + 30px)
        }

        to {
            top: calc(100% + 20px)
        }
    }
}



/* 10 */
/* 22.3.2021 přesunuto pod základní formátování věcí inputu (aby to žejo fungovalo)*/


/* 11 */

.obrazkovy-nadpis H1 {
    font-size: 50px;
    color: black;
    margin-top: 0px;
}

.obrazkovy-nadpis H2 {
    color: black;
}

.obrazkovy-nadpis-div-na-text {
    text-align: left;
    padding-right: 0px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    width: 50vw;
}

.obrazkovy-nadpis {
    width: 100vw;
    height: 550px;
    position: relative;
    background-size: cover;
    max-height: 600px !important;
}

@media screen and (max-width: 800px) {
    .obrazkovy-nadpis-div-na-text {
        width: 100% !important;
        transform: unset;
        top: auto;
        position: static; /* Bylo tam Relative */
        float: left !important;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .obrazkovy-nadpis-div-na-text p, .obrazkovy-nadpis-div-na-text h1, .obrazkovy-nadpis-div-na-text h2 {
        float: left;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .obrazkovy-nadpis svg {
        width: 100% !important;
        padding: 70px !important;
        float: none !important;
    }

    .obrazkovy-nadpis {
        height: 400px !important;
    }

        .obrazkovy-nadpis H1 {
            font-size: 26px; /* Základni hodnota */
        }

}
@media screen and (max-width: 400px) {
    .obrazkovy-nadpis {
        height: calc(85vh - 65px) !important;
    }
}


/* #12 */
@media screen and (max-width: 600px) {
    .tlacitko-pri-zvetseni-skoro-na-celou-sirku {
        width: calc(100vw - 50px);
        margin: 10px 0 10px 25px;
    }
    .tlacitko-pri-zvetseni-skoro-na-celou-sirku2 { /*20.8.2023*/
        width: calc(100% - 50px) !important;
        margin-left: 25px;
    }
}

/* #13 */
/*.obrazkovy-nadpis-div-na-text {
    text-align: center;
    padding-right: 0px;
    top: 50% !important;
    transform: translateY(-50%);
    position: absolute;
    width: 100vw;
}
.obrazkovy-nadpis {
    width: 100vw;
    height: 70vh !important;
    position: relative;
    background-size: cover;
}*/

/*#14 - 12.7.2021*/
@media screen and (max-width: 400px) {
    .na-mobilu-vh-120-odklista { /*24.8.2023*/
        height: calc(120vh - 65px) !important;
    }
    .na-mobilu-vh-100-odklista { /*to před tim odklista má bejt mínus :), ne pomlčka*/
        height: calc(100vh - 65px) !important;
    }
    .na-mobilu-vh-75-odklista { /*V 21.7.2021*/
        height: calc(75vh - 65px) !important;
    }
}

/*#15 - 12.7.2021*/
.m-karta-centrovana-1 { /*Vytvořeno 12.7.2021*/
    width: 600px;
    margin: auto;
    padding-bottom: 25px;
}
.m-karta-centrovana-1 *:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 800px) {
    .m-karta-centrovana-1 {
        width: 450px;
    }
}
@media screen and (max-width: 550px) {
    .m-karta-centrovana-1 {
        width: calc(100% - 20px);
        margin: 10px;
    }
}

/*16 - 12.7.2021*/
.mconnect-karta-centrovana-1 {
    position: relative;
    top: 45%;
    transform: translateY(-50%);
    border: 1px solid gray;
    border-top: 20px solid #00b0ff;
    border-radius: 5px;
}
.mconnect-top30p {
    top: 30%;
}
@media screen and (max-width: 550px) {
    .mconnect-karta-centrovana-1 {
        top: auto;
        transform: initial;
    }
}

/*#17 - překopírováno 12.7.2021 z ucetMetropolis/index.php*/
.ucetMetropolis-divBodyAKNM {
    width: 150px;
    display: inline-block;
    position: absolute;
    right: 10px;
}

    .ucetMetropolis-divBodyAKNM DIV {
        width: 150px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .ucetMetropolis-divBodyAKNM DIV P, svg {
            vertical-align: middle;
            display: inline-block;
            margin: 0;
        }

        .ucetMetropolis-divBodyAKNM DIV svg {
            height: 35px;
        }

        .ucetMetropolis-divBodyAKNM DIV P {
            padding: 0;
        }

.ucetMetropolis-divJmeno {
    vertical-align: middle;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(-165px - 160px + 100%);
}

    .ucetMetropolis-divJmeno P {
        margin-bottom: 0px;
        padding-left: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .ucetMetropolis-divJmeno H1 {
        margin-bottom: 5px;
        padding-left: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.ucetMetropolis-ikonaUzivatele {
    margin: 35px;
    width: 80px;
}

@media screen and (max-width: 600px) {
    .ucetMetropolis-divJmeno {
        display: block;
        vertical-align: top;
        top: auto;
        transform: none;
        position: static;
        padding-left: 25px;
        padding-bottom: 35px;
        width: calc(-165px + 100%);
    }

    .ucetMetropolis-divBodyAKNM {
        position: relative;
        float: right;
    }

    .ucetMetropolis-ikonaUzivatele {
        margin-right: calc(100% - 115px);
    }

    input:not([type=radio]):not([type=checkbox]) {
        width: calc(-50px + 100%);
    }
        /*Přidáno 1.5.2023*/
        input.inputPriZmenseniMaxWidth100vwMinusOkraje {
            width: 100%;
            max-width: calc(100vw - 50px);
        }

    .priZmenseniSirka100procentImportant {
        width: 100% !important;
        max-width: unset !important;
    }
}

@media screen and (max-width: 400px) {
    .ucetMetropolis-divJmeno {
        width: 100%;
        padding-bottom: 15px;
    }

    .ucetMetropolis-divBodyAKNM {
        width: 100%;
        position: static;
        float: none;
        padding-left: 25px;
        padding-bottom: 20px;
    }
}
/*Konec #17*/



/*18 - 17.8.2023*/
.sirka50procentPriZmenseni100-600 {
    width: 50%;
}

.floatLeftPriZmenseniNone-600 {
    float: left;
}
.floatRightPriZmenseniNone-600 {
    float: right;
}

@media screen and (max-width: 600px) {
    .sirka50procentPriZmenseni100-600 {
        width: 100%;
    }
    .floatLeftPriZmenseniNone-600, .floatRightPriZmenseniNone-600 {
        float: none;
    }
}


.sirka50procentPriZmenseni100-700 {
    width: 50%;
}

.floatLeftPriZmenseniNone-700 {
    float: left;
}

.floatRightPriZmenseniNone-700 {
    float: right;
}

@media screen and (max-width: 700px) {
    .sirka50procentPriZmenseni100-700 {
        width: 100%;
    }

    .floatLeftPriZmenseniNone-700, .floatRightPriZmenseniNone-700 {
        float: none;
    }
}


/*23.8.2023 po půlnoci*/
.mconnect-uvod-div {
    width: 100%;
    background-size: cover;
    position: relative;
}

.mconnect-uvod-div1 {
    min-height: 500px;
    background-image: url(../obrazky/mcon_lidiNaClunu.jpg);
}

.mconnect-uvod-div2 {
    min-height: 500px;
    background-image: url(../obrazky/mcon_lidiMeeting.jpg);
}

.mconnect-uvod-slogan1 {
    display: inline-block;
    left: 50px;
    position: absolute;
    top: 50px;
}

.mconnect-uvod-slogan2 {
    display: inline-block;
    right: 50px;
    position: absolute;
    bottom: 50px;
}

.mconnect-uvod-divVideo {
    height: 70vh;
}

#mconnect-uvod-divVideo-obrazek1, #mconnect-uvod-divVideo-obrazek2 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: opacity 0.4s;
}

#mconnect-uvod-divVideo-vnejsiDiv { /*25.10.2023*/
    transition: opacity 0.4s;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.mconnect-uvod-divVideo-falesnyPrispevek {
    position: absolute;
    top: 50px;
    z-index: 10;
    transition: opacity 0.5s;
}

#mconnect-uvod-divVideo-falesnyPrispevek-textPrispevku {
    font-size: 33px;
    margin-top: 33px;
    margin-bottom: 20px;
}

.mconnect-uvod-divVideo-falesnyPrispevek-odjetVpravo { /*24.8.2023 odpoledne*/
    transition: all 0.4s;
    margin-left: 250px !important;
    opacity: 0;
}

/*Konec 23.8.2023 po půlnoci*/

/*24.8.2023 odpoeldne :)*/
.mconnectUvodTitulniDiv {
    height: calc(75vh - 65px);
    background-color: #e8e8e8;
    width: 100%;
    background-image: url(http://www.metropolis.xf.cz/obrazky/mcon_uvodniFotka.jpg);
    background-size: cover;
    /*color: white;*/
    position: relative; /*display: flex;*/
    align-items: center;
}

.mconnectUvodTitulniDiv-logoImg {
    width: 100%;
    max-width: 300px;
    padding: 35px;
    padding: 5px;
}

.mconnectUvodTitulniDiv-karta1 {
    left: 50px;
    position: absolute;
    top: 50px;
}
/*Konec 24.8.2023*/

/*26.8.23 po půlnoci*/

.mconnectUvodTitulniDiv-karta2 {
    right: 50px;
    position: absolute;
    bottom: 50px;
}

/*24.8.23 po půlnoci*/
@media screen and (max-width: 900px) {
    .mconnect-uvod-divVideo-falesnyPrispevek {
        width: calc(100% - 30px);
        top: 120px;
        transform: translateY(-100%);
    }

    .mconnect-uvod-divVideo {
        margin-top: 180px;
    }

    #mconnect-uvod-divVideo-obrazek1, #mconnect-uvod-divVideo-obrazek2 {
        -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 80%, rgba(0,0,0,0));
    }

    .mconnectUvodTitulniDiv {
        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
    }


}

/*Konec 24.8.23 po půlnoci*/

@media screen and (max-width: 600px) {
    .mconnectUvodTitulniDiv-karta1, .mconnectUvodTitulniDiv-karta2 {
        position: static;
    }

    .mconnectUvodTitulniDiv-karta1 {
        margin-bottom: 25px;
    }

    .mconnectUvodTitulniDiv-karta2 {
        margin-bottom: 100px;
    }

    .mconnectUvodTitulniDiv {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 80px 25px;
        justify-content: space-evenly;
        height: auto;
    }

    .mconnect-uvod-divVideo {
        margin-top: 250px;
    }
}
/*Konec 26.8.23 po půlnoci*/

/*12.9.2023 po půlnoci*/
.mconnect-uvod-divAplikace {
    display: flex;
    justify-content: center;
    padding: 100px 0;
}
/*Konec 12.9.2023 po půlnoci*/

/*12.9.2023*/
.mconnectAplikaceUvodniDiv {
    height: calc(75vh - 65px);
    background-color: #e8e8e8;
    width: 100%;
    background-image: url(http://www.metropolis.xf.cz/obrazky/mcon_uvodniFotka.jpg);
    background-size: cover;
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
}

.mconnectAplikaceUvodniDiv-tlacitkoStahnout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 10px 25px;
    border-top: 14px solid var(--firemniModra);
    background-color: #005da6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
}

.mconnectAplikaceUvodniDiv-tlacitkoStahnout-verze {
    position: absolute;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    
}
    .mconnectAplikaceUvodniDiv-tlacitkoStahnout-verze a {
        width: 100%;
        margin: 0;
    }

.mconnectAplikaceUvodniDiv-tlacitkoStahnout-vnejsiDiv {
    position: relative;
    max-width: 300px;
}
/*Konec 12.9.2023*/











/* Styly */
.m-obrazek-v-galerii {
    height: 85vh;
    max-width: 90vw;
    margin-top: 1vh;
    margin-bottom: 11vh;
    position: fixed;
}

.m-horizontalne-vycentrovany-div {
    margin: 0 auto;
    width: 10vw;
}

.m-tlacitko-cervenyhover:hover {
    background-color: #ff3300 !important;
    color: white !important;
}

.polozkaodklisty {
    padding-top: 18px !important;
    padding-bottom: 17px !important;
    font-weight: 500;
}

.m-h1-sediva {
    text-transform: uppercase;
    font-family: Microsoft YaHei light, Calibri light;
    font-size: 20px;
    padding-left: 25px;
    background-color: #a6a6a6;
    color: white;
    padding-bottom: 7px;
    padding-top: 7px;
}

.m-databaze-galerie {
    text-align: left !important;
    font-family: Microsoft YaHei light, Calibri light;
    font-size: 20px;
}

.m-databaze-prehled-nadpis {
    text-align: left !important;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: Microsoft YaHei light, Calibri light;
    font-size: 18px;
}

.m-databaze-prehled-text {
    font-family: Microsoft YaHei light, Calibri;
    font-size: 15px;
    padding-left: 25px;
    text-align: left !important;
}

.m-databaze-infobox {
    font-family: Microsoft YaHei light, Calibri;
    font-size: 15px;
    text-align: left !important;
    padding-bottom: 10px !important;
}

.m-postrpanel {
    font-size: 20px;
    background-color: #a6a6a6;
    color: white;
    font-family: Calibri light, Microsoft YaHei light;
    position: fixed;
    width: 100%;
    z-index: 1;
    right: 1%;
    top: 2%
}

.m-postrpanel-tlacitko {
    width: 100% !important;
    text-align: left !important;
}

.m-sediva {
    background-color: #a6a6a6;
}

.m-mtgpostrpanel {
    font-size: 20px;
    background-color: #a6a6a6;
    color: white;
    font-family: Calibri light, Microsoft YaHei light;
    position: absolute;
    width: 100%;
    z-index: 1;
    right: 0px;
    top: 20px;
    text-align: center;
    width: 45px;
}

.m-mtgpostrpanel-tlacitko {
    width: 100% !important;
    text-align: center !important;
}

.m-mtgbox {
    width: 65%;
    margin-left: 25px !important;
    background-color: #e8e8e8;
    padding: 10px;
    padding-left: 25px;
}

.m-vlevo {
    text-align: left !important;
}

.m-kod {
    margin-left: 13px;
    font-family: consolas, Calibri light, calibri;
    line-height: 1.25;
    margin-right: 13px;
    background-color: #ededed;
}

.m-kod-hornicast {
    background-color: #d4d4d4;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 8px;
    margin-left: -16px;
    margin-top: 0px;
    margin-right: -16px;
}

#prouzkoveOznameni {
    width: calc(100vw - 50px);
    /*min-height: 50px;*/

    margin-left: auto;
    margin-right: auto;
    /*margin-top: 40px !important;*/

    /*display: flex;
    justify-content: center;
    flex-direction: column;*/
}

    /*#prouzkoveOznameni p {
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0px;
    }*/


/*.m-odkaz-jako-tlacitko {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: white;
    background-color: #737373;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.1s;
    font-family: "Calibri light", Arial, 'Microsoft YaHei Light';
    margin-left: 25px;
}

    .m-odkaz-jako-tlacitko:hover {
        color: #000 !important;
        background-color: #ccc !important
    }*/


.m-tucny-nadpis {
    font-family: "Microsoft YaHei", Calibri, Arial;
}

.m-media-tag-span {
    margin-left: 25px;
    background-color: lightGray;
    border-radius: 10px;
    padding: 10px 18px;
    display: inline-block;
    margin-top: 15px;
}

    .m-media-tag-span P {
        display: inline;
        vertical-align: top;
        margin: 0;
        padding: 0;
    }

.tlacitko-s-modrym-hoverem:hover {
    background-color: #00b0ff !important;
}

.tlacitko-se-svetle-modrym-hoverem:hover {
    background-color: #72d3ff !important;
}

/* Den firmy Metropolis */
#denFirmyPrihlasovaciformular {
    background-color: lightGray;
    padding: 37px 0 30px 0;
    margin-top: 35px;
}
.tlacitkoOdkazNaRegistrcniFormular {
    top: 300px;
    left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    box-shadow: 0 0 20px 9px #00b0ff;
    font-size: 25px;
    padding: 12px 23px;
    font-family: 'Microsoft YaHei', 'Calibri', 'Arial';
    background-color: white;
    color: black;
}

/* Metropolis média */
#m-media-lajky {
    display: grid;
    grid-template-columns: auto auto;
    margin-bottom: 20px;
    /* To níže 10.4.2021 (jenom zkopírováno z inline attributu style="" :) */
    background-color: aliceblue;
    margin-left: 25px;
    color: black;
}

    #m-media-lajky SPAN {
        vertical-align: middle;
        /* height: 100%; */
        line-height: 35.5px;
        margin-left: 10px;
    }

.postranniVideo {
    margin-bottom: 45px;
}

    .postranniVideo A {
        color: black;
        display: block;
    }

        .postranniVideo A IMG { /* Poster */
            width: 170px;
            margin-left: 25px;
        }

        .postranniVideo A H3 { /* Poster */
            margin-bottom: 0;
        }

        .postranniVideo A P { /* Poster */
            margin-bottom: 0;
        }

.m-media-komentar {
    margin-left: 15px;
    margin-right: 15px;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding-top: 11px;
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: auto auto;
}

.div-video-neexistuje {
    width: 60%;
    margin-top: calc(30vh - 75px);
    margin-bottom: calc(30vh - 75px);
}

video {
    width: 100%;
    max-height: 70vh;
}

.div-vyber-postrannich-videi {
    width: 40%;
    float: right;
    padding-top: 10px;
    background-color: #f6f6f6;
}

.div-hlavni-video {
    width: 60%;
    float: left;
}

.hudba-ve-videu {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 40px;
    width: 100%;
    background-color: #def3ff;
}

@media screen and (max-width: 850px) {
    .div-vyber-postrannich-videi {
        width: 100%;
        float: none;
        margin-top: 30px;
        padding-bottom: 1px;
    }

    .div-hlavni-video {
        width: 100%;
        float: none;
    }

    .div-video-neexistuje {
        width: 100%;
    }
}

/* 12.4.2021 až do další poznámky */
.m-svetle-tlacitko {
    background-color: #dedede;
    color: black;
}

/* 21.4.2021 až do další poznámky s datem (přepsáno, nezkopírováno :) ) */
.m-ucet-oznameni { /* Skoro stejný jako m-media-komentar, jen bez display: grid */
    margin-left: 15px;
    margin-right: 15px;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding-top: 11px;
    margin-bottom: 15px;

    display: flow-root; /* Dobrá vlastnost, jinak by dole nebyl žádnej padding, display: grid to dělá taky */
}

/*Napsáno 8.7.2023 a 9.7.2023 po půlnoci*/
.m-ucet-oznameni-hlavicka {
    width: 100%;
    min-height: 40px;
    display: grid;
    grid-template-columns: 40px auto auto;
    margin-top: 5px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom-width: 10px;
    margin-bottom: 25px;
    align-items: center;
}

    .m-ucet-oznameni-hlavicka IMG {
        width: 100%;
        max-height: 40px;
        padding: 11px;
        object-fit: contain;
    }
        .m-ucet-oznameni-hlavicka IMG.m-ucet-oznameni-hlavicka-logoMetropolis {
            padding: 7px;
        }

    .m-ucet-oznameni-hlavicka :nth-child(2) {
        padding: 0 15px;
    }

    .m-ucet-oznameni-hlavicka :nth-child(3) {
        padding: 0 15px;
        text-align: end;
    }

.m-ucet-oznameni-oznacitZpravu {
    color: #00b0ff;
}
.m-ucet-oznameni-odstranitZpravu {
    color: rgb(174, 20, 20);
}




/* 5.5.2021 sem přesunuty styly Chatu firmy Metropolis */
#textChatuUzivateleTextarea {
    margin: 15px;
    height: 70px;
    float: left;
}
.oknoChatu {
    width: 400px;
    height: 500px;
    max-height: 100%;
    margin: 40px auto;
    /* Barva 5.5.2021 - jak jinak, když to už bylo tolikrát níže :) - to jsem totiž psal dřív, takže pro mě tohle napsat bylo až další v pořadí (: - obrácenej smajlík :) :) */
    background-color: rgb(220 220 220);
    /*color: white;*/
    max-width: 100%; /*11.6.2021*/
    overflow-wrap: break-word; /*11.6.2021*/
}
.vnitrniOknoChatu {
    width: 100%;
    height: 400px;
    padding: 15px;
    overflow-y: auto;
    /* Barva 5. máje 2021 :) */
    background-color: rgb(240,240,240);
}
.zpravaUzivatele {
    padding: 5px 15px;
    max-width: 75%;
    float: right;
    clear: both;
    /* Barva 5.5.2021 */
    background-color: #00b0ff;
    color: black;
}
.zpravaFirmy {
    padding: 5px 15px;
    max-width: 75%;
    float: left;
    clear: both;
    /* Barva - to je ale překvápko (tohle jsem psal opravdu naposled :) ) - 5.5.2021 :) */
    background-color: white;
}

.bezFiltruImportant { /*16.6.2021*/
    filter: none !important;
}

/*11.7.2021 překopírováno sem z Metropolis Media stránky video.php*/
#zdrojeVizualnichPrvku, .zdrojeVizualnichPrvku {
    width: calc(100% - 50px);
    top: 90px; /* Jako 65 (odklista) + 25 (okraj) */
    left: 25px;
    position: fixed;
    z-index: 1;
    border-top: 6px solid #33ccff;
    background-color: white;
    max-height: calc(100vh - 65px - 50px);
    overflow-y: auto;
    margin: 0;
    padding: 35px 25px;
}

    #zdrojeVizualnichPrvku BUTTON, .zdrojeVizualnichPrvku BUTTON.tlacitkoZavrit {
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: #e2e2e2;
        color: black;
        font-size: 20px;
    }

    #zdrojeVizualnichPrvku H3, .zdrojeVizualnichPrvku H3 {
        margin-bottom: 6px;
        margin-top: 18px;
    }

#zdrojeVizualnichPrvkuBackgroundDiv.displayBlock, .zdrojeVizualnichPrvkuBackgroundDiv.displayBlock {
    display: block;
}

#zdrojeVizualnichPrvkuBackgroundDiv, .zdrojeVizualnichPrvkuBackgroundDiv {
    height: 100vh;
    width: 100%;
    position: fixed;
    display: none;
    top: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 375px) {
    #zdrojeVizualnichPrvku, .zdrojeVizualnichPrvku {
        width: calc(100% - 10px);
        left: 5px;
    }
}

@media screen and (max-width: 500px) {
    #zdrojeVizualnichPrvku, .zdrojeVizualnichPrvku {
        padding: 35px 20px 35px 12px;
    }
}
/*Konec 11.7.2021*/

/*Překopírováno sem 11.7.2021 z denFirmy/vyhodnocení znalostního testu*/
.pJakoInputText {
    border-radius: 0px;
    padding: 10px 15px;
    border: 1px solid gray;
    display: inline-block;
    width: 350px;
    max-width: calc(100% - 50px);
    margin-left: 25px;
}

@media screen and (min-width: 600px) { /*V 18.7.2021*/
    .mconnect-box-pri-zvetseni-margin-top-2vw {
        margin-top: 1.7vw;
    }
}
@media screen and (max-width: 600px) { /*V 18.7.2021*/
    .mconnect-box-pri-zmenseni-margin-top-25px {
        margin-top: 25px;
    }
}
.mconnect-div-sledovani-uvivatele-seznam { /*V 18.7.2021*/
    display: inline-block;
    margin-left: 25px;
    padding-top: 17px;
    height: 100px; width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
/*Překopírováno 18.7.2021*/
.m-media-komentar {
    grid-template-columns: 80px auto auto;
    max-width: 100%;
}

@media (prefers-color-scheme: light) {
    .m-media-komentar SVG PATH {
        fill: black;
    }
    .ve-svetlem-rezimu-fill-black {
        fill: black;
    }
}

.mconnect-prispevek-vodorovnacara {
    grid-row: 2;
}

.mconnect-prispevek-datum {
    display: inline-block;
    margin-top: 4px;
}


@media screen and (max-width: 420px), (min-width: 601px) and (max-width: 850px) {
    /*.mconnect-prispevek-datum {
        grid-row: 2;
        grid-column-start: 1;
        grid-column-end: 3;
        text-align: left;
    }*/

    .mconnect-prispevek-vodorovnacara {
        grid-row: 3;
    }
}
.mconnect-levy40 {
    width: 40%;
    float: left;
}

.mconnect-pravy60 {
    width: 58%;
    float: right;
}

.mconnect-div-okrajovy {
    width: 80%;
    margin: 30px auto 0 auto;
}

@media screen and (max-width: 900px) {
    .mconnect-div-okrajovy {
        width: calc(100% - 50px);
    }
}

@media screen and (max-width: 600px) {
    .mconnect-levy40 {
        width: 100%;
        float: none;
        margin-bottom: 25px;
    }

    .mconnect-pravy60 {
        width: 100%;
        float: none;
    }

    .mconnect-div-okrajovy {
        width: 90%;
    }
}
/*KONEC překoúírováno 18.7.2021*/

/*2.9.2021 - Styly pro novou odkazovou lištu*/
@keyframes nabidkaUzivatelskehoUctuPrijet {
    from {
        right: -500px;
        opacity: 1;
    }

    to {
        right: 0;
        opacity: 1;
    }
}

@keyframes nabidkaUzivatelskehoUctuOdjet {
    from {
        /*right: 0;*/
        opacity: 1;
    }

    to {
        /*right: -500px;*/
        opacity: 0;
        transform: scale(0.7);
    }
}

/*.divNabidkaUzivatelskehoUctuOdjet {
            animation-name: nabidkaUzivatelskehoUctuOdjet;
        }

        .divNabidkaUzivatelskehoUctuPrijet {
            animation-name: nabidkaUzivatelskehoUctuPrijet;
        }*/

/*header {
    height: 70px;
    background-color: #f1f1f1;*/
    /*border-bottom: 3px solid #00b0ff;*/
    /*width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: gray 0 0 20px;*/
    /*box-shadow: #00b0ff 0 0 20px;*/
/*}*/

.rozbalovaciTlacitkoOdkazovaLista {
    height: 100%;
    background-color: transparent;
    vertical-align: bottom;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 15px;
}

header .rozbalovaciTlacitkoOdkazovaLista p {
    /*border-bottom: 3px solid #84d9ff;*/
    border-bottom: 3px solid #94dfff;
    /*padding-top: 4px;
                padding-bottom: 2px;*/
    transition-duration: 0.25s;
    font-size: 17px;
    font-family: 'Microsoft YaHei', Calibri, Arial;
    padding: 4px 0 2px 0;
    margin: auto;
}

header .rozbalovaciTlacitkoOdkazovaLista:hover p {
    border-bottom: 3px solid #00b0ff;
}

header .tlacitkoOdkazovaListaNapravo {
    height: 100%;
    background-color: transparent;
    vertical-align: bottom;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 25px;
    float: right;
}

.tlacitkoOdkazovaListaNapravo svg path {
    transition-duration: 0.25s;
}

.tlacitkoOdkazovaListaNapravo:hover svg path {
    fill: #94dfff;
    stroke: #94dfff;
}

.svgVyplneneFiremniModrouBarvou {
    stroke: #00b0ff !important;
    fill: #00b0ff !important;
}


/*Překopírováno sem 21.1.2022 z test/slideshow.php + doplněny dneska responzivnosti*/

#slideshowP {
    font-size: 25px;
    margin-top: 70px;
    padding-left: 55px;
}

#slideshowH1 {
    margin-top: 90px; /* 1,25x4x4x4 je 80 :) - významný číslo - tři štyrky :) */
}

@keyframes SlideshowAnimacePrijetZpravaH1 {
    from {
        left: calc(100% + 100px);
        opacity: 0;
    }

    to {
        left: 100%;
        opacity: 1;
    }
}

@keyframes SlideshowAnimacePrijetZpravaP {
    from {
        left: 150px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

.SlideshowAnimacePrijetZpravaH1 {
    animation-name: SlideshowAnimacePrijetZpravaH1;
    animation-duration: 0.9s;
}

.SlideshowAnimacePrijetZpravaP {
    animation-name: SlideshowAnimacePrijetZpravaP;
    animation-duration: 0.9s;
}

.slideshow-ovladaci-tlacitko-1 {
    height: 14px;
    width: 30px;
    border-radius: 5px;
    background-color: lightgray;
    display: inline-block;
    transition: 1s;
    overflow: hidden;
}

    .slideshow-ovladaci-tlacitko-1 span {
        background-color: lightseagreen;
        height: 100%;
        display: block;
        width: 0;
    }

@media (prefers-color-scheme: dark) {
    .slideshow-ovladaci-tlacitko-1 span {
        background-color: #005c5c;
    }
    .slideshow-ovladaci-tlacitko-1 {
        background-color: #4d4d4d;
    }
}

.slideshow-ovladaci-tlacitko-1-aktivni {
    width: 130px;
}

.slideshow-div-ovladaci-tlacitka {
    position: absolute;
    top: calc(100% - 50px);
    left: 35px;
}

@media screen and (max-width: 900px) {
    .slideshow-ovladaci-tlacitko-1 {
        height: 12px;
    }

    .slideshow-div-ovladaci-tlacitka {
        top: calc(100% - 30px);
        left: 15px;
    }
}

@media screen and (max-width: 700px) {
    #slideshowH1 {
        font-size: 35px;
    }

    .slideshow-ovladaci-tlacitko-1 {
        height: 10px;
    }
}

@media screen and (max-width: 550px) {
    #slideshowH1 {
        font-size: 30px;
    }

    #slideshowP {
        padding-left: 45px;
    }
}

@media screen and (max-width: 450px) {
    #slideshowH1 {
        font-size: 25px;
    }

    #slideshowP {
        padding-left: 30px;
    }
}

@media screen and (max-width: 330px) {
    #slideshowH1 {
        font-size: 23px;
        margin-top: 55px;
    }

    #slideshowP {
        font-size: 22px;
        padding-left: 30px;
        margin-top: 50px;
    }

    .slideshow-ovladaci-tlacitko-1 {
        height: 4px;
    }
}

/*Konec 21.1.2022*/

/*9.4.2023*/
.knihovnaKSM-nadpisSlogem {
    position: relative;
    margin-bottom: 25px;
}

    .knihovnaKSM-nadpisSlogem H1 {
        max-width: 60%;
        display: inline-block;
        margin-bottom: 25px;
    }

    .knihovnaKSM-nadpisSlogem PICTURE IMG {
        max-width: 29%;
        right: 25px;
        padding: 25px;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        max-height: 100%;
    }

.knihovnaKSM-tabulkaSoupisFondu-nadpis {
    /*background-color: #202020;*/
}

.knihovnaKSM-tabulkaSoupisFondu {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    /*border-collapse: separate;
    border-spacing: 15px 20px;*/
    text-align: left;
}

    .knihovnaKSM-tabulkaSoupisFondu tr:not(:first-of-type) {
        cursor: pointer;
    }
        .knihovnaKSM-tabulkaSoupisFondu tr:nth-child(even) {
            background-color: rgb(143 143 143 / 20%)
        }
    .knihovnaKSM-tabulkaSoupisFondu td {
        padding: 10px 15px;
    }

    .knihovnaKSM-tabulkaSoupisFondu .knihovnaKSM-tabulkaSoupisFondu-nadpis th {
        font-size: 25px;
        font-style: italic;
        padding: 0 15px 0 5px;
        font-weight: 100;
    }

    .span-nebyloVyplneno {
        font-style: italic;
        color: gray;
    }

@media screen and (max-width: 700px) {

    .knihovnaKSM-tabulkaSoupisFondu { /*14.4.2023*/
        padding: 0;
    }
        .knihovnaKSM-tabulkaSoupisFondu td { /*14.4.2023*/
            padding: 10px 8px;
        }

    .knihovnaKSM-nadpisSlogem H1 {
        max-width: 100%;
        margin-top: 0;
        font-size: 30px;
    }

    .knihovnaKSM-nadpisSlogem PICTURE IMG {
        max-width: min(100%, 250px);
        position: static;
        max-height: 100%;
        transform: none;
        display: block;
    }
}

.knihovnaKSM-fotkaObalky {
    padding: 25px;
    max-width: 100%;
    max-height: 40vh;
}

.knihovnaKSM-tabulkaDetailKnihy {
    padding-right: 25px;
    padding-left: 25px;
    text-align: left;
}

    .knihovnaKSM-tabulkaDetailKnihy th {
        padding-right: 25px;
    }

/*Konec 9.4.2023*/

/*mConnect překopírováno 12.8.2023*/
.mconnect-prispevek-vodorovnacara {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row: 3;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 0;
}


@media screen and (max-width: 420px), (min-width: 600px) and (max-width: 850px) {
    .mconnect-prispevek-vodorovnacara {
        grid-row: 3;
    }
}

.mconnect-barevnyPrispevek-modra1 { /* Světle modrá */
    background-color: #a7d6ff;
}
.mconnect-barevnyPrispevek-modra2 { /* Tmavě modrá */
    background-color: #0065bd;
    color: white;
}
.mconnect-barevnyPrispevek-zelena1 { /* Světle zelená */
    background-color: #84ff6b;
}
.mconnect-barevnyPrispevek-zelena2 { /* Tmavě zelená */
    background-color: #1e8508;
    color: white;
}
.mconnect-barevnyPrispevek-oranzova1 { /* Světle oranžová */
    background-color: #ffd5ab;
}
.mconnect-barevnyPrispevek-oranzova2 { /* Tmavě oranžová */
    background-color: #d15119;
    color: white;
}
@media (prefers-color-scheme: dark) { /* Světle modrá */
    .mconnect-barevnyPrispevek-modra1 {
        background-color: #233545;
    }
    .mconnect-barevnyPrispevek-modra2 { /* Tmavě modrá */ /* Stejně */
        /*background-color: #0065bd;*/
    }
    .mconnect-barevnyPrispevek-zelena1 { /* Světle zelená */
        background-color: #173710;
    }
    .mconnect-barevnyPrispevek-zelena2 { /* Tmavě zelená */
        background-color: #166506;
    }
    .mconnect-barevnyPrispevek-oranzova1 { /* Světle oranžová */
        background-color: #431704;
    }
    .mconnect-barevnyPrispevek-oranzova2 { /* Tmavě oranžová */
        background-color: #7f3210;
    }
}

.mconnect-levy40 {
    width: 40%;
    float: left;
}

.mconnect-pravy60 {
    width: 58%;
    float: right;
}



@media screen and (max-width: 600px) {
    .mconnect-levy40 {
        width: 100%;
        float: none;
        margin-bottom: 25px;
    }

    .mconnect-pravy60 {
        width: 100%;
        float: none;
    }
}

/*Konec překopírováno 12.8.2023*/

/*Napsáno 12.8.2023 ale asi o 9 hodin pozdějc :) – ve 13:19*/
.mconnect-prispevek {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 5px;
    padding-top: 11px;
    margin-bottom: 30px;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 80px auto min-content;
    max-width: 100%;
    /*overflow: hidden;*/
}

.mconnect-prispevek-ikonaUzivatele {
    background-color: #161616;
    border-radius: 50%;
    margin: auto;
    width: 42px;
    padding: 10px;
}
#nabidkaBarevnychPozadi-vnitrniDiv::-webkit-scrollbar {
    display: none;
}
#nabidkaBarevnychPozadi-vnitrniDiv {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.mconnect-pridatPrispevek-fotkaModal-pozadi {
    justify-content: center;
    align-items: center;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 205;
}

.mconnect-pridatPrispevek-fotkaModal-vnitrniDiv {
    max-width: calc(100% - 50px);
    width: min(100%, 800px);
    max-height: calc(80vh - 65px);
    overflow: auto;
    /*left: 50%;
    top: calc(50% + 32.5px);
    transform: translate(-50%, -50%);*/
    margin-top: 65px;
    z-index: 210;
}

.mconnect-pridatPrispevek-fotkaModal-vnitrniDiv-tlacitkoZavrit { /**/
    display: block;
    margin: 10px;
    margin-left: auto;
}

#mconnect-pridatPrispevek-fotkaModal-nahledFotkyImg {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.mconnect-pridatPrispevek-fotkaModal-nahledFotkyVnejsiDiv {
    padding: 10px;
    margin: 25px;
    height: max(200px, calc(40vh - 65px));
    max-height: 500px;
    border: 4px solid grey;
    display: block;
}


.mconnect-karta-design1 {
    border-top: 20px solid #00b0ff;
    border-radius: 5px;
    padding-bottom: 10px;
}
/*Konec 12.8.2023*/


/* Napsáno 13.8.2023 */

.mconnect-prispevek-obrazkovy-fotkaImg {
    width: 100%;
    max-height: 750px;
    object-fit: cover;
}

/* Konec napsáno 13.8.2023 */

/* 14.8.2023 po půlnoci */

.mconnect-fotkyUzivatele-vnitrniDiv {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(25%, 130px), 1fr));
    grid-auto-rows: 140px;
    padding: 12px;
    row-gap: 10px;
    column-gap: 10px;
}
    .mconnect-fotkyUzivatele-vnitrniDiv img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

/*Konec 14.8.2023 po půlnoci*/

/*14.8.2023 před půlnocí :)*/
.mconnect-prispevek-tlacitkoMenu-vnejsiDiv {
    position: relative;
    align-self: center;
}
.mconnect-prispevek-tlacitkoMenu {
    height: 35px;
    padding: 0 13px;
    margin-right: 10px;
    border-radius: 5px;
    line-height: 1;
    background-color: transparent;
}
    .mconnect-prispevek-tlacitkoMenu img {
        grid-column: 3;
        width: 20px;
        height: 20px;
        opacity: 0.5;
    }
.mconnect-prispevek-tlacitkoMenu-menuDiv {
    max-width: calc(100vw - 50px);
    width: 200px;
    position: absolute;
    top: 35px;
    right: 10px;
    overflow: hidden;
}
    .mconnect-prispevek-tlacitkoMenu-menuDiv a.m-odkaz-jako-tlacitko {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

/*Konec 14.8.2023*/
/*15.8.2023 před půlnocí*/
.mconnect-fotkyUzivatele-vnitrniDiv-zobrazitVse {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
}
/*Konec 15.8.2023*/
/* 16.8.2023 */

.mconnect-prispevek-tlacitkaDole-vnejsiDiv {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 60px;
    padding: 10px;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-column-gap: 10px;
}

.mconnect-prispevek-tlacitkaDole-vnejsiDiv button {
    width: 100%;
    height: 100%;
}

/*Konec 16.8.2023*/

/*20.8.2023 po půlnoci*/

.mconnect-input1 {
    padding: 12px 22px 7px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 4px;
    transition: 0.4s;
    border-radius: 5px;
    border: 0px !important;
    border-bottom: 4px solid transparent !important;
    vertical-align: middle;
}
    .mconnect-input1:focus {
        border: 0px !important;
        border-bottom: 4px solid var(--firemniModra) !important;
    }

/*24.10.2023 po půlnoci*/

@keyframes animaceZvetsovaniObrazkuMconnect {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

.animaceZvetsovaniObrazkuMconnect {
    animation-name: animaceZvetsovaniObrazkuMconnect;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

/*Konec 24.8.2023*/

/*25.10.2023*/

.mconnectUvodTitulniDiv-velkeLogo {
    width: 50%;
    transform: translate(-40%);
    top: 10%;
    position: relative;
    max-height: 70%;
}

/*.mconnectUvodTitulniDiv-divNadpis {
    position: absolute;
    right: 10%;
    top: 40%;
    width: 65%;
    padding-left: 40px;
}

.mconnectUvodTitulniDiv-divNadpis-podnadpis {
    font-size: clamp(16px, 2vw, 25px);*/ /* Je to min-ideál-max */
/*}

.mconnectUvodTitulniDiv-divNadpis-h1 {
    font-size: clamp(16px, 7vw, 140px);
}*/


/*3.11.2023*/

.mconnectUvodTitulniDiv2 {
    position: relative;
}

.mconnectUvodTitulniDiv-nadpisDiv {
    position: relative;
    margin-top: 31vw;
    width: min(100%, 900px);
    margin-right: auto;
    margin-left: auto;
    padding: 80px 25px;
}

.mconnectUvodTitulniDiv-nadpisDiv-logoImg {
    width: 100%;
}

.mconnectUvodTitulniDiv-logoDesign {
    position: absolute;
    /*filter: drop-shadow(0 0 4px white);*/
}

#mconnectUvodTitulniDiv-logo1 {
    width: 25%;
    transform: translate(-10%, -50%);
}

#mconnectUvodTitulniDiv-logo2 {
    left: 25%;
    width: 12%;
    transform: translate(-50%, -20%);
}

#mconnectUvodTitulniDiv-logo3 {
    left: 45%;
    width: 30%;
    transform: translate(-50%, -10%);
}

#mconnectUvodTitulniDiv-logo4 {
    left: 65%;
    top: 4vw;
    width: 27%;
    transform: translate(-50%, 0);
}
#mconnectUvodTitulniDiv-logo5 {
    right: 0;
    width: 30%;
    transform: translate(20%, -10%);
}
#mconnectUvodTitulniDiv-logo6 {
    left: 67%;
    width: 12%;
    transform: translate(-50%, -60%);
}
#mconnectUvodTitulniDiv-logo7 {
    left: 0;
    top: 19vw;
    width: 20%;
    transform: translate(-30%, -50%);
}

.mconnectUvodTitulniDiv-nadpisDiv-podnadpis1 {
}

.mconnect-div-polovina-logaDesign {
    display: flex;
    position: relative;
    margin: 50px 0;
    align-items: flex-start;
    padding-top: 50px;
}

.mconnect-div-polovina-pravaLogaDesign {
    flex-direction: row;
    text-align: end;
}

.mconnect-div-polovina-levaLogaDesign {
    display: flex;
    text-align: start;
}

.mconnect-div-polovina-levaLogaDesign {
    flex-direction: row-reverse;
}

    .mconnect-div-polovina-logaDesign div:nth-child(1) { /* Text */
        width: 80%;
        padding: 25px;
    }

    .mconnect-div-polovina-logaDesign div:nth-child(2) { /* Obrázek */
        width: 20%;
        height: 20vw;
    }

.mconnect-div-polovina-logaDesign-logoDesign {
    position: absolute;
}

#mconnect-div-polovina-pravaLogaDesign-1-logo1 {
    right: 0;
    top: 0;
    transform: translate(20%, 0) rotateZ(-22deg);
    width: 11vw;
}

#mconnect-div-polovina-pravaLogaDesign-1-logo2 {
    right: 0;
    top: 10vw;
    transform: translate(40%, 0) rotateZ(20deg);
    width: 12vw;
}

#mconnect-div-polovina-pravaLogaDesign-1-logo3 {
    right: 7vw;
    top: 10vw;
    transform: translate(50%, 0) rotateZ(-29deg);
    width: 5.5vw;
}


#mconnect-div-polovina-levaLogaDesign-1-logo1 {
    left: 0;
    top: 0;
    transform: translate(-25%, 0) rotateZ(40deg);
    width: 13vw;
}

#mconnect-div-polovina-levaLogaDesign-1-logo2 {
    left: 0;
    top: 11.5vw;
    transform: translate(-30%, 0) rotateZ(-20deg);
    width: 10.5vw;
}

@media screen and (max-width: 600px) {
    .mconnect-div-polovina-pravafotka {
        flex-direction: column-reverse;
    }

        .mconnect-div-polovina-pravafotka div {
            width: 100%;
        }

    .mconnect-div-polovina-logaDesign {
        padding-top: 0;
    }
}

@media (prefers-color-scheme: dark) {
    .mconnectUvodTitulniDiv-logoDesign {
        filter: brightness(0.75);
    }
}





/* Styly pro rozšíření nadpisu pro lepší odkazování přes id */
/* Myšleno jakože: Když odkazuju odkazem na třeba nadpis s ňákym ID, tak mi ten nadpis zakreje odklista, což je divný. Takže ho pomocí ::before rozšířim :) */
/* Převzato ze https://stackoverflow.com/a/47889385/12425881 */

.idOdkazZvyseny80::before { /*16.4.2022*/
    display: block;
    content: " ";
    margin-top: -80px;
    height: 80px;
    visibility: hidden;
    pointer-events: none;
}

.idOdkazZvyseny85::before { /*16.4.2022*/
    display: block;
    content: " ";
    margin-top: -85px;
    height: 85px;
    visibility: hidden;
    pointer-events: none;
}

.idOdkazZvyseny90::before { /*16.4.2022*/
    display: block;
    content: " ";
    margin-top: -90px;
    height: 90px;
    visibility: hidden;
    pointer-events: none;
}


/* Important přidáno 24.12.2023 */
/* Styly bez paddingu */
/*
    *    ________ .bhp ________
    *    |                     |
    *    |                     |
    *    .blp                  .bpp
    *    |                     |
    *    |_______ .bdp ________|
    *    .bXp = Bez levého/horního/pravého/dolního paddingu
    */
.blp {
    padding-left: 0px !important;
}

.bhp {
    padding-top: 0px !important
}

.bpp {
    padding-right: 0px !important
}

.bdp {
    padding-bottom: 0px !important
}

/* Styly bez marginu */

/*
________ .bhm ________
|                     |
|                     |
.blm                  .bpm
|                     |
|_______ .bdm ________|
.bXp = Bez levého/horního/pravého/dolního marginu
 */
.blm {
    margin-left: 0px !important
}

.bhm {
    margin-top: 0px !important
}

.bpm {
    margin-right: 0px !important
}

.bdm {
    margin-bottom: 0px !important
}

/*Styly kompletně bez paddingu/marginu 9.7.2023*/
.bm {
    margin: 0;
}
.bp {
    padding: 0;
}



/* Styly pro určení okrajů - vytvoření 13.6.2021 */
.paddingbottom10 {
    padding-bottom: 10px;
}
.paddingbottom20 {
    padding-bottom: 20px;
}


/* Styly zaoblených orkajů – 12.8.2023 */
.m-borderRadius-5 {
    border-radius: 5px;
}

/* Styly pro display */
.m-display-none {
    display: none;
}
.m-display-block {
    display: block;
}
.m-display-flex { /*15.8.2023*/
    display: flex;
}


/*17.6.2022 - rada :)*/
/*Takhle by se dala smazat ta prázdná reklama WZ, ten div, co jenom zabírá místo, no a žádná reklama v něm stejně neni*/
/*div[style*='z-index:99'] {
    display: none;
}*/



/* TADY BYLO ZÁKLADNÍ FORMÁTOVÁNÍ VĚCÍ (PŘEKOPÍROVÁNO VÝŠE 12.4.2021) */

/* Písma */

/*@font-face {
    font-family: "Lucida Handwriting";
    src: url("http://www.metropolis.xf.cz/pisma/LHANDW.TTF");
}*/

/* Styly .m-****** (vytvořeno 12.4.2021, ale to jen zkopírováním těch stylů sem :) ---- NAKONEC PRÁZDNÉ, ALE NEMAZAT, JE TO NA PAMÁTKU :) */

/* 5.5.2021 vytvořen první styl barvy */
.m-bgcolor-firemniTyrkysova-neimportant {
    background-color: #00b0ff;
}

.m-bgcolor-velmiSvetleSeda-neimportant { /*9.6.2021 další styly*/
    background-color: #e6e6e6;
}
.m-bgcolor-skoroBilaSeda-neimportant { /*9.6.2021*/
    background-color: #f7f7f7;
}
.m-bgcolor-svetleSeda-neimportant { /*11.6.2021*/
    background-color: #e8e8e8;
}
.m-bgcolor-trochuTmavejsiCervena-neimportant {
    background-color: rgb(230, 0, 0);
}
.m-bgcolor-bila-neimportant { /*16.7.2021*/
    background-color: white;
}

.m-barvaFontu-bila { /*17.6.2021*/ /*16.7.2021 přejmenováno z m-barvaFontu-bila na m-barva-bila (nakonec ne) */
    color: white;
}

/* Světlý režim */
@media (prefers-color-scheme: light) { /*16.7.2021*/
    .m-ve-svetlem-rezimu-barva-seda { /*16.7.2021*/
        color: gray;
    }
    .m-ve-svetlem-rezimu-barva-bila { /*21.1.2022*/
        color: white;
    }
    .m-ve-svetlem-rezimu-barva-cerna { /*21.1.2022*/
        color: black;
    }
    .m-ve-svetlem-rezimu-boxshadow3 { /*24.3.2022*/
        box-shadow: 0px 1.5px 11px 0px #767676;
    }
    .m-ve-svetlem-rezimu-invert1-important {
        filter: invert(1) !important;
    }
    .m-ve-svetlem-rezimu-bgcolor-bila-neimportant { /*12.8.2023*/
        background-color: white;
    }
    .m-ve-svetlem-rezimu-bgcolor-skoroBilaSeda-neimportant { /*12.8.2023*/
        background-color: #f7f7f7;
    }
    .m-ve-svetlem-rezimu-boxshadow4 { /*Slabý stín – 12.8.2023*/
        box-shadow: 0px 1.5px 11px 0px #d9d9d9;
    }
    .m-ve-svetlem-rezimu-boxshadow5 { /*Úplně slaboučký stín – 12.8.2023*/
        box-shadow: 0px 1.5px 4px 0px #d9d9d9;
    }
    .m-ve-svetlem-rezimu-boxshadow6 { /*Střední stín – 28.12.2023*/
        box-shadow: 0px 2px 10px 0px #b7b7b7;
    }
    .m-ve-svetlem-rezimu-tlacitko-svetleSede { /*12.8.2023*/
        background-color: #b8b8b8;
        color: black;
    }
    .m-ve-svetlem-rezimu-tlacitko-bile { /* 14.8.2023 */
        background-color: white;
        color: black;
    }
    .m-ve-svetlem-rezimu-hover-bila:hover {
        background-color: white;
    }
    .m-ve-svetlem-rezimu-tlacitko-svetleSedeSkoroBile { /*16.8.2023*/
        background-color: #e9e9e9;
        color: black;
    }
    .m-ve-svetlem-rezimu-bgcolor-firemniTyrkysova-neimportant { /*16.8.2023*/
        background-color: #00b0ff;
    }

    .mconnectUvodTitulniDiv {
        background-image: url(http://www.metropolis.xf.cz/obrazky/mcon_uvodniFotkaInverzni.jpg);
    }
}


.m-textshadow1 { /*28.12.2023*/
    text-shadow: 0 0 12px black;
}


/* Tmavý režim - MUSÍ BÝT NA KONCI */
@media (prefers-color-scheme: dark) {
    /* Styl tmavemodra neimportant přidán 4.5.2021 */
    .v-tmavem-rezimu-bgcolor-tmaveModra-neimportant {
        background-color: #294f5e;
    }
    .v-tmavem-rezimu-bgcolor-tmaveCervena-neimportant { /*17.6.2021*/
        background-color: darkred;
    }
    .v-tmavem-rezimu-bgcolor-skoroCerna-neimportant { /*29.10.2021*/
        background-color: #202020;
    }
    .v-tmavem-rezimu-bgcolor-tmaveTyrkysova-neimportant { /*21.1.2022*/
        background-color: darkcyan;
    }
    .v-tmavem-rezimu-bgcolor-stredneTmaveSeda-neimportant { /*16.11.2023*/
        background-color: #252525;
    }
    body {
        background-color: #121212; /*Změna 12.8.2023 z black*/
        color: #d5d5d5;
    }
        /*body:after {
            content: "";
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0,0,0,0.5);
            pointer-events: none;
        }*/
    p, h1, h2, h3, h4, button {
        color: #d5d5d5/*!important*/;
    }
    a {
        color: cyan;
    }
    hr {
        border-top: 1px solid #4f4f4f;
    }
    button, .m-odkaz-jako-tlacitko, input[type=submit] {
        background-color: #2f2f2f;
        color: white;
        width: auto;
    }
        /* Hover přidán 4.5.2021 */
        button:hover, .m-odkaz-jako-tlacitko:hover, input[type=submit]:hover {
            background-color: #3d3d3d;
            color: white;
        }

    /*Třída m-tlacitko-v-tmavem-rezimu-svetlejsi1 přidána 1.5.2023*/

    .m-tlacitko-v-tmavem-rezimu-svetlejsi1 {
        background-color: #4c4c4c !important;
    }
        .m-tlacitko-v-tmavem-rezimu-svetlejsi1:hover {
            background-color: #5a5a5a !important;
        }

    /*textarea, input, select {
        background-color: #797979;
        border: 1px solid darkGray;
        color: white;
    }*/
    .w3-top {
        background-color: #2f2f2f;
    }
    img:not(#logoFirmyMetropolisOdkLista):not(.bezFiltruTmavehoDesignu):not(.filtrTmavehoRezimuBezStinu) { /*13.6.2021 přidáno druhé :not()*/
        filter: brightness(.8) contrast(1.2) drop-shadow(0 0 4px white);
    }
    :root {
        color-scheme: light dark; /* both supported */
    }
    #uzivatelskanabidkaprikliknuti {
        background-color: #1e1e1e;
    }
        #uzivatelskanabidkaprikliknuti #prihlaseno, #uzivatelskanabidkaprikliknuti #neprihlaseno {
            border: 0;
            border-bottom: 1px solid #ccc;
        }
    .svgSpravovatUcetMetropolis {
        fill: white;
    }
    #denFirmyPrihlasovaciformular { /* Den firmy Metropolis */
        background-color: #2f2f2f;
    }
    .tlacitkoOdkazNaRegistrcniFormular {
        background-color: #2f2f2f;
    }

    #m-media-lajky, .m-media-tag-span { /* Metropolis Média věci :) */
        background-color: #2f2f2f;
    }

        #m-media-lajky SVG {
            fill: #d5d5d5 !important;
        }

    /* 3.5.2021 - Věci chatu Metropolis */
    .zpravaUzivatele {
        background-color: #294f5e;
        color: #d5d5d5;
    }
    .zpravaFirmy {
        background-color: #2f2f2f;
    }

    .v-tmavem-rezimu-bgcolor-minTmaveSeda { /*9.6.2021*/
        background-color: #3d3d3d !important;
    }
    .v-tmavem-rezimu-bgcolor-minTmaveSeda-neimportant { /*16.8.2023*/
        background-color: #3d3d3d;
    }
    .v-tmavem-rezimu-bgcolor-minTmaveSeda-neimportant-pruhlednost1 { /*6.1.2024*/
        background-color: rgb(61 61 61 / 65%);
        ;
    }
    .v-tmavem-rezimu-bgcolor-tmaveSeda {
        background-color: #2f2f2f !important;
    }
    .v-tmavem-rezimu-bgcolor-vicTmaveSeda {
        background-color: #1e1e1e !important;
    }
    .v-tmavem-rezimu-bgcolor-tmaveModra {
        background-color: #294f5e !important;
    }
    .v-tmavem-rezimu-bgcolor-cerna {
        background-color: black !important;
    }
    .v-tmavem-rezimu-bgcolor-skoroCerna { /*9.6.2021*/
        background-color: #202020 !important;
    }

    /* 5.5.2021 přidána třída v-tmavem-rezimu-color-tmaveBila */
    .v-tmavem-rezimu-color-tmaveBila {
        color: #d5d5d5 !important;
    }
    .v-tmavem-rezimu-color-bila { /*11.5.2023*/
        color: white !important;
    }

    .v-tmavem-rezimu-hover-bgcolor-minTmaveSeda1:hover {
        background-color: #4b4a4a;
    }

    svg {
        fill: #d5d5d5;
    }

    .filtrTmavehoRezimuBezStinu { /*13.6.2021*/
        filter: brightness(.8) contrast(1.2);
    }

    .filtrTmavehoRezimuBezStinuImportant { /*9.5.2022*/
        filter: brightness(.8) contrast(1.2) !important;
    }

    .v-tmavem-rezimu-boxshadow1 { /*10.7.2021*/
        box-shadow: 0px 4px 20px 4px #535353;
    }

    .v-tmavem-rezimu-boxshadow2 { /*20.2.2022*/
        box-shadow: 0px 3px 14px 1px #313131;
    }

    .v-tmavem-rezimu-boxshadow3 { /*24.3.2022*/
        box-shadow: 0px 1.5px 11px 0px #767676;
    }

    .v-tmavem-rezimu-boxshadow4 { /*14.8.2023*/
        box-shadow: 0px 1.5px 5px 0px black;
    }


    /*V (V=vytvořeno) 12.7.2021*/
    .pJakoInputTextBarvy {
        background-color: rgb(59, 59, 59);
    }

    /*P (P=překopírováno) 2.9.2021*/
    /*header {
        background-color: #2f2f2f;
        box-shadow: gray 0 -6px 20px;
    }*/ /*Zakomentováno 9.5.2022*/

        header .rozbalovaciTlacitkoOdkazovaLista p {
            color: #d5d5d5;
            border-bottom: 3px solid #2d7898;
        }

        header .rozbalovaciTlacitkoOdkazovaLista:hover p {
            border-bottom: 3px solid #00b0ff /*#2ea4d7*/;
        }

    /*Pro ztmavení reklamy do tmavého režimu – V29.6.2023*/
    img[src*="https://www.webzdarma.cz/"] {
        filter: brightness(.8) contrast(1.2) !important;
    }

    /*Překopírováno 30.6.2023*/
    .mw-karta1-nadpisJazykModry {
        color: #2ebaff;
    }
    /*.mw-karta1-nadpisJazykZluty {
				color: #bd9f00;
			}
			.mw-karta1-nadpisJazykZeleny {
				color: #388938;
			}
			.mw-karta1-nadpisJazykHnedy {
				color: #b7551a;
			}
			.mw-karta1-nadpisJazykFialovy {
				color: #973a97;
			}
			.mw-karta1-nadpisJazykFialovyTmave {
				color: #4a4ddb;
			}*/

    .mw-prechodmodrabilanahoru {
        background-image: linear-gradient(to bottom, black, black, black, black, #02345f);
    }

    .mw-karta1 {
    }

    .mw-nadpiswebdesign-logo {
        padding-left: 25px;
        padding-right: 25px;
        width: 100%;
        display: block;
        filter: none;
    }

    .mw-karta3-polozkaCeniku-cenaRamecek {
        border-color: #d5d5d5;
    }

    .mw-karta4-formularKontakt input, .mw-karta4-formularKontakt textarea, .mw-karta4-formularKontakt input:focus, .mw-karta4-formularKontakt textarea:focus {
        border-color: #d5d5d5 !important;
        background-color: #1e1e1e;
    }

        .mw-karta4-formularKontakt input:focus, .mw-karta4-formularKontakt textarea:focus {
            background-color: #292929;
        }

    #mw-karta4-formularKontakt-tlacitkoOdeslat {
        border-color: #d5d5d5;
        background-color: #2f2f2f;
    }

    .mw-karta4-kontakt-email {
        color: #d5d5d5;
        border-color: #d5d5d5;
    }

    .mw-odklista-logo PICTURE {
        filter: none;
    }

    .mw-odklista {
        background-color: #292828;
    }

    .mw-karta2-naseReference-tlacitkoDal {
        background-color: rgba(20, 20, 20, 0.9);
    }

        .mw-karta2-naseReference-tlacitkoDal IMG {
            filter: none;
        }
    /*Konec překopírováno 30.6.2023*/

    /*12.7.2023*/
    .v-tmavem-rezimu-invert1-important {
        filter: invert(1) !important;
    }
    /*Konec 12.7.2023*/

}

/* Konec kódů tmavého režimu - NIC ZA TÍMHLE UŽ NESMÍ BÝT, JINAK TO PŘEPÍŠE TY KÓDY TMAVÉHO REŽIMU!!! */

.m-barvaFontu-bila-vzdy { /*30.6.2021*/
    color: white;
}