*{
  margin: 0;
  padding: 0;
  border: 0;
  }

html {
  height:100%; 
  max-height:100%;  
  /*  border:0; */
  font-size:80%; 
  font-family: arial, sans-serif; 
  color: #000066;
  text-align: center;
  background:#DFDFDF; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ 
  overflow: hidden; 
  /* */ 
  }

body {
  height:100%;
  width: 100%; 
  max-height:100%; 
  overflow:hidden; 
  margin: 0 auto; 
  /*  border:0;*/
  }

.clearfloat { 
  display: table; 
  width: 100%; 
  }

h3		{ font-size: 11pt; }
h2		{ font-size: 14pt; }
h1		{ font-size: 16pt; }
h0		{ font-size: 16pt; }
strong	{ font-style: normal; font-weight: bold; }
EM	    { font-style: italic;}
hr		{ display:none }

a {
  color: #CC0000;
  text-decoration: none;
  }

a:hover {
  color: #CC0000;
  font-style: italic; 
  }

#zahlavi {
   left: 0px;
   top: 0px;
   width: auto;
   height: 90px;
   text-align: center;
   border: none;
   padding: 0em 300px 0.0em 0em;
   background: #E6F6FF url("mikroskopy.jpg") no-repeat bottom left;
   border-bottom: 1px solid #000066;
   }

#zahlavi h1 { padding: 0; margin: 0 0 3pt 0; }

#zahlavi address { padding: 0; margin: 0; }

#obrazek01 {
  float: right;
  width:auto; height:auto; 
  border:1px solid #000066;
  margin-right: 3px;
  margin-bottom: 0px;
  background: none;
  }

#obrazek02 {
  /*float: left;*/
  width:200px; height:auto;
  border:1px solid #000066;
  margin-right: 5px;
  background: none;
  }  
  
#obrazek03 {
  float: right;
  width:130px; height:auto;
  border-left:0px solid #000066;
  margin-right: 3px;
  margin-bottom: 0px;
  padding: 0px 0px 30px 0px;
  text-align: left;
  background: none;
  }	

#obrazek-sekce {
  position:relative; left:0px; top:0px; width:95%; height:25px;
  overflow: hidden;
  border-bottom:1px solid #000066;
  margin-bottom: 10px;
  }

#okno {
  width:90%; height:100%;
  padding: 0px;
  background: #E6F6FF;
  border-left: 1px solid #000066;
  border-right: 1px solid #000066;
  margin: 0 auto;
  }

#obsah {
  position:absolute;
  right:6%;
  top:100px;
  width:75%; height:80%;
  padding: 0.1em;
  background: #E6F6FF;
  overflow: auto;
  text-align: left;
  margin: 0;
  }

#hlavni {
 position:relative;
 left: 0px;
 top: 0px;
 width: 95%;
 height: auto;
 overflow: hidden;
 border-bottom: 1px solid #000066;
 margin-top: 5px;
 }

#hlavni_2 {	  
  position: relative;
  left: 0px;
  top: 0px;
  width: 95%;
  height: auto/*400px*/;
  overflow:hidden;
  margin-top: 5px;
  }
 
#hlavni h2 { margin: 0 0 0.5em 0 }
 
#hlavni p { margin: 0.5em 0 }
 
#navigace {
  position: absolute; left:5%; top:100px;
  width:12.5%;
  text-align: left;
  margin: 0; padding:0;
  }

#navigace h2 { display:none }
  
#navigace p { margin:0; }

.schovat { display: none; }

#navigace a {
  display:block;
  font-size:100%;
  font-weight: bold;
  color: #000066;
  text-decoration: none;
  text-align:left;
  margin: 0 0 0.5em 0;
  padding: 0.3em 0.5em 0.3em 7px;
  background: none;
  }

#navigace a:hover {
  color: #FFFFFF;
  background: #000066;
  }
  
#navigace a:active {
  color: #FFFFFF;
  background: #000066;
  }	

#menu {
  position: absolute;
  right: 6%; top: 35px;
  color: #aaa;
  background: white;
  border: 1px solid #000066;
  height: 1.2em;
  padding: 0.2em;
  font-weight: bold;
  }

#menu a, #menu a:visited {
  text-decoration:none; 
  color:#000066; 
  }

#menu a span {
  display:none;
  }

#menu a:hover {
  position:relative; 
  text-decoration:none;
  color:#000066;
  }

#menu a:hover span {
  display:none;
  position:relative; 
  color:#000;
  cursor:pointer;
  }

