/*------------------------------------------------------------------------------ 
File name: knowman.css
Version: 001
Created: August 2009
Last Edited: August 06, 2009
By: ana
Description: CSS Styles for Rede de Inovação e Conhecimento web site 

Colors:
brown - #784317
blue - #2B6F6F
dark beige - #8B684B
dark gray - #333
------------------------------------------------------------------------------*/

body  {
  background: #eee;
  border-left: 1px solid #8B684B;
  border-right: 1px solid #8B684B;
  color: #333;
  font-family: Verdana, georgia, trebuchet;
  font-size: 10.5px;
  margin: 0 auto; 
  text-align: center;
  width: 760px;
}

img	{
  display: inline;
  border: 0;
}

p, td, ul, ol, li, dl, dt, dd     {
  font-family: Verdana, georgia, trebuchet;
  font-size: 11.5px;
  text-align: left;
}

p	{
  margin-top: 0;
  margin-bottom: 1em;
  text-align: left;
}

h1	{
  margin-top: 0.8em;
  margin-bottom: 1em;
  font-size: 2em;
  font-weight: normal;
  text-transform: uppercase;
  color: #2B6F6F;
}

h2	{
  color: #2B6F6F;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 3.5em;
}

a:link {
  color: #784317;
}

a:active {
  color: #CCCCCC;
} 

a:visited {
  color: #784317;
}

a:hover {
  color: #8B684B;
  text-decoration: none;
}

table	{
  border-collapse: separate;
  border-spacing: 5px;
}

#wrapper	{
  width: 750px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
}

#sidenav  {
  width: 168px;
  float: left;
}

#content  {
  width: 582px;
  float: right;
}

.spacer {
  clear: both;
  line-height: 0.2em;
}

.row {
  clear: both;
  padding-top: 10px;
}

/****************************************************** top menu and footer */
.headerfooter	{
  width: 750px;
  text-align: right;
}

.headerfooter ul	{
  text-align: right;
  margin-top: -0.1em;
  margin-bottom: -0.2em;
  padding-top: 0.5em;
}

.headerfooter li	{
  display: inline;
  margin-right: 10px;
  list-style-type: none;
  font-size: 0.9em;
}

.headerfooter a{
  color: black;
}

/******************************************************************* header */
#logo {
  padding: 0px 10px 0px 9px; 
}

/******************************************************************* main menu */

td.mainmenu	{
  width: 168px;
  height: 190px;
  padding: 5px 10px 5px 0;
  vertical-align: top;
}
  
.mainmenu li	{
  font-size: 13px;
  list-style-type: none;
  border-bottom: 1px solid #8B684B;
  margin-top: 1em;
  margin-left: -2.6em;
  font-weight: bold;
}

.mainmenu a	{
  color: #784317;
  text-decoration: none;
}

.mainmenu a:visited {
  text-decoration: none;
  color: #784317;
}

.mainmenu a:hover {
  color: #8B684B;
  text-decoration: none;
}

/******************************************************************* sub menu */

#submenu li {
  font-size: 11px;
  font-weight: normal;
  list-style-type: none;
  border-bottom: 0;
  margin-top: 1em;
  margin-left: -3.5em;
}
  

/********************************************************** main area */

td.mainarea	{
  padding: 10px;
  vertical-align: top;
}

td.mainarea img {
  margin-left: 60px;
  margin-top: 10px;
  margin-bottom: 20px;
}

/********************************************************** main news */

td.mainnews	{
  padding: 10px;
  vertical-align: top;
}
/*************   background: transparent url(../imgs/rss_feed_button.gif) no-repeat right top; */

.mainnews h2 {
  display: inline;
}

/********************************************************** news and events */

td.news	{
  padding: 10px;
  vertical-align: top;
}

.day	{
  display: inline;
  font-weight: bold;
  color: #F7B50C;
  margin-left: 10px;
}

.readmore	{
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #6F2B6E;
  margin-top: -2.3em;
  margin-bottom: 2.3em;
  margin-right: 10px; 
}

/*********************************************************** highlight */

td.highlight	{
  width: 168px;
  height: 180px;
  padding: 5px;
  text-align: center;
  color: #000;
}
   
td.highlight p  {
  text-align: center;
}

.livro  {
  font-style: italic;
}

.highlight a	{
  color: #fff;
}

.highlight a:visited {
	text-decoration: none;
}

.highlight a:hover {
  text-decoration: none;
	color: #8B684B;
  font-weight: bold;
}

/******************************************************************* intro on homepage*/

    p.intro {
      font-size: 1.4em;
      margin-top: 1em;
    }


/******************************************************************* getintouch */

    #getintouch	{
      border: 1px solid #2B6F6F; 
      margin-right: 10px;
      margin-left: auto;
      padding: 10px;
      width: 250px;
    }

    #getintouch #submit	{
      background-color: #2B6F6F;
      color: #fff;
      font-size: 0.9em;
      font-weight: bold;
    }

/******************************************************************* popup */

#popup	{
  margin-left: 170px;
  padding: 52px 0 10px 0;
}

.regressar	p {
  text-align: right;
  margin-top: -0.1em;
  margin-bottom: -0.2em;
  margin-right: 5px;
  padding-top: 0.5em;
}

/******************************************************************* appform */

fieldset {
  border: 1px solid #2B6F6F;
  padding-top: -2em;
}

h2.formsections {
  color: #2B6F6F;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 1em;
}

#formbuttons {
  align: right;
  margin-bottom: 2em;
  margin-top: 1em;
}

#appform #reset {
  background-color: #8B684B;
  color: #fff;
}  

#appform #submit {
  background-color: #2B6F6F;
  color: #fff;
  font-weight: bold;
}