/******************************************/
/*   Author:  Dedek      dedek@slak.cz    */
/*   Version: 2.0        Date: 31.01.2007 */
/******************************************/
body {font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: normal;
  font-size: 76%; text-align: center; background-color: #ffcb89; padding: 0; margin: 0;}
img {border: 0; margin: 10px;}
.imgb {border: 0; margin: 0;}
.mapimg {border: 0; margin: 0; max-width: 680px;}
.obr {border: 0; margin: 0; background-color: #ffcb89;}
input {border: solid 1px #ddd; margin: 0; font-size: 90%; padding: 2px;}
p {text-indent: 10px; padding: 0 4px 0 4px;}
#obal {position: relative; top: 0; left: 0; width: 1000px; height: 100%;
  margin: 0 auto; padding: 0; border-left: solid 1px #060; border-right: solid 1px #060; 
  background: #fff url("../pict/celtic.gif");}
#banner {position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 1000px;
  height: 120px; background-color: #eee; border: none;}
#kryt {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 1000px;
  height: 120px;background: #fff url("../pict/kryt2.gif"); background-repeat: no-repeat;
  border: none; z-index: 10;}
#tram {width: 100%; height: 25px; color: #060; text-align: left;
  background: #fff url("../pict/patac.gif"); background-repeat: repeat-x; line-height: 23px;
  font-size: 90%;}
#mapa {position: absolute; top: 4px; left: 834px; z-index: 100;}
table {border-collapse: collapse; table-layout: fixed; margin: 0;}
.ltd {width: 124px; background-color: #e9ffca; border-right: solid 1px #060;
    height: 100%; vertical-align: top;}
.ltdo {width: 124px; background: #e9ffca url("../pict/irbgr.jpg"); background-repeat: repeat-y;
  border-right: solid 1px #060; height: 100%; vertical-align: top;}
.rtd {height: 100%; vertical-align: top; text-align: left; padding: 0;}
#levy {float:left; width: 122px; padding-right: 1px; margin: 1px 1px 0 1px;
  background-color: #e9ffca;}
#levy a {background: #fff url("../pict/shbuttg.gif"); display: block; color: #000;
  text-decoration: none; line-height: 25px; font-weight: bold; font-size: 1.1em;
  text-align:left; padding-left: 30px; z-index: 1;}
#levy a:hover {color: #0a0;}
#pravy {float: left; width: 864px; margin: 0; padding: 3px; border: none;
  font-size: 1em; font-weight: normal;  background-color: transparent;}
#prkec {float: left; width: 872px; margin: 0; padding: 0; border: none;
  font-size: 1em; font-weight: normal;  background-color: transparent;}
#rmenu {float: left; width: 872px; height: 20px; color: #060; text-align: center;
  border-bottom: solid 1px #060; background-color: #e9ffca; line-height: 20px;
  margin-bottom: 13px; font-size: 1em;}
#rmenu a {text-decoration: none; color: #000;}
#kecat {position: absolute; top: 4px; left: 390px; width: 600px; height: 200px;
  background-color: #ffcb89; border: solid 1px #ccc; z-index: 10;}
#rmenu a:hover {color: #f80;}
.kectext {width: 860px; margin: 0 0 0 1px; padding-left: 4px; border: none; text-align: left;
  font-size: 0.9em; font-weight: normal; background-color: transparent;}
.keckdo {width: 100%; height: 16px; color: #060; text-align: left;  line-height: 16px;
  background-color: #e9ffca; border: none; border-bottom: solid 1px #060;
  font-size: 80%; border-top: solid 1px #060;}
.keckdol {width: 100%; height: 16px; color: #060; text-align: left;  line-height: 16px;
  background-color: #e9ffca; border: none; font-size: 80%; border-top: solid 1px #060;}
#vban {position: absolute; top: 60px; left: 250px; color: #f00; font-size: 1.2em; font-weight: bold;}
#tisk {position: absolute; top: 111px; left: 950px; background-color: transparent; z-index:100;}
#pata {clear: both; width: 100%; height: 25px; color: #060; text-align: right;
  background: #fff url("../pict/patac.gif"); background-repeat: repeat-x; line-height: 22px;
  font-size: 80%;}
#prntisk {width: 800px; height: 100%; margin: 0; padding: 0 6px 0 50px; 
  border: solid 1px #060;}
/* mapy */
#mapy {position:relative; width: 864px; height:auto;}
#maps {width:180px; float:right;}
#maps a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px;
  border: 1px solid #000;}
#maps a img {width:50px; height:50px; border:0;}
#velky {float:left; width: auto;  border:1px solid #ddd;}
.bimg {float:left; width: 640px; height: auto; padding: 10px 0 10px 0;
  max-height: 640px; border: none; background: transparent;}
.nad {float:left; width: 640px; border:none; padding: 2px; text-align: center;}
.pod {float:left; width: 640px; border:none; padding: 2px; font-size: 90%;}
#spodek {height: 17px; text-align: center; padding-top: 2px;}
/* galerie */
#scroller {width:865px; height:660px; position:relative;padding: 0; background:transparent;}
#scroller em {display:block; width:208px; height:176px; position:absolute; top:0;
  right:0; border:1px solid #ddd;}
#scroller span {display:block; width:650px; height:650px; position:absolute; top:0;
  left:0; border:0px solid #ddd;}
#scroller span b#copyright {font-size:10px; color:#888; position:absolute; bottom:5px;
 right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}
#scroller b#thumbs {display:block; width:200px; height: 378px; float:right;
  margin-top:180px; border:1px solid #ccc; padding-left:8px; overflow: auto;}
#scroller b#thumbs a {display:block; float:left; margin:0 8px 8px 0; background:#f8f8ff;
  width:50px; height:50px; border:1px solid #000;}
#scroller b#thumbs a img {width:50px; height:50px; border:0;}
#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(../pict/click_on.gif);}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff;
  background:#fff; outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block;
  position:absolute; background:#aaa; z-index:100;}
#scroller b#thumbs a:hover img.hr {width:160px; height:120px; right:20px; top:28px;
  border:1px solid #333;}
#scroller b#thumbs a:hover img.vt {width:120px; height:160px; right:40px; top:8px;
  border:1px solid #333;}
/* height:360px; overflow:auto;
#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:640px;
  height:480px; left:5px; top:2px; border:1px solid #333;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:480px;
  height:640px; left:95px; top:2px; border:1px solid #333;}
#scroller b#thumbs img.vt:hover, #scroller b#thumbs img.hr:hover {background:#f00;}
*/

