body {
		margin:0; padding:0;
		font:90%/1.3  Tahoma, "Geneva CE", lucida, sans-serif;
		color: #000000;
		background:#fff url('img/bg_webprkno.jpg') no-repeat 50% top;
		}
#page {margin:15px auto;width:780px;}

#left {float:left;width:165px;}
#logo {margin-top:35px;background:transparent url('img/logo_divadlo.jpg') no-repeat right top;width:165px;height:130px;display:block;}  
#logo a {width:165px;height:130px;display:block;text-decoration:none;}  
#logo a span {display:none;}  
#left-box {margin-top:36px;margin-left:0px;}
#left-box h2 {background-color:#000;line-height:30px;color:#fff;padding-left:15px;font-size:100%;}
#left-box p {margin:5px;padding:0px 0px;font-size:89%;}

.menu {}
.menu ul {list-style-type:none;margin-top:12px;}
.menu li {list-style-type:none;line-height:20px;width:165px;text-align:left;margin:4px 0px;padding:0px;}
.menu li a {color:#000;padding-left:10px;display:block;line-height:20px;width:155px;text-decoration:none;border-left:3px solid #000;}
.menu li a:hover {color:#671222;text-decoration:underline;border-left:3px solid #671222;}

#right {float:right;width:545px;padding-right:35px;margin-top:220px;}
#right h1 {padding:0 50px;width:540px;margin-top:10px;padding-top:35px;background: url('img/bg_h2.jpg') no-repeat 0px 0px;}
#right h2 {width:540px;margin-top:10px;padding-top:35px;background: url('img/bg_h2.jpg') no-repeat 0px 0px;}
#right h3 {margin-top:10px;border-left:5px solid #000;padding:0 8px;}

#footer {float:right;margin-top:20px;width:780px;height:40px;background: url('img/bg_footer.jpg') no-repeat 0px -5px; clear:both;}
#footer p {padding-left:200px;margin-top:10px;}

#random-face {position:absolute;width:250px;height:150px;top:46px;margin-left:500px;}
#random-face p{text-align:center;padding-top:5px;font-weight:bold;color:#DFD318;font-family:Georgia,"New York CE",utopia,sans-serif;}
#random-face img{border:none;width:143px;height:149px;}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color:#671222;
  font-family:Georgia,"New York CE",utopia,sans-serif;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 130%;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 120%;
}

h5 {
  font-size: 110%;
}

h6 {
  font-size: 100%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
}

a:link, a:visited {
  color: #990000;
  text-decoration: none;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a:active, a.active {
  color: #000000;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ul li {
  margin: 0.4em 0 0.4em .5em;
}  

table{width:100%;margin:10px auto;clear:both;border-collapse: collapse;border-bottom: #000 double;border-top: #000 double;}
th{text-align:left;padding:5px;color:#671222}
td{padding:5px;}
.shad {background-color:#eeeeee;}
tr {		background-color:#fff;	}
.alt {		background-color:#eee;	}	
.over {		background-color:#ccc;	}	

.center{margin:0px auto;text-align:center;}
.right{float:right;}
.spacer{margin:0px;clear:both;display:none;}
.strong{font-weight:bold;}
.tuto {position:absolute;top:10px;margin-left:570px;text-align: right;font-weight: bold;font-size: 120%;}
.gal{float:left; height: 200px; width: 145px; padding: 0 15px; margin: 5px 3px}
.gal img {border: none;}
.otazka{ color:#671222;	 font-weight:bold;	 margin-top: 10px; }
.odopoved{ font-size: 90%;	 	margin-left: 10px;	 }
.ksicht  { float: right; padding-left: 8px}
.prolog { font-size: 100%;	 margin-top: 10px; }