/* 
Projeto Desenvolvido por:
http://www.kobi.com.br
Testado nos seguintes navegadores:
Internet Explorer 6.0 / Safari 3.1 / Firefox 3 Beta 5
*/

body {
	color: #666666;
	font-size: 11px;
	font-family: arial, helvetica, clean, sans-serif;
	overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;	
}

/* ----------------------------
Menus Esquerdo e Direitos
---------------------------- */

.filtro_tamnaho{
	width: 100px;
}




.titulo_destaques{
	margin-left: 80px;
	position: relative;
}

#fundo_topo_login{
	background-image: url(images/menu_fundo.png);
	height: 5px;
	border: 1px solid #FE7F00;
	position:relative;
}

* html #fundo_topo_login {
	margin-top: -12px;
}

#cliente_cadastrado_topo{
	height: 0;
}

.login_topo{
	float: left;
	padding-left:10px;
	padding-top:4px;
}

.senha_topo{
	float: left;
	padding-left:10px;
	padding-top:4px;
}

.area_cadastro{
	background-image:url(images/fundo_login_topo.png);
	float:right;
	height:38px;
	margin-bottom:88px;
	width:347px;
	position:relative;
	margin-top: -1px;
}

.submit_identificacao_topo{
	margin-top:6px;
	margin-left:10px;
}

.input_identificacao_topo{
	
}


.input_identificacao numerico_topo{
	
}

#senha_topo{
	width: 86px;
}

#login_topo{
	width: 86px;
}

#HomeLancamentos{
	margin-left: 100px;
}

.fundo_carousel{
	background-image:url(images/fundo_do_carousel.png);
	height:160px;
	position:absolute;
	width:630px;
	margin-left:18px;
	margin-top:10px;
}

*html .fundo_carousel{
	margin-left: -50px;
}

* + html .fundo_carousel{
	margin-left: -60px;
}

.artista_nome a{
	color: #333;
	font-size: 12px;
	font-weight: bold;
}


.alguem a{
	font-size: 11px;
	color: #333;
	font-family: arial;
	padding-top: 2px;
}
.alguem{
	padding-top: 2px;
}
#left {
	text-align: left;
	width: 137px;
	margin-left: 5px;
	padding-top: 3px;
}

#left h3 {
	background: #fff url(images/fundo_setor.png) no-repeat;
	color:#fff;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	width: 137px;
	height:3px;
	padding-bottom:12px;
	padding-top:11px;
}

* html #left h3{
	background: #fff url(images/fundo_setor.gif) no-repeat;
	margin-bottom: -12px;
}

#left h3 a {
	color: #fff;
}

#left ul {
	background-color: #FEFBF2;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 133px;
	margin-left: 1px;
	padding-bottom: 20px;
}

#left li {
	padding:0.5em;
	_padding-right:0;
}


#left li:hover {
	width: 122px;
	_width: 120px;
	display: block;
	background-color: #FFEC9D;
	/*border: 1px solid #ccc;*/
	
}

#left ul ul {
	background-color: #fff;
	border-top: 1px solid #fff;
	border-right: none;
	border-left: none;
}


#left ul ul li {
	width: 121px;
	_width: 100px;
	background-color: #fff;
}


#left ul ul li a {
	width: 121px;
	_width: 119px;
	display: block;
}

#left h4 {
	color:#333333;
	font-size:14px;
	text-transform:uppercase;
	width:119px;
}



#left h4 a {
	color:#333;
	font-weight:bold;
	font-size: 11px;
	display: block;
	width: 121px;
	_width: 119px;
}

#left h4 a:hover {
	font-weight:bold;
	font-size: 11px;
	display: block;
	width: 132px;
	_width: 140px;
} 





#left h6 a {
	color:#A80532;
	font-weight: normal;
	font-size: 11px;
}

/* ----------------------------
Estilos Links e Fontes
---------------------------- */
.msn_bemvindo{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
}



.campo_titulo{
	background-image: url(images/fundo_setor.png);
	width: 137px;
	height: 25px;
}

* html .campo_titulo{
	background-image: url(images/fundo_setor.gif);
}



.generos{
	color:#333;
	font-family:arial;
	font-size:12px;
	padding-left:6px;
	padding-top:10px;
	text-align:left;
}

.tamanho{
	color:#333;
	font-family:arial;
	font-size:12px;
	padding-left:6px;
	padding-top:10px;
	text-align:left;
}

.artista{
	color:#333;
	font-family:arial;
	font-size:12px;
	padding-left:6px;
	padding-top:10px;
	text-align:left;
}

.artistas_para{
	padding-left: 10px;
}

.rodape_lateral_filtro{
	background-image: url(images/rodape_setor.gif);
	width: 136px;
	height: 16px;
	margin-bottom:5px;
}


.quadros_filtros{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	height:188px;
	margin-left:1px;
	text-align:center;
	width:133px;
	background-color: #FEFBF2;
}

.filtro_pesquisar{
	margin-left:35px;
	margin-top:2px;
}


.nome_produto{
	font-size: 11px;
 	font-family: arial;
 	font-weight: normal;
 	color: #333;
}



.medidas_altura{
	font-size: 11px;
 	font-family: arial;
 	font-weight: normal;
 	color: #333;
}


.titulo_artista{
 	font-size: 11px;
 	font-family: arial;
 	font-weight: bold;
 	color: #333;	
}


.botao_vejamais{
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-left:1px;
	width:133px;
	background-color: #FEFBF2;
}


strong {
	font-weight:bold;
}

em {
	text-decoration:underline;
}

h2 {
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:left;
}

h3 {
	color: #666;
	font-size: 12px;
	font-weight: bold;
}

h5 {
	color: #000;
	font-size: 17px;
	font-weight: bold;	
}

h6 {
	color: #A80532;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}

h7 {
	color: #000;
	font-size: 12px;
}


.saudacao {
	color:#FFF700;
	font-weight: bold;
}

p.mensagem {
	padding-left:200px;
	color: #fff;
	position: absolute;
	top: 10px;
	font-size: 12px;
}

.mensagem a {
	color: #FFE6CD;
	text-decoration: underline;
}

.mensagem a:hover {
	color: #FFE6CD;
}

.preco_negrito, .consulte {
	color: #ff0000;
	font-weight: bold;
}

.preco_normal {
	color: #CC0000;
	font-weight: normal;
}

a {
	color: #333;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

.produtoindisponivel {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	margin-bottom: -5px;
}

a.itemindisponivel {
	color: #FF0000;
	text-decoration: underline;
	font-size: 11px;
}

/* ----------------------------
Conteúdo
---------------------------- */

#center li {
	float:left;
	text-align:center;
	width: 30%;
	height: 220px;
	margin-right: 2%;
	margin-bottom: 20px;
}

#center .bloco_produto_principal {
	width: 150px;
	margin: 0 auto;
	font-size: 11px;
}

#center li b {
	color: red;
}

#center li strong a {
	font-weight:bold;
	color :#F70100;
}

#right {
	text-align: right;
	padding-right: 5px;
}

/* ----------------------------
Tabs
---------------------------- */
#informacoes_produto li {
	height: 23px;
	width: 110px;
	margin-right: 5px;
	margin-bottom: 0;
}

#informacoes_produto li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images/fundo_aba.png);
	width: 108px;
	height: 18px;
	padding-top: 5px;
	display: block;	
	outline:none;
}

#informacoes_produto li .selected {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images/fundo_aba_ativa.png);
	width: 108px;
	height: 18px;
	padding-top: 5px;
	display: block;
}

#informacoes_produto li a:hover {
	text-decoration: underline;
}

#descricao, #dados {
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	clear: both;
	font-size: 12px;
	margin-top:-10px;
	_margin-top: -40px;
}

* + html #descricao, #dados{
	height: 3%;
	margin-top: -40px;
		
}


/*--------------------------------------------- 
Paginação
---------------------------------------------*/
#paginacao {
	clear: both;
	background-color: #DDDDDD;
	border: 1px solid #ccc;
	color: #0C6595;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 25px;
}

#paginacao a {
	padding-left: 5px;
	text-decoration: none;
}

#paginacao a:hover {
	text-decoration: underline;
}

#paginacao .ativo {
	border: 1px solid #A80532;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
}

#paginacao .anterior {
	margin-right: 20px;
}

#paginacao .proxima {
	margin-left: 20px;
}

#produto_indisponivel {
	background-color: #F1F1F1;
	border: 1px solid #ccc;
	font-size: 10px;
	width: 300px;
	height: 153px;
	float: left;
	padding-top: 5px;
}

#produto_indisponivel h1 {
	font-size: 16px;
	text-align: center;
}

#produto_indisponivel h2 {
	font-size: 12px;
	text-align: center;
	background-image: none;
	padding: 0;
	border: none;
}

#produto_indisponivel p {
	color: #cc0000;
	font-weight: bold;
	text-align: center;
}

#produto_indisponivel fieldset {
	width: 300px;
	padding-left: 10px;
}

#produto_indisponivel input {
	width: 160px;
	height: 17px;
	border: 1px solid #000;
	margin-bottom: 5px;
	font-size: 12px;
}
#produto_indisponivel label {
	float: left;
	width: 100px;
	font-size: 12px;
	margin-bottom: 5px;
}

#produto_indisponivel .cadastrar {
	width:  80px;
	height: 20px;
	border: none;
}

.but_voltar {
	clear: both;
	padding-top: 50px;
	text-align: center;
}
/*--------------------------------------------- 
Produtos Listagem (Busca)
---------------------------------------------*/
.menu_listagem {
	background-color: #F5F5F5;
	line-height: 30px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.menu_listagem select {
	border: 1px solid #000;
	margin-right: 10px;
	font-size: 11px;	
}

.bloco_produto {
	margin-top: 20px;
	height: 120px;
	color: #666;
	clear: both;
	border-bottom: 1px solid #CCC;
}

.info_produtos {
	width: 40%;
}

.info_produtos, .produto_preco {
	float: left;
}

.produto_preco {
	text-align: center;
	color: #0C6595;
}

.parcela {
	width: 205px;
}

.corpo {
	padding-left: 10px;	
}
/*--------------------------------------------- 
Página de Identificação
---------------------------------------------*/
#cliente_novo, #cliente_cadastrado, #alteracao_endereco {
	width: 313px;
	height: 92px;
	background-image: url("images/cliente_novo.png");
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
}

#cliente_novo {
	background-image: url("images/cliente_novo.png");
	margin-right: 50px;
}

#cliente_cadastrado {
	background-image: url("images/cliente_cadastrado.png");
}

#alteracao_endereco {
	background-image: url("images/alteracao_endereco.png");
}

#cliente_novo fieldset, #cliente_cadastrado fieldset {
	background-color:#FAFAFA;
	border:medium none;
	display:block;
	height:55px;
	padding-left:5px;
	padding-top:5px;
	width:290px;
}

* html #cliente_novo fieldset, #cliente_cadastrado fieldset {
	height:54px;
}	


#cliente_cadastrado label {
	width: 40px;
	display: block;
	float: left;
}

.input_identificacao {
	border: 1px solid #ccc;
	color: #000000;
	padding-left: 2px;
	height: 17px;
	margin-bottom: 3px;
	font-size: 11px;
	padding-top: 2px;
}

.submit_identificacao {
	display:block;
	margin-left: 80px;
	margin-top: -5px;
}

/*--------------------------------------------- 
Página Carrinho, Meus Pedidos e Detalhes do Pedido
---------------------------------------------*/
#tabpedido, #pedido_detalhes {
	width: 98%;
	margin-top: 10px;
}

#tabpedido {
	float: left;
}

#tabpedido2 {
	float: left;
	width: 98%;
	margin-bottom: 10px;
}

#tabpedido td {
	text-align: center;
}

#tabpedido th {
	background-color: #FFEAA0;
	color: #333;
	height: 20px;
	text-align: center;
	font-weight: bold;
	border-bottom:1px solid #333;	
}

.cupom {
	border:1px solid #666666;
	font-size:10px;
	height:17px;
	width: 60px;
}

#total_geral th {
	background-color:#FFEAA0;
	color: #333;
	height: 28px;
	text-align: center;
	font-weight:bold;
	border-bottom:1px solid #666;
	border-top:1px solid #333;	
}

#mostrar_subtotal th {
	background-color: #F5F5F5;
	color: #666;
	height: 28px;
	text-align: center;
	font-weight: bold;
}

#calcular_frete th {
	background-color: #DDDDDD;
	color: #666;
	text-align: center;
	font-weight: bold;
	border-top:1px solid #ccc;
	line-height: 28px;	
}

#calcular_frete .cep {
	height: 17px;
	font-size: 10px;
	border: 1px solid #666;
	margin-bottom: 3px;
}

#tabpedido .qtd {
	border: 1px solid #666;
	height: 18px;
	font-size: 12px;
}

#tabpedido .preview {
	float: left;
	margin:5px 0;
}

#tabpedido img {
	vertical-align: middle;
}

.observacao {
	font-size: 9px;
	clear: both;
	text-align: center;
	padding-top: 10px;
	width: 98%;
}
/*--------------------------------------------- 
Página Pagamento
---------------------------------------------*/

#total, #frete, #subtotal {
	border-top: 1px solid #ccc;
	font-weight: bold;
}

#subtotal, #total, #frete {
	margin-top: 20px;
}

#subtotal {
	background-color: #F5F5F5;
	height: 25px;
}

#frete {
	background-color: #DDDDDD;
}

#total {
	background-color:red;
	color: #fff;
}

#total td, #frete td {
	line-height: 20px;
}

#endereco_conf {
	height: 60px;
	width: 98%;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
	border: 1px solid #ccc;
}

#endereco_entrega {
	padding-left: 10px;
}

#botoes_enderecos {
	float: right;
}

/* ----------------------------
Opções de frete
---------------------------- */

.espaco_ordenar{
	font-family:arial;
	font-size:12px;
	margin:20px;
	color: #A80532;
}


.titulo_arteideal{
	font-family:arial;
	font-size:22px;
	border-bottom: 1px solid #A80532;
	margin-left:10px;
	margin-top:20px;
	padding-left: 30px;
	color: #A80532;
}

#bloco_geral {
	background-color: #F5F5F5;
	padding: 6px 6px 6px 6px;
	color: #000;
	margin-bottom: 15px;
}

#bloco_geral input {
	float: left;
}

#bloco_opcao {
	margin-left: 32px;
}

#nome_servico {
	height: 55px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 6px;
	width: 98%;	
}

#nome_servico img {
	float: right;
}

#nome_formapagamento {
	background-color: #fff;
	border: 1px solid #ccc;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 6px;
	width: 98%;
}

#nome_formapagamento p {
	font-weight: bold;
}

#bloco_opcao p {
	margin-bottom: 5px;
	margin-top: 5px;
}

#aviso_formaspagamento {
	font-size: 10px;
	border: 1px solid #990000;
	background-color: #fff;
	padding-top: 3px;
	padding-left: 3px;
}


/*--------------------------------------------- 
Menu das páginas Carrinho e Pagamento
---------------------------------------------*/

.box_pag_vista_parcelado{
	float:left;
	margin-left:110px;
	width:238px;
}


#codigo_seg_cartao{
	width: 30px;
}



.cartoes_e_bandeiras{
	height:180px;
	width:auto;
	margin-top:20px;

}


.area_cartao{
	height:175px;
	margin-bottom:30px;
	width:152px;
	float: left;
}

.codigo_seguranca{
	width: 150px;
	height: 90px;
	float: left;
	margin-left:150px;
}

.esta_ilegivel label{
	
}

.cartao_padrao{
	float: left;
	height:84px;
	width:165px;

}

.cartao_padrao img{
	float:left;
	height:34px;
	width:76px;
	margin-left:14px;
	margin-top:10px;
	margin-right:44px;
}

.pag_cartao_visa{
	float:left;
	margin-left:51px;
	margin-top:10px;
}

.cartao_padrao label{
	float: left;
	margin-left:10px;
	margin-top:10px;
}



#carrinho_menu li, #pagamento_menu li {
	margin:0;
	display: inline;
	margin-left: 5px;
	float: right;
	margin-top: 10px;
	font-weight: bold;
	line-height: 25px;
	height: auto;
	font-size:1em;
	width: 180px;
}

#voltar {
	width: 173px;
}

#atualizar {
	width: 133px;
}

#fechar {
	width: 133px;
}

#carrinho_menu button {
	border: none;
	cursor:pointer;
	width: 133px;
	background-color: #fff;
}

.preview {
	padding-left: 20px;
}

/*--------------------------------------------- 
Estilo relacionado aos textos dos cartões
---------------------------------------------*/
.cartoes_pre {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-bottom: 10px;
}

.texto_cartao {
	border: 1px solid #ccc;
	background-color: #F5F5F5;
	text-align:left;
	padding-left: 10px;
}

.texto_cartao p.handle {
	cursor:pointer;
	margin:0;
	padding:0;
	font-size:10px;
	text-align:center;
}

.texto_cartao textarea {
	border:1px solid #ccc;
	float:left;
	margin-bottom:5px;
	margin-right: 30px;
}

.texto_cartao .instrucao {
	float:left;
	width:33%;
}

.nome_cartao {
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	float: left;
	width: 150px;
	margin-right: 20px;
}

.nome_cartao:hover {
	color: #0C6595;
}

/*--------------------------------------------- 
Largura das colunas da tabela do Carrinho
---------------------------------------------*/
.thumb {
	width: 5%;
}

.descricao {
	/*width:  17%; Largura usada quando a opção p/presente estiver habilitada. */
	width: 34%;
	height: 25px;
}

.quantidade {
	width: 25%;
}

.opcao_presente {
	width: 0%;
}

.remover_item {
	width: 12%;
}

.preco_unitario {
	width: 12%;
}

.total {
	width: 12%;
}

/*--------------------------------------------- 
Aguarde
---------------------------------------------*/

#aguarde {
	text-align: center;
	height: 150px;
	margin-top: 50px;
}

#aguarde p {
	font-size: 15px;
}
/*--------------------------------------------- 
Produtos Detalhes
---------------------------------------------*/
#produto_ampliado {
	width: 265px;
	text-align:center;
	float: left;
	margin-right: 50px;
	margin-top: 20px;
}

#produtos_detalhes {
	text-align: left;
	margin-top: 20px;
	float: left;
	width: 300px;
}

#produtos_detalhes select {
	width: 110px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

#produto_miniaturas {
	margin-top: 50px;
}

#produto_miniaturas img {
	float: left;
	margin-right: 60px;
	margin-bottom: 20px;
}

#informacoes_contato {
	display: none;
}


.de {
	font-size: 10px;
}

.por {
	font-size: 15px;
}

#detalhe_pagamento {
	width: 300px;
	float: left;
	font-size: 11px;
}

#pagamento_boleto {
	width: 400px;
	font-size: 11px;
	clear: both;
	padding-top: 10px;
}

#subprodutos {
	clear: both;
	width: 96%;
}
#subprodutos table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}

#subprodutos table input {
	vertical-align: middle;
	margin-top: 5px;
}

#subprodutos th {
	background-color:#A80532;
	border-bottom:1px solid #ccc;
	line-height: 20px;
	color: #fff;
}
#subprodutos td {
	line-height: 20px;
	color: #666;
	vertical-align: middle;
}

#subprodutos .qtd {
	border: 1px solid #000;
	font-size: 12px;
	height: 15px;
	text-align: center;
}

#informacoes_produto {
	text-align: left;
	clear:both;
	padding-top: 40px;
	width: 85%;
}

#informacoes_produto h6 {
	color: #000;
	clear: both;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}

#informacoes_produto div em {
	font-style: italic;
}

#informacoes_produto div strong {
	font-weight: bold;
}

#informacoes_produto div li {
	float:none;
	font-size:1em;
	height:auto;
	margin:0;
	text-align:left;
	width:auto;
}

#especificacoes_produto {
	font-size: 12px;
	border: none;
	margin-top: 25px;
	margin-bottom: 25px;
}

#especificacoes_produto strong {
	font-weight: bold;
}

#crossselling {
	float: left;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 98%;
	margin-bottom: 20px;
	margin-top: 10px;
}
* + html #crossselling{
	height: 100%;
}


#crossselling li {
	height: 180px;
}

#crossselling h1 {
	display: block;
	background-color: #99B501;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
	margin-bottom: 5px;
	letter-spacing: 2px;
	
}

.ocult {
	display: none;
}
/*--------------------------------------------- 
Página de Cadastro
---------------------------------------------*/
#erro_cadastro {
	background-color: #990000;
	border: 1px solid #000;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#cadastro fieldset {
	padding: 5px 5px 5px 5px;
	border: 1px solid #ccc;
	background-color: #F5F5F5;
}
               
#cadastro legend {
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
	font-weight: bold;
}

#cadastro label {
	width: 140px;
	float: left;
	color: #333;
	text-align: right;
	padding-right: 10px;
	padding-left: 10%;
	margin-bottom: 5px;
}

#cadastro input, #cadastro select {
	border: 1px solid #ccc;
	color: #000000;
	padding-left: 2px;
	font-size: 11px;
	padding-top: 2px;
	margin-bottom: 5px;	
}

#cadastro select {
	width: 190px;	
}

.escolha_sexo {
	height: 12px;
}

.escolha_sexo input, .escolha_sexo span {
	float: left;
}

.escolha_sexo span {
	padding-left: 5px;
	padding-right: 5px;
}

#cadastro .botao {
	border: none;
	margin-bottom: 0px;
}

#cadastro span {
	color: #666666;
}

#cadastro .span2 {
	color: #666666;
	padding-left: 0px;
	display: block;
	height: 13px;
}

.desejo_receber {
	padding-left:10%;
	float: left;
	margin-top: 10px;
}

.desejo_receber span, .desejo_receber input {
	float: left;
}

.desejo_receber span {
	padding-left: 5px;
}

.meus_enderecos {
	display: block;
}
/*--------------------------------------------- 
Esquecer Senha
---------------------------------------------*/

#esquecer_senha {
	background-color: #F5F5F5;
	border: 1px solid #ccc;
	padding: 15px 5px 5px 5px;
	height: 50px;
	text-align: center;
	width: 100%;
}

#esquecer_senha input {
	border: 1px solid #ccc;
	width: 210px;
	height: 20px;
	font-size: 12px;
	vertical-align: middle;
}

#esquecer_senha .botao {
	width: 89px;
	height: 33px;
	border: none;
}

#aviso_esquecimento {
	text-align: center;
	color: #0C6595;
	margin-top: 20px;
}
/*--------------------------------------------- 
Páginas Institucionais
---------------------------------------------*/
.institucional {
	text-align: left;
}

.institucional .bloco {
	border: 1px solid #ccc;
	background-color: #F5F5F5;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	clear: both;
}

.institucional .img_dir {
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
}

#tab_entregas {
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
}

#tab_entregas th {
	background-color: #A80532;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	padding-left: 20px;
}

#tab_entregas .subtitulo {
	color: #000;
	font-weight: bold;
	background-color: #F5F5F5;
}

#tab_entregas td {
	line-height: 20px;
	color: #666;
	padding-left: 20px;
	border-bottom: 1px solid #ccc;
}
/* ------------------------------------
Página Produtos Busca
------------------------------------ */
.subproduto {
	border: 1px solid #000;
	margin-bottom: 10px;
	width: 100px;
}

.produto_preco form {
	width: 110px;
}

/* ------------------------------------
Formulário
------------------------------------ */

#contato_form fieldset {	
	width: 420px;
	margin-bottom: 30px;
	margin-top: 20px;
	border:1px solid #CCCCCC;
	padding:10px;
}

#contato_form legend {
	color:#333;
	font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;
	font-size:120%;
	padding:0pt 0.25em;
}

#contato_form label {
	float: left;
	width: 620px;
}

#contato_form input, #contato_form select, #contato_form textarea {
	border:1px solid #CCCCCC;
}

#contato_form input, #contato_form select {
	height: 18px;
}

#contato_form input, #contato_form label, #contato_form textarea, #contato_form select {
	margin-bottom: 5px;
}

#contato_form input, #contato_form label, #contato_form textarea {
	width: 300px;
}

#contato_form select {
	width: 200px;
}

#contato_form .submit {
	width: 100px;
}


/* =============================================  
Página Formas de Pagamento
============================================= */


.bloco_geral {
	background-color: #F5F5F5;
	padding: 6px 6px 6px 6px;
	color: #000;
	margin-bottom: 15px;
}

.bloco_geral input {
	float: left;
}

.bloco_opcao {
	margin-left: 32px;
	
}

.logo_pagamento {
	float: left;
	width: 20%;
}

.texto_pagamento {
	float: left;
	width: 70%;
	margin-left: 10px;
}

.nome_formapagamento {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 6px;
	width: 98%;
	margin-top:17px;
	clear: both;
}

.nome_formapagamento p {
	font-weight: bold;
}
.nome_formapagamento ul {
	list-style-type:none;
	font-weight:normal;
}
#center .nome_formapagamento li {
	float:none;
	font-size:1em;
	height:auto;
	margin:0;
	text-align:left;
	width:auto;
	margin-bottom: 10px;
}
.nome_formapagamento ul li input {
	float:none;
	vertical-align:middle;
	margin-right: 10px;
}

.bloco_opcao p {
	margin-bottom: 5px;
	margin-top: 5px;
}

.aviso_formaspagamento {
	font-size: 12px;
	border: 1px solid #F5F5F5;
	padding: 6px;
	width:98%;
}

.formas_bandeiras {
	text-align: left;
	margin-bottom: 30px;
	padding-top: 5px;
}

/* =============================================  
Mapa do Site
============================================= */
#mapa {
	width: 100%;
	padding-top: 20px;
	margin-bottom: 50px;
	
}

#mapa h3 {
	
	font-size: 11px;
	color: #333333;
	background-color: #F5F5F5;
	display: block;
	width: 95%;
	line-height: 20px;
	padding-left: 15px;
	text-align: left;
}

#mapa h3 a {
	color: #333333;
	font-weight: bold;
}

#mapa p {
	margin-bottom: 10px;
	padding-left: 15px;

}

#mapa #tabelas_categorias ul {	 
	list-style: none;
	width: 260px;
	background-color: #F5F5F5;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #ccc;
}

#mapa #tabelas_categorias li {
	width: 260px;
	height: 20px;
}

#mapa #tabelas_categorias a.nome_categoria {	 
	font-size: 12px;
	background-color: #0C6595;
	color: #FFFFFF;
	text-decoration: none; 
}

#mapa #tabelas_categorias a:hover.nome_categoria {	 
	background-color: #0C6595;
}

#mapa #tabelas_categorias ul li a {
	color: #666666;
	line-height: 15px;
	text-decoration: none;
	font-size: 11px;
	padding-left: 5px; 
	display: block;
}

#mapa #tabelas_categorias ul li a:hover {
	background-color: #CCCCCC;
}

#mapa .clear {
	clear: both;
}

a.imagem {
	display:block;
	height: 120px;
}

/*--------------------------------------------- 
Cadastro Efetuado
---------------------------------------------*/

#cadastro_efetuado {
	text-align: left;
	margin-top: 25px;
	padding-top: 15px;
	background-color: #F5F5F5;
	border:1px solid #ccc;
	height: 200px;
}

#cadastro_efet_dir, #cadastro_efet_esq {
	float: left;
}

#cadastro_efet_esq {
	margin-right: 150px;
	margin-left: 50px;
}

/*--------------------------------------------- 
Topo Redecard
---------------------------------------------*/
#topo_redecard {
	background-color: #F5F5F5;
	width: 780px;
	height: 120px;
}

#topo_redecard h2 {
	color: #666666;
	font-size: 11px;
	background-image: none;
	border: none;
	padding: 0 0 0 0px;
	text-align: center;
}

#topo_redecard h3 {
	color: #666666;
	font-size: 20px;
	text-align: center;
}

#topo_redecard img {
	float: left;
}

.central_redecard {
	float: left;
	width: 200px;
	margin-left: 380px;
	margin-top: 30px;
}

#msg {
	text-align:center;
	width: 724px;
	color: #f00;
}

/*--------------------------------------------- 
Listagem dos endereços de entrega
---------------------------------------------*/

#endereco_cadastro {
	float: left;
	background-color:#F5F5F5;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 250px;
	border: 1px solid #ccc;
	margin-top: 10px;
}

#outros_enderecos {
	float: left;
	background-color:#F5F5F5;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 445px;
	border: 1px solid #ccc;
	margin-left: 15px;
	margin-top: 10px;	
}

#endereco_cadastro h2, #outros_enderecos h2 {
	background-image: none;
	font-size: 12px;
	border: none;
	padding-left: 10px;
}

.bloco_endereco {
	width: 230px;
	height: 190px;
	background-color:#DDDDDD;
	border:1px solid #ccc;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.bloco_endereco h3 {
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 5px;
}

.bloco_endereco p {
	margin-left: 10px;
}

.bloco_endereco a {
	font-weight: bold;
	font-size: 12px;
}

.link_endereco {
	text-align: center;
	margin-left: 15px;
}

.entregar {
	margin-top: 10px;
	/*margin-left: 20px;*/
}

/*--------------------------------------------- 
Página de Confirmação de Pedido
---------------------------------------------*/
.aviso_popup {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

#bloco_formadepagamento {
	float: left;
	background-image: url(images/fundo_formadepagamento.gif);
	width: 352px;
	height: 118px;
	padding-left: 10px;
	margin-bottom: 30px;
}

#bloco_formadepagamento span {
	font-size: 12px;
}

#bloco_formadepagamento a {
	font-size: 16px;
	color: #0C6595;
	font-weight: bold;
}

#numero_pedido {
	float: left;
	background-image: url(images/numero_pedido.png);
	background-repeat: no-repeat;
	width: 188px;
	height: 88px;
	margin-right: 20px;
	padding-top: 30px;
	color: #fff;
}

#numero_ultimo_pedido {
	float: left;
	background-image: url(images/numero_ultimo_pedido.png);
	background-repeat: no-repeat;
	width: 188px;
	height: 93px;
	margin-right: 5px;
	padding-top: 25px;
	color: #fff;
}

#numero_pedido h3, #numero_ultimo_pedido h3 {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 30px;
	color: #FAF100;
}

#texto_confirmacao {
	color: #000;
	width: 565px;
	clear: both;
	margin-top: 40px;
	margin-bottom: 20px;
}

#texto_confirmacao img {
	float: left;
	margin-right: 10px;
}

#btnPagamento {
	margin-bottom: 10px;
	width: 157px;
	border: none;
	height: 31px;
	background-color: #fff;
	color: #0C6595;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/tentar_novamente.png);
	text-indent: -100000000px;
	cursor: pointer;
	float: left;
}

/*--------------------------------------------- 
Tela Fabricantes
---------------------------------------------*/

.bloco_fabricante {
	width: 130px;
	height: 130px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#listagem_fabricantes {
	margin-top: 10px;
}

#listagem_fabricantes li {
	height: 20px;
	margin-right: 14px;
}

/*--------------------------------------------- 
Quem Somos
---------------------------------------------*/
#fotos_institucional {
	float: right;
	width: 300px;	
}

#fotos_institucional img {
	border: 3px solid #ccc;
	margin-bottom: 10px;	
}

#texto_institucional {
	font-size: 13px;
	margin-bottom: 30px;
}

/* ----------------------------
Indique seu amigo
---------------------------- */
.indicacao {
	width: 360px;
	padding-top: 20px;
	padding-left: 20px;
	height: 390px;
	font-size: 11px;
}

.indicacao h2 {
	font-size: 15px;
}

.indicacao p {
	font-size: 12px;
}

#indicacao fieldset {	
	width: 350px;
	margin-bottom: 30px;
	margin-top: 20px;
	border:1px solid #CCCCCC;
	padding:10px;
}

#indicacao legend {
	color:#333;
	font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;
	font-size:120%;
	padding:0pt 0.25em;
}

#indicacao label {
	float: left;
	width: 620px;
}

#indicacao input, #indicacao textarea {
	border:1px solid #CCCCCC;
}

#indicacao input {
	height: 18px;
}

#indicacao input, #indicacao label, #indicacao textarea {
	margin-bottom: 5px;
}

#indicacao input, #indicacao label, #indicacao textarea {
	width: 170px;
}

#indicacao .submit {
	width: 89px;
	height: 33px;
	border: none;
}

.dados_rodape{
	font:normal 10px arial;
	text-align: center;
	width: 720px;
	height: 70px;
	margin: 0 auto;
	padding: 0;
	padding:40px 0 0;
}

.link_e-mails_contato{
	float: left;
	padding-left:164px;
}

.link_e-mails_contato a{
	text-decoration: none;
	color: #333;
	line-height:27px;
}

.link_e-mails_contato a:hover{
	text-decoration: underline;
}	

.link_e-mails_contato p{
	font: normal 14px arial;
	color: #333;
}