/* CSS */

*{margin:0;padding:0;}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333; 
	background-image:url(../imagens/bg.jpg);
	background-repeat:repeat; 
	text-align:center;
}
p a, address a {color:#666666; text-decoration:none;}
p a, address a:hover {color:#666666; text-decoration:underline;}
#geral{
	width:707px; 
	margin:0 auto;
	background-color:#FFFFFF;
	background-image:url(../imagens/bg_geral.jpg);
	background-repeat:repeat-y;
	background-position:center;
	text-align:left;
	display:table;
}
/********************
Cabecalho
********************/
#cabecalho {
	width:inherit;
	height:169px;
	background-image:url(../imagens/bg_cabecalho.jpg);
	background-repeat:no-repeat;
	background-position:center;
	vertical-align:super;
}
#cabecalho h1 {
	width:500px;
	height:75px; 
	margin:0 auto; 
	padding-top:25px;
	overflow:hidden;
	text-indent:-5000em;
}
#cabecalho h1 a {display:block; height:75px;}
/********************
Menu
********************/
#menu {font-size:12px; text-align:right; color:#CBF67A; width:502px; margin-top:30px; margin-left:200px;}
#menu ul li {list-style:none; display:inline;}
#menu ul li a {color:#CFB67A; line-height:30px; text-decoration:none; height:30px; display:block; float:left; padding:0 5px;}
#menu ul li a:hover {background:url(../imagens/bg_menu.jpg) no-repeat center bottom;}
/********************
Barra lateral
********************/
#barra_lateral {float:left; width:180px; padding-left:10px; display:table; padding-bottom:10px;}
/* Lista Produtos */
#lista_produtos { width:180px; display:table;}
#lista_produtos h4 {font-size:14px; padding-left:15px; margin-left:20px; margin-bottom:10px;  background:url(../imagens/seta_lista_produtos.gif) no-repeat left;}
#lista_produtos ul li { line-height:20px; list-style:none; width:150px; margin:0 auto; text-align:center; margin-right:20px;}
#lista_produtos ul li a {display:block; border-bottom:1px dashed #CFB67A; color:#666666; text-decoration:none;}
#lista_produtos ul li a:hover {background:url(../imagens/seta_lista_produtos_2.gif) left no-repeat;}
#foto_produto {width:490px;}
#foto_produto img {
	width:470px;
	padding:10px;
	background:url(../imagens/bg_foto_produto.jpg) no-repeat center center;
}
#baner_produto {
	width:470px;
	padding:50px 10px 10px 10px;
	display:table;
	background:url(../imagens/baner_produtos.jpg) no-repeat center center;
	clear:both;
}
/********************
Conteudo
********************/
#conteudo {
	float:right; 
	width:490px; 
	display:table; 
	padding-bottom:20px;
	margin-right:20px; 
	_margin-right:10px;
}
#conteudo h2 {color:#6b5d51; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding-bottom:10px;}
#conteudo h3 {color:#6b5d51; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#conteudo p {line-height:17px; padding-top:5px; padding-bottom:5px; text-align:justify;}
#conteudo ul {margin-left:20px;}
.baner_representantes {width:178px;height:155px;overflow:hidden;text-indent:-5000em;background:url(../imagens/baner_representantes.gif) center no-repeat;}
.baner_representantes a {display:block;height:155px;}
.baner_servicos {width:167px;height:136px;overflow:hidden;text-indent:-5000em;background:url(../imagens/baner_servicos.gif) center no-repeat; padding-top:10px;}
.baner_servicos a {display:block;height:136px;}
.baner_texto {background:url(../imagens/baner_texto.jpg) no-repeat center; width:465px; height:146px; padding:50px 10px 0 10px;}
.baner_texto p {padding:30px;}
.lamina {
	width:110px; 
	height:110px;
	float:left;
	background:url(../imagens/bg_lamina.jpg) no-repeat; 
	margin:6px; 
	_margin:5px;
	text-align:center;
	color:#CFB67A;
}
.lamina img {margin:4px auto; border:1px dashed #CFB67A;}
.lamina a, a:visited {color:#CFB67A; text-decoration:none;}
.lamina a:hover {color:#f8f2c2;} 
/********************
Empresas
********************/
.empresas {}
.empresas img {
	padding:10px;
	margin:10px 0;
	border:1px solid #CFB67A;
}
/********************
Contatos
********************/
.contatos {}
.form {display:table;}
.form table {width:490px;}
.form .box, select {
	font-size:10px; padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.form select {padding:0;}
.form .box {width:200px;}
.form .codigo {margin:5px 0 5px 0;}
.form label {display:block; padding:5px 0;}
.form .botao {display:block; margin-top:10px;}
.obs {padding:10px 0;}
address {font-style:normal;}
.address {background:#f8f2c2; padding:10px; border:1px dashed #CCCCCC; line-height:15px;}
/********************
Representantes
********************/
.representantes {}
.representantes {
	width:300px;
	background:url(../imagens/representante.gif) left no-repeat;
	padding-left:20px;
	margin-top:10px;
	vertical-align:middle;
}
/********************
Rodape
********************/
.esq {width:500px; height:50px; float:left;}
.dir {width:50px ;height:50px; float:right;}
#rodape {width:692px; height:44px; background:url(../imagens/bg_rodape.jpg) no-repeat center top; margin:0 auto; padding:10px;}
#rodape .credit {width:500px;float:left;color:#CFB67A; padding-bottom:8px;}
#rodape ul {padding-left:3px;}
#rodape ul li {list-style:none;display:inline;}
#rodape li a {color:#CFB67A; text-decoration:none; display:block; float:left; margin:0 2px; padding:0 4px; background:url(../imagens/bg_rodape_menu.jpg) repeat-x;}
#rodape li a:hover {background:url(../imagens/bg_rodape_menu_over.jpg) repeat-x;}
.seta_topo a {display:block; width:50px; text-align:left; color:#CFB67A; font-size:12px; background:url(../imagens/seta_topo.jpg) no-repeat right; text-decoration:none;}
/* Nunix */
#nunix a {width:50px; height:30px; display:block; background:url(../imagens/nunix.jpg) no-repeat right; clear:both; text-indent:-5000em; overflow:hidden; margin:7px 0 0 0;}
#nunix img {border:0;}