body { font-size: 14px; color: #333333; } .img-responsive { margin: 0px auto; } .img-thumbnail { margin-bottom: 15px; border-radius: 0px; padding: 0px; } .push-bottom { margin-bottom: 15px; } .btn { border-radius: 0px; } h1, .h1 { margin-top: 0px; font-size: 28px; font-weight: normal; color: #000000; margin-bottom: 25px; } h2, .h2 { font-size: 24px; font-weight: normal; } h3, .h3 { font-size: 22px; font-weight: normal; } h4, .h4, h5, .h5, h6, .h6 { font-size: 18px; font-weight: normal; } ul { padding-left: 22px; color: #333333; } a { color: #00519a; text-decoration: underline; } a:hover, a:focus, a:active { text-decoration: underline; color: #dd0000; } img { max-width: 100%; height: auto; } .zahodit, .zobraz-pozdeji { display: none; } img.zoom { cursor: pointer; } .img_bcg_block { overflow: hidden; } .img_bcg { display: block; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; transition: transform 0.5s; image-rendering: -webkit-optimize-contrast; } .box_link { position: absolute; top: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; z-index: 2; } .box_link:hover ~ .img_bcg_block .img_bcg, .box_link:focus ~ .img_bcg_block .img_bcg { transform: scale(1.1); transition: transform 0.5s; } .stin { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .h2_extra { font-weight: 300; padding-bottom: 6px; border-bottom: 1px solid #dedede; color: #000000; } .clear { clear: both; } .vertical-align { position: absolute; top: 50%; transform: translateY(-50%); } .btn-default { border: 1px solid #99ccff; color: #333333; padding: 10px 15px; text-decoration: none; line-height: 25px; min-height: 45px; background: transparent; } .btn-default:hover, .btn-default:focus { background-color: #0066cc; border-color: #0066cc; color: #ffffff; } .btn-primary { position: relative; background-color: #004499; border-color: #004499; font-size: 18px; line-height: 20px; color: #ffffff; font-weight: 600; padding-top: 19px; padding-bottom: 19px; text-transform: uppercase; text-decoration: none; } .btn-primary:hover, .btn-primary:focus { background-color: #0066cc; border-color: #0066cc; } .form-control { border-radius: 0px; } #header { position: fixed; top: 0; left: 0; background: #ffffff; border-radius: 0px; margin: 0; border: 0; z-index: 50; width: 100%; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); } #header .header-top { padding-top: 0px; padding-bottom: 0px; position: relative; } #logo { margin: 0px; display: block; width: 167px; float: left; } #logo img { height: auto; max-width: 100%; max-height: 70px; margin-top: 3px; } #header .navbar-toggle { background-color: #dd0000; color: #ffffff; padding: 7px 12px; margin: 0 0 0 10px; border-radius: 6px; } #header .navbar-toggle:hover { background-color: #0066cc; } .social { margin-top: 20px; } #g-plusobal { overflow: hidden; width: 60px; display: inline-block; margin-bottom: -4px; } #topMenu { padding: 0px; margin: 30px 34px 0px 0px; display: none; min-height: initial; } #topMenu ul { line-height: 16px; } #topMenu li a { padding: 0px 15px; line-height: 16px; text-decoration: none; background: transparent; font-size: 15px; color: #337ab7; font-weight: 400; } #topMenu .active a { color: #dd0000; } #topMenu li a:hover, #topMenu li a:focus { color: #dd0000; } #topMenuMini { display: block; } #mainMenu { margin-bottom: 0; padding: 0px 0px; font-size: 14px; clear: both; min-height: 0px; border-radius: 0px; background: #004499; } #mainMenu a { color: #ffffff; text-decoration: none; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu .active a, #mainMenu li.opened a { background: #0066cc; color: #ffffff; } #mainMenu .active li a, #mainMenu li.opened li a { color: #000000; } #mainMenu a.btn { text-align: left; } #mainMenu li li.active a { color: #f5b606; } #mainMenu li.opened li a:hover, #mainMenu li.opened li a:focus, #mainMenu li.opened li.active a { color: #f5b606; } .dafe-menu > .row { margin: 0px; display: flex; } .dafe-menu .title { font-size: 24px; font-weight: 300; display: block; padding: 20px 0px 15px 40px; color: #000000; } .dafe-menu-textbox { font-size: 13px; background-color: #f2f3f5; } #navbar ul.navbar-nav .opened .dropdown-menu { display: block; position: static; float: none; font-size: 14px; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-background-clip: none; background-clip: none; } .navbar-nav { margin-top: 0px; margin-bottom: 0px; } #navbar .dropdown-menu > li > a { padding: 5px 40px; } .caret { border-top: 15px dashed; border-right: 15px solid transparent; border-left: 15px solid transparent; } #animace { margin-bottom: 40px; } #animace .carousel-inner .item { background: url("/img/slide/1.webp") 50% 0px no-repeat #ffffff; width: 100%; height: 405px; background-size: cover; background-position: center; } #animace .carousel-inner .item > img { display: none; } #animace a .glyphicon-chevron-left, #animace a .glyphicon-chevron-right { width: 40px; height: 40px; } #animace a .glyphicon-chevron-right { background-position: -40px 0; } #animace a:hover .glyphicon-chevron-left, #animace a:active .glyphicon-chevron-left { background-position: 0 -40px; } #animace a:hover .glyphicon-chevron-right, #animace a:active .glyphicon-chevron-right { background-position: -40px -40px; } #animace .carousel-control { background-image: none; } #animace .animace-caption { position: absolute; top: 25%; left: 6.5%; width: 55%; text-align: left; font-size: 30px; line-height: 35px; color: #ffffff; font-weight: 300; background-color: rgba(12, 12, 12, 0.5); padding: 15px 30px; } #animace .animace-caption p { margin: 0px; } #animace .animace-caption strong { display: block; margin-bottom: 20px; font-size: 40px; line-height: 50px; color: #ffffff; font-weight: 400; } #animace .animace-caption.caption-align-P { text-align: right; left: initial; right: 6.5%; } #animace .carousel-indicators { bottom: 34px; margin-bottom: 0px; } .carousel-indicators li { width: 15px; height: 15px; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.5); margin: 0px 8px; } .carousel-indicators li.active { width: 15px; height: 15px; background: #dd0000; margin: 0px 8px; } #animace .carousel-inner, #animace .carousel-indicators { display: none; } @media (min-width: 768px) { #animace .carousel-inner, #animace .carousel-indicators { display: block; } } @media (min-width: 992px) { #animace .animace-caption { width: 55%; } #animace .animace-caption { font-size: 35px; line-height: 50px; } #animace .animace-caption strong { font-size: 55px; line-height: 60px; } } @media (min-width: 1220px) { #animace .carousel-inner .item { height: 605px; } #animace .animace-caption { width: 45%; } #animace .animace-caption { font-size: 40px; line-height: 60px; } #animace .animace-caption strong { font-size: 60px; line-height: 70px; } } @media (min-width: 1460px) { #animace .animace-caption { top: 25%; left: 6.5%; width: 35%; } } #animace .carousel-inner .item { transition-property: opacity; } #animace .carousel-inner .item, #animace .carousel-inner .active.left, #animace .carousel-inner .active.right { opacity: 0; } #animace .carousel-inner .active, #animace .carousel-inner .next.left, #animace .carousel-inner .prev.right { opacity: 1; } #animace .carousel-inner .next, #animace .carousel-inner .prev, #animace .carousel-inner .active.left, #animace .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); } #col-main ul { text-align: left; margin-bottom: 20px; } #col-main ul li { margin-bottom: 4px; } .section_title { position: relative; font-size: 36px; color: #000000; font-weight: 400; margin-top: 0px; margin-bottom: 65px; } .section_title.bottom_line:after { content: ""; position: absolute; bottom: -25px; left: 0px; right: 0px; width: 80px; height: 3px; margin: 0 auto; background-color: #dd0000; } .section_text { font-size: 16px; line-height: 20px; color: #000000; font-weight: 400; } #tlacitka-hp { position: relative; z-index: 15; padding-top: 30px; padding-bottom: 20px; width: 100%; text-align: center; } #tlacitka-hp .section_title { font-size: 40px; margin-bottom: 55px; } #tlacitka-hp .tlacitka-hp-item .box { position: relative; max-width: 340px; margin: 0px auto 20px auto; } #tlacitka-hp .tlacitka-hp-item .title { padding: 25px 30px 28px 30px; margin: 0px; font-size: 28px; line-height: 36px; color: #000000; font-weight: 400; text-transform: uppercase; text-align: left; } #tlacitka-hp .tlacitka-hp-item .img_bcg_block { height: 265px; } #tlacitka-hp .tlacitka-hp-item .img_bcg_block .img_bcg { object-fit: cover; width: 100%; } @media (min-width: 460px) { #tlacitka-hp .tlacitka-hp-item .title { padding-right: 100px; } } @media (min-width: 768px) { #tlacitka-hp .tlacitka-hp-item .box { max-width: initial; } #tlacitka-hp .tlacitka-hp-item .title { min-height: 125px; } } @media (min-width: 992px) { #tlacitka-hp .tlacitka-hp-item .title { padding-right: 210px; } } @media (min-width: 1220px) { #tlacitka-hp .tlacitka-hp-item .title { padding-right: 50px; } } @media (min-width: 1460px) { #tlacitka-hp .tlacitka-hp-item .title { padding: 25px 100px 28px 30px; } } #pomuzeme { background-color: #e8f7ff; padding-top: 70px; padding-bottom: 60px; margin-top: 40px; margin-bottom: 40px; font-size: 16px; line-height: 20px; color: #000000; font-weight: 400; text-align: center; } #pomuzeme .section_title { margin-bottom: 18px; } #pomuzeme .section_text { margin-bottom: 42px; } #pomuzeme .box { position: relative; max-width: 340px; margin: 0px auto 20px auto; text-align: center; } #pomuzeme .box .content { padding: 38px 15px 45px 15px; background-color: #004499; } #pomuzeme .box .content .icon { font-size: 48px; color: #99ccff; margin-bottom: 35px; } #pomuzeme .box .content .title { font-size: 22px; color: #ffffff; font-weight: 600; margin-top: 0px; margin-bottom: 17px; } #pomuzeme .box .content .text { font-size: 15px; line-height: 20px; color: #99ccff; font-weight: 400; } #pomuzeme .box .box_link:hover ~ .content, #pomuzeme .box .box_link:focus ~ .content { background-color: #0066cc; } @media (min-width: 768px) { #pomuzeme .box { max-width: initial; } } @media (min-width: 992px) and (max-width: 1219px) { #pomuzeme .box .content { min-height: 250px; } } @media (min-width: 1460px) { #pomuzeme .box .content { padding: 48px 30px 55px 30px; } #pomuzeme .box .content .icon { font-size: 56px; margin-bottom: 40px; } #pomuzeme .box .content .title { font-size: 24px; } #pomuzeme .box .content .text { font-size: 17px; line-height: 24px; } } #aktuality { position: relative; margin-top: 80px; margin-bottom: 40px; padding-top: 40px; padding-bottom: 80px; text-align: center; } #aktuality .background { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(232, 247, 255, 1) 50%, rgba(232, 247, 255, 1) 100% ); } #aktuality .btn { min-width: 280px; margin-top: 20px; } .clanky-articles .box { margin-bottom: 20px; position: relative; max-width: 460px; margin-left: auto; margin-right: auto; } .clanky-articles .box .box_link { border: 1px solid transparent; } .clanky-articles .img_bcg_block { height: 250px; } .clanky-articles .bottom { padding: 30px 20px; text-align: left; background-color: #ffffff; min-height: 240px; } .clanky-articles .bottom .title { font-size: 20px; line-height: 30px; color: #333333; font-weight: 600; margin-top: 0px; margin-bottom: 12px; } .clanky-articles .bottom .text { font-size: 14px; line-height: 24px; color: #303030; font-weight: 400; height: auto; } .clanky-articles .box .box_link:hover, .clanky-articles .box .box_link:focus { border-color: #0066cc; } .clanky-articles .box .box_link:hover ~ .bottom .title, .clanky-articles .box .box_link:focus ~ .bottom .title { text-decoration: underline; } @media (min-width: 768px) { .clanky-articles .box { max-width: initial; } .clanky-articles .bottom .title { max-height: 60px; overflow: hidden; } .clanky-articles .bottom .text { height: 100px; overflow: hidden; } } #showroom { position: relative; margin-top: 80px; margin-bottom: 40px; padding-top: 55px; padding-bottom: 100px; background-color: #e8f7ff; } #showroom .background { position: absolute; top: 0px; right: 0px; width: 49.9%; height: 100%; background-image: url("/img/showroom.webp"); background-size: 100%; background-position: left; } #showroom .section_title { margin-bottom: 20px; } #showroom .content { padding-left: 20px; padding-right: 40px; } #showroom .content .text { font-size: 16px; line-height: 30px; color: #000000; font-weight: 400; } #showroom .content .btn { min-width: 205px; margin-top: 28px; } @media (min-width: 1220px) { #showroom .content { padding-left: 40px; padding-right: 60px; } } @media (min-width: 1460px) { #showroom .content { padding-left: 60px; padding-right: 80px; } } #reference { padding-top: 82px; padding-bottom: 40px; text-align: center; } #reference .section_title { margin-bottom: 55px; } #reference .btn { min-width: 280px; margin-top: 20px; } .simple_clanky-articles .box { margin-bottom: 20px; position: relative; max-width: 460px; margin-left: auto; margin-right: auto; } .simple_clanky-articles .box .box_link { border: 1px solid transparent; } .simple_clanky-articles .img_bcg_block { height: 250px; } .simple_clanky-articles .bottom { padding: 23px 20px; text-align: left; background-color: #ffffff; min-height: 105px; text-align: center; } .simple_clanky-articles .bottom .title { font-size: 18px; line-height: 28px; color: #333333; font-weight: 600; margin-top: 0px; margin-bottom: 0px; } .simple_clanky-articles .box .box_link:hover, .simple_clanky-articles .box .box_link:focus { border-color: #0066cc; } .simple_clanky-articles .box .box_link:hover ~ .bottom .title, .simple_clanky-articles .box .box_link:focus ~ .bottom .title { text-decoration: underline; } @media (min-width: 768px) { .simple_clanky-articles .box { max-width: initial; } .simple_clanky-articles .bottom { min-height: initial; height: 105px; } .simple_clanky-articles .bottom .title { max-height: 60px; overflow: hidden; } } #kdeNasNajdete { padding-top: 32px; padding-bottom: 40px; text-align: center; } #kdeNasNajdete .section_title { margin-bottom: 10px; } #kdeNasNajdete .section_text { font-size: 24px; line-height: 36px; } #kdeNasNajdete .map_link { display: inline-block; } #kdeNasNajdete .map_link img { margin-top: 33px; max-height: 355px; transition: filter 0.5s; } #kdeNasNajdete .map_link:hover img, #kdeNasNajdete .map_link:focus img { filter: drop-shadow(0px 0px 5px rgba(0, 102, 204, 1)); } #bottom-vyhody { padding-top: 35px; padding-bottom: 70px; text-align: center; } #bottom-vyhody .col { margin-bottom: 20px; } #bottom-vyhody .block { position: relative; width: 180px; height: 180px; margin: 0px auto; border-radius: 50%; background-color: #dd0000; text-align: center; } #bottom-vyhody .block .content { left: 10px; right: 10px; } #bottom-vyhody .block .content .popis { font-size: 16px; line-height: 20px; color: #ffffff; font-weight: 400; min-height: 35px; padding: 0px 20px; } #bottom-vyhody .block .content .cislo { font-size: 39px; color: #ffffff; font-weight: 700; } #bottom-vyhody .text { font-size: 13px; line-height: 18px; color: #5e5e5e; font-weight: 400; margin: 14px auto 0px auto; padding: 0px 10px; } #bottom-vyhody .text a { font-size: 13px; line-height: 18px; color: #5e5e5e; font-weight: 400; } #bottom-vyhody .text a:hover, #bottom-vyhody .text a:focus { color: #0066cc; } @media (min-width: 460px) and (max-width: 767px) { #bottom-vyhody .text { width: 50%; } } @media (min-width: 768px) { #bottom-vyhody .text { min-height: 55px; } } @media (min-width: 992px) { #bottom-vyhody .text { min-height: 72px; } } footer { background-color: #004499; } #pata-menu { padding-top: 50px; padding-bottom: 0px; } #pata-menu .footer_col { margin-bottom: 30px; text-align: center; } #pata-menu a:hover, #pata-menu a:focus, #pata-menu a:active { color: #ffffff; } #pata-menu .title { display: block; font-size: 24px; line-height: 17px; color: #ffffff; font-weight: 600; margin-bottom: 27px; } #pata-menu p { margin-bottom: 0px; } #pata-menu .nav-footer { padding: 0; list-style: none; margin-bottom: 0; } #pata-menu a, #pata-menu .nav-footer li a { font-size: 16px; line-height: 24px; color: #99ccff; font-weight: 400; text-decoration: none; } #pata-menu a.kontakt_link.vice { text-decoration: underline; } #pata-menu a:hover, #pata-menu a:focus, #pata-menu a:active, #pata-menu .nav-footer li a:hover, #pata-menu .nav-footer li a:focus, #pata-menu .nav-footer li a:active { color: #ffffff; text-decoration: underline; } #pata-menu .kontakt_info { font-size: 16px; line-height: 24px; color: #99ccff; font-weight: 400; } @media (min-width: 768px) { #pata-menu .footer_col { text-align: left; } } #pata-socialy { width: 280px; margin: 0px auto 35px auto; } #pata-socialy a { display: block; position: relative; height: 50px; width: 50px; margin: 15px 10px; float: left; overflow: hidden; } #pata-socialy a img { position: absolute; top: 0px; left: 0px; } #pata-socialy a:hover img { top: auto; bottom: 0px; } #autor { background: #003388; border-top: 1px solid #1351a1; } #autor p { font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; margin: 0px; padding: 27px 0px 20px 0px; vertical-align: middle; } #autor a { color: #99ccff; text-decoration: none; } #autor .text-right p { display: flex; align-items: center; justify-content: center; } #autor .text-right a { display: inline-block; line-height: 22px; height: 22px; padding: 0px; vertical-align: middle; } #autor a#logo-cp { background: url("/img/czechproject.webp?v=1") 0px 0px no-repeat transparent; width: 105px; margin: 0px 10px; } #autor a#logo-cpedit { background: url("/img/cpi.webp?v=1") 0px 0px no-repeat transparent; width: 40px; margin: 0px 10px; } #autor a:hover, #autor a:focus { background-position: 0px 100% !important; color: #ffffff; } #autor a span { display: none; } #autor .col-md-6 { text-align: center; } @media (min-width: 992px) { #autor .text-right p { justify-content: end; } } .btn-sipka { display: block; width: 32px; height: 32px; background: url("/img/sipka.webp") 50% 0px no-repeat transparent; } .btn-sipka:hover, *:hover > .btn-sipka { background-position: 50% 100%; } ul.articles { padding: 0px; margin-bottom: 0px; list-style: none; } #col-main ul.articles li { margin-bottom: 38px; font-size: 13px; text-align: left; } ul.articles li h2, ul.articles li h3 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 18px; font-weight: normal; color: #0066cc; text-decoration: none; } ul.articles li h2 > a, ul.articles li h3 > a { color: #0066cc; text-decoration: none; } ul.articles li img.img-responsive { max-width: 100%; height: auto; margin: 0px 0px 15px 0px; } ul.articles li p { margin-bottom: 10px; } ul.articles li .article-meta { padding-top: 8px; } ul.articles li.aktualita h2 { font-size: 22px; padding-bottom: 10px; } .aktualita-inner { background: #e8f7ff; border: 1px solid #ffffff; padding: 0px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); } .aktualita-inner .col-img { width: 28%; float: left; } .aktualita-inner .col-text { width: 72%; float: left; padding: 15px 15px 15px 15px; } .homepage .aktualita-inner { border: 0px none; padding: 0px 15px; } .reference a { display: block; background: #e8f7ff; border: 1px solid #ffffff; padding: 0px; text-align: center; text-decoration: none; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); } ul.articles li.reference h2, ul.articles li.reference h3 { padding: 10px 15px; } ul.articles li.reference a:hover h2, ul.articles li.reference a:hover h3 { color: #dd0000; } #vybrane-reference .reference a { background: #ffffff; } .form-pocet { margin-right: 25px; display: inline-block; } .form-pocet label { display: inline; font-weight: normal; font-size: 16px; margin-right: 8px; } .form-pocet select.form-control { width: auto; display: inline; } #filtrClanky { background: #e8f7ff; border: 1px solid #ffffff; padding: 6px 25px; line-height: 36px; margin: 0px 0px 25px 0px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); } .form-dafe .form-control { border-color: #e8f7ff; } .form-dafe label { font-weight: normal; } #col-main #pg-text { } .with-sidebar #col-main { text-align: left; } .with-sidebar h1 { font-size: 24px; padding: 0px; margin-top: 0px; font-weight: normal; } .with-sidebar h2.podnadpis { display: none; } #soubory .nadpis, .gallery .nadpis { font-size: 22px; margin-top: 20px; margin-bottom: 10px; } #soubory ul { list-style: none; color: #333333; font-size: 14px; padding-left: 2px; } #soubory li a { color: #333333; } .leve-menu > ul { border: 1px solid #dedede; background: #ffffff; text-align: left; } .leve-menu > ul, .leve-menu > ul { border-bottom: 0px none; } .leve-menu > ul li a { border-bottom: 1px solid #dedede; } .leve-menu > ul li.posledni a { } .leve-menu li > a { line-height: 16px; padding: 10px 35px 10px 20px; color: #000000; text-decoration: none; background: #e8f7ff; } .leve-menu .subnav-toggle { position: absolute; top: 0px; right: 0px; width: 35px; bottom: 0px; height: 100%; } .leve-menu li .sipka { background: url("/img/leve-menu-sipka.webp") 0px 0px no-repeat; width: 15px; height: 8px; position: absolute; top: 50%; margin-top: -4px; right: 8px; display: none; } .leve-menu ul > li > a:active, .leve-menu ul > li > a:focus, .leve-menu ul > li > a:hover { background-color: #e8f7ff; } .leve-menu ul li ul li > a, .leve-menu ul li ul > li > a:active, .leve-menu ul li ul > li > a:focus, .leve-menu ul li ul > li > a:hover { background: #ffffff; } .leve-menu .sublevel-2 li > a { } .leve-menu .sublevel-2 li .sipka { display: block; } .leve-menu .sublevel-3 li > a { font-size: 13px; padding: 8px 35px 8px 35px; } .leve-menu .sublevel-4 li > a { padding: 5px 35px 5px 50px; } .leve-menu .sublevel-5 li > a { padding: 5px 35px 5px 55px; } .leve-menu .sublevel-5 li > a:before { display: inline; content: "- "; } .leve-menu .sublevel-6 li > a { padding: 5px 35px 5px 65px; } .leve-menu li a:hover, .leve-menu li.active > a { color: #dd0000; } .leve-menu a:hover .sipka, .leve-menu a:focus .sipka, .leve-menu a:active .sipka, .leve-menu .active > a .sipka { background-position: 0px 100%; } .leve-menu ul li ul li ul { display: none; } .leve-menu ul li ul li.opened > ul { display: block; } .leve-menu ul li ul li ul li ul { display: none; } .leve-menu ul li ul li ul li.opened > ul { display: block; } .leve-menu ul li ul li ul li ul li ul { display: none; } .leve-menu ul li ul li ul li ul li.opened > ul { display: block; } .pagination { margin: 0px 0; border-radius: 0px; } #main_block .pagination li { line-height: 34px; text-align: center; } #main_block .pagination a, #main_block .pagination span { float: none; display: inline-block; color: #999999; margin-right: 5px; width: 34px; border-color: #dedede; padding: 0px 0px; border-radius: 0; line-height: 34px; font-size: 16px; } #main_block .pagination .active a { color: #ffffff; background-color: #004499; border-color: #dedede; } #main_block .pagination a i { vertical-align: text-top; padding-top: 5px; font-size: 9px; } #showFancyForm { background-color: #dd0000; border-color: #dd0000; } #formularKontakt table { width: 100%; } #formularKontakt { padding: 10px 10px 0 10px; } #formularKontakt th, #formularKontakt td { padding-bottom: 10px; } article table, table.tabulka { margin: 10px 0 30px 0; text-align: center; vertical-align: middle; font-size: inherit; max-width: 100% !important; } article table td, table.tabulka td { background-color: #f4f4f4; padding: 5px 12px; } article table td p, table.tabulka td p { margin-bottom: 5px !important; padding: 0px !important; } article table.list th { background-color: #e8f7ff; font-weight: normal; color: #000000; } article table tr:nth-child(2n + 1) td, table.tabulka tr:nth-child(2n + 1) td { background-color: #ffffff; } article table th, table td { padding: 5px 12px; text-align: left; border: 1px solid #a7c2de; } article table thead td { font-weight: bold; background-color: #e8f7ff !important; } article div.table-box { overflow: auto; } table.tabulka thead tr th, table.tabulka thead tr td { background: #e8f7ff; padding: 10px 12px; font-weight: bold; } .tab-holder { height: 100%; overflow: auto; } .tab-holder.overflow { padding: 5px 5px; } .tab-holder.overflow > table { margin: 0px 0px; } table.tabulka tr td.red-text { color: #dd0000; } table.tabulka tr td.blue-text { color: #000099; } #fotky li, #videa li { text-align: center; } #map.contact-map { margin-top: 15px; height: 420px; border: 1px solid #dedede; } #drobecky { background: #e8f7ff; margin-bottom: 25px; } #drobecky .breadcrumb { background: transparent; text-align: left; font-size: 13px; color: #666666; padding: 12px 0px 8px 15px; margin: 0px; } .breadcrumb > li + li:before { content: ""; background: url("/img/sipka-drobeckova-navigace.webp") 50% 50% no-repeat transparent; padding: 0px 22px 0px 0px; } #drobecky .breadcrumb a { color: #666666; text-decoration: none; } #drobecky .breadcrumb a:hover { color: #dd0000; } #main_block > .container { position: relative; } #col-left.affix { top: 0px; overflow: auto; max-height: 100%; position: relative; } #main_block { background: #ffffff; padding-bottom: 25px; } body.skupinaPG #main_block { padding-top: 125px; position: relative; } .homepage #main_block { padding-bottom: 0px; } #main_block.hlavniKategorie { text-align: center; } #main_block.hlavniKategorie h1 { padding-top: 10px; color: #333333; } #page-skupiny { background: #ffffff; padding-top: 15px; } .skupina-boxy { display: block; } .skupina-boxy .skupina-box a { display: block; position: relative; max-width: 460px; min-height: 120px; background: #e8f7ff; color: #333333; margin: 0px auto 25px auto; padding: 30px 15px; text-decoration: none; text-align: center; } .skupina-boxy .skupina-box a:hover, .skupina-boxy .skupina-box a:focus { color: #dd0000; } .skupina-boxy .skupina-box h2 { font-size: 22px; line-height: 27px; color: inherit; font-weight: 300; margin: 0px; } @media (min-width: 768px) { .skupina-boxy .skupina-box a { max-width: initial; height: 120px; min-height: initial; } .skupina-boxy .skupina-box h2 { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; right: 15px; } } .full_width_img { width: 100%; } .half_col_img { width: 100%; max-height: auto; margin-bottom: 20px; } #mainMenu li.dropdown { position: static; } #mainMenu .dropdown-menu { left: 0px; width: 100%; padding: 0px; border-radius: 0px; border: 0px none; border-top: 7px solid #0066cc; } #mainMenu .dafe-menu-linkbox ul { padding: 0px 40px 35px 40px; } #mainMenu .dafe-menu-linkbox li { float: none; width: auto; text-align: left; } #mainMenu .dafe-menu-linkbox li a { color: #333333; border: 0px none; border-bottom: 1px solid #cccccc; font-size: 13px; position: relative; line-height: 16px; padding: 5px 10px 7px 15px; height: auto; } #mainMenu .dafe-menu-linkbox li a:hover { background: transparent; color: #dd0000; } .dafe-half-col, #mainMenu .dafe-menu-linkbox ul.dafe-half-col { width: 50%; float: left; } .dafe-menu-text { padding: 0px 15px 15px 40px; } #top-panel { display: flex; align-items: center; float: right; margin-top: 19px; } #searchFormTop .input-group { position: relative; } #searchFormTop #q.form-control { display: none !important; width: 210px; height: 36px; border-radius: 6px; background-color: #ffffff; border: 1px solid #d5d5d5; box-shadow: none; font-size: 13px; color: #606060; font-weight: 400; } #searchFormTop #q.form-control:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 68, 153, 0.6); } #searchFormTop .ico-btn { background: transparent !important; padding: 0 !important; border: 1px solid #d5d5d5 !important; border-radius: 6px; height: 36px; width: 36px; position: relative; z-index: 3; } #searchFormTop .ico-btn .icon { color: #dd0000; font-size: 18px; top: 2px; } #searchFormTop input::placeholder { color: #606060; opacity: 1; } #searchFormTop input::-ms-input-placeholder { color: #606060; } @media (max-width: 991px) { .searchActive { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: fixed; } } .searchActive #searchFormTop #hledani #q.form-control { display: block !important; position: absolute; right: 0px; z-index: 5; } .searchActive #searchFormTop #hledani .ico-btn { border: none !important; z-index: 6; } .searchForm .input-group .form-control { height: 50px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; } @media (min-width: 992px) and (max-width: 1219px) { #searchFormTop .ico-btn .icon { color: #dd0000; } #searchFormTop .ico-btn.active .icon, #searchFormTop .ico-btn:hover .icon, #searchFormTop .ico-btn:focus .icon { color: #0066cc; } } @media (max-width: 991px) { #searchFormTop .input-group { width: 100%; margin-top: 10px; margin-bottom: 10px; } #searchFormTop #q.form-control { width: 100%; display: table-cell !important; } #searchFormTop .ico-btn { position: absolute; right: 0; z-index: 3; border: none !important; } } .langs-holder { position: relative; width: 55px; height: 36px; background-color: #ffffff; } .langs-holder .icon { right: 7px; top: 48%; z-index: 5; font-size: 14px; color: #dd0000; cursor: pointer; } .langs-holder ul { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 5; height: 36px; padding: 0px; margin: 0px; list-style: none; border: 1px solid #d5d5d5; border-radius: 6px; overflow: hidden; transition: height 0.2s; } .langs-holder ul li { display: block; position: relative; width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #ffffff; } .langs-holder ul li a { display: block; left: 8px; text-decoration: none; } .langs-holder ul li a img { max-height: 16px; } .langs-holder ul.opened { overflow: initial; border: 0px; } .langs-holder ul.opened li { border: 1px solid #d5d5d5; border-top: 0px; border-bottom: 0px; } .langs-holder ul.opened li:first-of-type { border: 1px solid #d5d5d5; border-bottom: 0px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .langs-holder ul.opened li:last-of-type { border: 1px solid #d5d5d5; border-top: 0px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .langs-holder .icon:hover, .langs-holder .icon:focus { color: #004499; } @media (min-width: 992px) { .langs-holder { margin-right: 12px; } } #soubory .nadpis { display: block; position: relative; } #zalozky-produktu { margin-top: 30px; } .panel-group .panel { border: 0px none; } .panel-group .panel > .panel-heading, #soubory .nadpis { background: #e8f7ff; border: 1px solid #ffffff; font-size: 20px; padding: 0px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); } .panel-group .panel > .panel-heading a, #soubory .nadpis > span { display: block; color: #333333; text-decoration: none; position: relative; padding: 12px 20px; } .panel-group .panel > .panel-heading a .btn-sipka, #soubory .nadpis .btn-sipka { position: absolute; top: 50%; margin-top: -16px; right: 5px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .panel-group .panel > .panel-heading a:hover { color: #dd0000; } .panel-group .panel > .panel-heading a.collapsed .btn-sipka { -ms-transform: none; -webkit-transform: none; transform: none; } .col-vzornik { width: 20%; height: 200px; margin-bottom: 10px; text-align: center; text-transform: uppercase; } .col-vzornik img { max-height: 142px; height: 100%; width: 100%; max-width: 106px; aspect-ratio: 3 / 4; } @media screen and (max-width: 520px) { .col-vzornik img { max-height: 100px !important; } .col-vzornik { width: 25%; } } @media screen and (max-width: 380px) { .col-vzornik img { max-height: 80px !important; } } .dafe-form { background: #e8f7ff; border: 1px solid #ffffff; padding: 20px 10px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); text-align: left; position: relative; } .dafe-form .bordered-box { border: 1px solid #99ccff; } .dafe-form .push-bottom { margin-bottom: 30px; } .dafe-form .required-mark:after { content: "*"; color: #dd0000; } .dafe-form label { display: block; text-align: left; font-weight: normal; padding: 5px 0px 5px 0px; } .dafe-form hr { border-color: #99ccff; margin-top: 40px; margin-bottom: 30px; } .dafe-form .info-box { background: #d8f1ff; border: 1px solid #ffffff; padding: 15px 25px; } .dafe-form .info-box p { margin-bottom: 10px; } .form-control { border-color: #99ccff; color: #000000; } input[type="text"].form-control, input[type="password"].form-control, input[type="email"].form-control, select.form-control { padding: 10px 12px; height: 48px; } .cp-checkbox, cp-fileinput { position: relative; } .cp-checkbox:after { content: ""; clear: both; } .cp-checkbox input[type="checkbox"], .cp-fileinput input[type="file"], .cp-checkbox input[type="radio"] { display: none; } .vIE8 .cp-checkbox input[type="checkbox"], .vIE8 .cp-fileinput input[type="file"], .vIE8 .cp-checkbox input[type="radio"] { z-index: 1; } .cp-checkbox label.cp-checkbox-cover { cursor: pointer; position: relative; float: left; width: 15px; height: 15px; border: 1px solid #99ccff; background: #ffffff; padding: 0px; margin: 2px 0px 0px 0px; } .cp-checkbox input[type="radio"] + label.cp-checkbox-cover { border-radius: 15px; } .cp-checkbox label.cp-checkbox-text { display: inline; padding: 0px 0px 0px 20px; } .cp-checkbox label.cp-checkbox-text[for] { cursor: pointer; } .cp-checkbox label.cp-checkbox-text[for]:hover { text-decoration: underline; } .cp-checkbox.cp-checkbox-right label.cp-checkbox-text { float: left; padding: 0px 20px 0px 0px; } .cp-checkbox label.cp-checkbox-cover:after { } .cp-checkbox label.cp-checkbox-cover:hover { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .cp-checkbox label.cp-checkbox-cover:hover::after { } .vIE8 .cp-checkbox input[CHECKED] + label.cp-checkbox-cover:after { content: " "; position: absolute; display: block; text-align: center; width: 15px; height: 15px; line-height: 15px; top: 0px; left: 0px; background: url("/img/fajfka.webp") 1px 50% no-repeat transparent; } .cp-checkbox input:checked + label.cp-checkbox-cover:after { content: " "; position: absolute; display: block; text-align: center; width: 15px; height: 15px; line-height: 15px; top: 0px; left: 0px; background: url("/img/fajfka.webp") 1px 50% no-repeat transparent; } label[for="souhlas"] { font-size: 13px; } .cp-fileinput label.cp-fileinput-cover { background: #d8f1ff; text-align: center; padding: 10px 25px; color: #000000; cursor: pointer; overflow: hidden; } .cp-fileinput label.cp-fileinput-cover:hover { background: #004499; color: #ffffff; } .dafe-form .cp-checkbox { text-align: left; margin: 0px; padding: 5px 0px 5px 0px; } .form-items-mini .cp-checkbox label.cp-checkbox-text { padding: 0px 0px 0px 5px; } .cp-select select { cursor: pointer; border: 1px solid #99ccff; color: #000000; font-size: 16px; font-weight: normal; padding: 10px 48px 10px 12px; height: 46px; width: 100%; *background: #ffffff; background: url("/img/cp-select.webp") 100% 0px no-repeat #ffffff; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } .form-items-mini .cp-select { margin-top: 5px; margin-bottom: 10px; } .form-items-mini .cp-select select { background-image: url("/img/cp-select-min.webp"); font-size: 14px; height: 26px; padding: 0px 24px 0px 5px; } .cp-select select::-ms-expand { display: none; } .cp-select { overflow: hidden; position: relative; width: 100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: transparent; } .dafe-form .btn-extra { display: block; margin: 20px auto; width: 50%; background: #dd0000; color: #ffffff; text-transform: uppercase; padding: 10px 10px; } @media (max-width: 767px) { .dafe-form .btn-extra { width: 90%; } } .dafe-form .btn-extra:hover { background: #004499; } .dafe-form .required-empty, .dafe-form input.required-empty, .dafe-form textarea.required-empty { border-color: #dd0000; } .dafe-form .required-message { color: #dd0000; } .form-kroky:after { content: " "; display: block; clear: both; margin-bottom: 25px; } .form-kroky .form-krok { float: left; } .form-kroky-5 .form-krok { width: 20%; } .form-kroky-6 .form-krok { width: 16.6%; } .form-krok { position: relative; padding: 0px 0px; text-align: center; font-size: 11px; color: #333333; } .form-krok span { display: block; } .form-krok .krok-num { margin: 0px auto; font-weight: bold; font-size: 26px; width: 50px; height: 50px; text-align: center; position: relative; z-index: 1; color: #9b9b9b; line-height: 50px; vertical-align: middle; background: #dbdbdb; border: 2px solid transparent; border-radius: 50px; } .form-krok.form-krok-s1 .krok-num { color: #ffffff; background-color: #0066cc; } .form-krok.form-krok-s2 .krok-num { color: #0066cc; background-color: #e8f7ff; border-color: #0066cc; } .form-krok .krok-cara-left, .form-krok .krok-cara-right { position: absolute; width: 50%; height: 10px; top: 22px; z-index: 0; background: url("/img/krok_cara_s0.webp") 0px 50% repeat-x transparent; } .form-krok .krok-cara-left { left: 0px; } .form-krok .krok-cara-right { right: 0px; } .form-krok.form-krok-s1 .krok-cara-left, .form-krok.form-krok-s2 .krok-cara-left, .form-krok.form-krok-s2 .krok-cara-right { background-image: url("/img/krok_cara_s1.webp"); } .form-krok.form-krok-s1 .krok-title, .form-krok.form-krok-s2 .krok-title { color: #0066cc; } .form-krok.form-krok-s2 .krok-num, .form-krok.form-krok-s2 .krok-title { cursor: pointer; } .dafe-form .dafe-form-title { font-size: 24px; font-weight: normal; border-left: 4px solid #0066cc; line-height: 20px; padding: 0px 80px 0px 10px; margin: 0px 0px 20px 0px; position: relative; } .kroky-sipky { position: absolute; top: 10px; right: 20px; height: 32px; width: 80px; } .kroky-sipky a { display: block; width: 32px; height: 32px; color: transparent; cursor: pointer; } .kroky-sipky .krok-zpet { float: left; background: url("/img/sipka-zpet.webp") 0px 0px no-repeat transparent; } .kroky-sipky .krok-dalsi { float: right; background: url("/img/sipka-dalsi.webp") 0px 0px no-repeat transparent; } .kroky-sipky a:hover { background-position: 0px 100%; } .dafe-form-title > .kroky-sipky { top: -5px; right: 0px; } .spodni-tlacitka { padding: 30px 45px; } .spodni-tlacitka .btn { width: 100%; border: 0px none; height: 50px; line-height: 50px; padding: 0px 10px; text-decoration: none; color: #ffffff; display: block; position: relative; } @media (max-width: 767px) { .spodni-tlacitka { padding: 15px; } .spodni-tlacitka .btn { margin-top: 5px; margin-bottom: 5px; } } .spodni-tlacitka .btn .sipka { display: block; position: absolute; width: 32px; height: 32px; top: 9px; } .spodni-tlacitka .btn.krok-dalsi { background: #3366cc; } .spodni-tlacitka .btn.krok-dalsi.btn-extra { margin: 0px auto; background-color: #dd0000; } .spodni-tlacitka .btn.krok-dalsi .sipka { left: auto; right: 15px; background: url("/img/sipka-bila.webp") 0px 0px no-repeat transparent; } .spodni-tlacitka .btn.krok-zpet { background: #828282; } .spodni-tlacitka .btn.krok-zpet .sipka { left: 15px; right: auto; background: url("/img/sipka-bila-zpet.webp") 0px 0px no-repeat transparent; } .spodni-tlacitka .btn:hover, .spodni-tlacitka .btn.krok-dalsi.btn-extra:hover { background-color: #99ccff; } .dafe-form .profil { background: #ffffff; border: 1px solid #99ccff; cursor: pointer; padding: 0px; margin-bottom: 30px; } .profil:hover .inputbg { background-color: #d8f1ff; } .profil-card { padding: 10px 10px 0px 10px; } .profil-card:after { content: " "; display: block; clear: both; } .profil-card img { float: left; margin: 0px 10px 5px 0px; } .profil-card h3 { margin: 0px 0px 12px 0px; font-weight: bold; font-size: 16px; padding: 5px 0px 0px 0px; } .profil-select { border-top: 1px solid #99ccff; text-align: center; height: 36px; line-height: 36px; position: relative; } .profil-select input { position: relative; z-index: 1; } .profil-select .inputbg { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0px; left: 0px; } .vIE8 .profil-select input[CHECKED] + .inputbg { background-color: #3366cc; } .profil-select input:checked + .inputbg { background-color: #3366cc; } #vyberPrvku .row, #dataPrvku .row, #vyberPraci .row { margin: 0px 0px 30px 0px; background: #ffffff; border: 1px solid #99ccff; } #vyberPrvku .prvek-col { padding: 0px; border: 1px solid #99ccff; text-align: center; margin-left: -1px; margin-bottom: -1px; } #vyberPrvku .prvky-title, #dataPrvku .prvky-title, #vyberPraci .prvky-title { padding: 8px 20px; font-size: 18px; position: relative; } #vyberPrvku .prvek-inner { padding: 10px 15px; position: relative; text-align: center; margin: 0px; } #vyberPrvku .prvek-inner img { max-height: 100%; width: auto; margin: 0px auto; } #vyberPrvku .prvek-inner input { position: absolute; z-index: -1; } .vIE8 #vyberPrvku .prvek-inner input { z-index: 1; position: relative; } #vyberPrvku .prvek-inner .checkbox-cover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } #vyberPrvku .prvek-inner .checkbox-cover img { margin: -15px 0px 0px -15px; position: absolute; top: 50%; left: 50%; visibility: hidden; } .vIE8 #vyberPrvku .prvek-inner input[CHECKED] + .checkbox-cover img { visibility: visible; } #vyberPrvku .prvek-inner input:checked + .checkbox-cover img { visibility: visible; } #dataPrvku .prvky-title { padding-right: 90px; } #dataPrvku .prevek-del { font-size: 13px; position: absolute; width: 70px; right: 20px; top: 10px; text-align: right; } #dataPrvku .prvek-col { float: left; border: 1px solid #99ccff; border-right: 0px none; border-bottom: 0px none; width: 100%; padding: 15px; } #dataPrvku .prvek-col .nadpis { display: block; } #dataPrvku .prvek-col input[type="number"] { border: 1px solid #99ccff; display: inline-block; width: 60px; padding: 2px 0px 2px 5px; font-size: 13px; } #dataPrvku .prvek-col.prvek-data1 { border-left: 0px none; text-align: center; } #dataPrvku .prvek-col.prvek-data1 img { max-width: 100%; height: auto; } #vyberPraci .prvky-title { border-bottom: 1px solid #99ccff; margin-bottom: 20px; } #vyberPraci .row { padding-bottom: 30px; } #vyberPraci .prace-info { cursor: pointer; } .tooltip { display: none; } .tooltip.in { display: block; opacity: 1; } .tooltip .tooltip-inner { padding: 5px 10px; background-color: #0066cc; color: #ffffff; border-radius: 0px; border: 1px solid #99ccff; text-align: center; font-size: 13px; max-width: 350px; } .tooltip.top .tooltip-arrow { display: none; } .tooltip .tooltip-inner a { color: #f4f4f4; text-decoration: underline; } .foto-vice { display: none; } .foto-vice .btn { display: block; text-decoration: none; background: #ffffff; border: 1px solid #999999; height: 40px; padding: 10px; width: 100%; margin-bottom: 25px; } .foto-skryte { display: none; } .foto-skryte + .foto-vice { display: block; clear: both; } #prehled-prvku-btn { text-align: right; font-size: 13px; position: absolute; top: 3px; right: 10px; } #prehled-prvku { transition: 0.2s; margin: -20px -10px 0px -10px; height: 30px; padding: 30px 20px 0px 20px; overflow: hidden; } #prehled-prvku table { display: none; } #prehled-prvku.shown { transition: 0.2s; height: auto; border-bottom: 1px solid #ffffff; margin-bottom: 25px; padding-bottom: 20px; background: #d8f1ff; } #prehled-prvku.shown table { display: table; } #prehled-prvku.shown + #prehled-prvku-btn { position: relative; display: block; right: 0px; top: -15px; } #prehled-prvku + #prehled-prvku-btn .hideText { display: none; } #prehled-prvku.shown + #prehled-prvku-btn .showText { display: none; } #prehled-prvku.shown + #prehled-prvku-btn .hideText { display: inline; } #prehled-prvku table { width: 100%; } #prehled-prvku table th, #prehled-prvku table td { border: 1px solid #99ccff; padding: 5px 25px; } #prehled-prvku table th { background: transparent; } #prehled-prvku table td { background: #ffffff; } #prehled-prvku .img-thumbnail { border: 0px none; margin: 0px; text-decoration: underline; display: block; } #prehled-prvku .img-thumbnail img { float: right; } #prehled-prvku .img-thumbnail:after { content: " "; display: block; clear: both; } #prehled-prvku .img-thumbnail:focus, #prehled-prvku .img-thumbnail:active { border: 0px none; outline: 0px none; box-shadow: none; color: inherit; } #prehled-prvku .img-thumbnail:hover { color: #dd0000; } #prehled-prvku.prehled-rekap { margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; border-bottom: 0px; } #prehled-prvku table tr.price-sum td { background: transparent; font-size: 115%; padding-top: 15px; padding-bottom: 15px; } .zz-karta, .dafe-form label.zz-karta { display: block; border: 1px solid #99ccff; background: #ffffff; text-align: center; cursor: pointer; position: relative; padding: 10px 10px 5px 10px; margin-bottom: 30px; } .zz-karta.zz-karta-blank { padding-bottom: 35px; cursor: default; } label.zz-karta:hover, .dafe-form label.zz-karta:hover { border-color: #83c127; } .zz-karta strong.title { font-size: 15px; font-weight: bold; display: block; padding-bottom: 5px; } .zz-karta input[type="checkbox"], .zz-karta input[type="radio"] { position: absolute; z-index: -1; } .vIE8 .zz-karta input[type="checkbox"], .vIE8 .zz-karta input[type="radio"] { z-index: 2; } .zz-karta .zz-karta-select { position: absolute; right: 5px; bottom: 5px; width: 24px; height: 24px; } .zz-karta .zz-karta-select img { display: none; z-index: -1; } .zz-karta .zz-karta-select input:checked + img { display: block; top: 0px; left: 0px; z-index: 1; } .zz-karta-bottom { min-height: 20px; padding-top: 10px; } .zz-karta-prvku .price { display: none; } .zz-karta-prvku .price.price-active { display: block; } .dafe-form label.zz-karta.zz-karta-prvku .zz-karta-bottom { position: absolute; top: auto; bottom: 5px; left: 10px; right: 10px; } .dafe-form label.zz-karta.zz-karta-prvku { padding-bottom: 115px; } .zz-prvek-desc { font-size: 14px; line-height: 15px; background: rgba(255, 255, 255, 0.3); min-height: 80px; padding-top: 5px; margin-bottom: 10px; } #zz_price { font-size: 15px; padding: 20px 0px; } #zz_price .price { color: #0066cc; } .rekap-box { background: #d8f1ff; border: 1px solid #99ccff; padding: 15px 25px; margin-bottom: 25px; } .rekap-box .rekap-title { font-size: 115%; display: block; margin: 0px 0px 15px 0px; } .rekap-box table { width: 100%; } .rekap-box table th, .rekap-box table td { border: 0px none; vertical-align: top; padding-top: 0px; } #kalkulacka #row-plocha .input-group { } #kalkulacka #row-plocha .input-group .form-control { z-index: 1; height: 35px; } #kal_uspora { font-weight: normal; font-size: 25px; color: #004499; line-height: 200%; } .form-footer .col-sm-6 { text-align: center; } .page-content img { margin-bottom: 10px; } .page-content .img-thumbnail img { margin-bottom: 0; } #pobockaMap { position: relative; } #pobockaMap p.loading { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center; background: url("/img/loading.gif") 50% 50% no-repeat #f4f4f4; padding: 15px; } #pobockaMap.map-full { width: 100%; height: 345px; margin-top: 10px; } #obsah-pod-mapou { padding-top: 30px; } .dafe-tpl-kontakt .col-kontakt-pobocky { margin-bottom: 10px; } .dafe-tpl-kontakt .col-legenda { line-height: 15px; padding-top: 10px; padding-bottom: 15px; font-size: 13px; } .dafe-tpl-kontakt .col-legenda span { display: inline-block; height: 15px; line-height: 15px; margin-right: 15px; margin-bottom: 5px; } ul.list-pobocky { margin-top: 30px; margin-bottom: 60px; } ul.list-pobocky li { display: block; margin-bottom: 10px; } ul.list-pobocky li.zobraz-pozdeji { display: none; } ul.list-pobocky li.skupina-box a { margin: 0px; text-align: left; padding: 15px 60px 15px 60px; height: auto; } ul.list-pobocky li .btn-sipka { position: absolute; top: 9px; right: 15px; margin: 0px; } ul.list-pobocky li.pobocka-typ-1 a { background: url("/img/vypis_ok.webp") 20px 50% no-repeat #e8f7ff; } ul.list-pobocky li.pobocka-typ-2 a { background: url("/img/vypis_ap.webp") 20px 50% no-repeat #e8f7ff; } ul.list-pobocky + .zobraz-dalsi-blok { margin-bottom: 60px; } .zobraz-dalsi-blok .btn-default { min-width: 220px; } .GMAPinfo { padding: 0px 5px; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .GMAPinfo .header { font-size: 18px; color: #000000; border-bottom: 1px #d7d7d7 solid; padding: 10px 0; margin-bottom: 10px; } .GMAPinfo .content { color: #333333; font-size: 14px; } .GMAPinfo p { margin-bottom: 10px; } @media (min-width: 768px) { .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 10px; padding-left: 10px; } .navbar-collapse.collapse { display: none !important; overflow: auto !important; } .navbar-collapse.collapse.in { display: block !important; margin-top: 0px; } .navbar-nav > li { float: none; } .navbar-nav { float: none; margin: 0px -10px; } #bottom-poradime-volejte p.col-text { width: 55%; } #bottom-poradime-volejte p.col-volat { width: 45%; } body.skupinaPG #main_block { padding-top: 0px; } #col-main { min-height: 300px; } #col-left.affix { position: fixed; } ul.articles li img.img-responsive { width: auto; max-width: 100%; margin: 0px auto; } .tl-vice { padding: 10px 20px; } .skupina-boxy { display: block; } .dafe-tpl-kontakt .skupina-boxy { margin-top: 35px; margin-left: 0px; margin-right: 0px; } ul.articles li.aktualita .article-meta { text-align: right; padding-top: 0px; } .aktualita-inner .col-img { width: 23%; } .aktualita-inner .col-text { width: 77%; } .aktualita .btn-primary { margin-top: 0px; } .dafe-form { padding: 20px 40px; } .dafe-form.konfig-form { padding: 20px 20px; } #prehled-prvku { margin-left: -20px; margin-right: -20px; } #prehled-prvku-btn, #prehled-prvku.shown + #prehled-prvku-btn { position: relative; right: auto; top: auto; float: right; margin-right: 95px; z-index: 2; } .form-krok { padding: 0px 20px; font-size: 15px; } .form-krok .krok-num { border: 0px none; border-radius: 0px; font-size: 36px; width: 78px; height: 95px; line-height: 78px; background: url("/img/krok_s0.webp") 50% 0px no-repeat transparent; } .form-krok.form-krok-s1 .krok-num { background: url("/img/krok_s1.webp") 50% 0px no-repeat transparent; } .form-krok.form-krok-s2 .krok-num { background: url("/img/krok_s2.webp") 50% 0px no-repeat transparent; } .form-krok .krok-cara-left, .form-krok .krok-cara-right { top: 35px; } #dataPrvku .prvek-col.prvek-data1, #dataPrvku .prvek-col.prvek-data2 { width: 50%; } #dataPrvku .prvek-col.prvek-data3 { width: 50%; clear: both; } #dataPrvku .prvek-col.prvek-data4 { width: 50%; } #dataPrvku .prvek-col .popisek { display: inline-block; width: 45%; } .form-footer .col-sm-6.col-left { text-align: left; } .form-footer .col-sm-6.col-right { text-align: right; } .dafe-tpl-kontakt #kontakt-page-content { position: relative; } .dafe-tpl-kontakt #kontakt-page-content > h1 { padding-right: 250px; } .dafe-tpl-kontakt #kontakt-page-content > .btn-default { display: block; position: absolute; top: 0px; right: 0px; left: auto; width: auto; } } @media (min-width: 992px) { #logo { width: 107px; margin-top: 5px; } #header.shrunk #logo { margin-top: 0px; } #topMenu { display: inline-block; float: right; margin-right: 14px; } #topMenu li a { padding: 0px 6px; font-size: 12px; } #topMenuMini { display: none; } #mainMenu .navbar-collapse { position: relative; top: auto; display: block !important; background-color: transparent; color: inherit; top: auto; height: auto !important; padding: 0px; } #mainMenu .dropdown.hovered .dropdown-menu { display: block; } #mainMenu .container { } .navbar-nav { float: left; margin: 0px; } .navbar-header, .navbar-nav > li { float: left; } .navbar-toggle { display: none; } .navbar-collapse.collapse { overflow: visible !important; height: auto !important; } #mainMenu { padding: 0px; } #mainMenu ul { font-size: 14px; color: #000000; margin: 0px 0 0 0; padding: 0; width: auto; float: none; } #mainMenu li { padding: 0px 0px; list-style-type: none; float: left; text-align: center; } #mainMenu a { display: block; text-decoration: none; padding: 0px 10px; line-height: 60px; height: 60px; font-size: 11px; text-transform: uppercase; color: #ffffff; font-weight: 400; } #mainMenu a.btn { text-align: center; } #mainMenu li.btn-holder { float: right; } #mainMenu li.btn-holder > a.btn { min-width: 170px; height: 40px; padding: 10px; margin-top: 10px; margin-right: 0px; border-radius: 6px; background-color: #dd0000; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #ffffff; font-weight: 700; } #mainMenu li.btn-holder > a.btn:hover, #mainMenu li.btn-holder > a.btn:focus { background-color: #0066cc; } #mainMenu .langs-holder { margin: 0px 0px 0px 20px; } #mainMenu .langs-holder ul { top: 0px; margin: 0px 0px 0px 0px; } #mainMenu .langs-holder ul li { float: none; } #autor .col-md-6.text-left { text-align: left; } #autor .col-md-6.text-right { text-align: right; } .aktualita .article-meta { font-size: 18px; } ul.articles li.aktualita h2 { font-size: 24px; padding-bottom: 20px; } .aktualita-inner .col-text { padding: 15px 15px 25px 15px; } .aktualita .btn-primary { width: 200px; padding: 8px 30px 8px 0px; line-height: 32px; font-size: 18px; background-image: url("/img/sipka-bila.webp"); background-position: 160px 50%; background-repeat: no-repeat; } .dafe-tpl-formular #page-skupiny { padding-left: 110px; padding-right: 85px; } .dafe-form { padding: 20px 100px; } .dafe-form.konfig-form { padding: 30px 30px; } #prehled-prvku { margin-top: -30px; margin-left: -30px; margin-right: -30px; } #pobockaMap.map-full { height: 400px; } .dafe-tpl-kontakt .col-legenda { text-align: right; } .dafe-tpl-kontakt .col-legenda span { margin-right: 0px; margin-left: 20px; } .dafe-tpl-kontakt .col-kontakt-pobocky { margin-bottom: 0px; } } @media (min-width: 1220px) { .container { width: 1200px; } #topMenu { margin-right: 34px; } #topMenu li a { padding: 0px 10px; font-size: 13px; } .aktualita-inner .col-text { padding: 25px 25px 35px 25px; } #dataPrvku .prvek-col.prvek-data1 { width: 18%; } #dataPrvku .prvek-col.prvek-data2 { width: 22%; } #dataPrvku .prvek-col.prvek-data3 { width: 27%; clear: none; } #dataPrvku .prvek-col.prvek-data4 { width: 33%; } .col-lgd-2 { width: 20%; } .col-lgd-8 { width: 80%; } #pobockaMap.map-full { height: 400px; } ul.list-pobocky + .zobraz-dalsi-blok { margin-bottom: 80px; } #mainMenu a { margin-right: 3px; font-size: 14px; } #mainMenu li.btn-holder > a.btn { min-width: 220px; font-size: 16px; } } @media (min-width: 1460px) { .container { width: 1440px; } #logo { width: 167px; margin-top: 0px; } #mainMenu li { padding: 0px 0px; list-style-type: none; float: left; text-align: center; } #mainMenu a { margin-right: 23px; font-size: 16px; } #topMenu li a { padding: 0px 13px; font-size: 15px; } } .page-id-7 .page-content p { margin-bottom: 20px; line-height: 1.4em; } #kontakt-map-row { background: #e8f7ff; margin: 0px 0px 25px 0px; } #main_block .bottom-section .right-block { padding: 10px; background-color: #06c; } @media (max-width: 991px) { #main_block .bottom-section .right-block { width: auto; margin-left: 15px; margin-right: 15px; } } #main_block .bottom-section .right-block, #kontakt-map-row { border: 1px solid #ffffff; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); } #pobockaMap { height: 370px; } #main_block .bottom-section .right-block .aktualita-title a { color: #fff; text-decoration: none; } #main_block .bottom-section .right-block .aktualita-title a:hover { color: #cc0000; text-decoration: underline; } #main_block .bottom-section .right-block p, #main_block .bottom-section .right-block a { color: #e8f7ff; } #main_block .bottom-section .right-block a:hover { color: #cc0000; } .col-kontakt-info { padding: 15px 20px 15px 25px; } .col-kontakt-info table, .col-kontakt-info p { margin-bottom: 10px; } .col-kontakt-info table td, .col-kontakt-info table th { border: 0px none; padding: 2px 10px 2px 0px; line-height: 17px; } #vyberKraj { } .col-kontakt-pobocky ul { margin: 10px 10px 10px 10px; } .vzornik-zoom img { cursor: pointer; } .volna-mista-bg { background: #e8f7ff; border: 1px solid #ffffff; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); box-shadow: 0px 0px 4px 0px rgba(0, 93, 142, 0.27); } .volna-mista-inbox { padding: 15px; } .g-recaptcha { text-align: center; margin: 15px auto 0px auto; } .g-recaptcha > div, .g-recaptcha > iframe { margin: 0px auto; border: 1px solid transparent; } #vybrane-reference h2 { margin-bottom: 25px; } #vybrane-reference .tlacitka { margin-top: 30px; } .gdpr-detail { height: 0px; overflow: hidden; transition: all 0.3s; opacity: 0; font-size: 13px; } .gdpr-detail.shown { height: auto; margin-top: 10px; opacity: 1; } #popupformtable td, #popupformtable th { border: none; } #popupformtable th { text-align: right; } #popFormEar { position: fixed; bottom: 0; right: 60px; } .soc_box_blog { margin-top: 30px; } .soc_box_blog a { display: block; height: 50px; float: left; position: relative; width: 50px; margin: 15px 10px; overflow: hidden; } .soc_box_blog a img { position: absolute; top: 0px; left: 0px; } .soc_box_blog a:hover img { top: auto; bottom: 0px; } .soc_box_blog .fab { font-size: 30px; } #guidelines_switch { position: fixed; top: 0px; left: 0px; display: block; height: 16px; width: 16px; border-radius: 50%; background-color: grey; z-index: 99999992; display: none; } #guidelines_switch.active { background-color: yellowgreen; } #guidelines { display: block; width: 1440px; height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; z-index: 99999991; } #guidelines .container-fluid, #guidelines .container, #guidelines .container-fluid .row, #guidelines .container .row { height: 100%; } #guidelines .container-fluid .col, #guidelines .container .col { height: 100%; } #guidelines .guideline { position: relative; width: 100%; height: 100%; } #guidelines .guideline:before { content: ""; position: absolute; top: 0px; left: 0px; display: block; width: 1px; height: 100%; background-color: #099d50; } #guidelines .guideline:after { content: ""; position: absolute; top: 0px; right: 0px; display: block; width: 1px; height: 100%; background-color: #ff7d08; } .img-thumbnail { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } #main_block { margin-top: 130px; } @media (max-width: 992px) { #main_block { margin-top: 70px !important; } } #header { transition: all 1s ease; } #logo img, .navbar, .navbar nav, .navbar.navbar-nav, .navbar #top-panel, #blueNavWrapper, #blueNavWrapper a, #mainMenu .btn-holder .btn { transition: all 0.5s ease; } .navbar.shrunk #logo img { max-height: 50px; } .navbar.shrunk nav { margin-top: 0; } #header.shrunk #topMenu { margin-top: 0; } #topMenu { height: 73px; margin-top: 0px; } #header.shrunk #topMenu { height: 50px; } #topMenu .navbar-nav { display: flex; align-items: center; height: 100%; } .navbar.shrunk #top-panel { margin-top: 10px; } #blueNavWrapper.shrunk { margin-top: 0; } #blueNavWrapper.shrunk a { line-height: 50px; height: 50px; } #mainMenu.shrunk .btn-holder .btn { margin-top: 5px; } #zzVideo { width: 100%; height: 200px; } @media (min-width: 460px) { #zzVideo { height: 300px; } } @media (min-width: 600px) { #zzVideo { height: 360px; } } @media (min-width: 768px) { #zzVideo { height: 405px; } } @media (min-width: 992px) { #zzVideo { height: 530px; } } @media (min-width: 1220px) { #zzVideo { height: 664px; } } @media (min-width: 1460px) { #zzVideo { height: 800px; } } @media (min-width: 1220px) { #videa li { padding: 0 29px; } } .pozice-item { background-color: #e8f7ff; margin-bottom: 10px; } .pozice-item > button { background-color: transparent; border: none; outline: none; text-align: left; color: black; padding: clamp(20px, 1.5vw, 30px); position: relative; width: 100%; } .pozice-item .fa-chevron-right { position: absolute; right: 5px; top: 20px; transform: translateY(-50%) rotate(0deg); transition: transform 0.2s ease; background-color: white; height: 30px; width: 30px; font-size: 16px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .pozice-item > a { text-decoration: none; color: black; } .pozice-item[aria-expanded="false"] .pozice-content { display: none; } .pozice-item[aria-expanded="true"] .pozice-content { display: block; } .pozice-item[aria-expanded="true"] .fa-chevron-right { transform: translateY(-50%) rotate(90deg); } .pozice-item .pozice-content { padding: 30px; padding-top: 0px; color: black; } .pozice-item .pozice-content h2 { font-size: 14px; font-weight: 600; } .pozice-item .pozice-content div:not(:first-child) h2 { margin-block: 10px; } .pozice-item h3 { font-size: clamp(13px, 1.5vw, 16px); font-weight: bold; margin-bottom: 7px; margin-right: 20px; } .pozice-item .misto-konani { margin-bottom: 0px; } #pozice-checkboxes legend, #nabidka-form label { color: black; font-size: clamp(14px, 1.5vw, 17px); font-weight: bold; } #pozice-checkboxes label { font-weight: 400; } #pozice-checkboxes legend { border: none; margin-bottom: 10px; } #pozice-checkboxes ul { list-style-type: none; padding-left: 0; } #pozice-checkboxes label { margin-bottom: 0; } #pozice-checkboxes input[type='checkbox'] { margin-top: 0; width: max-content; } #pozice-checkboxes li { display: flex; align-items: center; gap: 5px; } #nabidka-form { background-color: #e8f7ff; padding: clamp(10px, 1.5vw, 20px); padding: clamp(20px, 1.5vw, 40px); color: black; } #nabidka-form button[type='submit'] { background-color: #004499; color: white; border-radius: 5px; font-size: 17px; padding: 7px; padding-inline: 30px; border: none; margin-top: 10px; transition: all .3s ease; } #nabidka-form button[type='submit']:hover { background-color:rgba(0, 102, 204, 1); box-shadow: 0 0 5px #374151; } #nabidka-form h2 { font-weight: bold; margin-bottom: 20px; font-size: 21px; } #nabidka-form label:not(.not-margin) { display: block; margin-bottom: 5px; } #nabidka-form input[type='text'], #nabidka-form input[type='email'], #nabidka-form textarea { border: 1px solid #bbbbbb; font-size: clamp(13px, 1.5vw, 15px); font-weight: 400; border-radius: 5px; width: 100%; padding: clamp(7px, 1vw, 10px); resize: none; } #nabidka-form input[type='text']:focus, #nabidka-form input[type='email']:focus, #nabidka-form textarea:focus { outline: none; box-shadow: 0px 0px 5px #0066cc; } .upload-wrapper { font-family: Arial, sans-serif; } .upload-wrapper #fileInput { visibility: hidden; } .upload-box { border: 2px dashed #cfcfcf; border-radius: 8px; padding: 28px; text-align: center; cursor: pointer; transition: border-color 0.2s, background 0.2s; } .upload-box:hover { border-color: #6b7280; background: #fafafa; } .upload-box.dragover { border-color: #4f46e5; background: #eef2ff; } .icon { font-size: 28px; margin-bottom: 8px; color: #6b7280; } .text { font-size: 14px; font-weight: 600; color: #374151; } .filename { margin-top: 6px; font-size: 13px; color: #6b7280; } .hint { display: block; margin-top: 8px; font-size: 12px; color: #6b7280; } .input-error { border: 2px solid #e53935 !important; background: #fff5f5; } .error-text { color: #e53935; font-size: 12px; margin-top: 4px; font-weight: 600; } fieldset.input-error { border: 2px solid #e53935; padding: 10px; } #nabidka-prace .pozice-category > h2 { text-align: center; } @media screen and (min-width: 992px) { .pozice-item .fa-chevron-right { top: 50%; right: 20px; } }