/* BREADCRUMB */
.tituloPag {
	position: absolute;
	top: 10px;
	/*top:-25px;*/
	left: 230px;
}
#breadcrumb{
	padding: 10px;	
	text-align: left;
}

#breadcrumb a{
	display: inline-block;
	color: #00426a;
	font-size: 14px;
	font-weight: normal;
}

#breadcrumb a:hover{
	color: #81cffb;
}

#breadcrumb h1,
#breadcrumb h2,
#breadcrumb h3{
	display: inline;
	height: auto;
	margin-top: -7px;
	font-size: 11px;
	text-transform: uppercase;
}


/*BARRA ORDENACAO E FILTROS*/
#barraListagem{
	line-height:36px;
	width:100%;
	margin:5px 0 10px 0;
	border-bottom: 1px solid #e5e5e5;
	}
	
#ordenacao{
	float:right;
	width:40%;
	text-align:right;
	text-transform:uppercase;
	margin-left:20px}
	
#ordenacao select{
	padding:4px;
	width: 140px;
}

#modoVisualizacao{
	display: none;
	float:right;
	width:45%;
	text-align:right;
	text-transform:uppercase}
	
#modoVisualizacao span{
	cursor:pointer;
	padding:6px 9px 6px 30px;
	border:1px solid #900;
	margin-right:5px;
	font-weight:bold;
	color: #fff;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;}
	
#modoVisualizacao span.imgTabela{
	background: url(../../images/site/modoVisualizacao.gif) 3px -40px no-repeat #900}
	
#modoVisualizacao span.imgTabela:hover{
	background-position:3px -65px; 
	border-color:#990000}
	
#modoVisualizacao span.imgLista{
	background: url(../../images/site/modoVisualizacao.gif) 3px 4px  no-repeat #900}
	
#modoVisualizacao span.imgLista:hover{
	background-position:3px -21px;  
	border-color:#990000}




/* CONFIGURACAO GERAL LISTAGEM */
#listagem{
	width:100%}
	
	
#listagem .produtoListagem{
	float:left;
	text-align:center}
	
#listagem .foto{
	width:100%;
	text-align: center;
	height:160px}
	
#listagem .foto img{
	}
	
#listagem .selos{}
	
#listagem h2 a{
	font-size:16px;
	padding:5px 0;
	display: block;
	color: #00426a;
	font-family: 'MyriadProSemibold';
	margin:5px 0;
	font-weight:normal
	}
	
#listagem .porcentagem{
	padding:6px 0;
	display: none;
	font-size:11px}

#listagem .precoDe{
	text-decoration:line-through;
	font-size:14px;
	color:#a7a9ac;
	display:inline-block;
	margin-top:5px}

#listagem .preco{
	font-size:11px;
	
	display:inline-block}
	
#listagem .preco b{
	font-size: 30px;
	color:#00426a;
	font-family: 'MyriadProBold';
	}
	
#listagem .parcela{
	font-size:13px;
	color: #00426a;
	margin-top:0px;
	display:block}
	
#listagem .parcela strong{
	font-size:13px;
	color:#00426a
	
	}	

#listagem .similares{
	display: none;
	margin-top:20px;
	color:#131c41;
	font-style:italic}
	
#listagem .similares a{
	color:#131c41;
	font-style:italic}




/* LISTAGEM TABELA */
#listagem.listaTabela .produtoListagem{
	width: 215px;
	margin-bottom: 25px;
	padding: 0 10px;
	border-right: 2px solid #d9d9d9;
}
#listagem.listaTabela .produtoListagem:last-child{
	border-right: none;
}	
#listagem.listaTabela a:hover{
	text-decoration:none}

#listagem.listaTabela .itenIndisponivel{
	display:none}

#listagem.listaTabela .separdorListagem{
	clear:both;
	padding:0;
	width:100%}
	
#listagem.listaTabela .botao.comprar,
#listagem.listaTabela .botao.secundario{
	display: none;
}
	
	

/* LISTAGEM LISTA */
#listagem.listaLista .produtoListagem{
	width:800px;
	margin:3px;
	padding:10px;
	border:1px solid #e5e5e5;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	position:relative}
	
#listagem.listaLista .produtoListagem:hover{
	border-color:#990000}
	
#listagem.listaLista a:hover{text-decoration:none}

#listagem.listaLista .foto{
	float:left;
	width:230px;
	text-align:center}

#listagem.listaLista .selos{}

#listagem.listaLista h2,
#listagem.listaLista .preco,
#listagem.listaLista .porcentagem,
#listagem.listaLista .precoDe,
#listagem.listaLista .parcela{float:left; width:60%}

#listagem.listaLista .botao.comprar,
#listagem.listaLista .botao.secundario{
	position:absolute; 
	margin-right:15px; 
	right:0;
	top:60px}

	
#listagem.listaLista .similares,
#listagem.listaLista .separdorListagem{ 
	display:none;
	visibility:hidden}

	
	
	
	
	

/* PAGINAÇÃO */
.paginacao{
	clear: both;
	text-align: right;
	margin:20px 0;
	padding: 5px 0;
	border-top: 1px solid #e5e5e5;
}
	
.paginacao a{
	display:inline-block;
	padding:5px 10px 5px;
	color:#00426a; 
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	border:1px solid #e5e5e5;
	text-align:center;
}
	
	
.paginacao a:hover,
.paginacao a.paginaAtual{
	background: #00426a;
	color:#fff !important;
	text-decoration:none}