*{
margin: 0px;
padding: 0px;
}

body{
	/*background-color: #131e24; */
	background-color: #788c96; 
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	margin-top: 10px;
	background-image: url('../layout/bodyback.jpg');
}

img{
  border: 0px;
}

#content{
	position: relative;
	margin: auto;
	width:1000px;
	text-align: left;
}

#top{
	position: relative;
	height: 74px;
	width: 100%px;
	background: url('../layout/topbg.gif') repeat-x 0% 0%;
	border-bottom: 1px solid #000000;
	border: solid #ff0000 0px;
}

#topsk{
	position: relative;
	height: 74px;
	width: 100%px;
	background: url('../layout/topbg.gif') repeat-x 0% 0%;
	border-bottom: 1px solid #000000; 
}


	#topleft{
		position: absolute;
		left: 0px; top: 0px;
		height: 74px;
		width: 8px;
		/* background: url('../layout/topbgleft.jpg') no-repeat 0% 0%; */
		background: url('../layout/top.jpg') no-repeat 0% 0%; 
	}
	
	#topright{
		position: absolute;
		right: 0px;
		_right: -1px; 
		top: 0px;
		height: 74px;
		width: 8px;
		/* background: url('../layout/topbgright.jpg') no-repeat 0% 0%; */
		background: url('../layout/topRight.jpg') no-repeat 0% 0%;
	}


	#top h1 a {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 215px;
		height: 53px;
		overflow: hidden;
		display: block;
	}
	
  #topsk h1 a {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 200px;
		height: 53px;
		overflow: hidden;
		display: block;
	}
  	
    #top h1 a span{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 215px;
			height: 53px;
			background: url('../layout/toplogo.gif') repeat-x 0% 0%;
			cursor: pointer;
		}

    #topsk h1 a span{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 200px;
			height: 53px;
			background: url('../sk/layout/Logo_APEX_SK.gif') repeat-x 0% 0%;
			cursor: pointer;
		}



	#topmenu{
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 27px;
	margin-right: 20px;
	}

		#topmenu ul{
		margin: 0px 10px 15px 0px;
		}
		#topmenu ul li{
		display: inline;
		}

		#topmenu ul li a{
		border-right: 1px solid #ffffff;
		padding: 0px 9px 0px 9px;
		color: #ffffff;
		text-decoration: none;
		}
		
		#topmenu ul li a:hover{
		text-decoration: underline;
		}
		
		#topmenu ul li a.last{
		border: 0px;
		}


#sekce{
	position: relative;
	width: 100%px;
	border-bottom: 1px solid #000000;
}

	#sekce ul{
	 position: relative;
		height: 30px;
		width: 100%;
	}
	
	#sekce ul li{
	  position: relative;
		display: block;
		float: left;
		height: 30px;
		width: 89px;
		text-align: left; 
	}

	#sekce ul li.last{
		width: 89px;
		overflow: hidden;
	}
	
		#sekce ul li a
    {
			position: relative;
			display: block;
			width: 89px;
			height: 30px;
			overflow: hidden;
			color: #ffffff;
			margin-right: 1px solid #000000;
		}
		
			#sekce ul li a span{
				position: absolute;
				top: 0px; left: 0px;
				display: block;
				width: 89px;
				height: 30px;
				overflow: hidden;
				color: #ffffff;
				background-repeat: no-repeat;
				background-position: 0% 100%;
				cursor: pointer;
			}
			#sekce ul li a:hover span{
				background-position: 0% 0%;
			}

			#menu8{
				margin: 0px;
			}

		#sekce ul li a:hover{
			color: #ffffff;
			text-decoration: none;
		}

/* #sekce  ul li div.popupmenu { */
#sekce div.popupmenu {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#sekce div.popupmenu2 {
	position: absolute;
	left: 124px;
	top: 30px;
	width: 190px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#sekce div.popupmenu3 {
	position: absolute;
	left: 250px;
	top: 30px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}


#sekce div.popupmenu9 {
	position: absolute;
	left: 140px;
	top: -10px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}


#sekce div.popupmenu71 {
	display: none;
	position: absolute;
	left: 180px;
	top: -10px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#sekce div.popupmenu72 {
	display: none;
	position: absolute;
	left: 180px;
	top: -10px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}


#sekce div.popupmenu10 {
	position: absolute;
	left: 140px;
	top: 40px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#sekce div.popupmenu4 {
	position: absolute;
	left: 267px;
	top: 30px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#sekce div.popupmenu5 {
	position: absolute;
	left: 500px;
	top: 30px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#sekce div.popupmenu6 {
	position: absolute;
	left: 625px;
	top: 30px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#sekce div.popupmenu7 {
	position: absolute;
	left: 751px;
	top: 30px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#sekce div.popupmenu8 {
	position: absolute;
	left: 178px;
	top: 30px;
	width: 140px;
	padding: 15px 15px 5px 15px;
	background: #ffffff;
	border-top: 1px solid #b1b5b7;
	border-left: 1px solid #b1b5b7;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

  /* #sekce  ul li div.popupmenu ul li { */
	#sekce div.popupmenu ul li {
		height: 20px;
		width: 100%;
	}

  #sekce div.popupmenu2 ul li {
		height: 20px;
		width: 100%;
	}
	
	#sekce div.popupmenu3 ul li {
		height: 20px;
		width: 100%;
	}
	#sekce div.popupmenu4 ul li {
		height: 20px;
		width: 100%;
	}
	#sekce div.popupmenu5 ul li {
		height: 20px;
		width: 100%;
	}
	#sekce div.popupmenu6 ul li {
		height: 20px;
		width: 100%;
	}
	#sekce div.popupmenu7 ul li {
		height: 20px;
		width: 100%;
	}
	#sekce div.popupmenu8 ul li {
		height: 20px;
		width: 100%;
	}
	
/*    #sekce  ul li div.popupmenu ul li a {*/
		#sekce div.popupmenu ul li a {
			padding: 0px 0px 0px 10px;
			height: 15px;
			width: 100%;
			font-weight: bold;
			color: #09497b;
			text-decoration: none;
			background: url('../layout/popuppas.gif') no-repeat 0% 5px;
		}

		#sekce div.popupmenu2 ul li a {
			padding: 0px 0px 0px 10px;
			height: 15px;
			width: 100%;
			font-weight: bold;
			color: #09497b;
			text-decoration: none;
			background: url('../layout/popuppas.gif') no-repeat 0% 5px;
		}
		
		#sekce div.popupmenu3 ul li a {
			padding: 0px 0px 0px 10px;
			height: 15px;
			width: 100%;
			font-weight: bold;
			color: #09497b;
			text-decoration: none;
			background: url('../layout/popuppas.gif') no-repeat 0% 5px;
		}
		
    #sekce div.popupmenu4 ul li a {
			padding: 0px 0px 0px 10px;
			height: 15px;
			width: 100%;
			font-weight: bold;
			color: #09497b;
			text-decoration: none;
			background: url('../layout/popuppas.gif') no-repeat 0% 5px;
		}
			#sekce div.popupmenu5 ul li a {
			padding: 0px 0px 0px 10px;
			height: 15px;
			width: 100%;
			font-weight: bold;
			color: #09497b;
			text-decoration: none;
			background: url('../layout/popuppas.gif') no-repeat 0% 5px;
		}
			#sekce div.popupmenu6 ul li a {
			padding: 0px 0px 0px 10px;
			height: 15px;
			width: 100%;
			font-weight: bold;
			color: #09497b;
			text-decoration: none;
			background: url('../layout/popuppas.gif') no-repeat 0% 5px;
		}
			#sekce div.popupmenu7 ul li a {
			padding: 0px 0px 0px 10px;
			height: 15px;
			width: 100%;
			font-weight: bold;
			color: #09497b;
			text-decoration: none;
			background: url('../layout/popuppas.gif') no-repeat 0% 5px;
		}
			#sekce div.popupmenu8 ul li a {
			padding: 0px 0px 0px 10px;
			height: 15px;
			width: 100%;
			font-weight: bold;
			color: #09497b;
			text-decoration: none;
			background: url('../layout/popuppas.gif') no-repeat 0% 5px;
		}


/* #sekce  ul li div.popupmenu ul li a:hover { */
		#sekce div.popupmenu ul li a:hover {
			color: #ed1b23;
			background: url('../layout/popupact.gif') no-repeat 0% 5px;
		}
		
		#sekce div.popupmenu2 ul li a:hover {
			color: #ed1b23;
			background: url('../layout/popupact.gif') no-repeat 0% 5px;
		}
		
		#sekce div.popupmenu3 ul li a:hover {
			color: #ed1b23;
			background: url('../layout/popupact.gif') no-repeat 0% 5px;
		}
		
		#sekce div.popupmenu4 ul li a:hover {
			color: #ed1b23;
			background: url('../layout/popupact.gif') no-repeat 0% 5px;
		}
		#sekce div.popupmenu5 ul li a:hover {
			color: #ed1b23;
			background: url('../layout/popupact.gif') no-repeat 0% 5px;
		}
		#sekce div.popupmenu6 ul li a:hover {
			color: #ed1b23;
			background: url('../layout/popupact.gif') no-repeat 0% 5px;
		}
		#sekce div.popupmenu7 ul li a:hover {
			color: #ed1b23;
			background: url('../layout/popupact.gif') no-repeat 0% 5px;
		}
		#sekce div.popupmenu8 ul li a:hover {
			color: #ed1b23;
			background: url('../layout/popupact.gif') no-repeat 0% 5px;
		}
		

#submenu1,#submenu2,#submenu3, #submenu4, #submenu5, #submenu6, #submenu7, #submenu8{
	display: none;
}

#topdecoration{
width: 100%;
height: 130px;
background: url('../layout/topdecoration.gif') no-repeat 0% 0%;
border-bottom: 2px solid #ffffff;
margin-bottom: 3px;
}


	#obsah{
		width: 100%;
		/* background: #09497b;*/
		border: solid #ff00ff 0px;
		background-image: url('../layout/obsahpodklad.gif');
	}


		#leftpanel{
			float: left;
			width: 180px;
			padding: 17px 10px 10px 17px;
			/* border-right: 1px solid #ffffff; */
		}

			#leftpanel h3{
				font-family: Arial;
				font-size: 13px;
				font-weight: bold;
				color: #ffffff;
				padding-left: 20px;
				background: url('../layout/newsabg.gif') no-repeat 0% 3px;
				margin-bottom: 10px;
			}

				#news{
				}

				#news span{
					color: #6dcff6;
					margin-right: 10px;
				}
				#news a{
					color: #ffc600;
				}
				#news a:hover{
					color: #6dcff6;
				}
				#news p{
					color: #ffffff;
					margin-bottom: 10px;
				}

				#leftmenu{
				margin-bottom: 25px;
				font-size: 13px;
				font-weight: bold;
				}
				
				#leftmenu ul{
				}
				#leftmenu ul li{
					list-style-type: none;
					padding: 2px 0px 2px 25px;
				}
				#leftmenu ul li a {
					font-size: 13px;
					color: #ffc600;
					font-weight: bold;	
					text-decoration: none;
				}
				#leftmenu ul li a:hover {
					color: #6dcff6;	
					text-decoration: underline;
				}

		#rightpanel{
			float: right;
			/* width: 445px; */
			width: 750px;
			padding: 10px 15px 10px 15px;
			min-height: 400px;
			_height: 400px;
		  border-left: 1px solid #ffffff;
		}
		
		
			#rightpanel h2{
				font-size: 18px;
				font-weight: bold;
				color: #ffc600;
				padding-left: 20px;
				background: url('../layout/mainabg.gif') no-repeat 0% 5px;
				margin-bottom: 10px;
			}
			#rightpanel h3{
				font-size: 14px;
				color: #6dcff6;
				margin-bottom: 5px;
				font-weight: bold;
			}
			#rightpanel p{
				text-align: justify;
				margin-bottom: 10px;
			}
			#rightpanel a{
				color: #ffc600;
				text-decoration: none;
			}
			#rightpanel a:hover{
				color: #6dcff6;
				text-decoration: underline;
			}
			#rightpanel img{
				margin: 15px;
			}


#footer{
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #0a0f11;
	color: #b6b7b8;
	margin-top: 1px;
	margin-bottom: 10px;
}

	#bottomleft{
		position: absolute;
		left: 0px; top: 0px;
		height: 30px;
		width: 14px;
		background: url('../layout/bottomLeft.gif') no-repeat 0% 0%;
	}
	#bottomright{
		position: absolute;
		right: 0px; top: 0px;
		_right: -1px;
		height: 30px;
		width: 14px;
		background: url('../layout/bottomRight.gif') no-repeat 0% 0%;
	}



	#footer h1 a {
		position: absolute;
		top: 20px;
		left: 35px;
		width: 100px;
		height: 35px;
		overflow: hidden;
		display: block;
	}
		#footer h1 a span{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100px;
			height: 35px;
			background: url('../layout/bottomlogo.jpg') repeat-x 0% 0%;
			cursor: pointer;
		}



	#footer a{
		color: #b6b7b8;
		text-decoration: underline;
	}
	
	#footer a:hover{
		text-decoration: none;
	}

	#footerright{
		position: relative;
		float: right;
		margin-right: 15px;
		margin-top: 7px;
}
	
#footerright ul{
	margin-top: 1px;
}

#footerright li{
	list-style-type: none;
	display: inline;
	margin-left: 15px;
	color: #b6b7b8;
	font-size: 11px;
}
#footerright li.separator{
	padding-right: 15px;
	border-right: 1px solid #ffffff;
}
	#footerright a{
		color: #b6b7b8;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
	}
	#footerright a:hover{
		text-decoration: underline;
	}

	#footerright a.softservis{
		position: relative;
		width: 3px;
		height: 15px;
		color: #2182cf;
		margin-left: 5px;
	}

	#footerright a.zlinskykraj{
		position: relative;
		width: 3px;
		height: 15px;
		color: #ff8b02;
	}

	#footerright a.flotila{
		position: relative;
		width: 3px;
		height: 15px;
		color: #6eab22;
	}


.floatleft{
	float: left;
}

.floatleftodsadit{
	float: left;
	margin-left: 25px;
}

.odsadit{
	padding-left: 25px;
}

.cenik{
	border: 1px solid #2d4e5e;
	text-align: center;
	margin: 5px 0px 5px 0px; 
}

.cenik th{
	padding: 2px 5px 2px 5px;
	width: 80px;
	background-color:#264350;
}

.cenik td{
	padding: 2px 5px 2px 5px;
	width: 100px;
	background: #2d4e5e;
}

.cenik .nadpis{
	text-align: center;
	color: #ffc600;
	background-color: #000000;
	padding: 3px;
	width: 100%;
}

.objednavka{

}

.objednavka li{
	width: 280px;
	list-style-type: none;
}

.objednavka li span{
	float: left;
	margin: 4px;
}

.objednavka li input{
	float: right;
	width: 200px;
	margin: 2px;
	border: 1px solid #063356;
	background: #206396;
	color: #ffffff;
	font-size: 13px;
	padding: 2px;
}

.objednavka li input.psc
{
	width: 50px;
	margin-right: 1px;
}

.objednavka li input.mesto
{
	width: 141px;
}

.objednavkatime
{

}

.objednavkatime li{
	width: 190px;
	list-style-type: none;
}

.objednavkatime li span{
	float: left;
	margin: 4px;
}

.objednavkatime li input{
	float: right;
	width: 80px;
	margin: 2px;
	border: 1px solid #063356;
	background: #206396;
	color: #ffffff;
	font-size: 13px;
	padding: 2px;
}

.objednavkatable{
	border: 1px solid #206396;
	text-align: center;
	margin: 5px 0px 5px 0px; 
}
.objednavkatable th{
	padding: 2px 2px 2px 2px;
	font-size: 13px;
	font-weight: normal;
}
.objednavkatable th.ks{
	width: 20px;
}
.objednavkatable td{
	padding: 0px;
}

.objednavkatable .nadpis{
	text-align: center;
	color: #ffc600;
	background: #063356;
	padding: 3px;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
}
.objednavkatable input{
	margin: 0px;
	width: 95%;
	border: 1px solid #063356;
	background: #206396;
	color: #ffffff;
	font-size: 13px;
	padding: 2px;
}
.objednavkatable input.ks{
	width: 30px;
}
.objednavkatable input.vybaveni{
	width: 160px;
}

input{
	margin: 0px;
	border: 1px solid #063356;
	background: #206396;
	color: #ffffff;
	font-size: 13px;
	padding: 2px;
}


/* Pridano J.Vesely, 20080319*/
#TopMainMenu{
	font-family: Arial,Tahoma;
	font-size: 11px;
	font-weight: bold;
  text-align: left;	
  margin-top: 1px;
  height:30px;
  position: relative;
}

#TopMainMenu a 
{
  color: #7b7438;
  text-decoration: none; 
  font-weight: bold;
  
}

 #TopMainMenu a:HOVER {
	color : #000000;
	text-decoration : none;	
}

#TopMainMenu td:HOVER 
{
/* udalost td:HOVER neni funkcni pod IE6 nahrazeno onmouseover a zmenou tridy  */
  background-image:url('../layout/Menu0.jpg'); 
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
}


td.menuon, td.menuoff1, td.menuoff2, td.menuoff3, td.menuoff4, td.menuoff5, td.menuoff6, td.menuoff7, td.menuoff8 {
	width: 14.24%;
}


#TopMainMenu td.menuon 
{ 
  background-image:url('../layout/Menu0.jpg');
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
}

#TopMainMenu td.menuoff1 
{ 
  /* background-image:url('../layout/Menu1.gif');*/
  background-image:url('../layout/Menu3.gif');
  background-image:url('../layout/podklad_gold.gif');
  border-bottom: solid #7C7A5E 1px;
  border-right: solid #7C7A5E 1px
}

#TopMainMenu td.menuoff2 
{ 
  /* background-image:url('../layout/Menu2.gif');*/
  background-image:url('../layout/podklad_gold.gif');
  border-bottom: solid #7C7A5E 1px;
  border-right: solid #7C7A5E 1px
}

#TopMainMenu td.menuoff3 
{ 
  background-image:url('../layout/podklad_gold.gif');
  border-bottom: solid #7C7A5E 1px;
  border-right: solid #7C7A5E 1px
}

#TopMainMenu td.menuoff4 
{ 
  /*background-image:url('../layout/Menu4.gif'); */ 
  background-image:url('../layout/podklad_gold.gif');
  border-bottom: solid #7C7A5E 1px;
  border-right: solid #7C7A5E 1px
}

#TopMainMenu td.menuoff5 
{ 
  /*background-image:url('../layout/Menu5.gif'); */
  background-image:url('../layout/podklad_gold.gif');
  border-bottom: solid #7C7A5E 1px;
  border-right: solid #7C7A5E 1px
}

#TopMainMenu td.menuoff6 
{ 
  /*background-image:url('../layout/Menu6.gif');*/
  background-image:url('../layout/podklad_gold.gif'); 
  border-bottom: solid #7C7A5E 1px;
  border-right: solid #7C7A5E 1px
}

#TopMainMenu td.menuoff7 
{ 
  /*background-image:url('../layout/Menu7.gif');*/
  background-image:url('../layout/podklad_gold.gif'); 
  border-bottom: solid #7C7A5E 1px;
  border-right: solid #7C7A5E 1px
}

#TopMainMenu td.menuoff8 
{ 
  /* background-image:url('../layout/Menu8.gif'); */
  background-image:url('../layout/podklad_gold.gif');
  border-bottom: solid #7C7A5E 1px;
  border-right: solid #7C7A5E 1px 
}

.menutextcolor
{
	color: #000000;
}


.blackTextLi{
  color: #000000;
  background: url('../layout/popuppas.gif') no-repeat 0% 5px;
  padding-left: 10px; 
}

.nic
{
	display: none;
}