/**
 * 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-color:#005384;
	text-align:center;
}

blockquote{
	margin-left:2em;
}

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:#005384;
}
a:hover{
	color:#333333;
}


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

#rodape {
	height:33px;
	width:758px;
	clear:both;
	margin:0px auto;
	padding-top:20px;
	background:url(../../_layout/rodape/rodape.jpg) no-repeat top left;
	text-align:center;
}

#rodape address {
	color:#ffffff;
	font-size:9px;
	margin:0px 0px 5px 0px;
	font-style:normal;
}


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

#geral {
	margin:0px auto;
	width:758px;
	text-align:left;
	border-top:0;
	background:url(../../_layout/geral/bgInterno.gif) repeat-y top left;
	display:table;
	padding-bottom:10px;
}


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

#geral #topo {
	margin:0px;
	height:202px;
	background:url(../../_layout/topo/topo.jpg) no-repeat top left;
	width:758px;
}

#geral #topo #menusp {
	width:90px;
	font-size:9px;
	text-align:right;
	padding-top:5px;
}

#geral #topo #menusp a{
	color:#f4f4f4;
	margin:0px;
	text-decoration:none;
}

#geral #topo #menusp a:hover {
	text-decoration:underline;
}

#geral #topo #menusp,
#geral #topo #menusp a:hover{
	color:#f4f4f4;
}


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

#geral #corpo {
	margin:0px auto;
	display:block;
}


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

#geral #corpo #esq {
	width:176px;
	text-align:left;
	float:left;
	background:url(../../_layout/geral/bgBuscaRapida.jpg) no-repeat 0px 280px;
}


/*--------------------------------------------------------------------*/
/* Lado esquerdo do site - Busca Rapida  		  	 				  */
/*--------------------------------------------------------------------*/

/* Título da Busca Rapida */
#geral #corpo #esq h1 {
	margin-top:10px;
	padding-top:20px;
	height:50px;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	background:url(../../_layout/geral/titBuscaRapida.gif) no-repeat top left;
	text-indent:50px;
}

#geral #corpo #esq #busrapida {
	margin:0px auto;
	width:145px;
	padding-left:30px;
	text-align:left;
	display:block;
}

/* Formatação do formulário da Busca Rapida */
#geral #corpo #esq #busrapida fieldset {
	margin-bottom:10px;
}

#geral #corpo #esq #busrapida label {
	font-weight:bold;
	margin-bottom:2px;
	color:#ffffff;
}

#geral #corpo #esq #busrapida select {
	margin:0px auto;
	width:120px;
	padding:2px;
	color:#005384;
	border:1px solid #bcbcbc;
}

/* Formatação do botão do formulário da Busca Rapida */
#geral #corpo #esq #busrapida input.botao {
	margin:0px 0px 0px 15px;
}


/*--------------------------------------------------------------------*/
/* Lado esquerdo do site - Banner Parceria (Segue)   				  */
/*--------------------------------------------------------------------*/

#geral #corpo #esq #itens .parceria {
	margin:10px 0px 0px 0px;
	text-align:center;
}


/*--------------------------------------------------------------------*/
/* Lado esquerdo do site - Menu 									  */
/*--------------------------------------------------------------------*/

#geral #corpo #esq ul.menu {
	margin-top:3px; /* FF */
	_margin:0px; /* IE */
	list-style-type:none;
	width:175px;
}
	
#geral #corpo #esq ul.menu li { 
	height:20px;
}

#geral #corpo #esq ul.menu li a { 
	padding-top:7px;
	padding-bottom:7px;
	font-size:11px;
	color:#FFFFFF;
	display:block;
	background:url(../../_layout/menu/bgMenu.jpg) no-repeat top left; 
	background-color:#007cc2;
	text-indent:10px;
	border-left:6px solid #f8c400;
}

#geral #corpo #esq ul.menu li a:hover { 
	background-image:none;
	background-color:#005384;
	border-left:6px solid #999999;
}


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

#geral #corpo #dir {
	margin:0px auto;
	width:562px;
	float:right;
	padding:5px 10px 0px 10px;
	text-align:left;
}

#geral #corpo #dir h5{
	line-height:0px;
}

/*--------------------------------------------------------------------*/
/* Lado direito do site - Imóvel em destaque na Home 				  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir #destaque {
	margin:0px 0px 15px 3px;
	padding:22px 10px 10px 20px;
	height:159px;
	background:url(../../_layout/geral/bgDestaque.gif) no-repeat top left;
}

#geral #corpo #dir #destaque img.foto {
	border:6px solid #ffffff;
	float:left;
}

#geral #corpo #dir #destaque div {
	padding-left:20px;
	padding-top:30px;
	width:300px;
	float:left;
	text-align:left;
	line-height:17px;
	font-size:11px;
}

#geral #corpo #dir #destaque div span{
	color:#007cc2;
	font-size:15px;
	font-weight:bold;
}

#geral #corpo #dir #destaque div a{
	float:right;
}


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

#geral #corpo #dir h1 {
	margin:0px auto;
	padding-top:20px;
	height:37px;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	background:url(../../_layout/geral/titInterno.gif) no-repeat top left;
	text-indent:50px;
}


/*--------------------------------------------------------------------*/
/* 	Lado direito 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 - Conteúdo 				  					  */
/*--------------------------------------------------------------------*/

#geral #corpo #dir #inter {
	width:540px;
	padding:10px 8px 10px 8px;
}


/*--------------------------------------------------------------------*/
/* 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:#F5F5F5;
	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 #005384;
	background-color:#EEEEEE;
}


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

#geral #corpo #dir #inter .coluna {
	width:256px;
	float:left;
	text-align:center;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}

#geral #corpo #dir #inter .coluna img {
	margin-right:6px;
	border:1px solid #DDDDDD;
	float:left;
}

#geral #corpo #dir #inter .coluna a{
	color:#333333;
	font-size:10px;
	display:block;
	text-align:left;
	vertical-align:text-bottom;
	background-image: url(../../_layout/geral/botMais.gif);
	background-repeat: no-repeat;
	background-position: 24em 7em;
	background-color:#F5F5F5;
	height:83px;
	cursor:pointer;
	border: solid 1px #F5F5F5;
}

#geral #corpo #dir #inter .coluna a:hover {
	color:#005384;
	border:1px dotted #005384;
	background-color:#EEEEEE;
}

#geral #corpo #dir #inter .coluna span.tipo,
#geral #corpo #dir #inter .coluna span.preco{
	font-size:12px;
	font-weight:bold;
}

#geral #corpo #dir #inter .coluna span.codigo {
	color:#717171;
}

#geral #corpo #dir #inter .coluna span.preco {
	color:#005384;
}


/*--------------------------------------------------------------------*/
/* 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;
	color:#ffffff;
	font-weight:bold;
	background-color:#007cc2;
	text-transform: uppercase;
	text-align: center;
}

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

#geral #corpo #dir #inter table td.descricao {
	padding:4px 0px 4px 3px;
	background-color:#DDDDDD;
	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:523px;
	padding-bottom:10px;
}

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

#geral #corpo #dir #inter #forms fieldset {
	padding:0px 0px 10px 10px;
	width:100%;
}

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

#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{
	border:none;
	margin-left:40%;
}
#geral #corpo #dir #inter #forms input.botaoBuscaRapida{
	border:none;
	float:right;
	margin-right:13em;
}

#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;
}