form, ul, ol, p {margin: 0px}
p {margin-top: 0.8em}
body {
  scrollbar-base-color: #CCFFFF; text-align: left;
  margin:1em; padding:0;
	background: #CCFFFF;
	background-image: url('001.gif'); background-repeat: y-repeat;
  }

#top {
	position:absolute; left:10px; top:5px;
	width:780px; height:150px;
	padding:10px;
	background: yellow;
	background-image: url('image2.jpg');
	border:3px solid #000099;
	font-size: 10pt;
	}

#top span {background:yellow; padding:3px;}

#design	{ position: absolute; width: 90px; top: 500px; left: 10px; padding: 8px; }
#design	{ background: transparent; border: 2px solid yellow; z-index: 1;}
#design {font-family: Verdana, Arial, sans-serif; font-size: 0.7em; color: white;}
#design a:link { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; color: yellow; font-weight: bold; 		text-decoration: underline }
#design a:visited {color:yellow;}
#design a:hover { color: red; text-decoration: none; background: yellow;}


#top img {border:0px;}
#content img {border:0px;}

#menu {
  	display:block;
	margin:0;
	position:absolute; left:10px; top:90px;
	width:90px;
	
	}

#content {
  position:absolute; left:0px; top:100px;
  margin: 0px 0px 0px 130px;
	padding:20px;
	border-right:1px solid #000099;
	text-align:center;
	width:650px;
	}

#left {
	text-align: left;
	}

#left td{
	text-align: left;
	}

#content p {
	font-family: bookman old style, Arial, sans-serif;
	font-size: 0.8em;
	color: #000099;
	}

#content h1 {width:350px; color: #000099; background-color: yellow; font-family: bookman old style, Arial, sans-serif;}

#content a:link { font-family: bookman old style, Arial, sans-serif; font-size: 0.8em; color: #000099; font-weight: bold; text-decoration: underline }
#content a:visited { font-family: bookman old style, Arial,sans-serif; font-size: 0.8em; font-weight: bold; text-decoration: underline }
#content a:hover { color: red; text-decoration: none;}

div.outer {
  float: left;
  text-align: center;
  width: 78px; height: 32px;
  }
  
  
div.outer a{
  display: block;
  margin: 8px 0 2px 0;
  padding: 10px 20px 0 20px;
	width: 90%; height: 90%;
	overflow: hidden;
	font: bold 15px/1 bookman old style, Arial, sans-serif;
	text-decoration: none;
	background-image: url('001.gif');
	color: white;
	border:2px inset yellow;
  }
	
div.outer a:hover {
	color: yellow; 
	border:2px outset yellow;
	}
	
#copyright {
	font-family: Verdana, Arial, sans-serif; font-size: 0.7em; color: navy; background-color: yellow;
	position: absolute; left: 550px; top: 35px;
	}

.about {border-bottom: 1px dashed gray; cursor: help}
.text { font-family: Verdana, Arial, sans-serif; font-size: 0.7em; color: navy;}

#mapa { width: 200px;
  position: relative; 
  z-index: 0; 
} 

#mapa a {
  background: url("mapa1.gif") no-repeat; 
  display: block; 
  width: 164px; heigh\t: 82px; 
} 

#mapa a img { 
  border: 0; 
} 

#mapa a:hover { 

  background-position: 0 0; 
  display: block; 
  width: 164px; height: 82px;
} 

#mapa a:hover img, #mapa a:focus img { 
  position: relative; 
  z-index: -1; 
} 

#tab {display:block; width: 50%; text-align:left; margin: 0px auto; float: left}

#tabauto {width: 40%; float: left; text-align: right;}

.odkaz {float: left;}

.clear {clear: both;}