html {
	min-height: 100%;
	position: relative;
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.27) inset;
}

body {
/* cor do texto */
	color: #555; 
/* cor do fundo */
	background: #eee; 
	margin-bottom: 60px;
	font-family: "Lucida Sans Unicode", Verdana;
/* tamanho do texto do resto do site */
	font-size: 18px;
}

a, a:visited {
	text-decoration: none;
/* cor do link */
	color: #666; 
}

a:hover {
	text-decoration: none;
/* cor do link com o mouse em cima */
	color: #60f; 
}

.conteiner {
/* largura da botão horizontal */
	width: 70%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.collapsible {
/* cor do fundo do botão */
	background-color: #777;
/* cor do texto no botão */
	color: #ffffff; 
	cursor: pointer;
	padding: 7px;
	width: 100%;
	border: none;
	border-radius: 10px;
	margin: 3px;
	outline: none;
/* tamanho do texto dos botões horizontais */
	font-size: 18px;
}

button.collapsible a {
	text-decoration: none;
/* cor do link no botão */
	color: #fff; 
}

button.collapsible a:visited {
/* cor do link no botão */
	color: #fff; 
}

button.collapsible a:hover {
/* cor do link com o mouse em cima no botão */
	color: #b58fbc; 
}

.collapsible div {
/* largura do box do texto dos botões horizontais */
	width: 200px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.collapsible img {
	margin-right: 3px;
	vertical-align: middle;
}

.active, .collapsible:hover {
/* cor do fundo do botão quando ativo ou mouse em cima */
	background-color: #555;
}

.content {
	padding: 0 18px 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
/* fundo da caixa que expande
	background-color: #f1f1f1; */
	font-size: 15px;
	text-align: left;
}

.spacer20 {height: 20px;}
.padding20 {padding: 20px;}
.rounded5 {border-radius: 5px;}

.grayFont {color: #fff;}
.blueBackground {background: rgba(178,178,178,0.4); color: #fff;}
.whiteBackground {background: rgba(178,178,178,0.5);}