/*

Theme Name: Residencial Renascenca - ecomax
Theme URI: http://hagg.com.br/portfolio
Description: Produzido por HAGG Ag�ncia Interativa
Version: 2009.0
Author: HAGG Agencia Interativa
Author URI: http://hagg.com.br/
Tags: hagg, renascenca, ecomax

*/


	/* formatacao geral */
	* {margin:0; padding:0}
	html {background:#dbdbdb url(images/bg_html.jpg) repeat-x}

		html.page, html.post {background-position:0 -100px}
		html.page body, html.post body {background-position:center -100px}
		html.page #header, html.post #header {height:400px}
		html.page #header h1, html.post #header h1 {margin-top:50px}
		html.page #header li.obras, html.post #header li.obras {margin-top:-206px}
		html.page #header #flash, html.post #header #flash {margin-top:-360px}
		html.page #content, html.post #content {}		

	body {background:url(images/bg_body.jpg) no-repeat top center; color:#000; width:100%; font:12px/18px Arial, Helvetica, sans-serif; color:#555; text-align:center}
	.clear {clear:both; height:20px}
	.none, hr, .novidades h3, .videos h3, div.slideshowlink, div.piclenselink, .linklove {display:none}	
	a {text-decoration:none; color:#9c2}
	.textwidget {display:inline}

	/*header*/
	#header {position:relative; top:0; left:0; margin:0 auto; width:940px; height:470px; text-align:left}

		/*logo*/
		#header h1 {width:260px; height:165px; float:left; margin:140px 0 0 30px}
			#header h1 a {display:block; width:260px; height:165px; overflow:hidden; text-indent:-1000px; background:url(images/logo_residencial_renascenca.png) no-repeat} 
		/*flash*/	
		#header div#flash {width:335px; height:330px; position:absolute; top:100%; left:100%; margin:-330px 0 0 -375px; z-index:1}
		/*menu*/
		#header ul.menu {list-style:none; width:100%; position:absolute; top:0; left:0; margin-top:60px; text-align:center; font-size:21px; line-height:24px}
		#header .menu li {display:inline; padding:0 5px; border-right:solid 1px #fff}
			#header .menu li.page-item-11 {padding-right:0; border-right:none}
		#header .menu a {color:#fff; padding:0 9px 0 5px}
			#header .menu a:hover {color:#9c2}
			/*obras iniciadas*/
			#header li.obras {display:block; width:158px; height:136px; position:absolute; top:100%; left:100%; margin:-172px 0 0 -155px; z-index:5}
			#header li.obras a {display:block; width:158px; height:136px; background:url(images/button_obras.png) no-repeat -5px 0; overflow:hidden; padding:30px 0 0 15px}
	
	/*content*/	
	#content {position:relative; top:0; left:0; margin:0 auto; width:940px; text-align:left}
		/*rotator*/
		#content div.rotator {position:absolute; top:0; left:0; margin-top:-94px; z-index:0}
		#content .rotator img {border:none}
		/*davinci*/
		#content div.davinci {width:470px; height:400px; background:url(images/bg_davinci.png) no-repeat; position:absolute; top:0; left:0; margin:-94px 0 0 470px; z-index:2}
			.davinci h2 {font-size:22px; font-weight:normal; color:#046; margin:38px 0 0 198px; width:180px; height:200px; text-align:center}
				.davinci h2 span.maior {font-size:35px; line-height:42px; display:block}
				.davinci h2 span.menor {font-size:12px; line-height:18px; display:block; margin-top:5px}
			.davinci ul.nav {position:absolute; top:0; left:0; margin:98px 0 0 410px; list-style-type:none}
				.davinci a.prev, .davinci a.next {display:block; margin-top:3px; width:23px; height:23px; text-indent:-1000px; overflow:hidden; background:url(images/prev_next.gif) no-repeat}
				.davinci a.next {margin-left:6px; background-position:0 0}
				.davinci a.prev {background-position:0 -46px}
					.davinci a.next:hover {background-position:0 -23px}
					.davinci a.prev:hover {background-position:0 -69px}
			.davinci ul.slideshow {position:absolute; top:0; left:0; margin:260px 0 0 202px; list-style-type:none; width:245px; text-align:left}
				.davinci h3 {font-size:18px; line-height:18px; padding-right:30px}
				.davinci h3 span {display:block; position:absolute; margin:-70px 0 0 192px; top:0; left:0; font-weight:bold; font-size:45px; line-height:45px; color:#9c2}
				.davinci p {margin:5px 0}
		/*corretor*/
		#content div.corretor {clear:left; margin-top:338px; width:244px; height:298px; float:left; background:url(images/bg_corretor.png) no-repeat}
			.corretor h3 {overflow:hidden; text-indent:-1000px; height:97px; background:url(images/bg_corretor.png) no-repeat 0 -670px}
			.corretor ul, .corretor li {display:inline}
			.corretor a {display:block; margin:0; overflow:hidden; text-indent:-1000px; width:100%; height:61px; background:url(images/bg_corretor.png) no-repeat}
			.corretor a.chat {background-position:0 -298px}
				.corretor a.chat:hover {background-position:0 -481px}
			.corretor a.email {background-position:0 -359px}
				.corretor a.email:hover {background-position:0 -542px}
			.corretor a.fone {background-position:0 -420px}
				.corretor a.fone:hover {background-position:0 -603px}
		/*novidades e videos */
		#content div.novidades {width:361px; height:298px; float:left; margin:338px 0 0 17px; background:url(images/bg_novidades.png) no-repeat}
		#content div.videos {width:300px; height:298px; float:right; margin:338px 0 0 0; background:url(images/bg_videos.png) no-repeat}		
			.novidades h4, .videos h4 {font-size:13px; line-height:18px}
			.novidades h4, .novidades p, .videos h4, .videos p {margin:5px 24px}
			.novidades img, .videos div.wordtube {margin:10px 24px 0 24px; border:solid 1px #eee}
		/*sidebar*/
		#content div.sidebar {width:244px; float:left}
			#content .sidebar .corretor {margin:20px 0}
			/*menu side*/
			.sidebar ul.menu {list-style-type:none; text-align:right; width:244px}
			.sidebar ul.menu li a {font-size:21px; margin-right:30px; line-height:30px; color:#046}
			.sidebar ul.menu li a:hover {color:#9c2}
			.sidebar ul.menu li.current_page_item a, .sidebar ul.meu li.current-cat a {color:#9c2}
			/*pergunte ao davinci*/
			.sidebar div.pergunte {clear:left}
				.pergunte div {display:inline}
				.pergunte h2 {display:none}
				.pergunte p {width:244px; height:226px; background:url(images/bg_pergunte.png) no-repeat; position:relative; top:0; left:0; overflow:hidden; text-indent:-1000px}
				.pergunte p a {display:block; width:244px; height:226px; background:url(images/bg_pergunte_aqui.gif) no-repeat 130px 120px; position:absolute; top:0; left:0}
				.pergunte p a:hover {background-position:-127px 120px}
			/*estagio da obra*/
			.sidebar div.estagio {margin:30px 0 0 0; width:244px; height:298px; float:left; background:url(images/bg_corretor.png) no-repeat}
				.estagio h2 {margin:10px 30px}
				.estagio ul {list-style-type:none}
				.estagio li {text-align:left; font-size:11px; margin:10px 30px}
				.estagio li span.porcento {display:block; text-align:right; float:right}
				.estagio li span.barra {display:block; text-align:right; background-color:#ccc}
				.estagio li img {display:block}
		
		/*post / page*/
		#content div.post, 
		#content div.page,
		#content div.archive {margin:0 20px 0 300px; padding-top:10px; position:relative; top:0; left:0}	
			.post div.flash,
			.page div.flash,
			.page div.archive {border:solid 2px #dbdbdb; margin-bottom:15px}
			.post div.wp-caption p.wp-caption-text,
			.page div.wp-caption p.wp-caption-text {font-size:11px; line-height:12px}
			.post div.topsy_widget_data {margin-top:-75px; *margin-top:-50px}
			.post h2, 
			.page h2,
			.archive h2 {font-size:25px; line-height:27px; color:#9c2; font-weight:normal; padding-right:100px}
				.post h2 a,
				.page h2 a {}
					.post h2 a:hover,
					.page h2 a:hover {}
				.post h2 small,
				.page h2 small {}
					.post h2 small a,
					.page h2 small a {}
			.post h3,
			.page h3 {}
				.post h3 a,
				.page h3 a {}
					.post h3 a:hover,
					.page h3 a:hover {}
				.post h3 small,
				.page h3 small {}
					.post h3 small a,
					.page h3 small a {}
			.post h4,
			.page h4 {}
			.post h5,
			.page h5 {}
			.post p, 
			.page p {margin:13px 0} 
				.post p a.more-link {}
					.post p a.more-link:hover {}
				.post p.autor {}
			.post ul, .post ol, .post blockquote, .post address,
			.page ul, .page ol, .page blockquote, .page address {margin:0 30px}
			.post div.autoviewer {}
			
			/* tabela disponibilidade */
				div#postTabs_5_3 div {width:48%; float:left; margin:0 5px; font-size:14px; font-weight:bold}
					#postTabs_5_3 table {border:solid 1px #ccc; margin-top:10px; background-color:#fff}	
					#postTabs_5_3 td {border:solid 1px #ddd; font-weight:normal; font-size:12px}
					#postTabs_5_3 td span {display:block; text-align:center; color:#fff}
					#postTabs_5_3 span.d {background-color:green /*verde disponivel*/}
					#postTabs_5_3 span.v {background-color:red /*vermelho vendido*/}
					#postTabs_5_3 span.r {background-color:yellow; color:#888; /*reservado amarelo*/}
					#postTabs_5_3 span.p {background-color:gray; color:#000; /*permutado cinza*/}
					#postTabs_5_3 span.o {background-color:blue /*outros azul*/}
					#postTabs_5_3 span.a {background-color:orange /*alugada laranja*/}
				div#postTabs_5_3 ul {list-style-type:none; margin:0; padding:0}	
					div#postTabs_5_3 li {width:83px; float:left; margin-left:5px; border:solid 1px #ccc; padding:3px 5px 5px 5px; background-color:#fff}		
					div#postTabs_5_3 ul span {display:block; height:12px; width:12px; float:left; margin:4px 5px 0 3px; overflow:hidden; text-indent:-500px}
			#content .post img, 
			#content .page img {padding:10px; border:solid 1px #ddd; background-color:#fff; max-width:840px; height:auto;
		         /* IE hack for Image max-width */
		         width: expression(this.width > 840 ? 840: true)}
			#content .post .alignright, #content .post .alignleft, #content .post alignnone,
			#content .page .alignright, #content .page .alignleft, #content .page alignnone {float:right; margin:0 0 0 10px; text-align:right}

			/* formulario de perguntas 
			.formvinci {background: url(images/bg_davinci_interna.png) no-repeat center left; height:287px; border:solid 1px #000}
			.formvinci h3 {font-size:22px; width:210px; text-align:left; float:right; color:#046; border:solid 1px orange}
			.formvinci form {border:solid 1px #f00; float:right; width:260px}
			.formvinci li {border:0; margin:4px; background:none; padding:0; border:solid 1px #000; list-style-type:none}
			.formvinci .cf_hidden {border:0}
			.formvinci .cf-sb {margin-left:210px; margin-top:-20px}
			.formvinci label {color:#004F67; font-weight:bold; margin-right:5px}
			.formvinci .cf-ol {text-align:right; padding:0; margin:0; border:solid 1px green}
			.formvinci #cf2_field_1 {width:140px; background:#E3EBEE; border:0; height:20px}
			.formvinci #cf2_field_2 {width:140px; margin-right:5px; background:#E3EBEE; border:0; height:20px}
			.formvinci #cf2_field_3 {width:140px; background:#E3EBEE; border:0; height:20px}
			.formvinci #cf2_field_4 {width:140px;  background:#E3EBEE; border:0; height:60px}
			*/

			/* formulario de perguntas */
			.formvinci h3 {font-size:22px; margin: 0 0 30px 40px; color:#046}
			.formvinci {background: url(images/bg_davinci_interna.gif) no-repeat center left; padding-left:320px; height:267px}
			.formvinci #li-2-1 {border:0; margin:4px; background:none; padding:0}
			.formvinci #li-2-2 {border:0; margin:4px; background:none; padding:0}
			.formvinci #li-2-3 {border:0; margin:4px; background:none; padding:0}
			.formvinci #li-2-4 {border:0; margin:4px; background:none; padding:0}
			.formvinci .cf_hidden {border:0}
			.formvinci .cf-sb {margin-left:210px; margin-top:-20px}
			.formvinci label {color:#004F67; font-weight:bold; margin-right:5px}
			.formvinci .cf-ol {text-align:right}
			.formvinci #cf2_field_1 {width:140px; background:#E3EBEE; border:0; height:20px}
			.formvinci #cf2_field_2 {width:140px; margin-right:5px; background:#E3EBEE; border:0; height:20px}
			.formvinci #cf2_field_3 {width:140px; background:#E3EBEE; border:0; height:20px}
			.formvinci #cf2_field_4 {width:140px;  background:#E3EBEE; border:0; height:60px}

			/* archive - lista */
			.archive ul {margin:10px 0}
			.archive li {list-style-type:none; border-bottom:solid 1px #eee; padding-bottom:15px; margin:15px 0; padding-left:15px; background:url(images/arrow.gif) no-repeat 0 5px}
			.archive ul.perguntas li {background:url(images/bg_perguntas_davinci.png) no-repeat; height:101px; overflow:hidden; padding:0 0 0 120px; border-bottom:none; margin:0; position:relative; top:0; left:0}
			.archive ul.perguntas h4 {margin-top:15px}
			.archive ul.perguntas h4 a {color:#046; font-size:18px; font-weight:normal}
			.archive ul.perguntas h4 a:hover{color:#9c2}
			.archive ul.perguntas span {display:block; font-size:58px; line-height:101px; position:absolute; top:0; left:0; margin:0 0 0 30px}

			/* galeria */
			body div.ngg-galleryoverview {clear:none; width:600px; margin-left:18px; float:left}
				body div.ngg-galleryoverview div.ngg-gallery-thumbnail-box {display:inline; margin:0; padding:0}
					body div.ngg-galleryoverview div.ngg-gallery-thumbnail-box div.ngg-gallery-thumbnail {display:inline; padding:0; margin:0}
					body div.ngg-galleryoverview div.ngg-gallery-thumbnail-box img {padding:4px; background-color:#ddd; margin:4px 8px 4px 0; border:none}
					body #content  div.ngg-galleryoverview div.ngg-gallery-thumbnail-box img:hover {background-color:#9b2}
			.post img.ngg-singlepic, .post img.ngg-none {display:none}

			/* editar */
			p.edit {position:fixed; top:0; left:100%; margin:21px 0 0 -20px; width:20px; height:20px}
				p.edit a {display:block; width:20px; height:20px; overflow:hidden; background-color:#9c2; text-indent:-1000px}

			/* forms */
			.page div#usermessagea {} /* mensagem de aviso */
			.page form.cform {margin:20px 0; border:solid 1px #eee; padding:15px 20px} /* formulario */
				.page form.cform fieldset {} /* fieldset */
				.page form.cform fieldset.cf_hidden {display:none}
					.page form.cform legend {} /* legendas */
					.page form.cform ol.cf-ol {list-style:none; padding:0; margin:0} /* contem os campos */
						.page form.cform li {margin:10px 0; position:relative; top:0; left:0} /* linha de cada campo */
							.page form.cform label {display:block; padding-left:10px; background:url(images/arrow.gif) no-repeat 0 6px} /* rotulo dos campo */
								.page form.cform label span {} /* texto dentro do rotulo */
								.page form.cform span.reqtxt, .page form.cform span.emailreqtxt {display:block; text-transform:lowercase; position:absolute; top:0; left:0; margin:13px 0 0 380px; font-size:11px} /* descricao de campos obrigatorios */
							.page form.cform input {} /* campos */
								.page form.cform input.single {padding:5px; margin:0 5px 0 10px; width:350px} /* campo simples */
								.page form.cform input.fldemail {} /* campo de email */
								.page form.cform input.fldrequired {} /* campo obrigatorio */
								.page form.cform input.sendbutton {padding:5px 8px; font-size:15px; width:auto; text-transform:lowercase} /* botao enviar */
							.page form.cform textarea {width:350px} /* caixa de texto */
							.page form.cform textarea.area {margin:0 5px 0 10px; padding:5px} /* area */
							.page form.cform p {} /* paragrado dentro do form */
								.page form.cform p.cf-sb {width:370px; text-align:right} /* paragrafo do botao enviar */

		/*grafico de andamento da obra*/	
		.wp-polls {margin-left:20px}
			.wp-polls .obra {float:right; margin:0 30px 0 0; width:266px}
			.wp-polls h3 {font-size:13px; margin:0 0 10px 0}
			.wp-polls ul {margin:0}
			.wp-polls li {list-style-type:none; margin:5px 0; border:solid 1px #ccc; padding:2px 8px 5px 8px; background-color:#eee}
			.wp-polls div.pollbar {height:8px; width:240px; border:solid 1px #9c2; background-color:#fff}
			#content .wp-polls div.pollbar img.barra {height:8px; width:auto; background-color:#9c2; padding:0; border:none}
				#content .wp-polls div.pollbar img.width-0 {width:0; background-color:#fff}
				#content .wp-polls div.pollbar img.width-5 {width:12px}
				#content .wp-polls div.pollbar img.width-10 {width:24px}
				#content .wp-polls div.pollbar img.width-15 {width:36px}
				#content .wp-polls div.pollbar img.width-20 {width:48px}
				#content .wp-polls div.pollbar img.width-25 {width:60px}
				#content .wp-polls div.pollbar img.width-30 {width:72px}
				#content .wp-polls div.pollbar img.width-35 {width:84px}
				#content .wp-polls div.pollbar img.width-40 {width:96px}
				#content .wp-polls div.pollbar img.width-45 {width:108px}
				#content .wp-polls div.pollbar img.width-50 {width:120px}
				#content .wp-polls div.pollbar img.width-55 {width:132px}
				#content .wp-polls div.pollbar img.width-60 {width:144px}
				#content .wp-polls div.pollbar img.width-65 {width:156px}
				#content .wp-polls div.pollbar img.width-70 {width:168px}
				#content .wp-polls div.pollbar img.width-75 {width:180px}
				#content .wp-polls div.pollbar img.width-80{width:192px}
				#content .wp-polls div.pollbar img.width-85 {width:204px}
				#content .wp-polls div.pollbar img.width-90 {width:216px}
				#content .wp-polls div.pollbar img.width-95 {width:228px}
				#content .wp-polls div.pollbar img.width-100 {width:240px}			
		/*social media / navbottom */
		#socialmedia {width:940px; clear:both; margin:0 auto; text-align:left}
			#socialmedia ul.socialmedia {list-style-type:none; float:left; padding:56px 0 21px 0; margin:0}
				ul.socialmedia li {display:inline}
				ul.socialmedia img {border:none}
			.navbottom ul.menu {list-style-type:none; float:right; padding:56px 0 21px 0; margin:0}
				.navbottom ul.menu li {display:inline}
				.navbottom ul.menu a {color:#046; line-height:28px; font-size:13px; padding:0 6px 0 8px; border-left:solid 1px #046}
					.navbottom ul.menu a:hover {color:#9c2}
				.navbottom ul.menu li.page-item-3 a {padding-left:0; border-left:none}			
				.navbottom ul.menu li.cat-item-1 {display:none}
		/*footer*/
		#footer {background-color:#068; clear:both; font-size:11px; color:#fff}
			#footer div {display:block; width:760px; margin:0 auto; text-align:left; padding:20px 0 20px 170px; background:url(images/ecomax.png) no-repeat 0 25px}
			#footer div.textwidget {background:none; padding:0}
				#footer a {color:#cee}
					#footer a.hagg {display:block; float:right; text-indent:-1000px; margin:-45px 0 0 0; width:60px; height:30px; overflow:hidden; background:url(images/hagg-assinatura.gif) no-repeat}
						#footer a.hagg:hover {background-position:0 -30px}		/* login */
				#footer span.login {display:block; position:fixed; top:0; left:100%; margin:0 0 0 -20px; width:20px; height:20px}
					#footer span.login a {display:block; width:20px; height:20px; overflow:hidden; text-indent:-100px; overflow:hidden; background-color:#068; color:#fff; text-transform:lowercase; font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:20px}

.cf-ol {list-style:none}
.reqtxt, .emailreqtxt {visibility:hidden}

div#header p.mail {position:absolute; top:100px; right:32px; font-size:16px; text-transform:uppercase; color:#ABD31B}

		#header ul.idiomas {position:absolute; z-index:20; margin-left: 847px; margin-top:37px}
		#header ul.idiomas li {float:left; list-style:none; background:url(images/bandeiras.png) no-repeat;}
		#header ul.idiomas li a {text-indent:-10000px; display:block; margin-left:5px; height:11px; width:16px;}
		#header ul.idiomas li.pt {background-position:-168px -59px; }
		#header ul.idiomas li.en {background-position:-280px -171px; }
		#header ul.idiomas li.es {background-position:0 -171px; }
		
#footer div {position:relative; top:0; left:0;:}
#footer #logo {position:absolute; left:0px; display:block; height:50px; width:160px; text-indent:-10000px}