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

body{
	background: url('../img/bg.jpg') repeat-x 0% 0%;
	background-color: #000000;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	margin-top: 20px;
}

#content{
	position: relative;
	margin: auto;
	width:712px;
	padding: 10px;
	text-align: left;
	background-color: #ffffff;
}

#top{
	position: relative;
	width: 100%px;
	background: url('../img/topbg.gif') repeat-x 0% 0%;
	margin-bottom: 3px;
}

	#lang{
		width: 100%;
		background: #01184e;
		padding: 2px 0px 2px 0px;
	}

		#lang ul{
			float: right;
		}
			#lang ul li{
				display: inline;
				margin-left: 5px;
				padding-right: 5px;
				border-right: 1px solid #ffffff;
			}
				#lang ul li a{
					color: #ffffff;
					text-decoration: none;
				}
				#lang ul li a:hover{
					text-decoration: underline;
				}

	#topmenu{

	}

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

			#topmenu ul li a{
				font-weight: bold;
				color: #000000;
				text-decoration: none;
			}
			#topmenu ul li a:hover{
				color: #e62039;
			}

	#logos{
		position: relative;
		width: 100%;
		margin-bottom: 20px;
	}


		#logos h1 a {
			position: relative;
			width:199px;
			height: 150px;
			display: block;
			float: left;
			overflow: hidden;
		}
			#logos h1 a span{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 199px;
				height: 150px;
				background: url('../img/logo.gif') repeat-x 0% 0%;
				cursor: pointer;
			}

		#topilu{
			float: right;
			width: 500px;
			height: 150px;
			background: url('../img/topilu.jpg') no-repeat 0% 0%;
		}

	#left{
		float: left;
		width: 199px;
		margin: 0px 10px 10px 0px;
		
	}


		#leftmenu{
			width: 173px;
			min-height: 76px;
			_height: 76px;
			background: url('../img/menubg.jpg') no-repeat 0% 0%;
			background-color: #ececec;
			border: 1px solid #cbcbcb;
			margin-bottom: 10px;
			padding: 15px 10px 10px 15px;
		}
			#leftmenu h3{
				font-weight: bold;
				font-size: 14px;
				color: #0054a6;	
				margin-bottom: 10px;
			}

			#leftmenu ul{
				margin-left: 15px;
			}
				#leftmenu ul li{
					list-style-image: url('../img/li.gif');
					padding: 2px 0px 2px 0px;
				}
					#leftmenu ul li a{
						font-weight: bold;
						color: #0054a6;	
					}
					ul#menulist li ul.menulist{display: none;}

			#leftmenu h4{
				font-weight: bold;
				font-size: 11px;
				color: #0054a6;	
				margin-bottom: 2px;
			}
			#leftmenu p{
				margin-bottom: 10px;
			}

		#flavour{
			width: 173px;
			min-height: 76px;
			_height: 76px;
			background: url('../img/leftbg.jpg') no-repeat 0% 0%;
			background-color: #0470b8;
			border: 1px solid #256392;
			margin-bottom: 10px;
			padding: 15px 10px 10px 15px;
			color: #ffffff;	
		}
			#flavour h3{
				font-weight: bold;
				font-size: 14px;
				color: #ffffff;	
				margin-bottom: 10px;
			}
			#flavour a{
				color: #ffffff;	
			}


	#obsah{
		float: right;
		width: 500px;
		min-height: 350px;
		_height: 350px;
		margin-bottom: 10px;
	}
		#obsah h2{
			font-size: 20px;
			font-weight: normal;
			color: #266faa;
			margin-bottom: 10px;
			float: left;
		}
		.ttd{
			font-weight: bold;
			color: #266faa;
			margin: 10px 15px 0px 0px;
			float: right;
		}
		.ttd:hover{
			text-decoration: none;
		}

		#obsah h3{
			color: #ed1b23;
			font-size: 12px;
			font-weight: bold;
		}

		#obsah p{
			color: #464646;
			margin-bottom: 10px;
		}

	#nabidka{

	}
		#nabidka ul{
			padding-bottom: 30px;
		}

			#nabidka ul li{
				position: relative;
				display: block;
				float: left;
				width: 120px;
				height: 160px;
				margin: 15px;
			}

			/*#nabidka ul li a{	
				display: block;
				position: absolute;
				left: 0px; bottom: 0px;
				width: 16px;
				height: 17px;
				overflow: hidden;
			}
				#nabidka ul li a span{	
					position: absolute;
					left: 0px; top: 0px;
					background: url('../img/zoom.jpg') no-repeat 0% 0%;
					width: 16px;
					height: 17px;
					cursor: pointer;
				}*/


	#realizace{

	}
		#realizace ul{

		}

			#realizace ul li{
				position: relative;
				display: inline;
				margin: 5px;
			}

			#realizace ul li img{	
				border: 0px;
			}
			
#footer{
	width: 100%;
	height: 20px;
	background: #01184e;
	padding-top: 1px;
	color: #f0f0f0;
}
	#footer a{
		color: #ffffff;
		text-decoration: underline;
	}
	#footer a:hover{
		text-decoration: none;
	}

	#footerright{
		position: relative;
		float: right;
		margin-right: 15px;
		margin-top: 2px;
	}


	#katalog{

	}
		#katalog ul{
			padding-bottom: 30px;
		}

			#katalog ul li{
				position: relative;
				display: block;
				float: left;
				width: 120px;
				height: 180px;
				margin: 15px;
			}

			a.katalog-link-jmeno{color : #D71223; text-decoration : none; font-weight : bold;}
			a.katalog-link-jmeno:hover{text-decoration : underline;}
			
			a.katalog-link-img img{border : none;}

			 a.katalog-link-detail{	
				display: block;
				position: absolute;
				left: 0px; bottom: 0px;
				width: 16px;
				height: 17px;
				overflow: hidden;
				background: url('../img/zoom.jpg') no-repeat 0% 0%;
			}

.menuproducts{
	margin : 0;
	margin-left : 2em;
}

			.menuproducts{
				margin-left: 15px;
			}
				.menuproducts li{
					list-style-image: url('../img/li.gif');
					padding: 2px 0px 2px 0px;
				}
					.menuproducts li a{
						font-weight: bold;
						color: #0054a6;	
					}

.galerie{

}
.galerie li{
	list-style-type: none;
	float:left;
	margin: 5px;
}



.galerie li a img{
	border: 1px solid #333333;
}
.galerie li a:hover img{
	border: 1px solid #ff0000;
}

h4{
	color: #0054a6;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
}
p{
	margin-right: 20px;
}