@import url(base.css);

#column {

}

#content {
	width: 684px;
}

	#content h2 {
		margin: 20px;
	}

#categorias ul {
	list-style: none;
	padding: 0;
	margin: 0 4px 0 14px;;
}
	#categorias a {
		color: #757575;
		border-bottom: 2px solid #F1F1F1;
		display: block;
		padding: 4px 10px;
	}

	#categorias a:hover {
		color: #060;
	}

a#marca-catalogo {
		background: #FFF url(../img/design/catalogo-button.png) no-repeat left top;
		display: block;
		height: 28px;
		width: 100px;
		overflow: hidden;
		text-indent: -1000em;
		float: right;
	}
		a#marca-catalogo:hover {
			background-position: left bottom;
		}

/* Marcas
============================================== */
.marca {
	background: transparent url(../img/design/produtos/marca-bg.png) no-repeat 14px top;
	float: left;
	width: 224px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
}
	.marca .inner-marca {
		margin: 0 7px 0 21px;
		height: 156px;
	}
	.marca .logo {
		height: 50px;
		text-align: center;
		vertical-align: middle;
	}
	.marca h3 {
		color: #454545;
		border-top: 1px dotted #009B00;
		border-bottom: 1px dotted #CCC;
		font-size: 100%;
		padding: 4px;
		margin: 4px 0;
	}
	.marca p {
		color: #575757;
		font-size: 85%;
		padding: 0 4px;
	}