html, body {height:100%;} 
body {margin:0; padding:0; color:#666; font:100% "Trebuchet MS", sans-serif;text-align:center;}
#tudo { 
width:100%;
position:relative;  /*Contexto de posicionamento */
margin:0 auto;
text-align:left;
min-height:100%;/**/
}
* html #tudo {height: 100%;}
#conteudo {padding-bottom:30px;}
#topo {width:100%; height:80px; text-align:center; padding-top:1px;}
#logo{width:200px; position:relative; left:50%; margin-left:-100px;}
#separador{width:100%; height:30px; background:url(../imagens/form_bkg2.jpg) center no-repeat;}
#form{width:210px; margin:0 auto;}
#form p{font-size:12px; margin-top:10px; margin-bottom:1px;}
#form input {
border:solid 1px #CCC;
background:url(../imagens/form_bkg.jpg) repeat-x;
height:19px;
padding:2px;
}
#form .button {
border:none;
background:url(../imagens/entrar.jpg);
background-position:0px -25px;
height:25px;
width:68px;
}
#form .button:hover {
border:none;
background:url(../imagens/entrar.jpg);
background-position:0px 0px;
height:25px;
width:68px;
}
#rodape {
background:url(../imagens/rodape.jpg) repeat-x;
width:100%;
height:44px;
position: absolute;
bottom: 0; 
}
#rodape p {margin:0;}
.clear {clear:both;}
a:link{text-decoration:none; color:#666666;}
a:visited{text-decoration:none; color:#666666;}
a:hover{text-decoration:underline; color:#666666;}
a:active{text-decoration:none; color:#666666;}