body {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #33425b;
	letter-spacing: 1px;
	line-height: 150%;
	background: #0e202e url("./images/bg.gif") repeat-x;
	text-align: center;
	padding: 0px;
	margin-bottom: 0px;
	}
	
h1 {
	font-size: 11px; 
	color: #50829f;
	text-align: right;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	}	
	
p { 
	margin: 0px; 
	margin-bottom: 16px; 
	padding: 0px; 
	text-align: left;
	width: auto;
	}

a { 
	text-decoration: none;
	color: #555;
	}

a:hover { 
	text-decoration: underline; 
	}
	
a img {
	border: none;
	}
	
#logo {
	width: 950px;
	height: 258px;
	background: #fff url("./images/logo.jpg") top left no-repeat;
	}

#homePage {
	position: relative;
	top: 190px;
	width: 300px;
	height: 60px;
	display: block;
	text-decoration: none;
	}

#surf {
	width: 950px;
	margin: 0px auto;
	text-align: left;
	}
	
#content {
	width: auto;
	height: auto;
	background: white;
	margin: 0px;
	padding: 20px 40px 40px 40px;
	}

#content h2 {
	margin: 0px;
	font-size: 16px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	}

.content h3 {
	margin: 0px;
	font-size: 12px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	}
											
div.util {
	clear: both;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 0px;
	margin: 0px;
	}

div.cesta {
	clear: both;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	margin: 0px;
}

/* menu */
#menu {
	padding-top: 134px;
	padding-left: 321px;
	}
#m-cenik {
	width: 45px;
	height: 38px;
	display: block;
	float: left;
	background: url("./images/menu-cenik.gif") top left no-repeat;
}
#m-fotogalerie {
	width: 82px;
	height: 38px;
	display: block;
	float: left;
	background: url("./images/menu-fotogalerie.gif") top left no-repeat;
}
#m-kontakt {
	width: 67px;
	height: 38px;
	display: block;
	float: left;
	background: url("./images/menu-kontakt.gif") top left no-repeat;
}
#m-objednavka {
	width: 92px;
	height: 38px;
	display: block;
	float: left;
	background: url("./images/menu-objednavka.gif") top left no-repeat;
}
#m-podminky {
	width: 77px;
	height: 38px;
	display: block;
	float: left;
	background: url("./images/menu-podminky.gif") top left no-repeat;

}
#m-trasy {
	width: 53px;
	height: 38px;
	display: block;
	float: left;
	background: url("./images/menu-trasy.gif") top left no-repeat;
}

#m-en {
	width: 40px;
	height: 37px;
	display: block;
	float: left;
	position: relative;
	top: -11px;
	margin-left: 130px;
	background: url("./images/en.gif") top left no-repeat;
}
#m-de {
	width: 39px;
	height: 37px;
	display: block;
	float: left;
	position: relative;
	top: -11px;
	background: url("./images/de.gif") top left no-repeat;
}



#m-cenik:hover {
	background: url("./images/hover/menu-cenik.gif") top left no-repeat;
}
#m-fotogalerie:hover {
	background: url("./images/hover/menu-fotogalerie.gif") top left no-repeat;
}
#m-kontakt:hover {
	background: url("./images/hover/menu-kontakt.gif") top left no-repeat;
}
#m-objednavka:hover {
	background: url("./images/hover/menu-objednavka.gif") top left no-repeat;
}
#m-podminky:hover {
	background: url("./images/hover/menu-podminky.gif") top left no-repeat;
}
#m-trasy:hover {
	background: url("./images/hover/menu-trasy.gif") top left no-repeat;
}

#m-en:hover {
	background: url("./images/en_hover.gif") top left no-repeat;
}
#m-de:hover {
	background: url("./images/de_hover.gif") top left no-repeat;
}



div#Left, div.Left {
  width: 360px;
  min-height: 20px;
  _height: 20px;
  float: left;
}

div#Right, div.Right{
  margin-left: 380px;}


img#imgObj {
	border: solid 4px #ccc;
	margin: 0px 0px 20px 20px;
	padding: 2px;
	float: right;
}
img#imgFoto, img.imgFoto {
	border: solid 4px #ccc;
	margin: 0px 20px 30px 0px;
	padding: 2px;
	float: left;
}
img#imgFoto:hover, img.imgFoto:hover {
	border: solid 4px #0e202e;
}

img#imgCen {
	border: solid 4px #ccc;
	margin: 10px 0px 20px 0px;
	padding: 2px;
	float: left;
}
img.cenikLode {
	border: solid 4px #ccc;
	margin: 0px 30px 15px 0px;
	padding: 2px;
	float: left;
}
img#imgTrasy {
	border: solid 4px #ccc;
	margin: 0px 15px 0px 0px;
	padding: 2px;
	float: left;
}
table {
	font-weight: bold;
	line-height: normal;
	text-align: left;
	font-size: 11px;
	margin-right: -20px;
}
thead {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
td {
	padding-right: 30px; 
}
.or {
	color: #FF9900;
}
img#footer {
	margin: 0px;
	padding: 0px;
}
.bold {
	font-weight: bold;
}
table.Tcenik{width: 490px; _width: 480px; margin: 0px 0px 20px 0px; border-top: solid 1px #ccc;}
table.Tcenik tr td, table.Tcenik tr th { padding: 7px 0px 7px 0px; border-bottom: solid 1px #ccc;}


div#odkazy {
	width: 940px;
	margin: auto;
	margin-top: 10px; 
	margin-bottom: 10px;
	margin-bottom: 0px;
	bottom: 0px;
	text-align: left;
	padding: 10px 10px 20px 5px;
	font-size: 12px;
}

div#odkazy a{ color: #FF9900; font-size: 12px; }

div#odkazy .or{ color: #ccc;}