@font-face {font-family: "Noteworthy Light";
  src: url("/font-face/016f50054d487d421dc18257a191a3ad.eot"); /* IE9*/
  src: url("/font-face/016f50054d487d421dc18257a191a3ad.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/font-face/016f50054d487d421dc18257a191a3ad.woff2") format("woff2"), /* chrome、firefox */
  url("/font-face/016f50054d487d421dc18257a191a3ad.woff") format("woff"), /* chrome、firefox */
  url("/font-face/016f50054d487d421dc18257a191a3ad.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/font-face/016f50054d487d421dc18257a191a3ad.svg#Noteworthy Light") format("svg"); /* iOS 4.1- */
}

a:link, a:visited {text-decoration: none; color: #eb2227;}
a:hover {text-decoration: underline;}
body, div {margin: 0;  color: #222;}
html {  width: 100%;
  box-sizing: border-box;}

  
.padding15 {padding: 15px; float: left; width: 100%;}
.padding25 {padding: 25px; float: left; width: 100%;}
.padding45 {padding: 45px; float: left; width: 100%;}

.TDblockSite {position: absolute; left: 50%; margin-left: -217px; width: 435px; margin-top: 150px;}
/* WHITEFIELD LOADING */
.td_whitefield {width: 100%; height: 100%; display: block; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100000;}
.td_loading {position: absolute; top: 50%; left: 50%; z-index: 100000; transform: translate(-50%,-50%);}

.navbar {background-color: #333 !important; height: 120px; width: 900px; float: right; padding: 0;}
.navbar-light .navbar-nav .nav-link {   font-size: 12pt;  text-align: center;  text-transform: uppercase;  text-decoration: none;  color: #fff; display: flex; align-items: center; justify-content: center;;
  transition: 0.25s;  padding: 30px 25px;   font-weight: bold;  overflow: hidden; height: 120px; flex-wrap: wrap;}
.navbar .container {padding: 0; margin: 0;}  

.navbar li {list-style-type: none;}
.navbar ul li {margin: 0;}
.navbar li:before {background: none; margin: 0; width: 0; height: 0; transform: none; content: none;}

.nav-link img {width: 45px;}

.black_line {float: left; width:100%; padding: 10px; background-color: black; color: white; font-size: 18pt; text-align: center;}
.black_line p { color: white; font-size: 18pt; text-align: center; margin: 0;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  background: -moz-linear-gradient(top, #eb2227 0%, #931618 100%);
    background: -webkit-linear-gradient(top, #eb2227 0%,#931618 100%);
    background: linear-gradient(to bottom, #eb2227 0%,#931618 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2227', endColorstr='#931618',GradientType=0 );
    color: white;
}

footer {float: left; width: 100%; background-color: white;}
footer .centeredReal {padding: 15px 15px; text-align: center;}

  body { 
  width: 100%;
  float: left;
  box-sizing: border-box;
  background-image: url('/files/bg.jpg');
}

img {overflow: hidden;}


.desktop {display: block; float: left; width: 100%; position: relative;}
.mobile {display: none; float: left; width: 100%;  position: relative;}

header .centered { margin-top: 0; margin-bottom: 0;}
header {
float: left; width: 100%; position: fixed; top: 0; height: calc(120px); z-index: 50; background-color: rgba(255,255,255,0.95);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.carList {width: calc(50% - 10px); float: left; padding: 25px; position: relative; height: 350px; background-color: rgba(0,0,0,0.1); margin: 5px; transition: 0.15s;}
.carList img {width: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); transition: 0.15s;}
.carList:hover {background-color: rgba(0,0,0,0.15);}
.carList:hover img {transform: translate(-40%, -50%) scale(1.1);}
.carListCaption {position: absolute; left: 0; bottom: 0px; padding: 15px; text-align: center; width: 100%; float: left; font-size: 20pt; font-weight: 700; background-color: rgba(0,0,0,0.1); }
.carListBubble {position: absolute;  text-align: center; width: 40%; font-size: 18pt;  
background: -moz-linear-gradient(top, #eb2227 0%, #931618 100%);
background: -webkit-linear-gradient(top, #eb2227 0%,#931618 100%);
background: linear-gradient(to bottom, #eb2227 0%,#931618 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2227', endColorstr='#931618',GradientType=0 );
color: white;
padding: 20px;
top: 20px; left: 20px;
}

img.addressIcon {width: 32px;}

.carleft {padding: 15px; width: 40%; float: left;}
.carleft img {width: 100%; float: left;}
.carright {width: 60%; float: left; padding-left: 25px;}
.carright table{border-spacing: 0; background: none;}
.carright table td{background: none; padding: 0;}
.carright table h2{ margin: 0;}


div.spacer {float: left; width: 100%; height: 115px; position: relative;}
h3 {font-size: 16pt; color: #eb2227;}
/* NEWSPART */
.bodyLeft h5 {font-size: 20pt; color: #eb2227; float: left; margin-bottom: 10px; font-weight: normal; width: 100%; font-weight: 700;}
.bodyLeft h3 {width: 100%; float: left; padding: 7px 15px; font-size: 16pt; color: #aaa; font-weight: normal; margin-bottom: 0; animation: heartbeat 1s infinite;}
.bodyLeft span {width: 100%; float: left;  padding: 3px 15px; background-color: #aaa; font-size: 10pt; color: #fff;}
.bodyLeft .newsbody {width: 100%;  float: left; padding: 7px 15px; background-color: #f0f0f0; font-size: 10pt; color: #000; margin-bottom: 10px; }
.bodyLeft .newsbody p {font-weight: 400;}



.container {float: left; width: 100%; }
.fullWidthText {float: left; width: 100%; background: rgba(255,255,255,0.5); }
.fullWidth {float: left; width: 100%; }
.fullWidth1 {background: #eb2227;
background: -moz-linear-gradient(top, #eb2227 0%, #931618 100%);
background: -webkit-linear-gradient(top, #eb2227 0%,#931618 100%);
background: linear-gradient(to bottom, #eb2227 0%,#931618 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2227', endColorstr='#931618',GradientType=0 );}
.padding25 {padding: 25px;}
.flags {margin-top: 10px; margin-left: 10px; width: auto; float: left;}
.flags img {width: 25px; height: 25px; margin-right: 3px; opacity: 0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.flags img:hover, .flags img.activeFlag {opacity: 1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}
.centered {margin-left: 50%; transform: translate(-50%, 0%); float: left; display: block; width: 100%; max-width: 1280px; box-sizing: border-box;}
.centered {overflow: hidden;}

.td_slick {width: 100%; float: left;}
.td_slick img {width: 100%; margin: 0;}

.td_slick2 {width: 100%; float: left;}
.td_slick2 img {width: 100%; margin: 0;}
.gridPointer {cursor: pointer;}

.redskew {position: relative; z-index: 15; float: right; width: 205px;  margin-top: 10px; height: 36px; background-image: url('/files/redskew_right.svg'); background-size: 100% 100%; margin-bottom: -1px;}

.icons:first-child {margin-left: 25px; }
.icons {float:left; width: 45px; height: 45px; margin: 5px 5px;}
.icons:hover {opacity: 1; transform: scale(1.1);}

.redPart {float: left; width: 100%; min-height: 150px; }
.redPart h2 {color: white; }
.redPart p, .redPart li {color: white;}
.redPart1 {padding: 35px; margin-top: 25px; }
.redPart1 table td {background: none;}
.redPart1 table tr:first-child td {font-weight: 700; font-size: 15pt; color: #eb2227; }

div.resLeft {float: left; width: 380px; background: #eb2227; padding: 0 10px; display: flex; justify-content: center; align-items: center;
background: -moz-linear-gradient(top, #eb2227 0%, #931618 100%);
background: -webkit-linear-gradient(top, #eb2227 0%,#931618 100%);
background: linear-gradient(to bottom, #eb2227 0%,#931618 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2227', endColorstr='#931618',GradientType=0 ); height: 400px;}

div.resLeft a { float: left; max-width: 90%;}
div.resLeft img {max-width: 100%; width: 200px; transition: 200ms; }
div.resLeft img:hover {width: 220px;} 

div.resRight {float: right; width: 900px; position: relative;}

div.slickBox {
	background: -moz-linear-gradient(top, #eb2227 0%, #931618 100%);
background: -webkit-linear-gradient(top, #eb2227 0%,#931618 100%);
background: linear-gradient(to bottom, #eb2227 0%,#931618 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2227', endColorstr='#931618',GradientType=0 ); 
color: white; 
font-size: 14pt; font-weight: bold; text-align: center;
position: absolute; bottom: 25px; left: 25px; z-index: 50; padding: 25px; padding-bottom: 20px;
}

div.slickBox span{color: white; font-size: 30pt;}

a.logo {width: 330px; float: left; display: block; padding: 8px 0; margin-left: 20px; display: flex; justify-content: center; align-items: center;}
a.logo img {width: 80%; transition: 0.15s;}
a.logo img:hover {width: 85%;}
.menu {display: none;}
footer .centered {padding: 10px; text-align: center;}

.bodyLeft {float: left; width: 400px; padding-top: 0px; position: relative; z-index: 1; margin-top: 25px;}
.bodyRight {float: left; width: calc(100% - 400px); position: relative;   z-index: 1;  padding-left: 35px; margin-top: 25px;}

div.thumbnails {width: 100%; float: left;}
div.thumbnail {width: calc(16.66% - 10px);  margin: 5px; float: left;}
div.thumbnail img {transition: 0.2s; width: 100%; height: auto; opacity: 0.8; }
div.thumbnail img:hover {width: 100%; height: auto; opacity: 1; transform: scale(1.05);}


a.contactButton {background-color: #eee; margin: 25px; width: calc(25% - 50px); padding: 25px; float: left; font-size: 16pt; text-align: center; color: #eb2227; }
a.contactButton:hover {background-color: white; }

.icon64 {width: 64px; height: 64px; float: left;}
.icon32 {width: 32; height: 32px;  float: left;}

.eshopMenu {float: left;}

.bodyRight .table-first-hide td:nth-of-type(1):not([colspan="2"]) { display: none;}

table.cenik tr:nth-child(even) td {background: none}
table.cenik tr:nth-child(odd) td {background: rgba(255,255,255,0.5);}
table.cenik tr:hover td {background: rgba(200,200,200,1);}
table.cenik tr td:nth-of-type(1) {width: 50%;}
table.cenik tr td:nth-of-type(2) {width: 50%; text-align: right;}


/* NAHLED */
a.carPrev {margin: 5px; float: left; width: calc(50% - 10px); min-height: 150px; padding: 10px; opacity: 0.9; background-color: rgba(255,255,255,0.5);}
a.carPrev:hover {opacity: 1;}
a.carPrev img.mainPic {width: 40%; float: left;}

a.carPrev div.carPrevDesc { width: 60%; float: left; padding: 15px;}
table.minDetails {margin-top: 5px;}

div.carPrevDesc h2 {margin-top: 15px; margin-bottom: 5px;}

div.carPrevTitle {font-weight: bold; font-size: 12pt; margin-bottom: 10px; line-height: 100%; }
div.carPrevTitle span {font-weight: normal; color: #eb2227; margin-bottom: 10px; }
.beforeDiscount {text-decoration: line-through; font-size: 10pt;}
.price {color: #eb2227; font-weight: bold; font-size: 13pt;}
table.minDetails {border-spacing: 0; background: none !important; margin-top: 25px; float: left;}
table.minDetails {border-spacing: 0; }
table.minDetails td {font-size: 10pt; padding: 0 5px 0 0; float: left; width: 50%; background: none !important;}
table.minDetails td p {padding-left: 0;}
table.minDetails td ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin-bottom: 25px;
}
table.minVybava td {float: left; width: 100%;}
.carPrev .bold {font-weight: bold;}
.sleva {background-color: #eb2227; padding: 5px; color: white; font-size: 10pt; float: right; width: 40%; text-align: center;}
div.priceBox {float: left; width: 60%;}

/* DETAIL */
div.carPrev {float: left; width: 100%; border: 0;}
div.carPrev div.carPrevDesc { width: 60%; float: left; padding: 0 0 0 40px;}
div.carPrev h2 {float: left; width: 60%; padding-bottom: 0; font-size: 20pt;}
div.carPrev div.carPrevTitle {font-size: 18pt; } 
div.carPrev .price {color: #eb2227; font-weight: bold; font-size: 20pt;}

div.carPrev div.carPrevImgBox {width: 40%; float: left; position: relative;}
div.carPrev img.carPrevPic {width: 100%; float: left; margin-bottom: 5px;}
div.carPrev img.carPrevImgSmall {width: calc(33.333% - 7px); float: left; margin: 5px;}


div.carPrev img.carPrevPic, div.carPrev img.carPrevImgSmall {opacity: 0.9;}
div.carPrev img.carPrevPic:hover, div.carPrev img.carPrevImgSmall:hover {opacity: 1;}
div.carPrev a:nth-of-type(2) img.carPrevImgSmall,
div.carPrev a:nth-of-type(5) img.carPrevImgSmall,
div.carPrev a:nth-of-type(8) img.carPrevImgSmall,
div.carPrev a:nth-of-type(11) img.carPrevImgSmall,
div.carPrev a:nth-of-type(14) img.carPrevImgSmall,
div.carPrev a:nth-of-type(17) img.carPrevImgSmall,
div.carPrev a:nth-of-type(20) img.carPrevImgSmall,
div.carPrev a:nth-of-type(23) img.carPrevImgSmall,
div.carPrev a:nth-of-type(26) img.carPrevImgSmall,
div.carPrev a:nth-of-type(29) img.carPrevImgSmall,
div.carPrev a:nth-of-type(32) img.carPrevImgSmall {margin-left: 0;}


div.carPrev a:nth-of-type(4) img.carPrevImgSmall,
div.carPrev a:nth-of-type(7) img.carPrevImgSmall,
div.carPrev a:nth-of-type(10) img.carPrevImgSmall,
div.carPrev a:nth-of-type(13) img.carPrevImgSmall,
div.carPrev a:nth-of-type(16) img.carPrevImgSmall,
div.carPrev a:nth-of-type(19) img.carPrevImgSmall,
div.carPrev a:nth-of-type(22) img.carPrevImgSmall,
div.carPrev a:nth-of-type(25) img.carPrevImgSmall,
div.carPrev a:nth-of-type(28) img.carPrevImgSmall,
div.carPrev a:nth-of-type(31) img.carPrevImgSmall,
div.carPrev a:nth-of-type(34) img.carPrevImgSmall {margin-right: 0;}



.seznamBox {width: calc(50% - 10px); margin: 0 10px 10px 0;  float: left; background-color: #f9f9f9;}
.seznamBox img {width: 35%; float: left; transition: 0.2s; opacity: 0.8;}
.seznamBox img:hover {opacity: 1; transform: scale(1.05);}
.seznamBoxCont  {width: 65%; float: left; padding: 15px;}
.seznamBoxCont h3  {padding: 0; margin: 0; font-size: 12pt; font-weight: 700; }
.seznamBoxCont  table {padding: 0; border-spacing: 0; margin-bottoM: 10px;}
.seznamBoxCont  table td {padding: 0; background: none;}

.left-table tr {float: left; width: 100%;}
.left-table span.note a:link,.left-table span.note a:visited {color: white;}
.left-table td {float: left; width: 100%; background: none; padding: 0; color: white;}
.left-table h2 {color: white; margin: 10px 10px 0px 0px; font-weight: bold;}
.left-table .form1_tr__sub {display: none;}
.left-table .company_email {display: none;}
table tbody.tbody_section_50prc {float: left; width: 50%;}
table tbody.tbody_section_100prc {float: left; width: 100%;}
table.left-table input,table.left-table select,table.left-table textarea {border: 1px solid white; width: calc(100% - 24px); padding: 6px 10px; color: white; margin-right: 2px; margin-bottom: 2px; background-color: rgba(255,255,255,0.2); font-weight: 400;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 30%; margin-right: 5px;}
table.left-table select {color: white; padding: 6px 10px; }
table.left-table select option {color: black; padding: 9px 10px; }
table.left-table select#km option:nth-of-type(2) {color: orange; font-weight: bold;}
table.left-table select#km option:nth-of-type(3) {color: red; font-weight: bold;}
table.left-table select#km option:nth-of-type(4) {color: green; font-weight: bold;}

.bodyRight .left-table h2 {color: #eb2227; margin: 10px 10px 0px 0px; font-weight: bold;}
.bodyRight .bodyRight .left-table .form1_tr__sub {display: none;}
.bodyRight .left-table .company_email {display: none;}
.bodyRight .left-table td {color: black;}
.bodyRight table tbody.tbody_section_50prc {float: left; width: 50%;}
.bodyRight table tbody.tbody_section_100prc {float: left; width: 100%;}
.bodyRight table.left-table input,.bodyRight table.left-table select,.bodyRight table.left-table textarea {color: black; border: 1px solid #aaa; width: calc(100% - 28px); padding: 10px; margin-right: 4px; margin-bottom: 4px; background-color: rgba(0,0,0,0.1);}
.bodyRight #cena {color: red;font-weight: bold;}
.bodyRight table.left-table select { padding: 9px 10px; }
.bodyRight table input.error {border: 1px solid red; background-color: rgba(255,0,0,0.1)}
.bodyRight .left-table span.note a:link,.bodyRight .left-table span.note a:visited {color: red;}

.form1_tr_pristavenit  td:nth-of-type(1), .form1_tr_vracenit td:nth-of-type(1){display: none;}


@media only screen and (max-width: 1279px) {
a.logo {margin-left: 25px; width: 150px; float: left; display: block; margin-right: 0; margin-bottom: 0px;}
div.redskewmotto {top: 60px;}
.bodyLeft {width: 20%;  padding: 25px;}
.bodyRight {width: 80%; padding-right: 25px;}
.centered {border: 0;}
div.resLeft {width: 100%; overflow: hidden; height: auto; padding-bottom: 25px;}
div.resRight {width: 100%; overflow: hidden;}
}

@media only screen and (max-width: 1023px) {
	
header {width: 100%; position: relative; height: auto;}
div.spacer {height: 0;}
a.contactButton {width: 100%; margin-left: 0;}
.mobile {display: block;}	
.desktop {display: none;}	
a.logo {margin-left: 5%;  width: 29%; float: left; display: block; margin-right: 0; margin-bottom: -40px;}
div.redskewmotto {top: 80px;}
.centered {transform: translate(0%, 0%);}
.bodyLeft {display: none;}
.bodyRight {padding-left: 0;}
.bodyRight, .container {margin: 0;   width: 100%; padding-right: 0px;}
.container {padding: 5%; padding-top: 0;}
.centered {border: 0; margin: 0; }
.redPart {padding: 5%;}
.redPart1 {margin: 0;}
.menu {display: block; float: right; width: 15%; margin: 15px; margin-left: 0;}
.td_body p {text-align: justify;}
.redskew {width: 100%;  height: auto; float: left; background: none; background-color: #eb2227; margin-top: 0; border-bottom: 5px solid #f0f0f0; padding: 10px 5% 5px 5%;;}
.flags {margin: 0;}
.flags img {width: 30px; height: 30px; margin-right: 7px;}
.icons {width: 30px; height: 30px; margin: 0; margin-left: 10px;}
div.resLeft {display: none;}
img.menu {display: none;}
nav.navbar {background-color: white !important; width: 100%; z-index: 500; max-width: 100%;}
header .container {max-width: 100%;  align-items: flex-end;}
nav .container {max-width: 100%;  align-items: flex-end !important; display: block !important;}
a.logo {margin: 0px; position: absolute; top: 8px; left: 15px; z-index: 501;}
.navbar {display: block !important; height: auto; min-height: 100px;}
header {position: relative; z-index: 5000;}
.navbar-toggler {float: right; align-items: flex-end; position: absolute; top: 20px; right: 15px;}
.navbar-collapse {z-index: 502; position: relative; margin-top: 80px;}
nav a, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  background: #931618 !important; border-bottom: 1px solid #eb2227;
    color: white;
}
.bodyRight, .redPart  {padding: 25px;}
}



@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 600px) 
and (orientation : portrait) { 
div.redskewmottomobile {display: block; float: left; width: 100%; padding: 10px 5%; background-color: #eb2227; text-align: center; font-size: 6vw; color: white; font-family: "Noteworthy Light"; border-bottom: 1px solid white;}
a.logo {margin-left: 5%; width: 60%; float: left; display: block;}
.redskewmotto {display: none;}
.menu {display: block; float: right; width: 25%; margin: 15px; margin-left: 0;}
.redskew {padding: 10px 5% 5px 5%;;}
.flags {margin: 0;}
.flags img {width: 30px; height: 30px; margin-right: 7px;}
.icons {width: 30px; height: 30px; margin-left: 10px;}
.redPart1 img {width: 100%;}
.container {padding-top: 15px}
.carList {width: calc(100% - 10px);}
.carleft {width: 100%;}
.carright {width: 100%;}
.slickBox {display: none;}
}