CSS do Sítio

Modularização:

• WebCSSConteudo
• WebCSSTabelas

%STARTINCLUDE%

body{
  background-color: #F3F3F3;
  background-image: url("%ATTACHURL%/fundo.png");
  margin: 0px;
  font-family: verdana, sans-serif;
  font-size: 12px;
}

#tudo{
  background-image: url("%ATTACHURL%/fundo_top.jpg");
  background-repeat: repeat-x;
  text-align: center;
}

#corpo{
  background-image: url("%ATTACHURL%/fundo_corpo.jpg");
  width: 760px;
  text-align: left;
  margin: auto;
}

#cabecalho{
  background-image: url("%ATTACHURL%/top.jpg");
  height: 255px;
}

#cabecalho form{
  margin: 0px;
  padding: 235px 154px 0px 0px;
  float: right;
}

#cabecalho input{
  font-size: 10px;
  height: 12px;
  text-align: center;
  background-color: #F3F3F3;
  color: #C0C0C0;
  border: none;
  border-bottom: 1px dotted #D8D8D8;
}

#cabecalho #btBuscar{
  background-color: #EDDFDF;
  background-image: url("%ATTACHURL%/bt_buscar.png");
  width: 15px;
  height: 15px;
  color: #FFFFFF;
  font-size: 1px;
  border: none;
}

#menu{
  float: left;
  width: 152px;
  background-image: url("%ATTACHURL%/menu_fundo.jpg");
}
#menu ul{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 50px 0px;
  background-image: url("%ATTACHURL%/menu_base.jpg");
  background-repeat: no-repeat;
  background-position: 0% 100%;
  position: relative; /* Armengue pro IE */
}
#menu li{
  display: inline;
  margin: 0px;
  padding: 0px;
}

#menu a:link,
#menu a:active,
#menu a:visited{
  display: block;
  margin: 2px 2px 0px 17px;
  background-color: #dcdcdc;
  color: #2f3dbf;
  font-weight: 800;
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  border: 2px solid #dcdcdc;
  padding: 2px 2px 6px 4px;
}

#menu strong{
  background-color: #1c11b3;
  margin: 2px 2px 0px 17px;
  padding: 3px 0px 3px 0px;
  display: block;
  text-align: center;
  color: #FFFFFF;
}

#menu a{
  text-decoration: none;
  color: #2647a7;
}
#menu a:hover{
  color: #000be0;
  background-color: #cccdd0;
  border: 2px inset #d5d4dc;
}

#menu img{
  border: none;
}

#noticias{
  margin: -30px 0px 0px 0px;
  padding: 0px 3px 0px 3px;
  width: 128px;
  max-width: 127px;
  float: left;
  text-align: right;
}

#noticias h3{
  color: #acabab;
  text-align: left;
  margin: 0px 2px 0px 0px;
  padding: 0px 0px 8px 3px;
  border-bottom: 1px dotted #acabab;
  font-size: 16px;
  font-weight: 900;
}

#noticias ul{
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#noticias li{
  margin: 0px;
  padding: 7px 0px 7px 0px;
  list-style: none;
  border-bottom: 1px dotted #acabab;
}

#noticias li a{
  text-decoration: none;
  color: #808080;
}
#noticias li a:hover{
  text-decoration: none;
  color: #2323e8; 
}

#noticias div{
  margin-top: 20px;
  font-size: 10px;
  color: #acabab;
}
#noticias div a{
  color: #acabab;
}

#noticias div a:hover{
  color: #a5a5d7;
}

#rodape{
  clear: both;
  background-image: url("%ATTACHURL%/rodape.jpg");
  background-position: 0% 100%;
  background-repeat: no-repeat;
  height: 160px;
  max-height: 150px;
  text-align: justify;
  font-size: 9px;
  color: #C0C0C0;
  padding: 10px 10px 0px 0px;  
}
#rodape a{
  color: #b0b7d0;
}
#rodape a:hover{
  color: #708de0;
}
#rodape #rev{
  text-align: right;
}

#rodape #topicosPais{
  margin-left: 170px;
  text-align: left;
  color: #606ba0;
  padding: 10px 0px 10px 0px;
}
#rodape #topicosPais a{
  color: #000790;
  font-size: 10px;
  text-decoration: none;
}
#rodape #topicosPais a:hover{
  color: #0000c0;
}

#rodape #copyright{
  float: left;
  width: 500px;
  margin: 48px 0px 0px 10px;
  text-align: left;
  padding: 10px 0px 10px 4px;
}
#rodape #copyright a{
  color: #000790;
  font-size: 10px;
  text-decoration: none;
}
#rodape #copyright a:hover{
  color: #0000c0;
}

#btsTWiki {
  text-align: right;
  padding-bottom: 3px;
  margin: 70px 0px 0px 0px;
}

#rodape #btsTWiki a:link, 
#rodape #btsTWiki a:visited {
  padding: 0px 4px 0px 4px;
  text-decoration: none;
  border: 1px solid #ccc;
  background: #f6f6f6;
  color: #C0C0C0;
}

#rodape #btsTWiki a:hover {
  background: #606bc0;
  color: #FFFFFF;
  border: 1px solid #202080;
}

#btsPower{
  padding: 5px 0px 5px 140px;
}
#btsPower img{
  margin: 0px 2px;
}

#conteudo{
  float: left;
  margin: 0px 2px 0px 2px;
  width: 452px;
  text-align: justify;
  color: #505050;
}
/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSConteudo}%

/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSTabelas}%

%STOPINCLUDE%

-- LeandroSantos - 24 Nov 2005