/*
  Cliente: Tecnisa
  Projeto: Tecnisa - Versao celular
*/

/*
  --------------
  PALETA DE CORES
  --------------

  #020100 - Textos

*/


/*
  --------------
  ORDEM DOS ATRIBUTOS
  --------------

  { position: ; top: ; left: ; clear: ; float: ; display: ; width: ; height: ; margin: ; padding: ; border: ; background: ; font: ; color: ; text: ; }

*/


/*
  --------------
  ELEMENTOS e CLASSES
  --------------
*/

/* ------- GERAL ------- */
* { margin: 0; padding: 0; } /* reseta todas as margens, paddings e define o nivel das camadas do site */
html { font-size: 100%; }
body { background: url(../imagens/grade-bg.png) repeat-x; font: .68em Arial, Helvetica, sans-serif; color: #6b6b6b; }

/* ------- ELEMENTOS ------- */
a img { border: 0; }

p, dd { padding-bottom: 10px; }

dt { font-weight: bold; color: #000; }

h1, h3, h4 { color: #000; }
h1, h3 { clear: both; padding-bottom: 10px; font-size: 1.27em; }
h4 { font-size: 1.1em; }


/* ------- CLASSES ------- */
.direita { float: right; }
.esquerda { float: left; }
p.direita, p.esquerda { float: none; }
p.direita { text-align: right; }
p.esquerda { text-align: left; }
.centro { text-align: center; }

.botao { clear: both; display: block; padding: 2px 0; border: 1px solid #ff4211; background: #ff7b00 url(../imagens/grade-botao-laranja.png) repeat-x; font-weight: bold; font-size: 1.18em; text-align: center; color: #fff; }
.botao a { text-decoration: none; color: #fff; }
.botao a span { font-weight: normal; font-size: .8em; color: #fff; }

.form .botao { width: 130px; height: auto; border-width: 1px; }
.form input[type=text], .form input[type=password], .form textarea { font-size: 1.27em; }

/*
.voltartopo { border: 1px solid #ff4211; }
.voltartopo a { padding-left: 20px; background: url(../imagens/grade-seta-voltar-topo.gif) 0 center no-repeat; color: #fff; }
.voltartopo a span { color: #fff; }
*/

.limites { padding: 5px; }

.conteudo { padding-bottom: 14px; }

/* menu */
.menu { width: 100%; margin: 0 auto; padding: 15px 0 15px; font-size: 1.1em; text-align: center; overflow: hidden; /*height: 79px;*/}
.menu .item { padding-bottom: 4px; width: 49%; }
.menu .item .link, .menu .item .linkduaslinhas, .menu .item .linklaranja { border-width: 0 1px 0 1px; border-style: solid; border-color: #e7e7e7; background: url(../imagens/grade-menu-item-bg.png) 0 bottom repeat-x; text-align: center; }
.menu .item .link, .menu .item .linklaranja { padding: 10px 0 9px; }
.menu .item .linklaranja { background: #ff7b00 url(../imagens/grade-botao-laranja.png) 0 top repeat-x; }
.menu .item .linklaranja a { border: 0; background: none; font-weight: bold; font-size: 1em; color: #fff; cursor: pointer; }
.menu .item .linklaranja input { border: 0; background: none; font-weight: bold; font-size: 1em; color: #fff; cursor: pointer; }
html > body .menu .item .linkduaslinhas { padding: 1px 0 3px; }
.menu .item .linkduaslinhas { padding: 2px 0 3px; }
.menu .item a { font-size: 11px; text-decoration: none; color: #474646; }

/*.paginacao input { padding: 2px 0; border: 1px solid #ff4211; background: #ff7b00 url(../imagens/grade-botao-laranja.png) repeat-x; font-weight: bold; font-size: 1.18em; text-align: center; color: #fff; }*/

/* busca */
.form { padding-bottom: 23px; }
.form div { padding: 10px 0 0; }
.form div.item { padding: 0 0 8px; }
.form select { width: 100%; font-size:14px; padding: 5px 0px; }

/* imoveis */
.imoveis .lista { border-top: 1px solid #e8e7e7; }
.imoveis .lista .imovel { padding: 10px 0; background: url(../imagens/grade-imoveis-item-bg.png) 0 bottom repeat-x; list-style: none inside none; }
.imoveis .lista img.direita { padding-left: 10px; }
.imoveis .lista abbr { border: 0; }
.imoveis .lista h4 { padding-bottom: 10px; }
.imoveis .lista h4 a { color: #000; }
.imoveis .lista .info { padding: 0 5px 10px; border-bottom: 1px solid #e2e2e2; }
.imoveis .lista .status { color: #ff7621; }
.imoveis .lista .local, .imoveis .lista .preco { color: #000; }
.imoveis .lista .local { padding: 10px 5px 0 0; border-top: 1px solid #fafafa; }
.imoveis .lista .descricao { padding-left: 5px; }
.imoveis .lista .preco { padding: 0 5px 5px 0; font-size: 1.1em; }
.imoveis .lista .preco strong { color: #d41820; }
.imoveis .lista .vendido { width: 45%; padding: 5px 0; border: 1px solid #b3b3b3; background: url(../imagens/grade-selo-azul.png) repeat-x; text-align: center; text-transform: uppercase; color: #fff; }

/* rodape */
.rodape { font-size: .9em; line-height: 14px; }
.rodape .endereco { padding-bottom: 14px; padding-left: 8px; }
.rodape address { font-style: normal; }
.rodape address span { display: block; }
.rodape p { padding: 0; }

/* comunidades */
.comunidades { padding-top: 11px; padding-bottom: 11px; text-align: center; list-style: none; }
.comunidades .listaul { padding-top: 11px; border-top: 1px solid #e8e7e7; }
.comunidades .listaul .item { display: inline; }


/* paginas */

/* a tecnisa */
.tecnisa .conteudo .texto { padding-bottom: 25px; }
.tecnisa .conteudo .texto .lista { padding: 10px 0; border-top: 1px solid #e8e7e7; background: url(../imagens/grade-degrade.png) repeat-x; }
.tecnisa .conteudo .texto .lista .interna { padding: 0 10px 10px; border-bottom: 1px solid #d5d5d5; font-weight: bold; font-size: 1.1em; list-style: none; color: #000; }
.tecnisa .conteudo .texto .lista .interna .item { padding: 5px 0; border-top: 1px solid #d5d5d5; }
.tecnisa .conteudo .texto .lista .interna .primeiro { border: 0; }
.tecnisa .conteudo .texto .lista .interna .item strong { padding-right: 4px; font-size: 1.5em; color: #f63; }
.tecnisa .conteudo .texto p strong { color: #000; }
.tecnisa .conteudo .texto h3 { padding: 0 0 10px; }

/* resultado_busca */
.resultadobusca .resultado_descricao { padding-bottom: 20px; font-size: 1.18em; color: #000; }
.resultadobusca .resultado_descricao strong { font-size: 1.15em; color: #dd1a22; }

/* imovel */
.imovel .conteudo .imoveis { padding-bottom: 20px; }
.imovel .menu_informacoes { padding: 20px 0; }
.imovel .menu_informacoes .item { padding: 6px 0 6px 9px; border-top: 1px solid #fff; border-bottom: 1px solid #e8e7e7; background: url(../imagens/grade-menu-item-bg2.png) right center no-repeat; }
.imovel .menu_informacoes .item a { font-size: 1.18em; text-decoration: none; color: #474646; }
.imovel .menu_informacoes .destaque a { color: #ff7621; }

/* agendar_visita */
.agendar_visita #topo h2 { padding-bottom: 10px; font-size: 1.1em; color: #ff8400; }
.agendar_visita .conteudo .imoveis { padding-bottom: 20px; }
.agendar_visita .conteudo .form { padding-top: 20px; }
.agendar_visita .conteudo .form .item { padding-bottom: 5px; }
.agendar_visita .conteudo .form .label { font-weight: bold; font-size: 1.1em; color: #000; }
.agendar_visita .conteudo .form .label span { font-weight: normal; font-size: .83em; color: #898989; }
.agendar_visita .conteudo .form .exemplo { padding: 5px 0; font-size: .81em; font-style: italic; color: #898989; }
.agendar_visita .conteudo .form select { width: auto; }
.agendar_visita .conteudo .form .erro { text-align: center; color: #e61b23; }
.agendar_visita .conteudo .confirmacao { padding: 20px 0 5px; border-bottom: 1px solid #ebebeb; background: url(../imagens/degrade_pq3.png) repeat-x; }
.agendar_visita .conteudo .confirmacao .contato { font-size: 1.1em; color: #ff7621; }
.agendar_visita .conteudo .confirmacao h6 { font-size: 1em; }
.agendar_visita .conteudo .confirmacao p strong { color: #ff7621; }
.agendar_visita .conteudo .confirmacao div { padding: 0 10px; }
.agendar_visita .conteudo .confirmacao .data { padding-top: 20px; border-top: 1px solid #fafafa; }

/* mapa */
.mapa .conteudo address { padding-bottom: 10px; font-weight: bold; font-size: 1.1em; font-style: normal; color: #ff8400; }
.mapa .conteudo .mapa { border: 1px solid #d5d6d6; }

/* plantas */
.plantas .conteudo .descricao_imagens { padding-bottom: 10px; font-weight: bold; font-size: 1.1em; color: #ff8400; }
.plantas .conteudo p.centro { padding-bottom: 10px; font-size: 1.1em; color: #000; }
.plantas .conteudo .galeria a { padding: 0 1px; }
.plantas .conteudo .galeria img { border: 1px solid #d5d6d6; }

/* detalhes */
.detalhes .conteudo .destaque strong { font-size: 1.1em; color: #ff8400; }

/* estagio de obras */
.estagio_obras #topo h4 { padding-bottom: 10px; font-weight: bold; font-size: 1.1em; color: #ff8400; }
.estagio_obras .conteudo .entrega { padding: 20px 10px 30px; border-top: 1px solid #ebebeb; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.estagio_obras .conteudo .entrega .tempo { height: 80px; border-bottom: 1px solid #d8d8d8; }
.estagio_obras .conteudo .entrega .tempo p { width: 49%; }
.estagio_obras .conteudo .entrega .tempo .esquerda { float: left; padding-top: 10px; font-weight: bold; font-size: 1.18; text-align: right; }
.estagio_obras .conteudo .entrega .tempo .direita { float: right; font-weight: bold; text-align: center; color: #fe6634; }
.estagio_obras .conteudo .entrega .tempo .direita strong { font-size: 3.27em; }
.estagio_obras .conteudo .entrega .inicio_obra { padding: 20px 0; border-bottom: 1px solid #d8d8d8; }
.estagio_obras .conteudo .entrega .previsao { padding: 20px 0 0; }
.estagio_obras .conteudo .estagio { padding: 20px 10px 30px; border-top: 1px solid #ebebeb; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.estagio_obras .conteudo .estagio h5 { padding: 10px 0 5px; font-size: 1.1em; color: #000; }
.estagio_obras .conteudo .estagio .porcentagem { background-color: #e3dfdf; }
.estagio_obras .conteudo .estagio .porcentagem p { padding: 5px 0; background-color: #f63; text-align: center; color: #fff; }
.estagio_obras .conteudo .galeria img { border: 1px solid #d5d6d6; }

/* cliente */
.cliente .conteudo h4 { font-size: 1.27em; }
.cliente .conteudo .contato a { color: #000; }
.cliente .conteudo .info { padding: 20px 10px; border-top: 1px solid #ebebeb; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.cliente .conteudo .info p { padding: 5px 0 15px; }
.cliente .conteudo .info strong.telefone { font-size: 1.63em; }
.cliente .conteudo .info .botao { width: 49%; }
.cliente .conteudo .contato { padding: 20px 10px 40px; border-top: 1px solid #ebebeb; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.cliente .conteudo .contato h4 { padding-bottom: 5px; }
.cliente .conteudo .contato .item p { padding-bottom: 5px; font-weight: bold; font-size: 1.1em; color: #000; }
.cliente .conteudo .contato .item p span { font-size: .83em; font-style: italic; color: #898989; }
.cliente .conteudo .contato input, .cliente .conteudo .contato textarea { width: 100%; }
.cliente .conteudo .contato input.botao { width: 49%; }
.cliente .conteudo .contato textarea { color: #898989; }
.cliente .conteudo .confirmacao { padding: 20px 10px; border: solid #ebebeb; border-width: 1px 0; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.cliente .conteudo .confirmacao strong { font-weight: normal; font-size: 1.1em; color: #ff7621; }

/* central vendas */
.central_vendas .conteudo h4 { font-size: 1.27em; }
.central_vendas .conteudo .contato a { color: #000; }
.central_vendas .conteudo .info { padding: 20px 10px; border-top: 1px solid #ebebeb; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.central_vendas .conteudo .info p { padding: 5px 0 15px; }
.central_vendas .conteudo .info strong.telefone { font-size: 1.63em; }
.central_vendas .conteudo .info .botao { width: 49%; }
.central_vendas .conteudo .contato { padding: 20px 10px 40px; border-top: 1px solid #ebebeb; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.central_vendas .conteudo .contato h4 { padding-bottom: 5px; }
.central_vendas .conteudo .contato .item p { padding-bottom: 5px; font-weight: bold; font-size: 1.1em; color: #000; }
.central_vendas .conteudo .contato .item p span { font-size: .83em; font-style: italic; color: #898989; }
.central_vendas .conteudo .contato input, .central_vendas .conteudo .contato textarea { width: 100%; }
.central_vendas .conteudo .contato input.botao { width: 49%; }
.central_vendas .conteudo .contato textarea { color: #898989; }
.central_vendas .conteudo .confirmacao { padding: 20px 10px; border: solid #ebebeb; border-width: 1px 0; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.central_vendas .conteudo .confirmacao strong { font-weight: normal; font-size: 1.1em; color: #ff7621; }

/* ligamos */
.ligamos #topo .descricao { padding-bottom: 10px; font-weight: bold; font-size: 1.1em; font-style: normal; color: #ff8400; }
.ligamos .conteudo .form { padding: 20px 10px; border: solid #ebebeb; border-width: 1px 0; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.ligamos .conteudo .form input { text-align: center; }
.ligamos .conteudo .form .botao { width: 100%; }
.ligamos .conteudo .confirmacao { padding: 20px 10px; border: solid #ebebeb; border-width: 1px 0; background: url(../imagens/grade-degrade.png) repeat-x; color: #000; }
.ligamos .conteudo .confirmacao strong { font-weight: normal; font-size: 1.1em; color: #ff7621; }

/* blog */
.blog .conteudo .postagens { padding-bottom: 20px; }
.blog .conteudo .postagens .post { padding: 20px 10px; border-top: 1px solid #ebebeb; background: url(../imagens/grade-degrade-pequeno2.png) repeat-x; color: #000; }
.blog .conteudo .postagens .post h3 a { font-size: 1.18em; color: #474646; }
.blog .conteudo .postagens .post p { color: #969696; }
.blog .conteudo .post p.autor { padding: 15px 0 40px; color: #000; }
.blog .conteudo .titulo_busca { padding-top: 20px; }
.blog .conteudo .busca input#s { width: 100%; }
.blog .conteudo .busca { padding: 20px 10px; border: solid #ebebeb; border-width: 1px 0; background: url(../imagens/grade-degrade-pequeno2.png) repeat-x; color: #000; }
.blog .conteudo .comentarios { padding: 20px 10px; border: solid #ebebeb; border-width: 1px 0; background: url(../imagens/grade-degrade-pequeno2.png) repeat-x; color: #000; }
.blog .conteudo .comentarios .item p { padding-bottom: 5px; font-weight: bold; font-size: 1.1em; color: #000; }
.blog .conteudo .comentarios .item p span { font-size: .83em; font-style: italic; color: #898989; }
.blog .conteudo .comentarios input, .blog .conteudo .comentarios textarea { width: 100%; }
.blog .conteudo .comentarios textarea { color: #898989; }
.blog .conteudo .comentarios .lista { padding: 30px 0 0; }
.blog .conteudo .comentarios .lista p { font-weight: normal; }
