/* CSS Document */
* { margin: 0; padding:0; }
html { text-align: center; }
body { background: #2e55b2 url(../img/bg.jpg) repeat-x; color: #fff; font: 13px 'Verdana', Arial, Helvetica, sans-serif; }

#topo { width: 975px; height: 171px; margin: auto; }
#topo img { float: left; margin-left: 10em; }

#menu { background: #f97c00; width: 100%; margin: auto; }
#menu a { color: #fff; text-decoration: none; }
#menu a:hover { text-decoration: underline; }

ul { list-style: none; height: 24px; padding-top: 10px; width: 975px; margin: auto; }
li { display: inline; font-size: 14px; font-weight: bold; padding: 10px 15px 0 15px; }
h3 { font-size: 14px; text-align: center; }

#index { width: 975px; height: auto; min-height:535px; margin: auto; }
#setas { background: url(../img/setas2.png) no-repeat; clear: both; height: 67px; width: 810px; margin: auto; margin-top: 5px; }
#h1busca { float: left; padding: 20px 0 0 20px; font-size: 20px;}
#busca { float: left; border: 1px solid #CCCCCC; padding: 2px;  margin: 22px 0 0 15px; }
#setas h2 { font-size: 20px; padding: 18px 0 0 350px; }
#meioa { background: url(../img/meioa.png) no-repeat; z-index: 1; float: left; width: 500px; margin: auto; min-height:535px; }
#seta  { background: url(../img/seta.png) no-repeat;  float: left; width: 500px; margin: auto; margin-left: 50px; min-height:535px; }
#h1bemvindo { font-size: 16px; float: left; padding: 10px 0 0 160px; }
.texto_g { font-size: 16px; font-weight:bold; }
#h2fotos { font-size: 16px; float: left; padding: 0;  }
#h1servicos { clear: both; font-size: 22px; padding: 17px 0 0 100px; text-align: left; }
#h1news { clear: both; font-size: 22px; padding: 5px 0 0 100px; text-align: left; }
#empresa { padding: 20px 0 0 30px; text-align: justify; width: 470px; }
.serv { float: left; height: 160px; width: 210px; margin:35px 0 0 30px; }
.serv img { border: 2px double #f97c00;}
#empresa img { border: 2px double #f97c00; float: left; margin: 0 10px 0 0; }
#bemvindo { padding: 20px 0 0 0; text-align: left; width: 500px; }
#bemvindo img { border: 2px double #f97c00; float: left; margin: 0 20px 0 45px; }
#servicos { float: left; margin: 25px 0 0 25px; width: 290px; text-align: left; }
#imgservicos { border: 2px double #f97c00; float: left; }
#news { float: left; margin: 15px 0 0 25px; width: 350px; text-align: left; }

#meioa fieldset { border: 0; clear: both; float: left; width: 340px; margin: 20px 0 0 0; }

/* PRODTUOS e V_PRODUTOS */
#grupos { width: 875px; height: 400px; clear: both; padding-left: 25px; }
#grupos img { padding: 3px; border: none; text-decoration: none; }
#grupos p { float: left; width: 180px; margin-left: 90px; margin-top: 15px;  text-align: left;}


.link {font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; color:#FFFFFF; text-align:left; text-decoration:underline; }
.link:hover { text-decoration:none; }

.link2 {  clear: both; color: #FFFFFF; text-align: left; text-decoration: underline; float: left; }
.link2:hover { text-decoration: none; }

.link3 {  clear: both; color: #FFFFFF; text-align: left; text-decoration: none; float: left; }
.link3:hover { text-decoration: underline; }

.mostra_grupos { width: 145px; height: 165px; float: left; margin: 10px; }

.lista_grupos { width: 170px; height: 165px; float: left; margin: 30px; }


#setas_v { background: url(../img/setas_v.png) no-repeat; clear: both; height: 67px; width: 810px; margin: auto; margin-top: 5px; }
#meio_prod { padding: 20px 0 0 30px; text-align: justify; clear:both; width: 735px; height:245; }
#meio_prod img {float:left; padding:3px;}
#fora {width:805px;}
#imagem2 {width:400px; height: 135px; float:left;} 
#form {width:400px; height: auto; float:left;} 

dt {float: left; clear: left; width: 25%; padding: 5px; text-align: right; }
dd {text-align: left; padding: 5px;}
.input {border: 1px solid #f97c00; padding: 2px;}
.btn {	background-color: #f97c00; color: #fff; padding:2px; font-size: 12px; }

#meiob2 { background: url(../img/meiob.png) no-repeat; min-height: 535px; float: left; width: 305px; }
#meiob2 { padding: 0 0 0 10px; }
#meiob2 img { margin: 10px 10px 0 10px; border: 2px double #f97c00; }
#meiob2 p { width:110px; }
#meiob2 a { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#FFFFFF; text-align:left; }
#meiob2 a:hover { text-decoration: none; }

#meiob { background: url(../img/meiob.png) no-repeat; height: 535px; float: left; width: 350px; margin: auto; }
#meiob { padding: 0 0 0 25px; }
#meiob img { margin: 10px; border: 2px double #f97c00; }
.prod { float:left; width: 150px; height: 160px; }
.prod img { margin: 20px 0 0 20px; border: 2px double #f97c00; }

.prod2 { float:left; width: 150px; padding-top:20px; margin-left:10px; }
.prod2 img { margin: 10px 0 0 10px; border: 2px double #f97c00; }

#paginacao { clear: both; margin: auto; padding: 6px; text-align: center; width: 195px; height: 25px;  }	
#voltar { width:60px; height:20px; clear:both; margin-top: 150px; }

#fotos { float:left; width: 150px; }
#fotos img { margin: 10px 0 0 30px; border: 2px double #f97c00; }

#fundorodape { background: #f97c00; clear: both; height: 26px; width: 100%; margin: auto; min-width:975px; }
#rodape { width: 975px; margin: auto; }
#rodape p { color: #039; float: left; text-align: left; padding: 7px 0 0 5px;}
#rodape img { float: right; padding-right: 105px; border:none }

#meioc { width: 975px; margin: auto; }

#seta2 { background: url(../img/seta2.png) no-repeat; clear: both; height: 67px; width:330px; margin-top:20px; margin-left:-20px; }
#seta2 h2 { font-size: 24px; padding: 18px 145px 0 0 }

.veja  {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#FFFFFF; text-align:left; }
.veja:hover { text-decoration:none; }

#voltar { width: 400px; border: solid 1px white;}

#comercializados { clear: both; height: 505px; overflow: auto; width: 470px; margin-left: 30px; padding-top: 10px; text-align: left; }

#quimicos { margin-left: 150px; }

#paginacao { text-align: center; }
#paginacao a { color: #fff; }