/* 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:#292929; margin:0 0 140px 0; padding:0; background-color:#fff; font-weight:normal; font-family:fontL,Arial,Verdana; text-align:left; -webkit-print-color-adjust:exact; } /* #fff */ p{ margin:0 0 15px 0; padding:0; line-height:24px; -webkit-margin-before:0; } a{ color:#cc0c01; text-decoration:none; outline:none; } a:hover{ color:#000; text-decoration:none; } strong, b{ font-family:fontB; font-weight:normal; color:#191919; } img{ margin:0; border:0px; } ul{ list-style:square; } li{ line-height:26px; } 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]{ width:100%; height:32px; padding:0 10px; border:1px solid #aaa; font-family:fontL,Arial; font-size:16px; } input[type=submit]{ width:100%; height:32px; color:#fff; font-size:15px; border:0; background-color:#e60000; text-transform:uppercase; cursor:pointer; } input[type=submit]:hover{ background-color:#393939; } textarea{ width:100%; height:100px; padding:10px; font-family:fontL,Arial; font-size:16px; line-height:20px; border:1px solid #aaa; resize:none; background-color:#fff; } select{ width:100%; height:32px; padding:0 10px; font-family:fontL,Arial; font-size:16px; border:1px solid #aaa; background-color:#fff; } /* Content */ header{ width:100%; padding:5px 0; } header nav{ display:block; padding:0; font-family:fontTeuB; text-align:left; text-transform:uppercase; } header nav div.h-cnt{ display:table; border-collapse:collapse; border-style:hidden; width:100%; max-width:1200px; min-width:345px; margin:0 auto; } header nav div.a{ display:table-cell; width:11.111%; border-right:1px solid #fff; } header nav div.a > a{ display:block; width:100%; height:36px; padding:2px 0 0 10px; font-size:17px; font-weight:normal; color:#222; line-height:36px; background:transparent url('../images/img_zarazka_white.png') no-repeat 7px top; background-size:8px 6px; } header nav div.a > a i{ font-style:normal; color:#cc0c01; } header nav div.a > a:hover, header nav div.a > a.active{ background-color:#E0E0E0; } header nav div.lvl{ position:relative; float:left; width:100%; height:0; display:none; } header nav div.lvl em{ position:absolute; left:0; top:0; z-index:9999; float:left; padding:12px 16px 10px 8px; font-style:normal; border-top:1px solid #fff; background-color:#b7b7b7; } header nav div.lvl em > a{ float:left; width:100%; padding-top:2px; padding-left:8px; margin-bottom:8px; white-space:nowrap; font-weight:normal; font-size:14px; color:#232323; line-height:17px; border-left:6px solid #E8E8E8; } header nav div.lvl em > a:hover, header nav div.lvl em > a.active{ color:#cc0c01; border-left-color:#cc0c01; } header nav div.lvl em > a:last-of-type{ margin-bottom:0; } header nav div.a:hover a + div.lvl{ display:block; } header nav div.a:hover > a{ background-color:#D0D0D0; } header nav#menuKola{ height:36px; background-color:#b7b7b7; } header nav#menuDily{ height:32px; margin-top:5px; background-color:#cc0c01; } header nav#menuDily div.a > a{ height:32px; font-size:14px; color:#fff; line-height:32px; } header nav#menuDily div.a > a:hover, header nav#menuDily div.a > a.active{ background-color:#Ec2c21; } header nav#menuDily div.a:hover > a{ background-color:#Ec2c21; } header nav#menuDily div.lvl em{ background-color:#cc0c01; } header nav#menuDily div.lvl em > a{ color:#fff; border-left-color:#fff; } header nav#menuDily div.lvl em > a:hover, header nav#menuDily div.lvl em > a.active{ color:#eee; border-left-color:#ddd; } header nav#menuDily div.lvl s.brand{ position:relative; float:left; display:block; width:100%; margin-top:10px; } header nav#menuDily div.lvl s.brand > u{ position:absolute; left:-8px; top:1px float:left; display:block; width:calc(100% + 24px); padding:10px 16px 10px 8px; border-top:1px solid #cc0c01; background-color:#404040; } header nav#menuDily div.lvl s.brand > u > a{ float:left; width:100%; padding-top:2px; padding-left:9px; margin-bottom:8px; white-space:nowrap; font-weight:500; font-size:13px; color:#fc3c31; line-height:17px; border-left:6px solid #fc3c31; background:transparent url('../images/ico_hyperlink_red.png') no-repeat right center; background-size: 11px 11px; } header nav#menuDily div.lvl s.brand > u > a:hover{ color:#fff; border-color:#fff; background-image:url('../images/ico_hyperlink_white.png'); } header nav#menuDily div.lvl s.brand > u > a:last-of-type{ margin-bottom:0; } nav.nbm-menu{ display:block; width:100%; margin-bottom:30px; font-size:0; background-color:#c5c5c5; } nav.nbm-menu > div{ width:100%; max-width:1180px; min-width:345px; margin:0 auto; font-size:0; } nav.nbm-menu > div a{ display:inline-block; min-width:15%; height:32px; padding:1px 5px 0 5px; font-size:13px; font-weight:bold; color:#fff; line-height:32px; text-align:center; text-transform:uppercase; border-right:1px solid #fff; background:#c5c5c5 url('../images/img_zarazka_white.png') no-repeat 7px top; background-size:8px 6px; white-space:nowrap; } nav.nbm-menu > div a:hover, nav.nbm-menu > div a.active{ background-color:#b0b0b0; } nav.nbm-menu > div a:last-child{ border-right:0; } nav.nbm-menu > div a em{ font-style:normal; } nav.nbm-menu > div a span{ display:none; } body.archiv{ background:#fff url('../images/web_2019_archiv_bck.jpg') repeat-y top center; } footer{ position:absolute; bottom:0px; width:100%; padding:18px 0 15px 0; font-family:fontTeuL; text-align:center; background-color:#8e8e8e; } footer .f-cnt{ width:100%; max-width:1220px; min-width:345px; margin:0 auto; padding:0 10px; } footer .f-cnt nav{ display:table; border-collapse:collapse; border-style:hidden; width:100%; margin-bottom:12px; } footer .f-cnt nav a{ display:table-cell; text-align:center; text-transform:uppercase; white-space:nowrap; font-family:fontTeuB; font-size:13px; font-weight:bold; color:#fff; } footer .f-cnt nav a:hover, footer .row-cnt nav a.active{ color:#444; } footer .f-cnt .cena{ display:block; margin-bottom:12px; padding-top:8px; border-top:1px solid #757575; font-size:12px; line-height:16px; color:#444; } footer .f-cnt .cena.archiv{ padding-top:0px; border:0; } footer .f-cnt .cp{ display:table; width:100%; font-size:13px; color:#222; } footer .f-cnt .cp .cp-copy{ display:table-cell; padding-left:10px; text-align:left; } footer .f-cnt .cp .cp-site{ display:table-cell; padding-right:10px; text-align:right; } footer .f-cnt .cp .cp-site .cpb{ padding-right:10px; font-style:normal; } footer .f-cnt .cp a{ padding:0 10px; color:#222; } footer .f-cnt .cp a:hover, footer .row-cnt .cp a.active{ color:#cc0c01; } footer .f-cnt .cp a.dev{ padding:0; } /* Modules */ .slider-hp{ position:relative; width:100%; max-width:1200px; min-width:345px; margin:0 auto; } .slider-hp img{ display:block; width:100%; } .slider-hp header{ position:absolute; z-index:5; float:left; display:inline-block; width:auto; padding:13px 45px 13px 35px; font-size:30px; font-weight:500; color:#fefefe; line-height:22px; } .slider-hp header b{ color:#cc0c01; font-weight:500; } .slider-hp header span{ font-family:fontT; font-size:14px; line-height:13px; } .slider-hp header.lt{ left:0; top:15%; } .slider-hp header.lc{ left:0; top:40.5%; } .slider-hp header.lb{ left:0; bottom:15%; } .slider-hp header.rt{ right:0; top:15%; } .slider-hp header.rc{ right:0; top:40.5%; } .slider-hp header.rb{ right:0; bottom:15%; } .slider-hp header.r-light{ padding:13px 35px 13px 45px; } .slider-hp header.l-dark{ color:#010101; } .slider-hp header.r-dark{ color:#010101; padding:13px 35px 13px 45px; } .slider-hp header.l-light, .slider-hp em.l-logo{ background: rgba(0,0,0,0.35); background: -moz-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 85%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.35)), color-stop(85%, rgba(0,0,0,0.35)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 85%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 85%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 85%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 85%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 ); } .slider-hp header.r-light, .slider-hp em.r-logo{ background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.35) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(15%, rgba(0,0,0,0.35)), color-stop(100%, rgba(0,0,0,0.35))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.35) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.35) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.35) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.35) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 ); } .slider-hp header.l-dark, .slider-hp em.l-logo.dark{ background: rgba(255,255,255,0.35); background: -moz-linear-gradient(left, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 85%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.35)), color-stop(85%, rgba(255,255,255,0.35)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 85%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 85%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 85%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 85%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } .slider-hp header.r-dark, .slider-hp em.r-logo.dark{ background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 15%, rgba(255,255,255,0.35) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(15%, rgba(255,255,255,0.35)), color-stop(100%, rgba(255,255,255,0.35))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 15%, rgba(255,255,255,0.35) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 15%, rgba(255,255,255,0.35) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 15%, rgba(255,255,255,0.35) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 15%, rgba(255,255,255,0.35) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } .slider-hp em.logo{ position:absolute; z-index:10; float:left; width:390px; height:65px; } .slider-hp em.logo img{ width:100%; } .slider-hp em.logo.lt{ left:0; top:17%; padding:7px 4.5% 7px 3.5%; } .slider-hp em.logo.lc{ left:0; top:42%; padding:7px 4.5% 7px 3.5%; } .slider-hp em.logo.lb{ left:0; bottom:17%; padding:7px 4.5% 7px 3.5%; } .slider-hp em.logo.rt{ right:0; top:17%; padding:7px 3.5% 7px 4.5%; } .slider-hp em.logo.rc{ right:0; top:42%; padding:7px 3.5% 7px 4.5%; } .slider-hp em.logo.rb{ right:0; bottom:17%; padding:7px 3.5% 7px 4.5%; } .slider-hp aside, .slider-cnt aside{ position:absolute; top:0; right:-34px; width:31px; height:100%; font-size:0; } .slider-hp aside section.tophome, .slider-cnt aside section.tophome{ position:relative; display:block; width:100%; height:0; } .slider-hp aside section.tophome > a, .slider-cnt aside section.tophome > a{ position:absolute; left:-1240px; top:-74px; z-index:7777; display:inline-block; width:30px; height:27px; padding:6px; border:1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.2); border-radius:3px; } .slider-hp aside section.tophome.archiv > a, .slider-cnt aside section.tophome.archiv > a{ top:-36px; } .slider-hp aside section.tophome > a:hover, .slider-cnt aside section.tophome > a:hover{ border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.4); cursor:pointer; } .slider-hp aside section.tophome #homeMenu, .slider-cnt aside section.tophome #homeMenu{ position:absolute; left:-1240px; top:-41px; z-index:10001; display:none; min-width:150px; padding:12px 16px 10px 8px; background-color:#b7b7b7; } .slider-hp aside section.tophome.archiv #homeMenu, .slider-cnt aside section.tophome.archiv #homeMenu{ top:-4px; } #homeMenu a{ display:block; width:100%; padding-top:2px; padding-left:8px; margin-bottom:8px; white-space:nowrap; font-family: fontTeuB; font-weight:normal; font-size:14px; color:#232323; line-height:17px; border-left:6px solid #E8E8E8; text-transform:uppercase; } #homeMenu a:last-child{ margin-bottom:0; } #homeMenu a:hover, #homeMenu a.active{ color:#cc0c01; border-left-color:#cc0c01; } #homeMenu s{ display:block; width:100%; height:0; margin:5px 0 9px 0; border-bottom:1px solid #E8E8E8; } .slider-hp aside section.topsearch, .slider-cnt aside section.topsearch{ position:relative; display:block; width:100%; height:0; } .slider-hp aside section.topsearch span, .slider-cnt aside section.topsearch span{ position:absolute; right:0; top:-74px; z-index:7777; display:inline-block; width:30px; height:27px; padding:6px; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.2) url('../images/ico_search.png') no-repeat center center; background-size:60% auto; border-radius:3px; } .slider-hp aside section.topsearch.archiv span, .slider-cnt aside section.topsearch.archiv span{ top:-36px; } .slider-hp aside section.topsearch span:hover, .slider-cnt aside section.topsearch span:hover{ border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.4); } .slider-hp aside section.topsearch span.active, .slider-cnt aside section.topsearch span.active{ border:1px solid rgba(255,255,255,0.5); background:rgba(255,255,255,0.4) url('../images/icoi_xmark_16x16.png') no-repeat center center; background-size:50% auto; cursor:pointer; } .slider-hp aside section.topsearch input[type=text], .slider-cnt aside section.topsearch input[type=text]{ display:none; position:absolute; right:34px; top:-74px; width:240px; height:28px; border-radius:3px; font-size:13px; } .slider-hp aside section.topsearch.archiv input[type=text], .slider-cnt aside section.topsearch.archiv input[type=text]{ top:-36px; } .slider-hp aside section.topsearch input[type=submit], .slider-cnt aside section.topsearch input[type=submit]{ display:none; } .slider-hp aside section.topsearch input[type=submit].active, .slider-cnt aside section.topsearch input[type=submit].active{ position:absolute; right:37px; top:-71px; z-index:8888; display:block; width:26px; height:22px; padding:6px; border:1px solid rgba(255,0,0,0.3); background:rgba(255,0,0,0.2) url('../images/ico_search.png') no-repeat center center; background-size:60% auto; border-radius:2px; transition:background-color 0.1s, border-color 0.1s; } .slider-hp aside section.topsearch input[type=submit].active:hover, .slider-cnt aside section.topsearch input[type=submit].active:hover{ border:1px solid rgba(255,0,0,0.5); background-color:rgba(255,0,0,0.4); } .slider-hp aside section.topsearch.archiv input[type=submit].active, .slider-cnt aside section.topsearch.archiv input[type=submit].active{ top:-33px; } .slider-hp aside section.panel{ display:table; border-collapse:collapse; border-style:hidden; width:31px; height:100%; margin:0; vertical-align:top; } .slider-hp aside .langs{ display:table-row; } .slider-hp aside .langs > div{ display:table-cell; height:33%; vertical-align:top; } .slider-hp aside .langs a{ display:block; width:100%; margin-bottom:4px; } .slider-hp aside .langs a img{ width:100%; } .slider-hp aside .nwsltr{ display:table-row; } .slider-hp aside .nwsltr > div{ display:table-cell; height:33%; vertical-align:top; } .slider-hp aside .nwsltr > div > div{ position:relative; } .slider-hp aside .nwsltr > div > div > a{ display:inline-block; position:absolute; top:0; right:0; z-index:8888; width:42px; border:2px solid #fff; border-right:0; } .slider-hp aside .nwsltr > div > div > a img.ih{ display:none; } .slider-hp aside .social{ display:table-row; } .slider-hp aside .social > div{ display:table-cell; height:33%; vertical-align:bottom; } .slider-hp aside .social a{ display:block; width:100%; margin-top:4px; } .slider-hp aside .social a img{ width:100%; } .slider-hp aside section.search{ display:none; vertical-align:top; text-align:right; } .slider-hp aside section.search input[type=text]{ height:28px; width:calc(100% - 20px); margin-right:10px; font-size:13px; } .slider-hp aside section.search input[type=submit]{ display:none; } .slider-cnt{ position:relative; width:100%; max-width:1200px; min-width:345px; margin:0 auto; } .slider-cnt a{ position:relative; display:block; width:100%; } .slider-cnt img.bnr{ display:block; width:100%; } .slider-cnt img.logo{ position:absolute; top:13%; left:calc(50% - 150px); height:74%; } .slider-cnt aside section.panel{ display:table; border-collapse:collapse; border-style:hidden; width:21px; height:100%; margin:0; vertical-align:top; } .slider-cnt aside .langs{ display:table-row; } .slider-cnt aside .langs > div{ display:table-cell; height:33%; vertical-align:top; } .slider-cnt aside .langs a{ display:block; width:100%; margin-bottom:3.1px; } .slider-cnt aside .langs a img{ width:100%; } .slider-cnt aside section.search{ display:none; vertical-align:top; text-align:right; } .slider-cnt aside section.search input[type=text]{ height:28px; width:calc(100% - 20px); margin-right:10px; font-size:13px; } .slider-cnt aside section.search input[type=submit]{ display:none; } #breadcrumbs{ display:block; width:100%; max-width:1200px; min-width:345px; min-height:20px; margin:15px auto 20px auto; padding:0 10px; font-weight:normal; font-size:13px; text-align:left; color:#aaa; } #breadcrumbs a{ color:#aaa; } #breadcrumbs a:hover{ color:#666; } #breadcrumbs div.social{ float:right; display:inline-block; height:16px; } #breadcrumbs .addthis_toolbox a{ margin-bottom:0 !important; } #h1-top{ position:relative; display:block; width:100%; max-width:1200px; min-width:345px; margin:0 auto 30px auto; padding:0 10px; font-family:fontL; font-weight:normal; font-size:38px; text-align:center; text-transform:uppercase; line-height:40px; } #h1-top.h1-hide{ display:none; } #h1-top.h1-left{ text-align:left; } #h1-top img{ position:absolute; left:10px; top:10px; } #h1-top span{ display:block; padding-top:10px; font-size:14px; line-height:22px; color:#cc0c01; } #h1-top span.archmod{ color:#888; } article.cnt{ display:block; width:100%; max-width:1200px; min-width:345px; margin:0 auto; padding:0 10px; text-align:justify; } article.cnt#m-hp{ max-width:100%; padding:0; } article.cnt div.h2{ width:100%; margin:25px 0 10px 0; font-family:fontR; font-weight:700; font-size:25px; color:#000; text-transform:uppercase; text-align:left; } article.cnt div.tagy{ display:block; width:100%; padding-top:20px; } article.cnt h2{ width:100%; margin:35px 0 15px 0; font-family:fontR; font-weight:700; font-size:25px; line-height:30px; color:#000; text-transform:uppercase; text-align:left; } article.cnt h3{ width:100%; margin:25px 0 10px 0; font-family:fontR; font-weight:500; font-size:21px; line-height:25px; color:#000; text-align:left; } article.cnt h2 + h3{ margin-top:0px; } article.cnt ul > li > p{ margin-bottom:5px; } article.cnt img[style*="float: left;"]{ margin-right:30px; margin-bottom:10px; } article.cnt img[style*="float: right;"]{ margin-left:30px; margin-bottom:10px; } article.cnt table{ margin:0 0 20px 0; } article.cnt table.autopheader{ border-collapse:collapse; border-style:hidden; border-bottom:1px solid #B0B0B0; } article.cnt table.autopheader th{ padding:6px 8px 4px 8px; border:1px solid #FFFFFF; background-color:#E90000; color:#fff; font-weight:500; text-transform:uppercase; } article.cnt table.autopheader td{ padding:5px 8px 5px 8px; border:1px solid #B0B0B0; } article.cnt table.auleftheader{ border-collapse:collapse; border-style:hidden; border-right:1px solid #B0B0B0; } article.cnt table.auleftheader th{ padding:5px 8px 4px 8px; border:1px solid #FFFFFF; background-color:#E90000; color:#fff; font-weight:500; text-transform:uppercase; } article.cnt table.auleftheader td{ padding:5px 10px 4px 10px; border:1px solid #B0B0B0; } .ictxt{ display:block; width:100%; } .ictxt-short{ display:inline-block; width:calc(100% - 310px); margin-right:40px; vertical-align:top; } .icpanel{ display:inline-block; width:270px; vertical-align:top; } .icp-h{ display:block; margin-top:30px; text-align:center; background-color:#9c0a0d; font-size:13px; line-height:22px; color:#fff; text-transform:uppercase; } .icp-h:first-of-type{ margin-top:2px; } .icp-sep{ padding:8px 0 0 0; text-align:center; } .icp-clanek{ display:block; padding-top:5px; text-align:center; } .icp-clanek span{ display:block; font-size:10px; color:#888; line-height:14px; } .icp-clanek strong{ display:block; font-family:fontL; font-size:13px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-transform:uppercase; } .icp-clanek:hover strong, .icp-clanek.active strong{ color:#cc0c01; } .icp-video{ position:relative; display:block; margin-bottom:10px; padding:0 35px; font-size:0; } .icp-video strong{ display:block; display:block; font-family:fontL; font-size:13px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; line-height:26px; text-transform:uppercase; } .icp-video:hover strong{ color:#cc0c01; } .icp-video img{ width:100%; } .icp-video span{ position:absolute; right:35px; bottom:5px; z-index:5; display:inline-block; padding:3px 6px; background-color:rgba(0,0,0,0.7); font-size:12px; font-weight:500; font-style:normal; color:#fff; line-height:15px; } .gal-video{ display:block; width:100%; margin-top:30px; font-size:0; } .gal-video iframe{ display:inline-block; width:calc(25% - 1px); margin:0 0 1px 1px; border:0; } .gal-foto{ display:block; width:100%; margin-top:30px; font-size:0; } .gal-foto a{ display:inline-block; width:calc(12.5% - 1px); margin:0 0 1px 1px; overflow:hidden; vertical-align:middle; text-align:center; } .gal-foto a img{ display:block; width:100%; } .gal-soubor{ display:block; width:100%; margin-top:30px; } .gal-soubor ul li{ text-align:left; } .gal-soubor ul li span{ padding-left:10px; color:#aaa; } .ictxt-short .gal-video iframe{ width:calc(33.333% - 1px); } .ictxt-short .gal-foto a{ width:calc(16.666% - 1px); } .row-hp{ width:100%; padding:0; margin-top:32px; font-family:fontEurR; text-transform:uppercase; background-color:#f5f5f5; font-size:0; } .row-hp .row-cnt{ width:100%; max-width:1200px; min-width:345px; margin:0 auto; } .row-hp .row-cnt .rh-block{ display:inline-block; width:32%; vertical-align:top; } .row-hp .row-cnt .rh-block:nth-child(2){ margin:0 2%; } .row-hp .row-cnt .rh-block span{ display:block; padding-top:2px; margin-bottom:5px; font-size:16px; text-align:center; color:#fff; line-height:30px; background:#9a9a9a url('../images/img_zarazka_white.png') no-repeat 12px top; background-size:12px 10px; } .row-hp .row-cnt .rh-block span a{ display:block; width:100%; color:#fff; } .row-hp .row-cnt .rh-block span b{ font-family:fontEurB; font-size:16px; color:#fff; } .row-hp .row-cnt .rh-block img{ width:100%; } .row-hp .row-cnt a.rh-block:hover span, .row-hp .row-cnt a.rh-block:hover span a, .row-hp .row-cnt a.rh-block:hover span b{ color:#cc0c01; } .row-hp .row-cnt a.rh-block:hover img, .row-hp .row-cnt a.rh-block img:hover{ -webkit-filter: brightness(110%); } .row-hp .row-cnt .rh-block.rh-block-inst:hover span, .row-hp .row-cnt .rh-block.rh-block-inst:hover span a, .row-hp .row-cnt .rh-block.rh-block-inst:hover span b{ color:#cc0c01; } .row-hp .row-cnt .rh-block .rh-block-instg{ display:block; width:100%; height:204px; font-size:0; overflow: hidden; } .row-hp .row-cnt .rh-block .rh-block-instg img{ display:inline-block; width:32.533%; margin-bottom:1%; } .row-hp .row-cnt .rh-block .rh-block-instg img:nth-child(2), .row-hp .row-cnt .rh-block .rh-block-instg img:nth-of-type(5){ margin-left:1.2%; margin-right:1.2%; } .row-hptech{ width:100%; padding:0; margin-top:32px; font-family:fontEurR; text-transform:uppercase; background-color:#f5f5f5; font-size:0; } .row-hptech .row-cnt{ width:100%; max-width:1200px; min-width:345px; margin:0 auto; background:transparent url('../images/img_podklad_pruh.png') no-repeat center center; } .row-hptech .row-cnt a{ display:inline-block; width:24%; height:146px; padding-top:36px; font-size:32px; color:#222; text-align:center; vertical-align:top; border-left:1px dotted #9a9a9a; border-right:1px dotted #9a9a9a; } .row-hptech .row-cnt a:nth-of-type(2){ margin:0 0 0 1.3%; } .row-hptech .row-cnt a:nth-of-type(3){ margin:0 1.3%; } .row-hptech .row-cnt a b{ display:block; padding-top:2px; font-family:fontEurB; color:#222; } .row-hptech .row-cnt a:hover, .row-hptech .row-cnt a:hover b{ color:#cc0c01; border-color:#111; } /** Content - data **/ #m-tagy .naviWizzard{ display:block; width:100%; margin-bottom:20px; font-size:12px; color:#8A8A8A; } #m-tagy-list{ display:table; width:100%; text-align:left; } #m-tagy-list .mt-row{ display:table-row; } #m-tagy-list .mt-row section{ display:table-cell; width:25%; vertical-align:top; } #m-tagy-list .mt-row section a{ float:left; width:100%; margin-bottom:3px; } #m-search{ font-size:0; } #m-search section{ display:inline-block; width:33.333%; font-size:17px; vertical-align:top; } #m-search section h2{ margin-top:10px; } #m-search section ul li{ margin-bottom:5px; text-align:left; line-height:22px; } #m-search section ul li span{ display:block; font-size:12px; color:#888; line-height:14px; } #m-search-katalog{ font-size:0; } #m-search-katalog .model{ overflow:hidden; position:relative; display:inline-block; width:20%; padding:5px 10px; margin-bottom:15px; vertical-align:middle; text-align:center; } #m-search-katalog .model img{ width:100%; max-height:155px; } #m-search-katalog .model .label{ position:absolute; left:0px; top:60%; z-index:5; width:calc(100% - 10px); padding:5px 5px 6px 15px; font-size:14px; font-weight:500; color:#E80000; line-height:18px; text-align:left; background: rgba(255,255,255,0.85); } #m-search-katalog .model:hover .label{ color:#000; } #m-mapa .error-404{ width:100%; margin-bottom:20px; padding:10px 20px; background-color:#fee; border:1px solid #E80000; color:#000; } #m-mapa .error-404 b{ padding-right:20px; color:#E80000; text-transform:uppercase; } #m-mapa .mw-tab{ display:table; width:75%; } #m-mapa .mw-tab section{ display:table-cell; width:33.3%; vertical-align:top; text-transform:uppercase; } #m-mapa .mw-tab section ul{ margin-top:0; } .d-switch{ width:100%; margin-bottom:20px; text-align:center; font-size:0; } .d-switch a{ display:inline-block; margin:0 5px; padding:0 20px; line-height:32px; font-size:17px; background-color:#D0D0D0; color:#000; text-transform:uppercase; } .d-switch a:hover, .d-switch a.active{ background-color:#cc0c01; color:#fff; } div.map-content{ display:block; min-width:220px; font-family:Arial; } div.map-content h3{ margin:0 0 2px 0; line-height:18px; font-size:13px; white-space:nowrap; } div.map-content p{ margin:0; line-height:16px; font-size:12px; white-space:nowrap; } #mapa_obchodnici{ width:100%; margin-bottom:20px; border:1px solid #aaa; } #m-obchodnici aside.tab{ display:table; border-collapse:collapse; border-style:hidden; width:100%; margin-top:1px; } #m-obchodnici aside.tab a{ display:table-cell; width:14.29%; height:32px; padding:2px 0 0 10px; font-size:13px; font-weight:bold; color:#fff; line-height:32px; text-transform:uppercase; border-right:1px solid #fff; background:#c5c5c5 url('../images/img_zarazka_white.png') no-repeat 7px top; background-size:8px 6px; } #m-obchodnici aside.tab a:hover{ background-color:#b7b7b7; } #m-obchodnici aside.full{ display:none; width:100%; margin-top:1px; font-size:0; } #m-obchodnici aside.full a{ display:inline-block; width:25%; height:32px; padding:0 0 0 10px; font-size:13px; font-weight:bold; color:#fff; line-height:32px; text-transform:uppercase; border-right:1px solid #fff; border-bottom:1px solid #fff; background-color:#c5c5c5; } #m-obchodnici aside.full a:hover{ background-color:#b7b7b7; } #m-obchodnici aside.full a:nth-of-type(4n){ border-right:0; } #m-obchodnici-tab div.h2{ position:relative; } #m-obchodnici-tab div.h2.nc{ margin-bottom:2px; } #m-obchodnici-tab div.h2 a{ position:absolute; right:0; bottom:10px; font-size:13px; line-height:19px; } #m-obchodnici-tab table{ width:100%; margin-bottom:10px; } #m-obchodnici-tab table tr th{ padding:5px 1%; border-bottom:3px solid #8a8a8a; border-right:1px solid #F0F0F0; background-color:#c5c5c5; font-weight:500; font-size:13px; text-transform:uppercase; } #m-obchodnici-tab table tr th:last-of-type{ border-right:0; } #m-obchodnici-tab table tr td{ padding:5px 1%; border-bottom:1px solid #a8a8a8; border-right:1px solid #e8e8e8; text-align:left; } #m-obchodnici-tab table tr td:last-of-type{ border-right:0; } #m-obchodnici-tab table .nzv{ width:30%; } #m-obchodnici-tab table .tel{ width:14%; padding-right:1%; white-space:nowrap; text-align:center; } #m-obchodnici-tab table .tel i{ float:left; width:100%; padding-top:2px; font-size:10px; font-style:normal; color:#888; line-height:10px; } #m-obchodnici-tab table .web{ width:7%; padding-left:7px 0.2%; text-align:center; } #m-obchodnici-tab table td span.opt-show{ display:inline; } #m-obchodnici-tab table td span.opt-hide{ display:none; } #m-obchodnici-tab table td span.opt-hide-prfx{ display:none; } #m-obchodnici-tab table td span.opt-gt{ color:#888; } #mapa_jazyk{ width:100%; height:600px; margin-bottom:20px; border:1px solid #aaa; } #m-jazyk .vj-karty{ width:100%; font-size:0; } #m-jazyk .vj-karty .vj-karta{ display:inline-block; width:calc(50% - 5px); margin:0 10px 10px 0; padding:1px; border:1px solid #e8e8e8; vertical-align:top; font-size:17px; } #m-jazyk .vj-karty .vj-karta:nth-of-type(2n){ margin-right:0; } #m-jazyk .vj-karty .vj-karta section{ display:table-cell; vertical-align:top; height:190px; } #m-jazyk .vj-karty .vj-karta section:nth-of-type(1){ width:80px; padding-top:10px; background-color:#c5c5c5; text-align:center; } #m-jazyk .vj-karty .vj-karta section:nth-of-type(2){ width:calc(100% - 80px); padding:8px 10px 10px 10px; text-align:left; } #m-jazyk .vj-karty .vj-karta section img{ max-width:60px; border:1px solid #ddd; } #m-jazyk .vj-karty .vj-karta section strong{ width:100%; } #m-jazyk .vj-karty .vj-karta section p{ margin:0; } .mailing{ width:306px; margin:10px auto; text-align:center; } .mailing table td{ padding:7px 0; } .mailing table td.mail input[type=text]{ width:100%; height:36px; text-align:center; } .mailing table td.btn input[type=submit]{ width:100%; height:36px; line-height:36px; background-color:#F80000; color:#fff; border:0; } .mailing table td.btn input[type=submit]:hover{ cursor:pointer; background-color:#808080; } .mailing table td.msg{ color:#d00; } .mailing table td.msg i{ font-style:normal; color:#282; } .maraton-table{ width:100%; margin-top:20px; margin-bottom:30px; border-top:3px solid #8e8e8e; border-bottom:3px solid #8e8e8e; } .maraton-table table{ width:100%; margin-bottom:0; } .maraton-table table tr:nth-of-type(odd) td{ background-color:#eee; } .maraton-table table td{ padding:5px 10px; } .maraton-info{ display:block; width:100%; margin-bottom:30px; } .maraton-info p{ display:table; } .maraton-info p span{ display:table-row; } .maraton-info p span i{ display:table-cell; padding-right:20px; font-style:normal; white-space:nowrap; } .maraton-info p span i:nth-of-type(2){ width:100%; padding-right:0; } .maraton-table table td span.opt-hide{ display:none; } #m-video .sn{ width:100%; font-size:0; } #m-video .sn div.snb{ display:inline-block; width:49%; margin:0 2% 2% 0; font-size:17px; text-align:left; } #m-video .sn div.snb:nth-of-type(2n){ margin-right:0; } #m-video .sn div.snb header{ margin-bottom:5px; font-family:fontR; font-weight:500; font-size:21px; line-height:25px; text-transform:uppercase; padding-bottom:3px; } #m-video .sn div.snb p{ display:block; width:100%; font-size:13px; line-height:20px; } #m-video .sn div.snb p i{ position:relative; float:left; width:180px; height:79px; margin-right:12px; background:#000 url() no-repeat center center; background-size:100% auto; } #m-video .sn div.snb p i > em{ position:absolute; right:0; bottom:5px; z-index:5; float:left; padding:3px 6px; background-color:rgba(0,0,0,0.7); font-size:12px; font-weight:500; font-style:normal; color:#fff; line-height:15px; } #m-video .sn div.snb p i:hover > em{ color:#e90000; } #m-video .sn div.snb p b{ float:right; width:calc(100% - 192px); font-family:fontL; font-weight:500; } #m-video .sn div.snb p b > em{ display:block; width:100%; padding-top:5px; font-size:12px; font-style:normal; color:#888; line-height:16px; } #m-video .sn div.snb p b > em a{ white-space:nowrap; } #m-video .sn div.snb p b > em span{ display:none; } #video-player{ display:inline-block; width:calc(100% - 380px); padding:0; margin-right:29px; vertical-align:top; } #video-player iframe{ width:100%; height:100%; border:0; } #video-player p{ display:block; width:100%; margin-top:20px; font-size:13px; font-weight:500; line-height:20px; color:#5b5b5b; text-align:left; } #video-panel{ display:inline-block; width:350px; vertical-align:top; background-color:#f0f0f0; border-bottom:3px solid #9b9b9b; } #video-panel section{ width:100%; } #video-panel section > header{ display:block; width:100%; padding-top:5px; padding-right:10px; font-size:15px; font-weight:500; line-height:22px; color:#fff; text-align:right; background-color:#9b9b9b; border-bottom:1px solid #D8D8D8; text-transform:uppercase; cursor:pointer; } #video-panel section > header:hover{ background-color:#cc0c01; } #video-panel section > div{ width:calc(100% - 20px); margin:10px; } #video-panel section > div a{ display:inline-block; width:100%; margin-bottom:10px; color:#2A2A2A; } #video-panel section > div a i{ display:inline-block; width:100px; height:44px; margin-right:6px; background:#000 url() no-repeat center center; background-size:100% auto; vertical-align:top; } #video-panel section > div a b{ display:inline-block; width:calc(100% - 110px); vertical-align:top; font-size:15px; font-weight:500; line-height:22px; } #video-panel section > div a b em{ display:block; width:100%; font-family:fontL; font-weight:500; font-style:normal; font-size:12px; line-height:16px; } #video-panel section > div a:hover b, #video-panel section > div a.active b{ color:#cc0c01; } #video-panel section > div a:last-child{ margin-bottom:0; } #video-panel section > div.pg-hide{ display:none; } #m-pdf .pdf-list{ width:100%; font-size:0; } #m-pdf .pdf-list .pdf-item{ position:relative; display:inline-block; width:23.5%; margin:0 2% 2% 0; vertical-align:top; } #m-pdf .pdf-list .pdf-item:nth-of-type(4n){ margin-right:0; } #m-pdf .pdf-list .pdf-item span{ display:block; padding:0 0 7px 0; font-size:15px; font-weight:500; color:#000; line-height:20px; text-align:center; text-transform:uppercase; } #m-pdf .pdf-list .pdf-item img{ width:100%; } #m-pdf .pdf-list .pdf-item:hover span{ color:#cc0c01; } #m-pdf .k-navi{ display:block; width:100%; height:48px; margin-bottom:15px; font-size:0; text-align:left; } #m-pdf .k-navi .k-btn{ display:inline-block; height:48px; padding:11px 0 0 0; text-align:center; line-height:15px; color:#000; vertical-align:top; } #m-pdf .k-navi .k-btn i{ display:inline-block; width:100%; height:12px; padding-top:2px; font-size:11px; font-style:normal; line-height:12px; color:#ccc; vertical-align:top; } #m-pdf .k-navi .k-btn:hover{ border-color:#cc0c01; color:#cc0c01; } #m-pdf .k-navi #k-btnprev{ width:53px; padding-right:2px; margin-right:1px; font-size:13px; background-color:#4A4A4A; color:#fff; } #m-pdf .k-navi #k-btnnext{ width:53px; padding-right:2px; margin-right:1px; font-size:13px; background-color:#4A4A4A; color:#fff; } #m-pdf .k-navi #k-btnprev:hover, #m-pdf .k-navi #k-btnnext:hover{ background-color:#cc0c01; } #m-pdf .k-navi #k-btnpage{ width:124px; padding:9px 0 0 0; margin-right:1px; color:#000; font-size:13px; background-color:#D8D8D8; font-weight:500; line-height:16px; } #m-pdf .k-navi #k-btnpage i{ width:100%; padding-bottom:6px; font-size:11px; color:#444; font-weight:500; } #m-pdf .k-navi #k-btnpage b{ font-weight:500; } #m-pdf .k-navi #k-kapitoly{ position:relative; display:inline-block; vertical-align:top; min-width:200px; height:48px; padding:4px 20px 0 12px; font-size:13px; background:#D8D8D8 url('../images/but_grey.png') no-repeat 7px top; white-space:nowrap; } #m-pdf .k-navi #k-kapitoly em{ display:block; padding:4px 0; color:#000; font-style:normal; line-height:18px; } #m-pdf .k-navi #k-kapitoly em i{ display:block; width:100%; padding-top:2px; font-size:11px; font-style:normal; line-height:12px; color:#444; } #m-pdf .k-navi #k-kapitoly span{ position:absolute; left:0px; top:48px; z-index:100025; display:none; min-width:100%; padding:12px 16px 6px 12px; background-color:#D8D8D8; border-top:1px solid #fff; } #m-pdf .k-navi #k-kapitoly span ul{ padding:0; margin:0; list-style:none; } #m-pdf .k-navi #k-kapitoly span ul li{ height:20px; } #m-pdf .k-navi #k-kapitoly span ul li a{ float:left; width:100%; height:21px; margin-bottom:8px; line-height:17px; padding:2px 0 2px 9px; border-left:6px solid #E8E8E8; color:#000; text-transform:uppercase; } #m-pdf .k-navi #k-kapitoly:hover, #m-pdf .k-navi #k-kapitoly:hover em, #m-pdf .k-navi #k-kapitoly span ul li a:hover{ color:#cc0c01; border-color:#cc0c01; } #m-pdf .k-navi #k-kapitoly:hover span{ display:block; } #m-pdf .k-navi #k-katalogy{ position:relative; display:block; float:right; width:150px; height:48px; padding:4px 12px 0 0; font-size:13px; text-align:right; background:#D8D8D8 url('../images/but_grey.png') no-repeat 7px top; white-space:nowrap; } #m-pdf .k-navi #k-katalogy em{ display:block; color:#000; font-style:normal; padding:4px 0; line-height:18px; } #m-pdf .k-navi #k-katalogy em i{ display:block; width:100%; padding-top:2px; font-size:11px; font-style:normal; line-height:12px; color:#444; } #m-pdf .k-navi #k-katalogy span{ display:none; position:absolute; right:0px; top:48px; z-index:100025; float:left; width:100%; padding:12px 16px 2px 12px; background-color:#D8D8D8; border-top:1px solid #fff; } #m-pdf .k-navi #k-katalogy span ul{ padding:0; margin:0; list-style:none; } #m-pdf .k-navi #k-katalogy span ul li{ height:20px; } #m-pdf .k-navi #k-katalogy span ul li a{ float:left; width:100%; height:21px; margin-bottom:8px; line-height:17px; padding:2px 9px 2px 0; border-right:6px solid #E8E8E8; color:#000; text-transform:uppercase; } #m-pdf .k-navi #k-katalogy:hover, #m-pdf .k-navi #k-katalogy:hover em, #m-pdf .k-navi #k-katalogy span ul li a:hover, #m-pdf .k-navi #k-katalogy span ul li a.active{ color:#cc0c01; border-color:#cc0c01; } #m-pdf .k-navi #k-katalogy:hover span{ display:block; } #m-pdf .k-navi #k-download{ display:block; float:right; width:185px; height:48px; margin-left:1px; padding:9px 12px 0 0; font-size:13px; text-align:right; background-color:#4A4A4A; white-space:nowrap; color:#fff; } #m-pdf .k-navi #k-download i{ display:block; padding-top:3px; color:#ddd; } #m-pdf .k-navi #k-download:hover{ background-color:#cc0c01; } #m-pdf .k-navi .k-btn.k-btn-block, #m-pdf .k-navi .k-btn.k-btn-block:hover{ background-color:#4A4A4A; color:#bbb; cursor:default; } #m-pdf .k-navi #k-btnprev.k-btn-block, #m-pdf .k-navi #k-btnprev.k-btn-block:hover{ background-color:#4A4A4A; color:#bbb; cursor:default; } #m-pdf .k-navi #k-btnnext.k-btn-block, #m-pdf .k-navi #k-btnnext.k-btn-block:hover{ background-color:#4A4A4A; color:#bbb; cursor:default; } #m-pdf .klyC{ overflow:hidden; display:block; width:100%; height:100%; margin-bottom:0px; } #m-pdf .klyW{ overflow:hidden; display:block; width:100%; height:100%; margin-bottom:0px; } #m-pdf .kly-navi{ display:block; width:100%; margin:0; font-size:12px; color:#888; } #m-pdf .kly-navi i{ display:inline-block; font-style:normal; } #m-pdf .kly-navi span{ float:right; } #m-pdf .klyC #mybook{ float:left; width:100%; } #m-pdf .klyW #mybook{ float:right; width:200%; } #kly{ display:block; width:100%; max-width:1200px; } #mybook{ background-color:#fff; } #mybook a.cloud-zoom{ cursor:move; } #mybook a.cloud-zoom img{ width:100%; } #mybook img.empty{ width:100%; } #wrapOnKtg{ display:block; } #wrapOffKtg{ display:none; width:100%; } #wrapOffKtg p.noContent{ display:block; width:100%; margin-top:5px; text-align:center; } #wrapOffKtg div{ text-align:center; } #wrapOffKtg .k-btn-off-download{ display:inline-block; width:200px; height:48px; padding:7px 12px; font-size:13px; color:#fff; background-color:#4A4A4A; white-space:nowrap; } #wrapOffKtg .k-btn-off-download i{ display:block; width:100%; font-style:normal; font-size:11px; line-height:12px; color:#ccc; } #wrapOffKtg .k-btn-off-download:hover{ background-color:#cc0c01; } #m-komparator p.kmp-note{ width:100%; } #m-komparator section.kmp-ctrl{ display:table; width:100%; margin-top:10px; margin-bottom:20px; text-align:left; } #m-komparator section.kmp-ctrl div{ display:table-row; height:30px; } #m-komparator section.kmp-ctrl div span{ display:table-cell; padding-top:10px; min-width:200px; font-family:fontB; font-weight:500; } #m-komparator section.kmp-ctrl div.kmp-group select{ width:200px; margin:0; } #m-komparator section.kmp-ctrl div.kmp-model select{ width:400px; margin:0; } #m-komparator section.kmp-ctrl div em{ display:table-cell; width:100%; } #m-komparator section.kmp-ctrl div em a.kmp-reset{ float:right; padding-right:22px; margin:12px 2px 0 0; font-style:normal; white-space:nowrap; line-height:20px; background:#fff url('../images/ico_2019_porovnavac_trash_red.png') no-repeat right center; background-size:auto 100%; } #m-komparator section.kmp-ctrl div em a.kmp-reset:hover{ filter: grayscale(100%); } #kmp-tab{ display:block; width:100%; margin-top:8px; text-align:left; } #kmp-tab table{ width:100%; border-collapse:collapse; } #kmp-tab table th{ width:12%; min-width:130px; max-width:160px !important; padding:6px 10px 0 10px; font-size:13px; font-family:fontB; font-weight:normal; border-bottom:1px solid #e0e0e0; background-color:#c5c5c5; vertical-align:top; text-align:left; white-space:normal !important; text-transform:uppercase; } #kmp-tab table td{ width:22%; padding:4px 10px; font-size:15px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; vertical-align:top; } #kmp-tab table th.kmp-navi{ height:30px; padding:0 !important; } #kmp-tab table td.kmp-navi{ height:30px; padding:0 !important; text-align:center; background-color:#c5c5c5; font-size:0; } #kmp-tab table td.kmp-navi span{ display:inline-block; width:100%; margin:0 auto; white-space:nowrap; font-size:17px; } #kmp-tab table td.kmp-navi span a{ float:left; width:20%; text-align:center; border-left:1px solid #f0f0f0; } #kmp-tab table td.kmp-navi span i{ float:left; width:20%; text-align:center; border-left:1px solid #f0f0f0; font-style:normal; } #kmp-tab table td.kmp-navi span a.move{ width:40%; height:30px; line-height:30px; background:#e60000 url() no-repeat center center; background-size:auto 50%; color:#fff; } #kmp-tab table td.kmp-navi span i.move{ width:40%; height:30px; line-height:30px; background:#CACACA url() no-repeat center center; background-size:auto 50%; color:#fff; } #kmp-tab table td.kmp-navi span a.move.move-l, #kmp-tab table td.kmp-navi span i.move.move-l{ background-image:url('../images/ico_2019_porovnavac_arrowsleft.png'); border-left:0; } #kmp-tab table td.kmp-navi span a.move.move-r, #kmp-tab table td.kmp-navi span i.move.move-r{ background-image:url('../images/ico_2019_porovnavac_arrowsright.png'); } #kmp-tab table td.kmp-navi span a.move:hover{ background-color:#4A4A4A; } #kmp-tab table td.kmp-navi span a.clear{ height:30px; line-height:30px; background:#e60000 url('../images/ico_2019_porovnavac_trash_white.png') no-repeat center center; background-size:auto 60%; color:#fff; font-weight:500 !important; } #kmp-tab table td.kmp-navi span a.clear:hover{ background-color:#4A4A4A; } #kmp-tab table td.kmp-btngolink{ padding:1px; } #kmp-tab table td.kmp-btngolink a{ display:block; width:100%; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#e60000; } #kmp-tab table td.kmp-btngolink a:hover{ background-color:#4A4A4A; } #kmp-tab table td img{ width:100%; } #kmp-tab table tr:first-of-type th{ border-top:1px solid #f0f0f0; background-color:#f0f0f0; } #kmp-tab table tr:first-of-type td{ border-top:1px solid #f0f0f0; } #kmp-tab table td:last-child{ border-right:0; } #kmp-tab table td.obrazekModelu{ vertical-align:bottom !important; } #kmp-tab table td.kmp-cena s{ color:#aaa; } #kmp-tab table td.green{ background-color:#F3FDCE; } #m-modely .model-block{ width:100%; font-size:0; } #m-modely .model-block header{ display:block; width:100%; margin:20px 0 0 0; font-weight:500; font-size:18px; color:#000; text-transform:uppercase; text-decoration:underline; } #m-modely .model-block:first-of-type header:first-child{ margin-top:0; } #m-modely .model-block header.sub{ margin-top:10px; font-size:16px; font-weight:700; text-decoration:none; } #m-modely .model{ overflow:hidden; position:relative; display:inline-block; width:19.2%; height:150px; margin-right:1%; } #m-modely .model:nth-of-type(5n){ margin-right:0; } #m-modely .model img{ width:100%; } #m-modely .model img.k-modelbv{ display:none; } #m-modely .model img.k-modelbv-active{ display:inline; } #m-modely .model.k-noimage{ border:1px solid #f0f0f0; vertical-align:bottom; } #m-modely .model .label{ position:absolute; left:1px; top:60%; z-index:5; padding:5px 40px 5px 8px; font-size:14px; font-weight:500; color:#000; line-height:18px; background: rgba(255,255,255,0.7); background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); } #m-modely .model .label i{ font-size:12px; font-weight:500; font-style:normal; color:#e60000; } .kola-cnt{ display:block; width:100%; max-width:1200px; min-width:345px; margin:0 auto; font-size:0; padding:0 10px; } article.cnt.mik#m-katalog{ display:inline-block; width:calc(100% - 260px); vertical-align:top; margin:0; padding:0; } article.cnt.mik#m-karta{ display:inline-block; width:100%; vertical-align:top; margin:0; padding:0; font-size:17px; } #katalog-menu{ position:relative; display:inline-block; width:240px; margin-right:20px; text-transform:uppercase; vertical-align:top; } #katalog-menu strong.btn-menu{ display:none; position:absolute; top:5px; left:10px; z-index:999; width:24px; height:24px; margin-right:2px; line-height:23px; font-size:22px; font-weight:500; color:#4B4B4B; text-align:center; background:#fff url('../images/ico_menu.png') no-repeat left top; border:0px; } #katalog-menu strong.btn-menu:hover{ cursor:pointer; } #katalog-menu h1, #katalog-menu div.h1{ display:block; width:100%; padding:0 0 3px 10px !important; margin:0 0 17px 0; font-size:32px; font-weight:500; color:#e07900 !important; line-height:40px; border-left:12px solid #e07900; text-transform:uppercase; } #katalog-menu section{ position:aboslute; float:left; width:100%; padding-bottom:40px; border-left:12px solid #B0B0B0; } #katalog-menu section strong{ position:relative; display:block; width:100%; padding:1px 0 1px 32px; margin-bottom:10px; font-size:13px; font-weight:500; line-height:26px; color:#fff; border-left:1px solid #fff; background:#4A4A4A url('../images/ico_ozkolo.png') no-repeat 7px 4px; } #katalog-menu section strong i{ position:absolute; left:-13px; top:0; display:block; width:12px; height:calc(100% + 1px); border-bottom:1px solid #fff; background-color:#4A4A4A; } #katalog-menu section div{ position:relative; width:100%; padding:3px 4px 1px 5px; font-size:15px; border-left:6px solid #fff; border-bottom:1px dotted #B0B0B0; } #katalog-menu section div:last-of-type{ border-bottom:0; } #katalog-menu section div.active i{ position:absolute; left:-18px; top:-1px; display:block; width:12px; height:calc(100% + 2px); border-top:1px solid #fff; border-bottom:1px solid #fff; background-color:#e07900; } #katalog-menu section div a{ display:block; width:100%; color:#4A4A4A; } #katalog-menu section div a.sub{ padding-top:1px; padding-bottom:2px; padding-left:16px; font-size:13px; color:#8A8A8A; text-decoration:underline; } #katalog-menu section div a.sub-2{ padding-left:32px; } #katalog-menu section div a:hover, #katalog-menu section div a.active{ color:#e07900; } #m-katalog section.filter{ display:table; width:100%; height:58px; font-size:15px; } #m-katalog section.filter span{ display:table-cell; padding-top:12px; vertical-align:top; white-space:nowrap; } #m-katalog section.filter span.l{ text-align:left; } #m-katalog section.filter span.l u{ text-decoration:none; float:left; margin-right:24px; } #m-katalog section.filter span.l u:last-of-type{ margin-right:0; } #m-katalog section.filter span.l i{ float:left; margin-top:6px; font-style:normal; } #m-katalog section.filter span.l a{ float:left; padding:4px 3px; margin-top:2px; margin-left:2px; color:#2A2A2A; } #m-katalog section.filter span.l a:hover, #m-katalog section.filter span.l a.active{ background-color:#EBEBEB; } #m-katalog section.filter span.l select{ width:90px; height:32px; padding:3px 3px; margin-left:6px; font-size:15px; } #m-katalog section.filter span.l select.f-tg{ width:160px; } #m-katalog section.filter span.r{ text-align:right; padding-right:4px; } #m-katalog section.filter span.r i{ float:right; margin-top:6px; font-style:normal; } #m-katalog section.filter span.r em#price-range{ float:right; position:relative; display:block; margin-left:10px; margin-top:7px; width:200px; height:20px; background-color:#eee; background-image:url(); border:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } #m-katalog section.filter .ui-slider-horizontal .ui-state-default{ width:6px; height:28px; background-color:#444; background-image:url(); border:1px solid #444; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } #m-katalog section.filter .ui-slider-horizontal .ui-slider-handle{ top:-4px; margin-left:0; cursor:pointer; font-size:9px; outline:none; } #m-katalog section.filter .ui-slider-horizontal .ui-slider-handle s{ position:relative; float:left; width:100%; height:0; } #m-katalog section.filter .ui-slider-horizontal .ui-slider-handle s u{ position:absolute; left:-24px; top:-17px; float:left; min-width:50px; height:16px; text-align:center; text-decoration:none; font-size:9px; font-family:Arial; font-style:normal; background-color:transparent; } #m-katalog section.filter .ui-slider .ui-slider-range{ height:8px; margin-top:6px; background-color:#A7CD54; background-image:url(); -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } #m-katalog section.mk, .m-katalog-id section.mk{ display:block; width:100%; font-size:0; text-align:left; } #m-katalog section.mk a, .m-katalog-id section.mk a{ position:relative; display:inline-block; width:calc(25% - 4.5px); min-height:370px; padding:1px 1px 120px 1px; margin-bottom:6px; margin-right:6px; border:2px solid #eFeFeF; vertical-align:top; } #m-katalog section.mk a:nth-of-type(4n), .m-katalog-id section.mk a:nth-of-type(4n){ margin-right:0; } #m-katalog section.mk a strong, .m-katalog-id section.mk a strong{ display:block; width:100%; min-height:48px; padding:10px 12px; font-size:15px; font-family:fontR; font-weight:500; line-height:16px; color:#fff; background-color:#cc0c01; } #m-katalog section.mk a em, .m-katalog-id section.mk a em{ display:block; width:100%; padding:8px 12px; font-style:normal; color:#8A8A8A; font-size:13px; line-height:16px; } #m-katalog section.mk a em s, .m-katalog-id section.mk a em s{ display:block; width:100%; height:19px; padding-top:7px; } #m-katalog section.mk a em s span, .m-katalog-id section.mk a em s span{ display:inline-block; width:21px; height:12px; margin-right:3px; border:1px solid #ccc; background-color:transparent; } #m-katalog section.mk a em s span sup, .m-katalog-id section.mk a em s span sup{ float:right; display:block; width:10px; height:10px; border:0; } #m-katalog section.mk a em q{ position:relative; float:left; display:block; width:100%; height:0; font-size:0; } #m-katalog section.mk a em q span{ position:absolute; left:-1px; top:4px; z-index:20; display:inline-block; width:23px; height:23px; background:transparent url('../images/ng_ico_play_23x23.png') no-repeat center center; background-size:100% 100%; } #m-katalog section.mk a i, .m-katalog-id section.mk a i{ position:absolute; left:1px; bottom:55px; z-index:19; float:left; width:100%; padding:0 12px; text-align:center; } #m-katalog section.mk a i img, .m-katalog-id section.mk a i img{ max-width:100%; max-height:160px; padding:0; margin:0; } #m-katalog section.mk a u, .m-katalog-id section.mk a u{ position:absolute; right:1px; bottom:31px; z-index:20; float:left; padding:5px 10px; font-size:12px; line-height:11px; font-weight:500; color:#fff; text-decoration:none; background-color:#ff6600; } #m-katalog section.mk a u.vyprodano, .m-katalog-id section.mk a u.vyprodano{ background-color:#fff; color:#cc0c01; } #m-katalog section.mk a u.vyprodano s, .m-katalog-id section.mk a u.vyprodano s{ text-decoration:none; } #m-katalog section.mk a b, .m-katalog-id section.mk a b{ position:absolute; left:1px; bottom:1px; display:block; width:calc(100% - 1.5px); padding:0 12px 1px 12px; font-family:fontR; font-size:15px; font-weight:500; line-height:28px; color:#fff; text-align:right; background-color:#B0B0B0; } #m-katalog section.mk a b span, .m-katalog-id section.mk a b span{ float:left; } #m-katalog section.mk a:hover strong, .m-katalog-id section.mk a:hover strong{ background-color:#F81010; } #m-katalog section.mk a:hover u, .m-katalog-id section.mk a:hover u{ background-color:#F09920; } #m-katalog section.mk a:hover u.vyprodano, .m-katalog-id section.mk a:hover u.vyprodano{ background-color:#fff; } #m-katalog section.mk a:hover b, .m-katalog-id section.mk a:hover b{ background-color:#C0C0C0; } #m-katalog section.mk a em.adlogo, .m-katalog-id section.mk a em.adlogo{ position:absolute; left:2px; bottom:29px; z-index:20; float:left; width:32px; height:22px; background:transparent url('../images/ad_logo_rw.png') no-repeat center center; } #m-katalog section.mk a em.adlogo.adbtm, .m-katalog-id section.mk a em.adlogo.adbtm{ bottom:-1px; } #m-katalog section.mk.mk-ml a{ min-height:330px; } #m-katalog section.mk.mk-ml a i{ bottom:8px; } .m-katalog-id section.mk a{ width:calc(20% - 4.8px); } .m-katalog-id section.mk a:nth-of-type(4n){ margin-right:6px; } .m-katalog-id section.mk a:nth-of-type(5n){ margin-right:0; } .page{ display:block; width:100%; margin-top:15px; padding:0 1px; text-align:right; font-size:15px; } .page span{ float:left; } .page a{ margin-left:1px; padding:4px 5px 3px 5px; color:#2A2A2A; } .page a:hover, section.page a.active{ background-color:#EBEBEB; } .page u{ text-decoration:none; } .barva-sekce{ display:table; margin-top:15px; } .barva-sekce section{ display:table-row; } .barva-sekce section span{ display:table-cell; } .barva-pruh{ display:table; float:left; height:16px; padding:0px; margin:8px 20px 0 0; white-space:nowrap; border:1px solid #ddd; border-collapse:separate; } .barva-pruh i{ display:table-cell; width:27px; height:16px; margin-right:2%; padding:1px; border:1px solid #fff; border-right:0; } .barva-pruh i:last-of-type{ border-right:1px solid #fff; } .barva-pruh:hover, .barva-pruh.active{ border:1px solid #888; cursor:pointer; } #m-karta .k-tagy{ margin-bottom:15px; } #m-karta .k-mp{ position:relative; display:block; height:0; font-size:13px; font-family:fontR; text-transform:uppercase; } #m-karta .k-mp s#rotoskopStartStop{ position:absolute; left:calc(50% - 22px); top:20px; z-index:50; display:block; width:55px; height:24px; background:transparent url('../images/ico_rotace_on.png') no-repeat left top; cursor:pointer; } #m-karta .k-mp .k-mp-lmenu{ position:absolute; left:0; top:65px; z-index:500; display:inline-block; padding: 0 5px 5px 0; background-color:#fff; } #m-karta .k-mp .k-mp-lmenu .lm-burger{ display:none; width:27px; height:27px; padding:4px 6px; border:1px solid rgba(50,50,50,0.6); border-radius:3px; } #m-karta .k-mp .k-mp-lmenu .lm-burger i{ display:block; width:100%; height:5px; border-bottom:2px solid #222; } #m-karta .k-mp .k-mp-lmenu .lm-burger:hover, #m-karta .k-mp .k-mp-lmenu .lm-burger.active{ background-color:rgba(200,200,200,0.3); cursor:pointer; } #m-karta .k-mp .k-mp-lmenu .lm-menu > a{ position:relative; display:block; width:100%; margin-bottom:8px; margin-left:36px; line-height:19px; color:#4D4D4D; } #m-karta .k-mp .k-mp-lmenu .lm-menu > a s{ position:absolute; left:-36px; top:0px; display:block;width:29px; height:19px; text-decoration:none; background:#cb0d00 url() no-repeat center center; } #m-karta .k-mp .k-mp-lmenu .lm-menu > a.porovnat s{ background-image:url('../images/ico_2019_porovnavac.jpg'); } #m-karta .k-mp .k-mp-lmenu .lm-menu > a.kdekoupit s{ background-image:url('../images/ico_2019_nakoupit.jpg'); } #m-karta .k-mp .k-mp-lmenu .lm-menu > a.authordirect s{ background-image:url('../images/ico_2019_adirect.jpg'); } #m-karta .k-mp .k-mp-lmenu .lm-menu > a.doplnkovavybava s{ background-image:url('../images/ico_2019_doplnkovavybava.jpg'); } #m-karta .k-mp .k-mp-lmenu .lm-menu > a:hover{ color:#cc0c01; } #m-karta .k-mp .k-mp-lmenu .lm-menu > a:hover s{ background-color:#444; filter: grayscale(100%) brightness(115%); } #m-karta .k-mp .k-mp-lmenu .k-video a{ display:block; width:49px; height:49px; margin-top:15px; background:transparent url('../images/ng_ico_play_49x49.png') no-repeat left top; } #m-karta .k-mp .k-mp-rmenu{ position:absolute; right:0; top:20px; z-index:500; display:inline-block; padding: 0 0 5px 5px; background-color:#fff; } #m-karta .k-mp .k-mp-rmenu .bl-menu a, #m-karta .k-mp .k-mp-rmenu .bl-menu em{ display:block; width:100%; font-family:fontB; font-size:14px; line-height:20px; text-align:right; color:#4D4D4D; font-style:normal; } #m-karta .k-mp .k-mp-rmenu .bl-menu b, #m-karta .k-mp .k-mp-rmenu .bl-menu em b{ float:left; padding-right:15px; font-family:fontR; font-weight:500; color:#4D4D4D; } #m-karta .k-mp .k-mp-rmenu .bl-menu em, #m-karta .k-mp .k-mp-rmenu .bl-menu em b{ color:#cc0c01; } #m-karta .k-mp .k-mp-rmenu .bl-menu a:hover, #m-karta .k-mp .k-mp-rmenu .bl-menu a:hover b{ color:#cc0c01; } #m-karta .k-mp .k-mp-rmenu .km-ostatni-hide{ display:none; } #m-karta .k-mp .k-mp-rmenu .km-ostatni{ display:block; padding:2px 10px 3px 10px; text-align:center; background-color:#cc0c01; font-size:12px; color:#fff; line-height:16px; font-family:fontR; } #m-karta .k-mp .k-mp-rmenu .km-vice{ display:block; margin-top:8px; padding:2px 0 3px 0; text-align:center; background-color:#f0f0f0; font-size:12px; color:#222; line-height:16px; font-family:fontR; font-style:normal; } #m-karta .k-mp .k-mp-rmenu .km-vice:hover{ color:#000; cursor:pointer; } #m-karta .k-mp .k-mp-rmenu .km-sep{ display:block; padding:8px 0 0 0; text-align:center; } #m-karta .k-mp .k-mp-rmenu .bl-menu .km-vice{ display:block; margin-top:8px; padding:2px 0 3px 0; text-align:center; background-color:#f0f0f0; font-size:12px; color:#222; line-height:16px; font-family:fontR; } #m-karta .k-mp .k-mp-rmenu .bl-menu .km-vice:hover{ color:#cc0c01; } #m-karta .k-mp .k-mp-rmenu .bl-img{ display:block; max-width:150px; padding-top:0px; } #m-karta .k-mp .k-mp-rmenu .bl-img a{ display:block; width:100%; padding:2px 5px; } #m-karta .k-mp .k-mp-rmenu .bl-img img{ width:100%; max-width:150px; } #m-karta .k-perex-low{ position:relative; margin-bottom:20px; height:110px; overflow: hidden; } #m-karta .k-perex-low .over-ctrl{ position:absolute; left:0; bottom:0; display:block; width:100%; height:100px; padding-top:70px; color:transparent; text-align:center; font-size:13px; opacity:0.85; transition: all 0.5s ease; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); } #m-karta .k-perex-low .over-ctrl:hover{ opacity:1; color:#cc0c01; cursor:pointer; } #m-karta .k-foto{ display:block; margin-top:30px; } #m-karta .k-foto.k-roto{ margin-top:30px; margin-bottom:10px; } #m-karta .k-foto img{ display:block; width:100%; max-width:1103px; margin:0 auto; } #m-karta .k-cena{ display:block; margin:15px 0; text-align:center; text-transform:uppercase; } #m-karta .k-cena div{ display:inline-block; padding:5px 15px; background-color:#f0f0f0; } #m-karta .k-cena div b{ padding-left:8px; color:#cc0c01; font-family:fontR; font-weight:500; } #m-karta .k-cena span{ display:block; margin-top:5px; font-size:12px; color:#888; } #m-karta .k-cena span s{ padding-left:5px; } #m-karta .k-cena span.vyprodano{ color:#cc0c01; } #m-karta .k-navi .km-menu{ display:table; table-layout:fixed; border-collapse:collapse; border-style:hidden; width:100%; margin-top:20px; margin-bottom:10px; text-transform:uppercase; } #m-karta .k-navi .km-menu a{ display:table-cell; padding-top:1px; padding:1px 5px 0 5px; font-size:15px; font-weight:500; line-height:32px; color:#fff; text-align:center; white-space:nowrap; border:1px solid #fff; background:#c5c5c5 url('../images/img_zarazka_white.png') no-repeat 7px top; background-size:10px 8px; } #m-karta .k-navi .km-menu i{ display:table-cell; border:1px solid #fff; } #m-karta .k-navi .km-menu a:hover, #m-karta .k-navi div.km-menu a.active{ background-color:#cc0c01; } #m-karta .k-navi .kb-list{ display:none; width:100%; min-height:440px; font-size:15px; } #m-karta .k-navi .kb-list h2{ display:none; width:100%; margin:12px 0; padding-top:1px; padding-left:10px; font-size:15px; font-weight:500; line-height:25px; color:#fff; text-transform:uppercase; background:#4A4A4A url() no-repeat 9px 3px; } #m-karta .k-navi .kb-list table{ border-collapse:collapse; border-style:hidden; width:100%; } #m-karta .k-navi .kb-list table th{ padding:6px 10px 4px 10px; font-size:13px; font-weight:500; border:1px solid #fff; background-color:#f0f0f0; vertical-align:top; text-align:left; white-space:nowrap; text-transform:uppercase; } #m-karta .k-navi .kb-list table td{ padding:4px 10px; font-size:15px; border:1px solid #fff; } #m-karta .k-navi .kb-list.active{ display:block; } #m-karta .timeline{ position:relative; display:block; width:96%; height:2px; margin:75px auto 40px auto; text-align:center; background: -moz-linear-gradient(left, rgba(204,12,1,0) 0%, rgba(204,12,1,0.6) 15%, rgba(204,12,1,1) 19%, rgba(204,12,1,1) 20%, rgba(204,12,1,1) 80%, rgba(204,12,1,1) 81%, rgba(204,12,1,0.6) 85%, rgba(204,12,1,0) 100%); background: -webkit-linear-gradient(left, rgba(204,12,1,0) 0%,rgba(204,12,1,0.6) 15%,rgba(204,12,1,1) 19%,rgba(204,12,1,1) 20%,rgba(204,12,1,1) 80%,rgba(204,12,1,1) 81%,rgba(204,12,1,0.6) 85%,rgba(204,12,1,0) 100%); background: linear-gradient(to right, rgba(204,12,1,0) 0%,rgba(204,12,1,0.6) 15%,rgba(204,12,1,1) 19%,rgba(204,12,1,1) 20%,rgba(204,12,1,1) 80%,rgba(204,12,1,1) 81%,rgba(204,12,1,0.6) 85%,rgba(204,12,1,0) 100%); } #m-karta .timeline strong{ position:absolute; top:-45px; display:block; width:100%; text-align:center; font-family:fontL; color:#888; text-transform:uppercase; } #m-karta .timeline > div{ position:absolute; top:-8px; display:block; width:100%; height:18px; font-size:0; text-align:center; } #m-karta .timeline > div .tml-arr-left{ display:inline-block; width:31px; height:18px; line-height:18px; background:#fff url('../images/ico_2019_timeline_left.jpg') no-repeat center center; vertical-align:top; } #m-karta .timeline > div .tml-arr-left.off{ background-image:url('../images/ico_2019_timeline_left_off.jpg'); } #m-karta .timeline > div .tml-arr-right{ display:inline-block; width:31px; height:18px; line-height:18px; background:#fff url('../images/ico_2019_timeline_right.jpg') no-repeat center center; vertical-align:top; } #m-karta .timeline > div .tml-arr-right.off{ background-image:url('../images/ico_2019_timeline_right_off.jpg'); } #m-karta .timeline > div a.tml-rok{ display:inline-block; min-width:50px; height:17px; margin:0 2%; padding:0 4px; font-size:17px; color:#f0cac8; line-height:19px; text-align:center; background-color:#fff; vertical-align:top; } #m-karta .timeline > div a.tml-rok:hover, #m-karta .timeline > div a.tml-rok.active{ color:#cc0c01; font-family:fontB; } #kb-techspec{ display:block; font-size:0; } #kb-techspec table tr th{ min-width:150px; max-width:200px !important; text-transform:uppercase; white-space:normal !important; } #kb-techspec table tr td{ width:100%; } #kb-techspec .techspec-l, #kb-techspec .techspec-r{ display:inline-block; width:49%; vertical-align:top; } #kb-techspec .techspec-l{ margin-right:2%; } #kb-geometrie table th{ padding:5px 10px 3px 10px; } #kb-geometrie table td{ width:75px; padding:4px 2px; text-align:center; border-left:0; } #kb-geometrie .k-geolayout{ display:table; width:100%; } #kb-geometrie .k-geolayout section{ display:table-cell; vertical-align:top; } #kb-geometrie .k-geolayout section:last-of-type{ width:50%; } #kb-geometrie .k-geotab{ float:left; margin-top:0; } #kb-geometrie .k-geotab table th s{ text-decoration:none; text-transform:lowercase; } #kb-geometrie .k-geotab table td.bghv{ background-color:#cc0c01; color:#fff; } #kb-geometrie .k-select{ position:relative; float:left; width:200px; height:390px; margin-top:0; margin-left:28px; } #kb-geometrie .k-select i.ks-max{ position:absolute; left:26px; top:18px; float:left; width:21px; height:13px; font-size:9px; font-style:normal; border-bottom:1px dotted #cc0c01; color:#cc0c01; text-align:right; } #kb-geometrie .k-select i.ks-min{ position:absolute; left:26px; top:250px; float:left; width:21px; height:13px; padding-top:2px; font-size:9px; font-style:normal; border-top:1px dotted #cc0c01; color:#cc0c01; text-align:right; } #kb-geometrie .ui-slider-vertical{ width:25px; top:37px; background:transparent url(); border:0; } #kb-geometrie .ui-slider .ui-slider-handle{ width:42px; height:29px; cursor:s-resize; background:transparent url('../images/ozubenka_anim.gif') no-repeat center top; background-size:25px 26px; border:0; outline:none; } #kb-geometrie .ui-slider .ui-slider-handle s{ position:relative; float:left; width:100%; height:0; } #kb-geometrie .ui-slider .ui-slider-handle s u{ position:absolute; left:30px; top:-6px; float:left; width:150px; height:18px; padding:0 5px 2px 0; border-bottom:1px solid #cc0c01; text-align:right; font-size:13px; color:#cc0c01; text-decoration:none; } #ks-ruler{ position:absolute; left:0px; top:0px; z-index:4; float:left; width:30px; height:100%; background:transparent url('../images/author_bar.png') no-repeat right bottom; } #ks-figure{ position:absolute; left:45px; bottom:2px; } #ks-slider{ position:absolute; left:0px; top:35px; z-index:5; height:220px; } #kb-geometrie .k-geoimg{ float:right; width:85%; margin-top:30px; text-align:right; } #kb-geometrie .k-geoimg img{ float:right; width:100%; max-width:490px; } #kb-geometrie .k-geoleg{ display:block; width:100%; margin-top:12px; font-size:12px; } #kb-geometrie .k-geoleg p{ color:#333; font-size:13px; } #kb-geometrie .k-geoleg ul{ margin-top:0; margin-bottom:0; padding-left:25px; list-style:square; } #kb-geometrie .k-geoleg ul li{ color:#8A8A8A; line-height:15px; } #kb-kestazeni ul{ margin-top:0; margin-bottom:0; } #kb-kestazeni ul li{ margin-bottom:5px; color:#4A4A4A; } #kb-kestazeni ul li a span{ padding-left:5px; color:#888; } #kb-kestazeni ul li b{ font-family:fontR; color:#888; } #kb-galerie .gal-foto{ margin-top:10px; } #kb-video{ margin-top:10px; } #kb-varianty table tr td:nth-of-type(1){ width:120px; padding-left:0 !important; } #kb-varianty table tr td:nth-of-type(2){ width:220px; white-space:nowrap; } #kb-varianty .barva-sekce, #kb-varianty .barva-pruh{ margin:0; } #kb-varianty table tr td span{ white-space:nowrap; } #kb-varianty table tr td span strong{ font-family:fontR; font-weight:500; color:#bbb; font-size:13px; } #kb-varianty .barva-pruh:hover, #kb-varianty .barva-pruh.active{ border:1px solid #ddd; cursor:default; } #kb-dostupnost .barva-sekce, #kb-dostupnost .barva-pruh{ margin:0; } #kb-dostupnost .barva-pruh:hover, #kb-dostupnost .barva-pruh.active{ border:1px solid #ddd; cursor:default; } #m-karta .k-navi #kb-dostupnost.kb-list table th.c{ text-align:center; } #m-karta .k-navi #kb-dostupnost.kb-list table tr.dstp-varianta-line td{ border-top:2px solid #eee !important; } #m-karta .k-navi #kb-dostupnost.kb-list table tr.dstp-prodejce{ display:none; } #m-karta .k-navi #kb-dostupnost.kb-list a.dstp-mapa{ position:relative; padding-left:16px; } #m-karta .k-navi #kb-dostupnost.kb-list a.dstp-mapa s{ position:absolute; left:0px; top:2px; display:inline-block; width:11px; height:20px; background:transparent url('../images/clipart_author_pin.png') no-repeat center center; background-size:11px auto; } #m-karta .k-navi #kb-dostupnost.kb-list a.dstp-mapa:hover s{ filter: grayscale(100%) brightness(150%) ; } #m-karta .k-navi #kb-dostupnost.kb-list table tr td.kosik{ padding-top:0; } #m-karta .k-navi #kb-dostupnost.kb-list a.dstp-skladem{ display:inline-block; padding:0 10px 0 34px; font-family:fontB; font-size:12px; color:#888; line-height:22px; text-transform:uppercase; background:transparent url('../images/ico_2020_kob_sklad.png') no-repeat 2px center; background-size:auto 15px; white-space:nowrap; } /* #20ac00 */ #m-karta .k-navi #kb-dostupnost.kb-list a.dstp-skladem:hover{ color:#dd0d02; } #m-karta .k-navi #kb-dostupnost.kb-list a.dstp-objednat{ background-image:url('../images/ico_2020_kob_kosik.png'); background-position:4px center; } /* #0a70b7 */ #m-karta .k-navi #kb-dostupnost.kb-list a.dstp-2dny{ background-image:url('../images/ico_2020_kob_48h.png'); background-position:0px center; } /* #ffa200 */ #m-karta .k-navi #kb-dostupnost.kb-list table tr:hover td{ background-color:#f8f8f8; } #m-karta .k-navi #kb-dostupnost.kb-list table tr.dstp-varianta:hover td{ cursor:pointer; } #m-karta .k-navi #kb-dostupnost.kb-list table tr.dstp-varianta:hover td b.dstp-sign{ color:#cc0c01; } #m-karta p.dstp-note{ font-size:13px; color:#888; } .txtMenu{ font-size:0; } .txtMenu div{ display:inline-block; width:50%; vertical-align:top; font-size:17px; } #archiv{ font-size:0; } #archiv div.a-year{ display:inline-block; width:50%; margin-top:20px; margin-bottom:20px; font-size:17px; vertical-align:top; } #archiv .ay-tab{ display:table; vertical-align:top; height:140px; } #archiv .ay-tab section{ display:table-cell; vertical-align:top; } #archiv .ay-tab section:nth-of-type(1){ width:45%; padding-right:3%; } #archiv .ay-tab section img{ width:100%; } #archiv .ay-tab section h2{ position:relative; height:0; margin:0; padding-left:0px; height:0px; line-height:0; } #archiv .ay-tab section h2 span{ position:absolute; left:0; top:-21px; display:inline-block; padding:2px 6px; font-size:12px; line-height:16px; background-color:#000; color:#fff; } #archiv .ay-tab section h3{ margin:5px 0 10px 0; padding-left:0px; } #archiv .ay-tab section .ayt-files ul{ margin-top:10px; margin-bottom:20px; } #archiv .ay-tab section .ayt-files a{ text-transform:uppercase; } #archiv .ay-tab section .ayt-files a em{ padding-left:10px; font-style:normal; color:#888; } .wbbTopPage{ position:fixed; bottom:20px; right:20px; z-index:50; display:none; width:60px; height:60px; background:#fff url('../images/ico_btn_toppage.png') no-repeat center center; background-size:54px 54px; border-radius:30px; filter:opacity(50%); transition:filter 0.2s; } .wbbTopPage:hover{ filter:opacity(100%); cursor:pointer; } /* Format */ .nC{ float:left; width:100%; color:#aaa; } .ul{ 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; } .noContent{ color:#ccc; } /* Fonty */ @font-face{ font-family: 'fontTeuL'; src: url('../fonts/Teuton23Pro.otf'); } @font-face{ font-family: 'fontTeuB'; src: url('../fonts/Teuton24Pro.otf'); } @font-face{ font-family: 'fontEurR'; src: url('../fonts/EuromodeCe.eot'); src: url('../fonts/EuromodeCe.woff') format('woff'), url('../fonts/EuromodeCe.ttf') format('truetype'), url('../fonts/EuromodeCe.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'fontEurB'; src: url('../fonts/EuromodeCeBold.eot'); src: url('../fonts/EuromodeCeBold.woff') format('woff'), url('../fonts/EuromodeCeBold.ttf') format('truetype'), url('../fonts/EuromodeCeBold.svg') format('svg'); font-weight: normal; font-style: normal; } @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; } /** ----------------------------------------------------------------------------------------------------------------------------------------------------------- * 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; left:0; bottom:0px; z-index:1000; text-align:left; font-size:8px; } .flex-control-nav li { margin:0 3px; display:inline-block; zoom:1; *display:inline; } .flex-control-paging li a { width:16px; height:8px; display:block; background:#666; background:rgba(0,0,0,0.2); 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:1290px) { .slider-hp{ margin-bottom:52px; } .slider-hp aside{ top:auto; right:auto; bottom:-40px; left:0; display:block; width:100%; height:28px; font-size:0; } .slider-hp aside section.tophome{ display:inline-block; width:0; height:0; } .slider-hp aside section.tophome a{ left:5px; top:1px; width:28px; height:27px; padding:6px; border:0; background-color:#fff; } .slider-hp aside section.tophome a:hover{ border:0; } .slider-hp aside section.tophome #homeMenu, .slider-cnt aside section.tophome #homeMenu{ left:0px; top:40px; } #homeMenu a{ background-color:transparent; padding-bottom:0; height:auto; } .slider-hp aside section.topsearch{ display:none; } .slider-hp aside section.panel{ display:inline-block; width:50%; padding-top:3px; padding-left:27px; } .slider-hp aside section.search{ display:inline-block; width:50%; } .slider-hp aside .langs{ display:inline-block; width:calc(59% - 38px); } .slider-hp aside .langs > div{ display:block; height:23px; padding-left:10px; } .slider-hp aside .langs a{ display:inline-block; width:31px; height:23px; margin:0 5px 0 0; } .slider-hp aside .nwsltr{ display:inline-block; width:76px; } .slider-hp aside .nwsltr > div{ display:block; height:23px; } .slider-hp aside .nwsltr > div > div > a img.ih{ display:block; height:23px; width:76px; } .slider-hp aside .nwsltr > div > div > a img.iv{ display:none; } .slider-hp aside .nwsltr > div > div > a{ position:static; border:0; width:auto; margin:0; } .slider-hp aside .social{ display:inline-block; width:calc(41% - 38px); text-align:right; } .slider-hp aside .social > div{ display:block; height:23px; padding-right:10px; } .slider-hp aside .social a{ display:inline-block; width:23px; height:23px; margin:0 0 0 5px; } .slider-cnt{ margin-bottom:52px; } .slider-cnt aside{ top:auto; right:auto; bottom:-40px; left:0; display:block; width:100%; height:28px; font-size:0; } .slider-cnt aside section.tophome{ display:inline-block; width:0; height:0; } .slider-cnt aside section.tophome a{ left:5px; top:1px; width:28px; height:27px; padding:6px; border:0; background-color:#fff; } .slider-cnt aside section.tophome a:hover{ border:0; } .slider-cnt aside section.topsearch{ display:none; } .slider-cnt aside section.panel{ display:inline-block; width:50%; padding-top:3px; padding-left:27px; } .slider-cnt aside section.search{ display:inline-block; width:50%; } .slider-cnt aside .langs{ display:inline-block; width:100%; } .slider-cnt aside .langs > div{ display:block; height:23px; padding-left:10px; } .slider-cnt aside .langs a{ display:inline-block; width:31px; height:23px; margin:0 5px 0 0; } } @media only screen and (max-width:1140px) { footer .f-cnt nav a{ font-size:12px; } #m-karta .k-mp .k-mp-rmenu{ display:none; } } @media only screen and (max-width:1040px) { .txtMenu div{ width:100%; } .txtMenu div ul{ margin-top:0; margin-bottom:0; } .row-hptech .row-cnt{ height:272px; background-size:auto 90%; } .row-hptech .row-cnt a{ width:50%; height:136px; font-size:30px; margin:0; } .row-hptech .row-cnt a:nth-child(2){ margin:0; border-left:0; } .row-hptech .row-cnt a:nth-child(3){ margin:0; border-top:1px solid #fff; } .row-hptech .row-cnt a:nth-child(4){ border-top:1px solid #fff; border-left:0; } #m-search section{ width:50%; } #m-search-katalog .model{ width:33.333%; } #m-katalog section.filter{ display:block; width:auto; height:36px; margin-top:6px; margin-bottom:15px; padding-right:0px; } #m-katalog section.filter span.l{ display:block; float:right; width:auto; min-width:305px; padding-top:0; } #m-katalog section.filter.kind-KO span.l{ min-width:105px; } #m-katalog section.filter span.r{ display:none; } #m-katalog section.mk a, .m-katalog-id section.mk a{ width:calc(33.3% - 4px); } #m-katalog section.mk a:nth-of-type(4n), .m-katalog-id section.mk a:nth-of-type(4n){ margin-right:6px; } #m-katalog section.mk a:nth-of-type(3n), .m-katalog-id section.mk a:nth-of-type(3n){ margin-right:0; } } @media only screen and (max-width:940px) { header nav#menuKola{ height:auto; } header nav#menuDily{ height:auto; } header nav div.h-cnt{ display:block; } header nav div.a{ display:inline-block; width:25%; border-bottom:1px solid #fff; } header nav div.a > a{ padding-top:1px; background-image:url(''); background-size:0 0; } header nav div.a.a-empty{ display:none; } header nav div.a:hover a + div.lvl{ display:none; } header nav div.a:nth-of-type(4n){ border-right:0; } header nav div.a:last-of-type{ border-bottom:0; border-right:1px solid #fff; } footer .f-cnt nav{ display:none; } footer .f-cnt .cena{ margin-bottom:10px; padding-top:0px; border-top:0; font-size:11px; } footer .f-cnt .cp{ display:block; } footer .f-cnt .cp .cp-copy{ display:block; margin-bottom:5px; } footer .f-cnt .cp .cp-copy a{ float:right; } footer .f-cnt .cp .cp-site{ display:block; } footer .f-cnt .cp .cp-site i{ float:left; } .slider-cnt img.logo{ left:calc(50% - 120px); } /* --- */ #m-mapa .mw-tab{ width:100%; } #m-obchodnici aside.tab{ display:none; } #m-obchodnici aside.full{ display:block; } #m-jazyk .vj-karty .vj-karta{ display:block; width:100%; margin-right:0; } #m-video .sn div.snb{ width:100%; margin:0 0 2% 0; } #video-player{ width:100%; } #video-panel{ width:100%; margin-top:10px; } #video-panel section > div a{ width:50%; } #m-pdf .pdf-list .pdf-item{ width:48.8%; } #m-pdf .pdf-list .pdf-item:nth-of-type(4n){ margin-right:2%; } #m-pdf .pdf-list .pdf-item:nth-of-type(2n){ margin-right:0; } #kb-techspec .techspec-l{ display:block; width:100%; margin:0; } #kb-techspec .techspec-l table{ margin-bottom:1px; } #kb-techspec .techspec-r{ display:block; width:100%; } #kb-geometrie .k-geolayout section:nth-of-type(2){ display:none; } #kb-geometrie .k-geotab table td.bghv{ color:#2A2A2A; background-color:#fff; } } @media only screen and (max-width:740px) { body{ font-size:15px; } p{ margin-bottom:10px; } li{ line-height:22px; } header nav div.a{ width:33.333%; } header nav div.a:nth-of-type(4n){ border-right:1px solid #fff; } header nav div.a:nth-of-type(3n){ border-right:0; } header nav div.a:last-of-type{ border-bottom:1px solid #fff; } nav.nbm-menu > div{ display:table; border-collapse:collapse; border-style:hidden; width:100%; } nav.nbm-menu > div a{ display:table-cell; padding-top:1px; background-image:url(); } .slider-hp{ margin-bottom:91px; } .slider-hp header{ display:none; } .slider-hp em.logo{ display:none; } .slider-hp aside section.panel{ display:block; width:100%; } .slider-hp aside section.search{ display:block; width:100%; margin-top:10px; } .slider-cnt img.logo{ display:none; } .slider-cnt aside section.panel{ width:40%; } .slider-cnt aside section.search{ width:60%; } #breadcrumbs{ margin-bottom:10px; } #h1-top{ font-size:32px; margin-bottom:15px; } article.cnt div.h2{ margin:20px 0 5px 0; font-size:20px; } article.cnt h2{ margin:20px 0 5px 0; font-size:20px; } .ictxt-short{ width:100%; margin-right:0; } .icpanel{ width:100%; margin-top:30px; } .gal-video{ margin-top:20px; } .gal-video iframe{ width:calc(50% - 1px); } .gal-foto{ margin-top:20px; } .gal-foto a{ width:calc(25% - 1px); } .gal-soubor{ margin-top:20px; } .ictxt-short .gal-video iframe{ width:calc(50% - 1px); } .ictxt-short .gal-foto a{ width:calc(25% - 1px); } .row-hp{ background-color:#fff; } .row-hp .row-cnt .rh-block{ width:100%; } .row-hp .row-cnt .rh-block:nth-child(2){ margin:32px 0; } .row-hptech .row-cnt{ height:auto; background:#fff url(); } .row-hptech .row-cnt a{ display:block; width:100%; margin-bottom:16px !important; border:0; background:#f5f5f5 url('../images/img_podklad_pruh.png') no-repeat center center; background-size:auto 85%; } /* --- */ #archiv div.a-year{ width:100%; } #archiv .ay-tab{ height:40px; } #m-tagy-list{ display:block; } #m-tagy-list .mt-row{ display:block; } #m-tagy-list .mt-row section{ display:inline-block; width:50%; margin-bottom:20px; vertical-align:top; } #mapa_obchodnici{ display:none; } #m-obchodnici aside.full a{ width:33.333%; } #m-obchodnici aside.full a:nth-of-type(4n){ border-right:1px solid #fff; } #m-obchodnici aside.full a:nth-of-type(3n){ border-right:0; } #m-obchodnici-tab div.h2{ padding:6px 10px 4px 10px; background-color:#D0D0D0; border-bottom:3px solid #4A4A4A; font-size:14px; } #m-obchodnici-tab div.h2 a{ right:10px; bottom:5px; } #m-obchodnici-tab table tr td{ display:block; width:100%; padding:2px 10px 0 10px; border:0; } #m-obchodnici-tab table tr td.nzv{ width:100%; font-weight:700; border-top:1px solid #e8e8e8; padding-top:7px; margin-top:7px; } #m-obchodnici-tab table tr:nth-of-type(1){ display:none; } #m-obchodnici-tab table tr:nth-of-type(2) td.nzv{ border:0; padding-top:0; margin-top:0; } #m-obchodnici-tab table .tel, #m-obchodnici-tab table .web{ width:100%; padding-left:10px; padding-top:1px; text-align:left; } #m-obchodnici-tab p{ padding:5px 5px 0 5px; margin-bottom:0; } #m-obchodnici-tab table td span.opt-show{ display:none; } #m-obchodnici-tab table td span.opt-hide{ display:inline; } #m-obchodnici-tab table td span.opt-hide-prfx{ display:inline; } #mapa_jazyk{ display:none; } #m-jazyk .vj-karty .vj-karta section{ height:auto; } #video-panel section > div a{ width:100%; } #m-pdf .pdf-list .pdf-item:nth-of-type(2n){ margin-right:2%; } #m-pdf .pdf-list .pdf-item{ width:100%; margin-right:0; margin-bottom:20px; } #wrapOnKtg{ display:none; } #wrapOffKtg{ display:block; } #m-komparator section.kmp-ctrl div em a.kmp-reset{ display:block; width:100%; margin:10px 0 20px 0; text-align:left; } #m-komparator section.kmp-ctrl div.kmp-group select{ width:100%; } #m-komparator section.kmp-ctrl div.kmp-model select{ width:100%; } #m-karta .k-mp .k-mp-lmenu .lm-burger{ display:block; } #m-karta .k-mp .k-mp-lmenu .lm-menu{ display:none; } /* #m-karta .k-mp .k-mp-lmenu .lm-burger:hover ~ .lm-menu{ display:block; padding-top:10px; } */ #m-katalog section.filter{ margin-top:0px; margin-bottom:10px; padding-right:0; } #katalog-menu h1{ display:none; } #katalog-menu div.h1{ display:none; } #katalog-menu section{ display:none; position:absolute; left:11px; top:36px; z-index:200; padding-bottom:2px; background-color:#fff; border-left:1px solid #888; } #katalog-menu strong.btn-menu{ display:block; } #katalog-menu section strong{ border-left:0; margin-bottom:2px; } #katalog-menu section strong i{ display:none; } #katalog-menu section div.active i{ width:1px; left:-7px; } article.cnt.mik#m-katalog{ width:100%; padding-left:10px !important; padding-right:10px !important; } .m-katalog-id{ width:100%; padding-left:0px !important; padding-right:0px !important; } } @media only screen and (max-width:640px) { .txtMenu div{ font-size:14px; } .txtMenu div ul{ padding-left:20px !important; } .txtMenu div ul li{ line-height:20px; } #m-search section{ width:100%; } #m-search-katalog .model{ width:50%; } #m-katalog section.filter.kind-KO span.l{ min-width:105px; } #m-katalog section.filter.kind-DI span.l{ min-width:305px; } #m-katalog section.filter span.l select.f-tg{ width:120px; } #m-katalog section.mk a, .m-katalog-id section.mk a{ width:calc(50% - 4px); } #m-katalog section.mk a:nth-of-type(3n), .m-katalog-id section.mk a:nth-of-type(3n){ margin-right:6px; } #m-katalog section.mk a:nth-of-type(2n), .m-katalog-id section.mk a:nth-of-type(2n){ margin-right:0; } #m-karta .k-navi .km-menu{ display:none; } #m-karta .k-navi .kb-list{ display:block; min-height:1px; padding-bottom:15px; } #m-karta .k-navi .kb-list h2{ display:block; } #kb-geometrie .k-geolayout section:nth-of-type(1){ width:100%; } #kb-geometrie .k-geolayout section:nth-of-type(3){ display:none; } #kb-technologie .kbt-blok strong{ line-height:20px; } #kb-technologie .kbt-blok strong br{ display:inline; } #kb-technologie .kbt-blok strong a{ display:block; width:100%; padding-left:0; padding-bottom:3px; font-size:12px; line-height:18px; } #kb-dostupnost table th, #kb-dostupnost table td{ display:block; width:100%; text-align:left; border:0; } #kb-dostupnost table th.c, #kb-dostupnost table td.c{ text-align:left !important; } #m-karta .k-navi #kb-dostupnost.kb-list table th{ height:22px; padding:2px 10px; font-size:12px; border:0; } #m-karta .k-navi #kb-dostupnost.kb-list table th:first-child{ display:none; } #m-karta .k-navi #kb-dostupnost.kb-list table td{ border:0; } #kb-dostupnost tr.dstp-varianta{ width:100%; } #kb-dostupnost tr.dstp-varianta td{ display:inline-block; width:calc(25% - 8px); height:30px; border-top:2px solid #ddd !important; } #kb-dostupnost tr.dstp-varianta td.resp-h{ display:none; } #kb-dostupnost tr.dstp-varianta td.resp-sh{ width:30px; } #kb-dostupnost tr.dstp-prodejce td{ padding:2px 8px 2px 40px !important; font-size:14px !important; } #kb-dostupnost tr.dstp-prodejce td.resp-h{ display:none; } #kb-dostupnost tr.dstp-prodejce td:nth-of-type(2){ padding-top:6px !important; border-top:2px dotted #ddd !important; } #kb-dostupnost tr.dstp-prodejce td:last-child{ padding-bottom:6px !important; } } @media only screen and (max-width:480px) { header nav#menuKola div.a > a{ font-size:13px; } header nav#menuDily div.a > a{ font-size:12px; } nav.nbm-menu > div a{ font-size:12px; } nav.nbm-menu > div a em{ display:none; } nav.nbm-menu > div a span{ display:inline-block; } footer .f-cnt .cp{ font-size:11px; } footer .f-cnt .cp a{ padding:0 5px; } footer .f-cnt .cp .cp-copy{ padding-left:5px; } footer .f-cnt .cp .cp-site{ padding-right:5px; } #sliderHp .flex-control-nav.flex-control-paging{ display:none; } .slider-hp aside section.panel{ padding-left:24px; } .slider-hp aside .langs a{ margin-right:3px; } .slider-hp aside .social{ width:calc(41% - 41px); } .slider-hp aside .social a{ margin-left:3px; } .slider-cnt > a{ display:none; } .slider-cnt aside section.panel{ width:185px; } .slider-cnt aside section.search{ width:calc(100% - 185px); } .gal-video iframe{ width:100%; margin-right:0; } .gal-foto a{ width:calc(50% - 1px); } .ictxt-short .gal-video iframe{ width:100%; margin-right:0; } .ictxt-short .gal-foto a{ width:calc(50% - 1px); } .gal-soubor ul li span{ display:block; padding-left:0px; font-size:10px; line-height:14px; } .gal-soubor ul li br{ display:inline-block; } .row-hp{ margin-top:16px; } .row-hp .row-cnt .rh-block:nth-child(2){ margin:16px 0; } .row-hptech{ margin-top:16px; } .row-hptech .row-cnt a{ margin-bottom:16px; } .row-hptech .row-cnt a:nth-child(2){ margin-bottom:16px; } /* --- */ #m-obchodnici aside.full a{ font-size:12px; } #kb-technologie .kbt-blok img{ padding:10px; max-width:80px; border:1px solid #D0D0D0; } #kb-technologie .kbt-blok strong{ width:calc(100% - 90px); } #kb-technologie .kbt-blok div.p{ width:calc(100% - 90px); } #kb-galerie a{ width:calc(50% - 1.2px); margin:0 1px 1px 0; } #kb-galerie a:nth-of-type(2n){ margin-right:1px; } #kb-video iframe{ width:100%; margin:0 0 2% 0; } #kb-dostupnost tr.dstp-varianta td{ white-space:nowrap; font-size:14px; } } /** ----------------------------------------------------------------------------------------------------------------------------------------------------------- * Printer layout **/ @media only print { body{ margin-bottom:40px; } body > header{ display:none; } body > footer{ padding:0 5px; background-color:#fff; } body > footer .f-cnt nav{ display:none; } body > footer .f-cnt .cena{ display:none; } body > footer .f-cnt .cp{ display:block; color:#bbb; text-align:center; } body > footer .f-cnt .cp .cp-site{ display:none; } body > footer .f-cnt .cp .cp-copy{ display:block; padding:0; text-align:center; } .slider-hp{ display:none; } .slider-cnt{ display:none; } #breadcrumbs div.social{ display:none; } .kola-cnt aside#katalog-menu{ display:none; } article.cnt.mik#m-katalog{ width:100%; } #m-karta .k-navi .km-menu{ display:none; } #m-karta .k-navi .kb-list{ display:block; min-height:1px; padding-bottom:15px; } #m-karta .k-navi .kb-list h2{ display:block; } #m-karta .k-mp .k-mp-lmenu{ display:none; } #m-karta .k-mp .k-mp-rmenu{ display:none; } #kb-techspec .techspec-l{ display:block; width:100%; margin:0; } #kb-techspec .techspec-l table{ margin-bottom:1px; } #kb-techspec .techspec-r{ display:block; width:100%; } #kb-geometrie .k-geotab table td.bghv{ color:#2A2A2A; background-color:#fff; } #kb-geometrie .k-geolayout section:nth-of-type(1){ width:100%; } #kb-geometrie .k-geolayout section:nth-of-type(2){ display:none; } #kb-geometrie .k-geolayout section:nth-of-type(3){ display:none; } #kb-technologie .kbt-blok img{ padding:10px; max-width:80px; border:1px solid #D0D0D0; } #kb-technologie .kbt-blok strong{ width:calc(100% - 90px); } #kb-technologie .kbt-blok div.p{ width:calc(100% - 90px); } #kb-video{ display:none !important; } }