html, #home {
	height: 100%;
	overflow-x: hidden; /* esconde a barra de rolagem do eixo x (horizontal) */
}

body {
	background: url(../imagens/fundo.png) repeat-y;
	font-family: Helvetica,Arial,sans-serif;         
}

#cabecalho {
	padding: 5px 15px;	
}

#conteudo {
	/*border: 1px red solid;*/
	width: 90%;
	margin-left: 45px;
	margin-top: 10px;	
}

.numero {
	width: 30px;
	height: 30px;
	font-weight: 900;
	font-family: Helvetica,Arial;
	font-size: 20px;
	text-align: center;	
	display: inline-block;
}

.titulo_barra {
	font-weight: 700;
	font-family: Helvetica,Arial;
	font-size: 20px;
	margin-left: 10px;
	display: inline-block;
}

.numero_desativado {
	width: 30px;
	height: 30px;
	font-weight: 900;
	font-family: Helvetica,Arial;
	font-size: 20px;
	text-align: center;	
	background-color: rgba(255,255,255,0.2);
	display: inline-block;
}

.titulo_barra_desativado {
	font-weight: 700;
	font-family: Helvetica,Arial;
	font-size: 20px;
	margin-left: 10px;
	color:  rgba(255,255,255,0.2);
	display: inline-block;
}

.botao_voltar {
	width: 30px;
	height: 30px;
	margin-left: 15px;
	margin-bottom: 30px;
}

.voltar {
	text-align: center;
	text-decoration: none;
	font-family: Wingdings;
	font-size: 20px;
	color: white;
	margin-left: -6px;
}

.voltar :hover {
	text-decoration: none;
	color: white;
}

.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  display: inline-block;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 575px) {
    #bt1 {
        margin: 10px;
    }

    #bt2{
        margin: 10px;
        border-style: solid;
    }

  #divBtReagendamento
   {
    margin-left:10px;
   }

}