/* CSS Document */
* {
  font-family: Arial;
  font-size: 12px;
  color: #24476e;
}
.f10{font-size: 10px;}
.center{text-align: center;}
ol li{margin-top:10px;}
.stin{  
  padding-top: 12px;
  border-left: 2px solid #678fb7;
  border-right: 2px solid #678fb7;  
  width: 850px;
  background-color: white;
  position: relative;
  height: auto;
}
.spodek{
  background: url(img/bgbot.png) transparent;
  
  background-position: bottom;
  background-repeat: no-repeat;
  height: 112px;
  display: block;
  clear: both;
  position: absolute;
  
  bottom:0px;
  display: block;
  z-index: 100;  
}
.celek {
  width: 850px;
  display: block;
  min-height: 600px;
  background-image: url(img/bcg.gif);  
  background-color: white;  
}

body {
  background-color: #7ea6d0;
  background-image: url(img/bg.jpg);
  background-repeat: repeat-x;
  padding: 0px;
  margin: 0px; 
}

.top {
  background-image: url(img/bcg.png);
  background-repeat: repeat-x;
  background-color: white;
  height: 86px;
  width: 850px;
  float: left;
  border-bottom: 4px white solid;


}

.stred {
  width: 850px;

  float: left;
  background-image: url(img/bcg.gif);
  background-repeat: repeat-y;
  position: static;


}

.stredText{
 /* background-image: url(img/toppic.jpg);
  background-repeat: no-repeat;*/
  background-color: #FFD991;
  padding: 0px;

  float: left;
  margin-left: 6px;

  width: 518px;


  text-align: left;


}

.stredRight {


  float: right;

  width: 160px;
  margin-top: 6px;
  padding-top: 20px;
}

.stredLeft {
  float: left;
  width: 160px;
  margin-top: 6px;
}

.stredPic {

  margin: 0px;

  border: 0px;
  width: 510px;
  border-bottom: 5px white solid;
}

.sipka {
  float: left:
  margin-left: 0px;
  
  position: static;

}
.text1 {
  margin-top: -65px;

}
.text1, .text2, .text3 {

  padding-bottom: 15px;
  padding-left: 40px;
  padding-right: 20px;
  
}

.text3{
  padding-left: 20px;
}

.text2 {
  padding-top: 15px;
  background-color: #FEBA57 ;
}


.text1V, .text2V {
  margin-top: -65px;
}
.text1V {
  padding-bottom: 25px;
  padding-left: 40px;
  padding-right: 20px;
  float: left;
  width: 190px;
}

.text2V {
  padding-top: 62px;
  float: right;
  width: 225px;
  background-color: #ffcc87;
  height: 100%;
  padding-left: 10px;
  padding-bottom: 35px;
  
}

.textL{
  float: left;
  width:180px;
}

.menu {
  color: white;
  font-size: 12px;
  text-align: left;
}

.menu ul {
  list-style-type: none;
  margin-top: 20px;
  margin-left: 0px;
  overflow: hidden;  
}
*> .menu ul {
  list-style-type: none;
  margin-left: -40px;
  
}

.menu li {
  margin-top: 1px;
  margin-bottom: 1px;
}

.menu li img{
  margin-right: 10px;

}
.menu a {
  text-decoration: none;
  font-weight: bold;
  color: white;
  width: 100px;
  font-size: 13px;
}

.menu a:hover {

  color: black;
} 
  
a {
  text-decoration: underline;
}

a:visited {

}

a:hover {
  color: black;
}
/*
*> .sipka {

  margin-top: 0px;
  margin-left: -40px;
  float: left; 
}
*/
.line {
  background-color: white;
  
 
  margin-top: -4px;
  margin-left: 0px;
  font-size: 2px;
  height: 10px;
  padding: 0px;
  border-bottom: 5px white solid

}

.logoLeft {
  margin-top: 7px;
  margin-left: 20px;
  float: left;
  border: 0px;
}

.logoRight {
  margin-top: 5px;
  margin-right: 50px;
  float: right;
  border: 0px;
}

h1 {
  color: #ff8000;
  margin-top: 18px;
  font-size: 22px;
  text-align: left;
  margin-left: 0px;
}

h2 {
  color: #24476e;
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
}

h3{
  margin-top: 5px;
  margin-bottom: 5px;
}

h4 {
  color: white;
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 10px;
  text-align: left;
}


h5 {
  color: #FF0000;
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;

}
.stredRight h2 {
  color: white;
  font-size: 16px;
  margin-top: 25px;
  margin-bottom: 5px;
  margin-left: 0px;
}

.stredRight h3 {
  margin: 0px;
  color: #214167;
  font-size: 14px;
}

#activeMenu {
  color: black;
}

table {
    border-collapse: collapse;  
}
table td {
  
}


table th {
  text-align: left;
}

table.t1 {
  width:400px; 
  border: 1px white solid;

}

table.t1 td {
  text-align: left;
  padding-left: 10px;;
  padding-right: 10px;
  vertical-align: bottom;

}

table.t1 tr {
    border: 1px white solid;
}

table.t2 {
  margin-top: 10px;
  text-align: left; 
}

table.t2 td {
  text-align: left;
  padding-left: 10px;;
  padding-right: 10px;
  vertical-align: bottom;
}

table .nazev {
 background-color: #fcbb79 ;
}

.t1 {
  background-color: #99b9d8;
}

ul {
  margin-top: 0px;

}

.ustanoveni td{

  padding-left: 10px;
}

.kalendarRight, .ustanoveni {
  width: 150px;
  margin-top: 150px;
  text-align: left;
  margin:5px;
  border-color: #c9ddef;
  border: 1px;
  border-style: solid;
}

.kalendarRight td {
  vertical-align: top;
}


.kalendar, .kalendarR {
  
  background-color: #ffc992;
  width: 400px;
  text-align: left;
  border: 1px white solid;

}

.kalendarR {
  float: right;
  width: 250px;
  
}

.kalendar tr, .kalendarR tr {
  border: 0px white solid;
  border-bottom:1px solid white;
}

.kalendar td,  .kalendarR td {
  padding-left: 5px;
  padding-top: 3px;
  border: 0px;
}

.kalendar th,  .kalendarR th {
  background-color: white;
  border: 0px;
  padding-left: 5px;
}

.kalSupermoto {
  background-color: #80a0be;
}

.kalendarRight .kal1 {
  
}
.kalNormal {
 background-color: #9bd698;
}

.kalKarting {

}

.kalOstatni {
 background-color: #9bd698;
}

.kalSilnice {
  background-color: #c6d9eb;
}

.kalOrlicky {
  background-color: #c1b49a;
}

.kalHobby {
  background-color: #e6e987;
}

.bottomGallery {
  margin-top: 10px;
  text-align: left;
  margin-left: 5px;
}

.bottomGallery img {
  margin: 3px;
  border: 1px white solid;
}

table td {
  vertical-align: top;
  border: 0px;
  padding: 0px;
}

.dostupnost {
  text-align: center;
}

.dostupnost img {
  margin: 15px;
  border: 1px #7093b5 solid;
}

.galKat {
  clear: both;
  text-align: left;
  margin-bottom: 20px;
}

.galKat img {
  border: 1px white solid;
  margin: 3px;
}

.kaleR {
  background-color: #bed9ed;
}


.bline {  
}

*> .bline {
  margin-top: 0px;
}

table td{
  border: 1px white solid;
} 

.orange {
  display: block;
  color: #000082; 
  padding-top: 4px;   
  width: 850px;
  padding-bottom: 10px;
  .padding-bottom: 6px;
  background-color: white;
  clear: both; 
  
}

.orange a {
  font-size: 10px;
  text-decoration: none;
} 

.orange a:hover {
  text-decoration: none;
  color: #cc6500
}

.legenda {
  margin-top: 20px;
  margin-left: 40px;
  margin-bottom: 20px;
  text-align: left;
}

.legenda img{
  border: 1px white solid;
}

a img {
  border: 0px;
}

.text1 ul {
  `
}

.kurzyImg img {
  margin:3px;
}
div.login{
  margin-top: 20px;
}

div.login table td{
border: 0px;
}

div.login table th{
  padding-top: 3px;
  text-align: right;
}

div.correct{
  clear: both;
  position: relative;
  margin-top:-10px;
}

#left{
  float: left;
  cursor: pointer;
  position: relative;
  display: block;  
  padding:30px;
  width: 150px;  
}

#right{
  float: right;
  position: relative;
  display: block;  
  padding:30px;  
  width: 120px; 
}