
html, body {
  height:100%;
}

#HeaderWrap {
  position:absolute;
  width:100%;
  border-bottom:1px solid #ccc;
  height:160px;
  text-align:center;
}

#PageWrap {
  margin-top:-160px;
  left:0px;
  text-align:center;
}

#Page {
  margin:160px auto 0px auto;
  text-align:left;
  width:760px;
  background:#fff;
}

#Header {
  position:relative;
  margin:0 auto;
  text-align:left;
  width:760px;
  height:160px;
}

#MainMenu {
  position:absolute;
  width:460px;
  height:30px;
  display:inline-block;
  bottom:-1px;
  left:280px;
}

  #MainMenu li {
    display:inline-block;
    float:left;
  }

  #MainMenu li a {
    display:block;
    height:30px;
    text-align:center;
    line-height:30px;
    vertical-align:middle;
    margin-right:10px;
    font-size:12px;
    font-weight:bold;
    color:#333333;
    text-decoration:none;
  }

  #MainMenu li a:hover,
  #MainMenu li a.active {
    background-repeat:no-repeat;
  }

    #mainMenuHome a { width: 60px; }
    #mainMenuInst a { width: 90px; }
    #mainMenuServ a { width: 70px; }
    #mainMenuResp a { width: 120px; }
    #mainMenuCont a { width: 70px; }

    #mainMenuHome a:hover, #mainMenuHome a.active { background-position: 0px 0px; }
    #mainMenuInst a:hover, #mainMenuInst a.active { background-position: -70px 0px; }
    #mainMenuServ a:hover, #mainMenuServ a.active { background-position: -170px 0px; }
    #mainMenuResp a:hover, #mainMenuResp a.active { background-position: -250px 0px; }
    #mainMenuCont a:hover, #mainMenuCont a.active { background-position: -380px 0px; }

#Sidebar {
  clear:left;
  float:left;
  width:170px;
  margin:10px 0px 0px 10px;
}
  #Sidebar p, #Sidebar p a {
    color:#666;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
  }
  
  #Sidebar p, #Sidebar ul, #Sidebar form {
    margin-bottom:20px;
  }

  #SecondaryMenu {
    display:block;
    width:170px;
    height:110px;
    padding:10px 5px;
  }

    #SecondaryMenu li {
      line-height:16px;
      margin:0px 0px 6px 20px;
      padding-left:0px;
      list-style-position:outside;
    }

    #SecondaryMenu li a {
      font-size:12px;
      color:#ffffff;
      text-decoration:none;
    }

    #SecondaryMenu li a:hover {
      font-size:12px;
      text-decoration:underline;
    }

  #SearchForm {
    width:170px;
    height:70px;
    padding:8px 7px;
  }

    #SearchForm label {
      display:inline-block;
      font-size:12px;
      margin-bottom:10px;
      color:#ffffff;
      clear:both;
    }

    #SearchInput {
      width:110px;
      height:20px;
      border:1px solid #465E0A;
      vertical-align:middle;
    }

    #SearchOk {
      width:35px;
      height:24px;
      color:#ffffff;
      background:#6C9210;
      border:1px solid #465E0A;
      vertical-align:middle;
    }

#Main {
  margin:10px 10px 25px 200px;
}

#Footer {
  clear:both;
  text-align:center;
  width:740px;
  height:40px;
  margin:10px 10px 0px 10px;
  padding:5px 0px;
  font-size:11px;
}

  #Footer p, #Footer a {
    line-height:16px;
    color:#999;
    text-decoration:none;
  }

  #Footer a:hover {
    text-decoration:underline;
  }

.leftColumn {
  width:340px; margin-right:30px; float:left;
}

.rightColumn {
  width:170px; float:left;
}

/**
 * Typography
 */
/*
'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
*/
body {
  font-family:Helvetica, 'Trebuchet MS', sans-serif, Arial;
  font-size:90%;
}

h1 {
  font-size:1.6em;
}

h2 {
  color:#6C9210;
  font-size:1.1em;
  margin:20px 0px 10px 0px;
}

h3 {
  font-size:1.0em;
  margin:20px 0px 5px 0px;
}

#Main p, #Main li {
  font-size:0.9em;
  line-height:1.2em;
  color:#333;
}

#Main li {
  margin-bottom:5px;
}

#Main p + p, #Main p + ul, #Main ul + p, #Main ul + ul {
  margin-top:10px;
}

#Main h3,
#Main * h3, #Main * h3 a, #Main * h3 a:hover,
#Main * p a, #Main * p a:hover,
#Main * li a, #Main * li a:hover {
  color:#666;
  text-decoration:none;
}

.saibamais {
  font-size:0.8em;
  color:#6C9210 !important;
}

a:hover {
  text-decoration:underline !important;
}

.formButton {
  color:#ffffff;
  background:#6C9210;
  border:1px solid #465E0A;
}

.formInput {
  border:1px solid #465E0A;
}

#Main ul {
  margin-left:0px;
  padding:0px;
}

#Main ul ul {
  margin:5px 0px 0px;
}

#Main li {
  margin-left:20px;
  padding-left:5px;
}

#Main label {
  display:inline-block;
}

.floatMenu {
  padding:10px 5px;
  border-left:2px solid #003366;
  margin:0px 0px 30px 5px;
}

    .floatMenu li {
      list-style-position:outside;
    }

    .floatMenu li a {
      font-size:12px;
      color:#003366;
      text-decoration:none;
    }

    .floatMenu li a:hover {
      font-size:12px;
      text-decoration:underline;
    }

.thumb {
  display:inline-block;
  padding:5px;
  margin:5px;
  border:1px solid #ccc;
}

a:hover .thumb {
  background-color: #ccc;
}

.HomeBanner { width:550px; float:left; clear:right;height:150px; }

.IndiceArtigos {}
.PreviaArtigo {}
.NavegacaoArtigos { text-align:center; }
.Artigo {}

#Main .IndiceClientes {}
#Main .IndiceClientes li { width:45%; margin:0px 10px 10px 0px; float:left; }
