@import url('reset.css');
@import url('fonts.css');
@import url('form.css');

body{background: #000;}

.cols1{width:950px}
.cols2{width:465px}
.cols2.wide{width:570px}
.cols2.thin{width:350px}
.cols2.aside{margin-left:40px}
.cols3{width:300px}
.cols4{width:220px}

#page, #colophon{max-width: 1600px;}

#branding, #content{
	width: 990px;
	margin: 0 auto;
}
.infos-rodape, .assinatura{
	width: 950px;
	margin: 0 auto;
}

#page #branding{height: 122px;position: relative;}
	#page #branding #header #site-title a{width: 146px;height: 86px;background: url('../images/logo-3.png') no-repeat;display: block;text-indent: -9999px;overflow: hidden;margin-left: 45px;top: 11px;position: relative;}
	#page #branding #access{position: absolute;right: 20px;top: 31px;}
		#page #branding #access ul li{display: inline-block;height: 52px;border-right: 1px solid #292929;padding: 0 14px;vertical-align: top;position: relative;}
		#page #branding #access ul li.acesso-restrito{border: none;}
			#page #branding #access ul li a{text-transform: uppercase;color: #706f6b;font-size: 16px;line-height: 52px;text-decoration: none;}
			#page #branding #access ul li a.ativo,
			#page #branding #access ul li a:hover,
			#home #page #branding #access ul li.home a{color: #ffffff;}
			#institucional #page #branding #access ul li.institucional a{color: #ffffff;}
			#lancamentos #page #branding #access ul li.lancamentos a{color: #ffffff;}
			#lancamento #page #branding #access ul li.lancamentos a{color: #ffffff;}
			#empreendimentos #page #branding #access ul li.empreendimentos a{color: #ffffff;}
			#empreendimento #page #branding #access ul li.empreendimentos a{color: #ffffff;}
			#contato #page #branding #access ul li.contato a{color: #ffffff;}

		#page #branding #access ul li.lancamentos ul.sub-menu{display: none;background: none repeat scroll 0 0 #515151;left: 0;position: absolute;top: 52px;width: 147px;z-index: 999;padding: 15px 0;}
			#page #branding #access ul li.lancamentos ul.sub-menu li{border: medium none;height: auto;line-height: normal;width: 100%;padding: 0;}
			#page #branding #access ul li.lancamentos ul.sub-menu li:hover{background: #3a3a3a;}
				#page #branding #access ul li.lancamentos ul.sub-menu li a{display: block;line-height: 12px;padding: 6px 14px;}
					#page #branding #access ul li.lancamentos ul.sub-menu li a .nome-lancamento{color: #ffffff;font-size: 11px;}
					#page #branding #access ul li.lancamentos ul.sub-menu li a .cidade-lancamento{color: #acacac;font-size: 11px;text-transform: capitalize;}

#content{color: #838383;font-size: 12px;line-height: 18px;text-align: justify;}
	#content p{padding: 10px 0;}

#colophon{margin-top: 7px;}
	#colophon .rodape{color: #9d9d9d;background:#141414;height: 110px;font-size: 11px;}
		#colophon .rodape .infos-rodape ul{padding: 36px 0;}
			#colophon .rodape .infos-rodape ul li{display: inline-block;}
			#colophon .rodape .infos-rodape ul li.separador{margin: 0 14px;position: relative;top: -1px;}
			#colophon .rodape .infos-rodape ul li.telefone{background: url("../images/telefone.png") no-repeat scroll left 19px transparent;line-height: 18px;}
			#colophon .rodape .infos-rodape ul li.newsletter{float: right;}
			#colophon .rodape .infos-rodape ul li.newsletter input{width: 207px;border: 1px solid #4c4b47;margin: 0 9px;color: #9d9d9d;padding:7px 10px;background: none!important;vertical-align: 10px;}
			#colophon .rodape .infos-rodape ul li.newsletter button{background: url("../images/enviar-newsletter.png") no-repeat scroll center center transparent;height: 27px;overflow: hidden;position: relative;text-indent: -9999px;top: 2px;width: 10px;vertical-align: 10px;}
			#colophon .rodape .infos-rodape ul li.newsletter label{display: inline-block;line-height: 18px;text-align: right;}
	#colophon .assinatura{color: #484848;height: 60px;}
		#colophon .assinatura #copyright{margin: 20px 0 0;float: left;}
		#colophon .assinatura .developer{margin: 20px 0 0;float: right;}
			#colophon .assinatura .developer span{float: left;}
			#colophon .assinatura .developer a{display: block;background: url('../images/grupow.png') no-repeat;width: 71px;height: 13px;overflow: hidden;text-indent: -9999px;float: left;margin-left: 10px;position: relative;top: 3px;}

.mac #colophon .rodape .infos-rodape ul li.separador{margin: 0 9px;}
.mobile #colophon .rodape .infos-rodape ul li.separador{margin: 0 9px;}
.linux #colophon .rodape .infos-rodape ul li.separador{margin: 0 38px;}
.ie9 #colophon .rodape .infos-rodape ul li.separador{margin: 0 10px;}
.ie8 #colophon .rodape .infos-rodape ul li.newsletter input{position: relative;top: -1px;}
.ie8 #colophon .rodape .infos-rodape ul li.newsletter button{top: 0px;}
.ie8 #branding, .ie8 #content{width: 985px;}

/* popup */
.popup { background: url('../images/popup_outlet_16-07-2013.png') no-repeat top left; height: 331px; left: 50%; margin-left: -450px; position: absolute; top:153px; width: 900px; z-index: 99999999; }
.popup a.btn-fechar{display: block; height: 20px; left: 851px; position: absolute; top: 28px; width: 20px;}

/* alert */
#alert{background:rgba(255, 255, 255, .7);background:#fff;top:40%;color:#000;display:none;font-family:sans-serif;font-size: 1.5em;left:0;padding:30px 0;position:fixed;text-align:center;text-indent:0;width:100%;z-index:9999}