body {
        background-color: black;
	      font-family: georgia, tahoma, arial, sans serif;
	      background-image: url('../layout/pozadi2.gif');
        
     	 } 
h1 {font-size: 8px}
p {line-height: 15px;}
#stranka {width: 100%; padding:0, 0; margin: 0, 0; top: 15px; position: absolute}
#mainframe {width: 780px; height: 570px; background-color: #990000;
position: absolute;
margin-left: 4em;
margin-right: auto;
text-align: left;
}  
#videa { position: absolute;	top: 75px;	left:845px;	width: 180px; height:420px;	z-index: 22; overflow: auto;}
#zobacek { position: absolute;	top: 258px;	left:210px;	width: 250px;	z-index: 22}
#kruh{ position: absolute;	width: 682px; height:580px;	top: 85px;	left: 246px;z-index: 19; background-image: url('../layout/obdelnik.png'); background-repeat: no-repeat;}

#dno{ position: absolute;	width: 400px; height:400px;	top: 85px;	left: 246px;z-index: 23; background-image: url('../layout/obdelnik.png'); background-repeat: no-repeat;}

#zhavinka { position: absolute;	top: 108px;	left:302px;	width: 530px; height:480px;	z-index: 20; background-color: white; border: 1px solid black; padding:5px; letter-spacing: 1px; font-size:12px; overflow: auto;}
  #h {position: absolute; top: 625px; left:749px; width: 700px; z-index: 1; color:#FF6633}
  #vuz { position: absolute;	top: 64px;	left:40px;	width: 700px;	z-index: 2}
  #pravekolo { position: absolute;	top: 470px;	left:570px;	width: 60px;	z-index: 7}
  #levekolo{ position: absolute;	top: 475px;	left:170px;	width: 60px;	z-index: 7}
  #cesta { position: absolute;	top: 529px;	left:0px;	width: 270px;	z-index: 4}
	#hlavicka { position: absolute;	top: 20px;	left:80px;	width: 500px;	z-index: 3}
	#jelen{ position: absolute;	top: 2px;	left:723px;	width: 180px;	z-index: 15}
		#hrajeme{ position: absolute;	top: 75px;	left:570px;	width: 180px;	z-index: 15}
	#zavrit{ position: absolute;	top:46px;	left:580px;	width: 100px;	z-index: 20}
	#nafotkach{ position: absolute;	top:15px;	left:508px;	width: 100px;	z-index: 20}
	#cestavypln{top: 542px; left: 0px; width: 500px; position: absolute; z-index: 3;}
	#krajina{top: 305px; left: 0px; width: 500px; position: absolute; z-index:1;}
	#horyleve {top: 360px; left: 0px; width: 50px; position: absolute; z-index: 1;}
	#horyprave {top: 330px; left: 730px; width: 50px; position: absolute; z-index: 1;}
	#textmenu {width: 600px; position: absolute; z-index: 5; color: white; left: 200px; top: 560px;}
	#lh {top: 0px; left: 0px; width: 30px; position: absolute; z-index: 3;}
	#ld {top: 546px; left: 0px; width: 30px; position: absolute; z-index: 3;}
  #pd {top: 546px; left: 756px; width: 30px; position: absolute; z-index: 3;}
	#ph {top: 0px; left: 752px; width: 30px; position: absolute; z-index: 3;}
	#divadlologo {top: 560px; left: 15px; width: 250px; position: absolute; z-index: 5}
	#text {font-size: 90%; letter-spacing: 1px; top: 125px; left: 170px; width: 560px; position: absolute; z-index: 3}
	#okno {top: 115px; left: 80px; width: 180px; position: absolute; z-index: 6;}
	#podoknem{top: 300px; left: 100px; width: 180px; position: absolute; z-index: 6;}
	 
   
   #nasekusy{top: 385px; left: 120px; width: 250px; position: absolute; z-index: 6;}
		#richard{top: 430px; left: 575px; width: 180px; position: absolute; z-index: 8; background-image: url(../layout/richard.gif); height:80px; background-repeat: no-repeat;}
		#prodanka{top: 380px; left: 520px; width: 150px; position: absolute; z-index: 6;}
			#kure{top: 449px; left: 470px; width: 350px; position: absolute; z-index: 6;}
				#snek{top: 460px; left: 355px; width: 100px; position: absolute; z-index: 6;}
	        	#pradleny{top: 385px; left: 370px; width: 100px; position: absolute; z-index: 6;}
	        	    #kingkong{top: 400px; left: 245px; width: 100px; position: absolute; z-index: 6;}
  
  #predstaveni{padding: 5px; top: 318px; left: 300px; width: 350px; height: 105px; position: absolute; z-index: 17;  background-color:black; text-align: center; font-size:105%;}
	#predstavenibig {top: 90px; left: 220px; width: 482px; position: absolute; z-index: 15;}
	#predstavenibigtext {top: 105px; left: 285px; width: 400px; height: 330px; position: absolute; z-index: 16; overflow: auto; font-size:80%; letter-spacing:0,7px; padding: 10px; }
	#textkontakt{padding: 9px; top: 300px; left: 310px; width: 340px; height: 118px; position: absolute; z-index: 6;}
	#rampredstaveni{top: 324px; left: 260px; width: 125px; position: absolute; z-index: 9;}
  
  
  #iframe {top: 85px; left: 140px; width: 520px; position: absolute; z-index:12;}
  
  
  #galframe {top: 5px; left: 150px; width: 680px; position: absolute; z-index: 12;}
  #mailframe {top: 130px; left: 320px; width: 435px; position: absolute; z-index: 12;}
  #forumframe {top: 95px; left: 270px; width: 435px; position: absolute; z-index: 12;}
	
  
  #ramakth {top: 78px; left: 100px; width: 602px; height: 56px; position: absolute; z-index: 20; background-image: url('../layout/ramakt_h.png');background-repeat: no-repeat;}
	#ramakth2 {top: 72px; left: 100px; width: 600px; height: 56px; position: absolute; z-index: 20; background-image: url('../layout/ramakt_h2.png');background-repeat: no-repeat;}
	#ramaktl {top: 119px; left: 101px; width: 25px; height:280px; position: absolute; z-index: 20; background-image: url('../layout/ramakt_l.png');background-repeat: no-repeat;}
	#ramaktp {top: 132px; left: 683px; width: 18px; height:280px; position: absolute; z-index: 20; background-image: url('../layout/ramakt_p.png');background-repeat: no-repeat;}
	#ramaktd {top:350px; left: 102px; width: 602px; height:60px; position: absolute; z-index: 20; background-image: url('../layout/ramakt_d.png'); background-repeat: no-repeat;}
	#iframeakt {top: 80px; left: 100px; width: 600px; position: absolute; z-index: 6;}	
	
  
  #ludahlava {top: 418px; left: 0px; width: 100px; position: absolute; z-index: 6;}
	
	#jitkatma {top: 310px; left: 15px; width: 200px; position: absolute; z-index: 6;}
	#jirkatma {top: 340px; left: 795px; width: 200px; position: absolute; z-index: 6;}
	#ludaspodek {top: 480px; left: 1px; width: 100px; position: absolute; z-index: 5;}
	#tahoun {top: 500px; left: 750px; width: 100px; position: absolute; z-index: 5;}
	#kontakttext {font-size: 90%; letter-spacing: 1px; top: 107px; left: 170px; width: 265px; position: absolute; z-index: 3}
	#nadkontakttext {font-size: 90%; letter-spacing: 1px; top: 335px; left: 230px; width: 265px; position: absolute; z-index: 5}
	#flash {top: 30px; left: 0px; width: 500px; position: absolute; z-index: 8;}
		#jitkatma {top: 280px; left: -45px; width: 200px; position: absolute; z-index: 1;}
	#jirkatma {top: 280px; left: 710px; width: 200px; position: absolute; z-index: 1;}
	
	
		#main
{width: 564px;
height:285px;      	
position: absolute;
margin-left: 15px;
margin-right: auto;
text-align: left;
top:1px;
overflow: auto;
line-height: 85%;
background-color: white;
}  	
		
  .tm {color: black}
  .tm a{color: #F52204}
  .tm a:hover{color: black; font-weight: bold; background-color:#9ADCC0; border-style: dotted; border: 1px solid black}
  .bila {color: white; letter-spacing: 0,5px;}
  .bila a{color: white; letter-spacing: 1px;}
  .bila a:hover{font-size:110%; letter-spacing:0,5px; color: white; background-color:#CC6600;}  
  .zlutoucka {color: #FFCC33; letter-spacing: 1px;}
  .zluta {color: rgb(255,102,0); font-size:85%;} 
  .zluta a{color: rgb(255,102,0)}
  .zluta a:hover{font-size:110%; letter-spacing:0,5px; color: white; background-color:#CC6600;}  
  .cervena {color: #F52204}
  .cervena a{color: #F52204}
  .cervena a:hover{font-size:110%; letter-spacing:0,5px}  
  .tucne {font-weight: bold}
  .cerna {color:black}
  .cerna a{color:black}
  .cerna a:hover{font-size:110%; letter-spacing:0,5px}
  .sirsi {letter-spacing:1px}
  .mensi {font-size: 95%}
  .ramecek {padding: 2px; border: 1px dotted #CC3300;	-moz-border-radius: 13px;}
  .male {font-size: 70%; letter-spacing: 1px;}
  .velke {font-size: 150%; letter-spacing: 1px;}
  .podkladbily {background-color:white;}
  .sede {color: rgb(17,17,17); letter-spacing: 0,5px;}
  .sede a{color: rgb(204,51,0); letter-spacing: 0,5px; text-decoration: none; }
  .sede a:hover{color: rgb(204,51,0); letter-spacing: 0,5px; text-decoration: none; background-color:rgb(200,200,200) }
  
  
  .rok { color: #fff; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #000; }
      .datum {border-style: none; border-width: medium; height:29px; text-align:right; width:54px; color: rgb(204,0,0);}
      .cas {border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom: medium none #111111; height:29px; width:52px; font-size:20pt; }
      .predstaveni {border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom: medium none #111111; height:29px; width:150px;}
      .akce {border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom: medium none #111111; height:29px; width:384px; }
      .akce a:link { color: #fff; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: rgb(204,0,0) }
      .akce a:visited { color: #fff; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #f30 }
      .akce a:hover { color: #fff; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: rgb(255,153,51) }
      .akce a:active { color: #fff; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: rgb(255,204,102) }
        
       .plakat {border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom: medium none #111111; height:29px; width:90px; } 
        .plakat a:link { color: rgb(0,0,0); font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: rgb(102,102,255) }
       .plakat a:visited { color: rgb(0,0,0); font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: rgb(153,204,255) }
       .plakat a:hover { color: rgb(255,255,255); font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: rgb(0,0,102) }
      .plakat a:active { color: rgb(0,0,0); font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: rgb(255,204,102); }