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 .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 .5s; } .stin { box-shadow: 0 0 10px rgba(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,.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 .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%; } #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, .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; } } @media (min-width: 1220px){ #searchFormTop #q.form-control { display: table-cell !important; } #searchFormTop .ico-btn { border: none !important; position: absolute; right: 0; } } .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,.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.0; } .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){ #topMenu { display: inline-block; float: right; } #topMenu li a { padding: 0px 7px; font-size: 14px; } #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 li a { padding: 0px 10px; font-size: 14px; } .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; } #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 15px; 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 .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; } }