/* CSS - Controller Catalogo */

/* LIST */
#catalogo_list { }
#catalogo_categorias { float:left; }


#catalogo_produtos .produto { 
	padding:0 5px 5px 5px;
	float:left; 
	}

#catalogo_produtos .imagem {
        float:left;
        padding:5px;
		margin-right:5px;
		border:1px solid #d3d3d3;
}

a.titulo:link,
a.titulo:visited {
	font-size:12px;
	text-decoration:none;
}

a.titulo:hover {
	color:#df7d00;
}

#catalogo_produtos a.titulo:link,
#catalogo_produtos a.titulo:visited {
	color:#df7d00;
	font-size:14px;
	text-decoration:none;
}

#catalogo_produtos a.titulo:hover {
	color:#df7d00;
	font-size:14px;
	text-decoration:none;
}

#catalogo_produtos a:link,
#catalogo_produtos a:visited {
	color:#26586f;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#catalogo_produtos a:hover {
	color:#26586f;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

#catalogo_produtos .titulo { font-weight:bold; }
#catalogo_produtos label { font-weight:bold; }

#catalogo_imagens { width:100%; clear:both; }


#produto_destaque .imagem {
	width:auto;
	float:left;
}

#produto_destaque {
	padding:0 10px 0 75px;
}

#produto_destaque .descricao {
	float:right;
	width:350px;
}

/* ------------------------------------------------------- */
#categorias_list_expand, #categorias_list_expand ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#categorias_list_expand li{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#categorias_list_expand .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}