@font-face {

 font-family: Snasm;

 src: url("../inc/font/snasm_bd_it.ttf") /* TTF file for CSS3 browsers */

}



/*---- uvodni nastaveni tagu (START) ----*/

html

{

  height: 100%; /* kdyz je i v body, tak dela fancyboxu problemi (po popupu nezustane tam kde se kliklo, ale odsune se na vrchol stranky) */

}

body, html{   /* osetreni abych mel jistotu ze body ci html neskonci drive nez obrazovka */

  /* pokud se doda height: 100% tak cist komentar v tagu "html" */

  min-height: 100%;

  margin: 0;

  padding: 0;

}



body

{

    /*font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;*/

	font-family: Arial, Tahoma, Helvetica;

	color: #00183A; /*#7e7c7d*/

    font-size: 16px;
    line-height: 24px;

}
textarea {
  font-family: Arial, Tahoma, Helvetica;
}


a:visited		{ color: #294c85; text-decoration: underline; }

a:active		{ color: #294c85; text-decoration: underline; }

a:link 		{ color: #294c85; text-decoration: underline; }

a:hover		{ color: #49a840; text-decoration: underline; }



a.ndiv:visited		{ color: #49a840; text-decoration: none; }

a.ndiv:active		{ color: #49a840; text-decoration: none; }

a.ndiv:link 		{ color: #49a840; text-decoration: none; }

a.ndiv:hover		{ color: #294c85; text-decoration: none; }

a, a:active, a:focus {/*zrus tecky kolem odkazu*/
   outline: none;
}



/*a img {

	border: 0px;

	padding: 0px;

	margin: 0px;

	text-decoration: none;

}*/

img { /* potreba pro vlozene obrazky do textu - kontrola zda je vse po webu ok */

  height: auto;

  max-width: 100%;

}

td img{ /* tabulky se nekdy k obrazku s max-width: 100% chovaji tak ze ho zuzuji na svoji malou sirku */

  max-width: none;

}



form

{

	margin: 0px;

	padding: 0px;

}



table

{

	padding: 0px;

}



td

{

	font-size: 11px;

	margin: 0px;

	padding: 0px;

}



ul{

	list-style: none url(../img/li01.gif);

	margin-top: 2px;

	margin-bottom: 2px;

	margin-left: 0px;

	margin-right: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 12px;

	padding-right: 0px;

}



/*barva placeholder*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #294c85;

  opacity: 0.9;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #294c85;

  opacity: 0.9;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #294c85;

  opacity: 0.9;

}

:-moz-placeholder { /* Firefox 18- */

  color: #294c85;

  opacity: 0.9;

}

/*---- uvodni nastaveni tagu (KONEC) ----*/

/*---- default bloky (START) ----*/

.blok_sirky_webu_full_hd

{

 /*  background: url(../img/green-arrows.png) 50% 280px no-repeat; */

  width: 100%;

  position: relative;

  z-index: 100;

  margin: 0px auto;

  padding: 0px; 

  overflow: hidden;

}

.blok_sirky_webu_sirsi{

  width: 1620px;

  margin-left: auto;

  margin-right: auto;

}

.blok_sirky_webu{

  width: 1500px;

  margin-left: auto;

  margin-right: auto;

}

.blok_sirky_webu_uzky{

  width: 1380px;

  margin-left: auto;

  margin-right: auto;

}

.blok_sirky_webu_detail{

  width: 900px;

  margin-left: auto;

  margin-right: auto;

}



.hlavicka{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  z-index: 50;

}

.hlavicka_in_h{

  display: block;

  height: 90px;

  padding: 10px 36px 10px 36px;

  background-color: #EAEAEA;

}

.hlavicka_in_d{

  position: relative;

  display: block;

  background-color: #FFFFFF;

  height: 70px;

  padding: 20px 36px 20px 36px;

  text-align: center;

  z-index: 50;

}

.hlavicka_in_d_fix{

  position: fixed;

  left: 0px;

  top: 0px;

  width: 96%;

  padding-left: 2%;

  padding-right: 2%;

  border-bottom: 1px solid #F1F1F1;

}



.obsah{

  display: block;

  clear: both;

  background-color: #E6E6E6;

  padding-top: 220px; /*o vysku hlavicky*/

}

.obsah_in{

  display: block;

  padding: 20px 0px 20px 0px; /* pokud by se menil tak myslet i na styl "obal_filtr_motorek" kde se tento padding zohlednuje v jeho margin-top */

}
.obsah_in_detail_motorka{
  color: #294c85;
}



.paticka{

  display: block;

  clear: both;

}

.paticka_in_h{

  display: block;

  clear: both;

  background-color: #01193B;

  padding: 70px 0px 70px 0px;

  text-align: left;

}

.paticka_in_d{

  display: block;

  clear: both;

  background-color: #FFFFFF;

  padding: 30px 0px 30px 0px;

  text-align: center;

}
.spacer_paticka_in_po_2{
  display: none;
  clear: both;
}

/*---- default bloky (KONEC) ----*/

/*---- Hlavicka (START) ----*/

.hlavicka_h_leva{

  float: left;

  width: 350px;

}

.hlavicka_h_prava{

  float: right;

  width: 350px;

}
.hlavicka_h_prava_in{
  float: right;
}


.obal_kontakt_hlava{
  float: left;
  width: 156px; /*146*/
  margin-top: 12px;
}
.nazev_cislo_hlava{
  display: block;
  font-size: 10px;
  height: 12px;
  line-height: 12px;
  color: #294c85;
  margin: 0px 0px 0px 0px;
}
.cislo_hlava{

  display: block;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  margin-bottom: 5px;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

}

.predel_hlava{

  float: left;

  height: 64px;

  margin: 13px 18px 13px 18px;

  border-right: 2px solid #CFCFCF;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}

.obal_soc_site_hlava{

  float: left;

  /*height: 28px;*/

  margin: 0px 0px 0px 0px;

}

.soc_sit_hlava{

  float: left;

  height: 28px;

  margin: 31px 0px 31px 16px;

  

  background-position: center center;

  background-repeat: no-repeat;

}

.fb_hlava{

  width: 28px;
  margin-left: 20px;
  background-image: url("../img/_redesign_2018/facebook-ic.png");

}

.inst_hlava{

  width: 27px;

  background-image: url("../img/_redesign_2018/instagram-ic.png");

}

.you_hlava{

  width: 34px;
  background-image: url("../img/_redesign_2018/youtube-ic.png");

}



.logo{

  display: block;

  width: 232px;

  height: 90px;

  margin: 0px auto 0px auto;

  

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url("../img/_redesign_2018/LOGO.png");

}
.logo_resp{
  display: none;
  float: left;
  width: 160px;
  height: 40px;

  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../img/_redesign_2018/LOGO.png");
}



.tl_oblibene_hlava{

  float: left;

  height: 30px;

  line-height: 30px;

  margin: 30px 0px 30px 0px;

  padding-left: 36px;

  

  background-position: left center;

  background-repeat: no-repeat;

  background-image: url("../img/_redesign_2018/oblibene-ic.png");

}

.tl_oblibene_hlava:hover{

  

}



.horni_menu{

  display: block;

  text-align: center;

  vertical-align: top;

}

.horni_menu a{

  text-decoration: none;

}



.polozka_menu{

  display: inline-block;

  vertical-align: top;

  margin: 0px 6px 0px 6px;

  padding: 20px 10px 20px 10px;

  height: 30px;

  line-height: 30px;

  min-width: 130px;

  color: #FFFFFF;

  text-transform: uppercase;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}

.polozka_menu:hover{

  opacity: 0.8;

}

.polozka_menu_in{

  display: block;



  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(16deg); /*efekt zkoseni hran - narovnej pismo*/  

}

.horni_menu_1{ /*zelena*/

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

}

.horni_menu_2{ /*cervena*/

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e71d2d+0,94111f+100 */

  background: #e71d2d; /* Old browsers */

  background: -moz-linear-gradient(left, #e71d2d 0%, #94111f 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #e71d2d 0%,#94111f 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #e71d2d 0%,#94111f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e71d2d', endColorstr='#94111f',GradientType=1 ); /* IE6-9 */

}

.horni_menu_3{ /*sv. modra*/

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#70cbe6+0,2378b9+100 */

  background: #70cbe6; /* Old browsers */

  background: -moz-linear-gradient(left, #70cbe6 0%, #2378b9 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #70cbe6 0%,#2378b9 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #70cbe6 0%,#2378b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70cbe6', endColorstr='#2378b9',GradientType=1 ); /* IE6-9 */

}

.horni_menu_4{ /*oranzova*/

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9b72d+0,eb6132+100 */

  background: #f9b72d; /* Old browsers */

  background: -moz-linear-gradient(left, #f9b72d 0%, #eb6132 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #f9b72d 0%,#eb6132 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #f9b72d 0%,#eb6132 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b72d', endColorstr='#eb6132',GradientType=1 ); /* IE6-9 */

}

.horni_menu_5{ /*tm. modra*/

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f6390+0,021938+100 */

  background: #1f6390; /* Old browsers */

  background: -moz-linear-gradient(left, #1f6390 0%, #021938 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #1f6390 0%,#021938 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #1f6390 0%,#021938 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f6390', endColorstr='#021938',GradientType=1 ); /* IE6-9 */

}

.horni_menu_6{ /*hneda*/

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c4d39+0,603427+100 */

  background: #7c4d39; /* Old browsers */

  background: -moz-linear-gradient(left, #7c4d39 0%, #603427 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #7c4d39 0%,#603427 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #7c4d39 0%,#603427 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c4d39', endColorstr='#603427',GradientType=1 ); /* IE6-9 */

}



/*---- Hlavicka (KONEC) ----*/

/*--- Mutace (START) ---*/

.obal_mutace{

  position: relative;

  float: left;

  margin: 30px 0px 30px 0px;

  height: 18px;

  width: 66px;

  line-height: 18px;

  padding: 6px 26px 6px 15px;

  margin-left: -15px;

  font-size: 14px;

  z-index: 100;

  text-align: center;

  cursor: pointer;

  

  background-position: 86px center;

  background-repeat: no-repeat;

  background-image: url("../../img/_redesign_2018/sipka-ic.png");

}

.polozka_mutace{

  float: left;

  margin-left: 10px;

  _margin-left: 5px;

  color: #000000;

}

.polozka_mutace:hover, .aktivni_mutace{

  color: #c2000b;

}

.aktualni_mutace{

  color: #294c85;

}

.blok_mutace_in{

   background-color: #ffffff;

   border: 1px solid #e1e1e1;

   display: none;

   font-weight: normal;

   padding: 10px 15px 5px 14px;

   position: absolute;

   right: -1px;

   text-align: left;

   top: 30px;

   width: 80px;

   z-index: 100;

}

.polozka_mutace_in{

  display: block;

  clear: both;

  padding: 0px 0px 0px 0px;

  /* nepouzivat padding top/bottom a margin top/bottom elementu - pokud pouziji, tak po prekladu bude po vysunuti moznych prekladu dole velka mezera

  (ten preklad duplikuje kod jen z nej odmaze obsah jako CZ, EN atd.. = paddingy/marginy zustanou) */

  line-height: 26px;

  color: #000000;

}



.vlajka{

 float: left;

 width: 26px;

 height: 20px;

 margin-right: 10px;



 background-repeat: no-repeat;

 background-position: left center;  

}

.vlajka_cz{

 background-image: url("../img/flag_cz.gif");

}

.vlajka_en{

 background-image: url("../img/flag_en.gif");

}

.vlajka_de{

 background-image: url("../img/flag_de.gif");

}

.vlajka_hu{

 background-image: url("../img/flag_hu.gif");

}

.vlajka_it{

 background-image: url("../img/flag_it.gif");

}

.vlajka_pol{

 background-image: url("../img/flag_pol.gif");

}

.vlajka_slo{

 background-image: url("../img/flag_slo.gif");

}

/*--- Mutace (KONEC) ---*/

/*--- Hledani (START) ---*/

.obal_hledani{

  float: left;

  width: 40px;

  z-index: 110;

}

.obal_hledani_tl{

  float: left;

  display: block;

  height: 40px;

  line-height: 40px;

  width: 40px;

  margin: 25px 0px 25px 0px;

  z-index: 109;



  cursor: pointer;

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url("../../img/_redesign_2018/search-ic.png");

}

.obal_hledani_tl:hover{

  opacity: 0.8;

}

.vysuv_hledani{

  display: none;

  position: absolute;

  right: 0px;

  top: 110px;

  width: 100%;

  padding: 60px 0px 60px 0px;

  text-align: center;

  background-color: #FFFFFF;

  z-index: 51; /*50 ma menu => 51*/

  border-bottom: 1px solid #F1F1F1;

}

.vysuv_hledani .blok_sirky_webu{

  position: relative;

}

.vysuv_hledani_fix{

  position: fixed;

  left: 0px;

  top: 0px;

  width: 96%;

  padding-left: 2%;

  padding-right: 2%;

}

.zavri_hledani{

  position: absolute;

  right: 0px;

  top: -40px;

  width: 24px;

  height: 24px;

  cursor: pointer;

  z-index: 5;

  

  background-position: right center;

  background-repeat: no-repeat;

  background-image: url("../../img/_redesign_2018/close-ic.png");

}

.obal_hledani_in{

  position: relative;

  display: inline-block;

  width: 960px;

  background-color: #FFFFFF;

  border: 1px solid #01193B;

  z-index: 110;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}

.obal_hledani_in_dorovnat{

  transform: skewX(16deg);

}

.hledej_input{

  display: block;

  padding: 10px 10px 10px 10px;

  margin-right: 140px;

  margin-left: 20px; /*skrze zkoseni obalu*/

  border: 0px;

  height: 44px;

  line-height: 44px;

  width: 800px;

  font-style: italic;

  background-color: #FFFFFF;

  color: #01193B;

}

.hledej_tl{

  /*float: right;*/

  position: absolute;

  right: 8px;

  top: 8px;

  width: 124px;

  height: 48px;

  cursor: pointer;

  border: 0px;

  background-color: transparent;

  color: #FFFFFF;

  text-transform: uppercase;

  font-weight: 600;

  

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url("../../img/_redesign_2018/search-ic_green.png");

}

.hledej_tl:hover{

  opacity: 0.8;

}

/*--- Hledani (KONEC) ---*/

/*--- News (START) ---*/

.obal_news{

  position: relative;

  display: block;

  width: 370px;

}

.news_input{

  float: left;

  width: 100%;

  height: 46px;

  line-height: 36px;

  padding: 5px 16px 5px 16px;

  background-color: #FFFFFF;

  border: 0px;

  

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.news_tl{

  position: absolute;

  right: 0px;

  top: 0px;

  width: 36px;

  height: 46px;

  padding: 0px 10px 0px 10px;

  background-color: #37A850;

  color: #FFFFFF;

  text-transform: uppercase;

  text-align: center;

  font-weight: bold;

  border: 0px;

  cursor: pointer;

}

.news_tl:hover{

  opacity: 0.8;

}

.obal_check_news{

  display: block;

  clear: both;

  margin-top: 10px;
  color: #839DBE;

}

/*--- News (KONEC) ---*/

/*---- Paticka (START) ----*/

.sloupec_paticka_in_h{

  float: left;

  width: 31%;

  margin: 0px 2% 0px 0px;

}

.sloupec_paticka_in_h a{

  text-decoration: none;

  color: #839DBE;

}

.sloupec_paticka_in_h a:hover{

  text-decoration: underline;

}



.nadpis_sloupec_pata{

  display: block;

  color: #FFFFFF;

  font-weight: bold;

  font-size: 16px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

}



.polozka_menu_pata{

  display: block;

  margin: 0px 0px 4px 0px;

}



.telefon_pata{

  display: block;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin-bottom: 16px;

}

.telefon_pata_nazev{

  display: block;

  color: #88A2C5;

  font-weight: bold;

  margin: 0px 0px 4px 0px;

}

.telefon_pata_cislo{

  display: block;

  color: #37A850;

  font-weight: bold;

  font-size: 18px;

}

.mail_pata{

  display: block;

  color: #FFFFFF;

  font-weight: bold;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

}



.copyright_pata{

  float: left;

  height: 36px;

  line-height: 36px;

}

.platebni_karty_pata{

  margin-left: auto;

  margin-right: auto;

}

.mcrai_pata{

  float: right;

  height: 36px;

  line-height: 36px;

}

/*---- Paticka (KONEC) ----*/

.dulezita_informace_cely_web{
  display: block;
  clear: both;
  text-align: center;
  color: #FFFFFF;
  background-color: #294c85;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
}

/*---- Home (START) ----*/

.blok_slider{

  position: relative;

  display: block;

  clear: both;

}

.obal_swiper_home_kategorie{

  position: relative;

  display: block;

}

.sipka_leva_swiper_home_top_nabidka, .sipka_leva_swiper_home_kategorie, .sipka_leva_swiper_galerie, .sipka_leva_swiper_detail_doporucujeme, .sipka_leva_swiper_detail_podobne{

  position: absolute;

  left: 0px;

  top: 0px;

  height: 100%;

  width: 50px;

  cursor: pointer;

  z-index: 10;

  background-color: #E6E6E6;

  

  background-position: left center;

  background-repeat: no-repeat;

  background-image: url("../img/_redesign_2018/move-ic-l.png");

}

.sipka_prava_swiper_home_top_nabidka, .sipka_prava_swiper_home_kategorie, .sipka_prava_swiper_galerie, .sipka_prava_swiper_detail_doporucujeme, .sipka_prava_swiper_detail_podobne{

  position: absolute;

  right: 0px;

  top: 0px;

  height: 100%;

  width: 50px;

  cursor: pointer;

  z-index: 10;

  background-color: #E6E6E6;

  

  background-position: right center;

  background-repeat: no-repeat;

  background-image: url("../img/_redesign_2018/move-ic-r.png");

}

.sipka_prava_swiper_home_top_nabidka, .sipka_leva_swiper_home_top_nabidka,

.sipka_prava_swiper_detail_doporucujeme, .sipka_leva_swiper_detail_doporucujeme,

.sipka_prava_swiper_detail_podobne, .sipka_leva_swiper_detail_podobne{

  background-color: #FFFFFF;

}

.text_slider_home{
  position: absolute;
  left: 10%;
  bottom: 16%;
  width: 40%;
  padding-left: 60px;
}
.text_slider_home_in{
  position: relative;
  display: block;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 46px;
  line-height: 56px;
  margin: 0px 0px 50px 0px;
  text-align: left;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
}
.lomeno_slider_home{
  position: absolute;
  top: 0px;
  left: -40px;
  height: 100%;
  border-left: 2px solid #37A850;
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  transform: skewX(-16deg); /*efekt zkoseni hran*/
}

.tl_slider_home{
  float: left;
  margin: 5px 0px 5px 0px;
  padding: 20px 40px 20px 40px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: bold;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */
  background: #40a24b; /* Old browsers */
  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  transform: skewX(-16deg); /*efekt zkoseni hran*/
}
.tl_slider_home span{
  display: block;
  transform: skewX(16deg);
}


.obal_obr_home_kategorie{

  display: block;

  width: 180px;

  border: 1px solid #37A850;

  margin: 0px auto 30px auto;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}

.obal_obr_home_kategorie_in{

  position: relative;

  display: block;

  height: 150px;

  line-height: 150px;

  text-align: center;

  transform: skewX(16deg); /*narovnej fotku*/

}

.obal_obr_home_kategorie_in img{

  max-width: 75%;

  max-height: 140px;

}
.obal_swiper_home_kategorie a:link, .obal_swiper_home_kategorie a:visited, .obal_swiper_home_kategorie a:hover,
.kategorie_home_mobil a:link, .kategorie_home_mobil a:visited, .kategorie_home_mobil a:hover{
  text-decoration: none;
}

.nadpis_swiper_home_kategorie{

  display: block;

  text-align: center;

  text-transform: uppercase;

  font-weight: bold;

}



.obal_obr_home_top_nabidka, .obal_obr_doporucujeme, .obal_obr_podobne{

  position: relative;

  display: block;

  text-align: center;

  height: 140px;

  line-height: 140px;

}

.obal_obr_home_top_nabidka img, .obal_obr_doporucujeme img, .obal_obr_podobne img{

  max-width: 90%;

  max-height: 140px;

}

.nadpis_swiper_home_top_nabidka, .nadpis_swiper_doporucujeme, .nadpis_swiper_podobne{

  display: block;

  text-align: center;

  text-transform: uppercase;

  font-weight: bold;

  height: 44px;

  line-height: 22px;

  overflow: hidden;

  margin: 0px 0px 5px 0px;

}

.cena_swiper_home_top_nabidka, .cena_swiper_doporucujeme, .cena_swiper_podobne{

  display: block;

  text-align: center;

  text-transform: uppercase;

  font-weight: bold;

  color: #37A850;

}



.blok_vyhledavani_home{

  position: relative;

  display: block;

  clear: both;

  background-color: #FFFFFF;

  text-align: center;

  vertical-align: top;

  z-index: 5;

}

.blok_vyhledavani_home .blok_sirky_webu_uzky{

  position: relative;

}

.kategorie_home{

  display: block;

  clear: both;

  background-color: #E6E6E6;

  padding: 50px 0px 40px 0px;

}

.kategorie_home_mobil{

  display: none;

  clear: both;

  background-color: #E6E6E6;

  padding: 30px 0px 30px 0px;

}

.blok_top_nabidka{

  display: block;

  clear: both;

  background-color: #FFFFFF;

  padding: 50px 0px 50px 0px;

}

.blok_top_nabidka a:link{

  text-decoration: none;

}

.blok_text_home{

  display: block;

  clear: both;

  background-color: #E6E6E6;

  padding: 60px 0px 60px 0px;

}

.blok_text_home_in{

  display: block;

  text-align: center;

}

.blok_nabidka_home{

  display: block;

  clear: both;

  background-color: #E6E6E6;

  padding: 60px 0px 60px 0px;

  color: #FFFFFF;

  

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

}

.blok_nabidka_home a:link, .blok_nabidka_home a:visited{
  color: #FFFFFF;
  text-decoration: none;
}
.blok_nabidka_home a:hover{
  color: #FFFFFF;
  text-decoration: underline;
}

.blok_duvody_home{

  display: block;

  clear: both;

  background-color: #E6E6E6;

  padding: 60px 0px 60px 0px;

}

.h2_home{

  display: block;

  text-align: center;

  color: #00183A;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 20px 0px;

}

.blok_nabidka_home .h2_home{

  color: #FFFFFF;

}



.sloupec_nabidka_home{

  float: left;

  width: 23%;

  margin-left: 1%;

  margin-right: 1%;

}

.polozka_nabidka_home{

  display: block;

  margin-bottom: 16px;

}



.polozka_duvod_mototrade{

  float: left;

  width: 31%;

  margin: 0px 1% 14px 1%;

}

.poradi_duvodu{

  float: left;

  width: 46px;

  height: 36px;

  line-height: 36px;

  background-color: #FFFFFF;

  color: #37A850;

  text-align: center;

  font-size: 16px;

  margin-right: 10px;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}

.poradi_duvodu_in{

  transform: skewX(16deg); /*efekt zkoseni hran*/

}

.polozka_duvod_mototrade_in{

  display: table-cell;

  vertical-align: middle;

  height: 36px;

  color: #00183A;

}

.polozka_duvod_mototrade:hover .polozka_duvod_mototrade_in{

  text-decoration: underline;

}

.spacer_duvod_po_2{

  display: none;

  clear: both;

}

.spacer_duvod_po_3{

  display: block;

  clear: both;

}



.nazev_vyhledavani_home{

  float: left;

  width: 250px;

  height: 46px;

  line-height: 46px;

  text-transform: uppercase;

  font-size: 16px;

  color: #294c85;

  margin: 37px 0px 37px 0px;

}

.spacer_vyhledat_home{
  display: none;
}



.tl_vyhledat_home_obal{
  float: right;
  margin: 24px 0px 0px 0px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */
  background: #40a24b; /* Old browsers */
  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  transform: skewX(-16deg); /*efekt zkoseni hran*/ 
}

.tl_vyhledat_home{
  display: block;
  border: 0px;
  background-color: transparent;
  padding: 25px 40px 25px 40px;
  cursor: pointer;

  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 16px;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
  
  transform: skewX(16deg);
}

.tl_vyhledat_home_obal:hover{
  opacity: 0.8;
}

#home_filtr_div_load_ajax{
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.select_vyhledavani_home{

  display: inline-block;

  vertical-align: top;

  width: 190px;

  height: 44px;

  line-height: 44px;

  padding: 0px 0px 0px 20px;

  border: 1px solid #C1C1C1;

  margin: 37px 10px 37px 10px;

  text-transform: uppercase;

  font-size: 16px;

}

/*---- Home (KONEC) ----*/

/*---- Vypis podmenu (START) ----*/

.h1_obecna_stranka, .h1_kontakt{

  display: block;

  text-align: center;

  font-size: 26px;

  font-weight: bold;

  color: #294c85;

  margin: 0px;

  padding: 30px 0px 30px 0px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  text-transform: uppercase;

  background-color: #E6E6E6;

  margin-bottom: -20px; /*skrze obsah_ion ktery tam leze z stranka.php a dela odskok ktery nema*/
}
.h1_z_vyhledavani{
  margin-bottom: 0px; /*skrze obsah_ion ktery tam leze z stranka.php a dela odskok ktery nema*/
}

.h1_vypis, .h1_vypis_podmenu, .h1_vypis_oblibene{

  display: block;

  text-align: center;

  font-size: 26px;

  font-weight: bold;

  color: #294c85;

  margin: 0px 0px 20px 0px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  text-transform: uppercase;

}

.polozka_vypis_podmenu{

  float: left;

  width: 32%;

  margin: 0px 2% 20px 0px;

}

.obsah_vypis_podmenu{

  position: relative;

  display: block;

  background-color: #FFFFFF;

  padding: 30px 60px 70px 60px;

  overflow: hidden; /*skrze tlacitko zobrazit*/

}

.obsah_vypis_podmenu_in{

  display: block;

  height: 220px;

  overflow: hidden;

}

.h2_vypis_podmenu{

  display: block;

  clear: both;

  font-size: 18px;

  font-weight: bold;

  line-height: 28px;

  max-height: 84px;

  margin: 0px 0px 10px 0px;

  color: #294c85;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  text-transform: uppercase;

  overflow: hidden;

}

.h2_vypis_podmenu a{

  text-decoration: none;

}

.obal_p_vypis_podmenu{

  display: block;

  line-height: 26px;
  color: #7e7c7d;

}

.tl_vypis_podmenu{

  position: absolute;

  right: 0px;

  bottom: 0px;

  width: 140px;

  height: 48px;

  line-height: 48px;

  padding: 0px 20px 0px 40px;

  text-align: center;

  text-transform: uppercase;

  color: #FFFFFF;
  

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

}

.tl_vypis_podmenu:hover{

  opacity: 0.8;

}

.spacer_vypis_podmenu_po_2{

  display: none;

  clear: both;

}

.spacer_vypis_podmenu_po_3{

  display: block;

  clear: both;  

}

/*---- Vypis podmenu (KONEC) ----*/

/*---- Vypis (START) ----*/

.polozka_vypis_clanku{

  float: left;

  width: 32%;

  margin: 0px 2% 10px 0px;

}

.obr_vypis_clanku{
  position: relative;
  display: block;
  /*width: 20%;*/ /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  overflow: hidden;
}
.obr_vypis_clanku_in{
  display: block;
  height: 360px; /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  line-height: 360px;
  background-color: #DADADA;
  text-align: center;
  overflow: hidden;
}
.obr_vypis_clanku img{
  max-width: 100%;
  /*max-width: 140px;
  _width: expression(this.height < this.width && this.width > 140 ? 140 : true);*/
  max-height: 360px;
}
.pomer_fotek_obr_vypis_clanku{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 480px; /* to je tech 20% z ".polozka_fotogalerie_pomerove" v zakladu (= full hd) */
  height: 360px; /* to je height z ".polozka_fotogalerie_pomerove_in" v zakladu (= full hd) */
}

.obsah_vypis_clanku{

  position: relative;

  display: block;

  background-color: #FFFFFF;

  padding: 30px 60px 70px 60px;

  overflow: hidden; /*skrze tlacitko zobrazit*/

}

.obsah_vypis_clanku_in{

  display: block;

  height: 220px;

  overflow: hidden;

}

.h2_vypis{

  display: block;

  clear: both;

  font-size: 18px;

  font-weight: bold;

  line-height: 28px;

  max-height: 84px;

  margin: 0px 0px 10px 0px;

  color: #294c85;

  overflow: hidden;

}

.h2_vypis a{

  text-decoration: none;

}

.obal_p_vypis{

  display: block;
color: #7e7c7d;
  line-height: 26px;

}

.tl_vypis{

  position: absolute;

  right: 0px;

  bottom: 0px;

  width: 140px;

  height: 48px;

  line-height: 48px;

  padding: 0px 20px 0px 40px;

  text-align: center;

  text-transform: uppercase;

  color: #FFFFFF;

  

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

}

.tl_vypis:hover{

  opacity: 0.8;

}

.spacer_vypis_po_2{

  display: none;

  clear: both;

}

.spacer_vypis_po_3{

  display: block;

  clear: both;  

}

/*---- Vypis (KONEC) ----*/

/*---- Dotazy a odpovedi (START) ----*/

.obal_dotazu{

  display: block;

  clear: both;

  padding: 10px 0px 10px 0px;

  border-bottom: 2px solid #f0f0ef;

}

.nadpis_dotazu{

  display: block;

  clear: both;

  color: #37A850;

  font-size: 14px;

  margin: 0px 0px 5px 0px;

}

.obsah_dotazu{

  display: block;

  clear: both;

}

/*---- Dotazy a odpovedi (KONEC) ----*/

/*---- Kontakt (START) ----*/
.obsah_kontakt a:link, .obsah_kontakt a:visited{
  color: #37A850;
}
.obsah_kontakt a:hover{
  color: #37A850;
}

.blok_kontakt_pobocka{
  display: block;
  clear: both;
}

.blok_zalozky_kontakt{
  display: block;
  clear: both;
  text-align: center;
  vertical-align: top;
  margin-top: 30px;
}
.tl_kotva_kontakt{
  display: inline-block;
  padding: 10px 20px 10px 20px;
  text-transform: uppercase;
  font-size: 12px;
  border: 0px;
  cursor: pointer;
  margin: 5px 10px 5px 0px;
  font-weight: bold;
  background-color: #DADADA;

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  transform: skewX(-16deg); /*efekt zkoseni hran*/  
}
.tl_kotva_kontakt_in{
  display: block;
  transform: skewX(16deg);
}
.tl_kotva_kontakt:hover{
  color: #FFFFFF;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */
  background: #40a24b; /* Old browsers */
  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */
}

.blok_kontakt_pobocka_l{
  float: left;
  width: 50%;
  margin-right: 2%;
}
.blok_kontakt_pobocka_p{
  float: left;
  width: 48%;
}
.nadpis_sekce_kontakt{
  display: block;
  font-weight: bold;
  font-size: 20px;
  line-height: normal;
  margin: 0px 0px 20px 0px;
  color: #294c85;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
}

.blok_kontakt_1_3{

  float: left;

  width: 31%;

  margin-right: 1%;

  margin-bottom: 20px;

}

.blok_kontakt_2_3{

  float: left;

  width: 62%;

  margin-right: 1%;

  margin-bottom: 20px;

}

.h2_kontakt{

  display: block;

  font-weight: bold;

  color: #294c85;

  font-size: 14px;

  margin: 0px 0px 5px 0px;

  text-transform: uppercase;

}

.kontakt_predel{

  display: block;

  clear: both;

  border-bottom: 2px solid #FFFFFF;

  margin: 20px 0px 20px 0px;

}

.polozka_kontakt_nazev{

  float: left;

}

.polozka_kontakt_hodnoty{

  display: block;

  margin-left: 56px;

}

.spacer_kontakt_po_2{

  display: none;

  clear: both;

}

.spacer_kontakt_po_3{

  display: block;

  clear: both;

}

.info_o_otevrenosti_prodejny{

  background: #294c85;

  color: #ffffff;

  font-weight: bold;

  display: block;

  padding: 10px;

  text-align: center;
  font-size: 14px;

}



.info_o_otevrenosti_prodejny_2{

  background: #49a840;

  color: #ffffff;

  font-weight: bold;

  display: block;

  padding: 10px;

  text-align: center;

}



.info_o_otevrenosti_prodejny_3{

  background: #ff0000;

  color: #ffffff;

  font-weight: bold;

  display: block;

  padding: 10px;

  text-align: center;

}

.obal_slider_kontakt, .obal_mapa_kontakt{

  position: relative;

  display: block;

  clear: both;

  text-align: center;

  margin-bottom: 20px;

}

.obal_mapa_kontakt iframe{

  max-width: 100%;

}

/*---- Kontakt (KONEC) ----*/

/*---- Vypis motorek filtrace (START) ----*/

.filtr_motorek_h{

  display: block;

  clear: both;

  text-align: center;

  vertical-align: top;
  margin-bottom: 20px;
  border-bottom: 1px solid #DADADA;
}

.filtr_motorek_s{
  position: relative;
  display: block;

  clear: both;  

}
.filtr_se_nacita{
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #294c85;
  opacity: 0.8;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/_redesign_2018/loader_filtr.gif");
}
#home_filtr_div_load_ajax .filtr_se_nacita{
  background-size: auto 80%;
}

.filtr_motorek_s_in1{

  display: block;

  clear: both;

  padding-bottom: 20px;

}

.filtr_motorek_s_in2{

  display: block;

  clear: both;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 1px solid #CDCDCD;

}

.filtr_motorek_s_in2_in{

  float: left;

  width: 100%; /*49%*/

  /*margin-right: 2%;*/

}

.filtr_motorek_d{

  display: block;

  clear: both;

  text-align: center;

  vertical-align: top;

}

.h2_nadpis_filtr{

  display: block;

  color: #294c85;

  font-weight: bold;

  font-size: 16px;

  margin: 0px 0px 10px 0px;

}



.obal_filtr_fulltext_in{

  position: relative;

  display: inline-block;

  width: 960px;

  background-color: #FFFFFF;

  border: 1px solid #01193B;
  margin-bottom: 20px;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}

.obal_filtr_fulltext_in_dorovnat{

  transform: skewX(16deg);

}

.input_hledej_filtr_fulltext{

  display: block;

  padding: 10px 10px 10px 10px;

  margin-right: 6%;

  margin-left: 2%; /*skrze zkoseni obalu*/

  border: 0px;

  height: 64px;

  line-height: 64px;

  width: 92%;

  font-style: italic;

  background-color: #FFFFFF;

  color: #01193B;
  
  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}
.tl_hledej_filtr_fulltext{
  position: absolute;
  right: 10px;
  top: 0px;
  width: 42px;
  height: 100%;
  cursor: pointer;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/_redesign_2018/search-ic_green.png");
}
.tl_hledej_filtr_fulltext:hover{
  opacity: 0.8;
}



.obal_tl_zobrazit_filtr{

  display: block;

  text-align: center;

  vertical-align: top;

  padding: 0px 0px 20px 0px;

  margin-bottom: 20px;

  border-bottom: 1px solid #CDCDCD;

}

.tl_zobrazit_filtr{

  vertical-align: top;

  padding: 5px 0px 5px 30px;

  cursor: pointer;

  color: #294c85;

  

  background-position: left center;

  background-repeat: no-repeat; 

}

.tl_zobrazit_filtr_on{

  display: inline-block;

  background-image: url("../img/_redesign_2018/plus-ic.png");

}

.tl_zobrazit_filtr_off{

  display: none; /* inline-block */

  background-image: url("../img/_redesign_2018/minus-ic.png");

}

.tl_zobrazit_filtr:hover{

  text-decoration: underline;

}

.form_blok_filtr{

  float: left;

  width: 19%;

  margin: 0px 1% 10px 0px;

}

.form_blok_filtr_check{

  float: left;

  width: 24%; /*49%*/

  margin: 0px 1% 10px 0px;  

}

.select_filtrace{

  float: left;

  width: 100%;

  height: 42px;

  line-height: 42px;

  padding: 0px 0px 0px 2%;  /*pravy padding nelze pouzit skrze IE, protoze odsadi to sipku dolu*/

  background-color: #FFFFFF;

  border: 1px solid #CDCDCD;

  text-transform: uppercase;

  font-weight: bold;

  color: #294c85;



  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.input_filtrace{

  float: left;

  width: 100%;

  *width: 96%;

  height: 42px;

  *height: 32px;

  line-height: 42px;

  *line-height: 32px;

  padding: 5px 10px 5px 10px;

  *padding-left: 2%;

  *padding-right: 2%;

  background-color: #FFFFFF;

  border: 1px solid #CDCDCD;

  text-transform: uppercase;

  font-weight: bold;

  color: #294c85;

  

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.check_filtrace{

  float: left;

  margin: 2px 0px 0px 0px;

  cursor: pointer;

}

.popisek_check_filtrace{

  display: block;

  margin-left: 20px;

  cursor: pointer;

}

.tl_smazat_filtr{

  display: inline-block;

  padding: 10px 20px 10px 20px;

  background-color: #DADADA;

  color: #294c85;

  text-transform: uppercase;

  font-size: 16px;

  border: 0px;

  cursor: pointer;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 10px 0px 10px;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/  

}

.tl_smazat_filtr_in{

  display: block;

  transform: skewX(16deg);

}

.tl_smazat_filtr:hover{

  opacity: 0.8;

}



.tl_submit_filtr{

  display: inline-block;

  margin: 0px 10px 0px 10px;

  

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/ 

}

.tl_submit_filtr_in{

  display: block;

  border: 0px;

  background-color: transparent;

  padding: 10px 20px 10px 20px;

  cursor: pointer;

  

  color: #FFFFFF;

  text-transform: uppercase;

  font-size: 16px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  

  transform: skewX(16deg);

}

.tl_submit_filtr:hover{

  opacity: 0.8;

}

/*---- Vypis motorek filtrace (KONEC) ----*/

/*---- Vypis motorek (START) ----*/

.obal_filtr_motorek_fulltext{

  display: block;

  clear: both;

  background-color: #FFFFFF;

  padding: 40px 0px 40px 0px;

  margin-bottom: 20px;

}

.obal_filtr_motorek{

  display: block;

  clear: both;

  background-color: #FFFFFF;

  padding: 40px 0px 40px 0px;

}

.obal_vypis_motorek{

  display: block;

  padding: 20px 0px 20px 0px;

}

.blok_text_pod_filtraci{
  display: block;
  margin: 20px 0px 30px 0px;
  text-align: center;
  vertical-align: top;
}
.blok_text_pod_filtraci_1{
  display: block;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #294c85;
  font-size: 22px;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
  margin: 0px 0px 10px 0px;
}
.blok_text_pod_filtraci_pocet{
  display: block;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #294c85;
  font-size: 18px;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
  margin: 0px 0px 10px 0px;
}
.blok_text_pod_filtraci_2{
  display: block;
  text-align: center;
  color: #294c85;
  font-size: 16px;
  margin: 0px 0px 0px 0px;
}

.polozka_vypis_motorek{

  position: relative;

  display: block;

  background-color: #FFFFFF;

  padding: 0px 60px 0px 60px;

  margin: 0px 0px 20px 0px;

  overflow: hidden;

}
.spacer_vypis_motorek_po_2{
  display: none;
}

.vypis_motorek_nova{

  /*background-color: #DADADA;*/

}

.obal_obr_vypis_motorek{

  float: left;

  width: 300px;

  height: 225px;

  line-height: 225px;

  text-align: center;

  margin: 40px 0px 40px 0px;

  overflow: hidden;

}

.obal_obr_vypis_motorek img{

  max-width: 100%;

}

.blok_vedle_obr_vypis_motorek{

  display: block;

  margin-left: 330px; /*300 je obrazek motorky*/

}

.resp_blok_nazev_vypis_motorek{

  display: none;

}

.blok_vypis_motorek_stred{

  display: block;

  min-height: 225px;

  padding: 40px 0px 40px 0px;

}

.blok_vypis_motorek_prava{

  float: right;

  min-height: 205px;

  padding: 40px 0px 60px 40px;

  width: 200px;

  border-left: 2px solid #DADADA;

  margin-left: 40px;

}
.blok_vypis_motorek_prava a:link, .blok_vypis_motorek_prava a:visited, .blok_vypis_motorek_prava a:hover{
  text-decoration: none;
}

.h2_vypis_motorek{

  display: block;

  font-weight: bold;

  text-transform: uppercase;

  color: #294c85;

  font-size: 18px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

}
.h2_vypis_motorek a:link, .h2_vypis_motorek a:visited, .h2_vypis_motorek a:hover{
  text-decoration: none;
}

.obal_stavu_vypis_motorek{

  display: block;

  margin-bottom: 14px;

  min-height: 30px;

  overflow: hidden;

}

.obal_stavu_detail_motorek{

  display: block;

  margin-bottom: 14px;

  min-height: 30px;

  overflow: hidden;

}

.polozka_stav, .polozka_stav_detail{

  float: left;

  height: 20px;

  line-height: 20px;

  padding: 4px 8px 4px 8px;

  margin: 0px 5px 0px 5px;

  text-transform: uppercase;

  font-size: 14px;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}

.polozka_stav_in, .polozka_stav_detail_in{

  display: block;

  transform: skewX(16deg); /*efekt zkoseni hran*/

}

.stav_objednavka{

  border: 1px solid #7B4C38;
  color: #7B4C38;
}
.stav_objednavka:hover{
   color: #FFFFFF;
  background-color: #7B4C38; 
}

.stav_novinka{

  border: 1px solid #1898D9;
  color: #1898D9;
}
.stav_novinka:hover{
  color: #FFFFFF;
  background-color: #1898D9;
}

.stav_akce{

  border: 1px solid #FE0000;
  color: #FE0000;
}
.stav_akce:hover{
  color: #FFFFFF;
  background-color: #FE0000;  
}

.stav_kW{

  border: 1px solid #00A553;
  color: #00A553;
}
.stav_kW:hover{
  color: #FFFFFF;
  background-color: #00A553;  
}

.obal_parametry_vypis_motorek_stred{

  float: left;

  width: 380px;

}

.obal_text_vypis_motorek_stred{

  display: block;

  margin-left: 400px;

  line-height: 20px;

  max-height: 160px;

  overflow: hidden;
  color: #7e7c7d;

}

.polozka_parametry_vypis_motorek{

  display: block;
  color: #294c85;
  margin-bottom: 2px;

}

.parametry_vypis_motorek_nazev{

  float: left;

  width: 180px;

}

.parametry_vypis_motorek_data{

  display: block;

  margin-left: 210px;

  font-weight: bold;

}



.blok_ceny_vypis_motorek{

  display: block;

  min-height: 100px;

}

.cena_vypis_motorek_puvodni{

  display: block;

  color: #294c85;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

  text-align: right;

  text-decoration: line-through;

}

.cena_vypis_motorek_nova{

  display: block;

  color: #37A850;

  font-weight: bold;

  font-size: 22px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

  text-align: right;

}

.cena_vypis_motorek{

  display: block;

  color: #37A850;

  font-weight: bold;

  font-size: 22px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

  text-align: right;

}

.cena_vypis_motorek_mesic{

  display: block;

  color: #37A850;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

  text-align: right;

}

.tl_oblibene_vypis, .tl_oblibene_oblibene{

  display: block;

  margin: 5px 0px 5px 0px;

  padding: 5px 10px 5px 50px;

  height: 24px;

  line-height: 24px;

  text-transform: uppercase;

  color: #294c85;

  font-weight: bold;

  background-color: #DADADA;
  font-size: 14px;

  

  background-position: 10px center;

  background-repeat: no-repeat;

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}
.tl_oblibene_vypis.obr_oblibene{
  font-size: 11px;
}
.tl_oblibene_vypis:hover{
  background-color: #BBBBBB;
  text-decoration: none;
}

.vypis_do_oblibene{

  background-image: url("../img/_redesign_2018/do-oblibenych-ic.png");

}

.vypis_oblibene{

  background-image: url("../img/_redesign_2018/oblibene-ic_detail.png");

}

.obr_oblibene{

  background-image: url("../img/_redesign_2018/z-oblibenych-ic.png");

}



.tl_oblibene_vypis span{

  display: block;
  font-size: 14px;
  transform: skewX(16deg);
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;

}



.tl_zobrazit_vypis{

  position: absolute;

  right: 0px;

  bottom: 0px;

  height: 50px;

  line-height: 50px;

  width: 150px;
  padding: 0px 20px 0px 40px;

  text-align: center;

  color: #FFFFFF;

  font-weight: bold;

  text-transform: uppercase;
  

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

}

.tl_zobrazit_vypis:hover{

  opacity: 0.8;

}


.vypis_nenasly_tak_napiste{

  display: block;

  clear: both;

  margin: 20px 0px 20px 0px;

  text-align: center;

}

.vypis_nenalezeno_prohledni_komplet{

  display: block;

  clear: both;

  margin: 20px 0px 20px 0px;

  text-align: center;  

}

/*---- Vypis motorek (KONEC) ----*/

/*---- Clanek/detail (START) ----*/

.obrazek_ve_strance{

  display: block;

  text-align: center;

  margin: 0px 0px 40px 0px;

}

.obal_uvodni_text{

  display: block;

  margin: 0px 0px 40px 0px;

}

.obal_titulni_foto{

  display: block;

  text-align: center;

  margin: 0px 0px 40px 0px;

}

.obal_titulni_foto img, .obrazek_ve_strance img{

  max-width: 100%;

}

.obal_cely_text{

  display: block;

  margin: 0px 0px 40px 0px;

}



.obal_soubory_ke_stazeni{

  display: block;

  clear: both;

  margin-bottom: 30px;

}

.polozka_soubor_ke_stazeni{

  float: left;

  width: 49%;

  margin-right: 2%;

  margin-bottom: 10px;

}

.polozka_soubor_ikona{

  float: left;

  height: 42px;

  width: 42px;

  border: 1px solid #49a840;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/ 

}

.polozka_soubor_ikona_in{

  display: block;

  height: 100%;

  transform: skewX(16deg); /*dorovnej*/ 

  

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url("../img/_redesign_2018/download-ic.png");

}

.polozka_soubor_text{

  display: block;

  margin-left: 55px;

  padding: 5px 20px 5px 20px;

  background-color: #DADADA;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/ 

}

.polozka_soubor_text_in{

  display: block;

  font-size: 14px;

  height: 32px;

  line-height: 32px;

  font-weight: bold;

  text-transform: uppercase;

  color: #294c85;

  

  overflow: hidden;

  white-space:nowrap;

  text-overflow:ellipsis;



  transform: skewX(16deg);

}

.obal_video{

  display: block;

  clear: both;

  margin-bottom: 40px;

  text-align: center;

}

.obal_video iframe{

  max-width: 100%;

}
.obal_video object{
  width:100%;
  max-height:100%;
}


.obal_marving{

  display: block;

  text-align: center;

  margin-bottom: 40px;

}

.obal_marving img{

  max-width: 100%;

}



.obal_fotogalerie, .obal_fotogalerie_motorka{

  display: block;

  clear: both;

  margin-bottom: 40px;

}



.obal_swiper_galerie, .obal_swiper_galerie_motorka{

  position: relative;

  display: block;

}

.polozka_fotogalerie{
  position: relative;
  display: block;
  margin: 0px 5px 0px 5px;
  /*width: 20%;*/ /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  overflow: hidden;
}
.polozka_fotogalerie_in{
  display: block;
  height: 255px; /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  line-height: 255px;
  background-color: #DADADA;
  text-align: center;
  overflow: hidden;
}
.polozka_fotogalerie img{
  max-width: 100%;
  /*max-width: 140px;
  _width: expression(this.height < this.width && this.width > 140 ? 140 : true);*/
  max-height: 255px;
}
.pomer_fotek_v_galerii{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 340px; /* to je tech 20% z ".polozka_fotogalerie_pomerove" v zakladu (= full hd) */
  height: 255px; /* to je height z ".polozka_fotogalerie_pomerove_in" v zakladu (= full hd) */
}


.polozka_fotogalerie_motorka{
  position: relative;
  display: block;
  margin: 0px 5px 0px 5px;
  /*width: 20%;*/ /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  overflow: hidden;
}
.polozka_fotogalerie_motorka_in{
  display: block;
  height: 106px; /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  line-height: 106px;
  background-color: #DADADA;
  text-align: center;
  overflow: hidden;
}
.polozka_fotogalerie_motorka img{
  max-width: 100%;
  /*max-width: 140px;
  _width: expression(this.height < this.width && this.width > 140 ? 140 : true);*/
  max-height: 106px;
}
.pomer_fotek_v_galerii_motorka{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 145px; /* to je tech 20% z ".polozka_fotogalerie_pomerove" v zakladu (= full hd) */
  height: 106px; /* to je height z ".polozka_fotogalerie_pomerove_in" v zakladu (= full hd) */
}




.h2_nadpis_virtualni_prohlidky, .h2_nadpis_galerie{

  display: block;

  margin: 0px 0px 20px 0px;

}

.obal_virtualni_prohlidky{

  display: block;

  clear: both;

  margin-bottom: 40px;

  text-align: center;

}



/*---- Clanek/detail (KONEC) ----*/

/*---- Clanek/detail motorky (START) ----*/

.h1_detail_motorka{

  display: block;

  text-align: center;

  font-size: 26px;

  font-weight: bold;

  color: #294c85;

  margin: 0px;

  padding: 30px 0px 30px 0px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  text-transform: uppercase;

  background-color: #E6E6E6;

}

.obsah_detail_leva{

  float: left;

  width: 48%;

  margin-right: 2%;

  margin-bottom: 40px;

}

.obsah_detail_prava{

  position: relative;

  float: left;

  width: 50%;

  margin-bottom: 40px;

}

.tl_tisk{

  position: absolute;

  right: -26px;

  top: 50px;

  width: 26px;

  height: 25px;

  cursor: pointer;

  

  background-position: left top;

  background-repeat: no-repeat;

  background-image: url("../img/_redesign_2018/print-ic_OFF.png");

}

.tl_tisk:hover{

  background-image: url("../img/_redesign_2018/print-ic_ON.png");

}



.obal_parametry_detail_motorek{

  display: block;

  margin-bottom: 20px;

}

.polozka_parametry_detail_motorek{

  display: block;

  margin-bottom: 6px;

}

.parametry_detail_motorek_nazev{

  float: left;

  width: 180px;

}

.parametry_detail_motorek_data{

  display: block;

  margin-left: 210px;

  font-weight: bold;

}



.blok_ceny_detail_motorek{

  display: block;

  margin-bottom: 20px;

}

.cena_detail_motorek_puvodni{

  display: block;

  color: #294c85;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

  text-decoration: line-through;

}

.cena_detail_motorek_nova{

  display: block;

  color: #37A850;

  font-weight: bold;

  font-size: 22px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

}

.cena_detail_motorek{

  display: block;

  color: #37A850;

  font-weight: bold;

  font-size: 22px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

}

.cena_detail_motorek_mesic{

  display: block;

  color: #37A850;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

}
.info_mesicni_splatka{
  display: block;
  margin: 0px 0px 10px 0px;
  cursor: pointer;
}
.info_mesicni_splatka_in{
  color: #37A850;
}



.obal_obr_detail_motorky{

  display: block;

  margin: 0px 0px 20px 0px;

}

.obal_obr_detail_motorky img{

  max-width: 100%;

  max-height: 560px;

}



.blok_tlacitka_detail_motorky{

  display: block;

  margin: 0px 0px 20px 0px;  

}

.detail_na_pobocce{

  position: relative;

  display: block;

  margin-bottom: 20px;

}

.detail_na_pobocce_in{

  color: #FF0000;

  font-weight: bold;

}

.detail_na_pobocce_popis{

  display: none;

  position: absolute;

  left: 80px;

  top: 10px;

  padding: 30px 30px 30px 30px;

  background-color: #FFFFFF;

  z-index: 20;

  color: #000000;

  font-weight: normal;

  

  box-shadow: #000000 2px 2px 4px;

  -webkit-box-shadow: #000000 2px 2px 4px;

  -moz-box-shadow: #000000 2px 2px 4px;

}

/*.detail_na_pobocce:hover .detail_na_pobocce_popis{

  display: block;

}*/



.tl_oblibene_detail{

  float: left;

  margin: 5px 10px 5px 0px;

  padding: 5px 10px 5px 50px;

  height: 24px;

  line-height: 24px;

  text-transform: uppercase;

  color: #294c85;

  font-weight: bold;

  background-color: #DADADA;

  

  background-position: 10px center;

  background-repeat: no-repeat;

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/

}
.tl_oblibene_detail:hover{
  background-color: #BBBBBB;
}

.detail_do_oblibene{

  background-image: url("../img/_redesign_2018/do-oblibenych-ic.png");

}

.detail_odebrat_oblibene{

  background-image: url("../img/_redesign_2018/z-oblibenych-ic.png");

}

.detail_oblibene{

  background-image: url("../img/_redesign_2018/oblibene-ic_detail.png");

}

.detail_protiucet{

  background-image: url("../img/_redesign_2018/protiucet-ic.png");

}



.tl_oblibene_detail span{

  display: block;
  font-size: 14px;
  transform: skewX(16deg);

}



.tl_zelene_detail{

  display: inline-block;

  padding: 10px 20px 10px 20px;

  color: #FFFFFF;

  text-transform: uppercase;

  font-size: 16px;

  border: 0px;

  cursor: pointer;

  margin: 5px 10px 5px 0px;

  font-weight: bold;

  

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/  

}

.tl_zelene_detail_in{

  display: block;

  transform: skewX(16deg);

}

.tl_zelene_detail:hover{

  opacity: 0.8;

}



.blok_splatky_financovani_detail_motorky{

  display: block;

  margin: 0px 0px 20px 0px;  

}

.blok_financovani_detail_motorky{

  display: block;

  margin-bottom: 20px;

}

.blok_financovani_detail_motorky_obr{

  float: left;

}

.blok_financovani_detail_motorky_text{

  display: block;

  margin-left: 170px;

  min-height: 46px;

}



.blok_text_detail_motorky{

  display: block;

  clear: both;

  margin-bottom: 40px;

}

.h2_detail_motorky{

  display: block;

  text-align: center;

  font-size: 20px;

  font-weight: bold;

  color: #294c85;

  margin: 0px 0px 20px 0px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  text-transform: uppercase;

}



.obal_vindetect{
  position: relative;
  display: block;

  clear: both;

  background-color: #01193B;

  
  margin-bottom: 40px;

  color: #FFFFFF;

  text-align: center;
  overflow: hidden;

}
.obal_vindetect .blok_sirky_webu_uzky{
  position: relative;
  min-height: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.obal_vindetect_obr_l{ /*leva*/
  position: absolute;
  left: 4%;
  bottom: -50px;
  width: 194px;
  height: 174px;
  
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("../img/_redesign_2018/vindetect_logo.png");
}
.obal_vindetect_obr_p{ /*prava*/
  position: absolute;
  right: 4%;
  top: -50px;
  width: 194px;
  height: 174px;

  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("../img/_redesign_2018/vindetect_logo.png");
}

.h2_vindetect{

  display: block;

  clear: both;

  text-align: center;

  margin: 0px 0px 20px 0px;

}



.obal_soc_site_detail{

  display: block;

  clear: both;

  margin-bottom: 40px;

  text-align: center;

  vertical-align: top;

}

.nadpis_soc_site_detail{

  display: block;

  clear: both;

  margin: 0px 0px 20px 0px;

  text-align: center;

}

.polozka_social_sit_detail{

  display: inline-block;

  vertical-align: top;

  margin: 0px 10px 0px 10px;

}



.doporucujeme_dokoupit_detail, .podobne_motorky_detail, .obal_souvisejici_stranky{

  display: block;

  clear: both;

  padding: 40px 0px 40px 0px;

  margin: 0px 0px 20px 0px;

  background-color: #FFFFFF;

}

.obal_souvisejici_stranky{

  text-align: center;

  vertical-align: top;

}

.h3_souvisejici{

  display: inline-block;

  vertical-align: top;

  height: 20px;

  line-height: 20px;

  margin: 0px 0px 0px 0px;

}

.predel_souvisejici{

  display: inline-block;

  vertical-align: top;

  height: 20px;

  line-height: 20px;

  margin: 0px 10px 0px 10px;  

  border-right: 1px solid #DADADA;

}

/*---- Clanek/detail motorky (KONEC) ----*/

/*---- Oblibene (START) ----*/

.obal_vypis_oblibene{

  display: block;

  clear: both;

  overflow: auto; /*scroll*/

  white-space: nowrap;

}

.obal_vypis_oblibene_in{

  display: block;

  text-align: left;

  vertical-align: top;

  overflow-x: visible;

}

.polozka_vypis_oblibene{

  display: inline-block;

  vertical-align: top;

  width: 360px;

  margin: 0px 20px 20px 0px;

  background-color: #FFFFFF;

}

.polozka_vypis_oblibene_h{

  display: block;

  padding: 60px 60px 20px 60px;

  border-bottom: 1px solid #DADADA;

}

.polozka_vypis_oblibene_s{

  display: block;
  height: 330px;
  padding: 20px 60px 20px 60px;

  border-bottom: 1px solid #DADADA;

}

.polozka_vypis_oblibene_d{

  display: block;

  padding: 20px 60px 60px 60px;

}

.obal_obr_oblibene{

  display: block;

  height: 180px;

  line-height: 180px;

  margin: 0px 0px 20px 0px;

}
.obal_obr_oblibene img{
  max-height: 180px;
}

.h2_nazev_oblibene{

  display: block;

  overflow: hidden;

  font-size: 18px;

  line-height: 24px;

  height: 72px;

  font-weight: bold;

  color: #294c85;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  text-transform: uppercase;
  white-space: normal;

}

.polozka_oblibene_nazev{

  display: block;

  clear: both;

  font-size: 16px;

  line-height: 20px;

  margin-bottom: 5px;

}

.polozka_oblibene_hodnota{

  display: block;

  clear: both;

  font-size: 16px;

  line-height: 20px;

  margin-bottom: 10px;

  font-weight: bold;

}

.blok_ceny_oblibene{
  display: block;
  min-height: 100px;
}
.cena_oblibene_puvodni{
  display: block;
  color: #294c85;
  font-weight: bold;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
  margin: 0px 0px 10px 0px;
  text-align: right;
  text-decoration: line-through;
}

.cena_oblibene_nova, .cena_oblibene{
  display: block;
  color: #37A850;
  font-weight: bold;
  font-size: 22px;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
  margin: 0px 0px 10px 0px;
}

.cena_oblibene_mesic{

  display: block;

  color: #37A850;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  margin: 0px 0px 10px 0px;

}



.tl_oblibene{

  display: block;

  padding: 10px 20px 10px 20px;

  color: #FFFFFF;

  text-transform: uppercase;

  font-size: 16px;

  border: 0px;

  cursor: pointer;

  margin: 5px 10px 5px 0px;

  font-weight: bold;

  text-align: center;

  

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/  

}

.tl_oblibene_in{

  display: block;

  transform: skewX(16deg);

}

.tl_oblibene:hover{

  opacity: 0.8;

}

/*---- Oblibene (KONEC) ----*/

/*---- Strankovani (START) ----*/

.obal_strankovani{

  display: block;

  background-color: #FFFFFF;

  padding: 20px 20px 20px 20px;

  margin: 0px 0px 20px 0px;
  text-align: right; /*center*/
  vertical-align: top;

}

.obal_strankovani a{
  text-decoration: none;
}

.text_nad_strankovani{
  display: block;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #294c85;
  font-size: 18px;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
  margin: 0px 0px 10px 0px;
}
.pocet_prodej, .pocet_prodej_filtrace{
  color: #49a840;
}

.sipka_strankovani{
  display: inline-block;
  padding: 10px 20px 10px 20px;
  background-color: #DADADA;
  color: #294c85;
  text-transform: uppercase;
  font-size: 16px;
  border: 0px;
  cursor: pointer;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
  margin: 0px 10px 0px 10px;
  
  background-repeat: no-repeat;

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  transform: skewX(-16deg); /*efekt zkoseni hran*/  
}

.sipka_strankovani_in{
  display: block;
  transform: skewX(16deg);
}

.tl_smazat_filtr:hover{
  opacity: 0.8;
}

.strankovani_l{
  padding-left: 40px;
  background-position: 20px center;
  background-image: url("../img/_redesign_2018/sipka-ic-l.png");
}

.strankovani_l:hover{
  background-image: url("../img/_redesign_2018/sipka-ic_green-l.png");
}

.strankovani_p{
  padding-right: 40px;
  background-position: right 20px center;
  background-image: url("../img/_redesign_2018/sipka-ic-p.png");
}

.strankovani_p:hover{
  background-image: url("../img/_redesign_2018/sipka-ic_green-p.png");
}



.obal_swiper_strankovani{

  float: left;

  width: 260px; /*pak se vleze i 6 trojcifernych cisel*/

  text-align: center;

  vertical-align: top;

  /*overflow: hidden;*/

}



.polozka_strankovani{

  display: inline-block;

  vertical-align: top;

  min-width: 14px;

  height: 30px;

  line-height: 30px;

  margin: 0px 4px 0px 4px;

  text-align: center;

  color: #294c85;

}

.polozka_strankovani:hover, .aktivni_stranka{

  color: #37A850;

  text-decoration: underline;

}

.sipka_leva_swiper_strankovani{

  position: absolute;

  left: 0px;

  top: 0px;

  height: 30px;

  width: 30px;

  cursor: pointer;

  z-index: 10;

  

  background-color: #FFFFFF;

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url("../img/_redesign_2018/dvojita-sipka-ic-l.png");

}

.sipka_leva_swiper_strankovani:hover{

  background-image: url("../img/_redesign_2018/dvojita-sipka-ic_green-l.png");

}

.sipka_prava_swiper_strankovani{

  position: absolute;

  right: 0px;

  top: 0px;

  height: 30px;

  width: 30px;

  cursor: pointer;

  z-index: 10;

  

  background-color: #FFFFFF;

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url("../img/_redesign_2018/dvojita-sipka-ic-p.png");

}

.sipka_prava_swiper_strankovani:hover{

  background-image: url("../img/_redesign_2018/dvojita-sipka-ic_green-p.png");

}

/*---- Strankovani (KONEC) ----*/

/*--- Popup okno (START) ---*/

/* Nemazat je zde i trida "box_validace_form" ktera spolu s ostatnimi dela poup okno s chybovymi hlaskami u validace formulare - je v JS,CSS i HTML */

.popisek_nad_formularem{
  display: block;
  clear: both;
  text-align: center;
  margin: 20px 0px 20px 0px;
}

.tl_zobraz_popup_okno{

  display: block;

  clear: both;

  height: 30px;

  background-color: red;

  cursor: pointer;

  text-align: center;

}

.box_obal {

  background-color: #000;

  bottom: 0;

  cursor: pointer;

  display: none;

  left: 0;

  opacity: 0.9;

  position: fixed;

  right: 0;

  top: 0;

  z-index: 998;

}

.box_obsah {

  display: none;

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  top: 0;

  margin: auto;

  overflow: auto;

  

  z-index: 999;

}

.box_obecny{

  background-color: #fff;

  height: 1px;  /*230px*/

  padding: 20px 50px 20px 20px;

  width: 1px; /*340px*/

}

.box_splatka_detail{
  background-color: #fff;

  height: 1px; /*300px*/

  padding: 20px 50px 20px 20px;

  width: 400px; /*400px*/

  /*overflow-y: auto;*/
}

.box_validace_form{

  background-color: #fff;

  height: 1px; /*300px*/

  padding: 20px 50px 20px 20px;

  width: 400px; /*400px*/

  /*overflow-y: auto;*/

}

.box_validace_form .polozka_chybova_hlaska{

  display: block;

  color: #FF0000;

}

.skryte_tl_popup_validace{

  display: none;

}

.box_close{

  position: absolute;

  right: 20px;

  top: 20px;

  width: 23px;

  height: 21px;

  cursor: pointer;

  

  background-repeat: no-repeat;

  background-position: center center;

  background-image: url("../../img/_redesign_2018/close-ic.png");

}



/*--- Popup okno (KONEC) ---*/

/*---- Formular default (START) ----*/

.h2_formular{

  display: block;

  clear: both;

  text-align: center;

  margin: 0px 0px 20px 0px;

  color: #294c85;

  font-size: 16px;

  font-weight: bold;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

}

.obal_odeslaneho_formulare{ /* bud nechat jak je ci misto tohoto divu dat div jakym je obaleny formular */

  display: block;

}

.obal_dotaznik_def, .obal_dotaznik_protiucet, .obal_dotaznik_rezervace, .obal_dotaznik_motorka{

  display: block;

  padding: 20px 20px 20px 20px;

  margin: 20px 0px 20px 0px;

  background-color: #FFFFFF;

}
.obal_dotaznik_protiucet, .obal_dotaznik_rezervace, .obal_dotaznik_motorka{
  display: none;
  margin-bottom: 40px;
}

.obal_tlacitka_formulare{

  display: block;

  text-align: center;

  margin-top: 10px;

}



.form_tl_def{

  display: inline-block;

  margin: 0px 10px 0px 10px;

  

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a24b+0,0b6728+100 */

  background: #40a24b; /* Old browsers */

  background: -moz-linear-gradient(left, #40a24b 0%, #0b6728 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #40a24b 0%,#0b6728 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #40a24b 0%,#0b6728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a24b', endColorstr='#0b6728',GradientType=1 ); /* IE6-9 */

  

  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */

  -moz-transition: all 250ms linear;

  -o-transition: all 250ms linear;

  transition: all 250ms linear;

  transform: skewX(-16deg); /*efekt zkoseni hran*/ 

}

.form_tl_def_in{

  display: block;

  border: 0px;

  background-color: transparent;

  padding: 10px 20px 10px 20px;

  cursor: pointer;

  

  color: #FFFFFF;

  text-transform: uppercase;

  font-size: 16px;

  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;

  

  transform: skewX(16deg);

}

.form_tl_def:hover{

  opacity: 0.8;

}



.form_blok{

  position: relative;

  float: left;

  width: 49%; 

  margin: 0px 2% 10px 0px;

}

.form_area_blok{

  position: relative;

  float: left;

  width: 100%; 

}

.form_popisek{

  position: relative;

  display: none;

  margin-bottom: 5px;

  color: #294c85;

}

.form_input_def{

  float: left;

  width: 100%;

  *width: 96%;

  height: 42px;

  *height: 22px;

  line-height: 42px;

  *line-height: 22px;

  padding: 10px 20px 10px 20px;

  *padding-left: 2%;

  *padding-right: 2%;

  background-color: #FFFFFF;

  border: 1px solid #CDCDCD;  /* jen proto aby byl border vzdy skrze cerveny border kdyz je chyba */

  color: #294c85;

  

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.datepicker{

  padding-left: 34px;

  

  background-repeat: no-repeat;

  background-position: 8px center;

  background-image: url("../../img/ic-calendar.png");

}

.form_select_def{

  float: left;

  width: 100%;

  height: 42px;

  line-height: 42px;

  padding: 0px 0px 0px 20px;  /*pravy padding nelze pouzit skrze IE, protoze odsadi to sipku dolu*/

  background-color: #FFFFFF;

  border: 1px solid #CDCDCD;  /* jen proto aby byl border vzdy skrze cerveny border kdyz je chyba */

  color: #294c85;



  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.obal_check_form{

  float: left;

  width: 49%; 

  margin: 0px 2% 10px 0px;

}

.obal_souhlas_form{

  display: block;

  margin: 0px 0px 10px 0px;

}

.form_check_def{

  float: left;

  margin: 5px 0px 0px 0px;

  cursor: pointer;

}

.form_popisek_check_radio{ /*nazev je pouzit v ovladacim JS na validaci*/

  display: block;

  margin-left: 20px;

  cursor: pointer;

}

.form_area_def{

  float: left;

  width: 100%;

  max-width: 100%;

  min-width: 100%;

  *width: 98%;

  *max-width: 98%;

  *min-width: 98%;

  height: 108px;

  max-height: 108px;

  min-height: 108px;

  padding: 20px 20px 20px 20px;

  *padding-left: 1%;

  *padding-right: 1%;

  margin-bottom: 10px;

  background-color: #FFFFFF;

  border: 1px solid #CDCDCD;  /* jen proto aby byl border vzdy skrze cerveny border kdyz je chyba */

  color: #294c85;



  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.formular_chybova_hlaska_popup{

  position: absolute;

  left: 0px;

  bottom: 28px;

  width: 100%;

  min-height: 32px;

  background-color: #ee0031;

  color: #FFFFFF;

  padding: 5px 40px 5px 10px;

  

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  

  box-shadow: #ee0031 0px 0px 10px;

  -webkit-box-shadow: #ee0031 0px 0px 10px;

  -moz-box-shadow: #ee0031 0px 0px 10px;

}

.form_area_blok .formular_chybova_hlaska_popup{

  bottom: 138px;

}

.skryj_chybu_formulare{

  position: absolute;

  right: 10px;

  top: 5px;

  width: 23px;

  height: 21px;

  cursor: pointer;

  

  background-repeat: no-repeat;

  background-position: right top;

  background-image: url("../../img/form_chyba_close.png");

}

.tl_form_zpet_def{

  clear: both;

  margin: 25px auto 25px auto;

  padding: 10px 10px 10px 10px;

  background-color: #EE0031;

  color: #FFFFFF;

  cursor: pointer;

  width: 160px;

  text-align: center;

}

.tl_form_zpet_def:hover{

  background-color: #B40031;

}

.text3{

  display: block;

  clear: both;

  margin-top: 25px;

  margin-bottom: 25px;

  font-size: 16px;

  text-align: center;

  font-weight: bold;

}

.info_formular{

  display: none;

  text-align: center;

  margin-top: 10px;

}



.formular_chyba_polozky{

  border: 1px solid #EE0031;

}

.formular_chyba_check_radio{

  color: #EE0031;

}



.znacka_povinne_polozky{

  font-weight: bold;

  color: #EE0031;

}



.ochrana_formulare{ /* ochrana pred roboty co plni formulare - naplni i skryty hidden */

  position: fixed;

  left: 0;

  top: 0;

  z-index: -9999; /* skrze fixni pozici, abych tim nahodou neco neprekryl ; fix je k tomu, abych ten input mohl dat kamkoliv v kodu */

  

  visibility: hidden; /* lze naplnit ale neni videt */

}



input:focus + [role="tooltip"] { /*skrze zvyseni pristupnosti (lepsi web pro postizene, slabozrake, ctecky atd..) formulare skrze WAI-ARIA */

  /*display: block;

  position: absolute;

  top: 100%;*/

}



.cervene{

  color: #EE0031;

}

/*---- Formular default (KONEC) ----*/

/*--- Efekt prechodu rozbalovaciho menu z "hamburgeru" na "krizek" a zpet (START) ---*/
  .efekt_resp_menu_ikona{
    float: left;
    width: 40px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    
    -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
    transform: skewX(-16deg); /*efekt zkoseni hran*/
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span, .efekt_resp_menu_2 .efekt_resp_menu_ikona span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #49a840;
    border-radius: 6px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(1) {
    top: 0px;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(2) {
    top: 12px;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(3) {
    top: 24px;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(4) {
    display: none;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(1) {
    top: 14px; /*o neco mene nez je polovina vysky ikony*/
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(2) {
    opacity: 0;
    left: -40px; /*o sirku ikony*/
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(3) {
    top: 14px; /*o neco mene nez je polovina vysky ikony*/
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  

  .efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(1) {
    top: 0px;
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(2),.efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(3) {
    top: 12px;
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(4) {
    top: 24px;
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(1) {
    top: 14px; /*o neco mene nez je polovina vysky ikony*/
    width: 0%;
    left: 50%;
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(4) {
    top: 14px; /*o neco mene nez je polovina vysky ikony*/
    width: 0%;
    left: 50%;
  }
/*--- Efekt prechodu rozbalovaciho menu z "hamburgeru" na "krizek" a zpet (KONEC) ---*/
/*--- Cookies - souhlas s jejich pouzivanim (START) ---*/
.cc_container{
  opacity: 0.9;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.cc_container a, .cc_container a:visited{
  color: #88bf3d !important; /*barva textu "vice informaci"*/
}
.cc_container .cc_btn, .cc_container .cc_btn:visited{
  color: #000000 !important; /*barva textu tlacitka "rozumim"*/
}
.cc_banner-wrapper{
  z-index: 10000001 !important; /*skrze stret cookies panelu a chatu smartsupp, ktery ma z-index "z-index: 10000000"*/
}
/*--- Cookies - souhlas s jejich pouzivanim (KONEC) ---*/

/*---- Pomocne (KONEC) ----*/

.spacer{

  display: block;

  clear: both;

}

.mr_ne{

  margin-right: 0px;

}
.mb_ne{
  margin-bottom: 0px;
}

.dorovnat_zkoseni_leva{
  display: block;
  transform: skewX(34deg);
}

.tl_roh_leva{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;

  /*http://apps.eky.hk/css-triangle-generator/ - pokud musi byt jiny uhel tak toto nahradit obrazkem co bude vysoky 48px PNG vlevo nahore bila vpravo dole pruhledna*/
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 48px 48px 0 0;
  border-color: #ffffff transparent transparent transparent;
}

/*---- Pomocne (KONEC) ----*/



.soldList

{

	display: inline;

	float: left;

	width: 240px;

	list-style: none;

	padding: 0px 0px 0px 10px;

	background: url(../img/li01.gif) 0px 5px no-repeat;

}



#hb

{

	background-color: #FFF;

	background-image: url(../img/main04.jpg);

	font-size: 10px;

	height: 100px;

	padding: 0px;

	margin: 0px;

}



.ci{

	padding: 10px 0px;

	vertical-align: top;

	border-top: 2px solid #f2f2f2;

}



.ib{

	float: left;

	padding: 1px;

	margin: 2px;

	border: 1px solid #efefef;

}



.lvd{

	font-size: 11px;

	padding: 2px;

	background-color: #f8f8f8;

}



.newBikes{

	font-size: 10px;

	font-weight: bold;

}



.newBikes td{

	vertical-align: top;

	background: #1e3692 url(../img/bg04.gif) bottom center no-repeat;

	width: 166px;

	height: 128px;

	text-align: center;

}



.newBikes div, .newBikes p{

	background: #49a840 url(../img/bg05.gif) top center no-repeat;

	padding: 3px 2px;

	margin-bottom: 7px;

	display: block;

}



.newBikes a img{

	background: #FFFFFF;

	border: 1px solid #FFFFFF;

}



.newBikes a:visited		{ color: #ffffff; text-decoration: none; }

.newBikes a:active		{ color: #ffffff; text-decoration: none; }

.newBikes a:link 		{ color: #ffffff; text-decoration: none; }

.newBikes a:hover		{ color: #ffffff; text-decoration: underline; }



.recomBikes{

	font-size: 10px;

	font-weight: bold;

}



.recomBikes td{

	vertical-align: top;

	background: #49a840 url(../img/bg07.gif) bottom center no-repeat;

	width: 166px;

	height: 128px;

	text-align: center;

}



.recomBikes div{

	background: #1e3692 url(../img/bg06.gif) top center no-repeat;

	padding: 3px 2px;

	margin-bottom: 7px;

}



.recomBikes a img{

	background: #FFFFFF;

	border: 1px solid #FFFFFF;

}



.recomBikes a:visited		{ color: #ffffff; text-decoration: none; }

.recomBikes a:active		{ color: #ffffff; text-decoration: none; }

.recomBikes a:link 		{ color: #ffffff; text-decoration: none; }

.recomBikes a:hover		{ color: #ffffff; text-decoration: underline; }



#google_translate_element {

	float: left;

	background: #FFFFFF;

	border: 1px solid #f0f0f0;

	padding: 2px 10px;

}



#google_translate_setlang {

	float: left;

	background: #FFFFFF;

	border: 1px solid #f0f0f0;

	padding: 5px 10px;

	font-weight: bold;

}





/* nadpisy */

.clearDiv{

	font-size: 1px;

	height: 1px;

	overflow: hidden;

	padding: 0px;

	margin: 0px;

	clear: both;

}

.th1{

	font-size: 11px;

	font-weight: bold;

	color: #294c85;

	text-transform: uppercase;

}



/*#eshopCon {

	text-align: center;

	padding: 15px 0px;

	margin-bottom: 20px;

	font-size: 11px;

	background: #f8f8f8;

	border: 1px solid #f2f2f2;

}



#eshopCon h1 {

 	font-size: 11px;

	font-weight: bold;

	color: #49a840;

	text-transform: uppercase;

	margin: 15px 0px 10px 0px;

}



#eshopCon h2 {

	font-size: 11px;

	font-weight: bold;

	color: #294c85;

	margin: 15px 0px 3px 0px;

}



#eshopCon a { text-decoration: none; }

#eshopCon b { display: block; color: #000000; font-size: 10px; text-transform: uppercase; }

#eshopCon span { font-size: 11px; }

#eshopCon img { border: 1px solid #6d6d6d; margin: 2px 0px; }



#menu{

	vertical-align: top;

	width: 210px;

}



.menu{

	padding: 10px 0px;

	margin-bottom: 10px;

	font-size: 11px;

	background-color: #f8f8f8;

	border: 1px solid #f2f2f2;

}



.menu li{

	list-style: none;

	padding: 5px 0px;

	border-bottom: 1px solid #fff;

	font-weight: bold;

}



.menu li a{

	text-decoration: none;

}



.menu li a:active { text-decoration: none; }

.menu li a:visited { text-decoration: none; }

.menu li a:link { text-decoration: none; }

.menu li a:hover { text-decoration: none; }

*/



#imgSharer {

	display: none;

}



hr{

	color: #e7e8e9;

	height : 2px;

}



/* Styly pro Admin*/



.adminEdit {

	float: right;

	font-size: 9px;

	padding: 10px;

	background: #efefef;

	border: 1px solid #dddddd;

	text-transform: uppercase;

	font-weight: bold;

}



.adminEdit a { text-decoration: none; }



a.ami:visited		{ color: #FFFFFF; text-decoration: none; }

a.ami:active		{ color: #FFFFFF; text-decoration: none; }

a.ami:link 		{ color: #FFFFFF; text-decoration: none; }

a.ami:hover		{ color: #343434; text-decoration: none; }





.form{

	background-color: #FFFFFF;

	border: 1px solid #eeeeee;

	padding: 2px;

	font-size: 10px;

	color: #535353;



}



.button{

	font-size: 9px;

	text-transform: uppercase;

	font-weight: bold;

	color: #4e4e4e;

	background-color: #e3e3e3;

	border-top: 1px ridge #f5f5f5;

	border-right: 1px ridge #cccccc;

	border-bottom: 1px ridge #cccccc;

	border-left: 1px ridge #f5f5f5;

	padding: 1px;

}



/*.ami{

	color: #FFFFFF;

	background-color: #ff4800;

	font-size: 10px;

	text-transform: uppercase;

	font-weight: bold;

}



.ttd0

{

	font-size: 10px;

	text-transform: uppercase;

	font-weight: bold;

	background-color: #5ca70b;

	color: #FFFFFF;

	padding: 4px;

	text-align: center;

}



.ttd3

{

	font-size: 11px;

	background-color: #fafafa;

	color: #646464;

	padding: 4px;

}



.ttd4

{

	font-size: 11px;

	background-color: #fdfdfd;

	color: #646464;

	padding: 4px;

}



.ttd5

{

	font-size: 10px;

	background-color: #1d3490;

	border: 1px solid #12256e;

	color: #FFFFFF;

	padding: 4px;

	text-align: center;

}



.ttd5 div {

	font-size: 11px;

	padding-bottom: 2px;

	font-weight: bold;

	text-transform: uppercase;

}



.ttd5 a:visited		{ color: #ffffff; font-weight: bold; text-decoration: none; }

.ttd5 a:active		{ color: #ffffff; font-weight: bold; text-decoration: none; }

.ttd5 a:link 		{ color: #ffffff; font-weight: bold; text-decoration: none; }

.ttd5 a:hover		{ color: #73f443; font-weight: bold; text-decoration: underline; }



#hmi {

	height: 113px;

	background: url(../img/hm00.png) no-repeat;

	margin: 3px 0px 10px 0px;

	padding: 7px;

}



#hmi span { display: none; }

#hmi a { display: block; float: left; margin: 7px; }



a.hmi01 {

	width: 178px;

	height: 83px;

	background: url(../img/hmi01.png) top center no-repeat;

}

a.hmi02 {

	width: 177px;

	height: 83px;

	background: url(../img/hmi02.png) top center no-repeat;

}

a.hmi03 {

	width: 177px;

	height: 83px;

	background: url(../img/hmi03.png) top center no-repeat;

}

a.hmi04 {

	width: 178px;

	height: 83px;

	background: url(../img/hmi04.png) top center no-repeat;

}

a.hmi01:hover { background: url(../img/hmi01.png) bottom center no-repeat; }

a.hmi02:hover { background: url(../img/hmi02.png) bottom center no-repeat; }

a.hmi03:hover { background: url(../img/hmi03.png) bottom center no-repeat; }

a.hmi04:hover { background: url(../img/hmi04.png) bottom center no-repeat; }



.c1a

{

	border-bottom: 2px solid #f0f0ef;

	padding: 5px 0px;

}



.c2a

{

	border-top: 2px solid #f0f0ef;

	padding: 5px 0px;

	margin: 10px 0px 0px 0px;

}



.c3a

{

	border-top: 2px solid #f0f0ef;

	padding: 10px;

	margin: 10px 0px 0px 0px;

	font-weight: bold;

	background: #f7f7f7;

}



.social-button

{

	width: 100px;

	float: left;

	margin: 5px 30px;

}



#pageLabels

{

	border-top: 2px solid #f0f0ef;

	padding: 10px;

	margin: 10px 0px 0px 0px;

	font-weight: bold;

	background: #f7f7f7;

}



#pageLabels h2

{

	font-size: 11px;

	display: inline;

}





.lv1{

	background-color: #F6F6F6;

	color: #3c3c3c;

	font-size: 11px;

	padding: 3px 2px;

}



.lv2{

	background-color: #ededed;

	color: #3c3c3c;

	font-size: 11px;

	padding: 3px 2px;

}



.psIco

{

	border: 2px solid #f0f0ef;

}



#freecall {

	margin: 15px 0px;

}



#freecall a {

	width: 210px;

	height: 110px;

	display: block;

	background: url(../img/freecall.png) top;

}



#freecall a:hover { background-position: bottom; }



#freecall span {

	visibility: hidden;

}



#motocycleSearchForm

{

  font-weight: bold;

  color: #ffffff;

  background: #818181;

	background-image: url(../img/bg01.gif);

	border: 1px solid #666666;

	font-size: 11px;

	padding: 5px;

}



#motocycleSearchForm td

{

 	padding: 3px;

}



#motocycleSearchForm a { font-weight: normal; color: #FFFFFF; }

*/



#offerTabs a { text-decoration: none; display: block; float: left; width: 225px; text-align: center; margin: 2px; padding: 10px;  border-radius: 3px; font-size: 11px; font-weight: bold; letter-spacing: 1px; color: #FFF; text-transform: uppercase; }

#offer-new { background: #011b3d url(../img/grad-bl.png); border: 1px solid #011b3d; }

#offer-used { background: #0b501d url(../img/grad-gr.png); border: 1px solid #0b501d; }



/*.listing { margin: 20px 0px 10px 0px; font-size: 11px; color: #fff; text-align: center; line-height: 18px; text-transform: uppercase; }

.listing span { display: inline; background: #5CA70B; padding: 4px; margin: 1px; display: inline-block}

.listing a { display: inline; background: #294C85; text-decoration: none; padding: 4px; color: #fff; margin: 1px; display: inline-block; }*/



/* jquery floating menu - begin */
/*
#floatingMenuWrapper { 

  position: absolute;

  width: 210px;

}



#floatingMenu {

  position: absolute;

  top: 0;

}



#floatingMenu.fixed {

  position: fixed;

  top: 0;

}
*/
/* jquery floating menu - end */

/*--- Pomocne resp ---*/
.resp_menu, .resp_plusko{
  display: none;
}

@media only screen and (min-width: 1922px) {
  .blok_sirky_webu_full_hd{
    width: 1920px;
  }
}

@media only screen and (max-width: 1630px) {
  .blok_sirky_webu_sirsi{
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
  }
  .tl_tisk{
    right: 0px;
  }
}

@media only screen and (max-width: 1520px) {
  .blok_sirky_webu{
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
  }
  .hlavicka_in_h{
    padding-left: 1%;
    padding-right: 1%;    
  }
}

@media only screen and (max-width: 1400px) {
  .blok_sirky_webu_uzky{
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
  }
  
  .text_slider_home_in{
    font-size: 30px;
    line-height: normal;
    margin-bottom: 30px;
  }
  .tl_slider_home{
    padding: 14px 30px 14px 30px;
  }
  
  .tl_zelene_detail{
    font-size: 14px;
  }
  
  
}

@media only screen and (max-width: 1300px) {
  .logo{
    width: 170px;
    height: 60px;
    background-size: contain;
  }

  .obal_kontakt_hlava{
    margin-top: 0px;
  }
  .soc_sit_hlava{
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .predel_hlava{
    margin-top: 0px;
    margin-bottom: 0px;
    height: 60px;
    line-height: 60px;
  }
  .tl_oblibene_hlava{
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .obal_mutace{
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .hlavicka_in_h{
    height: 60px;
  }
  .obsah{
    padding-top: 180px;
  }
  
  .polozka_menu{
    min-width: 100px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .hlavicka_in_d{
    height: 60px;
  }
  
  .text_slider_home{
    left: 6%;
    bottom: 50px;
    width: 70%;
  }
  
  .kategorie_home, .blok_top_nabidka, .blok_text_home, .blok_nabidka_home, .blok_duvody_home{
    padding: 30px 0px 30px 0px;
  }
  .obal_obr_home_kategorie{
    width: 150px;
  }
  .obal_obr_home_kategorie_in{
    height: 120px;
    line-height: 120px;
  }
  
  .obsah_vypis_clanku, .obsah_vypis_podmenu{
    padding: 30px 30px 70px 30px;
  }
  
  .polozka_vypis_oblibene{
    width: 300px;
  }
  .polozka_vypis_oblibene_h{
    padding: 30px 30px 20px 30px;
  }
  .polozka_vypis_oblibene_s{
    padding: 20px 30px 20px 30px;
  }
  .polozka_vypis_oblibene_d{
    padding: 20px 30px 30px 30px;
  }
  
  .polozka_vypis_motorek{
    padding: 0px 30px 0px 30px;
  }
  .blok_vypis_motorek_stred{
    padding: 20px 0px 20px 0px;
  }
  .blok_vypis_motorek_prava{
    padding: 20px 0px 60px 20px;
  }
  .obal_obr_vypis_motorek{
    margin: 20px 0px 20px 0px;
  }
  
  .tl_zelene_detail{
    font-size: 12px;
  }

}

@media only screen and (max-width: 1200px) {
  
  .blok_vyhledavani_home{
    text-align: left;
  }
  .tl_vyhledat_home_obal{
    margin-top: 0px;
    float: none;
    display: inline-block;
  }
  .tl_vyhledat_home{
    padding: 15px 20px 15px 20px;
  }
  .nazev_vyhledavani_home{
    float: none;
    display: block;
    width: auto;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    text-align: left;
  }

  .select_vyhledavani_home{
    margin: 0px 20px 16px 0px;
  }
  
  .obal_text_vypis_motorek_stred{
    display: none;
  }
}

@media only screen and (max-width: 1100px) {
  .obal_news{
    width: 100%;
  }
  
  .kategorie_home{
    display: none;
  }
  .kategorie_home_mobil{
    display: block;
  }
  .polozka_kategorie_home_mobil{
    float: left;
    width: 33.3%;
    margin: 10px 0px 10px 0px;
  }
  .obal_obr_home_kategorie{
    width: 150px;
  }
  .obal_obr_home_kategorie_in{
    height: 120px;
    line-height: 120px;
  }
  
  .h2_vypis_podmenu, .h2_vypis{
    font-size: 16px;
  }
  
  .obal_obr_vypis_motorek{
    width: 24%;
    line-height: normal;
  }
  .blok_vedle_obr_vypis_motorek{
    margin-left: 27%;
  }
  .obal_parametry_vypis_motorek_stred{
    width: 60%;
  }
  .parametry_vypis_motorek_nazev{
    width: 36%;
  }
  .parametry_vypis_motorek_data{
    margin-left: 40%;
  }
  .blok_vypis_motorek_prava{
    width: 28%;
    margin-left: 4%;
    padding-left: 4%;
  }
  
  .obal_filtr_fulltext_in{
    width: 98%;
  }
}

@media only screen and (max-width: 1000px) {

.hlavicka_in_d{
  height: 40px;
  padding: 14px 0px 14px 0px;
}
.obsah{
  padding-top: 150px;
}
.hlavicka_in_d_fix{
  width: 100%;
}
.hlavicka_in_d_fix .logo_resp{
  display: block;
}
  
.resp_menu{
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  margin: 5px 0px 0px 0px;
  padding-right: 10px;
  cursor: pointer;

  background-position: right top;
  background-repeat: no-repeat;
  background-image: url("../../img/resp_menu.png");
}
.resp_menu_text{
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  font-family: Snasm, Verdana, Arial, Tahoma, Helvetica;
  text-transform: uppercase;
  font-size: 16px;
}
.resp_menu .efekt_resp_menu_ikona{
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url("../../img/resp_menu.png");
}
.horni_menu{
  display: none;
  float: none;
  position: absolute;
  right: 0px;
  top: 68px;
  width: 380px;
  padding: 10px 0px 10px 0px;
  background-color: #FFFFFF;
  overflow: auto;
  z-index: 20;
}
.obal_polozky_menu{
  float: none;
  display: block;
  padding-bottom: 0px;
}
.polozka_menu{
  float: none;
  display: block;
  margin: 10px 30px 10px 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.polozka_menu:hover {
  color: #FFFFFF;
}
.aktivni_menu, .aktivni_menu:hover {
  color: #FFFFFF;
}

.obal_kontakt_hlava, .hlavicka_h_leva .predel_hlava{
  display: none;
}
.tl_oblibene_hlava{
  text-indent: -9999px;
}
.hlavicka_h_prava, .hlavicka_h_leva{
  width: 170px;
}

.predel_hlava{
  margin-left: 10px;
  margin-right: 10px;
}
.obal_mutace{
  padding-right: 26px;
  background-position: 94px center;
}

.tl_oblibene_vypis, .tl_oblibene_oblibene{
  font-size: 12px;
}
.cena_vypis_motorek, .cena_vypis_motorek_nova{
  font-size: 18px;
}
.cena_vypis_motorek_puvodni, .cena_vypis_motorek_mesic{
  font-size: 14px;
}
.tl_zobrazit_vypis{
  width: 100px;
}
.h2_vypis_motorek{
  font-size: 16px;
}
.parametry_vypis_motorek_nazev {
  width: 42%;
}
.parametry_vypis_motorek_data {
  margin-left: 47%;
}
  
}

@media only screen and (max-width: 930px) {
  .blok_sirky_webu_detail{
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
  
  .text_slider_home{
    left: 10px;
  }
  .text_slider_home_in{
    font-size: 22px;
    margin-bottom: 20px;
  }
  .lomeno_slider_home{
    left: -20px;
  }
  
  .polozka_duvod_mototrade{
    width: 48%;
  }
  .spacer_duvod_po_2{
    display: block;
  }
  .spacer_duvod_po_3{
    display: none;
  }
  
}

@media only screen and (max-width: 850px) {
  .blok_vyhledavani_home, .nazev_vyhledavani_home{
    text-align: center;
  }
  

  .spacer_vyhledat_home{
    display: block;
    clear: both;
  }
  .tl_vyhledat_home_obal{
    margin-bottom: 20px;
  }
  
  .sloupec_nabidka_home{
    width: 31%;
  }
  
  .polozka_vypis_clanku, .polozka_vypis_podmenu{
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
  }
  .spacer_vypis_po_2, .spacer_vypis_podmenu_po_2{
    display: block;
  }
  .spacer_vypis_po_3, .spacer_vypis_podmenu_po_3{
    display: none;
  }
  .obsah_vypis_clanku_in, .obsah_vypis_podmenu_in{
    height: 168px;
  }
  
  .form_blok_filtr{
    width: 24%;
  }
  
  .blok_text_pod_filtraci_1, .text_nad_strankovani{
    font-size: 16px;
  }
  .sipka_strankovani{
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

}

@media only screen and (max-width: 800px) {
  .paticka_in_h{
    padding: 40px 0px 40px 0px;
  }
  .sloupec_paticka_in_h{
    width: 48%;
    margin: 10px 1% 10px 1%;
  }
  .spacer_paticka_in_po_2{
    display: block;
  }
  
  .text_slider_home_in{
    margin-bottom: 10px;
  }
  .tl_slider_home{
    display: none;
  }
  
  .polozka_vypis_motorek{
    float: left;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .h2_vypis_motorek{
    min-height: 48px;
  }
  .spacer_vypis_motorek_po_2{
    display: block;
    clear: both;
  }
  .obal_obr_vypis_motorek{
    width: 100%;
    height: auto;
  }
  .blok_vedle_obr_vypis_motorek{
    margin-left: 0px;
  }
  .blok_vypis_motorek_stred{
    display: none;
  }
  .resp_blok_nazev_vypis_motorek{
    display: block;
    clear: both;
    margin-bottom: 20px;
  }
  .blok_vypis_motorek_prava{
    float: none;
    min-height: 1px;
    margin-left: 0px;
    padding-left: 0px;
    width: 100%;
    border-left: 0px;
    border-top: 2px solid #DADADA;
  }
  .h2_vypis_motorek, .obal_stavu_vypis_motorek{
    text-align: center;
  }
  .polozka_stav{
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .cena_vypis_motorek_puvodni, .cena_vypis_motorek_nova, .cena_vypis_motorek, .cena_vypis_motorek_mesic{
    text-align: center;
  }
  
  .h1_detail_motorka{
    font-size: 20px;
  }
  .h2_detail_motorky{
    font-size: 16px;
  }
  .h2_vindetect{
    font-size: 12px;
  }
  .obsah_detail_leva, .obsah_detail_prava{
    float: none;
    display: block;
    margin-right: 0px;
    margin-bottom: 20px;
    width: auto;
  }
  .obal_obr_detail_motorky{
    text-align: center;
  }
  .obal_obr_detail_motorky img{
    max-width: 460px;
  }

  .blok_kontakt_1_3{
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .blok_kontakt_2_3{
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;    
  }
  .spacer_kontakt_po_2{
    display: block;
  }
  .spacer_kontakt_po_3{
    display: none;
  }
  
  .blok_zalozky_kontakt{
    margin-top: 10px;
  }
  .tl_kotva_kontakt{
    padding: 5px 10px;
  }

}

@media only screen and (max-width: 680px) {
  .text_slider_home{
    display: none;
  }
  
  .select_vyhledavani_home{
    width: 150px;
    height: 36px;
    font-size: 14px;
  }
  
  .sloupec_nabidka_home{
    width: 48%;
  }
  
  .polozka_duvod_mototrade{
    /* varianta stedeni celych radku nezavisle */
    /*width: 98%;
    text-align: center;
    vertical-align: top;*/

    width: 310px;
    text-align: left;
    vertical-align: top;
    float: none;
    display: block;
    margin: 0px auto 14px auto;
    clear: both;
    
  }
  .blok_duvody_home a:link, .blok_duvody_home a:visited{
    text-decoration: none;
  }
  
  .poradi_duvodu{
    display: inline-block;
    vertical-align: top;
    float: none;
  }
  .polozka_duvod_mototrade_in{
    display: inline-block;
    line-height: 36px;
  }
  
  .form_blok_filtr, .form_blok_filtr_check{
    width: 32%;
  }
  
  .tl_tisk{
    display: none;
  }
  
  .blok_kontakt_pobocka_l{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .blok_kontakt_pobocka_p{
    width: 100%;
  }
  .obal_mapa_kontakt{
    text-align: left;
  }
  
}

@media only screen and (max-width: 600px) {
  .polozka_kategorie_home_mobil{
    width: 50%;
  }
  
  .tl_oblibene_vypis{
    display: none;
  }
  .polozka_vypis_motorek{
    padding: 0px 20px 0px 20px;
  }
  
  .box_splatka_detail{
    width: 84% !important;
    padding-left: 3% !important;
    padding-right: 7% !important;
  }
  
  .form_tl_def_in{
    
  }
  
  .logo{
    float: left;
  }
  .hlavicka_h_prava{
    width: auto;
  }
  .hlavicka_h_leva{
    display: none;
  }
}

@media only screen and (max-width: 550px) {
  /*tady bude reseni hlavicky zda pujdou pryc soc site nebo bude preskladani ala grafika*/
  
  .paticka_in_h{
    padding: 20px 0px 20px 0px;
  }
  .sloupec_paticka_in_h{
    width: 98%;
    margin: 20px 1% 20px 1%;
    text-align: center;
  }
  .paticka_in_d{
    padding: 14px 0px 14px 0px;
  }
  .copyright_pata, .mcrai_pata{
    float: none;
    display: block;
    clear: both;
    text-align: center;
    margin: 10px 0px 10px 0px;
  }
  
  .pagination{
    bottom: 20px !important;
  }
  
  .select_vyhledavani_home{
    display: block;
    width: 100%;
    margin: 0px 0px 16px 0px;
  }
  
  .horni_menu{
    width: 100%;
  }
  
  .form_blok_filtr, .form_blok_filtr_check{
    width: 49%;
  }
  .tl_smazat_filtr, .tl_submit_filtr_in{
    font-size: 14px;
  }
  .tl_smazat_filtr, .tl_submit_filtr{
    margin-top: 10px;
  }
  .input_hledej_filtr_fulltext{
    height: 42px;
    line-height: 42px;
    width: 86%;
  }
  
  .h1_obecna_stranka, .h1_kontakt{
    font-size: 20px;
  }
  
  .obal_obr_detail_motorky img{
    max-width: 100%;
  }
  
  .blok_kontakt_1_3{
    width: 98%;
  }
  
}

@media only screen and (max-width: 440px) {
  .obal_obr_home_kategorie {
    width: 120px;
    margin-bottom: 10px;
  }
  .obal_obr_home_kategorie_in {
    height: 100px;
    line-height: 100px;
  }
  
  .sloupec_nabidka_home{
    width: 98%;
    text-align: center;
  }
  
  .polozka_duvod_mototrade{
    text-align: left;
  }
  
  .polozka_vypis_clanku, .polozka_vypis_podmenu{
    width: 98%;
  }
  .obsah_vypis_clanku_in, .obsah_vypis_podmenu_in{
    height: auto;
  }
  
  .polozka_vypis_motorek{
    width: 98%;
  }
  .h2_vypis_motorek, .blok_ceny_vypis_motorek{
    min-height: 1px;
  }
  .obal_stavu_vypis_motorek{
    min-height: 1px;
  }
  
  .form_blok{
    width: 100%;
    margin-right: 0px;
  }
  .form_input_def{
    height: 30px;
    line-height: 30px;
  }
  
  .logo{
    width: 120px;
    margin-left: 10px;
  }
  
  .sipka_strankovani{
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
}

@media only screen and (max-width: 340px) {
  .logo_resp{
    width: 140px;
  }
  
  .polozka_kategorie_home_mobil {
    width: 100%;
  }
  
  .obal_filtr_fulltext_in{
    width: 92%;
  }
  .form_blok_filtr_check{
    width: 99%;
  }
  
  .logo{
    width: 100px;
  }
  
  .polozka_duvod_mototrade{
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
}

/*--- Responsive design - help z Stackoverflow ---*/
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }