/* Created by TopStyle Trial - www.topstyle4.com */
color {
    color: #164974;
    color: #116fad;
    color: #cfeaf5;
    color: #ededef;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

body {
    font-size: 16px;
    margin: 0;
    line-height: 150%;
    font-size: 14px;
    color: black;
    font-family: 'Open Sans', sans-serif;
}

img {
    border: 0;
}

.hry_titulka_odkazy {
    display: none;
}

.zahlavi_menu_prvni a.menu_rozhlas img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0px, -50%);
}

.menu_rozhlas_male img {
    display: none;
}

.extrawarning_events {
    background-color: rgb(222, 47, 0);
    color: white;
    font-weight: bold;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    display: block;
    
    display: none;
}

.extrawarning {
    background-color: rgb(222, 47, 0);
    color: white;
    font-weight: bold;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: left;
    margin: 20px 0;
    display: block;
    
    display: none;
}

a {
    color: #116fad;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    color: #164974;
    text-decoration: underline;
}

div.cleaner,
.cleaner_dil_serialu,
.cleaner_obrazek_celek,
.cleaner_vyhledany_text,
.cleaner_aktualita {
    clear: both;
    height: 0px;
}

input,
select {
    font-family: 'Open Sans', sans-serif;
}

div.jazyky {
    position: absolute;
    top: 0;
    right: 382px;
    top: 22px;
}

.zahlavi_menu_obal_english div.jazyky {
    right: 0 !important;
}

div.jazyky a {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    border: 2px solid #cfeaf5;
}

div.jazyky a span {
    position: absolute;
    top: -150px;
}

div.jazyky a.en {
    background: url(/galerie/1077591.gif) center center no-repeat;
}

div.jazyky a.cs {
    background: url(/galerie/1077592.gif) center center no-repeat;
}

.button_news_special {
    /* display: none; */
    background: #116fad;
    color: white;
    display: inline-block;
    /* position: absolute; */
    z-index: 11;
    /* left: 40px; */
    /* top: -28px; */
    padding: 13px 18px;
    font-size: 15px;
    border-radius: 6px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 1em;
}

.button_news_special:hover {
    background: #cfeaf5;
}



/* záhlaví obal */
div.zahlavi_obal {
    height: 163px;
}

div.zahlavi_obal .hlavni_obrazek_obal {
    display: none;
}

div.zahlavi_obal.titulka_zahlavi {
    height: 585px;
}

div.zahlavi_obal.titulka_zahlavi .hlavni_obrazek_obal {
    display: block;
}

div.zahlavi_obal {
    width: 100%;
    margin-bottom: 2em;
    position: relative;
}

.zahlavi_fotogalerie_obal {
    display: none;
}

.zahlavi_nadpis,
.zahlavi_podnadpis {
    position: absolute;
    top: -1000px;
}

/* zahlavi vrchni */
div.zahlavi_menu_obal_prvni {
    position: absolute;
    right: 0;
    top: 43px;
}

div.zahlavi_menu_obal_prvni a {
    color: black;
    display: inline-block;
    padding-left: 2em;
}

div.zahlavi_logo {
    height: 97px;
    background: url(/galerie/1064132.png) right top no-repeat;
}

/* logo */
div.logo {
    position: absolute;
    top: 17px;
}

div.logo a {
    display: inline-block;
    background: url(/galerie/1064167.jpg) left top no-repeat;
    width: 230px;
    height: 60px;
    background-size: auto 100%;
}

div.logo a img {
    display: none;
}

/* záhlaví menu */
div.shadow01,
div.shadow02 {
    position: absolute;
    background: url(/galerie/1065574.png) top center repeat-x;
    height: 13px;
    width: 100%;
}

div.shadow01 {
    top: 97px;
    z-index: 11;
}

div.shadow02 {
    top: 0;
}

.zahlavi_menu_obal {
    height: 66px;
    width: 100%;
    background: #116fad;
}

.zahlavi_menu_obal h4 {
    display: none;
}

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

.zahlavi_menu_obal ul li {
    display: inline-block;
}

.zahlavi_menu_obal ul li a {
    display: block;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 65px;
    height: 65px;
    margin-right: 3.8em;
}

.zahlavi_menu_obal ul li a:hover {
    text-decoration: underline;
}

/* vyhledavani */
.vyhledavani_odkazy_blok {
    position: absolute;
    right: 0;
    top: 0;
    height: 66px;
    width: 360px;
}

.vyhledavani_odkazy_blok input.textpole_vyhledavani {
    background: #cfeaf5;
    border: 0;
    position: absolute;
    left: 0;
    padding: 10px 20px;
    height: 46px;
    width: 250px;
}

.vyhledavani_odkazy_blok input.tlacitko_vyhledat {
    background: url(/galerie/1064137.svg) center center;
    border: 0;
    position: absolute;
    right: 0;
    display: block;
    height: 66px;
    top: 0;
    width: 70px;
    cursor: pointer;
    color: transparent;
}

/* special styles */
#as4u_form_search_detail {}

#as4u_form_search_detail .hledany_vyraz_text {}

#as4u_form_search_detail .textpole_vyhledavani {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 2em;
    background: #cfeaf5;
    border: 0;
}

#as4u_form_search_detail .kde_hledat {
    margin-bottom: 2em;
}

#as4u_form_search_detail .kde_hledat_text {}

#as4u_form_search_detail .kde_hledat_input {}

#as4u_form_search_detail .kde_hledat_input label {
    display: block;
    float: left;
    border: 1px solid silver;
    padding: 5px 10px;
    border-radius: 10px;
    margin-right: 5px;
}

#as4u_form_search_detail .tlacitko_vyhledat {
    background: #116fad;
    color: white;
    padding: 0.5em;
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer;
}

.typ_vyhledaneho {
    background: #ededef;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
}

/* hlavní obrázek */
.hlavni_obrazek_obal {
    width: 100%;
    height: 422px;
    /*background: url(/galerie/1064166.jpg) center center no-repeat;*/
    background-size: cover;
    background-position: center center;
    position: relative;
}

.hlavni_obrazek_obal_pozadi {
    width: 100%;
    height: 422px;
    /*background: url(/galerie/1064166.jpg) center center no-repeat;*/
    background-size: cover;
    background-position: center center;
    position: absolute;
}

.hlavni_obrazek_obal ul {
    display: none;
}

.hlavni_obrazek_obal ul li {}

.hlavni_obrazek_obal ul li a {}

.hlavni_obrazek_obal .popis_obrazku_slider {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28.2%;
    background: rgba(34, 109, 169, 0.7);
    padding: 2%;
}

.hlavni_obrazek {
    height: 100%;
}

.hlavni_obrazek_obal .popis_obrazku_slider h3 {
    margin: 0 0 0.5em 0;
    color: white;
    font-size: 24px;
    line-height: 130%;
}

.hlavni_obrazek_obal .popis_obrazku_slider p {
    margin: 0;
    color: white;
}

/* stranka */
div.stranka,
.zahlavi_menu,
div.zahlavi_logo,
.zapati2,
.bannery_zapati,
.hlavni_obrazek {
    max-width: 1235px;
    width: 100%;
    margin: auto;
    position: relative;
}

div.stranka h2,
div.stranka h4,
.aktuality_titulka h2.nadpis_clanku {
    color: #4d4d4d;
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 0;
    line-height: 30px;
}

.aktuality_titulka h2.nadpis_clanku {
    color: #4d4d4d !important;
    font-size: 26px !important;
    margin-top: 0 !important;
}

div.stranka h4 a {
    color: #4d4d4d;
}

.pomocny1 {
    margin-bottom: 2em;
}

/* titulka */
.blok_titulka {
    margin-bottom: 5em;
}

.vypis_udalose {
    margin-right: 2em;
}

.aktuality_titulka .clanek {
    margin-right: 2em;
}

.informace_deska .titulni_banner,
.informace_deska .titulka_uredni_deska {
    margin-left: 1em;
}


.titulka_obal .tri_sloupce .sloupec {
    width: 33.3333%;
    float: left;
}

.titulka_obal .tri_sloupce .informace_deska {
    margin: 0;
}

.titulka_obal .dva_sloupce .rychly_pristup {
    width: 68%;
    float: left;
}

.titulka_obal .dva_sloupce .kalendar_akci {
    width: 32%;
    float: right;
}

/* uredni deska titulka */
.titulka_obal .uredni_deska_obal h2 {
    margin-bottom: 0;
}

h2.uredni_deska_nadpis a,
h2.nadpis_akci a {
    color: #4d4d4d;
}

.titulka_obal .uredni_deska_obal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.titulka_obal .uredni_deska_obal ul li {
    display: block;
    border-bottom: 1px solid #d9dadc;
    background: url(/galerie/1064136.png) right bottom no-repeat;
    padding: 1.5em 1em;
}

.titulka_obal .uredni_deska_obal ul li a {
    color: black;
}

.titulka_obal .uredni_deska_obal ul li a:hover {
    color: #164974;
}

.titulka_obal .uredni_deska_obal ul li span {
    color: #116fad;
    font-weight: bold;
    display: block;
}

/* banner titulka */
.titulni_banner_in {
    width: 100%;
    /*height: 488px;*/
    margin-bottom: 2em;
    position: relative;
    overflow: hidden;
}

.banner_titulka {
    position: relative;
    background: #cfeaf5 url(/galerie/1071836.jpg) right bottom no-repeat;
    margin-bottom: 1em;
    width: 100%;
    height: 154px;
    overflow: hidden;
}

.banner_titulka span.ikona {
    float: left;
    width: 42%;
    background: #116fad;
}


.banner_titulka span.ikona_teplota img,
.banner_titulka span.ikona_pocet img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom: 6px #116fad solid;
}

.banner_titulka span.ikona_pocet,
.banner_titulka span.ikona_teplota {
    height: 150px;
    display: block;
    width: 50%;
    float: left;
}

.banner_titulka span.nadpis {
    float: right;
    color: black;
    font-weight: bold;
    font-size: 25px;
    width: 45%;
    margin: 6%;
    line-height: 107%;
}

.titulni_banner span.nadpis_teplota {
    font-size: 22px;
    line-height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 150px;
    background-color: #1b1b1b99;
    padding: 20px;
    box-sizing: border-box;
    color: white;
}

.titulni_banner span.nadpis_pocet {
    font-size: 22px;
    line-height: 21px;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 150px;
    background-color: #1b1b1b99;
    padding: 20px;
    box-sizing: border-box;
    color: white;
}

.titulni_banner div.inner_content span {
    font-weight: bold;
    display: block;
    font-size: 33px;
    margin-top: 14px;
}

.titulni_banner div.inner_content span.important_span {
    color: white;
    display: inline-block;
    padding: 10px;
    background-color: #d00000;
    border-radius: 5px;
}

.banner_titulka a:hover span.nadpis {
    color: #164974;
}

/* aktuality titulka */
.aktuality_titulka h2 {
    margin-bottom: 0;
}

.aktuality_titulka h2.nadpis_clanku {
    display: none;
}

.aktuality_titulka .aktualita_celek_obal {
    display: block;
    border-bottom: 1px solid #d9dadc;
    background: url(/galerie/1064136.png) right bottom no-repeat;
    padding: 1.5em 1em 1.5em 0em;
    /* height: 120px; */
    position: relative;
}

.aktuality_titulka .aktualita_celek_obal .datum_aktuality {
    float: right;
    width: 82%;
}

.aktuality_titulka .aktualita_celek_obal .nadpis_aktuality {
    float: right;
    width: 82%;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    color: #116fad;
}

.aktuality_titulka .aktualita_celek_obal .text_aktuality {
    display: none;
}

.aktuality_titulka .aktualita_celek_obal .primarni_obrazek_vyhledavani {
    float: left;
    width: 45px;
    height: 45px;
    position: relative;
    overflow: hidden;
    background: #cfeaf5;
}

.aktuality_titulka .aktualita_celek_obal .primarni_obrazek_vyhledavani img {
    margin: 0;
    width: 100%;
    height: auto;
    border: 0;
}

.aktuality_titulka .odkaz_naclanek a {
    display: block;
    position: absolute;
    right: 8px;
    bottom: 4px;
    font-weight: bold;
    color: #4d4d4d;
    font-size: 13px;
}

.vsechna_oznameni,
.vsechny_aktuality,
.vsechny_akce,
.vsechny_udalose {
    color: #4d4d4d;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 20px;
    background: url(/galerie/1064135.png) left center no-repeat;
    font-weight: bold;
    margin-top: 2em;
    display: block;
}

.starsi_novejsi {
    text-align: center;
    height: 31px;
    margin-top: 2em;
}

.starsi_novejsi a.novejsi {
    float: left;
}

.starsi_novejsi a.starsi {
    float: right;
}

.starsi_novejsi a.novejsi,
.starsi_novejsi a.starsi {
    background: #116fad;
    color: white;
    padding: 5px;
    font-weight: bold;
}

.starsi_novejsi a {
    display: inline-block;
}

/* událo se */
.udalose_celek_obal h4 {
    display: none;
}

.udalose_celek_obal h4,
.udalose_celek_obal h2 {
    margin-bottom: 0;
}

.udalose_celek_prispevek {
    display: block;
    border-bottom: 1px solid #d9dadc;
    background: url(/galerie/1064136.png) right bottom no-repeat;
    padding: 1.5em 1em 1.5em 0em;
}

.udalose_celek_prispevek span,
.udalose_celek_prispevek a.obrazek_udalose,
.udalose_celek_prispevek a.text_udalose {
    display: inline-block;
}

.udalose_celek_prispevek span {
    float: right;
    width: 82%;
}

.udalose_celek_prispevek a.obrazek_udalose {
    float: left;
    width: 45px;
    height: 45px;
    position: relative;
    overflow: hidden;
    background: silver;
}

.udalose_celek_prispevek a.obrazek_udalose img {
    width: auto;
    height: 100%;
}

.udalose_celek_prispevek a.text_udalose {
    float: right;
    width: 82%;
    font-size: 17px;
    font-weight: bold;
}

/* aktuality nove */
.dulezite_informace .novinky_serial_clanku_obal,
.dulezite_informace .aktualita_celek_obal {
    display: block;
    border-bottom: 1px solid #d9dadc;
    background: url(/galerie/1064136.png) right bottom no-repeat;
    padding: 0em 1em 0em 0em;
    margin-bottom: 1em;
}

.dulezite_informace .novinky_serial_clanku_obal .datum_novinky,
.dulezite_informace .aktualita_celek_obal .datum_aktuality {
    float: right;
    width: 59%;
    padding-top: 1em;
}

.dulezite_informace .novinky_serial_clanku_obal a,
.dulezite_informace .aktualita_celek_obal a.primarni_obrazek_vyhledavani {
    display: block;
    float: left;
    width: 35%;
    height: 120px;
    background: #116fad;
    position: relative;
    overflow: hidden;
}

.dulezite_informace .novinky_serial_clanku_obal a img,
.dulezite_informace .aktualita_celek_obal a img {
    width: auto;
    height: 100%;
    border: 0;
}

.dulezite_informace .novinky_serial_clanku_obal h3,
.dulezite_informace .aktualita_celek_obal h3 {
    float: right;
    width: 59%;
    margin-top: 0;
    font-size: 18px;
}

.dulezite_informace .novinky_serial_clanku_obal h3 a,
.dulezite_informace .aktualita_celek_obal h3 a {
    display: inline-block;
    float: none;
    width: auto;
    height: auto;
    background: transparent;
}

.dulezite_informace .novinky_serial_clanku_obal .text_novinky,
.dulezite_informace .aktualita_celek_obal .text_aktuality {
    display: none;
}

.dulezite_informace_in {
    margin-right: 1em;
}

div.odkaz_naclanek {
    display: none;
}

/* ---- -BANNER OTEVIRACI DOBA  ---------  */

div.open_block {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    height: 81px;
    background: #156da8 url(/galerie/1483393.svg)center left 20px no-repeat;
    background-size: 55px;
    box-sizing: border-box;
    padding: 15px;
    padding-left: 106px;
    margin-bottom: 15px;
    overflow: hidden;
}

div.open_block::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    transform: translate(50%, 50%) rotate(45deg);
    background: white;
    opacity: 0.2;
}

div.open_block * {
    color: white;
}

div.open_block.otevreno {
    background-color: #156da8;
}

div.open_block.zavreno {
    background-color: #c1272d;
}

div.open_block.brzo_zavre {}

div.open_block p {
    display: block;
    width: 100%;
    margin: 0;
}

div.open_block p a,
div.open_block p span {
    font-weight: bold;
}

div.open_block p a:hover {
    text-decoration: underline;
}

/* nové na webu */
.novinka_na_webu_obal {
    border-bottom: 1px solid silver;
    padding-bottom: 1em;
    margin-bottom: 1em;
    position: relative;
}

.novinka_na_webu_obal .datum_novinek {}

.novinka_na_webu_obal h3 {
    font-size: 20px;
    margin-top: 0.3em;
}

.novinka_na_webu_obal a.aktualita_odkaz_naclanek {
    background: #116fad;
    color: white;
    display: inline-block;
    padding: 7px;
    position: absolute;
    right: 0;
    bottom: 25px;
}

/* předchozí další */
.predchozi_dalsi {
    border-top: 1px solid dashed;
    border-bottom: 1px solid dashed;
}

.predchozi_dalsi a {
    display: inline-block;
    background: #f7f7f7;
    color: #116fad;
    padding: 5px 11px;
}

.predchozi_dalsi strong {
    display: inline-block;
    padding: 5px 11px;
}

.predchozi_dalsi a:hover,
.predchozi_dalsi strong {
    background: #164974;
    color: white;
}

/* bannery */
.bannery_titulka {}

.banner_obal {
    background: #116fad;
    background-size: cover;
    float: left;
    width: 23.6%;
    height: 170px;
    margin: 0.3%;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.banner_obal.ikonka190174,
.banner_obal.ikonka190186,
.banner_obal.ikonka190184 {
    background: #34A5D4;
}

.banner_obal.ikonka190180,
.banner_obal.ikonka190182,
.banner_obal.ikonka190185 {
    background: #156DA8;
}

.banner_obal.ikonka190181,
.banner_obal.ikonka190183,
.banner_obal.ikonka191367 {
    background: #83B3D4;
}

div:hover.banner_obal {
    background: #4d4d4d;
}

.banner_obal span.ikona {
    display: block;
    width: 100%;
    text-align: center;
    top: 33px;
    position: absolute;
}

.banner_obal span.nadpis {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    bottom: 21px;
    display: block;
    text-align: center;
    width: 94%;
    line-height: 15px;
    padding: 0 3%;
}

/* clanky */
.titulni div.cely_clanek {
    width: 100%;
    float: none;
    margin: 0;
}

div.cely_clanek {
    float: right;
    width: 68%;
    margin-bottom: 5em;
}

.sloupec_navigace_obal {
    float: left;
    width: 20%;
}

.cely_clanek h2.nadpis_clanku {
    color: #116fad;
    font-size: 36px;
    line-height: 115%;
    margin-top: 0.5em;
}

a.primarni_obrazek_clanku img,
a.primarni_obrazek_vyhledavani img {
    float: left;
    margin-right: 2em;
    margin-bottom: 0.5em;
    border: 8px solid #cfeaf5;
}

/* navigace detail */
.sloupec_navigace_obal {
    float: left;
    width: 29%;
}

.navigace_hlavicka {}

.navigace_hlavicka h4.nadpis_navigace,
.navigace_hlavicka h3.nadpis_oddilu {
    display: none;
}

.navigace_hlavicka div.nadrazeny_oddil a.odkaz_nadrazeny_oddil {
    background: #cfeaf5 url(/galerie/1065070.svg) left top no-repeat;
    display: block;
    padding: 9px 1em;
    font-weight: bold;
    color: black;
    text-align: right;
    margin-bottom: 2em;
}

.navigace_hlavicka h3.nadpis_oddilu {}

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

.sloupec_navigace_obal ul li {}

.sloupec_navigace_obal ul li a {
    display: block;
    background: #ededef;
    color: black;
    border-bottom: 1px solid white;
    padding: 1em;
}

.sloupec_navigace_obal ul li a:hover {
    background: #116fad;
    color: white;
}

.sloupec_navigace_obal ul li ul li a {
    background: white;
    padding: 0.5em 1em;
    border-bottom: #ededef 1px solid;
}

/* tabulka adresare */

#as4u_flvPlayer {
    height: 630px !important;
    position: relative;
    width: 100% !important;
}

#as4u_flvPlayer video {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
}

table.videonavigace {
    width: 100%;
}

table.videonavigace td.adresare {
    background-color: #116fad;
    min-width: 145px;
    max-width: 145px;
    width: 145px;
}

table.videonavigace li {
    list-style-type: none;
    position: relative;
}

table.videonavigace td.videa {
    background-color: #cfeaf5;
    vertical-align: top;
}

table.videonavigace td.adresare {}

table.videonavigace td.adresare ul {
    margin: 0 auto;
    padding: 40px 0 40px 40px;
}

table.videonavigace td.adresare li a {
    list-style-type: none;
    color: white;
    display: block;
    position: relative;
}

table.videonavigace td.adresare li a.active:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(calc(5px + 50%), -50%) rotate(45deg);
    width: 15px;
    height: 15px;
    background-color: #116fad;
    opacity: 1;
    transition: .2s;
}

table.videonavigace td.adresare li:hover::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(calc(5px + 50%), -50%) rotate(45deg);
    width: 15px;
    height: 15px;
    background-color: #116fad;
    opacity: 1;
    transition: .2s;
}


/* aktuality */

/* akce registrace */
#sbs_kalendare {}

#sbs_kalendare table.kalendar {
    width: 47%;
    float: left;
    margin: 1.5%;
    text-align: center;
}

#sbs_kalendare table.kalendar caption {
    font-weight: bold;
    font-size: 25px;
    line-height: 53px;
}

#sbs_kalendare table.kalendar tr td,
#sbs_kalendare table.kalendar tr th {
    text-align: center !important;
    padding: 3%;
}

#sbs_kalendare table.kalendar tr td a {
    padding: 0;
}

#sbs_kalendare table.kalendar tr td a.den_vkalendari {
    background: #116fad;
    color: white;
    font-weight: bold;
    border-radius: 25px;
}

div.zobrazeni_akci {}

div.zobrazeni_akci a {
    background: #116fad;
    color: white;
    display: inline-block;
    padding: 8px 13px;
    margin-top: 1em;
    border-radius: 5px;
}

.cas_prichodu_obal {
    margin-top: 9px;
}

.cas_prichodu_obal ul {
    list-style: none;
    padding: 0;
    margin: 0em 0 0 0;
}

.cas_prichodu_obal ul li {
    display: block;
    float: left;
    background: #116fad;
    padding: 6px 14px 6px 6px;
    margin: 4px;
    color: white;
    border-radius: 15px;
}

.cas_prichodu_obal ul li input,
.cas_prichodu_obal ul li label {
    cursor: pointer;
}

/* dily serialu + vyhledavani*/

div.dil_serialu_celek_obal,
div.vyhledany_text_celek_obal {
    width: 100%;
    margin-bottom: 2em;
    position: relative;
    padding-bottom: 34px;
    border-bottom: 1px solid #ededef;
}

h3.nadpis_dilu_serialu,
.vyhledany_text_celek_obal h3 {
    margin: 0;
    background: #116fad;
    color: white;
    padding: 0.5em;
}

h3.nadpis_dilu_serialu a,
.vyhledany_text_celek_obal h3 a {
    color: white;
}

div.odkaz_cely_clanek {
    background: #cfeaf5;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
}

div.odkaz_cely_clanek span.datum_vytvoreni,
div.odkaz_cely_clanek span.pocet_precteni,
div.odkaz_cely_clanek span.autor {
    display: inline-block;
    padding: 0.5em 0 0.5em 0.5em;
    font-size: 12px;
}

div.odkaz_cely_clanek span.cely_clanek a {
    display: inline-block;
    padding: 0.5em;
    background: #116fad;
    color: white;
}

div.odkaz_cely_clanek span.cely_clanek a:hover {
    background: #164974;
}

div.dil_serialu_celek_obal a.primarni_obrazek_vyhledavani,
.vyhledany_text_celek_obal a.primarni_obrazek_vyhledavani {
    display: inline-block;
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 2em;
    position: relative;
    overflow: hidden;
}

div.dil_serialu_celek_obal a.primarni_obrazek_vyhledavani img,
.vyhledany_text_celek_obal a.primarni_obrazek_vyhledavani img {
    margin: 0;
    width: 86%;
    height: auto;
}

div.popis_dilu_serialu,
.vyhledany_text {
    margin: 0.5em 0;
}

div.popis_dilu_serialu p,
.vyhledany_text p {
    margin: 0;
}

/* otázky a odpovědi */
.hlavni_odk_diskuze a {
    display: inline-block;
    background: #116fad;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    color: white;
}

.prispevek_celek {
    background: #f7f7f7;
    padding: 1em;
    margin-bottom: 2em;
}

.prispevek_celek .hlavicka_prispevku {}

.prispevek_celek .hlavicka_prispevku h5 {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 1em;
    color: #116fad
}

.prispevek_celek .hlavicka_prispevku .autor_cas_prispevku {
    font-weight: bold;
}

.prispevek_celek .text_prispevku {
    border-bottom: 1px solid silver;
    padding: 1em;
    margin-bottom: 1em;
    font-style: italic;
}

/* úřední deska */
fieldset {
    padding: 1em;
    border: 1px solid #ededef;
    margin-bottom: 1em;
}

fieldset legend {
    font-size: 16px;
    color: #164974;
    font-weight: bold;
    display: inline-block;
    background: #ededef;
    padding: 0.3em 0.5em;
}

div.clanek .zobrazeni_akci,
.hlavni_odkazy {
    margin-bottom: 1em;
}

div.clanek .zobrazeni_akci a,
.hlavni_odkazy a {
    display: inline-block;
    background: #116fad;
    padding: 0.5em;
    margin-right: 0.5em;
    color: white;
}

/* telefonni seznam */
.vypis_osob_prvnipismeno {
    background: #ededef;
}

/* tabulky */
.cely_clanek table {
    /*width: 100%;*/
    border-collapse: collapse;
    font-size: small;
    margin-bottom: 1em;
}

table.vypis_osob {
    width: 100%;
}

.cely_clanek table th,
.cely_clanek table td {
    text-align: left !important;
    padding: 6px;
}

.cely_clanek table th a,
.cely_clanek table td a {}

.cely_clanek td {
    border: 1px solid #ededef;
    width: auto;
}

.cely_clanek th {
    background: #116fad;
    border: 1px solid #116fad;
    color: white;
}

/* rozpoičet */
.rozpocet {}

.rozpocet ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

.rozpocet ul li {
    margin-bottom: 10px;
}

.rozpocet ul li a {
    background: #ededef url(/galerie/955439.png) left center no-repeat;
    display: block;
    height: 35px;
    font-weight: 700;
    line-height: 240%;
    padding-left: 45px;
}

/* fotogalerie */
.fotogalerie_clanku_obal {
    clear: both;
}

.fotogalerie_clanku_obal .obrazek_celek_obal {
    width: 24%;
    float: left;
    /* background: silver; */
    position: relative;
    overflow: hidden;
    height: 180px;
    margin: 0.5%;
}

.fotogalerie_clanku_obal .obrazek_celek_obal a {}

.fotogalerie_clanku_obal .obrazek_celek_obal a img {
    width: 100%;
    height: auto;
}

.fotogalerie_clanku_obal .nazev_popis_obrazku h4 {
    position: absolute;
    display: none;
    z-index: 11;
    bottom: 0;
    margin: 0;
    background: #116fad;
    color: white;
    font-size: small;
    padding: 0.5em;
    width: 100%;
}

.fotogalerie_clanku_obal .nazev_popis_obrazku .popis_obrazku {
    display: none;
}

/* info pod článkem */
div.nahled_tisk {
    position: absolute;
    background: #116fad;
    color: white;
    right: 0;
    bottom: 23px;
}

div.nahled_tisk a {
    color: white !important;
    font-size: small;
    padding: 6px;
}

.info_podclankem {
    position: absolute;
    font-size: small;
    color: silver;
    right: 0;
    bottom: 0;
}

div.clanek ul {
    clear: both;
    margin-top: 1.5em;
}

/* oznámení */
h3.oznameni_nazev {
    font-size: 18px;
    color: #116fad;
    font-size: 23px;
    margin-top: 0;
    line-height: 120%;
}

/* speciální stránky */
.clanek_tur_tit {}

.clanek_tur_tit .blok_banneru {
    clear: both;
}

.clanek_tur_tit .tur_banner_1,
.clanek_tur_tit .tur_banner_6 {}

.clanek_tur_tit .tur_banner_4,
.clanek_tur_tit .tur_banner_5,
.clanek_tur_tit .tur_banner_2,
.clanek_tur_tit .tur_banner_3 {}

.clanek_tur_tit .tur_banner_1,
.clanek_tur_tit .tur_banner_4,
.clanek_tur_tit .tur_banner_5 {}

.clanek_tur_tit .tur_banner_2,
.clanek_tur_tit .tur_banner_3,
.clanek_tur_tit .tur_banner_6 {}

.clanek_tur_tit .tur_banner a {}

.clanek_tur_tit .tur_banner a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.clanek_tur_tit .tur_banner a span {}

/* počasí */
.blok_pocasi {
    width: 31%;
    float: left;
    text-align: center;
    background: #ededef;
    padding: 2em 0;
    margin: 1%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

div:hover.blok_pocasi {
    background: #cfeaf5;
}

.blok_pocasi span {
    display: block;
}

.blok_pocasi span.datum {
    font-weight: bold;
    color: #116fad;
}

/* kalendář akcí */
.akce_vyhl_form {
    width: 90%;
}

.akce_vyhl_form table {}

div.akce_vyhl_form table.akce_vyhl_form,
div.akce_vyhl_form div.akce_vyhl_kalendar {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ededef;
    width: 100%;
}

div.akce_vyhl_form table.akce_vyhl_form td {
    padding: 7px 0px;
    font-size: small;
}

div.akce_vyhl_form table.akce_vyhl_form td select,
div.akce_vyhl_form table.akce_vyhl_form td input {
    border: 1px solid silver;
    font-size: small;
    padding: 1px 4px;
}

div.akce_vyhl_form div.akce_vyhl_kalendar {}

div.vyber_rok_mesic a,
div.vyber_rok_mesic select {
    display: inline-block;
    width: 7%;
    float: left;
}

div.vyber_rok_mesic span {
    display: inline-block;
    width: 86%;
    float: left;
}

div.vyber_rok_mesic a {
    font-weight: bold;
}

.vyber_rok_mesic {
    width: 100%;
    margin-bottom: 1em;
    height: 22px;
}

table.kalendar {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

table.kalendar tr.kalendar_prvniradek td {
    background: #116fad;
    color: white;
    border: 1px solid #116fad;
    padding: 5px 0;
}

table.kalendar td {
    border: 1px solid #ededef;
    margin: 0;
    padding: 0;
}

table.kalendar td a {
    display: block;
    padding: 6px 0;
}

table.kalendar td div.vybrany_den a {
    background: #116fad;
    color: white;
}

table.kalendar td a:hover {
    background: #cfeaf5;
}

div.zverejneni_akci {
    width: 84%;
    padding: 3%;
    font-size: 13px;
    margin-bottom: 2em;
    background: #164974;
    color: white;
}

div.zverejneni_akci a {
    color: white;
    font-weight: bold;
}

.akce_celek_obal {
    border-bottom: 1px solid silver;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
}

.akce_celek_obal a.primarni_obrazek_vyhledavani {
    display: block;
    width: 16%;
    float: left;
}

.akce_celek_obal table.kratky_popis_akce,
.clanek_akce table.kratky_popis_akce {
    width: 60%;
}

.akce_celek_obal table.kratky_popis_akce th {
    width: 180px;
    border: 1px solid #ededef;
    color: black;
    background: transparent;
}

.clanek_akce div {
    clear: both;
    border-top: 1px solid silver;
    padding-top: 1em;
    margin-top: 1em;
}

/* titulka akce */
.kalendar_akci .vypis_akci_celek_obal h4 {
    margin-bottom: 0;
}

.kalendar_akci .vypis_akci_celek_obal ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kalendar_akci .vypis_akci_celek_obal ul li {
    display: block;
    border-bottom: 1px solid #d9dadc;
    padding: 1em 1em;
}

.kalendar_akci .vypis_akci_celek_obal ul li span,
.kalendar_akci .vypis_akci_celek_obal ul li a {
    display: block;
}

.kalendar_akci .vypis_akci_celek_obal ul li a {
    font-weight: bold;
    font-size: 17px;
}

/* požadavky */
.pozadavky_odkazy {
    width: 31%;
    height: 29px;
    float: left;
    border-bottom: 1px solid #ededed;
}

.pozadavky_odkazy a {
    display: inline-block;
    background: #116fad;
    color: white;
    text-decoration: none;
    float: left;
    padding: 5px 11px;
    font-size: 14px;
    /* border-right: 1px solid white; */
    margin: 0em 1px 0 0;
    float: left;
}

.pozadavky_odkazy a:hover {
    background: #164974;
}

ul.stavy-navigace {
    list-style: none;
    margin: 0;
    padding: 0;
    /* clear: both; */
    width: 69%;
    height: 29px;
    float: right;
    border-bottom: 1px solid #ededed;
}

#mapyUdalosti-pozadavkyOznameniItems {
    clear: both;
}

ul.stavy-navigace li a {
    display: inline-block;
    background: #cfeaf5;
    color: black;
    text-decoration: none;
    float: left;
    padding: 5px 11px;
    font-size: 14px;
    /* border-right: 1px solid white; */
    margin: 0em 1px 0 0;
    float: right;
}

ul.stavy-navigace li a:hover,
ul.stavy-navigace li.aktivni a,
.pozadavky_odkazy a:hover {
    background: #164974;
    color: white;
}

div.obal_pozadavek_status_22,
div.obal_pozadavek_status_23 {
    padding-bottom: 0;
}

span.pozadavek_status_23 {
    font-weight: bold;
    color: white;
    background: green;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 8px;
}

span.pozadavek_status_22 {
    font-weight: bold;
    color: white;
    background: gray;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 8px;
}

div.mapyUdalosti-pozadavekPopis {
    padding: 1em;
}

/* seznam firem */
.vyhledany_text_celek p {
    margin: 1em !important;
}

.subjekt div.odkaz_cely_clanek a.cely_clanek {
    background: #3690C1;
    color: white;
    display: inline-block;
    padding: 5px;
}

.subjekt div.odkaz_cely_clanek a:hover.cely_clanek {
    background: #164974;
}

/* TIC */
.tic_odkazy_obal {}

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

.tic_odkazy_obal ul li a {
    display: inline-block;
    width: 24%;
    float: left;
    margin: 0.5%;
    background: #116fad;
    height: 200px;
    position: relative;
}

.tic_odkazy_obal ul li a span {
    color: white;
    background: #116fad;
    position: absolute;
    bottom: 23px;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    height: 23px;
    padding: 0.5em 0;
    font-weight: bold;
}

.tic_odkazy_obal ul li a:hover span {
    background: #164974;
}

.tic_odkazy_obal ul li a.link_clanek_01 {
    background: url(https://www.litovel.eu/galerie/obrazky/imager.php?img=817767&x=190&y=190) center center no-repeat;
    background-size: cover;
}

.tic_odkazy_obal ul li a.link_clanek_02 {
    background: url(https://www.litovel.eu/galerie/obrazky/imager.php?img=817770&x=190&y=190) center center no-repeat;
    background-size: cover;
}

.tic_odkazy_obal ul li a.link_clanek_03 {
    background: url(https://www.litovel.eu/galerie/obrazky/imager.php?img=817768&x=190&y=190) center center no-repeat;
    background-size: cover;
}

.tic_odkazy_obal ul li a.link_clanek_04 {
    background: url(https://www.litovel.eu/galerie/obrazky/imager.php?img=817771&x=190&y=190) center center no-repeat;
    background-size: cover;
}

.tic_odkazy_obal ul li a.link_clanek_05 {
    background: url(https://www.litovel.eu/galerie/obrazky/imager.php?img=817769&x=190&y=190) center center no-repeat;
    background-size: cover;
}

.tic_odkazy_obal ul li a.link_clanek_06 {
    background: url(https://www.litovel.eu/galerie/obrazky/imager.php?img=817772&x=190&y=190) center center no-repeat;
    background-size: cover;
}

.tic_odkazy_obal ul li a.link_clanek_07 {
    background: url(https://www.litovel.eu/galerie/obrazky/imager.php?img=817766&x=190&y=190) center center no-repeat;
    background-size: cover;
}

.tic_odkazy_obal ul li a.link_clanek_08 {
    background: url(https://www.litovel.eu/galerie/obrazky/imager.php?img=817773&x=190&y=190) center center no-repeat;
    background-size: cover;
}



/* bannery zápatí */
.bannery_zapati {
    margin-bottom: 3em;
    margin-top: 3em;
}

.bannery_zapati a {
    display: inline-block;
}

.bannery_zapati span {
    margin: 0 3.5em;
    display: inline-block;
    float: left;
    width: 80%;
    height: 60px;
}

.bannery_zapati span a img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    display: block !important;
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannery_zapati span a:hover img {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}

/* ankety */
.anketa_seznam_celek_obal {
    background: #ededef;
    margin-bottom: 2em;
    padding: 2em;
}

.anketa_celek_obal {
    position: relative;
}

.odpoved_ankety_celek {
    margin-bottom: 1em;
    position: relative;
    width: 70%;
}

.anketa_celek_obal img {
    position: absolute;
    right: 0;
    width: 20%;
}

.odpoved_ankety_celek input {
    cursor: pointer;
}

.odpoved_ankety_celek .odpoved_ankety {
    font-size: 13px;
}

.odpoved_ankety_celek .graf_odpovedi_ankety_obal {
    background: #cfeaf5;
    height: 35px;
}

.odpoved_ankety_celek .graf_odpovedi_ankety_obal .graf_odpovedi_ankety {
    background: #116fad;
    height: 35px;
}

.odpoved_ankety_celek .pocet_odpovedi_ankety {
    position: absolute;
    right: 8px;
    top: 27px;
    background: white;
    /* border: 1px solid gray; */
    padding: 2px 12px;
    border-radius: 12px;
    font-size: 12px;
}

.anketa_celek {}

/* mapa */
.mapa_obal {
    height: 400px;
    width: 100%;
    border-top: 7px solid #cfeaf5;
    position: relative;
}

.mapa_obal iframe {
    width: 100% !important;
    position: relative;
}

a.geoportal_odkaz {
    background: #116fad;
    color: white;
    display: inline-block;
    position: absolute;
    z-index: 11;
    left: 40px;
    top: -28px;
    padding: 13px 18px;
    font-size: 19px;
    border-radius: 6px;
    font-weight: bold;
    text-transform: uppercase;
}

.mapa_tut_ctrl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    padding: 20px 40px;
    border-radius: 5px;
    z-index: 99;
    background-color: white;
}

/* zapati */
.zapati_obal2 {
    background: #ededef;
    padding: 1em 0;
}

.zapati_blok {
    float: left;
    width: 33.33%
}

.zapati_blok h4 {
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}

.logo_zapati {
    display: none;
}

.designed2 {
    text-align: center;
}

/* zasilani aktualit */
div.formular_zasilani {
    position: relative;
}

div.formular_zasilani .textpole_akt_email,
div.formular_zasilani .tlacitko_aktuality {
    display: inline-block;
    padding: 3%;
}

div.formular_zasilani .textpole_akt_email {
    background: white;
    border: 1px solid #ededef;
    width: 63%;
}

div.formular_zasilani .tlacitko_aktuality {
    background: #116fad;
    color: white;
    font-weight: bold;
    border: 1px solid #116fad;
    width: 30%;
}

div.formular_zasilani .nastaveni_zasilani {
    display: inline-block;
    background: url(/galerie/1064135.png) left center no-repeat;
    color: black;
    padding-left: 13px;
    margin-top: 1em;
}

.odkazy_zapati_obal {
    margin-top: 1em;
}

.odkazy_zapati_obal a {
    margin-right: 0.5em;
}

/* mobilni aplikace zápatí */
.mobilni_aplikace_obal_zapati {
    margin-top: 2em;
    clear: both;
    height: 174px;
    /* padding: 1em; */
    box-sizing: border-box;
    /* background: white; */
    /* width: 410px; */
}

.mobilni_aplikace_obal_zapati h4 {
    margin-top: 0;
}

.mobilni_aplikace_obal_zapati .leve_odkazy,
.mobilni_aplikace_obal_zapati .prave_odkazy {
    height: 110px;
}

.mobilni_aplikace_obal_zapati .leve_odkazy img {
    width: 100%;
    margin-bottom: 0.5em;
}

.mobilni_aplikace_obal_zapati .prave_odkazy img {
    width: auto;
    height: 100%;
}

.mobilni_aplikace_obal_zapati .leve_odkazy {
    float: left;
    width: 35%;
}

.mobilni_aplikace_obal_zapati .prave_odkazy {
    float: left;
    margin-left: 1em;
}

/* turistika_bannery */
/* turistika titulka */
div.turistika_titulka div.nahled_tisk {
    display: none;
}

div.clanek_tur_tit div.blok_banneru {
    width: 100%;
    height: auto;
    position: relative;
    /*margin-bottom: 30px;*/
}

div.clanek_tur_tit div.tur_banner {
    width: 23%;
    margin: 1%;
    float: left;
    height: 250px;
    overflow: hidden;
    background-color: #116fad;
    position: relative;
    transition: .2s;
    border-radius: 3px;
}

div.clanek_tur_tit div.tur_banner:hover {
    transform: translate(0, -10px);
    -webkit-box-shadow: 0px 9px 17px -5px rgba(61, 61, 61, 1);
    -moz-box-shadow: 0px 9px 17px -5px rgba(61, 61, 61, 1);
    box-shadow: 0px 9px 17px -5px rgba(61, 61, 61, 1);
}

div.clanek_tur_tit div.tur_banner:hover .overlay {
    opacity: 0;
}

div.clanek_tur_tit div.tur_banner:hover span.text_banneru {
    opacity: 0;
}

div.tur_banner a {
    /*display: block;
    height: 190px;
    overflow: hidden;*/
}

/*
div.tur_banner.tur_banner_1 a,
div.tur_banner.tur_banner_6 a,
div.tur_banner.tur_banner_7 a,
div.tur_banner.tur_banner_12 a {
    height: 410px;
}*/

div.tur_banner img {
    /* border: 10px solid #cfeaf5;*/
}

div.tur_banner span.text_banneru {
    /*  display: block;
    width: auto;
    position: absolute;
    left: 10px;
    bottom: 20px;
    margin-right: 20px;
    padding: 0.61538em 0.76923em;
    font-size: 13px;
    line-height: 116%;
    color: white;*/
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    color: white;
    transition: .2s;
}

.tur_banner .overlay {
    position: absolute;
    z-index: 1;
    background-color: #116fad;
    opacity: .3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: .2s;
}

div.tur_banner.tur_banner_1 span.text_banneru,
div.tur_banner.tur_banner_6 span.text_banneru,
div.tur_banner.tur_banner_7 span.text_banneru,
div.tur_banner.tur_banner_12 span.text_banneru {
    /*  bottom: 30px;
    margin-right: 30px;
    font-size: 16px;
    line-height: 100%;
    padding: 1em 1.25em;*/
}

/*
div.tur_banner.tur_banner_1,
div.tur_banner.tur_banner_7 {
    top: 0;
    left: 0;
}

div.tur_banner.tur_banner_2,
div.tur_banner.tur_banner_8 {
    top: 0;
    left: 440px;
}

div.tur_banner.tur_banner_3,
div.tur_banner.tur_banner_9 {
    top: 0;
    left: 660px;
}

div.tur_banner.tur_banner_4,
div.tur_banner.tur_banner_10 {
    top: 440px;
    left: 0;
}

div.tur_banner.tur_banner_5,
div.tur_banner.tur_banner_11 {
    top: 440px;
    left: 220px;
}

div.tur_banner.tur_banner_6,
div.tur_banner.tur_banner_12 {
    top: 220px;
    left: 440px;
}

div.tur_banner.tur_banner_1 span.text_banneru,
div.tur_banner.tur_banner_7 span.text_banneru,
div.tur_banner.tur_banner_2 span.text_banneru,
div.tur_banner.tur_banner_4 span.text_banneru,
div.tur_banner.tur_banner_8 span.text_banneru,
div.tur_banner.tur_banner_10 span.text_banneru,
div.tur_banner.tur_banner_3 span.text_banneru,
div.tur_banner.tur_banner_5 span.text_banneru,
div.tur_banner.tur_banner_9 span.text_banneru,
div.tur_banner.tur_banner_11 span.text_banneru,
div.tur_banner.tur_banner_6 span.text_banneru,
div.tur_banner.tur_banner_12 span.text_banneru {
    background: #164974;
}
*/
/* procházka litovlí */
div.clanek_proch_lit div.blok_banneru_1,
div.clanek_proch_lit div.blok_banneru_2 {
    width: 100%;
    height: 630px;
    position: relative;
    margin-bottom: 30px;
}

div.clanek_proch_lit div.cislo_obrazku {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 20px;
    /* height: 15px; */
    color: white;
    padding: 6px;
    background: black;
    border-radius: 20px;
    text-align: center;
}

div.clanek_proch_lit div.blok_banneru_1_posledni {
    width: 100%;
    height: 430px;
    position: relative;
    margin-bottom: 30px;
}

div.clanek_proch_lit div.proch_banner {
    position: absolute;
    background-color: #cfeaf5;
}

div.proch_banner img {
    border: 10px solid #cfeaf5;
}

div.clanek_proch_lit div.proch_banner_01 {
    top: 0;
    left: 0;
}

div.clanek_proch_lit div.proch_banner_02_info {
    top: 0;
    left: 440px;
    width: 190px;
    height: 190px;
    background: none !important;
    box-shadow: none !important;
}

div.clanek_proch_lit div.proch_banner_02 {
    top: 0;
    left: 440px
}

div.clanek_proch_lit div.proch_banner_03 {
    top: 0;
    left: 660px
}

div.clanek_proch_lit div.proch_banner_03_doplnek {
    top: 0;
    left: 440px;
}

div.clanek_proch_lit div.proch_banner_04 {
    top: 440px;
    left: 0px;
}

div.clanek_proch_lit div.proch_banner_04_special {
    top: 440px;
    left: 220px;
}

div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_05 {
    top: 440px;
    left: 220px;
}

div.clanek_proch_lit div.blok_banneru_2 div.proch_banner_05 {
    top: 220px;
    left: 220px;
}

div.clanek_proch_lit div.proch_banner_06 {
    top: 220px;
    left: 440px;
}

div.clanek_proch_lit div.proch_banner_07 {
    top: 220px;
    left: 660px;
}

div.clanek_proch_lit div.proch_banner_08 {
    top: 440px;
    left: 660px;
}

div.clanek_proch_lit div.proch_banner_09_info,
div.clanek_proch_lit div.proch_banner_09_info_special {
    top: 220px;
    left: 0px;
}

div.clanek_proch_lit div.proch_banner_08_info {
    top: 440px;
    left: 660px;
}

div.clanek_proch_lit div.proch_banner_09_info,
div.clanek_proch_lit div.proch_banner_08_info {
    width: 190px;
    height: 190px;
    background: none !important;
    box-shadow: none !important;
    overflow: auto;
}

div.clanek_proch_lit div.proch_banner_09_info_special {
    height: 410px;
    width: 190px;
    background: none !important;
    box-shadow: none !important;
    overflow: auto;
}

div.clanek_proch_lit div.proch_banner_02_info,
div.clanek_proch_lit div.proch_banner_09_info,
div.clanek_proch_lit div.proch_banner_08_info,
div.clanek_proch_lit div.proch_banner_09_info_special {
    font-size: small;
    line-height: 150%;
    text-align: left;
}

div.clanek_proch_lit div.proch_banner a {
    display: block;
    height: 190px;
    overflow: hidden;
}

div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_01 a,
div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_06 a {
    height: 410px;
}

div.clanek_proch_lit div.blok_banneru_1_posledni div.specialni_dorovnani_01 a {
    display: block;
    height: 190px !important;
}

div.clanek_proch_lit div.blok_banneru_1_posledni div.specialni_dorovnani_05 {
    top: 220px !important;
    left: 0 !important;
}

div.clanek_proch_lit div.blok_banneru_1_posledni div.specialni_dorovnani_03 {
    top: 220px !important;
    left: 660px !important;
}

div.clanek_proch_lit div.blok_banneru_2 div.proch_banner_05 a,
div.clanek_proch_lit div.blok_banneru_2 div.proch_banner_06 a,
div.clanek_proch_lit div.blok_banneru_1 div.specialni_dorovnani_07 a {
    height: 410px;
}

div.clanek_proch_lit div.blok_banneru_2 div.special_zarovnani_05 a {
    height: 190px !important;
}

div.clanek_proch_lit div.proch_banner_02_info a.stahnout_pdf {
    display: block;
    position: absolute;
    bottom: 0;
    padding-left: 60px;
    height: 51px;
    background: url(/galerie/666947.png) left center no-repeat;
    text-decoration: none;
}

div.clanek_proch_lit div.proch_banner_02_info a.stahnout_pdf span {
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    margin-top: 9px;
    display: block;
}

div.clanek_proch_lit span.text_banneru {
    display: block;
    width: auto;
    position: absolute;
    left: 10px;
    bottom: 20px;
    margin-right: 20px;
    padding: 0.61538em 0.76923em;
    font-size: 13px;
    line-height: 116%;
    color: white;
}

div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_01 span.text_banneru,
div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_06 span.text_banneru {
    bottom: 30px;
    margin-right: 30px;
    font-size: 16px;
    line-height: 100%;
    padding: 1em 1.25em;
}

div.clanek_proch_lit div.proch_banner_07 span.text_banneru,
div.clanek_proch_lit div.proch_banner_05 span.text_banneru,
div.clanek_proch_lit div.proch_banner_02 span.text_banneru,
div.clanek_proch_lit div.proch_banner_08 span.text_banneru,
div.clanek_proch_lit div.proch_banner_06 span.text_banneru,
div.clanek_proch_lit div.proch_banner_10 span.text_banneru,
div.clanek_proch_lit div.proch_banner_09 span.text_banneru,
div.clanek_proch_lit div.proch_banner_01 span.text_banneru,
div.clanek_proch_lit div.proch_banner_03 span.text_banneru,
div.clanek_proch_lit div.proch_banner_03_doplnek span.text_banneru,
div.clanek_proch_lit div.proch_banner_11 span.text_banneru,
div.clanek_proch_lit div.proch_banner_04 span.text_banneru,
div.clanek_proch_lit div.proch_banner_04_special span.text_banneru,
div.clanek_proch_lit div.proch_banner_12 span.text_banneru {
    background: #164974;
}

.ikony_mobil {
    display: none;
}

.zmena_hesla div.chyba {
    padding: 1em;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(219 219 219);
    -moz-box-shadow: 0px 0px 5px 0px rgba(219, 219, 219, 1);
    box-shadow: 0px 0px 5px 0px rgb(219 219 219);
    margin: 10px 0;
    border-left: 3px red solid;
    color: #d80000;
    font-weight: bold;
    background-color: white;
    text-align: justify;
}

/* responzive media */
/* mobil */
@media (max-width: 650px) {
    .menu_rozhlas_male img {
        display: block;
        width: 24px;
        position: absolute;
        top: -55px;
        left: 250px;
    }

    .extrawarning_events {
        background-color: rgb(222, 47, 0);
        color: white;
        font-weight: bold;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: left;
    }

    .zahlavi_obal,
    .mapa_obal,
    .zapati_obal2,
    .designed {
        width: 100% !important;
        position: relative;
        overflow: hidden;
    }

    .stranka_v2,
    .stranka {
        width: 100% !important;
        position: unset !important;
    }

    div.cely_clanek {
        float: none;
        width: 90%;
        margin: auto;
        position: relative;
        padding-bottom: 4em;
    }

    div.nahled_tisk {
        display: none;
    }

    a.primarni_obrazek_clanku img,
    a.primarni_obrazek_vyhledavani img {
        width: 32%;
    }

    .titulka_obal .tri_sloupce .sloupec,
    .titulka_obal .dva_sloupce .kalendar_akci,
    .titulka_obal .dva_sloupce .rychly_pristup,
    .zapati_blok {
        width: 90% !important;
        position: relative;
        margin: 0 auto 2em auto !important;
        clear: both;
        float: none !important;
        margin-bottom: 3em;
    }

    .sloupec_navigace_obal {
        position: absolute;
        display: none;
        top: 97px;
        width: 100%;
        background: white;
    }

    .hlavni_obrazek_obal,
    .vyhledavani_celek_obal,
    .vyhledavani_odkazy_blok,
    .zahlavi_menu_obal_prvni {
        display: none !important;
    }

    .vypis_udalose,
    .aktuality_titulka .clanek,
    .zahlavi_menu_obal ul li a {
        margin-right: 0em !important;
    }

    .informace_deska .titulni_banner,
    .informace_deska .titulka_uredni_deska {
        margin-left: 0 !important;
    }

    .aktuality_titulka .aktualita_celek_obal .nadpis_aktuality {
        margin: 0;
        color: #116fad;
        font-size: 1em;
    }

    div.zahlavi_obal,
    .zahlavi_menu_obal {
        height: auto !important;
    }

    .zahlavi_menu_obal ul li {
        display: block;
        text-align: center;
        border-bottom: 1px solid white;
    }

    div.zahlavi_logo {
        background: none;
    }

    div.logo {
        left: 20px;
        top: 25px;
    }

    div.logo a {
        width: 173px;
        height: 45px;
        background-size: 100% auto;
    }

    .banner_obal {
        width: 49.4% !important;
    }

    div.stranka h2,
    div.stranka h4,
    .aktuality_titulka h2.nadpis_clanku {
        line-height: 115%;
    }

    .zapati2 {
        text-align: center;
    }

    div.clanek_tur_tit div.blok_banneru {
        height: auto;
        text-align: center;
    }

    div.clanek_tur_tit div.tur_banner {
        position: relative;
    }

    div.tur_banner.tur_banner_4,
    div.tur_banner.tur_banner_10,
    div.tur_banner.tur_banner_2,
    div.tur_banner.tur_banner_8,
    div.tur_banner.tur_banner_5,
    div.tur_banner.tur_banner_11,
    div.tur_banner.tur_banner_3,
    div.tur_banner.tur_banner_9,
    div.tur_banner.tur_banner_6,
    div.tur_banner.tur_banner_12,
    div.tur_banner.tur_banner_7,
    div.tur_banner.tur_banner_1 {
        top: auto;
        left: auto;
        margin-bottom: 2em;
        border: 10px solid #cfeaf5;
    }

    div.tur_banner.tur_banner_1 a,
    div.tur_banner.tur_banner_6 a,
    div.tur_banner.tur_banner_7 a,
    div.tur_banner.tur_banner_12 a {
        height: auto;
    }

    div.tur_banner img {
        border: 0;
        width: 97%;
        height: auto;
    }

    div.tur_banner span.text_banneru {
        left: 5px;
    }

    .ikony_mobil {
        display: block;
        position: absolute;
        top: 27px;
        right: 16px;
    }

    .ikony_mobil span {
        display: inline-block;
        margin-left: 10px;
    }

    div.ikony_mobil_titulni span.menu_mobil {
        display: none !important;
    }


    .banner_obal span.nadpis {
        bottom: 9px;

    }


    .fotogalerie_clanku_obal .obrazek_celek_obal {
        width: 49%;
        overflow: hidden;
        height: 141px;
        margin: 0.5%;
        float: left;
    }

    .fotogalerie_clanku_obal .obrazek_celek_obal .nazev_popis_obrazku {
        display: none;
    }

    div.clanek_proch_lit div.proch_banner_01,
    div.clanek_proch_lit div.proch_banner_02_info,
    div.clanek_proch_lit div.proch_banner_02,
    div.clanek_proch_lit div.proch_banner_03,
    div.clanek_proch_lit div.proch_banner_03_doplnek,
    div.clanek_proch_lit div.proch_banner_04,
    div.clanek_proch_lit div.proch_banner_04_special,
    div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_05,
    div.clanek_proch_lit div.blok_banneru_2 div.proch_banner_05,
    div.clanek_proch_lit div.proch_banner_06,
    div.clanek_proch_lit div.proch_banner_07,
    div.clanek_proch_lit div.proch_banner_08,
    div.clanek_proch_lit div.proch_banner_09_info,
    div.clanek_proch_lit div.proch_banner_09_info_special,
    div.clanek_proch_lit div.proch_banner_08_info,
    div.clanek_proch_lit div.blok_banneru_1_posledni div.specialni_dorovnani_05,
    div.clanek_proch_lit div.blok_banneru_1_posledni div.specialni_dorovnani_03 {
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }

    div.clanek_proch_lit div.proch_banner {
        position: relative !important;
        background-color: #cfeaf5;
        padding: 1%;
        width: 98%;
        clear: both;
        margin-bottom: 1em;
    }

    div.clanek_proch_lit div.proch_banner a img {
        width: 100%;
        height: auto;
        border: 0;
    }

    div.clanek_proch_lit div.blok_banneru_1,
    div.clanek_proch_lit div.blok_banneru_2 {
        height: auto !important;
    }

    div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_01 span.text_banneru,
    div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_06 span.text_banneru {
        bottom: 90px;
        left: 0;
    }

    div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_01 a,
    div.clanek_proch_lit div.blok_banneru_1 div.proch_banner_06 a,
    div.clanek_proch_lit div.proch_banner a,
    div.clanek_proch_lit div.blok_banneru_1_posledni {
        height: auto;
    }

    .tic_odkazy_obal ul li a {
        width: 49%;
    }

    .novinka_na_webu_obal a.aktualita_odkaz_naclanek {
        background: #116fad;
        color: white;
        display: inline-block;
        padding: 2%;
        position: relative;
        right: 0;
        bottom: auto;
        width: 96%;
        text-align: center;
    }

    div.jazyky {
        position: absolute;
        top: 0;
        right: auto;
        top: -55px;
        left: 210px;
    }

    div.odkaz_cely_clanek span.datum_vytvoreni,
    div.odkaz_cely_clanek span.pocet_precteni,
    div.odkaz_cely_clanek span.autor {
        display: none;
    }

    div.odkaz_cely_clanek {
        background: transparent;
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 13px;
        color: transparent;
    }

}

/* tablet */
@media (max-width: 1162px) and (min-width: 651px) {

    .menu_rozhlas_male img {
        display: block;
        width: 24px;
        position: absolute;
        top: -50px;
        left: 300px;
    }

    .zahlavi_obal,
    .mapa_obal,
    .zapati_obal2,
    .designed {
        width: 100% !important;
        position: relative;
        overflow: hidden;
    }

    .stranka_v2,
    .stranka {
        width: 100% !important;
        position: unset !important;
    }

    div.cely_clanek {
        float: none;
        width: 90%;
        margin: auto;
        position: relative;
        padding-bottom: 4em;
    }

    div.jazyky {
        position: absolute;
        top: 0;
        right: auto;
        top: -49px;
        left: 260px;
    }

    .titulka_obal .tri_sloupce .sloupec,
    .titulka_obal .dva_sloupce .kalendar_akci,
    .titulka_obal .dva_sloupce .rychly_pristup,
    .zapati_blok {
        width: 42% !important;
        position: relative;
        margin: 0 4%;
        margin-bottom: 3em;
    }

    .informace_deska {
        width: 92% !important;
    }

    .sloupec_navigace_obal {
        position: absolute;
        display: none;
        top: 97px;
        width: 100%;
        background: white;
    }

    .hlavni_obrazek_obal,
    .vyhledavani_celek_obal,
    .vyhledavani_odkazy_blok,
    .zahlavi_menu_obal_prvni {
        display: none !important;
    }

    .vypis_udalose,
    .aktuality_titulka .clanek,
    .zahlavi_menu_obal ul li a {
        margin-right: 0em !important;
    }

    .informace_deska .titulni_banner,
    .informace_deska .titulka_uredni_deska {
        margin-left: 0 !important;
    }

    .aktuality_titulka .aktualita_celek_obal .nadpis_aktuality {
        margin: 0;
        color: #116fad;
        font-size: 1em;
    }

    div.zahlavi_obal,
    .zahlavi_menu_obal {
        height: 160px !important;
    }

    .zahlavi_menu_obal ul li {
        display: block;
        text-align: center;
        border-bottom: 1px solid white;
        width: 25%;
        float: left;
    }

    div.zahlavi_logo {
        background: none;
    }

    div.logo {
        left: 20px;
    }

    .banner_obal {
        width: 49.4% !important;
    }

    div.stranka h2,
    div.stranka h4,
    .aktuality_titulka h2.nadpis_clanku {
        line-height: 115%;
    }

    .zapati2 {
        text-align: center;
    }

    .ikony_mobil {
        display: block;
        position: absolute;
        top: 27px;
        right: 16px;
    }

    .ikony_mobil span {
        display: inline-block;
        margin-left: 10px;
    }

    div.ikony_mobil_titulni span.menu_mobil {
        display: none !important;
    }

    .fotogalerie_clanku_obal .obrazek_celek_obal {
        width: 24%;
        overflow: hidden;
        height: 141px;
        margin: 0.5%;
        float: left;
    }

    .fotogalerie_clanku_obal .obrazek_celek_obal .nazev_popis_obrazku {
        display: none;
    }

    div.clanek_tur_tit div.blok_banneru {
        height: auto;
        text-align: center;
    }

    div.clanek_tur_tit div.tur_banner {
        position: relative;
    }

    div.tur_banner.tur_banner_2,
    div.tur_banner.tur_banner_3,
    div.tur_banner.tur_banner_4,
    div.tur_banner.tur_banner_5,
    div.tur_banner.tur_banner_8,
    div.tur_banner.tur_banner_9,
    div.tur_banner.tur_banner_10,
    div.tur_banner.tur_banner_11 {}

    div.tur_banner.tur_banner_4,
    div.tur_banner.tur_banner_10,
    div.tur_banner.tur_banner_2,
    div.tur_banner.tur_banner_8,
    div.tur_banner.tur_banner_5,
    div.tur_banner.tur_banner_11,
    div.tur_banner.tur_banner_3,
    div.tur_banner.tur_banner_9,
    div.tur_banner.tur_banner_6,
    div.tur_banner.tur_banner_12,
    div.tur_banner.tur_banner_7,
    div.tur_banner.tur_banner_1 {
        top: auto;
        left: auto;
        margin-bottom: 2em;
        border: 10px solid #cfeaf5;
    }

    div.tur_banner.tur_banner_1 a,
    div.tur_banner.tur_banner_6 a,
    div.tur_banner.tur_banner_7 a,
    div.tur_banner.tur_banner_12 a {
        height: auto;
    }

    div.tur_banner img {
        border: 0;
        width: 97%;
        height: auto;
    }

}

/* tablet větší */
@media (max-width: 1304px) and (min-width: 1163px) {}

div.as4u_video_class,
div.as4u_audio_class {
    background-color: #116fad !important;
}

#jsonDataMap {
    display: none;
}

.loga_tic_obal {
    clear: both;
    padding: 2em 0;
    height: 122px;
    text-align: center;
    border-bottom: 1px solid silver;
    border-top: 1px solid silver;
    margin-top: 2em;
}

.loga_tic_obal img {
    margin: 0 2em;
}

#lanG {
    display: none;
}

@media screen and (max-width:400px) {
    .menu_rozhlas_male img {
        display: block;
        width: 24px;
        position: absolute;
        top: -55px;
        left: 210px;
    }
}

/* Pexeso */

.pexeso_celek_obal {
    font-weight: bold;
    color: white;
    width: 570px;
    height: 569px;
    position: relative;
}

.pexeso_obal {
    position: absolute;
    left: 15px;
    top: 26px;
}

.pexeso_celek_obal_vyhra {
    display: none;
}

div.text_casu {
    float: left;
    margin-right: 10px;
}

span#pocet_tahu,
span#doba_skladani {
    font-weight: bold !important;
    color: #e4051f !important;
}

div.pexeso_menu {
    position: absolute;
    top: -3px;
    right: 3px;
    width: 180px;
}

div.pexeso_menu a {
    color: white;
    text-decoration: none;
    display: block;
}

div.pexeso_menu a:hover {
    text-decoration: underline;
}

div.pexeso_menu a.zluty_odkaz {
    color: black;
    font-size: 18px;
    margin-top: 10px;
}

.pexeso_karticka {
    width: 130px;
    height: 130px;
    float: left;
    margin: 3px;
    position: relative;
    background-color: ffe401;

}

div.pexeso_prubeh {
    text-align: left;
    color: black;
    position: absolute;
    left: 17px;
    top: 5px;
}

span#cas_hry {
    display: block;
    width: 140px;
    height: 26px;
    background: url(/galerie/obrazky/imager.php?img=276664&hash=47b0c344ccb32e0cb08c1fdef37b647f&x=150&y=150) top left no-repeat;
    padding: 62px 35px;
    font-weight: bold;
    font-size: 26px;
    position: absolute;
    right: 00px;
    top: 141px;
}

span#vyhra_tahu {
    display: block;
    width: 98px;
    height: 26px;
    background: url(/galerie/obrazky/imager.php?img=276668&hash=c41314b3aa2babbdba2e82dac5cbb5eb&x=110&y=110) top left no-repeat;
    padding: 42px 35px;
    font-weight: bold;
    font-size: 19px;
    position: absolute;
    right: 60px;
    top: 238px;
    color: white;
}

span.text_reseni {
    position: absolute;
    right: 221px;
    top: 205px;
    font-weight: bold;
    font-size: 18px;
}

span.pocet_tahu {
    position: absolute;
    top: 301px;
    right: 153px;
    color: white;
}

div.logo_vyhra {
    width: 140px;
    height: 140px;
    background: url(/galerie/279926.jpg) bottom left no-repeat;
    position: absolute;
    left: 24px;
    top: 130px;
}

span.nadpis_koupaliste {
    display: block;
    color: white;
    background-color: #116fad;
    font-weight: bolder;
    font-size: 22px;
    box-sizing: border-box;
    padding: 15px;
}