/* CSS Document */

/*************************************************************************************
   AUTOR:  					Victor Hugo Mosconi 
   WEBSITE:   				http://www.webkriativa.com.br/
 *************************************************************************************/
 
 *{
	outline:0;
}
body{
	background:url(../imgs/background.jpg) no-repeat top center;
}
body, table, td, tr, th{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	cursor:default;
	color:#686868;
}
body, p, hr, form{
	margin:0;
	padding:0;
}
form * {
	font-family:Verdana, Geneva, sans-serif;
}
img, a{
	border:none;
}
.clear{
	clear:both;
}

textarea {
	overflow:auto;	
}

/* Index */

#site {
	margin:0 auto;
	width:980px;	
}

#topo {
	padding-top:21px;	
}

#topo .menu {
	width:680px;
	float:left;
	padding-top:32px;
}
#topo .menu a span{
	visibility:hidden;
}
#topo .menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#redeSociais {
	background:url(../imgs/acompanheTambem.png) no-repeat left center;
	padding-left:128px !important;
	height:32px;
}
#redeSociais li{
	display:block;
	float:left;
	margin-right:7px;
}
#redeSociais li a{
	background:url(../imgs/redeSocial.png) no-repeat 0 0;
	width:32px;
	height:32px;
	display:block;
	text-decoration:none;	
}
#redeSociais li a.facebook:hover {
	background-position:0 -32px;	
}
#redeSociais li a.twitter {
	background-position:0 -64px;
}
#redeSociais li a.twitter:hover {
	background-position:0 -96px;	
}
#menu{
	width:340px;
	height:50px;
	background:url(../imgs/fundo_menu.png) no-repeat 0 0;
	margin-top:38px !important;
}
#menu li {
	display:block;
	margin-right:2px;
	float:left;
}
#menu li.contato {
	margin-right:0;	
}
#menu li a {
	background:url(../imgs/menu_texto.png) no-repeat 0 0;
	display:block;
	height:51px;
	text-decoration:none;
	overflow:hidden;	
}
#menu li.home a {
	background-position:0 -0;
	width:73px;	
}
#menu li.home a:hover,#menu li.home a.active {
	background-position:0 -47px;	
}
#menu li.empresa a {
	width:77px;	
	background-position:-74px 0;
}
#menu li.empresa a:hover,#menu li.empresa a.active {
	background-position:-74px -47px;
}
#menu li.produtos a {
	background-position:-152px 0;
	width:93px;	
}
#menu li.produtos a:hover,#menu li.produtos a.active {
	background-position:-152px -47px;
}
#menu li.contato a {
	background-position:-247px 0;
	width:79px;		
}
#menu li.contato a:hover,#menu li.contato a.active {
	background-position:-247px -47px;	
}

#logo{
	width:298px;
	float:right;
}
#logo a{
	display:block;
	width:298px;	
	height:95px;
	background:url(../imgs/logo.png) no-repeat 0 0;
}
#logo a:hover {
	background-position:0 -96px;	
}

#banner {
	position:relative;
	width:980px;
	height:465px;	
	overflow:hidden;
	margin-top:4px;
}
#bannerD,#bannerE{
	position:absolute;
	width:7px;
	height:425px;
	background:url(../imgs/banner_fundo.png) no-repeat 0 0;
	top:0;
	z-index:9;
}
#bannerE{
	left:0;
}
#bannerD{
	right:0;
	background-position:-973px 0;
}

.bemVindo {
	background:url(../imgs/bemVindo.png) no-repeat 0 0;
	width:556px;
	height:26px;
	margin-left:425px;	
}

.textoHome {
	font-size:16px;
	text-align:justify;
	line-height:24px;
}

#produtos {
	width:286px;
	float:left;
	margin-top:49px;
	padding-top:40px;
	background:url(../imgs/titulo/nossosProdutos.png) no-repeat 0 0;
	font-size:13px;
	color:#686868;
}
#produtos .prod{
	padding-bottom:16px;
	margin-bottom:16px;
	background:url(../imgs/riscoDivisao.png) no-repeat center bottom;
}
#produtos .ultimo{
	background:none;
	margin-bottom:8px;
}
#produtos .prod a {
	text-decoration:none;
	color:#353535;
	font-size:14px;
	font-weight:bold;
}
#produtos .prod a:hover{
	text-decoration:underline;
}

/* Meio Ambiente */
#meioAmbiente {
	width:286px;
	float:left;
	background:url(../imgs/titulo/texto_meio_ambiente.png) no-repeat 0 5px;
	font-size:11px;
	color:#686868;
	margin-left:61px;
	padding-top:40px;
}

#meioAmbiente .imagem {
	padding-bottom:20px;	
}

#meioAmbiente .imagem a{
	text-decoration:none;
}

/* Nossa História */
#nossaHistoria {
	width:286px;
	float:right;
	background:url(../imgs/titulo/texto_nossa_historia.png) no-repeat 0 0;
	font-size:11px;
	color:#686868;
	padding-top:40px;	
}

#nossaHistoria .imagem {
	padding-bottom:16px;	
}

/* BOTOES*/
.btn{
	display:inline-block;
	text-decoration:none;
	background:url(../imgs/botoes.png) no-repeat 0 -0;
}
.maisProdutos {
	height:28px;
	width:158px;	
}
.maisProdutos:hover {
	background-position:0 -29px;	
}

/*** RODAPE ***/
#rodape {
	position:relative;
	margin-top:30px;
	color:#FFF;
	font-size:12px;
	line-height:12px;
}
#rodape .topo, #rodape .base {
	height:5px;
	background:url(../imgs/rodape_fundo.png) no-repeat 0 0;
}
#rodape .base{
	background-position:0 -5px
}
#rodape .conteudo{
	background:#0e821c;
	padding:17px 15px;
}
#rodape .endereco, #rodape .telefone, #rodape .email {
	padding-top:19px;
	float:left;
}
#rodape .endereco {
	width:330px;
	background:url(../imgs/rodape_endereco.png) no-repeat 0 0;
}
#rodape .telefone {
	width:200px;
	margin:0 50px 0 20px;
	background:url(../imgs/rodape_telefone.png) no-repeat 0 0;
}
#rodape .email {
	width:240px;
	background:url(../imgs/rodape_email.png) no-repeat 0 0;
}
#webkriativa{
	position:absolute;
	display:block;
	width:58px;
	height:42px;
	top:20px;
	right:15px;
	background:url(../imgs/webkriativa.png) 0 0 no-repeat;
	overflow:hidden;
}
#webkriativa:hover{
	background-position:0 -42px;
}
#webkriativa span{
	visibility:hidden;
}

/* Títulos */
h1.titulo, h2.titulo, h3.titulo, #tituloPagina h1  {
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

h1.titulo span, h2.titulo span, h3.titulo span {
	visibility:hidden;	
}

/*** Empresa ***/

#tituloPagina {
	float:right;	
}

#tituloPagina h1 {
	height:42px;
}

#tituloPagina h1 span {
	visibility:hidden;
}

h1.conhecaHist {
	background-image:url(../imgs/titulo/conheca_nossa_historia.png);
	width:278px;
}

#quadro {
	width:980px;
	padding-top:40px;	
}

dl.dropDown {
	margin:0;
	padding-top:10px;	
}

dl.dropDown dt {
	height:17px;
	line-height:32px;
	padding:8px 4px 7px;
}


dl.dropDown dt.ativo {
	background:url(../imgs/borda_ativo.png) no-repeat 0 0;
	color:#FFF;	
}

dl.dropDown dt.ativo a {
	color:#FFF;	
}

dl.dropDown dt.ativo a:hover {
	color:#ccdf77;	
}

dl.dropDown dt a {
	display:block;
	text-decoration:none;
	padding-left:23px;
	height:17px;
	background:url(../imgs/btn_ico.png) no-repeat 0 0;
	color:#768827;
	font-size:16px;
	line-height:16px;
}

dl.dropDown dt a:hover {
	background-position:0 -17px;
	color:#95ac31;
}

dl.dropDown dd {
	padding:18px 0 23px;
	margin:0 27px;
	overflow:hidden;	
}


/* Ambiental */

h1.compromisso {
	background-image:url(../imgs/titulo/compromisso_ambiental.png);
	width:288px;
}

/* Produtos */

h1.linhaProdutos {
	background-image:url(../imgs/titulo/conheca_produtos.png);
	width:397px;
}

#categoria {
	float:left;
	width:287px;	
}

.buscarProduto {
	background:url(../imgs/buscar.png) no-repeat 0 0;
	padding-top:24px;
	margin-top:20px;	
}

.pesquisar {
	padding-top:13px;
	position:relative;	
}

.pesquisar input {
	color:#a2a2a2;	
}

.input {
	border:1px solid #e5e5e5;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:13px;
	width:220px;
	padding:14px 35px 14px 8px;
	font-size:11px;	
}

.icoPesquisar {
	background:url(../imgs/pesquisar.png) no-repeat 0 0;
	border:0;
	display:block;
	height:23px;
	width:24px;
	position:absolute;
	right:27px;
	top:22px;
	cursor:pointer;
}
.icoPesquisar:hover {
	background-position:0 -23px;		
}

.produtosCategoria {
	background:url(../imgs/produtos_categoria.png) no-repeat 0 0;
	margin-top:41px;
	padding-top:17px;	
}

#menuCategoria {
	padding:0;	
}


#menuCategoria li {
	margin:0;
	padding:0;
	list-style:none;
}

#menuCategoria li a {
	background:url(../imgs/btn_ico.png) no-repeat 0 0;
	display:block;
	text-decoration:none;
	color:#768827;
	height:17px;
	margin-bottom:5px;
	padding-left:24px;
}

#menuCategoria li a:hover, #menuCategoria li a.ativo {
	background-position:0 -17px;
	color:#0c5d10;
	font-weight:bold;	
}

#menuCategoria ul {
	margin:0 0 15px;
	padding:0 0 0 24px;		
}

#menuCategoria ul li a {
	background:url(../imgs/btn2_ico.png) no-repeat 0 0;
	height:14px;
}

#menuCategoria ul li a:hover, #menuCategoria ul li a.ativo {
	background-position:0 -14px;
}

#produto {
	float:right;
	width:640px;	
}

#produto .produto p {
	margin-bottom:8px;	
}

.boletim {
	background:url(../imgs/btn_boletim_tecnico.png) no-repeat 0 0;
	height:27px;
	display:inline-block;
	width:154px;
}

.boletim:hover {
	background-position:0 -27px;	
}

.fispq {
	background:url(../imgs/btn_fispq.png) no-repeat 0 0;
	height:27px;
	display:inline-block;
	width:88px;	
}

.fispq:hover {
	background-position:0 -28px;	
}

.produto h3 {
	color:#353535;	
}

.espacaBtnBolFis {
	padding-bottom:52px;
}

.espacaDesc {
	padding-bottom:10px;	
}

/* Clientes */
h1.listaClientes {
	background-image:url(../imgs/titulo/lista_clientes.png);
	width:259px;
}

.cinzaClaro {
	color:#686868;
	font-size:13px;
}

.listaClientes {
	width:310px;
	height:60px;
	float:left;
	padding:26px 23px 20px 0;
}

.listaClientes a {
	color:#768827;
	text-decoration:none;	
}

.listaClientes h3 {
	color:#353535;
	margin:0;
	padding:0;	
}

/* Contato */
h1.contato {
	background-image:url(../imgs/titulo/contato.png);
	width:318px;
}

.formularioContato {
	float:left;	
}

.formularioContato td {
	color:#768827;
	font-size:15px;	
}

.mapa {
	float:right;	
}

/* REPRESENTANTES */
.estado h1 {
	color:#0c5d10;	
}

.representante a {
	color:#768827;
	text-decoration:none;	
}

.representante a:hover {
	font-weight:bold;
}

.estado {
	width:315px;
	float:left;
	padding-right:17px;	
}

.representante {
	margin-bottom:33px;	
}

.ultimo {
	padding-right:0;	
}

/* Formulários*/
.inputForm {
	border:1px solid #e5e5e5;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:11px;
	width:335px;
	padding:14px 35px 14px 8px;
	font-size:12px;
	margin-bottom:10px;
	color:#686868;	
}

textarea.inputForm {
	height:134px;
	font-size:12px;
	font-style:italic;
	color:#686868;	
}
.inputForm:focus, .pesquisar input:focus{
	border-color:#83a624;
}

.btnEnviar {
	background:url(../imgs/enviar.png) no-repeat 0 0;
	height:27px;
	width:88px;
	cursor:pointer;
	border:none;
}

.btnEnviar:hover {
	background-position:0 -27px;	
}

span.loader{
	display:inline-block;
	line-height:14px;
	padding:0 0 0 26px;
	background:url(../imgs/loader.gif) left center no-repeat;
}
span.erro{
	color:#ff0000;
}

/* Paginação */
.paginacao{
	text-align:center;
}
.paginacao, .paginacao a{
	font-size:14px;
	line-height:14px;
	color:#81962a;
}
.paginacao a{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	padding:4px 6px;
	margin:0 0 0 3px;
}
.paginacao a:hover,.paginacao a.active{
	color:#FFF;
	background:#0e821c;
}
.paginacao a span{
	visibility:hidden;
}
a, a:visited{
	color:#768827;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}