/* General settings */ *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } html{ position:relative; width:100%; min-height:100%; overflow:-moz-scrollbars-vertical; overflow-y:scroll; } body{ font-size:17px; color:#191919; margin:0 0 215px 0; padding:0; background-color:#fff; font-weight:normal; font-family:fontR,Arial,Verdana; text-align:justify; -webkit-print-color-adjust:exact; } p{ margin:0 0 10px 0; padding:0; line-height:24px; -webkit-margin-before:0; } a{ color:#406591; text-decoration:none; outline:none; } a:hover, a.on{ color:#F45329; } strong, b{ font-family:fontB; font-weight:normal; color:#191919; } img{ margin:0; border:0px; } li{ line-height:24px; } table{ border:0; border-spacing:0; } table th{ font-family:fontB; font-weight:normal; text-align:left; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{ display:block; } input[type=text], input[type=password], input[type=file]{ width:100%; height:36px; padding:2px 10px; font-size:15px; font-family:fontR,Arial; background-color:#fff; border:1px solid #aaa; } input[type=file]{ padding:0; } input[type=submit]{ width:100%; height:36px; font-family:fontR,Arial; font-size:15px; color:#fff; border:0; background-color:#e60000; text-transform:uppercase; cursor:pointer; } input[type=submit]:hover{ background-color:#393939; } textarea{ width:100%; height:115px; padding:8px; font-family:fontR,Arial; font-size:15px; line-height:24px; background-color:#fff; border:1px solid #aaa; resize:none; } select{ width:100%; height:36px; padding:2px 8px; font-family:fontR,Arial; font-size:15px; background-color:#fff; border:1px solid #aaa; } /* Content */ .h-top{ height:19px; background-color:#294978; } .h-top .cnt{ position:relative; width:100%; max-width:1490px; min-width:345px; margin:0 auto; } .h-top nav{ position:absolute; right:0; top:19px; z-index:99; font-size:0; } .h-top nav section{ display:inline-block; vertical-align:top; } .h-top nav section.langs a{ display:inline-block; height:25px; width:30px; padding-top:4px; font-size:15px; line-height:20px; text-align:center; } .h-top nav section.season{ padding-left:25px; } .h-top nav section.season a{ display:inline-block; height:30px; padding:0 10px; font-size:15px; line-height:26px; color:#fff; text-transform:uppercase; background-color:#294978; border:3px solid #fff; border-top:0; border-left:0; } .h-top nav section.season a:hover, .h-top nav section.season a.on{ background-color:#e24719; } .h-top nav section.topsearch{ position:relative; } .h-top nav section.topsearch span{ display:inline-block; width:30px; height:27px; padding:6px; margin-left:8px; margin-right:2px; background-color:#294978; } .h-top nav section.topsearch span:hover, .h-top nav section.topsearch span.active{ background-color:#e24719; cursor:pointer; } .h-top nav section.topsearch input[type=text]{ display:none; position:absolute; right:8px; top:45px; width:300px; height:36px; border-radius:8px; border:2px solid #eee; font-size:15px; background-color:#f8f8f8; } .h-top nav section.topsearch input[type=submit]{ display:none; } .h-top nav section.topcart{ position:relative; } .h-top nav section.topcart a{ display:inline-block; width:30px; height:27px; padding:6px; margin-left:2px; margin-right:8px; background-color:#294978; } .h-top nav section.topcart a:hover{ background-color:#e24719; cursor:pointer; } .h-logo{ position:relative; } .h-logo .cnt{ display:table; width:100%; max-width:1490px; min-width:345px; height:120px; margin:0 auto; } .h-logo .logo{ display:table-cell; width:320px; text-align:center; vertical-align:middle; } .h-logo .logo a{ display:block; } .h-logo .menu{ display:table-cell; vertical-align:bottom; } .h-logo .menu span{ display:none; float:right; width:50px; height:50px; margin:0 20px 20px 0; padding:4px 8px; border:2px solid #294978; border-radius:5px; } .h-logo .menu span i{ display:block; margin-top:8px; border:1px solid #294978; } .h-logo .menu span:hover, .h-logo .menu span.on{ border-color:#F45329; cursor:pointer; } .h-logo .menu span:hover i, .h-logo .menu span.on i{ border-color:#F45329; } .h-logo .menu nav{ display:table; font-size:0; width:95%; margin-left:5%; } .h-logo .menu nav div.a{ position:relative; display:table-cell; height:88px; font-size:25px; text-align:center; text-transform:uppercase; vertical-align:top; } .h-logo .menu nav div.a a{ display:block; height:88px; padding:15px 10px 0 10px; line-height:32px; } .h-logo .menu nav div.a a:hover, .h-logo .menu nav div.a a.on{ color:#F45329; background-color:#fafafa; } .h-logo .menu nav div.a a.onp{ color:#F45329; } .h-logo section.submenu{ display:none; position:absolute; left:0; top:120px; z-index:199; width:100%; background-color:#fafafa; border-bottom:2px solid #294978; } .h-logo section.submenu.on{ display: block; } .h-logo section.submenu > div{ width:100%; max-width:1490px; min-width:345px; margin:0 auto; padding:25px 10px 15px 10px; font-size:0; } .h-logo section.submenu > div a{ display:inline-block; width:19.2%; margin-right:1%; margin-bottom:1%; height:40px; line-height:40px; font-size:17px; color:#555/*#406591*/; text-align:center; white-space:nowrap; text-transform:uppercase; background-color:transparent/*#f8f8ff*/; border:1px dotted #555; /*solid #406591*/; vertical-align:top; } .h-logo section.submenu > div a:hover, .h-logo section.submenu > div a.on{ background-color:#f0f0f0/*#f0f0ff*/; } .h-logo section.submenu > div a:nth-of-type(5n){ margin-right:0; } .h-areal{ position:relative; width:100%; max-width:1490px; min-width:345px; margin:0 auto; font-family:fontIgnisS; } .h-areal span{ position:absolute; left:0; top:30px; z-index:99; padding:0 15px; color:#fff; text-transform:uppercase; letter-spacing:0.1em; } .h-slider{ position:relative; text-align:center; } .h-slider #slider{ width:100%; max-width:1920px; min-width:345px; margin:0 auto; text-align:center; overflow: hidden; } .h-slider img{ display:block; width:100%; } .h-slider-small{ height:300px; background:#fff url('') no-repeat center center; background-size:auto 100%; } .h-info{ position:relative; height:33px; margin-top:3px; line-height:33px; color:#fff; background-color:#e24719; text-transform:uppercase; letter-spacing:0.05em; } .h-info .cnt{ position:relative; width:100%; max-width:1490px; min-width:345px; padding:0 14px; margin:0 auto; } .h-info .cnt #marquee{ overflow:hidden; white-space:nowrap; } .h-info .label{ position:absolute; left:0; top:-33px; z-index:99; height:33px; padding:0 12px; font-size:15px; line-height:33px; color:#fff; text-transform:uppercase; background-color:#e24719; border:3px solid #fff; border-bottom:0; } .breadcrumbs{ width:100%; max-width:1500px; min-width:345px; margin:0 auto; padding:20px 15px 0 15px; color:#bbb; } .breadcrumbs a{ color:#888; } .breadcrumbs a:hover{ color:#F45329; } .body{ width:100%; max-width:1500px; min-width:345px; margin:30px auto 0 auto; padding:0 15px; } .body.hp{ margin-top:45px; } .body .h1{ display:block; width:100%; margin:0 auto 30px auto; font-size:52px; color:#1f4d81; text-align:center; text-transform:uppercase; } .body .h1.h1-hide{ display:none; } .body nav{ display:block; font-size:0; margin-bottom:35px; text-align:center; } .body nav a{ display:inline-block; width:19.2%; margin-right:1%; margin-bottom:1%; height:40px; padding:0 10px; line-height:40px; font-size:17px; color:#555; text-align:center; white-space:nowrap; text-transform:uppercase; background-color:transparent; border:1px dotted #555; vertical-align:top; } .body nav a:hover, .body nav a.on{ background-color:#f8f8f8; } .body nav a:nth-of-type(5n){ margin-right:0; } .body nav a:last-child{ margin-right:0; } .body nav.vrw a{ width:auto; padding:0 20px; } .body h2{ position:relative; display:block; margin:35px 0 15px 0; font-size:30px; line-height:34px; font-weight:normal; color:#F45329; text-transform:uppercase; text-align:left; } .body h2.c{ text-align:center; } .body h2 span{ color:#006fab; } .body h2 a{ position:absolute; top:0; right:0; display:block; width:34px; height:33px; background:transparent url() no-repeat center center; background-size:100% 100%; } .body h3{ display:block; margin:25px 0 15px 0;font-size:24px; line-height:28px; font-weight:normal; color:#006fab; text-transform:uppercase; text-align:left; } .body h2:first-child{ margin-top:0; } .body img[style*="float: left;"]{ margin-right:20px; margin-top:4px; margin-bottom:8px; } .body img[style*="float: right;"]{ margin-left:20px; margin-top:4px; margin-bottom:8px; } .row{ display:table; width:100%; margin-bottom:35px; } .row.col > div{ display:table-cell; vertical-align:top; } .row.col-2 > div{ display:table-cell; vertical-align:top; } .row.col-2 > div:nth-of-type(1){ width:57.10%; padding-right:2.95%; } .row.col-2 > div:nth-of-type(2){ width:42.9%; padding-left:2.95%; } .row.row5050.col-2 > div:nth-of-type(1){ width:47.05%; padding-right:2.95%; } .row.row5050.col-2 > div:nth-of-type(2){ width:47.05%; padding-left:2.95%; } footer{ position:absolute; bottom:0px; width:100%; padding:30px 0 15px 0; text-align:center; background-color:#5a5a5a; } footer .cnt{ position:relative; width:100%; max-width:1490px; min-width:345px; min-height:118px; margin:0 auto; } .f-menu{ width:100%; } .f-menu nav{ font-size:0; } .f-menu nav a{ display:inline-block; padding:0 15px; font-size:19px; color:#bebebe; text-transform:uppercase; } .f-menu nav a:hover, .f-menu nav a.on{ color:#eee; } .f-copy{ position:absolute; bottom:0; display:block; width:100%; font-size:12px; color:#8e8e8e; line-height:18px; } .f-copy span{ padding:0 20px; } .f-copy a{ color:#aeaeae; } .f-copy a:hover, .f-copy a.on{ } /* Modules */ .hp-arealy{ display:block; font-size:0; } .hp-arealy section{ display:inline-block; width:32%; font-size:17px; margin-right:2%; vertical-align:top; } .hp-arealy section:nth-of-type(3){ margin-right:0; } .hp-arealy section > strong{ position:relative; display:block; line-height:30px; color:#1f4d81; text-transform:uppercase; } .hp-arealy section > strong > a.webcam{ position:absolute; right:0; top:2px; display:block; width:21px; height:22px; background:transparent url('../images/ico_kamery.png') no-repeat center center; background-size:100% 100%; } .hp-arealy section > a{ position:relative; display:block; width:100%; height:100%; min-height:440px; padding:8px 8px 49px 8px; background-color:#eff0f4; } .hp-arealy section > a > img{ width:100%; margin-bottom:10px; } .hp-arealy span.as{ position:relative; display:block; margin-top:5px; margin-bottom:15px; padding:0 6px; } .hp-arealy span.as i.stav{ display:block; font-size:0; } .hp-arealy span.as i.stav s{ display:inline-block; width:15px; height:15px; margin-right:3px; background-color:#fd3a00; } .hp-arealy span.as i.tip{ display:block; width:120px; min-height:40px; padding-top:6px; font-size:14px; font-family:fontB; font-style:normal; color:#fd3a00; line-height:16px; text-align:left; text-transform:uppercase; } .hp-arealy span.as.on i.stav s{ background-color:#2aa725; } .hp-arealy span.as.on i.tip{ color:#2aa725; } .hp-arealy span.as i.temp{ position:absolute; right:60px; top:12px; z-index:3; display:block; width:65px; height:24px; line-height:24px; font-size:24px; font-style:normal; color:#406591; letter-spacing:-0.05em; text-align:right; } .hp-arealy span.as i.pocasi{ position:absolute; right:0; top:0; z-index:2; display:block; width:60px; height:50px; } .hp-arealy span.as i.pocasi img{ display:block; width:60px; height:50px; } .hp-arealy span.ai{ display:block; } .hp-arealy span.ai i{ display:block; padding:1px 6px 0 6px; font-style:normal; color:#406591; } .hp-arealy span.ai i b{ float:right; font-family:fontR; font-weight:normal; color:#406591; } .hp-arealy u{ position:absolute; left:0; bottom:0; display:block; width:calc(100% - 16px); margin:8px; padding-top:3px; font-size:15px; line-height:28px; text-align:center; text-decoration:none; text-transform:uppercase; border-top:1px solid #294278; } .hp-arealy section > a:hover{ background-color:#ebebee; } .hp-arealy section > a:hover u{ border-color:#F45329; } .hp-novinky h2 a{ background-image:url('../images/ico_news.jpg'); } .hp-novinky a{ display:block; padding-bottom:15px; line-height:25px; color:#191919; } .hp-novinky a strong{ display:block; width:100%; padding-bottom:2px; line-height:24px; text-transform:uppercase; } .hp-novinky a:hover{ color:#F45329; } .hp-novinky a:last-child{ padding-bottom:0; } .hp-info{ display:block; font-size:0; } .hp-info span{ display:inline-block; width:32%; margin-right:2%; margin-bottom:2%; font-size:17px; vertical-align:top; } .hp-info a{ display:block; } .hp-info span:nth-of-type(3n){ margin-right:0; } .hp-info span strong{ display:block; line-height:30px; color:#1f4d81; text-transform:uppercase; } .hp-info span img{ display:block; width:100%; } .hp-info span:hover img{ -webkit-filter: brightness(90%); filter: brightness(90%); } .hp-ff .hp-fb{ padding-bottom:35px; } .hp-ff .hp-fb h2 a{ background-image:url('../images/ico_facebook.jpg'); } .hp-ff .hp-fb a{ display:block; padding-bottom:10px; line-height:24px; color:#191919; } .hp-ff .hp-fb a:hover{ color:#F45329; } .hp-ff .hp-fb a:last-child{ padding-bottom:0; } .hp-ff .hp-foto{ font-size:0; } .hp-ff .hp-foto h2 a{ background-image:url('../images/ico_galerie.jpg'); } .hp-ff .hp-foto > a{ display:inline-block; width:49%; } .hp-ff .hp-foto > a img{ display:inline-block; width:100%; } .hp-ff .hp-foto > a:nth-of-type(1){ margin-right:2%; } .hp-reklama-w a{ display:block; } .hp-reklama-w img{ display:block; width:100%; } .hp-reklama-s a{ display:block; } .hp-reklama-s img{ display:block; width:100%; } .hp-partneri h2{ padding-top:40px; } .body.hp .hp-partneri h2{ padding-top:20px; } .hp-partneri section{ display:table; width:100%; } .hp-partneri section a, .hp-partneri section span{ display:table-cell; padding-top:10px; text-align:center; vertical-align:middle; } .hp-partneri section a img, .hp-partneri section span img{ max-height:60px; } .areal-info{ position:relative; margin-bottom:50px; padding:20px 10px 25px 10px; background-color:#f3f3f3; } .areal-info .h1{ margin-bottom:5px; } .areal-info .ai-bar{ display:table; width:50%; margin:0 auto; border-top:2px solid #1f4d81; border-bottom:2px solid #1f4d81; } .areal-info .ai-bar i{ display:table-cell; padding:4px 12px; font-style:normal; color:#406591; border-right:1px solid #9fbdf1; } .areal-info .ai-bar i b{ float:right; font-family:fontR; font-weight:normal; color:#F45329; } .areal-info .ai-bar i:last-child{ border-right:0; } .areal-info .ai-lti{ position:absolute; left:20px; top:40px; font-size:0; } .areal-info .ai-lti s{ display:inline-block; width:15px; height:15px; margin-right:3px; background-color:#fd3a00; } .areal-info .ai-lti.on s{ background-color:#2aa725; } .areal-info .ai-lmi{ position:absolute; left:20px; top:62px; } .areal-info .ai-lmi i.tip{ display:block; font-size:14px; font-family:fontB; font-style:normal; color:#fd3a00; line-height:16px; text-align:left; text-transform:uppercase; } .areal-info .ai-lmi.on i.tip{ color:#2aa725; } .areal-info .ai-lbi{ position:absolute; left:20px; bottom:33px; } .areal-info .ai-lbi a.webcam{ display:block; width:21px; height:22px; background:transparent url('../images/ico_kamery.png') no-repeat center center; background-size:auto 100%; } .areal-info .ai-rtit{ position:absolute; right:80px; top:34px; height:52px; line-height:52px; text-align:right; } .areal-info .ai-rtit i.temp{ display:block; font-size:24px; font-style:normal; color:#406591; letter-spacing:-0.05em; } .areal-info .ai-rtii{ position:absolute; right:15px; top:34px; height:50px; line-height:50px; } #m-areal-info .bleskovka{ position:relative; margin-bottom:35px; padding:20px 20px 25px 20px; background-color:#f3f3f3; } #m-areal-info .bleskovka ul{ margin-bottom:0; list-style-image: url('../images/ico_vlocka_sm.png'); } #m-areal-info .bleskovka ul li{ line-height:26px; font-family:fontB; vertical-align:top; } #m-areal-info a.hodnoceni{ position:absolute; right:20px; top:18px; padding:5px 15px; color:#555; border:1px dotted #555; } #m-areal-info a.hodnoceni:hover{ background-color:#e8e8e8; } #m-areal-mapa iframe{ border:0; background-color:#fff; } #m-areal-panorama .d3pano{ display:block; width:100%; height:900px; border:0; } #m-areal-webcam .webcam, .lcWebcamBtn{ display:block; font-size:17px; line-height:24px; padding:0 0 0 32px; } #m-areal-webcam .webcam .cam{ display:inline-block; width:47.5%; margin-right:5%; margin-bottom:5%; vertical-align:top; } #m-areal-webcam .webcam .cam:nth-of-type(2n){ margin-right:0; } #m-areal-webcam .webcam .cam h3{ margin-top:0; } #m-areal-webcam .webcam .cam h3 em.temp{ float:right; color:#F45329; font-style:normal; } #m-areal-webcam .webcam .cam a{ display:block; width:100%; height:480px; overflow:hidden; } #m-areal-webcam .webcam .cam a img{ display:block; height:100%; } #m-partneri .partneri{ padding: 0; margin:0; list-style: none; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; } #m-partneri .partneri li{ width:200px; padding:10px 20px 40px 20px; text-align:center; } #m-partneri .partneri img{ max-height:60px; } .tly{ display:block; } .tly section{ display:block; margin-bottom:45px; } .tly section > header{ display:table; width:100%; } .tly section > header > div{ display:table-cell; vertical-align:top; } .tly section > header > div:nth-of-type(1){ padding-right:40px; } .tly section > header > div:nth-of-type(2){ width:33%; font-size:20px; text-align:center; vertical-align:top; } .tly section > header > div h2{ margin-bottom:7px; } .tly section > article{ display:table; width:100%; } .tly section > article > div{ display:table-cell; vertical-align:top; } .tly section > article > div:nth-of-type(1){ padding-right:40px; } .tly section > article > div:nth-of-type(2){ width:33%; } .tly section > article > div:nth-of-type(2) a{ display:block; width:100%; } .tly section > article > div:nth-of-type(2) a img{ display:block; width:100%; } .tly section > article > div:nth-of-type(2) div.sub{ display:block; font-size:0; margin-top:2px; } .tly section > article > div:nth-of-type(2) div.sub a{ display:inline-block; width:10%; margin-right:2px; } .tly section > article > div p.info{ font-size:15px; color:#888; } .tly section > article > div span{ display:block; margin-top:10px; font-size:0; text-align:left; } .tly section > article > div span s{ display:inline-block; width:33.333%; font-size:17px; text-decoration:none; color:#888; } .kontakty.k-info{ display:block; margin-bottom:40px; } .kontakty.k-info .k-col{ display:inline-block; width:50%; vertical-align:top; } .kontakty.k-info .k-col .k-firma{ padding-right:30px; text-align:left; } .kontakty.k-info .k-firma p.info{ margin-bottom:5px; } .kontakty.k-info .k-firma p.info i{ display:inline-block; width:100px; font-style:normal; color:#888; text-transform:uppercase; } .mapa-kontakty{ display:block; width:100%; margin-bottom:10px; height:400px; border:1px solid #ddd; } .tab-seznam{ border-collapse:collapse; width:100%; } .tab-seznam th{ padding:3px 10px; border:1px solid #fff; background-color:#eee; text-transform:uppercase; } .tab-seznam td{ padding:2px 10px; border:1px solid #e8e8e8; text-align:left; } .tab-seznam td.c{ text-align:center; } .tab-seznam tr td:first-child{ border-left:0; } .tab-seznam tr td:last-child{ border-right:0; } .tab-seznam td.ts-id{ width:120px; white-space:nowrap; } .tab-seznam td.ts-stav{ width:140px; white-space:nowrap; } .tab-seznam td span{ color:#d22; } .tab-seznam td span.ok{ color:#292; } .tab-seznam tr:hover td{ background-color:#ffd; } a.btn{ height:36px; line-height:35px; min-width:100px; width:15%; text-align:center; color:#333; border:1px dotted #333; } a.btn:hover{ background-color:#eee; } a.btn.btn-gopay{ height:46px; line-height:44px; background-color:#e60000; font-size:20px; color:#fff; border:0; } a.btn.btn-gopay b{ color:#fff; } a.btn.btn-gopay:hover{ background-color:#393939; } .tab-form{ margin-top:40px; } .tab-form table{ width:100%; } .tab-form th{ width:180px; padding:12px 10px 0 0; vertical-align:top; } .tab-form th b{ padding-left:3px; color:red; } .tab-form td{ padding:6px 0; } .tab-form td.rules{ padding:10px 0 15px 0; font-size:15px; } .tab-form td.rules p{ line-height:20px; } .tab-form td.rules p:last-child{ margin-bottom:0; } .tab-form td em{ padding-left:15px; font-style:normal; color:#888; } .tab-form td .ibox{ float:right; width:30%; padding:5px 10px; white-space:normal; font-size:12px; line-height:18px; background-color:#f0f0f0; } .tab-form td.check{ padding-top:11px; padding-bottom:11px; } .tab-form .in-row{ vertical-align:top; min-height:26px; text-align:left; } .tab-form .in-row input[type=checkbox]{ float:left; margin-top:5px; } .tab-form .in-row label{ padding-left:6px; cursor:pointer; } .tab-form .mid{ width:50%; } .tab-form .qat{ width:24.5%; } .tab-form .short{ width:12.5%; } .tab-form .w-mesto{ width:34.5%; margin-left:1%; } .tab-form .w-psc{ width:13.5%; margin-left:1%; } .tab-form .mr1p{ margin-right:1%; } .tab-form .ralert{ border-color:red; color:red; } .tab-form a.btn{ float:right; } .tab-form.tab-info th{ padding:2px 0; } .tab-form.tab-info td{ padding:2px 0; } a.btn{ display:inline-block; height:36px; line-height:36px; min-width:100px; width:15%; text-align:center; color:#333; border:1px dotted #333; } a.btn:hover{ background-color:#eee; } a.btn.wide{ min-width:300px; } .panely{ display:table; width:100%; } .panely .panel-text{ display:table-cell; vertical-align:top; } .panely .panel-foto{ display:table-cell; width:33%; vertical-align:top; padding-left:40px; font-size:0; } .panel-foto a{ display:inline-block; width:48.5%; margin-right:3%; margin-bottom:3%; vertical-align:top; } .panel-foto a:nth-of-type(2n){ margin-right:0; } .panel-foto a img{ display:block; width:100%; } .panel-foto-wide a{ display:inline-block; width:15.833%; margin-right:1%; margin-bottom:1%; vertical-align:top; } .panel-foto-wide a:nth-of-type(6n){ margin-right:0; } .panel-foto-wide a img{ display:block; width:100%; } .panel-perex{ margin-bottom:30px; } .panel-perex p{ margin:0; } .panel-perex p span{ display:inline-block; width:70px; color:#888; } .panel-info{ margin-top:30px; } .panel-info u{ float:right; text-decoration:none; color:#888; } .panel-info em{ display:block; text-align:right; font-style:normal; font-size:15px; color:#888; } .panel-soubory{ margin-top:30px; } .panel-soubory ul{ margin:0; } .panel-soubory ul li span{ padding-left:10px; color:#888; } .n-list ul{ display:block; margin-bottom:35px; padding-left:0; font-size:0; } .n-list ul li{ display:inline-block; width:31.333%; margin-right:3%; margin-bottom:3%; vertical-align:top; } .n-list ul li:nth-of-type(3n){ margin-right:0; } .n-list ul li a{ display:block; font-size:17px; } .n-list ul li h3{ margin-top:0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .n-list ul li span{ display:table; width:100%; } .n-list ul li span b{ display:table-cell; vertical-align:top; width:37%; padding-right:15px; } .n-list ul li span b img{ width:100%; min-width:90px; } .n-list ul li span em{ display:table-cell; vertical-align:top; color:#393939; font-style:normal; } .n-list ul li span i{ display:block; color:#888; font-style:normal; font-size:12px; } .n-list ul li span u{ text-decoration:none; color:#F45329; } .n-list ul li a:hover span u{ color:#393939; } .n-list.kon span{ max-width:430px; } .n-list.kon span b{ width:50px; padding-right:10px; } .n-list.kon span b img{ min-width:10px; max-width:35px; } .n-list.kon ul em{ font-size:17px; } .n-list.kon ul em s{ display:block; text-decoration:none; } .n-list.kon ul em s strong{ float:right; } .paging{ display:block; text-align:center; font-size:0; } .paging a{ display:inline-block; min-width:25px; margin:0 5px 10px 5px; padding:0 3px; text-align:center; font-size:17px; line-height:35px; color:#555; border:1px dotted #666; } .paging a:hover, .paging a.on{ background-color:#f0f0f0; } .error-404{ display:block; width:100%; padding-right:20px; margin-top:5px; line-height:40px; border:1px solid #F45329; text-align:left; } .error-404 b{ display:inline-block; width:120px; margin-right:20px; font-weight:normal; text-align:center; color:#fff; text-transform:uppercase; background-color:#F45329; } .msg{ color:#E60000; } .msg b{ color:#E60000; } .msg i{ color:#282; font-style:normal; } .msg i b{ color:#282; } .tabGen{ display:inline-block; width:100%; margin:30px 0 0 0; vertical-align:top; } .tabGen table{ width:100%; margin:5px 0 0 0; border-collapse:collapse; } .tabGen table th{ height:18px; padding:6px 4px; font-family:fontB; font-size:14px; line-height:20px; font-weight:normal; color:#222; background-color:#eee; border-left:1px solid #ddd; } .tabGen table th.thpl5{ text-align:left; padding-left:5px; } .tabGen table th.thc{ width:10%; min-width:80px; text-align:center; } .tabGen table th:first-child{ border-left:1px solid #fff; } .tabGen table td{ height:18px; padding:5px 10px; line-height:22px; border:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:top; } .tabGen table td em{ display:block; color:#888; font-style:normal; font-size:12px; line-height:14px; } .tabGen table td.tdpl7{ text-align:left; } .tabGen table td.tdpr10{ text-align:right; } .tabGen table td.tdc{ text-align:center; } .tabGen table td.tdvm{ vertical-align:middle; text-align:left; } .tabGen table td:first-child{ border-left:1px solid #fff; } .tabGen table td:last-child{ border-right:1px solid #fff; } .tabGen table tr:hover td{ background-color:#fafafa; } .textGen{ display:block; width:100%; margin:20px 0 0 0; padding-left:8px; } .textGen h2{ display:block; width:100%; margin:5px 0 5px 5px; } .textGen .textCnt{ display:block; width:100%; color:#777; } .textGen .textCnt p{ margin:0; padding:0; font-size:15px; line-height:20px; } .textGen .textCnt ul{ margin:10px 0; padding-left:30px; } .textGen .textCnt ul li{ font-size:15px; line-height:24px; text-align:left; } .tabGroup{ display:block; width:100%; margin-bottom:20px; } /* Skipasy */ .spPlatbaGopayRow{ display:none; } .spAdresaUliceRow{ display:none; } input[type=submit].spsBtn{ width:36px; height:36px; font-family:fontB; } .spsBtnLink{ display:inline-block; width:36px; height:36px; line-height:36px; text-align:center; font-family:fontB; color:#fff; background-color:#e60000; } .spsBtnLink:hover{ color:#fff; background-color:#393939; } .spsBtnLink.off{ color:#333; background-color:#eee; cursor:not-allowed; } input[type=text].spsInpBtn{ float:right; width:calc(100% - 40px); padding-left:20px; padding-right:0; border:0; } input[type=text].spsInpNb100{ width:100%; border:0; } input[type=text].spsInpNb50{ width:50px; border:0; } /**/ .nC{ float:left; width:100%; color:#aaa; } .ul{ float:left; width:100%; } .b{ font-family:fontB; font-weight:normal; color:#393939; } .nb{ font-family:fontL; font-weight:500; } .i{ font-style:italic; } .u{ text-decoration:underline; } .l{ text-align:left; } .c{ text-align:center; } .r{ text-align:right; } .j{ text-align:justify; } .ttu{ text-transform:uppercase; } .ttl{ text-transform:lowercase; } .nCt{ color:#ccc; } /* Fonty */ @font-face{ font-family: 'fontL'; src: url('../fonts/TitilliumWebLight.eot'); src: url('../fonts/TitilliumWebLight.woff') format('woff'), url('../fonts/TitilliumWebLight.ttf') format('truetype'), url('../fonts/TitilliumWebLight.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'fontR'; src: url('../fonts/TitilliumWebRegular.eot'); src: url('../fonts/TitilliumWebRegular.woff') format('woff'), url('../fonts/TitilliumWebRegular.ttf') format('truetype'), url('../fonts/TitilliumWebRegular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'fontB'; src: url('../fonts/TitilliumWebBold.eot'); src: url('../fonts/TitilliumWebBold.woff') format('woff'), url('../fonts/TitilliumWebBold.ttf') format('truetype'), url('../fonts/TitilliumWebBold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'fontIgnisS'; src: url('../fonts/IgnisEtGlaciesSharp.eot'); src: url('../fonts/IgnisEtGlaciesSharp.woff') format('woff'), url('../fonts/IgnisEtGlaciesSharp.ttf') format('truetype'), url('../fonts/IgnisEtGlaciesSharp.svg') format('svg'); font-weight: normal; font-style: normal; } /** ----------------------------------------------------------------------------------------------------------------------------------------------------------- * Magnific Popup CSS **/ .mfp-bg{ top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.95; filter:alpha(opacity=95); } .mfp-wrap{ top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden; } .mfp-container{ text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .mfp-container:before{ content:''; display:inline-block; height:100%; vertical-align:middle; } .mfp-align-top .mfp-container:before{ display:none; } .mfp-content{ position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{ width:100%; cursor:auto; } .mfp-ajax-cur{ cursor:progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{ cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out; } .mfp-zoom{ cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; } .mfp-auto-cursor .mfp-content{ cursor:auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{ -webkit-user-select:none; -moz-user-select:none; user-select:none; } .mfp-loading.mfp-figure{ display:none; } .mfp-hide{ display:none !important; } .mfp-preloader{ color:#cccccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:1044; } .mfp-preloader a{ color:#cccccc; } .mfp-preloader a:hover{ color:white; } .mfp-s-ready .mfp-preloader{ display:none; } .mfp-s-error .mfp-content{ display:none; } button.mfp-close, button.mfp-arrow{ overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; -webkit-box-shadow:none; box-shadow:none; } button::-moz-focus-inner{ padding:0; border:0; } .mfp-close{ width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:0.65; filter:alpha(opacity=65); padding:0 0 18px 10px; color:white; font-style:normal; font-size:28px; font-family:Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus{ opacity:1; filter:alpha(opacity=100); } .mfp-close:active{ top:1px; } .mfp-close-btn-in .mfp-close{ color:#333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{ color:white; right:-6px; text-align:right; padding-right:6px; width:100%; } .mfp-counter{ position:absolute; top:0; right:0; color:#cccccc; font-size:12px; line-height:18px; font-family:Arial; font-size:11px; } .mfp-arrow{ position:absolute; opacity:0.65; filter:alpha(opacity=65); margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } .mfp-arrow:active{ margin-top:-54px; } .mfp-arrow:hover, .mfp-arrow:focus{ opacity:1; filter:alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{ content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a{ border-top-width:13px; border-bottom-width:13px; top:8px; } .mfp-arrow:before, .mfp-arrow .mfp-b{ border-top-width:21px; border-bottom-width:21px; opacity:0.7; } .mfp-arrow-left{ left:0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a{ border-right:17px solid white; margin-left:31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b{ margin-left:25px; border-right:27px solid #3f3f3f; } .mfp-arrow-right{ right:0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a{ border-left:17px solid white; margin-left:39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b{ border-left:27px solid #3f3f3f; } .mfp-iframe-holder{ padding-top:40px; padding-bottom:40px; } .mfp-iframe-holder .mfp-content{ line-height:0; width:100%; max-width:900px; } .mfp-iframe-holder .mfp-close{ top:-40px; } .mfp-iframe-scaler{ width:100%; height:0; overflow:hidden; padding-top:56.25%; } .mfp-iframe-scaler iframe{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:black; } img.mfp-img{ width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:40px auto; border:6px solid #bbb; } img.mfp-img:hover{ border-color:#fff; } .mfp-figure{ line-height:0; } .mfp-figure:after{ content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#444444; } .mfp-figure small{ color:#bdbdbd; display:block; font-size:12px; line-height:14px; } .mfp-figure figure{ margin:0; } .mfp-bottom-bar{ margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto; } .mfp-title{ text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px; font-family:Arial; font-size:11px; } .mfp-image-holder .mfp-content{ max-width:100%; } .mfp-gallery .mfp-image-holder .mfp-figure{ cursor:pointer; } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder{ padding-left:0; padding-right:0; } .mfp-img-mobile img.mfp-img{ padding:0; } .mfp-img-mobile .mfp-figure:after{ top:0; bottom:0; } .mfp-img-mobile .mfp-figure small{ display:inline; margin-left:5px; } .mfp-img-mobile .mfp-bottom-bar{ background:rgba(0, 0, 0, 0.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .mfp-img-mobile .mfp-bottom-bar:empty{ padding:0; } .mfp-img-mobile .mfp-counter{ right:5px; top:3px; } .mfp-img-mobile .mfp-close{ top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0, 0, 0, 0.6); position:fixed; text-align:center; padding:0; } } @media all and (max-width:900px) { .mfp-arrow{ -webkit-transform:scale(0.75); transform:scale(0.75); } .mfp-arrow-left{ -webkit-transform-origin:0; transform-origin:0; } .mfp-arrow-right{ -webkit-transform-origin:100%; transform-origin:100%; } .mfp-container{ padding-left:6px; padding-right:6px; } } .mfp-ie7 .mfp-img{ padding:0; } .mfp-ie7 .mfp-bottom-bar{ width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px; } .mfp-ie7 .mfp-container{ padding:0; } .mfp-ie7 .mfp-content{ padding-top:44px; } .mfp-ie7 .mfp-close{ top:0; right:0; padding-top:0; } /** ----------------------------------------------------------------------------------------------------------------------------------------------------------- * jQuery FlexSlider v2.2.0, http://www.woothemes.com/flexslider/ | Copyright 2012 WooThemes, Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html | Contributing author: Tyler Smith (@mbmufffin) **/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline:none;} .slides, .flex-control-nav, .flex-direction-nav {margin:0; padding:0; list-style:none;} .flexslider {margin:0; padding:0;} .flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;} .flexslider .slides img { width:100%; display:block; } .flex-pauseplay span {text-transform:capitalize;} .slides:after {content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;} html[xmlns] .slides {display:block;} * html .slides {height:1%;} .no-js .slides > li:first-child {display:block;} .flexslider { margin:0; background:#fff; border:0; position:relative; zoom:1; } .flex-viewport { max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; } .loading .flex-viewport { max-height:300px; } .flexslider .slides { zoom:1; } .carousel li { margin-right:5px; } .flex-control-nav { padding:0 10px; position:absolute; right:0; bottom:0px; z-index:1000; text-align:left; } .flex-control-nav li { margin:0 3px; display:inline-block; zoom:1; *display:inline; } .flex-control-paging li a { width:11px; height:11px; display:block; background:#666; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; border:1px solid #EEE; } .flex-control-paging li a:hover { background:#333; background:rgba(255,255,255,0.2); } .flex-control-paging li a.flex-active { background:#EEE; background:rgba(255,255,255,0.9); cursor:default; } .flex-control-thumbs {margin:5px 0 0; position:static; overflow:hidden;} .flex-control-thumbs li {width:25%; float:left; margin:0;} .flex-control-thumbs img {width:100%; display:block; opacity:.7; cursor:pointer;} .flex-control-thumbs img:hover {opacity:1;} .flex-control-thumbs .flex-active {opacity:1; cursor:default;} @media screen and (max-width:860px) { .flex-direction-nav .flex-prev { opacity:1; left:10px;} .flex-direction-nav .flex-next { opacity:1; right:10px;} } /** ----------------------------------------------------------------------------------------------------------------------------------------------------------- * Responsive design **/ @media only screen and (max-width:1490px) { .h-top nav section.season a{ border-left:3px solid #fff; border-right:0; } .h-slider-small{ height:260px; } .h-info .cnt{ padding:0 10px; } .h-info .label{ border-left:0; } #m-areal-mapa iframe{ height:920px !important; } #m-areal-mapa iframe.lyBe{ height:620px !important; } } @media only screen and (max-width:1290px) { .h-logo .menu nav div.a{ font-size:22px; } .h-areal span{ font-size:15px; } .h-slider-small{ height:220px; } #m-areal-mapa iframe{ height:780px !important; } #m-areal-mapa iframe.lyBe{ height:580px !important; } #m-areal-webcam .webcam .cam h3 em.temp{ display:block; float:none; font-size:15px; line-height:22px; } #m-areal-webcam .webcam .cam a{ height:390px; } } @media only screen and (max-width:1190px) { .h-info{ font-size:15px; } .h-info .label{ display:none; } .row.col-2 > div{ display:block; } .row.col-2 > div:nth-of-type(1){ width:100%; padding-right:0; } .row.col-2 > div:nth-of-type(2){ width:100%; padding-left:0; padding-top:35px; } .row.row5050.col-2 > div:nth-of-type(1){ width:100%; padding-right:0; } .row.row5050.col-2 > div:nth-of-type(2){ width:100%; padding-left:0; padding-top:35px; } .areal-info{ padding:40px 15px 25px 15px; } .areal-info .h1{ max-width:86%; } .areal-info .ai-bar{ width:86%; } .areal-info .ai-lti{ left:20px; top:20px; } .areal-info .ai-lmi{ left:85px; top:18px; } .areal-info .ai-lbi{ left:20px; top:50px; bottom:auto; } .areal-info .ai-rtit{ right:44px; top:16px; height:20px; line-height:20px; } .areal-info .ai-rtit i.temp{ font-size:14px; } .areal-info .ai-rtii{ right:15px; top:16px; height:20px; line-height:20px; } .areal-info .ai-rtii img{ height:20px; } #m-areal-mapa iframe{ height:720px !important; } #m-areal-mapa iframe.lyBe{ height:500px !important; } #m-areal-panorama .d3pano{ height:800px; } } @media only screen and (max-width:1024px) { body{ margin-bottom:105px; } .h-logo .menu{ text-align:right; } .h-logo .menu span{ display:block; } .h-logo .menu section{ position:relative; } .h-top nav section.topsearch input[type=text]{ right:86px; top:58px; } .h-logo .menu nav{ position:absolute; right:20px; top:60px; z-index:9999; display:none; width:auto; margin-left:0; padding:5px 10px; background-color:#fff; } .h-logo .menu nav div.a{ display:block; width:100%; height:auto; } .h-logo .menu nav div.a a{ display:block; width:100%; height:auto; padding:3px 10px; font-size:17px; line-height:33px; border-bottom:1px solid #e0f5ff; } .h-logo .menu nav div.a a:hover, .h-logo .menu nav div.a a.on, .h-logo .menu nav div.a a.onp{ background-color:#fff; } .h-logo .menu nav div.a:last-child a{ border-bottom:0; } .h-logo .menu nav.on{ display:block; } .h-logo section.submenu.on{ display:none; } .h-slider-small{ height:180px; } .body nav a{ width:24.25%; } .body nav a:nth-of-type(5n){ margin-right:1%; } .body nav a:nth-of-type(4n){ margin-right:0; } footer{ min-height:10px; padding:12px 0; } footer .cnt{ min-height:10px; } .f-menu{ display:none; } .f-copy{ position:static; } .hp-partneri section{ display:block; } .hp-partneri section a, .hp-partneri section span{ display:inline-block; width:25%; vertical-align:top; padding-bottom:20px; } .areal-info .ai-bar{ width:100%; } #m-areal-mapa iframe{ height:660px !important; } #m-areal-mapa iframe.lyBe{ height:390px !important; } #m-areal-panorama .d3pano{ height:700px; } #m-areal-webcam .webcam .cam{ width:48.5%; margin-right:3%; margin-bottom:3%; } #m-areal-webcam .webcam .cam:nth-of-type(2n){ margin-right:0; } #m-areal-webcam .webcam .cam a{ height:330px; } .tly section > article > div span s{ width:50%; } .kontakty.k-info .k-col{ width:100%; } .kontakty.k-info .k-col .k-firma{ padding-right:0px; padding-bottom:20px; } .tab-form .mid{ width:100%; } .tab-form .qat{ width:49.5%; } .tab-form .short{ width:24.5%; } .tab-form .w-mesto{ width:34.5%; margin-left:0; margin-top:1%; } .tab-form .w-psc{ width:13.5%; margin-left:1%; margin-top:1%; } .tab-form input[type=submit].mid{ width:calc(100% - 120px); } .panely{ display:block; } .panely .panel-text{ display:block; } .panely .panel-foto{ display:block; width:100%; margin-top:40px; padding:0; } .panel-foto a{ width:24.25%; margin-right:1%; margin-bottom:1%; } .panel-foto a:nth-of-type(2n){ margin-right:1%; } .panel-foto a:nth-of-type(4n){ margin-right:0; } .panel-foto-wide a{ width:24.25%; } .panel-foto-wide a:nth-of-type(2n){ margin-right:1%; } .panel-foto-wide a:nth-of-type(4n){ margin-right:0; } .n-list ul li{ width:48.5%; } .n-list ul li:nth-of-type(3n){ margin-right:3%; } .n-list ul li:nth-of-type(2n){ margin-right:0; } .tabGroup .tabGen{ width:100% !important; } .textGen .textCnt ul{ padding-left:15px; } } @media only screen and (max-width:890px) { .body nav a{ width:32.666%; } .body nav a:nth-of-type(4n){ margin-right:1%; } .body nav a:nth-of-type(3n){ margin-right:0; } #m-areal-mapa iframe{ height:500px !important; } #m-areal-mapa iframe.lyBe{ height:300px !important; } #m-areal-panorama .d3pano{ height:600px; } } @media only screen and (max-width:690px) { input[type=text], input[type=password]{ height:30px; padding:1px 8px; font-size:14px; } input[type=submit]{ height:30px; font-size:14px; } textarea{ height:115px; padding:8px; font-size:14px; line-height:22px; } select{ height:30px; padding:1px 8px; font-size:14px; } body{ font-size:15px; } .h-top{ height:2px; } .h-top nav{ top:2px; } .h-top nav section.langs a{ font-size:13px; } .h-top nav section.season a{ height:27px; font-size:13px; line-height:23px; } .h-top nav section.topsearch span{ height:24px; padding:5px 6px; } .h-top nav section.topsearch input[type=text]{ right:66px; top:43px; width:200px; height:32px; font-size:13px; } .h-top nav section.topcart a{ height:24px; padding:4px 6px; } .h-logo .cnt{ height:90px; } .h-logo .logo{ width:220px; padding-bottom:5px; vertical-align:bottom; } .h-logo .logo img{ width:180px; } .h-logo .menu span{ width:40px; height:40px; margin:0 12px 12px 0; padding:3px 6px; border-radius:4px; } .h-logo .menu span i{ margin-top:6px; } .h-logo .menu nav{ right:12px; top:45px; } .h-logo .menu nav div.a a{ padding:2px 0; font-size:15px; } .h-areal{ display:none; } .h-slider-small{ height:120px; } .h-info{ height:23px; margin-top:2px; font-size:12px; line-height:23px; letter-spacing:0.05em; } .f-copy span:nth-of-type(2){ display:none; } .breadcrumbs{ padding-top:10px; } .body{ margin-top:15px; } .body .h1{ margin-bottom:20px; font-size:32px; line-height:46px; } .body h2{ margin:25px 0 10px 0; font-size:24px; line-height:28px; } .body h2 a{ top:3px; width:24px; height:23px; } .body h3{ margin:15px 0 5px 0; font-size:18px; line-height:22px; } .body nav a{ width:49.5%; height:35px; line-height:35px; font-size:15px; } .body nav a:nth-of-type(3n){ margin-right:1%; } .body nav a:nth-of-type(2n){ margin-right:0; } .hp-arealy section{ display:block; width:100%; margin-right:0; margin-bottom:2%; font-size:15px; } .hp-arealy section:nth-of-type(3){ margin-bottom:0; } .hp-arealy section > strong > a.webcam{ top:5px; width:17px; height:18px; } .hp-arealy section > a{ padding-left:250px; padding-bottom:38px; min-height:10px; } .hp-arealy section > a > img{ position:absolute; left:8px; top:8px; width:237px; height:145px; margin-bottom:0; } .hp-arealy u{ margin-bottom:6px; padding-top:5px; font-size:12px; line-height:18px; } .hp-info span{ width:49%; margin-right:2%; font-size:15px; } .hp-info span:nth-of-type(3n){ margin-right:2%; } .hp-info span:nth-of-type(2n){ margin-right:0; } .hp-partneri section a, .hp-partneri section span{ width:33%; } .areal-info .ai-bar i{ text-align:center; font-size:10px; line-height:14px; } .areal-info .ai-bar i b{ float:none; display:block; font-size:15px; line-height:19px; } #m-areal-mapa iframe{ height:350px !important; } #m-areal-mapa iframe.lyBe{ height:280px !important; } #m-areal-panorama .d3pano{ height:500px; } #m-areal-webcam .webcam .cam a{ height:220px; } .tly section > header{ display:block; } .tly section > header > div{ display:block; } .tly section > header > div:nth-of-type(1){ padding-right:0; } .tly section > header > div:nth-of-type(2){ width:100%; padding-bottom:4px; font-size:15px; text-align:left; } .tly section > article{ display:block; } .tly section > article > div{ display:block; } .tly section > article > div:nth-of-type(1){ padding-right:0; } .tly section > article > div:nth-of-type(2){ width:100%; padding-top:20px; } .tly section > article > div span s{ font-size:15px; } .tab-seznam th{ padding:3px 7px; font-size:14px; } .tab-seznam td{ padding:2px 7px; } .tab-seznam td.ts-id{ width:94px; } .tab-seznam td.ts-stav{ width:110px; } .tab-form th{ width:150px; padding:7px 5px 0 0; vertical-align:top; } .tab-form td{ padding:3px 0; } .tab-form td.rules{ padding:6px 0 12px 0; font-size:14px; } .tab-form td.rules p{ line-height:18px; } .tab-form a.btn{ font-size:15px; height:30px; line-height:28px; min-width:90px; } .tab-form .short{ width:49.5%; } .n-list.kon ul em{ font-size:15px; } .panel-foto a{ width:32.333%; margin-right:1%; margin-bottom:1%; } .panel-foto a:nth-of-type(4n){ margin-right:1%; } .panel-foto a:nth-of-type(3n){ margin-right:0; } .panel-foto-wide a{ width:32.333%; margin-right:1%; margin-bottom:1%; } .panel-foto-wide a:nth-of-type(4n){ margin-right:1%; } .panel-foto-wide a:nth-of-type(3n){ margin-right:0; } .n-list ul li{ width:100%; margin-right:0; margin-bottom:5%; } .n-list ul li a{ font-size:15px; } .textGen .textCnt p{ font-size:13px; line-height:18px; } .textGen .textCnt ul li{ font-size:13px; line-height:20px; } } @media only screen and (max-width:480px) { .body nav a{ width:100%; margin-right:0; margin-bottom:2%; } .body nav.vrw a{ width:100%; } .hp-arealy section > a{ padding-left:8px; } .hp-arealy section > a > img{ position:static; width:100%; height:auto; margin-bottom:10px; } .hp-partneri section a, .hp-partneri section span{ width:50%; } #m-areal-mapa iframe{ height:250px !important; } #m-areal-mapa iframe.lyBe{ height:200px !important; } #m-areal-webcam .webcam .cam{ width:100%; margin-right:0; margin-bottom:5%; } #m-areal-webcam .webcam .cam a{ height:300px; } .tly section > article > div span s{ width:100%; } .panel-foto a{ display:inline-block; width:49.5%; margin-right:1%; margin-bottom:1%; } .panel-foto a:nth-of-type(3n){ margin-right:1%; } .panel-foto a:nth-of-type(2n){ margin-right:0; } .panel-foto-wide a{ display:inline-block; width:49.5%; margin-right:1%; margin-bottom:1%; } .panel-foto-wide a:nth-of-type(3n){ margin-right:1%; } .panel-foto-wide a:nth-of-type(2n){ margin-right:0; } .error-404{ font-size:0; padding:0; line-height:0; } .error-404 b{ display:block; width:100%; margin-right:0; font-size:15px; line-height:40px; } } /** ----------------------------------------------------------------------------------------------------------------------------------------------------------- * Printer layout **/ @media only print { body{ margin:0 0 20px 0; font-size:15px; } .h-top{ display:none; } .h-logo .cnt{ height:40px; } .h-logo .menu > *{ display:none; } .h-logo .logo{ width:120px; vertical-align:middle; } .h-logo .logo img{ width:120px; height:31px; } .h-areal{ display:none; } .h-slider{ display:none; } .h-slider-small{ display:none; } .h-info{ display:none; } .breadcrumbs{ position:absolute; right:0; top:-4px; width:auto; padding:0; font-size:11px; text-align:right; color:#898989; } .body{ width:900px; margin:0; padding:25px 0 0 0; } .body .h1{ position:absolute; right:0; top:12px; margin-bottom:15px; font-size:20px; text-align:right; color:#292929; } .body .h1.h1-hide{ display:block; } .body h2{ margin:25px 0 10px 0; font-size:19px; line-height:23px; } .body h3{ margin:15px 0 5px 0; font-size:16px; line-height:20px; } .body nav{ display:none; } footer{ position:static; margin-top:20px; padding:0; background-color:#fff; } footer .cnt{ width:900px; min-height:1px; background-color:#fff; } .f-menu{ display:none; } .f-copy{ position:static; } .f-copy span{ text-align:center; padding:0; } .f-copy span a{ display:none; } .f-copy span:nth-of-type(2){ display:none; } .areal-info{ margin-bottom:15px; padding:40px 15px 25px 15px; } .areal-info .h1{ position:static; max-width:100%; text-align:center; margin:0 0 10px 0; } .areal-info .ai-bar{ width:86%; } .areal-info .ai-lti{ left:20px; top:20px; } .areal-info .ai-lmi{ left:85px; top:18px; } .areal-info .ai-lbi{ left:20px; top:50px; bottom:auto; } .areal-info .ai-rtit{ right:44px; top:16px; height:20px; line-height:20px; } .areal-info .ai-rtit i.temp{ font-size:14px; } .areal-info .ai-rtii{ right:15px; top:16px; height:20px; line-height:20px; } .areal-info .ai-rtii img{ height:20px; } .panely{ display:block; } .panely .panel-text{ display:block; } .panely .panel-foto{ display:block; width:100%; margin-top:20px; padding:0; } .panel-foto a{ width:12.0625%; margin-right:0.5%; margin-bottom:0.5%; } .panel-foto a:nth-of-type(2n){ margin-right:0.5%; } .panel-foto a:nth-of-type(8n){ margin-right:0; } .panel-foto-wide a{ width:12.0625%; } .panel-foto-wide a:nth-of-type(2n){ margin-right:0.5%; } .panel-foto-wide a:nth-of-type(8n){ margin-right:0; } .panel-perex{ margin-bottom:15px; } .panel-info{ margin-top:15px; } .panel-soubory{ margin-top:15px; } }