body,
html {
  background: #fff;
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 300;
  height: 100%;
  text-align: center;
}

#videobg {
  width: 100%;
  background: url(/img/video.jpg) no-repeat;
  background-size: cover;
}

span.tadeas {
  font-weight: bold;
  padding: 5px;
  background: red;
  color: #fff
}

.clear {
  clear: both;
}

.gray {
  background: #ebebeb;
}

.black {
  background: #000;
}

.yellow {
  background: #fffb00;
  color: #000;
}

.botecicek {
  display: none;
}

tr.three td {
  background: #707070;
  color: #fff;
}

img.srdicko {
  position: relative;
  top: 10px;
  padding: 0;
  width: 50px;
}

img.fotka {
  width: 700px;
  max-width: 100%;
}

#top {
  background: #fff;
}

#top nav ul li a strong {
  color: #d72525;
}

#top nav ul li a:hover strong {
  color: #d72525;
  text-decoration: underline;
}

header .leva a {
  color: #fff;
  text-decoration: none
}

.karta-vozidla .ceny a {
  color: black;
}

.cena-sirka a {
  color: #000;
}

#adresa-predani {
  display: none;
}

#adresa-vyzvednuti {
  display: none;
}

#cilova-destinace {
  display: none;
}

#kauce-nula {
  display: none;
}

#nula {
  display: none;
}

#mytiinfo {
  display: none;
}

#vyssikauce {
  display: none;
}

#adresa-vyzvednuti-zprava {
  display: none;
}

#adresa-predani-zprava {
  display: none;
}

#adresa-pujmanove {
  display: none;
}

h3 a {
  color: #000;
  text-decoration: underline;
}

.autofoto {
  border: 0;
  background: 0;
  max-width: 95%;
  margin: 0 auto
}

.autofoto img {
  max-width: 100%;
  margin: 0 auto
}

.podkategorie li.act a {
  color: #000;
  background: #fffb00;
}

.podkategorie li.act a:hover {
  color: #fff;
  background: #000;
}

table.rekapitulace {
  border-collapse: collapse;
  font-size: 1.1em;
  text-align: left;
}


@media screen and (max-width: 320px) {
  .obsah .ceny-poukaz h3 {
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0em 0 0 0;
    padding: 0;
  }

  .obsah .ceny-poukaz h4 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    margin: 1.3em 0 1em 0;
    padding: 0;
    color: #424242;
  }

  .obsah .ceny-poukaz h3 span {
    background: #fffb00;
    color: #000;
    padding: 0.5em 0;
    display: block;
    width: 100%;
  }

  .obsah .ceny-poukaz h2 {
    text-align: center;
    font-size: 2.1em;
    font-weight: 400;
    margin: 0.1em 0 0.5em 0;
    padding: 0;
  }

  .obsah .ceny-poukaz p.poukazkod {
    font-size: 1.30em;
    text-align: center;
    margin: 1.5em 0 0 0;
    padding: 0;
    position: relative;
    top: 0px;
    font-weight: 300;
  }

  .obsah .ceny-poukaz p.poukazkodkosik {
    font-size: 1.1em;
    text-align: center;
    margin: 1.5em 0 0 0;
    padding: 0;
    position: relative;
    top: 0px;
    font-weight: 300;
    padding: 0;
  }

  .obsah .ceny-poukaz p.akcnicena {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #b1181a;
    color: #fff;
    padding: 0.2em 0.5em;
    margin: 1em 0 0 0;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3em;
    text-transform: none;
  }

  .obsah .ceny-poukaz p.cenapoukazu {
    background: #da1c1e;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 0 auto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8em;
    text-transform: none;
  }

  .obsah .ceny-poukaz h3 em {
    background: #000;
    border-radius: 5px;
    color: #fff;
    padding: 0.2em 0.3em;
    margin-left: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 1.1em;
    text-transform: none
  }

  .obsah .ceny-poukaz .objednatpoukaz {
    margin: 2em 0 0 0;
    padding: 0;
    text-align: center;
  }

  .obsah .ceny-poukaz .objednatpoukaz a {
    padding: 0.5em 1.6em 0.5em 2.9em;
    color: #000;
    background: #52d624 url('../img/basket.png') no-repeat;
    margin: 0 auto;
    background-position: 12px 5px;
    font-size: 1.8em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
  }

  .obsah .ceny-poukaz .objednatpoukaz a:hover {
    padding: 0.5em 1.6em 0.5em 2.9em;
    color: #000;
    background: #fffb00 url('../img/basket.png') no-repeat;
    background-position: 12px 5px;
    font-size: 1.8em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
  }

  .full {
    width: 100%;
    padding-bottom: 2.5em;
  }

  .trio {
    float: none;
    width: 100%;
    padding-bottom: 2.5em;
    margin: 0;
  }

  .half {
    float: none;
    width: 100%;
    padding-bottom: 2.5em;
  }

  .half img {
    max-width: 100%;
  }

  .quatro {
    float: left;
    width: 25%;
    padding-bottom: 2.5em;
  }

  .petka {
    float: none;
    width: 100%;
    padding-bottom: 3em
  }

  .okraje {
    width: 89%;
    margin: 0 auto;
  }


  .stred {
    width: 100%;
    margin: 0 auto;
  }

  .achtung {
    background: red;
    color: #fff;
    font-size: 1.0em;
    padding: 0.5em;
  }

  .obsah h1 strong,
  .obsah h2 strong,
  .obsah h3 strong,
  .obsah h4 strong,
  .obsah h5 strong {
    font-weight: 400;
  }

  .obsah h1 {
    font-size: 2.3em;
    font-weight: 300;
    padding-bottom: 1.1em;
  }

  .obsah h2 {
    font-size: 2.1em;
    font-weight: 300;
    padding-bottom: 1.05em;
  }

  .obsah h3 {
    font-size: 1.9em;
    font-weight: 300;
    padding-bottom: 1.0em;
  }

  .obsah h4 {
    font-size: 1.6em;
    font-weight: 300;
    padding-bottom: 0.9em;
  }

  #top {
    height: 80px;
    width: 100%;
  }

  #top nav {
    width: 60%;
    float: left;
    display: none;
  }

  #top nav ul {
    margin: 0;
    padding: 0;
  }

  #top nav ul li {
    list-style: none;
    float: left;
    padding: 1.0em 0.8em 0 0;
  }

  #top nav ul li a {
    display: block;
    padding: 0.2em;
    color: #212121;
    text-decoration: none
  }

  #top nav ul li a:hover {
    text-decoration: underline;
    transition: 0.2s ease-in-out;
    color: #000;
  }

  #top .social {
    width: 40%;
    float: right;
    position: relative;
    top: -44px;
  }

  #top .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  #top .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  #top .social a {
    padding-right: 0.5em;
  }

  #top .language {
    width: 30%;
    float: right;
    position: relative;
    top: -44px;
  }

  #top .language a {
    background: #ec4410;
    display: block;
    padding: 0.6em;
    color: #fff;
    font-weight: 400;
    text-decoration: none
  }

  #top .language a:hover {
    background: #000;
    transition: 0.2s ease-in-out;
    background: #000;
  }

  header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/enyaqheader.jpg");
    height: 500px;
  }

  .obrazek-jachta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_jachta.jpg");
    height: 500px;
  }

  .obrazek-svatba {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_svatba.jpg");
    height: 500px;
  }

  .obrazek-auta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_auta.jpg");
    height: 500px;
  }

  .obrazek-stromovka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/stromovka-dark.jpg");
    height: 500px;
  }

  .obrazek-westfield {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/westfield-dark.jpg");
    height: 500px;
  }

  .obrazek-eden {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/eden-dark.jpg");
    height: 500px;
  }

  .obrazek-flora {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/flora-dark.jpg");
    height: 500px;
  }

  .obrazek-borislavka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/borislavka-dark.jpg");
    height: 500px;
  }

  .obrazek-harfa {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/harfa-dark.jpg");
    height: 500px;
  }

  .obrazek-zlicin {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/zlicin-dark.jpg");
    height: 500px;
  }

  .obrazek-strasnicka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/strasnicka-dark.jpg");
    height: 500px;
  }

  .obrazek-cernymost {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/cernymost-dark.jpg");
    height: 500px;
  }

  .obrazek-sestka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/ocsestka-dark.jpg");
    height: 500px;
  }

  .obrazek-letnany {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/letnany-dark.jpg");
    height: 500px;
  }

  .obrazek-lyzovani {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/lyzovani_big.jpg");
    height: 500px;
  }

  .obrazek-pristaveni {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header-pristaveni.jpg");
    height: 500px;
  }

  header .leva {
    float: left;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: 1em;
    display: none;
  }

  header .prava {
    float: right;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: -1em;
    display: none;
  }

  header span {
    font-size: 0.65em;
    font-weight: 300;
  }

  #header {
    background: #000;
    padding: 1em 0;
    margin: 0 auto;
    text-align: center;
  }

  #header .logo {
    background: url('img/autopujcovnaprahacom.png') no-repeat;
    background-size: 240px;
    height: 80px;
    margin: 0 auto;
    float: none;
    text-align: center;
    position: relative;
    background-position: 50% 50%
  }

  #header .logo a {
    display: block;
    width: 240px;
    height: 80px;
    border: 0px solid white;
    margin: 0;
    padding: 1px;
    position: relative;
    top: 0;
  }

  #header .logo a span,
  .top-mini .logo a span {
    display: none;
  }

  #header .logo h1 {
    margin: 0;
    padding: 0;
  }

  #header .volani {
    font-size: 2.1em;
    color: #f7ed00;
    font-weight: 400;
    float: none;
    position: relative;
    left: -0.25em;
    top: 0.6em;
    display: inline-block;
    padding-bottom: 20px;
  }

  #header .volani a {
    color: #f7ed00;
text-decoration: none;
  }

  #header img {
    position: relative;
    top: 5px;
    padding-right: 0.5em;
  }

  #header nav {
    float: right;
    display: none;
  }

  #header nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 6px;
  }

  #header nav ul li {
    list-style: none;
    float: left;
    padding: 0.5em 0 0 1.3em;
  }

  #header nav ul li a {
    display: block;
    padding: 0.5em;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
    transition: all 0.3s ease
  }

  #header nav ul li a:hover {
    text-decoration: none;
    color: #fffb00;
  }

  #header nav ul li.aktivni a {
    color: #fffb00;
  }

  #header nav ul li.odsazeni {
    position: relative;
    top: 10px;
    margin: 0 auto;
  }


  .bigbutton {
    border-top: 20px solid #fffb00;
    padding-bottom: 2em;
  }

  .bigbutton a {
    background: #fffb00;
    height: 95px;
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #000;
    font-size: 2.1em;
    font-weight: 400;
  }

  .bigbutton a:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }


  .obsah {
    padding: 3em 0;
  }

  .obsah p {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0.5em 0em;
  }

  .obsah p strong {
    font-weight: 400;
  }

  .obsah p a {
    color: #000;
    font-weight: 400;
  }

  .obsah p a:hover {
    color: #d6132e;
    transition: 0.2s ease-in-out
  }

  .black p {
    color: #fff;
  }

  .black p a {
    color: #fff;
  }

  .obsah ul {
    list-style: disc;
    text-align: left;
    font-size: 1.2em;
  }

  .obsah ul li {
    line-height: 2.0em;
  }

  .odsadit {
    padding: 0 2em;
  }

  .subkategorie {
    width: 25%;
    float: left;
    display: block;
  }

  .subkategorie .ohrazeniceni {
    margin: 0;
    padding: 0;
  }

  .subkategorie .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .subkategorie .ohraniceni:hover {
    color: #fff;
  }


  .subkategorie img {
    max-width: 100%;
  }

  .subkategorie a img {
    padding: 10px 1px;
  }

  .subkategorie:hover h3 a {
    color: #fff;
    background: black;
    border-radius: 5px;
  }

  .subkategorie h3 {
    font-size: 1.0em;
  }

  .subkategorie h3 a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    padding: 6px;
  }

  .subkategorie h3 a:hover {
    color: #fff;
  }

  .subkategorie h3.aktivni a {
    color: #000;
    background: #fffb00;
  }

  .podkategorie strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .podkategorie ul {
    margin: 0;
    padding: 0;
  }

  .podkategorie ul li {
    float: left;
    margin: 1.1em 0.1em 0 0;
    list-style: none;
    font-size: 0.95em;
  }

  .podkategorie a {
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
  }

  .podkategorie a:hover {
    color: #000;
    background: #fffb00;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none
  }

  .podkategorie a.redko {
    color: white;
    background: red;
  }

  .podkategorie a:hover.redko {
    color: #000;
    background: #fffb00;
  }

  .ramecek {
    border-left: 2px solid black;
    border-right: 2px solid black;
    padding: 0 0em;
  }



  h3.srdce {
    background: url('img/h3srdce.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.stromecek {
    background: url('img/stromecek.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.podminky {
    background: url('img/h3podminky.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.star {
    background: url('img/h3star.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.kalendar {
    background: url('img/h3kalendar.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.becko {
    background: url('img/h3b.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  .park {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .park h4 {
    margin: 0;
    font-weight: 400;
  }

  .park .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .park .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .park .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out;
  }

  .park .auto h4 {
    font-size: 1.0em;
  }

  .park .auto h4 a {
    color: #fff;
    display: block;
    padding: 1em 0 0.2em 0;
    text-decoration: none
  }

  .park .auto img {
    max-width: 100%;
  }

  .park .auto img:hover {
    max-width: 100%;
  }

  .park .informace {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .informace span {
    font-size: 1.3em;
    font-weight: 400;
    position: relative;
    top: -4px;
  }

  .park .info {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .info span {
    font-size: 0.9em;
    font-weight: 400;
    position: relative;
    background: #fffb00;
    color: #000;
    text-transform: uppercase;
    padding: 0.5em;
    margin: 0 0.5em;
    border-radius: 5px;
  }


  .autopujcovnapraha {
    background: #000;
    height: 55px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnapraha img {
    position: relative;
    top: 15px;
    max-width: 300px;
  }

  .autopujcovnapraha h2 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .autopujcovnaprahayellow {
    background: #fffb00;
    height: 125px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnaprahayellow img {
    position: relative;
    top: 15px;
    max-width: 300px;
  }

  .autopujcovnaprahayellow h2 {
    color: #000;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .obsah h2 span {
    font-size: 0.8em;
    font-weight: 400;
  }

  .obsah h2.left {
    text-align: left;
  }

  .tecky {
    border-bottom: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 4.5em 0 2em 0;
    position: relative;
    top: -50px;
  }

  .teckyauta {
    border-top: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 2.5em 0 0em 0;
    position: relative;
    top: 0px;
  }

  .modelyaut {
    background: #000;
    height: 60px;
    margin-top: 100px;
  }

  .modelyaut img {
    position: relative;
    top: -20px;
    max-width: 80px;
  }

  img.logoznacka {
    max-width: 80%;
  }

  img.logoznacka {
    float: none;
    padding: 2.0em 2em;
    opacity: 1.0;
  }

  img.logoznacka:hover {
    opacity: 0.5;
    transition: 0.2s ease-in-out;
  }

  img.dodavka {
    float: none;
    padding: 3em 0em 4em 0em;
    max-width: 300px;
  }

  .dodavky {
    padding: 2em 0;
  }

  .dodavka-parametr {
    background: #f5f5f5 url('img/dodavkamini.png') no-repeat;
    width: 100%;
    height: 100%;
    padding: 4em 0;
    display: block;
    background-position: center
  }

  .dodavka-parametr span {
    display: block;
    background: #fffb00;
    color: #000;
    width: 60%;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 0.3em 0;
  }

  .dodavka-parametr span strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .dodavka-parametr span strong em {
    position: relative;
    top: -8px;
    left: 2px;
    font-size: 0.7em;
    text-decoration: none;
    font-style: normal
  }

  .dodavka-rozmery {
    background: #f5f5f5;
    font-size: 1.15em;
    line-height: 1.7em;
    padding: 0.5em 0;
  }

  .dodavka-rozmery strong {
    font-weight: 300;
    font-size: 1.2em;
  }

  .dodavka-cena {
    background: #000;
    font-size: 1.2em;
    line-height: 1.7em;
    color: #fff;
  }

  .dodavka-cena strong {
    font-weight: 400;
    font-size: 1.3em;
    letter-spacing: 1px
  }

  .dodavka-parametr a {
    color: #000;
    text-decoration: none
  }

  .dodavka-info {
    position: relative;
    top: 7px;
  }

  .dodavka-cena a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0.7em;
  }

  .dodavka-cena:hover {
    background: #fffb00;
  }

  .dodavka-cena:hover a {
    color: #000;
  }

  .dodavka-info a {
    color: #000;
    display: block;
    padding: 0.5em;
  }

  .dodavka-info a:hover {
    color: #000;
    font-weight: 400;
  }

  img.cislovka {
    float: left;
    padding: 2em 1em 2em 0em;
  }

  .kroky .trio h3 {
    margin: 0;
    padding: 2.5em 0 0 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    text-align: left;
  }

  .kroky .trio p {
    font-size: 1.1em;
    margin: 0;
    padding: 4px 0 0 0;
  }

  .kategorie {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .kategorie h4 {
    padding: 1em;
    margin: 0;
    font-weight: 400;
  }

  .kategorie .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .kategorie .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto a {
    color: #fff;
  }

  .kategorie .auto img {
    max-width: 100%;
    filter: grayscale(0.5);
  }

  .kategorie .auto img:hover {
    max-width: 100%;
    filter: grayscale(0.0);
  }

  .newsletter {
    margin: 0;
    padding: 1em 0 10em 0;
    background: url('img/kodiaqvikend.png') no-repeat;
    background-position: 0% 30%
  }

  .newsletter img.newsletter-mini {
    float: left;
    padding-right: 0em;
    padding-top: 3em;
  }

  .newsletter h4 {
    font-size: 1.8em;
    margin: 0 auto;
    text-align: right;
    padding: 2em 1em 1em 0;
    font-weight: 300;
  }

  .newsletter p {
    font-size: 1.0em;
    text-align: center;
    margin: 0;
    padding: 0.5em 0em 0.5em 0;
  }

  .newsletter input {
    padding: 0.6em 1em;
    background: #c0c0c0;
    border: 0;
    border-radius: 5px;
    width: 250px;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    margin: 13.3em 0 1em 0;
  }

  .newsletter .minimini {
    float: none;
    position: relative;
    left: 0em;
  }

  .poslat {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslat .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslat .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslat .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslat .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .sleva {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .sleva .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .sleva .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .sleva .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .sleva .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .detail {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .detail .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 200px;
    font-size: 1.1em;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    border: 0;
    top: 0px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .detail .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .detail .tlac a {
    color: #fff;
    text-decoration: one;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 1px;
  }

  .detail .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poptavka {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poptavka .tlac {
    text-decoration: underline;
    background: #fffb00;
    padding: 0.85em 0.6em;
    color: #000;
    width: 100%;
    font-size: 1.5em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poptavka .tlac:hover {
    background: #000;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poptavka .tlac a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poptavka .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poslatpoptavku {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslatpoptavku .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.9em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslatpoptavku .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslatpoptavku .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslatpoptavku .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }


  .karta-vozidla .foto {
    width: 100%;
    float: none;
  }

  .karta-vozidla .foto-poukaz {
    width: 100%;
  }

  .karta-vozidla .foto-poukaz img {
    max-width: 100%;
  }

  .karta-vozidla .foto img {
    max-width: 100%;
  }

  .karta-vozidla h2 {
    text-align: center;
    font-size: 2.6em;
    font-weight: 400;
    margin: 0;
    padding: 1em 0;
  }

  .karta-vozidla .ceny {
    width: 100%;
    float: none;
    text-align: left;
    display: inline-block;
  }

  .karta-vozidla .ceny table.vyska {
    width: 100%;
    float: right;
    border-collapse: collapse;
    font-weight: 400;
  }

  .karta-vozidla .ceny table.vyska tr.first td {
    background: #000;
    color: #fff;
    padding: 0.7em 1.9em;
  }

  .karta-vozidla .ceny table.vyska tr.one td {
    background: #ebebeb;
  }

  .karta-vozidla .ceny table.vyska tr.two td {
    background: #d6d6d6;
  }

  .karta-vozidla .ceny table.vyska td.cena {
    text-align: right;
    font-size: 1.2em;
  }

  .karta-vozidla .ceny table.vyska tr.individual {
    background: #929292;
    color: #fff;
  }

  .karta-vozidla .ceny table.vyska tr.individual a {
    color: #fff;
  }

  .karta-vozidla .ceny table.vyska td {
    padding: 1em 1.9em;
  }

  .karta-vozidla .ceny p {
    font-size: 0.85em;
    text-align: center;
    font-weight: 400;
    padding: 0.5em 0;
    margin: 0;
  }

  .cena-sirka {
    padding: 2em 0;
    display: block;
    display: none;
  }

  .cena-sirka table {
    width: 100%;
    padding: 1em 0 2em 0;
    border-collapse: collapse;
  }

  .cena-sirka table tr.one {
    background: #000;
    color: #fff;
    font-size: 1.1em;
  }

  .cena-sirka table tr.two {
    background: #ebebeb;
    font-size: 1.2em;
  }

  .cena-sirka table td {
    padding: 1.5em 0.5em;
    font-weight: 400;
  }

  .cena-sirka p {
    text-align: center;
  }



  .parametry {
    margin: 0 auto;
    text-align: center;
    padding: 2em 0 0 0;
  }

  .parametry .parametr {
    padding: 0.5em 0em;
    font-size: 1.1em;
    color: #000;
    float: left;
    font-weight: 400;
    line-height: 2.0em;
    width: 47.0%;
    color: #8a8a8a;
    border: 0px solid #8a8a8a;
    margin: 0 1.1% 1em 1.1%;
  }

  .parametry .parametr span {
    font-size: 1.3em;
    color: #000;
  }

  .vedlejsimenu {
    margin: 0;
    padding: 0;
  }

  .vedlejsimenu h1 {
    font-size: 1.00em;
    margin: 0;
    padding: 0 0.0em 0.0em 0.0em;
    font-weight: 300;
    text-align: center;
    float: none;
    width: 100%;
  }

  .vedlejsimenu a {
    color: #000;
    font-weight: 400;
  }

  .vedlejsimenu p {
    display: none;
  }

  .klientsky-servis {
    font-size: 1.25em;
    padding: 1em 0 0em 0;
    font-weight: 500;
  }

  .klientsky-servis h2 {
    font-size: 1.2em;
    margin: 0;
    padding: 0;
  }

  .klientsky-servis .posta a {
    background: url('img/ikonky/posta.png') no-repeat;
    background-size: 40px;
    padding: 0.2em 0 1em 3.5em;
    text-decoration: underline;
    color: #000;
  }

  .klientsky-servis .volani a {
    background-position: 0 10%;
    background: url('img/ikonky/volani.png') no-repeat;
    background-size: 40px;
    padding: 0.4em 0 1em 3.5em;
    text-decoration: none;
    color: #000;
  }

  .klientsky-servis .half {
    width: 100%;
    padding: 0.5em;
  }


  footer {
    background: #000;
  }

  footer .leva-strana {
    padding: 0em;
    float: left;
    width: 100%;
  }

  footer img {
    padding: 1em 0;
  }

  img.logo-footer {
    max-width: 166px;
  }

  footer .prava-strana {
    background: url('img/footer-auto.jpg') no-repeat;
    float: right;
    padding: 0em;
    width: 100%;
    background-position: right top;
    height: 350px;
    background-position: 10% 0
  }

  footer .podpora {
    text-align: left;
    float: left;
    color: #dedede;
    padding: 3em 0 0 0;
    border-left: 4px solid #f7ed00;
    padding-left: 50px;
    margin-top: 2em;
  }

  footer .podpora h4 {
    color: #f7ed00;
    font-size: 1.6em;
    font-weight: 400;
    margin: 0;
    padding: 0 0 1em 0;
  }

  footer .podpora p {
    font-size: 1.2em;
    line-height: 1.7em;
  }

  footer .podpora a {
    color: #dedede;
    text-decoration: none
  }


  footer .social {
    position: relative;
    top: 56px;
  }

  footer .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  footer .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .social a {
    padding-right: 0.5em;
  }

  img.nahoru {
    filter: grayscale(0.0);
    transition: 0.2s ease-in-out;
  }

  img.nahoru:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .odkazy {
    background: #fffb00;
    height: 50px;
  }

  footer .odkazy ul {
    margin: 0;
    padding: 0 1em;
    position: relative;
    top: 14px;
  }

  footer .odkazy ul li {
    list-style: none;
    text-align: left;
    padding: 0 1.0em 0 0;
    float: left;
    display: none;
  }

  footer .odkazy ul li.show {
    display: inline-block
  }

  footer .odkazy ul li a {
    color: #000;
    font-size: 1.0em;
    font-weight: 400;
    text-decoration: none
  }

  footer .odkazy ul li a:hover {
    text-decoration: underline;
  }

  footer .odkazy ul li.right {
    float: left;
    display: inline-block;
    position: relative;
    top: -0px;
  }

  footer p {
    color: #f1f1f1;
  }

  footer p.left {
    float: none;
    text-align: center;
    padding: 1em 0.5em;
  }

  footer p.right {
    float: none;
    text-align: center;
    padding: 1em 0.5em;
  }


  .rezervace {
    background: #e0e0e0;
    padding: 1.0em 0;
  }

  .rezervace h4 {
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 1em 0.5em;
  }

  .rezervace a {
    color: #fff;
    background: #000;
    padding: 0.2em 0.2em;
    text-decoration: none;
    font-weight: 400;
  }

  .rezervace p.podminky a {
    background: none;
    color: #000;
    text-decoration: underline;
  }

  .rezervace .half .odsazeni {
    margin: 0 auto;
    width: 95%;
    margin: 0 auto;
  }

  .rezervace .full .odsazeni {
    margin: 0 auto;
    width: 95%;
    margin: 0 auto;
  }

  .bublina {
    background: #f2f2f2;
    border-radius: 5px;
    margin: 5px 0;
    padding: 1em 0 1em 0;
  }


  select {
    height: 48px;
    text-align: left;
    font-size: 1.0em;
    font-weight: 400;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 0.7em;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select {
    background: #fff url('img/downdown.png') no-repeat;
    text-align: left;
    font-size: 1.1em;
    background-position: 95% 30%
  }

  select.misto {
    background: #fff url('img/souradnice.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.anone {
    background: #fff url('img/downdown.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-mesic {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.spoluucast {
    background: #fff url('img/downdown.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.cas {
    background: #fff url('img/cas.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    width: 65px;
    background-position: 95% 10%;
    margin-left: 0.3em;
  }

  select.misto {
    width: 280px;
    background-position: 95% 10%
  }

  select.anone {
    width: 180px;
    background-position: 95% 10%
  }

  select.datum-mesic {
    width: 110px;
    background-position: 95% 10%;
    margin-left: 0.5em;
  }

  select.spoluucast {
    width: 230px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.cas {
    width: 85px;
    background-position: 95% 10%;
    margin-left: 0.5em;
  }

  .bigbutton .poslatpoptavku {
    background: url('img/pozadibutton.png') no-repeat;
    height: 65px;
    width: 770px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-weight: 400;
    font-size: 1.1em;
  }

  .bigbutton .poslatpoptavku:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }

  input {
    font-weight: 300;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 2.5em;
    height: 40px;
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  .quatro select {
    font-size: 2.0em;
  }

  input.jmeno {
    background: #fff url('img/osoba.png') no-repeat;
    width: 230px;
    background-position: 5px 6px
  }

  input.telefon {
    background: #fff url('img/sluchatko.png') no-repeat;
    width: 150px;
    background-position: 5px 6px;
  }

  input.posta {
    background: #fff url('img/posta.png') no-repeat;
    width: 230px;
    background-position: 5px 6px
  }

  input.ico {
    background: #fff url('img/number.png') no-repeat;
    width: 230px;
    background-position: 6px 9px
  }

  input.velky {
    padding-left: 1em;
    background: #fff;
    width: 230px;
    background-position: 6px 9px
  }

  input.slevakod {
    background: #fff url('img/srdce.png') no-repeat;
    background-position: 7px 9px;
    width: 230px
  }

  input.city {
    background: #fff url('img/city.png') no-repeat;
    background-position: 7px 9px;
    width: 230px;
  }

  input.psc {
    background: #fff url('img/city.png') no-repeat;
    background-position: 7px 9px;
    width: 130px;
  }


  textarea {
    padding: 1em;
    font-size: 1.2em;
    border: 2px solid #797979;
    border-radius: 5px;
    width: 80%;
  }

}

/* 321 2321 321 321 321 */


@media screen and (min-width: 321px) {


  .obsah .ceny-poukaz h4 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    margin: 2em 0 0 0;
    padding: 0;
    color: #424242;
  }

  .obsah .ceny-poukaz h3 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0em 0 0 0;
    padding: 0;
  }

  .obsah .ceny-poukaz h3 span {
    background: #fffb00;
    color: #000;
    padding: 0.5em 0;
    display: block;
    width: 100%;
  }

  .obsah .ceny-poukaz h2 {
    text-align: center;
    font-size: 2.1em;
    font-weight: 400;
    margin: 0.2em 0 0.5em 0;
    padding: 0;
  }

  .obsah .ceny-poukaz p.poukazkod {
    font-size: 1.1em;
    text-align: center;
    margin: 1.5em 0 0 0;
    padding: 0;
    position: relative;
    top: 0px;
    font-weight: 300;
  }

  .obsah .ceny-poukaz p.poukazkodkosik {
    font-size: 1.1em;
    text-align: center;
    margin: 0em 0 0 0;
    padding: 0;
    position: relative;
    top: 30px;
    font-weight: 300;
    padding: 0
  }

  .obsah .ceny-poukaz p.akcnicena {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #b1181a;
    color: #fff;
    padding: 0.2em 0.5em;
    margin: 1em 0 0 0;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3em;
    text-transform: none;
  }

  .obsah .ceny-poukaz p.cenapoukazu {
    background: #da1c1e;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 0 auto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8em;
    text-transform: none;
  }

  .obsah .ceny-poukaz h3 em {
    background: #000;
    border-radius: 5px;
    color: #fff;
    padding: 0.2em 0.3em;
    margin-left: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3em;
    text-transform: none
  }

  .obsah .ceny-poukaz .objednatpoukaz {
    margin: 2em 0 0 0;
    padding: 0;
    text-align: center;
  }

  .obsah .ceny-poukaz .objednatpoukaz a {
    padding: 0.5em 1.6em 0.5em 2.9em;
    color: #000;
    background: #52d624 url('../img/basket.png') no-repeat;
    margin: 0 auto;
    background-position: 12px 5px;
    font-size: 1.8em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
  }

  .obsah .ceny-poukaz .objednatpoukaz a:hover {
    padding: 0.5em 1.6em 0.5em 2.9em;
    color: #000;
    background: #fffb00 url('../img/basket.png') no-repeat;
    background-position: 12px 5px;
    font-size: 1.8em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
  }



  img.logo-footer {
    max-width: 166px;
  }

  .full {
    width: 100%;
    padding-bottom: 2.5em;
  }

  .trio {
    float: none;
    width: 100%;
    padding-bottom: 2.5em;
    margin: 0;
  }

  .half {
    float: none;
    width: 100%;
    padding-bottom: 2.5em;
  }

  .half img {
    max-width: 100%;
  }

  .quatro {
    float: left;
    width: 25%;
    padding-bottom: 2.5em;
  }

  .petka {
    float: none;
    width: 100%;
    padding-bottom: 3em
  }

  .okraje {
    width: 89%;
    margin: 0 auto;
  }


  .stred {
    width: 100%;
    margin: 0 auto;
  }

  .achtung {
    background: red;
    color: #fff;
    font-size: 1.0em;
    padding: 0.5em;
  }

  .obsah h1 strong,
  .obsah h2 strong,
  .obsah h3 strong,
  .obsah h4 strong,
  .obsah h5 strong {
    font-weight: 400;
  }

  .obsah h1 {
    font-size: 2.3em;
    font-weight: 300;
    padding-bottom: 1.1em;
  }

  .obsah h2 {
    font-size: 2.1em;
    font-weight: 300;
    padding-bottom: 1.05em;
  }

  .obsah h3 {
    font-size: 1.9em;
    font-weight: 300;
    padding-bottom: 1.0em;
  }

  .obsah h4 {
    font-size: 1.6em;
    font-weight: 300;
    padding-bottom: 0.9em;
  }

  #top {
    height: 80px;
    width: 100%;
  }

  #top nav {
    width: 60%;
    float: left;
    display: none;
  }

  #top nav ul {
    margin: 0;
    padding: 0;
  }

  #top nav ul li {
    list-style: none;
    float: left;
    padding: 1.0em 0.8em 0 0;
  }

  #top nav ul li a {
    display: block;
    padding: 0.2em;
    color: #212121;
    text-decoration: none
  }

  #top nav ul li a:hover {
    text-decoration: underline;
    transition: 0.2s ease-in-out;
    color: #000;
  }

  #top .social {
    width: 40%;
    float: right;
    position: relative;
    top: -44px;
  }

  #top .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  #top .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  #top .social a {
    padding-right: 0.5em;
  }

  #top .language {
    width: 30%;
    float: right;
    position: relative;
    top: -44px;
  }

  #top .language a {
    background: #ec4410;
    display: block;
    padding: 0.6em;
    color: #fff;
    font-weight: 400;
    text-decoration: none
  }

  #top .language a:hover {
    background: #000;
    transition: 0.2s ease-in-out;
    background: #000;
  }

  .obrazek-jachta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_jachta.jpg");
    height: 500px;
  }

  .obrazek-svatba {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_svatba.jpg");
    height: 500px;
  }

  .obrazek-auta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_auta.jpg");
    height: 500px;
  }

  .obrazek-stromovka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/stromovka-dark.jpg");
    height: 500px;
  }

  .obrazek-westfield {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/westfield-dark.jpg");
    height: 500px;
  }

  .obrazek-eden {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/eden-dark.jpg");
    height: 500px;
  }

  .obrazek-flora {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/flora-dark.jpg");
    height: 500px;
  }

  .obrazek-borislavka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/borislavka-dark.jpg");
    height: 500px;
  }

  .obrazek-harfa {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/harfa-dark.jpg");
    height: 500px;
  }

  .obrazek-zlicin {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/zlicin-dark.jpg");
    height: 500px;
  }

  .obrazek-strasnicka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/strasnicka-dark.jpg");
    height: 500px;
  }

  .obrazek-cernymost {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/cernymost-dark.jpg");
    height: 500px;
  }

  .obrazek-sestka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/ocsestka-dark.jpg");
    height: 500px;
  }

  .obrazek-letnany {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/letnany-dark.jpg");
    height: 500px;
  }

  .obrazek-lyzovani {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/lyzovani_big.jpg");
    height: 500px;
  }

  .obrazek-pristaveni {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header-pristaveni.jpg");
    height: 500px;
  }

  header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/enyaqheader.jpg");
    height: 500px;
  }

  header .leva {
    float: left;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: 1em;
    display: none;
  }

  header .prava {
    float: right;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: -1em;
    display: none;
  }

  header span {
    font-size: 0.65em;
    font-weight: 300;
  }

  #header {
    background: #000;
    padding: 1em 0;
    margin: 0 auto;
    text-align: center;
  }

  #header .logo {
    background: url('img/autopujcovnaprahacom.png') no-repeat;
    background-size: 240px;
    height: 80px;
    margin: 0 auto;
    float: none;
    text-align: center;
    position: relative;
    background-position: 50% 50%
  }

  #header .logo a {
    display: block;
    width: 240px;
    height: 80px;
    border: 0px solid white;
    margin: 0;
    padding: 1px;
    position: relative;
    top: 0;
  }

  #header .logo a span,
  .top-mini .logo a span {
    display: none;
  }

  #header .logo h1 {
    margin: 0;
    padding: 0;
  }

  #header .volani {
    font-size: 2.1em;
    color: #f7ed00;
    font-weight: 400;
    float: none;
    position: relative;
    left: -0.25em;
    top: 0.6em;
    display: inline-block;
    padding-bottom: 20px;
  }

  #header .volani a {
    color: #f7ed00;
text-decoration: none;
  }

  #header img {
    position: relative;
    top: 5px;
    padding-right: 0.5em;
  }

  #header nav {
    float: right;
    display: none;
  }

  #header nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 6px;
  }

  #header nav ul li {
    list-style: none;
    float: left;
    padding: 0.5em 0 0 1.3em;
  }

  #header nav ul li a {
    display: block;
    padding: 0.5em;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
    transition: all 0.3s ease
  }

  #header nav ul li a:hover {
    text-decoration: none;
    color: #fffb00;
  }

  #header nav ul li.aktivni a {
    color: #fffb00;
  }

  #header nav ul li.odsazeni {
    position: relative;
    top: 10px;
    margin: 0 auto;
  }


  .bigbutton {
    border-top: 20px solid #fffb00;
    padding-bottom: 2em;
  }

  .bigbutton a {
    background: #fffb00;
    height: 65px;
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #000;
    font-size: 2.1em;
    font-weight: 400;
  }

  .bigbutton a:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }


  .obsah {
    padding: 3em 0;
  }

  .obsah p {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0.5em 0em;
  }

  .obsah p strong {
    font-weight: 400;
  }

  .obsah p a {
    color: #000;
    font-weight: 400;
  }

  .obsah p a:hover {
    color: #d6132e;
    transition: 0.2s ease-in-out
  }

  .black p {
    color: #fff;
  }

  .black p a {
    color: #fff;
  }

  .obsah ul {
    list-style: disc;
    text-align: left;
    font-size: 1.2em;
  }

  .obsah ul li {
    line-height: 2.0em;
  }

  .odsadit {
    padding: 0 2em;
  }

  .subkategorie {
    width: 25%;
    float: left;
    display: block;
  }

  .subkategorie .ohrazeniceni {
    margin: 0;
    padding: 0;
  }

  .subkategorie .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .subkategorie .ohraniceni:hover {
    color: #fff;
  }


  .subkategorie img {
    max-width: 100%;
  }

  .subkategorie a img {
    padding: 10px 1px;
  }

  .subkategorie:hover h3 a {
    color: #fff;
    background: black;
    border-radius: 5px;
  }

  .subkategorie h3 {
    font-size: 1.0em;
  }

  .subkategorie h3 a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    padding: 6px;
  }

  .subkategorie h3 a:hover {
    color: #fff;
  }

  .subkategorie h3.aktivni a {
    color: #000;
    background: #fffb00;
  }

  .podkategorie strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .podkategorie ul {
    margin: 0;
    padding: 0;
  }

  .podkategorie ul li {
    float: left;
    margin: 1.1em 0.1em 0 0;
    list-style: none;
    font-size: 0.95em;
  }

  .podkategorie a {
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
  }

  .podkategorie a:hover {
    color: #000;
    background: #fffb00;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none
  }

  .podkategorie a.redko {
    color: white;
    background: red;
  }

  .podkategorie a:hover.redko {
    color: #000;
    background: #fffb00;
  }

  .ramecek {
    border-left: 2px solid black;
    border-right: 2px solid black;
    padding: 0 0em;
  }



  h3.srdce {
    background: url('img/h3srdce.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.stromecek {
    background: url('img/stromecek.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.podminky {
    background: url('img/h3podminky.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.star {
    background: url('img/h3star.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.kalendar {
    background: url('img/h3kalendar.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.becko {
    background: url('img/h3b.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  .park {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .park h4 {
    margin: 0;
    font-weight: 400;
  }

  .park .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .park .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .park .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out;
  }

  .park .auto h4 {
    font-size: 1.0em;
  }

  .park .auto h4 a {
    color: #fff;
    display: block;
    padding: 1em 0 0.2em 0;
    text-decoration: none
  }

  .park .auto img {
    max-width: 100%;
  }

  .park .auto img:hover {
    max-width: 100%;
  }

  .park .informace {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .informace span {
    font-size: 1.3em;
    font-weight: 400;
    position: relative;
    top: -4px;
  }

  .park .info {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .info span {
    font-size: 0.9em;
    font-weight: 400;
    position: relative;
    background: #fffb00;
    color: #000;
    text-transform: uppercase;
    padding: 0.5em;
    margin: 0 0.5em;
    border-radius: 5px;
  }


  .autopujcovnapraha {
    background: #000;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnapraha img {
    position: relative;
    top: 18px;
    max-width: 321px;
  }

  .autopujcovnapraha h2 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .autopujcovnaprahayellow {
    background: #fffb00;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnaprahayellow img {
    position: relative;
    top: 15px;
    max-width: 321px;
  }

  .autopujcovnaprahayellow h2 {
    color: #000;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }


  .obsah h2 span {
    font-size: 0.8em;
    font-weight: 400;
  }

  .obsah h2.left {
    text-align: left;
  }

  .tecky {
    border-bottom: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 4.5em 0 2em 0;
    position: relative;
    top: -50px;
  }

  .teckyauta {
    border-top: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 2.5em 0 0em 0;
    position: relative;
    top: 0px;
  }

  .modelyaut {
    background: #000;
    height: 60px;
    margin-top: 100px;
  }

  .modelyaut img {
    position: relative;
    top: -20px;
    max-width: 80px;
  }

  img.logoznacka {
    float: none;
    padding: 2.0em 2em;
    opacity: 1.0;
  }

  img.logoznacka:hover {
    opacity: 0.5;
    transition: 0.2s ease-in-out;
  }

  img.dodavka {
    float: none;
    padding: 3em 0em 4em 0em;
    max-width: 321px;
  }

  .dodavky {
    padding: 2em 0;
  }

  .dodavka-parametr {
    background: #f5f5f5 url('img/dodavkamini.png') no-repeat;
    width: 100%;
    height: 100%;
    padding: 4em 0;
    display: block;
    background-position: center
  }

  .dodavka-parametr span {
    display: block;
    background: #fffb00;
    color: #000;
    width: 60%;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 0.3em 0;
  }

  .dodavka-parametr span strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .dodavka-parametr span strong em {
    position: relative;
    top: -8px;
    left: 2px;
    font-size: 0.7em;
    text-decoration: none;
    font-style: normal
  }

  .dodavka-rozmery {
    background: #f5f5f5;
    font-size: 1.15em;
    line-height: 1.7em;
    padding: 0.5em 0;
  }

  .dodavka-rozmery strong {
    font-weight: 300;
    font-size: 1.2em;
  }

  .dodavka-cena {
    background: #000;
    font-size: 1.2em;
    line-height: 1.7em;
    color: #fff;
  }

  .dodavka-cena strong {
    font-weight: 400;
    font-size: 1.3em;
    letter-spacing: 1px
  }

  .dodavka-parametr a {
    color: #000;
    text-decoration: none
  }

  .dodavka-info {
    position: relative;
    top: 7px;
  }

  .dodavka-cena a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0.7em;
  }

  .dodavka-cena:hover {
    background: #fffb00;
  }

  .dodavka-cena:hover a {
    color: #000;
  }

  .dodavka-info a {
    color: #000;
    display: block;
    padding: 0.5em;
  }

  .dodavka-info a:hover {
    color: #000;
    font-weight: 400;
  }

  img.cislovka {
    float: left;
    padding: 2em 1em 2em 0em;
  }

  .kroky .trio h3 {
    margin: 0;
    padding: 2.5em 0 0 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    text-align: left;
  }

  .kroky .trio p {
    font-size: 1.1em;
    margin: 0;
    padding: 4px 0 0 0;
  }

  .kategorie {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .kategorie h4 {
    padding: 1em;
    margin: 0;
    font-weight: 400;
  }

  .kategorie .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .kategorie .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto a {
    color: #fff;
  }

  .kategorie .auto img {
    max-width: 100%;
    filter: grayscale(0.5);
  }

  .kategorie .auto img:hover {
    max-width: 100%;
    filter: grayscale(0.0);
  }

  .newsletter {
    margin: 0;
    padding: 1em 0 10em 0;
    background: url('img/kodiaqvikend.png') no-repeat;
    background-position: 0% 30%
  }

  .newsletter img.newsletter-mini {
    float: left;
    padding-right: 0em;
    padding-top: 3em;
  }

  .newsletter h4 {
    font-size: 1.8em;
    margin: 0 auto;
    text-align: right;
    padding: 2em 1em 1em 0;
    font-weight: 300;
  }

  .newsletter p {
    font-size: 1.0em;
    text-align: center;
    margin: 0;
    padding: 0.5em 0em 0.5em 0;
  }

  .newsletter input {
    padding: 0.6em 1em;
    background: #c0c0c0;
    border: 0;
    border-radius: 5px;
    width: 290px;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    margin: 13.3em 0 1em 0;
  }

  .newsletter .minimini {
    float: none;
    position: relative;
    left: 0em;
  }

  .poslat {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslat .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslat .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslat .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslat .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .sleva {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .sleva .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .sleva .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .sleva .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .sleva .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .detail {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .detail .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 200px;
    font-size: 1.1em;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    border: 0;
    top: 0px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .detail .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .detail .tlac a {
    color: #fff;
    text-decoration: one;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 1px;
  }

  .detail .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poptavka {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poptavka .tlac {
    text-decoration: underline;
    background: #fffb00;
    padding: 0.85em 0.6em;
    color: #000;
    width: 100%;
    font-size: 1.5em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poptavka .tlac:hover {
    background: #000;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poptavka .tlac a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poptavka .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poslatpoptavku {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslatpoptavku .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.9em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslatpoptavku .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslatpoptavku .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslatpoptavku .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }


  .karta-vozidla .foto {
    width: 100%;
    float: none;
  }

  .karta-vozidla .foto-poukaz {
    width: 100%;
  }

  .karta-vozidla .foto-poukaz img {
    max-width: 100%;
  }

  .karta-vozidla .foto img {
    max-width: 100%;
  }

  .karta-vozidla h2 {
    text-align: center;
    font-size: 2.6em;
    font-weight: 400;
    margin: 0;
    padding: 1em 0;
  }

  .karta-vozidla .ceny {
    width: 100%;
    float: none;
    text-align: left;
    display: inline-block;
  }

  .karta-vozidla .ceny table.vyska {
    width: 100%;
    float: right;
    border-collapse: collapse;
    font-weight: 400;
  }

  .karta-vozidla .ceny table.vyska tr.first td {
    background: #000;
    color: #fff;
    padding: 0.7em 1.9em;
  }

  .karta-vozidla .ceny table.vyska tr.one td {
    background: #ebebeb;
  }

  .karta-vozidla .ceny table.vyska tr.two td {
    background: #d6d6d6;
  }

  .karta-vozidla .ceny table.vyska td.cena {
    text-align: right;
    font-size: 1.2em;
  }

  .karta-vozidla .ceny table.vyska tr.individual {
    background: #929292;
    color: #fff;
  }

  .karta-vozidla .ceny table.vyska tr.individual a {
    color: #fff;
  }

  .karta-vozidla .ceny table.vyska td {
    padding: 1em 1.9em;
  }

  .karta-vozidla .ceny p {
    font-size: 0.85em;
    text-align: center;
    font-weight: 400;
    padding: 0.5em 0;
    margin: 0;
  }

  .cena-sirka {
    padding: 2em 0;
    display: block;
    display: none;
  }

  .cena-sirka table {
    width: 100%;
    padding: 1em 0 2em 0;
    border-collapse: collapse;
  }

  .cena-sirka table tr.one {
    background: #000;
    color: #fff;
    font-size: 1.1em;
  }

  .cena-sirka table tr.two {
    background: #ebebeb;
    font-size: 1.2em;
  }

  .cena-sirka table td {
    padding: 1.5em 0.5em;
    font-weight: 400;
  }

  .cena-sirka p {
    text-align: center;
  }



  .parametry {
    margin: 0 auto;
    text-align: center;
    padding: 2em 0 0 0;
  }

  .parametry .parametr {
    padding: 0.5em 0em;
    font-size: 1.10em;
    color: #000;
    float: left;
    font-weight: 400;
    line-height: 2.0em;
    width: 22.0%;
    color: #8a8a8a;
    border: 0px solid #8a8a8a;
    margin: 0 1.1% 1em 1.1%;
  }

  .parametry .parametr span {
    font-size: 1.0em;
    color: #000;
  }

  .vedlejsimenu {
    margin: 0;
    padding: 0;
  }

  .vedlejsimenu h1 {
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    font-weight: 300;
    text-align: left;
    float: left;
    width: 100%;
  }

  .vedlejsimenu a {
    color: #000;
    font-weight: 400;
  }

  .vedlejsimenu p {
    display: none;
  }

  .klientsky-servis {
    font-size: 1.5em;
    padding: 1em 0 0em 0;
    font-weight: 500;
  }

  .klientsky-servis h2 {
    font-size: 1.2em;
    margin: 0;
    padding: 0;
  }

  .klientsky-servis .posta a {
    background: url('img/ikonky/posta.png') no-repeat;
    background-size: 40px;
    padding: 0.1em 0 1em 2.5em;
    text-decoration: underline;
    color: #000;
  }

  .klientsky-servis .volani a {
    background-position: 0 10%;
    background: url('img/ikonky/volani.png') no-repeat;
    background-size: 40px;
    padding: 0.3em 0 1em 2.5em;
    text-decoration: none;
    color: #000;
  }

  .klientsky-servis .half {
    width: 100%;
    padding-bottom: 0.5em;
  }


  #adresa-predani {
    display: none;
  }

  #adresa-vyzvednuti {
    display: none;
  }

  footer {
    background: #000;
  }

  footer .leva-strana {
    padding: 0em;
    float: left;
    width: 100%;
  }

  footer img {
    padding: 1em 0;
  }

  footer .prava-strana {
    background: url('img/footer-auto.jpg') no-repeat;
    float: right;
    padding: 0em;
    width: 100%;
    background-position: right top;
    height: 350px;
    background-position: 10% 0
  }

  footer .podpora {
    text-align: left;
    float: left;
    color: #dedede;
    padding: 3em 0 0 0;
    border-left: 4px solid #f7ed00;
    padding-left: 50px;
    margin-top: 2em;
  }

  footer .podpora h4 {
    color: #f7ed00;
    font-size: 1.6em;
    font-weight: 400;
    margin: 0;
    padding: 0 0 1em 0;
  }

  footer .podpora p {
    font-size: 1.2em;
    line-height: 1.7em;
  }

  footer .podpora a {
    color: #dedede;
    text-decoration: none
  }


  footer .social {
    position: relative;
    top: 336px;
  }

  footer .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  footer .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .social a {
    padding-right: 0.5em;
  }

  img.nahoru {
    filter: grayscale(0.0);
    transition: 0.2s ease-in-out;
  }

  img.nahoru:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .odkazy ul li.show {
    display: inline-block;
    font-weight: bold
  }

  footer .odkazy {
    background: #fffb00;
    height: 50px;
  }

  footer .odkazy ul {
    margin: 0;
    padding: 0 1em;
    position: relative;
    top: 14px;
  }

  footer .odkazy ul li {
    list-style: none;
    text-align: left;
    padding: 0 1.0em 0 0;
    float: left;
    display: none;
  }

  footer .odkazy ul li a {
    color: #000;
    font-size: 1.0em;
    font-weight: 400;
    text-decoration: none
  }

  footer .odkazy ul li a:hover {
    text-decoration: underline;
  }

  footer .odkazy ul li.right {
    float: left;
    display: inline-block;
    position: relative;
    top: -5px;
  }

  footer p {
    color: #f1f1f1;
  }

  footer p.left {
    float: none;
    text-align: center;
    padding: 1em 0.5em;
  }

  footer p.right {
    float: none;
    text-align: center;
    padding: 1em 0.5em;
  }


  .rezervace {
    background: #e0e0e0;
    padding: 1.0em 0;
  }

  .rezervace h4 {
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 0.5em;
  }

  .rezervace a {
    color: #fff;
    background: #000;
    padding: 0.2em 0.2em;
    text-decoration: none;
    font-weight: 400;
  }

  .rezervace p.podminky a {
    background: none;
    color: #000;
    text-decoration: underline;
  }

  .rezervace .half .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .rezervace .full .odsazeni {
    margin: 0 auto;
    width: 95%;
    margin: 0 auto;
  }

  .bublina {
    background: #f2f2f2;
    border-radius: 5px;
    margin: 10px 0;
    padding: 1em 0 1em 0;
  }


  select {
    height: 48px;
    text-align: left;
    font-size: 1.0em;
    font-weight: 400;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 0.7em;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select {
    background: #fff url('img/downdown.png') no-repeat;
    text-align: left;
    font-size: 1.1em;
    background-position: 95% 30%
  }

  select.misto {
    background: #fff url('img/souradnice.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.anone {
    background: #fff url('img/downdown.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-mesic {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.spoluucast {
    background: #fff url('img/downdown.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.cas {
    background: #fff url('img/cas.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    width: 70px;
    background-position: 95% 10%
  }

  select.misto {
    width: 310px;
    background-position: 95% 10%
  }

  select.anone {
    width: 180px;
    background-position: 95% 10%
  }

  select.datum-mesic {
    width: 120px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.spoluucast {
    width: 230px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.cas {
    width: 90px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  .bigbutton .poslatpoptavku {
    background: url('img/pozadibutton.png') no-repeat;
    height: 65px;
    width: 770px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-weight: 400;
    font-size: 1.1em;
  }

  .bigbutton .poslatpoptavku:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }

  input {
    font-weight: 300;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 2.5em;
    height: 40px;
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  .quatro select {
    font-size: 2.0em;
  }

  input.jmeno {
    background: #fff url('img/osoba.png') no-repeat;
    width: 250px;
    background-position: 5px 6px
  }

  input.telefon {
    background: #fff url('img/sluchatko.png') no-repeat;
    width: 150px;
    background-position: 5px 6px;
  }

  input.posta {
    background: #fff url('img/posta.png') no-repeat;
    width: 250px;
    background-position: 5px 6px
  }

  input.ico {
    background: #fff url('img/number.png') no-repeat;
    width: 250px;
    background-position: 5px 9px
  }

  input.velky {
    padding-left: 1em;
    background: #fff;
    width: 250px;
    background-position: 6px 9px
  }

  input.slevakod {
    background: #fff url('img/srdce.png') no-repeat;
    background-position: 7px 9px;
    width: 230px
  }

  input.city {
    background: #fff url('img/city.png') no-repeat;
    background-position: 7px 9px;
    width: 230px
  }

  input.psc {
    background: #fff url('img/city.png') no-repeat;
    background-position: 7px 9px;
    width: 130px
  }

  textarea {
    padding: 1em;
    font-size: 1.2em;
    border: 2px solid #797979;
    border-radius: 5px;
    width: 90%;
  }

}


/* 568  568  568  568  568  568  568  568  568  568  568  568  568  568  568  568  */


@media screen and (min-width: 560px) {


  .full {
    width: 100%;
    padding-bottom: 2.5em;
  }

  .trio {
    float: none;
    width: 100%;
    padding-bottom: 2.5em;
    margin: 0;
  }

  .half {
    float: none;
    width: 100%;
    padding-bottom: 2.5em;
  }

  .half img {
    max-width: 100%;
  }

  .quatro {
    float: left;
    width: 25%;
    padding-bottom: 2.5em;
  }

  .petka {
    float: left;
    width: 33.33%;
    padding-bottom: 3em
  }

  .okraje {
    width: 89%;
    margin: 0 auto;
  }


  .stred {
    width: 100%;
    margin: 0 auto;
  }

  .achtung {
    background: red;
    color: #fff;
    font-size: 1.0em;
    padding: 0.5em;
  }

  .obsah h1 strong,
  .obsah h2 strong,
  .obsah h3 strong,
  .obsah h4 strong,
  .obsah h5 strong {
    font-weight: 400;
  }

  .obsah h1 {
    font-size: 2.3em;
    font-weight: 300;
    padding-bottom: 1.1em;
  }

  .obsah h2 {
    font-size: 2.1em;
    font-weight: 300;
    padding-bottom: 1.05em;
  }

  .obsah h3 {
    font-size: 1.9em;
    font-weight: 300;
    padding-bottom: 1.0em;
  }

  .obsah h4 {
    font-size: 1.6em;
    font-weight: 300;
    padding-bottom: 0.9em;
  }

  #top {
    height: 80px;
    width: 100%;
  }

  #top nav {
    width: 60%;
    float: left;
    display: none;
  }

  #top nav ul {
    margin: 0;
    padding: 0;
  }

  #top nav ul li {
    list-style: none;
    float: left;
    padding: 1.0em 0.8em 0 0;
  }

  #top nav ul li a {
    display: block;
    padding: 0.2em;
    color: #212121;
    text-decoration: none
  }

  #top nav ul li a:hover {
    text-decoration: underline;
    transition: 0.2s ease-in-out;
    color: #000;
  }

  #top .social {
    width: 30%;
    float: right;
    position: relative;
    top: -44px;
  }

  #top .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  #top .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  #top .social a {
    padding-right: 0.5em;
  }

  #top .language {
    width: 10%;
    float: right;
    position: relative;
    top: -44px;
  }

  #top .language a {
    background: #ec4410;
    display: block;
    padding: 0.6em;
    color: #fff;
    font-weight: 400;
    text-decoration: none
  }

  #top .language a:hover {
    background: #000;
    transition: 0.2s ease-in-out;
    background: #000;
  }

  .obrazek-jachta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_jachta.jpg");
    height: 500px;
  }

  .obrazek-svatba {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_svatba.jpg");
    height: 500px;
  }

  .obrazek-auta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_auta.jpg");
    height: 500px;
  }

  .obrazek-stromovka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/stromovka-dark.jpg");
    height: 500px;
  }

  .obrazek-westfield {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/westfield-dark.jpg");
    height: 500px;
  }

  .obrazek-eden {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/eden-dark.jpg");
    height: 500px;
  }

  .obrazek-flora {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/flora-dark.jpg");
    height: 500px;
  }

  .obrazek-borislavka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/borislavka-dark.jpg");
    height: 500px;
  }

  .obrazek-harfa {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/harfa-dark.jpg");
    height: 500px;
  }

  .obrazek-zlicin {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/zlicin-dark.jpg");
    height: 500px;
  }

  .obrazek-strasnicka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/strasnicka-dark.jpg");
    height: 500px;
  }

  .obrazek-cernymost {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/cernymost-dark.jpg");
    height: 500px;
  }

  .obrazek-sestka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/ocsestka-dark.jpg");
    height: 500px;
  }

  .obrazek-letnany {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/letnany-dark.jpg");
    height: 500px;
  }

  .obrazek-lyzovani {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/lyzovani_big.jpg");
    height: 500px;
  }

  .obrazek-pristaveni {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header-pristaveni.jpg");
    height: 500px;
  }

  header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/enyaqheader.jpg");
    height: 500px;
  }

  header .leva {
    float: left;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: 1em;
    display: none;
  }

  header .prava {
    float: right;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: -1em;
    display: none;
  }

  header span {
    font-size: 0.65em;
    font-weight: 300;
  }

  #header {
    background: #000;
    padding: 1em 0;
  }

  #header .logo {
    background: url('img/autopujcovnaprahacom.png') no-repeat;
    background-size: 240px;
    height: 80px;
    display: block;
    margin: 0em 0;
    position: relative;
    float: left;
  }

  #header .logo a {
    display: block;
    width: 240px;
    height: 80px;
    border: 0px solid white;
    margin: 0;
    padding: 1px;
    position: relative;
    top: 0;
  }

  #header .logo a span,
  .top-mini .logo a span {
    display: none;
  }

  #header .logo h1 {
    margin: 0;
    padding: 0;
  }

  #header .volani {
    font-size: 2.1em;
    color: #f7ed00;
    font-weight: 400;
    float: right;
    position: relative;
    left: -2em;
    top: 0.6em;
    display: inline-block;
  }

  #header .volani a {
    color: #f7ed00;
text-decoration: none;
  }

  #header img {
    position: relative;
    top: 5px;
    padding-right: 0.5em;
  }

  #header nav {
    float: right;
    display: none;
  }

  #header nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 6px;
  }

  #header nav ul li {
    list-style: none;
    float: left;
    padding: 0.5em 0 0 1.3em;
  }

  #header nav ul li a {
    display: block;
    padding: 0.5em;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
    transition: all 0.3s ease
  }

  #header nav ul li a:hover {
    text-decoration: none;
    color: #fffb00;
  }

  #header nav ul li.aktivni a {
    color: #fffb00;
  }

  #header nav ul li.odsazeni {
    position: relative;
    top: 10px;
    margin: 0 auto;
  }


  .bigbutton {
    border-top: 20px solid #fffb00;
    padding-bottom: 2em;
  }

  .bigbutton a {
    background: #fffb00;
    height: 65px;
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #000;
    font-size: 2.1em;
    font-weight: 400;
  }

  .bigbutton a:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }


  .obsah {
    padding: 3em 0;
  }

  .obsah p {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0.5em 0em;
  }

  .obsah p strong {
    font-weight: 400;
  }

  .obsah p a {
    color: #000;
    font-weight: 400;
  }

  .obsah p a:hover {
    color: #d6132e;
    transition: 0.2s ease-in-out
  }

  .black p {
    color: #fff;
  }

  .black p a {
    color: #fff;
  }

  .obsah ul {
    list-style: disc;
    text-align: left;
    font-size: 1.2em;
  }

  .obsah ul li {
    line-height: 2.0em;
  }

  .odsadit {
    padding: 0 2em;
  }

  .subkategorie {
    width: 16%;
    float: left;
    display: block;
  }

  .subkategorie .ohrazeniceni {
    margin: 0;
    padding: 0;
  }

  .subkategorie .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .subkategorie .ohraniceni:hover {
    color: #fff;
  }


  .subkategorie img {
    max-width: 100%;
  }

  .subkategorie a img {
    padding: 10px 1px;
  }

  .subkategorie:hover h3 a {
    color: #fff;
    background: black;
    border-radius: 5px;
  }

  .subkategorie h3 {
    font-size: 1.0em;
  }

  .subkategorie h3 a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    padding: 6px;
  }

  .subkategorie h3 a:hover {
    color: #fff;
  }

  .subkategorie h3.aktivni a {
    color: #000;
    background: #fffb00;
  }

  .podkategorie strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .podkategorie ul {
    margin: 0;
    padding: 0;
  }

  .podkategorie ul li {
    float: left;
    margin: 1.1em 0.1em 0 0;
    list-style: none;
    font-size: 0.95em;
  }

  .podkategorie a {
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
  }

  .podkategorie a:hover {
    color: #000;
    background: #fffb00;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none
  }

  .podkategorie a.redko {
    color: white;
    background: red;
  }

  .podkategorie a:hover.redko {
    color: #000;
    background: #fffb00;
  }

  .ramecek {
    border-left: 6px solid black;
    border-right: 6px solid black;
    padding: 0 3em;
  }



  h3.srdce {
    background: url('img/h3srdce.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.stromecek {
    background: url('img/stromecek.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.podminky {
    background: url('img/h3podminky.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.star {
    background: url('img/h3star.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.kalendar {
    background: url('img/h3kalendar.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.becko {
    background: url('img/h3b.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  .park {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .park h4 {
    margin: 0;
    font-weight: 400;
  }

  .park .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .park .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .park .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out;
  }

  .park .auto h4 {
    font-size: 1.0em;
  }

  .park .auto h4 a {
    color: #fff;
    display: block;
    padding: 1em 0 0.2em 0;
    text-decoration: none
  }

  .park .auto img {
    max-width: 100%;
  }

  .park .auto img:hover {
    max-width: 100%;
  }

  .park .informace {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .informace span {
    font-size: 1.3em;
    font-weight: 400;
    position: relative;
    top: -4px;
  }

  .park .info {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .info span {
    font-size: 0.9em;
    font-weight: 400;
    position: relative;
    background: #fffb00;
    color: #000;
    text-transform: uppercase;
    padding: 0.5em;
    margin: 0 0.5em;
    border-radius: 5px;
  }


  .autopujcovnapraha {
    background: #000;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnapraha img {
    position: relative;
    top: 15px;
    max-width: 440px;
  }

  .autopujcovnapraha h2 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .autopujcovnaprahayellow {
    background: #fffb00;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnaprahayellow img {
    position: relative;
    top: 15px;
    max-width: 440px;
  }

  .autopujcovnaprahayellow h2 {
    color: #000;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .obsah h2 span {
    font-size: 0.8em;
    font-weight: 400;
  }

  .obsah h2.left {
    text-align: left;
  }

  .tecky {
    border-bottom: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 4.5em 0 2em 0;
    position: relative;
    top: -50px;
  }

  .teckyauta {
    border-top: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 2.5em 0 0em 0;
    position: relative;
    top: 0px;
  }

  .modelyaut {
    background: #000;
    height: 60px;
    margin-top: 100px;
  }

  .modelyaut img {
    position: relative;
    top: -50px;
  }

  img.logoznacka {
    float: none;
    padding: 2.0em 2em;
    opacity: 1.0;
  }

  img.logoznacka:hover {
    opacity: 0.5;
    transition: 0.2s ease-in-out;
  }

  img.dodavka {
    float: left;
    padding: 3em 2.0em 4em 2.0em;
    max-width: 350px;
  }

  .dodavky {
    padding: 2em 0;
  }

  .dodavka-parametr {
    background: #f5f5f5 url('img/dodavkamini.png') no-repeat;
    width: 100%;
    height: 100%;
    padding: 4em 0;
    display: block;
    background-position: center
  }

  .dodavka-parametr span {
    display: block;
    background: #fffb00;
    color: #000;
    width: 60%;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 0.3em 0;
  }

  .dodavka-parametr span strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .dodavka-parametr span strong em {
    position: relative;
    top: -8px;
    left: 2px;
    font-size: 0.7em;
    text-decoration: none;
    font-style: normal
  }

  .dodavka-rozmery {
    background: #f5f5f5;
    font-size: 1.15em;
    line-height: 1.7em;
    padding: 0.5em 0;
  }

  .dodavka-rozmery strong {
    font-weight: 300;
    font-size: 1.2em;
  }

  .dodavka-cena {
    background: #000;
    font-size: 1.2em;
    line-height: 1.7em;
    color: #fff;
  }

  .dodavka-cena strong {
    font-weight: 400;
    font-size: 1.3em;
    letter-spacing: 1px
  }

  .dodavka-parametr a {
    color: #000;
    text-decoration: none
  }

  .dodavka-info {
    position: relative;
    top: 7px;
  }

  .dodavka-cena a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0.7em;
  }

  .dodavka-cena:hover {
    background: #fffb00;
  }

  .dodavka-cena:hover a {
    color: #000;
  }

  .dodavka-info a {
    color: #000;
    display: block;
    padding: 0.5em;
  }

  .dodavka-info a:hover {
    color: #000;
    font-weight: 400;
  }

  img.cislovka {
    float: left;
    padding: 2em 1em 2em 0em;
  }

  .kroky .trio h3 {
    margin: 0;
    padding: 2.5em 0 0 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    text-align: left;
  }

  .kroky .trio p {
    font-size: 1.1em;
    margin: 0;
    padding: 4px 0 0 0;
  }

  .kategorie {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .kategorie h4 {
    padding: 1em;
    margin: 0;
    font-weight: 400;
  }

  .kategorie .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .kategorie .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto a {
    color: #fff;
  }

  .kategorie .auto img {
    max-width: 100%;
    filter: grayscale(0.5);
  }

  .kategorie .auto img:hover {
    max-width: 100%;
    filter: grayscale(0.0);
  }

  .newsletter {
    margin: 0;
    padding: 1em 0 4em 0;
    background: url('img/kodiaqvikend.png') no-repeat;
    background-position: 00% 80%
  }

  .newsletter img.newsletter-mini {
    float: left;
    padding-right: 5em;
    padding-top: 3em;
  }

  .newsletter h4 {
    font-size: 1.8em;
    margin: 0 auto;
    text-align: right;
    padding: 2em 1em 1em 0;
    font-weight: 300;
  }

  .newsletter p {
    font-size: 1.0em;
    text-align: center;
    margin: 0;
    padding: 0.5em 0em 0.5em 0;
  }

  .newsletter input {
    padding: 0.6em 1em;
    background: #c0c0c0;
    border: 0;
    border-radius: 5px;
    width: 350px;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    margin: 0.3em 0;
  }

  .newsletter .minimini {
    float: right;
    position: relative;
    left: -1em;
  }

  .poslat {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslat .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslat .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslat .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslat .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .sleva {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .sleva .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .sleva .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .sleva .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .sleva .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .detail {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .detail .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 200px;
    font-size: 1.1em;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    border: 0;
    top: 0px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .detail .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .detail .tlac a {
    color: #fff;
    text-decoration: one;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 1px;
  }

  .detail .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poptavka {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poptavka .tlac {
    text-decoration: underline;
    background: #fffb00;
    padding: 0.85em 0.6em;
    color: #000;
    width: 100%;
    font-size: 1.5em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poptavka .tlac:hover {
    background: #000;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poptavka .tlac a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poptavka .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poslatpoptavku {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslatpoptavku .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.9em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslatpoptavku .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslatpoptavku .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslatpoptavku .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }




  .karta-vozidla .foto {
    width: 100%;
    float: none;
  }

  .karta-vozidla .foto img {
    max-width: 100%;
  }

  .karta-vozidla .foto-poukaz {
    width: 100%;
  }

  .karta-vozidla .foto-poukaz img {
    max-width: 100%;
  }

  .karta-vozidla h2 {
    text-align: center;
    font-size: 2.6em;
    font-weight: 400;
    margin: 0;
    padding: 1em 0;
  }

  .karta-vozidla .ceny {
    width: 28%;
    float: right;
    text-align: left;
    display: none;
  }

  .karta-vozidla .ceny table.vyska {
    width: 100%;
    float: right;
    border-collapse: collapse;
    font-weight: 400;
  }

  .karta-vozidla .ceny table.vyska tr.first td {
    background: #000;
    color: #fff;
    padding: 0.7em 0.9em;
  }

  .karta-vozidla .ceny table.vyska tr.one td {
    background: #ebebeb;
  }

  .karta-vozidla .ceny table.vyska tr.two td {
    background: #d6d6d6;
  }

  .karta-vozidla .ceny table.vyska td.cena {
    text-align: right;
    font-size: 1.2em;
  }

  .karta-vozidla .ceny table.vyska tr.individual {
    background: #929292;
    color: #fff;
  }

  .karta-vozidla .ceny table.vyska td {
    padding: 1em 0.9em;
  }

  .karta-vozidla .ceny p {
    font-size: 0.85em;
    text-align: center;
    font-weight: 400;
    padding: 0.5em 0;
    margin: 0;
  }

  .cena-sirka {
    padding: 2em 0;
    display: block;
  }

  .cena-sirka table {
    width: 100%;
    padding: 1em 0 2em 0;
    border-collapse: collapse;
  }

  .cena-sirka table tr.one {
    background: #000;
    color: #fff;
    font-size: 1.1em;
  }

  .cena-sirka table tr.two {
    background: #ebebeb;
    font-size: 1.2em;
  }

  .cena-sirka table td {
    padding: 1.5em 0.5em;
    font-weight: 400;
  }

  .cena-sirka p {
    text-align: center;
  }



  .parametry {
    margin: 0 auto;
    text-align: center;
  }

  .parametry .parametr {
    padding: 0.5em 0em;
    font-size: 1.1em;
    color: #000;
    float: left;
    font-weight: 400;
    line-height: 2.0em;
    width: 22.0%;
    color: #8a8a8a;
    border: 0px solid #8a8a8a;
    margin: 1% 1.1%;
  }

  .parametry .parametr span {
    font-size: 1.2em;
    color: #000;
  }

  .vedlejsimenu {
    margin: 0;
    padding: 0;
  }

  .vedlejsimenu h1 {
    font-size: 1.0em;
    margin: 0;
    padding: 0;
    font-weight: 300;
    text-align: left;
    float: left;
    width: 40%;
  }

  .vedlejsimenu a {
    color: #000;
    font-weight: 400;
  }

  .vedlejsimenu p {
    font-size: 1.0em;
    float: right;
    width: 60%;
    text-align: right;
    margin: 0;
    padding: 0;
    display: inline-block;
  }

  .klientsky-servis {
    font-size: 1.9em;
    padding: 1em 0 0em 0;
    font-weight: 500;
  }

  .klientsky-servis h2 {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
  }

  .klientsky-servis .posta a {
    background: url('img/ikonky/posta.png') no-repeat;
    background-size: 40px;
    padding: 0.1em 0 1em 2.5em;
    text-decoration: underline;
    color: #000;
  }

  .klientsky-servis .volani a {
    background-position: 0 10%;
    background: url('img/ikonky/volani.png') no-repeat;
    background-size: 40px;
    padding: 0.3em 0 1em 2.5em;
    text-decoration: none;
    color: #000;
  }

  .klientsky-servis .half {
    width: 100%;
    padding-bottom: 0.5em;
  }


  #adresa-predani {
    display: none;
  }

  #adresa-vyzvednuti {
    display: none;
  }

  footer {
    background: #000;
  }

  footer .leva-strana {
    padding: 1em;
    float: left;
    width: 25%;
  }

  footer img {
    padding: 1em 0;
  }

  footer .prava-strana {
    background: url('img/footer-auto.jpg') no-repeat;
    float: right;
    padding: 0em;
    width: 70%;
    background-position: right top;
    height: 350px;
  }

  footer .podpora {
    text-align: left;
    float: left;
    color: #dedede;
    padding: 3em 0 0 0;
    border-left: 4px solid #f7ed00;
    padding-left: 50px;
    margin-top: 2em;
  }

  footer .podpora h4 {
    color: #f7ed00;
    font-size: 1.6em;
    font-weight: 400;
    margin: 0;
    padding: 0 0 1em 0;
  }

  footer .podpora p {
    font-size: 1.2em;
    line-height: 1.7em;
  }

  footer .podpora a {
    color: #dedede;
    text-decoration: none
  }


  footer .social {
    position: relative;
    top: -14px;
  }

  footer .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  footer .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .social a {
    padding-right: 0.5em;
  }

  img.nahoru {
    filter: grayscale(0.0);
    transition: 0.2s ease-in-out;
  }

  img.nahoru:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .odkazy {
    background: #fffb00;
    height: 50px;
  }

  footer .odkazy ul {
    margin: 0;
    padding: 0 1em;
    position: relative;
    top: 14px;
  }

  footer .odkazy ul li {
    list-style: none;
    text-align: left;
    padding: 0 1.0em 0 0;
    float: left;
    display: inline-block;
  }

  footer .odkazy ul li a {
    color: #000;
    font-size: 1.0em;
    font-weight: 400;
    text-decoration: none
  }

  footer .odkazy ul li a:hover {
    text-decoration: underline;
  }

  footer .odkazy ul li.right {
    float: right;
    display: none;
  }

  footer p {
    color: #f1f1f1;
  }

  footer p.left {
    float: left;
    width: 55%;
    text-align: left;
    padding: 1em 1em;
  }

  footer p.right {
    float: left;
    width: 35%;
    text-align: right;
    padding: 1em 0.5em;
  }


  .rezervace {
    background: #e0e0e0;
    padding: 1.0em 0;
  }

  .rezervace h4 {
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 0.5em;
  }

  .rezervace a {
    color: #fff;
    background: #000;
    padding: 0.2em 0.2em;
    text-decoration: none;
    font-weight: 400;
  }

  .rezervace p.podminky a {
    background: none;
    color: #000;
    text-decoration: underline;
  }

  .rezervace .half .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .rezervace .full .odsazeni {
    margin: 0 auto;
    width: 95%;
    margin: 0 auto;
  }

  .bublina {
    background: #f2f2f2;
    border-radius: 5px;
    margin: 10px 0;
    padding: 1em 0 1em 0;
  }


  select {
    height: 48px;
    text-align: left;
    font-size: 1.0em;
    font-weight: 400;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 0.7em;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select {
    background: #fff url('img/downdown.png') no-repeat;
    text-align: left;
    font-size: 1.1em;
    background-position: 95% 30%
  }

  select.misto {
    background: #fff url('img/souradnice.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-mesic {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.spoluucast {
    background: #fff url('img/downdown.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.cas {
    background: #fff url('img/cas.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    width: 70px;
    background-position: 95% 10%
  }

  select.misto {
    width: 310px;
    background-position: 95% 10%
  }

  select.datum-mesic {
    width: 120px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.spoluucast {
    width: 230px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.cas {
    width: 90px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  .bigbutton .poslatpoptavku {
    background: url('img/pozadibutton.png') no-repeat;
    height: 65px;
    width: 770px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-weight: 400;
    font-size: 1.1em;
  }

  .bigbutton .poslatpoptavku:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }

  input {
    font-weight: 300;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 2.5em;
    height: 40px;
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  .quatro select {
    font-size: 2.0em;
  }

  input.jmeno {
    background: #fff url('img/osoba.png') no-repeat;
    width: 250px;
    background-position: 5px 6px
  }

  input.telefon {
    background: #fff url('img/sluchatko.png') no-repeat;
    width: 150px;
    background-position: 5px 6px;
  }

  input.posta {
    background: #fff url('img/posta.png') no-repeat;
    width: 250px;
    background-position: 5px 6px
  }

  input.ico {
    background: #fff url('img/number.png') no-repeat;
    width: 250px;
    background-position: 5px 9px
  }

  input.velky {
    padding-left: 1em;
    background: #fff;
    width: 250px;
    background-position: 5px 9px
  }


  textarea {
    padding: 1em;
    font-size: 1.2em;
    border: 2px solid #797979;
    border-radius: 5px;
    width: 90%;
  }

}


/* 768  768  768  768  768  768  768  768  768  768  768  768  768  768  768  768  768  768  768  768  768  */




@media screen and (min-width: 768px) {
  #dl-menu {
    display: none;
  }

  .full {
    width: 100%;
    padding-bottom: 2.5em;
  }

  .trio {
    float: left;
    width: 50%;
    padding-bottom: 2.5em;
    margin: 0;
  }

  .half {
    float: left;
    width: 50%;
    padding-bottom: 2.5em;
  }

  .half img {
    max-width: 100%;
  }

  .quatro {
    float: left;
    width: 25%;
    padding-bottom: 2.5em;
  }

  .petka {
    float: left;
    width: 33.33%;
    padding-bottom: 3em
  }

  .okraje {
    width: 89%;
    margin: 0 auto;
  }


  .stred {
    width: 100%;
    margin: 0 auto;
  }

  .achtung {
    background: red;
    color: #fff;
    font-size: 1.0em;
    padding: 0.5em;
  }

  .obsah h1 strong,
  .obsah h2 strong,
  .obsah h3 strong,
  .obsah h4 strong,
  .obsah h5 strong {
    font-weight: 400;
  }

  .obsah h1 {
    font-size: 2.3em;
    font-weight: 300;
    padding-bottom: 1.1em;
  }

  .obsah h2 {
    font-size: 2.1em;
    font-weight: 300;
    padding-bottom: 1.05em;
  }

  .obsah h3 {
    font-size: 1.9em;
    font-weight: 300;
    padding-bottom: 1.0em;
  }

  .obsah h4 {
    font-size: 1.6em;
    font-weight: 300;
    padding-bottom: 0.9em;
  }

  #top {
    height: 80px;
    width: 100%;
  }

  #top nav {
    width: 60%;
    float: left;
    display: block;
  }

  #top nav ul {
    margin: 0;
    padding: 0;
  }

  #top nav ul li {
    list-style: none;
    float: left;
    padding: 1.0em 0.8em 0 0;
  }

  #top nav ul li a {
    display: block;
    padding: 0.2em;
    color: #212121;
    text-decoration: none
  }

  #top nav ul li a:hover {
    text-decoration: underline;
    transition: 0.2s ease-in-out;
    color: #000;
  }

  #top .social {
    width: 30%;
    float: right;
    position: relative;
    top: 0;
  }

  #top .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  #top .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  #top .social a {
    padding-right: 0.5em;
  }

  #top .language {
    width: 15%;
    float: right;
    position: relative;
    top: 0;
  }

  #top .language a {
    background: #ec4410;
    display: block;
    padding: 0.6em;
    color: #fff;
    font-weight: 400;
    text-decoration: none
  }

  #top .language a:hover {
    background: #000;
    transition: 0.2s ease-in-out;
    background: #000;
  }

  .obrazek-jachta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_jachta.jpg");
    height: 500px;
  }

  .obrazek-svatba {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_svatba.jpg");
    height: 500px;
  }

  .obrazek-auta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_auta.jpg");
    height: 500px;
  }

  .obrazek-stromovka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/stromovka-dark.jpg");
    height: 500px;
  }

  .obrazek-westfield {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/westfield-dark.jpg");
    height: 500px;
  }

  .obrazek-eden {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/eden-dark.jpg");
    height: 500px;
  }

  .obrazek-flora {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/flora-dark.jpg");
    height: 500px;
  }

  .obrazek-borislavka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/borislavka-dark.jpg");
    height: 500px;
  }

  .obrazek-harfa {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/harfa-dark.jpg");
    height: 500px;
  }

  .obrazek-zlicin {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/zlicin-dark.jpg");
    height: 500px;
  }

  .obrazek-strasnicka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/strasnicka-dark.jpg");
    height: 500px;
  }

  .obrazek-cernymost {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/cernymost-dark.jpg");
    height: 500px;
  }

  .obrazek-sestka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/ocsestka-dark.jpg");
    height: 500px;
  }

  .obrazek-letnany {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/letnany-dark.jpg");
    height: 500px;
  }

  .obrazek-lyzovani {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/lyzovani_big.jpg");
    height: 500px;
  }

  .obrazek-pristaveni {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header-pristaveni.jpg");
    height: 500px;
  }

  header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/enyaqheader.jpg");
    height: 500px;
  }

  header .leva {
    float: left;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: 1em;
    display: none;
  }

  header .prava {
    float: right;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: -1em;
    display: none;
  }

  header span {
    font-size: 0.65em;
    font-weight: 300;
  }

  #header {
    background: #000;
    padding: 1em 0;
  }

  #header .logo {
    background: url('img/autopujcovnaprahacom.png') no-repeat;
    background-size: 240px;
    height: 80px;
    display: block;
    margin: 0em 0;
    position: relative;
    float: left;
  }

  #header .logo a {
    display: block;
    width: 240px;
    height: 80px;
    border: 0px solid white;
    margin: 0;
    padding: 1px;
    position: relative;
    top: 0;
  }

  #header .logo a span,
  .top-mini .logo a span {
    display: none;
  }

  #header .logo h1 {
    margin: 0;
    padding: 0;
  }

  #header .volani {
    font-size: 2.1em;
    color: #f7ed00;
    font-weight: 400;
    float: left;
    position: relative;
    left: 1em;
    top: 0.6em;
    display: none;
  }

  #header .volani a {
    color: #f7ed00;
text-decoration: none;
  }

  #header img {
    position: relative;
    top: 5px;
    padding-right: 0.5em;
  }

  #header nav {
    float: right;
    display: block;
  }

  #header nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 6px;
  }

  #header nav ul li {
    list-style: none;
    float: left;
    padding: 0.5em 0 0 1.3em;
  }

  #header nav ul li a {
    display: block;
    padding: 0.5em;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
    transition: all 0.3s ease
  }

  #header nav ul li a:hover {
    text-decoration: none;
    color: #fffb00;
  }

  #header nav ul li.aktivni a {
    color: #fffb00;
  }

  #header nav ul li.odsazeni {
    position: relative;
    top: 10px;
    margin: 0 auto;
  }


  .bigbutton {
    border-top: 20px solid #fffb00;
    padding-bottom: 2em;
  }

  .bigbutton a {
    background: url('img/pozadibutton.png') no-repeat;
    height: 65px;
    width: 768px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-size: 2.1em;
    font-weight: 400;
  }

  .bigbutton a:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }


  .obsah {
    padding: 3em 0;
  }

  .obsah p {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0.5em 0em;
  }

  .obsah p strong {
    font-weight: 400;
  }

  .obsah p a {
    color: #000;
    font-weight: 400;
  }

  .obsah p a:hover {
    color: #d6132e;
    transition: 0.2s ease-in-out
  }

  .black p {
    color: #fff;
  }

  .black p a {
    color: #fff;
  }

  .obsah ul {
    list-style: disc;
    text-align: left;
    font-size: 1.2em;
  }

  .obsah ul li {
    line-height: 2.0em;
  }

  .odsadit {
    padding: 0 2em;
  }

  .subkategorie {
    width: 16%;
    float: left;
    display: block;
  }

  .subkategorie .ohrazeniceni {
    margin: 0;
    padding: 0;
  }

  .subkategorie .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .subkategorie .ohraniceni:hover {
    color: #fff;
  }


  .subkategorie img {
    max-width: 100%;
  }

  .subkategorie a img {
    padding: 10px 1px;
  }

  .subkategorie:hover h3 a {
    color: #fff;
    background: black;
    border-radius: 5px;
  }

  .subkategorie h3 {
    font-size: 1.0em;
  }

  .subkategorie h3 a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    padding: 6px;
  }

  .subkategorie h3 a:hover {
    color: #fff;
  }

  .subkategorie h3.aktivni a {
    color: #000;
    background: #fffb00;
  }

  .podkategorie strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .podkategorie ul {
    margin: 0;
    padding: 0;
  }

  .podkategorie ul li {
    float: left;
    margin: 1.1em 0.1em 0 0;
    list-style: none;
    font-size: 0.95em;
  }

  .podkategorie a {
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
  }

  .podkategorie a:hover {
    color: #000;
    background: #fffb00;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none
  }

  .podkategorie a.redko {
    color: white;
    background: red;
  }

  .podkategorie a:hover.redko {
    color: #000;
    background: #fffb00;
  }

  .ramecek {
    border-left: 6px solid black;
    border-right: 6px solid black;
    padding: 0 3em;
  }



  h3.srdce {
    background: url('img/h3srdce.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.stromecek {
    background: url('img/stromecek.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.podminky {
    background: url('img/h3podminky.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.star {
    background: url('img/h3star.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.kalendar {
    background: url('img/h3kalendar.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.becko {
    background: url('img/h3b.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  .park {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .park h4 {
    margin: 0;
    font-weight: 400;
  }

  .park .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .park .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .park .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out;
  }

  .park .auto h4 {
    font-size: 1.0em;
  }

  .park .auto h4 a {
    color: #fff;
    display: block;
    padding: 1em 0 0.2em 0;
    text-decoration: none
  }

  .park .auto img {
    max-width: 100%;
  }

  .park .auto img:hover {
    max-width: 100%;
  }

  .park .informace {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .informace span {
    font-size: 1.3em;
    font-weight: 400;
    position: relative;
    top: -4px;
  }

  .park .info {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .info span {
    font-size: 0.9em;
    font-weight: 400;
    position: relative;
    background: #fffb00;
    color: #000;
    text-transform: uppercase;
    padding: 0.5em;
    margin: 0 0.5em;
    border-radius: 5px;
  }


  .autopujcovnapraha {
    background: #000;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnapraha img {
    position: relative;
    top: 15px;
    max-width: 440px;
  }

  .autopujcovnapraha h2 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .autopujcovnaprahayellow {
    background: #fffb00;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnaprahayellow img {
    position: relative;
    top: 15px;
    max-width: 440px;
  }

  .autopujcovnaprahayellow h2 {
    color: #000;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .obsah h2 span {
    font-size: 0.8em;
    font-weight: 400;
  }

  .obsah h2.left {
    text-align: left;
  }

  .tecky {
    border-bottom: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 4.5em 0 2em 0;
    position: relative;
    top: -50px;
  }

  .teckyauta {
    border-top: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 2.5em 0 0em 0;
    position: relative;
    top: 0px;
  }

  .modelyaut {
    background: #000;
    height: 60px;
    margin-top: 100px;
  }

  .modelyaut img {
    position: relative;
    top: -50px;
  }

  img.logoznacka {
    float: left;
    padding: 2.0em 2em;
    opacity: 1.0;
  }

  img.logoznacka:hover {
    opacity: 0.5;
    transition: 0.2s ease-in-out;
  }

  img.dodavka {
    float: left;
    padding: 3em 2.0em 4em 2.0em;
    max-width: 350px;
  }

  .dodavky {
    padding: 2em 0;
  }

  .dodavka-parametr {
    background: #f5f5f5 url('img/dodavkamini.png') no-repeat;
    width: 100%;
    height: 100%;
    padding: 4em 0;
    display: block;
    background-position: center
  }

  .dodavka-parametr span {
    display: block;
    background: #fffb00;
    color: #000;
    width: 60%;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 0.3em 0;
  }

  .dodavka-parametr span strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .dodavka-parametr span strong em {
    position: relative;
    top: -8px;
    left: 2px;
    font-size: 0.7em;
    text-decoration: none;
    font-style: normal
  }

  .dodavka-rozmery {
    background: #f5f5f5;
    font-size: 1.15em;
    line-height: 1.7em;
    padding: 0.5em 0;
  }

  .dodavka-rozmery strong {
    font-weight: 300;
    font-size: 1.2em;
  }

  .dodavka-cena {
    background: #000;
    font-size: 1.2em;
    line-height: 1.7em;
    color: #fff;
  }

  .dodavka-cena strong {
    font-weight: 400;
    font-size: 1.3em;
    letter-spacing: 1px
  }

  .dodavka-parametr a {
    color: #000;
    text-decoration: none
  }

  .dodavka-info {
    position: relative;
    top: 7px;
  }

  .dodavka-cena a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0.7em;
  }

  .dodavka-cena:hover {
    background: #fffb00;
  }

  .dodavka-cena:hover a {
    color: #000;
  }

  .dodavka-info a {
    color: #000;
    display: block;
    padding: 0.5em;
  }

  .dodavka-info a:hover {
    color: #000;
    font-weight: 400;
  }

  img.cislovka {
    float: left;
    padding: 2em 1em 2em 0em;
  }

  .kroky .trio h3 {
    margin: 0;
    padding: 2.5em 0 0 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    text-align: left;
  }

  .kroky .trio p {
    font-size: 1.1em;
    margin: 0;
    padding: 4px 0 0 0;
  }

  .kategorie {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .kategorie h4 {
    padding: 1em;
    margin: 0;
    font-weight: 400;
  }

  .kategorie .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .kategorie .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto a {
    color: #fff;
  }

  .kategorie .auto img {
    max-width: 100%;
    filter: grayscale(0.5);
  }

  .kategorie .auto img:hover {
    max-width: 100%;
    filter: grayscale(0.0);
  }

  .newsletter {
    margin: 0;
    padding: 1em 0 4em 0;
    background: url('img/kodiaqvikend.png') no-repeat;
    background-position: 00% 80%
  }

  .newsletter img.newsletter-mini {
    float: left;
    padding-right: 5em;
    padding-top: 3em;
  }

  .newsletter h4 {
    font-size: 1.8em;
    margin: 0 auto;
    text-align: right;
    padding: 2em 1em 1em 0;
    font-weight: 300;
  }

  .newsletter p {
    font-size: 1.0em;
    text-align: center;
    margin: 0;
    padding: 0.5em 0em 0.5em 0;
  }

  .newsletter input {
    padding: 0.6em 1em;
    background: #c0c0c0;
    border: 0;
    border-radius: 5px;
    width: 350px;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    margin: 0.3em 0;
  }

  .newsletter .minimini {
    float: right;
    position: relative;
    left: -1em;
  }

  .poslat {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslat .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslat .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslat .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslat .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .sleva {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .sleva .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .sleva .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .sleva .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .sleva .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .detail {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .detail .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 200px;
    font-size: 1.1em;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    border: 0;
    top: 0px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .detail .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .detail .tlac a {
    color: #fff;
    text-decoration: one;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 1px;
  }

  .detail .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poptavka {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poptavka .tlac {
    text-decoration: underline;
    background: #fffb00;
    padding: 0.85em 0.6em;
    color: #000;
    width: 100%;
    font-size: 1.5em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poptavka .tlac:hover {
    background: #000;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poptavka .tlac a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poptavka .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poslatpoptavku {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslatpoptavku .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.9em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslatpoptavku .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslatpoptavku .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslatpoptavku .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }




  .karta-vozidla .foto {
    width: 100%;
    float: none;
  }

  .karta-vozidla .foto img {
    max-width: 100%;
  }

  .karta-vozidla .foto-poukaz {
    width: 100%;
  }

  .karta-vozidla .foto-poukaz img {
    max-width: 80%;
  }

  .karta-vozidla h2 {
    text-align: center;
    font-size: 2.6em;
    font-weight: 400;
    margin: 0;
    padding: 1em 0;
  }

  .karta-vozidla .ceny {
    width: 28%;
    float: right;
    text-align: left;
    display: none;
  }

  .karta-vozidla .ceny table.vyska {
    width: 100%;
    float: right;
    border-collapse: collapse;
    font-weight: 400;
  }

  .karta-vozidla .ceny table.vyska tr.first td {
    background: #000;
    color: #fff;
    padding: 0.7em 0.9em;
  }

  .karta-vozidla .ceny table.vyska tr.one td {
    background: #ebebeb;
  }

  .karta-vozidla .ceny table.vyska tr.two td {
    background: #d6d6d6;
  }

  .karta-vozidla .ceny table.vyska td.cena {
    text-align: right;
    font-size: 1.2em;
  }

  .karta-vozidla .ceny table.vyska tr.individual {
    background: #929292;
    color: #fff;
  }

  .karta-vozidla .ceny table.vyska td {
    padding: 1em 0.9em;
  }

  .karta-vozidla .ceny p {
    font-size: 0.85em;
    text-align: center;
    font-weight: 400;
    padding: 0.5em 0;
    margin: 0;
  }

  .cena-sirka {
    padding: 2em 0;
    display: block;
  }

  .cena-sirka table {
    width: 100%;
    padding: 1em 0 2em 0;
    border-collapse: collapse;
  }

  .cena-sirka table tr.one {
    background: #000;
    color: #fff;
    font-size: 1.1em;
  }

  .cena-sirka table tr.two {
    background: #ebebeb;
    font-size: 1.2em;
  }

  .cena-sirka table td {
    padding: 1em;
    font-weight: 400;
  }

  .cena-sirka p {
    text-align: center;
  }



  .parametry {
    margin: 0 auto;
    text-align: center;
  }

  .parametry .parametr {
    padding: 0.5em 0em;
    font-size: 1.0em;
    color: #000;
    float: left;
    font-weight: 400;
    line-height: 2.0em;
    width: 10.0%;
    color: #8a8a8a;
    border: 0px solid #8a8a8a;
    margin: 0 1.1%;
  }

  .parametry .parametr span {
    font-size: 1.1em;
    color: #000;
  }

  .vedlejsimenu {
    margin: 0;
    padding: 0;
  }

  .vedlejsimenu h1 {
    font-size: 1.0em;
    margin: 0;
    padding: 0;
    font-weight: 300;
    text-align: left;
    float: left;
    width: 50%;
  }

  .vedlejsimenu a {
    color: #000;
    font-weight: 400;
  }

  .vedlejsimenu p {
    font-size: 1.0em;
    float: right;
    width: 30%;
    text-align: right;
    margin: 0;
    padding: 0;
  }

  .klientsky-servis {
    font-size: 1.9em;
    padding: 1em 0 0em 0;
    font-weight: 500;
  }

  .klientsky-servis h2 {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
  }

  .klientsky-servis .posta a {
    background: url('img/ikonky/posta.png') no-repeat;
    background-size: 40px;
    padding: 0.1em 0 1em 2.5em;
    text-decoration: underline;
    color: #000;
  }

  .klientsky-servis .volani a {
    background-position: 0 10%;
    background: url('img/ikonky/volani.png') no-repeat;
    background-size: 40px;
    padding: 0.3em 0 1em 2.5em;
    text-decoration: none;
    color: #000;
  }

  .klientsky-servis .half {
    width: 100%;
    padding-bottom: 0.5em;
  }


  #adresa-predani {
    display: none;
  }

  #adresa-vyzvednuti {
    display: none;
  }

  footer {
    background: #000;
  }

  footer .leva-strana {
    padding: 1em;
    float: left;
    width: 20%;
  }

  footer img {
    padding: 1em 0;
  }

  footer .prava-strana {
    background: url('img/footer-auto.jpg') no-repeat;
    float: right;
    padding: 0em;
    width: 75%;
    background-position: right top;
    height: 350px;
  }

  footer .podpora {
    text-align: left;
    float: left;
    color: #dedede;
    padding: 3em 0 0 0;
    border-left: 4px solid #f7ed00;
    padding-left: 50px;
    margin-top: 2em;
  }

  footer .podpora h4 {
    color: #f7ed00;
    font-size: 1.6em;
    font-weight: 400;
    margin: 0;
    padding: 0 0 1em 0;
  }

  footer .podpora p {
    font-size: 1.2em;
    line-height: 1.7em;
  }

  footer .podpora a {
    color: #dedede;
    text-decoration: none
  }


  footer .social {
    position: relative;
    top: -14px;
  }

  footer .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  footer .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .social a {
    padding-right: 0.5em;
  }

  img.nahoru {
    filter: grayscale(0.0);
    transition: 0.2s ease-in-out;
  }

  img.nahoru:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .odkazy {
    background: #fffb00;
    height: 50px;
  }

  footer .odkazy ul {
    margin: 0;
    padding: 0 1em;
    position: relative;
    top: 14px;
  }

  footer .odkazy ul li {
    list-style: none;
    text-align: left;
    padding: 0 1.0em 0 0;
    float: left;
  }

  footer .odkazy ul li a {
    color: #000;
    font-size: 1.0em;
    font-weight: 400;
    text-decoration: none
  }

  footer .odkazy ul li a:hover {
    text-decoration: underline;
  }

  footer .odkazy ul li.right {
    float: right;
    display: inline-block;
  }

  footer p {
    color: #f1f1f1;
  }

  footer p.left {
    float: left;
    width: 55%;
    text-align: left;
    padding: 1em 1em;
  }

  footer p.right {
    float: left;
    width: 35%;
    text-align: right;
    padding: 1em 0.5em;
  }


  .rezervace {
    background: #e0e0e0;
    padding: 1.0em 0;
  }

  .rezervace h4 {
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 0.5em;
  }

  .rezervace a {
    color: #fff;
    background: #000;
    padding: 0.2em 0.2em;
    text-decoration: none;
    font-weight: 400;
  }

  .rezervace p.podminky a {
    background: none;
    color: #000;
    text-decoration: underline;
  }

  .rezervace .half .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .rezervace .full .odsazeni {
    margin: 0 auto;
    width: 95%;
    margin: 0 auto;
  }

  .bublina {
    background: #f2f2f2;
    border-radius: 5px;
    margin: 10px 0;
    padding: 1em 0 1em 0;
  }


  select {
    height: 48px;
    text-align: left;
    font-size: 1.0em;
    font-weight: 400;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 0.7em;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select {
    background: #fff url('img/downdown.png') no-repeat;
    text-align: left;
    font-size: 1.1em;
    background-position: 95% 30%
  }

  select.misto {
    background: #fff url('img/souradnice.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-mesic {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.spoluucast {
    background: #fff url('img/downdown.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.cas {
    background: #fff url('img/cas.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    width: 70px;
    background-position: 95% 10%
  }

  select.misto {
    width: 310px;
    background-position: 95% 10%
  }

  select.datum-mesic {
    width: 120px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.spoluucast {
    width: 230px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.cas {
    width: 90px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  .bigbutton .poslatpoptavku {
    background: url('img/pozadibutton.png') no-repeat;
    height: 65px;
    width: 770px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-weight: 400;
    font-size: 1.1em;
  }

  .bigbutton .poslatpoptavku:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }

  input {
    font-weight: 300;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 2.5em;
    height: 40px;
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  .quatro select {
    font-size: 2.0em;
  }

  input.jmeno {
    background: #fff url('img/osoba.png') no-repeat;
    width: 250px;
    background-position: 5px 6px
  }

  input.telefon {
    background: #fff url('img/sluchatko.png') no-repeat;
    width: 150px;
    background-position: 5px 6px;
  }

  input.posta {
    background: #fff url('img/posta.png') no-repeat;
    width: 250px;
    background-position: 5px 6px
  }

  input.ico {
    background: #fff url('img/number.png') no-repeat;
    width: 250px;
    background-position: 5px 9px
  }

  input.velky {
    padding-left: 1em;
    background: #fff;
    width: 250px;
    background-position: 5px 9px
  }

  textarea {
    padding: 1em;
    font-size: 1.2em;
    border: 2px solid #797979;
    border-radius: 5px;
    width: 90%;
  }

}


/* 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 1024 */

@media screen and (min-width: 1024px) {

  .obsah .ceny-poukaz h4 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    margin: 2em 0 1em 0;
    padding: 0;
    color: #424242;
  }

  .obsah .ceny-poukaz h3 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0.2em 0 0 0;
    padding: 0;
  }

  .obsah .ceny-poukaz h3 span {
    background: #fffb00;
    color: #000;
    padding: 0.5em 0;
    display: block;
    width: 100%;
  }

  .obsah .ceny-poukaz h2 {
    text-align: center;
    font-size: 2.1em;
    font-weight: 400;
    margin: 0.2em 0 0.5em 0;
    padding: 0;
  }

  .obsah .ceny-poukaz p.poukazkod {
    font-size: 1.1em;
    text-align: center;
    margin: 1.9em 0 1.5em 0;
    padding: 0;
    position: relative;
    top: 0px;
    font-weight: 300;
  }

  .obsah .ceny-poukaz p.akcnicena {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #b1181a;
    color: #fff;
    padding: 0.2em 0.5em;
    margin: 1em 0 0 0;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3em;
    text-transform: none;
  }

  .obsah .ceny-poukaz p.cenapoukazu {
    background: #da1c1e;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 0 auto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8em;
    text-transform: none;
  }

  .obsah .ceny-poukaz h3 em {
    background: #000;
    border-radius: 5px;
    color: #fff;
    padding: 0.2em 0.3em;
    margin-left: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3em;
    text-transform: none
  }

  .obsah .ceny-poukaz .objednatpoukaz {
    margin: 2em 0 0 0;
    padding: 0;
    text-align: center;
  }

  .obsah .ceny-poukaz .objednatpoukaz a {
    padding: 0.5em 1.6em 0.5em 2.9em;
    color: #000;
    background: #52d624 url('../img/basket.png') no-repeat;
    margin: 0 auto;
    background-position: 12px 5px;
    font-size: 1.8em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
  }

  .obsah .ceny-poukaz .objednatpoukaz a:hover {
    padding: 0.5em 1.6em 0.5em 2.9em;
    color: #000;
    background: #fffb00 url('../img/basket.png') no-repeat;
    background-position: 12px 5px;
    font-size: 1.8em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
  }




  .full {
    width: 100%;
    padding-bottom: 2.5em;
  }

  .trio {
    float: left;
    width: 33.33%;
    padding-bottom: 2.5em;
    margin: 0;
  }

  .half {
    float: left;
    width: 50%;
    padding-bottom: 2.5em;
  }

  .half img {
    max-width: 100%;
  }

  .quatro {
    float: left;
    width: 25%;
    padding-bottom: 2.5em;
  }

  .petka {
    float: left;
    width: 20%;
  }

  .okraje {
    width: 89%;
    margin: 0 auto;
  }


  .stred {
    width: 1024px;
    margin: 0 auto;
  }

  .achtung {
    background: red;
    color: #fff;
    font-size: 1.0em;
    padding: 0.5em;
  }

  .obsah h1 strong,
  .obsah h2 strong,
  .obsah h3 strong,
  .obsah h4 strong,
  .obsah h5 strong {
    font-weight: 400;
  }

  .obsah h1 {
    font-size: 2.3em;
    font-weight: 300;
    padding-bottom: 1.1em;
  }

  .obsah h2 {
    font-size: 2.1em;
    font-weight: 300;
    padding-bottom: 1.05em;
  }

  .obsah h3 {
    font-size: 1.9em;
    font-weight: 300;
    padding-bottom: 1.0em;
  }

  .obsah h4 {
    font-size: 1.6em;
    font-weight: 300;
    padding-bottom: 0.9em;
  }

  #top {
    height: 50px;
    width: 100%;
  }

  #top nav {
    width: 80%;
    float: left;
  }

  #top nav ul {
    margin: 0;
    padding: 0;
  }

  #top nav ul li {
    list-style: none;
    float: left;
    padding: 1.0em 0.8em 0 0;
  }

  #top nav ul li a {
    display: block;
    padding: 0.2em;
    color: #212121;
    text-decoration: none
  }

  #top nav ul li a:hover {
    text-decoration: underline;
    transition: 0.2s ease-in-out;
    color: #000;
  }

  #top .social {
    width: 10%;
    float: right;
  }

  #top .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  #top .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  #top .social a {
    padding-right: 0.5em;
  }

     #top .language {
        width: 10%;
        float: right;
        margin-top: 8.2px;
    }

  #top .language a {
    background: #ec4410;
    display: block;
    padding: 0.6em;
    color: #fff;
    font-weight: 400;
    text-decoration: none
  }

  #top .language a:hover {
    background: #000;
    transition: 0.2s ease-in-out;
    background: #000;
  }

  .obrazek-jachta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_jachta.jpg");
    height: 500px;
  }

  .obrazek-svatba {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_svatba.jpg");
    height: 500px;
  }

  .obrazek-auta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_auta.jpg");
    height: 500px;
  }

  .obrazek-stromovka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/stromovka-dark.jpg");
    height: 500px;
  }

  .obrazek-westfield {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/westfield-dark.jpg");
    height: 500px;
  }

  .obrazek-eden {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/eden-dark.jpg");
    height: 500px;
  }

  .obrazek-flora {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/flora-dark.jpg");
    height: 500px;
  }

  .obrazek-borislavka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/borislavka-dark.jpg");
    height: 500px;
  }

  .obrazek-harfa {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/harfa-dark.jpg");
    height: 500px;
  }

  .obrazek-zlicin {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/zlicin-dark.jpg");
    height: 500px;
  }

  .obrazek-strasnicka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/strasnicka-dark.jpg");
    height: 500px;
  }

  .obrazek-cernymost {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/cernymost-dark.jpg");
    height: 500px;
  }

  .obrazek-sestka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/ocsestka-dark.jpg");
    height: 500px;
  }

  .obrazek-letnany {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/letnany-dark.jpg");
    height: 500px;
  }

  .obrazek-lyzovani {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/lyzovani_big.jpg");
    height: 500px;
  }

  .obrazek-pristaveni {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header-pristaveni.jpg");
    height: 500px;
  }

  header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/enyaqheader.jpg");
    height: 500px;
  }

  header .leva {
    float: left;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: 1em;
    display: block;
  }

  header .prava {
    float: right;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
    left: -1em;
    display: block;
  }

  header span {
    font-size: 0.65em;
    font-weight: 300;
  }

  #header {
    background: #000;
    padding: 1em 0;
  }

  #header .logo {
    background: url('img/autopujcovnaprahacom.png') no-repeat;
    background-size: 240px;
    height: 80px;
    display: block;
    margin: 0em 0;
    position: relative;
    float: left;
  }

  #header .logo a {
    display: block;
    width: 240px;
    height: 80px;
    border: 0px solid white;
    margin: 0;
    padding: 1px;
    position: relative;
    top: 0;
  }

  #header .logo a span,
  .top-mini .logo a span {
    display: none;
  }

  #header .logo h1 {
    margin: 0;
    padding: 0;
  }

  #header .volani {
    font-size: 2.1em;
    color: #f7ed00;
    font-weight: 400;
    float: left;
    position: relative;
    left: 1em;
    top: 0.6em;
    display: inline-block;
  }

  #header .volani a {
    color: #f7ed00;
text-decoration: none;
  }

  #header img {
    position: relative;
    top: 5px;
    padding-right: 0.5em;
  }

  #header nav {
    float: right;
  }

  #header nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 6px;
  }

  #header nav ul li {
    list-style: none;
    float: left;
    padding: 0.5em 0 0 1.3em;
  }

  #header nav ul li a {
    display: block;
    padding: 0.5em;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
    transition: all 0.3s ease
  }

  #header nav ul li a:hover {
    text-decoration: none;
    color: #fffb00;
  }

  #header nav ul li.aktivni a {
    color: #fffb00;
  }

  #header nav ul li.odsazeni {
    position: relative;
    top: 10px;
    margin: 0 auto;
  }


  .bigbutton {
    border-top: 20px solid #fffb00;
    padding-bottom: 2em;
  }

  .bigbutton a {
    background: url('img/pozadibutton.png') no-repeat;
    height: 65px;
    width: 770px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-size: 2.1em;
    font-weight: 400;
  }

  .bigbutton a:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }


  .obsah {
    padding: 3em 0;
  }

  .obsah p {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0.5em 0em;
  }

  .obsah p strong {
    font-weight: 400;
  }

  .obsah p a {
    color: #000;
    font-weight: 400;
  }

  .obsah p a:hover {
    color: #d6132e;
    transition: 0.2s ease-in-out
  }

  .black p {
    color: #fff;
  }

  .black p a {
    color: #fff;
  }

  .obsah ul {
    list-style: disc;
    text-align: left;
    font-size: 1.2em;
  }

  .obsah ul li {
    line-height: 2.0em;
  }

  .odsadit {
    padding: 0 2em;
  }

  .subkategorie {
    width: 9%;
    float: left;
    display: block;
  }

  .subkategorie .ohrazeniceni {
    margin: 0;
    padding: 0;
  }

  .subkategorie .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .subkategorie .ohraniceni:hover {
    color: #fff;
  }


  .subkategorie img {
    max-width: 100%;
  }

  .subkategorie a img {
    padding: 10px 1px;
  }

  .subkategorie:hover h3 a {
    color: #fff;
    background: black;
    border-radius: 5px;
  }

  .subkategorie h3 {
    font-size: 1.0em;
  }

  .subkategorie h3 a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    padding: 6px;
  }

  .subkategorie h3 a:hover {
    color: #fff;
  }

  .subkategorie h3.aktivni a {
    color: #000;
    background: #fffb00;
  }

  .podkategorie strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .podkategorie ul {
    margin: 0;
    padding: 0;
  }

  .podkategorie ul li {
    float: left;
    margin: 1.1em 0.1em 0 0;
    list-style: none;
    font-size: 0.95em;
  }

  .podkategorie a {
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
  }

  .podkategorie a:hover {
    color: #000;
    background: #fffb00;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none
  }

  .podkategorie a.redko {
    color: white;
    background: red;
  }

  .podkategorie a:hover.redko {
    color: #000;
    background: #fffb00;
  }

  .ramecek {
    border-left: 6px solid black;
    border-right: 6px solid black;
    padding: 0 3em;
  }



  h3.srdce {
    background: url('img/h3srdce.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.stromecek {
    background: url('img/stromecek.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.podminky {
    background: url('img/h3podminky.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.star {
    background: url('img/h3star.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.kalendar {
    background: url('img/h3kalendar.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.becko {
    background: url('img/h3b.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  .park {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .park h4 {
    margin: 0;
    font-weight: 400;
  }

  .park .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .park .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .park .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out;
  }

  .park .auto h4 {
    font-size: 1.0em;
  }

  .park .auto h4 a {
    color: #fff;
    display: block;
    padding: 1em 0 0.2em 0;
    text-decoration: none
  }

  .park .auto img {
    max-width: 100%;
  }

  .park .auto img:hover {
    max-width: 100%;
  }

  .park .informace {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .informace span {
    font-size: 1.3em;
    font-weight: 400;
    position: relative;
    top: -4px;
  }

  .park .info {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .info span {
    font-size: 0.9em;
    font-weight: 400;
    position: relative;
    background: #fffb00;
    color: #000;
    text-transform: uppercase;
    padding: 0.5em;
    margin: 0 0.5em;
    border-radius: 5px;
  }


  .autopujcovnapraha {
    background: #000;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnapraha img {
    position: relative;
    top: 15px;
    max-width: 440px;
  }

  .autopujcovnapraha h2 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .autopujcovnaprahayellow {
    background: #fffb00;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnaprahayellow img {
    position: relative;
    top: 15px;
    max-width: 440px;
  }

  .autopujcovnaprahayellow h2 {
    color: #000;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .obsah h2 span {
    font-size: 0.8em;
    font-weight: 400;
  }

  .obsah h2.left {
    text-align: left;
  }

  .tecky {
    border-bottom: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 4.5em 0 2em 0;
    position: relative;
    top: -50px;
  }

  .teckyauta {
    border-top: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 2.5em 0 0em 0;
    position: relative;
    top: 0px;
  }

  .modelyaut {
    background: #000;
    height: 60px;
    margin-top: 100px;
  }

  .modelyaut img {
    position: relative;
    top: -50px;
  }

  img.logoznacka {
    float: left;
    padding: 0.8em 3em;
    opacity: 1.0;
  }

  img.logoznacka:hover {
    opacity: 0.5;
    transition: 0.2s ease-in-out;
  }

  img.dodavka {
    float: left;
    padding: 0 2.0em 2em 2.0em;
  }

  .dodavky {
    padding: 2em 0;
  }

  .dodavka-parametr {
    background: #f5f5f5 url('img/dodavkamini.png') no-repeat;
    width: 100%;
    height: 100%;
    padding: 4em 0;
    display: block;
    background-position: center
  }

  .dodavka-parametr span {
    display: block;
    background: #fffb00;
    color: #000;
    width: 60%;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 0.3em 0;
  }

  .dodavka-parametr span strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .dodavka-parametr span strong em {
    position: relative;
    top: -8px;
    left: 2px;
    font-size: 0.7em;
    text-decoration: none;
    font-style: normal
  }

  .dodavka-rozmery {
    background: #f5f5f5;
    font-size: 1.15em;
    line-height: 1.7em;
    padding: 0.5em 0;
  }

  .dodavka-rozmery strong {
    font-weight: 300;
    font-size: 1.2em;
  }

  .dodavka-cena {
    background: #000;
    font-size: 1.2em;
    line-height: 1.7em;
    color: #fff;
  }

  .dodavka-cena strong {
    font-weight: 400;
    font-size: 1.3em;
    letter-spacing: 1px
  }

  .dodavka-parametr a {
    color: #000;
    text-decoration: none
  }

  .dodavka-info {
    position: relative;
    top: 7px;
  }

  .dodavka-cena a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0.7em;
  }

  .dodavka-cena:hover {
    background: #fffb00;
  }

  .dodavka-cena:hover a {
    color: #000;
  }

  .dodavka-info a {
    color: #000;
    display: block;
    padding: 0.5em;
  }

  .dodavka-info a:hover {
    color: #000;
    font-weight: 400;
  }

  img.cislovka {
    float: left;
    padding: 2em 1em 2em 0em;
  }

  .kroky .trio h3 {
    margin: 0;
    padding: 2.5em 0 0 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    text-align: left;
  }

  .kroky .trio p {
    font-size: 1.1em;
    margin: 0;
    padding: 4px 0 0 0;
  }

  .kategorie {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .kategorie h4 {
    padding: 1em;
    margin: 0;
    font-weight: 400;
  }

  .kategorie .auto {
    width: 90%;
    background: #000;
    margin: 0 auto;
  }

  .kategorie .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto a {
    color: #fff;
  }

  .kategorie .auto img {
    max-width: 100%;
    filter: grayscale(0.5);
  }

  .kategorie .auto img:hover {
    max-width: 100%;
    filter: grayscale(0.0);
  }

  .newsletter {
    margin: 0;
    padding: 1em 0 4em 0;
    background: url('img/kodiaqvikend.png') no-repeat;
    background-position: 00% 50%
  }

  .newsletter img.newsletter-mini {
    float: left;
    padding-right: 5em;
    padding-top: 3em;
  }

  .newsletter h4 {
    font-size: 1.8em;
    margin: 0 auto;
    text-align: right;
    padding: 2em 1em 1em 0;
    font-weight: 300;
  }

  .newsletter p {
    font-size: 1.0em;
    text-align: center;
    margin: 0;
    padding: 0.5em 0em 0.5em 0;
  }

  .newsletter input {
    padding: 0.6em 1em;
    background: #c0c0c0;
    border: 0;
    border-radius: 5px;
    width: 450px;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    margin: 0.3em 0;
  }

  .newsletter .minimini {
    float: right;
    position: relative;
    left: -5em;
  }

  .poslat {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslat .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslat .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslat .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslat .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .sleva {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .sleva .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .sleva .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .sleva .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .sleva .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .detail {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .detail .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 200px;
    font-size: 1.1em;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    border: 0;
    top: 0px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .detail .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .detail .tlac a {
    color: #fff;
    text-decoration: one;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 1px;
  }

  .detail .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poptavka {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poptavka .tlac {
    text-decoration: underline;
    background: #fffb00;
    padding: 0.85em 0.6em;
    color: #000;
    width: 100%;
    font-size: 1.5em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poptavka .tlac:hover {
    background: #000;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poptavka .tlac a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poptavka .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poslatpoptavku {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslatpoptavku .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.9em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslatpoptavku .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslatpoptavku .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslatpoptavku .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }




  .karta-vozidla .foto {
    width: 70%;
    float: left;
  }

  .karta-vozidla .foto img {
    max-width: 100%;
    width: 100%;
  }

  .karta-vozidla .foto-poukaz {
    width: 100%;
  }

  .karta-vozidla .foto-poukaz img {
    max-width: 80%;
  }

  .karta-vozidla h2 {
    text-align: center;
    font-size: 2.6em;
    font-weight: 400;
    margin: 0;
    padding: 1em 0;
  }

  .karta-vozidla .ceny {
    width: 28%;
    float: right;
    text-align: left;
    display: block;
  }

  .karta-vozidla .ceny table.vyska {
    width: 100%;
    float: right;
    border-collapse: collapse;
    font-weight: 400;
  }

  .karta-vozidla .ceny table.vyska tr.first td {
    background: #000;
    color: #fff;
    padding: 0.7em 0.9em;
  }

  .karta-vozidla .ceny table.vyska tr.one td {
    background: #ebebeb;
  }

  .karta-vozidla .ceny table.vyska tr.two td {
    background: #d6d6d6;
  }

  .karta-vozidla .ceny table.vyska td.cena {
    text-align: right;
    font-size: 1.2em;
  }

  .karta-vozidla .ceny table.vyska tr.individual {
    background: #929292;
    color: #fff;
  }

  .karta-vozidla .ceny table.vyska td {
    padding: 1em 0.9em;
  }

  .karta-vozidla .ceny p {
    font-size: 0.85em;
    text-align: center;
    font-weight: 400;
    padding: 0.5em 0;
    margin: 0;
  }

  .cena-sirka {
    padding: 2em 0;
    display: none;
  }

  .cena-sirka table {
    width: 100%;
    padding: 1em 0 2em 0;
    border-collapse: collapse;
  }

  .cena-sirka table tr.one {
    background: #000;
    color: #fff;
    font-size: 1.1em;
  }

  .cena-sirka table tr.two {
    background: #ebebeb;
    font-size: 1.2em;
  }

  .cena-sirka table td {
    padding: 1em;
    font-weight: 400;
  }

  .cena-sirka p {
    text-align: center;
  }



  .parametry {
    margin: 0 auto;
    text-align: center;
  }

  .parametry .parametr {
    padding: 0.5em 0em;
    font-size: 1.0em;
    color: #000;
    float: left;
    font-weight: 400;
    line-height: 2.0em;
    width: 10.0%;
    color: #8a8a8a;
    border: 0px solid #8a8a8a;
    margin: 0 1.1%;
  }

  .parametry .parametr span {
    font-size: 1.5em;
    color: #000;
  }

  .vedlejsimenu {
    margin: 0;
    padding: 0;
  }

  .vedlejsimenu h1 {
    font-size: 1.0em;
    margin: 0;
    padding: 0;
    font-weight: 300;
    text-align: left;
    float: left;
    width: 40%;
  }

  .vedlejsimenu a {
    color: #000;
    font-weight: 400;
  }

  .vedlejsimenu p {
    font-size: 1.0em;
    float: right;
    width: 40%;
    text-align: right;
    margin: 0;
    padding: 0;
  }

  .klientsky-servis {
    font-size: 1.9em;
    padding: 1em 0 1.5em 0;
    font-weight: 500;
  }

  .klientsky-servis h2 {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
  }

  .klientsky-servis .posta a {
    background: url('img/ikonky/posta.png') no-repeat;
    background-size: 40px;
    padding: 0.1em 0 1em 2.5em;
    text-decoration: underline;
    color: #000;
  }

  .klientsky-servis .volani a {
    background-position: 0 10%;
    background: url('img/ikonky/volani.png') no-repeat;
    background-size: 40px;
    padding: 0.3em 0 1em 2.5em;
    text-decoration: none;
    color: #000;
  }

  .klientsky-servis .half {
    width: 50%;
    padding-bottom: 0.0em;
  }

  #adresa-predani {
    display: none;
  }

  #adresa-vyzvednuti {
    display: none;
  }

  footer {
    background: #000;
  }

  footer .leva-strana {
    padding: 1em;
    float: left;
    width: 20%;
  }

  footer img {
    padding: 1em 0;
  }

  footer .prava-strana {
    background: url('img/footer-auto.jpg') no-repeat;
    float: right;
    padding: 0em;
    width: 75%;
    background-position: right top;
    height: 350px;
  }

  footer .podpora {
    text-align: left;
    float: left;
    color: #dedede;
    padding: 3em 0 0 0;
    border-left: 4px solid #f7ed00;
    padding-left: 50px;
    margin-top: 2em;
  }

  footer .podpora h4 {
    color: #f7ed00;
    font-size: 1.6em;
    font-weight: 400;
    margin: 0;
    padding: 0 0 1em 0;
  }

  footer .podpora p {
    font-size: 1.2em;
    line-height: 1.7em;
  }

  footer .podpora a {
    color: #dedede;
    text-decoration: none
  }


  footer .social {
    position: relative;
    top: -14px;
  }

  footer .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  footer .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .social a {
    padding-right: 0.5em;
  }

  img.nahoru {
    filter: grayscale(0.0);
    transition: 0.2s ease-in-out;
  }

  img.nahoru:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  footer .odkazy {
    background: #fffb00;
    height: 50px;
  }

  footer .odkazy ul {
    margin: 0;
    padding: 0 1em;
    position: relative;
    top: 14px;
  }

  footer .odkazy ul li {
    list-style: none;
    text-align: left;
    padding: 0 2.5em 0 0;
    float: left;
  }

  footer .odkazy ul li a {
    color: #000;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none
  }

  footer .odkazy ul li a:hover {
    text-decoration: underline;
  }

  footer .odkazy ul li.right {
    float: right;
  }

  footer p {
    color: #f1f1f1;
  }

  footer p.left {
    float: left;
    width: 70%;
    text-align: left;
    padding: 1em 1em;
  }

  footer p.right {
    float: left;
    width: 25%;
    text-align: right;
    padding: 1em 0.5em;
  }


  .rezervace {
    background: #e0e0e0;
    padding: 1.0em 0;
  }

  .rezervace h4 {
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 0.5em;
  }

  .rezervace a {
    color: #fff;
    background: #000;
    padding: 0.2em 0.2em;
    text-decoration: none;
    font-weight: 400;
  }

  .rezervace p.podminky a {
    background: none;
    color: #000;
    text-decoration: underline;
  }

  .rezervace .half .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .rezervace .full .odsazeni {
    margin: 0 auto;
    width: 95%;
    margin: 0 auto;
  }

  .bublina {
    background: #f2f2f2;
    border-radius: 5px;
    margin: 10px 0;
    padding: 1em 0 1em 0;
  }


  select {
    height: 48px;
    text-align: left;
    font-size: 1.0em;
    font-weight: 400;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 0.7em;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select {
    background: #fff url('img/downdown.png') no-repeat;
    text-align: left;
    font-size: 1.1em;
    background-position: 95% 30%
  }

  select.misto {
    background: #fff url('img/souradnice.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-mesic {
    background: #fff url('img/mesic.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.spoluucast {
    background: #fff url('img/downdown.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.cas {
    background: #fff url('img/cas.png') no-repeat;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  select.datum-den {
    width: 70px;
    background-position: 95% 10%
  }

  select.misto {
    width: 310px;
    background-position: 95% 10%
  }

  select.datum-mesic {
    width: 120px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.spoluucast {
    width: 230px;
    background-position: 95% 10%;
    margin-left: 1em;
  }

  select.cas {
    width: 90px;
    background-position: 95% 10%;
    margin-left: 1em;
  }


  .bigbutton .poslatpoptavku {
    background: url('img/pozadibutton.png') no-repeat;
    height: 65px;
    width: 770px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-weight: 400;
    font-size: 1.1em;
  }

  .bigbutton .poslatpoptavku:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }

  input {
    font-weight: 300;
    color: #000;
    border: 2px solid #797979;
    border-radius: 5px;
    background: #fff;
    padding-left: 2.5em;
    height: 40px;
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
  }

  .quatro select {
    font-size: 2.0em;
  }

  input.jmeno {
    background: #fff url('img/osoba.png') no-repeat;
    width: 250px;
    background-position: 5px 7px
  }

  input.telefon {
    background: #fff url('img/sluchatko.png') no-repeat;
    width: 150px;
    background-position: 5px 7px;
  }

  input.posta {
    background: #fff url('img/posta.png') no-repeat;
    width: 250px;
    background-position: 5px 9px
  }

  input.ico {
    background: #fff url('img/number.png') no-repeat;
    width: 250px;
    background-position: 5px 10px
  }

  input.velky {
    padding-left: 1em;
    background: #fff;
    width: 250px;
    background-position: 5px 10px
  }

  input.city {
    background: #fff url('img/city.png') no-repeat;
    background-position: 5px 8px;
    width: 230px
  }

  input.psc {
    background: #fff url('img/city.png') no-repeat;
    background-position: 5px 8px;
    width: 130px
  }

  textarea {
    padding: 1em;
    font-size: 1.2em;
    border: 2px solid #797979;
    border-radius: 5px;
    width: 90%;
  }

}









/*   1200px   1200px   1200px   1200px   1200px   1200px   1200px */


@media screen and (min-width: 1200px) {

  input.jmeno {
    background: #fff url('img/osoba.png') no-repeat;
    width: 250px;
    background-position: 5px 6px
  }

  input.telefon {
    background: #fff url('img/sluchatko.png') no-repeat;
    width: 150px;
    background-position: 5px 6px;
  }

  input.posta {
    background: #fff url('img/posta.png') no-repeat;
    width: 250px;
    background-position: 5px 6px
  }

  input.ico {
    background: #fff url('img/number.png') no-repeat;
    width: 250px;
    background-position: 5px 9px
  }

  input.velky {
    padding-left: 1em;
    background: #fff;
    width: 250px;
    background-position: 5px 9px
  }

  input.city {
    background: #fff url('img/city.png') no-repeat;
    background-position: 5px 6px;
    width: 230px
  }

  input.psc {
    background: #fff url('img/city.png') no-repeat;
    background-position: 5px 6px;
    width: 130px
  }

  .odsadit {
    padding: 0;
  }

  .full {
    width: 100%;
    padding-bottom: 2.5em;
  }

  .trio {
    float: left;
    width: 33.33%;
    padding-bottom: 2.5em;
    margin: 0;
  }

  .half {
    float: left;
    width: 50%;
    padding-bottom: 2.5em;
  }

  .half img {
    max-width: 100%;
  }

  .quatro {
    float: left;
    width: 25%;
    padding-bottom: 2.5em;
  }

  .petka {
    float: left;
    width: 20%;
  }

  .okraje {
    width: 89%;
    margin: 0 auto;
  }


  .stred {
    width: 1200px;
    margin: 0 auto;
  }

  .achtung {
    background: red;
    color: #fff;
    font-size: 1.0em;
    padding: 0.5em;
  }

  .obsah h1 strong,
  .obsah h2 strong,
  .obsah h3 strong,
  .obsah h4 strong,
  .obsah h5 strong {
    font-weight: 400;
  }

  .obsah h1 {
    font-size: 2.3em;
    font-weight: 300;
    padding-bottom: 1.1em;
  }

  .obsah h2 {
    font-size: 2.1em;
    font-weight: 300;
    padding-bottom: 1.05em;
  }

  .obsah h3 {
    font-size: 1.9em;
    font-weight: 300;
    padding-bottom: 1.0em;
  }

  .obsah h4 {
    font-size: 1.6em;
    font-weight: 300;
    padding-bottom: 0.9em;
  }

  #top {
    height: 50px;
    width: 100%;
  }

  #top nav {
    width: 90%;
    float: left;
  }

  #top nav ul {
    margin: 0;
    padding: 0;
  }

  #top nav ul li {
    list-style: none;
    float: left;
    padding: 1.0em 1.5em 0 0;
  }

  #top nav ul li a {
    display: block;
    padding: 0.2em;
    color: #212121;
    text-decoration: none
  }

  #top nav ul li a:hover {
    text-decoration: underline;
    transition: 0.2s ease-in-out;
    color: #000;
  }

  #top .social {
    width: 10%;
    float: right;
  }

  #top .social img {
    filter: grayscale(0);
    transition: 0.2s ease-in-out;
  }

  #top .social img:hover {
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
  }

  #top .social a {
    padding-right: 0.5em;
  }

     #top .language {
        width: 10%;
        float: right;
        margin-top: 8.2px;
    }

  #top .language a {
    background: #ec4410;
    display: block;
    padding: 0.6em;
    color: #fff;
    font-weight: 400;
    text-decoration: none
  }

  #top .language a:hover {
    background: #000;
    transition: 0.2s ease-in-out;
    background: #000;
  }

  .obrazek-jachta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_jachta.jpg");
    height: 500px;
  }

  .obrazek-svatba {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_svatba.jpg");
    height: 500px;
  }

  .obrazek-auta {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header_auta.jpg");
    height: 500px;
  }

  .obrazek-stromovka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/stromovka-dark.jpg");
    height: 500px;
  }

  .obrazek-westfield {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/westfield-dark.jpg");
    height: 500px;
  }

  .obrazek-eden {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/eden-dark.jpg");
    height: 500px;
  }

  .obrazek-flora {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/flora-dark.jpg");
    height: 500px;
  }

  .obrazek-borislavka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/borislavka-dark.jpg");
    height: 500px;
  }

  .obrazek-harfa {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/harfa-dark.jpg");
    height: 500px;
  }

  .obrazek-zlicin {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/zlicin-dark.jpg");
    height: 500px;
  }

  .obrazek-strasnicka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/strasnicka-dark.jpg");
    height: 500px;
  }

  .obrazek-cernymost {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/cernymost-dark.jpg");
    height: 500px;
  }

  .obrazek-sestka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/ocsestka-dark.jpg");
    height: 500px;
  }

  .obrazek-letnany {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/letnany-dark.jpg");
    height: 500px;
  }

  .obrazek-lyzovani {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/lyzovani_big.jpg");
    height: 500px;
  }

  .obrazek-pristaveni {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/header-pristaveni.jpg");
    height: 500px;
  }

  header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    background-image: url("img/enyaqheader.jpg");
    height: 500px;
  }

  header .leva {
    float: left;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
  }

  header .prava {
    float: right;
    font-size: 2.3em;
    color: #dedede;
    position: relative;
    top: 5em;
    font-weight: 500;
    line-height: 1.2em;
  }

  header span {
    font-size: 0.65em;
    font-weight: 300;
  }

  #header {
    background: #000;
    padding: 1em 0;
  }

  #header .logo {
    background: url('img/autopujcovnaprahacom.png') no-repeat;
    background-size: 240px;
    height: 80px;
    display: block;
    margin: 0em 0;
    position: relative;
    float: left;
  }

  #header .logo a {
    display: block;
    width: 240px;
    height: 80px;
    border: 0px solid white;
    margin: 0;
    padding: 1px;
    position: relative;
    top: 0;
  }

  #header .logo a span,
  .top-mini .logo a span {
    display: none;
  }

  #header .logo h1 {
    margin: 0;
    padding: 0;
  }

  #header .volani {
    font-size: 2.1em;
    color: #f7ed00;
    font-weight: 400;
    float: left;
    position: relative;
    left: 3em;
    top: 0.6em;
  }

  #header img {
    position: relative;
    top: 5px;
    padding-right: 0.5em;
  }

  #header nav {
    float: right;
  }

  #header nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 6px;
  }

  #header nav ul li {
    list-style: none;
    float: left;
    padding: 0.5em 0 0 2.3em;
  }

  #header nav ul li a {
    display: block;
    padding: 0.5em;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
    transition: all 0.3s ease
  }

  #header nav ul li a:hover {
    text-decoration: none;
    color: #fffb00;
  }

  #header nav ul li.aktivni a {
    color: #fffb00;
  }

  #header nav ul li.odsazeni {
    position: relative;
    top: 10px;
  }


  .bigbutton {
    border-top: 20px solid #fffb00;
    padding-bottom: 2em;
  }

  .bigbutton a {
    background: url('img/pozadibutton.png') no-repeat;
    height: 65px;
    width: 770px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-size: 2.1em;
    font-weight: 400;
  }

  .bigbutton a:hover {
    font-weight: 600;
    transition: 0.1s ease-in-out
  }


  .obsah {
    padding: 3em 0;
  }

  .obsah p {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0.5em 0;
  }

  .obsah p strong {
    font-weight: 400;
  }

  .obsah p a {
    color: #000;
    font-weight: 400;
  }

  .obsah p a:hover {
    color: #d6132e;
    transition: 0.2s ease-in-out
  }

  .black p {
    color: #fff;
  }

  .black p a {
    color: #fff;
  }

  .obsah ul {
    list-style: disc;
    text-align: left;
    font-size: 1.2em;
  }

  .obsah ul li {
    line-height: 2.0em;
  }

  .subkategorie {
    width: 9%;
    float: left;
    display: block;
  }

  .subkategorie .ohrazeniceni {
    margin: 0;
    padding: 0;
  }

  .subkategorie .odsazeni {
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
  }

  .subkategorie .ohraniceni:hover {
    color: #fff;
  }


  .subkategorie img {
    max-width: 100%;
  }

  .subkategorie a img {
    padding: 10px 1px;
  }

  .subkategorie:hover h3 a {
    color: #fff;
    background: black;
    border-radius: 5px;
  }

  .subkategorie h3 {
    font-size: 1.0em;
  }

  .subkategorie h3 a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    padding: 6px;
  }

  .subkategorie h3 a:hover {
    color: #fff;
  }

  .subkategorie h3.aktivni a {
    color: #000;
    background: #fffb00;
  }

  .podkategorie strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .podkategorie a {
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
  }

  .podkategorie a:hover {
    color: #000;
    background: #fffb00;
    border-radius: 5px;
    padding: 0.6em;
    margin: 0 0.3em;
    font-weight: 400;
    text-decoration: none
  }

  .podkategorie a.redko {
    color: white;
    background: red;
  }

  .podkategorie a:hover.redko {
    color: #000;
    background: #fffb00;
  }

  .ramecek {
    border-left: 6px solid black;
    border-right: 6px solid black;
    padding: 0 3em;
  }



  h3.srdce {
    background: url('img/h3srdce.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.stromecek {
    background: url('img/stromecek.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.podminky {
    background: url('img/h3podminky.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.star {
    background: url('img/h3star.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.kalendar {
    background: url('img/h3kalendar.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  h3.becko {
    background: url('img/h3b.png') no-repeat;
    text-align: left;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-size: 1.7em;
    font-weight: 400;
    margin: 1em 0 0 0;
  }

  .park {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .park h4 {
    margin: 0;
    font-weight: 400;
  }

  .park .auto {
    width: 90%;
    background: #000;
  }

  .park .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .park .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out;
  }

  .park .auto h4 {
    font-size: 1.0em;
  }

  .park .auto h4 a {
    color: #fff;
    display: block;
    padding: 1em 0 0.2em 0;
    text-decoration: none
  }

  .park .auto img {
    max-width: 100%;
  }

  .park .auto img:hover {
    max-width: 100%;
  }

  .park .informace {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .informace span {
    font-size: 1.3em;
    font-weight: 400;
    position: relative;
    top: -4px;
  }

  .park .info {
    padding: 1.0em 0;
    margin: 0 auto;
    background: white;
  }

  .park .info span {
    font-size: 0.9em;
    font-weight: 400;
    position: relative;
    background: #fffb00;
    color: #000;
    text-transform: uppercase;
    padding: 0.5em;
    margin: 0 0.5em;
    border-radius: 5px;
  }


  .autopujcovnapraha {
    background: #000;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnapraha img {
    position: relative;
    top: 15px;
    max-width: 440px;
  }

  .autopujcovnapraha h2 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }

  .autopujcovnaprahayellow {
    background: #fffb00;
    height: 70px;
    margin: 0 auto;
    width: 100%;
  }

  .autopujcovnaprahayellow img {
    position: relative;
    top: 15px;
    max-width: 440px;
  }

  .autopujcovnaprahayellow h2 {
    color: #000;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: 15px;
  }


  .obsah h2 span {
    font-size: 0.8em;
    font-weight: 400;
  }

  .obsah h2.left {
    text-align: left;
  }

  .tecky {
    border-bottom: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 4.5em 0 2em 0;
    position: relative;
    top: -50px;
  }

  .teckyauta {
    border-top: 2px dotted #a4a4a4;
    width: 95%;
    margin: 0 auto;
    padding: 2.5em 0 0em 0;
    position: relative;
    top: 0px;
  }

  .modelyaut {
    background: #000;
    height: 60px;
    margin-top: 100px;
  }

  .modelyaut img {
    position: relative;
    top: -50px;
  }

  img.logoznacka {
    float: left;
    padding: 0 11em;
    opacity: 1.0;
  }

  img.logoznacka:hover {
    opacity: 0.5;
    transition: 0.2s ease-in-out;
  }

  img.dodavka {
    float: left;
    padding: 0 5em 2em 5em;
  }

  .dodavky {
    padding: 2em 0;
  }

  .dodavka-parametr {
    background: #f5f5f5 url('img/dodavkamini.png') no-repeat;
    width: 100%;
    height: 100%;
    padding: 4em 0;
    display: block;
    background-position: center
  }

  .dodavka-parametr span {
    display: block;
    background: #fffb00;
    color: #000;
    width: 60%;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 0.3em 0;
  }

  .dodavka-parametr span strong {
    font-weight: 400;
    font-size: 1.3em;
  }

  .dodavka-parametr span strong em {
    position: relative;
    top: -8px;
    left: 2px;
    font-size: 0.7em;
    text-decoration: none;
    font-style: normal
  }

  .dodavka-rozmery {
    background: #f5f5f5;
    font-size: 1.15em;
    line-height: 1.7em;
    padding: 0.5em 0;
  }

  .dodavka-rozmery strong {
    font-weight: 300;
    font-size: 1.2em;
  }

  .dodavka-cena {
    background: #000;
    font-size: 1.2em;
    line-height: 1.7em;
    color: #fff;
  }

  .dodavka-cena strong {
    font-weight: 400;
    font-size: 1.3em;
    letter-spacing: 1px
  }

  .dodavka-parametr a {
    color: #000;
    text-decoration: none
  }

  .dodavka-info {
    position: relative;
    top: 7px;
  }

  .dodavka-cena a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0.7em;
  }

  .dodavka-cena:hover {
    background: #fffb00;
  }

  .dodavka-cena:hover a {
    color: #000;
  }

  .dodavka-info a {
    color: #000;
    display: block;
    padding: 0.5em;
  }

  .dodavka-info a:hover {
    color: #000;
    font-weight: 400;
  }

  img.cislovka {
    float: left;
    padding: 2em 1em 2em 0em;
  }

  .kroky .trio h3 {
    margin: 0;
    padding: 2.5em 0 0 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    text-align: left;
  }

  .kroky .trio p {
    font-size: 1.1em;
    margin: 0;
    padding: 4px 0 0 0;
  }

  .kategorie {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0 auto;
  }

  .kategorie h4 {
    padding: 1em;
    margin: 0;
    font-weight: 400;
  }

  .kategorie .auto {
    width: 90%;
    background: #000;
  }

  .kategorie .auto:hover {
    background: #fffb00;
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto:hover a {
    color: #000;
    transition: 0.3s ease-in-out
  }

  .kategorie .auto a {
    color: #fff;
  }

  .kategorie .auto img {
    max-width: 100%;
    filter: grayscale(0.5);
  }

  .kategorie .auto img:hover {
    max-width: 100%;
    filter: grayscale(0.0);
  }

  .newsletter {
    margin: 0;
    padding: 1em 0 4em 0;
    background: url('img/kodiaqvikend.png') no-repeat;
    background-position: 00% 50%
  }

  .newsletter img.newsletter-mini {
    float: left;
    padding-right: 5em;
    padding-top: 3em;
  }

  .newsletter h4 {
    font-size: 1.8em;
    margin: 0 auto;
    text-align: center;
    padding: 2em 0 1em 0;
    font-weight: 300;
  }

  .newsletter p {
    font-size: 1.0em;
    text-align: center;
    margin: 0;
    padding: 0.5em;
  }

  .newsletter input {
    padding: 0.6em 1em;
    background: #c0c0c0;
    border: 0;
    border-radius: 5px;
    width: 450px;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    margin: 0.3em 0;
  }

  .newsletter .minimini {
    float: none;
    position: relative;
    left: 0em;
  }

  .poslat {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslat .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslat .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslat .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslat .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .sleva {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .sleva .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .sleva .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .sleva .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .sleva .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .detail {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .detail .tlac {
    background: #424242;
    border-radius: 5px;
    padding: 0.6em;
    color: #fff;
    width: 200px;
    font-size: 1.1em;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    border: 0;
    top: 0px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .detail .tlac:hover {
    background: #0dad00;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .detail .tlac a {
    color: #fff;
    text-decoration: one;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 1px;
  }

  .detail .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poptavka {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poptavka .tlac {
    text-decoration: underline;
    background: #fffb00;
    padding: 0.85em 0.6em;
    color: #000;
    width: 100%;
    font-size: 1.5em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poptavka .tlac:hover {
    background: #000;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poptavka .tlac a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poptavka .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .poslatpoptavku {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4em 0;
    position: relative;
    top: 0;
    text-align: center;
  }

  .poslatpoptavku .tlac {
    background: #0dad00;
    border-radius: 5px;
    padding: 0.9em;
    color: #fff;
    width: 250px;
    font-size: 1.3em;
    margin: 0 auto;
    position: relative;
    border: 0;
    top: 10px;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    text-transform: uppercase;
    background-position: 3px 5px
  }

  .poslatpoptavku .tlac:hover {
    background: #424242;
    cursor: pointer;
    color: #fff;
    transition: 0.2s ease-in-out
  }

  .poslatpoptavku .tlac a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px;
  }

  .poslatpoptavku .tlac a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .karta-vozidla .foto {
    width: 75%;
    float: left;
  }

  .karta-vozidla h2 {
    text-align: center;
    font-size: 2.6em;
    font-weight: 400;
    margin: 0;
    padding: 1em 0;
  }

  .karta-vozidla .ceny {
    width: 23%;
    float: right;
    text-align: left;
  }

  .karta-vozidla .ceny table.vyska {
    width: 100%;
    float: right;
    border-collapse: collapse;
    font-weight: 400;
  }

  .karta-vozidla .ceny table.vyska tr.first td {
    background: #000;
    color: #fff;
    padding: 0.7em 0.9em;
  }

  .karta-vozidla .ceny table.vyska tr.one td {
    background: #ebebeb;
  }

  .karta-vozidla .ceny table.vyska tr.two td {
    background: #d6d6d6;
  }

  .karta-vozidla .ceny table.vyska td.cena {
    text-align: right;
    font-size: 1.2em;
  }

  .karta-vozidla .ceny table.vyska tr.individual {
    background: #929292;
    color: #fff;
  }

  .karta-vozidla .ceny table.vyska td {
    padding: 1em 0.9em;
  }

  .karta-vozidla .ceny p {
    font-size: 0.85em;
    text-align: center;
    font-weight: 400;
    padding: 0.5em 0;
    margin: 0;
  }

  .cena-sirka {
    padding: 2em 0;
  }

  .cena-sirka table {
    width: 100%;
    padding: 1em 0 2em 0;
    border-collapse: collapse;
  }

  .cena-sirka table tr.one {
    background: #000;
    color: #fff;
    font-size: 1.1em;
  }

  .cena-sirka table tr.two {
    background: #ebebeb;
    font-size: 1.2em;
  }

  .cena-sirka table td {
    padding: 1em;
    font-weight: 400;
  }

  .cena-sirka p {
    text-align: center;
  }



  .parametry {
    margin: 0 auto;
    text-align: center;
  }

  .parametry .parametr {
    padding: 0.5em 0em;
    font-size: 1.0em;
    color: #000;
    float: left;
    font-weight: 400;
    line-height: 2.0em;
    width: 10.0%;
    color: #8a8a8a;
    border: 0px solid #8a8a8a;
    margin: 0 1.1%;
  }

  .parametry .parametr span {
    font-size: 1.5em;
    color: #000;
  }

  .vedlejsimenu {
    margin: 0;
    padding: 0;
  }
}

/*smyslupný kód začíná zde:*/
.park .stred {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.park .stred h2,.park .stred .odsadit,
.park .stred p {
  
  grid-column: 1 / -1;
}

.park .stred .trio,
.park .stred .half {
  width: 100%;
}

@media (max-width: 1024px) {
  .park .stred {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .park .stred {
    grid-template-columns: 1fr;
  }
}