/*Conteúdo auxiliar*/
#html_auxiliar{
	display: none;
}



/*Banner grande*/
#banner_grande{
	width: 765px;
	height: 239px;
	background: url(../img/fundo_banner_grande.jpg) no-repeat;
	padding-top: 13px;
	z-index: 1;
}

#banner_pequeno{
	float: left;
	width: 601px;
	_width: 598px;
	height: 185px;
	margin-top: 15px;
	margin-left: 5px;
	_margin-left: 3px;
	background: url(../img/fundo_banner2.jpg) no-repeat;
	padding-top: 8px;
	z-index: 1;
}



/*Conteúdo*/

#acesso_revendedor{
	float: left;
	width: 140px;
	_width: 134px;
	height: 90px;
	text-align: left;
	padding-top: 30px;
	padding-left: 10px;
	background: url(../img/area_revendedor.gif) no-repeat;
	margin: 5px 0 10px 0;
	overflow: hidden;
}
#acesso_revendedor span{
	float: left;
	color: #FFFFFF;
	font-size: 11px;
	width: 99%;
}
#acesso_revendedor input{
	float: left;
	font-size: 12px;
	width: 90px;
	height: 18px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 3px;
	background: url(../img/fundo_campo.jpg) repeat-x;
	border: none;
}
#acesso_revendedor #logar{
	width: 30px;
	font-weight: bold;
	margin-left: 5px;	
}
#acesso_revendedor a{
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#acesso_revendedor a:hover{
	text-decoration: underline;
}

#seja_revendedor{
	margin-top: 10px;
	float: left;
}



/*CONFIGURAÇÕES ESPECÍFICAS DO LAYOUT2*/

#box_lateral{
	float: right;
	width: 140px;
	margin:70px 15px 0 0;
}

#acesso_revendedor{
position:relative;
}
#acesso_revendedor span, #acesso_revendedor input{
	margin-bottom: -3px;
}

#box_lateral #links{
	margin-top: 56px;
}
#box_lateral #links img{
	margin-top: 0px;
	margin-bottom: 5px;
}



/*Barra titulo*/
.barra_titulo{
	float: left;
	height: 24px;
	width: 99%;
	clear: both;
	background: url(../img/tit_dest_2.jpg) repeat-x;
	margin-bottom: 10px;
}
.barra_titulo div{
	height: 24px;
	background: url(../img/tit_dest_1.jpg) no-repeat;
	padding-left: 30px;
	padding-top: 3px;
	font-weight: bold;
}
.sub_titulo{
	float: left;
	width: 595px;
	_width: 550px;
	min-height: 20px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-left: 10px;
}

/*Informações*/
.informacoes{
	float: left;
	width: 550px;
	min-height: 300px;
	margin-right: 8px;
	padding: 10px;
}
.informacoes2{/*Quando não há a coluna lateral*/
	float: left;
	width: 763px;
	min-height: 300px;
	margin-right: 8px;
}

/*Campo fabricante*/
#campo_fabricante{
	float: left;
	width: 144px;
	height: 47px;
	background: #000000;
	margin-bottom: 8px;
}
#campo_fabricante #titulo{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-left: 22px;
	padding-top: 3px;
	height: 20px;
	background: url(../img/marcador2.gif) no-repeat 4px 2px;
}
#campo_fabricante select{
	width: 138px;
	margin-left: 3px;
	font-size: 11px;
}

/*Botão da busca avançada*/
#busca_avancada{
	float: left;
	cursor:pointer;
	margin-bottom: 10px;
}

/*Menu lateral*/
.menu_lateral{
	float: left;
	width: 144px;
	_height: 150px;
	border: 1px solid #CCCCCC;
}
.menu_lateral h1{/*Barra do acordeon*/
	float: left;
	width: 139px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0px;
	height: 19px;
	cursor: default;
}
.menu_lateral h1 a{
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	width: 135px;
}
.menu_lateral .ativo{/*Barra do acordeon ativo*/
	background: url(../img/fundo_menu_lateral_ativo.jpg) repeat-x;
}
.menu_lateral .inativo{/*Barra do acordeon ativo*/
	background: url(../img/fundo_menu_lateral.jpg) repeat-x;
}
.menu_lateral div{
	float: left;
}
.menu_lateral div a{
	float: left;
	width: 125px;
	min-height: 20px;
	_height: 20px;
	cursor: pointer;
	margin-top: 3px;
	padding-left: 10px;
	background: url(../img/seta3.gif) 0px 5px no-repeat;
	font-size: 11px;
	text-decoration: none;
	margin: 3px 0px 3px 4px;
	color: #003399;
}
.menu_lateral div a:hover{
	text-decoration: underline;
}

/*Coluna lateral*/
#logo_motorola{
	float: left;
	margin-bottom: 13px;
}

/*Paginação de produtos*/
#paginacao #paginas{
	font-size: 11px;
	width: 120px;
	color: #000099;
	border: solid 1px #CCCCCC;
}
#paginacao select{
	float: left;
	margin-right: 5px;
}
#paginacao img{
	padding-top: 3px;
	float: left;
	cursor: pointer;
	margin-right: 5px;
}
#paginacao #texto_resultado{
	float: left;
	font-size: 12px;
	color: #000000;
	padding-top: 2px;
	margin-left: 20px;
}


/*JANELA NEWSLETTER   E   JANELA BUSCA AVANÇADA DE PRODUTOS*/
#window_newsletter, #janela_busca_produtos{
	float: left;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #003399;
	font-weight:bold;
	background: #FFFFFF;
	padding: 10px;
}
#window_newsletter .campo, #janela_busca_produtos .campo, #fale_conosco .campo, #form_seja_revendedor .campo, #div_painel_historico .campo{
	float: left;
	height: 20px;
	color: #003399;
	border: 1px #CCCCCC solid;
	background: url(../img/fundo_campo.jpg) repeat-x;
	background-color: #FFFFFF;
	padding-left: 3px;
	padding-top: 2px;
	margin-bottom: 5px;
}
#window_newsletter span, #janela_busca_produtos span, #fale_conosco span, #form_seja_revendedor span, #div_painel_historico span{
	color: #000000;
	float: left;
	width:100%;
}
#window_newsletter #texto, #janela_busca_produtos #texto{
	float: left;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
	margin-bottom: 15px;
}
#window_newsletter .botao, #janela_busca_produtos .botao{
	float: left;
	width: 125px;
	margin-top: 5px;
}
#janela_busca_produtos .separador{
	margin-bottom: 7px;
}

/*JANELA PROCESSANDO*/
.texto_processando{
	font-weight: bold;
	cursor: default;	
}
.texto_processando #imagem{
	width: 32px;
	height: 32px;
	margin-top: 5px;
	background: url(../img/ext/default/shared/large-loading.gif) no-repeat;
}


/*######## AREA RESERVADA ########*/


#tipo_revenda{
	float: right;
	width: 160px;
	height: 33px;
	margin-right: 10px;
	padding-top: 25px;
	font-weight: bold;
}

#texto_cabecalho{
	font-size: 11px;
	float: right;
	padding-top: 4px;
	padding-right: 5px;
}

#barra_reservada{
	float: left;
	margin:0px;
	padding:0px;
	background: url(../area_reservada/img/imagem_res_cab.jpg) no-repeat;
	width: 565px;
	_width: 562px;
	height: 58px;
}

#menu_area_reservada{
	float: left;
	height: 27px;
	width: 755px;
	margin-left: 5px;
	background: url(../area_reservada/img/menu_res_2.gif) repeat-x;
}
#menu_area_reservada #menu_left{
	float: left;
	width: 6px;
	height: 23px;
	background: url(../area_reservada/img/menu_res_1.gif) no-repeat;
}
#menu_area_reservada #menu_center{
	padding-top: 3px;
	padding-left: 5px;
	float: left;
	width: 738px;
	height: 23px;
}
#menu_area_reservada #menu_center a{
	font-size: 11px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
#menu_area_reservada #menu_center a:hover{
	text-decoration: underline;
}
#menu_area_reservada #menu_center #divisor{
	float: left;
	width: 2px;
	height: 17px;
	margin-left: 13px;
	margin-right: 13px;
	background: url(../area_reservada/img/divisor.gif) no-repeat;
}
#menu_area_reservada #menu_right{
	float: right;
	width: 6px;
	height: 2px;
	background: url(../area_reservada/img/menu_res_3.gif) no-repeat;
}

#acesso_chat{
	float: left;
	cursor: pointer;
	background: url(../area_reservada/img/secao_chat.jpg) no-repeat;
	margin-bottom: 25px;
	width: 144px;
	height: 59px;
}
#acesso_chat #texto{
	float: left;
	width: 99%;
	margin-top: 21px;
	color: #000000;
	font-weight: bold;
}
#acesso_chat .status_on{
	color: #00CC00;
	font-weight: bold;
}
#acesso_chat .status_off{
	color: #FF0000;
	font-weight: bold;
}

/* JANELA DADOS CADASTRAIS */
#janela_dados_cadastrais, 
#janela_dados_cadastrais_consultor{
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding: 10px;
	_padding: 5px;
	background: #FFFFFF;
}
#janela_dados_cadastrais label,
#janela_dados_cadastrais_consultor label{
	float: left;
}

#janela_dados_cadastrais input,
#janela_dados_cadastrais_consultor input{
	color: #003399;
}

#janela_dados_cadastrais .esquerda,
#janela_dados_cadastrais_consultor .esquerda{
	clear:none;
	float: left;
	width: 250px;
	margin-top: 10px;
}

#janela_dados_cadastrais .direita,
#janela_dados_cadastrais_consultor .direita{
	float: right;
	width: 250px;
	margin-top: 10px;
}

#janela_dados_cadastrais hr,
#janela_dados_cadastrais_consultor hr{
	clear: left;
	float: left;
	width: 100%;
	margin-top: 10px;
}

#janela_dados_cadastrais .botao,
#janela_dados_cadastrais_consultor .botao{
	width: 150px;
}

#janela_dados_cadastrais #texto,
#janela_dados_cadastrais_consultor #texto{
	color: #000099;
	margin-bottom: 15px;
	padding-left: 20px;
	min-height: 18px;
	_height: 18px;
	background: url(../img/marcador1.gif) no-repeat;
}

/* FIM JANELA DADOS CADASTRAIS */

#fila_atendimento{
	float: left;
	cursor: pointer;
	background: url(../area_reservada/img/fila_atendimento.jpg) no-repeat;
	margin-bottom: 25px;
	width: 144px;
	height: 59px;
}
#fila_atendimento #texto{
	float: left;
	width: 99%;
	margin-top: 21px;
	color: #000000;
	font-weight: bold;
}

#fila_atendimento .status{
	color: #00CC00;
	font-weight: bold;
}

/*janela Chat*/
#janela_atendimento_chat{
	float: left;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	padding: 10px;
	padding-top:0px;
}

#janela_atendimento_chat #conversa{
	float: left;
	width:460px;
}

#janela_atendimento_chat #chat_nome_consultor{
	float:left;
	width:100%;
}

#janela_atendimento_chat #chat_mensagens{
	float: left;
	width: 320px;
	height: 250px;
	border: #758FA6 1px solid;
	background-color: #EEF0F2;
	overflow:scroll;
	font-size: 11px;
}
#janela_atendimento_chat #chat_mensagens div{
	float:left;
}

#janela_atendimento_chat #chat_mensagens #nome{
	width: 318px;
	font-weight:bold;
}

#janela_atendimento_chat #painel_mensagem{
	clear:left;
	float:left;
	width: 310px;
	margin-top: 30px;
}

#janela_atendimento_chat #foto{
	float: left;
	text-align:center;
	width: 110px;
	height: 120px;
	padding-top:8px;
	margin-left:25px;
	border: #758FA6 1px solid;
}

#janela_atendimento_chat #foto_usuario{
	float: left;
	text-align:center;
	width: 110px;
	height: 120px;
	padding-top:8px;
	margin-left:35px;
	_margin-left:25px;
	@margin-left:25px;
	margin-top: 40px;
	_margin-top: 160px;
	@margin-top: 160px;
	border: #758FA6 1px solid;
}

#janela_atendimento_chat #painel_mensagem #chat_texto_usuario{
	float: left;
	width: 323px;
	height: 77px;
	border: #758FA6 1px solid;
	margin-bottom: 8px;
	background: #EEF0F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#janela_atendimento_chat #chat_enviar_mensagem{
	width: 100px;
	float: right;
}

#janela_atendimento_chat #lista_conversas_chat{
	float:right;
	width:190px;
	height: 460px;
	background-color: #EEF0F2;
	padding-left:20px;
	border-left:1px #99bbe8 solid;
}

#janela_atendimento_chat .chat_usuario_selecionado{
	color:#FF9900;
	font-weight:bold;
	margin-bottom:10px;
}

#janela_atendimento_chat .chat_usuario_deselecionado{
	color:#003399!important;
	margin-bottom:10px;
}

#janela_atendimento_chat #campos_fecha_atendimento, #janela_atendimento_chat #chat_div_email_atendimento{
	font-size:14px;
	font-weight: bold;
	width:430px;
}

#janela_atendimento_chat #chat_div_email_atendimento input{
	width:220px;
}
#janela_atendimento_chat #chat_div_btn_fechar{
	margin-top:80px;
	width:430px;
}
/* Fim janela do chat */


#acesso_lista{
	float: left;
	cursor: pointer;
	background: url(../area_reservada/img/secao_lista.jpg) no-repeat;
	width: 144px;
	height: 59px;
}
#acesso_lista #texto{
	float: left;
	width: 99%;
	margin-top: 21px;
	color: #000000;
	font-weight: bold;
}
#acesso_lista #status{
	font-weight: bold;
}

#pedidos_aberto{
	float: left;
	cursor: pointer;
	background: url(../area_reservada/img/pedidos_aberto.jpg) no-repeat;
	width: 144px;
	height: 59px;
	overflow: hidden;
	margin-bottom:10px;
}
#pedidos_aberto #texto{
	float: left;
	width: 99%;
	margin-top: 21px;
	color: #000000;
	font-weight: bold;
}
#pedidos_aberto #status{
	font-weight: bold;
}

#acessorio {
	float: left;
	margin-top:5px;
	margin-right:5px;
	text-align: center;
}

/*-------------------------- Área reservada -----------------------------*/

.box_padrao{
	float: left;
	cursor: pointer;
	background: url(../area_reservada/img/box_padrao.jpg) no-repeat;
	width: 144px;
	height: 59px;
	overflow: hidden;
	margin-bottom:10px;
}
.box_padrao #titulo{
	float: left;
	width: 125px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 18px;
	_margin-left: 10px;
}
.box_padrao #texto{
	float: left;
	width: 99%;
	margin-top: 6px;
	color: #000000;
	font-weight: bold;
}
.box_padrao #status{
	font-weight: bold;
}
.box_padrao #total{
	float: left;
	width: 99%;
	color: #0000FF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

/* ícones das janelas */

.janela_pedido{
	background-image:url(../img/ext/default/icons/fam/cart.png) !important;
}

.janela_historico{
	background-image:url(../img/ext/default/icons/fam/cart.png) !important;
}

.janela_revenda{
	background-image:url(../img/ext/default/icons/fam/group.png) !important;
}

/* Botões do grid */

.cls_editar{
	background-image:url(../img/ext/default/icons/fam/grid.png) !important;
}

.cls_excluir{
	background-image:url(../img/ext/default/icons/fam/delete.gif) !important;
}

.cls_salvar{
	background-image:url(../img/ext/default/icons/save.gif) !important;
}

.cls_salvar{
	background-image:url(../img/ext/default/icons/fam/disk.png) !important;
}

.cls_cancelar{
	background-image:url(../img/ext/default/icons/fam/cancel.png) !important;
}

.cls_status{
	background-image:url(../img/ext/default/icons/fam/information.png) !important;
}

.cls_selecionar_revenda{
	background-image:url(../img/ext/default/icons/fam/cursor.png) !important;
}

.cls_cadastro_revenda{
	background-image:url(../img/ext/default/icons/fam/page_edit.png) !important;
}

/* classes dos status do histórico de pedidos */
.status_aberto, .status_fechado, .status_boleto_enviado, .status_pago, .status_enviado, .status_recebido{
	color: #FFFFFF; 
	font-weight:bold;
	height: 15px; 
	display: block;
}

.status_aberto{
	background: #666666;
}

.status_fechado{
	background: #FF0000;
}

.status_boleto_enviado{
	background: #0033CC;
}

.status_pago{
	background: #FF9900;
}

.status_enviado{
	background: #6633FF;
}

.status_recebido{
	background: #009900;
}

/*Painel para adicão de produtos manual*/
#div_grid_pedido_add_produto{
	padding: 10px;
	color: #000000;
	font-weight: bold;
}

#div_grid_pedido_add_produto #btn_grid_pedido_adicionar{
	margin-top: 10px;
}

/* Resultados busca global */
#resultado_busca{
	float: left;
	width: 99%;
}

#resultado_busca #resultados_busca_global{
	background: url(../img/seta_direita.gif) 0px 1px no-repeat;
	padding-left: 20px;
	font-weight: bold;
	min-height: 20px;
	_height: 20px;
	color: #000000;
	margin-bottom: 20px;
}

#resultado_busca .resultado1, #resultado_busca .resultado2{
	width: 570px;
	min-height: 20px;
	_height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 5px;
}
#resultado_busca .resultado1 a, #resultado_busca .resultado2 a{
	float: left;
	color: #003366;
	text-decoration: none;
}
#resultado_busca .resultado1 a:hover, #resultado_busca .resultado2 a:hover{
	color: #003366;
	text-decoration: underline;
}
#resultado_busca .resultado1{
	background: #E2E8EF;
}
#resultado_busca .resultado2{
	background: #F5F5F5;
}

/* região de conteúdo */
#informacoes {
	margin:0px;
	width:587px;
}

#janela_ajuda{
	background-color:#FFF;
	text-align:justify;
	width:580px;
	padding:10px;
}
#janela_ajuda li{
	margin-bottom:10px;
}

.saiba_mais{
	clear: left;
	color: #000099;
	margin-top: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 19px;
	background: url(../img/seta_saiba_mais.jpg) 1px no-repeat;
	cursor:pointer;
}
.saiba_mais:hover{
	text-decoration: underline;
}