/* WWW.GALERIEPLATYZ.CZ, MEDIA SCREEN */

/* ZAKLADNI NASTAVENI */

html {
    background: #fff;
    font-size: 100.01%;
}

body {
    color: #333;
    font: normal normal normal 1em / normal Tahoma, "Lucida Grande CE", lucida,
    sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

a img,
a:link img {
    border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: square;
}

hr {
    border: none;
    margin: 0;
}

ins {
    text-decoration: none;
}

blockquote,
q {
    quotes: none;
}

form,
fieldset,
label,
legend {
    margin: 0;
    padding: 0;
}

fieldset {
    border: none;
}

label {
    cursor: pointer;
}

input.text,
input.password {
    color: #000000;
    font: normal normal normal 1em / normal sans-serif;
    letter-spacing: 1px;
    padding: 2px;
}

input.submit,
input.reset,
input.button {
    cursor: pointer;
    font: normal normal normal 1em / normal sans-serif;
    padding: 2px;
}

textarea {
    color: #000000;
    font: normal normal normal 1em / normal sans-serif;
    letter-spacing: 1px;
    overflow: auto;
    padding: 2px;
    resize: none;
}

select {
    color: #000000;
    font: normal normal normal 1em / normal sans-serif;
    padding: 1px;
}

button {
    background: transparent;
    border: none;
    cursor: pointer;
    font: normal normal normal 1em / normal Tahoma, "Lucida Grande CE", lucida,
    sans-serif;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    font: normal normal normal 1em / normal Tahoma, "Lucida Grande CE", lucida,
    sans-serif;
    margin: 0;
}

.wrapper {
    clear: both;
}

.spacer {
    clear: both;
}

.inline-block {
    display: inline-block !important;
}

span.corner,
span.ir,
span.shadow,
span.ico,
span.border {
    overflow: hidden !important;
    position: absolute;
}

span.ir {
    left: 0;
    top: 0;
}

a span.ir {
    cursor: pointer;
}

small {
    font-size: 80%;
}

.itemCount {
    margin-bottom: 20px;
}

.material-symbols-outlined {
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    cursor: default;
    -moz-font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

a .material-symbols-outlined,
.right-column .material-symbols-outlined {
    font-size: 150%;
    margin-top: -2px;
}

.right-column td .material-symbols-outlined {
    margin-top: 0px;
}

a .material-symbols-outlined {
    cursor: pointer;
}

li .material-symbols-outlined {
    font-size: 140%;
}

li a .material-symbols-outlined {
    font-size: inherit;
}

.user-panel li {
    display: flex;
    align-items: center;
    gap: 5px;
}

.color-red {
    color: #a00000;
}

/* STRANKA */

.homepage,
.page {
    margin: 0 auto 0 auto;
    max-width: 1240px;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
    font-weight: inherit;
}

.flex {
    display: flex;
    gap: 50px;
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.right-column .flex {
    gap: 30px;
}

.flex-1 {
    flex: 1;
}

.justify-center {
    justify-content: center;
}

.detail .right-column {
    padding-top: 50px;
}

/* TISKOVA HLAVICKA */

.print-header {
    display: none;
}

/* HLAVICKA: logo, hlavni menu */

.header {
    margin: 0 auto;
    position: relative;
    max-width: 1240px;
    padding-top: 30px;
}

.header .top-bar,
.menu-flex {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    align-items: bottom;
    justify-content: space-between;
}

.menu-flex {
    gap: 0.5em;
}

.header .logo {
    position: relative;
    width: 400px;
    z-index: 2;
    margin-right: 20px;
}

.header .mainmenu {
    position: relative;
    z-index: 4;
    margin-top: 16px;
}

.header .mainmenu > ol,
.header .mainmenu > ul {
    display: flex;
    flex-direction: row;
}

.header .mainmenu li {
    font-weight: bold;
    list-style: none;
    position: relative;
    margin-left: 1px;
}

.header .mainmenu li.christmas {
    background: #0376bb url("img/p-register-a.png") repeat-x;
}

.header .mainmenu li.last {
    border-right: none;
}

.header .mainmenu a {
    color: #a00000;
    display: block;
    padding: 11.5px 13px;
    font-size: 1.2em;
    position: relative;
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
}

.header .mainmenu a:hover,
.header .mainmenu a.active,
.header .mainmenu li:hover a,
#togglemenu:hover {
    background: #a00000;
    color: #fff;
}

.header .mainmenu li.has-subitems ul {
    background: #ffffff;
    display: none;
    margin-left: -1px;
    min-width: 280px;
    position: absolute;
    padding: 10px 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.header .mainmenu li.has-subitems ul li {
    background: #fff;
    margin-bottom: 1px;
    padding: 0;
    white-space: nowrap;
    width: 100%;
}

.header .mainmenu li.has-subitems ul li a {
    border: none;
    background: #fff;
    color: #333;
    display: block;
    padding: 7px 16px;
    text-align: left;
    position: relative;
    font-weight: normal;
    text-decoration: none;
    font-size: 1em;
    text-transform: none;
}

.header .mainmenu li.has-subitems ul li a:hover,
.header .mainmenu li.has-subitems ul li a.active {
    background: #a00000;
    border: none;
    color: #ffffff !important;
    text-decoration: none;
}

.header .mainmenu li.has-subitems ul li a span.arrow {
    display: none;
}

.header .mainmenu li:hover ul {
    display: block;
}

.header_help {
    display: flex;
    align-self: center;
}

.header_help,
.header_help:visited {
    color: #a00000;
    text-decoration: none;
}

.header_help.mobile {
    display: none;
}

/* OBSAH: sloupce, vyhledavani, textovy layer a jeho soucasti, cesta */

.content {
    margin: 0 auto 0 auto;
    padding-bottom: 30px;
    text-align: left;
    max-width: 1240px;
}

.content p {
    line-height: 1.5;
}

.content p.more {
    display: inline-block;
    line-height: normal;
    padding: 0 !important;
}

.content figure p.more {
    margin: 0.5em 0;
}

.refresh {
    display: block;
    font-size: 80%;
    line-height: normal;
    padding: 15px 0 8px 0;
    border: 1px dotted #eaeaea;
    border-width: 1px 0;
    margin-bottom: 10px;
    vertical-align: middle;
}

.refresh > p {
    display: flex;
    align-items: center;
}

.refresh > p a {
    white-space: nowrap;
}

p.more a,
.refresh a.refreshButton {
    background: #a00000;
    border-radius: 5px;
    color: #ffffff !important;
    display: block;
    padding: 8px 15px;
    position: relative;
    text-decoration: none;
}

.refresh a.refreshButton {
    display: inline-block;
    margin-right: 13px;
    vertical-align: top;
    padding-right: 12px;
}

p.more a:hover,
.refresh a.refreshButton:hover {
    background: #6b0000;
    text-decoration: none !important;
}

/* vyhledavani */

.searchform {
    margin: 16px 0;
    display: block;
    text-align: left;
    position: relative;
    width: 350px;
    max-width: 100%;
}

.searchform fieldset {
    display: block;
}

.searchform input.text {
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #999999;
    margin: 0;
    padding: 13px 40px 13px 20px;
    width: calc(100% - 60px);
    max-width: 320px;
}

.searchform button {
    background: #333;
    color: #ffffff;
    width: 45px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
}

.searchform .icon {
    vertical-align: middle;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
}

.searchform button:hover {
    background: #a00000;
}

/* uzivatelsky panel */

.user-panel.expanded {
    margin-bottom: 10px;
}

.user-panel.expanded > ul {
    justify-content: right;
    font-size: 1em;
    column-gap: 20px;
    row-gap: 5px;
}

.user-panel p {
    margin-bottom: 6px;
}

.user-panel li {
    list-style: none;
    padding: 0;
}

.user-panel li a {
    color: #a00000;
    text-decoration: none;
}

.user-panel li a:hover {
    color: #a00000;
    text-decoration: underline;
}

.user-panel li.logout a {
    color: #000000;
}

ul.more {
    margin: 10px 0;
}

ul.more li {
    list-style-type: none;
}

.user-panel p.lost-password {
    font-size: 0.8em;
}

.user-panel p.lost-password a {
    color: #666666;
}

.user-panel p.lost-password a:hover {
    color: #000000;
    text-decoration: none;
}

/* submenu */

.content .left-column h2 {
    color: #333333;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 10px;
}

.content ul.submenu {
    margin-bottom: 30px;
}

.content ul.submenu li {
    font-size: 0.8em;
    list-style: none;
    margin-bottom: 1px;
}

.content ul.submenu a {
    background: #ba2f2f;
    border: 1px solid #851111;
    color: #ffffff;
    display: block;
    padding: 5px 10px 5px 33px;
    position: relative;
    text-decoration: none;
}

.content ul.submenu a:hover {
    background: #f5f5f5 url("img/submenu-a-hover.png") repeat-x;
    border: 1px solid #a35f5f;
    color: #a00000;
}

.content ul.submenu.other a {
    background: #eeeeee;
    border: 1px solid #999999;
    color: #000000;
}

.content ul.submenu.other a:hover {
    background: #f5f5f5 url("img/submenu-a-hover.png") repeat-x;
    border: 1px solid #333333;
    color: #000000;
}

.content ul.submenu a:hover span.arrow {
    background-position: -5px center;
}

.content ul.submenu.other a:hover span.arrow {
    background-position: -50px center;
}

/* tlacitko registrovat */

.user-bar {
    text-align: right;
}

.user-bar p.register,
.user-bar p.login {
    display: inline-block;
    margin-bottom: 0;
}

.user-bar p.login + .lost-password {
    display: none;
}

p.register a,
p.login a {
    background: #fff;
    color: #333;
    display: inline-block;
    padding: 8px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    border-radius: 5px;
}

p.register a:hover,
p.login a:hover {
    background: #a00000;
    color: #fff;
    text-decoration: none;
}

/* cesta */

.content .path {
    color: #999999;
    display: table;
    font-size: 0.8em;
    margin-bottom: 8px;
    padding-bottom: 5px;
    padding-right: 90px;
}

.content .path p {
    float: left;
}

.content .path ul {
    float: left;
}

.content .path li {
    color: #999999;
    float: left;
    list-style: none;
    margin: 0 4px 0 4px;
}

.content .path a {
    color: #666666;
    text-decoration: none;
}

.content .path a:hover {
    color: #666666;
    text-decoration: underline;
}

/* hint */

.content a.hint {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -30px;
    font-size: 80%;
    text-decoration: none !important;
}

.content a.hint span.ir {
    background: url("img/question-mark.png");
    height: 21px;
    width: 21px;
}

.content a.hint:hover span.ir {
    background-position: -21px 0;
}

/* textovy layer */

.content .text {
    position: relative;
}

.content .text img {
    max-width: 100%;
    height: auto;
}

.content .text h1 {
    color: #a00000;
    font-size: 2.3em;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 1em 0;
}

.content .text .work.detail h1 {
    margin-bottom: 0.25em;
}

.content .text h1 kbd {
    color: #a00000;
    font-weight: normal;
}

.content .text h2,
.content .work h2 {
    color: #a00000;
    font-size: 1.5em;
    line-height: normal;
    margin: 1em 0 0.5em 0;
}

.content > h2, .content .text .current-auction-items h2 {
    -bottom: 1em;
    padding-bottom: 0.7em;
    margin-bottom: 0.7em;
    border-bottom: 1px solid #f5f5f5;
}

.content .text h2 span,
.content .text h2 strong {
    color: inherit !important;
    font-size: inherit !important;
    text-transform: inherit !important;
}

.content .text h3 {
    color: #333333;
    font-size: 1.15em;
    font-weight: bold;
    line-height: normal;
    margin: 1.5em 0 1em 0;
}

@media only screen and (min-width: 767px) {
    .flex > figure {
        width: 33.33%;
    }

    .w-1\/3 {
        width: 33.33% !important;
    }

    .w-1\/2 {
        width: 50% !important;
    }
}

@media only screen and (min-width: 480px) {
    .flex > figure {
        width: 50%;
    }
}

figure {
    margin: 0;
    padding: 0;
}

figure > a {
    color: inherit !important;
    text-decoration: none;
}

figure > a:hover {
    text-decoration: none !important;
}

.content .text figure > a:hover h3,
figure > a:hover h3 {
    color: #a00000 !important;
}

.content .text figure p,
figure p {
    margin-bottom: 0;
    padding-bottom: 5px;
}

figure img {
    transition: all 0.3s;
}

figure:hover img {
    opacity: 0.8;
}

.content figure.work p.description {
    padding-bottom: 10px;
}

.content .text figure h3 {
    color: inherit !important;
    margin-top: 0.7em;
    margin-bottom: 0;
    padding-bottom: 0.5em;
}

.content .text h4 {
    color: #000000;
    font-size: 1em;
    line-height: normal;
    margin: 1.5em 0 1em 0;
}

.content .text p {
    padding: 0 0 1em 0;
}

.content .text li p {
    padding: 0;
}

.content .text a {
    color: #a00000;
    text-decoration: none;
}

.content .text a:visited {
    text-decoration: none !important;
}

.content .text a:hover {
    color: #a00000;
    text-decoration: underline;
}

.content .text ul {
    line-height: normal;
    margin: 0 0 13px 0;
}

.content .text ul li {
    list-style: square;
    list-style-position: inside;
    padding: 3px 0 3px 25px;
}

.content .text ol {
    line-height: normal;
    margin: 0 0 13px 25px;
}

.content .text table {
    margin: 0 0 13px 0;
}

.content .text th {
    background: #a00000;
    color: #ffffff;
    padding: 7px 10px;
}

.content .text td {
    color: #666666;
    padding: 5px 10px;
}

.content .text tr.odd td {
    background: #ffffff;
}

.content .text tr.even td {
    background: #f4f4f4;
}

.content .text form.form {
    width: 75%;
}

div#loginForm form.form,
div#raiseForm form.form,
div#limitForm form.form,
div#kontaktForm form.form {
    text-align: left;
}

div#loginForm li {
    font-size: 0.8em;
    text-align: left;
}

div#loginForm a {
    color: #a00000;
    text-decoration: none;
}

div#loginForm a:hover {
    color: #a00000;
    text-decoration: underline;
}

.content .text form.form h3,
div#loginForm form.form h3,
div#raiseForm form.form h3,
div#limitForm form.form h3,
div#kontaktForm form.form h3 {
    margin-bottom: 10px;
}

div#raiseForm form.form h3,
div#limitForm form.form h3,
div#kontaktForm form.form h3 {
    color: #a00000;
}

.content .text form.form p,
div#loginForm form.form p,
div#raiseForm form.form p,
div#limitForm form.form p,
div#kontaktForm form.form p {
    padding-bottom: 11px;
}

.content .text form.form fieldset {
    border: 1px dotted #cccccc;
    margin-bottom: 5px;
    padding: 10px;
}

.content .text form.form fieldset.submit {
    border: none;
}

.content .text form.form legend {
    background: #ffffff;
    border: 1px dotted #cccccc;
    padding: 0 10px 0 10px;
}

.content .text form.form label {
    color: #333333;
    display: inline-block;
    margin-right: 10px;
    min-width: 240px;
}

div#loginForm form.form label,
div#raiseForm form.form label,
div#limitForm form.form label,
div#kontaktForm form.form label {
    color: #333333;
    float: left;
    margin-right: 10px;
    min-width: 80px;
    padding-top: 5px;
}

.content .text form.form input.text,
div#loginForm form.form input.text,
div#raiseForm form.form input.text,
div#limitForm form.form input.text,
div#kontaktForm form.form input.text {
    border: 1px solid #999999;
    padding: 4px;
    width: 260px;
    max-width: 70%;
}

.content .text form.form textarea,
div#loginForm form.form textarea,
div#raiseForm form.form textarea,
div#limitForm form.form textarea,
div#kontaktForm form.form textarea {
    border: 1px solid #999999;
    padding: 4px;
}

div#raiseForm form.form fieldset.submit {
    text-align: center;
}

.content .text form.form fieldset.submit p {
    display: inline;
    font-family: sans-serif;
    font-size: 0.85em;
}

.content .text form.form fieldset.submit label {
    font-size: 1.1em;
}

.content .text form.form button,
div#loginForm form.form button,
div#raiseForm form.form button,
div#limitForm form.form button,
div#kontaktForm form.form button {
    background: #a00000;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1.1em;
    padding: 5px 20px;
    position: relative;
}

.content .text form.form button:hover,
div#loginForm form.form button:hover,
div#raiseForm form.form button:hover,
div#limitForm form.form button:hover,
div#kontaktForm form.form button:hover {
    background: #6b0000;
}

.content .text form.form button span.arrow {
    display: none;
}

.content .text form.form .error p.status,
div#raiseForm p.status,
div#limitForm p.status,
div#kontaktForm p.status {
    font-weight: bold;
}

.content .text form.form .error p.ok,
div#raiseForm p.ok,
div#limitForm p.ok,
div#kontaktForm p.ok {
    color: green;
}

.content .text form.form .error p.ko,
div#raiseForm p.ko,
div#limitForm p.ko,
div#kontaktForm p.ko {
    color: red;
}

kbd,
samp {
    font-family: inherit;
    font-weight: normal;
}

.content .text img.thumbnail {
    background: #ffffff;
    border: 1px solid #dbdbdb;
    padding: 5px;
}

.content .text img.thumbnail.on-left {
    float: left;
    margin-right: 20px;
}

.content .text img.thumbnail.on-right {
    float: right;
    margin-left: 20px;
}

.content .text .perex {
    color: #000000;
    line-height: 18px;
    text-align: justify;
}

.content .text .perex img,
.content .text .module img {
    border: 1px solid #000000;
    float: left;
    margin: 0 20px 10px 0;
}

/* rychly kontakt */

.content .quick-contact {
    background: #f5f5f5;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin: 8px 0 20px 0;
    padding: 8px;
    font-weight: 600;
    font-size: 0.9em;
}

.content .quick-contact p {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
}

.content .quick-contact a {
    color: inherit;
    text-decoration: none;
}

.content .quick-contact .material-symbols-outlined {
    font-size: 125%;
}

.content .quick-contact a:hover {
    text-decoration: underline;
}

/* strankovani */

.content .pagination {
    margin-bottom: 35px;
}

.content .pagination .material-symbols-outlined {
    font-size: 140%;
    margin-top: 0;
}

.content .pagination ul {
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
}

.content .text h2 + div > p span {
    font-family: inherit !important;
}

.content .text .pagination li {
    list-style: none;
    background: none !important;
    margin-left: 1px;
    min-width: 2em;
    padding: 0 !important;
    text-align: center;
}

.content .pagination li.more-pages {
    border: none;
    padding: 8px 0 8px 0 !important;
}

.content .pagination li a {
    background: #eee;
    border: 1px solid #ffffff;
    color: #999999;
    display: block;
    padding: 4px;
}

.content .pagination li a:not(.current):hover {
    color: #000000;
    background: #ccc;
    text-decoration: none;
}

.content .pagination li a.active {
    background: #a00000;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.content .pagination li.previous,
.content .pagination li.next {
}

.content .pagination li.previous a,
.content .pagination li.next a {
    background: #a00000;
    color: #ffffff;
    padding: 2px;
    position: relative;
}

.content .pagination li.previous a span.ir,
.content .pagination li.next a span.ir {
    background: #a00000;
    height: 100%;
    width: 100%;
}

.content .pagination li.previous a:hover span.ir,
.content .pagination li.next a:hover span.ir {
    background: #f5f5f5;
}

.content .pagination li.previous a span.ir span.arrow,
.content .pagination li.next a span.ir span.arrow {
    background: url("img/arrows.png") no-repeat;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 10px;
    width: 7px;
}

.content .pagination li.previous a span.ir span.arrow {
    background-position: -22px center;
}

.content .pagination li.previous a:hover span.ir span.arrow {
    background-position: -29px center;
}

.content .pagination li.next a span.ir span.arrow {
    background-position: -36px center;
}

.content .pagination li.next a:hover span.ir span.arrow {
    background-position: -43px center;
}

.content .pagination li.disabled {
    display: none;
}

.nowrap {
    text-overflow: ellipsis;
    overflow: hidden;
}

.gavel-placeholder {
    display: inline-block;
    width: 24px;
}

#search_results {
    display: none;
    position: absolute;
    z-index: 1000;
    background: #fff;
    padding: 15px;
    min-width: calc(100% + 170px);
    font-size: 1em;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
}

#search_results figure .flex {
    gap: 15px;
    margin-bottom: 15px;
}

#search_results figure a:hover {
    background: #eee;
}

#search_results h1 {
    font-size: 1.15em;
    margin: 0 0 0.5em 0;
}

#search_results h3 {
    margin-bottom: 0.5em;
}

#search_results p {
    margin-bottom: 0.25em;
}

#search_results .preview p {
    margin: 0;
}

#search_results p a {
    color: inherit;
}

#search_results p a:hover {
    color: #a00000;
}

/* predmet v aukci */

.content .work.overview {
    clear: both;
    margin-bottom: 15px;
    padding: 13px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.content .work.overview.text h3 {
    line-height: 1.2;
}

.content .work.preview {
    margin-bottom: 40px;
}

.content .work.preview.flex > a {
    display: inline-block;
    width: 384px;
    max-width: 100%;
}

.content .work.preview .right-column {
    flex: 1;
}

.content .work.to-auction {
    margin-bottom: 30px;
    padding: 0;
    position: relative;
}

.content .work.to-auction li {
    width: 100%;
}

.content .work.to-auction li img {
    width: 100%;
}

.work.to-auction h3 {
    margin-top: 0;
}

.flex.detail {
    margin-top: 6px;
}

.flex.detail > .left-column {
    max-width: 768px;
}

.content .work p.preview {
    padding: 8px 0;
    margin: 0;
}

.content .work.detail p.preview {
    padding-top: 5px;
}

.content .work.overview p.preview {
    overflow: hidden;
}

.content .work.preview p.preview {
    overflow: hidden;
    width: 308px;
}

.content .items-start .work.preview p.preview {
    width: 100%;
}

.content .work ul.thumbnails {
    margin: 0 -10px 20px -10px;
    overflow: hidden;
}

.content .work ul.thumbnails li {
    list-style-type: none;
    background: #f0f0f0;
    float: left;
    margin: 0 8px 8px 8px;
    overflow: hidden;
    padding: 0;
    width: 181px;
    height: 134px;
}

.content .work .perex {
    color: #333333;
    line-height: 24px;
}

.content .work p {
    padding-bottom: 6px;
}

.content .work .additional-info {
    line-height: normal;
    margin-top: 20px;
}

.content .work .additional-info p {
    border-right: 1px solid #cccccc;
    display: inline;
    margin-right: 12px;
    padding-bottom: 0;
    padding-right: 15px;
}

.content .work .additional-info p.last {
    border-right: none;
}

.content .work .additional-info ins {
    color: #333333;
}

.content .work .additional-info samp {
    color: #666666;
}

.content p.status {
    color: #fff;
    background: #666;
    line-height: 1.3;
    margin: 0 -20px 25px;
    padding: 18px 24px;
    text-align: center;
    border-radius: 0;
    font-weight: 600;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.content p.status .material-symbols-outlined {
    font-size: 24px;
}

.content p.status.positive {
    background: #1e7e34;
    color: #fff;
}

.content p.status.negative {
    background: #a00000;
    color: #fff;
}

.content p.status.neutral {
    background: #d4920a;
    color: #fff;
}

.content .work.preview .right-column p.status {
    margin: 0 0 15px;
    border-radius: 4px;
    font-size: 15px;
    padding: 10px 16px;
}

.content .work span.subtitle {
    display: inline-block;
    text-align: right;
    width: 100%;
}

.content .work p.id {
    color: #999999;
    font-size: 0.8em;
}

.content .work p.description {
    padding-bottom: 20px;
}

.content .work p.price {
    line-height: 1.3;
}

.content .work p.price.reserve {
    color: #666666;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

.flex.align-bottom {
    align-items: flex-end;
}

.flex.align-top {
    align-items: flex-start;
}

.text .custom-text {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

.content .work.detail p.price.reserve {
    border-top: none;
    padding-top: 0;
}

.content .work p.price.reserve strong {
    color: #666666;
    font-weight: normal;
}

.content .work p.price.reserve samp {
    font-size: 1.4em;
    font-weight: bold;
}

.content .work p.price.actual {
    color: #333333;
    font-weight: bold;
}

.content .work p.price.actual strong {
    font-weight: normal;
}

.content .work p.price.actual samp {
    font-size: 1.4em;
    font-weight: bold;
    color: #a00000;
}

.content .work p.countdown {
    border-top: 1px dotted #e0e0e0;
    clear: both;
    color: #666666;
    padding-bottom: 1px;
}

.content .work p.countdown span.hasCountdown, .content .work p.countdown b {
    color: #333333;
}

.hasCountdown {
    text-transform: lowercase;
}

.content .work p.participants,
.content .work p.bids {
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    white-space: nowrap;
}

.content .work p.participants samp,
.content .work p.bids samp {
    color: #a00000;
    font-weight: bold;
}

table {
    border-collapse: collapse;
}

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

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

.content .work table.bid-history,
table#raiseTable {
    margin-top: 20px;
    width: 100%;
}

.content table.bid-history tbody tr:nth-child(odd) > *,
table#raiseTable tbody tr:nth-child(odd) > * {
    background: rgba(0, 0, 0, 0.05);
}

.content table.bid-history tbody tr:hover > *,
table#raiseTable tbody tr:hover > * {
    background: rgba(0, 0, 0, 0.1);
}

.content .work table.bid-history caption,
table#raiseTable caption {
    text-align: left;
    margin-bottom: 8px;
    font-weight: bold;
}

.content .work table.bid-history th,
table#raiseTable th {
    background: none;
    border-bottom: 1px solid #e7e7e7;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #333333;
    padding: 5px 0;
}

table#raiseTable th {
    text-align: left;
}

.content .work table.bid-history td,
table#raiseTable td {
    border-bottom: 1px solid #e7e7e7;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #666666;
}

table#raiseTable td {
    color: #a00000;
    font-weight: bold;
    text-align: right;
}

.content .work table.bid-history td.time,
table#raiseTable td.time {
    padding-left: 1px;
    padding-right: 1px;
    text-align: right;
}

.content .work table.bid-history tbody th,
table#raiseTable tbody th {
    text-align: right;
    font-weight: normal;
}

.content .work table.bid-history b {
    color: #a00000;
    vertical-align: middle;
}

.content .work .bidder-actions {
    clear: both;
    margin: 5px 0 15px 0;
}

.content .work .bidder-actions p.button {
    line-height: normal;
    text-align: center;
    padding: 0;
}

.content .work .bidder-actions p.button.type1 a {
    background: #a00000;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 9px 10px 7px 10px;
}

.content .work .bidder-actions p.button.type1 a:hover {
    background: #6b0000;
    text-decoration: none;
}

.content .work .bidder-actions p.button.type2 a {
    background: #666;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 9px 10px 7px 10px;
}

.content .work .bidder-actions p.button.type2 a:hover {
    background: #333;
    text-decoration: none;
}

.content .work .bidder-actions p.button.type3 {
    background: #eee;
    border-radius: 5px;
    padding: 9px 10px 7px 10px;
}

.content .work .bidder-actions p.button.type3:hover {
    background: #eee;
}

.content .work .bidder-actions p.button.disabled {
    color: #999;
}

.content .work .bidder-actions p.minimal-bid {
    font-size: 80%;
    text-align: center;
    margin-top: 4px;
}

.content .work.overview h3 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
}

.content .work.overview h3 kbd {
    color: #666666;
    font-size: 0.8em;
    font-weight: normal;
}

.content .work.overview h3 a:hover,
.content .work.overview kbd:hover {
    color: #000000;
    text-decoration: none;
}

.content .work.preview h2 {
    color: #a00000;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 6px;
    margin-top: 0;
}

.content .work.preview h2 kbd {
    color: #666666;
    font-size: 0.8em;
    font-weight: normal;
}

.content .work.preview h2 a:hover,
.content .work.preview kbd:hover {
    text-decoration: none;
}

.content .work.detail h1 kbd {
    color: #666666;
    font-size: 0.8em;
    font-weight: normal;
}

.content .work.overview p.more {
    float: left;
    margin-left: 20px;
}

.content .work.preview p.more {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 10px;
}

.content .work.preview p.more a {
    padding: 7px 35px;
    margin-bottom: 5px;
}

.content .work.preview p.more a,
.content .text p.more a:visited {
    color: white !important;
}

.content .work.preview.w-1\/3 {
    padding-top: 0.8em;
}

.content .work.preview p.more span.arrow {
    right: 17px;
}

.content .items-start .work p.price.actual {
    margin-top: 0.1em;
}


.content .work.to-auction p.more {
    position: absolute;
    top: 3em;
    right: 20px;
}

.content .work.to-auction p.countdown {
    color: #666666;
    font-size: 1.1em;
}

.content .work.to-auction p.countdown samp {
    color: #a00000;
}

.content .work .bx-wrapper {
    padding: 0 56px 0 56px;
}

.content .work .bx-wrapper a.arrow {
    background: #000000;
    border: 1px solid #1d1d1d;
    color: #ffffff;
    height: 47px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 133px;
    width: 34px;
}

.content .work .bx-wrapper a.arrow:hover {
    border: 1px solid #666666;
}

.content .work .bx-wrapper a.arrow.back {
    left: 0;
}

.content .work .bx-wrapper a.arrow.forward {
    right: 0;
}

.content .work .bx-wrapper a.arrow span.ir {
    background: url("img/slider-controls.png");
    height: 47px;
    width: 34px;
}

.content .work .bx-wrapper a.arrow.forward span.ir {
    background-position: -68px 0;
}

.content .work .bx-wrapper a.arrow.forward:hover span.ir {
    background-position: -102px 0;
}

.content .work .bx-wrapper a.arrow.back span.ir {
    background-position: 0 0;
}

.content .work .bx-wrapper a.arrow.back:hover span.ir {
    background-position: -34px 0;
}

.content .work ul.slider,
.splide {
    width: 100%;
    position: relative;
    margin-top: 25px;
    background: #f5f5f5;
}

.content .work ul.slider img,
.splide img {
  max-height: 467px;
  width: auto;
}

.splide__pagination,
.content .text ul.splide__pagination {
    margin: 0;
    justify-content: end;
}

.splide__pagination__page:hover {
  background: #666;
}
body .splide__pagination__page.is-active {
  background: #a00000;
}

.splide__pagination li,
.content .text ul.splide__pagination li {
    list-style-type: none;
    padding: 0;
    width: auto;
}

.content .text ul.splide__pagination.splide__pagination--ttb {
    padding: 0.5em 0;
    bottom: auto;
    top: 0;
    right: 15px;
}

.content .work ul.slider li {
    background: none;
    padding: 0;
    position: relative;
    text-align: center;
    list-style-type: none;
}

.content .work ul.slider p.more {
    bottom: 14px;
    position: absolute;
    right: 14px;
    top: auto;
}

.content .work.detail p.price {
    text-align: left;
    white-space: nowrap;
}

.content .work.detail p.participants,
.content .work.detail p.bids {
    color: #333333;
    font-weight: bold;
}

.content .work.detail p.countdown-detail {
    clear: both;
    line-height: 1.4;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background: #f1f1f1;
    border-radius: 5px;
}

.content .work.detail p.countdown-detail samp {
    font-weight: normal;
}

.content .work.detail p.countdown-detail b {
    letter-spacing: -0.5px;
    word-spacing: -0.5px;
}

.countdown-detail + .flex,
.bidder-actions + .flex {
    flex-wrap: nowrap;
    justify-content: space-between;
}

/* vysledky aukci */

.auction-results, .grid {
    display: grid;
    /*grid-template-columns: auto auto auto auto auto;*/
    gap: 50px;
    align-items: start;
    padding: 45px 0 60px 0;
}

.auction-results {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
}

.content .text ol.author-list {
    columns: 5;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.author-list li {
    margin-bottom: 5px;
    padding-right: 10px;
    overflow: hidden;
}

.author-list li::first-letter {
    font-size: 1.3em;
    font-weight: bold;
    padding-right: 1px;
}

.content .text .author-list a:hover {
    color: #a00000;
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .auction-results {
        grid-template-columns: auto auto auto;
    }

    .content .text ol.author-list {
        columns: 4;
    }
}

@media (max-width: 767px) {
    .auction-results, .grid {
        grid-template-columns: auto auto;
    }

    .content .text ol.author-list {
        columns: 2;
    }
}

@media (max-width: 560px) {
    .recommended {
        grid-template-columns: auto;
        gap: 20px;
    }

    .content .recommended .work.preview {
        margin-bottom: 0;
    }

    .btn-secondary svg {
        width: 14px;
        height: 14px;
    }
}

.content .auction-results .auction-result, .grid .work {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.auction-results p.datum + p:not(.description) {
    display: none;
}

.content .auction-result h2 {
    margin-top: 10px;
}

.content .auction-result p.datum span {
    color: #999999;
}

.work.preview {
    display: flex;
    flex-direction: row;
}

.recommended .work.preview {
    flex-direction: column;
}

.content .auction-results .auction-image,
.grid .auction-image {
    /*height: 100%;*/
    /*background: #d5d5d5;*/
    display: flex;
    align-items: center;
    justify-content: center;
    height: 260px; /* pick your fixed height */
    width: 100%;

    overflow: hidden;
}

.work.preview .button-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    gap: 12px;
}


.auction-image img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
    display: block; /* removes inline-img baseline gaps */
}

.grid .auction-image {
    margin-top: 10px;
}

.content .auction-result {
    text-align: center;
}

.content .auction-result img {
    object-fit: cover;
}

.content .auction-result p.datum {
    font-weight: bold;
    padding: 0.7em 0 0.5em 0;
    text-align: center;
}

.content .auction-result .description {
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.6em;
    text-align: center;
}

.content .auction-result p.items {
    font-weight: bold;
    margin-right: 10px;
    padding: 0;
}

.content .text figure.auction-result p.more {
    margin-top: 0.8em;
    text-align: center;
}

/* sloupce na homepage */

.content .welcome {
    line-height: 23px;
    text-align: justify;
}

.content .location {
    line-height: 18px;
}

.content .welcome h3 {
    font-size: 1.8em;
    margin-bottom: 17px;
}

.content .welcome h3:first-child {
    margin-top: 0;
}

.content .location h3 {
    font-size: 1.8em;
    margin-bottom: 17px;
}

.content .location ul.more {
    margin: 0;
}

.content .location address {
    color: #333333;
    font-size: 1.1em;
    font-style: normal;
    margin-top: 15px;
}

.content .location p.gps {
    font-size: 0.85em;
    padding: 0;
}

/* PATA: menuboxy, copyright, tvurce webu, partneri */

.footer {
    background: #ffffff;
    border-top: 2px solid #eeeeee;
    display: block;
    text-align: left;
    width: 100%;
    min-height: 200px;
}

.footer .container {
    margin: 0 auto;
    padding: 30px 0 70px 0;
    text-align: left;
    max-width: 1240px;
    align-items: start;
}

/* menuboxy */

.footer .menuboxes {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer .menubox h4 {
    color: #888;
    font-size: 1.25em;
    font-weight: normal;
    margin-bottom: 15px;
}

.footer .menubox.last ul {
    background: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 4px 30px;
    width: 100%;
}

@media (max-width: 767px) {
    .footer .menubox.last ul {
        justify-content: center;
    }
}

.footer .flex {
    justify-items: space-between;
}

.footer .menubox li {
    list-style: none;
}

.footer .menubox a {
    text-decoration: none;
    display: block;
    padding: 4px 0;
    font-size: 0.8em;
    color: #666;
}

.footer .menubox a:hover {
    color: #a00000;
    text-decoration: underline;
}

/* copyright */

.nowrap {
    white-space: nowrap;
}

.footer p.site-owner {
    color: #999999;
    font-size: 0.8em;
    line-height: 1.4;
}

.footer .partners {
    clear: left;
    float: left;
    font-size: 0.8em;
    margin: 12px 0 0 0;
}

.footer p.site-owner a {
    color: #a00000;
}

.footer p.site-owner a:hover {
    color: #000000;
}

.footer .partners p {
    color: #999999;
    display: inline;
    font-weight: bold;
}

.footer .partners ul {
    display: inline;
}

.footer .partners li {
    border-right: 1px solid #cccccc;
    color: #666666;
    display: inline;
    padding: 0 5px 0 5px;
}

.footer .partners li.last {
    border-right: 0;
}

.footer .partners a {
    color: #666666;
    text-decoration: none;
}

.footer .partners a:hover {
    color: #666666;
    text-decoration: underline;
}

/* tvurce webu */

.footer p.created-by {
    color: #adadad;
    float: right;
    font-size: 0.7em;
    margin: 0 0 2px 0;
}

.footer p.created-by a {
    color: #999999;
    text-decoration: none;
}

.footer p.created-by a:hover {
    color: #999999;
    text-decoration: underline;
}

.hidden,
#togglemenu {
    display: none;
}

.btn-secondary {
    background: #ddd;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.btn-secondary:hover {
    background: #bbb;
    color: #000;
    text-decoration: none !important;
}


@media (min-width: 880px) {
    .current-auction-items ul {
        columns: 2
    }
}

@media (min-width: 960px) {
    .current-auction-items ul {
        columns: 3
    }
}

/* Additional general styles */

.limit-overview {
    clear: both;
}

.limit-tables {
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.limit-tables .limit-overview {
    flex: 1;
    min-width: 200px;
}

.offer {
    min-width: 220px;
}

.content .work p.price.actual samp.record-price {
    color: #a00000;
}

.content .text .auction-now {
    background: #fff;
    padding: 0;
    width: 220px;
}

.content .text .auction-now ul {
    margin: 0;
    padding: 0;
}

.content .text .auction-now li {
    background: url("img/menubox-li.png") no-repeat left 0.8em;
    list-style-type: none;
    padding: 0 0 0 15px;
    margin: 5px 0 25px 0;
}

.content .text .auction-now figure h3 {
    padding-bottom: 0;
}

.content .text .auction-now figure {
    margin: 1.5em 0;
}

.content .text .auction-now li a {
    display: block;
    padding: 3px 13px;
    margin: 0 -13px;
    font-size: 12px;
}

.content .text .auction-now li a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}

.content .text ul.autor-list {
    margin-left: 5px;
}

.content .text h2.autor-list {
    clear: both;
    margin-bottom: 0;
    padding-top: 15px;
}

ul.autor-list li {
    float: left;
    width: 60%;
}

.mobile, .desktop-hidden {
    display: none;
}

.fancybox__backdrop {
    background: rgba(119, 119, 119, 0.7) !important;
}

@media only screen and (max-width: 1260px) {
    body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header .mainmenu a,
    .header_help {
        font-size: 1em;
    }

    .searchform {
        width: 301px;
    }

    .header .mainmenu a {
        white-space: nowrap;
    }

    .flex {
        gap: 15px;
    }

    .content .work.overview h3 {
        margin-bottom: 10px;
    }
}


@media (max-width: 1024px) {
    .header .logo {
        width: 400px;
        margin-right: 0;
    }

    .header .mainmenu a {
        padding: 10px 8px;
    }

    .searchform {
        margin: 5px 0;
    }

    .header .mainmenu {
        margin-top: 9px;
    }

    .content .quick-contact {
        border: 0;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 12px;
        gap: 0 20px;
    }
}

@media only screen and (min-width: 881px) {
    .content .work.detail p.countdown-detail {
        min-width: 320px;
    }
}

@media only screen and (max-width: 880px) {
    body {
        color: #444;
    }

    .mobile-hidden {
        display: none;
    }

    .refresh {
        padding-top: 5px;
    }

    .content .work .bidder-actions p.minimal-bid {
        padding-bottom: 0;
    }

    #search_results {
        min-width: calc(100vw - 60px);
        font-size: 0.8em;
    }

    #search_results .end {
        display: block;
        margin-top: 4px;
    }

    #search_results img + div {
        flex: 1;
    }

    .content .pagination ul {
        flex-wrap: wrap;
    }

    .content .work p.price.reserve {
        padding-bottom: 0;
    }

    .auction-results {
        display: flex;
        flex-wrap: wrap;
    }

    .auction-result {
        width: 100%;
    }

    .content .auction-result {
        text-align: center;
    }

    .content .quick-contact p {
        line-height: 1.8;
    }

    .content .quick-contact p.mail {
        display: none;
    }

    .content .work p.price.actual,
    .content .work.preview p.more,
    .content .work.detail p.price.reserve {
        padding-bottom: 0;
    }

    .content .text h1 {
        font-size: 1.8em;
    }

    .flex {
        justify-content: center;
        row-gap: 0;
        column-gap: 30px;
        flex-wrap: wrap;
    }

    #search_results .flex {
        flex-wrap: nowrap;
    }

    .right-column {
        padding-top: 20px;
    }

    .right-column .flex {
        row-gap: 0;
    }

    .content .text p {
        padding-bottom: 1.5em;
    }

    .content .work ul.thumbnails {
        margin: 0;
        display: grid;
        columns: 3;
        gap: 8px;
        grid-template-columns: auto auto auto auto;
    }

    .content .work ul.thumbnails li {
        max-width: 100%;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
    }

    .right-column {
        text-align: center;
    }

    .content .work table.bid-history + p {
        text-align: center;
    }

    .content .text form.form {
        width: 100%;
    }

    .header .mainmenu > ol {
        width: 100%;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
        display: none;
    }

    .header_help:not(.mobile) {
        display: none;
    }

    .header_help.mobile {
        display: inline-block;
        position: relative;
        top: 4px;
    }

    .expanded li .header_help.mobile {
        font-size: 1.2em;
    }

    .header .top-bar,
    .header .mainmenu > ol,
    .header .mainmenu > ul {
        flex-wrap: wrap;
        gap: 0;
    }

    .header .top-bar {
        gap: 10px;
        align-items: bottom;
    }

    .content .text .auction-now {
        width: 100%;
    }

    .mobile {
        display: block;
    }

    .desktop-hidden {
        display: block;
    }

    .homepage,
    .page,
    .footer {
        min-width: 1px;
    }

    .content .left-column,
    .content .right-column {
        float: none;
        margin: 0;
        width: 100% !important;
    }

    .content,
    .header,
    .footer {
        max-width: 100%;
        height: auto;
        width: auto !important;
    }

    /*
    .footer .menuboxes {
      display: grid;
      grid-template-columns: auto auto;
      column-gap: 30px;
    }
      */
    .footer .menubox ul {
        background: none;
        margin-bottom: 20px;
    }

    .site-owner,
    .partners,
    .created-by {
        text-align: center;
        float: none !important;
        width: 100%;
        clear: both;
    }

    .footer p {
        padding-left: 0;
        padding-right: 0;
    }

    .content .work ul.slider,
    .content .work ul.slider li {
        max-width: 100%;
    }

    .slider img {
        max-width: 90%;
    }

    .content {
        padding-bottom: 0;
    }

    .user-bar {
        margin-top: 10px;
    }

    .user-panel.expanded > ul {
        row-gap: 8px;
        column-gap: 10px;
        justify-content: end;
    }

    p.register a,
    p.login a {
        padding: 6px 10px;
        font-size: 14px;
        vertical-align: top;
    }

    .searchform {
        width: calc(100% - 110px);
        margin: 0;
        padding-bottom: 3px;
    }

    .searchform input.text {
        padding: 13px 40px 13px 5px;
        font-size: 14px;
    }

    .header {
        display: block;
        padding: 0;
    }

    .header hr {
        clear: both;
        display: block;
    }

    #togglemenu {
        display: inline-block;
        color: #fff;
        font-size: 1.3rem;
        background: #a00000;
        border: 1px solid #a00000;
        padding: 1px 8px 4px 6px;
        margin-top: 3px;
    }

    #togglemenu span {
        font-size: 1.6rem;
        font-weight: bold;
    }

    .header .mainmenu {
        margin: 0;
        background: none;
        border: 0;
        position: static;
        padding-bottom: 0;
    }

    .mainmenu ol {
        display: none;
        position: absolute;
        right: 1px;
    }

    .mainmenu li {
        display: block;
    }

    .header .mainmenu li {
        background: #fff;
        width: 100%;
    }

    .header .mainmenu a,
    .header .mainmenu li.has-subitems a {
        text-align: left;
        padding: 10px 12px;
    }

    .header .mainmenu li.has-subitems ul {
        display: block;
        position: static;
        min-width: 1px;
        margin: 0;
    }

    .header .mainmenu li.has-subitems ul li {
        margin: 0;
        background: inherit;
    }

    .header .mainmenu li.has-subitems ul li a:hover {
        text-decoration: none;
        color: #a00000;
    }

    p.more.mobile a {
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        padding: 8px 10px;
        margin-bottom: 13px;
    }

    .header .user-panel.expanded {
        display: block;
        font-size: 0.8em;
        background: #f1f1f1;
        padding: 9px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .lost-password {
        text-align: right;
    }

    .appraiser b {
        white-space: nowrap;
    }

    .content .work.to-auction {
        padding-top: 0;
        padding-bottom: 15px !important;
        margin-bottom: 0;
    }

    .content .work.to-auction h2 {
        font-size: 1.1em;
    }

    .work.to-auction br {
        display: none;
    }

    .work.to-auction span br {
        display: inline;
    }

    .content ul.submenu a,
    .content ul.submenu.other a {
        padding-left: 10px;
    }

    .content ul.submenu span.arrow,
    .content ul.submenu.other span.arrow {
        background: none;
    }

    .content .left-column,
    .content .right-column.location,
    .page .content .right-colum {
        padding: 0 15px;
        width: auto !important;
    }

    .content .welcome {
        text-align: left;
        line-height: 1.6;
        border: 0 !important;
    }

    .content .welcome h3 {
        text-align: center;
    }

    .right-column.location {
        text-align: center;
        clear: both;
        padding-top: 40px !important;
    }

    .right-column.location p.gps {
        font-size: 1rem;
        text-align: center;
    }

    .content p.more {
        font-size: 1em;
        text-align: center;
        width: 100%;
    }

    .content p.more a {
        display: inline-block;
    }

    .auction-now {
        float: none;
        width: auto;
        position: relative;
        margin: 0 auto 40px auto;
    }

    .auction-now h2,
    .content .left-column h2,
    .content .work.overview p.preview {
        text-align: center;
    }

    .content .work.overview p.price.actual {
        display: block;
        width: 100%;
    }

    .content .work.overview p.preview {
        width: auto;
    }

    .content .work.overview p.more {
        float: none;
        margin: 0;
    }

    .content .work p.price.actual {
        float: none;
        width: auto;
    }

    ul.more {
        border: 0;
    }

    .content ul.submenu {
        text-align: center;
    }

    .footer .menuboxes {
        margin: 0;
    }

    .content .left-column {
        border-top: 1px solid #ddd;
        padding-top: 25px;
        clear: both;
    }

    .content .location h3,
    .content .text h2 {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .footer .menubox h4,
    .content .left-column h2 {
        font-size: 1.25rem;
        font-weight: bold;
        padding-right: 0;
    }

    .footer .menubox h4 {
        font-size: 1.05rem;
        padding-left: 0;
    }

    .footer .menubox ul,
    .footer .menubox ul li,
    .footer .menubox ul a {
        padding-right: 0;
        padding-left: 0;
    }

    .footer .menubox li {
        background: none !important;
    }

    .content .text {
        padding-bottom: 30px;
    }

    .content .work.preview .right-column {
        margin-right: 0;
    }

    .content .work.preview .left-column {
        border-top: 0;
        padding-top: 0;
        margin: 0;
    }

    .content .work.preview p.preview {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .content .work.preview p.preview img {
        max-width: 100%;
        margin: 0 0 13px 0;
        width: 100%;
    }

    .content .work p.price.actual,
    .content .work.preview p.more {
        width: auto;
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .content .work p.countdown {
        margin-bottom: 4px;
    }

    .content .work p.countdown span.hasCountdown {
        white-space: nowrap;
    }

    .content .work.detail {
        display: block;
        padding-bottom: 30px;
    }

    .content .work.detail h1 {
        margin-top: 30px;
    }

    .content .work.detail .left-column,
    .content .work.detail .right-column {
        padding: 13px 0 0 0;
    }

    .content .work.detail .left-column {
        text-align: center;
    }

    .content .work.detail .right-column {
        padding-top: 0;
    }

    .content .work.detail p.id {
        font-size: 1em;
        float: right;
        margin-top: 6px;
    }

    .content .work.detail p.preview img {
        max-width: 100%;
    }

    .content .work .perex {
        line-height: 1.6;
    }

    .content .work ul.thumbnails {
        width: 102%;
        margin-bottom: 13px;
    }

    .content .work ul.thumbnails img {
        max-width: 100%;
    }

    .refresh a.refreshButton {
        vertical-align: top;
        margin-top: 3px;
        margin-bottom: 4px;
    }

    .refresh span {
        float: none !important;
    }

    .bidder-actions a {
        margin-top: 13px;
    }

    .content .text ul.boldmenu li {
        display: block;
        padding-left: 0 !important;
        background: none !important;
    }

    .content .work table.bid-history {
        position: relative;
        margin: 30px auto 15px auto;
    }

    .content .work table.bid-history caption {
        margin-bottom: 10px;
    }

    .content .path {
        margin-bottom: 10px;
    }

    .content .pagination {
        margin-bottom: 25px;
    }

    iframe {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 470px) {
    .content .work.to-auction h2 {
        font-size: 1em;
    }
}

/* error pages */
.error-page {
    text-align: center;
    padding: 60px 20px;
    max-width: 600px;
    margin: 0 auto;
}
.error-page h1 {
    font-size: 28px;
    margin-bottom: 15px;
}
.error-page p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}
.error-page .btn {
    margin: 0 5px;
}
.error-page .error-debug {
    text-align: left;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    padding: 15px;
    font-size: 13px;
    color: #a00000;
    overflow-x: auto;
    margin: 20px 0;
}

/* sitemap */
#sitemap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
}

#sitemap .sitemap-section {
    flex: 1 1 280px;
    max-width: 100%;
    margin-bottom: 10px;
}

#sitemap .sitemap-section h2 {
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 0 5px 0;
}

#sitemap .sitemap-section h2 a {
    color: #333;
}

#sitemap .sitemap-section h2 a:hover {
    color: #a00000;
}

#sitemap .sitemap-section ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0 0 10px 0;
}

#sitemap .sitemap-section ul li {
    padding: 2px 0;
}

#sitemap .sitemap-section ul li a {
    color: #666;
}

#sitemap .sitemap-section ul li a:hover {
    color: #a00000;
}

@media only screen and (max-width: 560px) {
    #sitemap .sitemap-section {
        flex: 1 1 100%;
    }
}

/* fin */