* {margin:0;padding:0;} 

html, body {
	height: 100%;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: black url(../gfx/plech2.jpg) no-repeat fixed left bottom;
}

hr {
	height: 1px;
	width: 100%;
	color: #AAAAAA;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	background: #AAAAAA;
}

#wrap {
	min-height: 100%;
	width: 100%;
}

#container {
	position: relative;
	width: 1000px;
	min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto;
} 

#header {
	width: 1000px;
	padding: 0;
	height: 125px;
	margin: 0 auto;
	background: transparent url(../gfx/kemax_logo30.png) no-repeat 0px 65px;
}

#overtop {
	width: 100%;
	height: auto;
	background: transparent;
	float: left;
	padding: 0;
}

#topmenu {
	width: 1000px;
	margin-left: 0px;
	height: auto;
	padding: 0;
}

#topmenu ul {
	padding: 0px;
	margin: 0px;
	float: right;
}

#topmenu ul li {
	display: inline;
}

#topmenu ul li a {
	color: white;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	font-size: 65%;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	line-height: 200%;
	float: left;
	text-transform: uppercase;
}

#topmenu ul li a:hover {
	color: black;
	background: url(../gfx/black_transparent2.png);
}

#topmenu li a:link, #topmenu li a:visited, #topmenu li a:active {
	text-decoration: none;
	color: black;
}

#topmenu li a.active:link, #topmenu li a.active:visited, #topmenu li a.active:active, #topmenu li a.active:hover {
	text-decoration: none;
	color: red;
	background: url(../gfx/black_transparent2.png);
}

#breadcrumbs {
	height: 30px;
	float: left;
	width: 1000px;
	padding: 0;
	background: transparent url(../gfx/kemax_logo30.png) no-repeat 0px -60px;
}

#breadcrumbs img {
	padding: 0;
	margin: 0;
	float: left;
}

#breadcrumbs_menu {
	height: 30px;
	line-height: 30px;
	width: 785px;
	float: right;
}

#breadcrumbs_menu ul {
	padding: 0px;
	margin: 0px 0px 4px 20px;
	background: url(../gfx/breadcrumbs_menu_bg.gif) repeat-x;
	height: 30px;
	line-height: 26px;
}

#breadcrumbs_menu ul li {
	display: inline;
	color: white;
	font-size: 60%;
	font-weight: bold;
}

#breadcrumbs_menu ul li a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding-right: 15px;
	line-height: 30px;
	width: auto;
	text-transform: uppercase;
	background: url(../gfx/black_arrow.gif) no-repeat right;
}

#breadcrumbs_menu ul li a:hover {
	color: black;
}

#breadcrumbs_menu li a:link, #breadcrumbs_menu li a:visited, #breadcrumbs_menu li a:active {
	text-decoration: none;
	color: white;
}

#breadcrumbs_menu li a.active:link, #breadcrumbs_menu li a.active:visited, #breadcrumbs_menu li a.active:active, #breadcrumbs_menu li a.active:hover {
	text-decoration: none;
	color: silver;
}

#breadcrumbs_menu li a.home {
	background: url(../gfx/home_w.png) no-repeat left;
	height: 30px;
	width: 30px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#breadcrumbs_menu li a.home:hover {
	background: url(../gfx/home_b.png) no-repeat left;
}

#sidebar1 {
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	float: left;
}

#nav{
	display: block;
	list-style: none;
	width: 300px;
	font-weight: normal;
	font-size: 80%;
	margin-top: 5px;
}

#nav ul {
	padding: 0px;
}

#nav li {
	width: 295px;
	list-style: none;
	display: block;
}

#nav li a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-bottom: 1px;
	padding-right: 25px;
	text-decoration: none;
	color: silver;
	background: url(../gfx/black_transparent.png);
}

#nav li a:hover {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 25px;
	text-decoration: none;
	background: Black url(../gfx/red_arrow.gif) no-repeat right;
	color: white;
}

#nav li a.active:link, #nav li a.active:visited, #nav li a.active:active, #nav li a.active:hover {
	color: red;
	background: Black;
	font-weight: bold;
}

#nav li ul{
	margin-left: 0px;
	width: 295px;
	font-weight: normal;
	display: block;
}

#nav li li{
	border: 0;
	font-size: 90%;
	display: inline;
}

#nav li li a {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	font-weight: bold;
	color: silver;
	display: block;
	margin-bottom: 1px;
	background: url(../gfx/black_transparent2.png);
}

#nav li li a:hover {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 21px;
	color: white;
	display: block;
	background: url(../gfx/black_transparent.png);
}

#nav li li a.active:link, #nav li li a.active:visited, #nav li li a.active:active, #nav li li a.active:hover {
	color: red;
	font-weight: bold;
	background: url(../gfx/black_transparent.png) repeat;
}

#main {
	padding-bottom: 125px;
	width: 1000px;
	margin: 0 auto;
	clear: both;
	overflow: auto;
}  /* must be same height as the footer */

#maincontent {
	width: 700px;
	padding-right: 0px;
	background: transparent;
	text-align: justify;
	float: right;
}

#prednameh {
	float: right;
	width: 700px;
	height: 100px;
	background: url(../gfx/plechy.png);
	margin-top: 5px;
	position: relative;
	border-bottom: 2px solid Black;
}

#nameh {
	float: right;
	width: 700px;
	height: 100px;
	margin-top: 0px;
	position: absolute;
}

.doluh {
	bottom: 0px;
	position: absolute;
}

#maincontent h1 {
	color: white;
	font-size: 130%;
	width: auto;
	font-weight: bold;
	padding: 4px;
	padding-left: 25px;
	line-height: 150%;
	text-align: left;
	background: black url(../gfx/red_arrow.gif) no-repeat 5px;
	display: inline;
	text-transform: uppercase;
}

#maincontent h2 {
	color: white;
	font-size: 100%;
	width: 480px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 210px;
	margin-top: 111px;
	margin-bottom: 5px;
	text-align: left;
	line-height: 140%;
	display: block;
	background: url(../gfx/black_transparent2.png) repeat;
}

#maincontent p {
	padding: 8px 10px 5px 10px;
	font-size: 80%;
	line-height: 140%;
	background: url(../gfx/white_transparent.png) repeat;
}

#maincontent ul {
	list-style: none;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-right: 10px;
	background: url(../gfx/white_transparent.png) repeat;
}

#maincontent ul li {
	color: black;
	font-size: 80%;
	list-style: none outside url(../gfx/red_arrowsm.gif);
	padding-left: 0px;
	line-height: 140%;
	color: black;
}

#maincontent ol {
	list-style: decimal;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 18px;
	background: url(../gfx/white_transparent.png) repeat;
}

#maincontent ol li {
	color: black;
	font-size: 80%;
	list-style: decimal;
}

#maincontent a {
	color: red;
	text-decoration: none;
}

#maincontent a:hover {
	color: red;
	text-decoration: underline;
}

#maincontent li a:link, #maincontent li a:visited, #maincontent li a:active {
	color: #DC2341;
}

#maincontent li a.active:link, #maincontent li a.active:visited, #maincontent li a.active:active, #maincontent li a.active:hover {
	text-decoration: none;
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	font-weight: bold;
	font-size: 110%;
}

#maincontent img {
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	width: auto;
	height: auto;
	background: url(../gfx/black_transparent.png);
}

#maincontent a img {
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	background: url(../gfx/black_transparent2.png);
	border: 0px solid Black;
	display: inline;
	float: left;
}

#maincontent a:hover img {
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	background: Black;
}

#maincontent .gallery img {
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	width: auto;
	height: auto;
	display: inline;
	background: url(../gfx/black_transparent.png);
}

#maincontent .gallery a img {
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	background: url(../gfx/black_transparent2.png);
	border: 0px solid Black;
	display: inline;
	float: left;
}

#maincontent .gallery a:hover img {
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	background: black;
}

#maincontent .backno {
	background: transparent;
}

table.profil {
	text-align: center;
	font-weight: normal;
	color: black;
	font-size: 80%;
	float: left;
}

table.profil td.popis {
	background: url(../gfx/black_transparent.png);
	text-align: center;
	font-weight: normal;
	color: Silver;
}

table.profil tr.popis {
	background: url(../gfx/black_transparent.png);
	text-align: center;
	font-weight: normal;
	color: Silver;
}

table.profil tr.popisn {
	background: url(../gfx/white_transparent.png);
	text-align: center;
	font-weight: bold;
}

table.profil td.popisn {
	background: url(../gfx/white_transparent.png);
	text-align: center;
	font-weight: bold;
}

table.profil td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#form {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	min-height: 50px;
	margin-bottom: 0px;
	position: relative;
	float: left;
	color: black;
}

#form table.form {
	width: 100%;
	border: 0px solid Aqua;
}

#form table.form td {
  padding: 2px;
}

#form .popiska {
	color: lime;
	margin-left: 5px;
}

#form input, #form textarea {
	line-height: 100%;
	width: 96%;
	text-align: left;
	color: #393833;
	padding: 2px;
	border: 1px solid #C8C8C8;
	background: url(../lavymenubga.png);
	font-family: Arial, Helvetica, sans-serif;
}

#form input:hover, #form input:focus, 
#form select:hover, #form select:focus, 
#form textarea:hover, #form textarea:focus, 
#form input.hover, #form input.focus,  
#form select.hover, #form select.focus, 
#form textarea.hover, #form textarea.focus {
	border: 1px solid #393833;
	background: transparent;
}

#form .gomb {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-bottom: 1px;
	padding-right: 25px;
	text-decoration: none;
	color: silver;
	background: url(../gfx/black_transparent.png);
	border: 0px;
	width: 20%;
	text-align: center;
}

#form .gomb:hover {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 25px;
	text-decoration: none;
	background: Black url(../gfx/red_arrow.gif) no-repeat right;
	color: white;
	border: 0px;
}

#formmsg {
	border: 0px solid black;
	background: black;
	margin-top: 0px;
	text-align: center;
	padding: 0px;
	color: red;
	font-weight: bold;
	line-height: 200%;
}

#footer {
	position: relative;
	margin-top: -125px; /* negative value of footer height */
	height: 125px;
	clear: both;
	background: transparent;
} 

#footerin {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 115px;
	padding-top: 10px;
}

.motto {
	width: 120px;
	height: auto;
	float: left;
	line-height: 15px;
	margin-top: 0px;
}

.footermenu {
	width: 880px;
	height: auto;
	font-size: 65%;
	line-height: 15px;
	margin-top: 1px;
	float: right;
	text-align: left;
	color: black;
	text-transform: uppercase;
}

.footermenu a {
	color: black;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	width: auto;
}

.footermenu a:hover {
	color: silver;
	text-decoration: none;
}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/