html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
html, body {height:100%;}
body {background: url(../imagens/bg.jpg) no-repeat top center; background-color:#000;}
#wrapper {width:911px; margin:0 auto;}
/* classe criada para o div do cabeçalho da index, que é único, por causa do flash */
#header-index {width: 911px; height: 100px; background:url(../imagens/top-index.jpg) no-repeat top; height: 365px;}
#flash {padding: 137px 0 0 43px;}
/*header das demais páginas */
#header {width: 911px; height: 100px; background:url(../imagens/top-index.jpg) no-repeat top; height: 197px;}
#header img {float: right; margin: 0 43px 0 0;}
/*menu*/
/*menu index.html - tem uma pequena diferença na imagem de fundo*/
#menu-home {height: 60px; background:url(../imagens/barra-top-content-home.jpg) no-repeat left top; width: 100%;}
#menu-home ul {height: 35px; padding: 24px 0 0 0; margin: 0 0 0 44px; list-style: none; }
#menu-home ul li {float: left;}
/* sub menu 1*/
#menu-home ul li ul {border: 2px solid #72a620; height: auto; border-top: none; float: left; background:url(../imagens/menu-top-bg.jpg) no-repeat top left; background-color: black; list-style: none; margin: 0 0 0 1px; padding: 8px 0 10px 40px; position: absolute; top: 417px;}
#menu-home ul li ul li {font: 14px Arial, Helvetica, sans-serif; color: #6ab025; height: 40px; }
#menu-home ul li ul li a{font: 14px Arial, Helvetica, sans-serif; color: #d7ebaa;background: none; margin: 0; padding: 0; text-align: left; }
#menu-home ul li ul li a:hover{font: 14px Arial, Helvetica, sans-serif; color: #85c225; background: none; margin: 0; padding: 0; text-align: left;}
/* submenu 2 */
#menu-home ul li ul li ul {position: absolute; top: 20px; left: 3px; padding: 12px 12px 25px 35px; border: none; background:none; }
#menu-home ul li ul li ul li {float: left; width: auto; height: 40px; padding-bottom:3px; padding-top:3px; }
#menu-home ul li ul li ul li a{font: 12px Arial, Helvetica, sans-serif; color: #85c225; padding: 0; margin: 0;}
#menu-home ul li ul li ul li a:hover{font: 12px Arial, Helvetica, sans-serif; color: #4a720c; paddin: 0; margin: 0;}
.menu-um a {float: left; background:url(../imagens/menu-botao1.png) no-repeat bottom; height: 22px; width: 129px; padding: 6px 0 0 0; text-align: center; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-meio a {float: left; background:url(../imagens/menu-botao2.png) repeat-x bottom; height: 22px; padding: 6px 30px 0 30px; text-align: center; border-right: 1px solid black; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-fim a {float: left; background:url(../imagens/menu-botao3.png) no-repeat bottom; height: 22px; width: 112px; padding: 6px 0 0 0; text-align: center; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-um a:hover {background:url(../imagens/menu-botao1-hover.png) no-repeat bottom;}
.menu-meio a:hover {background:url(../imagens/menu-botao2-hover.png) repeat-x bottom;}
.menu-fim a:hover {background:url(../imagens/menu-botao3-hover.png) no-repeat bottom;}
.bullet {color: #85c226; font-weight: bold;}
/*menu demais páginas */
#menu {height: 60px; background:url(../imagens/barra-top-content-home.jpg) no-repeat left top; width: 100%;}
#menu ul {height: 35px; padding: 24px 0 0 0; margin: 0 0 0 44px; list-style: none; }
#menu ul li {float: left;}
/* sub menu 1*/
#menu ul li ul {min-width: 400px; border: 2px solid #72a620; height: 40px; border-top: none; float: left; background:url(../imagens/menu-top-bg.jpg) no-repeat top left; background-color: black; list-style: none; margin: 0 0 0 1px; padding: 8px 0 10px 40px; position: absolute; top: 249px;}
#menu ul li ul li {font: 14px Arial, Helvetica, sans-serif; color: #6ab025; }
#menu ul li ul li a{font: 14px Arial, Helvetica, sans-serif; color: #d7ebaa;background: none; margin: 0; padding: 0; text-align: left; }
#menu ul li ul li a:hover{font: 14px Arial, Helvetica, sans-serif; color: #85c225; background: none; margin: 0; padding: 0; text-align: left;}
/* submenu 2 */
#menu ul li ul li ul {position: absolute; top: 20px; left: 3px; padding: 12px 12px 25px 35px; border: none; background:none;}
#menu ul li ul li ul li {float: left; width: 130px;}
#menu ul li ul li ul li a{font: 12px Arial, Helvetica, sans-serif; color: #85c225; padding: 0; margin: 0;}
#menu ul li ul li ul li a:hover{font: 12px Arial, Helvetica, sans-serif; color: #4a720c; paddin: 0; margin: 0;}
.menu-um a {float: left; background:url(../imagens/menu-botao1.png) no-repeat bottom; height: 22px; width: 129px; padding: 6px 0 0 0; text-align: center; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-um-sel a {float: left; background:url(../imagens/menu-botao1-selected.png) no-repeat bottom; height: 22px; width: 129px; padding: 6px 0 0 0; text-align: center; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-meio a {float: left; background:url(../imagens/menu-botao2.png) repeat-x bottom; height: 22px; padding: 6px 30px 0 30px; text-align: center; border-right: 1px solid black; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-meio-sel a {float: left; background:url(../imagens/menu-botao2-hover.png) repeat-x bottom; height: 22px; padding: 6px 30px 0 30px; text-align: center; border-right: 1px solid black; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-fim a {float: left; background:url(../imagens/menu-botao3.png) no-repeat bottom; height: 22px; width: 112px; padding: 6px 0 0 0; text-align: center; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-fim-sel a {float: left; background:url(../imagens/menu-botao3-hover.png) no-repeat bottom; height: 22px; width: 112px; padding: 6px 0 0 0; text-align: center; font: 14px Arial, Helvetica, sans-serif; color: white; text-decoration:none; }
.menu-um a:hover {background:url(../imagens/menu-botao1-hover.png) no-repeat bottom;}
.menu-meio a:hover {background:url(../imagens/menu-botao2-hover.png) repeat-x bottom;}
.menu-fim a:hover {background:url(../imagens/menu-botao3-hover.png) no-repeat bottom;}
/*menu-lateral dos produtos */
#menu-lateral {float: left; color: white; margin: 65px 0 0 0; border-right: 2px solid #509320; padding: 15px 25px 15px 0;}
#menu-lateral ul {list-style: none;}
#menu-lateral ul li {font: 15px Arial, Helvetica, sans-serif; color: #84c226; font-weight: bold;}
#menu-lateral ul li a{font: 13px Arial, Helvetica, sans-serif; color: #fff; font-weight: 200; text-decoration: none; padding: 5px 0 5px 15px;}
#menu-lateral ul li a:hover{font: 13px Arial, Helvetica, sans-serif; color: #509320; font-weight: 200; text-decoration: none; padding: 5px 0 5px 15px;}
.menu-lateral-selected ul li a a:hover{font: 13px Arial, Helvetica, sans-serif; color: #509320; font-weight: 200; text-decoration: none; padding: 5px 0 5px 15px;}
/*content-index*/
#news {width: 825px; margin: 10px 0 0 45px; clear: both;}
#top-news {background: url(../imagens/content-top.jpg) repeat-x top left; height: 28px; text-align: center; font: 14px Arial, Helvetica, sans-serif; color: #DDD; margin: 0; font-weight:bold; }
#top-news p {width: 703px; float: left; margin: 0; padding: 7px 0 0 0;}
#top-news img{float: right;}
#conteudo-news {background: url(../imagens/conteudo-news.jpg) repeat-x top; height: 120px; width: 792px; padding: 35px 11px 35px 20px; }
.news-box {float: left; width: 340px; height: 130px; margin: 0 15px; }
.news-box p {float: left; width: 155px; font: 12px Arial, Helvetica, sans-serif; color: white; margin: 0; padding: 0;}
.news-box img {float: left; margin: 0 0 0 10px}
.news-box a {font: 12px Arial, Helvetica, sans-serif; color: white; text-decoration:underline; }
#inferior {margin: 15px 0 0 45px; padding: 0; height: 177px;}
#wallpaper {float: left; background: url(../imagens/bg-wallpaper.jpg) no-repeat top left; width: 411px; height: 153px; margin: 0; float: left;}
#wallpaper-title {width: 411px; text-align: center; font: 14px Arial, Helvetica, sans-serif; color: #DDD; padding: 0; margin: 0; font-weight: bold;}
#wallpaper p {width: 350px; float: left; margin: 0; padding: 7px 0 0 0;}
#wallpaper img {float: right;}
#pic-wallpaper {clear: both; padding: 16px;}
#pic-wallpaper img {float: left; padding: 0 10px 0 10px;}
#cadastro {float: left; background: url(../imagens/bg-cadastrese.jpg) no-repeat top left; width: 411px; height: 153px; margin: 0; }
.cadastro-txt {width: 200px; font: 14px Arial, Helvetica, sans-serif; color: #fff; margin: 35px 0 20px 40px; }
.cadastrar {position: relative; top: -8px; left: 16px; background:url(../imagens/cadastrar.jpg) no-repeat top left; width: 76px; height: 21px; display: block; padding: 4px 0 0 7px;}
.cadastrar a {font: 14px Arial, Helvetica, sans-serif; color: #222; text-decoration:none;}
.restrita {position: relative; top: -38px; left: 292px; width: 119px; height: 24px;}
/*conteudo demais páginas */
#conteudo {width: 825px; min-height: 535px; margin: 17px 0 0 45px; clear: both;}
#conteudo-produtos {width: 825px; overflow: auto; margin: 17px 0 0 45px; clear: both;}
/*página produtos */
#flash-produtos {margin: 70px 0 15px 0;}
#nome-produtos {margin: 0 0 0 10px;}
/*página de produto-especifico*/
#produto {margin: 17px 0 15px 0; float: right;}
#detalhes-tecnicos {clear: both;}
#titulo-produto {width: 300px; clear: both; text-align: left;}
#titulo-produto p{font: 12px Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0;}
#titulo-produto h1{font: 16px Arial, Helvetica, sans-serif; color: #85c226; margin: 0; padding: 0; font-weight:bold;}
#caracteristicas {width: 570px; margin: 5px 0 10px 0; float: left; background:url(../imagens/bottom-box-descricao.jpg) no-repeat left bottom; background-color: #131313; padding: 10px 10px 20px 20px; overflow:auto;}
#caracteristicas p{color: #85c226; font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
#caracteristicas span {color: white;}
#caracteristicas ul {list-style: disc inside; color: white; font: 12px Arial, Helvetica, sans-serif;}
.coluna {width: 270px; float: left; margin: 0 10px 20px 0;}
.vistas-produto {margin: 20px 0 0 20px; clear: both;}
.prod-vista {float: left; padding: 0 10px;}
#zoom {float: left;}
.prod-vista-font{ font:10px Arial, Helvetica, sans-serif; color: white; text-align:center;}
#sugestoes-de-projeto {float: left; background:url(../imagens/top-sugestoes-de-projeto.jpg) no-repeat top; width: 206px; margin: 5px 0 0 10px; background-color:#131313;padding: 10px 0 20px 0; height: 200px;}
#sugestoes-de-projeto img {margin: 50px 0 0 40px; }
/*página contato.html*/
#left {float: left; width: 415px;}
#contato-left-top {padding: 15px; background: url(../imagens/contato-left-top.jpg) no-repeat top left; width: 383px; background-color:#151516;}
#contato-left-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#contato-left-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif;}
#contato-left-top p a {color: #fff; font: 13px Arial, Helvetica, sans-serif;}
#contato-left-bottom {margin: 10px 0 10px 0; height: 360px; padding: 15px; width: 383px; }
#contato-left-bottom p {color: #fff; font: 14px Arial, Helvetica, sans-serif;}
#right {float: left; width: 368px; margin: 0 0 0 10px;}
#contato-right-top {height: 450px; padding: 15px; background: url(../imagens/contato-right-top.jpg) no-repeat top left; width: 348px; background-color:#131313;}
#contato-right-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#contato-right-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif;}
.contact-line {clear: both; color: #fff; font: 13px Arial, Helvetica, sans-serif; height: 30px;}
.campo {width: 100px; float: left;}
.contact-line input {float: left; width: 220px;}
.contact-line-texto {float: left; width: 220px; color: #fff; font: 13px Arial, Helvetica, sans-serif; float: left;}
.contact-line-texto textarea {width: 316px;}
#enviar {width: 50px;}
#contato-right-bottom {padding: 15px; background: url(../imagens/contato-right-bottom.jpg) no-repeat bottom left; width: 348px; background-color:#131313;}
/*página representantes.html*/
#left-representante {float: left; width: 415px;}
#representante-left-top {padding: 15px; background: url(../imagens/contato-left-top.jpg) no-repeat top left; width: 383px; background-color:#151516;}
#representante-left-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#representante-left-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif; padding: 5px 0; margin: 0; padding: 0;}
#representante-left-top p a{color: #fff; font: 13px Arial, Helvetica, sans-serif; padding: 5px 0; margin: 0; padding: 0;}
#representante-left-bottom {margin: 10px 0 10px 0; height: 360px; padding: 15px; background: url(../imagens/contato-left-bottom.jpg) no-repeat bottom right; width: 383px; background-color:#131315;}
#representante-left-bottom h2 {color: #85c226; font: 13px Arial, Helvetica, sans-serif; font-weight: bold;}
#representante-left-bottom p {color: #fff; font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#representante-left-bottom p a{color: #fff; font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#right-representante {float: left; width: 368px; margin: 0 0 0 10px;}
#representante-right-top {overflow-y:scroll; height: 380px; padding: 15px; background: url(../imagens/contato-right-top.jpg) no-repeat top left; width: 348px; background-color:#131313;
scrollbar-arrow-color:#000; scrollbar-3dlight-color:#003408; scrollbar-highlight-color:#006911; scrollbar-face-color:#009d1a; scrollbar-shadow-color:#003509; scrollbar-darkshadow-color:#131314; scrollbar-track-color:#222; }
#representante-right-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#representante-right-top p{color: #fff; font: 13px Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#representante-right-top a{color: #fff; font: 13px Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#representante-right-bottom {height: 60px; padding: 15px; background: url(../imagens/contato-right-bottom.jpg) no-repeat bottom left; width: 348px; background-color:#131313;}
#representante-right-bottom h2 {color: #a28a40; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#representante-right-bottom p {color: #fff; font: 13px Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0; width: 220px;}
/*página noticias.html*/
#left-noticias {float: left; width: 415px;}
#noticias-left-top {padding: 15px; overflow:auto; background: url(../imagens/contato-left-top.jpg) no-repeat top left; width: 383px; background-color:#151516;}
#noticias-left-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#noticias-left-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif; padding: 5px 0;}
#noticias-left-top img {float: right; padding: 0 0 10px 10px;}
#noticias-left-top a {color: #fff; font: 13px Arial, Helvetica, sans-serif; text-decoration:none; padding: 5px 0;}
#noticias-left-bottom {margin: 10px 0 10px 0; padding: 15px; background: url(../imagens/contato-left-bottom.jpg) no-repeat bottom right; width: 383px; background-color:#131315;}
#noticias-left-bottom h2 {color: #85c226; font: 13px Arial, Helvetica, sans-serif; font-weight: bold;}
#noticias-left-bottom p {color: #fff; font: 12px Arial, Helvetica, sans-serif;}
#noticias-left-bottom img {float: right; padding: 0 0 10px 10px;}
#noticias-left-bottom a {color: #fff; font: 12px Arial, Helvetica, sans-serif;}
#right-noticias {float: left; width: 368px; margin: 0 0 0 10px;}
#noticias-right-top {height: 130px; padding: 15px; background: url(../imagens/contato-right-top.jpg) no-repeat top left; width: 348px; background-color:#131313;}
#noticias-right-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#noticias-right-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif;}
#noticias-right-top img {float: right; padding: 0 0 10px 10px;}
#noticias-right-bottom {height: 340px; margin: 10px 0 10px 0; padding: 15px; background: url(../imagens/contato-right-bottom.jpg) no-repeat bottom left; width: 348px; background-color:#131313;}
#noticias-right-bottom h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#noticias-right-bottom ul {list-style:none; list-style-image: url(../imagens/lista.jpg); margin: 10px 0 0 20px;}
#noticias-right-bottom ul li {color: #b0db7c; font: 12px Arial, Helvetica, sans-serif; padding: 2px 0 2px 0; float: left; width: 164px;}
#noticias-right-bottom ul li a {color: #b0db7c; font: 12px Arial, Helvetica, sans-serif; text-decoration:none;}
/*página noticias-ler.html*/
#left-noticias-ler {float: left; width: 583px;}
#noticias-ler-left-top {padding: 15px; overflow: auto; background: url(../imagens/contato-left-top.jpg) no-repeat top right; width: 551px; background-color:#151516;}
#noticias-ler-left-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#noticias-ler-left-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif; padding: 5px 0;}
#noticias-ler-left-top img {float: left; padding: 0 0 10px 10px; margin:0 8px 3px 3px;}
#right-noticias-ler {float: left; width: 200px; margin: 0 0 0 10px; overflow-y:scroll; height:500px; background-color:#151516;}
#noticias-ler-right-top {height: 130px; padding: 15px 15px 15px 5px; background: url(../imagens/contato-right-top.jpg) no-repeat top left; width: 200px; background-color:#131313;}
#noticias-ler-right-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#noticias-ler-right-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif;}
#noticias-ler-right-top img {float: right; padding: 0 0 10px 0px;}
/*página suporte.html*/
#left-suporte {float: left; width: 415px;}
#suporte-left-top {padding: 15px; background: url(../imagens/contato-left-top.jpg) no-repeat top left; width: 383px; background-color:#151516;}
#suporte-left-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#suporte-left-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif; padding: 0; margin: 4px 0;}
#suporte-left-bottom {margin: 10px 0 10px 0; height: 90px; padding: 15px; background: url(../imagens/contato-left-bottom.jpg) no-repeat bottom right; width: 383px; background-color:#131315;}
#suporte-left-bottom h2 {color: #85c226; font: 13px Arial, Helvetica, sans-serif; font-weight: bold;}
#suporte-left-bottom p {color: #fff; font: 12px Arial, Helvetica, sans-serif;}
#right-suporte {float: left; width: 368px; margin: 65px 0 0 10px;}
#suporte-right-top {height: 280px; padding: 15px; background: url(../imagens/contato-right-bottom.jpg) no-repeat bottom left; width: 348px; background-color:#131313;}
#suporte-right-top h2 {color: #85c226; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}
#suporte-right-top p {color: #fff; font: 13px Arial, Helvetica, sans-serif;}
.tabela {color: #b0db7c; font: 13px Arial, Helvetica, sans-serif; margin: 0 0 0 20px;}
.tabela tr td {color: #b0db7c; font: 13px Arial, Helvetica, sans-serif; text-decoration: none; padding: 2px 0 2px 40px; border: 1px solid #85c226;}
.tabela tr td a {color: #b0db7c; font: 13px Arial, Helvetica, sans-serif; text-decoration: none;}
/*rodapé*/
#barra-inferior {border: 1px solid #444; border-left: none; border-right:none; height: 5px; width: 100%; padding:0; margin:0;}
#footer {width: 825px; height: 40px; clear: both; padding: 10px 40px;}
#footer img {padding: 0 10px; float: left;}
.footer {margin: 0 80px; font: 14px Arial, Helvetica, sans-serif; color: #95948d; float: left; font-weight:bold;}
.madeby {float: left; font: 12px Arial, Helvetica, sans-serif; color: #95948d; font-weight:bold;}
.madeby a {color: #95948d; text-decoration: none; font-weight:bold;}