/* CSS Document */

body
     {
      background: white; 
      color: black;
      font-family: Arial CE, Verdana, Helvetica, sans-serif;
      text-align: center;       /* centrování textu, Internet Explorer též vycentrování dokumentu */
      position: absolute;      /* position: absolute, top a bottom kvůli stanovení výšky na 100%. (Height  v % nefunguje). Určená výška je nutná k určení výšky levého a pravého rámu */
      top: 0;
      bottom: 0;
      padding: 0;                 /* okraj stránky, většinou padding, pro Mozillu margin */
      margin: 0;
      width: 95%;
      min-width: 770px;       /* minimální šířka stránky */
      }
H1, H2, H3, H4, H5, H6 {
    font-family: Arial CE, Verdana, Helvetica, sans-serif;
    /* font-family: Garamond, Palatino, Times New Roman, Times, serif; */
    color: navy;
    font-weigth: bold;
    }
    
H1 {
	font-size: 24pt;
	text-align: center;
}    
H2 {
	font-size: 20pt;
	letter-spacing : 1pt;
	text-align: center;
}    
H3 {
	font-size: 18pt;
	letter-spacing : 2pt;
	margin-bottom : 0;
} 
table {
border-collapse: collapse;
} 
		.galery {
		width:98%; 
		align:center;
		border: 0;  
}
		.galer1 {
		align: left;
		vertical-align: bottom;
} 
				
	  .vycentrovat
      {
      margin: auto;                 /* vycentrování */
      width: 994px;                /* pevná šířka pro Internet Explorer (neumí nastavit automatickou šířku mezi "left" a "right" */
      max-width: 994px;       /* maximální šířka */
      height: 100%;               /* určená výška je nutná k určení výšky levého a pravého rámu */
      position: relative;         /* nutné, obsah je absolutně poziciován */
      }
	  *> .vycentrovat
     {
      width: 100%;                 /* pružná šířka pro "chytré" prohlížeče */
     }
	  .horni
      {
       background-image: url(pozadi/poz1.png);
       color: #3300CC;
       font-size: 120%;
       border: 0; 
       position: absolute;
       top: 16px;
       height: 50px;
       left: 20px;
	   align: center;
       
       width: 953px;               /* pevná šířka pro Internet Explorer (neumí nastavit automatickou šířku mezi "left" a "right" */
       padding: 5px;
       overflow: hidden;
      }
	  .dolni
      {
       background-image: url(pozadi/poz1.png);
       color: #3300CC;
       font-size: 80%;
       border: 0; 
       height: 20px;
       align: center;
	   width: 600px;               /* pevná šířka pro Internet Explorer (neumí nastavit automatickou šířku mezi "left" a "right" */
       margin-top: 20px;
	   padding: 10px;
       }
	  .levy
      {
       background: url(pozadi/poz3.png);
       font-size: 180%;
       border: thin solid black; 
       position: absolute;
       top: 100px;
       left: 25px;
       width: 150px;
       height: 120%;
       min-height: 120%;
       padding: 5px 0;
       overflow: hidden;
       overflow-y: visible;
      }
	  
	  .pravy
      {
       background: url(pozadi/poz2.png);
       font-size: 80%;
       border: thin solid black; 
       position: absolute;
       top: 100px;
       right: 10px;
       width: 140px;
       height: 120%;
       min-height: 120%;
       padding: 5px 0;
       overflow: hidden;
       overflow-y: visible;
      }
	  
	  #logo
	  {
	  position:absolute;
	  top: 78px;
	  left: 185px;
	  z-index: 1;
	  }
	  #napis
	  {
	  position:absolute;
	  top: 55px;
	  left: 340px;
	  z-index: 1;
	  }
	  #logo2
	  {
	  position:absolute;
	  top: 55px;
	  left: 705px;
	  z-index: 1;
	  }
	  .stredni
      {
       position: absolute;
       top: 170px;
       left: 200px;
       width: 585px;                /* pevná šířka pro Internet Explorer (neumí nastavit automatickou šířku mezi "left" a "right" */	   
       height: 120%;
       min-height: 120%;
       padding: 5px 5px 5px ;
	   	   }
	   
	  .levsez
	  {text-align:left;
	  margin-left:40px;
	  }
	  .levsezd1
	  {text-align:left;
	  margin-left:40px;
	  }
	  .levsezd2
	  {text-align:left;
	  margin-left:20px;
	  }
	  .levsezdal
	  {text-align:left;
	  margin-left:120px;
	  }
	  .pravy div            /* mapka */
     {
      font-size: 70%;
      margin-top: 85px;
      padding: 2px;
      border: thin solid black;
      overflow: hidden;
     }
	 
	  /* start menu style */
	  .container {
	  position: absolute;
      		 top: 190px;
      		 left: 30px;
    		width:695px; padding:10px; border:0px;}
		.menu {font-family: arial, sans-serif; width:131px; height:217px; position:relative; margin:0; font-size:11px;}
		.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#ffffff; width:120px; height:30px; 
					border:1px solid #eee; border-width:1px 1px 0 0; background:#0000ff; line-height:29px; 
					font-size:11px; padding-left:10px;}
		.menu ul {padding:0; margin:0;list-style-type: none;}
		.menu ul li {float:left; position:relative;}
		.menu ul li ul {display: none;}
		.menu table {border-collapse:collapse; border:0; margin:0; padding:0;}
		.menu ul li:hover a,
		.menu ul li a:hover {color:#ff0080; background:#0000ff;}
		.menu ul li:hover ul,
		.menu ul li a:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background: transparent;}
		.menu ul li:hover ul li,
		.menu ul li a:hover ul li {float:left;}
		.menu ul li:hover ul li a,
		.menu ul li a:hover ul li a {display:block; color:#000; width:130px; float:left; background:#2188fa;}
		.menu ul li:hover ul li a.sub,
		.menu ul li a:hover ul li a.sub {background:#0000ff; color:#000;}
		.menu ul li:hover ul li a:hover,
		.menu ul li a:hover ul li a:hover {background:#2188fa; color:#ff0080;}
		.menu ul li:hover ul li ul,
		.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; width:200px;}
		.menu ul li:hover ul li:hover ul,
		.menu ul li a:hover ul li a:hover ul {visibility:visible; left:-1px; top:31px; color:#000;}
		.menu ul li:hover ul li:hover ul li a,
		.menu ul li a:hover ul li a:hover ul li a {display:block; width:200px; background:#2188fa; color:#000; 
					border-left:1px solid #eee;}
		.menu ul li:hover ul li:hover ul li a:hover,
		.menu ul li a:hover ul li a:hover ul li a:hover {background:#2188fa; color:#fff;}
		/* finish menu style */
