/* CSS Document */



html, body {

  margin: 0;

  padding: 0;

}



body {

  font-size: 8pt;

  color: #696969;

  font-family: 'Verdana', sans-serif;

  background-color: white;

  background-image: url(../images/leaf.jpg);

  background-position: left top;

  background-repeat: no-repeat;

}



ul {

  margin: 0;

  padding: 20px;

  list-style-type: disc;

}



a {

  color: #8B5A1B;

  text-decoration: none;

}



a:hover {

  text-decoration: underline;

}



p {

  margin: 0;

  padding: 7px 0;

}



h1 {
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 8pt;
}



h2 {
  font-size: 8pt;
}



div#toplist {

  height: 41px;

  width: auto;

  color: #875A16;

}



div#toplist a {

  color: #875A16;

  font-size: 7pt;

  text-decoration: none;

}



div#toplist a:hover {

  text-decoration: underline;

}



div#toplist form {

  position: absolute;

  margin: 10px 0 0 667px;

  font-size: 7pt;

}



div#toplist input {

  border: 1px solid #6D6D6D;

  font-size: 8pt;

  width: 100px;

}



div#obsah input {

  border: 1px solid #6D6D6D;

  font-size: 8pt;

}



div#obsah textarea {

  border: 1px solid #6D6D6D;

  font-size: 8pt;

}



div#obsah select {

  border: 1px solid #6D6D6D;

  font-size: 8pt;

}



div#toplist input.subm {

  border-style: none;

  width: 20px;

  background-color: white;

  color: #875A16;

  font-size: 10pt;

}



div#leftlist {

  width: 50px;

  height: 741px;

  float: left;

}



div#riglist {

  width: 50px;

  height: 777px;

  float: left;

}



div#container {

  width: 900px;

  float: left;

  border-top: 5px solid #DACE91;

}



div#head {

  width: 900px;

  height: 245px;

}



div#head img {

  display: block;

}



div#obsah {

  width: auto;

  text-align: justify;

  border-top: 1px solid #FAD23C;

  border-right: 1px solid #F7F4C9;

  border-bottom: 1px solid #FAD23C;

  border-left: 1px solid #F7F4C9;

  background-image: url(../images/bg.gif);

  background-position: center top;

  background-repeat: repeat-y;

}



div#pozadi {

  width: auto;

  background-image: url(../images/maple.jpg);

  background-position: center top;

  background-repeat: no-repeat;

}



div#news {

  width: 326px;

  float: left;

}



div#inne {

  width: auto;

  border-left: 1px solid #FAF2CD;

}



div#text {

  width: 570px;

  float: left;

}



div#in {

  width: auto;

  padding: 30px;

  min-height: 500px;

}



* html div#in {

  height: 500px;

}



div.akt {

  width: 260px;

  margin: 14px 0 0 30px;

}



div.akt ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



div.akt h2 {

  color: #B5302B;

  font-size: 20pt;

  text-transform: uppercase;

  font-weight: bold;

  margin: 0;

  padding: 0 0 5px 0; 

}



div.aktop {

  background-image: url(../images/aktop.jpg);

  background-position: center top;

  background-repeat: no-repeat;

  height: 1px;

  font-size: 0;

  line-height: 0;

  width: auto;

}



div.inakt {

  background-color: #F6F0CC;

  color: #8E5913;

  font-weight: bold;

  width: auto;

  font-size: 10px;

  padding: 8px 10px;

}



div#foot {

  width: auto;

  border-top: 1px solid #FAD23C;

  background-image: url(../images/foot.jpg);

  background-position: center top;

  background-repeat: repeat-x;

  height: 40px;

}



div#podfoot {

  width: auto;

  padding: 10px 0 0 0;

  text-align: right;

  font-size: 7pt;

  color: #a7a7a7;

}



div#podfoot a {

  color: #a7a7a7;

  text-decoration: underline;

}



div#podfoot a:hover {

  text-decoration: none;

}



div#foot {

  color: #81601B;

  font-weight: bold;

}



div#foot p {

  margin: 0;

  padding: 13px;

}



.menu2 {padding:0 0 0 30px; margin:0; list-style:none; height:35px; position:relative; }

.menu2 li.top {display:block; float:left; position:relative;}

.menu2 li a.top_link {display:block; float:left; height:35px; color:#8E5D22; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}

.menu2 li a.top_link span {float:left; display:block; padding:10px 24px 0 12px; }

.menu2 li a.top_link span.down {float:left; display:block; padding:10px 24px 0 12px;}

.menu2 li a.top_link:hover {color:#D1B562;}



.menu2 li:hover > a.top_link {color:#D1B562; }



.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}



/* Default link styling */



/* Style the list OR link hover. Depends on which browser is used */



.menu2 a:hover {visibility:visible;}

.menu2 li:hover {position:relative; z-index:200;}

.menu2 li { background-image: url(../images/li.jpg); background-position: left top; background-repeat: no-repeat; }

/* keep the 'next' level invisible by placing it off screen. */

.menu2 ul, 

.menu2 :hover ul ul, 

.menu2 :hover ul :hover ul ul,

.menu2 :hover ul :hover ul :hover ul ul,

.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



.menu2 :hover ul.sub {left:1px; top:35px; background: #f8f2ce; white-space: nowrap; border-top: 1px solid #F5D43C; border-bottom: 1px solid #ffffff; width: auto; min-width: 100px; height:auto;}

.menu2 :hover ul.sub li {display:block; height:30px; background: none; position:relative; float:left; white-space: nowrap; min-width:100px; _width: 100px; border-bottom: 1px solid #ffffff;}

.menu2 :hover ul.sub li a {display:block; font-size:11px; font-weight: bold; height:15px; padding: 8px 10px; color:#8E5D22; text-decoration:none; }

.menu2 :hover ul.sub li a:hover { color:#8B5A1B; text-decoration:underline} 



.menu2 :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul

{left:90px; top:-4px; background: #ffff; padding:3px 0; border-right: 1px solid #ffd339; border-left: 1px solid #ffd339; border-bottom: 1px solid #fffff; white-space:nowrap; min-width:100px; _width: 100px; z-index:200; height:auto;}





.menu {width:900px; height: 35px;

  background-image: url(../images/menu.jpg);

  background-position: center top;

  background-repeat: repeat-x; position:relative; font-size:11px; z-index:100;}



.clear {

  clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;

}


