CSS do Sítio
Modularização:
%STARTINCLUDE%
body {
font-family: verdana, sans-serif;
font-size: 12px;
margin: 0px;
background-color: #E9E9E9;
}
#tudo{
text-align: center;
background-color: #E9E9E9;
background-attachment: fixed;
background-position: center;
padding-bottom: 10px;
padding-top: 0px;
margin: auto;
}
#corpo{
background-color: #FADE8B;
width: 800px;
text-align: left;
margin: auto;
padding: 0px;
}
#conteudo{
color: #7D4134;
float: left;
border-left:1px solid #BFBFBF;
border-right:1px solid #BFBFBF;
padding: 10px;
min-height: 695px;
height: auto;
text-align: justify;
background-color: #ffffff;
width: 575px;
}
* html #conteudo{
height: 695px;
width: 597px;
}
.Caixa {
border: 1px dashed #000000;
width: 90%;
padding: 2px;
}
#cabecalho{
background-color: #F2C48A;
height: 130px;
line-height: 130px;
vertical-align: top;
padding: 0px;
}
#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 #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:190px;
text-align: left;
color: #000000;
padding: 0px;
margin: 0px;
background-color: #FADE8B;
}
#menu ul{
margin: 0px;
padding: 0px;
}
#menu li{
width:190px;
text-decoration: none;
color: #FFFFFF;
margin: 0px;
padding: 0px;
list-style-type:none;
}
#menu a:link{
display: block;
width:180px;
text-decoration:none;
color:#7D4134;
padding: 2px 0px 2px 5px;
background-color: #FADE8B;
border-left:10px solid #EEC591;
}
#menu a:visited{
display: block;
width:180px;
text-decoration:none;
color:#7D4134;
padding: 2px 0px 2px 5px;
background-color: #FADE8B;
border-left:10px solid #EEC591;
}
#menu a:hover{
background-color: #FFE4B5;
color: #DAA520;
border-left:10px solid #FFE4B5;
}
#rodape{
text-align: right;
font-size: 9px;
color: #7D4134;
background: #ffffff;
vertical-align: bottom;
height: auto;
border: none;
}
#rodape a{
color: #7D4134;
}
#rodape a:hover{
color: #DAA520;
}
#rodape #rev{
text-align: right;
}
#rodape #topicosPais{
margin-left: 0px;
text-align: left;
color: #7D4134;
}
#rodape #topicosPais a{
color: #7D4134;
font-size: 10px;
text-decoration: none;
}
#rodape #topicosPais a:hover{
color: #DAA520;
}
#btsWiki {
text-align: right;
padding-bottom: 3px;
}
#rodape #btsWiki a:link,
#rodape #btsWiki a:visited {
padding: 0px 2px 0px 2px;
text-decoration: none;
border: 2px solid white;
background: #7D4134;
color: white;
}
#rodape #btsWiki a:hover {
background: white;
color: #7D4134;
border: 2px solid black;
}
#copyright{
text-align: center;
width: 100%;
margin-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
}
#copyright a:link, #copyright a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
}
#copyright a:hover{
text-decoration: underline;
}
#btsPower{
padding: 5px 0px 5px 140px;
}
#btsPower img{
margin: 0px 2px;
}
#barratopo{
background-color: #7d4134;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: right;
padding-right: 20px;
float: right;
width: 588px;
height:20px;
line-height:20px;
text-shadow: yellow 0px 0px 5px;
font-weight: bold;
}
* html #barratopo {
width: 609px;
margin: 0px;
}
.menuTitulo {
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
display: block; margin: 0px;
padding-left:14px;
vertical-align: middle;
background-color: #7d4134;
color:#ffffff;
height:20px;
line-height:20px;
text-shadow: yellow 0px 0px 5px;
font-weight: bold;
}
#apoio {
clear: both;
background-image:url("%ATTACHURL%/cerca2.png");
width: 800px;
height:194px;
padding: 70px 0px 0px 0px;
}
#apoio a:link{
color:#7D4134;
//color:#FADE8B;
}
#apoio a:visited{
color:#7D4134;
//color:#FADE8B;
}
#apoio a:hover{
color:#FADE8B;
}
#logo {
padding: 0 10px 0 10px;
}
#lightbox { padding: 10px 10px 0px !important; }
#Layer2 {
position:absolute;
left:410px;
top:200px;
width:283px;
height:241px;
z-index:2;
}
h1{font-size:12px;}
#box{padding:5px; background:#eee; margin:55px auto; width:500px;}
.grade{margin:0; padding:0;}
div.box_fechado,div.box_aberto{cursor:pointer;}
div.box_fechado{height:17px;overflow:hidden;}
div.box_aberto{overflow:none;}
.style1 {color: #FFFFFF}
.style2 {
color: #669900;
font-weight: bold;
}
.style3 {color: #669900}
.style4 {color: #0033CC}
.style5 {color: #990033}
.style7 {
color: #FF6600;
font-weight: bold;
}
.style8 {color: #FF6600}
.style9 {
color: #000033;
font-weight: bold;
}
.style10 {color: #000000}
/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSConteudo}%
/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSTabelas}%
%STOPINCLUDE%
%btEdit% %btAnexar% %btVersao% %btMais%