/*   --------------------------------------------------------   */
/*					*/
/*    © copyright Karel Motlik,  All rights reserved    */
/*					*/
/*     author: Karel Motlik	                                */
/*     url:    http://karelmotlik.com                            */
/*     e-mail:   info@karelmotlik.com                          */
/*     phone:   +420 721 958 645                              */
/*   				                */
/*   --------------------------------------------------------   */


#uvod  {
float: left;
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
width: 129px;
height: 67px;  }

#uvod  a:link  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 129px;
height: 67px;  }

#uvod  a:visited  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 129px;
height: 67px;  }

#uvod  a:active  {
background-image: url(imgs/uvod-hover.png);
background-repeat: no-repeat;
float: left;
width: 129px;
height: 67px;  }

#uvod  a:hover  {
background-image: url(imgs/uvod-hover.png);
background-repeat: no-repeat;
float: left;
width: 129px;
height: 67px;  }


#sluzby  {
float: left;
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
width: 65px;
height: 67px;  }

#sluzby  a:link  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 65px;
height: 67px;  }

#sluzby  a:visited  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 65px;
height: 67px;  }

#sluzby  a:active  {
background-image: url(imgs/sluzby-hover.png);
background-repeat: no-repeat;
float: left;
width: 65px;
height: 67px;  }

#sluzby  a:hover  {
background-image: url(imgs/sluzby-hover.png);
background-repeat: no-repeat;
float: left;
width: 65px;
height: 67px;  }


#kniha  {
float: left;
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
width: 125px;
height: 67px;  }

#kniha  a:link  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 125px;
height: 67px;  }

#kniha  a:visited  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 125px;
height: 67px;  }

#kniha  a:active  {
background-image: url(imgs/kniha-hover.png);
background-repeat: no-repeat;
float: left;
width: 125px;
height: 67px;  }

#kniha  a:hover  {
background-image: url(imgs/kniha-hover.png);
background-repeat: no-repeat;
float: left;
width: 125px;
height: 67px;  }


#kontakt  {
float: left;
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
width: 77px;
height: 67px;  }

#kontakt  a:link  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 77px;
height: 67px;  }

#kontakt  a:visited  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 77px;
height: 67px;  }

#kontakt  a:active  {
background-image: url(imgs/kontakt-hover.png);
background-repeat: no-repeat;
float: left;
width: 77px;
height: 67px;  }

#kontakt  a:hover  {
background-image: url(imgs/kontakt-hover.png);
background-repeat: no-repeat;
float: left;
width: 77px;
height: 67px;  }


#webdesign  {
float: left;
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
width: 110px;
height: 62px;  }

#webdesign  a:link  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 110px;
height: 62px;  }

#webdesign  a:visited  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 110px;
height: 62px;  }

#webdesign  a:active  {
background-image: url(imgs/webdesign-hover.png);
background-repeat: no-repeat;
float: left;
width: 110px;
height: 62px;  }

#webdesign  a:hover  {
background-image: url(imgs/webdesign-hover.png);
background-repeat: no-repeat;
float: left;
width: 110px;
height: 62px;  }


#fotografie  {
float: left;
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
width: 95px;
height: 62px;  }

#fotografie  a:link  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 95px;
height: 62px;  }

#fotografie  a:visited  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 95px;
height: 62px;  }

#fotografie  a:active  {
background-image: url(imgs/fotografie-hover.png);
background-repeat: no-repeat;
float: left;
width: 95px;
height: 62px;  }

#fotografie  a:hover  {
background-image: url(imgs/fotografie-hover.png);
background-repeat: no-repeat;
float: left;
width: 95px;
height: 62px;  }


#ostatni  {
float: left;
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
width: 123px;
height: 62px;  }

#ostatni  a:link  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 123px;
height: 62px;  }

#ostatni  a:visited  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 123px;
height: 62px;  }

#ostatni  a:active  {
background-image: url(imgs/ostatni-hover.png);
background-repeat: no-repeat;
float: left;
width: 123px;
height: 62px;  }

#ostatni  a:hover  {
background-image: url(imgs/ostatni-hover.png);
background-repeat: no-repeat;
float: left;
width: 123px;
height: 62px;  }
  
           
#inspirace  {
float: left;
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
width: 82px;
height: 62px;  }

#inspirace  a:link  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 82px;
height: 62px;  }

#inspirace  a:visited  {
background-image: url(imgs/button.gif);
background-repeat: no-repeat;
float: left;
width: 82px;
height: 62px;  }

#inspirace  a:active  {
background-image: url(imgs/inspirace-hover.png);
background-repeat: no-repeat;
float: left;
width: 82px;
height: 62px;  }

#inspirace  a:hover  {
background-image: url(imgs/inspirace-hover.png);
background-repeat: no-repeat;
float: left;
width: 82px;
height: 62px;  }