/*
	css para mapeamento de imagem.
*/

div#area{
	/* posição relativa para que os elementos de dentro sejam posicionado absolutamente a essa div */
	position:relative; 
	
	/* alinha no centro*/
	margin:auto;
	/* width e height do tamanho da imagem de fundo, que será a imagem a ser mapeada. */
	width:798px;
	height:503px;
	
	/* tipografia */
	font-size:9px !important;
	
	/* e a imagem de fundo */
	background:url(../imagens/lotes_mapa.png) no-repeat;
}
div#area li{position:absolute;}

div#area a{
	display:block;
	width:17px;
	height:15px;
	text-align:center;
	line-height:15px;
	color:#000;
	background:#FF6;
}

.reservado{background:#F93 !important;}
.vendido{background:#F33 !important;}