/*--------------------------------------- reseta todas as UL e LI */
/* {
	margin:0;
	padding:0;
}*/

/*--------------------------------------- CSS layout */
body {
	margin:0;
	line-height: 1.5; /* distância entre linhas texto */
/*	background: #E68F04 url('../images/design/background1.jpg') no-repeat center top; */
	/*background: white;*/
	margin-top:15px; /* margem superior */
	margin-bottom: 15px; /* margem inferior */
	padding: 0;
	width: 100%; /* largura layout */
	text-align:center; /* IMPORTANTE! centraliza TUDO no IE */}

/*--------------------------------------- estrutura geral */
#tudo{
	background:#FFF;
	width:1003px;
	text-align:center; /* importante para centralizar menu principal */
	margin:0 auto; /* centraliza corpo */}

/*--------------------------------------- Corpo do cabeçalho */
#cabecalho{
	border-top:1px #B9A167 solid;
	border-left:1px #B9A167 solid;
	border-right:1px #B9A167 solid;
	width:973px; /* comprimento cabeçalho */
	/*width:98%; /* comprimento cabeçalho */
	/*height:100px; /* altura cabeçalho */
	margin: 0 auto; /* centraliza cabeçalho*/}

/*--------------------------------------- menu superior */
#menu{
	width:1003px; /* comprimento menu */
	background:white;
	margin: 0 auto; /* centraliza o menu 	*/}

/*--------------------------------------- estrutura corpo */
#corpo{
	border-left:1px #B9A167 solid;
	border-right:1px #B9A167 solid;
	border-bottom:1px #B9A167 solid;
	background:#FFF;
	width:973px;
	text-align:left;
	margin:0 auto; /* centraliza corpo */}

/*--------------------------------------- conteúdo */
#conteudo{
	padding:10px;
	vertical-align:top;
	width:753px; /* preciso compensar na largura o espaço do padding */
	background:white;
	float:right;} /* left alinha conteudo esquerda */

/*--------------------------------------- menu lateral */
#coluna-menu{
	margin-left:10px;
	margin-top:10px;
	padding:0px;
	background:white;
	color:white;
	width:179px; /* preciso compensar na largura o espaço do padding */
	float:left; /* right alinha conteudo e apoio direita */}

/*--------------------------------------- coluna extra apoio - caso precise */
#coluna-apoio{
	display:none; /* esconde coluna */
	padding:0px;
	background:gray;
	color:black;
	width:0px;
	float:left;}

/*--------------------------------------- Corpo rodapé*/
#rodape{
	width:100%;
	text-align:center;
	background:#F9F6F0;
	clear:both; /* deixa o rodapé da largura do layout */}

/*--------------------------------------- Texto em geral */
td, p {	
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana;
	font-size: 11px;
	color: black}

/*--------------------------------------- Links em geral*/
a:link {
	color: #1140FB;
	text-decoration: none}

a:visited {
	color: #1140FB;
	text-decoration: none}

a:hover {
	color: #1140FB;
	text-decoration: underline}

/*--------------------------------------- Linhas em geral*/
hr {
	height:1px;
	width:100%;
	color:#CCCCCC}

/*--------------------------------------- Utilizado no nome-link dos produtos */
h1 {
	margin:0px;
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: black}

h1 a {
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC}

/*--------------------------------------- Fieldsets */
fieldset {
	padding: 0.2em 0.5em;
	border:1px solid #CCCCCC}

legend {
	padding: 0.2em 0.5em;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	background-color: #F3F3F3;
	color:black;
	font-size:12px}

/*--------------------------------------- Áreas de texto em geral */
textarea {
	border-top: 2px #7F7F7F solid;
	border-bottom: 2px #7F7F7F solid;
	border-left: 2px #7F7F7F solid;
	border-right: 2px #7F7F7F solid;
	background-color: white; 
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: black}


/* Botões */
.css_button {
	background-color: #D4D0C8; 
	border-color: #FFFFFF; 
	border-width: 1px; 
	font-family: Tahoma, Verdana; 
	font-size: 11px;
	font-weight: bold;
	color: black}

/* Sub título usados nos <divs> */
.css_sub_titulos {
	height:20px;
	font-size: 12px;
	text-indent: 10px;
	border-top: 1px #62798C solid;
	background-color: #DDE3E8}
/*---------------------------------------*/

/* Tabela (box) de explicação (como funciona?)*/
.css_table_explicacao {
	background-color: #E1FFD7;
	border: 1px solid #33CC00}
/*---------------------------------------*/

/* Tabela (box) de ordenação */
.css_table_ordenacao {
	background-color: #E1F3FF;
	border: 1px solid #5EBEFF}
/*---------------------------------------*/

/*--------------------------------------- Caixas de seleção em geral */
select {
	font-family: Tahoma;
	background-color: #FFFFFF; 
	color: black; 
	font-size: 11px}


/*--------------------------------------- Campos de texto */
.css_textfield {
	border: 2px #7F7F7F solid;
	background-color: white; 
	font-size: 12px;
	color: black}


/*--------------------------------------- LOGOTIPO */
.logo{
	margin-left:15px;
	margin-top:15px;
}

/*--------------------------------------- Menu topo cabeçalho */
.menu-top{
	margin-top:10px;
}


/*--------------------------------------- Corpo menu superior */
.table-menu{
	/*width:1003px; /* comprimento menu */
	/*width:100%; /* comprimento menu */
	/*margin: 0 auto; /* centraliza menu*/
}


/*--------------------------------------- Tabela da listagem de produtos*/
.table-lista-produtos{
	width:100%; /* comprimento cabeçalho */
}

.table-lista-produtos td{
	padding:5px; /* espaçamento entre produtos */
	border-top:0px #D3D3D3 solid;
	border-bottom:0px #D3D3D3 solid;
}

/*--------------------------------------- Separador lateral da listagem de produtos */
.separador-lateral{
	float:left;
	margin:5px 5px 0 0;
	overflow:hidden;
	width:2px;
	height:200px;
	border-right:1px #ccc dashed;}

/*--------------------------------------- Separador inferior da listagem de produtos */
.separador-inferior{
	border:none;
	border-top:1px dashed #ccc;
	width:90%;
	margin-left:5px!important;
	height:2px;}

/*--------------------------------------- Separador lateral da listagem de produtos */
.separador-lateral-mini{
	float:left;
	margin:5px 5px 0 0;
	overflow:hidden;
	width:2px;
	height:60px;
	border-right:1px #ccc dashed;}

/*--------------------------------------- Separador inferior da listagem de produtos */
.separador-inferior-mini{
	
	border:none;
	border-top:1px dashed #ccc;
	width:60px;
	margin:0 auto;
	height:2px;}

/*--------------------------------------- TD do menu lateral */
.coluna-menu{
	/*width:190px; /* não necessário*/
	vertical-align:top;
	padding:5px; /* deixa espaço nos lados */
}

/*--------------------------------------- TD da coluna extra */
.coluna-apoio{
	display:none;
	vertical-align:top;
	width:0px;
}

/*---------------------------
/*	PRODUTOS (ve)
/*---------------------------

/*--------------------------------------- parcelas em destaque página produto, sacola */
.parcelamento-a {
	font-size: 13px;
	font-weight: bold;
	color: green}

/*--------------------------------------- parcelas em destaque página pagamento */
.parcelamento-b {
	font-weight: bold}


/*--------------------------------------- Utilizado no nome dos produtos */
.nome-produtos {
	font-size: 12px;
	font-weight: bold;
	color: #666666}


/*---------------------------------------* Preços de venda dos produtos */
.preco-venda {
	font-size: 13px;
	font-weight: bold;
	color: green}


/*--------------------------------------- Preço antigo produto (riscado) */
.preco-riscado {
	font-size: 11px;
	font-weight: normal;
	text-decoration: line-through;
	color:red}

/*--------------------------------------- Letras em tom claro */
.letras-claras {
	font-size: 11px;
	font-weight: normal;
	color: gray}

/*--------------------------------------- Letras de tamanho pequenas */
.letras-p {
	font-size: 10px;
	color: black}

/*--------------------------------------- Letras de tamanho pequenas */
.letras-m {
	font-size: 11px;
	color: black}

.letras-m a{
	text-decoration:none;
	color: black}

.letras-m a:hover{
	text-decoration:underline;
	color: black}

/*--------------------------------------- Letras de tamanho grande*/
.letras-g {
	font-size: 12px;
	color: black}


/*--------------------------------------- Corpo do menu lateral */
.table-menu-lateral{
	border:4px #CCCCCC solid;
	width:140px; /* comprimento cabeçalho */
	/*height:100px; /* altura cabeçalho */
	/*margin: 0 auto; /* centraliza cabeçalho*/
}

/* Tabela (box) de formas de pagto (produto.asp) */
.table_pagto {
	background-color: white;
	border: 1px solid #83C639}

/* Tracejado para tabela zoom produto */
.tracejado {
  border: 1px dashed #999999;}
/*---------------------------------------*/

/* Tracejado horizontal */
.css_tracejado_horizontal {
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #999999;}


/*--------------------------------------- Imagens que precisam ser alinhadas na base */
.img-bottom {
	vertical-align:bottom;
	padding:0px;
}


/*--------------------------------------- Forms do menu lateral */
.form-menu-lateral{
	padding:5px;
}


/*--------------------------------------- Menu do topo cabeçalho */
ul.menu-topo{
	margin:0; /* zerar margens */
	padding:0; /* zerar margens */
	margin:0 auto;
	list-style-type:none; /* tira bolinhas */
	font:11px Arial;
	/*width:400px; /* comprimento menu */
	width:100%; /* comprimento menu */
	margin-top:10px; /* margem superior */
}

ul.menu-topo li{
	position:relative;
	float:left;
	display:block;
	padding:3px; /* distância horizontal entre elementos */
	height:10px; /* distancia dos sub menus ao menu principal IMPORTANTE: preciso deixar o mesmo valor no top do ul#menu1 li ul */
	line-height:20px; /* posiciona texto relação ícones */
}

ul.menu-topo li a{
	color:black;
	text-decoration:none;
}

ul.menu-topo li a:hover{
	color:black;
	text-decoration:underline;
}


/*--------------------------------------- Menu superior */
ul.menu{
	margin:0; /* zerar margens */
	padding:0; /* zerar margens */
	list-style-type:none; /* tira bolinhas */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:450px; /* comprimento menu */
	margin-top:0px; /* margem superior */
	margin-left:20px;
}

ul.menu li{
	position:relative;
	float:left;
	display:block;
	padding:10px; /* distância horizontal entre elementos */
	height:10px; /* distancia dos sub menus ao menu principal IMPORTANTE: preciso deixar o mesmo valor no top do ul#menu1 li ul */
	line-height:6px; /* posiciona texto relação ícones */
	text-decoration:none;
}

ul.menu li a{
	color:#FF6600;
	text-decoration:none;
}

ul.menu li a:hover{
	color:#FF6600;
	text-decoration:underline;
}


/*--------------------------------------- Menu cadastro, pedidos, etc */
ul.menu-cliente{
	margin:0; /* zerar margens */
	padding:0; /* zerar margens */
	margin:0 auto;
	list-style-type:none; /* tira bolinhas */
	font:11px Arial;
	width:318px; /* comprimento menu */
	margin-top:0px; /* margem superior */
}

ul.menu-cliente li{
	position:relative;
	float:left;
	display:block;
	padding:6px; /* distância horizontal entre elementos */
	height:10px; /* distancia dos sub menus ao menu principal IMPORTANTE: preciso deixar o mesmo valor no top do ul#menu1 li ul */
	line-height:15px; /* posiciona texto relação ícones */
}

ul.menu-cliente li a{
	color:black;
	text-decoration:none;
}

ul.menu-cliente li a:hover{
	color:black;
	text-decoration:underline;
}


/*--------------------------------------- MENU PREÇO, TIPO, TODOS PRODUTOS */
#navegue-preco ul,
#navegue-tipo ul,
#navegue-todos-produtos ul {
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url('../images/design/marcador01.gif');
	margin-left:35px; /* distância margem esquerda */
}

#navegue-preco ul li,
#navegue-tipo ul li,
#navegue-todos-produtos ul li {
	padding:2px;
}

#navegue-preco ul li a,
#navegue-tipo ul li a,
#navegue-todos-produtos ul li a{
	color:#0000FF;
	text-decoration:none;
}

#navegue-preco ul li a:hover,
#navegue-tipo ul li a:hover,
#navegue-todos-produtos ul li a:hover{
	color:#0000FF;
	text-decoration:underline;
}

/*--------------------------------------- MENU CLIENTE */
#menu-lateral-cliente ul {
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url('../images/design/marcador01.gif');
	margin-left:30px; /* distância margem esquerda */
}

#menu-lateral-cliente ul li {
	padding:4px;
}

#menu-lateral-cliente ul li a{
	color:#0000FF;
	text-decoration:none;
}

#menu-lateral-cliente ul li a:hover{
	color:#0000FF;
	text-decoration:underline;
}

/*--------------------------------------- MENU LATERAL LETRAS */
#navegue-letra {
	width:170px; /* largura do menu */
	/*border:1px black solid;*/
	/*margin-left:1px; /* margem à esq. */
	text-align:center;
}

#navegue-letra ul {
	margin:0;
	padding:0;
}

#navegue-letra ul li {
	list-style:none; /* tira bolinhas */
	display:inline; /* exibe na horizontal */
	padding:1px; /* distância entre cada letra */
}



/*--------------------------------------- Espaçador do rodapé */
#rodape-espaco{
	height:5px;
	background:white;
	width:100%
}

/*--------------------------------------- Separador colorido rodapé*/
/*#rodape-separador{
	height:3px;
	background:#CCCCCC;
	width:98%;
	margin:0 auto;
}*/

#rodape-separador{
	background: #F1F1F1 url('../images/design/bg-rodape-degrade.jpg') repeat-x;
	height:26px;
	width:100%;
}


/*--------------------------------------- Conteúdo rodapé*/
#rodape-conteudo{
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana;
	font-size:12px;
	padding:5px;
}

#rodape-conteudo a{
	text-decoration: none}
}

#rodape-conteudo a:hover{
	text-decoration: underline}
}

#rodape-conteudo a:visited{
	text-decoration: none}
}

/*---------------------------------------*/
#dhtmltooltip{
	position: absolute;
	width: 200px;
	border: 1px solid #333399;
	padding: 2px;
	background-color: #CCCCFF;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135)}
/*---------------------------------------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
/* Linha horizontal abaixo abas */
 border-bottom: 1px solid #CCCCCC;
 font: bold 11px Arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
/* Borda ao redor das abas */
 border: 1px solid #CCCCCC;
 border-bottom: none;
/* Cor fundo aba segundo plano */
 background: #EEEEEE;
 text-decoration: none;
}

ul.tabbernav li a:link 
{ 
/* Cor link letras aba segundo plano */
 color: #1140FB; 
}
ul.tabbernav li a:visited 
{ 
/* Cor link letras aba segundo plano */
 color: #1140FB; 
}
ul.tabbernav li a:hover
{
/* Cor link letras aba segundo plano */
 color: #1140FB;
/* Cor fundo aba segundo plano mouse em cima */
 background: white;
/* Cor borda aba mouse em cima */
 border-color: #CCCCCC;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #1140FB;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
/* Borda esq, dir, inf área maior */
 border:1px solid #CCCCCC;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}