• Institucional
• Soluções
• Capacitação
• Clientes
• Contato
• Rede Social

%STARTINCLUDE%
body {
  font-family: Liberation Sans, Arial, helvetica, sans-serif;
  font-size: 14px;
  background: #6E6E6E;
  margin: 0px;
  padding: 0px;
}

#wraper {
  background: #FFF;
  text-align: center;
}

#header {
  width: 800px;
  margin: auto;
  position: relative;
}

#logo {
  margin: 0px;
  padding: 0px;
}

#logo a {
  float: right;
  display: block;
  width: 305px;
  height: 95px;
  background: url(%ATTACHURL%/logo-colivre-horiz.ind.png) 50% 50% no-repeat;
}
#logo span {
  display: none;
}

#banner {
  position: absolute;
  top: 32px;
  left: -40px;
}

/*******************************************************************/

#folow-us {
  position: absolute;
  top: 30px;
  left: 25px;
}
#folow-us a {
  float: left;
  display: block;
  position: relative;
}
#folow-us span {
  display: none;
}
#twitter {
  background-image: url(%ATTACHURL%/follow-us-twitter.png?v=2);
  width: 113px;
  height: 54px;
  top: 8px;
}
#identica {
  background-image: url(%ATTACHURL%/follow-us-identica.png?v=2);
  width: 103px;
  height: 82px;
  top: -12px;
  left: 20px;
}

/*******************************************************************/

#menu-borda {
  background: #555 url(%ATTACHURL%/menu-bg.png);
  height: 30px;
  clear: right;
  text-align: center;
}

#menu {
  width: 800px;
  margin: 0px auto;
}

#menu ul {
  float: right;
  margin: 0px;
  padding: 6px 0px 0px 0px;
  position: relative;
  right: -10px;
}
#menu li {
  margin: 0px;
  padding: 0px;
  display: inline;
}

#menu a {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin-left: 20px;
  text-decoration: none;
  color: #DDD;
  font-weight: bold;
}
.msie6 #menu a {
  position: relative;
  top: 1px;
}

#menu a span {
  padding: 5px 10px;
}

#menu a:hover {
  color: #FFF;
}

.parent-Institucional #item-inst a, .topic-Institucional  #item-inst a,
.parent-Solucoes #item-solu a,      .topic-Solucoes  #item-solu a,
.parent-Capacitacao #item-capa a,   .topic-Capacitacao  #item-capa a,
.parent-Clientes #item-clie a,      .topic-Clientes  #item-clie a,
.parent-Contato #item-cont a,       .topic-Contato  #item-cont a {
  font-weight: bold;
  background: #C00 url(%ATTACHURL%/menu-ativo-dir.png);
  color: #FFF;
  line-height: 25px;
}
.parent-Institucional #item-inst a span, .topic-Institucional  #item-inst a span,
.parent-Solucoes #item-solu a span,      .topic-Solucoes  #item-solu a span,
.parent-Capacitacao #item-capa a span,   .topic-Capacitacao  #item-capa a span,
.parent-Clientes #item-clie a span,      .topic-Clientes  #item-clie a span,
.parent-Contato #item-cont a span,       .topic-Contato  #item-cont a span {
  background: url(%ATTACHURL%/menu-ativo-esq.png) 100% 0% no-repeat;
}

/*******************************************************************/

#interno {
  text-align: left;
  padding-top: 1px;
  padding-bottom: 30px;
  width: 800px;
  margin: auto;
  position: relative;
}
.msie6 #interno {
  left: 40px;
}

#cont-tit-header {
  background: #C01010 url(%ATTACHURL%/title-bg.png) 0% 100%;
  width: 880px;
  max-width: 800px;
  margin: 0px;
  padding: 5px 40px;
  color: #FFF;
  text-align: right;
  font-size: 26px;
  position: relative;
  left: -40px;
}

#cont-tit-header span {
  display: inline-table;
  width: 100%;
  text-align: left;
  padding-left: 140px;
}

/*******************************************************************/

#extra {
  float: left;
  position: relative;
  top: -34px;
  left: -25px;
}

#sub-menu-borda {
  background: #F9F9F9 url(%ATTACHURL%/sub-menu-meio.png);
  width: 132px;
}

#sub-menu {
  background: url(%ATTACHURL%/sub-menu-base.png) 0% 100% no-repeat;
}

#sub-menu ul {
  margin: 0px;
  padding: 8px 11px;
  background: url(%ATTACHURL%/sub-menu-top.png) no-repeat;
}
#sub-menu li {
  margin: 0px;
  padding: 8px 5px;
  width: 110px;
  max-width: 100px;
  border-top: 1px solid #DDD;
  text-align: right;
  font-weight: bold;
  list-style: none;
}
#sub-menu li.first {
  border: none;
}

#sub-menu a {
  text-decoration: none;
  color: #C00;
}
#sub-menu a:hover {
  color: #000;
}

/* #sub-menu .palavra-grande {
  letter-spacing: -1px;
} */

/*******************************************************************/

#noticias {
  text-align: right;
  width: 128px;
  padding-top: 20px;
}

#noticias h3 {
  color: #CCC;
  margin: 0px;
  padding: 5px 0px;
  font-size: 16px;
}

#noticias ul {
  margin: 0px;
  padding: 0px;
}
#noticias li {
  margin: 0px;
  padding: 5px 0px;
  list-style: none;
}

#noticias a {
  font-size: 12px;
  text-decoration: none;
  color: #B00;
}
#noticias a:hover {
  color: #000;
}

#noticias .twikiAlert {
  display: none;
}
.user-is-admin #noticias .twikiAlert {
  display: block;
  color: red;
}

/*******************************************************************/

#conteudo {
  float: right;
  text-align: justify;
  width: 660px;
  padding-top: 20px;
}
.msie #conteudo {
  padding-top: 30px;
}

#cont-tit {
  display: none;
}

#conteudo h1, #conteudo h2, #conteudo h3,
#conteudo h4, #conteudo h5, #conteudo h6 {
  color: #B00;
}
#conteudo h1 { font-size: 24px }
#conteudo h2 { font-size: 20px }
#conteudo h3 { font-size: 18px }
#conteudo h4 { font-size: 16px }
#conteudo h5 { font-size: 15px }
#conteudo h6 { font-size: 14px }

.float-left {
  float: left;
  margin: 0px 20px 5px 0px;
}
.float-right {
  float: right;
  margin: 0px 0px 5px 20px;
}

#conteudo a {
  color: #B00;
}
#conteudo a:visited {
  color: #B66;
}
#conteudo a:hover {
  color: #F00;
}

#conteudo ul li {
  padding: 2px 0px;
  list-style-image: url(%ATTACHURL%/list-glip.gif);
}

#conteudo .twikiToc li {
  list-style-image: url(%ATTACHURL%/toc-glip.gif);
}
#conteudo .twikiToc a {
  text-decoration: none;
}
#conteudo .twikiToc a:hover {
  text-decoration: underline;
}

/*******************************************************************/

#rodape {
  background: #6E6E6E url(%ATTACHURL%/rodape-bg.png) repeat-x;
  color: #AAA;
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 1px;
  text-align: center;
}
#rodape-inner {
  padding-top: 15px;
  width: 880px;
  margin: auto;
  text-align: right;
}

.loaded #rodape-inner {
  /* A classe "loaded" é adicionada ao body no evento onload,
   * assim podemos deixar para adicionar certos elementos (açúcar)
   * apenas após todo o layout e conteúdo estarem carregados.
   */
  background: url(%ATTACHURL%/colivre-gear-ani2.gif) 50% -20px no-repeat;
}

#rodape #rodape-inner a {
  color: #AAA;
  text-decoration: none;
}
#rodape #rodape-inner a:hover {
  color: #EEE;
}

#rodape p {
  margin: 0px;
  padding: 10px 0px;
}

#sobre {
  float: left;
  text-align: left;
  padding-left: 10px;
  position: relative;
  left: -30px;
}

/*******************************************************************/

#flags {
  float: left;
  margin-left: -45px;
  padding-top: 7px;
  font-size: 11px;
}

#flags a {
  float: left;
  margin-left: 10px;
  text-decoration: none;
  color: #999;
  display: block;
  width: 19px;
  height: 13px;
  opacity: 0.3;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* MSIE 8 (sux a lot) */
  filter: alpha(opacity=30);  /* MSIE old (sux) */
}
#flags a:hover {
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* MSIE 8 (sux a lot) */
  filter: alpha(opacity=100);  /* MSIE old (sux) */
}

#flags span {
  display: none;
  position: relative;
  top: 13px;
  left: -15px;
}
#flags a:hover span {
  display: block;
}

#flag-pt {
  background: url(%ATTACHURL%/flag-br-nocolor.png);
}

#flag-en {
  background: url(%ATTACHURL%/flag-en-nocolor.png);
}

/*******************************************************************/

#busca {
  float: left;
  margin: 0px;
  padding: 5px 0px 0px 20px;
  position: relative;
  z-index: 10;
}

#busca input {
  text-align: center;
  border: 1px solid #DDD;
  color: #999;
  background: #FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 131px;
}
.msie #busca input {
  position: relative;
  top: 10px;
}
#busca.clean input {
  color: #BBB;
}
#busca.focused input {
  border: 1px solid #999;
  color: #444;
}

#busca div {
  visibility: hidden;
  font-size: 11px;
}
#busca.focused div {
  visibility: visible;
  padding: 0px 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #555;
  background: #FFF;
  opacity: 0.75;
  filter: alpha(opacity = 75);
}

/*******************************************************************/

#wiki-bts {
  position: fixed;
  left: 2%;
  top: 150px;
  text-align: left;
}

#wiki-bts a {
  display: block;
  text-decoration: none;
  color: #DDD;
  padding: 1px 5px 1px 8px;
  /* border: 1px solid transparent; */
  -moz-border-radius: 5px;
}

#wiki-bts a:hover {
  color: #FFF;
  background: #C00;
  /* border: 1px solid #A00; */
}

/************************ Opera ***************************/

.opera #menu a span {
  padding-top: 4px;
}

/************************ Chrome ***************************/

.webkit #menu a span {
  padding-top: 4px;
}

%STOPINCLUDE%

Software Livre
Missão, Visão e Valores
Contribuição para a Comunidade
 
Blog  |  Identi.ca  |  Twitter

Créditos ♥