/*
Desenvolvido por Jotac - Desenvolvimento de sites
Nosso Site = http://www.jotacweb.com.br
Contato = atendimento@jotacweb.com.br
Cliente = Imobiliaria Corcione http://www.corcione.com.br
Versao = Fevereiro de 2009
*/

/***
			GERAL
*/

* {
margin: 0;
padding: 0;
}

img {border: none;}

html, body {
height: 100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
background-color: #ffff00;
background-image: url(../imagens/bg-body.png);
background-repeat: repeat-x;
}

#geral {
background: url(../imagens/cidade-botton.gif) repeat-x;
background-position: bottom;
min-height: 100%;
}

* html #geral {
height: 100%; /* hack para IE6 hq trata height como min-height */
}

h3 {
font: 22px Verdana, Arial, sans-serif;
color: #295BA4;
padding: 0 15px 10px 15px;
}

/***
			TOPO
*/

#topo {
width: 800px;
height: 168px;
margin: 0 auto;
background: url(../imagens/bg-logo.jpg) no-repeat;
}

#topo h1 {
width: 170px;
height: 105px;
margin: 0;
padding: 23px 19px 23px 19px;
text-indent: -9000px;
float: left;
}

#topo h1 a {
width: 170px;
height: 105px;
display: block;
}

#topo #flash {
float: right;
margin: 0;
width: 560px;
height: 153px;
}

/***
			NAVEGACAO
*/

#navegacao {
background: url(../imagens/bg-nav.jpg) no-repeat;
width: 790px;
height: 50px;
margin: 0 auto;
padding-left: 10px;
}

#navegacao h2 {
padding: 9px 10px 0 20px;
float: left;
}

#navegacao li {
display: inline;
list-style: none;
}

#navegacao li a {
font: bold 15px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-Serif;
letter-spacing: -0.1px;
float: left;
padding: 12px 12px 12px 22px;
text-decoration: none;
color: #3771c8;
}

#navegacao a:hover {
color: yellow;
text-decoration: none;
letter-spacing: -0.1px;
background: url(../imagens/bg-menu.jpg);
background-color: #3771C8;
}

/***
			CONTEUDO
*/

#localizacao {
background: url(../imagens/bg-conteudo800.jpg) repeat-y;
background-color: white;
width: 770px;
margin: 0 auto;
padding: 15px;
}

#conteudo {
background: url(../imagens/bg-conteudo800.jpg) repeat-y;
background-color: white;
width: 800px;
margin: 0 auto;
}

#conteudo p {
font: 13px Verdana, Arial;
padding: 0 15px 10px 15px;
}

#ofertas {
width: 800px;
border: none;
margin-left: 5px;
height: 500px;
}

#destaque {
float: left;
border-right: solid #efefef 3px;
width: 270px;
}

#destaque a {
color: black;
display: block;
text-decoration: none;
}

#destaque a:visited {
color: black;
display: block;
text-decoration: none;
}

#destaque a:hover {
color: black;
background-color: #efefef;
}

#institucional {
float: right;
width: 520px;
margin-bottom: 12px;
}

#quem-somos {
float: left;
width: 475px;
margin-bottom: 15px;
border-right: solid #efefef 3px;
}

#servicos {
font-size: 13px;
float: right;
width: 250px;
margin: 0 10px;
padding: 0 10px;
}

#servicos li {
line-height: 145%;
}


/***
			CONTATO
*/

#contato {
float: left;
padding: 15px;
width: 470px;
}

#contato fieldset {
padding: 8px;
border: solid #efefef 2px;
width: 315px;
}

#contato legend {
font: bold 16px Verdana, Arial, Tahoma, sans-serif;
}

#contato label {
font: 13px Verdana, Arial, Tahoma, sans-serif;
display: block;
padding-bottom: 5px;
}

#contato label input {
width: 300px;
background-color: #efefef;
border: solid orange 1px;
}

#contato textarea {
width: 300px;
background-color: #efefef;
border: solid orange 1px;
margin-bottom: 8px;
}

#contato form {
float: left;
}

#erroContato {
float: left;
width: 120px;
margin: 250px 0 0 0;
padding: 6px;
font-weight: bold;
color: black;
font-size: small;
}

/***
			RODAPE
*/

.emailinterno {
float: right;
margin: 55px 15px 0 0;
}

#rodape {
background-color: white;
background: url(../imagens/bg-rodape.gif) no-repeat;
width: 800px;
height: 144px;
margin: 0 auto 50px auto;
}

#rodape address {
margin: 0;
text-align: center;
padding: 18px 0;
font-size: small;
font-style: normal;
}

#rodape a {
color: black;
}

#rodape a:visited {
color: black;
display: block;
text-decoration: none;
}

#rodape a:hover {
color: black;
background-color: #efefef;
text-decoration: none;
}

