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

div#titul-text {
	width: 650px;
	float: left;
	margin: 10px 0px;
	padding: 0px 0px 30px 0px;
}

div.uvod-sluzby {
	margin: 0px 0px 20px 0px;
	padding: 10px 0px;
	background: #333 url(../img/bg-uvod-sluzby.jpg) repeat-x center;
}
div.uvod-sluzby a {
	color: #fff;
	font-weight: bold;
}
div.uvod-sluzby a:hover, div.uvod-sluzby a:focus, div.uvod-sluzby a:active {
	color: #7db713;
}
div.uvod-sluzby ul {
	margin: 0px !important;
	padding: 0px !important;
}
div.uvod-sluzby ul li {
	width: 195px;
	margin: 0px !important;
	padding: 5px 0px 5px 20px !important;
	float: left;
	background: none !important;
}


p#dalsi-akce {
	width: 480px;
	margin: 0px auto;
}
	p#dalsi-akce a {
		display: block;
		position: relative;
		width: 220px;
		height: 35px;
		margin: 0px 10px;
		float: left;
		overflow: hidden;
	}
		p#dalsi-akce a span {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			cursor: pointer;
		}
			p#dalsi-akce a.reference span {background: url(../img/sluzby-reference.jpg) no-repeat top left;}
			p#dalsi-akce a.zeptat span {background: url(../img/sluzby-zeptat.jpg) no-repeat top left;}
		p#dalsi-akce a:hover span, p#dalsi-akce a:focus span, p#dalsi-akce a:active span {background-position: bottom left;}





	div#titul-text div.aktualita-uvod {
		margin: 20px 0px;
	}

p.uvodni-text {
	font-size: 1.1em;
}
p.tlacitka-uvod {
	margin: 10px 0px 0px 0px;
	padding: 98px 0px 50px 0px;
	background: url(../img/bg-tlacitka-uvod.jpg) no-repeat top center;
}
	p.tlacitka-uvod a {
		position: relative;
		display: block;
		float: left;
		width: 325px;
		height: 36px;
		margin: 0px 0px 5px 0px;
		overflow: hidden;
	}
		p.tlacitka-uvod a span {
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			cursor: pointer;
		}
		p.tlacitka-uvod a.chci-reklamu:hover span, p.tlacitka-uvod a.chci-reklamu:focus span, p.tlacitka-uvod a.chci-reklamu:active span {background-position: bottom right !important;}
		p.tlacitka-uvod a.chci-web:hover span, p.tlacitka-uvod a.chci-web:focus span, p.tlacitka-uvod a.chci-web:active span {background-position: bottom left !important;}
		p.tlacitka-uvod a.chci-reklamu span {background: #fff url(../img/a-chci-reklamu.jpg) no-repeat top right;}
		p.tlacitka-uvod a.chci-web span {background: #fff url(../img/a-chci-web.jpg) no-repeat top left;}

div.aktualita-uvod {
	clear: both;
	padding: 20px 0px 0px 0px;
}
	div.aktualita-uvod p {
		margin: 0px;
		padding: 0em 0em 1em 0em;
	}
	div.aktualita-uvod p img.fll {margin-right: 10px;}
	div.aktualita-uvod p img.flr {margin-left: 10px;}

div#obsah-reference h3.nejnovejsi-reference {
	width: 300px;
	height: 30px;
	overflow: hidden;
	position: relative;
}
	div#obsah-reference h3.nejnovejsi-reference span {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff url(../img/h3-nejnovejsi-reference.jpg) no-repeat top left;
	}

p.reference-dalsi {
	clear: both;
	text-align: right;
	font-weight: bold;
}


div#titul-sl {
	width: 240px;
	float: left;
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
}
	div#titul-sl h4.zabak {
		display: block;
		position: relative;
		width: 230px;
		height: 40px;
		margin: 0px 0px 5px 10px;
		overflow: hidden;
	}
		div#titul-sl h4.zabak span {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../img/h4-zabak.jpg) no-repeat top left;
		}
	div#titul-sl div.zabak {
		text-align: center;
		font-weight: bold;
		padding-bottom: 15px;
	}

	div#titul-sl h4.aktualne {
		display: block;
		position: relative;
		width: 230px;
		height: 40px;
		margin: 0px 0px 5px 10px;
		overflow: hidden;
	}
		div#titul-sl h4.aktualne span {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../img/h4-aktualne.jpg) no-repeat top left;
		}
	div#titul-sl p {
		margin: 0px 5px 15px 15px;
	}
	div#titul-sl p.aktualne em {
		display: block;
		color: #666;
		font-size: 0.9em;
	}
	div#titul-sl p.aktualne a {
		float: right;
	}

	div#titul-sl h4.magazin {
		display: block;
		position: relative;
		width: 230px;
		height: 40px;
		margin: 0px 0px 5px 10px;
		overflow: hidden;
	}
		div#titul-sl h4.magazin span {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../img/h4-magazin.jpg) no-repeat top left;
		}
	div#titul-sl ul.magazin {
		margin: 0px 0px 15px 25px;
	}

	div#titul-sl h4.proc-k-nam {
		display: block;
		position: relative;
		width: 230px;
		height: 40px;
		margin: 0px 0px 5px 10px;
		overflow: hidden;
	}
		div#titul-sl h4.proc-k-nam span {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../img/h4-proc-k-nam.jpg) no-repeat top left;
		}
	div#titul-sl p.proc-k-nam {
		margin: 0px;
		padding: 5px 0px 5px 15px;
	}
		div#titul-sl p.proc-k-nam strong {
			letter-spacing: -1px;
			font-size: 1.1em;
			font-weight: bold;
			
		}
	div#titul-sl p.epoptavka {
		margin: 3px 0px 20px 10px !important;
		padding: 20px 0px 0px 0px !important;
	}
	div#titul-sl p.epoptavka a {
		display: block;
		width: 230px;
		height: 80px;
		position: relative;
		overflow: hidden;
	}
	div#titul-sl p.epoptavka a span {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/epoptavka.jpg) no-repeat top left;
	}




div#aktualita-text ul {
 	margin: 3px 0px 0px 11px;
}
	div#aktualita-text ul li {
 		padding: 2px 0px 2px 12px;
		background: url(../img/bg-li.jpg) no-repeat left center;
	}
div#aktualita-text ol {margin: 3px 0px 0px 28px;}
	div#aktualita-text ol li {padding: 2px 0px 2px 0px;}
div#aktualita-text p img.fll {margin-right: 10px;}
div#aktualita-text p img.flr {margin-left: 10px;}