/* Regras de estilo de quadras de imagem
----------------------------------------------------------------------*/
.navtext {
	text-align:left;
	width:135px;
	font:9pt sans-serif;
	background-color:#404040;
	layer-background-color:tan;
	color:#FFFFFF;
	border: 2px solid #000000;
	padding: 2px;
}
#quadras {
	width:618px;
	height:195px;
	background:#fafafa url(imagens/lotes/lotes-all.jpg) no-repeat center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	_font-size: 13px;
	margin-top: 42px;
	_margin-top: 10px;
	margin-bottom:10px;
	_margin-bottom:30px;
	}
#quadras a, #quadras a:link, #quadras a:visited, #quadras a:hover, #quadras a:active {
	color:#00f;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	}
img {border:none;}
#quadra-01, #quadra-02, #quadra-03, #quadra-04, #quadra-05, #quadra-06, #quadra-07, #quadra-08, #quadra-09, #quadra-10, #quadra-11, #quadra-12, #quadra-13, #quadra-14, #quadra-15 {position:absolute;}
#quadra-01 a, #quadra-02 a, #quadra-03 a, #quadra-04 a, #quadra-05 a, #quadra-06 a, #quadra-07 a, #quadra-08 a, #quadra-09 a, #quadra-10 a, #quadra-11 a, #quadra-12 a, #quadra-13 a, #quadra-14 a, #quadra-15 a {position:absolute;}
#quadras a:hover {position:absolute;}
a .quadra-01-over, a .quadra-02-over, a .quadra-03-over, a .quadra-04-over, a .quadra-05-over, a .quadra-06-over, a .quadra-07-over, a .quadra-08-over, a .quadra-09-over, a .quadra-10-over, a .quadra-11-over, a .quadra-12-over, a .quadra-13-over, a .quadra-14-over, a .quadra-15-over, a .quadra-texto-01, a .quadra-texto-02, a .quadra-texto-03, a .quadra-texto-04, a .quadra-texto-05, a .quadra-texto-06, a .quadra-texto-07, a .quadra-texto-08, a .quadra-texto-09, a .quadra-texto-10, a .quadra-texto-11, a .quadra-texto-12, a .quadra-texto-13, a .quadra-texto-14, a .quadra-texto-15 {
	display:none;
	}
a:hover .quadra-01-over {
	position:absolute;
	left:46px;
	top:66px;
	display:block;
	width:59px;
	height:71px;
	}
a:hover .quadra-02-over {
	position:absolute;
	left:21px;
	top:149px;
	display:block;
	width:221px;
	height:22px;
	}
a:hover .quadra-03-over {
	position:absolute;
	left:113px;
	top:67px;
	display:block;
	width:69px;
	height:123px;
	}
a:hover .quadra-04-over {
	position:absolute;
	left:158px;
	top:67px;
	display:block;
	width:69px;
	height:123px;
	}
a:hover .quadra-05-over {
	position:absolute;
	left:203px;
	top:113px;
	display:block;
	width:37px;
	height:24px;
	}
a:hover .quadra-06-over {
	position:absolute;
	left:248px;
	top:149px;
	display:block;
	width:81px;
	height:21px;
	}
a:hover .quadra-07-over {
	position:absolute;
	left:282px;
	top:84px;
	display:block;
	width:38px;
	height:53px;
	}
a:hover .quadra-08-over {
	position:absolute;
	left:247px;
	top:55px;
	display:block;
	width:104px;
	height:21px;
	}
a:hover .quadra-09-over {
	position:absolute;
	left:328px;
	top:84px;
	display:block;
	width:38px;
	height:53px;
	}
a:hover .quadra-10-over {
	position:absolute;
	left:372px;
	top:84px;
	display:block;
	width:38px;
	height:53px;
	}
a:hover .quadra-11-over {
	position:absolute;
	left:418px;
	top:84px;
	display:block;
	width:38px;
	height:53px;
	}
a:hover .quadra-12-over {
	position:absolute;
	left:464px;
	top:84px;
	display:block;
	width:38px;
	height:53px;
	}
a:hover .quadra-13-over {
	position:absolute;
	left:510px;
	top:84px;
	display:block;
	width:38px;
	height:53px;
	}
a:hover .quadra-14-over {
	position:absolute;
	left:556px;
	top:84px;
	display:block;
	width:38px;
	height:53px;
	}
a:hover .quadra-15-over{
	position:absolute;
	left:358px;
	top:55px;
	display:block;
	width:250px;/*234*/
	height:21px;
	}
.quadra-numero-01, .quadra-numero-02, .quadra-numero-03, .quadra-numero-04, .quadra-numero-05, .quadra-numero-06, .quadra-numero-07, .quadra-numero-08, .quadra-numero-09, .quadra-numero-10, .quadra-numero-11, .quadra-numero-12, .quadra-numero-13, .quadra-numero-14, .quadra-numero-15 {
 	display:block;
	position:absolute; 
	white-space:nowrap;
	font-size:12px;
	font-weight:bold;
	color:#006600;
}
.quadra-numero-01 {
	left:78px;
	top:94px;
	}
.quadra-numero-02 {
	left:117px;
	top:154px;
	}
.quadra-numero-03  {
	left:125px;
	top:94px;
	}
.quadra-numero-04  {
	left:170px;
	top:94px;
	}
.quadra-numero-05  {
	left:215px;
	top:118px;
	}
.quadra-numero-06  {
	left:278px;
	top:153px;
	}
.quadra-numero-07  {
	left:295px;
	top:103px;
	}
.quadra-numero-08  {
	left:290px;
	top:57px;
	}
.quadra-numero-09  {
	left:340px;
	top:103px;
	}
.quadra-numero-10  {
	left:385px;
	top:103px;
	}
.quadra-numero-11  {
	left:430px;
	top:103px;
	}
.quadra-numero-12  {
	left:476px;
	top:103px;
	}
.quadra-numero-13  {
	left:522px;
	top:103px;
	}
.quadra-numero-14  {
	left:567px;
	top:103px;
	}
.quadra-numero-15 {
	left:476px;
	top:57px;
}
a:hover .quadra-numero-01, a:hover .quadra-numero-02, a:hover .quadra-numero-03, a:hover .quadra-numero-04, a:hover .quadra-numero-05, a:hover .quadra-numero-06, a:hover .quadra-numero-07, a:hover .quadra-numero-08, a:hover .quadra-numero-09, a:hover .quadra-numero-10, a:hover .quadra-numero-11, a:hover .quadra-numero-12, a:hover .quadra-numero-13, a:hover .quadra-numero-14, a:hover .quadra-numero-15
{
	color:#FFFFFF;
	}
a:hover .quadra-texto-01, a:hover .quadra-texto-02, a:hover .quadra-texto-03, a:hover .quadra-texto-04, a:hover .quadra-texto-05, a:hover .quadra-texto-06, a:hover .quadra-texto-07, a:hover .quadra-texto-08, a:hover .quadra-texto-09, a:hover .quadra-texto-10, a:hover .quadra-texto-11, a:hover .quadra-texto-12, a:hover .quadra-texto-13, a:hover .quadra-texto-14, a:hover .quadra-texto-15 {
	position:absolute;
	display:block;
	width:70px;
	height:13px;
	color:#FF0000;
	font-weight:bold;
	border:1px solid #FF0000;
	text-align:center;
	background-color: #FFFFFF;
	font-size: 10px;
	vertical-align: baseline;
	z-index:1;
	padding-top:0px;
	}
a:hover .quadra-texto-01 {
	left:53px;
	top:50px;
	}
a:hover .quadra-texto-02 {
	left:94px;
	top:132px;
	}
a:hover .quadra-texto-03 {
	left:97px;
	top:50px;
	}
a:hover .quadra-texto-04 {
	left:143px;
	top:50px;
	}
a:hover .quadra-texto-05 {
	left:188px;
	top:100px;
	}
a:hover .quadra-texto-06 {
	left:252px;
	top:132px;
	}
a:hover .quadra-texto-07 {
	left:265px;
	top:66px;
	}
a:hover .quadra-texto-08 {
	left:264px;
	top:39px;
	}
a:hover .quadra-texto-09 {
	left:313px;
	top:66px;
	}
a:hover .quadra-texto-10 {
	left:353px;
	top:66px;
	}
a:hover .quadra-texto-11 {
	left:403px;
	top:66px;
	}
a:hover .quadra-texto-12 {
	left:449px;
	top:66px;
	}
a:hover .quadra-texto-13 {
	left:495px;
	top:66px;
	}
a:hover .quadra-texto-14 {
	left:541px;
	top:66px;
	}
a:hover .quadra-texto-15{
	left:449px;
	top:39px;
	}
	
.titulo {
	display:block;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	}
.credito {
	font-size:0.9em; 
	color:#999;
	}
hr.hidden {display:none;} /* separador para renderizacao sem estilos */

/* bug IE melhor colocar estas regras em comentario condicional */
* html .quadra-numero-01, * html .quadra-numero-02, * html .quadra-numero-03, * html .quadra-numero-04, * html .quadra-numero-05, * html .quadra-numero-06, * html .quadra-numero-07, * html .quadra-numero-08, * html .quadra-numero-09, * html .quadra-numero-10, * html .quadra-numero-11, * html .quadra-numero-12, * html .quadra-numero-13, * html .quadra-numero-14, * html .quadra-numero-15 {
	font-size:0.9em;
	}
* html #quadras a:hover {width:100%;}