/* ==== Obras ==== */

/* Main */
#bd h2 {
	background:url(../_img/obras_h2-obras.gif) center left no-repeat;
}
#bd p {
	float:left;
	width:950px;
	font-size:12px;
	margin:0 0 0 10px;
	*margin:0 0 0 5px;	
}

/* Formulário */

#bd form {
	float:left;
	width:100%;
	height:90px;
	background:#666666;
	margin:20px 0 0 0;
}
#bd form label {
	float:left;
	display:block;
	margin:20px 0 0 20px;
	_margin:20px 0 0 10px;
	text-indent:-5000px;
	width:150px;
	height:50px;
	border-right:1px solid #333333;
}
#bd form label.palavra-chave {
	background:url(../_img/obras_form-palavrachave.gif) top left no-repeat;
	width:370px;
}
#bd form input {
	float:left;
	clear:both;
	width:350px;
	height:14px;
	margin:5px 0 0 0;
	*margin:5px 0 0 -20px;
	_margin:5px 0 0 -40px;
}
#bd form label.artista {
	background:url(../_img/obras_form-artista.gif) top left no-repeat;
	padding-top:20px;
}
#bd form label.tamanho {
	background:url(../_img/obras_form-tamanho.gif) top left no-repeat;
}
#bd form label.tecnica {
	background:url(../_img/obras_form-tecnica.gif) top left no-repeat;
	border:none;
}
#bd form select {
	float:left;
	width:130px;
	margin:2px 0 0 0;
}
#bd form .botao2 {
	background:url(../_img/obras_form-bot-ok.gif) center left no-repeat;
	float:right;
	width:22px;
	height:17px;
	border:none;
	text-indent:-5000px;
	*font-size:0;
	*line-height:25px;
	cursor:pointer;
	margin:-47px 80px 0 0;
	*margin:41px 100px 0 0;
}

/* Lista de imagens */

#bd ul.obras {
	width:960px;
	float:left;
	margin:20px 0 0 10px;
}
#bd ul.obras li {
	float:left;
	clear:both;
	width:100%;
}
#bd ul.obras li ul {
	display:block;
	float:left;
	width:960px;
	margin:0;
}
#bd ul.obras li ul li {
	position:relative;
	list-style:none;
	padding:0;
	float:left;
	margin:0 0 50px 0;
	width:240px;
}
#bd ul.obras li ul li var {
	display:inline;
	width:98%;
	font-size:12px;
	font-style:normal;
	line-height:15px;
	float:left;
	clear:none;
	margin:3px 0;
}
#bd ul.obras li ul li p {
	width:100%;
	font-size:12px;
	margin:0 0 2px 0;
	line-height:15px;
}
#bd ul.obras li ul li div {
	background:#FFFFFF;
	float:left;
	clear:none;
	text-align:center;
	width:228px;
	height:228px;
	font-size:1em; /* Moz needs a non-zero value here */ 
	line-height:226px; /* height - 2 */
}
#bd ul.obras li ul li div a img {
	border:none;
	margin-top:expression(( 228 - this.height ) / 2); 	
}
html>body #bd ul.obras li ul li div img { /*hidden from IE 5-6 */
	margin-top: 0;  /* to clean up, just in case MS later supports valign! */
	vertical-align: middle;
}

/* Artista */

#bd ul.obras li em {
	font-size:11px;
	clear:both;
	float:left;
	width:228px;
	margin:10px 0 0 2px;
	font-style:normal;
	text-transform:uppercase;
	font-weight:bold;
	line-height:11px;
}

/* Info (Info sobre a obra - Licenciamento - comprar - Indique) */

#bd ul.obras ul {
	display:block;
	width:240px;
	float:left;
	clear:both;
	margin:0 0 0 2px;
}
#bd ul.obras ul li {
	float:left;
	clear:none;
	width:228px;
	line-height:10px;
	padding-top:5px;
	margin:0;
}
#bd ul.obras ul li var {
	float:none;
	font-size:11px;	
}
#bd ul.obras ul li a {
	font-size:11px;
	text-decoration:underline;
}
#bd ul.obras ul li ul {
	width:100%;
	margin:5px 0 0 0;
}

#bd ul.obras ul li ul li {
	list-style:none;
	clear:left;
	margin:0;
}
#bd ul.obras ul li ul li a {
	display:inline;
	width:auto;
	height:auto;
	font-weight:900;
	margin:2px 0 0 0;
	padding:0;
	text-decoration:none;
}
#bd ul.obras ul li ul li a:hover {
	text-decoration:underline;
}
#bd ul.obras ul li ul li a.compras {
	background:url(../_img/obras_ul-li-compras.gif) center left no-repeat;
}
#bd ul.obras ul li ul li a.licenciamento {
	background:url(../_img/obras_ul-li-licenciamento.gif) center left no-repeat;
}
#bd ul.obras ul li ul li a.indique{
	background:url(../_img/obras_ul-li-indique.gif) left no-repeat;
}
#bd ul.obras ul li ul .itens a {
	font-weight:normal;
	display:block;
	padding:0 0 0 20px;
}
/* Tooltip */

#bd ul.obras li ul li var.showhide {
	display:block;
	position:absolute;
	bottom:10px;
	left:0;
	width:190px;
	background:#000000;
	padding:5px;
	color:#FFFFFF;
	font-size:12px;
	line-height:normal;
	z-index:5000;
}
#bd ul.obras li ul li var.showhide a {
	float:left;
	display:block;
	font-size:9px;
	color:#FFFFFF;
	margin:3px 0 0 2px;
	*margin:3px 0 0 1px;
}
#bd ul.obras li ul li .pog {
	background:none;
	position:relative;
	width:100%;
	float:left;
	clear:none;
	text-align:left;
	width:auto;
	height:10px;
	padding:5px 0 0 0;
	line-height:0;
}
#bd .paginacao {
	display:block;
	clear:both;
	width:1000px;
	height:30px;
	text-align:center;
}
#bd .paginacao div {
	display:inline; 
	height:30px;
	margin:0 auto;
}
#bd .paginacao div a {
	text-align:center;
	color:#fff;
	background:#999999;
	font-size:12px;
	margin:3px;
	padding:5px;
}
#bd .paginacao div a:hover {
	background:#333333;
}
#bd .paginacao .paginacao_selecionada {
	background:#333333;
}
.clear {
	clear:left;
}