@charset "iso-8859-1";
/* CSS Document */

/* ESTILOS DO INDEX */

body {
	background-image:url(../imagens/fundo_pagina.gif);
	background-repeat:repeat-x repeat-y;
	background-position:center;
	background-attachment:scroll;
	min-height:100%; /* Para browsera modernos */
	height:auto !important; /* Para browsera modernos */
	height:100%; /* Para o IE6 */
}

/************************* ESTILOS DO INDEX.PHP E SEUS "FILHOS" *************************/

.sombra_fundo {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: auto;
	z-index:1;
	background:url(../imagens/fundo_sombra.png);
	height:100%;
}


/**** ESTILO DO CABECALHO E TUDO QUE O COMPOE ****/

#cabecalho {
	height:156px;
	height:152px\9;
	width:950px;
	margin:auto;
	padding:0px;
}

#topo_site {
	width:900px;
	height:117px;
	margin:inherit;
	padding:inherit;
	background:url(../imagens/topo_site.png) top left no-repeat #FFF;
}

#botoes_menu {
	margin:0px 0px 10px 31px;
	padding:0px;
}

#botoes_menu div {
	float:left;
	list-style:none;	
	padding: 0px 8px 0px 8px;
	margin:0px;
}


/**** ESTILO DO RISCO AZUL E LARANJA ****/

#risco {
	width:100%;
	height:12px;
	background:url(../imagens/fundo_faixa.png) bottom left repeat-x;
	margin:auto;
	text-align:center;
}


/**** ESTILO DO DA FAIXA DO MEIO =- CARRINHO, QTD DE PRODUTOS E LOGIN NO SITE DA NFE -= ****/

/* DIV DA FAIXA CENTRAL COMO UM TODO */
#central {
	background: url(../imagens/fundo_nfe.png) center top no-repeat;
	width: 950px;
	margin: auto;
	height:178px;
}

/* DIV CONTAINER DO TOTAL DE PRODUTOS E DO BOTAO DE COMPRAR */
#finalizacao {
	font-size:9px;
	float:left;
	position:relative;
	top:63px;
	left:-426px;
	width:110px;
	text-align:center;
	color:#333;
}

/* NUMERO EM LARANJA COM A QTD DE PRODUTOS SELECIONADOS */
#qtd_produtos{
	color: #FF7010;
	font-size:15px;
	font-weight:bolder;
}

/* BOTAO COMPRAR DO FORM DO CARRINHO*/
#btn_finalizar {
	margin-top:26px;
}

/* ESTILO DA DIV CARRINHO */
#carrinho {
	float:left;
	position:relative;
	top: 23px;
	left:200px;
	width:490px;
	height:123px;
	/* border:1px solid #000; */
}

/* ESTILO DA LISTA DO CARRINHO DE COMPRAS */
#carrinho ul { 
	float: left;
	text-align: center;
	margin:0px; 
	padding:0px; 
	list-style:none;

}
#carrinho li {
	position:static;
	float: left;
	cursor:move;
	list-style:none;
	display:inline-table;
	margin: 10px 0px 0px 15px;
	width: 102px;
}
#carrinho li > img {
	margin:10px;
}

/* ESTILO DO FORM */
#carrinho_compras { 
	margin:auto;
	width:auto;
	height:auto;
	padding:auto;
}

/* ESTILO DO BOTÃO REMOVER DO PRODUTO */
#remover_produto {
	width:9px;
	height:9px;
	background:url(../imagens/remover_produto.gif) center no-repeat;
	float:right;
	position:relative;
	right:7px;
	top:-115px;
	_top:-105px\9;  
}

/* IFRAME PARA A PÁGINA ASP.NET DA NFE */
#nfe { 
	float:left;
	position:relative;
	top:75px;
	left:170px;
}
#login_nfe {
	border: 0px none; 
	font-weight: normal;
	font-size: x-small;
	font-family: Verdana;
	height: 17px;
	width: 132px;
	width: 130px\9;
	margin-bottom:12px;
	line-height:15px;
}
#senha_nfe {
	border: 0px none; 
	font-weight: normal;
	font-size: x-small;
	font-family: Verdana;
	height: 17px;
	width: 132px;
	width: 130px\9;
	margin-bottom:7px;
	line-height:15px;
}
#btn_entrar {
	position:relative;
	right:-30px;
}


/**** ESTILO DO CORPO DO SITE ****/

#principal {
	text-align:left;
	width:950px;
	height:100%;
	min-height:200px;
	margin:auto;
	text-align:center;
	z-index:1;
}

/* CONTAINER DOS PRODUTOS INICIALMENTE */
#produtos {
	float:left;
	width: 630px;
	margin: 0px 0px 0px 35px;
	padding: 0px;
	height: 220px;
	list-style:none;
	/* border:1px solid #000; */
} 

/* CLASSE DA DIV DO PRODUTO QDO O ARQUIVO FOR DROPPADO DO CARRINHO PARA A LISTA DE PRODUTOS */
.produtos.produtos-ativo { background:url(../imagens/fundo_produtos.png) center no-repeat; }

/* LISTA DOS PRODUTOS */
#produtos li {
	width: 102px;
	margin: 20px 0px 0px 25px;
	text-align: center;
	cursor: move;
	float:left;
}

/* CLASSES QUE QUEBRAM A LINHA DE EXIBIÇÃO DO PRODUTO PARA UM TIPO DE ZIQUE-ZAGUE */
.produto_cima {
	float:left;
	padding:10px 0px 0px 22px;
	height:210px;
	width:120px;
}
.produto_baixo {
	float:left;
	padding:50px 0px 0px 22px;
	height:170px;
	width:120px;
}

/* ALTERACAO DA CLASSE PADRAO DO DRAG, PARA FICAR COM A BORDA DE TRACINHO */
.ui-draggable-dragging {
	border:3px dashed #999;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

/* POSICIONA A DIV E POE O BACKGROUND - INSTRUCOES DE COMPRA */
#instrucoes_compra {
	position:relative;
	width:244px;
	height:298px;
	top: 5px;
	left:673px;
	background:url(../imagens/instrucoes_compra.png) center no-repeat;
	/* border:1px solid #000; */
	z-index:100;
}

/* POSICIONA A DIV E POE O BACKGROUND - ATENDIMENTO ONLINE */
#atendimento_online {
	position:relative;
	width:239px;
	height:83px;
	top: 15px;
	left: 674px;
	/* border:1px solid #000; */
	z-index:100;
}

/* ESTILO DO FUNDO DO MEIO PRO FIM DA PÁGINA {CONTEUDO + RODAPÉ} */
#fundo-meio-fim {
	width:900px;
	margin:-150px 0px 0px 25px;
	background:url(../imagens/fundo_conteudo.png);
	background-repeat:repeat-x;
	background-position:top;
	background-attachment:scroll;
}

/* ESTILO DO CONTEUDO DOS LINKS DO CABECALHO, SÓ ALTERA O ESCRITO */
#conteudo_pagina {
	width:866px;
	padding: 5px 17px 5px 17px;
	text-align:left;
}

/* ESTILO PARA NAO DEIXAR O ESCRITO INVADIR O ESPAÇO DA IMAGEM "ATENDIMENTO ONLINE" */
#conteudo_divs {
	width:570px;
	margin:0px;
	padding:0px;
	text-align:justify;
}

#rodape {
	width:100%;
	height:60px;
	background: url('../imagens/rodape_pagina.png') center no-repeat;
	margin:0px;
	padding:0px;
}


/**** ESTILO DO BALAO DE INFORMACAO ****/

#bubble_tooltip{
	width:303px;
	height:204px;
	position:absolute;
	display:none;
	background: url('../imagens/balao.png') center no-repeat;
	z-index:100;
}

/* TEXTO DENTRO DO BALAO */
#bubble_tooltip span{
	position:relative;
	top:30px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
} 


/**** ESTILO DA PAGINA NFE.PHP ****/

#lista_produtos {
	margin:auto;
	width:100%;
	margin-left:-5px;
}

#lista_produtos li {
	margin:auto;
	padding:0px 0px 0px 23px;
	list-style:none;
	display:inline;
}

#info_1 { display:none; }
#info_2 { display:none; }
#info_3 { display:none; }
#info_4 { display:none; }

.info {
	width: 350px;
	height:97px;
	background:url(../imagens/fundo_info_produto.png) center no-repeat;
	margin: 0px 0px 0px 130px;
	padding: 30px 0px 0px 10px;
	font-weight:bolder;
	font-size:13px;
	font-size:12px\9;
}

#info_df {
	line-height:67px;
	text-align:center;
}


/**** ESTILO DA PAGINA CONTATO.PHP ****/

/* ESTILO DA TAG LABEL DOS CAMPOS */
label {
	font-size:12px;
	font-weight:bold;
	width:100%;
	margin:0px 0px 10px 5px;
}

/* ESTILO DA TAG SPAN DOS CAMPOS DO FORMULÁRIO DE CONTATO */
div .contato {
	width:114px;
	width:137px\9;
	height:28px;
	text-align:right;
	float:left;
	vertical-align: middle;
	display: table-cell;
	line-height:28px;
}

/* ESTILO DOS CAMPOS TEXTO DO FORMULÁRIO */
.campo_texto {
	height:18px;
	width:300px;
	padding: 5px 10px 5px 10px;
	margin-bottom:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-stretch: narrower;
	letter-spacing:0.5px;
	text-shadow:#CCC;
	font-size:11px;
	background-color:#FFF;
	border:1px solid #CCC;
}

/* ESTILO DOS CAMPOS TEXTAREA DO FORMULÁRIO */
.textarea {
	height:150px;
	width:300px;
	padding: 10px 10px 10px 10px;
	margin-bottom:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-stretch: narrower;
	letter-spacing:0.5px;
	text-shadow:#CCC;
	font-size:11px;
	background-color:#FFF;
	border:1px solid #CCC;
}

/* ESTILO DOS CAMPOS SELECT DO FORMULÁRIO */
.select {
	height:30px;
	width:322px;
	padding: 5px 10px 5px 10px;
	margin-bottom:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-stretch: narrower;
	letter-spacing:0.5px;
	text-shadow:#CCC;
	font-size:11px;
	background-color:#FFF;
	border:1px solid #CCC;
}

/* ESTILO DO BOTAO DO FORMULÁRIO */
#submit {
	width:443px;
	width:465px\9;
	margin: 10px 0px 0px 0px;
	text-align:right;
}

#telefone {
	margin:0px;
	padding-left:10px;
	float:left;
}


/**** ESTILO DA PAGINA SUPORTE.PHP ****/

#suporte {
	background: url(../imagens/suporte_online.png) top left no-repeat;
	widows:155px;
	height:72px;
	padding:43px 0px 0px 170px;
}

.p {
	margin:15px 0px 0px 150px;	
}


/************************ PARTES COMENTADAS ************************/

/*

#li_1 { position:relative; top:10px; left:23px; }
#li_2 { position:relative; top:50px; left:38px; }
#li_3 { position:relative; top:10px; left:53px; }
#li_4 { position:relative; top:50px; left:68px; }

#login_nfe {
	float:left;
	position:relative;
	top:93px;
	_top:92px\9;
	left:130px;
	_left:132px\9;
	width:128px;
	height:73px;
	text-align:right;
}

.campos_login_nfe {
	border: 1px solid #003399;
	font-weight: normal;
	font-size: x-small;
	font-family: Verdana;
	height: 17.5px;
	Width: 126px;
	margin-bottom:6px;
	_margin-bottom:5px\9;	
}
.campos_senha_nfe {
	margin-bottom:5px;
	_margin-bottom:4px\9;
} */