body {

  background-color: #bfb7d5;

  background-image: url(img/bg.png);

  background-repeat: repeat-y;

  text-align: left;

  color: #000;

  font-family: Arial,Verdana,Tahoma;

  font-size: 12px;

}



a:link, a:active, a:visited {

text-decoration: none; 

font-weight: bold;

color: #523e83;}



a:hover {

text-decoration: none;

font-weight: bold;

color: #fff;}





#horni {

  background-image: url(img/horni.png);

  background-repeat: no-repeat;

  position: absolute;

  width: 780px;

  height: 393px;

  top: 0px;

  left: 0px;

}







#odkaz1 {

  background-image: url(img/odkaz1.png);

  background-repeat: no-repeat;

  position: absolute;

  width: 151px;

  height: 25px;

  top: 393px;

  left: 0px;

}



.odkaz1pad {

  text-align: center;

  padding-top: 6px;

  padding-left: 20px;

  padding-right: 15px;

}





#odkaz2 {

  background-image: url(img/odkaz2.png);

  background-repeat: no-repeat;

  position: absolute;

  width: 142px;

  height: 25px;

  top: 393px;

  left: 151px;

}



.odkaz2pad {

  text-align: center;

  padding-top: 6px;

  padding-left: 13px;

  padding-right: 13px;

}





#odkaz3 {

  background-image: url(img/odkaz3.png);

  background-repeat: no-repeat;

  position: absolute;

  width: 487px;

  height: 25px;

  top: 393px;

  left: 293px;

}



.odkaz3pad {

  text-align: center;

  padding-top: 6px;

  padding-left: 13px;

  padding-right: 357px;

}







#nadpis {

  background-image: url(img/nadpis.png);

  background-repeat: no-repeat;

  position: absolute;

  width: 780px;

  height: 55px;

  top: 418px;

  left: 0px;

  text-align: center;

  overflow: auto;

  _background-attachment: fixed;

  scrollbar-face-color: #576495;

  scrollbar-shadow-color: #9296A5;

  scrollbar-highlight-color: #9296A5;

  scrollbar-3dlight-color: #9296A5;

  scrollbar-darkshadow-color: #9296A5;

  scrollbar-track-color: #9296A5;

  scrollbar-arrow-color: #9296A5;

}





.nadpispad {

  text-align: right;

  padding-top: 15px;

  padding-left: 20px;

  padding-right: 350px;

  font-weight: bold;

  font-size: 26px;

  color: #523e83;

}





#autor {

  position: absolute;

  width: 780px;

  height: 20px;

  top: 473px;

  left: 0px;

}







#leve {

  background-image: url(img/leve.png);

  background-repeat: no-repeat;

  position: absolute;

  width: 469px;

  height: 189px;

  top: 493px;

  left: 0px;

}







.levepad {

  text-align: left;

  padding-top: 20px;

  padding-left: 15px;

  padding-right: 5px;

}





#leve .nadpis{

background-color: #ab93bb  ;

font-variant: small-caps;

color: #fff ;

font-size: 14px;

font-weight: bold;

padding: 4px ;

border-top: #523e83 2px solid ;

border-bottom: #523e83 2px solid ;

text-align: center;

}







#leve .podnadpis{

font-variant: small-caps;

color: #523e83 ;

font-size: 14px;

font-weight: bold;

border-bottom: #fff 2px dotted ;

text-align: left;

padding-left: 20px;

}











#prave {

  background-image: url(img/prave.png);

  background-repeat: no-repeat;

  position: absolute;

  width: 311px;

  height: 189px;

  top: 493px;

  left: 469px;

}







.pravepad {

  text-align: left;

  padding-top: 60px;

  padding-left: 5px;

  padding-right: 157px;

}









#prave .nadpis{

font-variant: small-caps;

color: #523e83 ;

font-size: 14px;

font-weight: bold;

border-bottom: #ddd8eb 2px dotted ;

text-align: left;

padding-left: 10px;

}







#prave a:link, #prave a:active, #prave a:visited {

background-color: #ddd8eb;

color: #523e83;

text-decoration: none;

text-align: left;

padding: 2px;

display: block;

height: 15px;

font-weight: normal;

padding-left: 5px;

margin-bottom: 2px;

}



#prave a:hover {

background-color: #523e83;

color: #fff;

text-decoration: none;

text-align: right;

padding: 2px;

display: block;

height: 15px;

font-weight: bold;

padding-right: 5px;

margin-bottom: 2px;

}