﻿/*********************************************************************
 Área reservada para os estilos de atributos, propriedades e tags
 que são nativas do HTML
*********************************************************************/

body {
	background-color: #c7bba8;
	background-image: url(../../App_Themes/Noite/layoutMainPix.jpg);
}
body, td, th {
	color: #a79c8f;
}
a {
	color: #a79c8f;
}
a:hover {
	color: #000000;
}
/*********************************************************************
 Área reservada para os estilos pernalizados
*********************************************************************/

/*LAYOUT*/
#layoutImgBackground {
	background-image: url(../../App_Themes/Noite/layoutTopo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
	width: 100%;
}

.layoutFormaPagamento {
	background-color: #ebebeb;
	height: 1;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	width:100%;
}
.layoutBottom {
	height: 1px;
	background-color: #d68b48;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.layoutBottom td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}
#layoutByInterelo a{
	color: #F2DCC8;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
#layoutByInterelo a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.layoutMenuTopo{
	background-image:url(../../App_Themes/Noite/layoutMenuTopo.jpg);
	background-repeat:no-repeat;
}
#layoutBusca {
	height:40px;
	_height:66px;
	padding-top:28px;
	background-color:f2efec;
	background-image:url(../../App_Themes/Noite/layoutBuscaTitle.jpg);
	background-repeat:no-repeat;
}
#layoutSac{
	background-image: url(../../App_Themes/Noite/layoutSac.jpg);
	background-repeat: no-repeat;
	height:40px;
	width:140px;
}

/*TÍTULO*/
#titleDefault{
	color:d68b48;
}

/*MENU*/
#menuInstitucional{
	display: block;
	width:165px;
	height:21px;
	background-image: url(../../App_Themes/Noite/layoutMenuTitleInstitucional.jpg);
	background-repeat: no-repeat;
}
#menuLojaVirtual{
	display: block;
	width:165px;
	height:21px;
	background-image: url(../../App_Themes/Noite/layoutMenuTitleLoja.jpg);
	background-repeat: no-repeat;
}
#menuUnidades{
	display: block;
	width:165px;
	height:21px;
	background-image: url(../../App_Themes/Noite/layoutMenuTitleUnidades.jpg);
	background-repeat: no-repeat;
}
#menuFaq{
	display: block;
	width:165px;
	height:21px;
	background-image: url(../../App_Themes/Noite/layoutMenuTitleFaq.jpg);
	background-repeat: no-repeat;
}
#menuBody {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CC0000;
}
#menuBody a {
	display: block;
	text-decoration: none;
}
#menu {
	width:165px;
	height:100%;
}
.menu {
	color: #867561;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ded7cf;
}
.menuBold {
	font-weight: bold;
}
#menu a {
	color: #867561;
	display:block;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ded7cf;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	/*text-transform: capitalize;*/
}
#menu a:hover {
	color: #000000;
}

/*BORDAS*/
.bordaMain {
	border: 1px solid #FFDE5C;
	background-color: #FFFAE6;
}
.bordaTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00509F;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 100%;
}
#bordaTableDashed td {
	border:1px dashed #bdbbbc;
}
.bordaDashedBottom {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bdbbbc;
}
.bordaDashedTop {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #bdbbbc;
}
.bordaDashed{
	border: 1px dashed #bdbbbc;
}
.bordaImg {
	border: 1px solid #beb09f;
	height: 40px;
}
.tableTitle {
	border: 1px solid #bdbbbc;
	background-color: #beb09f;
	color: #FFFFFF;
	font-weight: bold;
}
.tableTitlePagamento{
	background-color: #f2efec;
	color: #a79c8f;
	font-weight: bold;
}

/*PRODUTOS*/
.produtosOrdenar{
	background-color:#f2efec;
}
.produtoNome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d68b48;
	text-decoration: none;
	font-weight: bold;
}
.produtoNome:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
}
.produtoNomeDescricao {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d68b48;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
}
.produtoNomeDescricao:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	text-transform: capitalize;
}
.produtoNomeHome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #57b29e;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px;
	text-transform: uppercase;
}
.produtoNomeHome:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	display: block;
	padding: 3px;
	text-transform: uppercase;
}
.produtoPreco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e15656;
	text-decoration: none;
}
.produtoPreco:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.produtoDescricao {
	font-size: 12px;
}
.produtoDescricao:hover {

}
.produtoTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00509F;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	width: 100%;
}
.produtoTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	display: block;
	background-color: #F4F4F4;
	border: 1px solid #ECECEC;
	width: 100%;
	padding: 3px;
}
.produtoCodigo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #beb09f;
}
.produtoCod{
	text-transform:uppercase;
}
/*BUSCA*/
.buscaMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #e15656;
	background-color: #FFFFFF;
	width: 100%;
	padding: 3px;
}
.buscaSub {
	padding-left: 20px;
	font-weight: bold;
	color: #a79c8f;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 1px;
	display: block;
	width: 100%;
}
.buscaSubSub a {
	padding-left: 30px;
	color: #a79c8f;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 1px;
	text-decoration: none;
}
.buscaSubSub a:hover {
	color: #999999;
}
/*MAPA DO SITE*/
.mapaCategoria{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #e15656;
	padding: 3px;
	display:block;
}
.mapaCategoria a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #e15656;
	padding: 3px;
	display:block;
}
.mapaSubCategoria a{
	padding-left: 20px;
	font-weight: bold;
	color: #667d8f;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 1px;
	display:block;
}
.mapaSubSubCategoria a{
	padding-left: 33px;
	color: #667d8f;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 1px;
	text-decoration: none;
	display:block;
}
/*CARRINHO*/
#carrinhoGuiaIdentificacaoOver{
	width:123px;
	height:31px;
	background-image: url(../../App_Themes/Noite/carrinhoGuiaIdentificacaoOver.jpg);
	background-repeat: no-repeat;
}
#carrinhoGuiaEnderecoOver{
	width:105px;
	height:31px;
	background-image: url(../../App_Themes/Noite/carrinhoGuiaEnderecoOver.jpg);
	background-repeat: no-repeat;
}
#carrinhoGuiaPagamentoOver{
	width:123px;
	height:31px;
	background-image: url(../../App_Themes/Noite/carrinhoGuiaPagamentoOver.jpg);
	background-repeat: no-repeat;
}
#carrinhoGuiaCarrinhoOver{
	width:99px;
	height:31px;
	background-image: url(../../App_Themes/Noite/carrinhoGuiaCarrinhoOver.jpg);
	background-repeat: no-repeat;
}
.carrinhoPreco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.carrinhoCorTop {
	background-color: #beb09f;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
.carrinhoCorMain {
	background-color: #FFFFFF;
}
.carrinhoCorRight {
	font-size: 10px;
	background-color: #FFFFFF;
}
.carrinhoCep {
	color: #000000;
	background-color: #D1D1D1;
	font-weight: bold;
}
.carrinhoTotal{
	color: #FFFFFF;
	background-color: #beb09f;
	font-weight: bold;
}
.carrinhoFrete{
	color: #FFFFFF;
	background-color: #beb09f;
	font-weight: bold;
}
.carrinhoPrecoTotal{
	color: #544b41;
	background-color: #beb09f;
	font-weight: bold;
}
/*ENDERECO*/
.enderecoBox {
	background-color: #FFFFFF;
	border: 1px dotted #CCCCCC;
}
.enderecoSel {
	background-color: #FFFFFF;
	border: 1px solid #F0F0F0;
}

/*GRID*/
.grid {
	width:100%;
	border: 1px solid #E8E8E8;
	background-color: #FFFFFF;
}
.gridTitle {
	background-color: #BDB09F;
	color: #FFFFFF;
}
.gridHeader td, th {
	background-color: #BDB09F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding:4px;
}
.gridAlternatingRow {
	background-color:#F2F2F2;
}

/*PEDIDO*/
.pedidoNumero {
	font-size: 18px;
	font-weight: bold;
	color: #a79c8f;
	text-decoration: none;
}
.pedidoEmail {
	font-size: 11px;
	font-weight: bold;
	color: #a79c8f;
	text-decoration: none;
}
#pedidoBackground{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width:185px;
	height:104px;
	background-image: url(../../App_Themes/Noite/pedidoBack.gif);
	background-repeat: no-repeat;
	text-align:center;
	padding-top:8px;

}

/*FORMULARIO*/
.inputBusca {
	border: 1px solid #82786d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #848484;
	border-right-color: #fafafa;
	border-bottom-color: #fafafa;
	border-left-color: #848484;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #F6F6F6;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #8D8D8D;
	border-bottom: 1px solid #8D8D8D;
	border-left: 1px solid #CCCCCC;
	font-weight: bold;
}


/*BOTOES*/
.OrdenarAsc{
	background-image: url(../../App_Themes/Noite/OrdenarAsc.gif);
	background-repeat: no-repeat;
	width:21px;
	height:11px;
}
.OrdenarDesc{
	background-image: url(../../App_Themes/Noite/OrdenarDesc.gif);
	background-repeat: no-repeat;
	width:21px;
	height:11px;
}
.btnDescricao{
	background-image: url(../../site/images/btnDetalhesDescricao.jpg);
	background-repeat: no-repeat;
	width:88px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
.btnDescricaoOver{
	background-image: url(../../App_Themes/Noite/btnDetalhesDescricaoOver.jpg);
	background-repeat: no-repeat;
	width:88px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
.btnEspecificacoes{
	background-image: url(../../site/images/btnDetalhesEspecificacoes.jpg);
	background-repeat: no-repeat;
	width:114px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
.btnEspecificacoesOver{
	background-image: url(../../App_Themes/Noite/btnDetalhesEspecificacoesOver.jpg);
	background-repeat: no-repeat;
	width:114px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
.btnGarantia{
	background-image: url(../../site/images/btnDetalhesGarantia.jpg);
	background-repeat: no-repeat;
	width:78px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
.btnGarantiaOver{
	background-image: url(../../App_Themes/Noite/btnDetalhesGarantiaOver.jpg);
	background-repeat: no-repeat;
	width:78px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
.btnOpcionais{
	background-image: url(../../site/images/btnDetalhesOpcionais.jpg);
	background-repeat: no-repeat;
	width:163px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
.btnOpcionaisOver{
	background-image: url(../../App_Themes/Noite/btnDetalhesOpcionaisOver.jpg);
	background-repeat: no-repeat;
	width:163px;
	height:31px;
	padding-left:5px;
	padding-right:5px;
}
#btnOpcionais{
	background-image: url(../../site/images/btnDetalhesOpcionais.jpg);
	background-repeat: no-repeat;
	width:78px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
#btnOpcionaisOver{
	background-image: url(../../App_Themes/Noite/btnDetalhesOpcionaisOver.jpg);
	background-repeat: no-repeat;
	width:78px;
	height:31px;
	padding-left:5px;
	padding-right:5px;
}
#btnOpcionais{
	background-image: url(../../site/images/btnDetalhesOpcionais.jpg);
	background-repeat: no-repeat;
	width:163px;
	height:23px;
	padding-left:5px;
	padding-right:5px;
}
#btnOpcionaisOver{
	background-image: url(../../App_Themes/Noite/btnDetalhesOpcionaisOver.jpg);
	background-repeat: no-repeat;
	width:163px;
	height:31px;
	padding-left:5px;
	padding-right:5px;
}
#btnEnviar{
	background-image: url(../../App_Themes/Noite/btnEnviar.gif);
	background-repeat: no-repeat;
	width:51px;
	height:16px;
}
.btnFecharPedidoCartao{
	background-image: url(../../App_Themes/Noite/btnFecharPedidoCartao.gif);
	background-repeat: no-repeat;
	width:204px;
	height:16px;
}
.btnFecharPedidoBoleto{
	background-image: url(../../App_Themes/Noite/btnFecharPedidoBoleto.gif);
	background-repeat: no-repeat;
	width:204px;
	height:16px;
}
.btnFecharPedidoDebito{
	background-image: url(../../App_Themes/Noite/btnFecharPedidoBoleto.gif);
	background-repeat: no-repeat;
	width:204px;
	height:16px;
}
#btnRefinar{
	background-image: url(../../App_Themes/Noite/btnRefinarBusca.jpg);
	background-repeat: no-repeat;
	width:91px;
	height:18px;
	padding-left:5px;
	padding-right:5px;
}
#btnOk{
	background-image: url(../../App_Themes/Noite/btnOk.gif);
	background-repeat: no-repeat;
	width:26px;
	height:16px;
}
#btnAjuda{
	background-image: url(../../App_Themes/Noite/btnAjuda.gif);
	background-repeat: no-repeat;
	width:56px;
	height:16px;
}
#btnVoltar{
	background-image: url(../../App_Themes/Noite/btnVoltar.gif);
	background-repeat: no-repeat;
	width:48px;
	height:16px;
}

#btnMaisDetalhes{
	background-image: url(../../App_Themes/Noite/btnMaisDetalhes.gif);
	background-repeat: no-repeat;
	width:163px;
	height:16px;
}
#btnConsultar{
	background-image: url(../../App_Themes/Noite/btnConsultar.gif);
	background-repeat: no-repeat;
	width:72px;
	height:16px;
}
.btnContinuar{
	background-image: url(../../App_Themes/Noite/btnContinuar.jpg);
	background-repeat: no-repeat;
	width:72px;
	height:16px;
}
.btnGravar{
	background-image: url(../../App_Themes/Noite/btnGravar.gif);
	background-repeat: no-repeat;
	width:72px;
	height:16px;
}
.btnAlterar{
	background-image: url(../../App_Themes/Noite/btnAlterar.gif);
	background-repeat: no-repeat;
	width:72px;
	height:16px;
}
#btnEditar{
	background-image: url(../../App_Themes/Noite/btnEditar.jpg);
	background-repeat: no-repeat;
	width:48px;
	height:16px;
}
#btnSalvar{
	background-image: url(../../App_Themes/Noite/btnSalvar.jpg);
	background-repeat: no-repeat;
	width:48px;
	height:16px;
}
#btnEndereco{
	background-image: url(../../App_Themes/Noite/btnEndereco.jpg);
	background-repeat: no-repeat;
	width:117px;
	height:16px;
}
#btnExcluir{
	background-image: url(../../App_Themes/Noite/btnExcluirEnd.jpg);
	background-repeat: no-repeat;
	width:48px;
	height:16px;
}
#btnExcluirCarrinho{
	background-image: url(../../App_Themes/Noite/btnExcluirCarrinho.gif);
	background-repeat: no-repeat;
	width:15px;
	height:12px;
}
#btnFinalizarPedido{
	background-image: url(../../App_Themes/Noite/btnFinalizarPedido.gif);
	background-repeat: no-repeat;
	width:95px;
	height:16px;
}
#btnContinuarComprando{
	background-image: url(../../App_Themes/Noite/btnContinuarComprando.gif);
	background-repeat: no-repeat;
	width:126px;
	height:16px;
}
#btnCancelaPedido{
	background-image: url(../../App_Themes/Noite/btnCancelarPedido.gif);
	background-repeat: no-repeat;
	width:95px;
	height:16px;
}
#btnRecalcular{
	background-image: url(../../App_Themes/Noite/btnRecalcular.gif);
	background-repeat: no-repeat;
	width:72px;
	height:16px;
}
#btnBoleto{
	background-image: url(../../App_Themes/Noite/btnBoleto.jpg);
	background-repeat: no-repeat;
	width:122px;
	height:16px;
}
/*CATEGORIA*/
#subGrupoBox{
	overflow:auto;
	height:105px;
	width:100%;
	scrollbar-arrow-color: #89775F;
	scrollbar-base-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
}
#subGrupoBox a {
	display:block;
	text-decoration: none;
	/*text-transform: lowercase;*/
}


/*LOGIN*/
#identificacaoLoja{
	width:143px;
	height:27px;
	background-image: url(../../App_Themes/Noite/identificacaoLoja.gif);
	background-repeat: no-repeat;
}
#identificacaoTitleCadastrado{
	width:226px;
	height:21px;
	background-image: url(../../App_Themes/Noite/identificacaoTitleCadastrado.gif);
	background-repeat: no-repeat;
}
#identificacaoTitlePrimeiraCompra{
	width:193px;
	height:21px;
	background-image: url(../../App_Themes/Noite/identificacaoTitlePrimeiraCompra.gif);
	background-repeat: no-repeat;
}
#loadBase{
	position:absolute; 
	z-index:2000; 
	width:100%; 
	height:100%;
	top:0px;
	left:0px;
}
#loadMsg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	background-color: #c7bba8;
	padding: 3px;
	text-align: left;
}
#progressLoad{
	width:57;
	height:7;
	background-image:url(layoutProgressLoad.gif);
	background-repeat:no-repeat;
}