/* ==========================================================================
   HTML5 display definitions x2
   ========================================================================== */

/* latin-ext */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Lexend-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Lexend-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: "Lexend",sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
	background: #d8d2d0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 2.0
Author: Vineeth G S
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Base code
2.  Mobile Grid
3.  Grid 720px+
4.  Grid 1024px+
5.  Grid 1200px+
6.  Helper classes

**********************************************************************************************/


/*********************************************************************************************

1.  Base code

*********************************************************************************************/


*, *:after, *:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class*='grid-'] {
    float: left;
    padding: 0px;
    width:100%;
}

.hpevents [class*='grid-'] {
    padding: 0;
}

.clear-grid{
    clear:both;
    float:inherit;
}
.container {
    margin:0%;
    width: 100%;
}
.container:after, .container:before {
    display: table;
    clear:both;
    content: " ";
}

#maincontainer {
    padding: 25px 0;
}

.body-akce #maincontainer {padding-top: 0;}

.nest {
    margin:0 -10px;
    padding:0;
    width:auto;
}

/*********************************************************************************************

2a.  Small Grid

*********************************************************************************************/


.grid-s-12 {
    width: 100%;
}
.grid-s-11 {
    width: 91.666663%;
}
.grid-s-10 {
    width: 83.33%;
}
.grid-s-9 {
    width: 75%;
}
.grid-s-8 {
    width: 66.66666664%;
}
.grid-s-7 {
    width: 58.333%;
}
.grid-s-6 {
    width: 50%;
}
.grid-s-5 {
    width: 41.6665%;
}
.grid-s-4 {
    width: 33.33%;
}
.grid-s-3 {
    width: 25%;
}
.grid-s-2 {
    width: 16.66666%;
}
.grid-s-1 {
    width: 8.33%;
}

/*********************************************************************************************

2b.  Mobile Grid

*********************************************************************************************/

@media (min-width: 420px) {
.grid-m-12 {
    width: 100%;
}
.grid-m-11 {
    width: 91.666663%;
}
.grid-m-10 {
    width: 83.33%;
}
.grid-m-9 {
    width: 75%;
}
.grid-m-8 {
    width: 66.66666664%;
}
.grid-m-7 {
    width: 58.333%;
}
.grid-m-6 {
    width: 50%;
}
.grid-m-5 {
    width: 41.6665%;
}
.grid-m-4 {
    width: 33.33%;
}
.grid-m-3 {
    width: 25%;
}
.grid-m-2 {
    width: 16.66666%;
}
.grid-m-1 {
    width: 8.33%;
}
}

/*********************************************************************************************

3.  Grid 720px+

*********************************************************************************************/

@media (min-width: 720px) {
    .grid-12 {
        width: 100%;
    }
    .grid-11 {
        width: 91.666663%;
    }
    .grid-10 {
        width: 83.33%;
    }
    .grid-9 {
        width: 75%;
        padding-top: 0 !important;
    }
    .grid-8 {
        width: 66.66666664%;
    }
    .grid-7 {
        width: 58.333%;
    }
    .grid-6 {
        width: 50%;
    }
    .grid-5 {
        width: 41.6665%;
    }
    .grid-4 {
        width: 33.33%;
    }
    .grid-3 {
        width: 25%;
    }
    .grid-2 {
        width: 16.66666%;
    }
    .grid-1 {
        width: 8.33%;
    }

    .grid-t-12 {
        width: 100%;
    }
    .grid-t-11 {
        width: 91.666663%;
    }
    .grid-t-10 {
        width: 83.33%;
    }
    .grid-t-9 {
        width: 75%;
    }
    .grid-t-8 {
        width: 66.66666664%;
    }
    .grid-t-7 {
        width: 58.333%;
    }
    .grid-t-6 {
        width: 50%;
    }
    .grid-t-5 {
        width: 41.6665%;
    }
    .grid-t-4 {
        width: 33.33%;
    }
    .grid-t-3 {
        width: 25%;
    }
    .grid-t-2 {
        width: 16.66666%;
    }
    .grid-t-1 {
        width: 8.33%;
    }
}

/*********************************************************************************************

4.  Grid 1024px+

*********************************************************************************************/

@media only screen and (min-width: 1024px) {

    .container {
        width:92%;
		max-width:1070px;
        margin:0 auto;
    }


    .grid-tl-12 {
        width: 100%;
    }
    .grid-tl-11 {
        width: 91.666663%;
    }
    .grid-tl-10 {
        width: 83.33%;
    }
    .grid-tl-9 {
        width: 100%;
    }
    .grid-tl-8 {
        width: 66.66666664%;
    }
    .grid-tl-7 {
        width: 58.333%;
    }
    .grid-tl-6 {
        width: 50%;
    }
    .grid-tl-5 {
        width: 41.6665%;
    }
    .grid-tl-4 {
        width: 33.33%;
    }
    .grid-tl-3 {
        width: 25%;
    }
    .grid-tl-2 {
        width: 16.66666%;
    }
    .grid-tl-1 {
        width: 8.33%;
    }
}


/*********************************************************************************************

5.  Grid 1200px+

*********************************************************************************************/

@media only screen and (min-width: 1200px) {
/*    .container {
        max-width:1070px;
        margin:0 auto;
    }*/
   /* .container.container-full {
        width:1180px;
    }*/
    .item.container.container-full {
        width:100%;
    }
    .container-fluid {
        max-width:90%;
        margin:0 5%;
    }
    .grid-d-12 {
        width: 100%;
    }
    .grid-d-11 {
        width: 91.666663%;
    }
    .grid-d-10 {
        width: 83.33%;
    }
    .grid-d-9 {
        width: 100%; //75%
    }
    .grid-d-8 {
        width: 66.66666664%;
    }
    .grid-d-7 {
        width: 58.333%;
    }
    .grid-d-6 {
        width: 50%;
    }
    .grid-d-5 {
        width: 41.6665%;
    }
    .grid-d-4 {
        width: 33.33%;
    }
    .grid-d-3 {
        width: 25%;
    }
    .grid-d-2 {
        width: 16.66666%;
    }
    .grid-d-1 {
        width: 8.33%;
    }
}

/*********************************************************************************************

5b.  Bootstrap

*********************************************************************************************/
.row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
}

.row.reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.row-nopad {
    margin-left: 0;
    margin-right: 0;
}

.row-nopad > [class*='col-'] {
    padding: 0;
}

.col.reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

.col-gray {
    background-color: #E7E8E2;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

.col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-1 {
    margin-left: 8.333%;
}

.col-xs-offset-2 {
    margin-left: 16.667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.333%;
}

.col-xs-offset-5 {
    margin-left: 41.667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.333%;
}

.col-xs-offset-8 {
    margin-left: 66.667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.333%;
}

.col-xs-offset-11 {
    margin-left: 91.667%;
}

.start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

.end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
}

.middle-xs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.bottom-xs {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}

.last-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}

@media only screen and (min-width: 48em) {
    /*
  .container {
    width: 46rem;
  }
*/
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .col-sm {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-sm-offset-1 {
        margin-left: 8.333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.667%;
    }

    .start-sm {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-sm {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-sm {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-sm {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .middle-sm {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .bottom-sm {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-sm {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .last-sm {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

@media only screen and (min-width: 62em) {
    /*
  .container {
    width: 61rem;
  }
*/
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .col-md {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-md-offset-1 {
        margin-left: 8.333%;
    }

    .col-md-offset-2 {
        margin-left: 16.667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.333%;
    }

    .col-md-offset-5 {
        margin-left: 41.667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.333%;
    }

    .col-md-offset-8 {
        margin-left: 66.667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.333%;
    }

    .col-md-offset-11 {
        margin-left: 91.667%;
    }

    .start-md {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-md {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-md {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-md {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .middle-md {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .bottom-md {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-md {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .last-md {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

@media only screen and (min-width: 75em) {
    /*
  .container {
    width: 71rem;
  }
*/
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .col-lg {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-lg-offset-1 {
        margin-left: 8.333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.667%;
    }

    .start-lg {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-lg {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-lg {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-lg {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .middle-lg {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .bottom-lg {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-lg {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .last-lg {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

/*********************************************************************************************

6.  Helper classes

*********************************************************************************************/


img.scale, img.responsive {
    max-width: 100%;
    height: auto;
}
.img-responsive {width:100%;}

html,
body {
  height: 100%;
}
body {
  background-color: #e7ecf4;
  color: #56698f;
  line-height: 1.4em;
  font-family: "Lexend", Arial, sans-serif;
  font-size: 15.5px;
}
/* layout */
.page-wrap {
  min-height: 100%;
  position: relative;
/*  background-color: #f5fbfe;*/
 /* background: #f0f7f0 url(../img/tvt-bg-bottom.png) repeat-x bottom;*/
}
.wrapper-stripe {
  margin-bottom: 20px;
}
/*.wrapper-content {margin-top: 324px;}*/
.content {
/*  background-color: #fff;*/
  padding-top: 0px;
  margin: 0 0 40px;
}
@media only screen and (max-width: 1023px) {
  .content {margin-bottom: 15px;}
}
.content:before,
.content:after {
  display: table;
  clear: both;
  content: " ";
}
.content .breadcrumb {
  z-index: 999;
  display: none;
  background-color: #fff;
  color: #ae2c44;
}
.content .breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.9em;
}
.content .breadcrumb ul li {
  display: inline-block;
}
.content .breadcrumb ul li a {
  color: #ae2c44;
}
.content .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 5px;
}
.content .content-title {
  z-index: 999;
 /* display: none;*/
  width: 100%;
  min-height: 45px;
  margin: 30px 0;
  padding: 10px 0 10px 15px;
}
.content .content-title h1 {
  margin: 0;
  color: #636362;
}
.content .content-header {
  position: relative;
  text-align: center;  
}
.content .content-header .content-image img {
  display: block;
  max-width: 100%;
}
/*.content .content-header .content-title {
  position: static;
  left: 0px;
  bottom: 28px;
  padding: 10px 0;
}*/
.content .content-header .content-title h1, #tema_header h1 {
  margin: 0;
  color: #ae4b84;
  font-size: 170%;
 /* text-transform: uppercase;*/
  font-weight:500;
  text-align: left;
}

.body-akce .content-header .content-title h1 {padding-bottom:8px;}

.content .content-header .breadcrumb {
  position: static;
  padding: 0px 20px 10px 20px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .content .content-header .content-title {
    display: inline-block;
    left: 0px;
    bottom: 28px;
    margin: 30px 0;
	padding-left: 0;
  }
  .content .content-header .breadcrumb {
    display: block;
    left: 0px;
    bottom: 0;
  }
  .side-menu {
  margin-left: -20px;
}
}

.content .content-body {
 /* overflow: hidden;*/
}
.content .content-body .content-body-wrap {
  z-index: 999;
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 0 15px;
}

.body-akce .content .content-body .content-body-wrap {
  background-color: transparent;
  padding:0;
}

.content .content-body .content-body-wrap .content-title {
  display: block;
}
/*.content .content-body .content-body-wrap .content-title h1 {
  padding: 10px;
  text-align: center;
}*/
.content .content-body .content-body-wrap .breadcrumb {
  display: block;
  padding: 10px;
}
@media only screen and (min-width: 1024px) {
  .content .content-body .content-body-wrap .breadcrumb {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .content .content-body .content-body-wrap {
    padding: 0 28px;
  }
 /* .content .content-body .content-body-wrap .content-title,*/
  .content .content-body .content-body-wrap .breadcrumb {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .content .content-body {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 200px) {
.content .content-title h1 {
  font-size: 1.4em;
}
.content .content-header .breadcrumb {
  padding: 0px 20px 10px 20px;
}
}
/* misc */
.container {
  padding: 0 15px;
}
.container-full,
.container.container-full {
  padding: 0;
}
.detail-link {
  display: inline-block;
  float: right;
  padding-right: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAA3NCSVQICAjb4U/gAAAAXVBMVEX/////897/89//8t6/8v+/8///4M7B0ODAz+Cgz95wzvZwkrUxZJkxY5lwP35wPnxwPn0IRoUCP7YCP7cFQoMCPbQDQoICPrUDQYICQYICQIACP34CP38CPnwCPn1EBxvqAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAGZJREFUCJlVj9sOgCAMQ6uIeAEF1IgY9/+f6eXBjT4sOWnWdejcmn65Di4wpuAg3Ff45tV7ImIeUE3nybxpKC98WhpUM3O6do1WcGyeBeaoUfsiX805i7yRivuinw2H6G9hrPjAmhurthKDPL/LmwAAAABJRU5ErkJggg==') no-repeat right center;
}
.thumbnail-left {
  float: left;
  margin-right: 10px;
}
.thumbnail-right {
  float: right;
  margin-left: 10px;
}
.document-menu {
  padding: 8px 0;
  border-top: 1px dotted #B8B8B8;
  line-height: 1.25em;
  text-align: right;
  font-size: 0.9em;
}
.document-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.document-menu ul li {
  display: inline-block;
  margin-left: 5px;
  border-left: 1px dotted #888;
}
.document-menu ul li:first-child {
  border-left: none;
}
.document-menu ul li a {
  margin-left: 8px;
  padding-left: 18px;
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #888;
}
.document-menu ul .document-menu-print a {
  padding-left: 20px;
  background: url(data:image/gif;base64,R0lGODlhDgALAIAAAP///4iIiCH5BAAHAP8ALAAAAAAOAAsAAAIchIOJxhB9oJMP1nZnjq8qdWyS033gInKpRZpgAQA7) left center no-repeat;
}
.document-menu ul .document-menu-mail a {
  padding-left: 18px;
  background: url(data:image/gif;base64,R0lGODlhDAALAIAAAP///4iIiCH5BAAHAP8ALAAAAAAMAAsAAAIbBIJxaNduFIxNSorhvXE/tnRTVXEZ+JXJugQFADs=) left center no-repeat;
}
.document-menu ul .document-menu-back a {
  padding-left: 12px;
  background: url(data:image/gif;base64,R0lGODlhBgAFAIAAAP///4iIiCH5BAAHAP8ALAAAAAAGAAUAAAIHBGKIx937CgA7) left center no-repeat;
}
.document-menu ul .document-menu-top a {
  padding-left: 11px;
  background: url(data:image/gif;base64,R0lGODlhBQAGAJEAAP////7+/oiIiAAAACH5BAAHAP8ALAAAAAAFAAYAAAIIBGSnaMyrWgEAOw==) left center no-repeat;
}
.links-toggle {
  float: left;
  color: #fff;
  margin-right: 10px;
  padding: 4px 42px 5px 4px;
  background: url(/system/modules/cz.nelasoft.opencms.avcr/resources/img/links.png) right center no-repeat;
}
.links-toggle:hover {
  cursor: pointer;
  color: #014b7a;
}
.links-block {
  z-index: 999;
  display: none;
  position: absolute;
  right: 0;
  top: 80px;
  background-color: #4a8db5;
  width: 225px;
}
.links-block ul {
  list-style: none;
  margin: 0;
  padding: 10px;
  text-align: center;
}
.links-block ul li {
  border-top: 1px solid #3e7596;
}
.links-block ul li:first-child {
  border-top: none;
}
.links-block ul li a {
  display: block;
  padding: 5px 0 5px 0;
  color: #fff;
  text-decoration: none;
  line-height: 1.5em;
}
.links-block ul li a:hover {
  color: #014b7a;
}
.social-sharing {
  background-color: #0073b6;
  padding: 15px;
  color: #fff;
}
.social-sharing .social-sharing-title {
  margin-bottom: 1em;
  font-size: 1.2em;
}
.social-sharing .social-sharing-items {
  text-align: center;
  margin: 30px 0;
}
.social-sharing .social-sharing-items .social-sharing-item {
  display: inline-block;
  margin: 0 8px;
  font-size: 2em;
}
.social-sharing .social-sharing-items .social-sharing-item a {
  color: #fff;
}
.videogallery {
  overflow: hidden;
}
.videogallery .boxbody_listentry {
  float: left;
  width: 50%;
  margin: 0;
}
.videogallery .boxbody_listentry h2 {
  min-height: 2.5em;
}
/* lists */
.list .list-item {
  margin-bottom: 2em;
}
.list .list-item .list-date {
  font-size: 0.9em;
}
.list .list-item .list-title h3 {
  margin: 0;
  font-size: 1.2em;
}
.list .list-item .list-title h3 a {
  color: #3267ae;
  font-weight: bold;
  text-decoration: none;
}
.list .list-item .list-title h3 a:hover {
  text-decoration: underline;
}

/*.list .item {
  margin: 0 0 1em;

}*/
.list .item .image.grid-d-3.grid-tl-3.grid-t-3.grid-m-3 {
  width: 200px;
  padding-right: 30px;
  text-align: center;
}
.list .item .image.grid-d-3.grid-tl-3.grid-t-3.grid-m-3 img {
  width: 100%;
  height: auto;
  max-width: 200px;
  max-height: 150px;
}
.list .item .content.grid-9 {
  width: 100%;
  padding: 0;
  margin: 0;
}
.list .item .content .date {
  font-size: 80%;
  margin-right: 0.5em;
}
.body-program .list .item .content .date, .search_filter_hp_wr .date {
  font-size: 100%!important;
  margin:10px 0 0!important;
}
.body-program .list .item .content .description, .search_filter_hp_wr .description {
  margin-top:10px;
}



.list .item .content .date,
.list .item .content .title {
  display: block;
}
.list .item .title h3 {
  margin: .2em 0;
}
@media only screen and (min-width: 500px) {
  .list .item .content.grid-9 {
    width: calc(100% - 230px);
  }
}
.boxbody_listentry {
  overflow: hidden;
}
.boxbody_listentry .boxbody_listentry_content {
  float: right;
  width: 71%;
}
.boxbody_listentry .boxbody_listentry_content p {
  margin-top: 0;
}
.boxbody_listentry .boxbody_listentry_content .date {
  color: #999;
}
/* pagination */
.pagination {
  overflow: hidden;
  margin: 2em 0 1em;
  text-align: center;
}
.pagination a,
.pagination span {
  padding: 0.3em 0.5em;
  color: #003476;
}
.pagination .current {
  font-weight: bold;
}
/* search */
.search-status {
  margin-bottom: 15px;
}
.search-header {
  margin-bottom: 15px;
  padding: 15px;
  /*border: 1px solid #ccc;
  background-color: #eee;
  */
}
.search-input {
  float: left;
  width: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  line-height: 20px;
}
.search-submit {
  width: 42px;
  height: 42px;
  border: none;
  background: #fff url('/system/modules/cz.nelasoft.opencms.tm/resources/img/lupa.svg') no-repeat center;
  background-size: 18px 18px;
  color: #BDD0DC;
  font-size: 1.5em;
}
.content .search-submit {
  background: none;
  background-color:#ae2c44;
  color: #fff;
}

.search-header_in{ margin:0 auto; width:620px;}
@media (max-width: 620px) {
 .search-header_in{ width:auto;}
 #hledatvpr_btn {margin-top: 15px !important; float: none !important;max-width: 242px;}
}
.content #searchFormSide{ display:inline-block;}

.search-result {
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.search-result .search-result-title {
  font-weight: bold;
}
.media {
  overflow: hidden;
  padding: 20px;
}
.media .col-1-2 {
  float: left;
  width: 50%;
}
.media .col-1-4 {
  float: left;
  width: 25%;
}
.media .video-container {
  position: relative;
  margin: 0 1px 1px 0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.media .video-container iframe,
.media .video-container object,
.media .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.media .media-image-container {
  margin-bottom: 1px;
}
.media .media-image-container a {
  display: block;
  opacity: 0.9;
}
.media .media-image-container a:hover {
  opacity: 1;
}
.media .media-image-container img {
  display: block;
  width: 100%;
}
.grid-noborder {
  padding: 0;
}
.media-carousel {
  padding: 0 0 0 20px;
}
.media-carousel img {
  width: 100%;
}
.menu-section {margin-top:253px;}
/*@media (min-width: 760px) {#horni-pruh2 {height: 219px!important}}
@media (max-width: 760px) {#horni-pruh2 {border-bottom: 0;max-height: 240px;}}*/
/*@media only screen and (max-width: 1023px) {
  .menu-section {margin-top:77px;}
} */
.section-color-1 .bx-pager,
.section-color-2 .bx-pager,
.section-color-3 .bx-pager,
.section-color-4 .bx-pager {
  bottom: 32px;
}
/*.section-color-primary .menu-main ul .active,*/
/*.section-color-primary .menu-section ul,*/
.section-color-primary .bx-wrapper,
.section-color-primary .content-title {
  background-color: transparent;
}
.section-color-1 .menu-main ul .active,
.section-color-1 .menu-section ul,
.section-color-1 .bx-wrapper,
.section-color-1 .content-title {
  background-color: #fff;
}
.menu-color-1 a:hover {
  background-color: #005e94;
}
.section-color-2 .menu-main ul .active,
.section-color-2 .menu-section ul,
.section-color-2 .bx-wrapper,
.section-color-2 .content-title {
  background-color: #fff;
}
.menu-color-2 a:hover {
  background-color: #fff;
}
.section-color-3 .menu-main ul .active,
.section-color-3 .menu-section ul,
.section-color-3 .bx-wrapper,
.section-color-3 .content-title {
  background-color: #003a5f;
}
.menu-color-3 a:hover {
  background-color: #003a5f;
}
.section-color-4 .menu-main ul .active,
.section-color-4 .menu-section ul,
.section-color-4 .bx-wrapper,
.section-color-4 .content-title {
  background-color: #172434;
}
.menu-color-4 a:hover {
  background-color: #172434;
}
.hpevents-anniversary .list-item {
  overflow: hidden;
  border-top: 1px solid #2182A2;
}
.hpevents-anniversary .list-item:first-child {
  border-top: none;
}
.hpevents-anniversary .list-item .list-body {
  display: table;
}
.hpevents-anniversary .list-item a {
  color: #fff;
  text-decoration: none;
}
.hpevents-anniversary .list-otheritems .list-item:first-child {
  border-top: 1px solid #2182A2;
}
.hpevents-anniversary .list-date {
  float: left;
  display: table-cell;
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
  vertical-align: middle;
  border-right: 1px solid #2182A2;
}
.hpevents-anniversary .list-date .anniversary-date-month {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: rotate(-90deg);
  text-transform: uppercase;
  text-align: center;
  font-size: 0.9em;
}
.hpevents-anniversary .list-date .anniversary-date-day-year {
  float: left;
  text-align: center;
  height: 70px;
  padding: 15px 0 0 20px;
}
.hpevents-anniversary .list-date .anniversary-date-day-year .anniversary-date-day {
  font-size: 2.2em;
  color: #145164;
}
.hpevents-anniversary .list-title {
  display: table-cell;
  vertical-align: middle;
}
.events-header {
  display:none;
  margin-bottom: 1.5em;
}
.events-header #events-filter-form {
  overflow: hidden;
  margin-bottom: 1em;
  border: 1px solid #ae2c44;
}
.events-header #events-filter-form .grid-d-6 {
  padding: 10px;
}


.form-styled label {
  display: block;
  margin-bottom: 5px;
}
.form-styled input[type=text] {
  width: 100%;
  padding: 5px;
}
.block {
  margin-bottom: 1em;
}
.dataTable thead th {
  text-align: left;
}
.button {
  display: inline-block;
  padding: 5px 20px;
  border: none;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
  line-height: normal;
}
.button-primary {
  color: #ae4b84;
  background-color: #fff;
}
.button-primary:hover {
 /* background-color: #014b7a;*/
}
.button-large {
  padding: 10px 20px;
}
#horni-pruh {
  position: absolute;
/*  height: 311px;*/
  width:100%;
 /* background: #fff url("../img/TM-banner-hp-w1920-bezdata.jpg") repeat-x center 64px;*/
  top: 0px;
  left: 0px;
  z-index: 0;
 /* border-bottom: 1px solid #3671b6;*/
}


#horni-pruh2 {
  width:100%;
  background: transparent;
  height: 0;
  z-index: 0;  
}

@media (max-width: 760px) {
 #horni-pruh {
   border-bottom: 0;
 }
 .menu-section {border-bottom: 1px solid #3671b6;}
 
} 

#dolni-pruh {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 282px;
    width: 100%;
    background-color: #dbdbdb;
    padding-top: 50px;
    z-index: 0;
}
#dolni-pruh2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 85px;
    width: 100%;
    background-color: #636362;
    color:#fff;
    padding: 20px 0;
}
.header {
 /*position: fixed;*/
 height: 135px;
 width: 1180px;
 /*background-color:#fff;*/
 z-index: 2018;
 padding: 0 20px;
/* margin-top:35px;*/
 display: flex;
 align-items: center; 
}
@media (max-width: 1180px) {
  .header {
    width: 100%;
  }
}

.header .logo {
  float: left;
  margin: 0 20px 0 0;
}
.header .logo img {
  float: left;
}
@media only screen and (min-width: 1024px) {
  .header .logo img {
    width: inherit;
  }
}
@media only screen and (max-width: 1199px) {
	  .header .logo {
		margin-left: 15px;
	}
	.hp-top-text {
		max-width: 90%!important;
	}
}
@media only screen and (max-width: 432px) {
 /* .header .logo img {
    width: 100%;
    height: auto;
  }
  .header .logo {
    margin: 17px 10px 10px 15px;
  }*/
}
/*@media only screen and (max-width: 352px) {
  .header .logo {
    margin: 17px 10px 10px 10px;
    width: 162px;
  }
}*/
.header .header-misc {
 /* display: none;
  float: right;*/
  margin: 12px 5px;   
}

.header .header-misc img {
 margin: 0 8px;
}

.header .header-misc .langswitch {
 padding-left:18px;
}

@media (max-width: 680px) {
	.header .header-misc {display:none;}
}


.header .logo-av {
 float: right;
 margin-left: auto;
}

@media (max-width: 490px) {
	.header .logo-av {display:none;}
	.header .menu-toggle {
    flex: 1;
    text-align: right;
}
	
}

.header .header-misc .search-box {
  float: right;
}
.header .header-misc .search-box .search-input {
  box-sizing: border-box;
  float: left;
  width: 154px;
  height: 42px;
  padding: 10px 0 10px 10px;
  border: none;
  background-color: #76afd1;
  color: #fff;
  vertical-align: top;
  font-size: 1em;
  outline: none;
}
.header .header-misc .search-box .search-input::-webkit-input-placeholder {
  color: #BDD0DC;
  font-style: italic;
}
.header .header-misc .search-box .search-input::-moz-placeholder {
  color: #BDD0DC;
  font-style: italic;
}
.header .header-misc .search-box .search-input:-ms-input-placeholder {
  color: #BDD0DC;
  font-style: italic;
}
.header .header-misc .search-box .search-input:-moz-placeholder {
  color: #BDD0DC;
  font-style: italic;
}
.header .header-misc .search-box .search-submit {
  width: 42px;
  height: 42px;
  border: none;
  font-size: 1.5em;
  color: #fff;
}
.header .header-misc .header-menu {
  box-sizing: border-box;
 /* float: right;*/
  height: 42px;
  padding: 10px;
  color: #fff;
 /* background-color: #fff;*/
 display: flex;
;
}
.header .header-misc .header-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .header-misc .header-menu ul li {
  float: left;
  margin-left: 1em;
  padding-right: 1em;
/*  border-right: 1px solid  #4a8db5;*/
}
.header .header-misc .header-menu ul li:first-child {
  margin-left: 0;
  padding-left: 1em;
  border-left: 0px solid  #fff;
}
.header .header-misc .header-menu a {
  color: #3267ae;
  text-decoration: none;
}
.header .header-misc .header-menu a:hover {
/*  text-decoration: underline;*/
 opacity: 0.8;
}
.body-homepage .header .header-misc .header-menu a {
  color: #fff;
}

.body-program .container-full {
  display:none
}

.body-program .search_filter-wr .container {
  max-width:1180px!important;
  padding:0 20px;
}

@media only screen and (min-width: 720px) {
  .header .header-misc {
    display: inline-block;
  }
}
.header .menu-toggle {
  float: right;
  margin: 14px 15px 10px;
}

.header .menu-toggle button {
  width: 36px;
  height: 36px;
  background-color: transparent;
  color: #3267ae;
  border: none;
  font-size: 34px;
  outline: none;
}
.body-homepage .header .menu-toggle button {
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .header .menu-toggle {
    display: none;
  }
  
}
.footer {
  padding: 40px 0 0;
/*  background-color: #dbdbdb;*/
  color:#fff;
}
.footer .social-links {
  margin-bottom: 30px;
  text-align: center;
}
.footer .social-links .social-link-title {
  margin-bottom: 30px;
  color: #87BDDF;
  font-size: 1.2em;
}
.footer .social-links .social-link {
  display: inline-block;
  margin: 0 22px;
  font-size: 3em;
}
@media only screen and (max-width: 400px) {
  .footer .social-links .social-link {
    margin: 0 10px;
  }
}
.footer .social-links .social-link a {
  color: #636362;
}
.footer .footer-nav {
  width: 100%;
}
.footer .footer-nav .footer-nav-col {
  padding: 0 1em;
}
.footer .footer-nav .footer-nav-title {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  text-align: center;
  color: #87BDDF;
}
.footer .footer-nav .footer-nav-title a {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
}
.footer .footer-nav ul {
  display: none;
}
@media only screen and (min-width: 840px) {
  .footer .footer-nav .footer-nav-title {
    text-align: left;
  }
  .footer .footer-nav ul {
    display: block;
  }
}
.footer .footer-nav ul {
  margin: 0;
  padding: 0;
}
.footer .footer-nav li {
  font-size: 0.8em;
  list-style: none;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.footer .footer-nav li a {
  color: #fff;
  text-decoration: none;
}
.footer .footer-nav li a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 840px) {
  .footer .footer-nav {
    display: table;
  }
  .footer .footer-nav .footer-nav-col {
    display: table-cell;
/*    border-left: 1px solid #00689F;*/
  }
  .footer .footer-nav .footer-nav-col:first-child {
    border-left: none;
  }
}
.footer .logo {
  margin: 30px 0 10px;
  text-align: center;
}
.footer .footer-quote {
  font-size: 0.8em;
  text-align: center;
  color: #fff;
}
.footer .footer-quote a {
  color: #fff;
}
a {
  color: #56698f;
}
a:hover {
  color: #3671b6;
  text-decoration: none;
}
p {
  margin: 0 0 1em 0;
}
h1,
h2,
h3,
h4 {
  line-height: 1.2em;
}
h3,
h4 {
  color: #3671b6;
}
h2 {
  color: #ae4b84;
}
h1 {
  font-size: 2em;
  font-weight: normal;
}
h2 {
  font-size: 1.2em;
  font-weight: bold;
}
h4 {
  margin: 0;
  padding: 5px 0px;
  font-size: 1.4em;
}
.slider {
  border-bottom: 1px solid #fff;
}
@media (min-width: 1024px) {
  .slider {
    border-bottom: none;
  }
}
.bxslider {
  margin: 0;
  padding: 0;
}
/* Custom */
.bx-wrapper {
  position: relative;
  background-color: #0073b6;
}
.bx-wrapper .bxslider-image-wrapper {
  overflow: hidden;
}
.bx-wrapper img {
  float: left;
  width: auto;
}
.bxslider .bxslider-text {
  box-sizing: border-box;
  padding: 20px;
}
@media (min-width: 1024px) {
  .bx-wrapper .bxslider-image-wrapper {
    /*width: 75%;*/
  }
  .bxslider .bxslider-text {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px 20px 40px;
  }
}
.bxslider .bxslider-caption {
  margin-bottom: 0.5em;
 /* color: #fff;*/
  font-size: 115%;
  line-height: 1.20em;
  color:#3267ae;
}
.bxslider .bxslider-caption a {
  color: #3267ae;
  text-decoration: none;
}
.bxslider .bxslider-caption a:hover {
  text-decoration: underline;
}
.bxslider .bxslider-description {
  color: #3267ae;
  height:99px;
}
.bxslider .bxslider-description a {
  color: #3267ae;
}

.bxslider-detail {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.bxslider-detail a {
  color: #3267ae;
  text-decoration: none;
  font-size: 0.9em;
}
.bxslider-detail a:hover {
  text-decoration: underline;
}
.bx-wrapper .bx-prev {
  left: 15px;
  background: transparent url('/system/modules/cz.nelasoft.opencms.avcr/resources/img/sprite.png') 0 0 no-repeat;
}
.bx-wrapper .bx-next {
  right: 15px;
  background: transparent url('/system/modules/cz.nelasoft.opencms.avcr/resources/img/sprite.png') -41px 0 no-repeat;
}
.bx-wrapper .bx-controls {
 /* display: none;
  position: absolute;
  top: 0;
  width: 75%;
  height: 100%;*/
}
@media (min-width: 1024px) {
  .bx-wrapper .bx-controls {
    display: block;
  }
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  width: 41px;
  height: 72px;
  margin-top: -36px;
  outline: 0;
  z-index: 999;
  text-indent: -9999px;
  opacity: 0.8;
}
.bx-wrapper .bx-controls-direction a:hover {
  opacity: 1;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.bx-pager {
  position: absolute;
  right: 49%;
  bottom: 20px;
  z-index: 999;
}
.bx-pager .bx-pager-item {
  display: inline-block;
}
.bx-pager .bx-pager-item .bx-pager-link {
  background: #BAB9B4;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  outline: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.bx-pager .bx-pager-item .active {
  background: #fff;
}


/* **** slider na homepage **** */

#slidercontainer-homepage .bxslider, #slidercontainer-homepage .bxslider li {
 width:100%;
 height: 700px;
 color:#fff;
}

#slidercontainer-homepage .bx-viewport {
    height: auto!important;
}

#slidercontainer-homepage .bxslider li h2 {
 color:#fff;
 margin: 80px 0;
 text-align: center;
 font-size: 34px;
}

#slidercontainer-homepage .bxslider li a {color:#fff;}

.bxslider li.slide1 {
 background: url(../img/slide1.jpg) top / cover no-repeat scroll;
}

.bxslider li.slide2 {
 background: url(../img/slide2.jpg) top / cover no-repeat scroll;
}

.bxslider li.slide3 {
 background: url(../img/slide3.jpg) top / cover no-repeat scroll;
}

/* ****************** */


.service-menu {
  margin: 10px 0 13px;
  font-size: 0.9em;
  color:#fff;
  display: flex;
  gap:20px;
  align-items: center; 
  font-weight: 300;
}
.service-menu .copyright {  
  margin-left: 8px;
}
.service-menu ul {
  margin: 0 -10px 0 0;
  padding: 0;
  list-style: none;
  flex-grow: 1;
  text-align:right;
}
/*
@media only screen and (max-width: 499px) {
  .service-menu ul {
    clear: left;
  }
}
*/
.service-menu ul li {
  float: right;
  margin-right: 5px;
  padding-right: 5px;
}
.service-menu ul li a {
  color: #fff;
  text-decoration: none;
}

/* section layout (e.g. homepage) */
.carousel {
  margin-bottom: 20px;
  padding: 1em 0;
  background-color: #38382E;
}
.carousel .carousel-title {
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}
.carousel .carousel-title a {
  color: #fff;
}
.carousel .carousel-item {
  text-align: center;
}

.newsboxes {
 /* background-color: #fff;*/
}
.newsboxes .newsboxes-list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  justify-content: center;
}
.newsboxes .newsboxes-list .list-archive {
  width: 100%;
  margin: 10px 0;
  text-align: center;
}
.newsboxes-archive {
 text-align:right;
 max-width: 1050px;
}
.newsboxes-archive .button {
 margin: 0 2px 15px 2px;;
 vertical-align: middle;
}
.newsbox {
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 5px;
/*  background-color: #ebecec;*/
  border: 15px solid  #fff;
}
.newsbox .newsbox-image {
  margin-bottom: 10px;
}
.newsbox .newsbox-image img {
  display: block;
  width: 100%;
}
.newsbox .newsbox-body .newsbox-title h3 {
  margin: 0 0 0.25em;
  line-height: 1.5em;
}
.newsbox .newsbox-body .newsbox-title h3 a {
  color: #636362;
  text-decoration: none;
}
.newsbox .newsbox-body .newsbox-title h3 a:hover {
  /*text-decoration: underline;*/
  color: #ae2c44;
}
.newsbox .newsbox-body .newsbox-text {
  font-size: 0.9em;
}


@media (min-width: 720px) {
  .newsbox {
    width: 33.33%;
  }
}
@media (min-width: 1024px) {
  .newsbox {
    width: 27%;
  }
}
.menu-main {
 display: none;
 padding: 0 0 0 50px;
 font-size: 18px;
 font-weight: 400;  
}
.menu-main ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-main ul li {
/*  border-right: 1px solid #b1d2e5;*/
}
.menu-main ul li:first-child {
 /* border-left: 1px solid #b1d2e5;*/
}
.menu-main ul li a {
  display: block;
  padding: 22px 20px;
  color: #fff;
  background-color:#3267ae;
  line-height: 20px;
  text-decoration: none;
  outline: none;
}

.menu-main ul li a:hover {
 /* color: #3671b6;*/
 opacity: 0.8;
}
.menu-main ul li.active a {
 /* color: #ae2c44;*/
}
.menu-main ul .active {
 position: relative;  /* kvuli zobaku*/
/*  background-color: #4a8db5;*/
}

.body-homepage .menu-main ul li a {
  color: #3267ae;
  background-color:#fff;
}

.body-homepage #horni-pruh2 {
 background: url(../img/pozadi.jpg) center -135px / cover no-repeat scroll;
 height:auto;
}

@media (max-width: 1024px) {
  .body-homepage #horni-pruh2 {
    background-position: center center;
   }

}  


.horni-pruhFixed {background: #fff url(../img/prechodovy_prouzek_vrch.jpg) bottom / 100% auto no-repeat scroll;}

.body-homepage .horni-pruhFixed  {
 background: #3267ae url(../img/pozadi.jpg) top / cover no-repeat scroll;
}

.wrapper-header {
 max-width: 1180px;
 margin: 0 auto;
} 

.menu-main #links {
  display: none;
  z-index: 9999;
  position: absolute;
  right: 0;
  top: 62px;
  width: 250px;
  padding: 15px;
  background-color: #014b7a;
  font-size: 0.9em;
}
.menu-main #links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-main #links ul li {
  border-top: 1px solid #ae2c44;
}
.menu-main #links ul li:first-child {
  border-top: none;
}
.menu-main #links ul li a {
  display: block;
  padding: 5px 0;
  color: #fff;
  text-decoration: none;
}
.menu-main #links ul li a:hover {
  text-decoration: underline;
}
.menu-main #links-control {
  display: none;
  float: right;
  font-size: 2em;
  color: #fff;
  line-height: 42px;
}
.menu-main #links-control:hover {
  cursor: pointer;
}
.menu-main .zobak {background:transparent url('/system/modules/cz.nelasoft.opencms.tm/resources/img/menu-zobacek.svg') no-repeat center; position:absolute;width: 100%;height: 9px;bottom: -7px;left: -9px;}

@media only screen and (min-width: 1024px) {
  .menu-main {
    display: block;
    float: left;
  }
  .menu-main li {
    display: inline-block;
    float: left;
  }
  .menu-main #links-control {
    display: block;
  }
  .menu-main ul li a {
    padding: 8px 10px;
	margin-right:20px;
  }
}

@media only screen and (max-width: 1150px) {
  .menu-main ul li a {
    padding: 6px 10px;
	margin-right:10px;
  }
}
.menu-mobile {
  display: none;
  background-color:#fff;
  position: fixed;
  width: 100%;
  z-index: 2018;
  top: 99px;
}
.menu-mobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #3671b6;
}
.menu-mobile ul li {
  border-top: 1px solid #3671b6;
  text-align:center;
  background-color: #e7eef7;
}
.menu-mobile ul li a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: #3267ae;
  font-size: 120%;
  text-transform: uppercase;
}
.menu-mobile ul li a:hover {
  text-decoration: underline;
  background-color: #3671b6;
  color:#fff;
}
.menu-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
/*  background-color: #f5fbfe;*/
}
.menu-section ul li {
  position: relative;
  display: inline-block;
}
.menu-section ul li.active {
 background-color:#fff;
}
.menu-section ul li a {
  display: block;
  padding: 12px 20px;
  color: #636362;
  text-decoration: none;
  font-size: 100%;
  outline: none;
/*  text-transform:uppercase;*/
}

.menu-section ul li a:hover {
 color:#3671b6;
}

.menu-section ul li ul {
  position: absolute;
  left: 0;
  width: 200px;
  box-shadow: none;
  display: none;
  opacity: 0;
}
.menu-section ul li ul li {
  display: block;
  margin-right: 0;
}
.menu-section ul li ul li a {
  padding: 6px 20px;
  color: #C4EAFF;
  font-weight: normal;
}
.menu-section ul .open ul {
  z-index: 9999;
  display: block;
  opacity: 1;
}
.menu-section ul .open > a,
.menu-section ul .active > a {
  color: #ae2c44;
}
.side-menu {
  background-color: #a8d0e9;
  padding: 15px;
}
.side-menu .side-menu-title {
  margin-bottom: 1em;
  font-size: 1.2em;
  padding-left: 15px;
  padding-top: 10px;
  color: #2a2c39;
}
.side-menu ul {
  list-style: none;
  margin: 0;
  padding-left: 15px;
}
.side-menu ul li {
  margin-bottom: 1em;
  line-height: 1.25em;
  font-size: 0.9em;
}
.side-menu ul li a {
  display: block;
  color: #464646;
  text-decoration: none;
}
.side-menu ul li a:hover {
  text-decoration: underline;
}
.side-menu ul li a.current,
.side-menu ul li a.current-parent {
  font-weight: bold;
}
.side-menu ul ul {
  margin-top: 1em;
}
.side-menu ul ul li a {
  padding-left: 1.5em;
}
.ui-accordion-header {
  position: relative;
  margin-bottom: 1px;
  padding: 10px 15px 10px 40px;
  outline: none;
  background-color: #eee;
  cursor: pointer;
  font-weight: bold;
}
.ui-accordion-header .fa {
  position: absolute;
  left: 15px;
  top: 15px;
}
.accordion-content {
  margin-bottom: 1px;
  padding: 15px;
  border: 1px solid #eee;
}
.ui-accordion-header-active .fa-plus-square-o:before {
  content: "\f147";
}

.oddeleni {
 padding: 10px;
 display: inline-block;
 background-color: #ccc;
 float: left;
 margin: 12px 0 2px 12px;
 width: 195px;
 min-height: 180px;
}
 
.oddeleni a {
 color:#000;
 text-decoration:none;
}

.ui-accordion {

  margin-bottom: 1em;

}

.ui-accordion .ui-accordion-header {

  margin-bottom: 5px;

  padding: 10px 20px;

  background-color: #eee;

  border: 1px solid #ccc;

  cursor: pointer;

  outline: none;

}

.ui-accordion .ui-accordion-header .fa-plus {

  margin-right: 5px;

}

.ui-accordion .ui-accordion-content {

  margin-bottom: 5px;

  padding: 10px 20px;

  border: 1px solid #ccc;

}

.ui-accordion .ui-accordion-header-active {

  background-color: #fff;

}

.ui-accordion .ui-accordion-header-active .fa-plus:before {

  content: "\f068";

}

.ui-tabs {

  margin-bottom: 1em;

}

.ui-tabs .ui-tabs-nav {

  list-style: none;

  margin: 0;

  padding: 0;

}

.ui-tabs .ui-tabs-nav li {

  box-sizing: border-box;

  float: left;

  background-color: #eee;

  border: 1px solid #ccc;

  border-bottom: 1px solid #000;

}

.ui-tabs .ui-tabs-nav li a {

  display: block;

  padding: 10px 20px;

  color: #000;

  text-decoration: none;

  outline: none;

}

.ui-tabs .ui-tabs-nav:after,

.ui-tabs .ui-tabs-nav:before {

  content: "";

  display: table;

  border-collapse: collapse;

}

.ui-tabs .ui-tabs-nav:after {

  clear: both;

}

.ui-tabs .ui-tabs-nav .ui-tabs-active {

  background-color: #fff;

  border-color: #000;

  border-bottom: 1px solid #fff;

}

.ui-tabs .ui-tabs-panel {

  margin-top: -1px;

  padding: 10px 20px;

  border: 1px solid #000;

}

.newslettersubscription-buttons {

  margin-top: 20px;

}

.pagination {

  margin: 1em 0;

  font-size: 120%;

}

.pagination a {

  display: inline-block;

  padding: 5px 8px;

  text-decoration: none;

}

.pagination span {

  padding: 5px 8px;

}

.pagination .current {

  background-color: #ae2c44;

  color: #fff;

}

.pagination .current.prev,

.pagination .current.next {

  background-color: #fff;

  color: #ae2c44;

}
 
@media print {

  body {

    color: #000;

  }

  .wrapper-header,

  .menu-toggle,

  .menu-section,

  .content-header,

  .wrapper-events,

  .wrapper-media,

  .carousel,

  .wrapper-footer,

  .newsboxes-archive,

  .col-side {

    display: none;

  }

  .content-image {

    margin-bottom: 20px;

  }

  .newsboxes .newsboxes-list {

    display: block;

  }

  .newsbox {

    overflow: hidden;

    page-break-inside: avoid;

  }

  .newsbox .newsbox-image {

    float: left;

    width: 25%;

    margin-right: 15px;

  }

  .newsbox .newsbox-body {

    float: left;

    width: 70%;

  }

  .newsbox .newsbox-body .newsbox-title h3 a {

    color: #000;

  }

} 


#slidercontainer {		/* p?id?no cel? */
 max-height: 300px;   
 overflow: hidden;
 max-width: 850px;
 margin: 0 auto;
 text-align: center;
 letter-spacing: 1px;
 font-style: italic;
 margin-bottom: 50px;
 font-weight: bold;    
}

#hpnadpis {
 background-color: #4a8db5;
 width:100%;
 text-align:center;
 padding: 2px 0;
}

#hpnadpis h1 {
 color:#fff;
}
#tabulka_kontakty {
 width:100%; 
 overflow-x:auto;
}
#tabulka_kontakty tr:nth-child(even){background-color: rgb(232, 237, 239);}

#logo-robot, #hp-banner {
 position: relative;
 width:100%;
 height:385px;
 top: 80px;
 right: 0;
 color: #646463;
}

#robot {
 position: absolute;
 right: -26px;
 bottom:80px;
 max-width: 60%;
 z-index: 1918;
}

#hlnadpis { position:relative; font-size:45px; padding-top: 100px; font-weight:bold; margin-top: 0;letter-spacing: 1px; color: #6f6f6f; padding-left: 76px; }
#hlnadpis span {color:#3671b6;font-weight:100;letter-spacing: 0;font-size: 0.933em; display: block; line-height: 1; }
#podtitul1 { position: relative; font-size: 30px; font-weight:bold; padding-left: 77px; }
#podtitul2 { 
 position: absolute;
 bottom: 128px;
 left: 356px;
 font-size: 12px;
 text-align: left;
 font-weight: normal;
 line-height: 18px;
 color:#3671b6;
}
#podtitul3 { position: absolute; top: 78px; left: 581px; font-size: 65px; font-weight: bold; color: #3671b6;}
#hlnadpis,
#podtitul1,
#podtitul2,
#podtitul3 { text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff; }
#hlnadpis { z-index: 1978; }
#podtitul1 { z-index: 1968; }
#podtitul2 { z-index: 1948; }
#podtitul3 { z-index: 1938; }
@media (max-width: 1199px) {
 #hlnadpis,
 #podtitul1 { padding-left: 20px; }
 #podtitul2 { left: 30%; }
 #podtitul3 { left: 543px; }
}
@media (max-width: 699px) {
 #hlnadpis { padding-top: 30px; padding-right: 20px;}
 #podtitul2 { position: relative; left: 20px; bottom: auto; }
 #podtitul3 {font-size: 65px;bottom:111px;top: auto; right:20px; left: auto;}
}
@media (max-width: 599px) {
 #hlnadpis {line-height: 1.1em;}
}

@media (max-width: 359px) {
 #hlnadpis { font-size:36px; }
}
@media (max-width: 299px) {
 #podtitul3 { display: none; }
}
@media (max-width: 249px) {
 #robot { display: none; }
}

.horni-pruhFixed {
    /*position: fixed;*/
   /* border-bottom: 4px solid #3671b6;*/
    width: 100%;
    height: 135px;
    background-color:#fff;
    z-index:1989;
	background-size: 100% 5px; /* jinak se objeví 1px mezera pod pruhem při width > cca 1700px*/
}
#footerLogo {
 float: left;
 margin-right: 10px;
}

.wrapper-footer {
 background: #45398a url('../img/pozadi_paticka.png') top / cover no-repeat scroll;
 clear: both;
}
.wrapper-footer .container, .wrapper-servicemenu .container {max-width:1180px;}

.wrapper-footer .footer {display:flex;gap: 20px;}

/*.wrapper-footer .footer img {margin-bottom:20px;}*/

.wrapper-footer .footer a {text-decoration:none; color:#fff; display: block; font-weight:300;line-height: 1.6;white-space: nowrap;}

.footer-logos, .footer-links {flex:1;}
.footer-social-links {flex:1.6; text-align: right;}
.footer-social-links img {float:right; margin:0 0 10px 20px;}
.footer-logos img {margin-bottom:40px;}

.wrapper-servicemenu {background: #45398a url(../img/pozadi_paticka.png) top / cover no-repeat scroll;}



#hledatvpr_btn {display:inline-block; background-color:#ae2c44; color:#fff; padding:9px 21px!important; clear:both; margin: 0 60px 15px 0; cursor:pointer;float:left; text-decoration:none; }



#fulltext_wr { /*border:2px solid #006bb8;*/ position:relative; margin-bottom: 10px; width: 275px; display: inline-block;vertical-align: middle;height: 40px;}


#fulltext { border: 0; padding: 10px; display: inline-block; line-height: 1.2; background-color: #fff; color:#ae4b84;}
#fulltext_btn {background: transparent url('/system/modules/cz.nelasoft.opencms.tm/resources/img/lupa.svg') no-repeat center; width: calc(5% + 2rem); height: 2.3rem; border: 0; vertical-align: middle; display: inline-block; margin: 0; }
#fulltext::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #3267ae;
    opacity: 1; /* Firefox */
}
#fulltext:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #3267ae;
}
#fulltext::-ms-input-placeholder { /* Microsoft Edge */
    color: #3267ae;
}
.tlacitko { /*border: 2px solid #006bb8;*/ padding:10px; background-color:#fff; cursor:pointer; line-height: 1.2; margin-bottom: 10px; display: inline-block; color:#ae4b84;margin-right: 20px;}


    
.search_filter-wr { background: #3267ae url(../img/pozadi.jpg) top / cover no-repeat scroll; padding: 20px 0 45px;}
.search_filter-wr h1 {color:#fff;margin-bottom: 30px;}

#search_filter { /*padding: 0 20px;*/  }
#search_filter .btn-default {/*border-width: 2px; border-style: solid; border-color: #006bb8; */color:#ae4b84; width:100%;border-color: transparent!important;}  /* color nesmi byt important, aby slo prepsat pomoci jquery*/
/*#search_filter .btn-group {width:100%;}*/
#search_filter #rozsir .btn-group { margin-bottom: 10px; }
.btn {font-size:inherit!important;padding: 8px 10px!important;}

#vyber_data {/* margin-bottom:15px;*/ }
#vyber_data .den {text-align:center;display: inline-block; vertical-align: middle;position: relative; background-color:#fff;cursor: pointer; padding: 4px 10px 8px 10px;line-height: 1.2;margin-right: 22px;flex:1;}
#vyber_data .den span {display: block;}
#vyber_data .den.probehlo {opacity:0.7;}
/*#vyber_data .den:first-child {background:none;background-color: #ae2c44;padding-right: 3px;}
#vyber_data .den:first-child a {color:#fff;max-width: 100%;margin:0;}*/
#vyber_data .den:last-child {border-right:0;margin-right:0}
#vyber_data .den a {color:#ae4b84; font-weight: normal; display: inline-block;padding-top: 5px;}
/*#vyber_data .den a b {color:#ae4b84; font-weight: normal; line-height: 10px; font-size: 90%; display: block;}*/

.multiplebox_wr {display: inline-block; margin-right: 20px;}
/*.multiplebox_wr.mbcenter {text-align:center;}
.multiplebox_wr.mbright {text-align:right;}*/
.multiplebox_wr.multiplebox_kraje {margin-bottom: 30px;}
/*.multiplebox_wr.multiplebox_kraje .btn-group, .multiplebox_wr.multiplebox_kraje button, .multiplebox_wr.multiplebox_kraje ul {width:100%;}*/


.multiplebox_wr2 {display: inline-block;width: 90%;}
.multiplebox { text-align:left;}
.volba {padding-right:16px;background: transparent url('/system/modules/cz.nelasoft.opencms.tm/resources/img/krizek.svg') no-repeat right 6px; cursor:pointer; display:inline-block;margin-left:20px;}
.volba:hover {opacity:0.8;}

.multiselect-selected-text { padding-right: 1rem;}
.caret {/*color: #006bb8;*/}


@media (max-width: 580px) {
	#vyber_data .den {margin-right:5px;}
}  
@media (max-width: 400px) {
	.multiselect-selected-text { padding-right: 2px;}
	.multiplebox_wr, .tlacitko {margin-right: 10px;}
} 
/*@media only screen and (min-width: 320px) {
  .tlacitka { display: flex; }
  .tlacitko { width: calc(50% - 15px); }
  #btn_narodni { margin-right: 30px; }
} */ 
@media only screen and (max-width: 419px) {
  #vyber_data { height: auto; border-spacing: 5px 0; border-collapse: separate; display:flex;}
  #vyber_data .den { background-size: contain!important; border-right: 0; padding-top: 13.3%; }
  #vyber_data .den a { font-size: 50%; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-top: 25%; }
  #vyber_data .den a span { font-size: 200%; }
  #vyber_data .den a b { display:none; }
 /* #fulltext_wr {width:90%} */
}  

@media only screen and (max-width: 359px) {
  #vyber_data .den a { font-size: 45%; padding-top: 25%; }
}  



#vysledek {
 padding: 15px 0 30px;
 clear: both;
 margin: 0 auto;
 display: flow-root; /* zajistí správnou výšku i pokud obsahuje pouze prvky s float */
 }
/*.prog_item {float:left; height: 540px; width:310px; margin:10px 0 15px 0; padding: 10px 20px 0 20px;cursor:pointer;line-height: 130%; position:relative;}
.prog_item:hover {background-color:#f5fbfe;}
.prog_datum {color:#ae2c44;font-weight: bold;min-height: 22px;}
.prog_img {height:150px; overflow:hidden; margin-top:4px;position:relative;}
.prog_img img {width:270px}
.prog_title {color:#636362; font-size:120%; font-weight: bold;margin-bottom: 10px;min-height: 67px;}
 a.prog_a {text-decoration:none;}
.prog_cas {color:#ae2c44; font-size:120%;min-height: 26px;font-weight: bold;margin-bottom: 6px;}
.prog_cas span {color:#636362; font-size:100%;font-weight: normal;}
.prog_kde {color:#ae2c44;line-height: 120%;}
.prog_perex {margin-top: 10px;line-height: 110%;max-height: 170px;overflow: hidden;}*/
.prog_typ {margin-top: 8px; font-size:90%; width:100%;margin-bottom: 16px;}
.prog_typ div {color:#fff; margin-top: 6px;margin-right:5px; padding:4px 10px;display: inline-block; background-color:#6b9ed9; float: left;font-size: 88%;line-height: 1.5;}
.prog_typ div:last-child {margin-right:0;}
.typ_hl {background-color:#3267ae !important; }
.typ_skoly {background:transparent url('../img/skoly.png') no-repeat top left; width:22px; height:22px; float:right}
.typ_dopr {background-color: #3267ae !important;}
.typ_obsazeno {background-color: #000 !important;}
.typ_nonhl {background-color: #393185 !important;}



.prog_dalsi {
  display: inline-block;
  background-color: #ae4a84;
  color: #fff;
  padding: 13px 45px;
  clear: both;
  margin-top: 20px;
  text-decoration: none;
  clear: both;
  text-transform: lowercase;
}
.prog_dalsi:hover {color:#fff;}
.prog_upoz, prog_online {
 position: absolute;
 bottom: 0;
 width: 100%;
 display: block;
 padding: 6px;
 background-color: #fff;
 border: 2px solid #ae2c44;
 text-align: center;
 letter-spacing: 1px;
}

.prog_online {
 top: 0;
 /*height: 32px;*/
 background-color:#30a282;
 color:#fff;
 font-weight:bold;
 border: 0;
 /*width: 80px;*/
 font-size: 15px;
 padding: 10px 15px;
}

.detail_akce {/*border-bottom: 1px solid #f0f7f0;*/}
.detail_akce .content-title h1 {font-size:150%;color:#636362;font-weight: bold; margin-top: 0;}
.detail_akce .content-title a {color: #ae4b84; text-decoration:none;}
.detail_akce .content-title a:hover {opacity:0.8;}
.detail_akce .content-title {font-size:17px; margin-bottom:40px; text-align:left;color: #ae4b84;}
.detail_akce .marker {background-color: Yellow;}
.detail_h2 {font-size:115%;color:#636362;font-weight: normal;margin-bottom:40px;margin-top: 20px}
.akce_right {max-width: 700px; display: inline-block; }
.akce_right_inner {background-color: #fff; padding: 28px;}
.akce_right_inner::after { content: ""; display: block; clear: both;}	/* zamezí useknutí při flotovanym obrázku */
.akce_right_inner h2 {color: #ae4b84;margin-top: 0;}
.akce_img img {width:100%;}
.akce_img {float:left; margin-right:28px; max-width: 330px;margin-bottom: 20px;}
.akce_datum {color:#ae4b84;font-size:100%;margin: 25px 0 5px;}
/*.akce_cas {color:#ae2c44; font-size:115%;font-weight: bold;margin-bottom: 15px;}*/
.akce_kde {margin-bottom:15px;}
.akce_kde a {color:#ae4b84; text-decoration:none;}
.akce_kde a:hover {opacity:0.8;}
.akce_skupina {margin-bottom:15px;}
.akce_skupina span {display:inline-block; margin-bottom:5px;}
.akce_typ div {color:#fff; margin-right:12px; margin-top: 6px; padding:3px 7px;display: inline-block; background-color:#6b9ed9; float: left;}
/*.akce_typ {margin-bottom: 15px; font-size:90%;}
.akce_typ .typ_hl {background-color:#3267ae; }
.akce_typ .typ_dopr {background-color: #3267ae !important;}*/
.akce_typ {font-size: 15px;}
.typ_online, .typ_stream {background-color: #30a282 !important;color:#fff;}
.akce_rezervace_btn, .webform_button .submitbutton {display:inline-block; background-color:#ae4b84; color:#fff; padding:14px 17px 16px!important; clear:both; margin-bottom: 35px; margin-top: 8px; cursor:pointer;border: 0;line-height: 1;font-size: 1.2em;}
.akce_rezervace_btn2 {display:inline-block; background-color:#9f9f9f; color:#fff; padding:14px 17px 16px; clear:both; margin-bottom: 35px; margin-top: 8px;line-height: 1;font-size: 1.2em;}
.akce_rezervace_btn:hover, .webform_button .submitbutton:hover, .akce_rezervace_btn2:hover {opacity:0.8;}
.akce_anotace {/*margin-top: 15px;*/}
.akce_img_prednasejiciho { float: left; margin: 6px 14px 20px 0;}
.akce_img_prednasejiciho img {max-width:100px;}
.akce_prednasejici_wr {clear:both;}
.akce_prednasejici {margin-top: 40px;}
.akce_prednasejici_jmeno {margin-top: 20px;margin-bottom: 15px;}
.akce_imgs {margin-top: 60px;margin-bottom: 68px;clear: both;}
.akce_imgs img {height:150px; transform: translateY(-50%) translateX(0); top: 50%;position: absolute; overflow: hidden;}
.akce_imgs_wr {width:200px; height:150px;overflow:hidden; margin-right:12px; margin-bottom:12px;display:inline-block; position: relative;}
.akce_medailonek {display:table;}


@media (max-width: 1024px) {
	.akce_right, .akce_img {margin: 0 15px 20px;}
}

.regForm { width:720px; text-align:center;}
#regForm .tcontent{ overflow:auto;max-height: 100%;}

.regForm1 { width:720px; text-align:center; background-color: #3267ae; color:#fff;padding:20px;font-size:120%;}
.regForm2 { padding:50px 60px 0 50px;}
@media (max-width: 720px) {
 .regForm1 { width:100%; }
 .regForm2 { padding-top:20px }
/* .regForm2 .form-input {overflow:visible;}*/
}

.regForm2 input,.regForm2 select {border: 1px solid #d8d8d9; padding: 3px; max-width: 100%;}
.regForm2 label {width:260px;float:left;max-width: 100%; }
.regForm2 .form-row {padding-bottom:5px; width: 100%; display: inline-block;}

#tema_header {text-align: center;}
#tema_header h1 {text-transform:uppercase;margin-bottom: 16px;}
#tema_header h2{margin-bottom: 5px;}
#tema_header .ambasador {margin-top: 70px;}
#tema_header .anot{text-align: center;}

.temalink {text-decoration:none;text-align: center;display:inline-block; color:#fff; margin-bottom: 10px; margin-top: 8px; margin-right: 15px;cursor:pointer;float: left;width: 173px;height: 248px;background-repeat:no-repeat;}
.temalink img {height:100%;}
.temalink:hover {color:#fff!important; border-left:1px solid #ae2c44;border-right:1px solid #ae2c44;}
.tl0:hover {border:0;}
.tl0 {float: none;width:205px!important;height:95px!important;margin-top: 20px; margin-left:21px;}
.tl4 {width: 188px!important;}

.temalinkgreen {margin-left:21px;/*text-decoration:none;min-height:74px;text-align: center;display:inline-block; background-color:#ae2c44; color:#fff; padding:13px 20px!important; margin-bottom: 10px; margin-top: 8px; margin-right: 5px; cursor:pointer;float: left;*/}
.temalinkgreen:hover{color:#fff;text-decoration:underline;}*/


#home_partneri {text-align:center;max-width: 900px; margin: 0 auto;}
#home_partneri h2, #search_filter_hp_wr h2, .search_filter_hp_wr h2, .wrapper-newsboxes h2, #iframe_wr h2, .media-header h2, .wrapper-jakSiUzitFestival .container > h2 {
 color:#ae4b84;
 margin:40px 0;
 text-align:center;
 font-size:34px;
}

#home_partneri .hploga {
 display: flex;
 flex-wrap: wrap;
 padding: 15px;
 justify-content: center;
} 
#home_partneri .hplogo {display:inline-block; float:left; width:290px; height:170px;padding:20px;margin-bottom:25px;text-align:center;}
#home_partneri .hplogo h4 {font-size:100%;color:#c2c2c2;margin-top:15px;font-weight: normal;text-align:center;}



#home_partneri .hplogo img {
 max-width:220px; 
 max-height:90px;
}

.sdeleni {
 padding-left:60px!important;
 background-image: url(../img/bub.png);
 background-repeat: no-repeat;
 background-position: 20px 14px;
 text-decoration:none;
}
.sdeleni:hover {
 color:#fff!important;
 text-decoration:underline;
}

#search_filter_hp_top #search_filter {text-align: center;}
#search_filter_hp_wr #vyber_data {margin-bottom:0!important}
#search_filter_hp_wr .prog_datum {display:none}
#search_filter_hp_wr #vysledek {padding-top: 15px;}
#search_filter_hp_wr #vyber_data .den:first-child {background: transparent url('../img/divider.png') no-repeat right 7px;padding-right:0}
#search_filter_hp_wr #vyber_data .den:first-child a {max-width: 40%;margin-top: 4px;color: #636567;}



.search_filter_hp_wr {margin: 0 auto; max-width:950px;}
.search_filter_hp_wr #vyber_data {margin-bottom:0!important; display:flex;}
.search_filter_hp_wr .prog_datum {display:none}
.search_filter_hp_wr #vysledek {padding-top: 15px;}
/*.search_filter_hp_wr #vyber_data .den:first-child {background: transparent url('../img/divider.png') no-repeat right 7px;padding-right:0}
.search_filter_hp_wr #vyber_data .den:first-child a {max-width: 40%;margin-top: 4px;color: #636567;}*/

#mapka_href{float: right;margin-bottom: 25px;}

#iframe_yt_wr, .iframe_yt_wr {padding-bottom:50px;}

#iframe_wr {text-align:center;margin-bottom: 80px;}
#iframe_wr iframe {max-width:950px; border:0;}

@media (max-width: 1020px) {
 #iframe_wr {padding:0 20px;}
}

.webform_button input[type="reset"] {display:none;}

#exportPDF {float: right;cursor:pointer;margin-top: 8px;font-size: 90%; padding: 1px 5px;}
#exportPDF a {color:#3267ae;}
#nebojte {float: left;margin-top: 8px;font-size: 90%;padding: 1px 5px;}

#odpocitavac {text-align:center; font-size: 22px; color: #ae2c44; line-height: 130%; margin-bottom: 50px;}
#btn_rozsir {width:100%; padding:12px; background-color:#3267ae; color:#fff; text-align: center; cursor:pointer;}
#rozsir { padding: 25px 0 15px; /*display: flex; background-color: #73b1d7; padding: 20px 10px 5px; flex-flow: wrap; justify-content: center;*/ }
/*#rozsir .multiplebox_wr.mbcenter { width: 100%; }
@media only screen and (min-width: 420px) {
  #rozsir .multiplebox_wr.mbcenter { min-width: 8em; width: 20%; }
}  */
#filtry {padding: 10px 0; font-size:15px; text-align: right; color:#434242;}

div .dod_info {position:absolute;top:50px; left:0; padding:15px; background-color:#73b1d7;z-index: 99;box-shadow: 4px 4px 5px grey; max-width:300px;}
div .dod_info h2 {color:#fff;}
div .dod_info img {max-width: 280px;}
.akce_typ .typ_hl {position:relative;}
.akce_typ .dod_info {top:-50px!important;left:99px;}


table.tabulka_siroka td { padding-right: 10px; }

#topban01 {margin-bottom:30px;}

.responsive-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 0 auto; max-width: 720px; width: 100%; }
.responsive-video-wrapper > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (min-width: 720px) {
  .responsive-video-wrapper { padding-bottom: 405px; }
}  

/* partneri */

.partneri { 
  text-align:center;
}

.partneri .display-flex { 
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}

.partneri .display-flex a,
.partneri .display-flex span { 
  display: inline-block;
}

.partneri .display-flex.df-1 a.df-a-1 { margin: 0 30px 20px; }
.partneri .display-flex.df-1 a.df-a-2 { margin: 0 30px 40px; }
.partneri .display-flex.df-2 a { margin: 0 40px 30px; }
.partneri .display-flex.df-3 span,
.partneri .display-flex.df-3 a { margin: 0 40px 40px; }
.partneri .display-flex.df-4 span,
.partneri .display-flex.df-4 a { min-width: 25%; margin: 0 10px 60px; }
.partneri .display-flex.df-4 span span { min-width: 100%; margin: 0 0 1em; max-width: 10em; }
.partneri .display-flex.df-4 span a { min-width: auto; margin: 0; }


/* IE9 and IE10 rule sets - @media Zero Hack */

@media screen and (min-width:0\0) {

  .partneri .display-flex { 
    display: block;
    display: -ms-flexbox;
  }
}

.media .media-archive {
    float: right;
}
/*.media .media-title {
    float: left;
} */
.media .media-header {
    margin-bottom: 10px;
    overflow: hidden;
}

#program-zalozka {
    width: 100%;
    text-align: center;
	margin-bottom: 30px;
    background-color: #0072bb;
}
#program-zalozka img {
    max-width: 100%;
}

@media only screen and (max-width: 420px) {
  .logo_hp { 
 display: block;
 clear: both;
 margin: 35px auto !important;
 float: none; }
 
}  

@media only screen and (max-width: 520px) {
 .tabulka_mobile td { display: list-item; list-style-type: none;}
/* * {max-width:100%}*/
}


.rezervace_upozorneni {
  border: 1px solid #8c8c8c;
  padding: 10px;
  font-size: 15px;
}
div .oznamenihp  {
  padding-left: 150px; 
  padding-right: 150px;
}
@media (max-width: 720px) {
    div .oznamenihp {
        padding-left: 10px; 
        padding-right: 10px;
    }
}    

.praveProbiha {
    padding: 8px;
    background-color: #30a282;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
}

.sleduj {
 background:#a6ffcb url(/system/modules/cz.nelasoft.opencms.tm/resources/img/ikona_stream.svg) no-repeat 15px center;
 padding-left: 50px !important;
 color:#5b5b5b;
}
/*.sleduj {
 background:#3671b6 url(/system/modules/cz.nelasoft.opencms.tvt/resources/img/oko-h25.png) no-repeat 10px center;
 padding-left: 48px !important;
}*/

#jenNeobsazene_wr {
 float: left;
 margin-top: 8px;
 padding: 1px 5px 1px 0;
 color:#3267ae;
}
.bx-viewport {
  height: 100px !important;
}
@media (max-width: 720px) {
.bx-viewport {
  height: 190px !important;
  }
}

.hp-top-text {
 margin: 0 auto;
 max-width: 1140px;
 display:flex;
 gap:20px;
 color: white;
 align-items: center;
 padding: 45px 0;
}

@media (max-width: 720px) {
    .hp-top-text, .jakSiUzitFestival-inner-wr, .wrapper-footer .footer, .service-menu  {
        flex-direction: column;
    }
	.jakSiUzitFestival-inner-wr {padding: 0 !important;}
	.wrapper-footer .footer  {
		text-align: center;
	}
	.footer-social-links {
		display: flex;
        flex-direction: row;
		margin: 25px auto;
        gap: 20px;
	}
	.wrapper-footer .footer a {
	    flex: 1;
    	text-align: center;
	}
	.footer-social-links img {float:none;}
	.mozek img {max-width:250px;}
}

.hp-top-text .mozek, .hp-top-text .text-vedle-mozku {
	flex: 1;
}

.hp-top-text .mozek img {
	width: 92%;
}

.hp-top-text .text-vedle-mozku h2 {
 color:#fff;
 font-size: 30px;
}

.hp-top-text .text-vedle-mozku .headline h2 {
 background-color: #ae4a84;
 display: inline-block;
 padding: 10px 20px;
 font-size: 40px;
 margin-top: 0;
 margin-bottom: 12px;
}

.hp-top-text .text-vedle-mozku .paragraph {
 line-height: 1.5;
}

#newscontainer #more-items {display:none;}
#newscontainer .list-footer {
 text-align:center;
}
.body-homepage .button-primary {
 background-color:transparent;
}


.list-items .item .item-inner { 
 background-color:#fff;
 transition: background-color 0.2s ease-in-out;
 height: 570px;
 overflow: hidden; 
}


.wrapper-newsboxes {padding: 0 10px;}

.list-items .item { margin: 20px 0;}
.body-homepage .list-items .item { margin-top: 0;}
.list-items .item a:hover .item-inner { background-color:#f8f0f5;}
.list-items .item .image {aspect-ratio: 16 / 9; height: auto; overflow: hidden;}
.list-items .item .image img {width: 100%;height: 100%; object-fit: cover; object-position: center; display: block;}
.list-items .item .textpart {padding: 30px;}
.list-items .item .textpart h3 { color:#ae4b84; margin-top: 0;/*min-height: 72px;*/}
.list-items .item .textpart .title { display:block;}
.list-items .item .textpart .date { color:#ae4b84; margin:10px 0;}
.list-items .item .textpart .place { font-size: 100%; margin:0;color:#ae4b84;  }
.list-items .item .textpart .rezervation { display:inline-block; clear:both; margin-top:10px; }
.list-items .item .textpart .rezervation > div { padding: 5px 10px; background-color:#7690c9; color:#fff; }
.list-items .item .textpart .rezervation .btn_obsazeno {background-color:#000;}
.list-items .item .textpart .rezervation .btn_rezervace {background-color:#ae4b84;}
.list-items .item .textpart .rezervation .btn_probehla {background-color:#9f9f9f;}

 

.wrapper-jakSiUzitFestival {padding: 20px 0 60px;}
.wrapper-jakSiUzitFestival h2 {color:#ae4b84; }
.wrapper-jakSiUzitFestival .jakSiUzitFestival-inner-wr {display: flex;gap:38px; padding:30px;}
.wrapper-jakSiUzitFestival1, .wrapper-jakSiUzitFestival2 {flex:1; background-color:#fff;padding: 30px 40px;}

.tm_v_cislech {display:flex;margin:0 auto;gap:10px;padding-bottom: 40px;padding-top: 25px;font-size: 20px;}
.tm_v_cislech h2 {margin:10px 0!important;padding:0;font-size: 350% !important;}
.tm_v_cislech div {flex:1; text-align:center;}

@media (max-width: 520px) {
	.tm_v_cislech h2 {font-size: 250% !important;}
}
@media (max-width: 420px) {
	.tm_v_cislech {font-size: 18px;}
	.tm_v_cislech h2 {font-size: 200% !important;}
}

.slovo_zakladatele_wr {margin:0 auto;max-width: 680px;padding-top: 6%;}
.slovo_zakladatele_wr .podpis {text-align:center}

.slovo_zakladatele {display:flex;gap:10px;padding-bottom: 40px;}
.slovo_zakladatele .slovo {font-size:20px; text-align:center;line-height: 1.2;}
.uvozovky_start, .uvozovky_end {font-size:400%; line-height: 0;}
.uvozovky_start {align-content: start;}
.uvozovky_end {align-content: end;}

@media (min-width: 700px) {
	.slovo_zakladatele_wr {margin-right:40%;}
}

.zkusenosti_navstevniku_wr {margin:0 auto;max-width: 540px;padding-top: 6%;}
.zkusenosti_navstevniku {display:flex;gap:10px;padding-bottom: 40px;}
.zkusenosti_navstevniku .slovo {font-size:20px; text-align:center;line-height: 1.2;}


@media (min-width: 950px) {
	.zkusenosti_navstevniku_wr {margin-left:46%;}
}
video {
  max-width: 100%;
}
.ajax-loader-dalsi {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 45px;
}