/*  Elaborado por:
 Sampahio Damaceno  */


/* Zerando margens */

* { margin: 0; padding: 0; }


/* Padroes */

body, td, th {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666; }

body { background: url('imagens/fundo.gif'); margin: 0; }

a {
 color: #333;
 text-decoration: none;
 cursor: pointer; }

a:hover { text-decoration: underline; }

label { cursor: pointer; display: block; }


/* Classes */

.esquerda { float: left; vertical-align: middle; }

.direita { float: right; vertical-align: middle; }

.nenhum { clear: both; }

.preco {
 font-size: 17px;
 color: #396;
 font-weight: bold; }

.dica {
 background: url('imagens/fundo_dica.jpg');
 width: 150px;
 text-align: left;
 color: #fff;
 font-weight: bolder;
 margin: 20px 5px;
 height: 121px; }

.dica a {
 background: url('imagens/fundo_dica.jpg');
 display: block;
 color: #fff;
 padding: 18px 2px 2px 18px ;
 height: 81px; }

.dica a:hover {
 background: url('imagens/fundo_dica-hover.jpg');
 display: block;
 padding: 20px 0 0 20px;
 text-decoration: none;
 height: 101px; }

.frase { float: left; margin: 5px 0 0 3px; }

.link-links { border-bottom: 1px solid #990000; }

.cinza { background: url('imagens/fundo-cinza.gif'); }

.celula-esq-dir { text-align: right; }


/* Container global */

#global {
 text-align: center;
 display: table;
 width: 100%; }
 
 
/* Container do conteudo no meio */

#principal {
 text-align: left;
 display: table;
 border-left: 5px solid #ccc;
 border-right: 5px solid #ccc;
 width: 755px;
 background: #fff; }
 

/* Linha 1 (topo) */

#topo {
 clear: both;
 height: 266px;
 width: 755px; }


/* Coluna esquerda (logo) */

#logo {
 background: url('imagens/logo.jpg');
 float: left;
 height: 266px;
 width: 185px; }
 

/* Coluna direita (boas-vindas, links e flash) */

#col2-topo {
 display: table-cell;
 float: left;
 width: 570px; }
 

/* Container de boas-vindas */

#boasvindas {
 background: #fff;
 clear: both;
 padding: 6px 0 0 12px;
 height: 30px;
 width: 558px; }


/* Container dos links e do flash */

#links-flash {
 background: #fff;
 float: left;
 height: 230px;
 width: 570px; }
 

/* Container dos links */

#links {
 background:  url('imagens/fundo_links.gif');
 float: left;
 padding: 25px 0 0 0;
 height: 205px;
 width: 180px; }
 
#links a {
 padding: 7px 10px;
 display: block;
 color: #fff;
 font-weight: bolder; }

#links a:hover {
 background: url('imagens/fundo_link-hover.gif') #f00;
 text-decoration: none;
 color: #ffc; }

#links a img { margin: 0 5px 0 0; }


/* Container do flash */

#flash01 {
 background: url('imagens/flash01.jpg');
 float: left;
 height: 230px;
 width: 390px; }
 
 
/* Container que acopla todo o conteudo */

#conteudo {
 background: url('imagens/fundo_conteudo.gif');
 display: table;
 clear: both;
 width: 755px; }
 

/* Coluna esquerda (dicas e curiosidades) */

#col-dicas-curiosidades {
 background:  #c00 url('imagens/fundo_dicas-curiosidades.gif') no-repeat center top;
 text-align: center;
 padding: 25px 5px;
 float: left;
 width: 175px; }

#col-dicas-curiosidades img { margin: 10px 5px; }

#col-dicas-curiosidades a img {  border: 3px solid #900; }

#col-dicas-curiosidades a:hover img { border: 3px solid #f30; }

/* Coluna do conteudo principal */

#conteudo-principal {
 display: table-cell;
 float: left;
 text-align: left;
 width: 570px; }
 

/* Container da localizacao */

#localizacao {
 background: #fff url('imagens/fundo_barra-localizacao.gif') repeat-x;
 clear: both;
 padding: 18px 0 0 20px;
 height: 21px;
 width: 550px; }


/* Conteudo */

#conteudo1, #conteudo2 {
 display: table-cell;
 border-top: 1px dashed #ccc;
 clear: both;
 padding: 20px 10px 10px 10px;
 width: 550px; }

#conteudo1 .esquerda, #conteudo1 .direita {
 background: #fff;
 text-align: center;
 border: 1px dashed #ccc;
 padding: 5px;
 margin: 5px; }

#conteudo2 b, #copyright b { color: #f00; font-weight: bolder; display: block; }

#conteudo td { padding: 2px 0; }

#conteudo .direita { border-left: 1px dashed #c0c0c0; padding: 0 0 0 5px; }


/* Rodape */

#rodape {
 background: #fff;
 text-align: left;
 float: left;
 font-size: 13px;
 width: 750px;
 margin: 1px 0 0 0;
 border-top: 1px solid #c0c0c0; }
 
#rodape a img { border-bottom: 3px solid #fff; }

#rodape a:hover img { border-bottom: 3px solid #ccc; }

#selo-connect, #copyright { float: left; padding: 5px; }

#copyright {
 margin: 5px 0 0 20px;
 border-left: 1px dashed #c0c0c0;
 padding: 5px 0 5px 10px; }
 

/* Paginas especificas */

#atendimento { margin: 20px 0 0 20px; }

#atendimento img, #fotos img { border: 1px solid #fff; }

#atendimento-comercial #principal, #atendimento-geral #principal {
 text-align: left;
 display: table-cell;
 border-left: 5px solid #ccc;
 border-right: 5px solid #ccc;
 width: 445px;
 background: #fff; }

#tabela1 td, #tabela1 td a {
 font-size: 11px;
 font-weight: 100;
 text-indent: 0;
 color: #09c; }

#tabela1 td { padding: 5px; }

#tabela1 td input, #tabela1 td textarea {
 background: #fff url('imagens/fundo_input.jpg') repeat-x;
 padding: 3px 4px;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 border: 1px solid #ccc;
 width: 215px;
 color: #333;
 font-size: 11px; }

#atendimento-comercial .botao1, #atendimento-geral .botao1 {
 background: url('imagens/fundo_botao.gif');
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 70px;
 height: 25px;
 font-weight: bolder;
 border: none;
 color: #fff; }

#atendimento-comercial .botao2, #atendimento-geral .botao2 {
 background: url('imagens/fundo_botao2.gif');
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 70px;
 height: 25px;
 font-weight: bolder;
 border: none;
 color: #fff; }

#atendimento-comercial .cinza, #atendimento-geral .cinza { background: #f9f9f9; }

#ok #fundook {
 background: no-repeat #fff url('imagens/fundo-ok.gif');
 padding: 20px;
 width: 360px;
 height: 260px; }
 
#ok { margin: 40px; background: #fff; }
 
#trajes #col-dicas-curiosidades { display: table-cell; }

#dicass #conteudo1 a:hover { color: #f00; text-decoration: none; }

#conteudo1 li { list-style: none; }

#msg {
 scrollbar-3dlight-color: #f6f6f6;
 scrollbar-highlight-color: #f6f6f6;
 scrollbar-face-color: #f6f6f6;
 scrollbar-arrow-color: #999;
 scrollbar-shadow-color: #f6f6f6;
 scrollbar-darkshadow-color: #f6f6f6;
 scrollbar-track-color: #f6f6f6; }

#vendas .direita, #locacao .direita {
 border: none;
 background: none; }
 
#vendas .nenhum, #locacao .nenhum {
 border: 1px solid #ccc;
 background: #fff;
 margin: 4px 0;
 padding: 5px; }

#vendas .nenhum strong, #locacao .nenhum strong {
 color: #f00; }

.fotos { background: #fff; border: 1px solid #ccc; margin: 5px; }

.fotos td { border: 1px solid #f6f6f6; }

#foto {
 background: #e8e8e8;
 width: 400px;
 height: 250px; }

.foto_miniaturas {
 overflow: auto;
 height: 280px;
 padding: 5px 0; }

.foto_miniaturas img { padding: 5px 0; }

#foto01, #foto02, #foto03 {
 display: none;
 overflow: auto;
 width: 420px;
 height: 300px; }


/* 100% da esquerda */

#inicial #col-dicas-curiosidades { padding-bottom: 50px;}

#locacao #col-dicas-curiosidades { padding-bottom: 1520px;}

#vendas #col-dicas-curiosidades { padding-bottom: 50px;}

#aempresa #col-dicas-curiosidades { padding-bottom: 200px;}

#dica4 #col-dicas-curiosidades { padding-bottom: 1210px;}

#dica3 #col-dicas-curiosidades { padding-bottom: 1050px;}

#dica2 #col-dicas-curiosidades { padding-bottom: 200px;}

#dica1 #col-dicas-curiosidades { padding-bottom: 950px;}

#dicas #col-dicas-curiosidades { padding-bottom: 50px;}

#formandos #col-dicas-curiosidades { padding-bottom: 250px;}