﻿body {
background:#333; margin:0; padding:0; text-align:center;
}

forn { 
margin:0; padding:0;
}

#topo{
width:100%; height:90px; float:left;
background:transparent url(fundo_topo.jpg) repeat-x;
}

#menu {
width:730px; height:87px; margin:0 auto; text-align:left;
}

#logo {
position:relative; top:5px; left:70px; float:left;
}


.logo {
position:relative; top:25px; left:60px; float:left;
}

.tel {
position:relative; top:0px; float:right;
}

#banner {
width:100%; height:204px; float:left;
background: transparent url(fundo_banner.jpg) repeat-x;
}

#banner img {
cursor:pointer; border:none;
}

#principal {
width:100%; float:left;
background:#252525 url(fundo_principal.jpg); border-bottom:2px solid #4d4d4d; padding:20px 0 20px 0;

}

.contencao {
width:730px; margin:0 auto; text-align:left;
}

#recicle 
{
    width:730px; height:146px; background:transparent url(recicle.jpg);
    float:left; margin-top:15px;
}

#empresa {
width:260px; height:240px; background:transparent url(fundo_empresa.jpg); float:left; padding:10px 10px 10px 30px;
}

/*  paragrafos e listas */

.boasvindas {
font: 12px "Lucida Sans", Tahoma, Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#888;  margin:0 0 15px 0; line-height:20px;
}

.saibamais {
font: 11px  "Lucida Sans", Tahoma, Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:7px 0 15px 0;
}
.saibamais a {
color:#7BBC50; text-decoration:none; border-bottom:1px dotted #999;
}

#principal .normal, #contato .normal, #contato label
{
font: 12px  "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
color:#999; margin:0;
}

#servicos .normal
{
font: 12px  "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
color:#999; margin:10px 0 0 0;
}

#recicle p {
font: 12px  "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
color:#999; margin:0; padding:50px 15px 0 130px;
}

.contencao ul {
font:12px "Lucida Sans", Arial, "Trebuchet MS", Helvetica, sans-serif;
color:#999; 
}
.contencao li {
list-style-type:square; 
}

.navega {
font: 10px "Lucida Sans", Tahoma, Arial,  Helvetica, sans-serif;
color:#999; margin:10px 0 0 0;
text-align:right
}
.navega a, .normal a {
color:#7BBC50; text-decoration:none; border-bottom:1px dotted #7BBC50;
}
/* fim */


h2 {
font:bold 13px  "Trebuchet MS", Arial, "Lucida Sans", Helvetica, sans-serif;
color:#5EB0CC; text-transform:uppercase; margin:0px 0 5px 0;
}

h3 {
font:12px "Lucida Sans", Arial, "Trebuchet MS", Helvetica, sans-serif;
color:#ccc; text-transform:uppercase; margin:5px 0 10px 0;
}

h4 {
font:bold 16px  "Trebuchet MS", Arial, "Lucida Sans", Helvetica, sans-serif;
color:#5EB0CC; text-transform:uppercase; margin:3px 0 4px 0;
}

#destaque {
width:410px; height:240px; float:right;
}


#servicos {
width:100%; min-height:300px; float:left; padding:30px 0 50px 0;
background:#3c3c3c url(fundo_servicos.jpg);  border-bottom:2px solid #646464;
}

#contato {
width:100%; height:600px; float:left; padding:30px 0 50px 0;
background:#4B4B4B url(fundo_contato.jpg);  border-bottom:20px solid #646464;
}

#fale {
width:260px; height:240px; float:left; 
}

#form {
width:380px; min-height:210px; padding:0; float:right; 
}

address {
font:12px  "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#999; font-style:italic;  margin:15px 0 15px 0; background: #444; padding:10px; 
}

.tbox {
font:11px "Lucida Sans", Arial, "Trebuchet MS", Helvetica, sans-serif;
color:#ccc; background: #666; border:none; width:250px; border:1px solid #777;
}

.botao {
font:11px "Lucida Sans", Arial, "Trebuchet MS", Helvetica, sans-serif;
color:#fff; background: #444; border:none;  padding:3px; border:1px solid #666;
}

.top {
width:41px; height:41px; margin:0; padding:0; right:15px; 
bottom:10px; position:fixed; 
}

.top img {
border:none;
}

.top a {
font:9px "Lucida Sans", Arial, "Trebuchet MS", Helvetica, sans-serif;
text-decoration:none; width:41px; height:41px;  overflow:hidden; color:#7BBC50;
text-indent:-200px; 
}
* HTML .top {
display:none; 
}
