
body { background: url(/images/bg.gif); color:#281e16; font: 14px/1.4 arial; letter-spacing:0.5px; margin-left:30px; min-width:975px; }
#okladka { background: url(/images/okladka.png) center repeat-y; height:500px;}
#bookTop { background: url(/images/book_top.png) center no-repeat; height:46px;}
#bookBottom { background: url(/images/book_bottom.png) center no-repeat; height:57px;}
#bookMiddle { background: url(/images/book_middle.png) center repeat-y;}

#page { width: 950px; margin:0 auto;}
#logo { position: absolute; top:0px; margin-left:-35px; }
#menuTop { position: absolute; top: 0px; margin-left:200px; min-width:700px;}

.topActive { background: url(/images/top_bookmark_selected.png) no-repeat; display:block; width:169px; float:left; text-align:center; padding-top:20px;padding-bottom:22px;color:#000; text-decoration:none; font: italic normal 15px "Time New Roman";text-shadow:silver 1px 1px 1px;}
.topNormal { background: url(/images/top_bookmark_normal.png) no-repeat; display:block; width:169px; float:left; text-align:center; padding-top:20px;padding-bottom:22px;color:#000; text-decoration:none; font: italic normal 15px "Time New Roman";text-shadow:silver 1px 1px 1px;}

#logoLow {  } 
#logoLow p { text-align:center; font: italic normal 23px "Time New Roman"; margin-right:270px; background: url(/images/header_bg.png) center no-repeat; height:70px; padding-top:40px; margin-top:0px; text-shadow:silver 1px 1px 1px;}
#logoLow p img { margin-bottom:5px; }
#logoLow #rightDecoration { position:absolute; margin-left:750px; top:80px;}

p { margin: 0px 0px 10px 0px; }

#content { width:570px; margin-left:50px; float:left;} 
#right { width: 240px; float:right; margin-right: 25px; margin-top:-50px; font-size:12px;}
.clear { clear:both; }

h1,h2 { font: italic normal 21px "Time New Roman"; margin-left:20px; text-decoration:underline; text-shadow:#D0D0D0 1px 1px 1px;}
h2 { font-size:18px; font-weight:bold; text-decoration:none; margin-left:0px;}
.data { background: url(/images/date_bookmark.png) no-repeat; width:103px; height:48px; margin-left:-90px; float:left; margin-top:5px; text-shadow:#BB7900 1px 1px 1px;}
.data .day { display:block; font: italic bold 15px "Time New Roman"; float:left; margin-top:13px; margin-left:12px; color:maroon;}
.data .do { display:block; font: italic normal 10px "Time New Roman"; margin-top:12px; text-align:right; margin-right:10px; text-shadow:#E1A230 1px 1px 1px;}

.center { text-align:center; }
.right { text-align:right;}
#content p img, .img { border:1px solid silver; padding:5px; background:#fff;}

a { color:maroon; }
a:hover {color:#b51a17; }
a img { border:0px; }
h1 a{ color:#281e16; }

h4 { font: italic bold 18px "Time New Roman"; margin:0px 0px 0px -15px; background: url(/images/menu_arrow.png) no-repeat; padding-left:25px; text-shadow:#D0D0D0 1px 1px 1px; clear:both;}
#right p { margin:10px 10px 30px 10px; }

#dlugopis { background: url(/images/dlugopis.png) no-repeat; width:415px; height:169px; margin-left:550px; position: relative; bottom:-100px; margin-top:-100px;}

.link { cursor:pointer; text-decoration:underline; color:maroon;}
#fupload { border: 1px solid black; display:block; padding:5px; width:100px; text-align:center; }

.gallery { float:left; width:100px; height: 100px; text-align:center; border:1px solid silver; padding:5px; background:#fff; margin:5px; line-height:160px;}
.gallery a { display:block; }

pre { margin-left:40px; margin-right:10px; overflow:auto; font-size:12px; border:1px silver dashed; padding:10px; background:#E4E4E4;}
.separator { text-align:center; padding:15px; }
.smallsep { /*background: url(/images/smallsep.png) center no-repeat;*/ clear:both; height:30px;} 
.dotted { border-bottom: 1px silver dotted; margin-bottom:5px; }
.rightside { float:right; color:#6A6A6A; font: italic normal 10px arial; margin-top:20px; border-bottom:1px dashed silver; padding:3px; text-shadow:silver 1px 1px 1px;}
.rightside a { color:#6A6A6A; text-decoration:none;}

.decorlist {list-style-type:none; padding:0px;}
.decorlist li { margin:0px; border-bottom:1px silver solid; padding:3px;}
.decorlist li a { display:block;}
.decorlist li span {color:gray; font: italic normal 10px arial; display:block; }

.pagination { font: italic normal 16px arial; text-align:center;border-bottom:1px dotted silver; padding-bottom:20px;}
.pagination a { padding:2px 5px; border:1px solid silver; background:#D6D6D6; text-decoration:none;}
.pagination span { padding:2px 5px; border:1px solid silver; color:gray; }


.twocol { list-style-type:none; padding:0px;} 
.twocol li { width: 100px; border-bottom: 1px solid silver; float:left; margin-right:20px; padding:2px 0px;}
.twocol li a { display: block; text-decoration:none;}
.twocol li span {display:block; float:right; text-align:right; }
.twocol li:hover { background:#eee; }

.foot{ color:gray; font: italic normal 9px arial; text-shadow:white 1px 1px 1px; margin-left:280px;padding-top:10px;}
