.title-box {
	width: 175px;
	float: left;
	border-left: 1px #DFCAC5 solid;
	height: 397px;
	background: url('../img/podklad-box.jpg') left top no-repeat;
}

.title-box .obrazek {
	height: 201px;
	background-repeat: no-repeat;
	background-position: left top;
}
.title-box h2 {
	padding: 0;
	margin: 0;
	color: white;
	background: none;
}
	
.title-box h2 a {
	display: block;
	background: url('../img/title-box.gif') left bottom no-repeat;
	margin: 0;
	height: 63px;
	padding: 0;
	padding-top: 138px;
	color: white;
}
.title-box h2 a span {
	display: block;
	color: white;
	font-size: 0.95em;
	padding: 9px 22px;
}

.title-box .wysiwyg {
	padding: 17px;
}
.title-box .wysiwyg, .title-box .wysiwyg p {
	color: #896215;
}

#promo {
	position: absolute;
	left: 244px;
	top: 178px;
	width: 706px;
	height: 278px;
	background: #F79D00;
}

#promo-left, #promo-right {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 351px;
	height: 278px;
}

#promo-right {
	left: 355px;
}

#promo #img-left {
	display: block;
	width: 14px;
	height: 28px;
	position: absolute;
	left: 5px;
	top: 120px;
	background: url('../img/img-left.gif') center center no-repeat;
	z-index: 20;
}

#promo #img-right {
	display: block;
	width: 14px;
	height: 28px;
	position: absolute;
	right: 5px;
	top: 120px;
	background: url('../img/img-right.gif') center center no-repeat;
	z-index: 20;
}

#promo img {
    opacity: 0.0;
	z-index:8;
	position: absolute;
	width: 351px;
	height: 278px;
	left: 0;
	top: 0;
}

#promo img.active {
    opacity: 1.0;
	z-index:10;
}

#promo img.last-active {
	z-index:9;
}