body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 0.9em;
	text-align: center;
	font-family: Calibri, 'Trebuchet MS', sans-serif;
	background: #bebebe url(../img/bg-body.jpg) repeat top center;
}
ul, ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a {
	color: #900;
	font-weight: bold;
}
	a:hover, a:focus, a:active {color: #000;}
.clr {height: 1px; overflow: hidden; clear: both;}
.fll {float: left;}
.flr {float: right;}
.txtc {text-align: center !important;}
.txtl {text-align: left !important;}
.txtr {text-align: right !important;}
.txtj {text-align: justify !important;}
.sl50 {float: left; width: 50%;}
.varovani {margin: 5px 0px !important; padding: 5px !important; font-weight: bold; color: #fff; background: #900;}



/* odkazy pro nevidome a klaveskare */
p.blind {
	margin: 0px;
}
p.blind a {
	position: absolute;
	left: 0px;
	top: -10000px;
}
	p.blind a:active, p.blind a:focus {
		top: 10px;
		margin: 10px;
		padding: 5px;
		outline: none;
		color: #000;
		font-weight: bold;
		background: #fff;
		border: 2px solid #6ac335;
	}
hr.blind {
	position: absolute;
	top: -10000px;
	width: 10px;
}




div#kontejner-out {
	height: 100%;
	background: url(../img/bg-kontejner-out.jpg) repeat-x top center;
}
	div#kontejner {
		position: relative;
		width: 980px;
		height: 100%;
		margin: 0px auto;
		background: url(../img/bg-kontejner.jpg) repeat-y top left;
		text-align: left;
	}

	div#tiskarna {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 550px;
		height: 290px;
		background: url(../img/bg-tiskarna.jpg) no-repeat top left;
	}

	div#hlavicka {
		height: 150px;
		padding: 0px 15px;
		background: url(../img/bg-hlavicka.jpg) no-repeat top left;
	}
		div#hlavicka h1 {
			margin: 0px;
			padding: 0px;
			width: 300px;
			height: 115px;
		}
			div#hlavicka h1 a {
				display: block;
				width: 100%;
				height: 100%;
				position: relative;
				overflow: hidden;
			}
				div#hlavicka h1 a span {
					display: block;
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					cursor: pointer;
					background: url(../img/bg-h1.jpg) no-repeat top left;
				}

	div#menu {
		height: 120px;
		padding: 20px 0px 0px 35px;
		background: url(../img/bg-menu.jpg) no-repeat top left;
	}
		div#menu ul {
			width: 250px;
			height: 120px;
			margin: 0px;
			padding: 0px;
			font-size: 1.1em;
		}
			div#menu ul a {
				display: block;
				position: relative;
				height: 30px;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
				div#menu ul a span {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
					cursor: pointer;
				}
			div#menu ul a:hover span, div#menu ul a:focus span, div#menu ul a:active span {background-position: bottom left !important;}
			div#menu ul a.selected span {background-position: bottom left !important;}
			div#menu ul a.m-uvod span {background: url(../img/m-uvod.jpg);}
			div#menu ul a.m-materialy span {background: url(../img/m-materialy.jpg);}
			div#menu ul a.m-cenik span {background: url(../img/m-cenik.jpg);}
			div#menu ul a.m-kontakt span {background: url(../img/m-kontakt.jpg);}

	div#obsah-out {
		min-height: 220px;
		background: url(../img/bg-obsah-out.jpg) no-repeat top left;
	}
		div#obsah {
			padding: 30px 70px 10px 70px;
			background: url(../img/bg-obsah.jpg) repeat-y top center;
		}
			div#obsah h2 {
				position: relative;
				margin: 0px;
				padding: 0px;
				width: 840px;
				height: 50px;
				overflow: hidden;
			}
				div#obsah h2 span {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
				}
			div#obsah h2.uvod span {background: url(../img/h2-uvod.jpg) no-repeat top left;}
			div#obsah h2.materialy span {background: url(../img/h2-materialy.jpg) no-repeat top left;}
			div#obsah h2.cenik span {background: url(../img/h2-cenik.jpg) no-repeat top left;}
			div#obsah h2.kontakt span {background: url(../img/h2-kontakt.jpg) no-repeat top left;}
			div#obsah h3 {
				margin: 0px;
				padding: 15px 0px 0px 0px;
				color: #900;
				font-size: 1.4em;
				border-bottom: 1px solid #900;
			}

			div#obsah p {
				margin: 5px 0px 25px 0px;
				padding: 0px;
			}
			div#obsah p.dalsi-str {
				clear: both;
				font-weight: bold;
				font-size: 1.3em;
				text-align: center;
			}


	div#paticka {
		padding: 20px 0px 10px 0px;
		background: url(../img/bg-paticka.jpg) no-repeat top left;
	}
		div#paticka a {color: #fff;}
			div#paticka a:hover, div#paticka a:focus, div#paticka a:active {color: #ccc;}
		div#paticka p.copyright {
			margin: 0px 0px 0px 45px;
			padding: 0px;
			width: 250px;
			float: left;
			color: #fff;
			font-size: 0.8em;
		}
		div#paticka p.dalsi-linky {
			float: left;
			width: 450px;
			margin: 0px;
			padding: 0px;
			font-size: 0.9em;
		}
			div#paticka p.dalsi-linky a {margin: 0px 10px 0px 0px;}
		div#paticka p.akce {
			float: right;
			margin: 0px 35px 0px 0px;
			padding: 0px;
		}
			div#paticka p.akce a {
				display: block;
				float: right;
				width: 16px;
				height: 16px;
				margin: 0px 0px 0px 5px;
				position: relative;
				overflow: hidden;
			}
			div#paticka p.akce a:hover, div#paticka p.akce a:focus, div#paticka p.akce a:active {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
				div#paticka p.akce a span {
					display: block;
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					cursor: pointer;
				}
				div#paticka p.akce a.i-email span {background: url(../img/i-email.jpg) no-repeat top left;}
				div#paticka p.akce a.i-tisk span {background: url(../img/i-tisk.jpg) no-repeat top left;}
				div#paticka p.akce a.i-nahoru span {background: url(../img/i-nahoru.jpg) no-repeat top left;}