html { scroll-behavior: smooth; } body { background: #FFFFFF; color:#333; font-size: 16px; font-family: 'Montserrat', sans-serif; } .small_text { font-size: 12px; } .bile-pozadi { background-color: #FFFFFF; } .sede-pozadi { background-color: #F3F3F3; } .box-stin { -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); } .box-jemny-stin { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); } .img-responsive {margin:0px auto;} .img-thumbnail {margin-bottom: 15px; border-radius: 0px;} .push-bottom {margin-bottom:15px;} .btn {border-radius:0px;} .caret { border-top-style:solid; } .vertical-align { position: absolute; top: 50%; transform: translateY(-50%); } a {color:#000000; text-decoration: underline; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color: #000000; font-weight:400; } h1,.h1 {margin-top:0px; font-size:40px;} h2,.h2 {font-size:36px;} h3,.h3 {font-size:28px;} h4,.h4,h5,.h5,h6,.h6 {font-size:24px;} .h2_extra { padding:10px 15px; margin:30px auto 25px auto; text-align: center; border-bottom: 2px solid #CC0000; width:30%; color: #333333; font-size: 24px; text-transform: uppercase; } .h2_extra a { color: #333333; } .h2_extra a:hover, .h2_extra a:focus { color: #CC0000; text-decoration: none; } a:hover, a:focus, a:active {color:#CC0000;} a.btn { text-decoration: none; font-weight: 600; } img {max-width: 100%; height:auto;} strong, b, label { font-weight: 700; } select, select>option { font-weight:300; } .zahodit {display:none !important;} .hideOnDesktop { display: none !important; } .align-center { text-align: center; } .page-content ul {list-style: url('/img/li.png'); padding-left:20px; } .page-content ul li {margin-bottom:4px;} .page-content ul.list-unstyled {list-style:none inside none; padding-left:0px;} body .table-responsive { border:none; } .table-responsive.jspScrollable { border:1px solid #003366; } .page-content .table-responsive { overflow: auto; border: none; max-width: 100%; } .page-content table { width: 100%; border: 1px solid #d5d5d5; margin-bottom: 20px; } .page-content table th, .page-content table td { border: 1px solid #d5d5d5; text-align: left; vertical-align: middle; padding: 10px 25px; font-size:14px; } .page-content table th { font-weight: 500; } .page-content table tr:nth-child(odd) th, .page-content table tr:nth-child(odd) td { background:#F3F3F3; } .btn-primary, .pagination > .active > a { border-color: #000000 !important; color: #FFFFFF; text-shadow: none; background-color: #000000; text-transform: uppercase; font-weight: 600; border-radius: 0px; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { border-color: #ea1b0a !important; background-color: #ea1b0a; color: #ffffff; } .btn.btn-primary { padding: 12px 20px; line-height: 24px; } .btn.btn-red { border-radius: 4px; text-transform: uppercase; background-color: #ea1b0a; color: #ffffff; padding: 12px 20px; line-height: 24px; } .btn.btn-red:hover, .btn.btn-red:focus { background-color: #000000; } .btn.btn-black { border-radius: 4px; text-transform: uppercase; background-color: #000000; color: #ffffff; padding: 12px 20px; line-height: 24px; } .btn.btn-black:hover, .btn.btn-black:focus { background-color: #ea1b0a; } .btn.btn-transparent { border-radius: 4px; text-transform: uppercase; background-color: transparent; color: #000000; border: 1px solid #000000; padding: 10px 20px; line-height: 24px; } .btn.btn-transparent:hover, .btn.btn-transparent:focus { background-color: #000000; color: #ffffff; } .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .pagination > .active > a:active, .pagination > li > a:focus { border-color: #000000 !important; background-color: #000000; color: #ffffff; } .btn-back { color: #fff; background-color: #333; border-color: #333;} .btn-back:hover,.btn-back:focus,.btn-back.focus,.btn-back:active,.btn-back.active{color:#fff; background-color:#666; border-color:#666;} #q ~ .input-group-btn .btn { height: 50px; } .form-control {border-radius: 0px; border:1px solid #d5d5d5;} .form-control:focus {border-color:#333;} .control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: 300;} #header { position: fixed; top:0px; left:0px; right:0px; z-index: 999; border-bottom:1px solid #7C98B3; -webkit-box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.25); } #header a { text-decoration: none; } body { padding-top:50px; } #header-main { padding-top:1px; height:50px; } #header-main .container { position: relative; text-align: center; } #header-stin { background-color: #181B1F; position: relative; text-align: center; } #logo {text-align:center; margin: 10px auto 0px auto; float:left; height: 40px; text-align: left; } #logo h1 { display:inline; margin:0px; padding:0px; font-size: initial; } #logo img {max-width:100%; max-height: 100%; width: auto; height:auto; margin:0px auto; } @media(max-width: 439px){ #logo img { max-height: 20px; } } @media(max-width: 349px){ #logo img { max-height: 10px; } } #top-line { display:none; background-color: #E1EFFC; padding: 6px 0; font-size: 12px; line-height: 18px; } #topMenu { display: none; } #top-tel { display:none; } #loga-hlavicka { display:none; } #searchFormTop { float:right; margin-top:5px; margin-right: 15px;} #kosik-blok { float: right; margin-top:4px; margin-right:10px; } #kosik { width: 40px; background:url('/img/ikona_kosik.png') 50% 0px no-repeat transparent; position: relative; overflow: visible; } #kosik>a { display: block; padding-top:30px; padding-right:3px; line-height: 15px; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: 500; } #kosik .kosik_ks { display:block; position:absolute; width:20px; height:20px; background:#CC0000; top:0px; right:4px; border-radius: 20px; line-height: 20px; text-align: center; color:#FFFFFF; font-size:12px; } .searchActive #kosik-blok { display: none; } .searchForm { position: relative; } .searchForm input[type="text"] { display:none; border:0px none; border-bottom:1px solid transparent; padding:10px 40px 9px 10px; line-height:20px; vertical-align: middle; height:40px; width:100%; } .searchForm .btn { height: 40px; width: 40px; background: url('/img/hledat.svg') 50% 50% no-repeat transparent; border: 1px solid #a8a8a8; box-shadow: none !important; border-radius: 50%; } .searchForm .btn:hover, .searchForm .btn:focus { border-color: #000000; outline: none; } .searchForm .btn.active { border: none; } .searchActive #searchFormTop { position:absolute; top:0px; left:15px; right:55px; bottom:0px; z-index: 1; } .searchActive #logo { display:none; } .searchActive .searchForm input[type="text"] { display:inline-block; background:#FFFFFF; border-bottom:1px solid #00314A; } .searchActive .searchForm .btn { position:absolute; top:0px; right:0px; } .prekryv { display: none;} .searchActive .prekryv { display:block; background-color: rgba(40, 40, 40, 0.50); width: 100%; height: 100%; top:0px; left:0px; z-index: 998; position: fixed; } .navbar-toggle {background:#000000; color:#FFFFFF; margin: 4px 0px 0px 0px; margin-top:5px; border-radius: 0px; height:40px; width:40px; } .navbar { min-height: 0px; border:0px none; margin:0px auto; border-radius: 0px; } #mainMenu { background:#ffffff; } #chat-application+#header #mainMenu .navbar-collapse.collapse.in { padding-bottom:45px; } #mainMenu>.container { width:100%; } #mainMenu a {line-height: 20px; color:#333333; text-transform: uppercase; border:0px none; outline: 0px none; border-bottom: 1px solid #000000; padding:10px 15px; text-decoration: none; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active>a { background: #ffffff; color: #ee0000; } #mainMenu li:not(.active).green a { color: #549b00; } #mainMenu li:not(.active).green:hover a, #mainMenu li:not(.active).green:focus a { color: #ee0000; } #mainMenu .dropdown-menu>li>a { font-weight: 300; } .dropdown-menu { width:100%; float:none; padding:5px 15px 5px 15px; margin:0px; box-shadow: none; position: relative; background:#ffffff; border-radius: 0px; border:0px none; } .dropdown-toggle { position: relative; } .dropdown-trigger { width:50px; position: absolute; top:0px; right: 0px; bottom:0px; text-align: center; padding-top:10px; } .dropdown.opened>.dropdown-menu { display:block; border-bottom:1px solid #000000; } #mainMenu ul li:last-child a { border-bottom: 0px none; } #mainMenu .dropdown .dropdown-menu a:hover { background:#f4f4f4; } #mainMenu .dropdown-menu .dropdown-menu a { text-transform: none; } #mainMenu .dropdown-menu .dropdown-trigger { text-align: right; padding-right:5px; } @media (min-width: 992px) { #mainMenu { background:#f4f4f4; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active>a { background: #f4f4f4; color: #ee0000; } #mainMenu .dropdown .dropdown-menu a:hover { background:#ffffff; } } a i.glyphicon {padding-right:5px;} #col-left { padding-left: 0px; display: none; } .scrollup, #scrolldown { width: 50px; height: 50px; line-height: 50px; font-size:20px; position: fixed; bottom: 25px; right: 25px; display: block; text-align:center; background-color: #F3F3F3; border: #000000 1px solid; color:#000000; z-index:10; opacity: 0.50; filter: alpha(opacity=50); } .scrollup { display:none; } .scrollup:hover, .scrollup:focus, .scrollup:active, #scrolldown:hover, #scrolldown:focus, #scrolldown:active { background-color:#ea1b0a; border-color:#ea1b0a; color:#FFFFFF; } .scrollup i.glyphicon, #scrolldown i.glyphicon {padding:0px;} .menuOpened { position:relative; padding:0px; height: 100%; background: #000000; } .menuOpened #header { position:relative; } .menuOpened #main_obal { display: none; } .menuOpened #footer, .menuOpened #blok-kontakt { display: none; } body.menuOpened .navbar-collapse.collapse.in { width: 100%; margin: 0 auto; } .anim-cena {display:none;} #animace { width:100%; position: relative; background:#000000; font-family: 'Montserrat', sans-serif; font-weight:200; } #animace .carousel-caption { display: block; position: absolute; left: 0; right: 0; top: auto; bottom: 0px; font-size:20px; text-shadow:none; color:#FFFFFF; text-align: center; padding:10px 15px; } #animace .carousel-caption p { margin-bottom:5px; } #animace .controls-container { display:none; padding:0px; } #animace .controls-container>.container { padding:0px; text-align: center; } #animace .controls-container>.container>a { text-decoration: none; color:#FFFFFF; text-transform: uppercase; font-size:16px; } #animace .controls-container>.container>a:hover { color:#CC0000; } .e-shop #animace { margin-bottom: 30px; } #hpAnimMenu { background:#FFFFFF; } #hpAnimMenu ul { padding:0px; border-right: 1px solid #d5d5d5; margin:0px auto; } #hpAnimMenu ul li { float:left; width:50%; text-transform: uppercase; } #hpAnimMenu ul li a { display:block; font-size:18px; line-height: 22px; color:#003366; text-align: center; height:85px; text-decoration: none; border-left:1px solid #d5d5d5; padding:15px 12px 0px 12px; position: relative; overflow: hidden; } #hpAnimMenu ul li a:after { display:block; content:' '; width:100%; height:10px; position:absolute; left:0px; bottom:10px; background:url('/img/sipka.png') 50% 0px no-repeat transparent; } #hpAnimMenu ul li a:hover { background-color:#006699; color:#FFFFFF; } #hpAnimMenu ul li a:hover:after { background-position: 50% 100%; } #hpAnimMenu ul li:nth-child(1), #hpAnimMenu ul li:nth-child(2) { border-bottom:1px solid #d5d5d5; } .hp-blok { padding:40px 0px; } .hp-blok article h2:first-child { margin-top:0px; } #home-intro article { font-size: 20px; color:#003366; margin-bottom:45px; } .hp-hlavni-box { font-size:18px; background:#FFFFFF; max-width: 370px; margin:0px auto 30px auto; } .hp-hlavni-box h2 { padding:0px 12px; color:#003366; font-size: 28px; text-transform: uppercase; } .hp-hlavni-box p { margin-bottom:0px; padding:0px 15px; } .hp-hlavni-box .hp-hlavni-box-footer { padding:15px 12px 25px 12px; margin-top:15px; } .hp-hlavni-box .btn { padding:12px 20px; } #home-prodej article { margin-bottom: 45px; } #home-prodej article h2 { text-transform: uppercase; margin-bottom:35px; } .auto-hp { width: 100%; margin: 0px auto 30px auto; text-decoration: none; display:block; position: relative;} .auto-hp:hover { text-decoration: none; } .auto-hp span { display: block; } .auto-hp-info { background:#ffffff; padding:20px 30px 25px 30px; text-align: left; } .auto-hp-info .title { color:#333333; font-size:22px; display:block; font-weight:600; line-height: 28px; height:auto; overflow: visible; margin-bottom:20px; } .auto-hp-params { color:#555555; font-size:14px; line-height: 18px; } .auto-hp-cena { color:#333333; font-weight: 400; font-size:15px; margin-top:5px; } .auto-hp-cena strong { color:#000000; font-size:30px; font-weight: 600; line-height: 32px; display: block; height: 32px; margin-bottom:2px; } .auto-hp-cena .sleva { display: block; margin-top:5px; } .nabidka-link { padding-top:30px; } .nabidka-link .btn-primary, #home-aktuality .dalsi .btn { display: block; width:100%; max-width: 290px; margin:0px auto; padding:19px 4px; font-size: 16px; line-height: 20px; } .auto-hp .hover { display:none; font-size:22px; color:#FFFFFF; position: absolute; left:0px; width: 100%; top:50%; height:80px; margin-top:-40px; text-align: center; } .auto-hp .hover .glyphicon { display:block; font-size:36px; margin-bottom:12px; } .auto-hp:hover .hover { display:block; } .auto-hp, .auto-hp *, .auto-hp.box-jemny-stin img { transition: all ease-in-out 0.5s; } .auto-hp.box-jemny-stin:hover, .auto-hp.box-jemny-stin:focus, .auto-hp.box-jemny-stin:active { text-decoration: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); } .auto-hp.box-jemny-stin .image-block { overflow: hidden; position: relative; } .auto-hp.box-jemny-stin:hover img { transform: scale(1.10); } .auto-hp:hover:before { display:block; content:""; position:absolute; top:0px; left:0px; z-index: 1; width:100%; height:100%; border: 1px solid #e91b0a; } @media(min-width: 768px){ .auto-hp-info .title { height: 56px; } } #home-aktuality>h2, #home-prohlidky>h2 { font-size:36px; text-transform: uppercase; margin-top: 0; margin-bottom:45px; } #home-aktuality>h2, #home-aktuality .dalsi { text-align: center; } #home-aktuality .dalsi a { font-size:16px; } #home-proc-k-nam { background:url('/img/bg-proc-k-nam.jpg') 50% 50% no-repeat #E1EFFC; color:#00314a; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #home-proc-k-nam h2 { color:#003366; font-size:33px; margin-bottom:30px; text-transform: uppercase; } #home-proc-k-nam .row { padding: 0 5px; } .col-proc { margin-bottom:15px; padding: 0 10px; } .col-proc .bg-block { background: rgba(255,255,255,0.8); display: table-cell; width:800px; } @media (min-width: 992px) { .col-proc .bg-block { height: 320px; } } @media (min-width: 1220px) { .col-proc .bg-block { height: 280px; } } .col-proc .proc-cislo { display:block; width:110px; height: 90px; text-align: center; font-size:60px; font-weight: 500; line-height: 60px; padding:29px 0px; float:left; margin:0px 10px 5px 0px; color: #a6b9cb; } @media (max-width: 991px) { .col-proc .proc-cislo { padding: 10px 0; height: auto; } } .col-proc p { text-align:left; padding:20px 11px 0px 11px; margin:0px; font-size:16px; } .blokKontakt .kontakt-hlavicka { background:#000000; color:#FFFFFF; font-size:24px; text-align: center; padding:15px 15px 20px 15px; } .blokKontakt .kontakt-hlavicka h2 { color:#FFFFFF; font-size:38px; margin:0px 0px 15px 0px;} .blokKontakt .kontakt-vrsek { padding:30px 15px 0px 15px; font-size:16px; text-align: center; } .blokKontakt .kontakt-vrsek .title { text-transform: uppercase; display: block; font-size:22px; color:#000000; margin-bottom:15px; } .blokKontakt .kontakt-vrsek .col-xs-12 { border-bottom:1px solid #f4f4f4; padding-bottom:15px; margin-bottom: 25px;} .blokKontakt .kontakt-spodek { padding:0px 15px 0px 15px; font-size:15px; text-align: left; } .blokKontakt .kontakt-spodek a { color: #333333; text-decoration: none; } .blokKontakt .kontakt-spodek .title { display: block; font-size:17px; color:#000000; margin-bottom:15px; font-weight: 400; } .blokKontakt .kontakt-spodek .col-xs-12 { padding-bottom: 25px; } .blokKontakt .kontakt-spodek .kontakt-col-inner { border-bottom:1px solid #f4f4f4; padding-bottom:15px; } .blokKontakt a.btn-primary { border:1px solid #d5d5d5 !important; font-size:17px; display: block; width: 100%;max-width: 290px; margin: 0px auto; padding: 15px 4px; line-height: 20px; height: 50px; } .blokKontakt a.btn-primary:hover { background:#ea1b0a; color:#FFFFFF; } .blokKontakt .kontakt-pata { padding:25px 15px 30px 15px; } #main-content { padding-bottom:30px; min-height: 250px; } @media(min-width:460px){ #top-tel { display:block; float:left; margin:3px 0px 0px 5px; border-left:1px solid #7C98B3; color:#003366; padding:2px 10px; font-size:14px; } } @media(min-width: 768px){ .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 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; } #header-main { height:60px; } body { padding-top:60px; } .navbar-toggle { margin-top:10px; } #logo { height:50px; margin-top: 15px; width:auto; } #top-tel { margin-top:9px; padding:3px 5px 3px 10px; } #loga-hlavicka { display: block; float: right; margin-top: 8px; } #loga-hlavicka img { float: left; margin-left: 15px; max-height: 45px; } #searchFormTop { margin-top:10px;} #kosik-blok { margin-top:9px; margin-right:15px; } .searchActive #searchFormTop { left:350px; right:110px; } .searchActive #logo, .searchActive #kosik-blok { display:block; } #animace .controls-container { display:block; position: absolute; bottom:0px; left:50%; } #animace .controls-container>.container { margin-left:-50%; position:relative; } #animace .carousel-indicators { bottom:2px; margin:0px; width:40%; text-align:left; left:15px; right:auto;} #animace .carousel-indicators li { border:0px none; display:block; width:15px; height:15px; float:left; border-radius: 0px; background-color:rgba(255,255,255,0.3); margin:0px 10px 10px 0px; } #animace .carousel-indicators .active {background-color:transparent; border:1px solid #FFFFFF; } #animace .carousel-controls { position:absolute; right:15px; bottom:10px; } #animace .carousel-controls .carousel-control { width:40px; height:40px; color:#FFFFFF; background:rgba(255,255,255,0.3); display: block; position: relative; float:left; text-shadow:none; padding-top:8px; opacity: 1; } #animace .carousel-controls .carousel-control.right { margin-left:10px; } #animace .carousel-controls .carousel-control:hover, #animace .carousel-indicators li:hover { background:#FFFFFF; color:#ea1b0a; } #animace .carousel-caption { bottom:50px; font-size:30px; } .e-shop #animace .controls-container { left:0px;right:0px; width:auto; } .e-shop #animace .carousel-controls { display:none; } .e-shop #animace .controls-container>.container { margin:0px; width: 100%; } .e-shop #animace .carousel-indicators {width:100%; left:0px; padding:0px 20px; text-align: right; } .e-shop #animace .carousel-indicators li { display: inline-block; float:none;margin:0px 0px 6px 4px; width:12px; height:12px; } #hpAnimMenu ul li { width:25%; border-bottom:0px none !important; } #hpAnimMenu ul li a { font-size:16px; height:70px; } .hp-blok { padding:50px 0px; } #home-intro article { font-size:24px; } .hp-hlavni-box h2 { font-size:18px; height:30px; overflow: hidden; } .hp-hlavni-box p { height: 150px; overflow: hidden; } .auto-hp-params { height:70px; overflow: visible; } .auto-hp-cena { height:115px; overflow: visible; } #t-kontakt {width:180px; margin-left:20px; display:block;} .blokKontakt .kontakt-vrsek, .blokKontakt .kontakt-spodek { padding:0 10px 0px 10px; } .blokKontakt .kontakt-vrsek { border-bottom:5px solid #f4f4f4; } .blokKontakt .kontakt-vrsek .col-xs-12 { border-bottom:0px none; } .blokKontakt .kontakt-spodek .kontakt-col-inner { min-height:225px; padding-left: 20px; border-bottom:0px none; } .blokKontakt .kontakt-spodek .title { min-height: 48px; } } @media (min-width: 992px){ #header-main { padding: 0; } .navbar-header { display:inline; } .navbar-toggle { display: none; } .navbar-collapse.collapse{ overflow: visible !important; height: auto !important; display: block !important;} .dropdown:hover .dropdown-menu, .dropdown.opened .dropdown-menu { width:auto; display:block; min-width:100%; position: absolute; left:0px; float: left; margin:-1px 0px 0px 0px; border-bottom:0px none; border-top:1px solid transparent; } .navbar-nav { float: none; margin:0px; } .dropdown-trigger { width:50px; position: relative; top:auto; right: auto; bottom:auto; text-align: center; padding-top:10px; } #header, #header.affix { position: relative; border-bottom:0px none; } body, body.menuOpened { padding-top:0px; background: #FFFFFF; } .menuOpened #main_obal, .menuOpened #footer, .menuOpened #blok-kontakt { display: block; } #top-line { display:block; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; font-size: 0px; height:auto !important; width: auto !important; padding:0px 0px 0px 0px !important; } #mainMenu { height: 60px; clear:both; } #mainMenu .container { padding:0px; } #mainMenu .navbar-nav { float:none; text-align: center; } #mainMenu .navbar-nav>li { float:none; display:inline-block; } #mainMenu .navbar-nav>li.top-menu-item { display: none; } #mainMenu a { display: inline-block; border-bottom:2px solid transparent; height: 60px; line-height: 30px; font-weight: 300; font-size:14px; vertical-align: middle; padding:15px 11px 13px 11px; } #mainMenu a.dropdown-toggle { padding-right: 16px; } #mainMenu .dropdown-menu>li>a { text-transform: none;} #mainMenu .dropdown:hover>a, #mainMenu .dropdown.opened>a { border-bottom-color:transparent; background:#f4f4f4; } #mainMenu .dropdown .dropdown-menu a { padding:10px 20px; height:auto; line-height: 20px; font-size:14px; border-bottom:1px solid #d5d5d5; width: 100%; } #mainMenu .dropdown .dropdown-menu .dropdown-menu a { padding: 3px 10px 3px 20px; background: #ffffff; } #mainMenu .dropdown .dropdown-menu .dropdown-menu a:hover { background: #ffffff; color: #ee0000; } .nav a.home .glyphicon { display:inline-block; } #mainMenu .dropdown-menu .dropdown-menu { display:none; } #mainMenu .dropdown.opened .dropdown-menu { display: block !important; position: inherit; background: #ffffff; } #topMenu { display: inline-block; margin-top:14px; } #topMenu .navbar-nav { display: inline-block; } #topMenu li { float:none; display: inline-block; } #topMenu a { padding:5px 8px; font-size:14px; font-weight: 500; color:#333333; background:transparent; } #topMenu a:hover, #topMenu .active>a { color:#ee0000; } #kosik-blok { margin-right: 0px; } #searchFormTop { margin-right: 0px; } .e-shop #searchFormTop, .kosik-plny #searchFormTop { margin-right: 15px; } .searchActive #searchFormTop, .searchActive.kosik-plny #searchFormTop { right:55px; } #loga-hlavicka { margin-top: 8px; } #loga-hlavicka img { margin-left:15px; max-height: 45px; } .searchActive .prekryv { display:none; position:static; } #col-left { display: block; } #animace .carousel-caption { bottom:70px; font-size:45px; padding:10px 100px; } #home-intro article { font-size:20px; } #hpAnimMenu ul li a { font-size:20px; height: 100px; padding-top:30px; } #hpAnimMenu ul li a:after { bottom:25px; } .hp-blok { padding:60px 0px; } .hp-hlavni-box h2 { font-size:25px; } .hp-hlavni-box p { height: 120px; } #home-prohlidky>h2 { text-align: left; } #home-proc-k-nam h2 { margin-bottom:60px; } .col-proc { width:20%; } .col-proc .proc-cislo { float:none; width:100%; } .col-proc p { text-align:center; } .blokKontakt .kontakt-vrsek .title { font-size:32px; padding-top: 25px; } .blokKontakt .kontakt-spodek .col-xs-12.servis { border-right:5px solid #f4f4f4; border-left:5px solid #f4f4f4; min-height:270px; } .blokKontakt .kontakt-spodek .col-xs-12:last-child { border-right: 0px none; } .blokKontakt .kontakt-pata { margin: -5px 0 0 0; border-top:5px solid #f4f4f4; } #mainMenu .dropdown-menu .dropdown-trigger { padding: 0 10px 0 5px; } .dropdown-menu .caret { border-width: 6px; } } @media (min-width: 1220px){ #header-main { height: 80px; } #logo { height: auto; margin-top: 28px; } #top-tel { font-size:16px; margin-top:19px;} #loga-hlavicka { margin-top: 20px; margin-left: 15px; } #loga-hlavicka img { margin-left: 20px; } #mainMenu a { font-size:16px; padding-left:18px; padding-right: 18px; } #mainMenu a.dropdown-toggle { padding-right: 26px; } #mainMenu .dropdown .dropdown-menu a { font-size:16px; } #topMenu { margin-top: 30px; } #topMenu a { font-size:14px; padding:5px 12px; } #searchFormTop { margin-top: 23px; } .searchActive #searchFormTop { left:500px; } #kosik-blok { margin-top:22px; } #animace .carousel-caption { bottom:90px; font-size:52px; padding:10px 100px; } #hpAnimMenu ul li a { font-size:24px; height: 140px; padding-top:45px; } #hpAnimMenu ul li a:after { bottom:40px; } .hp-blok { padding:80px 0px; } .hp-hlavni-box h2 { font-size:28px; } .hp-hlavni-box p { height: 80px; } .blokKontakt .kontakt-spodek .title { font-size:28px; min-height: 56px; padding-top: 25px; } } @media (min-width: 1460px) { .container { width: 1440px; } #topMenu a { font-size:14px; padding:5px 20px; } #mainMenu a { font-size: 18px; font-weight: 500; padding-left:26px; padding-right: 26px; } } #top-section { height: auto; color:#000000; position:relative; overflow: hidden; } #top-section>.container { position:relative; z-index:1; } #top-section h1 { color:#000000; padding-top:15px; text-transform: uppercase; font-size: 40px; } #top-section .top-section-bg { position:absolute; top:50%; left:50%; margin-left:-960px; margin-top:-120px; max-width:none; z-index:0; } #drobecky { font-size:13px; color: #767676; } .blue-bread #drobecky, .nabidka-detail #drobecky, .nabidka #drobecky { background: transparent; } #drobecky a { color:#767676; text-decoration: none; } #drobecky a:hover { color:#CC0000; } #drobecky .breadcrumb>.active { color:#000000; text-decoration: none; } #drobecky .breadcrumb { background:transparent; margin-bottom:0px; padding:16px 0px; overflow: hidden; } #drobecky .breadcrumb>li+li:before { content:'-'; color:#003366; } #main_block { padding-top:30px;} @media (min-width: 992px) { #main_block { padding-top:60px;} } @media (min-width: 1220px) { #main_block { padding-top:80px;} } .homepage #main_block { text-align:center; padding-top:0px; } .nabidka #main_block, .nabidka-detail #main_block { background:#ffffff; } .page-content {margin-bottom:5px; font-size:16px; } .page-content p { text-align: justify; } .gallery { margin-bottom:45px; } .gallery .h3 { margin-bottom:20px; } .gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 25px; } .gallery-video .img-thumbnail { padding:2px; background:#000000; color:#FFFFFF; position: relative; display:block; max-width: 320px; } .gallery-video .img-thumbnail:hover { color:#CC0000; } .gallery-video .video-title { display:block; padding:5px 10px; line-height: 20px; font-size:16px; } .gallery-video .col-gallery-header, .gallery-fotky .col-gallery-header { border-bottom: 1px solid #d5d5d5; padding-left: 0; margin-bottom: 30px; } .gallery-video .col-gallery-header h3, .gallery-fotky .col-gallery-header h3 { border-bottom: 2px solid #ee0000; display: inline-block; padding: 15px 30px; margin-bottom: -1px; } #soubory { padding: 10px; margin-bottom: 45px; border: 1px solid #d5d5d5; text-align: left; } @media (min-width: 768px) { #soubory { padding: 15px 25px; } } #soubory .gallery { margin-bottom: 0; } #soubory .galleryHeader { font-size: 28px; color: #000000; } #soubory .box { margin-bottom: 20px; background-color: #fff;min-height: 66px; } #soubory .box a { text-decoration: none; text-align: left;display: table-row; min-height: 66px; align-items: center;font-size: 16px;} #soubory .box a .title { text-decoration: underline; display: table-cell; vertical-align: middle; line-height: 32px; height: 66px; } #soubory .box a .icon-block { line-height: 66px; height: 66px; vertical-align: middle; display: table-cell; } #soubory .box a:hover .title { color: #cc0000; } #soubory .box a img { max-height: 48px; min-width: 40px; transition: max-height .2s; margin-right: 15px; margin-bottom: 0; overflow: hidden; } #soubory .box a:hover img { max-height: 64px; } @media(min-width: 460px) and (max-width: 1229px){ #soubory .box a .title { font-size: 12px; } } .foto-vice {display:none;} .foto-vice .btn{ width:100%; } .foto-vice .btn:hover { background:#006699; color:#FFFFFF; } .foto-skryte {display:none;} .foto-skryte+.foto-vice {display:block;clear:both;} #cssmenu ul li.has-sub > a { padding-right:40px; } #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: 50px; } .sidebar a:hover, .sidebar a:focus { text-decoration: none; } .subnav-toggle { padding:0px 5px; color: #cc0000; } .subnav {display:none; clear:both;} .opened > .subnav { display:block; } .sidebar-title {font-size:15px; display:block; padding:10px 10px 10px 10px; background-color: #cc0000;} .sidebar-title.mail {text-align: center; padding-right: 20px;} @media screen and (min-width: 768px){ #top-section h1 { font-size:36px; padding-top:15px; } #menu-kategorie.collapse { display: block !important; visibility: visible !important; height: auto !important; overflow: visible !important; } #menu-kategorie {position:relative; top:auto;left:auto;} body {overflow:auto !important;} .leve-menu .modre {margin-bottom:10px; padding:0px;} .leve-menu .sidebar-title { display:block; background:#cc0000; color:#fff;} .col-sm-5ks { width:20%; } .gallery-video .img-thumbnail { padding-bottom:50px; margin:0px auto 25px auto; } .gallery-video .video-title { min-height: 50px; position: absolute; bottom:0px; left:0px; right:0px; top:auto; background:rgba(0,0,0,0.5); } } @media screen and (min-width: 992px) { #top-section h1, #top-section .h1 { font-size:40px; padding-top:25px; } .sidebar-title {font-size:15px; padding:10px 10px 10px 20px;} .leve-menu li>a { font-size:14px; padding:8px 10px 8px 20px; background-position:20px 50%; } .leve-menu .subnav a {font-size:13px; padding-left:40px;} .leve-menu .subnav-toggle {top:10px;} .leve-menu .subnav.sublevel-3 a {font-size:13px; padding-left:55px; background-position:40px 50%;} .leve-menu .subnav.sublevel-4 a {padding-left:65px;} .col-md-5ks { width:20%; } } @media screen and (min-width: 1220px){ #top-section h1, #top-section .h1 { padding-top:32px; } .leve-menu li>a {font-size:16px; padding-top:10px; padding-bottom:10px;} .leve-menu .subnav a {font-size:14px;} .leve-menu .subnav.sublevel-3 a {font-size:13px;} .col-lg-5ks { width:20%; } } #footer .title {text-transform: uppercase; font-size:18px; } .footer-col { border-left: solid 1px #323740; } .footer-col:first-of-type { border-left: none; } #footer .left-border { border-left: solid 1px #323740; } .footer-col p{line-height:1.6em;} #footer .newsletter-col p {line-height:1.2em; font-size: 13px;} #footer .newsletter-col {border-right: 0px none;} #form_newsletter {color:#000; } #form_newsletter .form-control {border:1px solid #ffffff; background-color:#ffffff; height:40px; } #form_newsletter .btn {background-color:#ffffff; font-size:16px; height:40px} #form_newsletter .btn:hover, #form_newsletter .btn:focus {background-color:#cc0000; color:#fff;} #footer .social-icons { text-align: center; background:#0575ae; color:#FFFFFF; padding:20px 0px 20px 0px; line-height: 50px; vertical-align: middle; } #footer .social-icons ul { display:inline;} #footer .social-icons li { display:inline-block; height:32px; padding:0px 10px 0px 0px;} .social-icons img {padding:0px; margin:0px; border:0px;} .social-icons a { display:inline-block; } #footer .zpet-nahoru { height: 32px; margin-top:15px; } #footer .zpet-nahoru a { color:#FFFFFF; text-transform: uppercase; text-decoration: none; display: inline-block; background:url('/img/sipka-nahoru.png') 100% 50% no-repeat transparent; padding-right:12px; } #footer .zpet-nahoru a:hover { color:#CC0000; } #bottom_mapa { height: 300px; } #footer-bottom { background-color:#000000; color:#FFFFFF; text-align:center; font-size: 14px; } #footer-bottom a { color:#ffffff; text-decoration:none; } #footer-bottom a:hover { color:#F3F3F3; text-decoration: underline; } #footer-bottom p {margin:0px; padding: 20px 0px; line-height: 21px; vertical-align: bottom; overflow: hidden;} .footer-copyright-cp { } .footer-copyright-cp a { display:inline-block; height:24px; padding:0px; } .footer-copyright-cp a#logo-cp {width:124px; height: 24px;} .footer-copyright-cp a#logo-cpedit { width:46px; height: 14px;} .footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #ffffff; padding: 0 5px; transition: all ease-in-out 0.5s; } .footer-copyright-cp a:hover .svg-icon { fill: #F3F3F3; transform: scale(1.1); } ul.nav-footer {margin:0px; padding:0px 0px 0px 6px;} ul.nav-footer li {list-style: inside url('/img/li-footer.png'); margin-bottom:0.4em; line-height: 1.7;} ul.nav-footer li a:hover {text-decoration: none;} @media (min-width: 992px){ #footer-bottom { text-align:left; } #footer-bottom .footer-copyright-cp { text-align: right;} } @media screen and (max-width: 991px){ #footer .footer-col {margin-bottom:25px;} #footer .footer-col:nth-child(2) {border-right: 0px none;} } .nabidka_title { text-transform: uppercase; text-align: center; margin-top: 30px; margin-bottom: 15px; font-size: 28px; } #nabidka-aut-holder h4 { text-align: center; margin-bottom: 30px; } .box-filtr { background-color: #f4f4f4; margin-bottom:20px; padding: 10px 10px 0px 10px; color:#000000; } .box-filtr a {color:#000000; text-decoration: underline; font-size:14px;} .box-filtr label {font-weight: 500; padding-right: 10px; color: #333333; margin: 1px 0px 7px 0px; } .box-filtr label .pocet { font-weight: 300; } .box-filtr p {line-height: 20px; padding:6px 0px; vertical-align: middle; margin:0px;} .box-filtr .form-control { font-size: 14px; } .box-filtr .filtr-col-hack-holder { padding: 0 10px; } .auta_stav_filtr_block { padding: 10px 20px; } @media(min-width: 768px){ .auta_stav_filtr_block { padding: 0px; } } @media(min-width: 768px) and (max-width: 991px){ .auta_stav_filtr_block { padding-top: 10px; padding-left: 20px; } .box-filtr .auta_stav_filtr_block label { font-size: 14px; margin-bottom: 10px; margin-top: 5px; } } @media (min-width: 1220px) { .nabidka_title { margin-top: 70px; } } @media (min-width: 1460px) { .box-filtr .filtr-col-hack-holder { padding: 0 20px; } } #cena-slider-holder { text-align: center; font-size: 15px; display: none; position: absolute; top: 45px; z-index: 1; width: calc(100% - 20px); padding: 30px 30px 40px 30px; background-color: #ffffff; border: 1px solid #d5d5d5; } #cena-slider-holder.active { display: block; } #cena-slider-holder .cena-input-holders { display: flex; align-items: center; flex-direction: column; } #cena-slider-holder .cena-input-holders .input-holder { position: relative; margin-bottom: 12px; } #cena-slider-holder .cena-input-holders .input-holder .cena_input.error { box-shadow: 0 0 5px rgba(255,0,0,.5); } #cena-slider-holder .cena-input-holders .input-holder input { height: 35px; width: 100%; border: 1px solid #d5d5d5; padding-left: 10px; padding-right: 32px; text-align: right; } #cena-slider-holder .cena-input-holders .input-holder span { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .fake-select.active { box-shadow: 0 0 5px rgba(0,0,0,.5); } @media(min-width: 1460px){ #cena-slider-holder .cena-input-holders { flex-direction: row; } #cena-slider-holder .cena-input-holders .input-holder:nth-child(1){ margin-right: 15px; } #cena-slider-holder .cena-input-holders .input-holder:nth-child(2){ margin-left: 15px; } } .slider.slider-horizontal { width: 100% !important; } #cena-slider { width: 90%; } #cena-slider-holder .slider-track { background: #dddddd; height: 7px; } #cena-slider-holder .slider-handle { background:#ffffff; opacity: 1; margin-top: -5px; border: 3px solid #525252; width: 17px; height: 17px; } #cena-slider-holder .slider-selection { background:#c1c1c1; } #radit-pravy-box { padding-top: 22px; } #col-zrusit-filtry a { color: #333333; line-height: 40px; } #col-select-filtry { padding: 10px 10px 0px 20px; } #filtr-parametry .cp-select { margin-bottom: 20px; } .box-radit { margin-bottom:20px; } .box-radit .pocet-nalezeno { text-align: center; margin:0px 15px 10px 0px; height:36px; line-height: 20px; padding-top:8px; } .box-radit .form-radit { text-align: center; display:block; margin-bottom:10px; } .form-radit label, .form-radit select { display: inline-block; width:auto; font-weight:300; } @media(min-width: 460px){ .box-radit .pocet-nalezeno { float: left; text-align: left; } .box-radit .form-radit { float:right; text-align: right; } } .seznam-aut .auto { background:#FFFFFF; position:relative; margin-bottom:30px; display:block; text-decoration: none; color:#333333; } .seznam-aut .col-img { background:#00314A; text-align: center; } .seznam-aut .col-img img { margin:0px auto; } .seznam-aut .col-popis { padding:0px 15px 10px 15px; font-size:15px; line-height: 18px; } .seznam-aut .col-popis h2 { font-size:24px; margin-top:15px; padding:0px; } .seznam-aut .col-popis .auto-anotace { font-size:14px; } .seznam-aut .col-popis .auto-anotace p { margin-bottom:6px; } .seznam-aut .col-popis .auto-anotace p:last-child { margin-bottom:0px; } .seznam-aut .col-cena { margin:0px 15px; padding:10px 0px 10px 0px; font-size:15px; border-top:1px solid #7C98B3; } .seznam-aut .col-cena strong { font-weight: 400; color: #CC0000; font-size: 24px; } .seznam-aut .auto-top-info { line-height:25px;} .seznam-aut .top-nabidka, .detail-auta-karta .top-nabidka { display:inline-block; line-height:25px; height:25px; padding:0px 10px; color:#FFFFFF; text-transform: uppercase; background:#003366; } .seznam-aut .auto-top-info .top-nabidka { font-size: 14px; } .seznam-aut .sleva { margin-top:10px; font-weight:400; } .seznam-aut .special-text { margin-top:18px; font-weight: bold; font-size: 11px; line-height: 18px; height: 36px; overflow: hidden; } .seznam-aut .auto:hover:before { display:block; content: ""; z-index:1; background:transparent; border:1px solid #003366; position:absolute; top:0px; left:0px; width:100%; height:100%; } .seznam-aut .pagination { display:block; text-align: center; } .strankovani-holder { margin-top:45px; clear:both; } #dalsi-stranka { line-height: 1.3; padding:10px 16px; margin-bottom:25px; } .nabidka-detail h1 { text-align: left; margin-bottom: 0; } .detail-auta-karta .top-nabidka { line-height:30px; height:30px; } .nabidka-detail .evid-cislo { margin-bottom:45px; font-size:16px; } .nabidka-detail .zpet-na-vypis { text-align: left; margin-bottom: 10px; font-size:16px; } .nabidka-detail .zpet-na-vypis .link-back { background: #f4f4f4; border-radius: 4px; text-align: left; margin-bottom: 10px; font-size:14px; display: inline-block; border: #d5d5d5 1px solid; color: #000000; text-decoration: none; padding: 6px 13px 6px 10px; position: relative; } .nabidka-detail .zpet-na-vypis .link-back i { margin-right: 5px; display: inline-block; color: #ee0000; } .nabidka-detail .zpet-na-vypis .link-back:hover { background: #ee0000; border-color: #ee0000; color: #ffffff; } .nabidka-detail .zpet-na-vypis .link-back:hover i { color: #ffffff; } .nabidka-detail .detail-sipky { float:right; width:100px; text-align: right; margin-top:-5px; } .nabidka-detail .detail-sipky>a { display:inline-block; width:36px; line-height:20px; height: 36px; font-size:15px; padding:8px 0px; text-align: center; border:1px solid #d5d5d5; vertical-align: middle; } .nabidka-detail .detail-sipky>a.next { margin-left:6px; } .nabidka-detail .detail-sipky>a:hover { color:#FFFFFF; background:#006699; } .nabidka-detail .poznamka { font-weight: bold; color: #000000; font-size: 16px; } .nabidka-detail h2 { text-transform: uppercase; } .detail-auta-karta { background-color:#FFFFFF; } .detail-auta-karta .params-cena { margin-bottom: 0; } #auto-cover { cursor:pointer; } .detail-auta-karta .top-nabidka { font-size: 16px; } .col-params { background: #f4f4f4; padding: 0 5px; } .col-params .col-xs-12 { padding:0px; } .col-params .table-resposive table { margin-bottom:0px; } .col-params .top-nabidka-row { margin:8px 0px; } .params-cena strong { font-weight: 700; color:#000000; font-size:20px; } .col-params table { width:100%; } .col-params table th, .col-params table td { text-align: left; padding:6px 0; line-height:22px; width:50%; font-size:16px; vertical-align: top; color: #000000; } .col-params table .special-text { font-size: 13px; padding-right: 10px; line-height: 18px; height: 36px; overflow: hidden; font-weight: bold; } .auto-parametry table tr:nth-child(odd) { } .col-params table th { font-weight: 600; } .col-params table td { text-align: right; } .auto-parametry table tr { border-bottom: 1px solid #d5d5d5; } .params-bg-block { background: #f4f4f4; margin-bottom: 30px; } .params-cena { margin-bottom: 0; } .params-cena tr { margin-bottom: 0; background: #f4f4f4; } .params-cena th { padding-left: 5px; line-height: 20px; font-size: 16px; } .params-cena td { padding-right: 5px; text-align: right; font-weight: bold; line-height: 34px; font-size: 18px; } .params-cena .price-block { background: #dfdfdf; } .params-cena .price-block.price-vat th, .params-cena .price-block.price-vat td { padding-top: 30px; padding-bottom: 8px; line-height: 20px; font-size: 18px; } .params-cena .price-block.price-vat td strong { line-height: 20px; font-size: 18px; color: #000000; } .params-cena .price-block.price-without-vat th, .params-cena .price-block.price-without-vat td { padding-top: 8px; padding-bottom:30px; line-height: 24px; font-size: 16px; } .params-cena .price-block.price-without-vat td strong { line-height: 24px; font-size: 18px; color: #000000; } .params-cena .price-block.empty-space { height: 30px; } .params-cena .empty-space { height: 30px; } .params-cena td.special-text-holder { text-align: left; padding: 10px 20px; } .params-cena td.special-text-holder .special-text { padding: 15px; background: #fdbe00; } .more-info { font-size: 16px; color: #333333; padding-bottom: 30px; } .more-info a { color: #333333; } .more-info h2 { background: #000000; color: #ffffff; text-transform: none; width: 100%; font-size: 22px; line-height: 30px; font-weight: 600; padding: 15px 25px; border-radius: 4px; margin-bottom: 22px; } .more-info strong { font-weight: 600; font-size: 22px; line-height: 28px; color: #333333; } .btn-table-block td { padding: 10px 5px; } .btn-table-block .btn { width: 100%; border: 1px solid #d5d5d5; background: #ffffff; color: #000000; font-size: 19px; text-transform: uppercase; border-radius: 4px; margin: 5px 0; line-height: 30px; padding: 14px; transition: all ease-in-out 0.5s; } .btn-table-block .btn:hover { background: #000000; border-color: #000000; color: #ffffff; } .btn-table-block .btn.btn-red { border: 1px solid #ee0000; background: #ee0000; color: #ffffff; font-size: 22px; padding: 24px; } .btn-table-block .btn.btn-red:hover { border-color: #ee0000; background: #ffffff; color: #ee0000; } .btn-table-block .btn.btn-black { border: 1px solid #000000; background: #000000; color: #ffffff; font-size: 22px; padding: 14px; } .btn-table-block .btn.btn-black:hover { border-color: #ee0000; background: #ee0000; color: #ffffff; } @media (min-width: 768px) { .col-params { padding: 0 20px; } .params-cena th { padding-left: 20px; line-height: 22px; font-size: 18px; padding-bottom: 15px; } .params-cena td { padding-right: 20px; text-align: right; font-weight: bold; line-height: 22px; font-size: 18px; padding-bottom: 15px; } .params-cena .price-block.price-vat th, .params-cena .price-block.price-vat td { padding-top: 30px; padding-bottom: 8px; line-height: 30px; font-size: 24px; } .params-cena .price-block.price-vat td strong { line-height: 24px; font-size: 28px; } .btn-table-block td { padding: 20px; } } .auto-gallery { position: relative; height:95px; margin-top:15px; padding:0px 30px; } .auto-gallery .gallery-sipka { cursor: pointer; position: absolute; top:0px; bottom:0px; width: 30px; font-size:30px; padding-top:30px; } .auto-gallery .gallery-sipka:hover { color:#CC0000; } .auto-gallery .gallery-sipka.sipka-vlevo { left:0px; right: auto; } .auto-gallery .gallery-sipka.sipka-vpravo { left:auto; right: 0px; } .auto-gallery-holder ul { list-style: none; display: block; margin:0px; padding:0px; transition: margin 0.5s; } .auto-gallery-holder li { display:block; width: 148px; float:left; padding:0px 5px; } .auto-gallery-holder li:first-child { display:none; } .auto-gallery-holder { overflow: hidden; max-height: 100%; } .auto-gallery-holder .img-thumbnail { padding:0px; border:none; margin:0px; } .auto-butonky { margin-bottom:30px; } .auto-butonky>.row { margin:0px -8px; } .auto-butonky .col-xs-12 { padding: 0px 8px; } .auto-butonky .btn { width:100%; display:block; position:relative; padding:14px 20px 14px 40px; font-size:16px; line-height:20px; margin-bottom:15px; color:#00314A; } .auto-butonky .btn br { display:none; } .auto-butonky .btn .icon { display: block; width:30px; height:30px; position: absolute; top:10px; left:10px; background:url('/img/tl-mail.png') 0px 0px no-repeat transparent; } .auto-butonky .btn:hover .icon { background-position: 0px 100%; } .auto-butonky .tl-email .icon { background-image: url('/img/tl-mail.png'); } .auto-butonky .tl-pdf .icon { background-image: url('/img/tl-pdf.png'); } .auto-butonky .tl-tisk .icon { background-image: url('/img/tl-tisk.png'); } .auto-butonky .tl-kontaktovat .icon { background-image: url('/img/tl-prodejce.png'); } .auto-butonky .tl-test .icon { background-image: url('/img/tl-rezervace.png?v=2'); } .auto-butonky .tl-tel .icon { background-image: url('/img/tl-tel.png'); background-position: 0px 100%; } .auto-butonky .btn-default { background:transparent; border:1px solid #006699; } .auto-butonky .btn-default:hover { background:#006699; color:#FFFFFF; } .auto-butonky .btn-primary { text-transform: none; color:#FFFFFF; } .auto-texty { background:#FFFFFF; padding:25px 0px; font-size:16px; line-height: 1.6875; } .auto-texty h2 { margin-top:20px; } .auto-texty .poznamka { background:#E1EFFC; padding:15px 20px; } .auto-texty .poznamka>h2:first-child { margin-top:0px; } .nabidka-detail .blokKontakt .bile-pozadi { padding:15px; } .nabidka-detail .blokKontakt .kontakt-item { margin-bottom:15px; } .nabidka-detail .blokKontakt .col-rezervovat .kontakt-item { text-decoration: none; display:block; text-align: center; text-transform: uppercase; font-size:20px; line-height: 22px; color:#FFFFFF; background:#00314A; } .nabidka-detail .blokKontakt .col-rezervovat .kontakt-item:hover {background:#006699; } .nabidka-detail .formularKontakt { margin-top:30px; } .formularKontakt .col-xs-12, .formularKontakt .margin-bottom { margin-bottom:15px; } .nabidka-detail .formularKontakt .title { text-transform: uppercase; font-size:24px; text-align: center; color:#003366; margin-bottom:30px;} .formularKontakt label { display:block; font-weight: 300; font-size:16px; } .formularKontakt label.label-inline { display:inline; } .formularKontakt .btn-primary { width:100%; font-size:18px; padding:8px 6px; } .nabidka-detail .formularKontakt input.form-control { padding:10px 10px; height:46px;} .formularKontakt table th {font-weight: 300; font-size:16px; } .modal-inner { padding:15px; text-align:left; } .white-popup-block .modal-inner .row { margin-bottom:10px; } .modal-inner .form-control, .modal-inner .btn-primary { width:100%; } #formularKontakt_block { margin-bottom: 30px; } #skupiny-kontaktu { margin-bottom: 60px; } #skupiny-kontaktu .main_title { font-size: 32px; font-weight: 400; text-align: center; margin-top: 0px; margin-bottom: 27px; } #skupiny-kontaktu .panel { border-radius: 0; border: none; box-shadow: none; margin-bottom: 15px; background-color: transparent; } #skupiny-kontaktu .panel-collapse { padding-top: 20px; } #skupiny-kontaktu .panel.last { margin-bottom: 0; } #skupiny-kontaktu .panel-heading { padding: 0px; height: 80px; background-color: #ffffff; overflow: hidden; border-radius: 0; border: none; } #skupiny-kontaktu .panel-title { height: 100%; background: #f7f7f7; padding: 30px 30px 25px 35px; margin-bottom: 20px; font-size: 18px; color: #000000; font-weight: 400; } #skupiny-kontaktu .panel-title-link { display: block; position: relative; height: 100%; text-decoration: none; } #skupiny-kontaktu .panel-title-link .content { display: flex; align-items: center; justify-content: space-between; left: 0px; right: 0px; } #skupiny-kontaktu .panel-title-link .content .sipka:after { content: '+'; font-size: 42px; font-weight: 300; } #skupiny-kontaktu .panel-title-link:not(.collapsed) .content .sipka:after { content: '-'; line-height: 16px; } #skupiny-kontaktu ul.row { padding: 0; } #skupiny-kontaktu ul.row>li { display: block; } @media(min-width: 992px){ #skupiny-kontaktu .panel-title { font-size: 24px; } #skupiny-kontaktu .panel-title-link .content .sipka:after { font-size: 62px; } #skupiny-kontaktu .panel-title-link:not(.collapsed) .content .sipka:after { line-height: 26px; } } .kontakt-item { border:1px solid #d5d5d5; padding:0; font-size:16px; line-height: 18px; margin-bottom:15px; position:relative; } .kontakt-item .kontakt-heading { margin-top: 0px; margin-bottom: 5px; font-size: 22px; font-weight: 500; } .kontakt-item .kontakt-pozice { display: block; font-size: 14px; margin-bottom: 12px; font-style: italic; } .kontakt-item p { line-height: 24px; margin-bottom: 0px; } @media(min-width: 768px){ .kontakt-item .kontakt-pozice { height: 35px; overflow: hidden; margin-bottom: 0px; } } #skupiny-kontaktu .kontakt-item .kontakt-data { padding: 26px 28px 40px 28px; } #skupiny-kontaktu .kontakt-item .kontakt-data a { font-size: 16px; color: #333333; } #skupiny-kontaktu .kontakt-item .kontakt-data a:hover, #skupiny-kontaktu .kontakt-item .kontakt-data a:focus { color: #cc0000; } .kontakt-sloupce { margin-bottom:45px; } .kontakt-sloupce .col-kontakt { font-size: 16px; line-height:22px; vertical-align: top;} .kontakt-sloupce .col-kontakt .col-kontakt-in { padding:15px 0px; max-width: 360px; margin:0px auto; } .kontakt-sloupce .col-kontakt h2 { margin:0px 0px 25px 0px; } .kontakt-sloupce .col-kontakt p { margin-bottom:22px; vertical-align: top; } .kontakt-sloupce table td, .kontakt-sloupce table th { font-size:16px; font-weight: 300; vertical-align: top; line-height:18px; padding:2px 15px 2px 0px; } #hlavni_kontakt { padding-bottom: 50px; } #hlavni_kontakt .box { border: 1px solid #d5d5d5; margin-bottom: 25px; } #hlavni_kontakt .title_box { position: relative; height: 65px; background-color: #ffffff; } #hlavni_kontakt .title_box .title { position: absolute; top: 50%; transform: translateY(-50%); left: 23px; font-size: 20px; color: #000000; font-weight: 100; margin: 0px; } #hlavni_kontakt .content_box { background-color: #ffffff; padding: 0px 23px 23px 23px; line-height: 24px; min-height: 220px; } #hlavni_kontakt .content_box .fakt_ud_text { line-height: 24px; } #hlavni_kontakt .content_box a:not(.btn) { text-decoration: none; } #hlavni_kontakt .content_box a:not(.btn):hover, #hlavni_kontakt .content_box a:not(.btn):focus { text-decoration: underline; } #hlavni_kontakt .content_box .btn { min-width: 150px; margin-top: 17px; padding-top: 7px; padding-bottom: 7px; font-size: 14px; } @media(min-width: 768px){ #hlavni_kontakt .title_box .title { font-size: 24px; left: 43px; } #hlavni_kontakt .content_box { padding: 0px 43px 33px 43px; } } @media(min-width: 1220px){ #hlavni_kontakt .box { height: 300px; } } @media screen and (min-width: 630px){ .seznam-aut .auto { float:left; width:46%; margin:0px 10px 30px 10px; } .seznam-aut .auto:nth-child(odd){ clear:both; } #footer .zpet-nahoru { float:right; margin:0px; text-align: right; } } @media (min-width: 768px){ #dalsi-stranka { font-size:20px; } .seznam-aut .auto { float:none; width: 100%; margin:0px 0px 30px 0px; position: relative; } .seznam-aut .col-auto { float:left; } .seznam-aut .col-img { width:25%; } .seznam-aut .col-popis { width:75%; padding-left:10px; padding-right: 10px; font-size:14px; float:right; border-left:1px solid #7C98B3; margin-left:-1px; } .seznam-aut .col-cena { width:25%; font-size:14px; margin:0px 0px; padding:5px 5px 10px 10px; border-top:0px none; border-right:1px solid #7C98B3; float:right; } .seznam-aut .col-popis h2 { font-size:18px; margin-top:10px; margin-bottom:8px; } .seznam-aut .col-popis p { margin-bottom:8px; } .seznam-aut .col-cena strong { font-size:18px; } .seznam-aut .auto-top-info { margin-right:10px; } .nabidka-detail .blokKontakt .col-rezervovat { float:right; } .nabidka-detail .blokKontakt .kontakt-item { min-height: 130px; } .nabidka-detail .blokKontakt .col-rezervovat .kontakt-item { padding-top:30px; line-height: 30px; } #skupiny-kontaktu ul.row>li:nth-child(2n+1) { clear:both; } } @media (min-width: 992px){ #skupiny-kontaktu ul.row>li:nth-child(2n+1) { clear: inherit; } #skupiny-kontaktu ul.row>li:nth-child(3n+1) { clear:both; } #dalsi-stranka { width:33%; } .seznam-aut .col-img { width:25%; } .seznam-aut .col-popis { width:55%; padding:0px 15px; font-size:15px; float:left; border-left:none; border-right: 1px solid #7C98B3; margin:15px -1px 15px 0px; } .seznam-aut .col-cena { width:20%; min-height: 125px; font-size:15px; float:left; margin:15px 0px; padding:0px 5px 0 7px; border-right:none; border-left:1px solid #7C98B3; } .seznam-aut .special-text { font-size: 12px; } .seznam-aut .auto-top-info { float:none; height:25px;} .seznam-aut .col-popis h2 { font-size:24px; margin-top:0px; margin-bottom:11px; } .seznam-aut .col-cena strong { font-size:22px; } .auto-gallery-holder { width:444px; margin:0px auto; } .auto-butonky .btn br { display:inline; } .auto-butonky .btn-primary, .auto-butonky .btn.tl-test { line-height: 18px; padding-top:6px; padding-bottom:6px; } .nabidka-detail .blokKontakt .kontakt-item { min-height: 133px; } .nabidka-detail .blokKontakt .col-rezervovat .kontakt-item { font-size:28px; line-height: 38px; padding-top:28px; } .nabidka-detail .formularKontakt .title { font-size:28px; } .nabidka-detail .formularKontakt .btn-primary { font-size:22px; } .kontakt-sloupce, .kontakt-sloupce table td, .kontakt-sloupce table th { font-size:15px; } .col-kontakt { min-height: 390px; border-left:1px solid #d5d5d5; } .col-kontakt:first-child { border-left:none; } } @media (min-width: 1220px){ .seznam-aut .col-popis { width:57%; } .seznam-aut .col-popis .auto-anotace { margin-top:14px; } .seznam-aut .col-popis p { margin-bottom:11px; } .seznam-aut .col-cena { width:18%; min-height: 165px; padding:0px 10px 0 12px; } .seznam-aut .col-cena strong { font-size:24px; } .seznam-aut .special-text { font-size: 13px; } .seznam-aut .sleva { margin-top:10px; } .auto-gallery-holder { width:592px; } .col-kontakt { min-height: 300px; } .kontakt-sloupce { margin-bottom:55px; } #skupiny-kontaktu>h2 { margin-bottom: 55px; } } @media (min-width: 1460px) { .auto-gallery-holder { width: 880px; } } .articles .article {border-bottom:1px solid #e0e0e0;} .articles .article h2 {color:#333; font-size:18px;} .articles .article h2 a {text-decoration:underline;} .article-meta {margin-bottom:10px;} .article-meta a {text-decoration: underline;} .objednavka .smazat-polozku a {color:#bb0000; font-size:1.4em;} .objednavka .smazat-polozku a:hover {color:#ee1111;} .objednavka input.mnozstvi {width:50px; margin:0px auto; padding-right:2px; border-radius: 3px;} .objednavka h2 {margin:0px; padding:15px 0px 15px 0px;} .objednavka label {font-weight: 300; text-align: right; font-size: 16px; } .objednavka .adresa { margin-bottom: 15px; } .objednavka label.switch { text-align: left; padding:10px 0 0 0; margin-bottom: 10px; } .objednavka hr {border-color:#e0e0e0; margin:25px 0px;} .objednavka .radios label {text-align:left; margin: 0; padding: 0;} .objednavka .doprava_info {font-weight: 300; padding:10px 0px 0px 20px;} .objednavka textarea#poznamka {height: 212px;} .objednavka textarea#poznamka.kratsi {height: 168px;} .objednavka table.table tr td {border:1px solid #cccccc; vertical-align: middle; } .objednavka table.table tr td,.objednavka table.table tr th {border-color:#d5d5d5; text-align: center;} .objednavka table.table tr th {background-color:#ffffff; font-weight:500; font-size: 13px; border-top:0px;} .objednavka table.table tr td { background-color:#ffffff; } .objednavka table.table tr td.nahled-mini { width: 90px; } .objednavka table.table tr td.right-border0 {border-right: none; } .objednavka table.table tr td.text-right,.objednavka table.table tr th.text-right {text-align: right;} .objednavka table.table tr td.text-left,.objednavka table.table tr th.text-left {text-align: left;} .kosik-priplat td:nth-child(1), .kosik-priplat td:nth-child(2), .kosik-priplat-chybi td:nth-child(1), .kosik-priplat-chybi td:nth-child(2) { border-left: none !important; } .objednavka table.table tr th:first-of-type, .objednavka table.table tr td:first-of-type{ border-left: none; } .objednavka table.table tr th:last-of-type, .objednavka table.table tr td:last-of-type{ border-right: none; } .objednavka table.table tr th:first-letter { text-transform: uppercase; } .objednavka table td.nahled-mini img{width:50px; height:auto;} .objednavka table.table tr td.nazev-ext {text-align: left; border-left:0px none;} .objednavka table.table tr.ceny td strong {font-size:1.2em; line-height: 1.5em; margin-right: -4px; } .objednavka table.table tr.ceny td { border: none; } .objednavka table.table .dostupnost { font-size: 14px; } .objednavka table.table .skladem { color: #419200; } .objednavka table.table .cena { padding: 0 20px 0 0; text-align: right; } .objednavka table.table .cena-celkem { text-align: right; } .objednavka table.table .cena-celkem strong { margin-right: 15px; } .objednavka.rekapitulace table.table .cena-celkem strong { margin-right: 38px; } .objednavka table.table .smazat { position: relative; top: -3px; } .rekapitulace fieldset {border:1px solid #cecece; padding:15px 10px; background-color:#ffffff; min-height: 250px;} .rekapitulace fieldset h3 {margin:0px; padding:0px 0px 10px 0px;} .rekapitulace label {text-align:left;} @media screen and (max-width: 991px) { .rekapitulace .btn#dokoncitObjednavku {width:100%;} } .signin-form label.control-label {font-size:13px;} @media screen and (min-width: 992px) { .signin-form label.control-label {text-align: right; display: block;} } table.prehled-objednavek th {vertical-align:middle; padding: 3px 5px;} table.prehled-objednavek td {padding: 3px 5px; font-size:0.9em;} table.prehled-objednavek tr.polozky-header td {background-color:#e1e1e1;} fieldset {margin-bottom:25px; padding:5px; } fieldset legend {border-bottom:0px none; margin: 0px 10px 10px 10px; display:inline-block; padding:0px 10px; width: auto;} .pagination { margin: 0px auto 5px auto; display:block; text-align: center; } .pagination > li > a, .pagination > li > span { margin:0px 2px 5px 0px; float:none; display: inline-block; font-weight:400; padding: 5px 2px; min-width: 35px; text-align: center; color: #000000; background-color:transparent; border:1px solid #d5d5d5; font-size:18px; line-height: 20px; border-radius: 0px; } .pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #000000; border-color: #000000; color:#FFFFFF; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #000000; border-color: #000000; color:#FFFFFF; } .pagination>li.pagination-space>span { background:transparent; border:0px none; color:#00314A; } #sidebar-poradit { border:1px solid #d5d5d5; font-size: 14px; text-transform: uppercase; padding:18px 20px 20px 20px; } #sidebar-poradit .title { display:block; padding-bottom:12px; } #sidebar-poradit .telefon { display:block; color:#006699; font-size: 16px; padding-bottom:12px; } #sidebar-poradit .otviracka { display:block; } #sidebar-poradit .telefon .glyphicon { padding-right: 10px; } #sidebar-poradit a, #sidebar-poradit a:hover { color: #006699; text-decoration: none; } #sidebar-poradit .telefon-ico { background-image: url("/img/potrebujete-radu-telefon.png"); } #sidebar-poradit .email-ico { background-image: url("/img/potrebujete-radu-mail.png"); } .sidebar-articles {color:#333333; border:1px solid #cecece; font-size: 12px; } .sidebar-articles .title {display:block; font-size: 14px; line-height: 1.2em; background-color: #272b33; margin: -1px -1px 0 -1px; border-bottom: 1px solid #d7d7d7; color: #b6b8c0; padding: 12px 20px; text-decoration: none; } .sidebar-articles .list-unstyled { padding: 0 10px; } .sidebar-articles .article {border-bottom:1px dotted #333; color:#666; margin: 10px 0; } .sidebar-articles .article-date { } .sidebar-articles p a { text-decoration: underline; color: #333333; } .sidebar-articles a:hover { color: #cc0000; } .sidebar-articles .article-title {font-size: 14px; display: block; margin-bottom:5px; color: #333333;} .sidebar-articles .article p {font-size:12px; line-height:1.2em;} .sidebar-articles .footer { padding: 0 10px; } .sidebar .advert-item {margin-bottom: 25px;} #adv .adv_title { display: none; } @media screen and (min-width: 768px){ .objednavka label { padding-left: 3px; padding-right: 3px; } .objednavka table.table tr .right-space { padding-right: 57px; } .objednavka table.table tr .left-space { padding-left: 25px; } } @media screen and (min-width: 1220px){ #sidebar-poradit .telefon { font-size:18px; } } .form-control+.row { margin-top:15px; } .win-kosik-vlozeno {text-align:center;} .white-popup-block .win-message {margin-bottom: 20px; background: #73b84d; color: #FFFFFF; font-size: 20px; padding:25px 80px 25px 30px; text-align: left; } .white-popup-block.hide-ico .win-message { background: #000000; color:#FFFFFF; } .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-kosik-vlozeno.vyber-variantu>.win-message{ background: #1f1f1f url('/img/vyber-variantu.png') no-repeat 5% 50%; } .win-kosik-vlozeno h1 { font-size: 20px; color: #000; border: none; margin-bottom: 0; } .win-kosik-vlozeno .detail-link { font-size: 14px; color: #000; } .win-kosik-vlozeno .detail-link:hover { color: #cc0000; } .win-kosik-vlozeno .var-content table { width: 100%; line-height: 2; } .win-kosik-vlozeno .var-content table th { line-height: 3; font-weight: 300; } .win-kosik-vlozeno .var-content label { font-weight: 300; } .mfp-content .mfp-close { background: transparent url('/img/zavrit-ico.png') 50% 50% no-repeat !important; height: 34px !important; width: 34px !important; font-size: 0; } .popup-block-content {padding: 15px;} @media(max-width: 767px){ .win-kosik-vlozeno .win-buttons .text-right,.win-kosik-vlozeno .win-buttons .text-left{ text-align:center; padding-bottom: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: 300; 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; } .tabs-vertical { width: 100%; padding: 0; border-top: 1px solid #e0e0e0; margin-bottom:15px; } .tabs-vertical .nav-tabs {float:left; width:33%; border:0px none; border-left:1px solid #e0e0e0;} .tabs-vertical .tab-content {float:left; width:67%; background-color:#fff; position:relative; border:1px solid #cecece; border-top:0px none; margin-left:-1px;} .tabs-vertical .nav-tabs li {float:none; border-bottom:1px solid #e0e0e0; margin:0px;} .tabs-vertical .nav-tabs li a {margin:0px; border:0px none;} .tabs-vertical .nav-tabs li.active {border-right:1px solid #fff; z-index:2;} .tabs-vertical .nav-tabs li.active a {border:0px none;} .tabs-vertical .tab-content .tab-pane { padding:10px;} .tabs-vertical .tab-content label {display:block; padding:2px 3px; margin-bottom: 5px; border:1px solid #e9e9e9; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} .tabs-vertical .tab-content .btn {margin: 0px 10px 5px 0px;} .telefon-ico { background: url('/img/hlavicka-telefon.png') no-repeat 15px 50%; padding: 0 0 0 40px; } .email-ico { background: url('/img/hlavicka-mail.png') no-repeat 15px 50%; padding: 0 0 0 40px; } #mutace { float: right; } #mutace>a {background: url('/img/cz.png') no-repeat 50% 50%; width: 16px; text-indent: -9999px; display: inline-block; padding: 0 15px; } #mutace .en { background-image: url('/img/en.png'); } #mutace .cz { } #mena { float: right; } .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, a.ico-btn:hover, a.ico-btn.active { color: #cc0000; text-decoration: none; } .ico-btn>.ico { width: 35px; height: 35px; 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%; } button.ico-btn { margin-top: -1px; } .hledani-ico { background: url('/img/hledat.png') no-repeat 50% 0; } .user-ico { background: url('/img/hlavicka-prihlasit.png') no-repeat 50% 0; } .kosik-ico { background: url('/img/hlavicka-kosik.png') no-repeat 50% 0; } #uzivatel { float: right; text-align: center; margin-left:30px; text-transform: uppercase; padding-left:22px; background:url('/img/ikona_prihlasit.png') 0px 50% no-repeat transparent; } #soc-top { text-align: right; } #soc-top a { display: inline-block; padding-left:15px; text-decoration: none; } #soc-top a:hover { color:#CC0000; } .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; } #prihlas_form { max-width:450px; } #loginWindow { max-width: 370px; } #prihlas_form h1 {margin-bottom:0px; } #prihlas_form .panel-body {padding-bottom:0px;} #loginWindow h1 {padding:25px 80px 25px 30px; background:#00314A; border:0px none; color:#FFFFFF; font-size:20px;} #loginWindow .win-col-full {width:100%; text-align: left;} #loginWindow .signin-form label.control-label {text-align:left; font-size: 16px; vertical-align: bottom;} #prihlas_form .signin-form-bottom, #prihlas_form .signin-form-bottom p { text-align: right; } #loginWindow .signin-form-bottom input.btn {width:50%;} #fb-login-holder { padding:15px; } .fb-login-btn {height:40px; padding-left: 65px; padding-right:15px; background:url('/img/fb_btn.png') 0px 0px no-repeat #445599; text-align:center; color:#fff;} .fb-login-btn:hover {color:#0099ff;} #loginWindow .fb-login-btn {display:block; width:100%;} div.row.nadpis fieldset, div.row.nadpis fieldset h2 { padding-bottom: 0; margin-bottom: 5px; } div.row.nadpis fieldset h2 { margin-top: 10px; } #ajaxSearch {top:42px; left:-233px; padding:0; width: 320px; margin:0px; display:none; z-index:9999; border: none; height:auto; overflow-y:auto; overflow-x: hidden; position:absolute; font-size: 13px; color: #333333; } #ajaxSearch li {background-image:none; list-style:none; border: none; border-top:0px none; padding: 3px 3px 3px 1px; background-color:#fff; position: relative; } #ajaxSearch li.li_header { height: 35px; color: #fff; padding-left: 20px; padding-top: 8px; background-color: #353f47;} #ajaxSearch li.li_header:hover {background-color: #353f47;} #ajaxSearch li.li_header .count { float: right; color: #ffaa33; padding-right: 20px; } #ajaxSearch li.kategorie { background: #fff url('/img/slozka.png') no-repeat 8% 50%; padding: 4px 5px 4px 60px; } #ajaxSearch li.produkt { font-size: 14px; padding: 3px 15px; border-bottom: #dedede 1px solid; } #ajaxSearch li.produkt:last-of-type { margin-right: 0; margin-left: 0; } #ajaxSearch li.kategorie, #ajaxSearch li.vice_vysledku { height: inherit; } #ajaxSearch li.vice_vysledku a {text-align: left; padding-left: 20px;} #ajaxSearch li.kategorie span.nazev { margin-left: 5px; } #ajaxSearch li img { width: 60px; max-height: 100%; float: left; margin-right: 10px; border: #dedede 1px solid; } #ajaxSearch li span.nazev { padding-top: 3px; } #ajaxSearch li span.nazev span.found { font-weight: 500; } #ajaxSearch li .cena { font-weight: 500; display: block; color: #f58f00; } #ajaxSearch li a {display:block; text-decoration:none; } #ajaxSearch li a>.produkt {width:100%; height: 75px; padding: 9px 5px; } #ajaxSearch li:hover {background-color:#f9f9f9;} .searchActive .found { display: block; } @media (max-width: 991px) { #ajaxSearch {top: 25px;} } #ajaxSearchArrow { display: none; } #ajaxSearch.found { display: block; } #ajaxSearch.found+#ajaxSearchArrow { display: block; position: absolute; top: 30px; left: -200px; border-bottom: 1px solid #353f47; z-index: 5000; height: 13px; width: 21px; background: transparent url('/img/strecha.png') no-repeat 20% 0; } .uvodka_vice { float: right; font-size: 14px; text-decoration: underline; padding-top: 5px; } .aktivni_filtry .btn { font-size: 13px; cursor: auto; } .hvezdicka {color: #000000;} #zbyva table { width: 90%; height: 10px; margin: 15px auto; } #uz { background-color: #73b84d; } #jeste { background-color: #cfcfcf; } #doprava_zdarma_blok h2, #doprava_zdarma_blok h2 { color: #000000; font-size: 18px; margin: 0 0 22px 0;} object, iframe {max-width: 100%;} .kosik-header { margin-top: 30px; } .kosik-header h1 { } .kosik-header h2, .objednavka h2 { background-color: #E1EFFC; padding: 15px 20px; margin: 10px 0 0 0; } .rekapitulace h2 { margin-bottom: 45px; } .kosik-header .info-block { margin-top: 10px; } .objednavka .padding-block { padding: 5px 30px; } .objednavka .right-padding-block { padding: 5px 30px 5px 0; } .info-block .poradit>div { text-align: right; } .info-block .title { font-size: 14px; } .info-block .telefon { font-weight: 500; } .kosik-header .btn-back { height: 45px; width: 100%; background: #fff; border-color: #d7d7d7; color: #333333; font-size: 14px; padding: 11px 12px; } .kosik-header .btn-back>.glyphicon { padding-right: 10px; color: #d7d7d7; } .dopravci table, .platby table, .dopravci label, .platby label { width: 100%; } .dopravci .cena_prepravy, .platby .cena_platby { float: right; } .dopravci label, .platby label { font-size: 16px; } .dopravci td, .platby td { padding: 13px 0; font-weight: 300; font-size: 16px; border-top: #d7d7d7 solid 1px; } .dopravci .img-box, .platby .img-box { width: 70px; margin: 0 3px; height: 30px; vertical-align: middle; display: inline-block; text-align: center; } fieldset.dopravci, fieldset.platby { margin-bottom: 0; } .cena_platby:first-letter, .cena_prepravy:first-letter { text-transform: lowercase; } .block-footer { border-top: 1px solid #d7d7d7; line-height: 60px; text-align: right; padding-right: 30px; } .btn.login-win-link { width: 250px; border: 1px solid #003366; color:#00314A; text-transform: uppercase; margin: 20px 0 30px 46px; background:#E1EFFC; } .btn.login-win-link:hover { background:#006699; color:#FFFFFF; } #continue1step, #submit1step, #dokoncitObjednavku { text-transform: uppercase; height: 70px; border-radius: 5px; font-size: 20px; padding: 0 35px; } #continue1step, #submit1step { margin: 30px 0; padding: 0 60px; background-image: url('/img/sipka-right.png'); background-repeat: no-repeat; background-position: 97% 50%; } .go-home { margin: 5px 0 30px 20px; font-size: 18px; padding: 12px 35px; background-color: transparent; } .step-back { font-size: 20px; color: #929292; text-transform: uppercase; height: 70px; border-radius: 5px; padding: 20px 8px; } .objednavka .form-group { margin-bottom: 5px; } .objednavka .prihlaseni { margin: 15px 0 0 0; } .objednavka #fakturacni_adresa { margin-top: 15px; } .objednavka .switch input[type="checkbox"] { margin-right: 15px; } .objednavka-ok, .objednavka-prazdno { margin-top: 20px; } .kosikPage .objednavka-prazdno { margin: 0 0 15px 0; } .objednavka-ok .col-xs-12 { background: #fff; padding: 15px; } .objednavka-ok .mess { background-color: #e9fcdb; margin: 10px; padding: 35px 35px; } .objednavka-ok .mess h2 { color: #5b9531; font-size: 30px; margin: 65px 0 20px 20px; } .objednavka-ok .mess .text-mess { margin: 5px 0 30px 20px; } .objednavka-ok .mess .go-home { border: 1px solid #5b9531; color: #5b9531; } .objednavka-prazdno .col-xs-12 { background: #fff; padding: 15px; } .objednavka-prazdno .mess { background-color: #ffd5d5; margin: 10px; padding: 35px 35px; } .objednavka-prazdno .mess h2 { color: #cc0000; background-color: transparent; font-size: 30px; margin: 65px 0 20px 20px; } .objednavka-prazdno .mess .text-mess { margin: 5px 0 30px 20px; } .objednavka-prazdno .mess .go-home { border: 1px solid #cc0000; color: #cc0000; } .posta-platba-img { max-height: 100%; } @media(max-width: 380px) { #hledani .ico-btn.active { position: absolute; } #hledani #q { right: -5px; } } @media(max-width: 767px){ .container { max-width: 719px; } .objednavka h2 { text-align: center; } .objednavka .padding-block { padding: 0; } .objednavka .radios label { position: relative;} .objednavka .radios label input { float: left; } .objednavka .radios label .popis { margin: 0 0 30px 20px; display: block; } .objednavka .radios label .img-box { position: absolute; bottom: 0; } .objednavka .cena_prepravy, .objednavka .cena_platby { position: absolute; bottom: 0; right: 0; } .block-footer { padding-right: 0; line-height: inherit; padding-top: 20px; text-align: center; } .block-footer strong { font-size: 30px; line-height: 1.8;} #continue1step, #submit1step, .go-home { white-space: normal; width: 90%; line-height: 1.8; padding: 10px 30px 10px 10px; height: auto; margin: 20px 5%; } .go-home { padding: 10px; } .objednavka-prazdno .mess, .objednavka-ok .mess { padding: 15px 0; } .objednavka-ok .mess h2 { text-align: center; margin: 20px 0; } .objednavka-ok .mess .text-mess { text-align: center; margin: 20px 0; } .prihlaseni { text-align: center; } .btn.login-win-link { margin: 20px auto; } .objednavka table.table .cena-celkem strong { margin-right: 0; white-space: nowrap; } .objednavka.rekapitulace table.table .cena-celkem strong { margin-right: 0; white-space: nowrap; } .objednavka .right-padding-block { padding-right: 0; } .ico-btn, a.ico-btn { height: 40px; } .h2_extra { width: 100%; } #vyhody .vyhoda-block { margin-bottom: 20px; } .searchForm .btn { font-size: 16px; } .win-kosik-vlozeno .var-content { padding: 10px 25px; } .white-popup-block { margin: 70px auto 30px auto; } .footer-col, #footer .left-border { border: none; } #kosik a.ico-btn:hover .cena_kosik { font-size: 9px; } .cena_kosik { top: -5px; } #zpet-eshop { float: left; } .info-block .poradit>div { text-align: center; margin: 5px 0; } #ajaxSearch { width: 300px; } } .objednavka .slevovy_poukaz_resp { margin-top: -15px; } #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; } #priplatky td { font-weight: 500; cursor: pointer; } table.priplatky-modal { margin:auto; max-width: 100%; margin-top: 15px; text-align: left; } table.priplatky-modal td { padding: 3px 5px; } .white-popup-block .popup-inner { padding:0px 15px 2px 15px; } .formularKontakt table { width: 100%; margin: 20px 0; } .formularKontakt table td { padding-bottom:10px; } .addToFavorit { width: 50px; float: right; font-size: 32px; line-height: 1; } .addToFavorit a, .addToFavorit a:not(.inFavorit):active { color: #181b1f; } .addToFavorit a:hover { color: #cc0000; } .addToFavorit a:focus { outline: none; } .produkt-moduly .addToFavorit { width: auto; float: none; font-size: 13px; } .addToFavorit a.inFavorit, .addToFavorit a.inFavorit:active { color: #cc0000; } .addToFavorit a.inFavorit:hover { color: #181b1f; } #favs { float: right; text-align: center; font-size: 32px; position: relative; } #favs a.hasFavs:hover, #favs a.hasFavs:focus, #favs a.noFavs { color: #B6B8C0; text-decoration: none; } #favs a.hasFavs, #favs a.noFavs:hover, #favs a.noFavs:focus { color: #cc0000; } #favs a.hasFavs .value, #favs a.hasFavs:hover .value, #favs a.hasFavs:focus .value { font-size: 12px; color: #FFFFFF; position: absolute; top: 10px; left: 14px; font-weight: 500; } #favs a.hasFavs:hover .value, #favs a.hasFavs:focus .value { color: #cc0000; } .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; } .blokHpVirtualniProhlidky { background:url('/img/online-prohlidka.jpg') 50% 50% no-repeat transparent; margin:0px auto; max-width:372px; height:333px; color:#FFFFFF; font-size:18px; text-align: center; padding:15px 10px; } .blokHpVirtualniProhlidky .links { text-transform: uppercase; padding:10px; } .blokHpVirtualniProhlidky .links a { display: block; font-size:28px; margin-bottom:10px; color:#FFFFFF; text-decoration: underline; } .blokHpVirtualniProhlidky .links a:hover { color:#CC0000; } .blokHpVirtualniProhlidky .nadpis { font-size:24px; } @media(min-width: 430px){ .blokHpVirtualniProhlidky { padding:15px 20px; } .blokHpVirtualniProhlidky .nadpis { padding-top:20px; margin-bottom:15px; } } .cp-select select, .cp-select .fake-select { cursor:pointer; border: 1px solid #d5d5d5; color: #000; font-family: inherit; font-size: 16px; font-weight: 300; padding: 5px 40px 5px 12px; height:40px; line-height: 30px; vertical-align: middle; width: 100%; background: url('/img/cp-select.png') 100% 0px no-repeat #FFFFFF; appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; } .cp-select select::-ms-expand { display: none; } .cp-select select>option { font-family: inherit; font-weight: 300; } .adj-form .required-empty { border-color:#CC0000; } .adj-form .required-mark:after, .formularKontakt .required-mark:after { display:inline; content: "*"; } #formularServis { margin-top:30px; } #formularNovaMazda { max-width:650px; margin:30px auto; } .inpage-form { padding:20px 15px; } .inpage-form h2 { font-size:20px; } .inpage-form>h2:first-child { margin-top:5px; } .model-vozu-check { text-align:center; cursor: pointer; } .model-vozu-check img, .prehled-modelu .model-vozu-link img { display: block; margin:0px auto; max-width: 100%; height:auto; } .kontakt-form-2sloupce .clearfix label { width:45%; padding:5px 15px 2px 0px; float:left; min-height: 36px; margin-bottom: 0px; } .kontakt-form-2sloupce .clearfix label.label-inline { float:none; display: inline; } .kontakt-form-2sloupce .clearfix input.form-control, .kontakt-form-2sloupce .clearfix .right-side { width:55%; float:right;} .souhlas { margin-bottom:15px; } .souhlas input { margin-right:5px; } .prehled-modelu .model-vozu-link { text-align: center; display: block; color:#003366; text-decoration: none; background:#E1EFFC; border:1px solid #B1CCE6; padding:3px 0px 10px 0px; margin:0px -1px 30px -1px; } .prehled-modelu .model-vozu-link .nazev { font-weight: 300; font-size:19px; display: block; text-transform: uppercase; margin:-5px 10px 12px 10px; padding:0px 2px 8px 2px; border-bottom:1px solid #B1CCE6; min-height: 36px; } .prehled-modelu .model-vozu-link .cena { font-weight: 300; color: #CC0000; display: block; padding:0px 45px; position: relative; min-height: 22px; } .prehled-modelu .model-vozu-link:hover { border-color:#003366; } .prehled-modelu .model-vozu-link .cena:after { display:block; content:''; background:url('/img/sipka_modely.png') 100% 0px no-repeat transparent; width:30px; height: 10px; position: absolute; right:15px; top:50%; margin-top:-5px; } .ui-datepicker { width: 300px !important; } .datepicker-holder { position:relative; } .datepicker-holder input.datepicker { padding-right:30px; } .datepicker-holder img.ui-datepicker-trigger { position:absolute; top:5px; right:22px; z-index:1; } .leve-menu+#adv { margin-top:45px; } #col-main.col-xs-12>.page-content>article>*:first-child { margin-top:0px; } .page-content .img-responsive, .page-content img.zoom { cursor:pointer; } #animace a { color:#FFFFFF; } #animace a:hover { color:#CC0000; } #animace .clickable { cursor:pointer; } #kategorie_mobile_menu.collapse.in { padding-top:15px; } #kategorie_mobile_menu #cssmenu { } @media(min-width: 768px){ .inpage-form { padding:20px 30px; } .souhlas { margin-top:20px; margin-bottom:20px; } .kontakt-form-2sloupce { margin-top:15px; } .prehled-modelu .model-vozu-link .cena { padding:0px 35px; } .prehled-modelu .model-vozu-link .cena:after { right:12px; width:23px; } .row.prehled-modelu .col-sm-4:nth-child(3n+1) { clear:both; } } @media(min-width: 992px){ #kategorie_mobile_menu { display: none !important; } } @media(min-width: 1220px){ .prehled-modelu .model-vozu-link .cena { padding:0px 45px; } .prehled-modelu .model-vozu-link .cena:after { right:15px; width:30px; } } .lg-backdrop.in { z-index:10000011; } .lg-outer.lg-visible { z-index:10000033; } .lg-outer .lg-thumb-outer { height:auto !important; } #skryty-konverze { height:1px; overflow: hidden; padding-bottom: 1px; margin-top:-1px; } .e-shop #main_block { padding-top:0px; } .searchFormLeft input, .searchFormLeft button { height: 45px; } .searchFormLeft { margin-bottom:15px; } #home-intro { padding: 50px 0; } #home-intro h2 { text-transform: uppercase; font-size: 36px; } .boxes-list { padding-top: 37px; padding-bottom: 47px; } .boxes-list .item { margin-top: 10px; margin-bottom: 10px; text-align: center; } .boxes-list .item a { background: #ffffff; color: #000000; border: 1px solid #ffffff; display: inline-block; padding: 20px 5px 30px 5px; text-decoration: none; transition: border-color ease-in-out 0.5s; } .boxes-list .item .img-block { display: inline-block; background: #f4f4f4; width: 94px; height: 94px; border-radius: 50%; text-align: center; margin-bottom: 14px; transition: background ease-in-out 0.5s; } .boxes-list .item .img-block img { max-height: 94px; } .boxes-list .item .text-block { display: table-cell; width: 500px; vertical-align: middle; text-align: center; height: 44px; line-height: 22px; font-size: 16px; text-transform: uppercase; font-weight: 400; } .boxes-list .item a:hover { border-color: #e91b09; color: #000000; } .boxes-list .item a:hover .img-block { background: #dadada; } .aktualita-inner { margin-bottom: 30px; } .aktualita-inner a { display: block; background: #ffffff; text-decoration: none; position: relative; transition: all ease-in-out 0.5s; } .aktualita-inner a:hover:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; display: block; border: 1px solid #ea2a19; } .aktualita-inner span { display: block; text-align: left; } .aktualita-inner .name-block { font-size: 18px; color: #333333; padding: 13px 30px 0 30px; font-weight: 600; } .aktualita-inner .anotation-block { padding: 0 30px 0 30px; min-height: 120px; height: auto; overflow: hidden; margin-bottom: 44px; font-size: 18px; color: #333333; line-height: 24px; } .aktualita-inner a .img-block { overflow: hidden; } .aktualita-inner a .img-block img { transition: all ease-in-out 0.5s; } .aktualita-inner a:hover .img-block img { transform: scale(1.10); } .aktualita-inner a:hover { border-color: #cc0000; } .aktualita-inner a:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); } .aktualita-inner a:hover .name-block { color: #cc0000; } @media (min-width: 768px) { .aktualita-inner .name-block { line-height: 24px; height: 85px; overflow: hidden; margin-bottom: 13px; } .aktualita-inner .img-block { height: 115px; overflow: hidden; } .aktualita-inner .anotation-block { height: 120px; } } @media (min-width: 992px) { .aktualita-inner .img-block { height: 155px; overflow: hidden; } } @media (min-width: 1220px) { .aktualita-inner .img-block { height: 200px; overflow: hidden; } } #home-aktuality .dalsi { margin-top: 35px; } .newsletter-block { margin: 0; padding: 0 15px; text-align: right; } @media (max-width: 991px) { .newsletter-block { margin: 15px 0 0 0;} } @media (min-width: 992px) { .newsletter-block { float: right; display: inline-block; width: 66%; } } .newsletter-block .text-block { line-height: 25px; text-align: left; } @media (max-width: 767px) { .newsletter-block .text-block { text-align: center; } } .newsletter-block #form_newsletter input.btn { background: #0575ae; color: #ffffff; border: 1px solid #ffffff; } .newsletter-block #form_newsletter input.btn:hover { background: #cc0000; } .newsletter-block #form_newsletter input { height: 50px; } .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img { margin: 0 auto; } .ceniky-brozury { margin-top: 20px; } .ceniky-brozury .item { margin-bottom: 30px; } .nova-mazda-page, .nova-mazda-page p { text-align:center; } .nova-mazda-text h2 { font-size: 32px; } .nova-mazda-text p { color:#003366; font-size: 110%; } .nova-mazda-text .bigger { font-size:115%; text-transform: uppercase; } .nova-mazda-text .btn-primary { margin-top:30px; } .nova-mazda-bg { padding:15px 15px 51% 15px; text-align: center; background-size: 100% auto; background-repeat: no-repeat; background-position: 50% 100%; background-color: #00314A; color:#FFF; margin:30px auto; } .nova-mazda-bg-in { max-width:600px; margin:0px auto; } .nova-mazda-bg-in h3 { color:#FFF; margin:10px 0px 20px 0px; font-weight: 500; } .nova-mazda-bg-in p { text-align: center; } #nova-mazda-hatchback { background-image:url('/img/podstranky/hatchback_v2.jpg'); } #nova-mazda-sedan { background-image:url('/img/podstranky/sedan_v2.jpg'); } #nova-mazda-form-intro { padding-top:30px; } #nova-mazda-footer { margin-bottom:30px; } @media (min-width: 768px) { .ceniky-brozury .item { height: 207px; } .nova-mazda-bg { padding: 15px 30px; background-size: auto; height:520px; margin:45px auto; } #nova-mazda-footer, #formularNovaMazda { margin-bottom:45px; } } @media (min-width: 1220px) { .ceniky-brozury .item { height: 227px; } .nova-mazda-bg { margin:60px auto; } #nova-mazda-footer, #formularNovaMazda { margin-bottom:60px; } } .ceniky-brozury .name { color: #003366; text-align: center; font-size: 19px; padding-bottom: 15px; } .ceniky-brozury .file-btn { width: 100%; background: #e1effc; display: inline-block; text-transform: uppercase;text-decoration: none; text-align: center; position: relative; margin-bottom: 1px; padding: 3px 0; line-height: 18px; } .ceniky-brozury .file-btn .glyphicon { position: absolute !important; right: 10px; top: 50%; margin-top: -8px; font-size: 16px; } .btn.filtr-btn { border: 1px solid #006599; background: #006599; color: #ffffff; text-decoration: none; width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; } .btn.filtr-btn:hover { background: #00314A; } .box-filtr .filtr-btn { margin-top: 7px; } #bottom_mapa { position: relative; } #bottom_mapa .mapClosed { background: #F3F3F3 url('/img/static_map.png?v=1') 50% 50% no-repeat; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; } #bottom_mapa #googleAttrib{display: block; position:absolute;bottom:0;right:0;background:rgba(245,245,245,0.7);height:14px;line-height:14px;font-size:10px;padding:0 6px;color:#000000;} #warn-block { background: #ffcccb; padding: 5px 0; } .list-params-row { display: block !important; } .list-params-label, .list-params-value { font-size: 14px; line-height: 22px; color: #333333; display: inline-block !important; } .list-params-label { width: 85px; } .list-params-value { font-weight: 700; } #soc-bottom li { list-style: none; display: inline-block; margin: 0 10px; } #soc-bottom li a { display: block; width: 44px; height: 44px; border-radius: 50%; background: #000000; color: #ffffff; text-align: center; transition: background ease-in-out 0.5s; } #soc-bottom li a:hover { background: #ea1b0a; } #soc-bottom li a i { line-height: 44px; font-size: 20px; color: #ffffff; } #top-section.grey-header { background: #f4f4f4; padding-bottom: 30px; } @media (min-width: 768px) { #top-section { position: relative; } #top-section.header-image { min-height: 295px; } #top-section.header-image .header-image-block { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; text-align: right; } #top-section.header-image .header-image-block img { max-width: inherit; max-height: 100%; } } @media (min-width: 992px) { #top-section.header-image { min-height: 363px; } #top-section.grey-header { padding-bottom: 50px; } } @media (min-width: 1220px) { #top-section.header-image { min-height: 438px; } #top-section.grey-header { padding-bottom: 70px; } } @media (min-width: 1460px) { #top-section.header-image { min-height: 580px; } } .darker-grey-block { background-color: #e8e8e8; } .filtr-col-hack-holder { position: relative; } .filtr-col-hack { position: absolute; top: -10px; left: 0; right: 0; bottom: 0; } @media (min-width: 768px) { .filtr-col-hack { position: absolute; top: -10px; left: 0; right: 0; bottom: -16px; } } @media (min-width: 992px) { .filtr-col-hack { bottom: -7px; } } .next-adepts h2 { margin-top: 80px; margin-bottom: 45px; } @media (min-width: 768px) AND (max-width: 991px) { .auto-parametry>div:nth-child(1) { padding-right: 5px; } .auto-parametry>div:nth-child(2) { padding-left: 5px; } } #services .row { position: relative; } #services .text-block { padding: 10px; } #services .image-block { padding: 0; } #services .text-block .text-block-inner h2.service-main-header { margin-top: 0; } @media (max-width: 767px) { #services .text-block { clear: both; } #services .text-block .text-block-inner .btn { margin-bottom: 80px; } } @media (min-width: 768px) { #services .text-block { position: absolute; top: 0; bottom: 0; } #services .text-block.odd { left: 0; right: 50%; } #services .text-block.even { left: 50%; right: 0; } #services .text-block .text-block-inner { transform: translateY(-50%); position: absolute; top: 50%; padding: 0 15px; } #services .text-block .text-block-inner .btn { margin-top: 30px; } } @media (min-width: 992px) { #services .text-block .text-block-inner { padding: 0 30px; } } @media (min-width: 1460px) { #services .text-block .text-block-inner { padding: 0 70px; } } .page-content .souhlas { text-align: justify; } .image-holder { position: relative; display: block; } .labels { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; display: block; text-align: left; } .labels .label { display: inline-block; text-align: center; padding: 5px 10px; border-radius: 0; background: #666666; color: #ffffff; margin-bottom: 6px; margin-left: 6px; font-size: 13px; font-weight: 500; line-height: 22px; position: relative; } .labels .label:after { content: "";border: 32px solid transparent; width: 0px; height: 0; display: inline-block; position: absolute; border-left: 1em solid #fd0000; border-bottom: 0; left: 100%; top: 0;} .labels .label.label-red { background: #fd0000; } .labels .label.label-gold { background: #fdbe00; color: #000000; } .labels .label.label-gold:after { border-left-color: #fdbe00; } .labels .label.label-blue { background: #008ffd; } .labels .label.label-green { background: #00b39c; } .auta-header { margin-top: 5px; margin-bottom: 30px; text-transform: uppercase; font-size: 30px; } @media(min-width: 1220px){ .auta-header { font-size: 36px; } } .page-content p[align="center"] { text-align: center; margin: 0 auto; } @media (min-width: 992px) { #mainMenu a.dropdown-toggle .dropdown-trigger { display: none; } #mainMenu .dropdown-menu { display: none !important; } } .pageHeaderImage { position: relative; overflow: hidden; background-color: #000000; } .pageHeaderImage img { position: absolute; top: 50%; left: 50%; margin-left: -960px; margin-top: -105px; max-width: inherit; height: 210px; z-index: 0; } .pageHeaderImage .container { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; } .pageHeaderImage h1 { color: #ffffff; text-align: center; text-transform: uppercase; margin-bottom: 0; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } .pageHeaderImage #drobecky { position: absolute; top: 0; left: 15px; color: #ffffff; } .pageHeaderImage #drobecky a { color: #a4a4a4; text-decoration: underline; } .pageHeaderImage #drobecky .breadcrumb>.active { color: #ffffff; } .pageHeaderImage #drobecky .breadcrumb>li+li:before { color: #ffffff; } @media (max-width: 767px) { .pageHeaderImage { height: 90px; margin-bottom: 30px; } .pageHeaderImage img { width: 896px; height: 98px; margin-top: -49px; margin-left: -448px; } .pageHeaderImage h1 { font-size: 20px; } .pageHeaderImage #drobecky .breadcrumb { padding-top: 5px; } } @media (min-width: 768px) { .pageHeaderImage { height: 160px; margin-bottom: 30px; } .pageHeaderImage img { width: 1152px; height: 126px; margin-top: -63px; margin-left: -576px; } .pageHeaderImage h1 { font-size: 28px; } } @media (min-width: 992px) { .pageHeaderImage { height: 180px; } .pageHeaderImage img { width: 1664px; height: 182px; margin-top: -91px; margin-left: -832px; } .pageHeaderImage h1 { font-size: 32px; } } @media (min-width: 1220px) { .pageHeaderImage { height: 210px; margin-bottom: 50px; } .pageHeaderImage img { width: 1920px; height: 210px; margin-left: -960px; margin-top: -105px; } .pageHeaderImage h1 { font-size: 40px; } } @media (min-width: 1460px) { .pageHeaderImage { margin-bottom: 70px; } } .nabidka #main_block { padding-top: 0; } #filtr-aut.filter-affix { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 4; } @media (min-width: 768px) { #filtr-aut.filter-affix { width: 720px; } } @media (min-width: 992px) { #filtr-aut.filter-affix { width: 940px; } } @media (min-width: 1220px) { #filtr-aut.filter-affix { width: 1180px; } } @media (min-width: 1460px) { #filtr-aut.filter-affix { width: 1420px; } } .perexholder { display: block; margin: 35px 0 0 0; } .perexbox { display: inline-block; float: left; width: 35%; color: #333333; font-size: 18px; line-height: 22px; margin-right: 20px; } .perexbox .image-block, .perexbox .text-block, .perexbox .image-block img { display: inline-block; vertical-align: top; float: left; } .perexbox .image-block { width: 20%; } .perexbox .text-block { width: 80%; } @media (max-width: 940px) { .perexbox { width: 50%; } } @media (max-width: 600px) { .perexbox { width: 100%; } } .white-popup-block { max-width: 940px !important; } .white-popup-block.hide-ico .win-message { display: table; background: #e6e6e6; color: #ee0000; font-size: 32px; padding: 30px 40px 35px 40px; border-bottom: 5px solid #d5d5d5; width: 100%; margin: 0; } .white-popup-block .popup-inner { padding: 20px; background: #f7f7f7; color: #333333; } @media (min-width: 992px) { .white-popup-block .popup-inner { padding: 30px 40px; } } .form-control { height: 50px; margin-bottom: 20px; } .g-recaptcha { margin-bottom: 20px; } .no-bottom-margin { margin-bottom: 0; } .showOnPage .win-message { display: none; } .servis-block { padding: 20px; margin-bottom: 10px; } .servis-block h2 { font-size: 32px; margin-bottom: 25px; } @media (min-width: 1220px) { .servis-block { padding: 70px 130px; } } .formularKontakt label.display-inline-block { display: inline-block; margin: 0 8px; } #auto-modal-dotaz #kf_zprava_pozn { height: 234px; } .blokKontakt .pata-menu-item a { text-decoration: none; } #formularVykup h2 { font-size: 32px; } #form-holder { margin-bottom: 60px; } @media (min-width: 1220px) { #formularVykup { margin-top: 30px; } #formularVykup h3 { margin-bottom: 50px; } #form-holder { margin-bottom: 130px; } } #main-content.cancel_min_height { min-height: inherit; } .pata-menu-block { margin-top: 50px; } .blokKontakt .pata-menu-item a { font-size: 14px; } .kontakt-item-nabidka-detail { border: none; } .kontakt-item-nabidka-detail .kontakt-data { padding: 20px; } @media (max-width: 767px) { #drobecky { display: none; } } p.tiny_empty_block { margin: 0; line-height: 0; } .cp-extrablock { margin-bottom: 120px; } .cp-extrablock:last-of-type { margin-bottom: 0; } .cp-extrablock img { max-height: 250px; object-fit: cover; margin-bottom: 20px; } @media(min-width: 992px){ .cp-extrablock img { max-height: 500px; margin-bottom: 0; } } .auto-hp-cena .half-block { width: 50%; display: block; float: left; } .auto-hp-cena .discount { color: #444444; font-size: 15px; display: table; width: 100%; } .auto-hp-cena .discount .past-price { color: #000000; font-size: 18px; font-weight: 600; text-decoration: line-through; } @media (min-width: 1220px) { .auto-hp-cena .discount .past-price-block { padding-left: 40px; } } .params-cena .past-price { color: #000000; text-decoration: line-through; } .elektromobilita #main_block { padding-top: 0px; } .elektromobilita #top-section .h1 { display: none; } @media screen and (min-width: 992px) { .elektromobilita #top-section h2 { font-size: 50px; } .elektromobilita #top-section h3 { font-size: 40px; line-height: 53px; } } .sub_textBlok { padding-top: 87px; padding-bottom: 100px; line-height: 28px; } .sub_textBlok .btn { min-width: 320px; } .elektromobilita #nabidakEleMazda { padding-top: 60px; text-align: center; } .elektromobilita #nabidakEleMazda .title { line-height: 53px; text-transform: uppercase; text-align: center; margin-top: 0; } .vypisAutDetailni .box { padding: 20px 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; margin-bottom: 20px; } .vypisAutDetailni .box .title { font-size: 22px; line-height: 28px; color: #333333; font-weight: 600; text-transform: none; text-align: left; margin-bottom: 36px; height: 56px; overflow: hidden; } .vypisAutDetailni .box table, .vypisAutDetailni .box table th, .vypisAutDetailni .box table tr, .vypisAutDetailni .box table td { background-color: transparent; border: none; padding: 0px; } .vypisAutDetailni .box .text { font-size: 15px; line-height: 22px; color: #444444; } .vypisAutDetailni .box .text p strong span { font-size: 17px; } .elektromobilita #nabidakEleMazda .btn { margin-top: 30px; } @media(min-width: 768px){ .vypisAutDetailni .box { height: 900px; overflow: hidden; } } .elektromobilita .elektromob_sekce { padding-top: 50px; padding-bottom: 50px; } .elektromobilita #poradit { background-image: url('/img/poptavka_2x.jpg'); background-position: top center; background-size: cover; background-repeat: no-repeat; position: relative; height: 480px; margin-top: 50px; margin-bottom: 50px; } .elektromobilita #poradit .block { left: 0; right: 0; text-align: center; } .elektromobilita #poradit .block h2 { font-size: 40px; color: #ffffff; font-weight: 400; } .elektromobilita #poradit .block .btn { min-width: 240px; padding: 17px 12px; text-transform: uppercase; color: #000000; background-color: #ffffff; border-radius: 4px; margin-top: 33px; } .elektromobilita #poradit .block .btn:hover, .elektromobilita #poradit .block .btn:focus { background-color: #ea1b0a; color: #ffffff; } .elektromobilita #intuitivni.side_block { padding-bottom: 0px; } .elektromobilita #mymazda.side_block { padding-top: 0px; padding-bottom: 60px; } .elektromobilita .side_block .content { padding-top: 30px; padding-bottom: 30px; } .elektromobilita .side_block .title { line-height: 48px; margin-top: 0px; margin-bottom: 20px; } .elektromobilita .side_block .text { font-size: 16px; line-height: 30px; color: #333333; } @media(min-width: 992px){ .elektromobilita .side_block .content { padding: 20px; } .elektromobilita .side_block .img_col { padding-left: 0px; padding-right: 0px; } } @media(min-width: 1220px){ .elektromobilita .side_block .content { padding: 90px 70px 20px 20px; } } @media(min-width: 1460px){ .elektromobilita .side_block .content { padding: 110px 90px 40px 40px; } } .akcniNabidka #main_block { padding-top: 0px; } .akcniNabidka .pageHeaderImage img { margin-top: -185px; height: 370px; } @media (max-width: 767px) { .akcniNabidka .pageHeaderImage { height: 173px; } .akcniNabidka .pageHeaderImage img { height: 173px; margin-top: -85px; } } @media (min-width: 768px) { .akcniNabidka .pageHeaderImage { height: 222px; } .akcniNabidka .pageHeaderImage img { height: 222px; margin-top: -110px; } } @media (min-width: 992px) { .akcniNabidka .pageHeaderImage { height: 300px; } .akcniNabidka .pageHeaderImage img { height: 300px; margin-top: -150px; } } @media (min-width: 1220px) { .akcniNabidka .pageHeaderImage { height: 370px; } .akcniNabidka .pageHeaderImage img { height: 370px; margin-top: -185px; } .akcniNabidka .pageHeaderImage h1 { font-size: 52px; } } .an_sekce { padding-top: 50px; padding-bottom: 50px; } #casNaNovouMazdu.an_sekce { padding-top: 90px; padding-bottom: 90px; background-color: #f4f4f4; } #casNaNovouMazdu.an_sekce .text p { text-align: center; } #casNaNovouMazdu.an_sekce .text h2, #casNaNovouMazdu.an_sekce .text .h2 { font-size: 40px; margin-top: 0px; } #casNaNovouMazdu.an_sekce .text h3, #casNaNovouMazdu.an_sekce .text .h3 { margin-bottom: 56px; } #an_vozy.an_sekce { padding-top: 95px; } #an_vozy.an_sekce .title { font-size: 36px; line-height: 53px; text-transform: uppercase; text-align: center; margin-top: 0px; margin-bottom: 40px; } #an_vozy .vypisAutDetailni .box { padding: 43px 10px 33px 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; margin-bottom: 20px; height: auto; } #an_vozy .vypisAutDetailni .box .content { padding: 0px 22px; } #an_vozy .vypisAutDetailni .box .title { font-size: 30px; line-height: initial; color: #333333; font-weight: 600; text-transform: uppercase; text-align: left; margin-top: 64px; margin-bottom: 18px; height: auto; } #an_vozy .vypisAutDetailni .box .text { font-size: 15px; line-height: 22px; color: #444444; margin-bottom: 22px; } #an_vozy .vypisAutDetailni .box .text p strong span { font-size: 15px; } #an_vozy .vypisAutDetailni .box .btn_block .btn { display: block; } #an_vozy .vypisAutDetailni .box .btn_block .btn.btn-primary { font-size: 15px; margin-bottom: 10px; } #an_vozy .vypisAutDetailni .box .btn_block .btn.btn-primary.tl-prozkoumat { font-size: 20px; } #an_vozy .vypisAutDetailni .box .btn_block .btn.btn-red { font-size: 20px; } @media(min-width: 768px){ #an_vozy .vypisAutDetailni .box { height: 745px; overflow: hidden; } #an_vozy .vypisAutDetailni .box .text { font-size: 13px; line-height: 18px; height: 200px; overflow: hidden; } } @media(min-width: 992px){ #an_vozy .vypisAutDetailni .box .text { font-size: 12px; line-height: 16px; } } @media(min-width: 1220px){ #an_vozy .vypisAutDetailni .box { height: 798px; overflow: hidden; } #an_vozy .vypisAutDetailni .box .text { font-size: 14px; line-height: 22px; height: 220px; } } @media(min-width: 1460px){ #an_vozy .vypisAutDetailni .box .text { font-size: 15px; height: 200px; } } #an_vozy .nabidka_vozu_btn { margin-top: 60px; width: 100%; padding-top: 16px; padding-bottom: 16px; font-size: 10px; } @media(min-width: 460px){ #an_vozy .nabidka_vozu_btn { font-size: 14px; } } @media(min-width: 992px){ #an_vozy .nabidka_vozu_btn { font-size: 11px; } } @media(min-width: 1220px){ #an_vozy .nabidka_vozu_btn { font-size: 14px; } } @media(min-width: 1460px){ #an_vozy .nabidka_vozu_btn { font-size: 16px; } } .vyhodyArticles .box { text-align: center; background-color: #f3f3f3; padding: 72px 50px 40px 50px; margin-bottom: 20px; } .vyhodyArticles .title_block { font-size: 20px; line-height: 66px; color: #000000; font-weight: 400; text-transform: uppercase; margin-bottom: 14px; } .vyhodyArticles .title_block .text_big { font-size: 60px; display: block; } .vyhodyArticles .text { font-size: 16px; line-height: 24px; } .vyhodyArticles .text p { text-align: center; } .vyhodyArticles .btn { margin-top: 20px; } @media(min-width: 768px){ .vyhodyArticles .box { height: 490px; } .vyhodyArticles .title_block { font-size: 18px; line-height: 50px; height: 140px; } .vyhodyArticles .title_block .text_big { font-size: 50px; } .vyhodyArticles .text { font-size: 14px; max-height: 168px; overflow: hidden; } } @media(min-width: 1220px){ .vyhodyArticles .title_block { height: 200px; line-height: 66px; } .vyhodyArticles .text { font-size: 16px; max-height: 98px; } .vyhodyArticles .title_block .text_big { font-size: 60px; } } @media(min-width: 1460px){ .vyhodyArticles .text { max-height: 72px; } }