
/* Barra Topo superior do contato telefone e facebook*/
.barra {
	padding:0.5em 0 0.5em 0;;
	background:#2C3530;
	color:#FFF;
}
	.barra span { font-size:0.9em; }
	.barra img { width:0.7em; }


@media only screen and (max-width: 820px) {
	.barra span { font-size:0.7em; }
	.barra img { display:none; }	
}

.logotipo { margin:1em 0 0.5em 0; }

header { background:#1E1E1E; }

/* Menu */
nav {
	background:url(img/bg-nav.jpg) repeat-x; 
}
nav #menu-geral {
	 	 
 }
nav #menu-geral ul {
	width:100%;
}
nav #menu-geral li {
	width:16.67%;
	background:url(img/bullets.png) top right no-repeat;
}
nav #menu-geral li a {
	font-size:90%;
	padding:0.8em 0em 0.8em 0em;
	text-align:center;
	display:block;
	color:#FFF;
	
	-webkit-transition: -webkit-box-shadow 0.60s, background 0.60s ease-in-out;
  -moz-transition: -moz-box-shadow 0.60s, background 0.60s ease-in-out;
  transition: box-shadow 0.60s, background 0.60s ease-in-out;
}
	nav #menu-geral li a:hover {
		color:#063;
		background:#EEAD0E;
}
	
/* Menu Responsivo */
@media only screen and (max-width: 900px) {
	nav #menu-geral li a {
	font-size:80%;
}
}
/* fim menu */


.imovel-destaque {
	display:block;
	width:100%;
	padding:0.313em /*5px*/ 0 0.313em /*5px*/ 0;
	margin:0.938em /*15px*/ 0 0.938em /*15px*/ 0;
	background-color:#F9F9F9;
	border-radius:0.375em /*6px*/;
	color:#858585;
	
	-webkit-transition: -webkit-box-shadow 0.60s, border-color 0.60s ease-in-out, background 0.60s ease-in-out;
  -moz-transition: -moz-box-shadow 0.60s, border-color 0.60s ease-in-out, background 0.60s ease-in-out;
  transition: box-shadow 0.60s, border-color 0.60s ease-in-out, background 0.60s ease-in-out;
}
	.imovel-destaque img { width:290px; height:200px; margin:1.4%; border:0.1em solid #FFF; }
	
	.imovel-destaque hr { clear:both; height:1px; margin:0; padding:0; background:none; border:none; }
	
	.imovel-destaque p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.750em;
		margin-left:0.9em;
	}
	.imovel-destaque h4 {
		margin-left:0.3em;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.0em; 
		color:#32964C; 
	}
	
.imovel-destaque:hover  { 
	background:#494949;
	color:#FFF; 
	-webkit-box-shadow:inset 0px 0px 0.938em /*15px*/ 0.313em /*5px*/ #2E2E2E;
	-moz-box-shadow:inset 0px 0px 0.938em /*15px*/ 0.313em /*5px*/ #2E2E2E;
	box-shadow:inset 0px 0px 0.938em /*15px*/ 0.313em /*5px*/ #2E2E2E; 
}
	.imovel-destaque:hover h4  { color:#FFF; }
	.imovel-destaque:hover p strong { color:#FFF; }


/* Lista de Imóveis */

.lista-imoveis img {
	height:4.375em; 
	margin-right:0.313em;
	margin-bottom:0.400em;
}
.lista-imoveis p{
	font-size:0.688em; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#858585;
}
.lista-imoveis strong{ 
	font-size:0.688em; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#930;
}
.veja-mais { 
	font-family:Arial, Helvetica, sans-serif; 		
	border-radius:6px 0 6px 0;
 	font-size:0.688em; 
	background:#060; 
	color:#FFF;  
	padding: 0.5em ; 
}
.veja-mais:hover {
	background:#DCCA9A;
	color:#030;
}



/* Lista de Imóveis interna */

.lista-imoveis-interna img {
	height:7.0em; 
	margin-right:0.313em;
	margin-bottom:0.700em;
}
.lista-imoveis-interna p{
	font-size:0.688em; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#858585;
}
.lista-imoveis-interna strong{ 
	font-size:0.688em; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#930;
}
.veja-mais { 
	font-family:Arial, Helvetica, sans-serif; 		
	border-radius:6px 0 6px 0;
 	font-size:0.688em; 
	background:#060; 
	color:#FFF;  
	padding: 0.5em ; 
}
.veja-mais:hover {
	background:#DCCA9A;
	color:#030;
}



/* Principal Destaques */
article { 
	background:#F9F6EF; 
	-webkit-box-shadow: inset 0px -0.188em /*-3px*/ 0.313em /*5px*/ 0px #F1ECDC  ;
	-moz-box-shadow: inset 0px -0.188em /*-3px*/ 0.313em /*5px*/ 0px #F1ECDC  ;
	box-shadow: inset 0px -0.188em /*-3px*/ 0.313em /*5px*/ 0px #F1ECDC ; 
}
.principal { 
	margin:1.250em /*20px*/ 0 0.500em /*10px*/ 0;
}
	
/* Slide */
#slider img {
	margin-top:1.563em /*25px*/;
	border-radius:0.500em /*10px*/;
}


/* Responsivo */
@media only screen and (min-width: 768px) {
	#customDropdown { display:none; }
	#menu-geral { display:block; }
	.rodape { display:block; }
}

@media only screen and (max-width: 768px) {
	
	/*#menu-geral { display:none; }*/
	#customDropdown { display:block; }
}

/* Titulos */
h2 {
	 font-weight:normal; 
	 font-size:1.3em; 
	 color:#CD950C; 
}
p { 
	font-size:85%; 
}

/* Rodapé */
.rodape { 
	font-size:90%; 
}
.img { margin-top:2.3em; }

.links-uteis li { list-style:none; }
.links-uteis2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.750em /*12px*/;
	color:333;
}
.links-uteis2 a:hover {
	color:#063;
}

.end {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.813em /*13px*/;
	text-align:center;
	color:333;
}
.end img {
	margin-right:0.188em /*3px*/;
}
article .b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:0.125em /*2px*/;
	color:#930;
}
.b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin-left:0.125em /*2px*/;
	color:#930;
}

.b1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin-left:0.125em /*2px*/;
	color:#930;
}
.b1:hover {
	color:#fff;
}
/* Link rodapé Voltar ao topo e Área administrativa */
.link-simples {
	margin-top:1.563em /*25px*/;
	text-decoration:none;
	list-style:none;
}
.link-simples2 {
	margin-bottom:0.500em /*8px*/;
}
.link-simples2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.750em /*12px*/;
	color:#063;
}
.link-simples2 a:hover {
	color:#000;
}
/* Fim do Link rodapé Voltar ao topo e Área administrativa */
/*logo webla rodapé */
.logowebla {
	margin-top:1.5em;
}
/* Formulario busca de imoveis topo do site */
.busca {
	float:right; 
	margin-top:0.5em;
	padding:0;
}
.busca label {
	text-align:right;
	padding-right:0.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CDB370;
}
.busca select, .busca input {
	width:13em;
	height:25px;
	border-radius:0 6px 0 6px;
}
.buttonbusca {
	padding:6px;
	border-radius:0 6px 0 6px;
	background:#CDB370;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
}
.buttonbusca:hover {
	background:#060;
	color:#FFF;
}

/*Fim do formulario busca*/	

/*Titulos da páginas internas*/
.titulo-internas {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#063;
}
#conteudo { }
#conteudo .img  {  width:20.12em;  float:left;   }
#conteudo .img img {  width:18.75em; height:14.06em; margin-bottom:1.5em; }

#conteudo .td p{  width:36.87em; float:left;  }
#conteudo .td{ width:33.12em;  float:left; padding-top:1.9em; padding-left:1.9em;  }

/* Galeria de fotos Internas ( detalhes)*/
	.detalhes-descricao {font-family:Arial, Helvetica, sans-serif; font-size:13px;}
	.detalhes-descricao strong {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#063;}
	.strong2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#063;}
	.gallery li { float:left; list-style:none; }
	.gallery li img { width:180px; height:130px; margin:10px 20px 10px 0; border-radius:6px; border:3px solid #E8E8E8; }
	.gallery li img:hover { border-color:#CDB370; }
	
	
/* Detalhes do Imóvel */
#detalhes-imovel { border-radius:0.5em; box-shadow:2px 3px 5px #e5e5e5; }
#detalhes-imovel p { border-radius:5px; box-shadow:2px 1px 3px #999; margin-bottom:8px; margin-right:5px; padding:5px; background:#F9F6EF; font:13px Trebuchet MS; }
#fotos { width:420px; float:right; margin-top:-40px; }
.mais_info p { background:none; border-radius:0; }


