body { font-family: Cambria, Times New Roman, serif; }

@font-face { font-family: Cambria; src: url('images/CAMBRIA.TTC'); } 
@font-face { font-family: Cambria; font-weight: bold; src: url('images/CAMBRIAB.TTF'); }

#main_bg img { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; }

#container { text-align: left; margin: 0 auto; width: 900px; position: relative; height: 100%; z-index: 100; }

#kniha { position: absolute; top: 11px; width: 898px; height: 369px; background-image:url('images/kniha.png'); background-repeat:no-repeat; z-index: 9998; display: block; }

#menu { position: absolute; top: 380px; width: 899px; height: 50px; background-image:url('images/menu.png'); background-repeat:no-repeat; }

#content { position: absolute; top: 430px; width: 899px; text-align: left; background-image:url('images/pergamen.png'); background-repeat:repeat-y; z-index: 9997; padding: 15px 35px 15px 60px; }

#footer { text-align: center; font-size: 70%; color: #915e2b; border-top: 1px solid #c79755; margin-top: 30px; padding-top: 10px}

#podminky { background-color: #faf1e2; padding: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; }
#podminky a, a:visited { color: #463113 }
#podminky a:hover { color: #fff; background-color: #a01c1c; text-decoration: none; }
#podminky a:active { color: #fff; background-color: #a01c1c; text-decoration: none; }
#podminky p { color: #000 }

#svastika { margin: 10px 0 0 30px; list-style: none; height: 27px; }

#svastika li { padding: 0; margin-right: 10px; height: 27px; list-style; background-repeat: no-repeat; list-style: none; }

#svastika li a, #svastika li a:visited { display: block; outline: none; text-decoration: none; text-indent: -9999px; height: 27px; background-repeat: no-repeat; }

#index {background-image: url(images/rollover01.png); width: 164px;}
#index a {background-image: url(images/rollover01a.png);}
#druzina {background-image: url(images/rollover02.png); width: 145px;}
#druzina a {background-image: url(images/rollover02a.png);}
#ukazky {background-image: url(images/rollover03.png); width: 139px;}
#ukazky a {background-image: url(images/rollover03a.png);}
#objednej {background-image: url(images/rollover04.png); width: 149px;}
#objednej a {background-image: url(images/rollover04a.png);}
#napis {background-image: url(images/rollover05.png); width: 116px;}
#napis a {background-image: url(images/rollover05a.png);}
ul#svastika li a:hover {background: none;}
#svastika li {float: left;}
#svastika:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.index #svastika #index a,
.druzina #svastika #druzina a,
.ukazky #svastika #ukazky a,
.objednej #svastika #objednej a,
.napis #svastika #napis a
 {background: none;}

#text { float: left; width: 782px }
#text a, a:visited { color: #463113; font-weight: bold }
#text a:hover { color: #fff; background-color: #a01c1c; text-decoration: none; }
#text a:active { color: #fff; background-color: #a01c1c; text-decoration: none; }

h1 { text-align: center; color: #441601; font-size: 1.4em}
h2 { text-align: center; color: #441601; font-size: 1.2em}
h3 { text-align: center; color: #5e764f; font-size: 1.2em}
h4 { text-align: center; color: #5e764f; font-size: 1em; font-style: normal; margin-top: -12px}

p { font-size: 1em; line-height: 1.4em; color: #463113}
p.highlight { font-weight: bold }
p.capital { font-weight: bold;  }
p.mini { font-size: .9em }
p.center { text-align: center }
p.praise { text-align: left; color: #400000 }

form fieldset { text-align: center; clear: both; font-size: 100%; border: 1px solid #995f1d; border-radius: 20px; padding: 10px; margin: 0; }

form fieldset legend { font-size: 150%; font-weight: normal; color: #000000; margin: 0 0 0 0; padding: 0 5px; }

input, select, textarea { font-family: Cambria, Times New Roman, serif; background-color: #e7cead; border: 1px solid #995f1d; font-size: 100%; color: #000000; text-align: center }

.inputSubmit { background-color: #5f613d; border: 2px solid #5f613d; color: #fff; width: 125px; padding: 0 6px; margin: 0; cursor:pointer}

.divokoza_leva { display:scroll; position:fixed; top:66px; left:-27px; }
.divokoza_prava { display:scroll; position:fixed; top:66px; right:-27px }