body {
 margin: 0;
 padding: 7px;
 background-color: rgb(255,170,0);
 text-align: center;
 font: 80%/140% Arial,sans-serif;
 color: rgb(0,0,0);
}

/* titulni strana */

#titulni #stranka {
 width: 780px;
}
#grafika {
 height: 430px;
 padding: 1px;
 background-color: rgb(0,0,0);
 background-image: url(./../obrazky/css/titul_grafika.jpg);
}
#intro {
 width: 660px;
 height: 148px;
 position: relative;
 margin-top: 260px;
 text-align: center;
}
#intro #obr1 {
 top: 30px;
 left: 36px; 
}
#intro #obr2 {
 top: 30px;
 left: 193px; 
}
#intro #obr3 {
 top: 30px;
 left: 350px; 
}
#intro #obr4 {
 top: 30px;
 left: 506px;
}
#intro img {
 position: absolute;
}
#intro span {
 display: block;
 width: 36px;
 height: 148px;
 position: absolute;
}
#leva_sipka { 
 top: 0;
 left: 0;
 background-image: url(./../obrazky/css/titul_sipka_leva.gif);
}
#prava_sipka {
 top: 0;
 right: 0;
 background-image: url(./../obrazky/css/titul_sipka_prava.gif);
}
#titulni h1 {
 margin-top: 20px;
}
#titulni h1 a {
 display: block;
 width: 169px;
 height: 69px;
 background-image: url(./../obrazky/css/titul_logo.gif);
 background-repeat: no-repeat;
}
#obecna h1 span {
 padding-right: 20px;
 padding-left: 20px;
 background-image: url(../obrazky/css/h1_sipka_oranzova.gif);
 background-position: right bottom;
 background-repeat: no-repeat; 
}
#obecna h1 {
 position: relative;
 top: 0;
 left: -20px;
}

/* obecna strana */

#obecna #stranka {
 width: 760px;
 background-image: url(./../obrazky/css/obecna_stranka_podklad.gif);
 background-repeat: repeat-y;
 color: rgb(255,255,255); 
}
#obecna #levy {
 width: 245px;
 float: left;
 background-color: rgb(0,0,0);
}
#obecna #pravy {
 width: 510px;
 float: right;
 background-color: rgb(0,0,0);
}
#obecna #obsah {
 clear: both;
 position: relative; /* kvuli pozici odkazu rozcestniku */
}
#obecna #vnitrni {
 padding: 15px 20px;
}

/* leve menu */

.leve_menu {
 list-style-type: none;
 padding: 0;
 margin: 25px 0 25px 0;
 line-height: 150%;
}
.leve_menu li {
 padding-left: 65px;
 background-image: url(./../obrazky/css/levemenu_sipka_oranzova.gif);
 background-repeat: no-repeat;
 background-position: -65px 50%; 
}
.leve_menu a {
 text-decoration: none;
 color: rgb(255,170,0);
}
.leve_menu a:hover {
 color: rgb(255,255,255);
}

#pocitadlo {
 text-align: center;
}
#pocitadlo a {
 text-decoration: none;
 color: white;
}

/* horni menu */

#horni_menu {
 list-style-type: none;
 /* padding: 10px 0 10px 20px; */
 margin: 0;
}
#horni_menu li {
 display: block;
 width: 80px;
 float: left;
 /* padding-right: 15px; */
}
#horni_menu ul {
 padding: 0;
 margin: 0;
 width: 100px;
 position: absolute;
 visibility: hidden;
}
#horni_menu li:hover ul, #horni_menu li.rozbalene ul {
 visibility: visible;
}
#horni_menu a {
 display: block;
 width: 100%;
 padding: 10px 0;
 text-align: center;
 text-decoration: none;
 color: rgb(255,170,0);
}
#horni_menu a:hover {
 background-color: rgb(255,170,0);
 color: rgb(0,0,0);
}
#horni_menu ul a {
 background-color: rgb(145,145,145);
 color: rgb(0,0,0);
}
#horni_menu #sipka_seda {
 display: block;
 width: 100%;
 height: 35px;
 background-image: url(./../obrazky/css/hornimenu_sipka_sedy.gif);
}
#horni_menu #sipka_cerna {
 display: block;
 width: 100%;
 height: 35px;
 background-image: url(./../obrazky/css/hornimenu_sipka_cerny.gif);
}
#odkazdresy { 
 margin-left: 30px;
}
#horni_menu li #odkaznovinka {
 color: red;
 font-weight: bold;
}
#horni_menu li #odkaznovinka:hover {
 background-color: white;
}

/* dresy rozcestnik */

#rozcestnik_fotbal, #rozcestnik_hokej, #rozcestnik_hasici {
 position: absolute;
 display: block;
 width: 50px;
 height: 22px;
 background-image: url(../obrazky/css/pruhledny.gif);
}
#rozcestnik_fotbal {
 left: 284px;
 top: 281px;
}
#rozcestnik_hokej {
 left: 454px;
 top: 225px;
}
#rozcestnik_hasici {
 left: 269px;
 top: 474px;
}

#potisk_dresy, #potisk_trenky, #potisk_stulpny {
 position: absolute;
 display: block;
 width: 70px;
 height: 25px;
 background-image: url(../obrazky/css/pruhledny.gif);  
}
#potisk_dresy {
 top: 366px;
 left: 83px;
}
#potisk_trenky {
 top: 394px;
 left: 107px;
}
#potisk_stulpny {
 top: 424px;
 left: 115px;
}
/* ostatni */

#obecna h1 {
 margin-top: 0;
 font-size: 180%;
 color: rgb(255,170,0); 
}

p {
 text-align: justify;
}
p.fig {
 text-align: center;
}
p.fig img {
 margin: 10px;
}
p.fig2 img {
 margin: 5px;
 padding: 5px;
}

a {
 color: rgb(255,170,0); 
}
a span {
 display: none;
}
a img {
 border: none;
}
.cistic {
 clear: both;
 line-height: 0px;
 font-size: 0px;
 height: 1px;
 overflow: hidden;
}
.blok_stred {
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

/* vzornik barev */

  table#vzornik {border: solid 1px rgb(182,182,182); border-collapse: collapse; margin-top: 1em}
  #vzornik td, #vzornik th {border: solid 1px rgb(182,182,182); padding: 0.2em 0.5em}
  #vzornik th {text-align: center}
  
  #b1 {background-color: #b2b5aa}
  #b2 {background-color: #b6bebf}
  #b3 {background-color: #c3cccd}
  #b4 {background-color: #c8c4ba}
  #b5 {background-color: #b8abac}
  #b6 {background-color: #8c8e8c}
  #b7 {background-color: #9da3a5}
  #b8 {background-color: #afb4b0}
  #b9 {background-color: #9d9c91}
  #b10 {background-color: #a9a89c}
  #b11 {background-color: #93969b}
  #b12 {background-color: #d6d5c3}
  #b13 {background-color: #939797}
  #b14 {background-color: #b6bdc4}
  #b15 {background-color: #9e9799}
  #b16 {background-color: #979a97}
  #b17 {background-color: #b7b7a9}
  #b18 {background-color: #c3ced0}
  #b19 {background-color: #82745c}
  #b20 {background-color: #836154}
  #b21 {background-color: #5a4622}
  #b22 {background-color: #8c7143}
  #b23 {background-color: #583026}
  #b24 {background-color: #654236}
  #b25 {background-color: #715549}
  #b26 {background-color: #81685e}
  #b27 {background-color: #82745c}
  #b28 {background-color: #4a2922}
  #b29 {background-color: #795e2a}
  #b30 {background-color: #5a2e25}
  #b31 {background-color: #86672e}
  #b32 {background-color: #927646}
  #b33 {background-color: #9d855d}
  #b34 {background-color: #675025}
  #b35 {background-color: #66372c}
  #b36 {background-color: #754c3f}
  #b37 {background-color: #1f1a17}
  #b38 {background-color: #383431}
  #b39 {background-color: #4d4948}
  #b40 {background-color: #605d5c}
  #b41 {background-color: #72706f}
  #b42 {background-color: #838281}
  #b43 {background-color: #969594}
  #b44 {background-color: #aaa9a9}
  #b45 {background-color: #c2c1c1}
  #b46 {background-color: #dededd}
  #b47 {background-color: #efeeee}
  #b48 {background-color: #111212}
  #b49 {background-color: #44916c}
  #b50 {background-color: #e87877}
  #b51 {background-color: #e3556a}
  #b52 {background-color: #ef9a48}
  #b53 {background-color: #ee9a69}
  #b54 {background-color: #b6ddc7}
  #b55 {background-color: #28166f}
  #b56 {background-color: #0093dd}
  #b57 {background-color: #0083c5}
  #b58 {background-color: #0095d5}
  #b59 {background-color: #31b2ea}
  #b60 {background-color: #75c5f0}
  #b61 {background-color: #0062a6}
  #b62 {background-color: #00458e}
  #b63 {background-color: #183884}
  #b64 {background-color: #1b1143}
  #b65 {background-color: #007cc3}
  #b66 {background-color: #005197}
  #b67 {background-color: #18255b}
  #b68 {background-color: #683b84}
  #b69 {background-color: #433b85}
  #b70 {background-color: #6f448a}
  #b71 {background-color: #571a74}
  #b72 {background-color: #4d3e87}
  #b73 {background-color: #da251d}
  #b74 {background-color: #dd137b}
  #b75 {background-color: #901e78}
  #b76 {background-color: #da242b}
  #b77 {background-color: #da2337}
  #b78 {background-color: #db214c}
  #b79 {background-color: #dc1e5d}
  #b80 {background-color: #9a241e}
  #b81 {background-color: #b9242e}
  #b82 {background-color: #892027}
  #b83 {background-color: #9b212e}
  #b84 {background-color: #86201b}
  #b85 {background-color: #e05217}
  #b86 {background-color: #e77817}
  #b87 {background-color: #bc701d}
  #b88 {background-color: #e1553e}
  #b89 {background-color: #eb8871}
  #b90 {background-color: #bf261d}
  #b91 {background-color: #00923f}
  #b92 {background-color: #00993d}
  #b93 {background-color: #00a13a}
  #b94 {background-color: #4bb033}
  #b95 {background-color: #00a758}
  #b96 {background-color: #07a971}
  #b97 {background-color: #006c2e}
  #b98 {background-color: #00833b}
  #b99 {background-color: #005f2e}
  #b100 {background-color: #009a47}
  #b101 {background-color: #007536}
  #b102 {background-color: #009a47}
  #b103 {background-color: #008d63}
  #b104 {background-color: #83c346}
  #b105 {background-color: #009a50}
  #b106 {background-color: #009259}
  #b107 {background-color: #006630}
  #b108 {background-color: #008939}
  #b109 {background-color: #fff500}
  #b110 {background-color: #fee800}
  #b111 {background-color: #fcdb00}
  #b112 {background-color: #facf00}
  #b113 {background-color: #f8c300}
  #b114 {background-color: #fff71d}
  #b115 {background-color: #fff97f}
  #b116 {background-color: #8b8c08}
  #b117 {background-color: #8e9b11}
  #b118 {background-color: #9cc314}
  #b119 {background-color: #c1dc00}
  #b120 {background-color: #ebed00}
  #b121 {background-color: #f9d57b}
  #b122 {background-color: #fbdc5f}
  #b123 {background-color: #e9811a}
  #b124 {background-color: #be7b39}
  #b125 {background-color: #928b01}
  #b126 {background-color: #c9bc00}
  
  /* kos */
  
  table#polozka {
   border-collapse: collapse;
   border: solid 1px rgb(182,182,182);
   margin: 10px 0;
  }
  table#polozka td {
   padding: 0 5px;
  }
  table#polozka #horni {
   border-bottom: solid 1px rgb(182,182,182);
   padding: 5px;
   text-align: center;   
  } 
  table#polozka #nahled {
   vertical-align: top;
   border-right: solid 1px rgb(182,182,182);
   text-align: center;
   padding: 5px;       
  }
  table#polozka #pravahorni {
   padding: 5px 5px 0 5px;  
  }
  table#polozka #pravadolni {
   vertical-align: top;
   padding: 0 5px 5px 5px;  
  }  
  table#polozka td#spodni {
   border-top: solid 1px rgb(182,182,182);
   padding: 5px;   
  }    
  table#polozka a {
   text-decoration: none;
  }
  table#polozka input, table#polozka select {
   border: solid 1px rgb(182,182,182);
   background-color: black;
   color: rgb(255,170,0);
  }
  
  .kostabulka {
   border-collapse: collapse;
   border: solid 1px white;
   margin: 10px auto;
   text-align: left;
  }
  .kostabulka td, .kostabulka th {
   border-right: solid 1px white;
   padding: 0 0.5em;
  }
  .kostabulka .hlavicka {
   background-color: rgb(255,170,0);
   color: black;
   text-align: center;
   border-bottom: solid 1px white; 
  } 
  .kostabulka #prvni {
   width: 100px;
  } 
  .kostabulka #druhy {
   width: 300px;
  }
  .kostabulka #prvni2 {
   width: 130px;
  } 
  .kostabulka #druhy2 {
   width: 270px;
  }
  .tlacitko {
   background-color: rgb(255,170,0);
   color: black;
   border: solid 1px white;
   font-weight: bold;
  }
  .whitetext {
  color: white
  }
  
  .style1 {
	font-size: 16px;
	font-weight: bold;
}

