body {
  margin: 0;
  padding: 0;
  width: 100%;
  
  font-family: Verdana, Arial, san-serif;
  font-size: 11px;
  color: #31333B;

  background: url(../images/bg/background.jpg) #fff no-repeat center fixed;
}

table{
  font-family: Verdana, Arial, san-serif;
  font-size: 11px;
  color: #31333B;
}

a{
  color:#31333B;
  text-decoration:none;
}

a:link{
  color:#31333B;
  text-decoration:none;
}

a:visited{
  color:#31333B;
  text-decoration:none;
}

a:active{
  color:#31333B;
  text-decoration:none;
}

a:hover{
  color:#590d20;
  text-decoration:underline;
}

h1,h2 {
  color:#da251c;
  font-family: "Trebuchet MS",verdana, arial, sans-serif;
  font-weight:bold;
  font-size:15px;
  padding-left:12px;
  background: url(images/arrow.html) no-repeat left center;
  text-transform: uppercase;
}

fieldset{
  border:0;
}

input, textarea{
  padding:3px; 
  margin-bottom:5px; 
  border:1px solid #c0c0c0; 
  -moz-border-radius:3px; 
  -webkit-border-radius:3px;
}

input:focus, textarea:focus{
  border-color:#999;
}

label{
  display:block; 
  font-size:1.2em; 
  margin-top:5px;
}

textarea{
  overflow:auto; 
  font:1.2em Arial, Helvetica, sans-serif; 
  color:#333; 
  line-height:1.6em;
}

#main{
  width: 990px;
  left:50%;
  margin-left:-495px; /* metade da largura que voc� usar, negativa */
  position:absolute;
}

#header {
  height: 236px;
}

#navbar {
  background:url(../images/nav-bg.png);
  width: 990px;
  padding:0;
}

/* Styles for the entire LavaLamp menu */
.lavaLamp {
  position: relative;
  overflow: visible;
  height: 50px;
  font-size: 8px;
  padding:0;
  width: 990px;
  /*left:50%;*/
  margin: 0;
  /*margin-left:-495px;*/
}
/* Force the list to flow horizontally */
.lavaLamp li {
  float: left;
  list-style: none;
  font-size: 8px;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
  background:url(../images/lava.png) no-repeat right -30px;
  width: 9px;
  height: 30px;
  z-index: 8;
  position: absolute;
  top:10px;
}
.lavaLamp li.back .left {
  background:url(../images/lava.png) no-repeat top left;
  height: 30px;
  margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 14px arial;
  color: #333; outline: none;
  text-align: center;
  /*height: 30px; */
  /*top: 7px;*/
  padding:18px 18px 18px 18px;
  z-index: 10;
  letter-spacing: 0;
  float: left;
  display: block;
  /*margin: auto 20px;*/
}

.lavaLamp li a:hover {
  color:#FFF;
  text-shadow:1px 1px 2px #000;
  text-decoration: underline;
}

.lavaLamp li.current a{
  color: #EFEFCE;
  text-shadow: 1px 1px 2px #000000;
}

#menu {
  width: 990px;
  height: 50px;
  background: #d5d4d4;
  position: relative;
}

#content {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background:#ffffff;
  width: 990px;
}

#footer {
  padding: 3px 0px;
  height: 50px;
  border-top: 2px solid #FFFFFF;
  background: #cdc4c1;
}

#footer p {
  margin: 0px;
  padding-top: 15px;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
}

#footer a {
  color: #ffffff;
}

#footer a:hover {
  color: #ffffff;
}

.width230{
  width:230px;
}

.loading, #resposta{
  width:230px;
  background:#f8f8f8;
  border:1px solid #ccc;
  padding:3px;
  text-align:center;
  margin:0 0 10px 200px;
  display:none;
}

.loading img{
  vertical-align:middle;
}

/*************************/
/*** GLOBAL ATTRIBUTES ***/
/*************************/
div.rounded-box {
  position:relative;
  background-color: #E6E6E6;
  margin: 3px;
}

div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner{
  position:absolute;
  width:20px;
  height:20px;
  background-color:#FFF;
  overflow:hidden;
}

div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {
  position:relative;
  font-size:150px;
  font-family:arial;
  color:#E6E6E6;
  line-height: 40px;
}

/*************************/
/** SPECIFIC ATTRIBUTES **/
/*************************/
div.top-left-corner {
  top:0px;
  left:0px;
}

div.bottom-left-corner {
  bottom:0px;
  left:0px;
}

div.top-right-corner {
  top:0px;
  right:0px;
}

div.bottom-right-corner {
  bottom: 0px;
  right:0px;
}

div.top-left-inside {
  left:-8px;
}

div.bottom-left-inside {
  left:-8px;
  top:-17px;
}

div.top-right-inside {
  left:-25px;
}

div.bottom-right-inside {
  left:-25px;
  top:-17px;
}

div.box-contents {
  position: relative;
  padding: 8px;
  color:#000;
}

.padding-10{
  padding: 10px;
}
/**
 *
  <div class="rounded-box">
    <div class="top-left-corner"><div class="top-left-inside">&bull;</div></div>
    <div class="bottom-left-corner"><div class="bottom-left-inside">&bull;</div></div>
    <div class="top-right-corner"><div class="top-right-inside">&bull;</div></div>
    <div class="bottom-right-corner"><div class="bottom-right-inside">&bull;</div></div>
    <div class="box-contents">
      two lines
    </div>
  </div>
*/