/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, menu, strong,
form, label, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
 	font-style: inherit;
	font-size: 11px;
	font-family: inherit;
 	white-space: normal;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	
}

html body{
font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#525252;
background-image:url(../imagens/bg.jpg);
background-repeat: repeat-x; 
background-position:top;
background-color:#FFFFFF;
}

a, a:link,  a:focus { color:#525252; text-decoration:none; outline:0;}
a:visited { color:#525252; text-decoration:none; outline:0;}
a:hover{ color: #B1E33D; text-decoration:none; outline:0;}
a:active{ color: #525252; text-decoration:none; outline:0;}
a img{border:none;outline:0;}
ul{list-style:none;}

#barra_topo{ width:auto; height:29px; background-color:#161616;	}
#barra_topo #topmenu{ width:930px; margin:auto;  }
#barra_topo #topmenu ul { padding:0px; margin:0px; float: left; list-style:none; color:#525252; font-weight:bold; margin-top:5px; margin-left:600px;  border:0px solid #FF0000; }
#barra_topo #topmenu ul li { display: inline; }
#barra_topo #topmenu ul li a { padding: 2px 14px; float:left; color:#FFFFFF; text-decoration: none; }
#barra_topo #topmenu ul li a:hover { color:#666; }
#barra_topo #topmenu ul li a.ativo { color:#666; font-weight:bold; }


#barra_topo #topmenu .home { margin-top:6px; position:relative; height: 14px; width: 32px; float: left;  background: url(../imagens/menu_navegacao.gif) 0 0 no-repeat; }
#barra_topo #topmenu a:hover.home { background: url(../imagens/menu_navegacao.gif) 0 -14px no-repeat; }

#barra_topo #topmenu .webmail { margin-top:6px; position:relative; height: 14px; width: 32px; float: left;  background: url(../imagens/menu_navegacao.gif) -32px 0 no-repeat;  }
#barra_topo #topmenu a:hover.webmail { background: url(../imagens/menu_navegacao.gif) -32px -14px no-repeat; }		

#barra_topo #topmenu .mapa { margin-top:6px; position:relative; height: 14px; width: 32px; float: left;  background: url(../imagens/menu_navegacao.gif) -64px 0 no-repeat;  }
#barra_topo #topmenu a:hover.mapa { background: url(../imagens/menu_navegacao.gif) -64px -14px no-repeat; }		

#content #meiomenu ul {	padding:20px; margin:0px; float: left; height:50px; width: 600px;	list-style:none; font-family:Arial, Helvetica, sans-serif; color:#525252; font-weight:bold; margin-top:28px; border:0px solid #000000; }
#content #meiomenu ul li {	display: inline; }
#content #meiomenu ul li a { font-size:14px; padding: 2px 14px;	float:left;	color:#525252; text-decoration: none; }
#content #meiomenu ul li a:hover {
	color: #D6D6D6;
}
#content #meiomenu ul li a.ativo { color:#638A15; font-weight:bold; }


 
#content
{
	margin:auto;
	width:930px;
	min-height:350px;
	clear:both;
	overflow:hidden;
	display:block;
	border:0px solid #000000;
	margin-top:0px;
	background-image:url(../imagens/barra_rodape.html);
	background-repeat:no-repeat;
	background-position:bottom;
}

#content #logomarca { width:210px; height:64px; float:left; margin-left:30px; margin-top:15px; border:px solid #000000; }

#content #col-esquerda { float:left; width:170px; clear:both; display:table; overflow:hidden; border:0px solid #000000; text-align:justify; padding:5px; margin:5px; }

#content #col-esquerda #box_sub { cursor: hand; font-size:14px;  color:#FFFFFF; background-color:#161616; width:165px; height:30px; padding:5px; margin:1px; display: inline-block;} 
#content #col-esquerda #box_sub:hover{ background-color:#638A15; color:#FFFFFF; }
#content #col-esquerda #box_sub #texto_links { font-size:12px; width:165px; padding:5px; margin:5px;  text-align:left} 
#content #col-esquerda #titulos{ font-size:16px; font-weight:bold; color:#638A15; text-transform:uppercase;} 

 
#content #conteudo_meio { width:700px; overflow:hidden;  display:table;  border:0px solid #000000; text-align:justify;  padding:10px; margin:5px; float:left;}
#content #conteudo_meio_index { margin:auto; width:880px; overflow:hidden; min-height:240px; display:table;  border:0px solid #000000; text-align:justify;}
#content #conteudo_meio_index #box_clientes { border:0px solid #000000;  float:left; width:289px; height:224px; background-image:url(../imagens/fundo_box_clientes.png); background-repeat:no-repeat;}
#content #conteudo_meio_index #box_destaque { border:0px solid #000000;  float:left; width:589px; height:224px; background-image:url(../imagens/fundo_destaque.jpg); background-repeat:no-repeat;}

#content #conteudo_meio_index #box_destaque #titulo{ color:#5C8211; font-size:16px; font-weight:bold;}
#content #conteudo_meio_index #box_destaque #box_destaque_leia_mais {margin-top:30px;  margin-left:20px; text-align:right; display:table; color:#333333; float:left; width:320px; border:0px solid #FFF;  font-weight:bold;}

#content #conteudo_meio_index #box_destaque #box_destaque_leia_mais #mais { color:#5C8211; font-size:14px; width:15px; }
#content #conteudo_meio_index #box_destaque #box_destaque_leia_mais a{ color:#333333; font-size:11px; }
#content #conteudo_meio_index #box_destaque #box_destaque_leia_mais a:hover{ color:#333333; font-size:11px; }

#content #conteudo_meio #titulos{ font-size:16px; font-weight:bold; color:#638A15; text-transform:uppercase;} 
#content #conteudo_meio_index #titulos{ font-size:16px; font-weight:bold; color:#638A15; text-transform:uppercase;} 


/*PARCEIROS*/

#content #conteudo_meio_index #parceiros_lista {border:0px solid #ccc; display:table; }
#content #conteudo_meio_index #parceiros_lista_img {float:left; padding:5px; display:table; background-color:#F5F5F5; border:1px solid #CCCCCC; margin:10px; padding:10px; }
#content #conteudo_meio_index #parceiros_lista img {text-align:center;  padding:10px; margin:auto; }
#content #conteudo_meio_index #parceiros_lista .img{background-color:#FFFFFF; }

/*CLIENTES*/

#content #conteudo_meio_index #clientes_lista {border:0px solid #ccc; display:table; }
#content #conteudo_meio_index #clientes_lista_img {float:left; padding:5px; display:table; background-color:#F5F5F5; border:1px solid #CCCCCC;  margin:10px;  padding:10px; }
#content #conteudo_meio_index #clientes_lista img {text-align:center;  padding:10px; margin:auto; }
#content #conteudo_meio_index #clientes_lista .img{background-color:#FFFFFF; }

#content #conteudo_meio_index #frm_contato { float:left; }
#content #conteudo_meio_index #frm_contato #form_contato .campo_contato {  width:350px; font-family: Arial;  font-size:12px; color:#666666; padding:10px; _padding:12px; border:1px solid #E0E0E0; margin-bottom:15px; }
#content #conteudo_meio_index #frm_contato #form_contato .campo_contato_txt {width:350px; font-family: Arial; height:100px; font-size:12px; color:#666666; padding:10px; _padding:12px; border:1px solid #E0E0E0; }

#contatos{ float:left; padding-left:50px; width:280px;}
#contatos #nome{ font-size:14px; font-weight:bold; color:#638A15; text-transform:uppercase; }
#contatos #telefone{ font-size:12px; font-weight:bold; color:#161616;}
#contatos #email_contato{ font-size:12px; color:#161616; }


#content_baixo { width:auto; height:212px; background-color:#161616;  }
#content_baixo #conteudo_baixo { margin:auto; width:930px; height:279px; clear:both; overflow:hidden; display:block; border:0px solid #FFF;	}

#barra_degrade { border: 0px solid #346F97; width:950px; height:11px; margin:auto; background-image:url(../imagens/barra_degrade.png); background-repeat:no-repeat;}

#content_baixo #conteudo_baixo #box_informacoes_recipiente { border:0px solid #FFF;  float:left;}
#content_baixo #conteudo_baixo #box_informacoes_recipiente #box_informacoes { display:table; margin-top:20px; height:168px; width:263px; overflow:hidden; margin-left:20px; margin-right:20px; border:0px solid #DEDEDE; }
#content_baixo #conteudo_baixo #box_informacoes_recipiente #box_informacoes #div {width:263px; height:3px; margin:auto; background-image:url(../imagens/px_linha_preto_cinza.gif); background-repeat:repeat-x;}
#content_baixo #conteudo_baixo #box_informacoes_recipiente #box_informacoes #titulo { font-size:16px; height:30px; width:263px; font-weight:bold; color:#FFF;}
#content_baixo #conteudo_baixo #box_informacoes_recipiente #box_informacoes #texto{ padding-bottom:10px; border-bottom:dotted 0px #DEDEDE; }

#content_baixo #conteudo_baixo #box_informacoes_recipiente #box_infomacoes_leia_mais { margin-left:20px; text-align:right; display:table; color:#638A15; float:left; width:263px; border:0px solid #FFF;  font-weight:bold;}

#content_baixo #conteudo_baixo #box_informacoes_recipiente #box_infomacoes_leia_mais #mais { font-size:14px; width:15px; }
#content_baixo #conteudo_baixo #box_informacoes_recipiente #box_infomacoes_leia_mais a{ color:#B1E33D; font-size:11px; }
#content_baixo #conteudo_baixo #box_informacoes_recipiente #box_infomacoes_leia_mais a:hover{ color:#B1E33D; font-size:11px; }


#div_rodape { margin:auto; width:930px; color:#161616; }
#div_rodape #copyright { display:table;	float:left; width:700px;  border:0px solid #000000; }
#div_rodape #developed { display:table;	float:left; width:230px; text-align:right;  border:0px solid #000000;  }
  

/***************/

.item_mapa {float:left; padding:20px 23px 0 20px;  }
.item_mapa a {line-height:20px}

#div_rodape #mapamenu {
   width: 950px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
 }
#div_rodape #mapamenu .tit_mapa {padding:0 0 7px}
 
   
/******************/
  
.clear {clear:both;}

#clear{ clear:both; height:5px;}
 
  
 /*PAGINAÇÃO*/

#paginacao {  /*div que conterá a paginação*/

    margin: 10px 0px 10px 0px; /* define as margens em relação aos demais objetos da página*/

}

#paginacao p { /*formatação CSS para a tag <p>*/

    font-size: 11px; /*tamanho da fonte*/
	font-family: Arial, Helvetica, sans-serif; /*tipo da fonte*/
	text-align:center; /*alinhamento do texto*/
	margin-top: 5px;/*margem superior*/
	margin-bottom: 5px;/*margem inferior*/
	color:#990000;/*cor da fonte*/
	border:none;/*define sem borda*/
	
}

#paginacao a { /*formatação CSS para a tag <a>*/

    border: 1px solid #990000;/*define a borda*/
	padding: 5px 5px; /*distância da margem*/
	text-decoration: none;/*retira o underline do link*/
	color:#990000;/*cor do texto*/

}

#paginacao a:hover { /*formatação CSS para a tag <a> quando o mouse estiver sobre ela*/

    background-color: #990000;/*cor de fundo*/
	color:#FFFFFF;/*cor do texto*/
	padding: 5px 5px;/*distancia da margem*/
	text-decoration: none;/*retira o underline do link*/

}
