/* =initial page & hacks
--------------------------- */
* {margin:0;}
body {margin:0;padding:0.5em;background:#fff;color:#000;font: x-small arial, verdana, sans-serif;}
a img {border:none;} ul, ol, dl, dt, dd {padding-left:0;} ul li {list-style:none;} ol li {list-style:decimal inside;}
hr, .hidden, .sIFR-alternate {display:none;} 
.clearfix:after, .colwrapper:after, .columngroup:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* =basic elements & layout
--------------------------- */
body {background:#19130F;color:#A19C94;}
a {color:#A19C94;text-decoration:none;}
li, dt, dd, p {font-size:1.2em;line-height:1.3;}
#all {width:74em;margin:0 auto;overflow-x:hidden;}
body > .fixedloading {position:fixed;left:0;top:0;}
.fixedloading {color:#19130F;background:#B4A586;padding:3px;width:100%;height:1.5em;margin:0;padding-top:0.5em;font-size:1.3em;text-align:center;border-bottom:0.1em solid #19130F;z-index:30;}
.fixedloading img {vertical-align:middle;margin-right:1em;}

h2 {color:#fff;font:normal 1.4em "Trebuchet MS", "Times New Roman", Times, serif;margin-bottom:1em;}
h2.active {color:#A4B42D;}
	h2 a, h2 a.opener {color:#fff !important;}
	h2.active a, h2.active a.opener {color:#A4B42D !important;}
/*	h2 a, h2 a small {color:#A19C94;}*/


/* =header
--------------------------- */
#header {margin-bottom:1.5em;position:relative;}
	p#cf_badge {float:left;font-size:1em;}
		#cf_badge img {width:11.9em;height:2.1em;}
	h1 {font-size:4em;float:left;clear:left;}
		#gi_logo {display:block;width:12.2em;height:1.066em;}
	#navigation {float:right;text-transform:uppercase;position:absolute;top:2.7em;right:0;}
		#navigation li {font-size:1em;line-height:1em;}
		#navigation a, #navigation span {color:#A19C94;font-size:0.9em;text-decoration:none;}
		#navigation .active a {color:#A4B42D;}
		#navigation a:hover {color:#fff;}

/* =about
--------------------------- */
#about {border:none;padding:0;}
	#mission {font-size:1.1em;padding:0;}
		#mission a {color:#A19C94;text-decoration:none;}
	#moreabout {margin:0 0 2em 0;}
		#moreabout p {font-size:1.5em;line-height:1.5;color:#eee;font-family: Georgia, "Times New Roman", Times, serif;margin:0;}

/* =content
--------------------------- */
.content {border-top:1px dashed #837968;padding-top:1em;margin:1.5em 0;}
.complete .complete {border-top:1px dashed #413c34;padding-top:1em;}
div.complete {font: x-small arial, verdana, sans-serif;}
	.complete h3 {color:#fff;font-weight:normal;}
	p.initial {color:#A19C94;font-size:1.2em;line-height:1.4;font-weight:0;margin-bottom:1.5em;}
	p.titleasterisk {width:65%;padding:0.5em 0;line-height:1;}
 		.initial a.opener {color:#A19C94;text-decoration:none;}
		a.opener img.plusImage {vertical-align:middle;padding-left:3px;}
			h2 a.opener img.plusImage {padding-left:10px;}
		.initial a {outline:none;}
	div.extended {font-family:"Times New Roman", Times, serif;margin-bottom:1.5em;overflow:hidden;}
		.extended h3 {font-size:1.2em;margin-bottom:-1em;} /* para ficar igual ao parent */
		.extended .column img {float:right;margin:0 0 1em 0.5em;}
		.extended p, .extended img .column, .extended h3 {margin-top:1.2em;}
			.extended a, .text a, #userinput a {color:#A4B42D;}
			.column {margin-top:-1.2em;overflow:hidden;} /* contradicts first p margin-top and safe against big words/links */

.columngroup {width:74em;}
	.columngroup .singlecolumn {float:left;width:24em;}
	.columngroup .doublecolumn {float:left;width:48.90em;}
	.columngroup .columnwithpadding{margin-right:0.90em;}

.twocolumns .singlecolumn {width:36em;}
.twocolumns .columnwithpadding{margin-right:1.5em;}

/* =table
-------------------------- */
table {border-collapse:collapse;width:100%;font-family:arial, sans-serif;}
	th {color:#fff;font-weight:normal;text-align:left;}
	td, th {border-bottom:1px dashed #413C34;padding:0.4em 0.5em 0.4em 0;}
	tbody td {font-size:1.1em;}
	tbody td.high {font-size:1.4em;padding-right:1.5em;}
	tbody td.high a {color:#A19C94;}
	tbody td.index {font-size:1.3em;}
	
	.sidewalk {width:11em;}
	.ecogroup {width:10em;}

#tablehints {width:49em;margin:1.5em 0 0 25em;font-family:arial, sans-serif;}
	#tablehints .singlecolumn {float:left;width:10.5em;}
	#tablehints .columnwithpadding {margin-right:2em;}
		#tablehints p {line-height:1;}
		#tablehints p strong {color:#fff;font-weight:normal;}



/* =articles
-------------------------- */
#articles {width:74em;overflow:hidden;position:relative;}
	#panel {width:740em;}
		#articles .article {float:left;width:74em;}

.article .initial {margin-bottom:1.5em;}
	.article .photo {position:relative;width:74em;height:32em;overflow:hidden;display:block;}
	.article h2 {margin-top:1em;}
		.article p.photo {font-size:1em;}
		.article .photo img.projimg {width:74em;height:auto;/*cursor:pointer;*/}
		.article .photo .prevlink, .article .photo .nextlink {display:none;position:absolute;width:10em;top:50%;height:6em;margin-top:-3em;background:#19130F;text-align:center;}
		.article .photo .prevlink {left:2em;border:1px solid #555;}
		.article .photo .nextlink {right:2em;border:1px solid #555;}
		.article .photohover .prevlink, .article .photohover .nextlink {display:block;}
		.article .photo .inactive {cursor:default;display:none;}
		.article .photo a img {margin-top:1.8em;}
	.article .text {font-size:1.3em;line-height:1.3;}

/* =calculator
-------------------------- */
#calculator {margin-top:3em;}
	#calculator li, #calculator dd {font-size:1em;}

#calcresult {width:74em;}
	#wrapcalc, #userinput {position:relative;width:74em;}
	#wrapcalc {height:13.5em;margin-top:1em;}
	#userinput {height:61em;}
		#wrapcalc .bg {position:absolute;left:0;top:0;height:13.5em;width:74em;}
			#wrapcalc .bg img {height:13.5em;width:74em;}
		.calcitem {position:absolute;left:0;top:0.5em;width:10em;height:12.5em;padding-bottom:0.5em;}
		dl.calchint {padding-top:0.5em;margin-top:1.5em;border-top:1px dashed #413C34;}
		#userinput .calcitem {width:11.5em;height:auto;}
		#wrapcalc .calcitem {height:12.5em;}
			.wrap dd.add {margin:0 !important;}
			.wrap dd.real {padding-top:0.8em;}
			.wrap dl.aditional {border-bottom:1px dashed #837968;padding:0.5em 0;}
			.wrap .odd {background:#120E0B;}
			#wrapcalc dt {font-size:1em;text-indent:-5000px;height:9.5em;}
			#wrapcalc dd {text-align:center;color:#fff;font:normal 1.5em "Trebuchet MS", "Trebuchet" Helvetica, Verdana, sans-serif;}
			#userinput dt {font-size:1.1em;margin:1.5em 0;color:#A4B42D;}
			#userinput dd {margin-bottom:0.4em;line-height:1.1;}
			#userinput dd form dl dt {color:#fff;}
			dl.calchint dd {margin-bottom:1em;}
				#userinput input, #userinput select {font-size:1.1em;}
				#userinput input.text, #userinput select {width:10em;border:1px solid #999;}
				.light {left:0.5em;width:9em;}
				#userinput .light {width:10.5em;}
					#userinput .light input.text {width:8.7em;}
				.gas {left:11.9em;} 
				.auto {left:24.6em;}
				.flight {left:37.2em;}
				.sum {left:49.8em;}
					#wrapcalc .sum dd, #checkout_wrap .sum {color:#EF4123;}
				.trees {left:62em;width:11em;}
					#wrapcalc .trees dd, #checkout_wrap .trees {color:#A6B739;}
				 #userinput input.minibt {font-size:0.7em;}
#hints .columngroup {padding-top:1.5em;}
	#hints h3 {color:#fff;padding-bottom:1.5em}
		#hints .singlecolumn p {margin-bottom:1em;}
		#hints .singlecolumn p img {vertical-align:middle;}
		
.billing dd, .billing dt {float:left;}
.billing dt {clear:left;}
.billing dd {margin-left:0.5em;}
.totalbill {font-size:1.3em;font-weight:bold;}

		
/* =generic form
-------------------------- */
form.generic {}
	form.generic input.text {border:none;background-color:#A19C94;color:#19130F;padding:0.2em;}
	form.generic input.bt {border:none;background:#19130F;color:#A19C94;padding:0.2em;}
	form.generic dt, form.generic dd {width:49.99%;padding-top:0.5em;}
	form.generic dt {float:left;text-align:right;}
	form.generic dd {margin-left:49.99%;}
	input.mandatory {background-image:url(/img/mandatory.png);background-position:100% 0;background-repeat:no-repeat;}

.loadingplace img {vertical-align:middle;}

#checkout {margin-top:2em;}
#checkout input.text {width:26em;}
#checkout p {clear:both;padding-bottom:1.3em;margin:0;}
#checkout p.half {float:left;clear:none;width:13em;}
#checkout p.firsthalf {margin-right:1.05em;width:14em;}
* html #checkout p.firsthalf {margin-right:0.85em;}
#checkout p.half input.text {width:12em;}
#checkout input.bt {padding-left:0;margin-left:0;width:6em;}
* html #checkout input.bt {width:5.5em;}
#checkout .errormessage {color:#EF4123;}
	

/* =
-------------------------- */
.reflorestamento img {border:5px solid #D8D4C9;}
.reflorestamento .copy {color:#D8D4C9;float:right;font:normal 0.8em arial;text-transform:uppercase;}
.reflorestamento .geo {background:#000;padding:5px;margin:0 auto;width:130px;text-align:center;}


/* =footer 
-------------------------- */
#footer {margin:6em 0 3em;}
	#sitemap h3 {margin-bottom:1em;}
	#sitemap li, #footer p {font-size:1em;}
	#footer .org, #footer .adr {display:none;}
	#footer #arrobao {font-size:1.6em;margin-bottom:0.1em;}

	.extended, .extendedabout {display:none;}
	.open {display:block;}