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

/* @group tabs */

.tabs {
	margin: 20px 0 0 0;
}

.tabs div.head {
	height: 0;
	min-height: 0;
	margin: 0;
}

div[class] .tabs div.head {
	height: auto;
}

.tabs div.head .caption {
	display: block;
	height: 20px;
	min-height: 20px;
	line-height: 20px;
	padding: 0 5px;
	float: left;
	margin: 0 2px 0 0;
	cursor: pointer;
	font-size: 12px;
	color: #4a4a4a;
	text-decoration: none;
	position: relative;
	left: 0;
	top: 1px;
	z-index: 45;
	border-top: solid 1px #cecece;
	border-right: solid 1px #cecece;
	border-left: solid 1px #cecece;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	background: #ebebeb;
}

div[class] .tabs div.head .caption {
	height: auto;
}

.tabs div.head .caption.active {
	color: #242424;
	z-index: 55;
	background: #fff;
}

.tabs h2.caption {
	margin: 16px 0 8px 0;
	font-size: 14px;
}

.tabs .tab {
	clear: both;
	height: 0;
	min-height: 0;
	padding: 5px;
	position: relative;
	z-index: 50;
	border: 1px solid #cecece;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	background: #fff;
}

div[class] .tabs .tab {
	height: auto;
}

.tabs .content {
	margin: 0;
}

/* @end */