:root {
    --color-orange: #bf7100;

    --space-default: 1rem;
    --space-small: .5rem;
}

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px ~ 12px) */
body {
    font-size: 18px;
    color: #2e2e2e;
    font-family: 'Source Sans Pro', sans-serif;
    background: #fff;
    margin-top: 90px;
}

/* Headings -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: #14232b;
    clear: both;
    line-height: inherit;
}

h1 {
    font-size: 20px;
    margin: 0 0 30px;
    padding: 10px 0;
    line-height: 30px;
}

h2 {
    font-size: 20px;
    margin: 0 0 30px;
    padding: 10px 0;
}

h3 {
    font-size: 20px;
    margin: 0 0 30px;
    padding: 10px 0;
}

h4 {
    font-size: 18px;
    margin: 10px 0 1px;
    padding: 10px 0;
}

h5 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 0;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}

/* Text elements -------------------------------------------------------------- */
p {
    margin: 0 0 1.5em;
}

p img.left {
    float: left;
    margin: 0 8px 8px 0;
    padding: 0;
}

p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}

/*a:visited { color: #30334A; } */
a {
    color: #bf7100;
    text-decoration: underline;
}

a:focus, a:hover {
    color: #9a5b00;
}

hr {
    color: #e7edef;
    background-color: #e7edef;
    border: none;
    height: 1px;
    margin: 6px 0 6px 0;
    clear: both;
}

blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 1.22;
    font-size: xx-small;
}

sup {
    vertical-align: top;
}

sub {
    vertical-align: bottom;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
}

/* Lists -------------------------------------------------------------- */
li ul, li ol {
    margin: 0 1.5em;
}

ul, ol {
    margin: 0 1.5em 1.5em 1.5em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
}

/* Tables -------------------------------------------------------------- */
table {
    margin-bottom: 1.4em;
    width: 100%;
}

th {
    font-weight: bold;
}

thead th {
    background: #acaeb9;
}

th, td, caption {
    padding: 4px 10px 4px 5px;
}

tr.even td {
    background: #e5ecf9;
}

tfoot {
    font-style: italic;
}

caption {
    background: #eee;
    color: #000;
}

/*** utility classes */
.small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}

.large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}

.hide {
    display: none;
}

.quiet {
    color: #666;
}

.loud {
    color: #000;
}

.highlight {
    background: #ff0;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

.top {
    margin-top: 0;
    padding-top: 0;
}

.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* js-loading: stav "obsah se načítá" */
.overlay-container.js-loading .overlay {
    display: block;
}

.overlay {
    animation: barberpole 10s linear infinite;
    background: #666 repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 1rem,
            #ccc 1rem,
            #ccc 2rem
    );
    background-size: 200% 200%;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

@keyframes barberpole {
    100% {
        background-position: 100% 100%;
    }
}

/*** /utility classes */


/* Pre-seting Web site -------------------------------------------------------------- */


body {
    padding-top: 120px;
}

h1, h2, h3 {
    font-size: 28px;
    text-align: center;
    margin: 30px auto 10px;
    position: relative;
}

h2, h3 {
    margin: 30px auto 40px;
}

h1:after, h2:after, h3:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background: #e89c2d;
    left: 50%;
    bottom: -6px;
    margin-left: -40px;
}

h4, h5 {
    text-align: center;
    position: relative;
    color: #a56200;
}

p {
    margin: 0;
    padding: 6px 0;
    line-height: 1.2;
    font-weight: normal;
}

select, input, textarea {
    background: #F1F1F7;
    border: 1px solid #D3D4DC;
    color: #303840;
}

.cleaner {
    clear: both;
}

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

/* web  -------------------------------------------------------------- */
.gdpr {
    font-size: 13px;
    color: #999;
}

::selection {
    background: #f2d5ab;
    color: #000;
}

html {
    scroll-behavior: smooth;
}

.midle {
    text-align: center;
}

.wrapper {
    max-width: 1200px; /*min-height:600px;*/
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.wrapper p strong {
    color: #000;
}

.header {
    min-height: 60px;
    margin: 0 auto;
    color: #383d43;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 90;
}

.headerWrapper {
    min-height: 73px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

a.logo {
    display: block;
    float: left;
    width: 306px;
    height: 64px;
    text-decoration: none;
    margin-top: 14px;
    font-size: 30px;
    color: #696969;
    background: url(../images/znak-stitina.png) no-repeat top left;
    background-size: 48px 55px;
    padding: 9px 0 0 65px;
}

a.logo strong {
    color: #000;
}


/* menu begin */
.menu {
    font-size: 18px;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    position: relative;
    clear: both;
    min-height: 63px;
    background: #dcdcdc;
}

.menu ul {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.menu li {
    display: inline;
    list-style-type: none;
}

.menu a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 0 10px;
    line-height: 63px;
    height: 63px;
    margin: 0 2px;
}

.menu li a {
    display: inline-block;
    white-space: nowrap;
    position: relative;
}

.menu ul li.js-active a {
    font-weight: bold
}

.menu ul li.js-active a:after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    height: 4px;
    background: #ee8d00;
    bottom: 0;
}

.menu ul li.js-active ul li a:after {
    background: transparent;
}

.menu ul li.js-active ul li.js-active a:after {
    background: #ee8d00;
}

.menu a:hover {
    color: #fff;
    background: #424242;
}

.menu ul li ul {
    display: none;
}

.menu ul li.js-active ul {
    display: block;
}

.menu ul li.js-active ul li ul {
    display: none;
}

.menu ul li.js-active ul li.js-active ul {
    display: block;
    border-top: #757575 solid 1px;
}

.menu ul li.js-active ul li.js-active ul li ul {
    display: none;
}

.menu ul li.js-active ul li.js-active ul li.js-active ul {
    display: block;
}

.menu ul li.js-active ul li.js-active ul li.js-active ul li ul {
    display: none;
}

.menu ul li.js-active ul li.js-active ul li.js-active ul li.js-active ul {
    display: block;
}

.menu ul li ul {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: inherit;
    min-height: 40px;
    padding: 0;
    background: #f2f2f2;
    z-index: 99;
}

.menu ul li.selected ul {
    display: block;
}

.menu ul li ul li a,
.menu ul li.selected ul li a,
.menu ul li.selected ul li.selected ul li a,
.menu ul li.selected ul li.selected ul li.selected ul li a,
.menu ul li.selected ul li.selected ul li.selected ul li.selected ul li a {
    color: #000;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
}

.menu ul li ul li a:hover,
.menu ul li.selected ul li a:hover,
.menu ul li.selected ul li.selected a:hover,
.menu ul li.selected ul li.selected ul li a:hover,
.menu ul li.selected ul li.selected ul li.selected a:hover,
.menu ul li.selected ul li.selected ul li.selected ul li a:hover,
.menu ul li.selected ul li.selected ul li.selected ul li.selected a:hover,
.menu ul li.selected ul li.selected ul li.selected ul li.selected ul li.selected a:hover {
    color: #fff;
    background: #424242;
}

.menu ul li.selected ul li.selected a,
.menu ul li.selected ul li.selected ul li.selected a,
.menu ul li.selected ul li.selected ul li.selected ul li.selected a,
.menu ul li.selected ul li.selected ul li.selected ul li.selected ul li.selected a,
.menu ul li.selected ul li.selected ul li.selected ul li.selected ul li.selected ul li.selected a {
    color: #000;
    font-weight: bold;
}

.menu ul li.selected ul li.selected a:after,
.menu ul li.selected ul li.selected ul li.selected a:after,
.menu ul li.selected ul li.selected ul li.selected ul li.selected a:after,
.menu ul li.selected ul li.selected ul li.selected ul li.selected ul li.selected a:after {
    display: block;
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    height: 4px;
    background: #ee8d00;
    bottom: 0;
}

.menu ul li.selected ul li a:after,
.menu ul li.selected ul li.selected ul li a:after,
.menu ul li.selected ul li.selected ul li.selected ul li a:after,
.menu ul li.selected ul li.selected ul li.selected ul li.selected ul li a:after {
    display: none;
}

@media (max-width: 48em) {
    body {
        padding-top: 0;
        margin-top: 0;
    }

    .header {
        position: relative;
    }
}

/* menu end */
/* hamburger menu */
.header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* hamburger menu icon */
.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 5px;
}

.header .menu-icon .navicon:after {
    top: -5px;
}

/* hamburger menu btn */
.header .menu-btn {
    display: none;
}

.header .menu-btn:checked ~ .menu {
    max-height: none;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}

/* hamburger menu 48em = 768px */
@media (max-width: 48em) {
    .menu li {
        display: block;
    }

    .menu ul li ul {
        position: relative;
    }

    .header .menu {
        max-height: 10px;
        overflow: hidden;
    }
}

@media (min-width: 48em) {
    .header .menu-icon {
        display: none;
    }
}

#searchBox {
    position: absolute;
    z-index: 9;
    top: 18px;
    right: 10px;
}

#searchBox input {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0 12px;
    line-height: 39px;
    height: 39px;
    font-size: 16px;
}

#searchBox .buton {
    color: #fff;
    text-decoration: none;
    background: #cf7a00;
    border: #cf7a00 solid 1px;
    line-height: 39px;
    height: 41px;
    padding: 0 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
}

#searchBox .buton:hover {
    background: #000;
    border: #000 solid 1px;
}

#searchBox input:active.buton {
    color: #fff;
    text-decoration: none;
    background: #a41823;
    border: #a41823 solid 1px;
}

#searchBox input:disabled.buton {
    color: #000;
    text-decoration: none;
    background: #fff;
}

#searchBox input[type="search"] {
    background: #fafafa url(../images/icon-search.png) no-repeat top left;
    width: 300px;
    color: #727272;
    border: #dfdfdf solid 1px;
    padding-left: 30px;
}

#searchBox input[type="search"]:hover, #searchBox input[type="search"]:focus {
    border: #ebebeb solid 1px;
}

#searchBox label {
    display: none;
}

@media (max-width: 48em) {
    #searchBox {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
    }

    #searchBox .buton {
        margin: 10px 0;
    }
}

/*	------ tagify ------ */

.tagify {
    --tag-bg: #000;
    --tag-hover: #333;
    --tag-text-color: #FFF;
    --tag-remove-btn-bg--hover: #bd0000;
    --tag-remove-bg: rgba(189, 0, 0, .5);
}

.tagify {
    background: #fafafa url(../images/icon-search.png) no-repeat top left;
    font-size: 18px;
    min-width: 300px;
    color: #727272;
    border: #dfdfdf solid 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding-left: 30px;
    display: inline-table;
}

.tagify__input {
    overflow:initial; /*kvuli staremu FF*/
}

.tagify--select .tagify__tag {
    margin-inline-end: 2em;
    margin-block: 5px;
    padding-block: 1px;
    background: #333;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.tagify__tag > div > [contenteditable] {
    color: #FFF;
}

.tagify__tag__removeBtn:after {
    color: #FFF;
}

.tagify__tag__removeBtn {
    background: #666;
}


.homeheader {
    min-height: 430px;
    background: #303030; /*filter: blur(5px);*/
}

.homeheaderwrapper {
    position: relative;
    min-height: 430px;
    background: #303030 url(../images/cover1.jpg) no-repeat center;
    background-size: cover;
    max-width: 1200px;
    margin: 0 auto;
}

.slogan {
    width: 50%;
    min-height: 430px;
    background-color: rgba(0, 0, 0, 0.5);
}

.homeheader h1 {
    padding: 55px 30px;
    line-height: 50px;
    font-size: 40px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    color: #FFF;
}

.homeheader h1, .homeheader p {
    position: relative;
    z-index: 12;
}

.homeheader h1:after {
    display: none;
}

.homeheader .buton {
    background: #000;
}

.homeheader .buton:hover, .homeheader .buton.selected {
    background: #fff;
    color: #000;
}

.homeheader p {
    padding: 0 55px 30px;
    font-size: 16px;
    text-align: center;
    color: #FFF;
}

.homeheader p strong {
    color: #da8100;
}

a.buton, input.buton, button.buton, p.buton {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 39px;
    height: 41px;
    padding: 12px 22px;
    text-decoration: none;
    position: relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #cf7a00;
}

p.buton {
    cursor: pointer;
    display: inline;
}

a:hover.buton, input:hover.buton, button:hover.buton, p:hover.buton, a.buton-grey:hover {
    color: #fff;
    background: #000;
}

input.buton, button.buton {
    padding: 0 4px;
    margin: 0 4px;
    height: 24px;
}

.obsahHolder {
    max-width: 1200px;
    margin: 45px auto 20px;
    padding-top: 1px;
}

.backTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.backTop a {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../images/go-up.png);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.backTop a strong {
    display: none;
}


.stitky {
    font-size: 14px;
}

.stitky a, .stitek_big {
    display: inline-block;
    padding: 4px 8px;
    background: #000;
    color: #FFF;
    text-decoration: none;
    margin: 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.stitek_big {
    padding: 10px 20px;
}

.stitky a:hover {
    background: #cf7a00;
}

figcaption {
    padding-top: 1.5em;
}

figcaption p {
    padding: 0.2em;
}

/*** gallery */
/* thumbnails max 252x189 */
.gallery {
    display: grid;
    gap: 1em;
    /*    grid-template-columns: repeat(auto-fill, max(15.6em));*/
    grid-template-columns: auto auto auto auto;
    margin: 3em 0;
}

@media (max-width: 890px) {
    .gallery {
        grid-template-columns: auto auto auto;
    }
}

@media (max-width: 570px) {
    .gallery {
        grid-template-columns: auto auto;
    }
}

@media (max-width: 400px) {
    .gallery {
        grid-template-columns: auto;
    }
}

.gallery__tile {
    background: #f5f5f5;
    border-radius: 6px;
    border: #dbe2e0 solid 1px;
    display: grid;
    grid-template-rows: 12em 1fr;
    margin: 0;
    padding-top: var(--space-small);
    position: relative; /* kvuli .gallery__label */
    text-align: center;
    max-width: 16em;
}

.gallery__tile--gallery {
    grid-template-rows: 220px 1fr;
    max-width: 16em;
}

.gallery__tile:hover {
    box-shadow: 0 25px 15px -15px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
    transition: all 200ms cubic-bezier(0.25, 0.39, 0.39, 2.01);
}

.gallery__tile a:first-of-type {
    place-self: center;
}

.gallery__tile img {
    border: 10px solid #fff;
    box-shadow: 0 10px 20px -17px rgba(0, 0, 0, 1);
    place-self: center;
    width: 90%;
    height: auto;
}

.gallery__tile--gallery img {
    position: relative;
    z-index: 5; /* kvuli after/before na .gallery__tile--gallery */
}

.gallery__label:after {
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: ' Fotka ';
    font-size: 14px;
    left: var(--space-default);
    padding: 5px 10px;
    position: absolute;
    top: var(--space-default);
    z-index: 15;
}

.gallery__tile--gallery .gallery__label:after {
    content: ' Fotogalerie '
}

.wrapper .gallery__tile p strong {
    color: var(--color-orange);
}

.gallery__tile--gallery:before,
.gallery__tile--gallery:after {
    background: #cacaca;
    border: 10px solid #fff;
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 1);
    content: '';
    height: 11em;
    left: 0;
    margin: 3px auto;
    position: absolute;
    rotate: 5deg;
    top: 0;
    width: 90%;
    z-index: 2;
}

.gallery__tile--gallery:before {
    rotate: -6deg;
}

/*** /gallery */

.strankovani {
    margin: 2em 0;
}

.strankovani ul {
    list-style: none;
    text-align: center;
}

.strankovani ul li {
    display: inline-block;
    list-style: none;
}

.strankovani a {
    display: block;
    text-decoration: none;
    padding: 3px 10px;
    border: #dbe2e0 solid 1px;
    color: #000;
    background: #f5f5f5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.strankovani a:hover {
    border: #000 solid 1px;
}

.strankovani ul li.js-active a {
    background: #000;
    color: #FFF;
    border: #000 solid 1px;
}

.pagination__first {
    grid-area: pg_first;
}

.pagination__prev {
    grid-area: pg_prev;
}

.pagination__main {
    grid-area: pg_main;
}

.pagination__next {
    grid-area: pg_next;
}

.pagination__last {
    grid-area: pg_last;
}

.strankovani ul {
    display: grid;
    grid-template-areas: 'pg_first pg_prev pg_main pg_main pg_main pg_main pg_next pg_last';
    gap: 10px;
}

@media (max-width: 48em) {
    .strankovani ul {
        display: grid;
        grid-template-areas: 'pg_first pg_main pg_main pg_main pg_main pg_main  pg_last'
	'pg_prev pg_main pg_main pg_main pg_main pg_main pg_next';
        gap: 3px;
    }
}

.footer {
    width: 100%;
    margin: 20px 0 0;
    clear: both;
    position: relative;
    font-size: 14px;
    background: #020200;
}

.footer .wrapper {
    min-height: 200px;
    padding: 10px 0;
    text-align: center;
    color: #6d6d6d;
    background: #020200;
}

.footer a {
    color: #a1a1a1;
}

.footer a:hover {
    color: #fff;
}

.footer strong, .footer h3 {
    color: #fff;
}

.footer p {
    padding: 10px 0;
}

.colore {
    color: #00acf3;
}

.col3 {
    width: 33%;
    text-align: center;
    min-height: 110px;
    float: left;
}

.col3 h4 {
    color: #bf7100;
    font-weight: lighter;
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.footerbig {
    color: #dac3a2;
    font-size: 24px;
    line-height: 35px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.footer .footerbig strong {
    color: #dac3a2;
}

.footer hr {
    color: #3a3a3a;
    background-color: #3a3a3a;
    border: none;
    height: 1px;
    margin: 26px 0;
    clear: both;
}

.footer .wrapper p strong {
    color: #FFF;
}

.footer .footerbig a {
    color: #dac3a2;
    text-decoration: none;
}

.footer p.footblock {
    border-top: #3a3a3a solid 1px;
    margin: 10px 0;
    padding: 40px 0;
}

/*---mailform---*/
.mainform {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px 2px #f5f5f5;
    clear: both;
    margin: 20px auto;
    min-height: 20em;
    padding: 20px;
    position: relative;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 0 20px 2px #f5f5f5;
}

.inputholder {
    margin: 10px 1% 10px 1%;
    width: 31%;
    display: inline-block;
    text-align: center;
    position: relative;
}

.textareaholder {
    margin: 10px;
    position: relative;
    text-align: center;
}

.mainform input {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: #e7edef solid 1px;
    background: #fff;
    height: 50px;
    line-height: 50px;
    width: 97%;
    padding: 0 1%;
    font-size: 16px;
}

.mainform input[type=text]:hover, .mainform input[type=email]:hover, .mainform input[type=tel]:hover, .mainform textarea:hover {
    border: #c4cccf solid 1px;
}

.mainform textarea {
    background: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: #e7edef solid 1px;
    height: 80px;
    resize: none;
    text-align: center;
    font-size: 16px;
    padding: 5px 1%;
    width: 97%
}

.mainform button[type=submit] {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    line-height: 1px;
    padding: 3px 20px;
    height: 40px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #cf7a00;
    border: none;
    color: #FFF;
}

.mainform button[type=submit]:hover {
    background: #000;
    border: none;
}

.mainform textarea {
    min-height: 100px;
}

.mainform label {
    position: absolute;
    left: 10px;
    top: -10px;
    font-size: 12px;
    color: #000;
    background: #FFF;
    padding: 2px 5px;
}

.contact-form {
    clear: both;
    background: #f8f8f8;
    margin: 0 auto;
    padding: 1px 0 20px;
}


/* ostatni -------------------------------------------------------------- */
.picLeft {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
}

.picRight {
    display: block;
    float: right;
    margin: 0 0 10px 10px;
    padding: 5px;
}

/* Sample obsahu -------------------------------------------------------------- */
blockquote, q {
    font-style: normal;
    color: #fff;
    margin: 5px 0;
    padding: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #6ebc05; /* For browsers that do not support gradients */
    background: linear-gradient(to right, #f6c200, #04b709);
}

blockquote strong, blockquote a, blockquote a:hover {
    color: #fff;
}

p.cite {
    text-align: right;
    font-style: italic;
}

blockquote table td {
    padding: 2px 0;
    border-bottom: #b5bfc4 solid 1px;
}

pre code {
    border: 1px dotted #5f5f5f;
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
    max-height: 15em;
    overflow: auto;
    padding: 0.5em;
}

span.imgBox {
    display: block;
    width: 200px;
    float: right;
    margin: 0.5em 0 0.5em 0.5em;
    border: 1px solid #CCCCCC;
    background: #333333;
}

span.imgBox span {
    padding: 0.5em;
    display: block;
}

th, td {
    padding: 3px 0.5em;
}

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

p.error {
    padding: 0.5em;
    background-color: #910000;
    border: 1px solid #ff0000;
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    margin: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

p.error:empty {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}

p.important {
    padding: 0.5em;
    text-align: center;
    color: #624005;
    font-size: 11px;
    background-color: #fec42b;
    border: 1px solid #cb8100;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

a.hover:hover {
    font-style: italic;
}

a.active:active {
    font-weight: bold
}


table.pagination {
    background: none repeat scroll 0 0 #efefef;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    empty-cells: hide;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}

table.pagination td strong {
    color: #000;
}

/*** lightgallery override */
.lg-outer .lg-description-toggle:after {
    content: "\e908";
}

.lg-description {
    background-color: rgba(255, 255, 255, 0.80);
    border: #dbe2e0 solid 1px;
	border-radius: 6px;
    color: #000;
    height: 97%;
    overflow-y: auto;
    padding: 2em;
    position: absolute;
    right: 5em;
    text-align: initial;
    top: 0;
    white-space: normal;
    width: 50%;
}
@media (max-width: 600px) {
    .lg-description {
       right: 15%; width: 70%;
    }
}

.lg-backdrop { background-color: rgba(255,255,255,0.90);}
.lg-next, .lg-prev {background-color: rgba(255, 255, 255, 0.80); color: #646464;}
.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {
    color: #000;
}
.lg-toolbar .lg-icon, .lg-counter {color: #646464;}

.lg-toolbar .lg-icon:hover {
    color: #000;
}
.lg-sub-html {
    color: #000 !important;
}
.lg-sub-html a {color: #000 !important;}

/*** /lightgallery override */


@media (max-width: 1199px) {
    .obsahHolder, .wrapper {
        padding: 0 1em;
    }

    .inputholder {
        width: 30%;
    }

    a.logo {
        margin-left: 20px;
    }
}

/* end media min-width: 1199px */

@media (max-width: 990px) {
    .homeheader h1 {
        font-size: 18px;
        line-height: inherit;
    }
}

/* end media max-width: 990px */

@media (max-width: 847px) {
    .footer .wrapper p {
        padding: 10px 30px;
    }

    .inputholder {
        width: 47%;
    }

    .slogan, .homeheaderwrapper, .homeheader {
        min-height: 330px;
    }

    .header {
        text-align: center;
    }
}

@media (max-width: 680px) {
    .inputholder {
        width: 96%;
    }

    .mainform input[type=button] {
        position: relative;
        bottom: inherit;
        right: inherit;
        padding: 0.4em;
        margin: 10px auto 0;
    }

    a.buton, input.buton, button.buton, p.buton {
        padding: 10px 20px;
        white-space: nowrap;
        margin: 0;
    }

    .homeheader h1, .homeheader p {
        padding: 1em;
    }

    .col3 {
        width: 100%;
        text-align: center;
        min-height: 20px;
        float: inherit;
    }
}

/* end media max-width: 680px */

@media (max-width: 520px) {

    .obsahHolder {
        margin: 1px auto 20px;
    }

    .menu {
        font-size: 16px;
    }

    a.logo {
        float: inherit;
        margin: 10px auto 10px auto;
        width: 40%;
        font-size: 20px;
        height: 48px;
    }
}

/* end media max-width: 520px */


@media print {
    body {
        background: white;
        color: black;
        font-size: 12pt;
    }

    a img {
        border: 0;
    }

    .header {
        border-bottom: 1px solid black;
    }

    .footer {
        font-size: 9pt;
    }

    table.pagination a:after {
        content: "";
    }

}

/* end media print */