body,html{
	height: 100%;
    margin: 0;
	margin-top: -5;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
	
}
    .bg{
	background-image: url("bg12.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	
}

    .menu ul{
		list-style:none;
		
	}
	.menu ul li{
		display:inline;
	}
	.menu ul li a{
		margin-top: auto;
		padding:0px 0px;
		display:inline-block;
		text-decoration:none;
	}
	.menu ul li a:active {
		background:url("botao02.png");
	    background-position:absolute;
	}
.botoes{
	width:150px;
	height:150px;
	background:url("botao03.png") no-repeat;
	display:block;
	
}
.botoes:hover{
	background:url("botao03claro.png");
	background-position:absolute;
	cursor:pointer;
	
}
.segundobotao{
	width:150px;
	height:150px;
	background:url("botao04.png") no-repeat;
	display:block;
}
.segundobotao:hover{
	background:url("botao04claro.png");
	background-position:absolute;
	cursor:pointer;
	
}
.terceirobotao{
	width:150px;
	height:150px;
	background:url("botao05.png") no-repeat;
	display:block;
}
.terceirobotao:hover{
	background:url("botao05claro.png");
	background-position:absolute;
	cursor:pointer;
	
}
.quartobotao{
	width:150px;
	height:150px;
	background:url("botao06.png") no-repeat;
	display:block;
}
.quartobotao:hover{
	background:url("botao06claro.png");
	background-position:absolute;
	cursor:pointer;
	
}
.quintobotao{
	width:150px;
	height:150px;
	background:url("botao07.png") no-repeat;
	display:block
}
.quintobotao:hover{
	background:url("botao07claro.png");
	background-position:absolute;
	cursor:pointer;
	
}