/* @override http://www.beta.apilot.cz/css/catalog/steps.css */

@media screen,projection,tv {

.steps {
	height: 30px;
	min-height: 30px;
	margin: 0 0 16px 0;
	border: solid 1px #cecece;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url(img/steps-grad.png) #e0e0e0 0 0 repeat-x;
}

div[class] .steps {
	height: auto;
}

.steps ul {
	display: block;
	height: 0;
	min-height: 0;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

div[class] .steps ul {
	height: auto;
}

.steps ul li {
	display: block;
	height: 30px;
	min-height: 30px;
	line-height: 30px;
	padding: 0 25px 0 10px;
	float: left;
	font-size: 14px;
	color: #919191;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-image: url(img/step-end.png);
	background-color: transparent;
}

div[class] .steps ul li {
	height: auto;
}

.steps ul li.first {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.steps ul li.active {
	padding: 0 0 0 10px;
	color: #fff;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-image: url(img/step-grad.png);
}

.steps ul li.done {
	background-image: url(img/step-begin-active.png);
}

.steps ul li.active strong {
	display: block;
	height: 30px;
	min-height: 30px;
	padding: 0 25px 0 0;
	float: left;
	font-weight: 400;
	background: transparent url(img/step-end-active.png) 100% 0 no-repeat;
}

.steps ul li.first strong {
	padding: 0 25px 0 5px;
}

div[class] .steps ul li.active strong {
	height: auto;
	float: none;
}
	
}