*{margin:0;padding:0}
body{background-color:#000;font-family:Arial, Helvetica, sans-serif;letter-spacing:0.2px;font-size:12px;font-weight:700;color:#fdc800}
#geral{width:833px;height:627px;background-color:#121214;margin:15px auto}
#topo{width:833px;height:136px;background-image:url(../imgs/palavra_joy.jpg);background-repeat:no-repeat;background-position:800px 8px;position:relative}
#logo{width:108px;height:110px;background-image:url(../imgs/logo_topo.jpg);background-repeat:no-repeat;position:absolute;left:20px;top:15px}
#logo a{width:108px;height:110px;color:#121214;display:block}
#joy{width:80px;height:25px;position:absolute;left:750px;top:0}
#joy a{width:80px;height:25px;color:#121214;display:block}
#foto{width:833px;height:296px;padding:40px 0 0 20px}
#foto a:hover,#foto a:active{text-decoration:none;color:#605d5c}
#foto table{width:455px;font-size:15px;float:left}
#foto table tr td{height:34px}
#foto table tr td.textarea{vertical-align:top;padding:6px 0}
#foto table tr td input{width:300px;height:18px;border:1px solid #716f6e;background-color:#716f6e;font-family:Arial, Helvetica, sans-serif;color:#fdc800;font-size:15px;font-weight:100;padding:1px}
#foto table tr td textarea{width:300px;height:70px;border:1px solid #716f6e;background-color:#716f6e;font-family:Arial, Helvetica, sans-serif;color:#fdc800;font-size:15px;font-weight:100;padding:1px}
#foto table tr td input.botao{width:80px;height:22px;border:1px solid #716f6e;background-color:#716f6e;font-family:Arial, Helvetica, sans-serif;color:#fdc800;font-size:15px;font-weight:700}
#foto.contato{background-image:url(../imgs/foto_contato.jpg);background-repeat:no-repeat;background-position:center center}
#foto.formulario{background-image:url(../imgs/foto_formulario.jpg);background-repeat:no-repeat;background-position:0 0}
#mensagem{width:455px;height:255px;float:left}
#mensagem p{margin:0 0 16px}
#mensagem p.centralizar{text-align:center}
#mapa{float:left}
#mapa a:hover,#mapa a:active{text-decoration:underline;color:#fdc800}
#texto{width:833px;height:155px;background-image:url(../imgs/fundo_texto.jpg);background-repeat:repeat-x}
#menu{position:relative;float:left;padding:30px 0 0 40px}
#home{width:50px;height:70px;left:0;top:30px;position:absolute;background-image:url(../imgs/menu_home.jpg);background-repeat:no-repeat;background-position:20px 53px;padding:50px 0 0 15px}
#home a{width:20px;height:60px;color:#000;text-indent:-65px;display:block}
#menu ul{list-style:none}
#menu ul li{padding:4px 0 3px}
#menu ul li a:link,#menu ul li a:visited{text-decoration:none;color:#fdc800;background-image:url(../imgs/marcador_hover.jpg);background-repeat:no-repeat;background-position:0 4px;padding:0 0 0 16px}
#conteudo{float:right;padding:30px 15px 0 0}
#conteudo.home,#conteudo.contato{width:280px;padding:30px 50px 0 0}
#conteudo.institucional,#conteudo.hidraulicos,#conteudo.eletricos{width:615px;text-align:justify;padding:30px 15px 0 0}
#conteudo p{line-height:16px;padding:4px 0 3px 16px}
#conteudo p.marcador{background-image:url(../imgs/marcador_quadrado.jpg);background-repeat:no-repeat;background-position:0 8px}
#conteudo table{width:615px;text-align:justify}
#conteudo table tr td{vertical-align:top}
#foto a:link,#foto a:visited,#mapa a:link,#mapa a:visited{text-decoration:none;color:#fdc800}
#foto.home,#foto.institucional,#foto.hidraulicos,#foto.eletricos,#foto.clientes{height:336px;margin:0;padding:0}
#menu ul li a:hover,#menu ul li a:active,#menu ul li a.ativo{text-decoration:none;color:#605d5c;background-image:url(../imgs/marcador_hover.jpg);background-repeat:no-repeat;background-position:0 -18px;padding:0 0 0 16px}