h2.reference span {background: url(../img/h2-reference.jpg) no-repeat top left;}

div#obsah-reference {
	width: 530px;
	float: left;
	margin: 10px 0px;
	padding-bottom: 30px;
}
	div#obsah-reference p.filtr {
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}


	div.prod {
		position: relative;
		width: 209px;
		height: 202px;
		margin: 0px 10px 10px 0px;
		float: left;
	}
		 .treti {margin-right: 0px !important;}
		 div.prod span {display: none;}
		 div.prod a {
			color: #fff;
			text-decoration: none;
		}
			 div.prod a:hover,  div.prod a:focus,  div.prod a:active {color: #000 !important;}
			 div.prod a:hover span,  div.prod a:focus span,  div.prod a:active span {
				display: block;
				width: 40px;
				height: 40px;
				position: absolute;
				top: 60px;
				left: 90px;
				background: #000 url(../img/reference-zobrazit.jpg) no-repeat top left;
				filter: alpha(opacity=80);
				-moz-opacity: 0.8;
				opacity: 0.8;
			}
		 div.prod img {
			display: block;
			margin: 0px;
			padding: 0px;
			border: none;
		}
		 div.prod p {
			height: 40px;
			padding: 5px 0px 0px 0px;
			overflow: hidden;
			text-align: center;
			border-top: 1px solid #fff;
			background: url(../img/bg-reference-div.jpg) no-repeat bottom left;
		}
			 div.prod p strong {
				display: block;
				font-size: 1.1em;
			}
			 div.prod p em {
				display: block;
				font-size: 0.9em;
			}


div#nasi-klienti {
	width: 360px;
	float: left;
	margin: 10px 0px;
	padding-left: 10px;
}
	div#nasi-klienti h4 {
		display: block;
		position: relative;
		width: 350px;
		height: 40px;
		margin-left: 10px;
		overflow: hidden;
	}
		div#nasi-klienti h4 span {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../img/h4-nasi-klienti.jpg) no-repeat top left;
		}
	div#nasi-klienti ul {
		margin: 0px 0px 0px 10px !important;
		padding: 0px !important;
		width: 230px;
		font-size: 1.1em;
	}
		div#nasi-klienti ul li {
			margin: 0px !important;
			padding: 15px 0px !important;
			background: none !important;
			text-align: center;
		}



div#info {
	width: 210px;
	float: left;
	padding: 0px 0px 10px 0px;
}
	div#info h2 {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		color: #333;
	}
	div#info h4 {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		font-size: 1.1em;
		color: #333;
	}
	div#info p {
		margin: 0px;
		padding: 0px;
	}
		div#info p em {
			display: block;
			text-align: right;
		}
	div#info a.chci-poptat {
		display: block;
		position: relative;
		width: 200px;
		height: 35px;
		margin: 20px 0px;
		overflow: hidden;
	}
		div#info a.chci-poptat span {
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			cursor: pointer;
			background: url(../img/a-chci-poptat.jpg) no-repeat top left;
		}
		div#info a.chci-poptat:hover span, div#info a.chci-poptat:focus span, div#info a.chci-poptat:active span {background-position: bottom left;}


div#nahledy {
	width: 620px;
	padding: 10px 0px;
	float: left;
}
	div#nahledy img {
		padding: 1px;
		border: 1px solid #000;
	}


div.strankovani {
	clear: both;
	width: 850px;
	margin: 0px 0px 10px 0px;
	padding: 8px;
	background: url(../img/bg-strankovani.jpg) repeat-x center;
	text-align: center;
	color: #999;
}
div.strankovani em {
	padding: 0px 5px;
	font-style: normal;
}
div.strankovani strong {padding: 0px 15px; color: #000;}
div.strankovani a {
	padding: 0px 5px;
	font-weight: bold;
	text-decoration: none;
}