
CSS do Sítio
Modularização:
%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: 192px;
}
#cabecalho h1{
display: none;
}
#cabecalho form{
margin: 0px;
padding: 35px 180px 0px 0px;
float: right;
}
#cabecalho input{
font-size: 10px;
height: 12px;
text-align: center;
color: #C0C0C0;
border: none;
border-bottom: 1px dotted #000000;
}
#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: -13px 0px 0px 0px;
padding: 0px 0px 20px 0px;
background-image: url("%ATTACHURL%/menu_base.jpg");
background-repeat: no-repeat;
background-position: 0% 100%;
position: relative; /* Armengue pro IE */
}
#menu li{
margin: 0px;
padding: 5px 0px 5px 20px;
list-style: none;
}
#menu strong{
background-image: url("%ATTACHURL%/menu_titulo.jpg");
display: block;
width: 151px;
max-width: 141px;
margin-left: -20px;
padding: 3px 0px 3px 10px;
text-align: center;
color: #FFFFFF;
}
#menu a{
text-decoration: none;
color: #07229a;
}
#menu a:hover{
color: #416dd3;
}
#noticias{
margin-top: -155px;
padding: 0px 20px 0px 3px;
width: 160px;
max-width: 137px;
float: right;
text-align: right;
}
#noticias h3{
color: #07229a;
text-align: left;
margin: 0px;
padding-bottom: 8px;
border-bottom: 1px dotted #07229a;
font-size: 16px;
font-weight: 900;
}
#noticias ul{
margin: 0px;
padding: 0px;
}
#noticias li{
margin: 0px;
padding: 7px 0px 7px 0px;
list-style: none;
border-bottom: 1px dotted #07229a;
}
#noticias li a{
text-decoration: none;
color: #07229a;
}
#noticias li a:hover{
text-decoration: none;
color: #416dd3
}
#noticias div{
margin-top: 20px;
font-size: 10px;
color: #07229a;
}
#noticias div a{
color: #07229a;
}
#noticias div a:hover{
color: #416dd3;
}
#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: #COCOCO;
padding: 10px 170px 0px 200px;
}
#rodape a{
color: #9fc9ff;
}
#rodape a:hover{
color: #70a8e0;
}
#rodape #rev{
text-align: right;
}
#rodape #topicosPais{
margin-left: -35px;
text-align: left;
color: #A06060;
padding: 10px 0px 10px 0px;
}
#rodape #topicosPais a{
color: #9fc9ff;
font-size: 10px;
text-decoration: none;
}
#rodape #topicosPais a:hover{
color: #70a8e0;
}
#btsTWiki {
text-align: right;
padding-bottom: 3px;
}
#rodape #btsTWiki a:link,
#rodape #btsTWiki a:visited {
padding: 0px 2px 0px 2px;
text-decoration: none;
border: 1px solid #ccc;
background: #f6f6f6;
color: #C0C0C0;
}
#rodape #btsTWiki a:hover {
background: #416dd3;
color: #FFFFFF;
border: 1px solid #9fc9ff;
}
#btsPower{
padding: 5px 0px 5px 140px;
}
#btsPower img{
margin: 0px 2px;
}
#conteudo{
float: left;
margin: -130px 0px 0px 10px;
width: 425px;
text-align: justify;
color: #505050;
}
/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSConteudo}%
/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSTabelas}%
%STOPINCLUDE%