@charset "utf-8";
/*  
	Cliente:Construtora Guia
	Endereco:http://www.construtoraguia.com.br/
	Version:1.0
	Author:Index Comunicação Digital
	Author URI:http://www.indexdigital.com.br/
*/

/* GERAL *********** */
body     { background:#DEE3C2; color:#444; font:11px Arial, Helvetica, sans-serif; }
fieldset { margin:0; padding:0; }

/* MISC ************ */
.alignleft   { display:block; float:left; margin:0 10px 10px 0; }
.aligncenter { display:block; margin:0 auto; margin-bottom:10px; }
.alignright  { display:block; float:right; margin:0 0 10px 10px; }

/* TOPO ************ */
#topo          { background:url(../img/bg_topo.png) no-repeat center top; height:121px; padding-top:12px; }
#topo .grid_12 { position:relative; }

/* TOPO > MARCA */
.guia          { display:block; height:123px; width:140px; }
.guia a        { background:url(../img/marca_guia.png) no-repeat center center; color:#444; display:block; height:123px; overflow:hidden; text-decoration:none; text-indent:-666px; width:140px; }
.guia a:hover  { text-decoration:underline; }

/* TOPO > LOGIN */
#login                       { margin:0; padding:0; position:absolute; right:0; top:10px; z-index:10; }
#login #username,
#login #password             { display:block; float:left; margin-right:10px; position:relative; } 
#login #username-field,
#login #password-field       { background:#C9CAC4; border:1px solid #FFF; color:#FFF; font-size:10px; padding:7px 5px; text-transform:uppercase; }
#login .btn-enviar           { background:#BBBCB5; border:1px solid #9EA093; color:#FFF; font-size:10px; padding:6px 5px; text-transform:uppercase; }
#login .btn-enviar:hover     { background:#9EA093; }
#login label.overlabel       { display:none; }
#login label.overlabel-apply { color:#FFF; font-size:10px; left:6px; position:absolute; text-transform:uppercase; top:8px; z-index:1; }

/* TOPO > MENU */
.menu          { border-bottom:1px solid #FFF; bottom:0; font:13px "Century Gothic", "Apple Gothic", san-serif; position:absolute; right:0; text-align:right; width:777px; }
.menu li       { display:inline-block; font-size:13px;  height:50px; list-style:none; margin:0; padding:0; position:relative; }
.menu a        { color:#7C7F81; display:block; float:left; padding:27px 10px 10px; text-decoration:none; }
.menu a span   { display:block; }
.menu a:hover,
.menu a.ativo  { background:#FFF; color:#CF9212; padding:10px 10px 27px; }{ background:#FFF; color:#CF9212; padding:10px 10px 27px; }


/* BANNER ********** */
#banner-alpheus              { background:url(../img/banners/alphaville_eusebio/banner_alpheus_nuvens.png) no-repeat; display:block; height:285px; position:relative; width:940px; }
#banner-alpheus .about       { background:url(../img/banners/alphaville_eusebio/banner_alpheus_bg_texto.png) no-repeat; bottom:-5px; display:block; height:163px; padding:10px 0; left:60px; position:absolute; width:237px; z-index:5;  }
#banner-alpheus .about h2    { background:url(../img/banners/alphaville_eusebio/banner_alpheus_titulo.png) no-repeat; display:block; height:81px; margin:15px auto 0; overflow:hidden; text-indent:-666px; width:132px; }
#banner-alpheus .about p     { background:url(../img/banners/alphaville_eusebio/banner_alpheus_texto.png) no-repeat; display:block; height:34px; margin:15px auto 0; overflow:hidden; text-indent:-666px; width:184px; }
#banner-alpheus .btn-hotsite { background:url(../img/banners/alphaville_eusebio/btn_acesseohotsite.png) no-repeat center top; bottom:-14px; display:block; height:27px; overflow:hidden; position:absolute; right:10px; text-indent:-666px; width:111px; z-index:10; }
#banner-alpheus .btn-hotsite:hover { background-position:bottom center; }
#banner-alpheus .img-casamodelo    { display:block; height:310px; position:absolute; right:0; top:24px; width:675px; z-index:15; }

/* BANNER > QUINTAS ********** */
#banner-quintas              { background:url(../img/banners/quintas_lago/banner_quintas_nuvens.png) no-repeat; display:block; height:285px; position:relative; width:940px; }
#banner-quintas .about       { background:url(../img/banners/quintas_lago/banner_quintas_bg_texto.png) no-repeat; bottom:-5px; display:block; height:163px; padding:10px 0; left:60px; position:absolute; width:273px; z-index:5;  }
#banner-quintas .about h2    { background:url(../img/banners/quintas_lago/banner_quintas_titulo.png) no-repeat; display:block; height:87px; margin:11px 0 0 47px; overflow:hidden; text-indent:-666px; width:140px; }
#banner-quintas .about p     { background:url(../img/banners/quintas_lago/banner_quintas_texto.png) no-repeat; display:block; height:34px; margin:15px 0 0 25px; overflow:hidden; text-indent:-666px; width:184px; }
#banner-quintas .btn-hotsite { background:url(../img/banners/quintas_lago/btn_acesseohotsite.png) no-repeat center top; bottom:-14px; display:block; height:27px; overflow:hidden; position:absolute; right:50px; text-indent:-666px; width:111px; z-index:20; }
#banner-quintas .btn-hotsite:hover { background-position:bottom center; }
#banner-quintas .img-casamodelo    { display:block; height:296px; position:absolute; right:60px; top:7px; width:630px; z-index:15; }

/* BANNER > IBIZA ********** */
#banner-ibiza              { background:url(../img/banners/ibiza/banner_ibiza_nuvens.png) no-repeat; display:block; height:272px; position:relative; width:940px; }
#banner-ibiza .about       { background:url(../img/banners/ibiza/banner_ibiza_bg_texto.png) no-repeat; bottom:-5px; display:block; height:163px; padding:10px 0; left:60px; position:absolute; width:388px; z-index:5;  }
#banner-ibiza .about h2    { background:url(../img/banners/ibiza/banner_ibiza_titulo.png) no-repeat; display:block; height:85px; margin:11px 0 0 47px; overflow:hidden; text-indent:-666px; width:138px; }
#banner-ibiza .about p     { background:url(../img/banners/ibiza/banner_ibiza_texto.png) no-repeat; display:block; height:34px; margin:15px 0 0 25px; overflow:hidden; text-indent:-666px; width:184px; }
#banner-ibiza .btn-hotsite { background:url(../img/banners/ibiza/btn_acesseohotsite.png) no-repeat center top; bottom:-14px; display:block; height:27px; overflow:hidden; position:absolute; right:160px; text-indent:-666px; width:111px; z-index:20; }
#banner-ibiza .btn-hotsite:hover { background-position:bottom center; }
#banner-ibiza .img-casamodelo    { display:block; height:346px; position:absolute; right:-11px; top:-20px; width:653px; z-index:15; }

/* BANNER > ALAPHAVILLE FORTALEZA ********** */
#banner-alphfor              { background:url(../img/banners/alphaville_fortaleza/banner_alphfor_nuvens.png) no-repeat; display:block; height:285px; position:relative; width:940px; }
#banner-alphfor .about       { background:url(../img/banners/alphaville_fortaleza/banner_alphfor_bg_texto.png) no-repeat; bottom:-5px; display:block; height:163px; padding:10px 0; left:60px; position:absolute; width:273px; z-index:5;  }
#banner-alphfor .about h2    { background:url(../img/banners/alphaville_fortaleza/banner_alphfor_titulo.png) no-repeat; display:block; height:83px; margin:11px 0 0 47px; overflow:hidden; text-indent:-666px; width:132px; }
#banner-alphfor .about p     { background:url(../img/banners/alphaville_fortaleza/banner_alphfor_texto.png) no-repeat; display:block; height:34px; margin:15px 0 0 25px; overflow:hidden; text-indent:-666px; width:184px; }
#banner-alphfor .btn-hotsite { background:url(../img/banners/alphaville_fortaleza/btn_acesseohotsite.png) no-repeat center top; bottom:-14px; display:block; height:27px; overflow:hidden; position:absolute; right:50px; text-indent:-666px; width:111px; z-index:20; }
#banner-alphfor .btn-hotsite:hover { background-position:bottom center; }
#banner-alphfor .img-casamodelo    { display:block; height:357px; position:absolute; right:12px; top:-4px; width:658px; z-index:15; }

/* BANNER > ALAPHAVILLE FORTALEZA ********** */
#banner-aquiraz              { background:url(../img/banners/aquiraz/banner_aquiraz_nuvens.png) no-repeat; display:block; height:283px; position:relative; width:940px; }
#banner-aquiraz .about       { background:url(../img/banners/aquiraz/banner_aquiraz_bg_texto.png) no-repeat; bottom:-5px; display:block; height:163px; padding:10px 0; left:60px; position:absolute; width:357px; z-index:5;  }
#banner-aquiraz .about h2    { background:url(../img/banners/aquiraz/banner_aquiraz_titulo.png) no-repeat; display:block; height:83px; margin:11px 0 0 47px; overflow:hidden; text-indent:-666px; width:132px; }
#banner-aquiraz .about p     { background:url(../img/banners/aquiraz/banner_aquiraz_texto.png) no-repeat; display:block; height:34px; margin:15px 0 0 25px; overflow:hidden; text-indent:-666px; width:184px; }
#banner-aquiraz .btn-hotsite { background:url(../img/banners/aquiraz/btn_acesseohotsite.png) no-repeat center top; bottom:-14px; display:block; height:27px; overflow:hidden; position:absolute; right:126px; text-indent:-666px; width:111px; z-index:20; }
#banner-aquiraz .btn-hotsite:hover { background-position:bottom center; }
#banner-aquiraz .img-casamodelo    { display:block; height:386px; position:absolute; right:12px; top:-20px; width:640px; z-index:15; }


/* MEIO ************ */
#meio { background:url(../img/bg_conteudo.gif) repeat-y center top; }

/* MEIO - HOME */
#home             { /*background:url(../img/bg_marcadagua.gif) no-repeat center center;*/ padding-top:30px; }
	/* MEIO - HOME - CONSTRUTORA GUIA */
	#home-construtora    { background:url(../img/bg_home_conheca.png) no-repeat left top; color:#036; margin-bottom:35px; padding:15px 12px; position:relative; z-index:20; }
	#home-construtora h2 { background:url(../img/h_home_constguia.png) no-repeat center center; display:block; height:21px; margin:0 0 18px; overflow:hidden; padding:0; text-indent:-666px; width:210px; }
	#home-construtora .btn-conheca { background:url(../img/banner_conhecanossosempreendimentos.png) no-repeat center center; display:block; height:184px; overflow:hidden; position:absolute; right:-222px; text-indent:-666px; top:-1px; width:223px; }
	/* MEIO - HOME - MISSAO */
	#home-missao    { background:url(../img/bg_home_missaovisao.png) no-repeat left top; color:#036; margin-bottom:30px; padding:15px 12px; position:relative; }
	#home-missao h2 { background:url(../img/home_h_missao.png) no-repeat center center; display:block; height:21px; margin:0 0 18px; overflow:hidden; padding:0; text-indent:-666px; width:83px; }
	/* MEIO - HOME - VISAO */
	#home-visao     { background:url(../img/bg_home_missaovisao.png) no-repeat left top; color:#036; margin-bottom:30px; padding:15px 12px; position:relative; }
	#home-visao h2  { background:url(../img/home_h_visao.png) no-repeat center center; display:block; height:21px; margin:0 0 18px; overflow:hidden; padding:0; text-indent:-666px; width:65px; }
	
	/* MEIO - HOME - ATENDIMENTO GUIA INFORMA */
	#home-atendimento                    { margin-bottom:50px; }
	#atend-guiainforma,
	#atend-aocliente,
	#atend-poremail                      { display:block; float:left; }
	
	#atend-guiainforma                   { width:247px; }
	#atend-aocliente                     { width:284px; }
	#atend-poremail                      { width:247px; }
	
	#atend-guiainforma h2,
	#atend-aocliente   h2,
	#atend-poremail    h2                { color:#A4A798; font-size:18px; font-weight:bold; margin-bottom:13px; }
	
	#informa                             { background:url(../img/bg_atend_guiainforma.jpg) no-repeat center bottom; border-right:1px solid #CEC9C1; display:block; height:58px; padding:12px 15px; position:relative; }
	#informa #nome,
	#informa #email                      { display:block; float:left; margin-right:10px; position:relative; } 
	#informa #nome                       { margin-bottom:5px; }
	#informa #nome-field,
	#informa #email-field                { background:#D3D6C9; border:1px solid #BBBDB3; color:#626559; font-size:10px; padding:7px 5px; }
	#informa .btn-informa                { background:#B2B5A8; border:1px solid #929489; color:#FFF; font-size:10px; margin-top:34px; padding:6px 5px; }
	#informa .btn-informa:hover          { background:#929489; }
	#informa label.overlabel             { display:none; }
	#informa label.overlabel-apply       { color:#626559; font-size:10px; left:6px; position:absolute; top:8px; z-index:1; }
	
	#atend-aocliente  h2                 { text-indent:15px; }
	#atend-aocliente .atend-texto        { background:url(../img/bg_atend_aocliente.jpg) no-repeat center bottom; border-left:1px solid #FFF; border-right:1px solid #CEC9C1; display:block; height:32px; margin:0; padding:25px 15px; }
	#atend-aocliente .atend-texto p      { color:#3C3C3C; font-size:10px; }
	#atend-aocliente .atend-texto strong { color:#4182B2; display:block; font-size:23px; font-style:italic; font-weight:bold; }
	
	#atend-poremail  h2                  { text-indent:15px; }
	#atend-poremail  .atend-texto        { background:url(../img/bg_atend_poremail.jpg) no-repeat center bottom; border-left:1px solid #FFF; display:block; height:32px; margin:0; padding:25px 15px; }
	#atend-poremail  .atend-texto p      { color:#3C3C3C; font-size:10px; }
	#atend-poremail  .atend-texto strong { color:#4182B2; display:block; font-size:13px; font-style:italic; font-weight:bold; }

/* MEIO > INTERNAS */
#titulo            { background-color:#73A8D1; margin:48px 0 0; padding:0; width:100%; }
.titulo            { background-position:center bottom; background-repeat:no-repeat; display:block; height:137px; margin:0; overflow:hidden; padding:0; text-indent:-666666px; width:940px; }
.h-historia        { background-image:url(../img/titulos/h_historia.jpg); }
.h-casasguia       { background-image:url(../img/titulos/h_casasguia.jpg); }
.h-empreendimentos { background-image:url(../img/titulos/h_empreendimentos.jpg); }
.h-midia           { background-image:url(../img/titulos/h_midia.jpg); }
.h-faleconosco     { background-image:url(../img/titulos/h_faleconosco.jpg); }
.h-fotos		   { background-image:url(../img/titulos/h_fotos.jpg); }
#interna           { font-size:12px; padding-top:35px; }
#interna h3        { color:#CF9212; font-size:18px; margin:0; padding:0; }
#interna h4        { display:inline; font-size:14px; margin:0; padding:0; }
#interna li        { list-style:disc inside; margin:0; padding:0; }
#interna address   { font-style:normal; }

/* MEIO > CASAS GUIA */
#interna .listagem                 { display:block; height:86px; margin-bottom:35px; margin-top:35px; overflow:hidden; width:780px; }
#interna .listagem ul              { display:block; height:86px; width:1000px; }
#interna .listagem li              { display:block; float:left; margin-right:25px; width:136px; }
#interna .listagem .btn-casa       { background-position:center center; background-repeat:no-repeat; border:3px solid #FFF; display:block; height:80px; overflow:hidden; text-decoration:none; text-indent:-666px; width:130px; }
#interna .listagem .btn-casa:hover { border-color:#DECD91; }
#interna .listagem .btn-quintas    { background-image:url(../img/btn_quintas.jpg); }
#interna .listagem .btn-alphafor   { background-image:url(../img/btn_alphaville_for.jpg); }
#interna .listagem .btn-ibiza      { background-image:url(../img/btn_ibiza.jpg); }
#interna .listagem .btn-aquiraz    { background-image:url(../img/btn_aquiraz.jpg); }
#interna .listagem .btn-alphaeus   { background-image:url(../img/btn_alphaville_eus.jpg); }


/* MEIO > MIDIA */
#midia            { display:block; float:left; font-size:11px; margin:0 15px 15px 0; padding:0; width:245px; }
#midia li         { display:block; list-style:none; margin:0; padding:0 0 15px; }
#midia li span    { color:#F0B501; display:block; }
#midia li a       { color:#3E3E3E; text-decoration:none; }
#midia li a:hover { text-decoration:underline; }

/* MEIO > EMPREENDIMENTOS */
#empreendimentos-lista li       { display:block; float:left; height:210px; list-style:none; margin:0 30px 40px 0; padding:0; width:220px; }
#empreendimento                 { font-size:12px; }
#empreendimento .empr-topo      { margin-bottom:20px; }
#empreendimento h3              { border-bottom:1px solid #CBCBCB; color:#444; display:block; font-size:12px; margin-bottom:15px; padding:0 0 4px 0; }
#empreendimento #lista-minis li { display:block; float:left; height:95px; list-style:none; margin:0 30px 40px 0; padding:0; width:220px; }


/* MEIO > FALE CONOSCO */
#frm-faleconosco                       { margin:0 0 30px; padding:0; position:relative; }
#frm-faleconosco #nome,
#frm-faleconosco #email,
#frm-faleconosco #empreendimento,
#frm-faleconosco #quadra,
#frm-faleconosco #lote,
#frm-faleconosco #ndacasa,
#frm-faleconosco #telefone,
#frm-faleconosco #mensagem             { display:block; float:left; margin:0 4px 6px 0; position:relative; } 
#frm-faleconosco #ndacasa              { margin-right:0 !important; }
#frm-faleconosco #nome-field,
#frm-faleconosco #email-field,
#frm-faleconosco #empreendimento-field,
#frm-faleconosco #quadra-field,
#frm-faleconosco #lote-field,
#frm-faleconosco #ndacasa-field,
#frm-faleconosco #telefone-field,
#frm-faleconosco #mensagem-field       { background:#C9CAC4; border:1px solid #FFF; color:#FFF; font-size:10px; padding:7px 5px; text-transform:uppercase; }
#frm-faleconosco #nome-field,
#frm-faleconosco #email-field          { width:368px; }
#frm-faleconosco #empreendimento-field { width:140px; }
#frm-faleconosco #quadra-field,
#frm-faleconosco #lote-field,
#frm-faleconosco #ndacasa-field        { width:60px; }
#frm-faleconosco #mensagem-field       { height:70px; width:368px; }
#frm-faleconosco .btn-enviar           { background:#BBBCB5; border:1px solid #9EA093; color:#FFF; font-size:10px; padding:6px 5px; text-transform:uppercase; }
#frm-faleconosco .btn-enviar:hover     { background:#9EA093; }
#frm-faleconosco label.overlabel       { display:none; }
#frm-faleconosco label.overlabel-apply { color:#FFF; font-size:10px; left:6px; position:absolute; text-transform:uppercase; top:8px; z-index:1; }

/* MEIO > FOTOS */
.galeria_imagens							{ height: 120px; margin-bottom: 10px; margin-top: 5px; }
.galeria_imagens h3 				 		{ color: #cf9212; border: none; padding-bottom: 5px !important; width: 100%; float: left; }
.galeria_imagens a.passador_voltar		{ background: url(../img/btn-avancar-voltar.gif) 0 0 scroll no-repeat; cursor: pointer; display: block; float: left; height: 29px; margin-top:25px; overflow: hidden; text-indent: -999px; width: 30px; }
.galeria_imagens a.passador_avancar 		{ background: url(../img/btn-avancar-voltar.gif) right 0 scroll no-repeat; cursor: pointer; display: block; float: right; height: 29px; margin-top:25px; overflow: hidden; text-indent: -999px; width: 30px; }
.galeria_imagens a.passador_voltar:hover	{ background-position: left bottom; }
.galeria_imagens a.passador_avancar:hover	{ background-position: right bottom; }
.galeria_imagens .fotos_imagens			{ float:left; height: 85px; margin-left: 9px; overflow: hidden; position: relative; width: 760px; }
.galeria_imagens .fotos_imagens ul		{ left:0; position:absolute; top:0; width:100000px; }
.galeria_imagens li						{ float:left !important; list-style:none !important; margin-right: 13px !important; }

/* MEIO - IMAGENS - jcarousel-skin-tango */
#interna .jcarousel-skin-tango							{ background: url(../../img/sombra_imagens.png) center 10px scroll no-repeat; height: 110px; margin-bottom: 15px; padding-top: 3px; }
#interna .galeria_imagens h3 				 		{ color: #cf9212; border: none; margin-bottom: 5px; }
#interna .jcarousel-skin-tango .jcarousel-prev		{ background: url(../img/btn-avancar-voltar.gif) 0 0 scroll no-repeat; cursor: pointer; display: block; /*float: left;*/ height: 29px; /*margin-top:25px;*/ overflow: hidden; text-indent: -999px; width: 30px; }
#interna .jcarousel-skin-tango .jcarousel-next 	{ background: url(../img/btn-avancar-voltar.gif) right 0 scroll no-repeat; cursor: pointer; display: block; /*float: right;*/ height: 29px; /* margin-top:25px;*/ overflow: hidden; text-indent: -999px; width: 30px; }
#interna .jcarousel-skin-tango .jcarousel-prev:hover	{ background-position: left bottom; }
#interna .jcarousel-skin-tango .jcarousel-next:hover	{ background-position: right bottom; }
#interna .jcarousel-skin-tango .jcarousel-container, #interna .jcarousel-skin-tango .jcarousel-container .jcarousel-clip	{ width: 680px; }
.galeria_imagens h3 				 		{ color: #cf9212; border: none; margin-bottom: 0; }

/* RODAPE ********** */
#rodape              { background:url(../img/bg_rodape.png) no-repeat center top; padding-top:38px; }
#rodape address      { color:#6F6F6F; display:block; font-size:11px; font-style:normal; text-align:center; }
#rodape address span { display:block; }
.index               { display:block; height:15px; margin:0 auto; margin-bottom:30px; width:39px; }
.index a             { background:url(../img/marca_index.png) no-repeat; display:block; height:15px; overflow:hidden; text-indent:-666px; width:39px; }
