body {
  background: #333333;
  background-attachment:fixed;
  background-position: center;
  background-repeat:no-repeat;
  color: #333;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img { border: none; }
td {width: 30%;}
/* --- Structure --- */
#wrap {
  margin: 0 auto;
  width: 900px;
}
#header { background: #CCC url(images/bg.gif) repeat-x; }
  #header form { float: right; padding: 5px; }
  #header form p { display: inline; }
  
  #header h1#logo {
    background: url('/public/images/logo.gif') no-repeat;
	background-position:26px 23px;
    display: block;
    height: 99px;
    padding: 0;
    margin: 0;
    text-indent: -999px;
    width: 652px;
  }

/* --- Top menu --- */
#navbar { padding-bottom: 5px; }
#navbar ul {
  float: right;
  list-style-type: none;
  margin: 0 10px;
  padding: 0;
}
#navbar ul li {
  display: inline;
  width: 10%;
}
#navbar ul li a { font-size: 12px; }
#navbar ul li:before { content: " | "; font-size: 11px; }
#navbar ul li.first:before { content: ""; }

#banner { background: #FFA500; }

#content { background: #FFF; padding: 10px; }
#content h2 span { display: none; }

#footer { background: #969594; }

#footer_top {
  border-bottom: solid 1px #CCC;
  color: #CACACA;
  font-family: Arial;
  font-size: 22px;
  margin: 10px;
  padding-bottom: 10px;
}
  #footer_top h2 { margin-bottom: 5px; }
  #footer_top span { color: #FFF; }
  
#footer_bottom { padding: 10px; }

/* --- Bottom menu --- */
#navbottom {
  background: url(images/bg_menu.gif) repeat-x;
  border-bottom: solid 5px #E28A28;
  height: 20px;
  list-style-type: none;
  margin: 0;
  padding-top: 2px;
  text-align: center;
}
#navbottom li { display: inline; }
#navbottom li a { color: #FFF; }
#navbottom li:before { color: #FFF; content: " | "; }
#navbottom li.first:before { content: ""; }

#footer_bottom ul { font-size: 13px; list-style-type: none; padding: 0;}
#footer_bottom ul li { color: #FFF; font-size: 13px; font-weight: bold; margin: 5px 0; }
#footer_bottom ul li a { color: #FFF; font-size: 12px; font-weight: normal; margin-left: 10px;}  
#footer_bottom ul li ul li {font-weight: normal;}
.pad {padding: 0 10px;}
/* --- Columns --- */
.column {
  float: left;
  margin: 5px;
  min-height: 350px;
  width: 32%;
}

/* --- Boxes --- */
#gravacao {border-bottom: solid 5px #E28A28;}
#gravacao h2 { 
  background: url(images/h2-gravacao.jpg) no-repeat top;
  height: 65px;
  margin: 0;
}
#impressao {border-bottom: solid 5px #95C612;}
#impressao h2 { 
  background: url(images/h2-impressao.jpg) no-repeat; 
  height: 65px;
  margin: 0;
}
#grafica {border-bottom: solid 5px #E28A28;}
#grafica h2 { 
  background: url(images/h2-grafica.jpg) no-repeat;
  height: 65px;
  margin: 0;
}
/* --- Hacks --- */
.clearfix {clear:both;}
.float {float:right;}

/* --- Chat --- */
.online {
  color: green;
  background: lightgreen;
}
.offline {
  background: red;
  color: #FFF;
}

.online a, .offline a {
  display: block;
  padding: 10px;
}

.pad ul li img { margin-right: 5px; padding-top: 2px;}

.message { padding: 10px;}
.notice { background: lightgreen; border: solid 1px green; }
.error { background: pink; border: solid 1px red; }
.warning { background: lightyellow; border: solid 1px yellow; }

#uploadform label {
  display: block;
}

#formcontato label {display:block;}
#formcontato input[type='text']{ width: 265px; }