#botones {
	padding: 0px 10 10 10;
	margin: 0;
	width: 0px;
}
#botones li{
	list-style: none;
	margin: 0;
	cursor: pointer;
}

.comer {
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	position: absolute;
	left: 184px;
	top: 22px;
	border: #FF9A00 1px solid;
	visibility: hidden;
}

.comer:hover{
	background-image: url(boCSS/comer1.png);
}

.platos {
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	display: block;
	position: absolute;
	top: 22px;
	left: 292px;
	border: #FF9A00 1px solid;
	visibility: hidden;
}

.platos:hover{
	background-image: url(boCSS/platos1.png);

}

.raciones {
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	position: absolute;
	top: 132px;
	left: 184px;
	border: #FF9A00 1px solid;
	visibility: hidden;
}

.raciones:hover{
	background-image: url(boCSS/raciones1.png);
}

.ensaladas{
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	display: block;
	position: absolute;
	top: 132px;
	left: 292px;
	border: #FF9A00 1px solid;
	visibility: hidden;
}

.ensaladas:hover{
	background-image: url(boCSS/ensaladas1.png);
}

.tapas{
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	display: block;
	position: absolute;
	top: 242px;
	left: 184px;
	border: #FF9A00 1px solid;
	visibility: hidden;
}

.tapas:hover{
	background-image: url(boCSS/tapas1.png);
}

.tostas{
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	display: block;
	border: #FF9A00 1px solid;
	position:absolute;
	top: 242px;
	left: 292px;
	visibility: hidden;

}

.tostas:hover{
	background-image: url(boCSS/tostas1.png);
}

.vinos{
	background-repeat: no-repeat;
	height: 206px;
	width: 206px;
	display: block;
	position: absolute;
	left: 184px;
	top: 352px;
	border: #FF9A00 1px solid;
	visibility: hidden;
}

.vinos:hover{
	background-image: url(boCSS/caldos1.png);
}