/* CSS Document */
html,body {
  margin: 0px;
  background: #FFF;
}
body {
  text-align: center;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #666;
}
form, ul {
  margin: 0px;
  padding: 0px;
}
p {
  margin: 10px 0 10px 0;
}
a {outline:none;}
.red {color:#f00 !important;}
#stranka {
  position: relative;
  width: 951px;
  margin: 50px auto 55px auto;
  padding: 20px 20px 19px 20px; 
  text-align: left;
  background-image: url(./../images/web-stin-stred.gif); 
  font-size: 0.7em;  
  line-height: 130%;
}
#stin-vrchni, #stin-spodni {
  position: absolute;
  width: 990px;
  height: 34px;
  left: 1px;
}
#stranka #stin-vrchni {
  top: -34px;
  background-image: url(./../images/web-stin-vrchni.gif);
}
#stranka #stin-spodni {
  bottom: -34px;
  left: 0px;
  background-image: url(./../images/web-stin-spodni.gif);
}

#web-logo {
  position: absolute;
  width: 138px;
  height: 40px;
  margin: 0px;
  z-index: 5;
  top: -5px;
  left: 35px;
}
#web-logo a {
  position: absolute;
  width: 138px;
  height: 40px;  
}
#web-logo span {
  display: none;
}
#menu-rychle {
  position: absolute;
  right: 20px;
  top: -35px;
  z-index: 5;
  color: #000;
  background-image: url(./../images/web-rychle-menu.gif);
  background-position: right center;
  background-repeat: no-repeat;
  width: 400px;
  height: 18px;
}
#menu-rychle a {
  position: absolute;
  color: #000;
  text-decoration: none;
  text-align: center;
}
#menu-rychle a:hover {
  font-weight: bold;
}

a#m1 {width:60px;right:6px;}
a#m2 {width:60px;right:77px;}
a#m3 {width:90px;right:151px;}
a#m4 {width:100px;right:252px;}
/*a#m52 {width:60px;right:300px;}*/

.vrchnimenu
  {position:relative;
  z-index:1;
  height:57px;
  margin:-35px 0px 35px;
  padding-left:174px;
  border-bottom:5px solid #000;}
.vrchnimenu ul
  {margin:0px;
  padding:0px;
  height:57px;}
.vrchnimenu ul li
  {margin:0px;
  padding:0px;
  list-style-type:none;
  color:#fff;
  display:block;
  float:left;}
.vrchnimenu ul li.fright
  {padding:5px 15px 0px 0px;
  font-weight:bold;
  float:right;}
.vrchnimenu ul li a
  {padding:5px 10px 0px;
  line-height:52px;
  color:#fff;
  border-right:1px solid #e00;
  display:block;
  outline:none;}
.vrchnimenu ul li.fright a
  {padding:0px 10px;
  font-weight:bold;
  /*letter-spacing:-1px;*/
  display:inline;
  border:none;}

.menu-hlavni {
  padding: 10px 0px 0px 8px;
  list-style-type: none;
  color: #FFF;
}
.menudole
  {position:absolute;
  bottom:20px;
  display:none;}
.menudole strong.aktivni
  {color:#999;}
.menu-hlavni li.sekce { 
  position: relative;
  background-image: url(./../images/sipka-bila.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 8px;
}
.menu-hlavni li a {
  text-decoration: none;
  color: #FFF;
  padding: 2px 0px 2px 8px
}
.menu-hlavni li a:hover {
  font-weight: bold;
}
.menu-hlavni li.sekce a {
  padding-left: 0px;
}
.menu-hlavni li#aktivni a, #aktivni {
  font-weight: bold;
}
.menu-nove, .menu-nove ul
  {list-style-type: none;}
.menu-nove li a
  {height:26px;
  margin-bottom:1px;
  padding-left:8px;
  font-weight:bold;
  line-height:26px;
  color:#fff;
  background:url('/tmpl/images/bg-nm.png') repeat-x;
  display:block;}
.menu-nove li ul
  {display:none;}
.menu-nove li ul.display
  {display:block;}
.menu-nove li ul li a
  {padding-left:20px;
  font-weight:normal;}
.menu-nove li ul li ul
  {display:none;}
.menu-nove li ul li ul.display
  {display:block;}
.menu-nove li ul li ul li a
  {padding-left:40px;
  letter-spacing:-1px;}
.menu-nove li a.aktivni, .menu-nove li a:hover
  {font-weight:bold;
  background-image:url('/tmpl/images/bg-nm-a.png');}

.menu-nove li ul li a
  {background:url('/tmpl/images/bg-nm-d.png') repeat-x;}
.menu-nove li ul li a.aktivni, .menu-nove li ul li a:hover
  {background-image:url('/tmpl/images/bg-nm-d-a.png');}


  a.megelli:link,a.megelli:visited {
  background-image:url('/tmpl/images/bg-megelli.png') !important;
  color : #000 !important;
  }

   a.megelli:hover {
  background-image:url('/tmpl/images/bg-megelli-a.png') !important;
  color : #000 !important;}
 

#obsah {
  position: relative;
  background-image: url(./../images/web-obsah-pozadi.gif);
  margin: -35px 0 -34px 0;
  width: 100%;
}
#levy {
  position: static;
  float: left;
  width: 176px;  
  min-height: 550px;
  z-index: 10;
}
#stred {
  position: relative;
  float: left;
  width: 611px;
}
#menu-cesta {
  padding: 5px 10px 5px 10px;
  font-weight: bold;
  background: #CCC;
  text-transform: lowercase;
}
#menu-cesta.cesta-vys {
  position: relative;
  background: none;
  margin-top: -24px;
}
#menu-cesta a
  {color:#fff;}
#menu-cesta a.str_neaktivni
  {color:#999;}

#pravy {
  position: relative;
  float: right;
  width: 147px;
  padding: 8px;
}
#pravy h4 {
  margin: 4px 0 8px 0;
  font-size: 0.85em;
}
#pravy .novinka {
  margin: 8px 0 8px 0;
  font-size: 0.8em;
}
#pravy .banner {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 0px;
  display: block;
}
#paticka {
  position: absolute;
  bottom: -38px;
  right: 20px;
  font-size: 0.9em;
}
#paticka a {
  color: #666666;
}


/* HLAVNI OBSAH WEBU */
.kategorie-obrazek {
  position: relative;
  width: 100%;
  height: 155px;
  /*background-image: url(./../images/bn-kat-moto-skutry-prisl.jpg);*/
  background-repeat: no-repeat;
}
.pozadi_kats
  {min-height:624px;

      background-image:url("/tmpl/images/prod-stred-bg.jpg");
  background-repeat: no-repeat;
  }
.pozadi_kats .kategorie-produkt:first-child
  {border-top:none;}
.kategorie-produkt h2 a
  {color:#000;}
.kategorie-produkt
  {height:120px;
  color:#000;
  border-top:1px solid #999;
  overflow:hidden;
  }
.kategorie-produkt img
  {margin-right:20px;
  margin-left:0px;}

.kategorie-produkt {
  position: relative;
  padding: 20px 10px 15px 10px;
  border-top: 1px solid #CCC;
  font-size: 0.9em;
  top: -1px;
}
.kategorie-produkt h2 {
  font-size: 1.2em;
  margin: 0px 20px 0px 170px;
}
.h2 {
font-size : 10px !important;
overflow : hidden;
}
.kategorie-produkt img {
  position: relative;
  float: left;
  margin: -15px 10px 10px 10px;
}
.kategorie-produkt .cena {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0 5px 0;
  float: left;
}
.kategorie-produkt .puvodni_cena {
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0 5px 15px;
  float: left;
}
#detail {
  position: relative;
  margin: 20px;
  color: #000;
}
#detail h1 { 
  font-size: 1.5em;
  margin: 10px 0 10px 0;
  color: #666;
}
#detail h2 {
  font-size: 1.2em;
  margin: 5px 0 5px 0;
}
#detail #detail-hlavni {
  margin: 15px 20px 10px 0px;
}
/* DETAIL */
.dalsi-informace {
  position: relative;
  width: 100%;
  color: #333;
}
.dalsi-informace img {
  position: relative;
  margin: 10px 5px 20px 0px;
  border: 1px solid #D8D8D8;
}
#technicke-udaje {
  width: 73%;
  margin-left: -2px; /* kvuli 2px cellspacingu */
}
#technicke-udaje .popis {
  width: 43%;
  background: #323232;
  color: #FFF;
  padding-left: 5px;
}
#technicke-udaje .hodnota {
  width: 30%;
}
#technicke-udaje .hodnota .barva {
  position: relative;
  float: left;
  margin: 0 2px 0 0;
  padding: 0px;
}
#technicke-udaje td {
  background: #D6D6D6;
  padding-left: 5px;
}
#ostatni-udaje {
  position: absolute;
  width: 150px;
  right: 0px;
  top: 22px;
  font-weight: bold;
  list-style-type: none;
  line-height: 150%;
}
#ostatni-udaje span {
  color: #999;
}
/* END DETAIL */

/* DETAIL - prislusenstvi */ 
#fotky-prislusenstvi {
  position: relative;
  width: 100%;
}
#blok-mini-foto {
  position: relative;
  float: right;
  width: 150px;
  right: 0;
  top: 0;
}
#fotky-prislusenstvi #detail-hlavni {
  float: left;
}
#blok-mini-foto img {
  margin: 15px 5px 0 5px;
}
/* END DETAIL - prislusenstvi */

#tl-tisk, #tl-posli-odkaz {
  position: relative;
  width: 110px;
  float: left;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #999;
  color: #999;
  margin: 20px 20px 10px 0px;
  padding: 4px;
  text-align: center;
  background: #FFF;
}
#tl-tisk a, #tl-posli-odkaz a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #999;
}
.dalsi-informace #cena,#dalsi-informace #cena {
  position: relative;
  float: right;
  right: 0px;
  top: 30px;
  font-weight: bold;
  font-size: 1.3em;
}
.dalsi-informace #puvodni_cena,#dalsi-informace #puvodni_cena {
  position: relative;
  float: right;
  right: 0px;
  top: 25px;
  font-weight: bold;
  font-size: 1em;
}
#puvodni_cena {
  color: #666;
}
#dalsi-informace #cena strong {
  font-size: 1.3em;
}

.odsazeni {
  position: relative;
  padding: 0 15px 0 15px;
}

/*  akce novinky  */
.akce-novinka h3 {
  font-size: 1.2em;
  margin: 15px 0 5px 0;
}
.akce-novinka {
  position: relative;
  margin-bottom: 20px;
}


/* ostatni tagy */
a {
  color: #666;
  text-decoration: none;
}
a.vice-informaci {
  color: #14A9C9;
  font-weight: bold;
}
a img {
  border: 0px;
}

.cleaner {
  position: relative;
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

.lft {
  text-align: left;
}
.jstf {
  text-align: justify;
}
.cntr {
  text-align: center;
}
.rght {
  text-align: right;
}
.chyba {
  font-weight: bold;
  color: #FE0000;
  margin: 5px 0 5px 0;
}


/* MAPA */
#mapa {
  position: relative;
  width: 420px;
  height: 280px;
  background-repeat: no-repeat; 
  margin: -10px 0 -64px 0;
}
#mapa img { 
  border: 0px none; 
  padding: 0px; 
  margin: 0px; 
  width: 420px;
  height: 280px;
}
.kraj {
  position: relative;
  z-index: 5;
  /*margin: 0 0 -25px 0;*/
}
#kontaktni h2, #prodejci h2,#o-nas h2 {
  font-size: 1.1em;
  margin: 20px 0 15px 0;
}




div.scrollable {  
  position:relative;
  overflow:hidden;
  width: 316px;  
  height:79px; 
}
#thumbs { 
  position:absolute;
  width:20000em;  
  clear:both;
}
#thumbs div {
  float: left;
  width: 102px;
  height: 77px;
  cursor: pointer;
  border: 1px solid #D8D8D8;
  margin: 0 2px 2px 0;
}
#thumbs div img {
  border:none;
  margin: 0px;
  padding: 1px;
}
/* style when element is active (clicked) */
#thumbs div.active {
  border: 1px solid #323232;
  cursor: default;
}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
  float:left;
}
/* custom positioning for navigational links */
a.prev, a.next {
  /*margin-top:118px; */
}
/* prev, next, prevPage and nextPage buttons */
a.prev,a.next,a.prevPage,a.nextPage {
  display:block;
  width:18px;
  height:79px;
  background: #D8D8D8 url(./../images/scroll-left.gif) center center no-repeat;
  float:left;
  margin: 0;
  cursor:pointer;
}
a.prev {
  margin-right: 2px;
}
a.next {
  margin-left: 2px;
}
/* disabled navigational button */
a.disabled {
  /*visibility:hidden !important;*/
}
/* next button uses another background image */
a.next,a.nextPage {
  background: #D8D8D8 url(./../images/scroll-right.gif) center center no-repeat;
  clear:right;
}

.akce-novinka table {position:relative;border:1px solid #CCC;border-collapse:collapse;margin:10px 0;width:100%;}
#akce-novinka td, #akce-novinka th {border:1px solid #CCC;}




/* by ascaria */
.o_banner
  {position:absolute;
  z-index:20;
  top:0px;
  left:0px;
  width:900px;
  /* height je 461px */
  margin-bottom:20px;
  border:1px solid #000;
  display:none;}
.o_close
  {position:absolute;
  z-index:21;
  top:0px;
  right:0px;
  padding:5px;
  background-color:#000;
  display:block;}
.o_close img
  {width:16px;
  height:16px;
  display:block;}
.o_hlavicka
  {height:83px;
  padding-top:10px;
  color:#fff;
  background-color:#000;}
.o_hlavicka .o_logo_left
  {margin:20px 0px 0px 8px;
  padding:0px;
  float:left;
  display:block;}
.o_hlavicka .o_logo_left img
  {width:220px;
  height:42px;
  display:block;}
.o_hlavicka p
  {margin:0px 0px 0px 225px;
  padding-top:12px;
  font-weight:bold;
  font-size:24px;
  text-align:center;
  line-height:28px;}
.o_hlavicka p a
  {color:#fff;}
.o_obsah
  {height:378px;
  background-color:#d00;
  overflow:auto;}
.o_block_moto
  {width:436px;
  height:184px;
  text-align:left;
  letter-spacing:-1px;
  display:block;
  float:left;}
.o_block_moto img
  {width:200px;
  height:150px;
  margin:5px 0px;
  padding:12px;
  float:left;}
.o_block_moto .o_bila
  {margin-left:224px;
  padding:13px 0px 16px 10px;
  background-color:#fff;
  display:block;}
.o_block_moto .o_nadpis
  {padding-bottom:9px;
  font-size:20px;
  line-height:20px;
  letter-spacing:-2px;
  color:rgb(203,47,48);
  display:block;}
.o_block_moto .o_detaily
  {font-size:14px;
  line-height:18px;
  color:#000;
  display:block;}
.o_block_moto .o_cena
  {font-size:14px;
  line-height:18px;
  color:#000;}
.o_block_moto .o_cena span
  {color:rgb(203,47,48);}
.o_okraj
  {height:10px;}

.porovnavani
  {padding:9px 0px 7px 7px;}
.porovnavani p
  {margin:0px;
  padding-left:3px;}
.porovnavaci_blok
  {width:190px;
  margin:4px 5px 4px 4px;
  float:left;}
.porovnavaci_blok .h2
  {height:55px;
  overflow:hidden;}
.porovnavaci_blok .h2 th
  {width:190px;
  height:55px;
  padding:0px 5px;
  text-align:left;
  background:#d40a10;}
.porovnavaci_blok .h2 th h2
  {margin:0px;
  font-size:12px;
  line-height:18px;
  color:#fff;
  display:inline;}
.porovnavaci_blok .por_obr
  {table-layout:fixed;
  width:190px;
  height:190px;
  overflow:hidden;}
.porovnavaci_blok .por_obr th
  {text-align:center;}
.porovnavaci_blok .por_obr img
  {max-width:190px;
  max-height:190px;
  vertical-align:middle;}
.porovnavaci_blok .por_cena
  {position:absolute;
  width:190px;
  margin:-14px 0px 0px;
  font-weight:bold;
  line-height:16px;
  vertical-align:middle;
  color:#f00;}
.porovnavaci_blok .form_input
  {margin:30px 0px 11px;}
.porovnavaci_blok .form_input select
  {width:190px;
  margin:11px auto;
  display:block;}
.porovnavaci_blok .por_tech_udaje
  {margin:0px;
  padding:5px;
  letter-spacing:-1px;
  color:#000;
  background:#d9dada;}
.porovnavaci_blok .por_tech_udaje th
  {padding-top:5px;
  text-align:left;
  vertical-align:top;}
.porovnavaci_blok .por_tech_udaje td
  {vertical-align:top;}
.porovnavaci_blok .por_tech_udaje h3
  {margin:0px;
  padding:0px 0px 10px;
  font-size:13px;
  letter-spacing:0px;}
.por_kat
  {margin:30px 0px 0px;
  display:block;
  float:right;}
.por_kat a
  {padding-left:12px;
  color:#000;
  background:url('/tmpl/images/bg-ctverecek.png') no-repeat 0px 3px;}

.dolni_strankovani
  {height:25px;
  padding:0px;
  text-align:center;
  font-weight:bold;
  line-height:25px;
  background:#e5e5e5;}
.dolni_strankovani a
  {color:#4c4c4c;}
.dolni_strankovani .str_neaktivni
  {color:#f00;}
.dolni_strankovani .str_predchozi
  {width:180px;
  color:#fff;
  background:#4c4c4c;
  display:block;
  float:left;}
.dolni_strankovani .str_dalsi
  {width:180px;
  color:#fff;
  background:#fe1313;
  display:block;
  float:right;}

.obrazky
  {width:100%;
  overflow:hidden;}
.obrazky a
  {margin:0px 8px 8px 0px;
  float:left;}
.obrazky a img
  {width:185px;
  height:140px;
  display:block;}


#menu-cesta .sp_strankovani a
  {color:#f00;}
#menu-cesta .sp_strankovani a.str_neaktivni
  {color:#fff;}