body {
  background-color: #fff;
  background-image: url(back.gif);
  background-repeat: repeat-y;
  margin: 0;
}
body, td, th, input, textarea, select {
  font-family: arial, sans-serif;
  font-size: 8pt;
  color: #000;
}
h1 {
	font-size: 150%;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 100%;
}
h1, h2, h3, p, ul, ol, li {
	margin-top: 0;
	margin-bottom: .7em;
}
ul {
	list-style-image: url(li.gif);
}
p, li {
	line-height: 150%;
}
a, a:visited {
	color: #0A39A0;
}
a:hover, a:active {
	color: #EB880E;
}
a img {
	border: 0;
}
table.seznam {
	border-collapse: collapse;
}
.seznam td {
	border-bottom: 1px solid #fff;
}
.seznam th {
	border-bottom: 2px solid #fff;
}
#topback {
	height: 230px;
	background-image: url(topback.gif);
	background-repeat: repeat-x;
	background-color: #A9C9E9;
}
#top {
	background-image: url(top.jpg);
	background-repeat: no-repeat;
	height: 230px;
}
#logo {
	padding-top: 160px;
	padding-left: 520px;
}
#topmenu {
	margin: 0;
	margin-left: 485px;
	padding: 0;
	list-style-type: none;
	height: 19px;
}
#topmenu li {
	float: left;
}
#topmenu li a {
	display: block;
}
#topmenu li, #topmenu li a {
	width: 119px;
	height: 19px;
}
#topmenu li a {
	background-position: 0 0;
}
#topmenu li a:hover {
	background-position: 0 -19px;
}
#topmenu span {
	display: none;
}
#main {
	background-image: url(main.jpg);
	background-repeat: no-repeat;
	width: 335px;
	_width: 332px;
	min-height: 300px;
	_height: 300px;
	padding: 20px 20px 0 285px;
	float: left;
}
#image {
	display: block;
	width: 270px;
}
.profil {
	background-image: url(profil.gif);
}
.profile {
	background-image: url(profile.gif);
}
.vyrobni {
	background-image: url(vyrobni.gif);
}
.programme {
	background-image: url(programme.gif);
}
.katalog {
	background-image: url(katalog.gif);
}
.catalogue {
	background-image: url(catalogue.gif);
}
.reference {
	background-image: url(reference.gif);
}
.references {
	background-image: url(references.gif);
}
.aktualne {
	background-image: url(aktualne.gif);
}
.odkazy {
	background-image: url(odkazy.gif);
}
.links {
	background-image: url(links.gif);
}
.kontakty {
	background-image: url(kontakty.gif);
}
.contacts {
	background-image: url(contacts.gif);
}
.ocelove {
	background-image: url(ocelove.gif);
}
.steel {
	background-image: url(steel.gif);
}
.vodni {
	background-image: url(vodni.gif);
}
.water {
	background-image: url(water.gif);
}
.parni {
	background-image: url(parni.gif);
}
.steam {
	background-image: url(steam.gif);
}
.elektricke {
	background-image: url(elektricke.gif);
}
.electrical {
	background-image: url(electrical.gif);
}
.motory {
	background-image: url(motory.gif);
}
.motors {
	background-image: url(motors.gif);
}
.generators {
	background-image: url(generators.gif);
}
.generatory {
	background-image: url(generatory.gif);
}
.ospolecnosti {
	background-image: url(ospolecnosti.gif);
}
.about {
	background-image: url(about.gif);
}
.certifikaty {
	background-image: url(certifikaty.gif);
}
.certificates {
	background-image: url(certificates.gif);
}
.organizacni {
	background-image: url(organizacni.gif);
}
.organization {
	background-image: url(organization.gif);
}
.politika {
	background-image: url(politika.gif);
}
.policy {
	background-image: url(policy.gif);
}
.email {
	background-image: url(email.gif);
}
.l, .l a {
	width: 36px !important;
}
.lang {
	background-repeat: no-repeat;
	background-position: center;
}
a.lang:hover {
	background-position: 0 0 !important;
}
.en {
	background-image: url(flag_en.gif);	
}
.cz {
	background-image: url(flag_cz.gif);
}
.menu span {
	display: none;
}
/* style the outer div to give it width */
.menu {
xwidth:760px;
height:23px;
font-size:0.85em;
background-image: url(menu.gif);
background-repeat: repeat-x;
padding-left: 43px;
border-bottom: 1px solid #fff;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul, .menu li {
padding:0;
margin:0;
list-style-type:none;
list-style-image: none;
}
.menu ul ul {
width:119px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:119px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
width:119px; 
height:23px;
xborder:1px solid #fff; 
xborder-width:1px 1px 0 0; 
border-bottom: 1px solid #fff;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:119px;
w\idth:119px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {

}
/* style the second level hover */
.menu ul ul a.drop:hover {
background-position: 0 -41px;
}
.menu ul ul :hover > a.drop {
background-position: 0 -41px;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {

}
/* style the third level hover */
.menu ul ul ul a:hover{

}
.menu ul ul ul :hover > a {

}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:23px;
left:0; 
width:119px;
}
* html .menu ul ul {
bottom:23px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:119px; 
bottom:0;
width:119px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-119px;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
color:#000; 
height:41px; 
line-height:1em;
border: 0;
width:119px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:119px;
w\idth:119px;
}

/* style the top level hover */
.menu a:hover {
background-position: 0 -23px;
}
.menu ul ul a:hover{
background-position: 0 -41px;
}
.menu :hover > a {
background-position: 0 -23px;
}
.menu ul ul :hover > a {
background-position: 0 -41px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}