BODY {
      BACKGROUND-COLOR: black;
      background-image:url(pic/backpicture.jpg);
      background-repeat: repeat;  
      background-position: center top;
      /*BACKGROUND: rgb(168,214,167);rgb(0,0,0)*/
      /*LEFT: 50%;*/ 
      /* MARGIN: 0px 0px 0px -390px; */
      MARGIN-LEFT: 40px;
      PADDING-TOP: 40px;
      PADDING-BOTTOM: 10px;
      OVERFLOW: auto; 
      WIDTH: 800px; 
      POSITION: absolute; 
}
.telo {
      /*BACKGROUND: url("pic/pozadi_menu.jpg");*/
      WIDTH: 430px; /*774px*/
      BACKGROUND-COLOR: white;
      POSITION: relative; 
      MARGIN-TOP: 0px; 
      PADDING-TOP: 10px;
      MARGIN-BOTTOM: 0px;
/*      HEIGHT: 500px;
      OVERFLOW: auto;  */
      MIN-HEIGHT: 450px;
      /*explorer nepodporuje min_height - proto _height - ten pokud pretece explorer ho rozsiri*/
      _HEIGHT: 450px;
      /* height: expression(this.scrollHeight < 500? "500px" : "auto" );
        overflow: visible;*/
}
.nadpis {
      PADDING-LEFT: 10px;
      FONT-SIZE: large; 
      WIDTH: 430px; 
      POSITION: relative; 
      HEIGHT: 85px; 
      BACKGROUND-COLOR: white; 
      TEXT-ALIGN: left;
}
.socialmenu {
      PADDING-TOP: 0px;
      PADDING-RIGHT:0px; 
      padding-LEFT: 10px;
      FONT-SIZE: large; 
      WIDTH: 430px; 
      POSITION: relative; 
      HEIGHT: 50px; 
      BACKGROUND-COLOR: white; 
      TEXT-ALIGN: left;
}
.levy-sloupec {
      LEFT: 0px; 
      FLOAT: left; 
      WIDTH: 150px; 
      TOP: 0px;
      BOTTOM: 0px;
      POSITION: absolute;
      /*background: url("pic/pozadi_menu.jpg") top fixed;*/
      BACKGROUND-COLOR: white;
      /*HEIGHT: 100%;*/
      /*background-repeat: repeat;*/
}
.horizmenu {
      PADDING-RIGHT: 0px; 
      PADDING-LEFT: 10px; 
      PADDING-TOP: 10px;
      /*PADDING-BOTTOM: 0px; */ 
      BACKGROUND-COLOR: white;
      WIDTH: 430px; 
      POSITION: relative; 
      HEIGHT: 40px;     
      /*COLOR: white;*/
}
.hlavniA {
      PADDING-RIGHT: 10px; 
      PADDING-LEFT: 10px; 
      PADDING-TOP: 0px; 
      MARGIN-LEFT: 128px; 
      WIDTH: auto; 
      /*POSITION: relative; 
      background-image: url("pic/pozadi_hlavni.jpg");
      background-position: left;
      background-repeat: repeat;*/
}
.hlavni {
      MARGIN-LEFT: 0px;
      PADDING-RIGHT: 10px; 
      PADDING-LEFT: 20px; 
      PADDING-TOP: 0px;
      PADDING-BOTTOM: 10px; 
      WIDTH: auto; 
      POSITION: relative; 
}
.zapati {
      WIDTH: 430px; 
      PADDING-LEFT: 10px; 
      POSITION: relative; 
      HEIGHT: 15px; 
      /*BACKGROUND-COLOR: white;*/
      TEXT-ALIGN: rigth;     
      COLOR: white;  
}

.ramecek {
       border-width: 1px; 
       border-style: solid; 
       border-color: black;
       MARGIN: 0px;
       PADDING: 0px; 
}

/*definice tabulky*/
.t-zahlavi { 
       border-color: black;
       PADDING: 0px; 
       BORDER-TOP: 0px solid;
       BORDER-BOTTOM: 0px solid;
}
.t-zahlavifiles { 
       border-color: black;
       PADDING: 0px; 
       BORDER-TOP: 0px solid;
       BORDER-BOTTOM: 0px solid;
}
.t-bunka {
       border-color: black;
       PADDING-RIGHT: 5px; 
       PADDING-LEFT: 0px; 
       PADDING-TOP: 2px; 
       PADDING-BOTTOM: 2px;  
       BORDER-BOTTOM: 0px solid; 
}
.t-border-T {
      BORDER-TOP: 0px solid; 
}
.t-border-B {
      BORDER-BOTTOM: 1px solid; 
}
.t-border-L {
      BORDER-LEFT: 0px solid; 
}
.t-border-LR {
      BORDER-RIGHT: 0px solid; 
      BORDER-LEFT:  0px solid;
}
.t-border-R {
      BORDER-RIGHT: 0px solid; 
}
.t-bg-lich {
    background-color: white /*D2E0E6/*D5D6D7*/; 
}
.t-bg-sud {
      background-color: white /*EAEBBA/*E7E7E7*/; 
}
.t-bg-zahl {
      background-color: white /*ffcc66*/; 
}
/*konec definice tabulky*/




@media Print    
{
BODY { FONT-FAMILY: cursive }
.levy-sloupec { DISPLAY: none }
.hlavni { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11pt; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: auto; BORDER-RIGHT-WIDTH: 0px }
.zapati {	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11pt; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 5px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px }
.nadpis {	FONT-SIZE: 20pt; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; PADDING-TOP: 20px; TEXT-ALIGN: center }
}

/* pro intro -----------------------------------------------------------------*/
		#container {
			min-width:760px;
			min-height:620px;
			width:100%;
			height:100%;
			width:expression(document.body.clientWidth < 760? "760px": "100%" ); /* for IE */
			height:expression(document.body.clientHeight < 620? "620px": "100%" ); /* for IE */
			position:absolute;
		}

		#container-horizontal {
			text-align:left;
			margin:auto;
			position:absolute;
			top:50%;
			left:50%;
		}

		#container-in {
			position:absolute;	
			top:-300px;
			left:-400px;
			width:760px;
			height:620px;
			background:black; /* An image on the background looks good */
			overflow:auto;
		}

		#content { /* Just so it looks better, not necessary for the effect */
			color:white;
			padding:10px;
			margin:0;
		}
		#content h1 { /* Just so it looks better, not necessary for the effect */
			margin:0 0 0.2em;	
		}
		#content p { /* Just so it looks better, not necessary for the effect */
			margin:0 0 1em;	
		}
		a { color: black } /* Just so that links were visible on the dark background */

