html, body {
    margin: 0;
    padding: 0
}

body {
    font-family: sans-serif, verdana, arial;
    font-size: 70%;
    text-align: center;
    background-image: url(../images/bg_esquerda.jpg);
    background-repeat: repeat-x;
    background-color: #222222;
    color: #FFFFFF;
    line-height: 15px;
}

p {
    margin: 0 10px 10px
}

img {
    border: none;
}

div#header {
    height: 190px;
    background-image: url(../images/bg_esquerda.gif);
    background-repeat: repeat-y;
    background-position: left;
}

div#logo {
    padding-left: 10px;
    padding-top: 5px;
	margin-bottom: 7px;
	height: 40px;
    width: 100%;
}

div#container {
    text-align: left;
    width: 780px;
    margin: 0 auto;
    background-color: #4A4542;
    background-image: url(../images/bg_direita.gif);
    background-repeat: repeat-y;
    background-position: right;
}

div#extra {
    background: #FF8539
}

div#rodape {
    background-color: #EFA01F;
    height: 70px;
    width: 100%;
    margin-top: 360px;
    color: #000;
    background-image: url(../images/fundo-rodape1.gif);
}

div#endereco {
    background-color: #CCC;
    height: 70px;
    width: 770px;
    color: #000;
    margin: 0 auto;
    background-image: url(../images/fundo-endereco.jpg);
}

div#endereco dt {
    font-weight: bold;
    text-decoration: underline;
    margin-left: 25px;
    background-image: url(../images/seta-endereco.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
}

div#endereco dl {
    margin-top: 5px;
}

div#endereco a {
    margin-left: 30px;
}

div#matriz {
    width: 380px;
    float: left;
    height: 97%;
    background-image: url(../images/borda-endereco-matriz.jpg);
    background-repeat: repeat-y;
    background-position: left;
    text-align: left;
}

div#filial {
    width: 380px;
    float: right;
    height: 97%;
    background-image: url(../images/borda-endereco-filial.jpg);
    background-repeat: repeat-y;
    background-position: right;
    text-align: left;
}

div#footer {
    color: #000;
    background-color: #4A4542;
    background-image: url(../images/bg_esquerda.gif);
    background-repeat: repeat-y;
}

div#footer p {
    margin: 0;
    padding: 5px 10px
}

div#area-atuacao {
    background-image: url(../images/area-atuacao.jpg);
    background-repeat: no-repeat;
    height: 184px;
    width: 400px;
}

div#area-atuacao h2 {
    background-image: none;
    font-size: 1em;
    padding-left: 14px;
    padding-top: 7px;
    color: #FEA442;
}

div#area-atuacao p {
    width: 230px;
    text-align: justify;
    margin-left: 15px;
    margin-bottom: -5px;
}
/*
 div#area-atuacao a {
 text-decoration: none;
 color: #FFD2A0;
 }
 
 div#area-atuacao a:hover {
 text-decoration: underline;
 }*/
a.link {
    text-decoration: none;
    color: #FFD2A0;
}

a.link:hover {
    text-decoration: underline;
}

div#navigation {
    float: left;
    width: 365px;
    height: 360px;
    background-color: #4A4542;
    background-image: url(../images/bg_esquerda.gif);
    background-repeat: repeat-y;
}

div#content {
    float: right;
    width: 410px;
    height: 360px;
    background-color: #4A4542;
    background-image: url(../images/bg_direita.gif);
    background-repeat: repeat-y;
    background-position: right;
    padding-left: 5px;
}

div#esquerdo {
    height: 340px;
    background-image: url(../images/pontilhado_vertical.gif);
    background-repeat: repeat-y;
    background-position: right;
    margin-left: 20px;
}

div#home-reciclagem {
    margin-top: -15px;
}

div#home-reciclagem P {
    margin-top: -5px;
}

div#home-empresa p {
    text-align: justify;
    width: 310px;
}

div#home-noticias {
    margin-top: -20px;
}

div#home-noticias p {
    width: 310px;
    text-align: justify;
    margin-top: -10px;
}

div#home-noticias h3 {
    width: 310px;
    padding-left: 10px;
}

img.botao-mais {
    margin-left: 270px;
}

div#logo h1 {
    margin-top: 0px;
    width: 123px;
    height: 40px;
    background-image: url(../images/logo.gif);
	background-repeat:  no-repeat;
}

div#logo h1 a {
    display: block;
    width: 171px;
    height: 40px;
}

div#logo h1 a span {
    display: none;
}

h2 {
    font-size: 1.3em;
    color: #FFFFFF;
    background-image: url(../images/simbolo-reciclagem.gif);
    background-repeat: no-repeat;
    padding: 10px;
    padding-left: 40px;
}

h3 {
    font-size: 1em;
}
/* Menu */
#navcontainer {
    background-repeat: repeat-y;
    padding-top: 20px;
    height: 49px;
	width: 805px;
	margin-left: -25px; 
}

#logo {
    height: 40px;
    float: left;
}

#imagem {
    height: 115px;
    background-image: url(../images/fundo.png);
    background-repeat: no-repeat;
}

#navlist li {
    display: inline;
    padding-bottom: 0px;
    padding-left: 0px;
    background-repeat: no-repeat;
}

#navlist a {
    background: url(../images/_arrowbullet.gif);
    padding-left: 0px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

#navlist a:link, #navlist a:visited {
    padding-left: 20px;
    color: #FFFFFF;
    background: url(../images/menu-up.gif);
    background-repeat: no-repeat;
    background-position: 5px 2px;
}

#navlist a:hover {
    color: #FEA642;
    padding-left: 20px;
    background: url(../images/menu-down.gif);
    background-repeat: no-repeat;
    background-position: 5px 2px;
}


#navlist a.laranja {
    color: #FEA642;
}
#navlist a.laranja:visited {
    color: #FEA642;
}

#navlist a.laranja:hover {
    color: #FFF;
}



.align-left {
    float: left;
}

.align-right {
    float: right;
}

#menu-extra .links {
    width: 150px;
    float: left;
}

#menu-extra .legenda {
    width: 120px;
    color: #FFD2A0;
    font-size: 2em;
    float: left;
    padding: 10px;
    font-weight: bolder;
}

strong {
    font-size: 1.1em;
}

a.link-branco {
    color: #FFF;
}

#menu-extra {
    height: 20px;
    margin-top: 10px;
}

#menu-extra #faq {
    background: url(../images/faq-menu.gif) no-repeat;
    display: block;
    height: 25px;
    padding-left: 25px;
    padding-top: 3px;
    width: 35px;
    float: left;
}

#menu-extra #link {
    background: url(../images/link-menu.gif) no-repeat;
    display: block;
    height: 25px;
    padding-left: 25px;
    padding-top: 3px;
    width: 40px;
    float: left;
}

#menu-extra #curiosidade {
    background: url(../images/curiosidade-menu.gif) no-repeat;
    display: block;
    height: 25px;
    padding-left: 25px;
    padding-top: 3px;
    width: 85px;
    float: left;
}

#menu-extra #newsletter {
    background: url(../images/newsletter-menu.gif) no-repeat;
    display: block;
    height: 25px;
    padding-left: 25px;
    padding-top: 3px;
    width: 50px;
    float: left;
}

.link {
    font-weight: bold;
}

.right {
    position: absolute;
    right: 130px;
}

.nav-simples {
    margin-left: 640px;
}