/* CSS screen doc */

html, body, #page { min-height:100%; width: 100%; height: 100%; }
html>body, html>body #page{ height: auto; }
body { margin:0; padding:0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#555544; background:url(../img/d01-bg-rpt.gif) top center repeat-y #483b35;  }
#page { position: absolute; top:0; left: 0;  }
#wrapper { 	width: 800px; margin: 0px auto;   }

/*-------------------------- page styling part --------------------------*/
#header { padding:0; height:143px;   width:800px; background:url(../img/d01-header.jpg) top left no-repeat; _margin-left:1px; }
#footer { position: absolute; bottom: 0; width:100%; height: 45px; background:url(../img/d01-footer.gif) top center no-repeat #483b35;
top: expression(document.getElementById('page').offsetHeight - document.getElementById('footer').offsetHeight ); }
#footer-content { width:800px; margin:0px auto; }
#footer-fixer { color:#fff; font-size:9px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
#footer-fixer { width:800px; height:35px; padding-top:10px;  } 


#main { clear:both; width:800px; /* margin:0px auto; */  margin-bottom:45px; _margin-left:1px;  }
#main .clearer { clear:both; margin:0; padding:0; border:0; height:0;  }
#main #levy_sloupec { width:210px; float:left;    }
#main #pravy_sloupec { width:590px; height:auto; float:left;    background:url(../img/d01-main-up.gif) top left no-repeat; min-height:150px; padding-top:28px; }
#main #pravy_sloupec #obsah { width:560px; padding-left:15px; padding-right:15px; padding-top:15px; }


#nabidka a.act0, #nabidka a.act1 { font-size:13px; display:block; color:#483b35; height:22px; background:url(../img/d01-menu-a.gif) top left no-repeat; padding:4px 0px 0px 35px; font-weight:bold;  }
#nabidka a.act0:hover, #nabidka a.act1:hover  { font-size:13px; display:block; color:#399430; text-decoration:none;  height:22px; background:url(../img/d01-menu-a-hv.gif) top left no-repeat; padding:4px 0px 0px 35px; font-weight:bold;  } 
#nabidka { width:206px; background:url(../img/d01-menu-top.gif) top left no-repeat; padding-top:28px;  }
#bottomer { width:206px; background:url(../img/d01-menu-bottom.gif) bottom left no-repeat; padding-bottom:26px; } 
#nabidka a.level1 { font-size:11px; padding-left:50px; padding-top:6px; height:20px; color:#483b35; }
#nabidka a.level1:hover { font-size:11px; padding-left:50px; padding-top:6px;height:20px; color:#399430; }
#nabidka a.act1 { color:#fff;  }
 
/*-------------------------- html overides -----------------------------*/

h1,h2,h3,h4 { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5 { margin:0; padding:0; border:0; }
h1 { font-size:1.4em; font-weight:100;  }
h1 span { display:none; }
h2 { font-size:1.4em; font-weight:100; margin-bottom:15px;}
h3 { font-size:1.0em; margin-bottom:15px;}
h4 { font-size:1.0em; }
dl { margin:0; padding:0; }
ul { margin:5px 0px; padding:0; }
li { padding-bottom:4px; margin-left:18px; } 
hr { border:1px dashed #FFFFFF; padding:0; margin-bottom:10px; visibility:hidden; } 

p { line-height:1.4em; margin:0; padding:0; padding-bottom:6px;  }

a { color:#22741c; text-decoration:none; }
a:hover { color:#b6b7a9; text-decoration:underline; }
select, input, textarea, label { display:block;  }
select, input, textarea { margin:5px 0px; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
input, textarea { width:400px;  }
label  { width: 150px; margin:7px 0px; }

.hlaska { color:#FF0000; margin-bottom:5px;}
/*------------------------------------------------------------------------*/
#nabidka a.level2 { font-size:11px; margin-left:15px;  }
#nabidka a.level2:hover { font-size:11px; margin-left:15px; }

#aktual { width:279px; _width:278px; background-color:#f6f6f2; height:89px; margin-left:1px; _margin-left:1px; border-bottom:1px solid #bdbdaa; border-right:1px solid #bdbdaa; float:left; padding-top:10px; padding-left:10px; padding-right:5px;  }
#knih { width:278px; background-color:#f6f6f2; height:89px;  border-bottom:1px solid #bdbdaa;  float:left; padding-top:10px; padding-left:10px; padding-right:5px;  }
.but { text-align:right; color:#b6b7a9; }
.but a { color:#b6b7a9;}
/*------------------------------------------------------------------------*/


.strankovac { color:#555544; font:1.0em tahoma; height:30px;  }
.strankovac .stranky .aktualni {  margin-right: 1px; color:#ccc; padding:0px 1px; }
.strankovac .zobraz { margin:10px 0px; }
.strankovac .stranky .neaktivni {  margin-right: 1px; color: #ccc; }
.strankovac .stranky a, .strankovac .stranky a:link, .strankovac .stranky a:visited { padding:0px 1px;  margin-right: 1px; text-decoration: none; color:#92937f; font-weight:normal; } 
.strankovac .val { color:#92937f; }
.strankovac .stranky a:hover { color: #ccc; }

#aktual_mod .clearer { clear:both; margin-top:20px;}

/*--customized classes---------------------------------------------------------------------*/

.default { margin-bottom:20px; }
.default h1 { color:#399430; font-size:21px;  margin-bottom:10px; text-transform:uppercase; }
.default h2 { color:#399430; font-size:18px;  margin-bottom:10px; text-transform:uppercase; }
.default h3 { color:#92937f; font-size:16px;  margin-bottom:10px; }
.default h4 { color:#399430; font-size:14px;  margin-bottom:10px; }
.default h5 { color:#b6b7a9; font-size:11px;  margin-bottom:10px; }
.default p { color:#555544;  }
.default a:hover { color:#399430; }
.default img { border:1px solid #399430; padding:1px; }
.default ul, ol { margin:0; padding:0; padding-left:5px;}
.default ol { padding-left:10px; }
.default ul li { list-style-image:url(../icons/li-bullet.gif); list-style-type:none;}

/*-----------------------------------------------------------------------------------------*/

#ref_mod .inside { margin-bottom:12px; margin-top:3px; }
#ref_mod .inside img { margin-right:10px; float:left; border:1px solid #bdbdaa; }
#ref_mod h2 { color:#399430; font-size:17px; font-weight:bold; margin-bottom:5px; margin-top:5px; text-transform:uppercase;}
#ref_mod h3 { color:#92937f; font-size:14px; font-weight:bold; margin-bottom:0px; }
#ref_mod h4 a { color:#399430; font-size:11px; margin-bottom:0px; }
#ref_mod h4 { font-weight:normal; }
#ref_mod .round { border:2px solid #dbdcd3; padding:10px; }


#sez_mod .pruh { height:32px; background-color:#f8f8f8; padding-top:4px; margin-bottom:10px; border:1px solid #bdbdaa; }
#sez_mod .pruh  #nastaveni-vypisu { clear:both; padding-bottom:5px;  margin-bottom:10px; }
#sez_mod .pruh a { float:left; width:10px; height:26px; padding-top:7px; _padding-top:10px; _height:23px;}
#sez_mod .pruh label { float:left; width:inherit; _width:auto; margin-right:5px; margin-left:10px; }
#sez_mod .pruh select { float:left; }
#sez_mod .pruh .intro { float:left; margin-right:5px; margin-left:10px; _margin-left:5px; }
#sez_mod .pruh input { width:100px; float:left; }
#sez_mod .pruh input.filtrovat { width:100px; float:left; }

#sez_mod .pruh img { border:0; }
#sez_mod .inside { margin-top:3px; clear:both; margin-bottom:20px; min-height:90px;  }
#sez_mod .inside  img { float:left; margin-right:10px; margin-bottom:0px; border:1px solid #dbdcd3; }
#sez_mod .imgwrap { float:left; margin-right:10px; margin-bottom:10px;  background-color:#F8f8f8; height:60px; width:90px; display:block; border:1px solid #dbdcd3; }
#sez_mod h2 { color:#399430; font-size:17px; font-weight:bold; margin-bottom:15px; margin-top:5px; text-transform:uppercase;}
#sez_mod h3 { color:#483b35; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; }
#sez_mod .content { text-align:justify; margin-top:5px;  }

.show h2 { margin-bottom:7px; }
.show h2 a { color:#92937f; font-size:14px; font-weight:bold; }
.show h2 a:hover { color:#92937f; font-size:14px; font-weight:bold; text-decoration:underline; }
.show p { color:#555544;  }
.show img { border:1px solid #399430; padding:1px; float:left; margin-right:15px; margin-top:3px;}
.show .pruh { text-align:right; font-size:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; height:15px; _margin-top:-20px;}
.show .pruh a { float:right; color:#b6b7a9; }
.show .pruh img { float:right; border:0; margin:0; padding:0; margin-right:5px; }
.show .dater { font-size:11px; margin-bottom:10px; _margin-bottom:-20px;  font-weight:bold; color:#b6b7a9;}
.show .dater img { border:0; margin:0; padding:0; float:left; margin-right:10px; }
.show .dater span { float:left; margin-top:1px;  }
.show .uvod { float:left; _margin-bottom:-10px; }

#galerie .navigace img { float:left; margin-right:5px; }
#galerie .hlavicka .imgwrap { float:left; margin-right:20px; width:80px;  }
#galerie .hlavicka .gallerywrap { float:left; width:300px; }
#galerie .hlavicka a { color:#399430; text-transform:uppercase; }
#galerie .hlavicka a:hover { color:#92937f; text-decoration:underline; }
#galerie h3 {  margin-bottom:5px; color:#92937f; font-size:16px; text-transform:uppercase; }
#galerie a:hover { color:#92937f; text-decoration:underline;}
#galerie .popis .photowrap { text-align:center;}
#galerie .popis .photowrap img { border:0; }
#galerie .popis .photowrap .imgdisp img { border:1px solid #399430; padding:1px; }
#galerie .popis .photowrap .photos { display:block; float:left; width:120px; height:90px; margin-right:7px; margin-bottom:7px; /* border:1px solid #399430; */ padding:1px; background-color:#fff; } 
#galerie .popis .photowrap .photos img { border:1px solid #399430; padding:1px; }

#diskuze {}
#diskuze #dform { margin-bottom:30px; }
#diskuze .submit_button { width:100px;}
#diskuze input.meno { width:130px; }
#diskuze input.www { width:160px; }
#diskuze input.captcha { width:70px; }
#diskuze a.newimg { display:block; width:14px; }
#diskuze a.newimg:hover { color:#333; display:block; }
#diskuze .captcha-field { margin-top:20px;}
#diskuze .captcha-field img { border:0; }
#diskuze .add-record { margin-bottom:20px; }
#diskuze .add-record a:hover { color:#b6b7a9;}
#diskuze .comment { margin-bottom:20px; }
#diskuze .comment .up {  height:25px; margin-bottom:10px; border-bottom:1px solid #b6b7a9; width:530px; }

#diskuze .comment h4 { float:right; }
#diskuze .comment img { float:right; margin-left:10px; border:0; }
#diskuze .comment .dat { float:left; }
#diskuze .comment .dat img { float:left; margin-right:6px; margin-left:0px; }
#diskuze .comment p { clear:both; width:530px; _padding-top:8px; }



