/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(../grafika/szablon/tooltip/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(../grafika/szablon/tooltip/black_arrow_bottom.png);
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../grafika/szablon/tooltip/black_arrow.png);
	font-size:12pt;
	height:80px;
	width:160px;
	padding:15px 25px 25px 25px;
	color:#fff;
	position: relative;
	left: 0;
	z-index: 100000;
	
}
/* style the trigger elements */
#dyna {
	width: 550px;
	cursor:pointer;
	margin: 0 auto;
	text-align: center;
	
}