/* CSS para Uma marcacao - Varios templates */
/* Estilos geral */
body {
	margin:0;
	padding:0;
	border:none;
	font: 11px/1.5 Arial, Verdana, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	}

#tudo {
	width:779px;     
	margin:0 auto;
	}

#conteudo {  /* QUANDO A IMG DE FUNDO DO LAYOUT FOR MAIOR - EX DO PETSHOP ETC, DIMINUIR O WIDTH DO CONTEUDO */
	width:730px; 
	margin:0 auto;
	text-align:left;
}

#topo { /* NESSE LAYOUT EXISTE UMA IMAGEM MAIOR NO TOPO E TRABALHO DENTRO DA MESMA DADOS COMO LOGO, DATA, ADM ETC COM A DIV TOPO */
	height:120px;
	width:730px;
	margin-left:25px;
	}

ul, ol {
	margin:0;
	padding:0;
	list-style:none;
	}
h1, h2, h3 {
	margin: 0.8em 0;
	color:#c30;
	font-size:1.4em;
	}
h2 {
	font-size:1.2em;
	}
h3 {
	font-size:1.0em;
	}
	
.dest {
	color:#3A4884;
	}

/* Estilos para template de 3 colunas */
#principal {
	float:left;
	width:450px; /* ALTERAR ESSE VALOR QDO ALTERAR O LAYOUT */
	margin-left: 36px; 	
	text-align:justify;
	padding: 0 30px;
	_padding: 0 12px;
	}

#destaque-semana {
	float:left;
	width:465px; /* ALTERAR ESSE VALOR QDO ALTERAR O LAYOUT */
	_width:465px; /* IE 6 - ALTERAR ESSE VALOR QDO ALTERAR O LAYOUT */
	height:140px;
	margin-left: 0px; 	
	text-align:justify;
	padding: 0 9px;
	border-top:solid 1px #ED5E03;
	border-right:solid 1px #ED5E03;
	}

#destaque-semana span.foto-semana {
margin-left:-9px;
*padding: 0 0px;
}

#destaque-semana h1.texto-semana {
list-style-type: none;  
font: bold 18px Arial, Verdana, Tahoma, "Franklin Gothic Medium", sans-serif; 
margin: -138px 0 2px 180px; /* 10px é a posição do menu */
color:#3A4884;
}

#destaque-semana p.texto-semana-detalhes {
list-style-type: none;  
font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 2px 180px; /* 10px é a posição do menu */
}

#img-destaque {
float:left;
height:30px;
width:484px;
_width:483px; /* IE 6*/
background-image: url("../img/img-imovel-destaques-ie.gif");
background-repeat: repeat-y;
margin-top:10px;
margin-left:0px;
}

#destaques {
	float:left;
	width:478px; /* ALTERAR ESSE VALOR QDO ALTERAR O LAYOUT */
	_width:468px; /* IE 6 - ALTERAR ESSE VALOR QDO ALTERAR O LAYOUT */
	margin-left: -10px;
	_margin-left: -5px;
	margin-top:2px;
	text-align:justify;
	padding: 0 10px;
	}

/* Fim das regras CSS para templates */

#img-top { height:220px; background-image: url("../img/background-top-quadrado-andradeimoveis-old.gif"); background-repeat: repeat-y; }
#img-base { height:50px; background-image: url("../img/background-base-quadrado.gif"); background-repeat: repeat-y; }

#start {
background-color:white;
border-left:solid 1px #ED5E03;
border-right:solid 1px #ED5E03;
}

#img-base span.right {
float:right;
padding-right: 55px; /* ALTERAR ESSE VALOR DEPENDENDO DO LAYOUT */
padding-top:5px;
font: normal 8pt Arial, Verdana, Tahoma,'dingbats';
text-align: right;
}

#img-posbase span.left {
float:left;
padding-left: 0px; /* ALTERAR ESSE VALOR DEPENDENDO DO LAYOUT */
margin-top:-7px;
*margin-top:7px; /* IE 6 E 7*/
font: normal 8pt Arial, Verdana, Tahoma,'dingbats';
text-align: left;
}


#nav {
float:left;
width: 170px; /* TAMANHO DO MENU*/
margin-left: 0px; /* DISTANCIA DA BORDA ESQUERA DA TELA DO MENU*/
margin-top: 11px;
}

#nav li { 
list-style-type: none;  
font: normal 11px Arial, Verdana, Tahoma, "Franklin Gothic Medium", sans-serif; 
margin: 0 0 2px 0px; /* 10px é a posição do menu */
}

#nav li a { 
width: 170px; /* 100px é o tamanho da cx do menu */
display: block; 
color: #000; /* Cor da letra do Menu */
text-decoration: none;
padding:1px 0 2px 4px; /* 4px é a posição da letra dentro do menu */
border-bottom: 1px solid #E15009; /* Cor da borda do Menu */
background: #FFF; /* Cor de Fundo do Menu */
}

#nav li a:hover { 
width: 170px;  /* 100px é o tamanho da cx do menu */
display: block; 
color: #039; /* Cor da letra do Menu */
text-decoration: none;
padding:1px 0 2px 4px; /* 4px é a posição da letra dentro do menu */
border-bottom: 1px solid #E15009; /* Cor da borda do Menu */
background: #FFF; /* Cor de Fundo do Menu */
}

html>body #nav a {
padding: 1px 0px 2px 4px; /* 4px é a posição da letra dentro do menu */
}

#nav .navtit { 
width: 160px; /* 100px é o tamanho da cx nesse caso invisivel do titulo do menu */
font: bold 11px Arial, Verdana,  Tahoma, 'dingbats'; 
color:#3A4884; 
padding: 3px 3px; /* 2px é a posição da letra titudo do menu */
background-image: none;
}

#menu-color {
float:left;
width: 170px; /* TAMANHO DO MENU*/
margin-left: 0px; /* DISTANCIA DA BORDA ESQUERA DA TELA DO MENU*/
margin-top: 11px;
}

#menu-color li { 
list-style-type: none; 
font: normal 11px Arial, Verdana, Tahoma, "Franklin Gothic Medium", sans-serif;
margin: 0 0 2px 0px; /* 10px é a posição do menu */

}

#menu-color li a { 
width: 166px; /* 100px é o tamanho da cx do menu */
display: block; 
color: #000; /* Cor da letra do Menu */
text-decoration: none;
padding:1px 0 2px 4px; /* 4px é a posição da letra dentro do menu */
background: #FFF; /* Cor de Fundo do Menu */
border: 1px solid #5C80B4; /* Cor da borda do Menu */
}

#menu-color li a:hover { 
width: 166px;  /* 100px é o tamanho da cx do menu */
display: block; 
color: #FFF; /* Cor da letra do Menu */
text-decoration: none;
padding:1px 0 2px 4px; /* 4px é a posição da letra dentro do menu */
border: 1px solid #5C80B4; /* Cor da borda do Menu */
background: #5C80B4; /* Cor de Fundo do Menu */
}

html>body #menu-color a {
padding: 1px 0px 2px 4px; /* 4px é a posição da letra dentro do menu */
}

#menu-color .navtit-color { 
width: 166px; /* 100px é o tamanho da cx nesse caso invisivel do titulo do menu */
font: bold 11px Arial, Verdana,  Tahoma, 'dingbats'; 
color:#ED5E03;
padding: 3px 3px; /* 2px é a posição da letra titudo do menu */
background-color:white;
border-top: none;
}




/* HEADER SUPORTE ESTUDAR MELHOR ESSE CSS ACREDITO Q PARA A ÁREA ADM 
------------------------------------------------------------------------------------------------ */
#adm { text-align: right; font: normal 7pt Arial, Tahoma, sans-serif; padding-top:10px; padding-bottom:0px; }
#adm ul { list-style: none; }
#adm ul  li { display: inline; }
#adm ul  li a { 
padding: 0px 4px;
color: #568;
text-decoration: none;
background-image: url("../img/top-seta.gif");
background-repeat: no-repeat;
background-position: 1px 0px;
padding-left: 12px;
}
html>body  #adm ul li a {
background-image: url("../img/top-seta.gif");
background-repeat: no-repeat;
background-position: 1px 0px;
}
#adm ul li a:hover { background-color:#ddd; color: #000; }

#logoData {
	height:100px;
	width:690px;/* ALTERAR ESSE VALOR SE UTILIZAR ESSE RECURSO EM OUTRO LAYOUT COM O CONTEUDO SENDO MENOR */
	}

#topoLogo {
background-image: url("../img/logo.gif");
background-repeat: no-repeat;
background-position: 0px 3px;
height:90px;
}

/* DATA E MÊS CORRENTE */
#data h1 {
text-align: left;
font-family: "Franklin Gothic Medium","Lucida Grande",Verdana,Tahoma,Arial,sans-serif;
font-size: 15pt;
color:#036;
letter-spacing: -2px;
padding: 5px 10px 0 15px;
*padding: 3px 10px 0 8px; /* IE 6 E IE 7*/
margin-top:165px;
*margin-top:167px;
_margin-top:165px;
}

/* DIA DA SEMANA */
#data h2 {
margin-top:-25px;
text-align: left;
font-family: "Franklin Gothic Medium","Lucida Grande",Verdana,Tahoma,Arial,sans-serif;
font-size: 10pt;
font-weight: 100;
color:#036;
padding: 0 10px 0 51px;
*padding: 0 10px 0 44px; /* IE 6 E IE 7*/
}


/* FOOTER OU RODAPÉ COM DADOS DO CLIENTE
------------------------------------------------------------------------------------------------ */
#rodape {width: 745px; margin: 2px auto; margin-left:-7px; text-align:center; clear:both;} /* ALTERAR AQUI QUANDO ALTERAR O LAYOUT */
#rodape address { font: normal 7pt Arial, Tahoma, sans-serif; margin:4px; letter-spacing: 1px; }
#rodape address a { text-decoration: none; color: #333; }
#rodape address a:hover {  border-bottom: 1px solid #3A4884; }
#rodape h1 { margin:2px; border-bottom:2px solid #3A4884; }
#rodape p { margin:0px; _margin:4px; /* IE 6 */ font: normal 8pt Arial, Tahoma, sans-serif; color: #666; }


#banner {
	width:470px; /* ALTERAR ESSE VALOR QDO ALTERAR O LAYOUT */
	height:110px;
	margin-top:-180px;
	margin-left:335px;
	*margin-left:325px; /* IE 7*/
	_margin-left:255px; /* IE 6*/
	background-image: url("../img/banner-animado-andradeimoveis1.gif");
	background-repeat: repeat-y;
}