body {
  margin:0; padding:0;
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  font-size: small;
  background-color: #e5eafe;
  color: #3c4a93;
  text-align: justify;
  }

#content {
  margin:1em;
  text-align:left;  
  min-width: 550px;
  max-width: 992px;
  width: 100%;
  border-top:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf;
  border-bottom:1px solid #bfbfbf;
}

/* Because Internet Explorer 6 is THE WORST BROWSER
   we must make this piece of code...: */
* html div#content {
  width: 992px /* fallback value */;
  width:expression(((document.compatMode &&  document.compatMode=='CSS1Compat') ? 
    document.documentElement.clientWidth : document.body.clientWidth) > 1010 ? "992px" : 
     (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : 
       document.body.clientWidth) < 570 ? "552px" : "97%")); }
/*
P.S. Internet Explorer 7 is much better than IE6, so upgrade to Firefox or Opera.
*/

#left {
  float: left;
  width: 151px;
  margin:0; padding:0;
  background-color:#dfe8f8;
  
  }

#left-content {
  margin:0; padding: 0;
  }

#main, #disclaimer {
  margin:0 0 0 151px; padding:0;
}

#main-content, #disclaimer-content {
  margin:0; padding: 0.5em 0 0.5em 1em;
  border-left:1px solid #bfbfbf;
/*  background: #f4f7fe;*/
  background-color: white;
}


hr.cleaner {
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
}

hr { height:1px; border: none; border-top: 1px solid #bfbfbf; height: 1px; padding: 0; margin:1em 0;}

h2 { font-size:130% }
h3 { font-size:115% }
h4 { font-size:105% }


a, a:visited, a:link { color: #3c4a93; }
a:hover { background-color: #d5deff;}

a img { border: none; padding: 0.5em; margin:0; border:1px solid #d5deff;}
a:hover img { background-color: #d5deff; margin:0; }

#main-content p { margin-right: 0.5em; text-align: justify;}

.center { text-align: center; }
.demobox { float: left;  width: 136px; text-align: center; border: 1px solid #d5deff; padding: 0.4em; margin: 0 0.4em 0.4em 0;}

.newslist li {
  padding-top:1em;
}

/*
margin: 0 0.4em 0.4em 0; padding: 1.4em; text-align: justify;}

*/
/* Logo replacement in header */

#header { background: url("images/header4.png") top left no-repeat; height:80px;}

#headerLogo {
  margin: 0; padding: 0;
  position: relative;
  min-width: 250px;width:250px; height: 56px;
  overflow: hidden;
  font-size:0.5em;
  float: left;
}

#headerLogo span {
  display: block;
  position: absolute;
  left:0; top:0; z-index:2;
  width: 250px;
  min-width:250px;
  height:80px;
  margin:0; padding: 0;
  background: url("images/header4.png") top left no-repeat;
}

/* Menu navigace */
#leftMenu { 
  padding:0; 
  margin:0;  
  /*background-color: #d5deff;*/ 
  background-color:#d0dff8; 
  border-left:1px solid #bfbfbf;
}
#leftMenu #selected { font-weight: bold; padding-left:0.2em;}
#leftMenu #subLeftMenu { font-weight: normal; padding-left:0.2em;}

#left ul {
  margin: 0;
  padding:0;
  padding-left:0.7em;
  list-style-type: none;
}

#left a {
  padding-left:0.2em;
  display: block;
  width: 135px;
}

#left a:hover { background-color: #e5eafe; }

#gradient { 
  margin:0; padding:0;
  background: url("images/gradient2.png") top left no-repeat; 
  height: 100px;
}

.margtop { padding-top: 1em; }

/* Lists in content */

#main-content ul {
  list-style:none;
}
#main-content ul li {
  padding-left:10px;
 /* background: url("images/arrow.gif") 0 0.6em no-repeat; */
 list-style-image: url("images/arrow.gif");
}

/* Contact */

#contact { text-align: right; margin-right:1em; /*position: absolute; left: 812px; top:5px;*/
color:white; font-weight: bold; font-size: 1em;
padding-top:1em;}
#contact a { color: white; font-weight: normal;}
#contact a:hover { background-color: #3c4a93;}

#coe { width:206px; height:21px; background: url("images/excellence.png");}

/* H2 nadpisy */

#main-content h2 { border-bottom: 1px solid #bfbfbf; }
.more {float:right; padding-right: 0.5em; clear:right;}
.lmore {float:legt; clear:left;}

/* footer */
form { margin:0; padding:0; text-align: center; width:95%; display:inline;}
#googleSearch {  background-color: #e5eafe; padding: 0; margin:0; width:95%; display:inline;}
#googleSearch input {  font-size: x-small;width:80%; background-color: white; border:1px solid #9ba3c8; margin:0.2em;}
#googleSearch input#sa { background-color: white; border:1px outset #9ba3c8; background-color:#d5deff; color: #3c4a93;}

#disclaimer { background-color: #f4f7fe;  font-size: x-small;}
#disclaimer-content { padding-top: 1em; }
#disclaimer-content p { margin-bottom: 0; padding: 0.5em 1em 0 0; }
#disclaimer-content ul { list-style:none; padding:0.5em 0 0 0; margin:0; border-top: 1px solid #bfbfbf; }
#disclaimer-content ul li { float:left;display: block; padding:0; margin: 0; }
#searchform {font-size: small; text-align:left; padding:0; margin: 0;}
#publication { margin: 0;  padding:0;   padding-left:0.7em;   list-style-type: none; }
#main-content #publication li { list-style: circle; list-style-image: none;}

a.selected { font-weight: bold; }