/*
Tento soubor NEUPRAVUJ přímo, jinak o změny přijdeš. Upravuj zdroje v .less souborech.
LESS compiled 29. 6. 2021 - 15:59:31
*/
@import url('https://fonts.googleapis.com/css?family=Prompt:300,300i,400,400i,500,500i,600,700,700i&subset=latin-ext');
.grayscale {
  filter: url(filters.svg#grayscale);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.grayscaleOff {
  filter: none;
  -webkit-filter: grayscale(0);
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
}
.inline-block-ie {
  display: inline-block;
} 
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
*:first-child+html .clearfix {
  zoom: 1;
}
html,
body {
  padding: 0px;
  margin: 0px;
  font: normal normal 0.85em Arial, sans-serif;
  background: #ffffff;
  text-align: center;
}
form {
  margin: 0px;
}
table {
  border: none;
  margin: auto;
}
#obsah td {
  _font-size: 12px;
  _color: #6E523B;
}
img {
  border: none;
  vertical-align: middle;
}
input {
  vertical-align: middle;
}
a {
  text-decoration: none;
  color: black;
}
a:hover {
  text-decoration: none;
  color: #000;
}
.tbold {
  font-weight: bold;
}
.tpodtrzeny {
  text-decoration: underline;
}
.tkurziva {
  font-style: italic;
}
.tvetsi {
  font-size: 120%;
}
.tmensi {
  font-size: 80%;
}
.al {
  text-align: left;
}
.aj {
  text-align: justify;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.inv {
  display: none;
}
.obrl {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.obrr {
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.cleaner {
  clear: both;
}
.lcleaner {
  clear: left;
}
.full {
  width: 100%;
}
.c {
  width: 180px;
}
.sloupec1 {
  float: left;
  width: 48%;
  _width: 46%;
}
.sloupec2 {
  float: right;
  width: 48%;
  _width: 46%;
}
.pod {
  padding-top: 10px;
  clear: both;
}
.nic {
  font-size: 1px;
}
abbr,
article,
aside,
audio,
bb,
canvas,
datagrid,
datalist,
details,
dialog,
eventsource,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
time,
video {
  display: block;
}
.separator1 {
  border-bottom: solid 1px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator2 {
  border-bottom: dotted 1px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator3 {
  border-bottom: double 3px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator4 {
  border-bottom: solid 1px #d90000;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.vyrazny {
  color: #2A7C87;
}
.vyraznyt,
.vyraznyt td {
  background: #999999;
}
.content {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.separator1 {
  border-bottom: solid 1px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator2 {
  border-bottom: dotted 1px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator3 {
  border-bottom: double 3px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator4 {
  border-bottom: solid 1px #d90000;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.sloupec1 {
  float: left;
  width: 49%;
  _width: 46%;
}
.sloupec2 {
  float: right;
  width: 49%;
  _width: 46%;
}
.pod {
  padding-top: 10px;
  clear: both;
}
h1 {
  font: normal bold 140% Arial, sans-serif;
  margin: 0px;
  padding: 15px 0px 15px 30px;
  font-weight: bold;
}
h2 {
  font: normal bold 130% Arial, sans-serif;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-weight: bold;
}
h3 {
  font: normal bold 120% Arial, sans-serif;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-weight: bold;
}
@font-face {
  font-family: 'Optimato logo';
  src: url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.eot');
  src: url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.eot?#iefix') format('embedded-opentype'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.ttf') format('truetype'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.woff') format('woff'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.svg#Optimato logo') format('svg');
  font-weight: normal;
  font-style: normal;
}
.font-logo-optimato {
  font-family: 'Optimato logo';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 16px;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logo-optimato {
  font-family: 'Optimato logo';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 16px;
  text-decoration: none !important;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logo-optimato:before {
  content: "\6f";
}
a {
  color: #655579;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
.vyrazny {
  color: #000;
}
.separator4 {
  border-color: #655579;
}
.good_chyba {
  border-radius: 1px;
  border: 1px solid #EA1920;
  padding: 5px 5px 5px 10px;
  margin-bottom: 10px;
  background: #F4C1C3;
}
.good a.button {
  background: #ea0900;
  border-radius: 1px;
  width: 200px;
  margin: auto;
  height: 30px;
  line-height: 200%;
  font-size: 14px;
  color: #FFF;
  margin-top: 10px;
}
.good a:hover.button {
  background: #970606;
}
.sloupec1 {
  width: 47%;
}
.sloupec2 {
  width: 47%;
}
.sloupec4 {
  width: 30%;
  float: left;
}
.sloupec6 {
  width: 69%;
  float: right;
}
.sloupec8 {
  width: 45%;
  float: left;
  padding: 2%;
  background: #FFF;
}
.sloupec10 {
  width: 45%;
  float: right;
  padding: 2%;
  background: #FFF;
}
.input {
  background: #FFF;
  border: 1px solid #808b96;
  height: 20px;
  padding: 2px 4px;
  margin-bottom: 2px;
}
a.button,
.button {
  height: 34px;
  cursor: pointer;
  background: #DA2727;
  border: 1px solid #F70000;
  color: #FFF !important;
  font-size: 14px;
}
a.button.x,
a.button:hover,
.button.x,
.button:hover {
  border: 1px solid #DA2727;
  background: #B20000;
  color: #FFF;
}
a.button {
  padding: 5px 10px;
  color: #FFF !important;
  text-decoration: none;
}
a.button:hover {
  color: #FFF !important;
  text-decoration: none;
}
#vpravo a.button {
  text-decoration: none;
  padding: 5px 5px 1px 5px;
}
h1,
h2,
h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: open-semibold, Arial, sans-serif;
}
.galerie td {
  text-align: center;
  float: left;
  padding: 1px 2px;
}
table.tabulka {
  margin: 20px 0 !important;
  border-left: 1px solid #d7dcdd;
  border-top: 1px solid #d7dcdd;
  border-spacing: 0;
  border-collapse: 0;
  color: #555b5e;
  width: 100%;
}
table.tabulka td {
  padding: 10px 20px;
  border-bottom: 1px solid #d7dcdd;
  border-right: 1px solid #d7dcdd;
  text-align: center;
}
table.tabulka tr:nth-child(even) {
  background: #FFF;
}
table.tabulka tr:nth-child(odd) {
  background: #f1f6f8;
}
table.tabulka tr:first-child {
  background: #f1f6f8;
  color: #2c3032;
  font-family: open-bold, Arial, sans-serif;
}
.dva-sloupce {
  column-count: 2;
  column-gap: 40px;
  column-rule: 0;
  column-width: 45%;
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -moz-column-rule: 0;
  -moz-column-width: 45%;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  -webkit-column-rule: 0;
  -webkit-column-width: 45%;
}
.tri-sloupce {
  column-count: 3;
  column-gap: 50px;
  column-rule: 0;
  column-width: 30%;
  -moz-column-count: 3;
  -moz-column-gap: 50px;
  -moz-column-rule: 0;
  -moz-column-width: 30%;
  -webkit-column-count: 3;
  -webkit-column-gap: 50px;
  -webkit-column-rule: 0;
  -webkit-column-width: 30%;
}
ul {
  line-height: 200%;
}
ul li {
  list-style-image: url("imgs/list-item.png");
  padding-left: 10px;
}
.galerie {
  line-height: 100%;
}
.galerie .gal {
  position: relative;
  display: inline-block;
}
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
button:focus {
  box-shadow: none;
}
.hvr-sweep-to-right-dark {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right-dark:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right-dark:hover,
.hvr-sweep-to-right-dark:focus,
.hvr-sweep-to-right-dark:active {
  color: #FFF;
}
.hvr-sweep-to-right-dark:hover:before,
.hvr-sweep-to-right-dark:focus:before,
.hvr-sweep-to-right-dark:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.form-submit-button .light-btn:hover {
  background-color: #000;
}
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?d4ueh1');
  src: url('fonts/icomoon.eot?d4ueh1#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?d4ueh1') format('truetype'), url('fonts/icomoon.woff?d4ueh1') format('woff'), url('fonts/icomoon.svg?d4ueh1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icona-"],
[class*=" icona-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icona-map-marker:before {
  content: "\e900";
}
.icona-paper-plane:before {
  content: "\e901";
}
.icona-register:before {
  content: "\e902";
}
.icona-envelope:before {
  content: "\e903";
}
.icona-telephone:before {
  content: "\e904";
}
.icona {
  font-size: 24px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
dl,
dt,
dd,
ol,
button,
input
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  color: inherit;
  text-decoration: none;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
body input,
body button {
  -webkit-appearance: none;
}
body input[type=radio] {
  -webkit-appearance: radio;
}
body input[type=checkbox] {
  -webkit-appearance: checkbox;
}
html,
body {
  font: normal normal 0.85em Arial, sans-serif;
  color: #000;
  background: #ffffff;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 400;
  text-align: left;
}
a {
  text-decoration: underline;
  color: black;
}
a:hover {
  text-decoration: none;
  color: #00336F;
}
.stred {
  width: 1200px;
  margin: auto;
}
.stred-980 {
  width: 980px;
  margin: auto;
  padding: 30px 0;
}
.vyska100 {
  height: 100vh;
}
.titulni .hlavicka-pozadi {
  background: url("imgs/iveco-nakladni.jpg") center center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}
.titulni .hlavicka {
  height: 100%;
}
.titulni .telo {
  padding-top: 50px;
}
.hlavicka-pozadi {
  background: url("imgs/iveco-daily-big.jpg") center bottom no-repeat;
  background-size: cover;
  min-height: 235px;
  position: relative;
}
.hlavicka-pozadi.eshop {
  padding-bottom: 30px;
}
.hlavicka-pozadi.eshop #menu {
  position: static;
  margin-top: 30px;
}
.hlavicka {
  background: url("imgs/prechod.png") left top repeat-x;
  min-height: 235px;
}
.hlavicka h1 {
  color: #ffffff;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
  font-size: 30px;
  line-height: 120%;
  text-align: left;
  text-transform: uppercase;
}
.hlavicka .text-hlavicka {
  background: rgba(0,0,0,0.5);
  color: #FFF;
  font-size: 30px;
  padding: 20px;
  width: 35%;
  margin: 18% 0 0 0;
  float: right;
  line-height: 120%;
}
.hlavicka .menu-top {
  position: static !important;
  margin-top: 20px;
}
.hlavicka #menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.8);
}
.hlavicka #menu a {
  font-size: 16px;
  float: left;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
  padding: 15px 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.hlavicka #menu a.first span {
  border-left: none;
}
.hlavicka #menu a span {
  border-left: 1px solid #4a4e52;
  padding: 10px 15px;
  height: 40px;
  line-height: 125%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.hlavicka #menu a.on,
.hlavicka #menu a:hover {
  background: rgba(255,255,255,0.15);
}
.hlavicka #menu #E-shop {
  background: rgba(237,4,35,0.9);
}
.tretina {
  width: 33.3%;
  float: left;
  padding-top: 38px;
  color: #FFF;
  font-size: 14px;
}
.tretina .tvetsi {
  font-size: 20px;
}
.tretina .tvetsi strong {
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
}
.nadpis-stranky {
  color: #ffffff;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
  font-size: 30px;
  line-height: 120%;
  text-align: left;
  text-transform: uppercase;
}
.galerie-auta a {
  display: block;
  margin: 1px 4px 0 4px;
  float: left;
  width: 24%;
}
.galerie-auta a img {
  width: 100%;
}
.novinky div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.slidehide-group {
  width: 100%;
}
.novinky {
  text-align: center;
  margin-bottom: 20px;
  min-height: 510px;
}
.novinky .odkaz {
  margin-top: 20px;
}
.ovladani-novinky {
  text-align: center;
}
.ovladani-novinky .sipka-vpravo {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 11px;
  text-align: center;
  padding: 1px;
  margin-right: 10px;
  cursor: pointer;
}
.ovladani-novinky .sipka-vlevo {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 11px;
  text-align: center;
  padding: 1px;
  margin-left: 10px;
  cursor: pointer;
}
.ovladani-novinky .odkaz {
  margin-top: 30px;
}
.ovladani-novinky #cisilka {
  display: inline-block;
}
.ovladani-novinky #cisilka a {
  color: #000;
  border: 1px solid #000;
  padding: 1px;
  width: 30px;
  height: 27px;
  text-decoration: none;
  display: inline-block;
  margin: 2px;
  padding-top: 4px;
}
.ovladani-novinky #cisilka a.on {
  background: #000;
  color: #FFF;
}
a.novinka {
  width: 23.5%;
  margin-left: 2%;
  float: left;
  text-decoration: none;
  font-size: 14px;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 300;
  text-align: left;
  color: #555555;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
a.novinka:nth-child(4n+1) {
  margin-left: 0;
}
a.novinka img {
  max-width: 100%;
}
a.novinka .kategorie-nazev {
  background: #000;
  color: #FFF;
  padding: 6px 10px;
  display: inline-block;
  position: relative;
  top: -6px;
}
a.novinka strong {
  font-size: 18px;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
  display: block;
  color: #000000;
  font-weight: normal;
  margin: 15px 0 20px 0;
  line-height: 130%;
}
a.novinka:hover strong {
  color: #00336F;
  text-decoration: underline;
}
.placicka-titulka {
  position: relative;
  width: 100%;
  text-align: center;
}
.banPuntiky {
  margin: auto 10px;
  text-align: center;
  margin-bottom: 20px;
}
.banPuntiky .puntik {
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  background: #c2c7ca;
  font-size: 0;
  color: #0f0f0f;
  margin: 0 10px 0 10px;
  cursor: pointer;
} 
.banPuntiky .puntik:hover,
.banPuntiky .puntik.on {
  background: #000000;
  border-color: #FF0000;
  color: #FF0000;
}
.ojetavozidla-wrapper .ojetevozidlo {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.ojetavozidla-wrapper .ojetevozidlo .obrazek {
  float: left;
  margin-right: 35px;
  width: 285px;
  height: 190px;
  margin-top: 6px;
}
.ojetavozidla-wrapper .ojetevozidlo .obrazek img {
  width: 100%;
}
.ojetavozidla-wrapper .ojetevozidlo .ojetina-text {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
  -webkit-flex-wrap: 'wrap';
  -ms-flex-wrap: 'wrap';
  flex-wrap: 'wrap';
}
.ojetavozidla-wrapper .ojetevozidlo .ojetina-text h4 {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-popis {
  width: 66%;
  padding-right: 4%;
  margin-bottom: 25px;
}
.ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-popis table td {
  padding-right: 30px;
}
.ojetavozidla-wrapper .ojetevozidlo .ojetina-text .tmensi {
  font-size: 70%;
}
.ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-info {
  font-size: 16px;
  width: 32%;
}
.ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-info div {
  margin-bottom: 4px;
}
.ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-info .odkaz {
  padding: 10px 25px 8px 25px;
  margin-top: 25px;
}
.nadpis {
  color: #00336f;
  font-size: 18px;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
  text-transform: uppercase;
}
.poptavka {
  background: #e4eefa;
  padding: 40px;
  margin: 10px 0 40px 0;
  font-size: 16px;
  font-weight: 300;
  color: #555555;
  line-height: 130%;
}
.poptavka .col {
  width: 30%;
  float: left;
}
.poptavka .col.col-poradi-1,
.poptavka .col.col-poradi-2 {
  width: 35%;
}
.poptavka .fr {
  float: right;
  text-align: right;
}
.poptavka strong {
  font-weight: 500;
  color: #000;
}
.poptavka .icona {
  color: #00336f;
  margin: 10px 20px 10px 0;
}
.poptavka .modry-button {
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  background: #00336f;
  box-shadow: none;
  border-radius: 0;
  padding: 18px 30px;
  border-color: #00336f;
  line-height: 170%;
  margin-top: 30px;
  text-shadow: none;
}
.poptavka .modry-button:hover {
  background: #000;
}
.poptavka .modry-button .icona {
  font-weight: bold;
  color: #FFF;
  float: left;
  margin: 0;
}
.poptavka a {
  color: #555;
}
.poptavka a:hover {
  color: #00336f;
}
.poptavka .telefon {
  height: 25px;
}
.poptavka .telefon .icona {
  margin-top: 0;
}
.poptavka .email {
  margin: 20px 0;
}
.poptavka .email .icona {
  margin-top: -4px;
}
.poptavka .nazev-col {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 20px;
}
.mapa-dole {
  background: url("imgs/mapa-dole.jpg") center top no-repeat;
  background-size: cover;
  height: 363px;
}
.mapa-dole .icona {
  text-align: center;
  margin-bottom: 25px;
  font-size: 30px;
}
.mapa-dole .mapa-dole-in {
  background: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  width: 250px;
  height: 220px;
  font-size: 14px;
  margin: auto;
  top: 50px;
  padding-top: 30px;
} 
.mapa-dole .mapa-dole-in .sipka-vpravo {
  background: url("imgs/sipecka-vpravo.png") no-repeat;
  width: 22px;
  height: 25px;
  position: absolute;
  top: 115px;
  right: -20px;
}
.mapa-dole .mapa-dole-in strong {
  font-weight: normal;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
}
button {
  background: transparent;
}
.cerny-pruh-kontakty {
  background: #000;
  padding: 2% 0;
  color: #FFF;
}
.cerny-pruh-kontakty a {
  color: #FFF;
  font-size: 16px;
}
.cerny-pruh-kontakty .icona {
  margin-right: 15px;
  margin-bottom: 30px;
}
.cerny-pruh-kontakty .ctvrtina {
  width: 25%;
  float: left;
  font-size: 14px;
  text-align: left;
}
.cerny-pruh-kontakty .ctvrtina.email,
.cerny-pruh-kontakty .ctvrtina.firma-nazev {
  font-size: 16px;
}
.cerny-pruh-kontakty .ctvrtina.email,
.cerny-pruh-kontakty .ctvrtina.telefon {
  text-align: left;
  width: 25%;
  padding-left: 5%;
}
.cerny-pruh-kontakty .ctvrtina.social {
  text-align: right;
  width: 15%;
}
.cerny-pruh-kontakty .ctvrtina .tvetsi {
  font-size: 18px;
}
.cerny-pruh-kontakty .ctvrtina .tvetsi strong {
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
}
.vozidla-menu {
  background: #FFF;
  margin: 30px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
}
.vozidla-menu .vozidla-skupina {
  border-right: 1px solid #dddddd;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.vozidla-menu .vozidla-skupina .dle-hmotnosti {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
}
.vozidla-menu .vozidla-skupina .dle-hmotnosti-polozka {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
}
.vozidla-menu .vozidla-skupina .hmotnost {
  color: #555555;
  font-size: 12px;
  margin-bottom: 0;
  text-align: left;
  padding-left: 20px;
}
.vozidla-menu .vozidla-skupina h3 {
  color: #555555;
  font-size: 14px;
  font-weight: 300;
  margin: 15px;
}
.vozidla-menu .vozidla-skupina .vozidla {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
}
.vozidla-menu .vozidla-skupina a.vozidlo {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  text-decoration: none;
  text-align: center;
  border-bottom: 5px solid transparent;
  height: 135px;
  float: left;
}
.vozidla-menu .vozidla-skupina a.vozidlo img {
  transition: transform 0.5s ease 0s;
  transform: scale(0.95);
}
.vozidla-menu .vozidla-skupina a.vozidlo .obrazek-auto {
  height: 100px;
  width: 100px;
  margin: auto;
}
.vozidla-menu .vozidla-skupina a.vozidlo .obrazek-auto img {
  width: 100%;
}
.vozidla-menu .vozidla-skupina a.vozidlo .nadpis {
  color: #000;
  font-size: 12px;
  text-decoration: none;
  width: 120px;
  text-align: center;
  margin: auto;
  line-height: 110%;
  padding-bottom: 6px;
}
.vozidla-menu .vozidla-skupina a.vozidlo:hover,
.vozidla-menu .vozidla-skupina a.vozidlo.on {
  border-bottom: 5px solid #00336f;
}
.vozidla-menu .vozidla-skupina a.vozidlo:hover img {
  transform: scale(1);
}
.vozidla-menu .vozidla-skupina a.vozidlo:hover .nadpis {
  color: #00336f;
}
.clanky-hlava {
  position: relative;
  padding-top: 50px;
}
.clanky-hlava .odkaz {
  position: absolute;
  top: 15px;
  right: 0;
  padding: 10px;
}
.clanky-hlava .kategorie-nazev {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  padding: 6px 10px;
  position: absolute;
  left: -90px;
  bottom: -105px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
}
.novinky-vypis {
  border-top: 1px solid #dddddd;
  margin-top: 50px;
}
.novinky-vypis .dalsi-novinky {
  font-size: 18px;
  color: #00336f;
  text-transform: uppercase;
  padding: 25px 0;
  font-weight: 500;
}
.obsah {
  min-height: 800px;
  font-size: 14px;
  color: #555555;
  font-weight: 300;
  line-height: 180%;
}
.obsah img {
  max-width: 100%;
}
.obsah .submenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
}
.obsah .submenu a {
  color: #000000;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.obsah .submenu a span {
  display: block;
  padding: 25px 15px;
  border-bottom: 5px solid transparent;
  position: relative;
  top: 2px;
}
.obsah .submenu a.on span,
.obsah .submenu a:hover span {
  border-bottom: 5px solid #00336f;
  color: #00336f;
}
.obsah .rozcestnik {
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}
.obsah .rozcestnik .stred-1020 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
  width: 1050px;
  margin: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.obsah .rozcestnik .odkaz-stranka {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
  margin-bottom: 40px;
}
.obsah .rozcestnik .odkaz-stranka a {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
}
.obsah .rozcestnik .odkaz-stranka a .image {
  margin-bottom: 6px;
}
.obsah .rozcestnik .odkaz-stranka a:hover {
  color: #00336f;
}
.obsah .rozcestnik-ikonky {
  margin-bottom: 20px;
}
.obsah .rozcestnik-ikonky .odkaz-stranka {
  text-align: center;
  margin-bottom: 1.1%;
  border: 1px solid #dddddd;
  width: 24%;
  float: left;
  margin-right: 1.1%;
}
.obsah .rozcestnik-ikonky .odkaz-stranka:nth-child(4n) {
  margin-right: 0;
}
.obsah .rozcestnik-ikonky .odkaz-stranka:hover {
  border: 1px solid #00336f;
}
.obsah .rozcestnik-ikonky .odkaz-stranka a {
  font-size: 14px;
  font-weight: 300;
  color: #000;
  text-decoration: none;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.obsah .rozcestnik-ikonky .odkaz-stranka a .image {
  margin-bottom: 6px;
}
.obsah .rozcestnik-ikonky .odkaz-stranka a img {
  transition: transform 0.5s ease 0s;
  transform: scale(0.9);
  width: 100px;
}
.obsah .rozcestnik-ikonky .odkaz-stranka a:hover {
  color: #00336f;
}
.obsah .rozcestnik-ikonky .odkaz-stranka a:hover img {
  transform: scale(1.00);
}
.obsah .vozidla-vypis h3 {
  color: #555555;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}
.obsah .vozidla-vypis .vozidla {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
}
.obsah .vozidla-vypis a.vozidlo {
  text-align: center;
  margin-bottom: 40px;
  text-decoration: none;
  float: left;
}
.obsah .vozidla-vypis a.vozidlo img {
  transition: transform 0.5s ease 0s;
  transform: scale(1);
}
.obsah .vozidla-vypis a.vozidlo .obrazek-auto {
  margin: auto;
}
.obsah .vozidla-vypis a.vozidlo .obrazek-auto img {
  width: 100%;
  height: 100%;
}
.obsah .vozidla-vypis a.vozidlo:hover .nadpis {
  color: #00336F;
}
.obsah .vozidla-vypis a.vozidlo:hover img {
  transform: scale(1.1);
}
.obsah .vozidla-vypis .nadpis {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
}
.obsah .vozidla-vypis .dle-hmotnosti {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
}
.obsah .vozidla-vypis .dle-hmotnosti-polozka {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
}
.obsah .vozidla-vypis .vozidlo {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.obsah .vozidla-vypis .hmotnost {
  color: #555555;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.obsah .vozidla-vypis .hmotnost::before {
  border-bottom: 1px solid #00336f;
  content: "";
  display: inline-block;
  height: 1px;
  vertical-align: middle;
  width: 50px;
  margin-right: 10px;
}
.obsah .vozidla-vypis .hmotnost:after {
  border-bottom: 1px solid #00336f;
  content: "";
  display: inline-block;
  height: 1px;
  margin-left: 10px;
  vertical-align: middle;
  width: 50px;
}
.obsah .vozidla-vypis .pocet-4 .hmotnost::before,
.obsah .vozidla-vypis .pocet-4 .hmotnost::after {
  width: 300px;
}
.obsah .vozidla-vypis .pocet-3 .hmotnost::before,
.obsah .vozidla-vypis .pocet-3 .hmotnost::after {
  width: 240px;
}
.obsah .vozidla-vypis .pocet-2 .hmotnost::before,
.obsah .vozidla-vypis .pocet-2 .hmotnost::after {
  width: 140px;
}
.obsah h1,
.obsah .novinky-nadpis {
  margin: auto;
  color: #00336f;
  text-transform: uppercase;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
  font-size: 30px;
  text-align: center;
  padding: 45px 0 45px 0;
}
.obsah h1::after,
.obsah .novinky-nadpis::after {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 150px;
  height: 1px;
  border-bottom: 1px solid #00336f;
  margin-left: 20px;
}
.obsah h1::before,
.obsah .novinky-nadpis::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 150px;
  height: 1px;
  border-bottom: 1px solid #00336f;
  margin-right: 20px;
}
.obsah h2 {
  color: #00336f;
  font-size: 28px;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 25px;
}
.obsah h3 {
  color: #00336f;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 15px;
}
.obsah h4 {
  color: #00336f;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 10px;
}
.obsah strong {
  font-weight: 500;
  color: #000;
}
.obsah .novinky-nadpis {
  display: inline-block;
  padding-bottom: 35px;
}
.obsah .mapicka-wrapper iframe {
  width: 100%;
}
.obsah .text-zvyrazneny {
  background: #eeeeee;
  padding: 30px;
  border-left: 4px solid #00336f;
  color: #000000;
  font-size: 18px;
  margin: 40px 0;
}
#cerne-menu-obal.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.cerne-menu {
  background: #000;
  margin: auto;
  position: relative;
  z-index: 100;
}
.cerne-menu #zalozky {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
  width: 100%;
  margin: 0;
  margin-left: 0;
  text-align: center;
}
.cerne-menu #zalozky .menu-polozka {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.cerne-menu #zalozky .menu-polozka span {
  display: block;
  padding: 20px 15px;
  line-height: 125%;
  height: 40px;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.cerne-menu #zalozky .menu-polozka:hover,
.cerne-menu #zalozky .menu-polozka.on {
  background: #e9e9e9;
  color: #000000;
}
.formular-produkt {
  margin-bottom: 35px;
}
#obsah-produkt {
  margin-top: 65px;
  margin-bottom: 10px;
}
#obsah-produkt.fixed {
  margin-top: 110px;
}
.servis-info {
  font-size: 14px;
  color: #555555;
  line-height: 170%;
  position: relative;
}
.servis-info .col {
  width: 50%;
  float: left;
}
.servis-info .col-doba {
  padding-bottom: 25px;
}
.servis-info .col-doba h4 {
  margin-bottom: 5px;
}
.servis-info .col-adresa {
  padding-bottom: 25px;
}
.servis-info .modry-button {
  margin-top: 40px;
}
.servis-info h4 {
  color: #000;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 15px;
}
.servis-info strong {
  color: #555555;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
}
.servis-info .odkaz {
  position: absolute;
  bottom: -20px;
  left: 50%;
}
a.odkaz,
.odkaz {
  border: 2px solid #000000;
  text-align: center;
  display: inline-block;
  padding: 16px 50px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-family: Prompt, sans-serif, Arial;
  font-weight: 500;
  margin: 10px 0 25px 0;
  text-shadow: none;
}
a.odkaz:hover,
.odkaz:hover {
  color: #FFF;
}
.paticka {
  background: #000;
  color: #bbbbbb;
  padding: 1% 0;
}
.paticka a {
  color: #bbbbbb;
  font-size: 12px;
}
.paticka .paticka-left {
  float: left;
}
.paticka .paticka-right {
  float: right;
}
.paticka .paticka-right a {
  font-size: 38px;
}
.poptavka .email {
  clear: both;
}
.gm-style .mapa-dole-in {
  border-radius: 0;
  top: 0;
  padding-top: 15px;
  overflow: hidden;
  height: 160px;
}
#home img {
  width: 295px;
}
@media screen and (max-width: 970px) {
  #home img {
    width: 210px;
  }
}
@media screen and (max-width: 601px) {
  #home img {
    width: 180px;
  }
}
@media screen and (max-width: 601px) {
  .vozidla-menu .vozidla-skupina {
    clear: both;
  }
  .vozidla-menu .vozidla-skupina .dle-hmotnosti-polozka {
    clear: both;
  }
  .vozidla-menu .vozidla-skupina .vozidla {
    display: flex;
    flex-wrap: wrap;
  }
}
.hlavicka #menu a[href='o-nas.html'] {
  flex-shrink: 0;
}
.vozidla-menu .vozidla-skupina a.vozidlo {
  width: 100px;
}
.dle-hmotnosti {
  flex-wrap: wrap;
}
.dle-hmotnosti-polozka {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dle-hmotnosti-polozka .vozidlo {
  max-width: 200px;
}
@media (max-width: 601px) {
  .dle-hmotnosti-polozka .vozidlo {
    max-width: 100%;
  }
}
@media (max-width: 601px) {
  .dle-hmotnosti-polozka .vozidlo img {
    max-width: 100% !important;
  }
}
@media (max-width: 601px) {
  .telo .obsah .vozidla-vypis a.vozidlo .obrazek-auto {
    height: 100% !important;
  }
}
.visible-screen {
  display: block;
}
.hidden-screen {
  display: none;
}
.hidden-tablet {
  display: none;
}
.hidden-mobile {
  display: none;
}
.visible-tablet {
  display: none;
}
.visible-mobile {
  display: none;
}
.hidden {
  display: none !important;
}
.visible {
  display: block;
}
@media (max-width: 1200px) {
  .hidden-screen {
    display: none;
  }
  .cleaner-tablet {
    clear: both;
    display: block;
  }
  .visible-screen-small {
    display: block;
  }
  .hidden-screen-small {
    display: none;
  }
  .stred {
    width: 96%;
    margin: auto;
  }
  .stred-980 {
    width: 92%;
    margin: auto;
    padding: 30px 0;
  }
  .clanky-hlava {
    width: 92%;
    margin: auto;
  }
  .clanky-hlava .kategorie-nazev {
    left: -90px;
    bottom: -105px;
  }
  .clanky-hlava .odkaz {
    font-size: 12px;
    padding: 8px;
    top: 34px;
  }
  .cerne-menu {
    background: #000;
    margin: auto;
    position: relative;
    z-index: 100;
  }
  .cerne-menu #zalozky {
    width: auto;
  }
  .cerne-menu #zalozky .menu-polozka {
    font-size: 13px;
  }
  .cerne-menu #zalozky .menu-polozka span {
    padding: 20px 10px;
  }
  #obsah-produkt.fixed {
    margin-top: 120px;
  }
  .obsah .vozidla-vypis h3 {
    font-size: 20px;
  }
  .obsah .vozidla-vypis a.vozidlo img {
    max-width: 100%;
  }
  .obsah .vozidla-vypis .nadpis {
    font-size: 14px;
  }
  .obsah .vozidla-vypis .hmotnost {
    font-size: 16px;
  }
  .obsah .vozidla-vypis h3 {
    font-size: 18px;
  }
  .obsah .vozidla-vypis a.vozidlo .obrazek-auto {
    height: 145px !important;
  }
  .obsah .vozidla-vypis a.vozidlo .obrazek-auto img {
    max-width: 140px;
  }
  .obsah .vozidla-vypis .hmotnost {
    font-size: 14px;
  }
  .obsah .vozidla-vypis .hmotnost::before {
    width: 20% !important;
  }
  .obsah .vozidla-vypis .hmotnost:after {
    width: 20% !important;
  }
  .nahradni-dily .col {
    width: 100%;
  }
  .nahradni-dily .col.col-poradi-1,
  .nahradni-dily .col.col-poradi-2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .nahradni-dily .col.fr {
    text-align: left;
  }
  .novinky .novinka {
    width: 48%;
  }
  .novinky .novinka:nth-child(even) {
    margin-left: 4%;
  }
  .novinky .novinka img {
    width: 100%;
  }
}
@media (max-width: 970px) {
  .hlavicka #menu {
    display: block;
    width: 96%;
    margin: auto;
    background: none;
    position: static;
    margin-top: 30px;
  }
  .hlavicka #menu a {
    float: left;
    display: block;
    width: 49%;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    background: rgba(0,0,0,0.8);
    margin: 0.5%;
  }
  .hlavicka #menu a span {
    padding: 2px 10px !important;
    border: none !important;
  }
  .hlavicka #menu a:hover,
  .hlavicka #menu a.on {
    background: rgba(0,0,0,0.6);
  }
  #obsah-produkt.fixed {
    margin-top: 320px;
  }
  .cerny-pruh-kontakty .ctvrtina {
    width: 50%;
    float: left;
  }
  .cerny-pruh-kontakty .ctvrtina.email,
  .cerny-pruh-kontakty .ctvrtina.telefon,
  .cerny-pruh-kontakty .ctvrtina.social,
  .cerny-pruh-kontakty .ctvrtina.firma-nazev {
    width: 50%;
    padding-left: 0 !important;
    text-align: left !important;
  }
  .obsah .submenu a {
    width: auto !important;
  }
  .obsah .submenu a span {
    padding: 5px 15px;
  }
  .clanky-hlava {
    width: 92%;
    margin: auto;
  }
  .clanky-hlava .kategorie-nazev {
    left: -90px;
    bottom: -105px;
  }
  .clanky-hlava .odkaz {
    font-size: 12px;
    padding: 8px;
    top: 6px;
  }
  .tretina h1 {
    font-size: 20px;
  }
  .tretina .tvetsi {
    font-size: 16px;
  }
  #cerne-menu-obal {
    position: static !important;
  }
  #obsah-produkt.fixed {
    margin-top: 65px !important;
  }
  .sloupec1,
  .sloupec2 {
    float: none;
    width: 100%;
  }
  .sloupec1 {
    margin-bottom: 30px;
  }
  .servis-info {
    margin-bottom: 10px;
  }
  .ojetavozidla-wrapper .ojetevozidlo .obrazek {
    float: left;
    margin-right: 35px;
    width: 285px;
    height: 190px;
    margin-top: 6px;
  }
  .ojetavozidla-wrapper .ojetevozidlo .obrazek img {
    width: 100%;
  }
  .ojetavozidla-wrapper .ojetevozidlo .ojetina-text {
    font-size: 14px;
    display: block;
  }
  .ojetavozidla-wrapper .ojetevozidlo .ojetina-text h4 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
  }
  .ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-popis {
    width: 100%;
    float: none;
  }
  .ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-info {
    width: 100%;
    float: none;
    margin-top: 30px;
  }
  .ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-info div {
    margin-bottom: 4px;
    float: left;
    margin-right: 20px;
  }
  .ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-info .formular-ojetina {
    width: 100%;
    float: none;
  }
  .ojetavozidla-wrapper .ojetevozidlo .ojetina-text .ojetevozidlo-info .odkaz {
    padding: 10px 25px 8px 25px;
    margin-top: 25px;
  }
  .vozidla-menu {
    display: block;
    padding-top: 8px;
  }
  .vozidla-menu .vozidla-skupina .dle-hmotnosti {
    width: 100%;
    display: block;
  }
  .obsah .submenu {
    display: block;
    margin-bottom: 25px;
  }
  .obsah .submenu a {
    width: 25%;
    float: left;
    display: block;
  }
  .obsah .vozidla-vypis {
    display: block !important;
  }
  .obsah .vozidla-vypis h3 {
    font-size: 16px;
  }
  .obsah .vozidla-vypis a.vozidlo .obrazek-auto {
    height: 95px !important;
  }
  .obsah .vozidla-vypis a.vozidlo .obrazek-auto img {
    max-width: 100px;
  }
  .obsah .vozidla-vypis .nadpis {
    font-size: 12px;
  }
  .obsah .vozidla-vypis .hmotnost {
    font-size: 12px;
  }
  .obsah .vozidla-vypis .hmotnost::before {
    width: 10% !important;
  }
  .obsah .vozidla-vypis .hmotnost:after {
    width: 10% !important;
  }
  .obsah h1,
  .obsah h2,
  .obsah .novinky-nadpis {
    font-size: 16px;
    padding: 25px 0 25px 0;
  }
  .obsah h1::after,
  .obsah h2::after,
  .obsah .novinky-nadpis::after {
    width: 20px;
  }
  .obsah h1::before,
  .obsah h2::before,
  .obsah .novinky-nadpis::before {
    width: 20px;
  }
  .obsah .nadpis {
    font-size: 14px;
  }
  .obsah .rozcestnik .stred-1020 {
    width: 98%;
    display: block;
  }
  .obsah .rozcestnik .stred-1020 .odkaz-stranka {
    width: 32%;
    float: left;
  }
  .obsah .rozcestnik .stred-1020 .odkaz-stranka a {
    font-weight: 300;
    font-size: 14px;
  }
  .obsah .rozcestnik .stred-1020 .odkaz-stranka img {
    width: 90%;
  }
  .obsah .rozcestnik-ikonky .odkaz-stranka {
    margin-bottom: 1%;
    width: 49%;
    margin-right: 1%;
  }
  .obsah .rozcestnik-ikonky .odkaz-stranka:nth-child(2n) {
    margin-right: 0;
  }
  .cerny-pruh-kontakty a {
    font-size: 16px;
  }
  .cerny-pruh-kontakty .ctvrtina {
    width: 50%;
    font-size: 13px;
  }
  .cerny-pruh-kontakty .ctvrtina.email,
  .cerny-pruh-kontakty .ctvrtina.firma-nazev {
    font-size: 16px;
  }
  .cerny-pruh-kontakty .ctvrtina.email,
  .cerny-pruh-kontakty .ctvrtina.telefon {
    text-align: center;
  }
  .cerny-pruh-kontakty .ctvrtina.social {
    text-align: right;
  }
  .cerny-pruh-kontakty .ctvrtina .tvetsi {
    font-size: 18px;
  }
  .cerne-menu #zalozky {
    width: 100%;
    display: block;
  }
  .cerne-menu #zalozky .menu-polozka {
    width: 50%;
    float: left;
  }
  .cerne-menu #zalozky .menu-polozka span {
    padding: 10px;
  }
  .galerie-auta a {
    float: left;
    width: 31.5%;
  }
  .galerie-auta a img {
    width: 100%;
  }
  .dva-sloupce {
    column-count: 1;
    column-gap: 20px;
    column-rule: none;
    column-width: auto;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -moz-column-rule: none;
    -moz-column-width: auto;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    -webkit-column-rule: none;
    -webkit-column-width: auto;
  }
  .tri-sloupce {
    column-count: 1;
    column-gap: 20px;
    column-rule: none;
    column-width: auto;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -moz-column-rule: none;
    -moz-column-width: auto;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    -webkit-column-rule: none;
    -webkit-column-width: auto;
  }
  .hidden-screen {
    display: none;
  }
  .visible-tablet {
    display: block;
  }
  .cleaner-tablet {
    clear: both;
    display: block;
  }
}
@media (max-width: 601px) {
  .tretina {
    width: 50%;
    padding-top: 10px;
  }
  .tretina h1 {
    font-size: 16px;
    padding-top: 15px;
  }
  #obsah-produkt.fixed {
    margin-top: 480px;
  }
  .tretina.ac {
    text-align: right;
  }
  .tretina.ar {
    width: 100%;
    clear: both;
    text-align: left;
  }
  .clanky-hlava {
    width: 98%;
    margin: auto;
  }
  .clanky-hlava .kategorie-nazev {
    left: -50px;
    bottom: -105px;
  }
  .clanky-hlava .odkaz {
    position: static;
    float: left;
    margin: 0;
  }
  .galerie-auta a {
    float: left;
    width: 100%;
    margin: 4px 0;
  }
  .galerie-auta a img {
    width: 100%;
  }
  .vozidla-menu {
    display: block;
    padding-top: 10px;
  }
  .vozidla-menu .vozidla-skupina .vozidla .vozidlo {
    width: 50%;
    margin-bottom: 25px;
  }
  .novinky .novinka {
    width: 100%;
  }
  .novinky .novinka:nth-child(even) {
    margin-left: 0;
  }
  .novinky .novinka img {
    width: 100%;
  }
  .cerne-menu #zalozky .menu-polozka {
    width: 100%;
  }
  .cerny-pruh-kontakty a {
    font-size: 14px;
  }
  .cerny-pruh-kontakty .ctvrtina {
    width: 100%;
    float: nonet;
    margin-bottom: 25px;
  }
  .cerny-pruh-kontakty .ctvrtina.email,
  .cerny-pruh-kontakty .ctvrtina.firma-nazev {
    font-size: 14px;
  }
  .cerny-pruh-kontakty .ctvrtina.email,
  .cerny-pruh-kontakty .ctvrtina.telefon {
    text-align: left;
  }
  .cerny-pruh-kontakty .ctvrtina.social {
    text-align: right;
  }
  .cerny-pruh-kontakty .ctvrtina .tvetsi {
    font-size: 16px;
  }
  .cerny-pruh-kontakty .ctvrtina {
    width: 100%;
    float: none;
  }
  .cerny-pruh-kontakty .ctvrtina.email,
  .cerny-pruh-kontakty .ctvrtina.telefon,
  .cerny-pruh-kontakty .ctvrtina.social,
  .cerny-pruh-kontakty .ctvrtina.firma-nazev {
    width: 100%;
    padding-left: 0 !important;
    text-align: left !important;
  }
  .obsah img,
  .obsah .obrl,
  .obsah .obrr {
    max-width: 100%;
    margin: 0;
  }
  .obsah .rozcestnik-ikonky .odkaz-stranka {
    margin-bottom: 1%;
    width: 100%;
    margin-right: 0;
  }
  .obsah .rozcestnik-ikonky .odkaz-stranka:nth-child(2n) {
    margin-right: 0;
  }
  .obsah .poptavka {
    padding: 10px;
  }
  .obsah .rozcestnik .stred-1020 {
    width: 98%;
    display: block;
  }
  .obsah .rozcestnik .stred-1020 .odkaz-stranka {
    width: 50%;
    float: left;
  }
  .obsah .vozidla-vypis {
    display: block;
  }
  .obsah .vozidla-vypis .dle-hmotnosti {
    display: block;
  }
  .obsah .vozidla-vypis .dle-hmotnosti-polozka {
    display: block;
  }
  .obsah .vozidla-vypis .vozidla {
    display: block;
  }
  .obsah .vozidla-vypis a.vozidlo {
    width: 100%;
    float: left;
    margin-bottom: 15px;
  }
  .obsah .vozidla-vypis a.vozidlo img {
    max-width: 100%;
  }
  .obsah .vozidla-vypis .nadpis {
    font-size: 13px;
  }
  .obsah .vozidla-vypis .hmotnost {
    font-size: 14px;
  }
  .hidden-screen {
    display: none;
  }
  .hidden-tablet {
    display: none;
  }
  .hidden-mobile {
    display: none;
  }
  .visible-mobile {
    display: block;
  }
}