/* CSS Document */

* {
  margin: 0px;
  padding: 0px;
  border: Opx;
  font-family: verdana;
  }
  
body {
  background-color: #575b65;
  text-align: center;
  }

/* začátek topmenu */
  
#topline {
  width: 100%;
  height: 40px;
  background-color: #2f3237;
  color: #959595;
  }
  
#topline div {
  width: 760px;
  height: 100%;
  margin: auto;
  text-align: right;
  }
  
#topline div a {
  font-size: 10pt;
  line-height: 40px;
  margin-right: 50px;
  text-decoration: none;
  background-color: #2f3237;
  color: #959595;
  }
  
#topmenu {
  width: 760px;
  margin: auto;
  text-align: right;
  background: url(/kemp/pozadi/topmenu-rpt.gif) repeat-x left top;
  }
  
#topmenu div {
  padding-left: 25px;
  background: url(/kemp/pozadi/topmenu-left.gif) no-repeat left top;
  float: left;
  }
  
#topmenu img {
  margin: 0px;
  height: 70px;
  border: 0px;
  background: url(/kemp/pozadi/topmenu-left.gif) no-repeat left bottom;
  }
  
#topmenu ul {
  width: 425px;
  height: 70px;
  margin-left: 335px;
/*  margin-left: 0px; */
  background: url(/kemp/pozadi/topmenu-menu.gif) no-repeat right bottom;
    text-align: center;
  }
  
#topmenu ul li {
  font-family: verdana;
  font-size: 7pt;
  line-height: 70px;
  display: inline;
  }

#topmenu ul li a {
  margin-left: 15px;
  margin-right: 15px;
  color: #ffffff;
  text-decoration: none;
  }
  
#topmenu ul li a:hover {
  margin-left: 15px;
  margin-right: 15px;
  color: #000000;
  text-decoration: none;
  }
 
/* konec topmenu */

/* menu */

.menu {
  display: block;
  text-align: left;
  margin-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13pt;
  line-height: 13px;
  color: #000000;
  text-decoration: none;
  }
  
.menu:hover {
  display: block;
  text-align: left;
  margin-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13pt;
  line-height: 13px;
  color: #e83c24;
  text-decoration: none;
  }

/* konec menu */

/* začátek obsahu */

#obsah {
  width: 760px;
  margin: auto;
  text-align: left;
  margin-top: 18px;
  margin-top: 15px;
  margin-bottom: 10px;
  background: #d2d4d9 url(/kemp/pozadi/obsah-rightfoto.jpg) no-repeat right top;
  }
  
#obsah div {
    padding-bottom: 15px;
  }
  
h1 {
  color: #e83c24;
  font-family: times new roman;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 23pt;
  padding-top: 10px;
  margin-left: 320px;
  }
  
h2 {
  color: #000000;
  font-family: tahoma;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12pt;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 290px;
  margin-right: 10px;
  }
  
ol {
  color: #000000;
  font-family: tahoma;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10pt;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 290px;
  }
  
ol li {
  margin-left: 20px;
  color: black;
  }

.bily {
  text-decoration: none;
  color: #b22222;
  }
  
.cerveny {
  text-decoration: none;
  color: #e83c24;
  }
  
.cerny {
  text-decoration: none;
  color: #000000;
  }
  
.zeleny {
  color: green;
  }
  
.cerveny:hover {
  text-decoration: underline;
  }
  
p {
  font-family: tahoma;
  text-transform: uppercase;
  font-size: 8pt;
  margin-top: 5px;
  margin-left: 290px;
  margin-right: 10px;
  margin-bottom: 5px;
  font-weight: bold;
  }
  
.tabtymu {
/*  background-color: pink; */
  width: 430px;
  margin-left: 290px;
  clear: none;
  font-family: tahoma;
  text-transform: uppercase;
  font-size: 8pt;
  font-weight: bold;
  }

.poradi {
  width: 30px;
  }
  
.nazev {
  width: 300px;
  }
  
.liga {
  width: 100px;
  }
  
#home {
  min-height: 327px;
/*  height: 327px; */
  padding-right: 30px;
  background: #d2d4d9 url(/kemp/pozadi/obsah-rightfoto.jpg) no-repeat right top;
  }
  
#home img {
  border: 1px solid #ff4c04;
  background-color: #ffc451;
  margin: 5px;
  padding: 1px;
  }
  
#left {
  width: 287px;
  padding-top: 20px;
  background: #d2d4d9 url(/kemp/pozadi/obsah-lefttop.jpg) no-repeat left top;
  float: left;
  }
  
#left ul {
  margin-top: 25px;
  }
  
#left h2 {
  color: #ff8a00;
  padding-top: 0px;
  margin-left: 10px;
  }
  
.tmavy {
  margin: 3px 15px;
  font-size: 7pt;
  text-align: left;
  font-family: tahoma;
  }

.dulezite {
  margin: 3px 15px;
  font-size: 8pt;
  color: #e83c24;
  text-align: left;
  font-family: tahoma;
  font-weight: bold;
  }

.cerny a {
  color: #ff8a00;
  font-size: 8pt;
  text-decoration: none;
  margin-left: 15px;
  }
  
.cerny a:hover {
  color: #e83c24;
  font-size: 8pt;
  text-decoration: none;
  margin-left: 15px;
  text-decoration: underline;
  }
  
.tmavy a {
  color: #ff8a00;
  font-size: 8pt;
  text-decoration: none;
  margin-left: 15px;
  }
  
.tmavy a:hover {
  color: #e83c24;
  font-size: 8pt;
  text-decoration: none;
  margin-left: 15px;
  text-decoration: underline;
  }
  
.dulezite a {
  color: #000000;
  font-size: 8pt;
  text-decoration: none;
  margin-left: 25px;
  font-weight: normal;
  }
  
.dulezite a:hover {
  color: #ff8a00;
  font-size: 8pt;
  text-decoration: none;
  margin-left: 25px;
  font-weight: normal;
  text-decoration: underline;
  }
  
/* konec obsahu */

/* začátek tabulky */

table {
  width: 760px;
  margin: auto;
  margin-top: 5px;
  margin-top: 10px;
  clear: both;
  }
  
table td {
  padding: 10px 9px 0px 10px;

  }

table td a {
  width: 170px;
  height: 153px;
  display: block;
  color: #ffffff;
  text-decoration: none;
  font-family: tahoma;
  font-weight: bold;
  font-size: 12pt;
  }
  
table td a:hover {
  width: 170px;
  height: 153px;
  display: block;
  color: #000000;
  text-decoration: none;
  font-family: tahoma;
  font-size: 12pt;
  }

#muzi {
  background: url(/kemp/pozadi/bottom-menu-muzi.jpg) no-repeat left top;
  }
  
#zeny {
  background: url(/kemp/pozadi/bottom-menu-zeny.jpg) no-repeat left top;
  }
  
#juniori {
  background: url(/kemp/pozadi/bottom-menu-juniori.jpg) no-repeat left top;
  }
  
#propozice {
  background: url(/kemp/pozadi/bottom-menu-propozice.jpg) no-repeat left top;
  }
  
#starsi {
  background: url(/kemp/pozadi/bottom-menu-starsi.jpg) no-repeat left top;
  }
  
#mladsi {
  background: url(/kemp/pozadi/bottom-menu-mladsi.jpg) no-repeat left top;
  }
  
#elevove {
  background: url(/kemp/pozadi/bottom-menu-elevove.jpg) no-repeat left top;
  }
  
#ubytovani {
  background: url(/kemp/pozadi/bottom-menu-ubytovani.jpg) no-repeat left top;
  }

/*  konec tabulky */

/* začátek patičky */

#footer {
  text-align: center;
  height: 40px;
  width: 100%;
  background-color: #2f3237;
  color: #959595;
  }
  
#footer div {
  width: 760px;
  text-align: left;
  margin: auto;
  }
  
#footer p {
  line-height: 40px;
  font-size: 10pt;
  margin-left: 15px;
  text-decoration: none;
  background-color: #2f3237;
  color: #959595;
  }