/* ------------------------- */
/* hlavne CSS pre xsport.sk  */
/* ------------------------- */

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

img { border : none; }

body
  {
   background: #cccccc 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
   {
    text-align: left;   /* zarovnanie center z body */
    margin: 0 auto; /* center */ padding: 0;
    width: 780px;
    border: 2px solid #dddddd;
   }

#logo_up 
   {
    background-color: #555555; color: #f0f0f0;
    border: 1px solid #888888;
    text-align: center;
   }

#logo 
   {
    background-color: #cccccc;
    border-left: 1px solid #888888; border-right: 1px solid #888888;
   }

#logo_down  /* TABLE */ 
   {
    background-color: #d5140f; color: #f0f0f0;
    border: 1px solid #888888;
    font-size: 11px; font-weight: bold;
    width: 100%;
   }

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

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

/* ľavá strana */

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

.tab_menu
   {
    background-color: #eeeeee;
    border: 1px solid #d5140f;
    margin: 15px 0 0 0; padding: 0;
    width: 100%;
   }

.tab_menu th
   {
    background-color : #d5140f; 
    padding: 2px 0;     /* 1px má odkaz A, preto 2x a nie 3px */
    font-weight: bold;
    text-align: center;
   }

.tab_menu ul { margin: 0; padding: 0; }

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

.tab_menu li.oddelovac { background : #eeeeee url(../obr/oddelovac.gif); }

.tab_menu a
   {
    display: block;
    width : 166px;  /* pre IE 6.0 */
    margin: 0; padding : 0 0 1px 5px;
   }

.tab_menu a.zvyraznene_f { color : #d5140f; }
.tab_menu a.zvyraznene_b { font-weight: bold; }

.tab_menu a:hover { background-color: #cccccc; }

.tab_menu th a
  {
   color : #f0f0f0;
   padding : 1px 0 1px 5px;
  }

.tab_menu th a:hover
  {
   text-decoration : underline;
   background-color: #d5140f;
  }

.tab_menu a.prvy { padding-top: 4px; }
.tab_menu a.posledny { padding-bottom: 5px; }
.tab_menu a.posledny_vnoreny { padding-bottom: 1px; } /* bez efektu, 1px je nastavený štandartne - ponechaný pre budúce zmeny */ 

.tab_ver_ostatne
  {
   background-color: #eeeeee;
   border: 1px solid #d25010;
   margin: 15px 0 0 0; padding: 0;
   width: 100%;
  }

.tab_ver_ostatne th
  {
   background-color: #d25010; color: #f0f0f0;
   padding: 3px 0; 
   font-weight: bold;
   text-align: center;
  }

.tab_ver_ostatne td
  {
   text-align: center;
   padding: 16px 0;
  }

.tab_ver_ostatne a
  {
   background-color: #dddddd;
   border : 1px solid #a0a0a0;
   padding : 3px 5px;
  }

/* pravá strana */

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

h1
 {
  margin: 0 0 8px 0; padding: 0;
  font-size: 14px; font-weight: bold;
  color: #e70c0d;
 }

h2
 {
  margin: 0 0 8px 0; padding: 0;
  font-size: 13px; font-weight: bold;
  color: #e70c0d;
 }

/* nadpisy v lište TH tabuliek */

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

/* pre INDEX - v indexe (úvode) a novinky - samostatné formátovanie */
/* poznámka - ak chýba #text pred .tab_pra_novinky a je nastavený odkaz "a" pre #text, v tab_pra_novinky sa ignorujú nastavenia "a"  */

.tab_novinky
  {
  background-color: #f9f9f9;
  border: 1px solid #555555;
  margin: 15px 0 0 0;
  width: 100%;
  }

.tab_novinky a { color : #d5140f; }
.tab_novinky a:hover { text-decoration: underline; }

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

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

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

.tab_novinky td
  {
   padding: 15px 15px 0 15px;
   line-height : 1.3;
  }

.tab_novinky .uputavka /* DIV */
  {
   background-color : #dddddd;
   border: 1px solid #333333;
   margin: 0 0 15px 0; padding : 7px 10px 10px 10px;
  }

.tab_novinky .uputavka img  
  {
   border: 1px solid #888888;
   margin: 0 0 10px 0px; 
  }

/* vnorené tabuľky */

.tab_novinky table
  {
   width: 100%;
   font-size: 11px;
   text-align: justify;
   margin: 0 0 15px 0;
  }

.tab_novinky table th { background-color : #d25010; }

.tab_novinky table td
  {
  padding : 3px 10px;
  background-color : #dddddd;
  }

.tab_novinky table .zvyraznene
  {
   border: 1px solid #a0a0a0;
   background-color: #cccccc;
  }

/* pre INDEX - o nás, kontakt, sitemap (špecifiká) - spoločné formátovanie s určením špecifík */

.tab_index  /* DIV */
  {
  background-color: #f9f9f9;
  border: 1px solid #555555;
  margin: 15px 0 0 0;
  width: 100%;
  }

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

.tab_index a { color: #d5140f; }
.tab_index a:hover { text-decoration: underline; }

.tab_index td
  {
  padding: 15px 15px 0 15px;
  text-align: justify;
  line-height: 1.3;
  }

.tab_index td p { margin: 0 0 15px 0; padding: 0; }

/* špecifiká - SITEMAP - Mapa stránok */

.tab_index #sitemap td /* TR */
  {
   font-size : 11px;
   padding : 12px 0 12px 12px;
   vertical-align: top;
   width : 33%;   /* pre rovnomernosť stĺpcov */
  }

.tab_index #sitemap td ul { margin: 0; padding: 0; }

.tab_index #sitemap td li
  {
   list-style: none;
   margin: 0; padding: 0;
  }

.tab_index #sitemap td .nadpis
  {
  margin: 0 0 5px 0;
  font-weight: bold;
  font-size: 12px;
  }

.tab_index #sitemap td li a { color: #000000; }

.tab_index #sitemap td li a:hover
  {
  color : #d5140f;
  font-weight : bold;
  text-decoration: none;
  }

/* pre INDEX - obrázky - ponuka FA, ponuka PREDAJŇA */
/* pre Firemné akcie (FA) - úvod(index) */

.tab_obr
  {
   background-color: #f9f9f9;
   border: 1px solid #555555;
   margin: 15px 0 0 0;
   font-size: 11px;
   width: 100%;
  }

.tab_obr th
  {
   background-color: #555555; color: #f0f0f0;
   padding: 3px 0 3px 15px;
   font-weight: bold;
   text-align: left;
  }

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

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

.tab_obr td { padding: 15px 0 0 14px; }

.tab_obr p  /* pre FA úvod */ 
  {
   margin: 0 14px 15px 0; padding: 0;
   font-size: 13px;
  }

.tab_obr div
  {
   float: left;
   background-color: #d5140f; color: #f0f0f0;
   border: 1px solid #d5140f;
   margin: 0 14px 15px 0; padding: 0;
  }

.tab_obr span { padding-left: 5px; }  /* padding TOP a BOTTOM nefunguje voči DIV */

.tab_obr div a
  {
   color: #f0f0f0;
   font-weight: bold;
   line-height: 1.6;    /* vertikálny padding nefunguje pre SPAN */
  }

/* pre Firemné akcie - jednotlivé firemné akcie - samostatné formátovanie (vychádzame z tab_obr) */

.tab_fa
  {
   border: 1px solid #555555;
   margin: 15px 0 0 0;
   font-size: 12px;
   width: 100%;
  }

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

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

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

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

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

.tab_fa img { border: 1px solid #d5140f; }

.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 */
  {
   float: left;
   width: 178px;  /* celkom šírka 178 + 14 = 192 px + 1px border na pozadí */
   margin: 0; padding: 0 14px 0 0;
  }

.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 */
  }

.tab_fa .texty a 
  {
   color: #d5140f;
   text-decoration: underline;  
  }

.tab_fa .texty a:hover { text-decoration: none; }

.tab_fa .texty p { margin: 0 0 15px 0; padding: 0; }

.tab_fa .texty ul { margin: 0 0 15px 15px; padding: 0; }
.tab_fa .texty li
  {
   margin: 0; padding: 0;
   list-style-type: square;
  }

.tab_fa .texty ul#cennik { font-size: 11px; }
.tab_fa .texty ul#cennik li.zvyraznene /* pre info pod cenníkom */
  { 
   font-size: 12px;
   color: #d5140f;
  }

.tab_fa .tab_cennik /* tabuľka cenník */
  {
   margin: 0 0 10px 0px;  /* pre rovnomerné rozdelenie kvôli WIDTH 356px namiesto 355px by malo byť 1px LEFT - máme však CELLSPACING - nepoužité */  
   width: 100%;           /* pre 100% nie je tabuľka presne v strede - nevadí */
  } 

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

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

.tab_fa .tab_cennik td.cena { font-weight: bold; } 
.tab_fa .tab_cennik td.cena span  /* pre SK sumu */ 
  {
   font-size: 11px;
   font-weight: normal;
  } 

.tab_fa .texty img { border: 1px solid #757575; }

.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;
  } 

.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 */
  } 

.tab_fa .tab_gp td.bez-ods { padding: 0; } /* bez odsadenia vpravo TD */

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

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

/* pre FA - fotogaléria - samostatné formátovanie - vychádza z tab_obr */

.tab_fotogaleria
  {
   background-color: #f9f9f9;
   border: 1px solid #555555;
   margin: 15px 0 0 0;
   font-size: 11px;
   width: 100%;
  }

.tab_fotogaleria th
  {
   background-color: #555555; color: #f0f0f0;
   padding: 3px 0 3px 15px;
   font-weight: bold;
   text-align: left;
  }

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

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

.tab_fotogaleria td { padding: 15px 0 0 14px; }

.tab_fotogaleria div { margin: 0 0 14px 0; padding: 0; }

.tab_fotogaleria img
  {
   border: 1px solid #d5140f;
   margin-right: 14px;
  }









/* spodná časť */

#lista_clear { clear: both; }

#lista_down
  {
   background-color: #333333; color : #f0f0f0;
   border: 1px solid #aaaaaa;
   font-size: 11px;
  }

#lista_down a { color: #f0f0f0;  }

#lista_down_right
  {
   float: right;
   padding-top: 3px; 
  }











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

#tab_pra
  {
  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 : 10pt;
  }

#tab_pra 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 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 */
  }

/* bunka tabulky bez horneho-dolneho odsadenia */

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

/* pre obrazky */

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

#tab_pra a
  {
  font-family : verdana, tahoma, arial, sans-serif;
  font-size : 10pt;
  color : #d5140f;
  text-decoration: underline;
  }

#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, ...*/
/* ------------------------------------------------------------------------------ */

#tab_pra_vnorena
  {
  border : none;
  margin : 0;
  padding : 0;
  font-family : verdana, tahoma, arial, sans-serif;
  font-size : 9pt;
  width : 100%;
  }

#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;
  }

#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 */
#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 */
#tab_pra_vnorena td#sirka
  {
  width : 120px;
  }

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

#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                                       */
 /* ---------------------------------------------------------------------------------- */

.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-family : verdana, tahoma, arial, sans-serif;
  font-size : 8pt;
  width : 100%;
  }

/* hlavicka tabulky hlavnej - na vrchu */

.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 */

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

/* vnorene casti - tabulka 1 */

.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;
  }

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

/* vnorene casti - tabulky 2 */

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

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

.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 */

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

.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 */

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

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

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

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

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

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

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

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

/* CSS prebrate z Adams        */

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

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

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

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

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

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

/* CSS class urobene pre Keeway        */

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

.popis_k2 {font-weight: normal}

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

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

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

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

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

.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 */
 }

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

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

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

.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;
  }

.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;
  }

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

  }

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

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

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


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

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

.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;
  }

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

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

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

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

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

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

.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;
  }

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

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

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

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

.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,...                            ----- */
/* ------------------------------------------------------ */

.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;
  }

.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;
  }

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

.tab_pra_obr2 #tab_pra_obr2_vnorena2 img
  {
  border : none;
  }

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

.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 ---- */
/* ----------------------------------------------------------------- */

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

#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;
 }

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

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

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

#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                                  */
 /* -----------------------------------------------------*/

.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;
  }


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