.botao1{
	float:left;
}

#b1 {
	clear: both;
	position:relative;
	display:block;
	width: 120px;
	height: 62px;
	background:url(../images/b1.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
}	
#b1 span.hover {
	position: absolute;
	display: block;
	width: 120px;
	height: 62px;
	background: url(../images/b1a.png) no-repeat;
	background-position: bottom;
	margin: 0px 0px 0px 0px;
}

/* botao 2 */
.botao2{
	float:left;
}

#b2 {
	clear: both;
	position:relative;
	display:block;
	width: 120px;
	height: 62px;
	background:url(../images/b2.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: 0px 0px 0px 30px;
}	
#b2 span.hover {
	position: absolute;
	display: block;
	width: 120px;
	height: 62px;
	background: url(../images/b2a.png) no-repeat;
	background-position: bottom;
	margin: 0px 0px 0px 0px;
}


.botao3{
	float:left;
}

#b3 {
	clear: both;
	position:relative;
	display:block;
	width: 120px;
	height: 62px;
	background:url(../images/b3.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: 0px 0px 0px 50px;
}	
#b3 span.hover {
	position: absolute;
	display: block;
	width: 120px;
	height: 62px;
	background: url(../images/b3a.png) no-repeat;
	background-position: bottom;
	margin: 0px 0px 0px 0px;
}


.botao4{
	float:left;
}

#b4 {
	clear: both;
	position:relative;
	display:block;
	width: 120px;
	height: 62px;
	background:url(../images/b4.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: 0px 0px 0px 50px;
}	
#b4 span.hover {
	position: absolute;
	display: block;
	width: 120px;
	height: 62px;
	background: url(../images/b4a.png) no-repeat;
	background-position: bottom;
	margin: 0px 0px 0px 0px;
}



.botao11{
	position:absolute;
    color:gray;
    font-size:20px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    width: 120px;
    height: 60px;
    font-weight: bold;
    
    
}
.botao11:hover{
	position:absolute;
	background: dodgerblue;
    background-position-x:50px;
	color:white;
	background-size:100px;
    cursor:hand;
    font-weight: bold;
}



.botao22{
	position:absolute;
    color:gray;
    font-size:20px;
    text-align:center;
    margin: 0px 0px 0px 150px;
    width: 120px;
    height: 60px;
    font-weight: bold;
    
}

.botao22:hover{
	position:absolute;
	background: dodgerblue;
    background-position-x:50px;
	color:white;
	background-size:100px;
    cursor:hand;
    font-weight: bold;

}

.botao33{
	position:absolute;
    color:gray;
    font-size:20px;
    text-align:center;
    margin: 0px 0px 0px 320px;
    width: 120px;
    height: 60px;
    font-weight: bold;
    
}
.botao33:hover{
	position:absolute;
	background: dodgerblue;
    background-position-x:50px;
	color:white;
	background-size:100px;
    cursor:hand;
    font-weight: bold;
}


.botao44{
	position:absolute;
    color:gray;
    font-size:20px;
    text-align:center;
    margin: 0px 0px 0px 490px;
    width: 120px;
    height: 60px;
    font-weight: bold;

}
.botao44:hover{
	position:absolute;
	background: dodgerblue;
    background-position-x:50px;
	color:white;
	background-size:100px;
    cursor:hand;
    font-weight: bold;
}