*{ 
	margin:0;
	padding:0;
}

html{
	background: #cccccc url(../img/fundo.jpg) 0 0 repeat-x;
}

#fundo{
	width:100%;
	display:table;
	background:url(../img/fundo_geral.jpg) center 300px repeat-y;
}

#fundo #geral{
	margin:0 auto;
	width:762px;
	display:table;
	background:url(../img/topo.jpg) center top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #383838;	
}
#fundo #geral #esquerda{
	float:left;
	width:270px;
	display:table;
	
}

#fundo #geral #esquerda #logo{
	width:270px;
	height:144px;
	display:block;
}

#fundo #geral #esquerda #logo h1 a.logotipo{
	width:194px;
	height:93px;
	display:block;
	background:url(../img/logo.gif) 0 0 no-repeat;
	position:relative;
	left:47px;
	top:52px;
	text-indent:-999999px;
	overflow:hidden;
}

#fundo #geral #esquerda #menu{
	width:172px;
	height:237px;
	display:block;
	position:relative;
	left:58px;
	top:23px;
	z-index:20;
}


#ir_para{
	display:none;
}
#voltar_menu{
	display:none;
}


#fundo #geral #esquerda #menu ul li{
	float:left;
	list-style-type:none;
	background:#858585;
	line-height: 18px;
}

#fundo #geral #esquerda #menu ul li a{
	width:172px;
	display:block;
	background-position:left top;
	text-decoration: none;
	color: #e8e8e8;
	text-align: center;
}

#fundo #geral #esquerda #menu ul li a.btn_home{
	height:35px;
	background:url(../img/btn_home.jpg) no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#fundo #geral #esquerda #menu ul li a.btn_empresa{
	height:32px;
	background:url(../img/btn_empresa.jpg) no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#fundo #geral #esquerda #menu ul li a.btn_produtos{
	height:32px;
	background:url(../img/btn_produtos.jpg) no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#fundo #geral #esquerda #menu ul li a.btn_qualidade{
	height:32px;
	background:url(../img/btn_qualidade.jpg) no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#fundo #geral #esquerda #menu ul li a.btn_trab{
	height:32px;
	background:url(../img/btn_trabalhe.jpg) no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#fundo #geral #esquerda #menu ul li a.btn_contato{
	height:32px;
	background:url(../img/btn_contato.jpg) no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#fundo #geral #esquerda #menu ul li a:hover{
	background-position:left bottom;
	color: #FFFFFF;
}


/* Submenus */

#fundo #geral #esquerda #menu ul li #sub_menu{
	color: #000000;
	display:none;
}

#fundo #geral #esquerda #menu ul li #sub_empresa{
	color: #000000;
	display:none;
	width:172px;
	display:none;
}


#fundo #geral #esquerda #menu ul li #sub_empresa ul li a{
	background:url(../img/linhamenu.gif) center bottom no-repeat;


}
#fundo #geral #esquerda #menu ul li #sub_empresa ul li a:hover{
	background-color: #666666;
	
}

#fundo #geral #esquerda #menu ul li #sub_menu ul li a:hover{
	background-color: #666666;
}

#fundo #geral #esquerda #menu ul li #sub_menu #sub_menu2{
	border: 1px solid #333333;
	position:absolute;
	left: 167px;
	top: 172px;
	display:none;
}

#fundo #geral #esquerda #menu ul li #sub_menu #sub_menu6{
	border: 1px solid #333333;
	position:absolute;
	left: 167px;
	top: 244px;
	display:none;
}
#fundo #geral #esquerda #menu ul li #sub_menu #sub_menu2 #sub_menu3{
	border: 1px solid #333333;
	position:absolute;
	left: 158px;
	top: 20px;
	display:none;
}
#fundo #geral #esquerda #menu ul li #sub_menu #sub_menu2 #sub_menu4{
	border: 1px solid #333333;
	position:absolute;
	left: 158px;
	top: 20px;
	display:none;
}
/**/


#fundo #geral #esquerda #menu #buscar{
	width:172px;
	height:42px;
	display:table;
	background: url(../img/busca.jpg) no-repeat;
	float:left;
}

#fundo #geral #esquerda #menu #buscar form ul {
	width:162px;
	display:table;
	float:left;
	padding:8px 0 0 5px;

}

#fundo #geral #esquerda #menu #buscar form ul li{
	float:left;
	display:block;
	background:#6b6b6b;
}

#fundo #geral #esquerda #menu #buscar form ul li input.busca{
	width:129px;
	height:20px;
	padding:7px 0 0 5px;
	border:none;
	background-color:tranparent;
	background:url(../img/campo_busca.jpg) 0 0 no-repeat;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#fundo #geral #esquerda #menu #buscar form ul li input.btn_ok{
	border:none;
	width:23px;
	height:27px;
	float:left;
}


#fundo #geral #topo{
	width:445px;
	height:279px;
	display:block;
	float:left;
	z-index:100;
	position:relative;

}

#fundo #geral #topo #animacao{
	width:444px;
	height:185px;
	display:block;
	position:relative;
	top:85px;
	z-index:800px;
}

#fundo #geral #conteudo {
	width:435px;
	display:table;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #383838;
	line-height: 18px;
	z-index:50;
}
#fundo #geral #conteudo h2.h_inst{
	width:450px;
	height:29px;
	display:block;
	background:url(../img/h_inst.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	padding-bottom:5px;
}

#fundo #geral #conteudo h2.h_empresa{
	width:192px;
	height:29px;
	display:block;
	background:url(../img/h_empresa.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	padding-bottom:5px;
}

#fundo #geral #conteudo h2.h_qualidade{
	width:192px;
	height:29px;
	display:block;
	background:url(../img/h_qualidade.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	padding-bottom:5px;
}
#fundo #geral #conteudo h2.h_produtos{
	width:192px;
	height:29px;
	display:block;
	background:url(../img/h_produtos.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	padding-bottom:5px;
}
#fundo #geral #conteudo h2.h_trabalhe{
	width:192px;
	height:29px;
	display:block;
	background:url(../img/h_trabalhe.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	padding-bottom:5px;
}

#fundo #geral #conteudo h2.h_contato{
	width:192px;
	height:29px;
	display:block;
	background:url(../img/h_contato.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	padding-bottom:5px;
}
#fundo #geral #conteudo h2.h_newsletter{
	width:192px;
	height:46px;
	display:block;
	background:url(../img/h_newsletter.gif) 0 17px no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	padding-bottom:5px;
}

#fundo #geral #conteudo h3{
	font-size: 14px;
	font-weight: bold;
	padding:3px 0 5px 0;

}
#fundo #geral #conteudo h4{
	font-size: 12px;
	font-weight: bold;
	padding:3px 0 5px 0;

}



#fundo #geral #conteudo p{
	padding-bottom:9px;
}

#fundo #geral #conteudo a{
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #383838;
	border:none;
}

#fundo #geral #conteudo .img_atitude{
	padding-left:25px;

}
#fundo #geral #conteudo ul.col_clientes{
	width:210px;
	display:table;
	float:left;
	list-style:none;
	padding-bottom:9px;
}

#fundo #geral #conteudo #newsletter{
	width:215px;
	height:166px;
	display:block;
	float:left;
	background:url(../img/caixa_news.jpg) 0 0 no-repeat;
	
}
#fundo #geral #conteudo #newsletter h3.h_news{
	width:93px;
	height:20px;
	display:block;
	background:url(../img/h_news.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	position:relative;
	top:12px;
	left:10px;

}

#fundo #geral #conteudo #newsletter p{
	position:relative;
	top:6px;
	left:10px;

}
#fundo #geral #conteudo #newsletter ul li{
	list-style-type: none;
}

#fundo #geral #conteudo #newsletter ul li form {
	width:215px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display:table;
}
#fundo #geral #conteudo #newsletter form ul li label{
	width:210px;
	display:table;
	padding-left:10px;
	padding-bottom:3px;
}
#fundo #geral #conteudo #newsletter form ul li.nome_news{
	width:210px;
	height:40px;
	background: url(../img/campo_nome_news.gif) 5px 18px no-repeat;
	float:left;

}
#fundo #geral #conteudo #newsletter form ul li.email_news{
	width:174px;
	height:40px;
	background: url(../img/campo_email_news.gif) 5px 18px no-repeat;
	float:left;

}

#fundo #geral #conteudo #newsletter form ul li.btn_envia_news{
	width:28px;
	height:40px;
	float:left;
	position:relative;
	top:18px;
	left:5px;

}


#fundo #geral #conteudo #newsletter form ul li input.campos_news{

	width:187px;
	height:14px;
	border:1px none #00132e;
	background-color:transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-left:7px;
	padding-top:2px;
	color:#000;
	display:block;

}

#fundo #geral #conteudo #newsletter form ul li input.campos_news2{

	width:166px;
	height:14px;
	border:1px none #00132e;
	background-color:transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-left:7px;
	padding-top:2px;
	color:#000;
	display:block;

	}

#fundo #geral #conteudo #mapa{
	width:220px;
	height:166px;
	display:block;
	float:left;
	background: url(../img/caixa_mapa.jpg) 5px 0 no-repeat;
	
}
#fundo #geral #conteudo #mapa h3.h_mapa{
	width:93px;
	height:23px;
	display:block;
	background:url(../img/h_mapa.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	position:relative;
	top:10px;
	left:15px;

}
#fundo #geral #conteudo #mapa p{
	width:210px;
	display:table;
	position:relative;
	top:6px;
	left:15px;
	color:#FFFFFF;

}

#fundo #geral #conteudo #mapa a.btn_mapa{
	width:194px;
	height:79px;
	display:block;
	position:relative;
	left:15px;
	background:url(../img/mapa_mini.jpg) center top;
	
}

#fundo #geral #conteudo #mapa a:hover{
	background:url(../img/mapa_mini.jpg) center bottom;
}

#fundo #geral #conteudo ul.lista_prod li{
	width:195px;
	float:left;
	list-style:none;
	line-height: 18px;
	height:19px;
	padding-bottom:5px;

}

#fundo #geral #conteudo ul.lista_prod li a{
	height:19px;
	display:block;
	background:url(../img/btn_lista_prod.gif) left top no-repeat;
	text-indent: 20px;
}

#fundo #geral #conteudo ul.lista_prod li a:hover{
	height:19px;
	background:url(../img/btn_lista_prod_hover.gif) left top no-repeat;
}

/* produtos */
#fundo #geral #conteudo .box_lista{
	width:140px;
	height:190px;
    float:left;
	display:block;
	padding:10px 5px 10px 0;
	}
	
#fundo #geral #conteudo .box_lista a{
	width:129px;
	height:129px;
	display:block;
	border:none;
	text-decoration: none;
	background: url(../img/img_fundo_prod.gif) 0 0 no-repeat;
	position:relative;
	left:5px;

}	
#fundo #geral #conteudo .box_lista p{
	padding-bottom:0;
	text-align:center;
	font-weight: bold;	
	
	}
	
#fundo #geral #conteudo .box_lista img{
	width:120px;
	height:120px;
	display:block;
	border:none;
	position:relative;
	top:5px;
	left:5px;
	}

/**/

#fundo #geral #conteudo .foto_detalhe{
	width:210px;
	height:210px;
	display:block;
	background:url(../img/img_fundo_detalhe.jpg) 0 10px no-repeat;
	padding-top:10px;
	float:left;

}

#fundo #geral #conteudo .foto_detalhe img{
	width:195px;
	height:190px;
	display:block;
	padding-left:5px;
	padding-top:10px;
}

#fundo #geral #conteudo .descricao{
	width:210px;
	height:232px;
	display:table;
	padding:5px 0 0 10px;
	float:left;
}

#fundo #geral #conteudo .descricao ul li{
	list-style:none;
}

#fundo #geral #conteudo ul.tumbs li{
	padding-bottom:17px;
}

#fundo #geral #conteudo ul.tumbs li.prod{
	width:70px;
	height:70px;
	display:block;
	float:left;
	padding-right:17px;
	background:url(../img/prod_fundo.gif) 0 0 no-repeat;
}
#fundo #geral #conteudo ul.tumbs li.prod a{
	width:50px;
	height:50px;
	display:block;
	padding:10px 0 0 10px;
}
#fundo #geral #conteudo ul.tumbs li.prod a img{
	border:none;

}

/**/

#fundo #geral #conteudo .colContDir{
	display:block;
	float: left;
	padding-top:20px;
}
#fundo #geral #conteudo .colContDir h3{
	width:192px;
	height:22px;
	display:block;
	background:url(../img/h_fale.gif) 0 0 no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


#fundo #geral #conteudo .colContDir p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#383838;
}

#fundo #geral #conteudo .colContDir form{
	width:435px;
	display:table;
	float:left;

}

#fundo #geral #conteudo .colContDir form ul li{
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color:#383838;
	padding-bottom:2px;
	display:block;
	float:left;
}



#fundo #geral #conteudo .colContDir form ul li label{
	/*width:306px;
	display:block;
	float:left;*/
}

#fundo #geral #conteudo .colContDir form ul li input.campos{
	width:200px;
	height:19px;
	background-color:#efefef;
	border:#676767 solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	padding-top:3px;
	color:#000;
	display:block;
}

#fundo #geral #conteudo .colContDir form ul li.direita{
	padding-left:20px;
}


#fundo #geral #conteudo .colContDir form ul li textarea.msg{
	width:422px;
	height:60px;
	border:#676767 solid 1px;
	background-color:#efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#000;
	padding-top:3px
}

#fundo #geral #conteudo .colContDir form ul li input.btEnvia{
	width:72px;
	height:35px;
	position:relative;
	left:357px;

}

#fundo #geral #conteudo .colContDir form ul li.atividade{
	padding:15px 0;
}

#fundo #geral #conteudo .enviada{
	height:300px;
	width:400px;
	display:block;
	position:relative;
	left:90px;
	top:70px;
	font-weight: bold;
}







/**/



#fundo #geral #conteudo .news{
	width:430px;
	height:45px;
	display:block;
}

#fundo #geral #conteudo .news form{
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#fundo #geral #conteudo .news form ul li{
	list-style-type: none;
	float:left;

}

#fundo #geral #conteudo .news form ul li.nome{
	width:167px;
	height:35px;
	background:url(../img/campos.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;

}

#fundo #geral #conteudo .news form ul li.email{
	width:167px;
	height:35px;
	background:url(../img/campos.gif) 0 0 no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#fundo #geral #conteudo .news form ul li.btn_envia{
	width:72px;
	height:35px;
	
	
}

#fundo #geral #conteudo .news form ul li input{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

#fundo #geral #conteudo .news form ul li input.campos{
	width:145px;
	height:14px;
	border:1px none #00132e;
	background-color:transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-left:6px;
	padding-top:2px;
	color:#000;
	display:block;
	position:relative;
	top:-9px;
}
#fundo #geral #pags{
	width:450px;
	height:20px;
	display:block;
	position:relative;
	top:5px;
	left:270px;
	clear:both;
	
}

#fundo #geral #pags #paginacao_menu{
	width:450px;
	height:20px;
	display:block;
	clear:both;
}

#fundo #geral #btn_voltar{
	width:72px;
	height:24px;
	display:block;
	position:absolute;
	left: 750px;
	top: 315px;

}
#fundo #geral #btn_voltar a{
	width:72px;
	height:24px;
	display:block;
	text-indent:-999999px;
	overflow:hidden;
	background:url(../img/btn_voltar.gif) 0 0 no-repeat;
	
}
#fundo #rodape{
	margin:0 auto;
	width:762px;
	height:113px;
	display:block;
	background:url(../img/rodape.jpg) center bottom;
	
}

address{
	width:430px;
	height:32px;
	display:block;
	font-size: 10px;
	font-style: normal;
	color: #383838;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:270px;
	top:19px;
	line-height: 18px;
}

#fundo #rodape #selos{
	width:180px;
	position:relative;
	left:270px;
	top:29px;
	
}

#fundo #rodape #selos ul li{
	height:15px;
	float:left;
	list-style-type:none;
}

#fundo #rodape #selos ul li a{
	height:15px;
	display:block;
	overflow:hidden;
	text-indent:-999999px;
	background-position:left top;
}

#fundo #rodape #selos ul li a.wtc{
	width:80px;
	background:url(../img/w3c.gif) no-repeat 0 0;
	padding-right:9px;
}

#fundo #rodape #selos ul li a.gdsi{
	width:91px;
	background:url(../img/gdsi.gif) no-repeat 0 0;
}


#popupnew{
	/*width:605px;
	height:387px;*/
	width:378px;
	height:187px;
	display:block;
	position:absolute;
	left:27px;
	top:136px;
	z-index:900;
	
}

a.btFechar{
	width:98px;
	height:21px;
	display:block;
	position:absolute;
	left:62px;
	top:139px;
	text-indent:-999999px;
	overflow:hidden;
	background:url(../img/btn-fechar.gif) 0 0 no-repeat;
	z-index:1000;
}
