body { background: #F4F4F4; font-family:'Muli', sans-serif; color:#333; font-size: 14px; } a { color:#333333;font-style:initial;text-decoration:underline; } .btn { border-radius:0px;text-decoration:none;text-transform: uppercase; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color:#000000; font-weight:700; font-family:'Muli', sans-serif; margin-top:40px;margin-bottom:15px; line-height: 1.2; } h1,.h1 {margin-top:0px; font-size:26px;} h2,.h2 {font-size:24px;} h3,.h3,h4,.h4,h5,.h5 {font-size:20px;} h6,.h6 {font-size:18px; } .h2_extra { border-bottom:1px solid #D5D5D5; padding-bottom:5px; } .img-responsive {margin:0px auto;} .img-thumbnail {margin-bottom: 15px; border-radius: 0px;} .push-bottom {margin-bottom:15px;} .nowrap { white-space: nowrap; } img {max-width: 100%; height:auto;} .zahodit, .mfp-hide {display:none;} .hideOnDesktop { display: none !important; } .skryty-konverze { overflow: hidden; height: 1px; width:1px; padding:1px; background:transparent; } .align-center { text-align: center; } .page-content ul li {margin-bottom:4px;} .page-content ul.list-unstyled {list-style:none inside none; padding-left:0px;} .page-content ul, .page-content p, page-content table { margin-bottom:0.9em; } body .table-responsive { border:none; margin-bottom:0px; } .table-responsive.jspScrollable>.jspContainer { outline: none; } .box-stin { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); } .page-content .table-responsive { overflow: auto; border: none; max-width: 100%; } .page-content table { width: 100%; border: 1px solid #c9c9c9; margin-bottom: 20px; font-size: inherit; } .page-content table th, .page-content table td { border: 1px solid #777; border: 1px solid #c9c9c9; vertical-align: middle; padding: 10px; } .page-content table th { background-color: #dfdfdf; font-weight: normal; } .page-content table tr:nth-child(even) td { background:#f5f5f5; } .btn-primary { min-width:270px; } .form-control {border-radius: 0px;} .form-control:focus {border-color:#333;} .control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: normal;} input.required-empty, textarea.required-empty, form-control.required-empty { border-color:#CC0000 !important; } #hledani404 { margin-top:45px; } #header .kontakt, #header #mutace { display:none; } #searchFormTop #q, #searchFormTop .btn {border-radius:0px;} #hledani #q { display: none; position: absolute; left:0px; bottom:0px; right: 0px; top: 0px; background-color: #fff; font-size:13px; border: none; color: #333333; height:100%; width: 100%; z-index: 1000; transition:width 0.5s; padding-right:40px;} #hledani #q.placeholder { color:#979797; } .searchActive #searchFormTop { position:absolute; top:0px; bottom:0px; height:auto; background:#000; left:0px; right:0px; float:none; margin:0px; } .searchActive #hledani #q { display: block; } .searchActive #searchFormTop .ico-btn { position:absolute; right:0px; width:40px; height:100%; top:0px; margin:0px; } #prekryv { display: none; background-color: rgba(40, 40, 40, 0.50); width: 100%; height: 0; z-index: 999; position: absolute; } .searchActive #prekryv { display: block; height:100%; } .navbar-collapse {top:0px; position:relative; z-index:999;} nav.navbar { height:0px; min-height:0px; margin-bottom:0px; border:0px none; } #mainMenu { position:fixed; top:55px;left:0px; width:100%; z-index: 999; } .menuOpened #mainMenu { position:relative; top:0px; } #mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu {padding-left:0px; padding-right: 0px; height: 100%; overflow: auto; width:100%;} #mainMenu .navbar-nav {margin:0px;} #mainMenu a { text-decoration: none; line-height: 20px; text-transform: uppercase; border:0px none; outline: 0px none; font-weight:bold; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active a { background-color: transparent;} #mainMenu .dropdown-menu {margin:-1px 0px 0px 0px; padding: 1px 0px 0px 0px; background:#666;} #mainMenu .active a:after { content:''; display:block; width:30px; height:2px; } .mobile-menu { display: none; } .dropdown.opened .dropdown-menu {display:block;} .navbar-toggle { margin:0px; height:40px; width:40px; border-radius:0px; } #leve-menu-toggle { float:left; text-transform: uppercase; margin-right: 0px; margin-left:0px; margin-top:0px; width:140px; font-size: 14px; padding: 10px 8px;} a i.glyphicon {padding-right:5px;} #main_obal { background: #F4F4F4; } .clanky-typ-2 #main_obal { background:#FFF; } .scrollup { width: 40px; height: 40px; line-height: 40px; position: fixed; bottom: 40px; right: 40px; display: none; text-align:center; background-color: #000; color:#FFF; border: #660000 1px solid; filter: alpha(opacity=70); opacity: 0.70; z-index:1010; } .scrollup:hover, .scrollup:focus, .scrollup:active {background-color: #900; color:#FFF; } .scrollup i.glyphicon {padding:0px;} .cp-select select { position: relative; cursor:pointer; border:0px; color: #000; font-size: inherit; line-height: inherit; font-weight: normal; padding: 0px 30px 0px 10px; height:auto; width: auto; *background: #FFF; background: url('/img/select.png') 100% 9px no-repeat #FFF; appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; } .cp-select select::-ms-expand { display: none; } .cp-select { overflow:hidden; position:relative; width:100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: transparent; } @media(min-width: 768px){ body { font-size:16px; } h1,.h1 { font-size:30px;} h2,.h2 {font-size:28px;} h3,.h3,h4,.h4,h5,.h5 {font-size:24px;} h6,.h6 {font-size:20px; } #header,#header.affix { position:relative; top:auto; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 15px; padding-left: 15px; } .navbar-collapse.collapse { display: none !important; overflow: auto !important; left:0px; } body.menuOpened .navbar-collapse.collapse.in { display: block !important; margin-top: 0px; height:100% !important; } .navbar-nav>li {float:none;} .navbar-nav { float: none; margin: 7px -15px; } .homepage #main_obal { margin-top: 0; } #logo { } .carousel-caption { display: block; left: 0; right: 0; top: 0; bottom: 0; text-align: left; position: absolute; } } @media (min-width: 992px){ #header #mutace { display:block; float:right; height: 50px; width:60px; position:relative; } #mutace ul { margin:0px; width:100%; padding:0px; overflow: visible; height:auto; padding-top:50px; } #mutace ul li { display:block; height:0px; overflow:hidden; line-height: 16px; padding:0px; margin:0px; text-align:center; transition: all 0.2s; position:relative; z-index: 2; } #mutace ul li .svg-icon, #mutace ul li img { height:16px; width:24px; } #mutace ul li.aktivni { position:absolute; top:0px; left:0px; bottom:0px; height: auto !important; right: 0px; z-index: 1;} #mutace ul li.aktivni .svg-icon, #mutace ul li.aktivni img { position: absolute; top:50%; margin-top:-8px; left:50%; margin-left:-12px; } #mutace ul:hover { overflow: visible; } #mutace:hover ul li { height:26px; } #mutace:hover ul li:last-of-type { height:41px; padding-bottom: 15px; } #mutace ul li a { text-decoration: none; text-align: center; padding:5px 8px; display: block; } } @media (min-width: 1230px){ .container { width: 1200px; } } @media (min-width: 1660px){ } .breadcrumb {background:transparent; margin-bottom:0px;} .homepage #main_block { background:#FFF; } .kontakt-page #main_block { padding-top:30px; } #main_block { min-height: 300px; } #main_block>.sekce:nth-child(odd){ background:#FFF; } #main_block>.sekce { padding-top:30px; } #main_block>.sekce>.container>*:last-child{ margin-bottom:30px; } .page-content {margin-bottom:5px;} .gallery {text-align: center; margin-bottom:10px;} .gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 15px;} #cssmenu ul li a>span.text { display: block; z-index: 888; width: 75%; } #cssmenu ul li a>span.menu_akce { clear: both; position: absolute; display: inline-block; top: 0; right: 0; padding: 5px 0; height: 100%; z-index: 999; width: 25%; } .sidebar a:hover, .sidebar a:focus { text-decoration: none; } .subnav-toggle { padding:0px 5px;} .subnav {display:none; clear:both;} .opened > .subnav {display:block;} .sidebar-title {font-size:15px; display:block; padding:10px 10px 10px 10px;} .sidebar-title.mail {text-align: center; padding-right: 20px;} .leve-menu li>a { text-decoration: none; } @media screen and (min-width: 768px){ .leve-menu .subnav.sublevel-2 { display:block; } .leve-menu>.nav li>a { font-size:14px; padding:8px 10px 8px 20px; border-bottom:1px solid #990000; } .leve-menu .subnav a {font-size:13px; } .leve-menu .subnav .subnav a { padding-left:20px; } .leve-menu .subnav-toggle {top:10px;} .leve-menu>.nav>li { margin-bottom:15px; } .kontakt-page #main_block { padding-top:40px; } } @media screen and (max-width: 991px){ #main_block {position:relative;} #menu-kategorie {position:absolute; top:-22px; left:0px; width:100%; margin:0px; border-radius:0px; z-index:9000; height:100%; overflow: auto;} #menu-kategorie.affix {top:55px; position:fixed; } #mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu {top: auto;} nav.navbar>.container { padding: 0; } #mainMenu #navbar { margin: 0; } } @media screen and (min-width: 992px){ body {overflow:auto !important;} .sidebar-title {font-size:15px; padding:10px 10px 10px 20px;} } @media screen and (min-width: 1230px){ .leve-menu li>a {font-size:16px; padding-top:10px; padding-bottom:10px;} .leve-menu .subnav a {font-size:14px;} #main_block>.sekce>.container>*:last-child{ margin-bottom:45px; } } #footer h2 { color:#FFF; font-weight: normal; } #blok-poradit { padding-bottom:30px; } #blok-poradit p { margin-bottom:30px; } #blok-poradit .blok-poradit-item {display:block; border:1px solid #FFF; text-decoration:none; text-transform: uppercase; position:relative; font-size: 18px; margin-bottom:15px; } #blok-poradit .blok-poradit-item.email { text-transform: none; } #blok-odkazy { background:#FFF; } #blok-odkazy .odkaz-box a, #blok-odkazy .odkaz-box { text-decoration: none; color:#333; display:block; } #blok-odkazy .odkaz-box { padding:15px 10px 10px 10px; } #blok-odkazy .odkaz-box .info { display:block; margin-bottom:10px; } #blok-odkazy .odkaz-box .sipka { color:#CC0000; font-size:24px; display:block; } #blok-odkazy .odkaz-box:hover, #blok-odkazy .odkaz-box:hover a { color:#CC0000; } #blok-odkazy .odkaz-box img { max-width:100%; width: 235px; margin:0px auto 10px auto; } #footer-bottom { text-align:center; font-size: 13px; padding:20px 0px 0px; } #footer-bottom p { margin-bottom: 5px; line-height: 44px; vertical-align: middle; overflow: hidden;} .footer-copyright-cp { } .footer-copyright-cp a { display:inline-block; height:24px; padding:0px; line-height: 24px; vertical-align: middle; margin:0px 5px; } .footer-copyright-cp a#logo-cp { width:116px; } .footer-copyright-cp a#logo-cpedit { width:40px; } .footer-copyright-cp a .svg-icon { width: 100%; height: auto; } .footer-copyright-cp a:hover .svg-icon { fill: #FFFFFF; } #footer .socialy a { display:inline-block; width:44px; height:44px; padding:5px; margin:0px 3px; } #footer .socialy .svg-icon { height:100%; width:auto; margin:0px auto; padding:13% 0px; } #footer .socialy .tw .svg-icon { padding:22% 0px; } #footer .socialy .gp .svg-icon, #footer .socialy .yt .svg-icon { padding:20% 0px; } #footer-bottom a.btn { font-size:12px; padding:5px 15px; min-width: 160px; border:1px solid #CC0000; } #menuPaticka { margin-top:30px; font-size: 0px; text-align: center; } #menuPaticka ul { margin-bottom:0px; } #menuPaticka ul li { margin-bottom:5px; font-size: 14px; } #menuPaticka ul li a { color:inherit; } @media (min-width: 768px){ #blok-poradit .blok-poradit-item { font-size:15px; } #menuPaticka ul li { display:inline-block; } #menuPaticka ul li+li:before { display: inline; content: '|'; } #menuPaticka ul li a { display:inline-block; margin:0px 5px; } } @media (min-width: 992px){ #blok-poradit { padding:15px 0px 45px 0px; } #blok-poradit h2 { font-size:36px; margin-bottom: 15px;} #blok-poradit p { margin-bottom:45px; } #blok-poradit .blok-poradit-item, #blok-poradit { font-size:18px; } #footer .socialy { margin-bottom:0px; } #footer-bottom { text-align:left; } #footer-bottom .footer-copyright-cp { text-align: right;} #menuPaticka { margin:25px 0px -10px; } #menuPaticka ul li a { margin:0px 10px; } } #home-intro { text-align: center; font-size: 18px; line-height: 1.8; } #home-intro h1 { margin-bottom:25px; } .home-section { padding:45px 0px 15px 0px; } .home-section>.container>h2, .home-section>.container>.h2 { margin-top:0px; text-align: center; } .home-section .hp-btn-box { margin-bottom:30px; text-align: center; } .bordered-cols { padding:1px; } .row.bordered-cols { margin-left:auto; margin-right: auto; } .bordered-cols>[class*='col-'] { display:block; border:1px solid #D5D5D5; margin-left:-1px; margin-top:-1px; } #home-znacky { background:#F4F4F4; text-align: center; } #home-znacky .section-heading+p { margin-bottom:15px; } #home-znacky .bordered-cols { max-width: 400px; margin-bottom: 30px; } .znacky-loga .znacka-box { background:#FFF; padding:3px; } .znacky-loga .znacka-box img { filter: gray; -webkit-filter: grayscale(100%); } .znacky-loga .znacka-box:hover { background:#D5D5D5; } .znacky-loga .znacka-box:hover img { filter: none; -webkit-filter:none; } .articles-list .faq { margin:0px auto 15px auto; max-width: 970px; } .panel.faq { border:0px; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none; } .panel.faq h3, .panel.faq .panel-heading { border:0px; padding:0px; margin:0px; font-size:16px;} .panel.faq .panel-heading a { display:block; text-decoration: none; font-weight: bold; text-align: left; border:1px solid #D5D5D5; padding:15px 25px 15px 10px; position: relative; color:#FFF; background:#990000; } .panel.faq .panel-heading a.collapsed, .panel.faq.neklikat .panel-heading a.collapsed { background:transparent; color:#333; } .panel.faq.neklikat .panel-heading a { cursor:auto; } .panel.faq .panel-heading a:after { content: " "; display: block; width:12px; height: 12px; border-right:2px solid #FFF; border-bottom:2px solid #FFF; position: absolute; right:15px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.2s; top:50%; margin-top:-6px; } .panel.faq.neklikat .panel-heading a:after { content:none; display:none; } .panel.faq .panel-heading a.collapsed:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.2s; margin-top:-6px; } .panel.faq .panel-heading a:hover:after {border-color:#FFF;} .panel.faq .collapse-content { padding:15px; background:#F4F4F4; text-align: left; font-size: 16px; } .panel.faq .btn-wrap .btn { border:1px solid #D5D5D5; background:#FFF; } .sekce>.container>.detail-heading { margin-bottom:30px; } .news .news-item { background:#FFF; display:block; text-decoration: none; font-size:14px; max-width: 370px; margin:0px auto 30px auto; color:#555; padding-bottom:5px;} .news .news-item-desc { padding:20px 15px 15px 15px; text-align: center;} .news .news-item .datum { } .news .news-item h2 { font-size:24px; margin-top:20px; } #pageHeader { position: relative; background-color:#333; padding-top:18.75%; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; } #pageHeader:before { content:''; display: block; position: absolute; top:0px; left:0px; width:100%; bottom:0px; background:url('/img/xtuning/bg_podstranky_kryt.png') 50% 50% no-repeat transparent; background-size: 100% auto; } #pageHeader>.container { margin-top:-16%; position: relative; text-align: center; } #pageHeader .h1 { display:block; text-align: center; color:#FFF; text-transform: uppercase; margin:0px;} .top-nav { margin-bottom:30px; } .top-nav .btn { border:1px solid #D5D5D5;text-transform: none; font-size: 14px; } .top-nav .btn .icon { margin-right:5px; font-size:18px; } .detail .model .btn { max-width: 340px; min-width: 0px; width:100%; } .model-detail #pageHeader .h1 { font-size:20px; } .model-detail #katalog-sekce-top { padding-top:0px; } .model-detail .top-nav { margin-top:30px; } #detail-modelu { margin-top:30px; } #detail-modelu .motory-box { background:#F4F4F4; padding:10px 15px 15px; margin-bottom:30px; } #detail-modelu .motory-box h2 { margin-top:0px; margin-bottom: 20px; font-size:24px; } #detail-modelu ul.motory-list { list-style: none; padding-left:0px; } #detail-modelu ul.motory-list li { margin-bottom:10px; font-size: 14px; } #detail-modelu .motory-box h3 { margin-top:20px; margin-bottom: 10px; font-size:18px; } .motor-detail .detail-heading, .model-detail .detail-heading, .motor-detail .page-content h2, .model-detail .page-content h2 { font-size:24px; margin-top:30px; } .detail-heading .thin { font-weight:normal; } table.tabulka-uprav { width:100%; margin-bottom:30px; } table.tabulka-uprav caption, .tabulka-uprav-caption { background:#CC0000; color:#FFF; text-align: center; font-weight: bold; padding:7px; } table.tabulka-uprav th, table.tabulka-uprav td { font-weight: normal; font-size:13px; padding:7px 5px; border:1px solid #D5D5D5; text-align: center; } table.tabulka-uprav thead tr th { background:#F4F4F4; color:#000; } table.tabulka-uprav tbody tr { background:#FFF; } table.tabulka-uprav th.text-left { text-align:left; } table.tabulka-uprav td.red, table.tabulka-uprav th.red { color:#CC0000; } .reference-box { background:#FFF; overflow: hidden; max-width:440px;margin:0px auto 30px auto; position:relative; } .reference-box .ref-title { font-size:18px; display: block; font-weight: bold; padding:10px 15px; text-align: left; margin:0px; line-height: 22px; } .reference-box table.tabulka-uprav { margin-bottom: 0px; } .reference-box .img-holder { position:relative; } .reference-box .ref-graf { display:block; width:80px; height:80px; position:absolute; bottom:13%; right:5px; } #motor-sluzby { margin-bottom:45px; } #motor-sluzby .panel.faq .collapse-content { background:#FFF; } .skupiny-kontaktu { margin-bottom:45px; } .skupiny-kontaktu .panel.faq, #motor-sluzby .panel.faq { margin-bottom:10px; } .skupiny-kontaktu .panel.faq .collapse-content { background:#FFF; } .skupiny-kontaktu ul.row { list-style: none; padding:0px; } .skupiny-kontaktu ul.row>li { display: block; } .kontakt-item { border:1px solid #D5D5D5; padding:8px 8px 5px 8px; font-size:14px; line-height: 18px; margin:0px auto 20px auto; max-width: 360px; } .kontakt-item img { float:left; max-width: 35%; height: auto; margin:0px 15px 3px 0px; } .kontakt-item p { margin-bottom:3px; } .kontakt-item .kontakt-heading { margin:5px 0px 0px 0px; padding:0px; font-size:16px; } .kontakt-item .kontakt-pozice { display:block; font-size:14px; margin-bottom:8px; } .kontakt-item .nowrap { overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; } .kontakt-item .nowrap:hover { overflow: visible; } #map-lidi-box { text-align: center; } #map-lidi-box .kontakt-item { text-align: left; } #kontakty-map-blok>.heading { font-size:120%; text-align: center; font-weight: bold; margin-bottom:0px; padding:15px 25px 15px 10px;} .kontakty-map { padding:15px; background:#FFF; text-align: center; margin-bottom:30px; } .kontakty-map div.map-highlight { margin:0px auto 0px auto; } .kontakty-map .area-heading { font-size:130%; font-weight: bold; margin:0px 0px 15px; } .kontakt-box { padding:15px 20px 10px 20px; background:#FFF; border:1px solid #D5D5D5; margin-bottom:30px; line-height: 1.8; } .kontakt-box h2 { margin-top:0px; } .kontakt-box p { margin-bottom:20px; } .gmap-heading { background:#FFF; padding:15px 0px; font-weight: bold; font-size:16px; } @media (min-width: 768px){ .home-section { font-size:18px; } .home-section .section-heading, .home-section>.container>h2 { font-size:30px; } #home-znacky .section-heading+p { margin-bottom:30px; } .row.bordered-cols { margin-left: -15px; margin-right: -15px; } #home-znacky .bordered-cols { max-width:none; } #home-faq .articles-list { margin:30px auto 30px auto; } .panel.faq .panel-heading a { padding:20px 25px 20px 20px; font-size:18px; } .panel.faq .collapse-content { padding:25px 25px 15px 30px; } .news .news-item .news-item-desc { height:210px; overflow: hidden; } #home-news .news .col-news { width:50%; } .model-detail #katalog-sekce-top { padding-top:30px; } .model-detail #pageHeader .h1 { font-size: 30px; } #pageHeader>.container { margin-top:-12%; } .reference-box .ref-title { height:64px; overflow:hidden; } .reference-box table.tabulka-uprav td, .reference-box table.tabulka-uprav th { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } #kontakty-map-blok .col-map { float:right; } .kontakty-map { padding:15px 30px; } .kontakt-box { min-height: 260px; } .gmap-heading { font-size:20px; } .skupiny-kontaktu ul.row>li:nth-child(2n+1){ clear:both; } .skupiny-kontaktu li .kontakt-item { min-height: 140px; } } @media (min-width: 992px){ .home-section { padding:60px 0px 30px; } .home-section .section-heading, .home-section>.container>h2 { font-size:32px; } #home-intro { font-size:20px; } .homepage h1 { font-size: 36px; } .row.bordered-cols { margin-left:-7px; } #home-znacky .bordered-cols { margin-bottom: 50px; } #home-news { text-align:left; } #home-news-bg { height:460px; } .panel.faq .panel-heading a { padding:20px 45px 22px 30px; font-size:20px; } .panel.faq .panel-heading a:after { right:25px; } #pageHeader>.container { margin-top:-7%; } #detail-modelu .col-model, #detail-motoru .col-model { float:right; } #detail-modelu .motory-box { padding:20px 30px 15px; } #detail-modelu .model { max-width: 340px; margin:0px; float:right; } .detail .model .cena>strong { font-size:25px; } .detail .model .btn { max-width: 100%; } .reference-box table.tabulka-uprav td, .reference-box table.tabulka-uprav th { font-size:12px; } .kontakt-box { padding:25px 30px 10px 30px; min-height: 270px; } } @media (min-width: 1230px){ .home-section { padding:80px 0px 50px; } .home-section .section-heading, .home-section>.container>h2 { font-size:36px; } #home-faq .articles-list { margin:45px auto 45px auto; } #detail-modelu .motory-box { padding:25px 45px 15px; } #motor-sluzby { margin-bottom:60px; } .reference-box table.tabulka-uprav td, .reference-box table.tabulka-uprav th { font-size:13px; } .skupiny-kontaktu ul.row>li:nth-child(n){ clear:none; } .skupiny-kontaktu ul.row>li:nth-child(3n+1){ clear:both; } } @media (min-width: 1660px){ .home-section { padding:110px 0px 90px 0px; } #motor-sluzby { margin-bottom:80px; } } .vard #header { position:relative !important; } .articles-list .article {border-bottom:1px solid #e0e0e0;} .articles-list .article h2 {color:#333; font-size:18px;} .articles-list .article h2 a {text-decoration:underline;} .article-meta {margin-bottom:10px;} .article-meta a {text-decoration: underline;} .pagination { text-align: right; float:right; } .pagination > li > a, .pagination > li > span { padding: 4px 10px; color: #666666; background-color:#fff; border-color:#cecece; font-weight:normal; font-size:1.0em; margin: 0px 5px 0px 0px; border-radius: 0px !important; } .sidebar .advert-item {margin-bottom: 25px;} #adv .adv_title { display: none; } .kontakt-form-basic-box { margin-top:40px; } .win-message, .win-alert-message {margin: 0 auto !important;background: #001133; color: #FFFFFF;font-size: 20px !important;padding: 25px 80px !important;text-align: center !important; } .win-alert-message { background: #ff9900!important; } .white-popup-block .win-message { background: #001133; } .win-buttons {padding-top:25px; padding-bottom:25px; background-color: #eeeeee; border-top: 1px solid #cccccc; margin: 20px 0 0 0;} .win-buttons .btn { border-radius: 2px; border: 1px solid #cccccc; padding: 10px 20px; } .win-buttons .btn-back { background-color: #FFFFFF; color: #000; font-size: 16px; } .win-buttons .btn-back:hover { background-color: #F1F1F1; border-color:#000; } .mfp-close { background: transparent url('/img/zavrit-ico.png') 50% 50% no-repeat !important; height: 34px !important; width: 34px !important; font-size: 0 !important; } .popup-block-content {padding: 15px;} ul.comments { padding-left: 0; } ul.comments li { list-style: none; padding: 0 0 10px 0; } ul.comments li h2{ font-size: 16px; } ul.comments li span.content { font-size: 13px; padding-left:5px; } ul.comments li div.comment{ padding-bottom: 20px; color:#666; font-size: 14px; } ul.comments li span.content-autor .autor{ color: #333333; margin-right: 30px; } ul.comments li div.comment div.comment-by {font-size:14px; padding:3px 5px; background:#f8f8f8;border-top:1px solid #cecece; margin:5px 0px 5px 0px;} ul.comments li div.comment div.comment-by h4{ font-weight:normal; display:inline; padding-right: 100px; } ul.comments li div.comment div.comment-by span {display:block; text-align: right; padding-top:5px;} ul.comments li div.comment p {padding:0px 0px 0px 5px; margin:0px 0px 6px 0px;} ul.comments li div.comment-block .comment-by span{ margin-top: -25px; } ul.comments li div.comment .comment-form {border-top:1px solid #cecece; padding-top:10px;} #formular-area .form-show{ margin-bottom: 10px;} #komentare_kotva img{ margin-top: -5px; } ul.comments li ul.reply{ padding-left: 20px; } #mutace { float: right; } #mutace .en .svg-icon { background:url('/img/lang/en.png') 0px 0px no-repeat transparent; } #mutace .ro .svg-icon { background:url('/img/lang/ro.png') 0px 0px no-repeat transparent; } #mutace .ru .svg-icon { background:url('/img/lang/ru.png') 0px 0px no-repeat transparent; } #mutace .ua .svg-icon { background:url('/img/lang/ua.png') 0px 0px no-repeat transparent; } #mutace .de .svg-icon { background:url('/img/lang/de.png') 0px 0px no-repeat transparent; } #mutace .br .svg-icon { background:url('/img/lang/br.png') 0px 0px no-repeat transparent; } .ico-btn, a.ico-btn { height: 40px; background: transparent; border: none; color: #B6B8C0; font-size: 14px; text-decoration: none; margin-right: 0; display: block; padding-top: 5px; outline: none; } .ico-btn:hover, .ico-btn.active, .ico-btn>.ico { border: none; display: block; text-align: center; } .ico-btn>.ico:hover, .ico-btn>.ico.active, .ico-btn:hover>.ico, .ico-btn.active>.ico { background-position: 50% 100%; } #uzivatel { float: right; text-align: center; } #soc-top { float: right; width: auto; margin-right: 60px; display:none;} #soc-top .fb, #soc-top .tw, #soc-top .gp, #soc-top .yt { display: inline-block; width: 22px; height: 22px; text-indent: -9999px; background: url('/img/soc_01.png') 50% 0 no-repeat transparent; margin: 0 5px; } #soc-top .fb:hover, #soc-top .tw:hover, #soc-top .gp:hover, #soc-top .yt:hover, #soc-top .fb:active, #soc-top .tw:active, #soc-top .gp:active, #soc-top .yt:active { background-position: 0 -22px; } #soc-top .tw { background-image: url('/img/soc_02.png'); } #soc-top .gp { background-image: url('/img/soc_03.png'); } #soc-top .yt { background-image: url('/img/soc_04.png'); } .padding-min { padding-right: 12px; } .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 2px; } #dodatky ul { margin: 0; padding: 0; width: auto; float: left; } #dodatky li { list-style: none; float: left; padding: 0 10px; border-right: #5c5c5c 1px solid; } #dodatky li.posledni { border-right: none; } .uvodka_vice { float: right; font-size: 14px; text-decoration: underline; padding-top: 5px; } object, iframe {max-width: 100%;} @media(max-width:991px){ .menuOpened { background: #181B1F; } .menuOpened.header-affixed { margin-top: 0; } .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } .menuOpened #vyhody { display: none; } .dropdown-menu>li>a { padding: 10px 20px; background-color: #00f; } } #vyhody { padding: 35px 0; font-size: 18px; text-transform: uppercase; } #vyhody .img-block { padding-right: 10px; text-align: right; } #vyhody .text-block { padding-left: 0; } .lg-outer .lg-inner { padding-top: 50px; } .lg-backdrop { z-index: 1045; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { padding-bottom: 155px; } .lg-toolbar #lg-download { display: none; } .white-popup-block .row { margin: 0; } #formularKontakt table { width: 100%; margin: 20px 0; } #formularKontakt table td { padding:3px 0px; } .souhlasy label.souhlas, .souhlasy .gdpr_text { font-weight: normal; display: block; font-size: 14px; position: relative; margin-bottom:10px;} .ajax-waiting:after { content: ''; display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url('/img/loading.gif') 50% 50% no-repeat rgba(60,60,60,0.5); } body.ajax-waiting:after { position:fixed; z-index:6666; } .galleryHeader { text-align: left; } #fotogalerie .galleryHeader { margin-top:15px; margin-bottom:30px; } #videa li, #soubory li { text-align: left; float: left; clear: both; text-decoration: underline; } .show-all { max-width: 100%; margin: 20px 0 30px 0; } #mainMenu .RESPswitchMENU { padding: 25px 15px 15px 15px;} #mainMenu .RESPswitchMENU a { background:#660000; max-width: 280px; } @media(max-width: 767px){ .searchActive { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: fixed; } } .searchActive #hledani #q { display: block; } #sekcePoptat { position:relative; } .poptavka-box { margin-top:30px; } .poptavka-box form label, .poptavka-box form input.form-control, .poptavka-box form textarea { width: 100%; } .poptavka-box form label { font-weight: 500; margin-bottom: 10px; } .poptavka-box form input.form-control { height: 50px; padding-left: 15px; margin-bottom: 30px; } .poptavka-box form textarea { padding: 15px; height: 150px; margin-bottom: 30px; } .poptavka-box form input.form-control, .poptavka-box form textarea { border: 1px solid #D5D5D5; background:#FFF; font-family: Arial, sans-serif; } .poptavka-box .cp-select { margin:0px auto; width: 100%; border:1px solid #D5D5D5; } .poptavka-box .cp-select select { width:100%; line-height:48px; background-position:100% 20px; height:48px; } .poptavka-box form .btn-primary { padding:6px 12px; height: 50px; } .poptavka-box form .souhlasy label { margin-bottom:15px; } .menuOpened #garance{display:none;} #garance{ position:fixed;top:16%;right:0px;z-index:900; background:#FFF; width:40px; height: auto; text-align: center; color:#000; font-size:13px; padding:0px; overflow:hidden; border-radius: 5px 0px 0px 5px; transition:width linear 0.2s; } #garance .header { width:40px; cursor: pointer; background:#FFCC33; padding:10px 5px; height:50px; overflow: hidden; transition: all 0.2s; } #garance .nadpis { display:none; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform:rotate(-90deg); font-size:18px;text-transform: uppercase; width:0px; overflow: hidden; position: absolute; bottom: 90px; left: -80px; font-weight: bold; } #garance:hover { width:270px; } #garance:hover .header { height:250px; padding:16px 5px; } #garance:hover .nadpis { display:block; width:200px; } #garance span { display:block; } #garance .popisek {display:none; } #garance .svg-icon { max-width:24px; height:auto; fill:#000; } #garance .content { position:absolute; top:0px; right: 0px; left:40px; bottom:0px; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; color:#333; font-size:14px; line-height: 1.25; padding:0px; overflow: hidden; text-align:left; } #garance .content p { margin-bottom:0px; } #garance .content .img-title { display: block; font-weight: normal; } #garance .content .content-in { padding:7px 10px 5px 10px; color:#000; } #garance .content .content-in .bigger { text-transform: uppercase; } #garance .content #logo-md { max-width: 180px; } #garance .content #logo-tuv { max-width: 60px; } #garance .content hr { margin:0px 0px 5px 0px; border-color:#D5D5D5; } #garance #garance-md .img-title { margin-bottom:5px; } #garance #garance-tuv .img-title { margin:20px 0px 0px 0px; float:right; } .kontakt-page .gmap { height:280px; } .map-infowindow .map-infowindow-title { font-size: 18px; padding:10px 0px; border-bottom:1px solid #DEDEDE; margin-bottom:10px; } .map-infowindow .map-infowindow-content { font-size: 14px; } .mfp-content .odvolat-form .form-content { padding:15px; } .odvolat-form table td { padding:5px; } @media (min-width:768px){ .show-all-wrap { text-align: left; } #garance .header, #garance:hover .header { height:260px; padding:20px 5px; } #garance .nadpis { display:block; bottom:95px; width:200px; } #garance:hover { width:425px; } #garance .content .content-in { padding:7px 20px 10px 20px; font-size: 16px; width:385px; } #garance .content #logo-md, #garance .content #logo-tuv { max-width: 100%; } #garance #garance-tuv { max-width:290px; } #garance #garance-md .img-title { margin-bottom:12px; } #garance #garance-tuv .img-title { margin-top:23px; } #garance #garance-pojisteni { margin-top:10px; } .kontakt-page .gmap { height:350px; } .poptavka-box form .btn-primary { min-width: 0px; max-width: 100%; } } @media (min-width:1230px){ #garance { top:20%; } .kontakt-page .gmap { height:435px; } } @media (min-width: 1660px){ #garance { top:25%; } } #fancybox-content { position: relative; } #fancybox-content .more { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } #fancybox-loading div { background-image: none !important; } .cena.discount { display: none; } .mini-btn { background: #cc0000; color: #ffffff; font-size: 12px; margin-left: 10px; } .mini-btn:hover, .mini-btn:focus { background: #990000; color: #ffffff; } article>article { padding-top: 40px; padding-bottom: 0; } body.priceWithVAT .detail .model .cena + .cena { margin-top: 5px; } body.priceWithVAT .detail .model .cena>strong { margin-bottom: 0; } body.priceWithVAT .gear_box { margin-top: 5px; margin-bottom: 5px; } .price-label { margin-top: 5px; margin-bottom: 5px; font-size: 20px; color: #CC0000; } .kontakt-page .full_width_map { margin-bottom: 40px; height: 365px; width:100%; display:inline-block; overflow:hidden; } .kontakt-page .full_width_map iframe { position: relative; top: -70px; width: 100% !important; height: 435px; } .kontakt-page #main_block.no-top-padding { padding-top: 0; } .btn.btn-green { background: #198754; } .detail .model .btn.btn-green:hover, .btn.btn-green:hover, .detail .model .btn.btn-green:focus, .btn.btn-green:focus, .detail .model .btn.btn-green:active, .btn.btn-green:active { background: #195d41; color: #ffffff; } .ico-btn { display: inline-flex !important; align-items: center; justify-content: center; vertical-align: middle; line-height: 1; padding-top: 0; } #flagBlock { list-style-image: none; padding: 0 0 15px 0; margin: 0; } #flagBlock li { display: inline-block; padding: 10px; } #flagBlock li img { width: 24px; height: 16px; }