/**********************************

	Estilo da listagem dos imóveis

***********************************/

/* engloba o conteudo do imovel
------------------------------*/
div.propriedade {
	background-color:#A2C5EF;
	margin-bottom:10px;
	text-align:left;
	width:100%;	 
}

/* faz com que a coluna foto cresça de acordo coma coluna detalhes 
------------------------------*/
div.propriedade:after{
	background-color: #01478C;
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}

/* coluna onde fica a foto do imóvel
------------------------------*/
div.foto  {
	background-color:#A2C5EF;
	float:left;
	overflow:hidden;
	padding:1em 0 0 0.7em;
    width:19%;
}

/* coluna com informações sobre o imovel
------------------------------*/
div.detalhes {
	float:right;
	padding:1em 1em 0 0;
	width:77%;
}

/**********************************

			Paragrafos

***********************************/

/* paragrafo que mostra a quantidade de imoveis listados
------------------------------*/
#texto p { font: small-caps bold 16px "Times New Roman", 'trebuchet ms', verdana, sans-serif; }

/* paragrafo do link/botao show details
------------------------------*/
div.detalhes p { margin:-60px 35px 0 0; }


/**********************************

		Estilo dos Links

***********************************/

/* link de navegação
------------------------------*/
#texto p a:link { text-decoration:none; }
#texto p a:visited {  text-decoration:none; }
#texto p a:hover { text-decoration:underline; }

/* link dentro do cabeçalho que contem o 'nome' da propriedade
------------------------------*/
#texto div.detalhes h2 a:link { color:#ADD4FB; text-decoration:underline; }
#texto div.detalhes h2 a:visited, #texto div.detalhes h2 a:hover, #texto div.detalhes h2 a:active { color:#fff; text-decoration:underline; }

/* image replacement do link/botao show details
------------------------------*/
div.detalhes p a {
	background:url(../imagens/show_details.gif) no-repeat;
	display:block;
	height:22px;
	width:155px;
	margin-left:340px;
	margin-top:15px;
}
div.detalhes p a span { display: none; } /* esconde o texto dentro do span */

/* image replacement do link/botao delete e add propriedades
------------------------------*/
div.detalhes a.del, div.detalhes a.add {
	background:url(../imagens/del_my_favourites.gif) no-repeat;
	display:block;
	height:22px;
	width:200px;
	margin-left:310px;
	margin-top:10px;
}
div.detalhes a.add {
	background:url(../imagens/add_my_favourites.gif) no-repeat;
	margin-left:325px; _margin-left:323px;
}
div.detalhes a.del span, div.detalhes a.add span { display: none; } /* esconde o texto dentro do span */

/**********************************

			Cabeçalhos

***********************************/

div.detalhes h2 { font-size:16px; padding:5px 30px 7px 30px; }

#texto div.detalhes h3 { margin-top:-4px; }


/**********************************

			Listas

***********************************/

div.detalhes ul { list-style:disc; float:left; margin:0 15px 0 auto; }

/* hack para o opera
------------------------------*/
@media screen and (min-width: 10px) {
   div.detalhes ul { margin:0 15px -15px auto; }
}

/* hack para o safari
------------------------------*/
body:first-of-type div.detalhes ul{  margin:0 15px 0 auto; }/**/


/**********************************

			Imagens

***********************************/

/* bordas das fotos
------------------------------*/
div.foto img {
	border:2px solid #fff;
}