html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i, marquee { margin: 0px; padding: 0px; border: none; }
ul { list-style: none; }

body { background: #000; font-family: Calibri, Verdana, Geneva, sans-serif; text-align: center; padding-top: 30px; }

#wrapper { width: 850px; margin: 0 auto; text-align: left; }

#logo { position: relative; float: left; width: 331px; height: 188px; color: #fff; font-size: 16px;  }
#logo > span { display: block; width: 100%; height: 100%; background: url(../imgs/logo.jpg) no-repeat; position: absolute; top: 0; left: 0;}
#sobre { color: #999; margin: 10px 0 0 30px; float: left; width: 450px; }

#contato { float: left; width: 340px; margin-top: 0; position: relative; }
#contato h2 { position: relative; float: left; width: 340px; height: 16px; color: #fff; font-size: 16px; margin: 10px 0; }
#contato h2 > span { display: block; width: 100%; height: 100%; background: url(../imgs/cabecalho_contato.jpg) no-repeat; position: absolute; top: 0; left: 0; }

label { color: #fff; }
input[type='text'], textarea { width: 330px; border: 2px solid #fff; background: #bdbdbd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; font-size: 14px; padding: 3px 2px; font-family: Calibri, Verdana, Geneva, sans-serif;  }
textarea { height: 150px; }
input[type='submit'] { border: 2px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; color: #fff; text-transform: uppercase; background: #197fc0; font-size: 16px; cursor: pointer; }
input[type='submit']:hover, input[type='submit']:focus { background: #389ad8;  }

#info { float: left; padding-left: 30px; }
#em_breve { position: relative; width: 452px; height: 202px; color: #fff; font-size: 16px; margin: 0 0 50px 0; }
#em_breve > span { display: block; width: 100%; height: 100%; background: url(../imgs/em_breve.jpg) no-repeat; position: absolute; top: 0; left: 0;}

#info_fone { height: 40px; padding: 0 0 0 55px; background: url(../imgs/telefone.jpg) 0 2px no-repeat; color: #999; margin-bottom: 10px; }
#info_email { height: 40px; padding: 7px 0 0 55px; background: url(../imgs/email.jpg) 0 2px no-repeat; color: #999; }

#loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../imgs/hover_trans.png); z-index: 300; display: none; }
#loading > div { position: absolute; top: 50%; left: 50%; width: 200px; height: 10px; margin: -5px 0 0 -100px; background: #fff url(../imgs/ajax-loader.gif) center center no-repeat; z-index: 301;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; text-align: left; }

p.error { border: 2px solid #fff; width: 200px; margin: -50px 0 0 -100px; color: #fff; background: #C00; position: absolute; top: 50%; left: 50%;  display: inline-block; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 3px 3px 5px #111;  -webkit-box-shadow: 3px 3px 5px #111; box-shadow: 3px 3px 5px #111; }
p.success { border: 2px solid #fff; width: 200px; margin: -50px 0 0 -100px; color: #fff; background: #090; position: absolute; top: 50%; left: 50%;  display: inline-block; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 3px 3px 5px #111;  -webkit-box-shadow: 3px 3px 5px #111; box-shadow: 3px 3px 5px #111; }
.close { position: absolute; right: 5px; top: 5px; cursor: pointer; }

#wrapper:after, #topo:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }