h1 {
  margin: 0px;
  padding: 0px;
  font-family: tahoma;
  font-size: 10px;
  color: #957674;
  font-style: italic;
  padding-bottom: 5px;
  font-weight: normal; 
}

body { 
  margin: 0px;
  padding: 0px;
  background: #CEC7C6;
  font-family: tahoma;
  font-size: 10px;
  color: #957674;
}

img {
  border: 0px;
}

#prezentace {
  border: 2px solid red;
  position: absolute;
  top: 50%;
  left: 50%;  
  width: 999px;
  height: 470px;
  margin: -235px 0 0px -499px;
  text-align: left;
  padding: 0px;
  overflow: hidden;
  border: 0px solid red    
}

#menu {
  position: absolute;
  top: 157px;
  left: 0px;
  width: 999px;
  border: 0px solid gray;
  padding: 0px
  margin: 0px;
  top: 55px;    
}
#logo {
  position: absolute;
  top: 185px;
}

#kresba {
  position: absolute;
  top: 0px;
  width: 999px;
  height: 333px;
  background: url(../img/menu/jsd_kresba.jpg);
  border: 0px solid red; 
  display: none;
}


#kresba_2 {
  position: absolute;
  top: 0px;
  width: 333px;
  height: 333px;
  background: url(../img/menu/jsd_kresba.jpg);
  display: none;
}

#kresba_barva {
  position: absolute;
  top: 0px;
  width: 999px;
  height: 333px;
  background: url(../img/menu/jsd_kresba_barva.jpg);
  border: 0px solid red;
  display: none;
}

#kresba_barva_2 {
  position: absolute;
  top: 0px;
  width: 666px;
  height: 333px;
  background: url(../img/menu/jsd_kresba_barva.jpg);
  display: none;
}

#fotka {
  position: absolute;
  top: 0px;
  width: 999px;
  height: 333px;
  background: url(../img/menu/jsd_fotka.jpg);
  border: 0px solid red;
  display: none;
}

#intro_text {
  position: absolute;
  top: 320px;
  left: 0px
}

#intro_text_clona_1 {
  position: absolute;
  top: 310px;
  left: 0px;
  width: 333px;
  height: 100px;
  background: #CEC7C6;  
}

#intro_text_clona_2 {
  position: absolute;
  top: 310px;
  left: 333px;
  width: 333px;
  height: 100px;
  background: #CEC7C6;    
}

#intro_text_clona_3 {
  position: absolute;
  top: 310px;
  left: 666px;
  width: 333px;
  height: 100px;
  background: #CEC7C6;  
}

#clona {
  position: absolute;
  top: 267px;
  width: 999px;
  height: 132px;
  background: #CEC7C6;
  display: none;
}
#tlacitka {
  position: absolute;
  top: 267px;
  width: 999px;
  height: 102px;
  background: #DEDBDE;
  display: none;
}  

#top {
  position: absolute;
  top: -50px;
  width: 999px;
  height: 215px;
  background: #CEC7C6;
  display: none;
} 

#obsah {
  position: absolute;
  top: 239px;
  width: 999px;
  height: 205px;
  background: #EFE7EF;
  display: none;
  overflow: hidden;
} 

#obsah_pozadi_standard {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 999px;
  height: 404px;
  background: url(../img/layout/jsd_obsah_pozadi.jpg);   
  display: block
}

#obsah_pozadi_idea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 999px;
  height: 404px;
  background: url(../img/layout/jsd_obsah_pozadi_idea.jpg);  
  display: none
}

#obsah_pozadi_tvorba {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 999px;
  height: 404px;
  background: url(../img/layout/jsd_obsah_pozadi_tvorba.jpg);  
  display: none
}

#obsah_pozadi_dilo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 999px;
  height: 404px;
  background: url(../img/layout/jsd_obsah_pozadi_dilo.jpg);
  background-position: 0px 0px;  
  display: none
}

#obsah_menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 333px;
  height: 404px; 
}

#obsah_text {
  position: absolute;
  top: 0px;
  left: 333px;
  width: 313px;
  height: 404px;
  background: #EFE7EF;  
  opacity: 1;  
  filter: alpha (opacity=100); 
  text-align: justify;
  padding: 10px; 
}

.ttext {
  position: absolute;
  top: 0px;
  left: 333px;
  width: 625px;
  height: 170px;
  text-align: justify;
  padding: 20px; 
  display: none;
}

#obsah_reference {
  position: absolute;
  top: 0px;
  left: 666px;
  width: 333px;
  height: 404px;
  background: #EFE7EF;  
  opacity: 0.4;  
  filter: alpha (opacity=40);
}

#tlacitko_idea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 313px;
  height: 82px;
  text-align: left;
  padding: 10px; 
  cursor: pointer;
}

#tlacitko_tvorba {
  position: absolute;
  top: 0px;
  left: 334px;
  width: 313px;
  height: 82px;
  text-align: left;
  padding: 10px; 
  cursor: pointer;  
}

#tlacitko_dilo {
  position: absolute;
  top: 0px;
  left: 667px;
  width: 313px;
  height: 82px;
  text-align: left;
  padding: 10px; 
  cursor: pointer;  
}

#tlacitko_text {
  position: absolute;
  top: -10px;
  left: -10px;
  height: 82px;
  text-align: left;
  padding: 10px; 
  cursor: pointer;
}

#tlacitko_pozadi_idea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 333px;
  height: 102px;
  display: none;
  background: #EFE7EF; 

}

#tlacitko_pozadi_tvorba {
  position: absolute;
  top: 0px;
  left: 334px;
  width: 333px;
  height: 102px;
  display: none;
  background: #EFE7EF; 
 
}

#tlacitko_pozadi_dilo {
  position: absolute;
  top: 0px;
  left: 667px;
  width: 333px;
  height: 102px;
  display: none;
  background: #EFE7EF; 
  
}

#tlacitko_pozadi2_idea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 333px;
  height: 102px;
  display: block;
  background: #DEDBDE; 

}

#tlacitko_pozadi2_tvorba {
  position: absolute;
  top: 0px;
  left: 334px;
  width: 333px;
  height: 102px;
  display: block;
  background: #DEDBDE; 
 
}

#tlacitko_pozadi2_dilo {
  position: absolute;
  top: 0px;
  left: 667px;
  width: 333px;
  height: 102px;
  display: block;
  background: #DEDBDE; 
 
}

.citat {
  font-style: italic;
  text-align: right;
  width: 310px; 
  font-size: 9px;
}

.omenu {
  position: absolute;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
  left: 0px;
  width: 155px;
  height: 17px;
  font-size: 10px;
  background: #DEDBDE;
  border-right: 1px solid #CEC7C6;
  font-weight: normal;
  cursor: pointer;
}

#menu_spodni {
  position: absolute;
  top: 449px;
  width: 999px;
  height: 22px;
  background: #DEDBDE;
  display: none;
}
.tmenu {
  position: absolute;
  top: 165px;
  width: 333px;
  height: 204px;
  border: 0px;
  cursor: pointer;
}