body /* --- telo stranky --- */
{
  background-color: rgb(0,0,0);
  font-family: century gothic, verdana, arial, tahoma;
  color: rgb(208,208,208);
  font-style: normal;
  font-size: 11pt;
  white-space: normal;
  text-align: center;
}

body, html /* --- posuvna lista --- */
{
  scrollbar-track-color: rgb(48,48,48);
  scrollbar-face-color: rgb(0,0,0);
  scrollbar-highlight-color: rgb(255,255,102);
  scrollbar-3dlight-color: rgb(255,255,153);
  scrollbar-darkshadow-color: rgb(255,204,51);
  scrollbar-shadow-color: rgb(254,219,80);
  scrollbar-arrow-color: rgb(255,204,51);
}

/* --------------------- POZICOVANI STRANKY --------------------------------- */
#obrazek /* --- obrazek v hlavicce --- */
{
  position: absolute;
  width: 990px;
  background-color: black;
}


#obrazek img
{
  position: absolute;
  right: 75px;
}

#stranka
{
  margin: 0 auto;
  width: 990px;
  background-color: rgb(0,0,0);
  text-align: left;
}


#hlavicka
{
  background: rgb(16,16,16) url('obrazky/hlavicka.jpg') no-repeat;
  height: 275px;
}


#pruh /* --- "cerny pruh nad hlavnim menu (ktery neni videt)" --- */
{
  height: 15px;
  width: 50px;
  background: rgb(0,0,0);
}


#telo /* --- obsah stranky, kde je samotny text --- */
{
  background: rgb(48,48,48) url('obrazky/pozadi_pruh.jpg') repeat;
  padding: 2ex 7em;
}


#pata
{
  background: #000000 url('obrazky/pata.jpg') no-repeat;
  padding: 150px 75px 0 75px;
}


#menu1 /* --- 1. radek menu --- */
{
  width: 528px;
  height: 22px;
  background: black;
  margin: 0 0 0 90px;
  padding: 0;
  display: block;
}


#menu2 /* --- 2. radek menu --- */
{
  width: 396px;
  height: 22px;
  background: black;
  list-style-type: none;
  margin: 0 0 0 90px;
  padding: 0;
  display: block;
}


#menu3 /* --- 3. radek menu --- */
{
  width: 264px;
  height: 22px;
  background: black;
  list-style-type: none;
  margin: 0 0 0 90px;
  padding: 0;
  display: block;
}


#menu4 /* --- 4. radek menu --- */
{
  width: 132px;
  height: 22px;
  background: black;
  list-style-type: none;
  margin: 0 0 0 90px;
  padding: 0;
  display: block;
}


#menu-pata /* --- menu pod patou --- */
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  font-size: 7pt;
  float: right;
}


#girrafka /* --- napis "designed and created by girrafka 2008" --- */
{
  font-size: 8pt;
  color: rgb(96,96,96);
  text-align: right;
}

#girrafka a
{
  color: rgb(96,96,96);
  text-decoration: none;
  font-weight: bold;
}

#girrafka a:hover
{
  color: yellow;
}

#index
{
  text-align: center;
  width: 750px;
  height: 500px;
  margin: 0;
  padding: 200 0 0 0;
  background: url('obrazky/index.jpg') no-repeat;
}

#cz-en /* --- menu pod patou --- */
{
  text-align: center;
  width: 210px;
  height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

/* --------------------- FORMATOVANI TEXTU ---------------------------------- */
.nadpis1 /* --- hlavni nadpis - v hlavicce --- */
{
  font-size: 14pt;
  color: rgb(255,204,51);
  text-transform: uppercase;
  margin: 120px 0 0 150px;
  display: block;
  font-weight: bold;
}


.nadpis2 /* --- hlavni nadpis tela stranky --- */
{
  font-size: 13pt;
  color: rgb(254,219,80);
  margin: 0 0 15px 150px;
  display: block;
  font-weight: bold;
}


.nadpis3 /* --- podnadpis v tele stranky --- */
{
  font-size: 11pt;
  color: rgb(255,255,102);
  margin: 0 0 15px 120px;
  display: block;
}


.datum /* --- datumy v "co je noveho" --- */
{
  font-size: 10pt;
  color: white;
  margin: 0;
  display: block;  
}


.odstavec /* --- odstavec s beznym textem --- */
{
  text-indent: 3em;
  display: block;
  text-align: justify;
  font-size: 10pt;
  margin: 1.5ex 0;
}


.seznam /* --- seznam, u ktereho nejsou zadne odrazky --- */
{
  font-size: 10pt;
  margin: 1.5ex 0;
  list-style-type: none;
}


.seznam-body /* --- seznam, kde odrazky tvori kolecka --- */
{
  font-size: 10pt;
  margin-left: 3em;
  list-style-type: circle;
}


.seznam-cisla /* --- ocislovany seznam --- */
{
  font-size: 10pt;
  margin-left: 1.5em;
}


.popisek /* --- popisek obrazku v textu nebo v uvodni strance galerie --- */
{
  display: block;
  font-size: 8pt;
  margin: 0;
  color: gray;
  text-align: center;
}

.girrafka /* --- napis "designed and created by girrafka 2008" --- */
{
  font-size: 8pt;
  color: rgb(96,96,96);
  text-align: right;
  display: block;
  margin-right: 80px;
}

.girrafka a
{
  color: rgb(96,96,96);
  text-decoration: none;
  font-weight: bold;
}

.girrafka a:hover
{
  color: yellow;
}

/* ------------------------------- ODKAZY ----------------------------------- */

a
{
  color: rgb(255,255,164);
  text-decoration: none;
}


a:hover
{
  color: yellow;
}


a img
{
  border: 0;
}

/* ----------------------------- GALERIE ------------------------------------ */
.galerie, galerie-publ
{
  margin-left: auto;
  margin-right: auto; 
}


.galerie td
{
  width: 180px;
}

.galerie td span.popisek
{
  width: 160px;
  text-align: center;
}


.galerie-publ td
{
  width: auto;
  text-align: center;
}


.galerie-publ td span.popisek
{
  width: auto;
  text-align: center;
}


.galerie-popis
{
  margin-left: 5em;
  display: block;
  text-align: justify;
  font-size: 10pt; 
}


.galerie-popis td.zluta
{
  color: rgb(255,255,102);
  width: 180px;
}


img.galerie /* --- pro velke obrazky v galerii (se sirkou okolo 750px nebo vetsi) --- */
{
  width: 720px;
}


img.galerie-mala /* --- pro obrazky v galerii se sirkou vyrazne pod 750px --- */
{
  width: auto;
}

.obrazek /* --- zarovnani zvetsenin v galerii na stred --- */
{
  margin-left: auto;
  margin-right: auto;
}

/* ----------------------------- OSTATNI ------------------------------------ */
img
{
  border: 0;
}

/* ---------------------------------- MENU ---------------------------------- */

/* -------------------------------  1. RADEK MENU --------------------------- */ 

#menu1 li /* --- odrazka --- */
{
  padding: 0;
  float: left;
  list-style-type: none;
  z-index: 1;
}


#menu1 li a /* --- odrazka, co je odkaz --- */
{
  background: url('obrazky/tlacitko_neaktivni.jpg') no-repeat;
  display: block;
  width: 132px;
  height: 22px;
  margin: 0;
  
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 9.5pt;
}


#menu1 li.select a /* --- odrazka, kdy je vybrany odkaz --- */
{
  background: url('obrazky/tlacitko_vybrane.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(243,214,7);
}


#menu1 li a:hover /* --- odrazka, kdy je odkaz po prejeti mysi --- */
{
  background: url('obrazky/tlacitko_aktivni.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(255,255,102);
}


#menu1 li.select a:hover /* --- odrazka, kdy je vybrany odkaz prejety mysi --- */
{
  background: url('obrazky/tlacitko_aktivni.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(255,255,102);
}

/* -------------------------------  2. RADEK MENU --------------------------- */ 

#menu2 li
{
  padding: 0;
  float: left;
  list-style-type: none;
  z-index: 1;
}


#menu2 li a
{
  background: url('obrazky/tlacitko_neaktivni.jpg') no-repeat;
  display: block;
  width: 132px;
  height: 22px;
  margin: 0;
  
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 9.5pt;
}


#menu2 li.select a
{
  background: url('obrazky/tlacitko_vybrane.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(243,214,7);
}


#menu2 li a:hover
{
  background: url('obrazky/tlacitko_aktivni.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(255,255,102);
}


#menu2 li.select a:hover
{
  background: url('obrazky/tlacitko_aktivni.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(255,255,102);
}

/* -------------------------------- 3. RADEK MENU --------------------------- */

#menu3 li
{
  padding: 0;
  float: left;
  list-style-type: none;
  z-index: 1;
}


#menu3 li a
{
  background: url('obrazky/tlacitko_neaktivni.jpg') no-repeat;
  display: block;
  width: 132px;
  height: 22px;
  margin: 0;
  
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 9.5pt;
}


#menu3 li.select a
{
  background: url('obrazky/tlacitko_vybrane.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(243,214,7);
}


#menu3 li a:hover
{
  background: url('obrazky/tlacitko_aktivni.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(255,255,102);
}


#menu3 li.select a:hover
{
  background: url('obrazky/tlacitko_aktivni.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(255,255,102);
}

/* -------------------------------  4. RADEK MENU --------------------------- */

#menu4 li
{
  padding: 0;
  float: left;
  list-style-type: none;
  z-index: 1;
}


#menu4 li a
{
  background: url('obrazky/tlacitko_neaktivni.jpg') no-repeat;
  display: block;
  width: 132px;
  height: 22px;
  margin: 0;
  
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 9.5pt;
}


#menu4 li.select a
{
  background: url('obrazky/tlacitko_vybrane.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(243,214,7);
}


#menu4 li a:hover
{
  background: url('obrazky/tlacitko_aktivni.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(255,255,102);
}


#menu4 li.select a:hover
{
  background: url('obrazky/tlacitko_aktivni.jpg') no-repeat;
  width: 132px;
  height: 22px;
  color: rgb(255,255,102);
}

/* ------------------------------- MENU - PATA ------------------------------ */
#menu-pata li
{
  padding: 0 0.5em;
  float: left;
  list-style-type: none;
  border-right: 1px solid #606060;
}


#menu-pata li a
{
  background: none;
  display: block;
  margin: 0;
  
  text-align: center;
  color: rgb(96,96,96);
  text-decoration: none;
}


#menu-pata li a:hover
{
  background: none;
  color: yellow;
}

/* ------------------------------- CESTINA / ANGLICTINA --------------------- */

#cz-en li
{
  padding: 0 0.25em;
  float: left;
  list-style-type: none;
}


#cz-en li a
{
  background: none;
  display: block;
  margin: 0;
  
  text-align: center;
  text-decoration: none;
}


#cz-en li a:hover
{
  background: none;
}