* { padding: 0px; margin: 0px; list-style: none; }


a:hover { text-decoration:underline; } 
a:visited { text-decoration:none; }


body { margin: 0; background-color: #FFFDF2; text-align: center; }
#site { width: 1000px; height: auto; text-align: center; margin: 0 auto;}
#topo { width: 100%; height: 340px; text-align:center; background-image:url(imgs-site/topo.gif); background-repeat:no-repeat; }

#logo { width: 250px; height: 200px; text-align: center; margin: 0 400px 0 350px;}
#logo img { border: 0 ; width: 250px; height: 200px; }

#menu { width: 1000px; height: auto; font-family: arial; font-size: 30px; letter-spacing: -2px; font-weight: bold; padding: 90px 0 0 0 ;}
#menu ul { width: 1000px; height: auto; }
#menu li { float: left ; width: 210px; height: 25px; margin: 0 0 0 30px;}
#menu .inicio { color: #490A3D ; }
#menu .trabalhos { color: #BD1550 ; }
#menu .servicos { color: #E97F02 ; }
#menu .contato { color: #F8CA00 ; }

#menu .inicio a { color:#490A3D; text-decoration:none; } 
#menu .inicio a:hover { text-decoration:underline; color:#490A3D; } 
#menu .inicio a:visited { text-decoration:none; color:#490A3D; }

#menu .trabalhos a { color:#BD1550; text-decoration:none; } 
#menu .trabalhos a:hover { text-decoration:underline; color:#BD1550; } 
#menu .trabalhos a:visited { text-decoration:none; color:#BD1550; }

#menu .servicos a { color:#E97F02; text-decoration:none; } 
#menu .servicos a:hover { text-decoration:underline; color:#E97F02;  } 
#menu .servicos a:visited { text-decoration:none; color:#E97F02; }

#menu .contato a { color:#F8CA00; text-decoration:none; } 
#menu .contato a:hover { text-decoration:underline; color:#F8CA00; } 
#menu .contato a:visited { text-decoration:none; color:#F8CA00; }



#conteudo { width: 100%; height: auto; text-align: center; margin: 40px 0 0 0 ;}

#trabalhos { width: 1000px; height: auto; text-align: left; font-family: arial; }
#trabalhos ul { width: 1000px; height: auto; }
#trabalhos li { width: 215px; height: auto; float: left; margin: 0 0 40px 30px; padding: 0 0 10px 0 ;}
#trabalhos li img { padding: 5px; border: 0px solid #DDE1B1; background: #fff; margin: 0 0 5px 0 ; background: url(imgs-site/fundo-trabalhos.gif) repeat; }
#trabalhos li h3 { font-size: 18px; color: #490A3D; letter-spacing: -1px; margin: 5px 0 0px 5px;}
#trabalhos .oquefez { font-size: 18px; color: #BD1550; margin: 0 5px; font-weight: normal;}
#trabalhos .paraquemfez { font-size: 14px; color: #E97F02; margin: 0 5px;}
#trabalhos .visitar { font-size: 11px; color: #E97F02; margin: 0 5px; padding: 2px; background-color: #FF6600; }
#trabalhos li:hover {  background: url(imgs-site/fundo-trabalhos.gif) repeat; }

#servicos { width: 970px; height: auto; text-align: left; font-family: arial; margin: 0 0 40px 30px; background-image:url(imgs-site/fundo-servicos.gif); background-repeat:no-repeat; }

#servicos h1 { font-size: 42px; letter-spacing: -1px;  color: #8A9B0F; margin: 0 0 20px 0 ; }
#servicos p { font-size: 32px ; letter-spacing: -2px; padding: 0 0 0 20px; margin: 0 0 5px 0 ; font-weight: bold; color: #E97F02; }

#contato { width: 970px; height: auto; text-align: left; font-family: arial; margin: 0 0 40px 30px; background-image:url(imgs-site/fundo-servicos.gif); background-repeat:no-repeat; }

#contato h1 { font-size: 42px; letter-spacing: -1px;  color: #8A9B0F; margin: 0 0 20px 0 ; }
#contato p { font-size: 32px ; letter-spacing: -1px; padding: 0 0 0 20px; margin: 0 0 5px 0 ; font-weight: bold; color: #E97F02; }



#rodape { width: 1000px; height: 235px; background-image:url(imgs-site/rodape.gif); background-repeat:no-repeat; margin: 60px 0 0 0 ;}
#rodape p { font-family: arial; font-size: 14px; padding: 190px 0 0 0 ; color: #490A3D;}

#rodape img { margin: 7px 0 0 0 ; border: 0 ;}

#contato_form { width: 500px; margin: 0 0 40px 25px;  font-family: arial;}
#contato_form form{ margin-top:10px; border-left: 0px solid #F1E9E0; padding: 0px;}
#contato_form label{ cursor: pointer; font-size: 18px; padding: 0 0 5px 0; color: #999;}
#contato_form input{ padding: 5px; height: 30px; width: 400px; border: #f60 dotted 1px; background-color: #fff;  font-family: arial; font-size: 16px;}

#contato_form textarea{ padding: 5px;  width: 450px; height: 100px; border: #f60 dotted 1px; background-color: #fff; font-size: 16px;}

#contato_form .bt_enviar{ width: 100px; height: 25px; padding: 0px; margin-top: 10px; font-size: 14px;  }



#trabalhos-detalhes { width: 970px; height: auto; text-align: left; font-family: arial; margin: 0 0 40px 30px; background-image:url(imgs-site/fundo-servicos.gif); background-repeat:no-repeat; }

#trabalhos-detalhes  h1 { font-size: 42px; letter-spacing: -1px;  color: #8A9B0F; margin: 0 0 20px 0 ; }
#trabalhos-detalhes  p { font-size: 32px ; letter-spacing: -1px; padding: 0 0 0 20px; margin: 0 0 5px 0 ; font-weight: bold; color: #E97F02; }

#trabalhos-detalhes .nome-projeto { font-size: 22px; color: #490A3D; margin: 0 0 0 10px;}
#trabalhos-detalhes .oquefez { font-size: 22px; color: #f60; margin: 0 0 0 20px;}