html,
 body {
   height: 100%;
   /* The html and body elements cannot have any padding or margin. */
 }
 .bg-conteudo{
     background: #f5f5f5;
     padding: 5px;
     width: 100%;
 }
 /* Wrapper for page content to push down footer */
 #wrap {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   /* Negative indent footer by it's height */
   margin: 0 auto -60px;
 }hr .div{
     border: 1px dotted #ccc;
 }

 /* Set the fixed height of the footer here */
 #push,
 #footer {
   height: 60px;
 }
 #footer {
   background-color: #f5f5f5;
 }

 /* Lastly, apply responsive CSS fixes as necessary */
 @media (max-width: 767px) {
   #footer {
     margin-left: -20px;
     margin-right: -20px;
     padding-left: 20px;
     padding-right: 20px;
   }
 }

 /* Custom page CSS
 -------------------------------------------------- */
 /* Not required for template or sticky footer method. */

 #wrap > .container {
   padding-top: 60px;
 }
 .container .credit {
   margin: 20px 0;
 }

 code {
   font-size: 80%;
 }
 .lista ul, .lista li{list-style: none;margin: 0 0 0 -25px;padding: 0;}
 .item-busca{
border:1px dotted #ccc;
box-shadow: 0 0 10px #ededed;
background: #f5f5f5;
padding: 15px;
border-radius: 5px;
color:#000;
width: 100%;
display: block;
 }
 .item-doctos{
background: #fff;
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
border:1px solid #ccc;
 }
 .envelope-indicador
 {     
 margin:auto auto auto -3px;    
 }
.titulo
 {
 font-weight: normal;
 font-size: 11px;
 border-bottom: 1px dotted #fff;
 margin-bottom: 10px;
 padding-bottom: 1px;
 }
.indicador{
font-size: 10px;
font-weight: normal;
padding: 1px 3px 1px 3px;
border-radius: 100%;     
color: #fff;
margin: 1px;
}
.indicador-verde{background: #006600;}
.indicador-vermelho{background: #900;}
#campo-denunciante{display: none;}
#group-nparcelas{display: none;}
.topo-pagina{
padding: 10px;
color: #fff;
font-weight: bold;
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #999;
margin-bottom: 30px;
background: #0099cc -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
}
.bg-pagina{background: #2D343E; position: absolute; height: 500px; width: 100%;z-index: -1;}
.branco{color: #fff;text-shadow: 1px 1px #999;}
.branco.centro{text-align: center;}
.conteudo{
/*width: 1000px;*/
margin: 40px auto;
/*height: 500px;*/
background: #fff;
border: 1px solid #ededed;
box-shadow: 0px 0px 2px #999;
}
.barra-progresso
{
padding: 15px 20px 5px 20px;
background: #f3f3f3;
border-bottom: 1px solid #e7e7e7;
text-align: center;
font-size: 11px;
font-weight: bold;
}
.centro{text-align: center;}
.rodape{background: #2D343E; padding: 10px; color: #fff; text-align: center;margin-top: 50px;}
.data-confirm{padding: 15px; margin-bottom: 15px;}
.link-doctos{display: inline-block; margin: 7px auto 7px 10px; border-bottom: 1px dashed #005580;}
.link-doctos:hover{text-decoration: none;font-weight: bold;}