* { padding: 0px; margin: 0px; list-style: 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: 240px; text-align:center; background-image:url(imgs_site/topo.gif); background-repeat:no-repeat;}
#conteudo { width: 100%; height: auto; text-align: center; background-color: #FFFDF2; margin-top: 15px;}

#coluna_1 { width: 700px; background-color: #FFFDF2; float:left; background-image:url(imgs_site/fundo_coluna_1.gif); background-repeat: repeat-y;}
#coluna_2 { width: 300px; background-color: #FFFDF2; float:left; background-image:url(imgs_site/fundo_coluna_2.gif); background-repeat: repeat-y; background-position: 225px 0px ; }

#jobs {width: 630px; margin-left: 40px; margin-right: 30px; }
#jobs h1 { font-family: arial; font-size: 22px; color: #FF6600; text-align:left; font-weight: bold; margin: 0 0 5px 7px;  letter-spacing: -1px; }
#jobs h1 a { color: #FF6600; text-decoration: none;  }
#jobs h1 a:hover { color: #FF6600; text-decoration: underline; }
#jobs p { font-family: arial; font-size: 14px; color: #0099CC; text-align:left; letter-spacing: -1px; }
#jobs p .verde { color: #A8CB40;}
#jobs p .verde a { color: #A8CB40; text-decoration: none;  }
#jobs p .verde a:hover { color: #A8CB40; text-decoration: underline; }
#jobs p .azul { color: #0099CC; font-weight: bold; margin-right: 5px; margin-left: 10px; }

.jobs ul li{ float:left; padding:0 7px; margin: 20px 0 30px 0; font-size: 12px; display: block; }
.jobs img{ border: #FFECCE 4px solid; }
.jobs a:hover img { border: 4px solid #FFDFAE; }

#servicos { width: 300px; }
#servicos h1 { font-family: arial; font-size: 22px; color: #84C225; text-align:left; font-weight: bold; margin-bottom: 10px; letter-spacing: -1px;}
#servicos p { font-family: arial; font-size: 18px; color: #FF6600; text-align:left; line-height: 1.5em; letter-spacing: -1px;}

#contato { width: 300px; }
#contato h1 { font-family: arial; font-size: 22px; color: #000; text-align:left; font-weight: bold; margin: 20px 0 10px 0; letter-spacing: -1px;}
#contato p { font-family: arial; font-size: 18px; color: #0099CC; text-align:left; line-height: 1.5em; letter-spacing: -1px;}

#tags { width: 300px; }
#tags h1 { font-family: arial; font-size: 22px; color: #D0BA61; text-align:left; font-weight: bold; margin: 20px 0 10px 0; letter-spacing: -1px;}
#tags p { font-family: arial; font-size: 14px; color: #E1B500; text-align:left; line-height: 1.5em; letter-spacing: -1px;}

#perfil { width: 300px; }
#perfil h1 { font-family: arial; font-size: 22px; color: #47B5DA; text-align:left; font-weight: bold; margin: 20px 0 10px 0; letter-spacing: -1px;}
#perfil p { font-family: arial; font-size: 14px; color: #47B5DA; text-align:left; line-height: 1.5em; letter-spacing: -1px;}

#ilustracoes { width: 300px; }
#ilustracoes h1 { font-family: arial; font-size: 22px; color: #84C225; text-align:left; font-weight: bold; margin: 20px 0 10px 0; letter-spacing: -1px;}
#ilustracoes p { font-family: arial; font-size: 14px; color: #47B5DA; text-align:left; line-height: 1.5em; letter-spacing: -1px;}
.ilustracoes ul li{ float:left; padding:0 3px; margin: 3px 0 3px 0; font-size: 12px; display: block; }
.ilustracoes img{ border: #FFECCE 2px solid; }
.ilustracoes a:hover img { border: 2px solid #FFDFAE; }


.contato_form form { text-align:left; }
.contato_form label { cursor: pointer; font-family: arial; font-size: 12px; color: #66C1DB; } 
.contato_form input { padding: 5px; height: 15px; width: 240px; border: #CEEBF0 solid 1px; background-color: #fff; background-image:url(imgs_site/fundo_input.jpg); background-repeat:repeat-x;}
.contato_form .bt_enviar{ width: 100px; height: 25px; padding: 0px; margin-top: 10px; color: #FF6600;   }
.contato_form textarea { padding: 5px; height: 15px; width: 240px; height: 100px; border: #CEEBF0 solid 1px; background-color: #fff;background-image:url(imgs_site/fundo_textarea.jpg); background-repeat:repeat;}

#rodape { width: 1000px; height: 130px; background-image:url(imgs_site/fundo_rodape.gif); background-repeat:no-repeat; }
#rodape p { font-family: arial; font-size: 14px; color: #FF6600; text-align: center; padding: 80px 0 0 230px ; letter-spacing: -1px;}

.linha { width: 290px;; height: 2px; border-bottom: 1px dashed #FFCC00; margin: 13px 10px 0 0;}
