/* ========================== STYL HLAVNI STRANY ============================ */
* { margin: 0; padding: 0; border: 0; }
a { text-decoration: none; }
body { /*------------------------- POZADI ------------------------------------*/
  background-color: #A6CAF0;           /* Barva pozadi stranky */
  width: 800px;                        /* Sirka bude 800px */
  margin: 10px auto 10px auto;         /* Okraje 10 bodu, horiz. centrovano */
  height: 100%;
}
li { /* -------------------------- OBECNE ODSAZENI u LI seznamu --------------*/
  margin-left: 40px;
}
#hidden { /*------------------- SKRYTY TEXT V BARVE POZADI -------------------*/
  color: #A6CAF1;                      /* Barva textu */
  font-size: 1px;                      /* Velikost fontu 1px */
}
#logo { /*--------------------- DIV pro LOGO - obrazek Samuraje --------------*/
  margin: 0 auto 7px auto;             /* Horizontalne centrovano, dole 7px */
  text-align: center;                  /* Text na stred */
}
/* ------------------------------- RAMOVE LINKY NAD/POD FOTKOU ---------------*/
.l1 { width: 357px; height: 4px; background: #000033; margin: 3px auto; font-size: 1px; }
.l2 { width: 342px; height: 4px; background: #000099; margin: 3px auto; font-size: 1px; }
.l3 { width: 327px; height: 3px; background: #0000ff; margin: 3px auto; font-size: 1px; }
.l4 { width: 310px; height: 2px; background: #6699ff; margin: 3px auto; font-size: 1px; }
.l5 { width: 290px; height: 1px; background: #33ffff; margin: 3px auto; font-size: 1px; }
.l6 { width: 280px; height: 1px; background: #33ffff; margin: 3px auto; font-size: 1px; }
.l7 { width: 330px; height: 2px; background: #6699ff; margin: 3px auto; font-size: 1px; }
.l8 { width: 400px; height: 3px; background: #0000ff; margin: 3px auto; font-size: 1px; }
/*----------------------------------------------------------------------------*/
#about { /*-------------------- DIV pro text "o me" -----------------------*/
  margin: 0 auto;                      /* DIV na stred */
  text-align: center;                  /* Text uvnitr na stred */
  font-family: Verdana, Arial;         /* Font */
  font-size: 13px;                     /* Vyska fontu 13px */
  width: 400px;
}
h1#name { /*---------------------- Font H1 pro jmeno -------------------------*/
  font-family: "Times New Roman";      /* Font */
  font-size: 32px;                     /* Vyska fontu 32px */
  color: black;                        /* Barva cerna */
  font-style: italic;                  /* Kurzivou */
  font-weight: bold;                   /* Tucne */
  margin-bottom: 7px;
}
#cenypodimky { /*-------------- Poznamka o cenach a dodacich podminkach ---*/
  text-align: center;
  color: red;                          /* Barva cervena */
  font-family: Verdana, Arial;         /* Font */
  font-size: 19px;                     /* Vyska 20px */
  font-weight: bold;                   /* Tucne */
  margin: 10px 0 20px 0;               /* Okraje nahore/dole 20px */
}
div#aktuality { /*---------------- Blok AKTUALITY ----------------------------*/
  background-color: #8EC7FF;           /* Pozadi svetlejsi modra */
  border: 1px solid gray;              /* Okraj bloku 1px sedou carou */
  padding: 15px;                       /* Okraje uvnitr 15px */
}
div#novinky a,
div#aktuality a { /*-------------- ODKAZY v AKTUALITACH ----------------------*/
  color: black;                        /* Cernou barvou */
  text-decoration: underline;
}
div#novinky a:hover,
div#novinky a:active,
div#aktuality a:hover,
div#aktuality a:active { /*-------- ODKAZY v AKTUALITACH s mysi nad ----------*/
  color: #ee0000;                      /* barvou */
}
div#aktuality div.right { /*------ DIV pro datum v aktualitach ---------------*/
  float: right;                        /* Blok doprava (obtekani zleva) */
  font-family: Arial, sans-serif;      /* Font */
  font-size: 19px;                     /* Vyska 20px */
  font-weight: bold;                   /* Tucne */
  margin-top: 3px;
}
h2.nadpis { /*-------------------- Styl nadpisu H2 - pro novinky a aktuality -*/
  text-decoration: underline;          /* Podtrzeny */
  font-family: Arial, sans-serif;      /* Font */
  font-size: 19px;                     /* Vyska 20px */
  font-weight: bold;                   /* Tucne */
  margin: 3px;                         /* Bez vnitrnich okraju */
}
div#novinky { /*------------------ DIV pro novinky ---------------------------*/
  margin-top: 10px;                    /* Horni vnejsi okraj 10px */
  background-color: #8EC7FF;           /* Svetlejsi modra - pozadi uvnitr */
  border: 1px solid gray;              /* Okraj 1px sedou carou */
  padding: 15px;                       /* Vnitrni okraj 15px */
}
div#novinky .novinka { /*------ DIV konkretni novinky ---------------------*/
  height: 138px;                       /* Pevna vyska 140px */
  margin: 0 10px;                      /* Levy a pravy okraj 10px */
  border-width: 1px 0 0 0;             /* Oramovani - horni strana 1px */
  border-color: gray;                  /* Oramovani - sedou barvou */
  border-style: solid;                 /* Oramovani - plnou carou */
}
div#novinky .nazev { /*--------- DIV pro nazev novinky --------------------*/
  padding-top: 40px;                   /* Vnitrni horni okraj 40px */
  padding-left: 20px;                  /* Vnitrni levy okraj 20px */
  font-size: 18px;                     /* Vyska fontu 18px*/
}
div#novinky .obrazek { /*------- DIV pro obrazek novinky ------------------*/
  float: right;                        /* Posleme doprava (obtekani zleva) */
  width: 250px;                        /* Sirka bloku 250px */
  height: 138px;
  background-color: #A6CAF0;           /* Pozadi tmavsi modrou */
  text-align: center;
}
div#novinky .obrazek img { /*--- Vlastnosti obrazku IMG novinky -----------*/
  height: 118px;                       /* Vyska pevne 118px */
  display: block;                      /* Zobrazit jako blok */
  padding: 10px;
  margin: 0 auto;                      /* IMG centrovat */
}
div#zbozi { /*--------------------- DIV pro vsechny hracky -------------------*/
  margin: 10px 0 0 0;                  /* Horni vnejsi okraj 10px */
  border: 1px solid gray;              /* Oramovani 1px sedou carou */
  padding: 15px;                       /* Vnitrni okraje 15px */
}
div#zbozi[id] {
  padding: 15px 15px 0 15px;           /* Vyjimka pro Mozillu */
}
div#zbozi h2.sekce { /*------------ Nadpis H2 pro sekci ----------------------*/
  text-decoration: none;               /* Podtrzeny */
  font-family: Arial;                  /* Font */
  font-size: 20px;                     /* Vyska 20px */
  font-weight: bold;                   /* Tucne */
  margin: 0 0 5px 0;                   /* Bez okraju */
  padding: 0 0 0 10px;                 /* Vnitrni odsazeni textu */
  color: white;                        /* Cervenou barvou */
  background-color: #C00040;           /* Barva pozadi - cerveny pruh */
  clear: both;
}
div#zbozi h2.podsekce { /*--------- Nadpis H2 pro podsekci -------------------*/
  text-decoration: underline;          /* Podtrzeny */
  font-family: "Times New Roman";      /* Font */
  font-size: 16px;                     /* Vyska 16px */
  font-weight: bold;                   /* Tucne */
  margin: 7px 0 0 0;                   /* Horni vnejsi okraj 7px */
  padding: 0;                          /* Zadny vnitrni okraj */
}
div#zbozi h3 { /*------------------- Nadpis H3 pro popis sekce pod nadpisem --*/
  font-family: "Times New Roman";      /* Font */
  font-size: 16px;                     /* Vyska 16px */
  font-weight: bold;                   /* Tucne */
  padding-left: 10px;                  /* Horni a levy okraj 10px */
  margin-bottom: 10px;
}
div#zbozi h4 { /*-------------- H3 pro dalsi informace v zacatku sekci --*/
  font-family: "Times New Roman";      /* Font */
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 15px;                     /* Font */
  font-weight: normal;                 /* Normalni font */
  padding-left: 10px;                  /* Levy a horni vnitrni okraj 10px */
}
div.kategorie { /*------------------ Styl bloku jedne kategorie --------------*/
  font-family: Arial, sans-serif;      /* Font */
  margin-bottom: 20px;                 /* Dole vnejsi okraj 20px */
  clear: both;
  width: 100%;
  display: block;
}
.kategorie a {
  color: black;
  float: left;
  text-align: center;
}
.kategorie a:link,.kategorie a:hover,.kategorie a:active,.kategorie a:visited { color: black; }
.konecradku { /*-------------------- DIV pro zalomeni radku hracek -----------*/
  clear: both;
  height: 1px;                         /* Mozilla backward compatibility */
}
div.kategorie img { /*-------------- Obrazek hracky --------------------------*/
  height: 118px;                       /* Vyska 118px */
  display: block;
}
div.doplnek { /*-------------------- DIV pro doplnky (obojku atp.) -----------*/
  width: 100%;
  clear: both;
  text-align: left;
}
div.doplnek div { /*---------------- DIV pro popis doplnku (obojku atp.) ----*/
  float: none;
  padding: 25px 0 0 0;
  font-size: 15px;
  text-align: center;
  /*  border-width: 1px 0 0 0;
  border-color: rgb(162,162,162);
  border-style: solid; */
}
div.doplnek img { /*---------------- Obrazek doplnku ------------------------*/
  height: 80px;                          /* Vyska 80px */
  padding-left: 30px;
  float: left;
}

a.center { /*------------ Centrovany DIV -------------------------*/
  text-align: center;                  /* Vnitrni text na stred */
  font-size: 24px;                     /* Vyska fontu 24px */
  width: 100%;                         /* Sirka 100% nadrazeneho tagu */
  margin-top: 6px;                     /* Vnejsi horni okraj 6px */
  color: #cc0000;
  display: block;
  float: none;
}
a.center:link, a.center:hover, a.center:active, a.center:visited { color: #cc0000; }

div#objednavka { /*------------------ DIV s informacemi pro objednavku -------*/
  padding-top: 15px;                   /* Vsechny vnitrni okraje 15px */
  margin: 0 20px 15px 15px;            /* Vnejsi okraje TOP RIGHT BOTTOM LEFT */
  font-size: 18px;                     /* Vyska fontu */
}
div#objednavka ul { /*--------------- Bodovy seznam --------------------------*/
  font-size: 16px;                     /* Vyska fontu */
}
div#objednavka div.postovne  { /*---- DIV pro postovne -----------------------*/
  float: left;                         /* Posunuty vlevo = obtekany zprava */
  display: block;                      /* Jako blok */
  width: 50%;                          /* Sirka je 50% nadrazeneho TAGu */
  height: 170px;                       /* Vyska pevne 200px */
}
div#objednavka h2 {
  font-family: Arial;
  font-size: 19px;
  margin-bottom: 5px;
}
div#objednavka div.pozadavky { /*----- DIV pro pozadavky pri objednavce ------*/
  width: 50%;
  height: 170px;                       /* Vyska pevne 200px */
  float: left;
}
#paticka { /*------------------------- DIV paticky ---------------------------*/
  width: 100%;                         /* Sirka 100% nadrazeneho TAGu */
  height: 55px;                        /* Vyska 55px */
  background-color: black;             /* Pozadi cerne */
  border: 1px solid silver;            /* Okraj 1px seda */
  margin-bottom: 10px;                 /* Dole okraj 20px (at to neni tolik nalepeno na okne) */
  text-align: center;
}
#paticka a {
  display: block;
}
#paticka div { /*--------------------- Bunky paticky -------------------------*/
  width: 185px;                        /* Textove DIVy 4 => 4x182px */
  float: left;                         /* Postupne je obetekame zprava */
  text-align: center;                  /* Text uvnitr na stred */
  padding: 6px 0 0 0;                  /* Horni vnitrni okraj 10px */
  color: white;                        /* Barva textu bila */
  font-weight: bold;                   /* Tucne */
  font-size: 15px;                     /* Vyska fontu 15px */
  font-family: Arial, sans-serif;
}
#paticka .gif { /*-------------------- Bunka paticky s animovanym GIFem ------*/
  width: 36px;                         /* Zbyvajicich 50px sirky */
  float: left;                         /* Postupne je obetekame zprava */
  margin: 3px 7px 0 7px;
}
#paticka .last {
  float: none;
  width: 0px;
}

#paticka a, #paticka a:hover { color: #FFC610; font-size: 15px; }
#paticka a.wh { color: white; }
#banners {
  padding: 0;
  margin: 12px 0 0 0;
  position: relative;
  height: 31px;
  overflow: hidden;
}
#banners * {
  border:0;margin:0;padding:0;
  height: 31px;
}
#banners .b1 { position:absolute; left:5px; width: 83px; }
#banners .b2 { position:absolute; left:101px; width: 83px; }
#banners .b3 { position:absolute; left:197px; width: 83px; }
#banners .b4 { position:absolute; left:293px; width: 83px; }
#banners .b5 { position:absolute; left:389px; width: 83px; }
#banners .b6 { position:absolute; left:485px; width: 83px; }
#banners .v1 { position:absolute; left:581px; width: 88px; }
#banners .v2 { position:absolute; left:677px; width: 88px; }
#contact { list-style: none; }
.podminky li { margin-top: 6px; }

.debug { background-color: #FFFF00; }