/* CSS Document */

body {
	 line-height:17px;
	 margin:0;
	 padding:0;
	 font: normal 0.8em Trebuchet MS, Arial, sans-serif;
	 color:#000;
}

a:link { font-weight: bold; color:#e0e0e0; text-decoration: none; }
a:visited { font-weight: bold; color:#ccc; text-decoration: none; }
a:hover { font-weight: bold; color:#fff; text-decoration: underline; }


/* 
---------------------------------------
CONTEINER
---------------------------------------
*/

#conteiner {
	position: relative;
	top: 0%;
}

/* MENU */
#menu { 
	position:relative;
	left: 50%;
	margin-left: -497px;
	height:152px;
	width: 994px;
	font: normal 0.9em Arial, Trebuchet MS, sans-serif;
	color:#B5B8AD;
}

#menu a:link { font-weight: bold; color:#999; text-decoration: none; }
#menu a:visited { font-weight: bold; color:#666; text-decoration: none; }
#menu a:hover { font-weight: bold; color:#000; text-decoration: none; }

#menu ul { list-style-type: none; margin:11px 0 0 0; padding:0; }
#menu ul li { margin-right:0; height: 37px; float: left; }
#menu ul li a { display: block; height: 37px; text-indent: -5000%; }

#menu ul li a.bt-imoveis-comerciais { background: transparent url(../images/bt-imoveis-comerciais.png) no-repeat; width:221px}
#menu ul li a.bt-imoveis-residenciais { background: transparent url(../images/bt-imoveis-residenciais.png) no-repeat; width:216px}
#menu ul li a.bt-a-empresa { background: transparent url(../images/bt-a-empresa.png) no-repeat; width:147px}
#menu ul li a.bt-filiais { background: transparent url(../images/bt-filiais.png) no-repeat; width:128px}
#menu ul li a.bt-grupo { background: transparent url(../images/bt-grupo.png) no-repeat; width:130px}
#menu ul li a.bt-contato { background: transparent url(../images/bt-contato.png) no-repeat; width:135px}

#menu ul li a:hover { background-position: bottom left; }
#menu ul li a.selected { background-position: 0% 100%; cursor:default}


img {
	
	border:0
}

#menu-logo {
	width:994px;
	height:100%
}

#menu-favoritos {
	 padding:10px 0 0 0;
	 font-size:1.1em;
	 margin:0 0 0 0;
	 width:100%;
	 text-align:center
}

#menu-favoritos a:link { font-weight: bold; color:#666; text-decoration: none; }
#menu-favoritos a:visited { font-weight: bold; color:#666; text-decoration: none; }
#menu-favoritos a:hover { font-weight: bold; color:#cc0000; text-decoration: none; }

#menu-encadeado {
	margin:15px 0 0 30px;
	width:964px;
	font-size:1.0em;
	font-weight:normal;
	color:white;
}



/* 
---------------------------------------
MENU LATERAL
---------------------------------------
*/


.menulateral {
    width:264px;
    margin:0px 0px 0px 0px; /* top, right, bottom, left  */
    padding:0 10px 0 0;
    height:auto;
    color:#301816;
    font-size:15px;
    font-family: Arial, Trebuchet MS, Verdana;
    text-align:right
}

.item {
	width: 260px;
	list-style-type: none;
	margin: 10px 0px 0px 5px;
	padding: 0;
	border-bottom-width: 0px;
	}
	
.item_atual {
	font-weight:bold;
	color:#333;
	border-bottom:1px #ccc dotted;
	padding-right:10px
}

.item li a{
	width: auto;
	line-height:33px;
	color: #333;
	font-size: 15px; 
	font-weight: bold;
	display: block;
	text-decoration: none;
	border-bottom:1px #ccc dotted;
	padding-right:10px

}

* html .item li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 190px;
	line-height:33px;

}

.item li a:visited{
	font-size: 15px; 
	color: #999;
	text-decoration: none;
	padding-right:10px
}

.item li a:hover{
	font-size: 15px; 
	color: #666;
	text-decoration: underline;
	padding-right:10px
}

.item li {
	line-height:33px;
}

.titulo_menu {
	color:#fff;
	background-color:#666;
	font-size:14px;
	height:38px;
	font-weight:bold;
}



.voltar {
	text-align:right;
	clear:both
}




/* 
---------------------------------------
FOTO
---------------------------------------
*/


.foto { 
	width:264px;
	margin:1px 0px 0px 0px; /* top, right, bottom, left  */
    height:auto;
   	float:left;
}


/* 
---------------------------------------
CONTEUDO
---------------------------------------
*/

#conteudo {
	height:auto;
	clear:both;
	color:#606060;
	font: normal 1.1em Arial, Trebuchet MS, sans-serif;
	line-height:22px;
	text-align:justify;
}



/* --------------- */
.texto {
	position: relative;
	top: 0%;
	left: 50%; 
	margin-left: -497px;
	width: 914px;
	margin-top:110px;
	padding:40px 40px 30px 40px;
}

.texto a:link { font-weight: bold; color:#990000; text-decoration: none; }
.texto a:visited { font-weight: bold; color:#666; text-decoration: none; }
.texto a:hover { font-weight: bold; color:#cc0000; text-decoration: underline; }


.topo {
	margin:10px 0 40px 0
}

.voltar {
	text-align:right;clear:both
}

img {
	border:0px
}

h1 {
	color:#333;
	font: normal 1.8em Trebuchet MS, sans-serif;
	font-weight:bold;
	clear:both;
}

h2 {
	color:#999;
	font: normal 1.2em Arial, sans-serif;
	margin:0 0 20px 0;
	text-transform: uppercase
}


h3 {
	color:#999;
	font: bold 1.0em Arial, sans-serif;
	margin:10px 0 20px 0;
	text-transform: uppercase
}

h4 {
	color:#999;
	font: normal 0.9m Arial, sans-serif;
	margin:10px 0 20px 0;
	text-transform: uppercase
}


.top {
	margin:30px 0 0 0;
	text-align:right;
	clear:both;
	padding-bottom:30px
}



hr {
      border: 1px #ccc dotted;
      color: #fff;
	  margin:20px 0 20px 0;
	  clear:both
}


p.note {
	padding: 10px 4px 4px 0;
	font-size: 18px;
	color: #000;
	font-weight:bold;
	line-height: 150%;
	margin: 10px 0 20px 0;
	clear:both
}

.note {
	padding: 10px 10px 4px 10px;
	font-size: 14px;
	color: #000;
	font-weight:normal;
	line-height: 150%;
	margin: 20px 0 20px 0;
	clear:both;
	text-align:left
}





/* 
---------------------------------------
FORMULARIO
---------------------------------------
*/

.formulario {
	background: #f4f4f1;
	border-width: 1px;
	border-style:double;
	border-color:#cbcabc;
	color:#000000;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:13px;	
}

.bt_fe {
	background: #99CC00;
	border:1px solid #e7e7e7;
	color:#fff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	height:32px;
	text-align:center;
	padding:0px 5px 0px 5px;
}


.botao{
	background: #ccc;
	border: 1px #ccc double;
	color: #990000;
	font-size: 12px;
	font-family:Verdana;
	font-weight: bold;
	padding:5px 10px 5px 10px
}


/* 
---------------------------------------
BORDAS COLORIDAS NAS IMAGENS
---------------------------------------
*/


.borderit img{
border: 7px solid #fff;
}

.borderit:hover img{
border: 7px solid #e7e7e7;
cursor: default
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}


/* 
---------------------------------------
RODAPE
---------------------------------------
*/

    
#rodape {
	background:#333;
	height:100px;
	color:#ccc;
	font: normal 1.0em Arial, sans-serif;
	clear:both
}


.detalhes-rodape {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -497px;
	width: 994px;
}

.telefone {
	padding:35px 0 0 28px;
	float:left	
}

.endereco {
	padding:30px 0 0 0;
	float:right;
}



/* 
---------------------------------------
CREDITOS
---------------------------------------
*/

    
#creditos {
	background:#fff;
	height:40px;
	color:#999;
	font: normal 1.0em Arial, sans-serif;
	clear:both
}


.detalhes-creditos {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -497px;
	width: 994px;
}


.texto-creditos {
	margin:20px 20px 0 0
}



/* 
---------------------------------------
DETALHES
---------------------------------------
*/

.detalhes {
	background: #efefef;
	width:600px;
	height:auto;
	padding:10px 10px 10px 10px;
	border-bottom:1px #ccc dotted;
	color:#000;
	float:right
}



.detalhes:hover {
	background: #e7e7e7; 
	cursor:default
}


/* 
---------------------------------------
DETALHES-FAVORITOS
---------------------------------------
*/

.detalhes-favoritos {
	background: #efefef;
	width:900px;
	height:auto;
	padding:10px 10px 10px 10px;
	border-bottom:1px #ccc dotted;
	color:#000;

}

.detalhes-favoritos:hover {
	background: #e7e7e7; 
	cursor:default
}



.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	width: 300px;
	background-color: #efefef;
	border: 3px #ccc dotted;
	padding: 10px;
}