/*
	Mens Infodesign // e-Commerce e Marketing Interativo
	SAUS Q. 01, Bloco M, Edifício Libertas, Sala 812 | CEP 70.070-010 | Brasília, D.F. - Fone: +55 (61) 3323-7094
	Site: www.mens.com.br - E-mail: mens@mens.com.br
	Projeto: Via Jardins
	Data: Janeiro de 2007
	Autor: Thiago Melo
*/

/*.......... ESTRUTURA ..........*/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
body { margin:0 auto; text-align:center; font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#EDBC94; background:#8F5B2C url(../imagens/fundo_site.jpg) top repeat-x; scrollbar-arrow-color:#301407; scrollbar-3dlight-color:#301407; scrollbar-highlight-color:#642C11; scrollbar-face-color:#653712; scrollbar-shadow-color:#7E4416; scrollbar-darkshadow-color:#4D220D; scrollbar-track-color:#4C3017; }
.wrap { width:778px; margin:0 auto; background:#8F5B2C; text-align:left; display:table; }

.header { width:778px; height:90px; background:#EFEFEF url(../imagens/fundo_header.jpg) no-repeat; clear:both; display:table; }
.column { width:280px; float:left; background:#8F5B2C; padding:5px 0 2px 5px; }
.content { width:448px; height:310px; float:left; padding:20px; background:url(../imagens/fundo_conteudo.jpg) no-repeat left bottom #3E2813; margin:5px 0 0 0; overflow:auto; }
.footer { width:780px; height:110px; clear:both; display:table; background:url(../imagens/fundo_rodape.jpg) repeat-x; margin:0 auto; margin-top:10px; }
.animacao_home { width:768px; height:351px; clear:both; padding:5px; }
/****************************************************************/

/*.......... IMPRESSÃO ..........*/
.wrap_impressao { background:#FFF; }
.wrap_popup { width:778px; margin:0 auto; background:#FFF; text-align:left; display:table; position:relative; }
.header_popup { width:778px; height:90px; background:url(../imagens/header_popup.jpg) no-repeat; float:left; display:block; text-indent:-99999px; overflow:hidden; margin-bottom:10px; }
.bt_impressora { position:absolute; right:30px; top:110px; }
.content_popup { padding:10px; }
.content_popup p { font:11px Arial; color:#333333; }
.content_popup h1 { font:32px Georgia; color:#592B1A; }
.content_popup h2 { font:20px Georgia; color:#813F25; margin-bottom:40px; }
/****************************************************************/

/*.......... BÁSICOS ..........*/
p { margin:10px 0; }
a { color:#FFF; text-decoration:none; }
a:hover { color:#EDBC94; text-decoration:underline; }
.img_esquerda { padding:10px 10px 10px 0; float:left; }
.img_direita { padding:10px 0 10px 10px; float:right; }
.txtfield { width:250px; height:16px; display:block; font:11px Arial; padding:0 5px; margin-bottom:2px; }
.txtfield_msg { width:260px; height:87px; display:block; background:url(../imagens/fundo_fields_msg.gif) no-repeat; font:11px Arial; padding:0 5px; margin-bottom:5px; }
.txtfield_msg2 { width:260px; height:87px; display:block; font:11px Arial; padding:0 5px; margin-bottom:8px; background:transparent; }
.txtfield_ddd { width:42px; height:16px; float:left; background:url(../imagens/field_ddd.gif) no-repeat; font:11px Arial; padding:0 5px; margin-bottom:2px; }
.txtfield_telefone { width:130px; height:16px; float:left; background:url(../imagens/field_telefone.gif) no-repeat; font:11px Arial; padding:0 5px; margin-bottom:2px; }

.fieldset_contato .txtfield { background:transparent; }
.fieldset_contato .bg_form { background:url(../imagens/fundo_fields.gif) no-repeat; }
.fieldset_contato .txtfield_ddd {  float:left; background:url(../imagens/field_ddd.gif) no-repeat; font:11px Arial; padding:0 0px;  }
.fieldset_contato .txtfield_telefone { width:205px; _width:190px; float:left; background:url(../imagens/field_telefone_a.gif) no-repeat; font:11px Arial; padding:0 0px; margin-bottom:2px; }
.fieldset_contato .bg_msg { background:url(../imagens/fundo_fields_msg.gif) no-repeat; }
.fieldset_contato .txtfield_ddd { background:url(../imagens/field_ddd.gif) no-repeat; font:11px Arial; padding:2px;  margin-bottom:2px; }

.contato_aviso { margin-top:30px; }

.planta_implantacao { float:left; margin-top:10px; }
.planta_implantacao2 { float:left; margin:10px 0 0 30px; }
.perspectivas_ilustrativas { float:left; margin:10px 0 0 30px; }
.perspectivas_ilustrativas_apartamento { float:left; margin:20px 0 0 0; }
.perspectivas_ilustrativas_tarja { float:left; margin:20px 0 0 0; }
.plantas_4dorms { float:left; margin:20px 0 0 10px; }
.plantas_3dorms { float:left; margin:20px 0 0 3px; }

.box_arquitetura { width:180px; float:left; margin:20px 10px 10px 0; }
.box_decoracao { width:180px; float:left; margin:20px 10px 10px 0; }
.box_paisagismo { width:120px; float:left; margin:10px 10px 10px 0; }
.box_fitness { width:120px; float:left; margin:10px 10px 10px 0; }
.box_garagem { width:120px; float:left; margin:10px 10px 10px 0; }


.fieldset_contato { margin-top:30px; }
.fieldset_indique { margin-top:20px; }

.bgContato { background:url(../imagens/img_contato.jpg) no-repeat 5px 5px; height:350px; position:relative; }
.bgContato div { position:absolute; right:0; bottom:0; }

/****************************************************************/

/*.......... TITULOS ..........*/
h1 { font:14px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#FFF; }
h2 { font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h3 { font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h4 { font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h5 { font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h6 { font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }

.tit_conceito { width:77px; height:17px; background:url(../imagens/tit_conceito.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.tit_planta_implantacao { width:98px; height:28px; background:url(../imagens/tit_planta_implantacao.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:5px !important; }
.tit_localizacao { width:94px; height:17px; background:url(../imagens/tit_localizacao.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.tit_lazer { width:45px; height:16px; background:url(../imagens/tit_lazer.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.tit_perspectivas_ilustrativas { width:192px; height:35px; background:url(../imagens/tit_perspectivas_ilustrativas.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.tit_apartamento { width:103px; height:17px; background:url(../imagens/tit_apartamento.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.tit_perspectivas_ilustrativas_apartamento { width:157px; height:26px; background:url(../imagens/tit_perspectivas_ilustrativas_apartamento.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:10px; }
.tit_planta_3dorms { width:94px; height:26px; background:url(../imagens/tit_planta_3dorms.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:10px; }
.tit_planta_4dorms { width:94px; height:26px; background:url(../imagens/tit_planta_4dorms.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:10px; }
.tit_grupo_via { width:80px; height:14px; background:url(../imagens/tit_grupo_via.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:2px; }
.tit_contato { width:71px; height:17px; background:url(../imagens/tit_contato.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:2px; }
.tit_indique { width:149px; height:15px; background:url(../imagens/tit_indique.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:4px; }
.tit_parceiros { width:76px; height:16px; background:url(../imagens/tit_parceiros.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:2px; }
.tit_itaplan { width:137px; height:16px; background:url(../imagens/tit_itaplan.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:2px; }

.tit_arquitetura { width:82px; height:13px; background:url(../imagens/tit_arquitetura.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:10px; }
.tit_decoracao { width:71px; height:14px; background:url(../imagens/tit_decoracao.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:10px; }
.tit_paisagismo { width:70px; height:11px; background:url(../imagens/tit_paisagismo.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:10px; }
.tit_fitness { width:71px; height:14px; background:url(../imagens/tit_fitness.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:10px; }
.tit_garagem { width:57px; height:11px; background:url(../imagens/tit_garagem.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-bottom:10px; }

.subtit_conceito { width:244px; height:37px; background:url(../imagens/subtit_conceito.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.subtit_localizacao { width:368px; height:55px; background:url(../imagens/subtit_localizacao.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.subtit_apartamento { width:270px; height:37px; background:url(../imagens/subtit_apt.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.subtit_lazer { width:368px; height:37px; background:url(../imagens/subtit_lazer.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.subtit_grupo_via { width:429px; height:39px; background:url(../imagens/subtit_grupo_via.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }
.subtit_preencha_formulario { width:292px; height:21px; background:url(../imagens/subtit_preencha_formulario.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; margin-top:-5px; }
.subtit_parceiros { width:320px; height:19px; background:url(../imagens/subtit_conceito.gif) no-repeat; text-indent:-999999px; overflow:hidden; display:block; }

/****************************************************************/

/*.......... LISTAGENS ..........*/
ul, ol, li { margin:0; padding:0; list-style-type:none; }
ul {}
ol {}
li {}
/****************************************************************/

/*.......... MENU ..........*/
.menu {}
.menu ul {}
.menu li { width:85px; height:90px; display:block; float:left; }
.menu a { width:85px; height:90px; text-indent:-999999px; overflow:hidden; display:block; float:left; }

.menu_conceito a { width:85px; height:90px; background:url(../imagens/menu_conceito_01.gif) no-repeat; }
.menu_conceito a:hover { width:85px; height:90px; background:url(../imagens/menu_conceito_02.jpg) no-repeat; }
.menu_conceito_ativo { width:85px; height:90px; background:url(../imagens/menu_conceito_02.jpg) no-repeat; }

.menu_localizacao a { width:85px; height:90px; background:url(../imagens/menu_localizacao_01.gif) no-repeat; }
.menu_localizacao a:hover { width:85px; height:90px; background:url(../imagens/menu_localizacao_02.jpg) no-repeat; }
.menu_localizacao_ativo { width:85px; height:90px; background:url(../imagens/menu_localizacao_02.jpg) no-repeat; }

.menu_lazer a { width:85px; height:90px; background:url(../imagens/menu_lazer_01.gif) no-repeat; }
.menu_lazer a:hover { width:85px; height:90px; background:url(../imagens/menu_lazer_02.jpg) no-repeat; }
.menu_lazer_ativo { width:85px; height:90px; background:url(../imagens/menu_lazer_02.jpg) no-repeat; }

.menu_apartamento a { width:85px; height:90px; background:url(../imagens/menu_apartamento_01.gif) no-repeat; }
.menu_apartamento a:hover { width:85px; height:90px; background:url(../imagens/menu_apartamento_02.jpg) no-repeat; }
.menu_apartamento_ativo { width:85px; height:90px; background:url(../imagens/menu_apartamento_02.jpg) no-repeat; }

.menu_grupovia a { width:85px; height:90px; background:url(../imagens/menu_grupovia_01.gif) no-repeat; }
.menu_grupovia a:hover { width:85px; height:90px; background:url(../imagens/menu_grupovia_02.jpg) no-repeat; }
.menu_grupovia_ativo { width:85px; height:90px; background:url(../imagens/menu_grupovia_02.jpg) no-repeat; }

.menu_contato a { width:85px; height:90px; background:url(../imagens/menu_contato_01.gif) no-repeat; }
.menu_contato a:hover { width:85px; height:90px; background:url(../imagens/menu_contato_02.jpg) no-repeat; }
.menu_contato_ativo { width:85px; height:90px; background:url(../imagens/menu_contato_02.jpg) no-repeat; }

.menu_indique a { width:85px; height:90px; background:url(../imagens/menu_indique_01.gif) no-repeat; }
.menu_indique a:hover { width:85px; height:90px; background:url(../imagens/menu_indique_02.jpg) no-repeat; }
.menu_indique_ativo { width:85px; height:90px; background:url(../imagens/menu_indique_02.jpg) no-repeat; }
/****************************************************************/

/*.......... HEADER ..........*/
.logomarca { margin:15px 13px 0 10px !important; float:left; }
*HTML .logomarca { margin:15px 13px 0 5px !important; float:left; }
.logomarca a { width:160px; height:50px; display:block; text-indent:-999999px; overflow:hidden; background:url(../imagens/logomarca.gif) no-repeat; }
/****************************************************************/

/*.......... FOOTER ..........*/
address { float:left; margin:12px; font-style:normal; }
.selo_via { float:left; margin:10px 10px 0 10px; }
*HTML .selo_via { margin:10px 10px 0 5px; }
.selo_itaplan { float:right; margin:10px 10px 0 10px; }
*HTML .selo_itaplan { float:right; margin:10px 5px 0 10px; }
.selo_mens { width:264px; margin:0 auto; margin-top:110px; }
.selo_mens a { width:264px; height:24px; display:block; text-indent:-999999px; overflow:hidden; background:url(../imagens/selo_mens.gif) no-repeat; }
/****************************************************************/