body {
  background: white url('obrazky/hell.jpg') repeat-x;
  color: black;
  font-size: 12px;
  font-family:  /*Trebuchet MS,*/ helvetica, sans-serif;
  font-weight: normal;
  text-align: justify;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  line-height: 1.5;
}

#page {
  /*width: 824px;*/
  width: 987px;
  margin: 0 auto;
  padding: 0px;
  /*border: 1px solid black;*/
}

#title {
  width: 965px;
  height: 100px;
  padding: 10px 10px 0 10px;
  margin: 0px auto;
  border: 1px solid royalblue;
  /*background: white url('obrazky/pozadiTitle.jpg') no-repeat;*/
  background-color: white;
  color: blue;
  font-weight: bold;
  position: relative;
}

#title .obrazekLogo{
  position: absolute;
  top: 30px;
  left: 410px;
  /*display: none;*/
}

#title .obrazekLogoSCE1{
  position: absolute;
  top: 15px;
  left: 870px;
  /*display: none;*/
}

#title .obrazekLogoSCE2{
  position: absolute;
  top: 15px;
  left: 260px;
  /*display: none;*/
}

#main {
  /*width: 667px;*/
  position: relative;
  width: 830px;
  float: right;
  margin: 5px 0px 5px 5px;
  padding: 0px;
  /*text-align: justify;*/
  /*border: 1px solid rgb(60,135,0);*/
}

#main h3{
  text-align: center;
  font-size: 11pt;
}

#main h1{
  text-align: center;
  font-size: 18pt;
}

#main h2{
  text-align: center;
  font-size: 14pt;
  margin: 20px 0px 10px 0px;
}

#down {
  clear: both;
  border: 1px solid royalblue;
  height: 16px;
  padding: 2px;
  margin: 0px;
  width:  981px;
  /*text-align: right;*/
}

#left {
  width: 150px;
  float: left;
  /*background: white;
  margin: 0 auto;
  text-align: center;*/
  margin: 5px 0px 5px 0px;
  border: 1px solid royalblue;
}

#left ul {
  list-style-type: none;
  width: 150px;
  padding: 0;
  margin: 0;
  
}

#left h3 {
  margin: 0px;
  padding: 5px 0px 0px 0px;
  height: 25px;
  width: 150px;
  color: white;
  text-align: left;
  text-indent: 10px;
  font-size: 11pt;
  font-weight: bold;
  /*background: url('obrazky/shit2.jpg') repeat-x;*/
  background-color: royalblue;
}

#navigation a {
  display: block;
  margin: 0px 0px 0px 0px;
  width: 150px;
  padding: 4px 0;
  text-decoration: none;
  text-align: left;
  text-indent: 20px;
  color: blue;
  font-size: 9pt;
  background: rgb(173, 216, 230) url('obrazky/button.gif') 5px no-repeat;
}

#navigation ul a {
  display: block;
  margin: 0px 0px 0px 0px;
  width: 130px;
  padding: 4px 0px 4px 20px ;
  text-decoration: none;
  text-align: left;
  text-indent: 20px;
  color: blue;
  font-size: 9pt;
  background: rgb(173, 216, 230) url('obrazky/button.gif') 25px no-repeat;
}

#navigation a:hover {
  background: white url('obrazky/button.gif') 5px no-repeat;
}

#navigation ul a:hover {
  background: white url('obrazky/button.gif') 25px no-repeat;
}

table{
  text-align: center;
  margin: 5px auto 5px auto;
  font-size: 12px;
  border: 1px solid royalblue;
}

table.mesic{
  width: 94%;
  border-collapse: collapse;
  border: 2px solid royalblue;
  margin: 10px auto 10px auto;
}

table.mesic td{
  border: 1px solid royalblue;
  padding: 0px;
  line-height: 20px;
  white-space: nowrap;
  width: 100px;
}

table.mesic td.prvniSloupec{
  font-weight: bold;
  width: 150px;
}

.hracInfo{
  display: none;
  background-color: yellow;
  color: black;
  padding: 2px;
  z-index: 5;
  border: 1px solid royalblue;
  position: absolute;
  margin: 0px;
}

table.mesic /*td.prvniSloupec*/ .hracInfo a{
  background-color: yellow;
  display: inline;
}

table.mesic /*td.prvniSloupec*/ .hracInfo a:hover{
  background-color: yellow;
  display: inline;
  color: red;
}

/*table.mesic td.prvniSloupec*/ .hracInfo table{
  border-width: 0px;
  margin: 0px;
}

/*table.mesic td.prvniSloupec*/ .hracInfo table td{
  border-width: 0px;
  width: 0px;
  padding: 2px;
}

table.mesic td.DK{
  color:red;
}

table.mesic td.nic{
  background-color: royalblue;
}

table.mesic td.cisloLigy{
  text-align: center;
  background-color: royalblue;
  color: white;
}

table.mesic td.skore{
  border-left-width: 2px;
  width: 40px;
}

table.mesic td.body{
  width: 35px;
}

table.mesic td.poradi{
  width: 42px;
}

table.mesic tr.prvniRadka{
  font-weight: bold;
}

table.mesic a{
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  color: blue;
  font-size: 9pt;
  background-color: rgb(173, 216, 230);
}

table.mesic a:hover{
  background-color: white;
}

table.velkaTabulka{
  border-collapse: collapse;
  font-size: 11px;
  border: 2px solid royalblue;
}

table.velkaTabulka a{
  font-weight: bold;
  font-size: 12px;

}

table.velkaTabulka td{
  border: 1px solid royalblue;
  padding: 2px;
  white-space: nowrap;
}

table.velkaTabulka tr.prvniRadka{
  font-weight: bold;
  color: white;
  background-color: royalblue;
}

table.historieTabulka{
  border-collapse: collapse;
  font-size: 11px;
  border: 2px solid royalblue;
}

table.historieTabulka td{
  border: 1px solid royalblue;
  padding: 2px;
  white-space: nowrap;
}

table.historieTabulka td.prvniSloupec{
  width: 300px;
  text-align: left;
  padding-left: 10px;
}

table.historieTabulka td.druhySloupec{
  width: 50px;
}

table.historieTabulka tr.dalsiKolo{
  font-weight: bold;
  color: white;
  background-color: royalblue;
  height: 20px;
  font-size: 12px;
}

table.historieTabulka tr.dalsiRocnik{
  font-weight: bold;
  color: white;
  background-color: red;
  height: 30px;
  font-size: 15px;
}

table.kontakty td{
  width: 100px;
}


td{
  line-height: 16px;
}

.text{
  text-align: justify;
	margin: 8px;
}
.text li{
  margin: 10px 0 0 0;
}

.text table{
  border-collapse: collapse;
  width: 300px;
  margin: 20px 10px 10px 10px;
}

.text td{
  line-height: 20px;
  width: 25%;
}

.text td.dvojita{
  width: 50%;
}

.text ol.vnoreny{
  margin: 7px 0px 7px 40px;
  padding: 0px;
  list-style-type: upper-roman;
}

.text ul.vnoreny{
  margin: 7px 0px 7px 40px;
  padding: 0px;
  list-style-type: disc;
}

.chyba{
  color: red;
  font-weight: bold;
  text-align: center;
}

.info{
  color: green;
  font-weight: bold;
  text-align: center;
}

.podtrhnout{
  text-decoration: underline;
}

A:LINK, A:VISITED, A:ACTIVE{
	color: blue; font-weight: bold; font-size: 12px; text-decoration: none;
}

A:HOVER{
	color: red; font-weight: bold; font-size: 12px; text-decoration: none;
}

dt {
  font-weight: bold;
}


table.rozvrh{
  border: 0px;
  padding-top: 30px;
}

table.rozvrh td{
  width: 30px;
  height: 30px;
}

table.rozvrh td.hodinaMuze{
  background-color: green;
}

table.rozvrh td.hodinaNemuze{
  background-color: grey;
}

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

ul.rozvrh.left{
  margin-left: 20px;
  float: left;
}

ul.rozvrh.right{
  margin-right: 20px;
  float: right;
}

.upper{
  text-transform: uppercase;
}