/*
-- Global Reset
*/

* {
	margin: 0;
	padding: 0;
}

/*
-- Tipografia e Cores
*/

a img {
	border: 0;
}

a:link {
	
}

a:visited {
	
}

a:hover {
	text-decoration: none;
}

a:active {
	
}

body, input, select, textarea {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}

body {
	
}

h1 {
	font-size: 18px;
	color: #333333;
}

h1 span {
	font-size: 13px;
	display: block;
}

h2 {
	
}

h3 {
	font-size: 14px;
	margin-bottom: 12px;
	color: #666666;
}

h2.tipo {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 15px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #999999;
	margin-top: 10px;
}

h2.tipo span {
	display: inline-block;
	padding: 1px 5px;
}

p {
	font-size: 13px;
	margin-bottom: 13px;
	color: #505050;
	line-height: 19px;
	text-align: justify;
}

p.legenda {
	font-size: 11px;
	color: #999999;
	font-style: italic;
}

div#corpo ul {
	list-style-type: square;
}

div#corpo ul, div#corpo ol {
	margin-left: 15px;
	margin-bottom: 12px;
}

div#corpo li {
	margin: 5px;
	font-size: 12px;
	line-height: 18px;
}

.cor3 {
	background-color: #8499c0;
}

.cor4 {
	background-color: #6fab9e;
}

.cor6 {
	background-color: #9e87a7;
}

.cor7, .cor8, .cor9, .cor10 {
	background-color: #d8b259;
}

.cor11, .cor12 {
	background-color: #e39885;
}

.cor13 {
	background-color: #6baac5;
}

.cor14 {
	background-color: #e4ab7b;
}

.cor15 {
	background-color: #85b7ce;
}

.cor16, .cor17, .cor18 {
	background-color: #9eb07f;
}

.cor19 {
	background-color: #180b87;
}

.cortodas {
	background-color: #939598;
}

.reator {
	background-color: #E39885;
}

.temp {
	font-style: italic;
	color: #666666;
}

/*
-- Estrutura
*/

body {
	text-align: center;
	background-color: #f1edd8;
}

div#site {
	width: 780px;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: left;
}

div#cabecalho {
	position: relative;
	background-image: url(../../imagens/estrutura/fundo_cabecalho.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border-bottom: 3px solid #696B94;
}

div#cabecalho img {
	display: block;
}

div#exclusivo {
	position: absolute;
	top: 0;
	right: 0;
}

div#busca {
	position: absolute;
	bottom: 19px;
	right: 28px;
}

div#busca .input {
	float: left;
	border: 0;
	margin-right: 2px;
	width: 190px;
}

div#busca .submit {
	background-color: #dcdddf;
	color: #302c78;
	border: 0;
	padding: 0;
	float: left;
	margin: 0;
	height: 22px;
}

div#corpo {
	
}

div#menu {
	background-color: #f1f1f1;
	border-bottom: 1px solid #dadbdd;
}

div#menu ul {
	list-style-type: none;
}

div#menu li {
	float: left;
}

div#menu a {
	float: left;
	display: block;
	margin-left: 40px;
	font-size: 14px;
	color: #707070;
	text-decoration: none;
	padding: 3px 0;
}

div#menu a:hover, div#menu a.ativo {
	color: #364d93;
}

div#corpo {
	clear: both;
}

div#rodape {
	border-top: 1px solid #dadbdd;
	text-align: center;
	background-color: #696b94;
	padding: 10px;
}

div#rodape p {
	margin: 0;
	color: #FFFFFF;
}

p.telefones {
	float: left;
	font-size: 16px;
	padding-top: 5px;
}

span.vendas {
	font-size: 20px;
}

p.copyright {
	float: right;
	font-size: 10px;
	line-height: 14px;
}

p.copyright a {
	color: #FFFFFF;
	text-decoration: none;
}

/*
-- Estílos específicos de seção
*/

body#home div#linhas {
	font-size: 13px;
}

body#home div#linhas a {
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
	margin-bottom: 10px;
}

body#home div#linhas a:hover {
	text-decoration: underline;
}

body#home div#linhas a.quad {
	margin-right: 8px;
	width: 35px;
	height: 17px;
}

body#home div.linha {
	margin: 10px auto;
	float: left;
	width: 340px;
}

div#menulinhas ul {
	list-style-type: none;
	margin: 0;
}

div#menulinhas li {
	margin: 0;
	float: left;
}

div#menulinhas a {
	height: 75px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	background-position: 0 -75px;
	background-image: url(../../imagens/estrutura/menu_abalux.gif);
}

div#menulinhas a.bttodas {
	width: 118px;
	background-position: 0px -75px;
}

div#menulinhas a.bttodas:hover {
	background-position: 0 -150px;
}

div#menulinhas a.btce {
	width: 45px;
	background-position: -119px -75px;
}

div#menulinhas a.btce:hover {
	background-position: -119px -150px;
}

div#menulinhas a.btabr {
	width: 44px;
	background-position: -163px -75px;
}

div#menulinhas a.btabr:hover {
	background-position: -163px -150px;
}

div#menulinhas a.btes {
	width: 44px;
	background-position: -207px -75px;
}

div#menulinhas a.btes:hover {
	background-position: -207px -150px;
}

div#menulinhas a.btmf {
	width: 45px;
	background-position: -252px -75px;
}

div#menulinhas a.btmf:hover {
	background-position: -252px -150px;
}

div#menulinhas a.btef {
	width: 44px;
	background-position: -297px -75px;
}

div#menulinhas a.btef:hover {
	background-position: -297px -150px;
}

div#menulinhas a.btef2 {
	width: 44px;
	background-position: -342px -75px;
}

div#menulinhas a.btef2:hover {
	background-position: -342px -150px;
}

div#menulinhas a.btefer {
	width: 44px;
	background-position: -386px -75px;
}

div#menulinhas a.btefer:hover {
	background-position: -386px -150px;
}

div#menulinhas a.btsr {
	width: 45px;
	background-position: -430px -75px;
}

div#menulinhas a.btsr:hover {
	background-position: -430px -150px;
}

div#menulinhas a.btpf {
	width: 44px;
	background-position: -475px -75px;
}

div#menulinhas a.btpf:hover {
	background-position: -475px -150px;
}

div#menulinhas a.btpd {
	width: 44px;
	background-position: -518px -75px;
}

div#menulinhas a.btpd:hover {
	background-position: -518px -150px;
}

div#menulinhas a.btar {
	width: 45px;
	background-position: -563px -75px;
}

div#menulinhas a.btar:hover {
	background-position: -563px -150px;
}

div#menulinhas a.btbz {
	width: 44px;
	background-position: -607px -75px;
}

div#menulinhas a.btbz:hover {
	background-position: -607px -150px;
}

div#menulinhas a.btjd {
	width: 44px;
	background-position: -651px -75px;
}

div#menulinhas a.btjd:hover {
	background-position: -651px -150px;
}

div#menulinhas a.btex {
	width: 44px;
	background-position: -695px -75px;
}

div#menulinhas a.btex:hover {
	background-position: -695px -150px;
}

div#menulinhas a.btpj {
	width: 42px;
	background-position: -738px -75px;
}

div#menulinhas a.btpj:hover {
	background-position: -738px -150px;
}

body#linhas h1 {
	padding: 8px 17px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-top: 1px;
	margin-bottom: 20px;
}

body#linhas h1 a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
}

body#linhas h1 a:hover {
	text-decoration: underline;
}

div.foto {
	position: relative;
	width: 266px;
	overflow: hidden;
	padding: 5px 0;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	text-align: center;
}

div.fotoalt {
	float: left;
	margin-right: 20px;
}

div.curva {
	margin-top: 15px;
}

div.extras {
	margin-top: 10px;
}

div.classe {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	position: relative;
}

div.classe p.leg {
	font-size: 11px;
	color: #000000;
	margin: 0;
	float: right;
	padding: 7px;
}

a.detalhes {
	color: #FFFFFF;
	display: block;
	padding: 3px;
	padding-left: 20px;
	text-decoration: none;
	font-size: 13px;
	background-image: url(../../imagens/estrutura/i_mais.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

div.classe a.detalhes, div.classe a.voltar {
	position: absolute;
	bottom: 0;
	left: 0;
}

a.voltar {
	color: #FFFFFF;
	padding: 3px;
	font-size: 13px;
	text-decoration: none;
	display: block;
	width: 90px;
}

a.detalhes:hover, a.voltar:hover {
	text-decoration: underline;
}

div.classe p {
	margin: 0;
}

div.classe .foto {
	float: right;
}

div.desc {
	font-size: 11px;
	padding: 10px;
	float: left;
	margin-bottom: 20px;
}

span.nome {
	text-transform: uppercase;
	display: block;
	float: left;
	width: 110px;
	clear: left;
}

span.valor {
	display: block;
	/*text-transform: lowercase;*/
	float: left;
	width: 380px;
}

div.listaproduto {
	background-color: transparent;
	margin: 10px 15px;
	float: left;
}

div.produtos {
	margin: 0 94px;
}

div.listaproduto div.foto {
	border-bottom: 1px solid #999999;
}

div.foto span.legenda, div.fotoalt span.legenda {
	/*position: absolute;
	bottom: 2px;
	left: 2px;*/
	display: block;
	margin: 0;
	padding: 3px;
	font-size: 10px;
	text-transform: uppercase;
	color: #555555;
	text-align: left;
}

div.produto {
	background-color: transparent;
}

div.produto .esq {
	width: 266px;
	float: left;
	margin-bottom: 10px;
}

div.produto h2 {
	font-size: 13px;
}

div.info {
	float: right;
	width: 455px;
}

div.ptabela {
	margin: 10px auto;
}

div.ptabela table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	margin-bottom: 6px;
}

div.ptabela td {
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
	font-size: 11px;
}

div.ptabela p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000000;
}

.tblacab {
	width: 100%;
}

.tblacab img {
	margin-top: 10px;
}

.tblacab span {
	font-size: 11px;
	text-transform: uppercase;
	color: #333333;
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

.tblacab th {
	color: #FFFFFF;
	background-color: #E4AB7B;
	font-size: 12px;
	padding: 3px;
	text-align: center;
}

.tblacab td {
	text-align: center;
	padding: 3px;
}

.w4 td {
	width: 25%;
}

.w3 td {
	width: 33%;
}

div.arandela {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

div.arandela img {
	display: block;
}

div.arandela span {
	display: block;
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
	color: #333333;
}

div.img {
	float: left;
	width: 60px;
	margin-right: 20px;
}

div.img img {
	display: block;
	clear: both;
}

div.mat {
	float: left;
	width: 270px;
}

div.mat h1 {
	color: #696591;
}

/*
-- Cores das linhas
*/

.ce {
	background-color: #ebeef5;
	border-bottom-color: #24578f;
}

.ce .foto {
	background-image: url(../../imagens/estrutura/degrade_ce.png);
}

.abr {
	background-color: #d1e4e1;
	border-bottom-color: #71ab9d;
}

.abr .foto {
	background-image: url(../../imagens/estrutura/degrade_abr.png);
}

.es {
	background-color: #e0d3e5;
	border-bottom-color: #9c85a2;
}

.es .foto {
	background-image: url(../../imagens/estrutura/degrade_es.png);
}

.mf {
	background-color: #e2e3f5;
	border-bottom-color: #979ac7;
}

.mf .foto {
	background-image: url(../../imagens/estrutura/degrade_mf.png);
}

.ef, .efer, .sr {
	background-color: #f5e2b2;
	border-bottom-color: #d6b359;
}

.ef .foto, .efer .foto, .sr .foto {
	background-image: url(../../imagens/estrutura/degrade_ef.png);
}

.pf, .pd {
	background-color: #f6d7cd;
	border-bottom-color: #e29988;
}

.pf .foto, .pd .foto, .reator .foto {
	background-image: url(../../imagens/estrutura/degrade_pf.png);
}

.ar {
	background-color: #b6d6e3;
	border-bottom-color: #979ac7;
}

.ar .foto {
	background-image: url(../../imagens/estrutura/degrade_ar.png);
}

.acab {
	background-color: #f9e0c7;
	border-bottom-color: #e3ab7a;
}

.acab .foto {
	background-image: url(../../imagens/estrutura/degrade_acab.png);
}

.bz {
	background-color: #d9e9f5;
	border-bottom-color: #85b7ce;
}

.bz .foto {
	background-image: url(../../imagens/estrutura/degrade_bz.png);
}

.jd, .ex, .pj {
	background-color: #e5ebd2;
	border-bottom-color: #9faf7e;
}

.jd .foto, .ex .foto, .pj .foto {
	background-image: url(../../imagens/estrutura/degrade_jd.png);
}

/*
-- Representantes
*/

body#representantes h2 {
	font-size: 15px;
	color: #808080;
	text-transform: uppercase;
	margin-bottom: 10px;
}

body#representantes div.padding {
	padding-top: 0;
}

.tblrepresentantes {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
}

.tblrepresentantes th {
	background-color: #ededed;
	padding: 3px;
	color: #808080;
}

.tblrepresentantes td {
	padding: 3px;
}

.sul td {
	background-color: #c6eafa;
}

.sul tr.alt td {
	background-color: #e1f3fd;
}

.sudeste td {
	background-color: #f3cfc1;
}

.sudeste tr.alt td {
	background-color: #f8e4db;
}

.centro_oeste td {
	background-color: #f2d8bf;
}

.centro_oeste tr.alt td {
	background-color: #f9e9da;
}

.nordeste td {
	background-color: #fff5d2;
}

.nordeste tr.alt td {
	background-color: #fff9e7;
}

.norte td {
	background-color: #d9e8d3;
}

.norte tr.alt td {
	background-color: #ebf3e6;
}

.tblrepresentantes, .tblrepresentantes th, .tblrepresentantes td {
	border: 1px solid #FFFFFF;
}

div#menurepr {
	margin: 15px 0;
	border-bottom: 1px solid #72769c;
}

div#menurepr h1 {
	font-size: 13px;
	text-transform: uppercase;
	color: #808080;
	background-color: #e6e7e9;
	padding: 3px 20px;
	margin-bottom: 10px;
}

div#menurepr ul {
	list-style-type: none;
	margin: 0;
}

div#menurepr li {
	float: left;
	margin: 0;
	padding: 0;
}

div#menurepr a {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	width: 156px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
}

a#btsul {
	border-bottom-color: #d3effb;
	background-color: #e1f3fd;
	color: #10b2f0;
}

a#btsul:hover, a#btsul.ativo {
	border-bottom-color: #10b2f0;
}

a#btsudeste {
	border-bottom-color: #f5dbce;
	background-color: #f8e4db;
	color: #d0171f;
}

a#btsudeste:hover, a#btsudeste.ativo {
	border-bottom-color: #d0171f;
}

a#btcentro {
	border-bottom-color: #f5e0cd;
	background-color: #f9e9da;
	color: #cd6e1a;
}

a#btcentro:hover, a#btcentro.ativo {
	border-bottom-color: #cd6e1a;
}

a#btnordeste {
	border-bottom-color: #f9efd6;
	background-color: #fbf4e1;
	color: #deba02;
}

a#btnordeste:hover, a#btnordeste.ativo {
	border-bottom-color: #deba02;
}

a#btnorte {
	border-bottom-color: #e0eddc;
	background-color: #ebf3e6;
	color: #6cbd70;
}

a#btnorte:hover, a#btnorte.ativo {
	border-bottom-color: #6cbd70;
}

/*
-- Classes Complementares
*/

.padding {
	padding: 20px;
}

.clear {
	clear: both;
}

.f-esq {
	float: left;
}

.f-dir {
	float: right;
}

.a-center {
	text-align: center;
}

div.line hr {
	display: none;
}

.espaco {
	margin-left: 8px;
}

/*
-- Form
*/

fieldset {
	border: 0;
}

form {
	
}

label {
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
}

label span {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

input, select, textarea {
	font-size: 12px;
}

.input {
	border: 1px solid #000000;
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
}

input.input, textarea.input {
	padding: 2px;
}

.submit {
	margin-top: 10px;
	background-color: #FFFFFF;
	border: 0;
	color: #000000;
	padding: 3px;
	display: block;
	cursor: pointer;
	border: 1px solid #000000;
	font-size: 12px;
}

.submit:hover {
	background-color: #000000;
	color: #FFFFFF;
}

p.aviso {
	padding: 3px;
	background-color: #FFFFCC;
	font-size: 13px;
}

p.erro {
	color: #990000;
	font-weight: bold;
	font-size: 13px;
}

div#corpo p.erro {
	margin-bottom: 2px;
}

/*
-- Controles
*/

p.controles {
	font-size: 12px;
	margin-top: 15px;
}

p.controles a {
	padding: 3px 7px;
	border: 1px solid #EEEEEE;
	text-decoration: none;
}

p.controles a:hover {
	background-color: #333333;
	text-decoration: none;
	color: #FFFFFF;
}

p.controles strong {
	padding: 3px 7px;
	background-color: #666666;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #EEEEEE;
}