body, html {
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:780px;
	_width:expression(documentElement.clientWidth < 780 ? "770px" : "100%")
}
#cabecalho {
	float:left;
	background-color:#f1f1f1;
	border-bottom: 1px solid #ccc;
	min-width:780px;
	height:96px;
	width:100%;
	overflow: hidden;
	_twidth:expression(documentElement.clientWidth < 780 ? "770px" : "auto")
	}
#cabecalho img {
	float:left;
	}
#cabecalho button {
	font-weight:bold;
	color:#fff;
	font-size:10px;
	text-align:center;
	outline:none;
	cursor: pointer;
	}
#cabecalho ul {list-style:none}
#painel {
	float:right;
	width:72.5%;
	border-left: 1px solid #ccc;
	height:96px;
	position:relative;
	top:-96px;
	overflow:hidden;
	margin-left:222px;
	_width:expression(documentElement.clientWidth < 780 ? "557px" : "72.5%")
}
#painel ul {
	padding:0;
	margin:0;
	float:left;
	border-bottom:1px solid #ccc;
	width:100%;
	height:25px;
	_width:expression(documentElement.clientWidth < 780 ? "557px" : "100%")
}
#painel li {
	display:inline;
	line-height:25px;
	
	}
	
#painel.login li {
	margin-right: 20px;
}

#listagem {
	padding-top:20px;
	padding-left:5px;
	float:left;
}
#listagem div {margin:0 2px}
#listagem label {display:block}
#listagem button {
	padding:0;
	margin:0;
	margin-top: 1px;
	margin-right:2px;
	height: 20px;
	line-height:19px;
	width:58px;
	background:url(images/pesquisar.gif) no-repeat;
	border:none;
	position:relative;
	top:1px;
	_top:4px;
}
#listagem button span {margin-left:-1px}
#listagem div, #painel button {float:left}
#painel input, #painel select {border:1px solid #809DB9; height:17px; padding:0}
#txtcodigo {
	width:45px;
}
#txtpesquisa {
	width:92px;
}
#listagem select {
	margin-right:2px;
}
#painel button {margin-top:11px}
#painel a {
	color:#333;
	text-decoration:none;
}
#painel a:hover {text-decoration:underline}
#login, #painel .meu_pedido {
	min-width:200px;
	width:36%; height:64px;
	font-size:10px;
	float:right;
	background-color:#e5e5e5;
	margin-left:0;
	border-left: 1px solid #ccc;
	padding:3px; color:#666
}
#login label {display:block; float:left; width:4em; line-height:15px;}
#login div {float:left; clear:both; margin-bottom:3px; width:200px;}
#login input {float:left;height:15px;width:100px;}
#login button {
	margin:0 5px; 
	background:url(images/login.gif) no-repeat;
	border:none; 
	width:45px; 
	height:20px;
	line-height:18px;
	position:relative;
	top:-2px;
}
#login button span {margin-left:-5px}
#login p {clear:both;line-height:9px;margin:3px 0 0 4em}
#login a {color:#666}

/* ABAS E BANNER */

#nav {
	clear:both;
}

#aba_superior, #aba_inferior {
	list-style:none; padding:0; margin: 0;
	}

#aba_superior {
	background-image: url("images/topo/fundo_sup.gif");
	height: 29px;
}

#aba_inferior {
	background-image: url("images/topo/fundo_inf.png");
	height: 29px;
}

#aba_superior li {
	float:right;	
}

#aba_inferior li {
	float:right;
}

#aba_superior a, #aba_inferior a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;

}

#aba_superior .ferramentas a {
	height: 20px;
	background-image: url("images/topo/but_sup.png");
	width: 88px;
	text-align: center;
	padding-top: 7px;
}

#aba_superior .outros a {
	height: 20px;
	background-image: url("images/topo/but_sup2.png");
	width: 88px;
	text-align: center;
	padding-top: 9px;
}

#aba_inferior .papelaria a {
	background-image: url("images/topo/but_laranja2.png");
	height: 20px;
	width: 90px;
	text-align: center;
	padding-top: 9px;
}

#aba_inferior .misto a {
	background-image: url("images/topo/but_amarelo.png");
	height: 20px;
	width: 90px;
	text-align: center;
	padding-top: 9px;
}

#aba_inferior .outros a {
	height: 20px;
	background-image: url("images/topo/but_inf.png");
	width: 90px;
	text-align: center;
	padding-top: 9px;
}

#aba_inferior .informatica a {
	height: 20px;
	background-image: url("images/topo/but_azul.png");
	width: 90px;
	text-align: center;
	padding-top: 9px;
}

#aba_inferior .utilidade a {
	height: 20px;
	background-image: url("images/topo/but_cinza.png");
	width: 90px;
	text-align: center;
	padding-top: 9px;
}

#aba_inferior .especiais a {
	height: 20px;
	background-image: url("images/topo/but_especiais.png");
	width: 102px;
	text-align: center;
	padding-top: 9px;
}

#aba_inferior .ativo a, #aba_superior .ativo a {
	background-position: 0% 100%;
}

#aba_inferior a:hover, #aba_superior a:hover {
	background-position: 0% 100%;
}


/* LOGADO */

#banner_logado {background:#090 url(images/topinho_logado.jpg) repeat-x 50%;}

#painel.logado ul {min-width:760px; _width:expression(documentElement.clientWidth < 760 ? "760px" : "100%")}

#painel.logado li {
	display:block;
	float:left;
	line-height:12px;
	font-size:10px;
	margin-right: 0;
	}
#painel logado li a {line-height:25px}
#painel.logado .cadastro, 
#painel.logado .pedido, 
#painel.logado .central, 
#painel.logado .logout {
	line-height:25px;
	padding-left:30px;
	margin-right: 20px;
	}

#painel.logado .cadastro {background:url(../images/meu_cadastro.gif) no-repeat}
#painel.logado .pedido {background:url(../images/meus_pedidos.gif) no-repeat}
#painel.logado .central {background:url(../images/central.gif) no-repeat}
#painel.logado .logout {background:url(../images/sair.gif) no-repeat}
#painel .meu_pedido {
	background:#e5e5e5 url(../images/pedido.gif) no-repeat 5px 50%;
	font-size:14px;
}
#painel .meu_pedido p {margin-left:30px}
#painel .meu_pedido .num_pedido {margin-top:15px}