/*---- Estilo da página categoria.htm ----*/

table{
	width:366px;
	top:87px;
	left:14px;
	border-left:1px solid #CBCBF3;
	text-align:center;
}

* html table{top:70px;}

thead{
	text-align:center;
	color:white;
	font-size:95%;
	font-weight:bold;
	height:22px;
}

tbody{
	font-size:95%;
	text-align:left;
	color:#6060CA;
	background-color:#FFF;
	vertical-align:top;
}

tbody td{
	padding:5px 5px 15px 5px;
	border-bottom:1px solid #CBCBF3;
	border-right:1px solid #CBCBF3;
	line-height:15px;
} 

tr.entrelinha{background-color:#F7F7FD;}

/*---- Estilo dos botões ( foto / orçamento / inf básicas / folder ) ----*/

.foto, .orcamento, .basicas, .folder{position:relative;display:block;width:21px;height:21px;margin-right:6px;left:5px;float:left;}

.foto{background-image:url(../imagens/botaofoto.gif);}
.orcamento{background-image:url(../imagens/botaoorcamento.gif);top:1px;}
.basicas{background-image:url(../imagens/botaobasicas.gif);}
.folder{background-image:url(../imagens/botaofolder.gif);}

.foto:hover, .orcamento:hover, .basicas:hover, .folder:hover{background-position:0 21px;}

/*---- Legenda ----*/

#legenda{
	position:absolute;
	right:-8px;
	width:129px;
	top:336px;
	border-left:1px solid white;
	border-right:1px solid white;

}

* html #legenda{
top:359px;
right:-24px;
width:131px;
top/**/:/**/357px;
right/**/:/**/-12px;
width/**/:/**/129px;

}

#legenda img{
	position:relative;
	float:left;
	margin:5px 5px 0 5px;
}

.conteudolegenda{
	position:relative;
	width:130px;
	float:left;
	font-size:80%;
	text-align:left;
	color:#3739AF;
	vertical-align:top;
	line-height:15px;
	border-bottom:1px solid white;
}
	.titulolegenda{
		height:22px;padding:3px 0 0 18px;background-image:url(../imagens/bkgbarra.jpg);	background-repeat:repeat-x;color:#FFF;font-size:105%;font-weight:bold;display:block;
	}
	.conteudolegenda p{
	margin:5px 5px 0 5px;
	}