/*@import url("https://use.typekit.net/kff1nhr.css");*/ @import url("https://use.typekit.net/nqd8yxa.css"); :root { /*--sirka: 1600px; --sirka60: 960px; --sirka50: 800px; */ --sirka: 1280px; --rantl: calc((100% - var(--sirka)) * 0.5); --sirka60: 760px; --sirka50: 640px; --odsazeni_i: 1rem; --small: 2rem; --big: 5rem; --small_r: calc( var(--sirka) / 50); --big_r: calc( var(--sirka) / 20); --yt_animace_height: 400px; --logo_height: 38px; --logo_width: 238px; --hor_res_menu_button_height: var(--logo_height); --horizontal_menu_height: 90px; --horizontal_menu_padding: calc( ( var(--horizontal_menu_height) - var(--logo_height) ) / 2); --blue_icon_size: 26px; --search_height: 30px; --aside_width: 380px; --black: #141d48; --blue: #28398d; --green: #3ca49a; --blue_opacity: #28398ddd; --blue_opacity_50: #28398d77; --green_opacity: #3ca49add; --green_opacity_50: #3ca49a77; --lightgreen: #e6f6f4; --lightgreen2: #f1fcfb; --lila: #7e8fe8; --orange: #ed7c64; --barva_link: var(--blue); --text: var(--black); --border_color: #ccc; --no_active_grey: #EEE; --form_background_color: #FFF; --form_text_color: var(--text); --form_ok_border: green; --form_error_border: red; --tlacitko_text: var(--blue); --tlacitko_text_hover: var(--green); --tlacitko_border: var(--blue); --tlacitko_border_hover: var(--green); --tlacitko_bg: transparent; --tlacitko_bg_hover: #fff; --foot_text_color: #FFF; --foot_bg_color: var(--green); --slogan_text: #FFF; --pruh_menu_bg_0: var(--blue); --pruh_menu_bg: var(--blue_opacity); --pruh_menu_bg_50: var(--blue_opacity_50); --hor_res_menu_color: var(--green); --mobile_ul_bg: var(--blue_opacity); --mobile_ul_li_bg: transparent; --table_head_bg: var(--tlacitko_bg); --table_head_text: var(--tlacitko_text); --table_text: var(--form_text_color); --table_bg1: var(--form_background_color); --table_bg2: var(--no_active_grey); --table_border: var(--border_color); --bottom_menuline_bg: #FFF; --bottom_menuline_text: var(--green); --calendar_border_dny_tyden: var(--border_color); --calendar_bg_dny_tyden: var(--table_bg1); --calendar_bg_dny_vikend: var(--table_bg2); --calendar_bg_aktualni_den: var(--tlacitko_bg); --calendar_text_aktualni_den: var(--tlacitko_text); --calendar_bg_dny_hover: var(--tlacitko_bg_hover); --calendar_text_dny_hover: var(--tlacitko_text); --calendar_bg_prehled_dnu: #333; --calendar_text_prehled_dnu: #FFF; --calendar_bg_mesic: var(--tlacitko_bg); --calendar_text_mesic: var(--tlacitko_text); --calendar_border_mesic: var(--tlacitko_border); --calendar_text_tlacitko: var(--tlacitko_text); --calendar_bg_tlacitko: var(--tlacitko_bg); --calendar_text_tlacitko_hover: var(--tlacitko_text); --calendar_bg_tlacitko_hover: var(--tlacitko_bg_hover); --calendar_text_dny_mesice: var(--text); --calendar_text_dny_mimo_mesic: var(--border_color); --calendar_bg_dny_akce: var(--tlacitko_bg_hover); --calendar_text_dny_akce: var(--tlacitko_text); --calendar_bg_pruh_akce: var(--tlacitko_bg); --calendar_bg_okno_akce: var(--table_bg1); --calendar_text_okno_akce: var(--text); --calendar_link_okno_akce: var(--blue); --calendar_link_okno_akce_hover: var(--green); --calendar_okno_akce_cas_border: var(--border_color); } html {margin: 0px;padding: 0px;width: 100%;height: 100%;} body { margin: 0px;padding: 0px;min-height: 100%; background-color: #ffffff; /*font-family: "mundial", sans-serif;*/ font-family: "filson-pro", sans-serif; color: var(--text); font-size: 1em; line-height: 1.5; } div {margin: 0;padding: 0;} .cleaner {clear: both;} .cleaner_left {clear: left;} .no_screen {display: none;} .no_print {display: block;} .center {text-align: center;} .hidden, .p_hidden {position: absolute;left: -4000px;font-size: 70%;} .p_hidden a:focus-visible, .p_hidden a:focus {left: 4000px;top: 0;z-index: 100;position: absolute;outline: 2px dotted;} div#background_element {position: absolute;top: 0px;left: 0px;padding: 0px;margin: 0px;width: 100%;height: 100%;display: none;z-index: 2000;} div#pageContent {margin: 0px;padding: 0px;position: relative;overflow: hidden;width: auto;height: auto;min-height: 100%;} div#content {position: relative;top: 0px;margin: 0px auto 0px auto;width: 100%;} img#loader {display: block;position: absolute;top: 10px;left: 50%;z-index: 100;} div.div50 {width: 50%;} div.div33 {width: 33%;} div.div50, div.div33 {box-sizing: border-box;padding: 0.5em;float: left;} div.div_part {overflow: hidden;} /* + tlacitko */ a.tlacitko {display: inline-block;padding: 0.4em 2em 0.4em; line-height: 1; font-weight: bold; text-decoration: none;border: 2px solid var(--tlacitko_border); background-color: var(--tlacitko_bg); color: var(--tlacitko_text); border-radius: 2em;transition: 0.3s;} a.tlacitko:hover, a.tlacitko.active {color: var(--tlacitko_text_hover); border-color: var(--tlacitko_border_hover); background-color: var(--tlacitko_bg_hover); } a.tlacitko.white { color: #FFF; border-color: #FFF; } a.tlacitko.white:hover, a.tlacitko.white.active { color: #000; border-color: #FFF; background-color: #FFF !important; } a.tlacitko.blue { color: var(--blue); border-color: var(--blue); } a.tlacitko.blue:hover, a.tlacitko.blue.active { color: #FFF; border-color: var(--blue); background-color: var(--blue) !important; } a.tlacitko.lila { color: var(--lila); border-color: var(--lila);} a.tlacitko.lila:hover, a.tlacitko.lila.active { color: #FFF; border-color: var(--lila); background-color: var(--lila) !important; } a.tlacitko.green { color: var(--green); border-color: var(--green);} a.tlacitko.green:hover, a.tlacitko.green.active { color: #FFF; border-color: var(--green); background-color: var(--green) !important; } a.tlacitko.orange { color: var(--orange); border-color: var(--orange);} a.tlacitko.orange:hover, a.tlacitko.orange.active { color: #FFF; border-color: var(--orange); background-color: var(--orange) !important; } /* - tlacitko */ /* + tlacitko input */ input.tlacitko.white { color: #FFF; border-color: #FFF; } input.tlacitko.white:hover { color: #000; border-color: #FFF; background-color: #FFF; } input.tlacitko.blue { color: var(--blue); border-color: var(--blue);} input.tlacitko.blue:hover { color: #FFF; border-color: var(--blue); background-color: var(--blue); } input.tlacitko.lila { color: var(--lila); border-color: var(--lila);} input.tlacitko.lila:hover { color: #FFF; border-color: var(--lila); background-color: var(--lila); } input.tlacitko.green { color: var(--green); border-color: var(--green);} input.tlacitko.green:hover { color: #FFF; border-color: var(--green); background-color: var(--green); } input.tlacitko.orange { color: var(--orange); border-color: var(--orange);} input.tlacitko.orange:hover { color: #FFF; border-color: var(--orange); background-color: var(--orange); } /* - tlacitko */ input[type=button], input[type=submit] {font-weight: bold; font-size: 100%; border: 2px solid var(--tlacitko_border); border-radius: 20px; background-color: var(--tlacitko_bg); color: var(--tlacitko_text);cursor: pointer;padding: 0.5em 2em;} input[type=button]:hover, input[type=submit]:hover {background-color: var(--tlacitko_bg_hover); color: var(--tlacitko_text_hover); border-color: var(--tlacitko_border_hover); } /* + kouzlo */ @keyframes kouzlo_zvetsit { from { opacity: 0; transform: scale(0.5);} to {opacity: 1; transform: scale(1);} } .kouzlo.zvetsit.a_off { opacity: 0; transform: scale(0.5); } .kouzlo.zvetsit.a_on { animation-name: kouzlo_zvetsit; animation-duration: 1s; } @keyframes kouzlo_prijet { from { opacity: 0; transform: translateY(100px);} to {opacity: 1; transform: translateY(0);} } .kouzlo.prijet.a_off { opacity: 0; transform: translateY(100px); } .kouzlo.prijet.a_on { animation-name: kouzlo_prijet; animation-duration: 1s; } @keyframes kouzlo_tocit { from { opacity: 0; transform: scale(0.2) rotate(180deg);} to {opacity: 1; transform: scale(1) rotate(0deg);} } .kouzlo.tocit.a_off { opacity: 0; transform: scale(0.2) rotate(180deg); } .kouzlo.tocit.a_on { animation-name: kouzlo_tocit; animation-duration: 1s; } /* - kouzlo */ #scrollToHome {position: fixed; padding: 0; right: 10px;bottom: 10px; color: var(--blue) !important; overflow: hidden;text-decoration: none;background-color: #FFF;z-index: 15;display: none; transition: 0.3s; width: 52px; height: 0px; padding-top: 52px; overflow: hidden; border: 2px solid var(--blue); border-radius: 50%; } #scrollToHome:hover { color: #FFF !important; background-color: var(--blue); } #scrollToHome::before, #scrollToHome::after { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 15px; transform: rotate(45deg); border-top: 2px solid; border-left: 2px solid; } #scrollToHome::before { top: 14px; } #scrollToHome::after { top: 27px; } div#ppb_b {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;background: rgba(0,0,0,0.8);} div#ppb_b-in {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;width: 400px;height: 400px;} a.ppb_close {display: block;position: absolute;top: 0px;right: 0;z-index: 1;background-color: #FFF;padding: 0 35px 0 5px;height: 32px;line-height: 32px; color: var(--tlacitko_text);border: 1px solid var(--tlacitko_border);text-decoration: none;font-size: 80%;} a.ppb_close:hover {background-color: var(--tlacitko_bg_hover);color: var(--tlacitko_text);} a.ppb_close::before,a.ppb_close::after {content: "";display: block;width: 23px;height: 0;border: 1px solid;right: 2px;top: 15px;position: absolute;} a.ppb_close::before { transform: rotate(45deg); } a.ppb_close::after { transform: rotate(-45deg); } div.ppb_cnt {position: relative;width: 100%;height: 100%;} img#ppb_img {margin: 0px auto;display: block;max-width: 100%; max-height: 100%;} div#ppb_no_img {background-color: #FFF;width: 100%;height: 100%;} a#ppb_link {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-decoration: none;background: url('img/blank.gif') transparent;} div#ppb_text_envelope {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow-y: auto; } div#ppb_text {position: relative;margin: 15px; padding-top: 1px;} div#ppb_mb {position: fixed;top: 20%;right: 0px;z-index: 1000;} div#ppb_mb a img {border: none;} #hor-envelope { position: relative; box-sizing: border-box; } #horizont-0 {z-index: 1;position: relative;text-align: right;padding: var(--horizontal_menu_padding) 0 0 0;box-sizing: border-box;min-height: var(--horizontal_menu_height); } #horizont-0.menuFixed {} #horizont-0-in {height: 100%;display: inline-block; vertical-align: middle; } a#hor-res-menu-button { display: none; color: var(--hor_res_menu_color); box-sizing: border-box;width: var(--hor_res_menu_button_height);height: var(--hor_res_menu_button_height);position: absolute;top: 0;right: 1rem;text-decoration: none; } a#hor-res-menu-button.clicked {position: fixed;top: 1rem;} a#hor-res-menu-button span.menu { display: none; } a#hor-res-menu-button span.top, a#hor-res-menu-button span.center, a#hor-res-menu-button span.bottom {position: absolute;right: 10%;width: 80%;border: 2px solid;box-sizing: border-box;opacity: 1;transition: 300ms;} a#hor-res-menu-button span.top { top: 15%;} a#hor-res-menu-button span.center {top: calc(50% - 2px); } a#hor-res-menu-button span.bottom { bottom: 15%; } a#hor-res-menu-button.clicked span.top { top: calc(50% - 2px); transform: rotate(45deg);} a#hor-res-menu-button.clicked span.center { opacity: 0; } a#hor-res-menu-button.clicked span.bottom { bottom: calc(50% - 2px); transform: rotate(-45deg);} ul#m0 { line-height: 1;margin: 0;padding: 0 0 0 0; } ul#m0 li ul {display: none;} ul#m0 li {list-style-type: none;padding: 0;margin: 0 1em;display: inline-block;} ul#m0 li:first-child { margin-left: 0; } ul#m0 li:last-child { margin-right: 0; } ul#m0 li a {display: block;position: relative;height: 1em;text-align: center;line-height: 1em;padding: 0; text-decoration: none !important;text-transform: none !important;font-weight: normal;} ul#m0 li a:hover,ul#m0 li a.a_Tactive {text-decoration: none !important;} /* offset */ div.offsetPart {text-align: center;padding: 0;margin: 1em 0;clear: both;width: 100%;} div.offsetPart a { position: relative; padding: 0; color: var(--blue) !important; overflow: hidden;text-decoration: none;background-color: #FFF;z-index: 15; transition: 0.3s; width: 52px; height: 0px; padding-top: 52px; overflow: hidden; border: 2px solid var(--blue) !important; border-radius: 50%; } div.offsetPart a:hover { color: #FFF !important; background-color: var(--blue); } div.offsetPart a::before, div.offsetPart a::after { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 15px; transform: rotate(-135deg); border-top: 2px solid; border-left: 2px solid; } div.offsetPart a::before { top: 3px; } div.offsetPart a::after { top: 16px; } div.offsetPart a.loading {border-radius: 50%;opacity: 0.5;} div.offsetPart span {background-color: var(--no_active_grey);} /* cookies */ #cs_bx_envl {display: flex;background: rgba(0,0,0,0.4);z-index: 900;position: fixed;top: 0;left: 0;width: 100%;height: 100%;} #cs_bx {background-color: #FFF;color: #000;border-top: 1px solid #888;padding: 30px 30px 0;box-sizing: border-box;margin: auto; position: relative;text-align: center;box-shadow: 0px 0px 20px #000;} #cs_bx p {padding: 0;} #cs_bx a#cs_l {color: blue;} #cs_bx a#cs_bu_y,#cs_bx a#cs_bu_n,#cs_bx a#cs_bu_close {background-color: #eee;border: 1px solid #777;color: #000;margin: 0; text-decoration: none;white-space: nowrap;display: inline-block;} #cs_bx a#cs_bu_close {position: absolute;top: -1px;right: -1px;margin: 0;line-height: 19px;padding: 4px 8px;} #cs_bx a#cs_bu_y,#cs_bx a#cs_bu_n {display: inline-block;width: 45%;line-height: 3em;} /* cookies 2*/ #cs2_bx_envl, #cs2_tms {z-index: 900;position: fixed;bottom: 10px;left: 10px; } #cs2_bx_envl { border-radius: 3px; background: #FFF; box-shadow: 0 0 20px #000; padding: 20px 1rem 1rem; width: 640px; max-width: calc(100% - 20px); max-height: calc(100% - 10px); overflow-y: auto; box-sizing: border-box;} #cs2_tms { color: transparent; border-radius: 50%; overflow: hidden; background: url('img/pernicek.png') no-repeat center var(--green); width:56px; height: 56px; } #cs2_tms:hover { color: transparent; background-color: var(--blue); } .cs2_v { display: block; transition: 0.3s; } .cs2_iv { display: none !important; transition: 0.3s; } .cs2_d.cs2_v, .cs2_tps_a.cs2_v { display: block !important; max-height: 1000px; overflow-y: hidden; } .cs2_d.cs2_iv, .cs2_tps_a.cs2_iv { display: block !important; max-height: 0; overflow: hidden; } #cs2_bx_envl h3 { margin: 0; padding: 0;} #cs2_bx_envl p.cs2_ds { margin: 0; padding: 0.3rem 0 0 0; } #cs2_bx_envl > a {} #cs2_bx_envl div.cs2_g_a { margin: 0 0 8px 0; padding-bottom: 8px; border-bottom: 1px solid var(--border_color); position: relative; } #cs2_bx_envl div.cs2_g_a span.cs2_n { display: block; padding: 5px 40px 5px 20px; font-weight: bold; } #cs2_bx_envl div.cs2_tps_a { border-left: 1px dotted var(--green); margin-left: 8px; } #cs2_bx_envl div.cs2_tp_a { border-bottom: 1px solid var(--border_color); position: relative; margin-bottom: 8px; padding-bottom: 8px; } #cs2_bx_envl div.cs2_tp_a:first-child { margin-top: 1rem; } #cs2_bx_envl div.cs2_tps_a div.cs2_tp_a { border-bottom: 1px dotted var(--green); margin-bottom: 5px; padding-bottom: 5px; } #cs2_bx_envl div.cs2_tps_a div.cs2_tp_a:first-child { margin-top: 0; } #cs2_bx_envl div.cs2_tps_a div.cs2_tp_a:last-child { margin-bottom: 0; border-bottom: none; } .cs2_n { font-weight: bold; padding: 5px 40px 5px 20px; display: block; } #cs2_bx_envl div.cs2_tps_a span.cs2_n { font-style: normal; background-color: transparent; padding: 5px 0px 5px 10px; } .cs2_d { font-style: italic; font-size: 90%; line-height: 1.3; padding: 0 5px 0px 20px; display: block;} .cs2_d .cs2_d { font-size: 100%; } .cs2_d > span { display: block; } .cs2_de { display: block; text-decoration: none; font-size: 0; position: absolute; top: 10px; left: 0;} .cs2_de.cs2_down::after,.cs2_de.cs2_up::after { background-color: var(--blue); color: #FFF; font-size: 16px; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; text-decoration: none; font-weight: bold; } .cs2_de.cs2_up::after { content: "-"; } .cs2_de.cs2_down::after { content: "+"; } .cs2_d .cs2_de {position: relative; top: 0; margin-top: 5px; font-size: 100%;font-style: normal; padding-left: 20px; height: 20px; line-height: 20px; color: var(--green); display: inline-block;} .cs2_d .cs2_de::after { position: absolute; top: 2px; left: 0; background-color: var(--green); } div.cs2_ba { margin-top: 1rem; text-align: center; } .cs2_save_selected { text-align: center; margin: 2rem 0; } #cs_bu_close { text-decoration: none; position: absolute; top: 0; right: 10px; line-height: 20px; height: 20px; width: 20px; text-align: center; border-radius: 1px; border: 1px solid var(--blue); background-color: var(--blue); color: #FFF; } span.cs2_ca { display: block; position: absolute; top: 7px; right: 10px; width: 40px; text-align: center; } span.cs2_ca input[type="checkbox"] { position: relative; margin: 0; width: 40px; height: 20px; background-color: var(--no_active_grey); border: none; border-radius: 20px; } span.cs2_ca input[type="checkbox"]::after { content: ""; border: none; display: block; position: absolute; width: 16px; height: 16px; border-radius: 16px; background: var(--border_color); left: 2px; top: 2px; transition: 0.3s;} span.cs2_ca input[type="checkbox"]:checked { background-color: var(--blue); } span.cs2_ca input[type="checkbox"]:checked::after { left: 22px; background: #FFF;} span.cs2_ca input[type="checkbox"]:disabled { opacity: 0.5;} /* loginform */ span#login_form_icon { position: absolute;top: -16px;left: -15px;display: block;width: 32px;height: 32px;background-image: url('./img/encrypted.png');} img#login_form_icon {position: absolute;top: -16px;left: -15px;} div#login_form_message {margin: 3em auto;padding: 0 1em;text-align: center;} div#login_form_envelope {max-width: 22em;margin: 3em auto;padding: 1em;width: auto;position: relative; border: 1px solid #b90000;background-color: #902b2b;color: #ffffff;text-align: right;} #login_form label {padding: 0 1em 0 0;} input#user_login, input#user_password {height: 2em;line-height: 2em;margin: 0 0 1em 0;padding: 0 0.5em;width: 10em;} #user_persistent, label.login_form_label { vertical-align: middle; } #login_form input.input_button { background-color: #FFF;} /* + foto slideshow */ div.ssPhotos_element {width: 100%;overflow: hidden;position: relative;} div.ssPhotos_envelope { position: absolute;width: 100%;height: 100%;top: 0;left: 0;} div.ssPhotos_element.ss16_9 { padding-top: 56.25%; } div.ssPhotos_element.ss3_1 { padding-top: 33.3%;} section.in_article div.ssPhotos_envelope img {position: absolute;top: 0;left: 0;right: 0;margin: auto;height: 100% !important;max-width: none !important;} .to_infinity .part33.noBorders .in_article_photoslideshow,.to_infinity .part50.noBorders .in_article_photoslideshow {position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .to_infinity .part33.noBorders .in_article_photoslideshow div.ssPhotos_element,.to_infinity .part50.noBorders .in_article_photoslideshow div.ssPhotos_element {min-width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .to_infinity .part33.noBorders .in_article_photoslideshow div.ssPhotos_element div.ssPhotos_envelope img,.to_infinity .part50.noBorders .in_article_photoslideshow div.ssPhotos_element div.ssPhotos_envelope img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin: auto;min-height: 100%;min-width: 100%;max-width: none;} /* - foto slideshow */ /* + layout pro articlemulti*/ .slideshow_envelope {min-width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .slideshow_envelope img { width: 100%; filter: invert(100%); } article.main_article,article.articleContent {} .main_article > h1 {max-width: var(--sirka);margin-left: auto;margin-right: auto;} section.in_article {margin: 0;padding: 0;background-repeat: no-repeat;background-position: center;background-size: cover;} section.in_article img, div.main_event_content_data img {max-width: 100%;height: auto !important;} .parts_envelope {display: flex;flex-wrap: wrap;box-sizing: border-box; } .parts_envelope.to_infinity { width: 100% } .parts_envelope.sized {max-width: var(--sirka);margin: 0 auto;width: 100% !important; /* možná zbytečné */} .part33, .part40, .part50, .part60, .part100 { overflow: hidden; position: relative; box-sizing: border-box; min-height: 150px; } .part33 { width: 33.33%; } .part40 { width: 40%; } .part50 { width: 50%; max-width: 50%; } .part60 { width: 60%; } .part100 { width: 100%; } .editPerex { width: 100%; max-width: var(--sirka); margin-left: auto; margin-right: auto; box-sizing: border-box; } .to_infinity .part33.noBorders, .to_infinity .part50.noBorders { margin: 0; } .parts50.to_infinity.left div.part50.p_2 { width: calc(var(--sirka)/2); } .parts50.to_infinity.right div.part50.p_1 { width: calc(var(--sirka)/2); margin-left: auto; } .part33 div.lightDark,.part40 div.lightDark,.part50 div.lightDark,.part60 div.lightDark{ margin: var(--small); } .part33.p_1 div.lightDark, .part50.p_1 div.lightDark, .parts60 div.p_1 div.lightDark { margin-left: 0; } .part33.p_3 div.lightDark, .part50.p_2 div.lightDark, .parts60 div.p_2 div.lightDark { margin-right: 0; } .part100 div.lightDark { margin: var(--small) 0; } .to_infinity .part100 div.lightDark { margin: 0; } div.lightDark.backgroundLight, div.lightDark.backgroundDark { padding: 5px var(--odsazeni_i); } div.lightDark.backgroundLight { background: rgba(255,255,255,0.5);} div.lightDark.backgroundDark { background: rgba(0,0,0,0.5);} .in_article_youtube.animace {position: absolute;background-color: #000;top: 0;left: 0;right: 0;bottom: 0;} .part100 .in_article_youtube.animace {position: relative;height: var(--yt_animace_height);} .in_article_youtube.animace iframe {min-width: 120%;min-height: 100%;aspect-ratio: 16/9;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .in_article_youtube.animace::after {content: "";background-color: #000;opacity: 0.01;display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;} .in_article_youtube.small { width: 50%; } .in_article_youtube.medium { width: 75%; } .in_article_youtube.big { width: 100%; } .in_article_youtube.small, .in_article_youtube.medium, .in_article_youtube.big { aspect-ratio: 16/9; margin: 0 auto; } .in_article_youtube.small iframe, .in_article_youtube.medium iframe, .in_article_youtube.big iframe { height: 100%; width: 100%; display: block; } .lightDark .in_article_map iframe { width: 100% !important; min-height: 300px !important; height: 100% !important; position: absolute; border: none; box-sizing: border-box; top: 0; left: 0; right: 0; bottom: 0; } /* + downloads */ .part100 ul.in_article_download li, ul.in_article_download.part_100 li { width: 50%;} .part50 ul.in_article_download li, .part60 ul.in_article_download li, .part33 ul.in_article_download li, .part40 ul.in_article_download li { width: 100%;} ul.in_article_download li { margin: 0 0 1em 0; } ul.in_article_download li a { display: inline-block; padding-left: 80px; padding-top: 20px; min-height: 80px; max-width: 100%; box-sizing: border-box; } ul.in_article_download li span.name_envl { line-height: 1.3; } ul.in_article_download li span.name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: inline-block; vertical-align: middle;} /* - downloads */ /* + fotogalerie */ .in_article_photogalery a, .photosArea a { margin: 0.5%; } .part100 .in_article_photogalery a { width: 24%; } .part100 .in_article_photogalery .photogallery_vertical a { width: 19%; } .part50 .in_article_photogalery a { width: 32.3%; } .part50 .in_article_photogalery .photogallery_vertical a { width: 24%; } .part60 .in_article_photogalery a { width: 32.3%; } .part60 .in_article_photogalery .photogallery_vertical a { width: 24%; } .part33 .in_article_photogalery a { width: 32.3%; } .part33 .in_article_photogalery .photogallery_vertical a { width: 32.3%; } .part40 .in_article_photogalery a { width: 32.3%; } .part40 .in_article_photogalery .photogallery_vertical a { width: 32.3%; } /* - fotogalerie */ /* + subcategory */ .part50 div.subcategory-envelope, .part60 div.subcategory-envelope { width: 33.3%; } .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 50%; } /* - subcategory */ /* + speciál pro subpage */ .subpage .part100 div.lightDark.backgroundLight, .subpage .part100 div.lightDark.backgroundDark { margin-left: var(--small); margin-right: var(--small); } .subpage .parts50.to_infinity.left div.part50:last-child, .subpage .parts50.to_infinity.right div.part50:first-child { width: 50%; } /* - speciál pro subpage */ /* - layout pro articlemulti*/ a {text-decoration: underline;} a:hover {text-decoration: none;} h1 { font-size: 300%; color: var(--blue); } h2 { font-size: 150%; color: var(--black);} h3 { font-size: 130%; color: var(--black);} h1.title, h1.title_like { text-transform: uppercase; } h1.title.sub { width: 100%; text-align: center; text-transform: none; } h1, h2, h3 { margin: var(--small) 0; } .subpage h1.title { font-size: 200%; } div#top_area_path_part {font-size: 14px;height: 2em; ;color: var(--barva_link); position: relative; top: -50px; z-index: 1; } div#top_area_path_part a {text-decoration: none;color: var(--barva_link);} div#top_area_path_part a:hover {text-decoration: underline;} /* + downloads */ ul.in_article_download {display: flex;flex-wrap: wrap;padding: 0;margin: 0;} ul.in_article_download li {list-style-type: none;padding: 0 1rem 0 0;box-sizing: border-box;} ul.in_article_download li a {position: relative;text-decoration: none;} a.download_link_type::before {content: "";background-image: url('../img/download/download.png');background-repeat: no-repeat;background-position: left center;height: 80px;width: 66px;display: block;position: absolute;left: 0;top: 0;filter: grayscale(100%) brightness(28%);margin-right: 0.5em;vertical-align: middle;} a.download_link_type.file-video_mp4::before,a.download_link_type.file-video_mpeg::before,a.download_link_type.file-video_x-msvideo::before{ background-image: url('../img/download/download_video.png'); } a.download_link_type.file-audio_mpeg::before,a.download_link_type.file-audio_wav::before{ background-image: url('../img/download/download_audio.png'); } a.download_link_type.file-text_plain::before,a.download_link_type.file-application_msword::before,a.download_link_type.file-application_vnd-openxmlformats-officedocument-wordprocessingml-document::before { background-image: url('../img/download/download_txt.png'); } a.download_link_type.file-application_pdf::before { background-image: url('../img/download/download_pdf.png'); } a.download_link_type.file-application_vnd-ms-excel::before, a.download_link_type.file-application_vnd-openxmlformats-officedocument-spreadsheetml-sheet::before { background-image: url('../img/download/download_excel.png'); } a.download_link_type.file-application_x-zip-compressed::before,a.download_link_type.file-application_gzip::before { background-image: url('../img/download/download_zip.png'); } a.download_link_type.file-application_vnd-ms-powerpoint::before, a.download_link_type.file-application_vnd-openxmlformats-officedocument-presentationml-presentation::before { background-image: url('../img/download/download_powerpoint.png'); } a.download_link_type.file-image_jpeg::before,a.download_link_type.file-image_png::before,a.download_link_type.file-image_gif::before{ background-image: url('../img/download/download_image.png'); } ul.in_article_download li a:hover::before { } ul.in_article_download li a:hover span.name { text-decoration: none; } ul.in_article_download li span.aligning {vertical-align: middle;display: inline-block;} ul.in_article_download li span.desc {font-style: italic;display: block;text-decoration: none;color: var(--text);} ul.in_article_download li span.play {display: block;margin-top: -30px;margin-left: 80px;position: relative; } ul.in_article_download li span.name { text-decoration: underline; } ul.in_article_download li span.play audio {max-width: 150px;max-height: 30px;border-radius: 15px;} ul.in_article_download li a i {font-size: 80%;white-space: nowrap;text-decoration: none;} /* - downloads */ .site_sized { max-width: var(--sirka); margin-left: auto; margin-right: auto; } #content-1 > .site_sized:first-child { margin: 0 auto; } #hor-envelope a { color: var(--green); } #hor-envelope a:hover { color: var(--blue); } #page_logo { margin: -7px 0 0 0; padding: 0; width: var(--logo_width); height: var(--logo_height); background: #FFF; position: relative; overflow: hidden; float: left; } /*#page_logo a { display: block; margin: 0; padding: var(--logo_height) 0 0 0; background: url('img/logo_trebonsko.png') no-repeat left top; }*/ #page_logo a { display: block; margin: 0; padding: var(--logo_height) 0 0 0; background: url('img/logo_trebonsko.svg') no-repeat left top; } ul.social_icons { margin: 0; padding: 0; } ul.social_icons li { display: inline-block; vertical-align: middle; } a.social_icon { display: block; padding: 100% 0 0 0; height: 0; overflow: hidden; background-repeat: no-repeat; background-position: center; } .top a.social_icon { width: 19px; } .top a.social_icon.fb { background-image: url('img/icon_facebook.png'); } .top a.social_icon.ig { background-image: url('img/icon_instagram.png'); } ul.social_icons.top { display: inline-block; vertical-align: middle; line-height: 1; margin-left: var(--small);} ul.social_icons_svg { margin: 0; padding: 0; } ul.social_icons_svg.top { display: inline-block; vertical-align: middle; line-height: 1; margin-left: var(--small);} ul.social_icons_svg li { display: inline-block; vertical-align: middle;} ul.social_icons_svg li:last-child { margin-left: 0.5rem; } a.social_icon_svg { display: block; overflow: hidden; background-repeat: no-repeat; background-position: center; } .top a.social_icon_svg { width: 19px; } .top a.social_icon_svg svg { width: 100%; height: auto; } .top a.social_icon_svg svg path {stroke: currentColor; fill: currentColor ; } #search_area { width: 20px; height: var(--search_height); position: relative; display: inline-block; vertical-align: middle; margin-left: var(--small); } #lupa_button { display: block; width: 19px; height: 19px; overflow: hidden; position: relative; z-index: 1; top: 6px; background: #FFF; } .svg_lupa { width: 100%; } .svg_lupa path { stroke: currentColor; fill: currentColor; } #search_form { position: absolute; top:0px; right: -10px; height: var(--search_height); overflow: hidden; width: 0px; padding: 0 0px 0 0; } #search_area.expanded #search_form { width: 200px; } #search_area.expanded #lupa_button { display: none; } #search_area.closed #search_form { width: 0px; } #search_area.closed #lupa_button { display: block; } #search_area.closed #search_box { opacity: 0; } #search_box { margin: 0; width: 100%; height: var(--search_height); line-height: var(--search_height); padding: 0 35px 0 10px; box-sizing: border-box; font-size: 80%; opacity: 0; transition: opacity 0.5s; border-radius: 20px; font-family: "mundial", sans-serif; } #search_box:focus { outline: none; } #search_area.expanded #search_box { opacity: 1; } #search_btn { /*display: none;*/ font-size: 0; width: 20px; height: 20px; position: absolute; right: 10px; top: 5px; background: url('img/icon_search.svg') no-repeat center #FFF; background-size: 19px; border: none; border-radius: 0; } #search_area.expanded #search_btn { display: block; } #search_btn:focus { background-color: var(--green); outline: none; } #head_envelope { box-sizing: border-box; width: 100%; position: relative; min-height: 580px; } #head_envelope.homepage { min-height: 700px; } #banhead { height: 100%; width: 100%; position: absolute; top: 0; background-color: #ffffff; clear: both; } #head_slogan { position: absolute; bottom: 150px; left: 0; right: 0; top: 15px; z-index: 1; } #head_slogan h1 { margin: 0 0 0.5em 0; font-weight: bold; color: #FFF; line-height: 1; font-size: 700%; } #head_slogan .site_sized { margin: 0 auto; position: relative; top: 45%; transform: translateY(-50%); } .subpage #head_slogan h1 { font-size: 400%; } .subpage #head_slogan .site_sized { top: 3.5rem; transform: none; } .head_homepage_links { padding: 0; margin: 0; } .head_homepage_links li { padding: 0; margin: 0; display: inline-block; font-size: 120%; margin: 0 0.5em; } svg.vlna_head { width: calc(100% + 2px); min-width: 1920px; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); } #content-1 { margin-top: -150px; position: relative; } .submenuArea { display: flex; flex-wrap: wrap; justify-content: center; /*overflow: hidden;*/ margin-top: var(--small); margin-bottom: var(--small); } div.subcategory-envelope { box-sizing: border-box; width: 340px; padding-bottom: 70px; } div.subcategory-envelope:nth-of-type(4n+1) { width: 300px;} div.subcategory-envelope:nth-of-type(4n) { width: 300px;} div.subcategory { height: 100%; width: 250px; margin: 0 auto; position: relative; border-radius: 50px; border-width: 3px; border-style: solid; box-sizing: border-box; padding: 40px 0; overflow: hidden; text-align: center; background-color: #FFF; color: var(--blue); transition: 0.5s; } div.subcategory-envelope:nth-of-type(4n+1) div.subcategory {margin-left: 0;} div.subcategory-envelope:nth-of-type(4n) div.subcategory { margin-right: 0;} div.subcategory:hover { color: var(--orange); transform: translateY(-2rem);} div.subcategory:hover h2 { color: var(--orange); } div.subcategory h2 { padding: 0; line-height: 1; margin: 0; color: var(--blue); font-size: 125%; transition: 0.5s; } div.subcategory .description { height: auto; line-height: 1; margin-bottom: 1em; padding: 0; margin: 10px 0 0; } div.subcategory a.tlacitko { position: absolute;font-size: 0;width: 100%;height: 100%;top: 0;left: 0;transform: none;background: none;border:none; } div.subcategory img { max-width: 90%; width: 130px; margin-bottom: 0; transform: scale(0.9); transition: 0.5s; } div.subcategory:hover img { filter: hue-rotate(130deg) brightness(250%) contrast(80%); transform: scale(1); } /*vypisy*/ .categories_envelope.list, #categories_envelope.list { display: flex; flex-wrap: wrap; margin-bottom: var(--big); margin-top: var(--small); } div.article-preview-envelope { width: calc(25% - (2 * var(--small_r))); margin: 2rem var(--small_r) var(--small_r); padding: 0; box-sizing: border-box; } div.article-preview-envelope.top_action {} div.article-preview { height: 100%; box-sizing: border-box; position: relative; padding-bottom: 1px; border-radius: 0 0 50px 0; box-shadow: 4px 4px 10px #999; transition: 0.5s; } div.img-article-preview { padding: 0; box-sizing: border-box; /*overflow: hidden;*/ border-radius: 0 0 50px 0; position: relative; min-height: 16px; } span.prio1 { display: block; font-weight: bold; height: 14px; line-height: 14px; font-size: 14px; border-radius: 0 0 32px 0; background-color: var(--orange); color: #FFF; padding: 5px 20px 5px 10px; } span.prio1::after { content: "TIP"; } div.img-article-preview span.prio1 { position: absolute; top: 15px; left: -5px; } div.img-article-preview img { border: none; width: 100%; display: block; } div.text-article-preview { padding: 1px 1rem 0; box-sizing: border-box; } div.text-article-preview h2 { margin: 0.5rem 0; line-height: 1.2;} div.text-article-preview p { margin: 0 0 1rem 0; line-height: 1.2;} div.text-article-preview a.tlacitko { position: absolute; bottom: 0; left: 0; top: 0; right: 0; background-color: transparent; border-radius: unset; font-size: 0; border: none; } div.article-preview:hover { transform: translateY(-1.5rem); } #home_localite_map { background-color: var(--lightgreen); padding: var(--big) 0; position: relative; } svg.vlna_map { width: calc(100% + 2px); min-width: 1920px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } #home_localite_map .site_sized { position: relative; box-sizing: border-box; margin-left: auto; margin-right: auto; } #home_localite_map .site_sized::after { content: ""; clear: both; } #home_localite_map h1.title_like { margin-top: 0; float: left; max-width: 66%; padding-right: var(--small); } #localite_text_area { box-sizing: border-box; width: 66%; padding-right: var(--small); float: left; } .localite_text_data img { max-width: 50%; display: block; margin: 0 auto; } #localite_map_area { aspect-ratio: 543/1054; background: url('img/mapka_trebonsko_c.png') no-repeat; background-size: contain; position: relative; max-width: 543px; width: 34%; float: right; } .mappoint { display: block; aspect-ratio: 1; border-radius: 50%; background-color: transparent; width: 20px; position: absolute; cursor: pointer; border: 3px solid var(--blue); } .mappoint:hover, .mappoint.selected {background-color: var(--orange);} .mappoint.big { width: 10.3%; } .mappoint.medium { width: 7.9%; } .mappoint.small { width: 4.7%; } .mappoint.point_1 { top: 0%; left: 20.7%; } .mappoint.point_2 { top: 10.8%; left: 21.4%; } .mappoint.point_3 { top: 29.6%; right: 22.8%; } .mappoint.point_4 { top: 40.4%; left: 21.4%; } .mappoint.point_5 { top: 50.9%; right: 9.3%; } .mappoint.point_6 { top: 54.4%; right: 13.9%; } .mappoint.point_7 { top: 69.6%; left: 43.8%; } .mappoint.point_8 { bottom: 1.9%; right: 16.1%; } .mappoint span { position: absolute; top: 100%; padding: 0.3rem 0 0; color: var(--blue); left: 50%; transform: translateX(-50%); text-align: center; line-height: 1; font-size: 85%; } #homepage_mappoint_1 span {width: 9em; } #homepage_mappoint_3 span { top: -2px; left: initial; right: 100%; padding: 0 0.5rem 0 0; transform: none; text-align: right; } #homepage_mappoint_5 span { top: initial; bottom: 100%; padding: 0 0 0.5rem; } #homepage_mappoint_6 span {width: 9em; transform: translateX(-73%); } #homepage_mappoint_7 span {width: 11em; transform: translateX(-30%); } #homepage_mappoint_8 span {width: 8em; } a.location_map_arrow { display: block; width: 27px; aspect-ratio: 57 / 213; position: absolute; top: 40%;} a.location_map_arrow.left { left: -100px; transform: rotate(180deg); } a.location_map_arrow.right { right: -100px; } a.location_map_arrow::before, a.location_map_arrow::after { content: ""; display: block; position: absolute; border-right: 3px solid; width: 0; height: 55%; left: 40%;} a.location_map_arrow::before { bottom: 46.5%; transform: rotate(-27deg);} a.location_map_arrow::after { top: 47%; transform: rotate(27deg); } div#localite_text_data { position: relative;} div.localite_text_data { position: absolute; top: 0; left: 0; transition: opacity 0.5s; } div.localite_text_data.act { opacity: 1; } div.localite_text_data.inv { opacity: 0; } div#bNews, div#advb-in { margin-top: var(--small); margin-bottom: var(--0); } #advb-envelope { text-align: center; } div#advb-in { text-align: center; overflow: hidden; } div#advb-in span.lnk_evl { vertical-align: middle; display: inline-block; margin: 4.5%; width: 11%; } div#advb-in a, div#advb-in span.link_like { display: inline-block; } div#advb-in a img, div#advb-in span.link_like img { border: none; width: 100%; max-width: 200px; height: auto; max-height: 200px; } footer { background: var(--lightgreen2); } #foot { text-align: center; background-color: var(--foot_bg_color);color: var(--foot_text_color); padding: 0 60px; } #foot a {color: var(--foot_text_color);} #foot-content { display: flex; justify-content: space-between; font-size: 80%;} #foot-content p:first-child { padding-right: 10px; } #foot-content p:last-child { padding-left: 10px; } footer a, #foot a { text-decoration: none; } footer a:hover, #foot a:hover { text-decoration: underline; } #filter_area { padding: 0 !important; } #filter_area a.tlacitko { vertical-align: middle;margin: 0.5rem 0.4rem; background-color: #FFF; font-weight: normal;} .date_input_style { border: 2px solid var(--lila); display: inline-block; border-radius: 2em; margin: 0; position: relative; width: 5em; overflow: hidden; transition: 0.3s; vertical-align: middle; margin: 0.2em; } .date_input_style:hover { background-color: var(--lila); } .date_input_style input[type="date"] { outline: none; border: none; color: #FFF; background-color: var(--lila); padding: 0.5em 2em; line-height: 1; font-weight: bold; font-family: "mundial", sans-serif; font-size: 1em; border-radius:2em; box-sizing: border-box; vertical-align: middle; width: 0; transition: 0.3s; position: absolute; left: 0; top: 0; z-index: 0; } .date_input_style label.tlacitko { display: block; padding: 0.4em 2em; line-height: 1; font-weight: normal; text-decoration: none; border: none; background-color: #FFF; color: var(--lila); border-radius: 2em; transition: 0.3s; vertical-align: middle; position: relative; z-index: 1; } .date_input_style.active label.tlacitko, .date_input_style label.tlacitko:hover { background-color: var(--lila); color: #FFF; } .date_input_style.active { width: 11em; background-color: var(--lila); } .date_input_style.active input[type="date"] { width: 11em; padding: 0.5em 1em; z-index: 2;} .date_input_style.test input[type="date"] {border: none;} #filter_search_form { display: inline-block; vertical-align: middle; position: relative; margin: 0.2em 0.2em 0.2em 2em; width: 200px; color: var(--green); font-family: "mundial", sans-serif; } #filter_search_box { font-family: "filson-pro", sans-serif; color: currentColor; outline: none; border: 2px solid currentColor; border-radius: 20px; font-size: 1rem; padding: 0.2rem 3rem 0.2rem 1rem; width: 100%;} #filter_search_box::placeholder { color: currentColor; opacity: 0.5; } #filter_search_button {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 0; width: 1.2rem; height: 1.2rem; border-radius: 20px; color: currentColor; } #filter_search_form.active {} #filter_search_form.active #filter_search_box { border-color: var(--green); background-color: var(--green); color: #FFF; padding-right: 4rem;} #filter_search_form.active #filter_search_button { color: #FFF;} #filter_search_form #filter_clear_button { color: #FFF; text-decoration: none; position: absolute; right: 45px; top: 5px; } #filter_search_box::-webkit-search-cancel-button, #filter_search_box::-webkit-search-decoration, #filter_search_box::-webkit-search-results-button, #filter_search_box::-webkit-search-results-decoration { filter: grayscale(100%) brightness(1000%); } #newsletter-envelope .site_sized { display: flex; flex-wrap: wrap; justify-content: center;align-items: center; } #newsletter-envelope .site_sized h2 { width: 100%; } #newsletter-envelope .site_sized p { margin-right: 1em; } /* + formuláře */ .webbase_form label {font-family: "filson-pro", sans-serif !important;} .webbase_form .highlight {font-weight: bold;} .webbase_form div.input_element_calendar_div {left: 105px;} input[type=search], input[type=text], input[type=email],input[type=password], textarea {font-size: 1em;box-sizing: border-box; border-radius: 2em;padding: 0.5em 1em;} input[type=checkbox] {appearance: none;width: 1.5em;height: 1.5em;position: relative;} input[type=checkbox]:checked {} input[type=checkbox]:checked::after {content: "";display: block;width: 60%;height: 30%;transform: rotate(-45deg);position: absolute;top: 15%;left: 12%;} .photosElementEnvelope input[type=text],.photosElementEnvelope input[type=password].downloadElementEnvelope input[type=text],.downloadElementEnvelope input[type=password] { margin-left: 1em; } .photosElementEnvelope input, .downloadElementEnvelope input { vertical-align: middle; } input[type=text], input[type=search], input[type=email], input[type=date], input[type=password], input[type=checkbox], textarea,.webbase_form select, input#newsletter-mail {border: 1px solid var(--border_color);color: var(--form_text_color);background-color: var(--form_background_color);} input[type=checkbox].form_error { border-color: var(--form_error_border); } input[type=checkbox]:checked {background-color: var(--tlacitko_bg);} input[type=checkbox]:checked::after {border-bottom: 3px solid var(--tlacitko_text); border-left: 3px solid var(--tlacitko_text);} /* - formuláře */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance:none; appearance: none; } div.blue_event_detail { padding: 2rem; border: 2px solid var(--blue); border-radius: 50px; margin: 0 0 var(--small) 0; color: var(--blue); background-color: #FFF; } .blue_event_detail ul { padding: 0; margin: 0; } .blue_event_detail li {display: block; margin-bottom: 2rem; color: var(--blue); position: relative; padding-left: 70px; } .blue_event_detail li:last-child { margin-bottom: 0; } .blue_event_detail li.adrs { min-height: 50px; } .blue_event_detail li.time {} .blue_event_detail li.elevation {} .blue_event_detail li.www {} .blue_event_detail li.ZpusobDopravy { padding-left: 0; } .blue_event_detail li.surface { line-height: 1.2; } .blue_event_detail li.surface span { margin-right: 0.3em; display: inline-block; white-space: nowrap; } .blue_event_detail li.surface span.icon { margin-right: 0; } .blue_event_detail li.surface span::after { content: ","; } .blue_event_detail li.surface span.icon::after, .blue_event_detail li.surface span:last-child::after { content: ""; } .blue_event_detail span.icon { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 46px; height: var(--blue_icon_size); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .blue_event_detail span.icon.time, div.text-article-preview p.lbl span.vy_cas { background-image: url('img/event_detail_icon_cas.svg');} .blue_event_detail span.icon.distance, div.text-article-preview p.lbl span.vy_vzd { background-image: url('img/event_detail_icon_vzdalenost.svg'); } .blue_event_detail span.icon.elevation { background-image: url('img/event_detail_icon_prevyseni.svg'); background-size: 38px; } .blue_event_detail span.icon.surface { background-image: url('img/event_detail_icon_povrch_1.png'); } .blue_event_detail span.icon.date { background-image: url('img/event_detail_icon_datum.svg'); } .blue_event_detail li.date { font-weight: bold; font-size: 200%; } .blue_event_detail li.date span { white-space: nowrap; } .blue_event_detail li.date span.year { font-size: 60%; vertical-align: top; } .blue_event_detail span.icon.www { background-image: url('img/event_detail_icon_link.svg'); } .blue_event_detail span.icon.adrs { background-image: url('img/event_detail_icon_pozice.svg'); top: 0; transform: translateY(0); } .blue_event_detail span.icon.phone { background-image: url('img/event_detail_icon_phone.svg'); } .blue_event_detail span.icon.mail { background-image: url('img/event_detail_icon_email.svg'); background-size: var(--blue_icon_size); } .blue_event_detail h3 { margin: 0; position: relative; } .blue_event_detail span.addrPart1,.blue_event_detail span.addrPart2,.blue_event_detail span.addrPart3 { display: block; } .blue_event_detail span.addrPart1 { font-weight: bold;} .blue_event_detail span.addrPart1.sin { padding-top: 13px;} .blue_event_detail span.addrPart3 { font-size: 85%;} .blue_event_detail .dateDiv { margin: 0 -0.2em; } .blue_event_detail .dateDiv.dateTp2 { margin: 0 0em 0 -0.7em; } .blue_event_detail .dateFrom span,.blue_event_detail .dateTo span { font-size: 60%; vertical-align: top; } .blue_event_detail .dateTo.dateTp1 span { margin-left: -0.7rem; } .blue_event_detail .dateFrom.dateTp2 span,.blue_event_detail .dateTo.dateTp2 span { margin-left: -0.7rem; } .blue_event_detail .dateFrom span.inv { display: none; } .blue_event_detail .dateFrom.dateTp1, .blue_event_detail .dateDiv.dateTp1, .blue_event_detail .dateTo.dateTp1 { font-size: 90%; } .blue_event_detail .dateFrom.dateTp2, .blue_event_detail .dateDiv.dateTp2, .blue_event_detail .dateTo.dateTp2 { font-size: 84%; } #label_filter_area2 a.tlacitko.lila { padding-left: 1em; padding-bottom: 0.3em; } #label_filter_area2 a#filter_label_d_0.tlacitko.lila { padding-left: 2em; } #label_filter_area2 a.tlacitko.lila::before { transition: 0.3s; content: ""; display: inline-block; margin-right: 5px; width: 16px; height: 16px; vertical-align: middle; background-repeat: no-repeat; background-size: contain; background-position: center;filter: hue-rotate(7deg) brightness(2.4);} #label_filter_area2 a.tlacitko.lila:hover::before, #label_filter_area2 a.tlacitko.lila.active::before {filter: hue-rotate(7deg) brightness(10);} #label_filter_area2 a#filter_label_d_0.tlacitko.lila::before { display: none; } div.text-article-preview p.lbl { margin-bottom: 0.2rem; } div.text-article-preview p.lbl span { display: inline-block; line-height: 16px; height: 16px; vertical-align: middle; margin-right: 12px; padding-left: 16px; background-repeat: no-repeat; background-position: left center;} /* obtížnost */ li.difficulty span.icon { background-size: 34px;} div.text-article-preview p.lbl span.vy_obt { padding-left: 38px; } div.text-article-preview p.lbl span.obt_0 { background-image: url('img/event_detail_icon_obtiznost_0.svg'); display: none;} div.text-article-preview p.lbl span.obt_1, .blue_event_detail span.icon.level_1 { background-image: url('img/event_detail_icon_obtiznost_1.svg'); } div.text-article-preview p.lbl span.obt_2, .blue_event_detail span.icon.level_2 { background-image: url('img/event_detail_icon_obtiznost_2.svg'); } div.text-article-preview p.lbl span.obt_3, .blue_event_detail span.icon.level_3 { background-image: url('img/event_detail_icon_obtiznost_3.svg'); } /* vzdálenost */ li.distance span.icon { background-size: 38px; } div.text-article-preview p.lbl span.vy_vzd { padding-left: 16px; background-size: 16px; } /* čas */ div.text-article-preview p.lbl span.vy_cas { background-size: 16px; padding-left: 18px; } div.text-article-preview p.lbl span.dop_1, div.text-article-preview p.lbl span.dop_2, div.text-article-preview p.lbl span.dop_3, div.text-article-preview p.lbl span.dop_4, div.text-article-preview p.lbl span.dop_5, div.text-article-preview p.lbl span.dop_6 { width: 0; overflow: hidden; background-size: contain; background-position: center; margin-right: 5px; } li.ZpusobDopravy span { display: inline-block; padding-left: 30px; overflow: hidden; background-size: contain; background-position: left center; background-repeat: no-repeat; line-height: var(--blue_icon_size); } li.ZpusobDopravy.top span { display: block; padding-left: 70px !important; margin-bottom: 5px; background-size: auto var(--blue_icon_size) !important; } li.ZpusobDopravy span::after { content: ","; margin-right: 0.5em; } li.ZpusobDopravy.top span::after { content: ""; margin-right: 0; } li.ZpusobDopravy.top span:last-child::after { content: ""; margin-bottom: 0; } /* pěší */ li.ZpusobDopravy span.dop_1 { padding-left: 19px; } li.ZpusobDopravy.top span.dop_1 { background-position: 16px center; } a#filter_label_d_1::before, div.text-article-preview p.lbl span.dop_1, li.ZpusobDopravy span.dop_1 { background-image: url('img/event_detail_icon_doprava_pesky.svg'); } /* cyklo */ li.ZpusobDopravy span.dop_2 { padding-left: 40px; } li.ZpusobDopravy.top span.dop_2 { background-position: 2px center; } div.text-article-preview p.lbl span.dop_2 { padding-left: 24px; } a#filter_label_d_2::before { width: 24px !important; } a#filter_label_d_2::before, div.text-article-preview p.lbl span.dop_2, li.ZpusobDopravy span.dop_2 { background-image: url('img/event_detail_icon_doprava_cyklo.svg'); } /* s dětmi */ li.ZpusobDopravy span.dop_3 { padding-left: 28px; } li.ZpusobDopravy.top span.dop_3 { background-position: 11px center; } a#filter_label_d_3::before, div.text-article-preview p.lbl span.dop_3, li.ZpusobDopravy span.dop_3 { background-image: url('img/event_detail_icon_doprava_deti.svg'); } /* vozíčkáři */ li.ZpusobDopravy span.dop_4 { padding-left: 23px; } li.ZpusobDopravy.top span.dop_4 { background-position: 14px center; } a#filter_label_d_4::before, div.text-article-preview p.lbl span.dop_4, li.ZpusobDopravy span.dop_4 { background-image: url('img/event_detail_icon_doprava_handicap.svg'); } /* voda */ li.ZpusobDopravy span.dop_5 { background-size: 30px; padding-left: 34px; } li.ZpusobDopravy.top span.dop_5 { background-position: 11px center; background-size: auto 22px !important; } a#filter_label_d_5::before, div.text-article-preview p.lbl span.dop_5, li.ZpusobDopravy span.dop_5 { background-image: url('img/event_detail_icon_doprava_voda.svg'); } /* naučné */ li.ZpusobDopravy.top span.dop_6 { background-position: 11px center; } a#filter_label_d_6::before, div.text-article-preview p.lbl span.dop_6, li.ZpusobDopravy span.dop_6 { background-image: url('img/event_detail_icon_doprava_naucne.svg'); } p.gpxDownload { text-align: center; } a.gpxDownload { padding: 20px 30px 20px 70px; position: relative; } a.gpxDownload::before { content: ""; transition: 0.3s; display: block; position: absolute; height: 100%; width: 40px; left: 20px; top: 0; background-image: url('img/download_0.png'); background-repeat: no-repeat; background-position: center; background-size: 40px; } a:hover.gpxDownload::before { filter: brightness(7); } section.mapArea { position: relative; } .mapArea div.navigationPart { position: absolute; top: 3px; left: calc(50% - 30px); z-index: 1100; } .mapArea #map { height: 500px; } a#centerMap { padding: 5px 5px 5px 26px; font-size: 12px; background: #FFFA; border-radius: 5px; position: relative; color: #000; text-decoration: none; border: 2px solid rgba(0,0,0,0.2); display: none; } a#centerMap.visible { display: block; } a#centerMap::before, a#centerMap::after { content: ""; display: block; border-radius: 50%; position: absolute; box-sizing: border-box; } a#centerMap::before { width: 16px; height: 16px; top: 6px; left: 6px; border: 2px solid #000; } a#centerMap::after { width: 6px; height: 6px; top: 11px; left: 11px; background: #000; } a#centerMap.visible.outOfCenter::after { display: none; } .leaflet-fade-anim .leaflet-popup { left: -67px !important; bottom: -41px !important; } .leaflet-container a.leaflet-popup-close-button { height: 16px !important; width: 16px !important; background-color: #FFF !important; border-radius: 50%; font: 16px/16px Tahoma, Verdana, sans-serif !important; } div.leaflet-popup-content { margin: 5px 5px 5px; width: 120px !important;} div.leaflet-popup-content h2 { margin: 0; font-size: 120%; } div.leaflet-popup-content .photo img { display: block; margin-top: 5px; width: 100%; } .part33 div.article-preview-envelope, .part40 div.article-preview-envelope, .part50 div.article-preview-envelope, .part60 div.article-preview-envelope, .part100 div.article-preview-envelope { width: 368px; max-width: 100%; margin: 2rem auto; } .section_fa1, .section_fa2 {width: 50%; display: flex; flex-wrap: wrap;} .section_fa3 { width: 100%; display: flex; flex-wrap: wrap;} .section_fa1 div.article-preview-envelope { width: calc(100% - (2 * var(--small_r))); } .section_fa2 div.article-preview-envelope { width: calc(50% - (2 * var(--small_r))); } /*** hgg start **************************************************************************************************************************************/ /*** + mainscreen_multi.css */ .mhdr { background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .st_0.po_0 .mhdr { background-position: left center; } .st_0.po_2 .mhdr { background-position: right center; } .st_1 .mhdr { background-position: center top; } .st_2 .mhdr { background-position: center bottom; } #bMask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; overflow: hidden; } #bMask img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100.1%; min-height: 100.1%; } .st_0.po_0 #bMask img { left: 0; transform: translateY(-50%); } .st_0.po_2 #bMask img { left: initial; right: 0; transform: translateY(-50%); } .st_1 #bMask img { left: 50%; transform: translateX(-50%); top: 0; } .st_2 #bMask img { left: 50%; transform: translateX(-50%); top: initial; bottom: 0; } #user-info { text-align: right; font-size: 80%; } #bottom-mapline iframe { width: 100%; height: 400px; border: none; display: block; } div#bottom-menuline-in, #bNews,#newsElement, div#newsElement > div { overflow: hidden; } .micro_art_unique { margin-bottom: 2rem; } .micro_art_unique img { max-width: 100%; } .micro_art_unique a img { border: none; } .categories_envelope.galery, #categories_envelope.galery { overflow: hidden; margin-top: 2em; margin-bottom: 2em; display: flex; flex-wrap: wrap; justify-content: center; } .article-preview-gallery { margin: 1.5%; width: 30.3%; box-sizing: border-box; position: relative; background-color: #EEE; } .article-preview-gallery h2 { margin: 0; overflow: hidden; text-align: center; font-size: 120%; position: absolute; top: 0; width: 100%; background-color: var(--blue_opacity_50); color: #FFF; padding: 0.5rem; box-sizing: border-box; } .article-preview-gallery:hover h2 { background-color: var(--blue_opacity); } .article-preview-gallery a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; } .img-article-preview-gallery { width: 100%; overflow: hidden; } .img-article-preview-gallery img { border: none; width: 100%; display: block; } div.articleContent { min-height: 15em; overflow: hidden; } div.articleContent blockquote { font-family: Georgia,Times,"Times New Roman",serif; font-style: italic; border-left: 5px solid #CCC; padding-left: 20px; padding-right: 8px; } div.articleContent img { max-width: 100%; } ul.downloadElement, div.photosArea { display: flex; flex-wrap: wrap; } div.downloadElementEnvelope input[type="password"], div.downloadElementEnvelope input[type="text"], div.photosElementEnvelope input[type="password"], div.photosElementEnvelope input[type="text"] { margin: 0 10px; width: 150px; } div.downloadElementEnvelope form.downloadsInputError, div.photosElementEnvelope form.photosInputError { padding: 2px 0; margin: 3px 0; color: #7c0000; border: 1px solid #F00; background-color: #e56666; border-radius: 3px; max-width: 400px; } ul.downloadElement { padding: 0; } ul.downloadElement li { list-style-type: none; margin: 0 var(--big) var(--small) 0; padding: 20px 0 0 70px; min-height: 70px; box-sizing: border-box; } ul.downloadElement li.can_play { padding-top: 0; } ul.downloadElement li span.desc { display: block; line-height: 1; } ul.downloadElement li span.play { display: block; margin: 3px 0 0 0; } ul.downloadElement li span.play audio { max-width: 150px; max-height: 30px; border-radius: 15px; } div.photosArea.event a { width: 24%; } div.photosArea.event.photogallery_vertical a { width: 19%; } div.photosArea a { display: block; box-sizing: border-box; overflow: hidden; } div.photosArea a img { display: block; border: none; padding: 0; box-sizing: border-box; width: 101%; max-width: 101%; height: 101%; transition: 0.3s; transform: scale(1); line-height: 1; margin: -1px; } div.photosArea a:hover img {transform: scale(1.1);} div.photosArea.photogallery_vertical a {} div.photosArea.photogallery_vertical a img {} div.sPhotos_element {position: relative;overflow: hidden;margin: 1em 0;width: 100%;min-height: 153px;} div.sPhotos_element.sPhotos_element_vertical {min-height: 200px;} div.sPhotos_element > img {width: 100%;} div.sPhotos_element img {position: relative;} div.sPhotos_element div.cleaner {clear: left;} div.sPhotos_envelope {position: absolute;bottom: 0px;left: 0;width: 100%;display: flex;flex-wrap: wrap;} div.sPhotos_envelope a {display: block;position: relative;margin: 0;padding: 18.8% 0 0 0;width: 25% !important;} div.sPhotos_element_vertical div.sPhotos_envelope a {width: 16.66% !important;padding-top: 22.1%;} div.sPhotos_envelope a img {display: block;position: absolute;top: 0;left: 0;border: none;width: 100%;} div.error404 { margin: 10em auto; max-width: 500px; text-align: center; border: 1px dotted #F00; padding: 10px; text-align: center; } #map_area ul li a { margin: 0 0 1em 0; display: inline-block; } h3.search_result_title { margin-bottom: 0; } div#data-center-text { margin-bottom: 2em; } #newsletter_result { padding: 20px; font-weight: bold; } #newsletter_error { color: #F00; font-weight: bold; text-align: center; } input.form_stext, label.form_stext { display: none; } .webbase_form_div, #newsletter_form_envelope { max-width: 550px; width: auto; margin: 0 auto 2em auto; } .webbase_form_div h2 { text-align: center; margin-bottom: 0; } .webbase_form_line, .newsletter_line, .newsletter_line_error { margin: 1em 0; } .webbase_form_line_unit { margin: 0.5em 0; } .webbase_form label.form_error, .webbase_form label.form_error1, .newsletter_line_error label { background-image: url('../img/form_error.png');background-repeat: no-repeat;} .webbase_form label.form_error, .newsletter_line_error label {padding-left: 16px; background-position: left center;} .webbase_form label.form_error1 {padding-right: 16px; background-position: right center;} .webbase_form {position: relative;} .webbase_form select,.webbase_form textarea,.webbase_form input[type="text"],.webbase_form input[type="email"],#newsletter_form_envelope input[type="text"] {width: 200px;max-width: 100%;box-sizing: border-box;font-family: "filson-pro", sans-serif;} .webbase_form input[type="text"],.webbase_form input[type="email"],#newsletter_form_envelope input[type="text"],.webbase_form .calendar_element input,.webbase_form input[type="date"],.webbase_form select { height: 2em;line-height: 2em;margin: 0;padding: 0 0.5em;font-size: 1em;} .webbase_form label,#newsletter_form_envelope label {width: 200px;max-width: 100%;box-sizing: border-box;display: inline-block;text-align: right;padding: 0 1em 0 0;} .webbase_form .halc,#newsletter_form_envelope input[type="submit"] {margin: 0 0 0 200px;} .webbase_form .text_info_div {margin: 0 0 0 100px;} .webbase_form .calendar_element {width: 200px;max-width: 100%;height: 2em;position: relative;display: inline-block;vertical-align: middle;} .webbase_form label.form_label_right {text-align: left;padding-left: 0px;padding: 0 0 0 1em;max-width: 187px;} .webbase_form label.valt {vertical-align: top;} .webbase_form label.valb {vertical-align: bottom;} .webbase_form label.vals {vertical-align: middle;} .webbase_form input[type="radio"],.webbase_form input[type="checkbox"] {margin: 0 0 0 200px;padding: 0;vertical-align: middle;} .webbase_form .calendar_element input {width: 100%;box-sizing: border-box;font-size: 120%;} .webbase_form textarea:invalid ~ span,.webbase_form input[type="text"]:invalid ~ span,.webbase_form input[type="date"]:invalid ~ span,.webbase_form input[type="checkbox"].form_error ~ span, .webbase_form input[type="text"].form_error ~ span,.webbase_form input[type="email"].form_error ~ span,.webbase_form input[type="email"]:invalid ~ span { position: relative;display: inline-block;height: 2em;vertical-align: top;} .webbase_form textarea:invalid ~ span { vertical-align: top; } .webbase_form textarea:invalid ~ span::before,.webbase_form input[type="checkbox"].form_error ~ span::before,.webbase_form input[type="text"]:invalid ~ span::before,.webbase_form input[type="date"]:invalid ~ span::before, .webbase_form input[type="text"].form_error ~ span::before,.webbase_form input[type="email"].form_error ~ span::before,.webbase_form input[type="email"]:invalid ~ span::before { content: "!";font-weight: bold;position: absolute;top: 50%;right: -27px;font-size: 18px;width: 20px;height: 20px;line-height: 20px;text-align: center; border: 2px solid;border-radius: 50%;display: block;transform: translateY(-50%);} .webbase_form textarea:valid,.webbase_form input[type="text"]:valid,.webbase_form input[type="email"]:valid {border-color: var(--border_color);} .webbase_form textarea:valid:required,.webbase_form input[type="text"]:valid:required,.webbase_form input[type="email"]:valid:required {border-color: var(--form_ok_border);} .webbase_form textarea:invalid,.webbase_form input[type="text"]:invalid,.webbase_form input[type="text"].form_error,.webbase_form input[type="email"].form_error,.webbase_form input[type="date"]:invalid,.webbase_form input[type="email"]:invalid {border-color: var(--form_error_border);} /* vykřičník */ .webbase_form textarea:invalid ~ span::before,.webbase_form input[type="checkbox"].form_error ~ span::before,.webbase_form input[type="text"]:invalid ~ span::before,.webbase_form input[type="date"]:invalid ~ span::before,.webbase_form input[type="text"].form_error ~ span::before,.webbase_form input[type="email"].form_error ~ span::before,.webbase_form input[type="email"]:invalid ~ span::before {color: var(--form_error_border);} .fCalendarEnvelope {width: 100%;position: relative;max-width: 500px;margin: 0 auto;} .fCalendarTitle {position: relative;height: 15%;} .fCalendarIn {position: relative;height: 85%;} .fCalendarPredMonth,.fCalendarNextMonth {display: inline-block;width: 20%;box-sizing: border-box;height: 100%;line-height: 3;text-align: center;text-decoration: none;font-weight: bold;} .fCalendarPredMonth {border-right: 1px solid;} .fCalendarNextMonth {border-left: 1px solid;} .fCalendarNextMonth::after {content: ">";} .fCalendarPredMonth::after {content: "<";} .fCalendarPredMonth:hover,.fCalendarNextMonth:hover {} .fCalendarActMonth {display: inline-block;position: relative;margin: 0 auto 0 auto;width: 60%;height: 100%;text-align: center;text-transform: uppercase;line-height: 3;} .fCalendarInTitles {display: block;height: 15%;} .fCalendarInTitles::before {content: "";display: inline-block;vertical-align: middle;height: 100%;} .fCalendarInTitles span {display: inline-block;vertical-align: middle;width: 14%;cursor: default;text-align: center;} #calendarInTitles > span, span.calendarTodayIsIt {} .fCalendarInTitlesWeekend {width: 15% !important;} .fCalendarInTitles span span {text-align: center;} .fCalendarInDays::before {content: "";display: inline-block;vertical-align: middle;} .fCalendarInDays {height: 85%;width: 100%;vertical-align: middle;display: inline-block;} .fCalendarInDays span {display: block;width: 14%;line-height: 2.45;text-align: center;float: left;position: relative;cursor: default;overflow: hidden;} .fCalendarInDays span.fCalendarInWholeDay,.fCalendarInDayWeekend.fCalendarInWholeDay {} .fCalendarInDays span span {display: inline-block;width: 100%;height: 100%;vertical-align: middle;border-left: 1px solid;border-top: 1px solid;} .fCalendarInDaysWeekend {width: 15% !important;} .fCalendarInDayWeekend,.fCalendarInDayTmpweekend {} .fCalendarInDayTmp,.fCalendarInDayTmpweekend {} .fCalendarInDay {} .fCalendarInDay:hover,.fCalendarInDayWeekend:hover,.fCalendarInDayWeekend.fCalendarInWholeDay:hover,.fCalendarInDay.fCalendarInWholeDay:hover,.fCalendarToday:hover,.fCalendarInDaySelected {} .fCalendarToday {} .fCalendarInDays span span.fCalendarTodayIsIt {display: block;width: 90%;height: 20%;position: absolute;bottom: 0;right: 5%;} span.fCalendarInDay:hover span.fCalendarTodayIsIt,span.fCalendarInDaySelected span.fCalendarTodayIsIt,span.fCalendarInActDay span.fCalendarTodayIsIt {} .fCalendarInDays .fCalendarInDayTmp span.fCalendarTodayIsIt {} .fCalendarInDays span.fCalendarInWholeDayTmp,.fCalendarInDays span.fCalendarInDaysWeekend span.fCalendarInWholeDayTmp.fCalendarInDayWeekend {} div.fCalendarHint {display: none;position: absolute;box-shadow: 0 0 4px #888888;padding: 0.5em;font-size: 14px;color: #666;z-index: 11;} div.fCalendarInEnvp,a.fCalendarInLink {margin: 10px 0;display: block;text-decoration: none;} a.fCalendarInLink,a.fCalendarInLink span {cursor: pointer;} div.fCalendarHint h2 {font-size: 120%;margin: 0;text-align: center;} div.fCalendarHint span {width: 100%;display: block;line-height: 1.5;float: none;text-align: left;} div.fCalendarHint span.timestamp {font-size: 80%;margin-right: 5px;} div.fCalendarHint span.description {margin-left: 5px;} div.fCalendarHint span.title {font-weight: bold;} a.fCalendarInLink span.title {text-decoration: underline;} a.fCalendarInLink:hover span.title {text-decoration: none;} .fCalendarTitle {background-color: var(--calendar_bg_mesic);} .fCalendarPredMonth,.fCalendarNextMonth {color: var(--calendar_text_tlacitko);background-color: var(--calendar_bg_tlacitko);} .fCalendarPredMonth {border-right-color: var(--calendar_border_mesic);} .fCalendarNextMonth {border-left-color: var(--calendar_border_mesic);} .fCalendarPredMonth:hover,.fCalendarNextMonth:hover {background-color: var(--calendar_bg_tlacitko_hover); color: var(--tlacitko_text); } .fCalendarActMonth {color: var(--calendar_text_mesic);} .fCalendarInTitles {background-color: var(--calendar_bg_prehled_dnu);} .fCalendarInTitles span {color: var(--calendar_text_prehled_dnu);} .fCalendarInDays span.fCalendarInWholeDay,.fCalendarInDayWeekend.fCalendarInWholeDay {background-color: var(--calendar_bg_dny_akce) !important; color: var(--calendar_text_dny_akce);} .fCalendarInDays span span {border-color: var(--calendar_border_dny_tyden); background-color: var(--calendar_bg_dny_tyden);} .fCalendarInDayWeekend,.fCalendarInDayTmpweekend {background-color: var(--calendar_bg_dny_vikend) !important;} .fCalendarInDayTmp,.fCalendarInDayTmpweekend {color: var(--calendar_text_dny_mimo_mesic);} .fCalendarInDay {color: var(--calendar_text_dny_mesice);} .fCalendarInDay:hover,.fCalendarInDayWeekend:hover,.fCalendarInDayWeekend.fCalendarInWholeDay:hover,.fCalendarInDay.fCalendarInWholeDay:hover,.fCalendarToday:hover,.fCalendarInDaySelected {background-color: var(--calendar_bg_dny_hover) !important;color: var(--calendar_text_dny_hover) ;} .fCalendarToday {color: var(--calendar_text_aktualni_den);background-color: var(--calendar_bg_aktualni_den) !important;} .fCalendarInDays span span.fCalendarTodayIsIt {background-color: var(--calendar_bg_pruh_akce);} .fCalendarInDays .fCalendarInDayTmp span.fCalendarTodayIsIt { background-color: var(--calendar_bg_pruh_akce); } span.fCalendarInDay:hover span.fCalendarTodayIsIt,span.fCalendarInDaySelected span.fCalendarTodayIsIt,span.fCalendarInActDay span.fCalendarTodayIsIt {background-color: var(--calendar_bg_pruh_akce);} .fCalendarInDays span.fCalendarInWholeDayTmp,.fCalendarInDays span.fCalendarInDaysWeekend span.fCalendarInWholeDayTmp.fCalendarInDayWeekend { background-color: #cdcde1 !important; } div.fCalendarHint {border: 1px solid;color: var(--calendar_text_okno_akce);background-color:var(--calendar_bg_okno_akce); } div.fCalendarInEnvp,a.fCalendarInLink {color: var(--calendar_link_okno_akce);} a.fCalendarInLink:hover {color: var(--calendar_link_okno_akce_hover);} div.fCalendarHint h2 {color: var(--calendar_text_okno_akce);} div.fCalendarHint span.timestamp {border-top: 1px solid var(--calendar_okno_akce_cas_border);} table { color: var(--table_text);border-collapse: collapse;height: auto !important;max-width: 100% !important;margin: 2em auto;border: none;overflow-x: auto;overflow-y: hidden;display: block;} table td,table th { border: none;padding: 0.5em 1em;} table th { background-color: var(--table_head_bg); color: var(--table_head_text);} table td,table th {border: 1px solid var(--table_border);} table tr:nth-child(2n+1){ background-color: var(--table_bg1); } table tr:nth-child(2n){ background-color: var(--table_bg2); } /*** - mainscreen_multi.css */ /*** + barva pro tema multi */ a, div.text-article-preview h2 a, .barva, .marker { color: var(--barva_link);} a:hover, div.photosArea a:hover, .marker2 {color: var(--green);} div#actionsEnvelope > a,div#bottom-menuline {background-color: var(--bottom_menuline_bg);color: var(--bottom_menuline_text) !important;} div#bottom-menuline a, div#bottom-menuline h2 {color: var(--bottom_menuline_text);} .newsEnvelope .aktual-img, .actionsEnvelope .aktual-img {border-color: var(--green);} /* barvy pro menu univ */ /*** - barva pro tema multi */ /*** + tema multi bez barvy - BORDERRADIUS */ div#newsletter-envelope, div#advb-in { width: 100%; box-sizing: border-box; } div#newsletter-envelope { padding-bottom: var(--small); display: none; } /* aktuality */ div.actionsEnvelope, div.newsEnvelope { display: flex; flex-wrap: wrap; } div.new-unique { width: 33.3%; padding: 0 1% 1%; box-sizing: border-box; } #newsElement .aktual-date { font-style: italic; display: block; } .newsEnvelope .aktual-img, .actionsEnvelope .aktual-img { float: left; max-width: 50%; margin: 0 1em 1em 0; border: none; } div#bNews { width: 100%; clear: both; } div#newsElement div.micro_art_unique { width: 100%; padding: 1em 0 0; } div#newsElement div.micro_art_unique h2 { border-bottom: none; display: none; } /* styl rámečků */ #horizont-0.menuFixed, div#newsElement > div h2, div#newsletter-envelope h3 { border-bottom-width: 1px; border-bottom-style: solid; } /* borderradius */ div.lightDark.backgroundLight, div.lightDark.backgroundDark { border-radius: 5px; } #cs_bx {border-radius: 2px;} #cs_bx a#cs_bu_y,#cs_bx a#cs_bu_n,#cs_bx a#cs_bu_close {border-radius: 2px;} .to_infinity .part100 div.lightDark.backgroundLight, .to_infinity .part100 div.lightDark.backgroundDark { margin: var(--small); } .to_infinity.left .part50.p_1 div.lightDark.backgroundLight, .to_infinity.left .part50.p_1 div.lightDark.backgroundDark, .to_infinity .part33.p_1 div.lightDark.backgroundLight, .to_infinity .part33.p_1 div.lightDark.backgroundDark { margin-left: var(--small); } .to_infinity.right .part50.p_2 div.lightDark.backgroundLight, .to_infinity.right .part50.p_2 div.lightDark.backgroundDark, .to_infinity .part33.p_3 div.lightDark.backgroundLight, .to_infinity .part33.p_3 div.lightDark.backgroundDark { margin-right: var(--small); } a#hor-res-menu-button { border-radius: 5px; } a#hor-res-menu-button span.top, a#hor-res-menu-button span.center, a#hor-res-menu-button span.bottom { border-radius: 3px; } /*** - tema multi bez barvy - BORDERRADIUS */ .banhead_1 {background-image: url('./img/banner_o_1.jpg');} .banhead_2 {background-image: url('./img/banner_o_2.jpg');} .banhead_3 {background-image: url('./img/banner_o_3.jpg');} .banhead_4 {background-image: url('./img/banner_o_4.jpg');} .banhead_5 {background-image: url('./img/banner_o_5.jpg');} .banhead_6 {background-image: url('./img/banner_o_6.jpg');} .banhead_7 {background-image: url('./img/banner_o_7.jpg');} .banhead_8 {background-image: url('./img/banner_o_8.jpg');} .banhead_9 {background-image: url('./img/banner_o_9.jpg');} .banhead_10 {background-image: url('./img/banner_o_10.jpg');} .banhead_11 {background-image: url('./img/banner_o_11.jpg');} .banhead_12 {background-image: url('./img/banner_o_12.jpg');} .banhead_13 {background-image: url('./img/banner_o_13.jpg');} .banhead_14 {background-image: url('./img/banner_o_14.jpg');} .banhead_15 {background-image: url('./img/banner_o_15.jpg');} .banhead_16 {background-image: url('./img/banner_o_16.jpg');} .banhead_17 {background-image: url('./img/banner_o_17.jpg');} .banhead_18 {background-image: url('./img/banner_o_18.jpg');} .banhead_19 {background-image: url('./img/banner_o_19.jpg');} .banhead_20 {background-image: url('./img/banner_o_20.jpg');} .banhead_1_p {background-image: url('./img/banner_o_1.png');} .banhead_2_p {background-image: url('./img/banner_o_2.png');} .banhead_3_p {background-image: url('./img/banner_o_3.png');} .banhead_4_p {background-image: url('./img/banner_o_4.png');} .banhead_5_p {background-image: url('./img/banner_o_5.png');} .banhead_6_p {background-image: url('./img/banner_o_6.png');} .banhead_7_p {background-image: url('./img/banner_o_7.png');} .banhead_8_p {background-image: url('./img/banner_o_8.png');} .banhead_9_p {background-image: url('./img/banner_o_9.png');} .banhead_10_p {background-image: url('./img/banner_o_10.png');} .banhead_11_p {background-image: url('./img/banner_o_11.png');} .banhead_12_p {background-image: url('./img/banner_o_12.png');} .banhead_13_p {background-image: url('./img/banner_o_13.png');} .banhead_14_p {background-image: url('./img/banner_o_14.png');} .banhead_15_p {background-image: url('./img/banner_o_15.png');} .banhead_16_p {background-image: url('./img/banner_o_16.png');} .banhead_17_p {background-image: url('./img/banner_o_17.png');} .banhead_18_p {background-image: url('./img/banner_o_18.png');} .banhead_19_p {background-image: url('./img/banner_o_19.png');} .banhead_20_p {background-image: url('./img/banner_o_20.png');} /*** + rozlozeni multi */ .categories_envelope.galery, #categories_envelope.galery, .categories_envelope.list, #categories_envelope.list, #hor-envelope, div#top_area_path_part, #user-info, #bottom-menuline-in, .submenuArea, div.category_description, h1.title, div.article-preview-envelope div.article-preview, div.articleContent, #foot-in, div#login_form_message, div#data-center-text { max-width: var(--sirka); margin-left: auto; margin-right: auto; } #foot-in { padding: 1em; box-sizing: border-box; } #newsElement { margin: 1em 0; } div.download input[type="password"],div.download input[type="text"],div.photogalery input[type="password"],div.photogalery input[type="text"] { margin: 0 10px;width: 150px;} div.download form.downloadsInputError,div.photogalery form.photosInputError {padding: 2px 0;margin: 3px 0;color: #7c0000;border: 1px solid #F00;background-color: #e56666;border-radius: 3px;max-width: 400px;} /*** - rozlozeni multi */ /*** + menu univ right multi */ div.noResult { margin: 50px auto; border: 2px dotted; border-radius: 10px; padding: 50px; box-sizing: border-box; text-align: center; font-weight: bold; width: 300px; max-width: 90%; } div.text-article-preview h2.itl { margin-bottom: 0; font-size: 150%; } div.text-article-preview p.itl { font-style: italic; margin-bottom: 0.5rem;} div.text-article-preview p.orange { color: var(--orange); } p.orange span.dateFrom, p.orange span.dateTo { font-weight: bold; } p.orange span.dateFrom span, p.orange span.dateTo span { font-size: 80%; vertical-align: top; } p.orange span.addr { display: block; } p.orange span.dateTo::before { content: " \2013 \00A0";} p.orange span.dateFrom span.inv { display: none; } div.tagsArea { margin: -1rem auto 2rem; max-width: var(--sirka); } div.tagsArea a { display: inline-block; color: #FFF; background-color: var(--blue); border-radius: 20px; padding: 5px 11px 7px; line-height: 1; margin-right: 2px; margin-bottom: 2px; text-decoration: none; } div.tagsArea a.region { background-color: var(--orange); } div.main_event_content.site_sized { display: flex; flex-wrap: wrap; justify-content: space-between;} div.main_event_content.site_sized aside { width: var(--aside_width);} div.main_event_content.site_sized .main_event_content_data { width: calc( 100% - var(--aside_width) - var(--small) );} #move_link { display: block; width: 52px; height: 0px; padding-top: 52px; overflow: hidden; position: absolute; left: calc( 50% - 26px); bottom: 300px; z-index: 1; border: 2px solid currentColor; color: #FFF; transition: 0.3s; border-radius: 50%; animation-name: moving_down; animation-duration: 1s; animation-iteration-count: infinite; } #move_link:hover { color: #FFF; background-color: var(--blue);} #move_link::before, #move_link::after { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 15px; transform: rotate(-135deg); border-top: 2px solid; border-left: 2px solid; } #move_link::before { top: 3px; } #move_link::after { top: 16px; } @keyframes moving_down { 0% {transform: translateY(0);} 50% {transform: translateY(15px);} 100% {transform: translateY(0);} } div.poster_envelope { text-align: center; margin-top: var(--small); } div.poster_envelope img { max-width: 100%; } div.link_line { width: 100%; text-align: center; } #hmpage_categories_links h1.title { width: 100%; } div.search_result_header {} span.search_result_search_string { font-weight: bold; } h2.st { background-color: #EEE; padding: 0px 10px; border-radius: 3px; margin-top: 2em;} .search_result_unique { padding-left: 60px; min-height: 50px; background-size: 45px; background-position: left top; background-repeat: no-repeat; } .search_result_unique.article { background-image: url('img/druhy_vysledku_article.png'); } .search_result_unique.service { background-image: url('img/druhy_vysledku_servis.png'); } .search_result_unique.akce { background-image: url('img/druhy_vysledku_akce.png'); } .search_result_unique.trip { background-image: url('img/druhy_vysledku_trip.png'); } .search_result_unique.category { background-image: url('img/druhy_vysledku_category.png'); } h1.instg { margin: var(--big) auto 4rem; } iframe#iFr { border: none; background: #FFF; width: 100%; aspect-ratio: 6/1; display: block; } /* + GTranslate */ div.gtranslate_wrapper { width: 70px; display: inline-block; height: 20px; margin-top: -10px; vertical-align: middle; } div.gt_float_switcher { font-family: "filson-pro", sans-serif; font-size: 14px; border-radius: 20px; color: var(--green); box-shadow: none; border: 2px solid var(--green); line-height: 20px; background: #FFF; } div.gt_float_switcher .gt_options.gt-open { max-width: initial !important; } div.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code { top: 0px;} div.gt_float_switcher .gt-selected { background: #FFF; } div.gt_float_switcher .gt-selected .gt-current-lang img, div.gt_float_switcher img { display: none; } div.gt_float_switcher .gt_options a { font-size: 0px; color: var(--green); text-align: left; padding: 0 10px; } div.gt_float_switcher .gt_options a::before { font-size: 14px; } div.gt_float_switcher .gt_options a[data-gt-lang=en]::before { content: "EN"; } div.gt_float_switcher .gt_options a[data-gt-lang=cs]::before { content: "CS"; } div.gt_float_switcher .gt_options a[data-gt-lang=de]::before { content: "DE"; } div.gt_float_switcher .gt_options a:hover { background-color: #FFF; color: var(--blue); } div.gt_float_switcher .gt-selected .gt-current-lang { color: var(--green); padding: 3px 10px; } div.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow { background-image: none !important; background-color: #FFF !important; position: relative; width: 15px; height: 15px; vertical-align: sub;} div.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow::after { content: ""; display: block; position: absolute; border: 1px solid var(--green); border-width: 1px 1px 0 0; width: 9px; height: 9px; transform: rotate(-45deg); top: 5px; left: 2px; } /* - GTranslate */ /*** hgg end ****************************************************************************************************************************************/ @media(max-height: 670px) and (orientation: landscape){ #head_slogan h1 { font-size: 15vh !important; margin-bottom: 0.2em; } #head_envelope.homepage { min-height: 550px !important; } } @media(max-height: 550px) { #head_slogan .site_sized { margin: 0 auto; position: relative; top: 5rem; transform: none; } } @media(max-height: 550px) and (orientation: landscape) { .homepage svg.vlna_head { height: 140px; } .subpage svg.vlna_head { height: 240px; } #move_link {bottom: initial; left: initial; right: 10px; top: 200px;} } @media(min-width: 1025px) and (max-width: 1400px) { #search_area, ul.social_icons_svg.top { margin-left: 1rem; } ul#m0 li { margin: 0 0.8em; } } @media(min-width: 1025px) { .part100 { min-height: 250px; } } /* mapa na homepage */ @media(max-width: 1520px) { #home_localite_map .site_sized { max-width: 100%; width: 100%; padding: 0 60px;} a.location_map_arrow.left { left: 10px; } a.location_map_arrow.right { right: 10px; } } @media(max-width: 1300px) { .articleContent > h1, .parts_envelope.sized, .to_infinity .editPerex, #horizont-0, .site_sized { padding-left: 1rem; padding-right: 1rem; } .parts_envelope.to_infinity.left { padding-right: 1rem; } .parts_envelope.to_infinity.right { padding-left: 1rem; } .to_infinity .part100 div.lightDark.backgroundLight, .to_infinity .part100 div.lightDark.backgroundDark { margin-left: 1rem; margin-right: 1rem; } #horizont-0-in { padding: 0 1em; } } @media(max-width: 1280px) { #categories_envelope.galery, #categories_envelope.list, .categories_envelope.galery, .categories_envelope.list, div#top_area_path_part, #user-info, #bottom-menuline-in, .submenuArea, div.category_description, h1.title, div.articleContent, #data-center-text, #foot-in, div.tagsArea { padding-left: 1rem; padding-right: 1rem; } .site_sized #categories_envelope.galery, .site_sized #categories_envelope.list { padding-left: 0rem; padding-right: 0rem; } ul#m0 > li > a { font-size: 100% !important; } } @media(max-width: 1280px) { .to_infinity.left .part50.p_1 div.lightDark.backgroundLight, .to_infinity.left .part50.p_1 div.lightDark.backgroundDark, .to_infinity.right .part50.p_2 div.lightDark.backgroundLight, .to_infinity.right .part50.p_2 div.lightDark.backgroundDark, .to_infinity .part33.p_1 div.lightDark.backgroundLight, .to_infinity .part33.p_1 div.lightDark.backgroundDark, .to_infinity .part33.p_3 div.lightDark.backgroundLight, .to_infinity .part33.p_3 div.lightDark.backgroundDark { margin-left: 1rem; margin-right: 1rem; } div.subcategory-envelope { width: 25% !important; padding-bottom: 3rem; } div.subcategory { margin: 0 auto !important; width: 90% !important; padding: 30px 0; } div.subcategory h2 {} div.parts_envelope { justify-content: center; } .parts_envelope.to_infinity.left { padding-right: 0; } .parts_envelope.to_infinity.right { padding-left: 0; } .part33 div.lightDark, .part50 div.lightDark, .parts60 > div div.lightDark { margin-left: 0; margin-right: 0; } .part33.p_1, .part50.p_1 div.lightDark, .parts60 > div.p_1 div.lightDark { margin-bottom: 0; } .part33.p_1.backgroundLight, .part50.p_1 div.lightDark.backgroundLight, .parts60 > div.p_1 div.lightDark.backgroundLight .part33.p_1.backgroundDark, .part50.p_1 div.lightDark.backgroundDark, .parts60 > div.p_1 div.lightDark.backgroundDark { margin-bottom: var(--small); } .part33.p_2 { margin-bottom: 0; margin-top: 0; } .part33.p_2 div.lightDark { margin-bottom: 0; margin-top: 0; } .part33.p_3 { margin-top: 0; } div.parts33.to_infinity > div.p_1, div.parts33.to_infinity > div.p_3, div.part50, div.part40, div.part60 { margin: 0; } .parts33.to_infinity .part33.p_2, .to_infinity.left > div.p_2, .to_infinity.right > div.p_1 { margin-left: 1rem !important; margin-right: 1rem !important; } div.part33, div.part50, div.part40, div.part60 { width: 100% !important; max-width: 100%; } .part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 25%; } .part50 .in_article_photogalery a, .part60 .in_article_photogalery a, .part40 .in_article_photogalery a, .part33 .in_article_photogalery a { width: 19%; } .part50 .in_article_photogalery .photogallery_vertical a, .part60 .in_article_photogalery .photogallery_vertical a, .part40 .in_article_photogalery .photogallery_vertical a, .part33 .in_article_photogalery .photogallery_vertical a { width: 15.6%; } #home_localite_map h1.title_like { padding-right: 0; max-width: 100%; float: none; margin-bottom: 0.5em; } #localite_map_area { width: 30%; } #localite_text_area { width: 70%; } .mappoint { background-color: var(--lightgreen); } :root { --small_r: calc( var(--sirka) / 100); } div.article-preview-envelope { width: calc(33.3% - (2 * var(--small_r))); } .section_fa1 { width: 40%; display: block; } .section_fa2 { width: 60%; } } @media(max-width: 1200px) { #localite_map_area { width: 20%; } #localite_text_area { width: 80%; } .mappoint { border-width: 1px; } .mappoint span { padding-top: 3px; } #homepage_mappoint_3 span { top: -12px; } } @media(max-width: 1024px) { div.new-unique { width: 50%; } div.subcategory-envelope { width: 33.3% !important; } .part100 ul.in_article_download li, ul.in_article_download.part_100 li { width: 100%;} .part100 .in_article_photogalery a, .part50 .in_article_photogalery a, .part60 .in_article_photogalery a, .part33 .in_article_photogalery a, .part40 .in_article_photogalery a { width: 24%; } .part100 .in_article_photogalery .photogallery_vertical a, .part50 .in_article_photogalery .photogallery_vertical a, .part60 .in_article_photogalery .photogallery_vertical a, .part33 .in_article_photogalery .photogallery_vertical a, .part40 .in_article_photogalery .photogallery_vertical a { width: 19%; } .part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 33.3%; } #hor-envelope {} #horizont-0, #horizont-0-in { overflow: visible; } #horizont-0 { position: absolute; min-height: var(--hor_res_menu_button_height); z-index: 10; padding-top: 1rem; padding-bottom: 1rem; padding-right: 0; box-sizing: content-box; width: calc(100% - 1rem); background-color: #FFF; } #horizont-0-in { width: auto; top: 0; padding: 0; height: initial; } #page_logo { margin: 0; } div.gtranslate_wrapper { margin-right: 100px; } ul#m0 { background-color: var(--mobile_ul_bg); position: fixed; top: calc( var(--hor_res_menu_button_height) + 2rem ); right: 0; bottom: 0; height: auto; overflow: auto; min-width: 50%; max-width: 75%; display: none; } ul#m0.showed { display: block; z-index: 1000; } #horizont-0.menuFixed { position: relative; } ul#m0 li { background-color: var(--mobile_ul_li_bg) ;border-bottom: 1px solid var(--green); display: block; margin: 0; padding: 0; } ul#m0 li, ul#m0 li a { line-height: 3em; height: 3em; padding: 0; color: #FFF; } a#hor-res-menu-button {display: block;} .subpage #head_slogan .site_sized {top:calc( var(--hor_res_menu_button_height) + 4rem ) } #head_slogan h1 { font-size: 500%; } #home_localite_map .site_sized { padding: 0 1rem; } a.location_map_arrow { display: none; } #localite_map_area { width: 100%; background-image: none; aspect-ratio: unset; max-width: initial; float: none; text-align: center; padding-bottom: 40px; } #localite_text_area { width: 100%; padding-right: 0; } .mappoint { display: inline-block; margin: 0 20px; border-width: 2px; vertical-align: middle; position: relative; top: initial !important; left: initial !important; right: initial !important; bottom: initial !important; } .mappoint span { top: 100% !important; left: 50% !important; right: initial !important; bottom: initial !important; transform: translateX(-50%) !important; text-align: center !important; padding: 0.3rem 0 0 !important; width: auto !important; font-size: 14px; } .mappoint.big { width: 36px; } .mappoint.medium { width: 26px; } .mappoint.small { width: 16px; } .mappoint::before, .mappoint::after { content: ""; border-top: 2px solid var(--blue); display: block; width: 20px; top: 50%; position: absolute; } .mappoint::before { right: calc(100% + 2px); } .mappoint::after { left: calc(100% + 2px);} div.article-preview-envelope { width: calc(50% - (2 * var(--small_r))); } .section_fa1, .section_fa2 { width: 100%; } div#advb-in span.lnk_evl { margin: 5.5%; width: 14%;} #filter_area a.tlacitko { margin: 0.2rem; padding: 0.2rem 1rem; } #label_filter_area2 a.tlacitko.lila { padding-bottom: 0.2rem; } #label_filter_area2 a#filter_label_d_0.tlacitko.lila { padding-left: 1rem; } .date_input_style label.tlacitko { padding: 0.2em 2em; } .date_input_style.active input[type="date"] { padding: 0.2em 1em; } :root { --aside_width: 280px; } div.blue_event_detail { padding: 1.5rem; } li.ZpusobDopravy.top span { padding-left: 60px !important; } .blue_event_detail li { padding-left: 60px; } } @media(max-width: 970px) { div.calendars { min-width: 30% !important; } ul#m3, div#bNews, div#newsletter-envelope, div#advb-in { float: none; width: 100%; } div#advb-in span.lnk_evl { margin: 3%; width: 18%;} } @media(max-width: 800px) { body {font-size: 100%;} #banhead { overflow: hidden;} #banhead.mhdr_1 {min-height: 350px;} #banhead.mhdr_2 {min-height: 150px;} #head-sogan div {bottom: 1em;} div#content-2-in { padding-right: 0; } div.text-article-preview h2 a { font-size: 100%; } div#ppb_mb { display: none !important; } div.calendars { min-width: 50% !important; } div.photosArea a, div.photosArea.photogallery_vertical a { width: 23%; } div.main_event_content.site_sized { display: block; } div.main_event_content.site_sized .main_event_content_data { width: 100%; } div.main_event_content.site_sized aside { margin: 0 auto; } #foot-content p { width: 50%;} } @media(max-width: 640px) { h1 { font-size: 250%; } h2 { font-size: 150%; } h3 { font-size: 130%; } .part100 .in_article_photogalery a, .part50 .in_article_photogalery a, .part60 .in_article_photogalery a, .part33 .in_article_photogalery a, .part40 .in_article_photogalery a, div.photosArea.event a { width: 32.3%; } .part100 .in_article_photogalery .photogallery_vertical a, .part50 .in_article_photogalery .photogallery_vertical a, .part60 .in_article_photogalery .photogallery_vertical a, .part33 .in_article_photogalery .photogallery_vertical a, .part40 .in_article_photogalery .photogallery_vertical a, div.photosArea.event.photogallery_vertical a { width: 32.3%; } .part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 50%; } div.new-unique { width: 100%; } #head_envelope { padding-top: 0; } #bottom-mapline iframe { height: 180px; } div.photosArea a { width: 48%; } div#login_form_envelope {text-align: left;} .login_form_label, input#user_login, input#user_password {display: block;width: 90%;} div.subcategory-envelope { width: 50% !important; } #localite_map_area { max-width: 350px; margin: 0 auto; padding-bottom: 0; } .mappoint { margin: 0 25px 50px; } .mappoint::before, .mappoint::after { width: 25px; } div.article-preview-envelope, .section_fa2 div.article-preview-envelope { width: 100%;} div#advb-in span.lnk_evl { margin: 5%; width: 23%;} #filter_search_form { display: block; margin-left: auto; } div.cs2_ba a.tlacitko { margin-bottom: 5px; padding: 0.2em 1em;} #head_slogan h1, .subpage #head_slogan h1 { font-size: 12vw; } #foot-content { display: block;} #foot-content p { padding: 0 !important; width: 100%; } iframe#iFr { aspect-ratio: 3/2; } #horizont-0 { height: auto; padding-bottom: 0.5rem; text-align: center; } #horizont-0-in { display: block; } #page_logo { float: none; } ul.social_icons_svg.top { margin: 1rem auto 0; } #search_area { margin-right: 0px; margin-top: 1rem; } div.gtranslate_wrapper { margin: 4px 0 0 20px; } } @media(max-width: 500px) { .webbase_form select, .webbase_form textarea, .webbase_form input[type="text"], .webbase_form input[type="email"], .webbase_form .calendar_element input, #newsletter_form_envelope input[type=text]{ width: calc(100% - 30px); } .webbase_form .calendar_element { width: 100%; } .webbase_form label, #newsletter_form_envelope label { width: auto; text-align: left; display: block; padding-right: 0; } .webbase_form label.form_label_right { display: inline-block; } .webbase_form .halc { margin: 0 0 0 0px; text-align: center; } .webbase_form .text_info_div { margin: 0 0 0 0px; display: block; } #newsletter_form_envelope input[type="submit"] { margin: 0px auto; display: block; } .webbase_form input[type="radio"], .webbase_form input[type="checkbox"] { margin: 0 0 0 0px; } div.calendars { width: 100% !important; } :root { --small_r: 0.5rem; } div.subcategory-envelope { padding-top: 1rem; padding-bottom: 1rem; } div.subcategory { border-radius: 20px; } div.subcategory:hover { transform: translateY(-0.5rem); } div.subcategory h2 { font-size: 130%; } .article-preview-gallery { width: 100%; max-width: 100%; margin: 0 0 2rem 0; } .part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 100%; } .head_homepage_links { display: flex; text-align: center; } .head_homepage_links li:first-child { margin-left: 0; } .head_homepage_links li:last-child { margin-right: 0; } .head_homepage_links a.tlacitko.white{ padding: 0.3em 1em; } .subpage #head_slogan .site_sized { top: 9rem; } }