/* CSS (hlavné) pre xsport.sk - UTF-8 */
/* FA - firemné akcie, PR - predajňa, ŠA - športový areál */

img { border: none; }

a 
 { 
  text-decoration: none;
  color: #000000;
 }

body
  {
   background: #bbbbbb url(../obr/bg_kocky.gif);
   margin: 10px 0; padding: 0;
   font-size: 12px; font-family : verdana, tahoma, arial, sans-serif;
   text-align: center;  /* pre centrovanie - IE */
  }

#hlavny /* DIV */
   {
    text-align: left;   /* zarovnanie center z body */
    margin: 0 auto; /* center */ padding: 0;
    width: 986px; /* celkovo 990px */
    border: 2px solid #dddddd;
   }

#nad-logo /* text nad logom */ 
   {
    background-color: #252525; color: #f0f0f0;
    border-bottom: 1px solid #888888;
    padding: 2px 0;
    text-align: center;
   }

#logo /* DIV */
  {
   background: url(../obr/logo-prave.jpg) no-repeat 182px 0;  /* FA, PR, ŠA */
   height: 175px;   /* potrebné pre obrázok logo-prave a pre odkazy a (sú to plavci - float: left - "pretiekli" by a musel by byť použitý div s clear: left) */
   margin: 0; padding: 0;
  }

#logo a
  {
   float: left;
   display: block;
   height: 31px; /* 31px + 144px padding = 175px - rovnaká s výškou DIV logo, aby sa prekrývali - netreba potom použiť div s clear: left */
   font-size: 20px; font-weight: bold;
   margin: 0; padding: 144px 0 0 0;
   text-align: center;
  }

#logo a:hover { color: #c1090d }

#logo a#xsport /* grafické logo */
  {
   background: url(../obr/logo-lave.jpg) no-repeat 0 0;
   width: 182px;
  }

#logo a.odkazy /* odkazy - FA, PR, ŠA */
  {
    width: 268px; /* 266px je šírka obrázku + 6x oddeľovače - po rozdelení na 3 obrázky -> + 2px */
  }

#logo a#aktivny { color: #c1090d } /* aktívna položka menu */

#stredna-lista  /* DIV */ 
 {
  background-color: #d5140f;
  color: #f0f0f0;
  border-top: 1px solid #888888; border-bottom: 1px solid #888888;
  font-size: 12px; font-weight: bold;
  margin: 0; padding: 3px 0 3px 10px;
 }

#stredna-lista a 
  {
   color: #f0f0f0;
   padding: 3px 0;  /* padding odkazu A nezvyšuje padding DIV - A je v tomto prípade inline (riadkový) element, nie blokový */
  }

#stredna-lista a:hover { text-decoration : underline; }
#stredna-lista span { font-weight: normal; } /* pre oddeľovače | */

/* dátová časť */

#data { background: #cccccc url(../obr/bg_data.jpg) repeat-y 0 0; }

/* ĽAVÁ strana - menu */

#menu
   {
    float: left;
    width: 182px;
    margin: 0; padding: 0;
    font-size: 11px;
   }

/* základné menu */

.tab-menu
   {
    border: 1px solid #d5140f;
    margin: 15px 0 0 0; padding: 0;
    width: 100%;
   }

.tab-menu th
   {
    font-weight: bold;
    text-align: center;
   }

.tab-menu a
   {
    background: #d1d1d1 url(../obr/bg-menu.gif) repeat-x 0 0; /* nastavenie farby #d1d1d1 je dôležité, obrázok pozadia má výšku 17px a pri padding posunoch (prvý, posledný - položky menu) a 2-riadkových textoch pekne pokračuje farba */
    display: block;
    width: 175px;  /* pre IE 6.0 - 175px + 5px padding + 2x 1px border DIV = 182 px */
    margin: 0; padding: 3px 0 3px 5px;
   }

.tab-menu th a
  {
   background: #d5140f; 
   color: #f0f0f0;
  }

.tab-menu th a:hover { text-decoration : underline; }

.tab-menu td a { border-top: 1px solid #eeeeee; border-bottom: 1px solid #b1b1b1; }
.tab-menu td a:hover
  {
   background: #b1b1b1;
   border-top: 1px solid #b1b1b1; /* aby bol prekrytý svetlý border-top z A */
  }

.tab-menu a.zvyraznene_f { color : #d5140f; }
.tab-menu a.prvy { padding-top: 4px; }
.tab-menu a.posledny { padding-bottom: 4px; }

.tab-menu ul { margin: 0; padding: 0; }

.tab-menu li
   {
    list-style: none;
    margin: 0; padding: 0;
   }

.tab-menu li.oddelovac
  {
   border-top: 1px solid #eeeeee; border-bottom: 1px solid #b1b1b1;
   background: #eeeeee url(../obr/oddelovac.gif);
   height: 15px; 
  }

/* STRED - hlavná dátová časť */

#text
  {
   float: left; 
   width: 592px;
   margin: 0 15px; padding: 0; /* ak dáme float: left a padding-left: 15px (zodpovedá to presne formátovaniu), IE 6 nezobrazí obrázok pozadia */
  }

#text h1
 {
  margin: 0 0 12px 0; padding: 0;
  font-size: 17px; font-weight: bold;
  color: #e70c0d;
 }

#text h2
 {
  margin: 0 0 12px 0; padding: 0;
  font-size: 14px; font-weight: bold;
  color: #e70c0d;
 }

#text h3
 {
  margin: 0 0 12px 0; padding: 0;
  font-size: 13px; font-weight: bold;
  color: #e70c0d;
 }

#text .clear-po { clear: left; } /* clear - plávajúce objekty */
/* poznámka: clear-po je použitý v SPAN atribúte pre .tab-ponuka-obr (PR, ŠA, FA-nemusí) za plávajúcimi objektami, aby mali DIV v poslednom rade spodný MARGIN - je to pre IE 6 a 7 ! */

/* nadpisy v lište TH tabuliek */

#text table th h1, #text table th h2
 {
  margin: 0; padding: 0;
  font-size: 11px; font-weight: bold;
  color: #f0f0f0;
 }


/* tabuľky - základné štandatdné nastavenia */

#text table
 {
  background-color: #f9f9f9;
  border: 1px solid #252525;
  margin: 15px 0 0 0;
  width: 100%;
 }

#text table table { border: none; } /* vnorené tabuľky bez rámu - pre FA */

#text table th
  {
   background-color: #252525; color: #f0f0f0;
   padding: 3px 0 3px 15px;
   font-size: 11px; font-weight: bold;
   text-align: left;
  }

/* odkaz na pravej strane lišty */

#text table th.odkaz { text-align : right; }
#text table th.odkaz a
  {
   color: #f0f0f0;
   font-weight: normal;
   padding-right: 15px;
  }

#text table th.odkaz a:hover { text-decoration: underline; }

#text table td { padding: 15px 0 0 14px; }

#text table p
  {
   margin: 0 14px 15px 0; padding: 0; 
   font-size: 13px;
   line-height: 1.4;
  }

#text table p.bez-ods-dole { margin: 0 14px 0 0; }
#text table p.ramik { border: 3px solid #bbbbbb; } 

/* zmena veľkosti písma */
#text table p .pismo-12px { font-size: 12px; } 
#text table p .pismo-14px { font-size: 14px; } 

#text table p a { color: #e70c0d }
#text table p a:hover { text-decoration: underline }

#text table img 
  {
   border: 3px solid #bbbbbb;
   margin: 0 14px 15px 0;   /* odsadenie RIGHT 14px je univerzálne - pre 1 obrázok aj pre viac obrázkov vedľa seba */
  }

/* špecifiká: pre úvod - Novinky | Akcie | Upútavky - 1 hlavná upútavka a pod ňou 2 úpútavky vedľa seba */

/* doplniť */


/* špecifiká: pre texty a ponuku (zoznam) obrázkov s odkazmi (pole 4 obrázky do riadka) */
/* použité pre: index - ponuka FA, ponuka PR */
/*              FA - úvod (index) */
/*              ŠA - úvod (index) */

/* pre 4 obrázky do riadku s odkazom */

#text .tab-ponuka-obr div img /* očistenie celkového nastavenia IMG v TABLE */
  {
   border: none;
   margin: 0;
  }

#text .tab-ponuka-obr div
  {
   float: left;
   background-color: #d5140f; color: #f0f0f0;
   border: 1px solid #d5140f;
   margin: 0 14px 15px 0; padding: 0;
   font-size: 11px;
  }

#text .tab-ponuka-obr span { padding-left: 5px; }  /* padding TOP a BOTTOM nefunguje voči DIV - je to inline element */

#text .tab-ponuka-obr div a
  {
   display: block;
   color: #f0f0f0;
   font-weight: bold;
   line-height: 1.6;    /* vertikálny padding nefunguje pre SPAN */
  }

/* špecifiká - mapa stránok (sitemap) - 3 stĺpce - TD */

#text .tab-mapa-stranky ul { margin: 0 0 15px 0; padding: 0; }
#text .tab-mapa-stranky li
  {
   list-style: none;
   margin: 0 0 3px 15px; padding: 0;
  }

#text .tab-mapa-stranky li.nadpis
  {
  margin: 0 0 12px 0;
  font-weight: bold;
  font-size: 13px;
  }

#text .tab-mapa-stranky td a:hover
  {
  color : #e70c0d;
  text-decoration: none;
  }

/* špecifiká - kontakt */

/* plávajúce objekty (po) - img */

#text .tab-kontakt img.po-pravy
  {
   float: right;
   margin: 0;
  } 

/* špecifiká - pre FA - jednotlivé FA (štvorkolky, paintball, ...) */
/*           - pre ŠA - jednotlivé ŠA */

#text .tab-fa td
  {
   background: #f9f9f9 url(../obr/bg-firemne-akcie.gif) repeat-y 0 0; /* oddeľovač ľavá - pravá strana */
   padding: 0 14px;
  }

#text .tab-fa .vrchne-cl /* clear line - aby prekreslil oddeľovač zhora */ 
  {
   height: 15px; 
   background-color: #f9f9f9;
  }

#text .tab-fa img
  {
   border: 1px solid #d5140f;
   margin: 0;
  }

#text .tab-fa .fotografie /* oddelenie obrázkov pod sebou je spravené cez <br />, nie cez MARGIN - pre IE 6.0, dáva väčšie MARGIN dole pre umiestnenie <IMG> na nový riadok v xhtml kóde */
  {
   float: left;
   width: 178px;  /* celkom šírka 178 + 14 = 192 px + 1px border na pozadí */
   margin: 0; padding: 0 14px 0 0;
  }

#text .tab-fa .texty
  {
   float: right;
   width: 356px;  /* pre rovnomerné rozloženie WIDTH = 355px, opticky (pre text) je lepšie 356px */
   margin: 0; padding: 0;
   line-height: 1.6; /* dedí sa pre všetko, čo je v TEXTY v xhtml, nielen čo je dedené v CSS napr. tabuľka cenník */
  }

#text .tab-fa .texty a 
  {
   color: #e70c0d;
   text-decoration: underline;  
  }

#text .tab-fa .texty a:hover { text-decoration: none; }

#text .tab-fa .texty p
  {
   margin: 0 0 15px 0; padding: 0;
   line-height: 1.6;  /* musí byť, lebo nastavenie v .texty je zmenené v štandartných nastaveniach TABLE p */
   font-size: 12px;   /* takisto musí byť - prepis dedenia */
  }

#text .tab-fa .texty ul { margin: 0 0 15px 15px; padding: 0; }
#text .tab-fa .texty li
  {
   margin: 0; padding: 0;
   list-style-type: square;
  }

#text .tab-fa .texty ul#cennik { font-size: 11px; }
#text .tab-fa .texty ul#cennik li.zvyraznene-v { font-size: 12px; } /* pre info pod cenníkom - veľkosť písma */
#text .tab-fa .texty ul#cennik li.zvyraznene /* pre info pod cenníkom */
  { 
   font-size: 12px;
   color: #e70c0d;
  }

#text .tab-fa .tab_cennik /* tabuľka cenník */
  {
   margin: 0 0 10px 0;  /* pre rovnomerné rozdelenie kvôli WIDTH 356px namiesto 355px by malo byť 1px LEFT - máme však CELLSPACING - nepoužité */  
  } 

#text .tab-fa .tab_cennik th  /* ostatné vlastnosti sa dedia */
  {
   background-color: #d5140f;
   padding: 2px 0;
   text-align: center;
  } 

#text .tab-fa .tab_cennik td
  {
   background: #dddddd;
   width: 50%;
   padding: 2px 0;
   text-align: center;
  } 

#text .tab-fa .tab_cennik td.cena { font-weight: bold; } 
#text .tab-fa .tab_cennik td span  /* pre malé poznámky */ 
  {
   font-size: 11px;
   font-weight: normal;
  } 

#text .tab-fa .texty img { border: 1px solid #757575; }

#text .tab-fa .tab_gp /* galéria preview - TABLE */
  {
   font-size: 11px;
   margin: 0 0 0 1px;  /* pre rovnomerné rozdelenie obrázkov kvôli WIDTH 356px namiesto 355px */  
   line-height: 1.2;
   width: auto; /* vrátime na default hodnotu - inak by sa dedilo width: 100% */
  } 

#text .tab-fa .tab_gp td
  {
   background: #f9f9f9; /* musí byť - inak by sa dedilo obr - pozadie z rozdeľovačom */
   padding: 0 14px 0 0; /* padding RIGHT musí byť cez TD, nie IMAGE, pre IE 6.0 - poslednému IMAGE by sčítal odsadenie s hlavným TD tab-fa */
  } 

#text .tab-fa .tab_gp td.bez-ods { padding: 0; } /* bez odsadenia vpravo TD */

#text .tab-fa .tab_gp a 
  {
   color: #000000;
   text-decoration: none;  
  }

#text .tab-fa .spodne-cf
  {
   clear: both;
   height: 15px; 
   background-color: #f9f9f9;
  }

/* špecidiká - pre fotogalérie */
/* použité v FA (fotogalérie) */

#text .tab-fotogaleria div { margin: 0 0 14px 0; padding: 0; }

#text .tab-fotogaleria img
  {
   border: 1px solid #d5140f;
   margin: 0 14px 0 0;
  }


/* PRAVÁ strana - poznámky */

#poznamky
   {
    float: right;
    width: 182px;
    margin: 0; padding: 0;
    font-size: 11px;
   }

/* ostatné veci - zobrazené na pravej strane resp. na ľavej (pod menu) */

#poznamky table
  {
   background: #eeeeee;
   border: 1px solid #ea590a;   /* oranžová */
   margin: 15px 0 0 0; padding: 0;
   width: 100%;
  }

#poznamky table th
  {
   background-color: #ea590a; color: #f0f0f0;
   padding: 3px 0; 
   font-weight: bold;
   text-align: center;
  }

#poznamky table td
  {
   text-align: center;
   padding: 15px 0 0 0;
  }

#poznamky table img { border: 3px solid #9f9f9f; }

#poznamky table a
  {
   margin: 0 0 15px 0; 
   display: block;    /* dôležité, inak by neodsadzoval - MARGIN */
  }

#poznamky table a:hover { color: #e70c0d }


/* spodná časť */

#clear-float { clear: both; }

#spodne
  {
   background-color: #333333; color: #f0f0f0;
   font-size: 11px;
   padding: 0 8px;
  }

#spodne a { color: #f0f0f0; }

#spodne-vpravo
  {
   float: right;
   padding: 3px 0 0 0; 
  }































/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/*  STARÉ FORMÁTOVANIE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */



 /* -------------------------------------------------------------------- */
 /* plati pre jednotlive tabulky na pravej strane  - klasicke zobrazenie */
 /* pouzivane najma pre FIREMNE AKCIE                                    */
 /* -------------------------------------------------------------------- */

#text #tab_pra
  {
  background-color: #f9f9f9;
  border: 1px solid #252525;
  margin : 15px 0 0 0;                         /* odsadenie zhora */
  padding : 0;
  }

#text #tab_pra th
  {
  background-color: #252525; color: #f0f0f0;
  font-weight : bold;
  text-align : left;
  }

#text #tab_pra td
  {
  margin : 0;                              /* nereaguje - spravne */
  vertical-align : top;         /* dolezite zarovnanie hore - aj obrazky natlaci hore */
  }

/* bunka tabulky bez horneho-dolneho odsadenia */

#text #tab_pra td#bez_ods
  {
  padding : 0px 15px;         /* odsadenie vertikalne horizontalne */
  vertical-align : top;         /* dolezite zarovnanie hore - aj obrazky natlaci hore */
  }

/* pre obrazky */

#text #tab_pra img
  {
   border : 1px solid #000000;
   margin-left : 15px;
  }

#text #tab_pra a
  {
  font-size : 10pt;
  color : #d5140f;
  text-decoration: underline;
  }

#text #tab_pra #pocet_obr          /* pre text pod obrazkami */
  {
  font-size : 8pt;
  color : #606060;
  margin : 0;
  padding-left : 13px;
  }

/* ------------------------------------------------------------------------------ */
/* plati pre tabulky vnorene do TAB_PRA na pravej strane - cenniky, ...*/
/* ------------------------------------------------------------------------------ */

#text #tab_pra_vnorena
  {
  border : none;
  margin : 0;
  padding : 0;
  font-size : 9pt;
  width : 100%;
  }

#text #tab_pra_vnorena th
  {
  padding-left : 12px;
  background-color : #d25010;
  color : #f0f0f0;
  font-weight : bold;
  text-align : left;
  vertical-align : middle;
  line-height : 1.6;
  font-size : 8pt;
  }

#text #tab_pra_vnorena td
  {
  background-color : #dddddd;
  margin : 0;
  padding : 0 10px 0 10px;         /* sprava zlava */
  text-align : justify;
  vertical-align : top;         /* dolezite zarovnanie hore - aj obrazky natlaci hore */
  line-height : 1.6;         /* vyssie bunky */
  }

/* na odsadozvanie casti (logickych) tabulky */
#text #tab_pra_vnorena td#novisible
  {
  background-color : #eeeeee;
  padding : 0;                                     /* aby bolo odsadenie pomerne padding + line-height */
  line-height : 0.9;
  }

/* na nastavenie sirky bunky tabulky - !!!! staci nastavit najsirsiu bunku - ostatne sa prisposobia */
#text #tab_pra_vnorena td#sirka
  {
  width : 120px;
  }

#text #tab_pra_vnorena td#bazar  /* obrazok bez odsadeni */
  {
  padding : 0;
  }

#text #tab_pra_vnorena img#bazar        /* velky problem naformatovat pre IE, Firefox, Opera rovnako */
  {
  margin: 0;
  border: 1px solid #888888;
  }

/* --------------------------------------------------------------------------------- */
/* plati pre tabulky (vnorene) pre -GALERIE- do TAB_PRA na pravej strane - offroad.. */
/* --------------------------------------------------------------------------------- */

#tab_pra_galeria
  {
  border : 2px solid #eeeeee; /* pre predchadzajucu tabulku tab_pra_vnorena pre jej cellpadding=2 - zachovanie rovnakej sirky*/
  margin : 0;
  padding : 0;
  font-family : verdana, tahoma, arial, sans-serif;
  font-size : 8pt;
  width : 100%;
  }

#tab_pra_galeria th
  {
  padding-left : 12px;
  background-color : #d25010;
  color : #f0f0f0;
  font-weight : bold;
  text-align : left;
  vertical-align : middle;
  line-height : 1.6;
  }

#tab_pra_galeria td
  {
  background-color : #dddddd;
  margin : 0;
  text-align : center;
  padding : 0 4px 0 4px;         /* sprava zlava */
  }

#tab_pra_galeria img         /* treba dat, lebo img dedi odsadenie */
  {
  background-color : #dddddd;
  margin : 0;
  padding : 0;         /* sprava zlava */
  vertical-align : top;         /* dolezite zarovnanie hore - aj obrazky natlaci hore */
  }

/* na odsadozvanie casti (logickych) tabulky */
#tab_pra_galeria td#novisible
  {
  background-color : #dddddd;
  padding : 0;                                     /* aby bolo odsadenie pomerne padding + line-height */
  line-height : 0.9;
  }

/* na nastavenie sirky bunky tabulky - !!!! staci nastavit najsirsiu bunku - ostatne sa prisposobia */
#tab_pra_galeria td#sirka
  {
  width : 120px;
  }

 /* ---------------------------------------------------------------------------------- */
 /* plati pre pravu stranu - zobrazenie obrazkov (skupiny)                             */
 /* pouzite pre ADAMS, KEEWAY, KTM zobrazenie vsetkych aj konkretnych poloziek (moto)  */
 /* PEUGEOT, SHERPAX, POLARIS(uvodne + vnutro),                                        */
 /* pouzite(2) pre skupiny po 4 obrazky v riadku                                       */
 /* ---------------------------------------------------------------------------------- */

#text .tab_pra_obr2
  {
  background-color : #eeeeee;
  border : 1px solid #555555;
  margin : 15px 0 0 0;                         /* odsadenie zhora */
  padding : 0;                                          /* padding tabulky pri IE nefunguje - resp. ho prepisu ine hodnoty*/
  font-size : 8pt;
  width : 100%;
  }

/* hlavicka tabulky hlavnej - na vrchu */

#text .tab_pra_obr2 th
  {
  background-color : #555555;
  color : #f0f0f0;
  font-weight : bold;
  text-align : left;
  vertical-align : middle;
  line-height : 1.6;
  padding : 0 0 0 15px;                   /* odsadenie textu zlava */
  }

/* bunka tabulky hlavnej - v nej je tabulka a v nej male tabulky */

#text .tab_pra_obr2 td
  {
  margin : 0;                                      /* nereaguje */
  padding : 0;
  vertical-align : top;              /* dolezite zarovnanie hore - aj obrazky natlaci hore */
  }

/* vnorene casti - tabulka 1 */

#text .tab_pra_obr2 table
  {
  background-color : #eeeeee;
  margin : 15px 0 0 14px;         /* odsadenie zhora a zlava pre horiz. center-cez CSS, v tab align-center ale to nechcem pre xhtml*/
  padding : 0;
  width: auto;
  }

#text .tab_pra_obr2 table td
  {
  margin : 0;                                      /* nereaguje */
  padding : 0;
  vertical-align : top;              /* dolezite zarovnanie hore - aj obrazky natlaci hore */
  }

/* vnorene casti - tabulky 2 */

#text .tab_pra_obr2 table table
  {
  margin : 0 14px 0 0;                    /* odsadenie sprava pre jednotlive tabulky text + obrazok */
  padding : 0;
  border : 1px solid #d5140f;
  width: auto;
  }

#text .tab_pra_obr2 table table th
  {
  background-color : #d5140f;
  color : #f0f0f0;
  vertical-align : middle;
  padding : 0 0 0 5px;                   /* odsadenie textu */
  }

#text .tab_pra_obr2 table table td
  {
  margin : 0;                                      /* nereaguje */
  padding : 0;
  vertical-align : top;              /* dolezite zarovnanie hore - aj obrazky natlaci hore */
  }

/* pre obrazky a odkazy */

#text .tab_pra_obr2 img
  {
   border : 0px solid white;
   margin: 0;
  }

#text .tab_pra_obr2 a
  {
  font-family : verdana, tahoma, arial, sans-serif;
  font-size : 8pt;
  color : #f0f0f0;
  }

/* pre okno s informaciami, ktore sa objavia po kliknuti ADAMS */

#text .tab_pra_obr2 th#odkaz_spat                  /* td padding zdedeny */
        {
        width : 65px;
        background : #888888;
        }

#text .tab_pra_obr2 th#odkaz_spat a
        {
        background : url(../obr/sipka2.gif) center left no-repeat;
        padding-left : 15px;
        }

#text .tab_pra_obr2 th#za_odkaz_spat
        {
        width : 500px;
        }

/* ----- specifika pre ADAMS ----- */

#text .tab_pra_obr2 img#velky
  {
   margin : 20px 0 15px 50px;
   border : 1px solid #cccccc;
  }

#text .tab_pra_obr2 #tab_adams
  {
   margin : 0 0 0 86px;
   padding : 0;
  }

#text .tab_pra_obr2 #tab_adams2
  {
   margin : 0 0 0 139px;
   padding : 0;
  }

#text .tab_pra_obr2 #tab_adams3
  {
   margin : 0 0 0 224px;
   padding : 0;
  }

/* CSS prebrate z Adams        */

#text .popis {font-weight: bold}
#text .popis2 {font-weight: normal}

/* ----- specifika pre KEEWAY ----- */

#text .tab_pra_obr2 img#velky2
  {
   margin : 20px 0 15px 45px;
   border : 1px solid #cccccc;
  }

#text .tab_pra_obr2 #tab_keeway
  {
   margin : 0 0 0 94px;
   padding : 0;
  }

#text .tab_pra_obr2 #tab_keeway2
  {
   margin : 0 0 0 214px;
   padding : 0;
  }

#text .tab_pra_obr2 #tab_keeway3
  {
   margin : 0 0 0 150px;
   padding : 0;
  }

/* CSS class urobene pre Keeway        */

#text .popis_k1 {
                  font-weight: bold;
                  text-align : right;
                  }

#text .popis_k2 {font-weight: normal}

/* ----- specifika pre KTM ----- */

#text .tab_pra_obr2 #tab_ktm0
  {
   margin : 0 0 0 185px;
   padding : 0;
  }

/* ----- specifika pre POLARIS ----- */

#text .tab_pra_obr2 img#velky3
  {
   margin : 20px 0 15px 19px;
   border : 1px solid #cccccc;
  }

#text .tab_pra_obr2 #tab_polaris
  {
   margin : 0 0 0 0;
   padding : 0;
  }

#text .tab_pra_obr2 #tab_polaris th
 {
  background-color : #eeeeee;
  color: black;
  font-weight: bold;
  text-align : left;
  vertical-align: baseline;
  line-height : 1.5;
  padding : 0 0 0 22px;                   /* odsadenie textu zlava */
 }

#text .tab_pra_obr2 #tab_polaris td
 {
  vertical-align: baseline;
 }

#text .tab_pra_obr2 #tab_polaris td#cena
 {
  color: #d5140f;
  font-weight: bold;
 }

/* -------------------------------------- */
/* ----- specifika pre KYMCO, REIJU ----- */
/* -------------------------------------- */

#text .tab_pra_obr2 #tab_pra_obr2_vnorena                  /* musi to byt cez dedicnost, lebo je nastavene tab_pra_obr2 TABLE a to "prededi" normalne nastavenie */
  {
  margin : 15px 0 0 22px;
  padding : 0;
  font-size : 8pt;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena th
  {
  padding : 0 12px 0 12px;
  background-color : #d25010;
  color : #f0f0f0;
  font-weight : bold;
  vertical-align : middle;
  line-height : 1.6;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena td
  {
  margin : 0 0 0 0;                         /* odsadenie zhora */
  padding : 0;

  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena img
  {
  border : 1px solid #cccccc;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena img#okraj_1
  {
  border : none;
  border-bottom : 1px solid #cccccc;
  border-left : 1px solid #cccccc;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena img#okraj_2
  {
  border : none;
  border-bottom : 1px solid #cccccc;
  border-right : 1px solid #cccccc;
  }


/* ------------------------------------------------------ */
/* --------------- CSS Yuki ----------------------------- */
/* ------------------------------------------------------ */

#text .tab_pra_obr2 .yuki
  {
  background-color : #dddddd;
  margin : 15px 0 0 15px;
  padding : 0;
  font-size : 8pt;
  width : 561px;
  }

#text .tab_pra_obr2 .yuki th
  {
  padding : 0 12px 0 12px;
  background-color : #d25010;
  color : #f0f0f0;
  font-weight : bold;
  vertical-align : middle;
  line-height : 1.6;
  }

#text .tab_pra_obr2 .yuki td
  {
  margin : 0 0 0 0;                         /* odsadenie zhora */
  padding : 0;
  font-size: 9pt;
  }

#text .tab_pra_obr2 #yuki_v td
  {
  padding : 7px 10px 7px 10px;
  line-height : 1.4;
  text-align: justify;
  }

#text .tab_pra_obr2 #yuki_v td.novisible
  {
  background-color : #eeeeee;
  padding : 0;                                     /* aby bolo odsadenie pomerne padding + line-height */
  line-height : 1.3;
  }

#text .tab_pra_obr2 .yuki img
  {
  border-bottom : 1px solid #aaaaaa;
  }

/* ------------------------------------------------------ */
/* --------------- CSS Access Motor---------------------- */
/* ------------------------------------------------------ */

#text .tab_pra_obr2 .access_motor
  {
  background-color : #dddddd;
  margin : 15px 0 0 15px;
  padding : 0;
  font-size : 8pt;
  width : 561px;
  }

#text .tab_pra_obr2 .access_motor th
  {
  padding : 0 12px 0 12px;
  background-color : #d25010;
  color : #f0f0f0;
  font-weight : bold;
  vertical-align : middle;
  line-height : 1.6;
  }

#text .tab_pra_obr2 .access_motor td
  {
  margin : 0; padding : 0;
  font-size: 9pt;
  }

#text .tab_pra_obr2 #access_motor_v td
  {
  padding : 7px 10px 7px 10px;
  line-height : 1.4;
  text-align: justify;
  }

#text .tab_pra_obr2 #access_motor_v td#l_parametre
  {
  width: 30%;
  text-align: left;
  font-weight : bold; font-size: 8pt;
  line-height : 1.6;
  }

#text .tab_pra_obr2 #access_motor_v td#p_parametre
  {
  width: 70%;
  text-align: left;
  font-size: 8pt;
  line-height : 1.6;
  }

#text .tab_pra_obr2 #access_motor_v td.novisible
  {
  background-color : #eeeeee;
  padding : 0;                                     /* aby bolo odsadenie pomerne padding + line-height */
  line-height : 1.3;
  }

/* ------------------------------------------------------ */
/* --------------- CSS tab_pra_obr2_vnorena2 ------------ */
/* ----- specifika tabulky tab_pra_obr2 pre PEUGEOT ----- */
/* ----- pre SHERPAX,...                            ----- */
/* ------------------------------------------------------ */

#text .tab_pra_obr2 #tab_pra_obr2_vnorena2  /* musi to byt cez dedicnost, lebo je nastavene tab_pra_obr2 TABLE a to "prededi" normalne nastavenie */
  {
  background-color : #ffffff;
  margin : 15px 0 0 15px;
  padding : 0;
  font-size : 8pt;
  width : 561px;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena2 th
  {
  padding : 0 12px 0 12px;
  background-color : #d25010;
  color : #f0f0f0;
  font-weight : bold;
  vertical-align : middle;
  line-height : 1.6;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena2 td
  {
  margin : 0 0 0 0;                         /* odsadenie zhora */
  padding : 0;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena2 img
  {
  border : none;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena2 td#okraj_1
  {
  border : none;
  border-bottom : 1px solid #cccccc;
  border-left : 1px solid #cccccc;
  }

#text .tab_pra_obr2 #tab_pra_obr2_vnorena2 td#okraj_2
  {
  border : none;
  border-bottom : 1px solid #cccccc;
  border-right : 1px solid #cccccc;
  }

/* ----------------------------------------------------------------- */
/* ---- specifika vnorenych tabuliek v tab_pra_obr2 pre PEUGEOT ---- */
/* ----------------------------------------------------------------- */

#text #tab_pra_obr2_vnorena2 #tab_pra_peugeot
 {
  background-color : #ffffff;
  margin : 8px 0 0 0;
  padding : 0;
  font-size : 8pt;
  border : none;
 }

#text #tab_pra_obr2_vnorena2 #tab_pra_peugeot th
 {
  background-color : #ffffff;
  color : black;
  padding : 0 3px 0 3px;
  font-weight : bold;
  line-height : 1.5;
 }

#text #tab_pra_obr2_vnorena2 #tab_pra_peugeot td
 {
  line-height : 1.5;
  padding : 0 3px 0 0;
 }

#text #tab_pra_obr2_vnorena2 #tab_pra_peugeot b#cena
  {
  color : #d25010;
  }

/* -------------------------------------------------------------------- */
/* plati pre tabulku na pravej strane  - 1. uvodne zobrazenie SHERPAX   */
/* -------------------------------------------------------------------- */

#text #tab_pra_sherpax
  {
  background-color : #eeeeee;
  border : 1px solid #555555;
  margin : 15px 0 0 0;                         /* odsadenie zhora */
  padding : 0;
  font-family : verdana, tahoma, arial, sans-serif;
  font-size : 9pt;
  }

#tab_pra_sherpax th
  {
  background-color : #555555;
  color : #f0f0f0;
  font-weight : bold;
  text-align : left;
  vertical-align : middle;
  line-height : 1.6;
  font-size : 8pt;
  padding-left : 15px;
  }

#tab_pra_sherpax td
  {
  margin : 0;                              /* nereaguje - spravne */
  padding : 15px 15px 0 0;         /* odsadenie hore vpravo */
  text-align : justify;
  vertical-align : top;         /* dolezite zarovnanie hore - aj obrazky natlaci hore */
  }

#tab_pra_sherpax td img
  {
  margin : 0 0 0 15px;
  padding : 0;
  border: 1px solid black;
  }

#tab_pra_sherpax td a
  {
  color : #d5140f;
  font-weight : bold;
  }

#tab_pra_sherpax td a:hover
  {
  color : #d5140f;
  font-weight : bold;
  text-decoration: underline;
  }

/* ------------------------------------------------------------------------ */
/* ---- specifika vnorenej tabulky v tab_pra_obr2_vnorena2 pre SHERPAX ---- */
/* ---- tabulka pre zobrazenie informacii o ponozkach vedla obrazka    ---- */
/* ------------------------------------------------------------------------ */

#tab_pra_obr2_vnorena2 #tab_pra_sherpax2
 {
  background-color : #ffffff;
  margin : 8px 0 8px 0;
  padding : 0;
  font-size : 8pt;
  border : none;
 }

#tab_pra_obr2_vnorena2 #tab_pra_sherpax2 th
 {
  background-color : #ffffff;
  color : black;
  padding : 0 3px 0 3px;
  font-weight : bold;
  line-height : 1.5;
  vertical-align: top;
 }

#tab_pra_obr2_vnorena2 #tab_pra_sherpax2 td
 {
  line-height : 1.5;
  padding : 0 3px 1px 0;
 }

#tab_pra_obr2_vnorena2 #tab_pra_sherpax2 b#cena
  {
  color : #d25010;
  }

/* -------------------------------------------------------------------- */
/* plati pre uvodnu tabulku SHERPAX velkoobchod - s INPUT-mi            */
/* POZOR !!!!! vzdy je treba davat kazdu vnorenu tabulku do definicie spolu */
/* s nadradenou nabulkou napr. #tab_pra_obr2 #tab_pra_sherpax_vobchod inak  */
/* nefunguju niektore definicie napr. margin, padding                   */
/* -------------------------------------------------------------------- */

.tab_pra_obr2 #tab_pra_sherpax_vobchod
  {
  font-size : 9pt;
  margin : 15px;
  }

.tab_pra_obr2 #tab_pra_sherpax_vobchod td
  {
  margin : 0;
  padding : 0;
  vertical-align : top;
  }

.tab_pra_obr2 #tab_pra_sherpax_vobchod td img
  {
  margin-right : 15px;
  border: 1px solid black;
  }

/* -------------------------------- */
/* CSS FORMULARE (INPUT)            */
/* -------------------------------- */

form
 {
  margin : 5px 113px 0 0;
  padding : 4px 6px;
  font-size : 8pt;
  border : 1px solid #777777;
  vertical-align: middle;
 }

input
 {
  font-family : verdana, tahoma, arial, sans-serif;
  font-size : 8pt;
  border : 1px solid #aaaaaa;
  vertical-align: middle;
  padding : 1px;
  margin : 3px;
 }

input#tlacidlo      /* input[type="submit"] - IE nerozumie */
 {
  font-size : 8pt;
  border : 1px solid #777777;
  vertical-align: middle;
  padding : 2px;
 }



/* T E M P */


 /* ---------------------------------------------------- */
 /* uprava tab_pra_obr2 pre potreby tabulky v index.php  */
 /* zobrazenie obrazkov                                  */
 /* -----------------------------------------------------*/

#text .tab_pra_obr2 .fa_index
  {
  background-color : #eeeeee; /* je to pas malych tabuliek */
  margin : 15px 0 0 18px;         /* odsadenie zhora a zlava pre horiz. center-cez CSS, v tab align-center ale to nechcem pre xhtml*/
  padding : 0;
  width: auto;
  }


#text .tab_pra_obr2 .fa_index table
  {
  margin : 0 18px 0 0;                    /* odsadenie sprava pre jednotlive tabulky text + obrazok */
  padding : 0;
  border : 1px solid #d5140f;
  width: auto;
  }
  
#text .tab_pra_obr2 .fa_index table img 
  {
   margin: 0;
  }