html,body {font-family: 'Roboto',/*'Titillium Web',*/ Verdana, Arial, sans-serif; /*font-size: 90%;*/ font-weight: 300; margin: 0px; padding: 0px; color: #333; line-height: 1.3;}
html {background: #f8f8f8;}
#body_all {position: relative; width: 100%; margin: 0px; padding: 0px;
/*background: transparent url('../img/background.jpg') center -200px no-repeat;*/
background: transparent url('../img/background-04.jpg?210407') center -200px no-repeat;
background-image: url("../img/background-04.jpg?220801");
background-size: auto 1100px;}
/*.main_site #body_all {background: transparent url('../img/background-nabor.jpg') center -30px no-repeat; background-size: auto 863px;}
.main_site #body_all {background: transparent url('../img/bn2.jpg') center 40px no-repeat; background-size: auto 683px;}*/
/*.main_site #body_all {background: transparent url('../img/background-pf2019.jpg') center 40px no-repeat; background-size: auto 665px;}*/
.body_part {width: 960px; margin: 0 auto; position: relative;}
.submenu {display: none;}
#top_menu {height: 40px; background-color: #FFF; text-align: right; line-height: 40px;}
#logo_text {position: absolute; z-index: 1; top: 0px; left: 0px; display: block; line-height: 40px;}
.main_site #logo_text {display: none;}
#logo_text img {/*width: 282px;*/ height: /*14px*/ 12px; vertical-align: middle;}
.microsite #logo_text img {height: 26px;}
#logo_mobile {display: none; position: absolute; z-index: 1; top: 3px; left: 65px; height: 35px}
#logo_mobile a {line-height: 35px; display: inline-block; height: 35px;}
#logo_mobile img {width: 54px; height: 35px;}
#menu_sandwich {display: none; position: absolute; left: 0; height: 40px; line-height: 40px; cursor: pointer;}
#menu_sandwich_in {display: inline-block; padding: 0 10px; font-size: 30px;}
#top_menu a {color: #333; text-decoration: none;}
#top_menu>.body_part>ul {display: inline-block; margin-right: 10px; font-size: 90%; padding: 0;}
#top_menu>.body_part>ul>li {display: inline-block; padding: 0 5px; position: relative;}
#top_menu ul li a {text-decoration: none; display: block; position: relative; color: #000; font-weight: 400;}
#top_menu ul li.act a .header_menu_text, #top_menu ul li a:hover .header_menu_text {text-decoration: underline;}
#top_menu ul li a .header_menu_text {display: inline-block;}
#top_menu ul li a .menu_subm_caret {display: inline-block;}
#top_menu ul.submenu {position: absolute; top: 98%; left: -10px; width: 300%; background-color: #FFF; z-index: 1000; padding: 3px 10px 3px 15px;}
#top_menu>.body_part>ul>li:hover ul.submenu {display: block;}
#top_menu ul.submenu li {list-style-type: none; text-align: left; line-height: 1.2; padding: 3px 0px;}
#top_menu ul.submenu li.act a, #top_menu ul.submenu li a:hover {text-decoration: underline;}
#top_menu ul li .arrow_submenu {display: inline-block; padding-left: 5px;}
#top_menu form {position: relative; display: inline-block; width: /*180*/60px; box-sizing: border-box; height: 40px; vertical-align: top;}
#top_menu form input[type="text"] {background-color: #f8f8f8; border-width: 0; color: #737373; line-height: 30px; width: 180px;
padding: 0 30px 0 5px; box-sizing: border-box;}
#top_menu form button {background-color: transparent; border-width: 0; position: absolute; text-align: center;
line-height: 40px; height: 40px; width: 30px; position: absolute; right: 0; color: #737373; top: 0; cursor: pointer;}
#top_menu form i {font-size: 13px;}
#top_menu #languages {position: relative; display: inline-block; text-align: right; line-height: 40px; margin-left: 0px; font-size: 90%;}
#top_menu #languages a.act, #top_menu #languages a:hover {text-decoration: underline;}
#body {position: relative; z-index: 1; z-index: 1;}
#height_holder {float: left; height: 500px;}
#body_in {position: relative; padding: 0px;}
#body_header {position: relative; height: 115px; padding: 0px;}
#logo_msite {position: absolute; display: block; left: 0; width: 199px; top: /*25px*/30px;}
#logo_msite_name, #logo_msite_hk {position: absolute; left: 85px; top: 4px; width: 155px; text-align: left; text-transform: uppercase; color: #cf2200;}
#logo_msite_name {font-family: "MyriadProRegular";}
#logo_msite_hk {font-family: "MyriadProBold"; top: 24px;}
#logo_msite_pikto {position: absolute; left: 0px; top: 0px;}
#logo_msite_pikto img {width: 80px; height: auto;/*-webkit-filter: brightness(50%) sepia(1) hue-rotate(357.2deg) saturate(2450%) brightness(33.2%);filter: brightness(50%) sepia(1) hue-rotate(357.2deg) saturate(2450%) brightness(33.2%);*/}
#logo {position: absolute; z-index: 1; top: 10px; left: 154px;}
#logo img {width: 140px; height: 90px;}
.microsite #logo {left: 199px; display: none;}
.microsite #logo img {width: 95px;}
#header_menu {position: absolute; right: 0px; top: 23px; left: 309px; background-color: #cf2200;}
#header_menu ul {position: relative; margin: 0px; text-align: center; padding: 4px; display: flex; justify-content: center;}
#header_menu ul.submenu {display: none;}
#header_menu ul li {list-style-type: none; /*width: 100px;*/ height: 64px; display: inline-block;}
#header_menu ul li[data-page-id="11"],
#header_menu ul li[data-page-id="227"],
#header_menu ul li[data-page-id="229"] {margin-left: auto;}
#header_menu ul li[data-page-id="227"] .header_menu_text,
#header_menu ul li[data-page-id="229"] .header_menu_text {line-height: 42px;}
#header_menu ul li[data-page-id="227"] .header_menu_text::after,
#header_menu ul li[data-page-id="229"] .header_menu_text::after
{content: "(nový e-shop)"; display: block; transform: translateY(-50%); font-size: 0.8em;}
#header_menu ul li[data-page-id="229"] .header_menu_text::after { content: "(new e-shop)"}
#header_menu ul li[data-page-id="227"] a,
#header_menu ul li[data-page-id="229"] a {background: #f4ca3b; color: #cf2200;}
#header_menu ul li a {display: block; text-align: center; height: 64px; /*text-transform: uppercase;*/ font-weight: 400;
text-decoration: none; color: #FFF; /*font-size: 110%;*/}
/*#header_menu ul li a.header_menu_hopon {position: relative;}
#header_menu ul li a.header_menu_hopon::after {content:'nové'; position: absolute; line-height: 1;
background-color: #FFF; bottom: 60%; right: 0; color: #cf2200; font-size: 50%; padding: 0 1px 1px;}*/
#header_menu ul li.act a, #header_menu ul li a:hover, #header_menu ul li a:active {text-decoration: none;
color: #cf2200; background-color: #FFF;}
#header_menu ul li a .header_menu_text {white-space: nowrap; padding: 0px /*18*/12px; line-height: 64px;}
#header_menu ul li .menu_subm_caret {display: none;}
#body_cont {/*padding: 10px;*/ /*background: #FFF;*/ position: relative;}
.microsite #body_cont {min-height: 500px;}
.subpage_msite_left_col {}
.subpage_msite_left_col.subpage_msite_left_col_mobile {display: none;}
.subpage_msite_left_col #hp_heading, .subpage_msite_left_col #hp_news, .subpage_msite_left_col #hp_services {display: none !important;}
.subpage_msite_left_col>p{margin: 0; padding: 0; height: 0; overflow: hidden;}
#body_cont_shadow {position: fixed; top: 0; left: 0; right: 0; bottom: -40%; z-index: /*100*/7000; background-color: #333; opacity: 0.5; display: none;}
#body_cont_wide {background-color: #FFF; padding: 15px; position: relative;}
.subpage #body_cont_wide {padding: 20px 25px; float: right; width: 651px; box-sizing: border-box;}
.subpage #body_cont_wide p {padding-top: 5px; padding-bottom: 5px;}
.homepage #body_cont {padding: 0;}
.homepage #body_cont {background: transparent;}
.homepage #body_cont_wide {background-color: transparent; padding: 0;}
#body_cont_left {position: relative; float: left; /*width: 204px; padding-right: 29px;*/ width: 300px; padding: 20px 10px 10px; background-color: #FFF;
box-sizing: border-box;}
#body_cont_left ul {background-color: #f2f2f2; padding: 0;}
#body_cont_left>ul {margin-top: 10px;}
#body_cont_left ul li {list-style-type: none; display: block;}
#body_cont_left ul li a {display: block; padding: 10px 20px; text-decoration: none; border-bottom: 1px solid #FFF;}
#body_cont_left ul li a .header_menu_text, #body_cont_left ul li a .menu_subm_caret {display: inline-block;}
#body_cont_left ul.submenu {display: block; max-height: 0; overflow: hidden; transition: max-height 2s linear;
-moz-transition: max-height 2s linear; -webkit-transition: max-height 2s linear; -o-transition max-height: 2s linear;}
#body_cont_left ul.submenu li a {background-color: #999; color: #FFF; /*padding: 5px 20px 5px 40px;*/}
#body_cont_left ul li.act>a {background-color: #f4ca3a; color: #333;}
#body_cont_left ul li a:hover {background-color: #373737; color: #FFF;}
#body_cont_left ul li.act .submenu, #body_cont_left ul li:hover .submenu {max-height: 650px;}
#body_cont_right {position: relative; float: right; width: 651px; background-color: #FFF; box-sizing: border-box; padding: 20px 25px;}
.homepage #body_cont_right {background: transparent;}
#body_cont_right table {border: 1px solid #333;}
#body_cont_right table td {border: 1px solid #333;}
#body_cont_right table.noborder {border-width: 0;}
#body_cont_right table.noborder td {border-width: 0;}
#body_cont_right img {max-width: 100%; height: auto;}
#body_cont_right #mapa img {max-width: none;}
#body_cont_right ul.files li {width: 45%;}
#body_cont_right p {padding-top: 5px; padding-bottom: 5px; line-height: 1.5;}
#body_cont_right ul {padding-top: 5px; padding-bottom: 5px; line-height: 1.5;}
.cont_image {margin: -15px -20px 0;}
.cont_half_image {margin: 0 0px 0 10px; width: 50%; float: right; position: relative;}
.cont_half_image img {width: 100%;}
.cont_half_box, .cont_half_box_wh {display: inline-block; box-sizing: border-box; width: 48%; background-color: #f2f2f2; vertical-align: top; padding: 20px; margin-right: 1%; margin-bottom: 20px;}
.cont_half_box_wh {background-color: transparent; padding: 0px;}
.cont_half_box img, .cont_half_box_wh img, .cont_half_box iframe, .cont_half_box_wh iframe {width: 100%;}
table.main_contacts tr td:first-child {text-align: center; font-size: 0;}
table.main_contacts tr td i {color: #cf2200; display: inline-block; position: relative; top: 5px;}
table.main_contacts tr td i::before {font-size: 22px;}
table.table_contact th {/*border-bottom: 3px solid #EEE;*/ text-align: left; border-top: 20px solid #FFF; background-color: #DDD;
font-weight: 400; padding: 5px 15px;}
table.table_contact td {padding: 5px 10px; border-bottom: 1px solid #ddd;}
table.table_contact tr td:first-child {width: 50%; padding-left: 15px;}
#body_footer {position: relative; clear: both; width: 100%; text-align: center; margin-top: 115px; font-size: 90%;}
#body_footer_top {padding: 10px 0px; background-color: #373737; color: #FFF;}
#body_footer_top h5 {padding: 10px 5px 0;}
#body_footer_top a {color: #FFF;}
#body_footer_top p {padding-top: 0; margin-top: 0;}
#body_footer_top table {width: 900px; margin: 0px; table-layout: fixed;}
#body_footer_top table tr td {text-align: left;}
.footer_company {height: 45px; position: absolute; left: 10px; top: -55px; word-spacing: -0.25em;}
.footer_company div {display: inline-block; position: relative; height: 100%; padding-right: 20px;}
.footer_company div a {display: block; position: relative; height: 100%;}
.footer_company div a img {height: 40px; -webkit-filter: grayscale(100%); filter: grayscale(100%); vertical-align: middle;}
.footer_company div a:hover img {-webkit-filter: none; filter: none;}
.footer_company div.footer_company_kudyznudy a img {height: 30px;}
.footer_social {height: 45px; position: absolute; right: 0; top: -55px; word-spacing: -0.25em;}
.footer_social div {display: inline-block; position: relative; height: 100%;}
.footer_social div.footer_social_fb {background-color: #3b5998;}
.footer_social div.footer_social_yt {background-color: #cf2200;}
.footer_social div a {display: block; position: relative; height: 100%;}
.footer_social div a img {height: 100%;}
#body_footer_bottom {background: #2b2a2a; padding: 10px 0px; color: #F5F5F5;}
#body_footer_bottom a {color: #F5F5F5;}
.ui-datepicker {z-index: 1; font-size: 90% !important;}
#cookie_law_box .cookie_button {font-weight: 300;}
.contact_form {background-color: #e5e5e5; padding: 20px 20px; margin-top: 10px;
/*border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px;*/}
.contact_form table td {padding: 4px;}
.contact_form h2 {padding-left: 0; padding-bottom: 0;}
.contact_form label {display: inline-block; margin-top: 10px; margin-bottom: 3px;}
.contact_form textarea {max-width: 100%; margin-top: 0;}
.contact_form img {width: auto !important; vertical-align: middle;}
.contact_form .cf_input_div {padding: 3px 0;}
.contact_form input, .contact_form textarea {border: 1px solid #ccc; padding: 5px 8px; box-sizing: border-box; width: 100%;}
.contact_form .cf_input_div_catpcha input {width: auto;}
.forms_form .form-group {margin-bottom: 0;}
.forms_form input[type="text"], .forms_form input[type="email"], .forms_form textarea {padding: 6px 8px; line-height: 1.4;
border-width: 0; background-color: #f0f0f0; margin-bottom: 10px; margin-top: 5px;}
.forms_form input[type="text"], .forms_form input[type="email"] {max-width: 100%; width: 400px;}
.forms_form input[type="file"] {margin-bottom: 18px;}
.forms_form textarea {width: 400px; max-width: 100%; height: 100px;}
.forms_form input[type="submit"] {background-color: #f4ca3a; border-width: 0; padding: 10px 15px; font-size: 16px; font-weight: 400;}
.forms_form input[type="submit"]:hover {background-color: #373737; color: #FFF;}
.search_op {display: none; z-index: 2; position: absolute; top: 0; right: 0; background-color: #FFF; padding-left: 30px;}
.search_cl {display: inline-block; position: absolute; z-index: 1; top: 0; right: 0;}
.search_cl a {color: #737373 !important; display: inline-block; text-align: center; line-height: 40px; width: 30px;}
a.ad_button {display: block; text-align: center; background-color: #cf2200; border: 1px solid #cf2200; font-weight: 400; /*text-transform: uppercase;*/
font-size: 110%; color: #FFF !important; padding: 10px 0; position: relative; /*top: -5px;*/ text-decoration: none !important;}
a.ad_button:hover {color: #cf2200 !important; background-color: #FFF;}
a.ad_button.ad_button_secondary {color: #000 !important; background-color: #f4ca3a; border-color: #f4ca3a;}
a.ad_button.ad_button_secondary:hover {color: #FFF !important; background-color: #000; border-color: #000;}
/*#hp_news a.ad_button {display: none;}*/
i.fa-info-circle {cursor: pointer;}
i.fa-info-circle+p {display: none;}
.priceinfo {position: absolute; z-index: 1000; border: 1px solid #333; background-color: #FFF; padding: 0; min-width: 250px; width: 300px;
max-width: 400px; color: #333; top: 90%; left: -100px;}
.priceinfo_close {position: absolute; top: 0; right: 0; padding: 0px 5px 5px; cursor: pointer; line-height: 1;}
.priceinfo p {padding: 18px 20px 10px !important; text-align: left;}
#mapycz_mhd_holder {position: relative; height: 400px;}
#mapycz_mhd {height: 100%; width: 80%; position: relative;}
#mapycz_mhd_search {height: 100%; width: 20%; position: absolute; right: 0; top: 0; background-color: #FFF; text-align: center; padding: 10px; box-sizing: border-box;}
.mapycz_mhd_search_station {display: inline-block; background: #f8f8f8; padding: 3px 5px; border: 1px solid #FFF; width: 100%;
box-sizing: border-box; line-height: 35px; height: 35px; cursor: pointer; margin: 10px 0;}
.mapycz_mhd_search_station.act, .mapycz_mhd_search_station:hover {border-color: #999;}
#mapycz_mhd_search .fa-exchange {transform: rotate(90deg); margin-left: 15px;}
#mapycz_mhd_search_button {display: inline-block; background: #EEE; padding: 5px 10px; border: 1px solid #FFF; cursor: default; width: 100%; line-height: 35px;
box-sizing: border-box;}
#mapycz_mhd_search_button.act {cursor: pointer; background: #f4ca3a;}
#mapycz_mhd_search_button.act:hover {border-color: #373737; cursor: pointer; background-color: #373737; color: #FFF;}
#hp_info_two {}
.homepage #hp_info_two {height:auto;}
.homepage #hp_info_two .mhd_changes_brief { padding: 4px;}
#hp_info_two p {padding: 20px 20px 13px; /*font-size: 105%;*/ font-weight: 300; color: #000;}
.mhd_changes_brief {text-align: center; word-spacing: -0.25em;}
.mhd_changes_brief p {word-spacing: 0;}
.mhd_change_brief {display: inline-block; /*margin: 0 1px;*/ width: 45px; height: 45px; position: relative; margin: 0 3px 6px;}
.mhd_change_brief a, a.abutt {display: block; width: 100%; line-height: 45px; background-color: #f4ca3a; border: 1px solid transparent;
text-decoration: none !important; /*padding: 8px 13px;*/ font-size: 110%; font-weight: 400;}
a.abutt {width: auto; display: inline-block; padding: 0 15px; font-size: 100%;}
.mhd_change_brief a:hover, a.abutt:hover {border-color: #373737; background-color: #373737; color: #FFF;}
.mhd_changes {}
.mhd_change {display: flex; border: 2px solid #EEE; padding: 15px; margin: 15px 0;}
.mhd_change_lines {/*position: absolute;*/ flex-shrink: 0; width: 100px; word-spacing: -0.25em;}
.mhd_change_line {display: inline-block; width: 45px; height: 45px; line-height: 45px; margin: 0 2px 4px;
background-color: #f4ca3a; text-align: center; cursor: default;/* margin: 4px;*/
font-size: 150%; font-weight: 400;}
.mhd_change_text {/*padding-left: 100px;*/ min-height: 55px; word-break: break-word;}
#hp_info_two.hp_info_two_more {}
#hp_info_two.hp_info_two_more p {padding: 5px 20px 0px;}
.hp_info_two_more .mhd_change_brief {width: 40px; height: 40px;}
.hp_info_two_more .mhd_change_brief a {line-height: 40px;}
#hp_info_two.hp_info_two_much {}
#hp_info_two.hp_info_two_much p {padding: 5px 20px 0px;}
.hp_info_two_much .mhd_change_brief {width: 29px; height: 29px;}
.hp_info_two_much .mhd_change_brief a {line-height: 29px; font-size: 100%;}
.hp_info_wide_banner, .hp_info_half_banner {/*display: none; */position: absolute; left: 309px; top: 370px; height: 165px; width: 841px; background-color: #FFF;}
.hp_info_half_banner {width: 49%; left: auto; right: 0;}
.hp_info_banner_heading {background-color: #cf2200; height: 60px; box-sizing: border-box; padding-left: 20px; font-weight: 600;
color: #FFF; line-height: 60px; text-decoration: none; font-size: 120%; text-transform: uppercase;}
.hp_info_banner_text {height: 105px; padding-left: 20px; padding-top: 20px; box-sizing: border-box;}
.hp_info_banner_text img {float: left; height: 58px; margin: 10px 20px 15px 0;}
.hp_info_banner_text p {font-size: 90%;}
#hp_info_hopon_text {background: transparent url('../img/hopon/phone.png') 20px bottom no-repeat; padding-left: 120px; width: 500px;}
#hp_info_alerts .hp_info_banner_text {font-weight: 400;}
#hp_info_alerts .hp_info_banner_text p {padding-left: 0;}
.hp_info_banner_links {position: absolute; right: 35px; top: 50px;}
.hp_info_banner_links a {display: inline-block; margin-left: 20px;}
.hp_info_banner_links a img {width: 110px;}
.hp_info_banner_more {background-color: #cf2200; height: 60px; box-sizing: border-box; padding-left: 64px;}
.hp_info_banner_more a {color: #FFF; line-height: 60px; text-decoration: none; font-size: 120%;}
.hp_info_banner_more a:hover {text-decoration: underline;}
#hp_info_hopon {display: none;}
/*#hp_info_alerts {display: none;}*/
#hp_info_hr {position: absolute; left: 309px; top: 425px; height: 110px; width: 840px; background-color: transparent; display: none;}
#hp_info_hr_info {position: absolute; left: 909px; top: 450px; height: 85px; width: 240px; background-color: #cf2200;
text-align: center; line-height: 85px; font-size: 140%; font-weight: 400;}
#hp_info_hr_info a {display: block; width: 100%; height: 100%; color: #FFF; text-decoration: none; }
#hp_info_hr_info a:hover {text-decoration: underline;}
#hp_heading, #hp_heading_hr, #hp_info_one, #hp_info_two {position: absolute;}
#hp_heading, #hp_heading_hr {position: absolute; color: #FFF; left: 350px; top: /*215*/170px;
/* for background-04 */ left: 620px; top: 280px;}
#hp_heading h1, #hp_heading_hr h1 {font-size: 50px; font-weight: 700; padding-bottom: 0; line-height: 1.1;}
#hp_heading h2, #hp_heading_hr h2 {font-size: 40px; font-weight: 300; padding-top: 0; line-height: 1.1;}
#hp_heading_hr h1 {font-size: 55px;}
#hp_heading_hr h2 {font-size: 45px;}
#hp_info_one, #hp_info_two {left: 0; background-color: #FFF; width: 295px;}
#hp_info_one {top: 0;}
#hp_info_one .timetables_base {height: 100%;}
#hp_info_two {top: 370px;}
/*#hp_heading {display: none;}*/
.microsite #hp_heading {display: block;}
.microsite.ms_reklama #hp_heading {text-shadow: 3px 3px 3px #000; top: 0; left: 310px;}
#hp_heading_hr {top: /*400px*/350px;/* display: none;*/}
#hp_heading_hr .contribution {display: inline-block;}
#hp_heading_hr .contribution a {display: inline-block; background-color: #cf2200; color: #FFF; padding: 10px 20px; margin-left: 5px; text-decoration: none;}
#hp_heading_hr .contribution a:hover {text-decoration: underline;}
#hp_news, #hp_services {float: left; background-color: #FFF; margin-top: 550px; width: 49%; box-sizing: border-box; padding: 20px 20px 20px 15px;}
#hp_news {}
.main_site #hp_news,.main_site #hp_services { margin-top:620px; }
#hp_news>p:first-child {font-size: 110%;}
#hp_news h4 {padding: 15px 5px 0; font-weight: 300;}
#hp_news .articles {padding: 0;}
#hp_news .articles h3 {/*margin-top: 5px;*/ font-size: 100%; font-weight: 600;}
.homepage #hp_news {min-height: 290px;}
#hp_news a.ad_button {/*margin-top: 15px;*/ margin-bottom: 10px; font-size: 90%; padding: 3px 8px; display: inline-block;}
#hp_news a.ad_button.ad_button_secondary {margin: 0 0 10px; /*font-size: 100%;*/ display: inline-block; /*padding: 5px 15px;*/}
#hp_services {margin-left: 2%; word-spacing: -0.25em;}
#hp_services p {display: inline-block; width: 25%; word-spacing: normal; margin: 0; box-sizing: border-box; vertical-align: top; font-size: 110%;
padding-top: 7px;}
.microsite #hp_services p {width: auto; display: block;}
#hp_services_cont {display: inline-block; position: relative; width: 75%; height: 100%;}
.microsite #hp_services_cont {width: 100%;}
#hp_services_cont a {display: inline-block; background: #cf2200; text-decoration: none; /*height: 45%;*/ width: 30%;
margin: 0 3% 3% 0; font-size: 90%;
text-align: center; word-spacing: normal; vertical-align: middle; position: relative; color: #FFF;
line-height: 1.1; box-sizing: border-box; border: 1px solid #cf2200; padding: 0 0 30%; height: 0;}
.microsite #hp_services_cont a {width: 19%; margin: 0 1% 1% 0; padding: 0 0 19%;}
#hp_services_cont a span {position: relative; display: block; top: 1em; transform: translateY(-50%); margin-top: 0.5em;}
#hp_services_cont a img {width: 60%; position: absolute; bottom: 10%; left: 20%;}
#hp_services_cont a:hover {background-color: #fff; /*color: #f4ca3a;*/ color: #cf2200;}
#hp_services_cont a:hover img {/*filter: sepia(100%) hue-rotate(317deg) saturate(1050%) brightness(19%);
-webkit-filter: sepia(100%) hue-rotate(317deg) saturate(1050%) brightness(19%);*/
/*-webkit-filter: sepia(100%) saturate(8) hue-rotate(112deg) brightness(60%) contrast(200%) invert(100%);
filter: sepia(100%) saturate(8) hue-rotate(112deg) brightness(60%) contrast(200%) invert(100%);*/
/*-webkit-filter: brightness(50%) sepia(1) hue-rotate(357.2deg) saturate(2450%) brightness(33.2%);
filter: brightness(50%) sepia(1) hue-rotate(357.2deg) saturate(2450%) brightness(33.2%);*/
/*-webkit-filter: brightness(50%) sepia(1) hue-rotate(332deg) saturate(24%) brightness(121%);
filter: brightness(50%) sepia(1) hue-rotate(332deg) saturate(24%) brightness(121%);*/
}
#subpage_services #hp_services_cont {width: auto; display: block;}
#subpage_services #hp_services_cont a {width: 15%; margin: 0 1% 1% 0; padding-bottom: 15%;}
#hp_content {float: left; width: 100%; background-color: #FFF; margin-top: 25px; padding: 10px; box-sizing: border-box;}
#hp_info_one {height: 345px;/* background-image: url('../img/dev/spojeni.png');*/}
#hp_info_two {height: 165px; /*background-image: url('../img/dev/zmeny.png');*/}
#hp_news {/*height: 260px;*/}
#hp_services {/*height: 260px;*/ /*background-image: url('../img/dev/sluzby.png'); background-position: right 16px; background-repeat: no-repeat;*/}
.contact_form {margin-bottom: 20px;}
.contact_form input.submit {font-family: 'Roboto', Verdana, Arial, sans-serif;
font-size: /*130%*/16px; font-weight: 400;
color: #333; background-color: /*#f4ca3a*/#fff; border: 1px solid /*#f4ca3a*/ #ccc; margin: 0 0 0 /*5%*/ 0; width: 90% !important; cursor: pointer;
height: auto !important; padding: 10px 0; box-sizing: border-box;}
.contact_form input.submit:hover {border-color: #373737; background-color: #373737; color: #FFF;}
.microsite #body_all {background-position-y: 0; /*background-size: auto 850px;*/}
.microsite #hp_info_one {background-color: #f4ca3a; height: 190px}
.microsite #hp_info_one p {padding: 10px 20px;}
.microsite #hp_info_two {height: 215px; top: 190px;}
.microsite #hp_info_two p, .microsite #hp_info_one h3, .microsite #hp_info_two h3 {padding: 15px 20px 10px;}
.microsite #hp_info_one h3, .microsite #hp_info_two h3 {font-size: 110%;}
.microsite #hp_info_two table {margin: 0 20px; line-height: 1.1;}
.microsite #hp_info_two table td {padding-left: 0; padding-right: 15px;}
.microsite #hp_heading {top: 190px;}
.microsite #hp_news, .microsite #hp_services {margin-top: 450px; height: auto;}
.microsite #hp_news {min-height: 0;}
.microsite #hp_news p {margin-bottom: 25px;}
body.ms_reklama #hp_info_two {height: 320px;}
body.ms_reklama #hp_info_two a.link_poptavka {font-weight: 400; font-size: 16px; background-color: #f4ca3a; padding: 8px 10px; display: inline-block; text-decoration: none;}
body.ms_reklama #hp_info_two a.link_poptavka:hover {background-color: #373737; color: #FFF;}
body.ms_reklama #hp_news, body.ms_reklama #hp_services {margin-top: 530px;}
h1, h2, h3, h4, h5 {font-weight: 700; padding: 5px;}
h1 {font-size: 180%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
p+h1, p+h2, p+h3, p+h4, p+h5 {padding-top: 15px;}
h2+p, h3+p, h4+p, h5+p {padding-top: 0px !important; margin-top: 0;}
b, strong {font-weight: 700;}
.pricelist {margin-top: 10px;}
.pricelist_categories, .pricelist_prices {padding-left: 0;}
.pricelist_categories li, .pricelist_types li {cursor: pointer; list-style-type: none; display: inline-block;
line-height: 50px; padding: 0 0px;}
/*.pricelist_categories li.active, .pricelist_categories li:hover {background-color: #f4ca3a;}
/pricelist_types li.active, .pricelist_types li:hover {background-color: #f4ca3a;}*/
.pricelist_categories li img {max-width: 85px !important; vertical-align: top;}
.pricelist_prices>li {display: none;}
.pricelist_prices>li.active {display: block; list-style-type: none;}
.pricelist_prices>li table, .table_styled {border-width: 0px !important; margin-bottom: 20px; width: 100%;}
.pricelist_prices>li table tr, .table_styled tr {border-bottom: 1px solid #cacaca;}
.pricelist_prices>li table tr:first-child, .table_styled tr:first-child,
.pricelist_prices>li table tr:last-child, .table_styled tr:last-child {border-bottom-width: 0px;}
.pricelist_prices>li td, .pricelist_prices>li th, .table_styled td, .table_styled th {border-width: 0 !important; padding: 4px 8px; line-height: 1.5;}
.pricelist_prices>li td, .table_styled td {text-align: center;}
.pricelist_prices>li td:first-child, .table_styled:first-child {text-align: left;}
.pricelist_prices>li th, .table_styled th {color: #FFF; background-color: #333; font-weight: 400; line-height: 1.8; font-size: 90%;}
.pricelist_prices>li th {text-align: center;}
.pricelist_prices>li th:nth-child(1) {text-align: left;}
.pricelist_prices>li th:nth-child(3) {white-space: nowrap;}
.pricelist_prices>li tr td:nth-child(1) {font-size: 90%; white-space: nowrap;}
.table_styled.table_styled_left td {text-align: left;}
.schema {background-color: #f2f2f2; padding: 20px; box-sizing: border-box; min-height: 150px; margin-bottom: 20px; position: relative;}
.schema h2 {padding-bottom: 15px;}
.schema p {}
.schema>a {display: block; float: left; height: 110px; width: 155px; text-align: center; margin-right: 30px;}
.schema>a>img {height: 110px !important;}
ul.hkhit-rss-list {}
ul.hkhit-rss-list li {list-style-type: none;}
ul.hkhit-rss-list li a {text-decoration: none; display: block; margin-bottom: 20px;}
ul.hkhit-rss-list li a:hover .hkhit-rss-list_nadpis {text-decoration: underline;}
ul.hkhit-rss-list li .hkhit-rss-list_nadpis {font-weight: 700;}
ul.hkhit-rss-list li .hkhit-rss-list_foto {display: none;}
.articles {padding: 20px;}
.articles h3 {margin-bottom: 0 !important; font-size: 100%; padding-bottom: 0 !important;}
.articles h3 a {color: #333; text-decoration: none;}
.articles h3 a:hover {text-decoration: underline;}
.articles p.bold {padding-top: 0; margin-top: 0; font-weight: 300; font-size: 90%; color: #707070;}
.articles p.right {display: none;}
.articles hr {visibility: hidden;}
/* obecne */
p {margin: 7px 0px; padding: 0px 5px;}
a:not([name]), a[href] {color: #333; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: 0px;}
a.underlined {text-decoration: underline;}
a.underlined:hover {text-decoration: none;}
form {margin: 0px;}
table tr td, table tr th {padding: 2px 5px;}
ul, ol {padding-left: 30px;}
.alert {color: #F00; font-weight: bold;}
.clear {position: relative; clear: both;}
.center {text-align: center;}
.right {text-align: right;}
.bold {font-weight: bold;}
.display_none {display: none;}
.float_left {float: left;}
.float_right {float: right;}
.width_100 {width: 100%;}
.width_50 {width: 50%;}
.width_25 {width: 25%;}
.red {color: #F00;}
.required {color: #F00;}
.vtop {vertical-align: top;}
table.vtop td {vertical-align: top;}
.vtop label {position: relative; top: 2px;}
.vmiddle {vertical-align: middle;}
.vbottom {vertical-align: bottom;}
table.vbottom td {vertical-align: bottom;}
.border {border: 1px solid #000;} /* hlavne pro testovani */
.pos_absolute {position: absolute;}
.pos_relative {position: relative;}
.small {font-size: 85%;}
.icon_in_line {position: relative; top: 3px;}
.print_display {display: none;}
.nowrap {white-space: nowrap;}
.a_pointer_underline {cursor: pointer; color: #0080b9; text-decoration: underline;}
.a_pointer_underline:hover {text-decoration: none;}
table.ramecek {border: 1px solid #000;}
table.ramecek td {border: 1px solid #000;}
body .sa_slider_track {position: relative; width: 182px; height: 17px; background: transparent url('../img/slider.png') left 4px no-repeat;}
body .sa_slider_handle_min, body .sa_slider_handle_max {position: absolute; height: 100%; width: 16px; background: transparent url('../img/slider_dot.png') left top no-repeat; cursor: move;}
.news_last {padding: 3px 0px 0px;}
.news_last h3 {border-bottom-width: 0px;}
.news_last hr {border-style: dashed; border-color: #798d9a; border-width: 0px 0px 1px 0px;}
/*
.pagers {padding: 5px 0px;}
.pagers_nums {margin: 0px 0px 0px 130px;}
.pagers a, .pagers span {display: block; padding: 3px 5px 7px 4px; font-size: 85%; line-height: 16px; text-align: center; text-decoration: none;}
.pagers a, .pagers span.act {float: left; width: 18px; background: transparent url('../img/pager_num.png') left top no-repeat;}
.pagers a:hover, .pagers a:active, .pagers span.act {background-image: url('../img/pager_num_act.png');}
.pagers span.dots {float: left; font-weight: bold; margin: 0px 5px 0px 2px;}
.pagers a.prev, .pagers a.next {width: 83px; padding: 3px 0px 7px; background-image: url('../img/pager_prevnext.png'); letter-spacing: -0.5px;}
.pagers a.prev:hover, .pagers a.prev:active, .pagers a.next:hover, .pagers a.next:active {background-image: url('../img/pager_prevnext_act.png');}
*/
.pagers {padding: 10px 0px 5px;}
.pagers_nums {margin: 0px 0px 0px 240px;}
.pagers a, .pagers span {display: block; padding: 0px 6px 2px 6px; margin: 0px 1px; font-size: 90%; line-height: 18px; text-align: center; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
.pagers a, .pagers span.act {float: left; background-color: #fcddbf; color: #1f71af;}
.pagers a:hover, .pagers a:active, .pagers span.act {background-color: #f48b23; color: #FFF;}
.pagers span.dots {float: left; font-weight: bold; margin: 0px 0px 0px 0px;}
.pagers a.prev, .pagers a.next {letter-spacing: -0.5px; margin: 0px;}
table.booking td {font-size: 90%;}
.galleria-errors {display: none;}
.galleria-info {}
/* ???????? */
/* pirobox_extended_galleria */
.piro_html .h_c_c .div_reg .galleria-thumbnails img {cursor: pointer;}
.piro_html .h_b_c, .piro_html .h_t_c, .piro_html .h_c_c .div_reg img {cursor: default;}
.piro_html .h_b_c, .piro_html .h_t_c, .piro_html .h_c_c .div_reg a img {cursor: pointer;}
.piro_overlay {background-color: #000;}
/*body .piro_html .h_c_c, body .piro_html .h_c_c .div_reg, body .caption {background-color: #FFF; background-image: none;}*/
/*
.piro_close {background-image: url('../img/pirobox_extended/close.png');}
.piro_prev_fake, a.piro_prev, a:hover.piro_prev {background-image: url('../img/pirobox_extended/prev.png');}
.piro_next_fake, a.piro_next, a:hover.piro_next {background-image: url('../img/pirobox_extended/next.png');}
.piro_html .h_c_c, .piro_html .h_c_c .div_reg, .caption {background-image: url('../img/pirobox_extended/caption.png');}
.piro_html .h_t_l, .piro_html .h_t_r, .piro_html .h_b_l, .piro_html .h_b_r{background-image: url('../img/pirobox_extended/new_skin.png');}
.piro_html .h_c_l, .piro_html .h_c_r{background-image: url('../img/pirobox_extended/new_skin_left.png');}
.piro_html .h_t_c, .piro_html .h_b_c{background-image: url('../img/pirobox_extended/new_skin_top.png');}
.nav_container{background-image: url('../img/pirobox_extended/bottom_nav.png');}
.galleria-container {background-color: #def0d6;}
.galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left,
.galleria-image-nav-right {background-image: url('../img/galleria-own-map.png');}*/
/* banner */
.banner_all {position: relative; height: 300px; width: 100%; overflow: hidden;}
.banner_banners {position: relative; width: 100%; height: 100%;}
.banner_banner {width: 100%; height: 300px; position: relative; text-align: center;}
.banner_banner a {display: block; width: 100%; height: 100%; text-decoration: none;}
.banner_banner_image {vertical-align: middle;}
.banner_banner_info {position: absolute; bottom: 20px; left: 13px; width: 614px; color: #FFF; text-align: left;}
.banner_banner_info_text {position: relative; z-index: 2;}
.banner_banner_info_back {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #4a818f; opacity: 0.67; filter: alpha(opacity=67);}
.banner_banner_border {border: 2px solid black; height: 296px; width: 636px; position: absolute; left: 0px; top: 0px; opacity: 0.2; filter: alpha(opacity=20);}
.banner_banners_pager {position: absolute; padding: 3px 26px 3px 10px; right: 0px; bottom: 0px; height: 14px;}
.banner_banners_pager a.pager-link {display: block; float: left; height: 14px; width: 14px; margin-left: 4px; background-color: #3ec5f2; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;
text-indent: 100%; white-space: nowrap; overflow: hidden;} /* hide the text */
.banner_banners_pager a.pager-active {background-color: #f48123;}
/* files */
ul.files {}
ul.files .files_heading {padding-top: 10px; list-style-type: none; font-weight: bold;}
ul.files {display: block; /*text-align: center;*/ padding: 0; margin: 15px 0;}
ul.files li {display: inline-block; width: 30%; list-style-type: none; box-sizing: border-box; min-height: 61px; text-align: left; position: relative;
vertical-align: top; padding: 5px 20px 5px 65px;}
ul.files li::before {content: ''; position: absolute; left: 0; top: 0; width: 53px; height: 61px; background-image: url('../img/file.png');}
ul.files li a {display: block; min-height: 61px; font-weight: 700;}
table.photogallery_classic {border-width: 0 !important; width: 100%;}
table.photogallery_classic td {text-align: center; border-width: 0 !important; width: 25%; vertical-align: top; padding: 1px;}
table.photogallery_classic td a {display: block; max-height: 110px; overflow: hidden; position: relative;}
table.photogallery_classic td a img {width: 100%; height: auto; position: relative; /*top: 50%; transform: translateY(-50%);*/}
/* photogallery_slideshow */
.photogallery_slideshow {position: relative; height: 200px;}
.photogallery_slideshow img {position: absolute; left: 0px; top: 0px;}
/* photogallery_moving */
.photogallery_moving {}
.photogallery_moving_image {float: left;}
/* photogallery_changing */
.photogallery_changing {position: relative;}
.photogallery_changing_div {float: left; position: relative;}
.photogallery_changing_image {width: 100%; text-align: center;}
/* bxslider */
.bxslider {position: relative;}
a.bx-prev, a.bx-next {display: block; position: absolute; top: 40%; opacity: .5; filter: alpha(opacity=50);}
a.bx-prev:hover, a.bx-next:hover {opacity: 1; filter: alpha(opacity=100);}
a.bx-prev {left: -8px;}
a.bx-next {right: -8px;}
/* modules */
.module {}
.module_height {float: left; height: 120px;}
.module_in {float: left; position: relative; width: 100%;}
.module_content {display: none; color: #FFF;}
/* chosen */
/*.chzn-container { width:250px !important; }*/
.chzn-container, .chzn-drop, .chzn-drop .chzn-search, .chzn-drop .chzn-search input {width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.chzn-search input {height: auto !important;}
.chzn-container-single a.chzn-single {font-weight: 600; color: #000;}
.chzn-container-single a.nothing {font-weight: normal; color: rgb(68,68,68);}
/* hlaska */
p.hlaska {font-size: 120%; color: #F22; font-weight: bold;}
/* google maps */
#google_map_canvas {width: 100%; height: 425px;}
#google_map_canvas.small_show {width: 50%; height: 380px; margin-top: 10px; float: right;}
#google_map_canvas.simply_show {width: 35%; height: 300px; float: right;}
/* articles */
.articles {}
.articles h3 {margin: 10px 0px;}
.articles img {margin: 10px 0px; object-fit: contain;}
.articles div.float_left img {margin: 0px 10px 10px 0px;}
.articles p {margin: 10px 0px;}
.articles hr {margin: 10px 0px;}