#cely {

Position: relative;
Margin: auto;
background-image: url("grafika/hl_stranka.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}

#malba{
  position:absolute;
  top:284px;
  left:156px;
  width:158px;
  height:88px;
  background-image: url("grafika/obr_malba.png");
}

#kresba{
  position:absolute;
  top:67px;
  left:469px;
  width:85px;
  height:175px;
  background-image: url("grafika/obr_kresba.png");
}

#informace{
  position:absolute;
  top:488px;
  left:305px;
  width:176px;
  height:141px;
  background-image: url("grafika/obr_informace.png");
}

#grafika{
  position:absolute;
  top:462px;
  left:785px;
  width:178px;
  height:94px;
  background-image: url("grafika/obr_grafika.png");
}
#fotky{
  position:absolute;
  top:522px;
  left:550px;
  width:61px;
  height:133px;
  background-image: url("grafika/obr_grafika.png");
}
#malba1_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/malba1.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}

#malba2_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/malba2.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}

#malba3_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/malba3.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}

#grafika1_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/grafika1.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}

#grafika2_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/grafika2.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}

#grafika3_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/grafika3.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}


#kresba1_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/kresba1.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}

#kresba2_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/kresba2.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}

#kresba3_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/kresba3.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}

#informace_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/informace.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}

#fotky1_cely{
Position: relative;
Margin: auto;
background-image: url("grafika/fotky.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;

}
#uv_strana{                           
  position:absolute;
  top:45px;
  left:747px;                  
  width:127px;
  height:86px;
  background-image: url("grafika/menu_hl_st.png");
  }
  #g_menu_malba{                           
  position:absolute;
  top:157px;
  left:764px;                  
  width:104px;
  height:47px;
  background-image: url("grafika/menu_malba.png");
  }
  #g_menu_kresba{                           
  position:absolute;
  top:227px;
  left:778px;                  
  width:117px;
  height:42px;
  background-image: url("grafika/menu_kresba.png");
  }
  #g_menu_info{                           
  position:absolute;
  top:295px;
  left:789px;                  
  width:150px;
  height:51px;
  background-image: url("grafika/menu_info.png");
  }
  #k_menu_malba{                           
  position:absolute;
  top:157px;
  left:764px;                  
  width:104px;
  height:47px;
  background-image: url("grafika/menu_malba.png");
  }
  #k_menu_grafika{                           
  position:absolute;
  top:227px;
  left:778px;                  
  width:117px;
  height:42px;
  background-image: url("grafika/menu_grafika.png");
  }
  #m_menu_kresba{                           
  position:absolute;
  top:157px;
  left:764px;                  
  width:110px;
  height:47px;
  background-image: url("grafika/menu_kresba.png");
  }
  #i_menu_grafika{                           
  position:absolute;
  top:295px;
  left:789px;                  
  width:117px;
  height:42px;
  background-image: url("grafika/menu_rafika.png");
  }
  #dalsi{                           
  position:absolute;
  top:523px;
  left:462px;                  
  width:104px;
  height:54px;
  background-image: url("grafika/dalsi.png");
  }
  #predchozi{                           
  position:absolute;
  top:473px;
  left:263px;                  
  width:174px;
  height:72px;
  background-image: url("grafika/predchozi.png");
  }
  #zpetny{                           
  position: absolute;
  top:473px;
  left:607px;                  
  width:205px;
  height:94px;
  background-image: url("grafika/zpetny.png");
  }
#kresba_velke1{  
Position: relative;
Margin: auto;
background-image: url("grafika/kresba_velke1.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
} 
#kresba_velke2{  
Position: relative;
Margin: auto;
background-image: url("grafika/kresba_velke2.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}
#kresba_velke3{  
Position: relative;
Margin: auto;
background-image: url("grafika/kresba_velke3.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}
#malba_velke1{  
Position: relative;
Margin: auto;
background-image: url("grafika/malba_velke1.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}
#malba_velke2{  
Position: relative;
Margin: auto;
background-image: url("grafika/malba_velke2.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
 }
#malba_velke3{  
Position: relative;
Margin: auto;
background-image: url("grafika/malba_velke3.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
} 
#grafika_velke1{  
Position: relative;
Margin: auto;
background-image: url("grafika/grafika_velke1.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}
#grafika_velke2{  
Position: relative;
Margin: auto;
background-image: url("grafika/grafika_velke2.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
 }
#grafika_velke3{  
Position: relative;
Margin: auto;
background-image: url("grafika/grafika_velke3.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}
#male1{
  position:relative;
  top:24px;
  left:62px;
  width:177px;
  height:120px;
}  
#male2{
  position:absolute;
  top:24px;
  left:278px;
  width:177px;
  height:120px;
}
#male12k{
  position:relative;
  top:28px;
  left:65px;
  width:177px;
  height:120px;
}  
#male22k{
  position:absolute;
  top:28px;
  left:279px;
  width:177px;
  height:120px;
}
#male3{
  position:absolute;
  top:24px;
  left:497px;
  width:177px;
  height:120px;
}
#male4{
  position:absolute;
  top:169px;
  left:62px;
  width:177px;
  height:120px;
}  
#male5{
  position:absolute;
  top:169px;
  left:278px;
  width:177px;
  height:120px;
}
#male6{
  position:absolute;
  top:169px;
  left:497px;
  width:177px;
  height:120px;
} 
#male7{
  position:absolute;
  top:314px;
  left:278px;
  width:177px;
  height:120px;
}
#male8{
  position:absolute;
  top:314px;
  left:497px;
  width:177px;
  height:120px;
}
#na_sirku{
  position:absolute;
  top:34px;
  left:202px;
} 
#na_vysku{
  position:absolute;
  top:34px;
  left:350px;
} 
#kresba_velke3{  
Position: relative;
Margin: auto;
background-image: url("grafika/kresba_velke3.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}
#f_uv_strana{                           
  position:absolute;
  top:594px;
  left:358px;                  
  width:266px;
  height:52px;
  background-image: url("grafika/fot_hl_st.png");
  }
#fo_uv_strana{                           
  position:absolute;
  top:340px;
  left:809px;                  
  width:127px;
  height:86px;
  background-image: url("grafika/menu_hl_st.png");
  }
#kmale1{
  position:absolute;
  top:95px;
  left:62px;
  width:177px;
  height:120px;
}
#kmale2{
  position:absolute;
  top:95px;
  left:294px;
  width:177px;
  height:120px;
}
#kmale3{
  position:absolute;
  top:95px;
  left:525px;
  width:177px;
  height:120px;
}
#kmale4{
  position:absolute;
  top:95px;
  left:759px;
  width:177px;
  height:120px;
}
#kmale5{
  position:absolute;
  top:270px;
  left:62px;
  width:177px;
  height:120px;
}
#kmale6{
  position:absolute;
  top:270px;
  left:294px;
  width:177px;
  height:120px;
}
#kmale7{
  position:absolute;
  top:270px;
  left:525px;
  width:177px;
  height:120px;
}
#kmale8{
  position:absolute;
  top:270px;
  left:759px;
  width:177px;
  height:120px;
}
#kmale9{
  position:absolute;
  top:446px;
  left:62px;
  width:177px;
  height:120px;
}
#kmale10{
  position:absolute;
  top:446px;
  left:294px;
  width:177px;
  height:120px;
} 
#kmale11{
  position:absolute;
  top:446px;
  left:525px;
  width:177px;
  height:120px;
}
#kmale12{
  position:absolute;
  top:446px;
  left:759px;
  width:177px;
  height:120px;
}

#f_na_sirku{
  position:absolute;
  top:90px;
  left:75px;
} 
#f_na_vysku{
  position:absolute;
  top:65px;
  left:210px;
}
#f_dalsi{                           
  position:absolute;
  top:105px;
  left:782px;                  
  width:104px;
  height:54px;
  background-image: url("grafika/dalsi.png");
  }
  #f_predchozi{                           
  position:absolute;
  top:160px;
  left:762px;                  
  width:174px;
  height:72px;
  background-image: url("grafika/predchozi.png");
  }
  #f_zpetny{                           
  position: absolute;
  top:448px;
  left:818px;                  
  width:205px;
  height:94px;
  background-image: url("grafika/zpetny.png");
  }
  #fotky_velke1{  
Position: relative;
Margin: auto;
background-image: url("grafika/fotky_velke1.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}
#fotky_velke2{  
Position: relative;
Margin: auto;
background-image: url("grafika/fotky_velke2.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}
#fotky_velke3{  
Position: relative;
Margin: auto;
background-image: url("grafika/fotky_velke3.png");
width: 1000px;
height: 665px;
background-repeat:  no-repeat;
}