
body{
  margin: 0px;
  padding: 0px;
}

p {
 margin: 0px;
 padding: 0px;
 font-family: arial;
 color: black;
 text-indent: 10%;
 text-align: justify;
}

ul {
 font-family: arial;
 color: black;
 text-align: justify;
}

li {
  text-indent: 0px;
}

h1,h2,h3{
  font-family: arial narrow;
}

.menu{
  position: relative;
  width: 950px; 
  height: 258px;
  left: 50%;
  margin-left: -475px;
  background-image: url("img/bg_menu.png");
}

.menu_bg_load{
  position: absolute;
  top: 0px;
  left: 50%;
  width: 718px;
  height: 244px;
  margin-left: -244px;
  background-image: url("img/load_tt.gif");
  background-repeat: no-repeat;
  float: left;
}

.item{
  position: absolute;
  left: 50%;
  top: 5px;
  width: 82px;
  height: 102px;
  margin-left: 5px;
  margin-top: 24px;
  font-family: arial;
  font-family: arial narrow;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
  color: gray;
}

.home{
  margin-left: -55px;
  background-image: url("img/menu_home.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.about{
  margin-left: 32px;
  background-image: url("img/menu_about.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.tutorial{
  margin-left: 119px;
  background-image: url("img/menu_mobil-pc.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.mobil_pc{
  margin-left: 206px;
  background-image: url("img/menu_try.gif");
  background-repeat: no-repeat;
  padding-top: 73px;
  text-align: center;
  line-height: 90%;
}

.buy{
  margin-left: 293px;
  background-image: url("img/menu_buy.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.kontakt{
  margin-left: 380px; 
  background-image: url("img/menu_kontakt.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.home_activ{
  margin-left: -55px;
  background-image: url("img/menu_home_activ.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.about_activ{
  margin-left: 32px;
  background-image: url("img/menu_about_activ.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.tutorial_activ{
  margin-left: 119px;
  background-image: url("img/menu_mobil-pc_activ.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.mobil_pc_activ{
  margin-left: 206px;
  background-image: url("img/menu_try_activ.gif");
  background-repeat: no-repeat;
  padding-top: 73px;
  text-align: center;
  line-height: 90%;
}

.buy_activ{
  margin-left: 293px;
  background-image: url("img/menu_buy_activ.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.kontakt_activ{
  margin-left: 380px; 
  background-image: url("img/menu_kontakt_activ.gif");
  background-repeat: no-repeat;
  padding-top: 76px;
  text-align: center;
}

.under_line{
  position: relative;
  width: 950px; 
  min-height: 100px;
  left: 50%;
  margin-left: -475px;
  background-image: url("img/wave.png");
  background-repeat: no-repeat;
  background-color: #ffca33;
}

.corector{
  width: 3px;
  float: left;
}

/* **************** left ********************* */

.left{
  width: 232px;
  float: left;
  /*border: solid 1px red;*/
}

.invisible2{ 
  width: 57px;
  height: 52px;
  float: left;
}


/* *********************** obsah ************* */

.invisible{
  height: 52px;
}

.obsah{
  width: 480px;
  float: left;
}

.obsah_head{
  width: 480px;
  height: 23px;
  background-image: url("img/obsah_head.png");
}

.obsah_fill{
  width: 480px;
  /*height: 250px;*/
  background-image: url("img/obsah_text.png");
  background-repeat: repeat-y;
}

.obsah_text{
  position: relative;
  width: 444px;
  left: 22px;
  font-size: 13px;
  /*border: solid 1px red;*/
}

.obsah_headline_2{
  margin: 0px;
  padding: 0px;
  font-family: arial narrow;
  font-weight: bold;
  font-size: 16pt;
  color: gray;
}

.obsah_headline_3{
  margin: 0px;
  padding: 0px;
  font-family: arial narrow;
  font-weight: bold;
  font-size: 14pt;
  color: gray;
}

.obsah_img{
  float: left;
  margin: 10px 10px 10px 10px;
  border: solid 1px black;
}

.obsah_foot{
  width: 480px;
  height: 13px;
  font-size: 0px;
  background-image: url("img/obsah_foot.png");  
}

/* ******************news******************** */

.news{
  position: relative;
  width: 202px;
  float: left;
  text-align: justify;
}

.news_head{
  width: 232px;
  height: 22px;
  background-image: url("img/news_head.png");
}

.news_fill{
  width: 232px;
  /* height: 150px; */
  background-image: url("img/news_text.png");
  background-repeat: repeat-y;
}

.news_item{
  position: relative;
  width: 204px;
  top: 4px;
  left: 14px;
  font-weight: 10pt;
  background-color: #dfdfdf;
}

.news_item_no_bg{
  position: relative;
  width: 204px;
  top: 4px;
  left: 14px;
  font-weight: 10pt;
}

.news_foot{
  width: 232px;
  height: 15px;
  font-size: 0px;
  background-image: url("img/news_foot.png");  
}

.news_invisible{
  height: 10px;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
}

.news_date{
  font-family: arial;
  font-weight: bold;
  font-size: 10pt;
  color: orange;  
  padding: 3px;
}

.news_img{
  margin-left: 26px;
  margin-top: 10px;
  border: solid 1px black;
}

.clear{
  clear: both;
}

/* *******************spodni menu************* */

.foot{
  position: relative;
  width: 950px; 
  height: 14px;
  left: 50%;
  margin-left: -475px;
  background-image: url("img/foot_fill.png");
  background-repeat: repeat-x;
  font-size: 0px;  
}

.down_menu{
  position: absolute;
  width: 950px; 
  height: 25px;
  left: 50%;
  margin-left: -475px;
  background-image: url("img/foot_menu.png");
  background-repeat: no-repeat;
  font-size: 0px;  
  /*border: 1px solid red;*/
}

.down_menu_text{
  position: relative;
  top: 7px;
  font-size: 12px;
  color: gray;
  text-align: right;
}

.down_menu_odkaz{
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  color: gray;
}
/* ************************emulator*******************  */

.emulator{      
  position: absolute;
  left: 50%;
  margin-left: -410px;
  top: 300px;
  width: 113px;
  height: 235px;
  background-image: url("img/emulator.png");

}

.emulator_text{
  position: absolute;
  top: 303px;
  width: 125px;
  left: 50%;
  margin-left: -450px;
  text-align: right;
  font-family: arial narrow;
  font-weight: bold;
  font-size: 12pt;
}

.emulator_href{
  text-decoration: none;
  color: black;
  border: 0px;
}

.czech{
  position: absolute;
  top: 254px;
  left: 50%;
  width: 18px;
  height: 12px;
  margin-left: -465px;
  background-image: url("img/czech_flag.png");
  font-size: 0px;
  cursor: hand;
  cursor: pointer;
}

.uk{
  position: absolute;
  top: 254px;
  left: 50%;
  width: 18px;
  height: 12px;
  margin-left: -442px;
  background-image: url("img/uk_flag.png");
  font-size: 0px;
  cursor: hand;
  cursor: pointer;
}

/* *************************headlines*********************** */
.obsah_headline{
  margin-top: 0px;
  padding: 0px;
  font-family: arial narrow;
  font-weight: bold;
  font-size: 18pt;
  color: gray;
  text-indent: 30px;
}

.news_headline{
  position: ralative;
  margin-left: 14px;
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 0px
  font-family: arial narrow;
  font-weight: bold;
  font-size: 13pt;
  color: gray;
  background-image: url("img/news_headline.png");
  background-repeat: no-repeat;
  text-indent: 28px;
}

.male_pismo{
  font-size: 10pt;
  font-family: arial;
  text-decoration: none;
  font-weight: normal;
  padding: 3px;
  text-align: justify;  
  /*text-indent: 15px;*/
}
.cntlink {
 text-decoration: none;
 font-weight: bold;
 color: black;

}
.scro {
 border: solid 1px black;
}
.abscr {
 border: solid 1px black;
 float: left;
 margin: 10px;
}
.score_categori{
  font-size: 10pt;
  font-family: arial;
  text-decoration: none;
  font-weight: bold;
  text-indent: 15px;
}

.score_name{
  font-size: 10pt;
  font-family: arial;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  width: 102px;
  border: 0px;
}

.score_score{
  font-size: 10pt;
  font-family: arial;
  text-decoration: none;
  font-weight: normal;
  text-align: right;
  width: 102px;
  border: 0px;
}
