﻿* {margin:0;padding:0;font-size:12.0pt;font-family:"Century Gothic", sans-serif;}
body {text-align:center;color:#000000;background-color:#ffffff;}
a {text-decoration:none;color:#0391c2;border-bottom:dotted 1px #0391c2;}
ul {list-style-type:none;}
table {border:0;border-collapse:collapse;width:100%;}
img {border:0;display:block;}
.clear {clear:both;display:block;height:0px;}
.clearD {clear:both;display:block;height:1px;}

h1, h2, #formularHledaniTop, #seznamProdejcu, #nahledyInzeratu, #blokTrideni, #centralniPata, .navigaceDetail, .novinkyporovnani, .skupinaDetail, #vybava, .poznamka, .facebook, #porovnaniTable {width:90%;margin:0 auto;text-align:left;}

.oddilHtml {padding:10px 0;background-color:#eeeeee;}
.poznamkaCena {font-size:60%;color:#999999;font-weight:normal;}

/* Hlavička a Logo */
#hlava {margin-bottom:0px;background-color:#5f3e1c;}
h1 {padding:6px 0;text-align:center;}
h1 a {border:0;}
h1 img {display:inline;}

/* ------------------ */

#telo {margin-top:15px;margin-bottom:30px;}
.w33 {float:left;width:33%;}
.w25 {float:left;width:25%;}
.w50 {float:left;width:50%;}
.w75 {float:left;width:75%;}

/* ------------------ */

/* Nadpisy */
h2 {font-size:220%;font-weight:normal;margin-top:60px;margin-bottom:20px;color:#CC3300;text-align:center;text-transform:uppercase;}
h3 {font-size:180%;font-weight:normal;margin-bottom:14px;}

/* Tlačítka */
button {background-color:#0391c2;padding:14px 18px;color:#ffffff;border:0;text-transform:uppercase;border-bottom:solid 2px #666666;}

/* ------------------ */

/* Hlavní formulář hledání */
#formularHledaniTop label {text-transform:uppercase;display:block;margin-bottom:10px;color:#ffffff;}
#formularHledaniTop select {width:98%;padding:6px;border:0;}
.formularHledaniFloat, .formularHledaniFloatPosuvnik {width:20%;float:left;}
.formularHledaniOkraj {padding:10px 15px 20px 15px;margin:4px 8px;background-color:#5f3e1c;border-radius:8px;text-align:center;}
.formularHledaniOkraj .zarovnani {display:block;height:0.7em;}
#formularHledaniTop button {margin-bottom:5px;}
#cena_posuvnik {position:relative;left:4px;top:9px;width:90%;}
#cena_min, #cena_max {font-weight:normal;font-size:100%;}
.formularHledanibutton {text-align:center;padding-top:18px;}

@media screen and (max-width: 1200px) {
    .formularHledaniFloat {width:25%;}
    .formularHledaniFloatPosuvnik {width:25%;}
}
@media screen and (max-width: 1000px) {
    .formularHledaniFloat {width:33%;}
    .formularHledaniFloatPosuvnik {width:66%;}
}
@media screen and (max-width: 800px) {
    .formularHledaniFloat {width:50%;}
    .formularHledaniFloatPosuvnik {width:100%;}
}
@media screen and (max-width: 500px) {
    #formularHledaniTop label {margin-bottom:1px;font-size:90%;}
    .formularHledaniFloat {width:100%;}
    .formularHledaniOkraj {margin:2px 8px;}
}

/* ------------------ */

/* Náhledy vozů - výsledek hledání */
/* #nahledyInzeratu {} */
.nahled {float:left;width:25%;text-align:left;}
.nahled a.odkazNaDetail {color:#000000;margin:8px;background-color:#ffffff;display:block;border:solid 1px #000000;}
.w_F {position:relative;}
.w_F p.pocetFoto {position:absolute;top:0;left:0;background:url("foto.png") repeat 0% 50%;float:left;}
.w_F p.pocetFoto span {color:#000000;padding:7px 7px 5px 34px;float:left;}
.w_F img {width:100%;height:auto;}
.w_I {padding:10px;}
.w_I h2 {margin:5px 0;font-size:140%;font-weight:bold;font-style:normal;text-align:left;}
.w_I p {display:block;font-size:90%;}
.w_I p.specifikace {margin-top:2px;margin-bottom:10px;font-size:80%;}
.w_I p.techPoznamky {margin:1px 0;}
.w_I p.prodejce {margin:6px 0;padding-top:6px;font-size:90%;font-style:italic;border-top:solid 1px #999999;}
.nahled p.cena {color:#ffffff;font-size:160%;text-align:right;font-weight:bold;background-color:#5f3e1c;padding:8px;}
.zadnyzaznam {padding:30px 0;font-size:260%;color:#ffffff;}
.zadnyzaznam2 {padding:30px;font-size:160%;color:#ffffff;line-height:1.8em;}
.zadnyzaznam2 i {font-size:100%;}

/* ------------------ */

/* Stránkování */
.statistikaStranky {margin:0 auto;clear:both;}
.statistikaStranky p {padding:7px 0;color:#ffffff;display:block;text-align:center;background-color:#5f3e1c;font-size:90%;}
.strankovani {float:left;width:100%;padding:10px 0;}
.strankovani li {float:left;width:50%;}
.strankovani li.zpet {text-align:left;}
.strankovani li.dale {text-align:right;}
.strankovani li.zpet a {background:url("sipkaL.png") no-repeat 0% 60%;padding-left:16px;margin-left:5px;}
.strankovani li.dale a {background:url("sipkaR.png") no-repeat 100% 60%;padding-right:16px;margin-right:5px;}

/* ------------------ */

/* Změna třídění */
#blokTrideni {text-align:right;position:relative;width:98%;}
#ovladacTrideni {font-size:150%;border:0;}
#ovladacTrideni img {display:inline;}
#odkazyTrideni {padding:8px;background-color:#eeeeee;width:auto;position:absolute;left:2000px;top:0;z-index:15;display:none;}
#odkazyTrideni li {padding:8px 6px;border-top:solid 1px #cccccc;}
#odkazyTrideni li.prvniTr {border:0;}
#odkazyTrideni a {border:0;}
#odkazyTrideni a.aktualniTrideni {color:#222222;font-weight:bold;}

/* ------------------ */

/* Pata stránky */
#odkazyBottom {margin-top:60px;}
#odkazyBottom a {margin:0 10px;}

#pata {background-color:#302112;margin-top:10px;}
#centralniPata {padding-top:6px;}
p.copy {display:block;padding:14px 6px;color:#ffffff;border-top:solid 1px #666666;font-size:90%;background-color:#202020;}
#centralniPata a {color:#ffffff;border-bottom:dotted 1px #ffffff;}

#tops {text-align:center;padding-top:6px;}
#tops img {display:inline;}
#tops a {border:0;}

.pataInfo {padding-bottom:15px;}
.pataInfo p {color:#ffffff;font-style:italic;font-size:90%;padding:0 8px;}

.pataZnacky {margin:14px 0;}
.pataJeden {float:left;width:50%;margin:14px 0;}
.pataJeden h3, .pataZnacky h3 {font-size:110%;color:#ffffff;font-weight:bold;margin:0 8px 2px 8px;text-transform:uppercase;}
.pataJeden li, .pataZnacky li {float:left;margin:8px;}
.pataJeden p {color:#ffffff;margin:8px;}

/* Formulář pro jednoduché hledání vozu */
#form3 {margin:8px;display:block;}
#jednoducheHledani {float:left;width:96%;background-color:#ffffff;}
#jednoducheHledaniInput {padding:8px;float:left;width:98%;}
#jednoducheHledaniInput input {border:0;padding:0;float:left;display:block;}
#vozidlo {width:88%;}
#goV {width:12%;background:transparent url("lupa.png") no-repeat 100% 50%;}

@media screen and (max-width: 500px) {
    .pataJeden {width:100%;}
}

/* ------------------ */
/* DETAIL VOZU */
/* ------------------ */

/* Navigace mezi inzeráty na stránce detailu */
.navigaceDetail {margin-bottom:20px;border-bottom:solid 1px #cccccc;padding-bottom:4px;}
.navigaceDetail a {display:block;float:left;border:0;}
.navigaceDetail img {float:left;}
.navigaceDetail .w75 a {float:right;margin-left:15px;}
.navigaceDetail a.auto_L {background:url("auto_L.png") no-repeat 0% 50%;padding-left:22px;}
.navigaceDetail a.auto_R {background:url("auto_R.png") no-repeat 100% 50%;padding-right:22px;}
.navigaceDetail a span {display:block;float:left;padding:15px 8px;}

/* ------------------ */

.novinkyporovnani {text-align:left;display:block;margin-top:15px;line-height:1.3em;}

/* Název vozu a cena */
.nadpisDetailuVozu {text-align:left;margin-top:15px;}
.nadpisDetailuVozu .cena {font-size:100%;margin-left:20px;}
.nadpisDetailuVozu .cena .poznamkaCena {font-size:60%;}
.specifikace {font-size:60%;clear:both;text-align:left;color:#000000;display:block;}

/* ------------------ */

.skupinaDetail {margin-top:20px;}
.w_Foto {width:60%;float:left;}
.w_Udaje {width:40%;float:left;}

#fotografie {background-color:#eeeeee;width:580px;}
#fotografieOkraj {padding:10px;}
#fotografie a {display:block;float:left;margin-right:8px;margin-bottom:10px;width:auto;border:0;}
#fotografie img {display:block;}
#fotografie .skryteFoto {display:none;float:left;}
#viceFoto {display:block;float:left;}
#viceFoto a {padding:8px 0 8px 90px;display:block;font-size:200%;background-image:url("vicefoto.png");background-position:0% 60%;background-repeat:no-repeat;border:0;}

#popisDetailu {width:90%;border-top:solid 1px #cccccc;margin-bottom:30px;}
#popisDetailu td, #popisDetailu th {padding:7px 8px;border-bottom:solid 1px #cccccc;text-align:left;}
.w_Udaje p {margin:15px 0;}

#provereniVozu {border:solid 1px #cccccc;padding:8px;text-align:center;}
#provereniVozuNadpis {float:left;width:50%;text-align:left;font-size:130%;font-weight:bold;display:block;}
#provereniVozuLogo {float:left;width:50%;text-align:right;display:block;}
#provereniVozuLogo img {float:right;}
#provereniVozuPopis {border-top:solid 1px #cccccc;padding:10px;clear:both;margin:8px 0;display:block;}

#vybava li {float:left;width:20%;background:url("vybava_check.png") no-repeat 0% 50%;padding:1px 0;}
#vybava li span {background:url("vybava_check.png") no-repeat 0% 50%;padding-left:20px;display:block;text-align:left;}

.poznamka {text-align:left;line-height:1.4em;}

.prodejce_osoba {background:url("prodejce_osoba.png") no-repeat 0% 50%;padding:17px 15px 17px 60px;}
.prodejce_misto {background:url("prodejce_misto.png") no-repeat 2% 50%;padding:17px 15px 17px 60px;}
.prodejce_kontakt {background:url("prodejce_kontakt.png") no-repeat 0% 50%;padding:17px 15px 17px 60px;}
.prodejce_data {background:url("prodejce_data.png") no-repeat 2% 50%;padding:17px 15px 17px 60px;}

.kontaktniForm {margin:8px 0;}
.tlacitko {margin-top:18px;}
.kontaktniForm label {display:block;}
.kontaktniForm input, .kontaktniForm textarea {width:80%;padding:8px;border:solid 1px #666666;}

p.obchodniInfo {font-size:90%;margin-top:25px;display:block;}

/* ------------------ */

#porovnaniTable {border-collapse:collapse;}
#porovnaniTable th {padding:10px 4px 10px 0;border-bottom:solid 2px #999999;text-transform:uppercase;}
#porovnaniTable td {padding:10px 4px 10px 0;border-bottom:solid 1px #999999;}
#porovnaniTable a {border:0;}

/* ------------------ */
/* JS */
#preloader {position:absolute;background:url("pre.png") repeat 0% 0%;z-index:20;}
#preloader span {color:#ffffff;font-size:200%;padding:15px;text-align:center;display:block;}
/* ------------------ */
#noveokno {position:absolute;z-index:50;display:none;background-color:#f9f9f9;width:700px;border:solid 1px #999999;}
.noveoknoMenu {text-align:right;padding-top:10px;padding-right:10px;}
.noveoknoOkraje {padding:40px 60px;text-align:left;}
#noveokno p {margin:20px 0;display:block;line-height:1.8em;}
#novyInzeratMail {width:80%;padding:10px;border:solid 1px #bbbbbb;}
#oznameniZrusit {}
.noveoknoOkraje button {padding:8px 10px;}
.dulezite {font-size:110%;color:#CC3300;}
.hlaseni {list-style-type:square;}
.hlaseni li {margin:6px 0;color:#aa0000;font-size:120%;}
.hlaseni li.ok {color:#009900;}
#nojs {font-size:190%;padding:30px 10px;}

/* ------------------ */
/*
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1000px) {}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 500px) {}
*/
@media screen and (max-width: 1200px) {
    .w_Foto {width:65%;}
    .w_Udaje {width:35%;}
    .nahled {width:33%;}
}
@media screen and (max-width: 1000px) {
    .w_Foto, .w_Udaje {width:100%;float:none;}
    
    .jedenProdejce, #vybava li {width:33%;}
}
@media screen and (max-width: 800px) {
    h1, h2, #formularHledaniTop, #seznamProdejcu, #nahledyInzeratu, #blokTrideni, #centralniPata, .navigaceDetail, .skupinaDetail, #vybava, .poznamka, .facebook, #porovnaniTable {width:98%;}
    
    .jedenProdejce, .nahled, #vybava li {width:50%;}
    .jedenProdejce p {font-size:80%;}
    
    #noveokno {width:80%;}
    
    .navigaceDetail .w25, .navigaceDetail .w75 {float:none;width:100%;clear:both;}
    #hlavniFoto img, #fotografie, #popisDetailu {width:100%;height:auto;}
    
    .w33 {width:50%;}
}
@media screen and (max-width: 500px) {
    #telo {margin-top:5px;margin-bottom:5px;}
    
    h1 img {width:60%;height:auto;}
    
    .jedenProdejce, .nahled {width:98%;}    

    .nadpisDetailuVozu .cena {display:block;margin:0;}
    .w_Udaje p {line-height:1.8em;}
    
    .w50, .w33, .w25, .w75 {float:none;width:100%;clear:both;}
    
    #porovnaniTable th {font-size:80%;}
    #porovnaniTable td {padding:5px 2px 5px 2px;border:solid 1px #999999;}
    
    #noveokno {width:98%;}
    .noveoknoOkraje {padding:10px 15px;}
}

/* Grafický posuvník pro formulářový input */
.noUi-target, .noUi-target * {-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;}
.noUi-target {position:relative;direction:ltr;}
.noUi-base {width:100%;height:100%;position:relative;}
.noUi-origin {position:absolute;right:0;top:0;left:0;bottom:0;}
.noUi-handle {position:relative;z-index:1;}
.noUi-stacking .noUi-handle {z-index:10;}
.noUi-state-tap .noUi-origin {-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s;}
.noUi-state-drag * {cursor:inherit!important;}
.noUi-base {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.noUi-horizontal {height:3px;}
.noUi-horizontal .noUi-handle {width:20px;height:20px;left:-10px;top:-9px;}
.noUi-vertical {width:20px;}
.noUi-vertical .noUi-handle {width:20px;height:20px;left:-10px;top:-17px;}
.noUi-background {background:#D3D3D3;}
.noUi-connect {background:#44c7f4;-webkit-transition:background 450ms;transition:background 450ms;}
.noUi-origin {}
.noUi-target {background-color:#D3D3D3;}
.noUi-target .noUi-connect {}
.noUi-dragable {cursor:w-resize;}
.noUi-vertical .noUi-dragable {cursor:n-resize;}
.noUi-handle {cursor:default;background:url("bod_posuvniku.png") no-repeat center center;padding:10px;}
.noUi-active {}
.noUi-handle:after, .noUi-handle:before {content:"";display:none;}
.noUi-handle:after {left:17px;}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {width:14px;height:1px;left:6px;top:14px;}
.noUi-vertical .noUi-handle:after {top:17px;}
[disabled] .noUi-connect, [disabled].noUi-connect {background:#a8a8a8;}
[disabled] .noUi-handle {cursor:not-allowed;}
.tooltip {display:none;}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {overflow: hidden !important;}
#swipebox-overlay img {border: none !important;}
#swipebox-overlay {width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#swipebox-container {position:relative;width:100%;height:100%;}
#swipebox-slider {-webkit-transition: -webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer;}
#swipebox-slider .slide {height:100%;width:100%;line-height:1px;text-align:center;display:inline-block;}
#swipebox-slider .slide:before {content:"";display:inline-block;height:50%;width:1px;margin-right:-1px;}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle;}
#swipebox-slider .slide .swipebox-video-container {background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {width:100% !important;height:100% !important;position:absolute;top:0;left:0;}
#swipebox-slider .slide-loading {background:url("lightbox/loader.gif") no-repeat center center;}
#swipebox-bottom-bar, #swipebox-top-bar {-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%;}
#swipebox-bottom-bar {bottom:-50px;}
#swipebox-bottom-bar.visible-bars {-webkit-transform:translate3d(0, -50px, 0);transform:translate3d(0, -50px, 0);}
#swipebox-top-bar {top:-50px;}
#swipebox-top-bar.visible-bars {-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0);}
#swipebox-title {display:block;width:100%;text-align:center;}
#swipebox-prev, #swipebox-next, #swipebox-close {background-image:url("lightbox/icons.png");background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0;}
#swipebox-arrows {display:block;margin:0 auto;width:100%;height:50px;}
#swipebox-prev {background-position:-32px 13px;float:left;}
#swipebox-next {background-position:-78px 13px;float:right;}
#swipebox-close {top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px;}
.swipebox-no-close-button #swipebox-close {display:none;}
#swipebox-prev.disabled, #swipebox-next.disabled {opacity:0.3;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s;}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0;}
.swipebox-touch #swipebox-container:before {left:0;-webkit-box-shadow:inset 10px 0px 10px -8px #656565;box-shadow:inset 10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-container:after {right:0;-webkit-box-shadow:inset -10px 0px 10px -8px #656565;box-shadow:inset -10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {opacity:1;}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {opacity:1;}
@-webkit-keyframes rightSpring {
  0% {left:0;}
  50% {left:-30px;}
  100% {left:0;}
}
@keyframes rightSpring {
  0% {left:0;}
  50% {left:-30px;}
  100% {left:0;}
}
@-webkit-keyframes leftSpring {
  0% {left:0;}
  50% {left:30px;}
  100% {left:0;}
}
@keyframes leftSpring {
  0% {left:0;}
  50% {left:30px;}
  100% {left:0;}
}
@media screen and (min-width: 800px) {
  #swipebox-close {right:10px;}
  #swipebox-arrows {width:92%;max-width:800px;}
}
/* Skin 
--------------------------*/
#swipebox-overlay {background:#0d0d0d;}
#swipebox-bottom-bar, #swipebox-top-bar {text-shadow:1px 1px 1px black;background:#000;opacity:0.95;}
#swipebox-top-bar {color: white !important;font-size: 15px;line-height:43px;}