html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*--------------------------------------------------------------------------------------------*/
/*Geral |-------------------------------------------------------------------------------------*/
body {
font: 11px Arial;
color: #707070;
}
#Geral {
width: 1000px;
margin: 0 auto;
background: #F5F5F5;
border-top: 80px solid #FFFFFF;
position: relative;
}
#Geral .alt {
display: none;
}
/*.LogoOAS {
width: 164px;
height: 184px;
//background: url(../images/LogoOAS.gif) no-repeat 0 0;
float: left;
}*/
.LogoOAS {
width: 219px;
height: 82px;
position: absolute;
top: -65px;
left: 0px;
z-index: 1;
}
.NomeOAS {
font: 13px Arial;
}
.oas {
font-size: 120%;
font-weight: bold;
display: inline;
}
br {
clear: left;
}
/*--------------------------------------------------------------------------------------------*/
/*Topo |---------------------------------------------------------------------------------------*/
#Topo {
padding: 18px 0px 0px 0px;
}
#Topo, #TopoInterna {
width: 836px;
background: #FFFFFF;
position: relative;
float: left;
border: solid 0px red;
}
#TopoInterna {
height: 39px;
}
#GrupoMenuIdioma {
background: #BA2B25 url(../images/bgGrupoMenuIdioma.jpg) no-repeat left top;
padding: 13px 10px 10px 55px;
width: 635px;
height: 15px;
border: solid 0px blue;
position: absolute;
top: -10px;
right: 22px;
}
#TopoInterna #GrupoMenuIdioma {
width: 657px;
right: inherit;
left: 113px;
}
#Corpo {
width: 836px;
background: #F5F5F5;
float: left;
}
/*--------------------------------------------------------------------------------------------*/
/*Menu Principal |----------------------------------------------------------------------------*/
#MenuPrincipal {
font-size: 0.8em;
width: 144px;
padding: 15px 10px 20px 10px;
border-top: solid 40px #FFF;
margin: 0px;
float: left;
}
#MenuPrincipal ul {
width: 144px;
margin: 0px;
padding: 0px;
float: left;
}
#MenuPrincipal ul li {
width: 144px;
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}
#MenuPrincipal ul li a {
font: 1.0em Arial;
text-decoration: none;
color: #BA2B25;
background: #FFFFFF;
border-left: 3px solid #BA2B25;
border-right: 3px solid #BA2B25;
display: block;
padding: 5px;
margin: 0px 0px 1px 0px;
}
#MenuPrincipal ul li a:hover {
color: #FFFFFF;
background: #BA2B25;
border-left: 3px solid #BA2B25;
border-right: 3px solid #BA2B25;
}
/*--------------------------------------------------------------------------------------------*/
/*Menu Principal |----------------------------------------------------------------------------*/
#Menu {
/*width: 400px;*/
padding: 0px;
margin: 0px;
/*position: absolute;
left: 10px;
top: 3px;*/
float: left;
/*z-index: auto;*/
z-index: 9999; /*para trazer o menu do topo para frente da imagem do pisca-pisca*/
color: #fff;
}
#Menu a {
text-decoration: none;
color: #fff;
}
#Menu a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------*/
/*Idioma |------------------------------------------------------------------------------------*/
#Idioma {
/*width: 210px;*/
text-align: right;
/*position: absolute;
right: 10px;
top: 3px;*/
float: right;
z-index: auto;
color: #fff;
width: 100px;
}
#Idioma a {
font: 1.0em Arial;
color: #fff;
text-decoration: none;
}
#Idioma a:hover {
text-decoration: underline;
}
/*
.BotPortugues {
padding: 0px 0px 0px 20px;
background: url(../images/IconeBrasil.gif) no-repeat 0px 1px;
}
.BotIngles {
padding: 0px 0px 0px 20px;
background: url(../images/IconeIngles.gif) no-repeat 0px 1px;
}
.BotEspanhol {
padding: 0px 0px 0px 20px;
background: url(../images/IconeEspanha.gif) no-repeat 0px 1px;
}
/*--------------------------------------------------------------------------------------------*/
/*Atendimento |-------------------------------------------------------------------------------*/
#Atendimento {
width: 135px;
height: auto;
background: #E5E5E5;
position: relative;
margin: 4px 10px 0px 7px;
padding: 0px 0px 10px 5px;
float: left;
text-align: left;
display: inline;
}
#Atendimento p {
padding: 5px 0px 0px 5px;
line-height: 11px;
}
#Atendimento p strong {
font-size: 1.2em;
line-height: 20px;
color: #BA2B25;
}
#Atendimento a {
color: #BA2B25;
text-decoration: none;
}
#Atendimento a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------*/
/*Busca |-------------------------------------------------------------------------------------*/
#Busca {
width: 140px;
height: 56px;
background: #FFFFFF;
position: relative;
margin: 10px 10px 10px 10px;
_margin: 15px 5px 5px 5px;
float: left;
text-align: right;
display: none;
}
#Busca h1 {
font: 1.0em Arial;
font-weight: bolder;
padding: 2px 5px 2px 5px;
background: #FFFFFF;
position: absolute;
left: 10px;
top: -12px;
z-index: auto;
}
#Busca form {
margin: 0px;
padding: 7px 10px 10px 10px;
}
#Busca .BotPesquisar {
width: 54px;
height: 18px;
font: 0.8em Arial;
color: #FFFFFF;
background: #BA2B25;
border: 0px;
padding: 0px;
margin: 2px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------*/
/*Cadastre-se |-------------------------------------------------------------------------------*/
#Cadastrese {
width: 140px;
height: auto;
background: #FFFFFF;
position: relative;
margin: 20px 10px 10px 10px;
_margin: 25px 5px 5px 5px;
float: left;
text-align: right;
}
#Cadastrese h1 {
font: 1.0em Arial;
font-weight: bolder;
padding: 2px 5px 2px 5px;
background: #FFFFFF;
position: absolute;
left: 10px;
top: -12px;
z-index: auto;
}
#Cadastrese p {
font-size: 1.0em;
text-align: left;
line-height: 11px;
padding: 5px 10px 5px 10px;
float: left;
}
#Cadastrese label {
margin: 0px 0px 5px 10px;
_margin: 0px 0px 10px 10px;
text-align: left;
float: left;
}
#Cadastrese .Cadform {
width: 99px;
height: 18px;
background: #E5E5E5;
border: 0px;
margin: 0px 0px 0px 0px;
_margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
}
#Cadastrese .BotOK {
font: 0.8em Arial;
text-decoration: none;
color: #FFFFFF;
background: #BA2B25;
border: 0px;
padding: 3px;
margin: 0px 0px 5px 2px;
float: left;
}
/*--------------------------------------------------------------------------------------------*/
/*Notícia Capa |------------------------------------------------------------------------------*/
#NoticiaCapa {
width: 190px;
height: 250px;
margin: 20px 0px 0px 0px;
background: #E5E5E5;
position: relative;
float: left;
}
#NoticiaInterna { margin: 20px 0px 0px 0px; }
#NoticiaCapa h1 {
font: 1.0em Arial;
font-weight: bolder;
padding: 5px 10px 5px 10px;
background: #E5E5E5;
position: absolute;
left: 10px;
top: -20px;
z-index: auto;
}
#NoticiaCapa div {
width: 150px;
height: 210px;
margin: 10px;
padding: 10px;
background: #FFFFFF;
float: left;
display:inline;
}
#NoticiaCapa img {
margin: 0px 0px 5px 0px;
float: left;
}
#NoticiaCapa div a {
font: 1.0em Arial;
color: #BA2B25;
padding: 0px;
line-height: 11px;
text-decoration: none;
cursor: hand;
float: left;
}
#NoticiaCapa strong {
width: 150px;
font: 1.8em Arial;
color: #BA2B25;
line-height: 22px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
#NoticiaCapa div a:hover {
text-decoration: underline;
}
#NoticiaCapa div .BotMais {
font: 1.0em Arial;
color: #949494;
text-decoration: none;
position: absolute;
right: 30px;
bottom: 20px;
z-index: auto;
float: none;
}
#NoticiaCapa div .BotMais:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------*/
/*Flash Empreendimentos |---------------------------------------------------------------------*/
#FlashEmpreendimentos {
width: 620px;
height: 280px;
margin: 0px;
padding: 0px;
float: left;
}
#FlashEmpreendimentosInterna {
width: 990px;
height: 280px;
margin: 0px;
padding: 0px 0px 0px 5px;
float: left;
}
/*--------------------------------------------------------------------------------------------*/
/*Filtro |------------------------------------------------------------------------------------*/
#Filtro {
width: 605px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
float: left;
}
#Filtro select {
font: 1.0em Arial;
color: #000000;
margin: 0px 5px 0px 0px;
float: left;
}
#Filtro input {
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 0px;
float: left;
}
#Filtro .BotOK {
font-weight: bolder;
color: #FFFFFF;
background: #BA2B25;
padding: 2px 5px;
margin: 2px 5px 0px 5px;
float: left;
}
/*--------------------------------------------------------------------------------------------*/
/*Dir |---------------------------------------------------------------------------------------*/
#Dir {
width: 164px;
margin: 0px;
padding: 0px;
float: left;
}
/*--------------------------------------------------------------------------------------------*/
/*Esq |---------------------------------------------------------------------------------------*/
#Esq {
width: 191px;
margin: 0px;
padding: 0px 0px 0px 10px;
background: url(../images/Acab01.gif) repeat-x 0 0;
float: right;
border:0px solid red;
}
/*--------------------------------------------------------------------------------------------*/
/*Rodapé |------------------------------------------------------------------------------------*/
#Rodape {
font-size: 1.0em;
width: 990px;
height: 110px;
padding: 10px 0 0 10px;
background: #E5E5E5;
position: relative;
border-top: 8px solid #FFFFFF;
float: left;
}
#Rodape .salvador, .saoPaulo, .rioJaneiro, .brasilia, .portoAlegre{
float:left;
/*width:125px;*/
height:100px;
border-left: 1px solid #CCC;
padding-left:5px;
}
#Rodape .salvador{
border:none;
}
.saoPaulo, .rioJaneiro, .brasilia, .portoAlegre{
margin-left:25px;
}
#Rodape h4{
font-size:14px;
color:#98241E;
letter-spacing:-0.04em;
margin-top:20px;
}
#Rodape p{
margin-top:0px;
font:10px Arial, Helvetica, sans-serif;
color:#666;
letter-spacing:0;
line-height:100%;
width:110px;
}
#Rodape .telefone{
width:180px;
height:80px;
background:url(../images/bgTelefoneRodape.gif) left top no-repeat;
display:inline-block;
margin:20px 0 0 30px;
padding-left:80px;
}
#Rodape .telefone h5{
font-size:14px;
color:#999;
letter-spacing:-0.05px;
font-weight:normal;
margin-bottom:10px;
margin-left:-1px;
}
#Rodape .telefone a{
font-size:15px;
color:#666;
letter-spacing:0.15em;
font-weight:normal;
text-decoration:none;
}
#Rodape .telefone a:hover{
text-decoration:underline;
}
#Rodape .telefone p.numeroTelefone{
width:190px;
font-size:30px;
color:#97231E;
font-weight:bold;
letter-spacing:-0.05em;
margin-left:-3px;
margin-top:5px;
}
/*#Rodape .Grupo01 {
width: 470px;
float: left;
}
#Rodape .Grupo02 {
width: 470px;
margin: 0px 0px 0px 40px;
float: left;
}
#Rodape .Grupo01, #Rodape .Grupo02 {
line-height: 16px;
}
#Rodape a {
color: #BA2B25;
text-decoration: none;
}
#Rodape a:hover {
text-decoration: underline;
}*/
.W3Z {
width: 34px;
height: 34px;
background: url(../images/w3z.jpg) no-repeat 0 0;
float: right;
position: absolute;
right: 7px;
top: 7px;
z-index: auto;
display: none;
}
#RSS {
width: 300px;
height: 20px;
margin: 0px 0px 0px 0px;
text-align: right;
position: absolute;
right: 20px;
top: 285px;
z-index: auto;
display: none;
}
/*--------------------------------------------------------------------------------------------*/
/*Conteudo |----------------------------------------------------------------------------------*/
#Conteudo {
color: #666666;
width: 615px;
height: auto !important;
min-height: 590px;
height: 590px;
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 10px;
float: left;
position: relative;
}
#Conteudo h1 {
width: 595px;
font: 2.2em Arial;
color: #818181;
background: #EDEDED;
padding: 5px 10px 5px 10px;
margin: 0px 0px 10px 0px;
float: left;
}
#Conteudo h1 strong {
font-size: 0.8em;
font-weight: lighter;
}
#Conteudo h1 span {
font-weight: bolder;
}
#Conteudo h2 {
width: 605px;
height: auto;
font: 1.6em Arial;
padding: 5px 0px 5px 10px;
margin: 0px 0px 10px 0px;
background: #F5F5F5;
float: left;
}
#Conteudo h3 {
font: 1.2em Arial;
font-weight: bolder;
padding: 0px 0px 10px 0px;
display: block;
}
#Conteudo .submenu {
width: 605px;
height: auto;
color: #BA2B25;
background: #FFFFFF;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid red;
text-align: center;
float: left;
}
#Conteudo a {
color: #BA2B25;
text-decoration: none;
padding: 0px 3px 0px 3px;
}
#Conteudo a:hover {
text-decoration: underline;
}
#Conteudo p {
font-size: 1.2em;
margin: 0px 10px 10px 0px;
text-align: justify;
}
.NoticiaDetalhe img {
width: 280px;
height: 205px;
border: 5px solid #E5E5E5;
margin: 0px 12px 12px 0px;
float: left;
}
#Conteudo ul {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 40px;
clear: left;
}
#Conteudo ul li ul {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 40px;
}
#Conteudo .GalFoto {
width: 585px;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: left;
}
#Conteudo .GalFoto li {
width: 90px;
height: 90px;
margin: 0px;
padding: 0px 6px 6px 0px;
_padding: 0px 3px 3px 0px;
float: left;
}
#Conteudo .GalFoto li a {
margin: 0px;
padding: 0px 0px 0px 0px;
border: 2px solid #FFFFFF;
float: left;
}
#Conteudo .GalFoto li a:hover {
border: 2px solid #BA2B25;
}
/*--------------------------------------------------------------------------------------------*/
/*Tabela |------------------------------------------------------------------------------------*/
#Conteudo table {
font-size: 1.2em;
}
#Conteudo table .td01 {
width: 307px;
height: 20px;
background: #DBDBDB;
}
#Conteudo table .td02 {
font-size: 1.2em;
font-weight: bolder;
color: #BA2B25;
}
.table01 { background: #EBCCCC; }
.table01 caption {
font-size: 1.4em;
color: #FFFFFF;
padding: 5px;
background: #BA2B25;
}
.table01 th {
color: #BA2B25;
background: #EBCCCC;
}
.table01 td {
background: #F5F5F5;
padding: 3px;
}
/*--------------------------------------------------------------------------------------------*/
/*Formulário |--------------------------------------------------------------------------------*/
#Conteudo form {
width: 605px;
float: left;
}
#Conteudo fieldset {
border: 3px solid #EBCCCC;
padding: 5px 5px 10px 5px;
margin: 0px 0px 10px 0px;
}
#Conteudo fieldset legend {
font-size: 1.0em;
color: #BA2B25;
padding: 5px;
margin: 0px 0px 0px 10px;
_margin: 0px 0px 0px 5px;
background: #FFFFFF;
}
#Conteudo label {
font-size: 1.0em;
width: 150px;
text-align: right;
margin: 5px 0px 0px 0px;
float: left;
}
#Conteudo .campo {
font: 1.1em Arial;
color: #BA2B25;
border: 1px solid #A5A5A5;
background: #FFFFFF;
margin: 2px 0px 0px 2px;
padding: 2px;
float: left;
}
#Conteudo .campo.naopreenchido {
background: #EFD6D7;
}
#Conteudo .BotEnviar {
font-size: 0.8em;
width: 60px;
height: 25px;
font-weight: bolder;
color: #FFFFFF;
background: #BA2B25;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 2px;
border: 0px;
float: left;
}/*
#Conteudo .img {
margin: 0px 10px 10px 0px;
border: 10px solid #EBCCCC;
float: left;
}*/
#Conteudo .BotAumentar {
width: 24px;
height: 16px;
float: left;
background: url(../images/aumentar.gif) no-repeat 0 0;
position: absolute;
left: 562px;
top: 10px;
z-index: auto;
}
#Conteudo .BotDiminuir {
width: 21px;
height: 16px;
float: left;
background: url(../images/diminuir.gif) no-repeat 0 0;
position: absolute;
left: 586px;
top: 10px;
z-index: auto;
}
/* Dúvidas Frequentes */
#Conteudo ul.listajax {
list-style: none;
margin: 30px 0;
padding: 0 10px 0 0;
}
#Conteudo ul.listajax li h3{
background: #ededed url(../images/seta1_lado.gif) 13px center no-repeat;
height: 35px;
line-height: 35px;
padding: 0 0 0 28px;
font-size: 1.5em;
margin: 5px 0 0;
cursor: pointer;
}
#Conteudo ul.listajax li h3.ativa{
background: #ededed url(../images/seta1_baixo.gif) 13px center no-repeat;
}
#Conteudo ul.listajax .listanormal{
display: none;
}
#Conteudo ul.listajax dl {
margin: 0 0 0 28px;
display: none;
}
#Conteudo ul.listajax dl dt{
font-weight: bold;
font-size: 1.2em;
padding: 0 0 0 13px;
background: url(../images/seta2_lado.gif) left center no-repeat;
margin: 10px 0 0;
cursor: pointer;
height: auto !important;
min-height: 15px;
height: 15px;
}
#Conteudo ul.listajax dl dt.ativa{
background: url(../images/seta2_baixo.gif) left center no-repeat;
}
#Conteudo ul.listajax dl dd{
font-size: 1.2em;
padding: 10px 0;
border-bottom: 1px solid #eaeaea;
display: none;
}
/*--------------------------------------------------------------------------------------------*/
/*Notícia Interna |----------------------------------------------------------------------------*/
#NoticiaInterna {
width: 190px;
height: auto !important;
height: 100px;
min-height: 100px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background: #E5E5E5;
position: relative;
float: left;
}
#NoticiaInterna {
margin: 20px 0px 0px 0px;
}
#NoticiaInterna h1 {
font: 1.0em Arial;
font-weight: bolder;
padding: 5px 10px 5px 10px;
background: #E5E5E5;
position: absolute;
left: 10px;
top: -20px;
z-index: auto;
}
#NoticiaInterna ul {
width: 170px;
height: auto !important;
height: 100px;
min-height: 100px;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
border: 10px solid #E5E5E5;
border-top: 0px;
border-bottom: 0px;
float: left;
}
#NoticiaInterna ul li {
width: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 10px;
list-style: none;
float: left;
}
#NoticiaInterna ul li a {
width: 140px;
height: auto !important;
height: 15px;
min-height: 15px;
font: 1.0em Arial;
text-decoration: none;
display: block;
color: #BA2B25;
line-height: 11px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
background: url(../images/marcador.gif) no-repeat 0px 5px;
float: left;
}
#NoticiaInterna ul li a:hover {
text-decoration: underline;
background: #F5F5F5 url(../images/marcador.gif) no-repeat 0px 5px;
}
#NoticiaInterna .BotArquivo {
width: 165px;
font: 0.8em Arial;
text-align: right;
color: #949494;
background: #FFFFFF;
margin: 0px 0px 0px 10px;
padding: 5px 5px 5px 0px;
text-decoration: none;
display: block;
}
#NoticiaInterna .BotArquivo:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------*/
/*Notícia Interna |----------------------------------------------------------------------------*/
#assessoriaComunicacao{
width: 190px;
height: auto !important;
height: 100px;
min-height: 100px;
margin: 50px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background: #E5E5E5;
position: relative;
float: left;
}
#assessoriaComunicacao h1 {
font: 1.0em Arial;
font-weight: bolder;
padding: 5px 10px 5px 10px;
background: #E5E5E5;
position: absolute;
left: 10px;
top: -20px;
z-index: auto;
}
#assessoriaComunicacao ul {
width: 170px;
height: auto !important;
height: 100px;
min-height: 100px;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
border: 10px solid #E5E5E5;
border-top: 0px;
border-bottom: 0px;
float: left;
}
#assessoriaComunicacao ul li {
width: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 10px;
list-style: none;
float: left;
}
#assessoriaComunicacao ul li a {
width: 140px;
height: auto !important;
height: 15px;
min-height: 15px;
font: 1.0em Arial;
text-decoration: none;
display: block;
color: #BA2B25;
line-height: 11px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
background: url(../images/marcador.gif) no-repeat 0px 2px;
float: left;
}
#assessoriaComunicacao ul li a:hover {
text-decoration: underline;
background: #F5F5F5 url(../images/marcador.gif) no-repeat 0px 2px;
}
#assessoriaComunicacao .BotArquivo {
width: 165px;
font: 0.8em Arial;
text-align: right;
color: #949494;
background: #FFFFFF;
margin: 0px 0px 0px 10px;
padding: 5px 5px 5px 0px;
text-decoration: none;
display: block;
}
#assessoriaComunicacao .BotArquivo:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------*/
/*Notícia Capa |------------------------------------------------------------------------------*/
#NoticiaInternaDestaque {
width: 605px;
height: 130px;
margin: 10px 0px 0px 0px;
background: #E5E5E5;
position: relative;
float: left;
}
#NoticiaInternaDestaque {
margin: 10px 0px 10px 0px;
float: left;
}
#NoticiaInternaDestaque h1 {
width: auto;
font: 1.0em Arial;
font-weight: bolder;
padding: 2px 5px 2px 5px;
background: #E5E5E5;
position: absolute;
left: 10px;
top: -10px;
z-index: auto;
}
#NoticiaInternaDestaque div {
width: 585px;
height: 110px;
background: #FFFFFF;
margin: 10px;
float: left;
}
#NoticiaInternaDestaque img {
margin: 0px 0px 0px 0px;
padding: 5px 10px 10px 0px;
float: left;
}
#NoticiaInternaDestaque h2 {
width: auto;
font-size: 1.2em;
font-style: normal;
background: none;
}
#NoticiaInternaDestaque h2 strong {
width: auto;
font: 2.0em Arial;
color: #BA2B25;
line-height: 24px;
padding: 0px;
padding: 5px 0px 5px 0px;
display: block;
}
#NoticiaInternaDestaque .BotMais {
font: 1.0em Arial;
color: #949494;
text-decoration: none;
position: absolute;
right: 20px;
bottom: 20px;
z-index: auto;
}
#NoticiaInternaDestaque .BotMais:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------*/
/*Notícia Arquivo |---------------------------------------------------------------------------*/
#NoticiaArquivo {
width: 605px;
height: auto !important;
height: 100px;
min-height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background: #E5E5E5;
position: relative;
float: left;
}
#NoticiaArquivo ul {
width: 585px;
height: auto !important;
height: 100px;
min-height: 100px;
background: #FFFFFF;
margin: 10px 0px 0px 0px;
padding: 10px 0px 10px 0px;
border: 10px solid #E5E5E5;
border-top: 0px;
border-bottom: 0px;
float: left;
}
#NoticiaArquivo ul li {
width: 575px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
list-style: none;
float: left;
}
#NoticiaArquivo ul li a {
width: 535px;
font: 1.0em Arial;
text-decoration: none;
display: block;
color: #666666;
padding: 10px 10px 10px 20px;
margin: 0px 0px 0px 0px;
background: url(../images/marcador.gif) no-repeat 10px 15px;
float: left;
}
#NoticiaArquivo ul li a:hover {
text-decoration: underline;
background: #F5F5F5 url(../images/marcador.gif) no-repeat 10px 15px;
}
#NoticiaArquivo ul li a strong {
font-size: 1.6em;
font-weight: lighter;
color: #BA2B25;
}
/*--------------------------------------------------------------------------------------------*/
/* FILTRAGEM DOS EMPREENDIMENTOS - HILDER SANTOS - 01/12/2009 *********************************/
#FiltragemEmp {
width: 615px;
height: 30px;
background: #e5e5e5;
overflow: hidden;
font-size: 0.9em;
}
/**********************************************************************************************/
/* Lista de Emprenedimentos e Revistas |-----------------------------------------------------------------*/
#LstRevista, #EmpDestaque {
width: 615px;
height: auto !important;
min-height: 100px;
height: 100px;
margin: 0px;
padding: 0px;
float: left;
}
#LstRevista { width: 595px; padding: 0 0 0 20px; float: none; }
#LstRevista a, #EmpDestaque a {
width: 180px;
/* height: auto !important; */
min-height: 310px;
height: 310px;
color: #707070;
margin: 0px;
padding: 0px;
border: 5px solid #E5E5E5;
margin: 0px 10px 10px 0px;
display: block;
float: left;
display: inline;
overflow: hidden;
}
#EmpDestaque a { position: relative; }
#EmpDestaque a span.obras_iniciadas, #EmpDestaque a span.ultimas_unidades, #EmpDestaque a span.vendido {
width: 170px;
height: 100px;
border: solid 0px red;
position:absolute;
top: 0;
right: 0;
}
/* PT */
#EmpDestaque a span.obras_iniciadas { background: url(../images/obras_iniciadas.png) no-repeat top right; }
#EmpDestaque a span.ultimas_unidades { background: url(../images/ultimas_unidades.png) no-repeat top right; }
#EmpDestaque a span.vendido { background: url(../images/100_vendido.png) no-repeat top right; }
/* EN */
#EmpDestaque.en a span.obras_iniciadas { background: url(../images/obras_iniciadas_en.png) no-repeat top right; }
#EmpDestaque.en a span.ultimas_unidades { background: url(../images/ultimas_unidades_en.png) no-repeat top right; }
#EmpDestaque.en a span.vendido { background: url(../images/100_vendido_en.png) no-repeat top right; }
/* ES */
#EmpDestaque.es a span.obras_iniciadas { background: url(../images/obras_iniciadas.png) no-repeat top right; }
#EmpDestaque.es a span.ultimas_unidades { background: url(../images/ultimas_unidades.png) no-repeat top right; }
#EmpDestaque.es a span.vendido { background: url(../images/100_vendido.png) no-repeat top right; }
#LstRevista a { width: 155px; min-height: 260px; height: 260px; margin: 0px 40px 40px 0px; }
#LstRevista a:hover, #EmpDestaque a:hover {
border: 5px solid #BA2B25;
text-decoration: none;
color: #BA2B25;
}
#LstRevista a.last { margin-right: 0; }
#LstRevista img, #EmpDestaque img {
margin: 0px;
padding: 0px;
float: left;
}
#LstRevista strong, #EmpDestaque strong {
font: 1.2em Arial;
font-weight: bold;
text-align: center;
padding: 5px;
display: block;
background: #EDEDED;
}
#LstRevista strong { font: 1.1em Arial; }
#LstRevista span, #EmpDestaque span {
padding: 5px;
display: block;
}
#ListaMarcas {
margin: 30px 0 0;
float: left;
display: inline;
/* width: 250px; */
}
#ListaMarcas p {
padding: 0 5px;
font-size: 0.9em;
margin: 5px 0;
}
#ListaMarcas ul {
list-style: none;
margin: 0;
padding: 0;
}
#ListaMarcas ul li {
float: left;
display: inline;
margin: 0;
padding: 0;
}
#ListaMarcas ul li a{
margin: 0;
padding: 0;
}
/* Links Revista -----------------------------------------------------------------------------*/
#LinksRevista {
float: right;
border: solid 0px red;
width: 245px;
height: 278px;
background: url(../images/bgLinksRevista.jpg) no-repeat;
padding-right: 5px;
position: relative;
margin: 20px 0 0 0;
/*margin: 0 auto;
clear: both;
top: 10px;*/
}
#LinksRevista .assine, #LinksRevista .anuncie { position: absolute; text-align: center; letter-spacing: -1px; line-height: 22px; }
#LinksRevista .assine { top: 45px; left: 35px; width: 130px; font-size: 23px; color: #C52620; }
#LinksRevista .anuncie { top: 183px; left: 110px; width: 120px; height: 55px; font-size: 21px; color: #FFF; }
/*--------------------------------------------------------------------------------------------*/
/*Rodapé |------------------------------------------------------------------------------------*/
.SelectEmp {
width: 315px;
height: 30px;
position: absolute;
right: 80px;
top: 0px;
z-index: auto;
text-align: right;
}
.SelectEmp label {
height: 40px;
padding: 5px 5px 0px 10px;
font-weight: bolder;
display: none;
}
.SelectEmp select {
font: 1.0em Arial;
color: #838383;
margin: 10px 0px 0px 0px;
border: 0px;
}
/*--------------------------------------------------------------------------------------------*/
/*Empreendimento Detalhe |--------------------------------------------------------------------*/
#EmpDetalhe {
width: 605px;
_width: 615px;
background: #E5E5E5;
margin: 0px 0px 0px -10px;
padding: 10px;
float: left;
}
#FlashEmpTopo {
width: 605px;
_margin: 0px 0px 0px 5px;
}
#FlashEmpTopo img {
margin: 0px;
padding: 0px;
float: left;
}
#EmpCont {
width: 585px;
height: auto !important;
height: 180px;
min-height: 180px;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
_margin: 0px 0px 0px 5px;
padding: 10px;
float: left;
position: relative;
}
#linksSites {
width: 300px;
text-align: right;
position: absolute;
right: 10px;
top: 15px;
z-index: auto;
}
#EmpCont .LinkHotSite, #EmpCont .LinkEspacodoCliente {
font-size: 3.0em Arial;
color: #BA2B25;
background: #FFFFFF;
border-left: 3px solid #EBCCCC;
border-right: 3px solid #EBCCCC;
padding: 3px;
margin: 0px 0px 0px 5px;
float: right;
}
#EmpCont .LinkHotSite:hover, #EmpCont .LinkEspacodoCliente:hover {
color: #FFFFFF;
background: #BA2B25;
border-left: 3px solid #BA2B25;
border-right: 3px solid #BA2B25;
}
#EmpCont p {
width: auto;
}
#EmpCont h2 {
_width: 560px;
}
#EmpCont ul li {
font-size: 1.2em;
}
#EmpCont form {
width: 580px;
}
#EmpCont fieldset {
width: 580px;
border: 0px;
margin: 0px;
padding: 0px;
}
#EmpCont fieldset legend {
display: none;
}
#TabbedPanels .TabbedPanelsTabGroup {
margin: 0px 0px 0px 0px;
_margin: 0px 0px 0px 10px;
padding: 0;
}
.TabbedPanelsTab {
font: 1.0em Arial;
font-weight: bolder;
color: #FFFFFF;
padding: 10px 5px 8px 5px;
margin: 10px 2px 0px 0px;
background: #BA2B25;
border-bottom: 2px solid #E5E5E5;
list-style: none;
float: left;
}
.TabbedPanelsTabHover {
color: #BA2B25;
background: #FFFFFF;
border: 0px 0px 0px 0px;
cursor: hand;
}
.TabbedPanelsTabSelected {
background-color: #FFF;
color:#666;
border-bottom: 2px solid #FFFFFF;
}
.TabbedPanelsContent {
padding: 15px 7px;
}
/*--------------------------------------------------------------------------------------------*/
#qTip {
font: 1.4em Arial;
font-weight: bolder;
padding: 5px;
border: 2px solid #BA2B25;
background: #FFFFFF;
color: #818181;
display: none;
position: absolute;
z-index: 1000;
}
/*--------------------------------------------------------------------------------------------*/
/* Form OasImoveis ---------------------------------------------------------------------------*/
#QuestOasImoveis p { text-align: left; margin: 5px 3px; }
#QuestOasImoveis fieldset { border-color: #EAEAEA; }
#QuestOasImoveis .inputLine { border: 0; border-bottom: dotted 1px #333; margin: 0px 2px 5px 2px; }
#QuestOasImoveis fieldset label, #QuestOasImoveis fieldset input { float: left; margin: 0px 6px 6px 0px; }
#QuestOasImoveis fieldset label {
text-align: left;
width: auto;
}
#QuestOasImoveis .BotEnviar {
float: right;
margin: 10px;
}
/*--------------------------------------------------------------------------------------------*/
#OasEmpreendimentos {
width: 164px;
height:0 auto !important;
margin: 6px 0px 0px 0px;
background: #E5E5E5;
position: relative;
float:left;
padding:7px 0px 0px 0px;
_padding:7px 0px 10px 0px;
*padding:12px 0px 10px 0px;
}
#OasImoveis {
width: 164px;
height:0 auto !important;
margin: 25px 0px 0px 0px;
background: #E5E5E5;
position: relative;
float:left;
padding:5px 0px 0px 0px;
_padding:7px 0px 10px 0px;
*padding:12px 0px 10px 0px;
}
#OasImoveis span, #OasEmpreendimentos span {
font: 1.0em Arial;
font-weight: bolder;
padding: 5px 10px 5px 10px;
background: #E5E5E5;
position: absolute;
left: 10px;
top: -20px;
z-index: auto;
}
/*#Borda {
width:164px;
height:300px;
float:left;
border:0px solid red;
padding:10px 0px 0px 0px;
background:#E5E5E5;
}*/
#BannerItapoan {
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
margin: 0 0 0 -500px;
z-index: 100000;
}
/*---------|Customizacao Natal|---------*/
#Topo .CustonPiscaPisca, .CustonBota, .CustonBolas, #Rodape .CustonPlaca, #Rodape .CustonNeve { position: absolute; }
#Topo .CustonPiscaPisca {
width: 832px;
height: 96px;
top:-10px;
right: 90px;
/*left: 72px;*/
z-index: 9998;
}
.CustonBota {
width: 161px;
height: 148px;
top:320px;
left: 114px;
z-index: 9997;
}
.CustonBolas {
width: 161px;
height: 148px;
top:263px;
right: 3px;
z-index: 9996;
}
#Rodape .CustonPlaca {
width: 106px;
height: 128px;
bottom:-20px; _bottom:-10px;
right: 12px;
z-index: 9994;
}
#NoticiaCapa div .BotMais {
z-index: 9995; /*---|A classe .BotMais tem 'z-index: 9995' provisoriamnete para ficar à frente da placa de Natal|---*/
}
#Rodape .CustonNeve {
width: 1000px;
height: 35px;
bottom:-25px; _bottom:-15px;
left: 0px;
z-index: 9993;
}
/************************** Boletos **********************/
#SegBoleto .divBoletos{
border: 5px solid #EDEDED;
width: 183px;
float: left;
height: 600px;
overflow: hidden;
}
#SegBoleto #BolItau {
margin: 0 15px;
}
#SegBoleto img {
width: 177px;
height: 57px;
border: none;
margin: 0;
}
#SegBoleto dl {
width: 183px;
}
#SegBoleto dt {
background: #ededed;
margin: 0;
padding: 5px 10px;
font-size: 1.2em;
font-weight: bold;
}
#SegBoleto dl ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 1.2em;
}
#SegBoleto dl ul li {
margin: 3px 0;
}
#SegBoleto dd {
padding: 5px 10px 5px !important;
}
#SegBoleto dd p {
margin: 10px 0;
padding: 0;
line-height: 120%;
text-align: left;
}
#SegBoleto dd.info {
font-size: 0.85em;
padding: 7px 0 7px 10px;
}
#SegBoleto .bolClique,
#SegBoleto .botClique {
background: #BA2B25;
color: #fff;
display: block;
padding: 2px;
text-transform: uppercase;
text-align: center;
margin: 0 10px 10px;
border: none;
}
#SegBoleto button.botClique {
font-size: 1.1em;
margin: 15px 0 0;
width: 162px;
float: none;
}
#SegBoleto form {
width: 100%;
float: none;
}
#SegBoleto label{
float: none;
font-size: 1.2em;
font-weight: bold;
}
#SegBoleto label.iptRadio{
font-weight: normal;
}
#SegBoleto .listEmpreendimentos {
height: 140px;
}
/*********************************************************/
.clear {
clear: both;
font-size: 1px;
line-height: 0;
height: 1px;
padding: 0;
margin: 0;
}
#BannerAtendimento {
position:absolute;
width:800px;
height:800px;
z-index:1;
top:50%;
left:50%;
margin: -250px 0 0 -400px;}
#Jingle {
position: absolute;
top: -37px;
right: 23px;
}
/* PDF's dos Empreendimentos */
#BaixarPDF h3 {
background: #f5f5f5 url(../images/ico_pdf_tit.gif) 98.5% center no-repeat;
height: 30px;
line-height: 30px;
padding: 0 0 0 12px;
font-size: 1.4em;
}
#BaixarPDF p {
padding: 0 0 0 5px;
margin: 10px 0;
}
#BaixarPDF ul {
list-style: square;
}
#BaixarPDF ul li {
margin: 8px 0;
}
#BaixarPDF a {
color: #333;
text-decoration: underline;
background: url(../images/ico_pdf.gif) right bottom no-repeat;
padding: 0 18px 0 0;
}
#BaixarPDF a:hover {
text-decoration: none;
}
/*-------------------------------------
ESCOLHA DE ESTADO
--------------------------------------*/
#FiltragemEmp{
position: relative;
margin: -10px 0 10px;
}
#FiltragemEmp h5{
position: absolute;
font-size: 1.1em;
font-weight: bold;
top: 8px;
left: 10px;
display: none;
}
#EscolhaEstado {
padding: 7px 0 0 10px;
position: relative;
}
#EscolhaEstado select {
font-size: 9px;
}
#EscolhaEstado .esquerda {
margin: 0 0 0 10px;
}
#EscolhaEstado button {
text-transform: uppercase;
font-size: 9px;
padding: 2px 1px;
border: 0;
color: #fff;
background: #B74C4C;
margin: 0 10px 0 0;
overflow: hidden;
position: absolute;
top: 6px;
right: 20px;
width: 80px;
}
#EmpDestaque h2{
color: #fff;
font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
height: 38px;
line-height: 38px;
padding: 0 0 0 15px;
width: 175px;
background: #BA2B25 url(../images/titEstado_acanto.gif) right top no-repeat;
margin: 5px 0;
}
.titEmp {
margin: 0 !important;
}
.contEstado {
float: left;
display: inline;
}
/* FINANCIAMENTO ************************************/
#TabFinanciamento td.preco {
text-align: right;
font-size: 1.2em;
font-weight: bold;
}
#TabFinanciamento td {
border-bottom: 1px solid #ebebeb;
padding: 4px 0;
}
#TabFinanciamento {
margin: 10px 0 20px;
}
.financiamento .observacao {
background: #f8f7f7;
font-size: 0.8em;
color: #999;
padding: 8px 10px;
margin: 0 0 50px;
}
.financiamento .observacao h5 {
font-size: 1.2em;
color: #333;
margin: 0 0 2px;
}
.financiamento .observacao p {
padding: 0 !important;
margin: 0 !important;
}
/* RELAÇÃO COM INVESTIDORES ************************/
#Conteudo.investidores ul {
font-size: 1.1em;
}
#Conteudo.investidores ul li ul {
list-style: square;
}
#Conteudo.investidores ul li a {
color: #333;
padding: 0 18px 0 0;
background: url(../images/ico_pdf.gif) right 3px no-repeat;
}
#RelInvestidores ul li{
margin: 10px 0;
}
#RelInvestidores a.btContato {
display: block;
text-transform: uppercase;
color: #666;
background: #f1f1f1;
padding: 8px 10px;
width: 140px;
text-align: center;
font-size: 1em;
margin: 40px auto;
font-weight: bold;
}
.acesseOasImoveis a{
width:164px;
height:18px;
background:url(../images/acesseOasImoveis.png) left top no-repeat;
float:left;
display:inline-block;
text-indent:-9000px;
overflow:hidden;
margin-top:-1px;
}
.barraAtendimento{
width:1000px;
height:60px;
display:inline-block;
background:url(../images/barraAtendimento.png) left top no-repeat;
overflow:hidden;
text-indent:-9000px;
}