/**
 * Css principal do site.
 *
 * @author        Diego Eyer <diegof@segue.com.br>
 * @package       Estilos
 * @subpackage    Principal
 */


/*--------------------------------------------------------------------*/
/* Formatação padrão de todo o site 								  */
/*--------------------------------------------------------------------*/

* {
	text-decoration:none;
	margin:0px;
	padding:0px;
	border:none;
}

body {
	background:url(../../_layout/geral/bgBackground.gif) repeat left top;
	text-align:center;
}

div, table, input, textarea, select {
	font-family: Arial, "Trebuchet MS", verdana, helvetica, sans;
	font-size:11px;
	font-weight:normal;
} 

p{
	text-align:justify;
	line-height:150%;
	padding-bottom:10px;
}

/*--------------------------------------------------------------------*/
/* Formatação dos links gerais 										  */
/*--------------------------------------------------------------------*/

a{
	color:#AE0000;
}
a:hover{
	color:#333333;
}


/*--------------------------------------------------------------------*/
/* Formatação da estrutura geral do site - DIV principal			  */
/*--------------------------------------------------------------------*/

#geral {
	margin:0px auto;
	width:750px;
	text-align:left;
	border-top:0;
	display:table;
	height:100%;
	background-color:#ffffff;
}

/*--------------------------------------------------------------------*/
/* Formatação do topo do site										  */
/*--------------------------------------------------------------------*/

#geral #topo {
	margin:0px auto;
}

#geral #topo div.logo {
	float:left;
	margin:0px auto;
	height:60px;
	padding:10px 0px 10px 10px;
}

#geral #topo div.endereco{
	float:right;
	font-size:11px;
	padding:10px;
	color:#333333;
	text-align:right;
}

#geral #topo img{
	margin-bottom:5px;
}


/*--------------------------------------------------------------------*/
/* Formatação do rodape do site										  */
/*--------------------------------------------------------------------*/

#geral #rodape {
	width:750px;
	height:30px;
	margin:0px;
	padding:20px 0px 0px 0px;
	text-align:center;
	clear:both;
	font-size:10px;
	color:#666666;
	background:url(../../_layout/rodape/bg.jpg) repeat-x left top;
}

#geral #rodape span {
	margin-left:20px;
}

#geral #rodape a {
	color:#990000;
}

#geral #rodape a:hover {
	color:#990000;
	text-decoration:underline;
}

/*--------------------------------------------------------------------*/
/* Formatação da estrutura central do site - DIV interna			  */
/*--------------------------------------------------------------------*/

#geral #corpo {
	width:739px;
	height:100%;
	display:table;
	background:url(../../_layout/geral/bgConteudo.gif) repeat-y left top;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


/*--------------------------------------------------------------------*/
/* Conteudo lateral       			 								  */
/*--------------------------------------------------------------------*/

#geral #corpo #esq {
	margin:0px auto;
	width:180px;
	height:100%;
	float:right;
	padding-right:18px;
	padding-top:15px;
	text-align:center;
}

#geral #corpo #esq #news {
	padding-bottom:15px;
	text-align:right;
	border-bottom:1px dotted #AAAAAA;
}

#geral #corpo #esq #parceiros {
	margin-top:10px;
	text-align:right;
}

#geral #corpo #esq img{
	margin-bottom:10px;
}

#geral #corpo #esq input.botao {
	font-weight:bold;
	color:#FFFFFF;
	border:1px outset #2c3a16;
	background-color: #AE0000;
}

/*--------------------------------------------------------------------*/
/* Formatação da estrutura do lado esquerdo do site   				  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir {
	width:498px;	
	float:left;
	padding:8px;
	text-align:left;
}
#geral #corpo #dir h5{
	line-height:0px;
}

/*--------------------------------------------------------------------*/
/* 	Lado esquerdo do site - Texto de "Imóvel Adicionado com Sucesso!" 
	em Lista de Interesse   										  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir h3 {
	margin-bottom:10px;
	color:#009900;
	font-weight:bold;
}

/* Botão de excluir regitro da lista de interesse */
#geral #corpo #dir blockquote a.Del{
	margin-left:10px;
	color:#FF0000;
	margin:10px;
}
#geral #corpo #dir blockquote a.Del:hover{
	color:#990000;
}


/*--------------------------------------------------------------------*/
/* Lado direito do site - Exibição da listagem de imóveis 			  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir .coluna {
	width:150px;
	float:left;
	text-align:center;
	border:1px solid #d7d7d7;
	margin: 0px;
	margin-bottom: 10px;
	margin-right: 4px;
	margin-left: 4px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
}

#geral #corpo #dir .coluna img {
	border:19px solid #e0e0e0;
	border-left:20px solid #e0e0e0;
	border-right:20px solid #e0e0e0;
}
#geral #corpo #dir .coluna p {
	margin-bottom:1px;
	padding:2px 0px 2px 0px;
	height:18px;
	text-align:center;
	border:1px solid #eeeeee;
	background-color:#fafafa;
}

#geral #corpo #dir .coluna p.codigo,
#geral #corpo #dir .coluna p.preco{
	font-weight:bold;
}

#geral #corpo #dir .coluna p.preco {
	font-size:12px;
	color:#AE0000;
}

#geral #corpo #dir .coluna input {
	width:100px;
	height:24px;
	padding:2px;
	padding-left:10px;
	cursor:pointer;
	font-weight:bold;
	color:#FFFFFF;
	border:1px outset #2c3a16;
	background-color: #AE0000;
	background-image: url(../../_layout/geral/icoVisualizar.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

/*--------------------------------------------------------------------*/
/* Lado direito do site - Títulos internos do site 					  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir h1 {
	color:#AE0000;
	font-weight:bold;
	font-family:Arial;
	font-size:22px;
	margin-bottom:10px;
}

/*--------------------------------------------------------------------*/
/* Lado direito do site - Formatação do botão:	Voltar | Topo 		  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir #inter p.botVoltarTopo {
	margin:20px 0px 20px 0px;
	text-align:right;
	font-size:9px;
	width:100%;
	display:block;
}

/*--------------------------------------------------------------------*/
/* Lado direito do site - Listagem dos tipos de imóveis, dentro de:
   Imóveis para Venda
   Imóveis para Locação
   Imóveis para Temporada 											  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir #inter ul {
	display:block;
}

#geral #corpo #dir #inter ul li {
	margin-top:2px;
	display:block;
}

#geral #corpo #dir #inter ul li a {
	padding:5px;
	padding-left:2em;
	background-color:#F9F9F9;
	border:1px dotted #cccccc;
	display:block;
	background-image: url(../../_layout/geral/botMais.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
}

#geral #corpo #dir #inter ul li a:hover {
	border:1px dotted #AE0000;
	background-color:#F0F0F0;
}

/*--------------------------------------------------------------------*/
/* Exibição da ficha completa do imóvel 							  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir #inter table {
	width:95%;
	border-collapse:collapse;
	margin:0px 0px 0px 20px;
}

#geral #corpo #dir #inter table th {
	padding:4px 0px 4px 3px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#999999;
	text-transform: uppercase;
	text-align: center;
}

#geral #corpo #dir #inter table td {
	border:1px solid #ffffff;
	background-color:#f9f9f9;
	padding:4px 0px 4px 3px;
}

#geral #corpo #dir #inter table td.descricao {
	padding:4px 0px 4px 3px;
	background-color:#EEEEEE;
	width:150px;
}

#geral #corpo #dir #inter table td img {
	padding:5px 10px 5px 10px;
}


/*--------------------------------------------------------------------*/
/* Botões de Lista de Interesse 									  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir #inter #botsListaInteresse{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}
#geral #corpo #dir #inter #botsListaInteresse img{
	margin-left:20px;
	border:0px;
	cursor:pointer;
}

/*--------------------------------------------------------------------*/
/* Formulário de contato, encomenda e solicite informações 			  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir #inter #forms {
	margin:0px auto;
	width:470px;
	padding-bottom:10px;
}

#geral #corpo #dir #inter #forms form {
	width:100%;
}

#geral #corpo #dir #inter #forms fieldset {
	padding:0px 0px 10px 10px;
	width:100%;
	border-bottom:2px solid #fcfcfc;
}

#geral #corpo #dir #inter #forms legend {
	font-weight: bold;
	font-size:12px;
	letter-spacing:1px;
	padding:3px;
	margin-bottom:10px;
	color:#FFFFFF;
	background-color:#AE0000;

}

#geral #corpo #dir #inter #forms label {
	margin:8px 0px 0px 0px;
	padding-left:3px;
	width:120px;
	height:17px;
	text-align:left;
	display:block;
	float:left;
}

#geral #corpo #dir #inter #forms fieldset,
#geral #corpo #dir #inter #forms legend,
#geral #corpo #dir #inter #forms input,
#geral #corpo #dir #inter #forms textarea,
#geral #corpo #dir #inter #forms select{
	border:1px solid #CCCCCC;
}

#geral #corpo #dir #inter #forms input.botao,
#geral #corpo #dir #inter #forms input.botaoBusca,
#geral #corpo #dir #inter #forms input.botaoBuscaRapida{
	height:24px;
	padding:2px;
	padding-left:10px;
	cursor:pointer;
	font-weight:bold;
	color:#FFFFFF;
	border:1px outset #2c3a16;
	background-color: #AE0000;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	margin-left:40%;
}
#geral #corpo #dir #inter #forms input.botao{
	background-image: url(../../_layout/geral/icoEnviar.gif);
}
#geral #corpo #dir #inter #forms input.botaoBuscaRapida{
	float:right;
	margin-right:7em;
	margin-left:0px;
}
#geral #corpo #dir #inter #forms input.botaoBusca,
#geral #corpo #dir #inter #forms input.botaoBuscaRapida{
	background-image: url(../../_layout/geral/icoVisualizar.gif);
}

#geral #corpo #dir #inter #forms input,
#geral #corpo #dir #inter #forms textarea,
#geral #corpo #dir #inter #forms select{
	margin-top:6px;
	padding:2px;
}

#geral #corpo #dir #inter #forms .error_form {
	background-color:#f3e3e3;
}

/*--------------------------------------------------------------------*/
/* Paginação dos registros de imóveis 								  */
/*--------------------------------------------------------------------*/

#stlPaginacao{
	font-weight:bold;
	width:523px;
	padding-top:10px;
	text-align:center;
	color:#999999;
	float:left;
}
#stlPaginacao span{
	line-height:20px;
	font-size:10px;
	font-weight:normal;
}