/* global */
* { padding: 0; margin: 0; }

body { background: url(../images/Fundo.jpg) top center no-repeat; font: 10px Arial, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; }

img { border: none; vertical-align: middle; }

input, textarea { font-family: Arial, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; vertical-align: middle; }
select option { padding: 0 4px; }
/* end of blobal */


/* headers */
h1, h2, h3, h4 { }
/* end of headers */


/* text */
p { font-size: 1.1em; }
a { }
p.acenter { text-align: center; }
/* end of text */


/* form classes */
.textbox { }
.checkbox { }
/* end of forms */

/* global classes */
.clearboth { clear: both; }
.hand { cursor: pointer }
/* end global classes */


/* Projecto CGD  */
#container { margin: 0px auto; width: 948px; }


/* Header */
#header { float: left; width: 936px; padding-bottom: 21px; padding-left: 12px; position: relative }
	#header a, #header img { float: left; }
		#header a.linkCDG { margin-top: 27px; }
		#header a.linkCarbono { margin-left: 52px; margin-top: 32px; }
		
	/* Menu topo à direita */
	#header .nav { background: url(../images/menu/bg_topRight.gif) top left no-repeat; width: 288px; height: 17px; float: right; margin-right: 1px; padding-top: 3px; padding-left: 13px }
	
	/* Menu com letras grandes */
	#header .menu { float: left; width: 936px; padding-top: 21px }
		#header .menu a { behavior: url(scripts/iepngfix.htc); background-position: top left; background-repeat: no-repeat; color: #727272; text-decoration: none; padding-left: 8px; height: 12px; padding-top: 21px; font-size: 0.9em; cursor: pointer }
			#header .op1 { background-image: url(../images/menu/menu_1_off.png); }
				#header .op1on { background-image: url(../images/menu/menu_1_on.png); }
			#header .op2 { background-image: url(../images/menu/menu_2_off.png); margin-left: 23px; margin-right: 16px }
			#header .op3 { background-image: url(../images/menu/menu_3_off.png); }
				#header .op3on { background-image: url(../images/menu/menu_3_on.png); }
			#header .op4 { background-image: url(../images/menu/menu_4_off.png); margin-left: 14px; margin-right: 24px }
			#header .op5 { background-image: url(../images/menu/menu_5_off.png); }
			
			
/* Paginas Interiores */
	/* LandingPage */
	#mainIndex { float: left; width: 948px }
		/* Area com fundo azul, cartao 'a esquerda e botao aderir ja' 'a direita */
		#mainIndex .top, #mainIndex .top img { float: left; }
		
		/*Area central com 3 zonas distintas */
		#mainIndex .center { float: left; color: #868686; padding-top: 6px; padding-bottom: 14px }
			#mainIndex .center img { margin-top: 2px; _margin-top: 0px; }
			#mainIndex .center .left { float: left; width: 295px; padding-left: 12px }
				/* Projectos de compensacao */
				#mainIndex .projectos { background: url(../images/index/bg_projectos.png) top left no-repeat; behavior: url(scripts/iepngfix.htc); padding-top: 31px; float: left; }	
					#mainIndex .projectos p { padding-right: 10px }
				/* Calculadora de Carbono */
				#mainIndex .calculadora { background: url(../images/index/bg_calculadoras.png) top left no-repeat; behavior: url(scripts/iepngfix.htc); padding-top: 29px; float: left; margin-top: 33px; _margin-top: 31px }
					#mainIndex .calculadora p { padding-right: 60px; }
					
			/* Zona com imagem em destaque */
			#mainIndex .center .middle { float: left; width: 340px; padding-left: 26px; background: url(../images/bg_destaque.gif) top left repeat-y }
				#mainIndex .center .middle img { margin-top: 0px; }
			
			#mainIndex .center .right { float: left; width: 275px; }
				/* Parcerias */
				#mainIndex .parcerias { background: url(../images/index/bg_parcerias.png) top left no-repeat; padding-top: 31px; behavior: url(scripts/iepngfix.htc); }
					#mainIndex .parcerias ul, #mainIndex .parcerias ul li { list-style: none; }
					#mainIndex .parcerias ul { padding: 8px 0px }
						#mainIndex .parcerias ul li { background: url(../images/index/bullet.gif) center left no-repeat; padding-left: 11px }
						
				/* Loja */
				#mainIndex .loja { background: url(../images/bg_loja.png) top left no-repeat; behavior: url(scripts/iepngfix.htc); padding-top: 29px; margin-top: 20px; _margin-top: 16px; }
				
	
	/* Classes comuns às interiores (non-index) */
	#main { float: left; width: 948px; }
		/* sub-menu da barra azul	 */
		.subMenu { background: url(../images/bg_subMenu.png) top left no-repeat; behavior: url(scripts/iepngfix.htc); width: 688px; height: 43px; float: left; padding-left: 260px; padding-top: 15px; height: 22px; padding-bottom: 21px; }
			.subMenu p { float: left; }
			.subMenu a { color: #ffffff; text-decoration: none; font-size: 1.1em; font-weight: bold; float: left; margin-top: 3px; }
				.subMenu a.active { color: #717171 }
				.subMenu a:hover { color: #717171; }
			.subMenu span { height: 22px; width: 1px; background: url(../images/bullet_subMenu.gif) top center repeat-y; padding: 0px 30px; float: left; }
			
	/* zona do lado esquerdo */
	#main .left { width: 229px; float: left;  color: #868686; background: url(../images/bg_main.gif) top right repeat-y; }
		#main .left .top { float: left; background: url(../images/bg_left.png) top left no-repeat; behavior: url(scripts/iepngfix.htc); padding-top: 66px; width: 220px; height: 33px; }
		#main .left .aderirJa { float: left; margin-left: 66px; }
		
		#main .left .rounderCorners { background: transparent url(../images/bg_bottomLeft.png) top left no-repeat; float: left; padding-left: 27px; width: 186px; padding-top: 15px; behavior: url(scripts/iepngfix.htc); height: 229px; }
			
			.rounderCorners .calculadora { background: url(../images/bg_calculadoras.gif) top left no-repeat; padding-top: 31px; float: left; }
				.rounderCorners .calculadora p { padding-right: 30px; }
				
			.rounderCorners .parcerias { background: url(../images/index/bg_parcerias.png) top left no-repeat; behavior: url(scripts/iepngfix.htc); margin-top: 16px; padding-top: 27px; float: left; }
			
			.rounderCorners p { margin-bottom: 6px; _margin-bottom: 2px; }
			
	#main .right { float: left; width: 690px; padding-left: 29px }
	
		p.breadcrumbs { color: #727272; font-size: 0.9em; float: left; width: 100%; padding-bottom: 20px; }
			p.breadcrumbs a { color: #727272; text-decoration: none; }
				p.breadcrumbs a:hover { text-decoration: underline; }
			p.breadcrumbs span { color: #00b8e0; }
			
		h2 { color: #00b8e0; font-size: 1.4em; padding-bottom: 15px }
	
	/* Cartao */
	.cartao { /*background: url(../images/bg_cartao.png) top right no-repeat; behavior: url(scripts/iepngfix.htc);*/ width: 678px; float: left }
		.cartao h2 { padding: 0px; }
		.cartao h3 { color: #8f8f8f; font-size: 1.4em; font-weight: normal; }
		.cartao p {  font-size: 1.2em; color: #727272; padding-top: 20px }
			.cartao p img { float: right; }
		
		
	/* FAQs */
	.faqs { }
		.faqs h2 { padding-bottom: 5px; }
		.faqs a { color: #00b8e0; text-decoration: none; margin-top: 10px; float: left }
		.faqs p { color: #727272; font-size: 1.2em; padding-right: 85px; clear: both }
			.faqs p.hidden { display: none; }
			
			
	/* Parcerias */
	.parcerias { }
		.parcerias h2 { padding: 0px; margin-bottom: -10px }
		.parceiro { float: left; width: 340px; position: relative; margin-top: 30px }
			.parceiro img.thumb { float: left; padding: 1px; background: url(../images/bg_parceiro_thumb.gif) top left no-repeat; margin-right: 18px }
			.parceiro h3 { font-weight: normal; font-size: 1.2em }
				.parceiro h3 a { color: #00b8e0; text-decoration: none }
			.parceiro p { color: #929292; font-size: 1.2em; padding-right: 70px; padding-top: 8px }
			.parceiro a.saberMais { position: absolute; bottom: 0px; left: 92px; }
			
		.parcerias .nav { float: right; width: 300px; font-size: 1em; padding: 11px 74px 11px 0px }
			.parcerias .nav a { float: right; border: 1px solid #00b8e0; height: 12px; width: 12px; text-align: center; color: #00b8e0; text-decoration: none; margin-left: 4px }
				.parcerias .nav .active { background: #00b8e0; color: #fff; }
				
	/* Parcerias Interior */
	.parceriasInterior h3 { font-weight: normal; font-size: 1.4em; padding-bottom: 10px }
		
	.parceriasInterior .thumb { float: left; text-align: center; width: 191px }
		.parceriasInterior .thumb img { float: left; padding: 3px; background: url(../images/bg_parceiro.gif) top left no-repeat; }
		.parceriasInterior .thumb a { color: #00b8e0; text-decoration: none; font-size: 1.1em }
			
	.parceriasInterior .details { float: left; width: 455px; color: #929292; font-size: 1.1em; padding-left: 15px }
		.parceriasInterior .details ul, .parceriasInterior .details ul li { list-style: none; }
			.parceriasInterior .details ul li { background: url(../images/bullet_parcerias.gif) center left no-repeat; padding-left: 11px; font-size: 1.1em }

	.parceriasInterior .voltar { padding-top: 40px; float: left; clear: both }

/* Bottom navigation */
.bottomnav { clear: both; width: 140px; height: 20px; margin: 10px 0 0 0 }
	.bottomnav img { margin-right: 10px; border: none }


/* Footer */
#footer { width: 936px; padding-left: 12px; float: left; background: url(../images/bg_footer.png) top right no-repeat; behavior: url(scripts/iepngfix.htc); height: 91px; padding-top: 37px } 
	#footer a { color: #20c0e3; text-decoration: none }
		#footer a:hover { text-decoration: underline; }
	#footer span { color: #a7a7a7; padding: 0px 5px; }
	#footer .copyright { font-size: 0.9em; color: #707070; }
	#footer .criado { font-size: 0.9em; color: #b0b0b0; }
		#footer .criado img { margin-left: 5px; }

		
/* Loja Pmelink */

#loja{ font-size: 1.5em; float: left; width: 689px; padding-bottom: 20px; }
	#loja #lojamenu { height: 28px; }
	#loja #lojamenu li { height: 28px; padding: 0; margin: 0 3px 0 0; list-style: none; display: block; float: left; }
	#loja #lojamenu li a{ line-height: 28px; padding: 0 10px; display: block; color: #70b9d2; text-decoration: none; background: url(../images/loja/back_menu.png) top left no-repeat; }
	#loja #lojamenu li a:hover{ background: url(../images/loja/back_menu_on.png) top left no-repeat; color:#70b9d2; }
	#loja #lojamenu li .sel{ line-height: 28px; padding: 0 10px; display: block; color: #fff; text-decoration: none; background: url(../images/loja/back_menu_sel.png) top left no-repeat #00B8E0; }
#loja .separador { height: 28px; background: url(../images/loja/separador.png) center repeat-x; }

#loja .txt_intro { width:100%; color:#929292; font-size:0.7em; }

#loja .catalogo{ width: 100%; }
	#loja .catalogo .introducao{ width: 100%; padding-bottom:13px; color:#929292; font-size:0.8em; }
	#loja .catalogo .prod{ position:relative; width:330px; height:122px; padding-bottom:32px; margin-right:10px; color:#333333; font-size:0.7em; display:block; float:left; background: url( ../images/loja/cat_back.jpg) top right no-repeat; }
	#loja .catalogo .prod .img_prod{ position:absolute; top:0; left:0; }
	#loja .catalogo .prod .titulo{ width:178px; margin:5px 0 0 150px; color:#00B8E0; font-size:1.2em; }
	#loja .catalogo .prod .subtitulo{ width:178px; margin:3px 0 0 150px; color:#929292; font-size:1.2em; min-height:55px; }
	#loja .catalogo .prod .submete{ margin:5px 0 0 150px; color:#00B8E0; font-size:1.5em; line-height:22px; border:none;}
		#loja .catalogo .prod .submete select{ margin: 0 3px 0 0; font-size:0.7em; color:#929292; vertical-align:middle; }
		#loja .catalogo .prod .submete option{ color:#929292; }
	
	#loja .nav { float: right; width: 300px; font-size: 0.65em; padding: 11px 74px 11px 0px }
		#loja .nav a { float: right; border: 1px solid #00b8e0; height: 12px; width: 12px; text-align: center; color: #00b8e0; text-decoration: none; margin-left: 4px }
			#loja .nav .active { background: #00b8e0; color: #fff; }

#loja .descreve { width: 100%; color:#929292; position:relative;  }
	#loja .descreve .titulo { font-size:1em; font-weight:bold; padding-bottom:10px; color:#00B8E0; }
	#loja .descreve .top { position:relative; height:290px; background: url( ../images/loja/cat_back.jpg) top right no-repeat; }
		#loja .descreve .top .img_prod { position:absolute; top:0; left:0; }
		#loja .descreve .top .txt_carbono { width:350px; font-size:0.8em; margin:0 0 0 320px; padding-top:10px; font-weight:bold; }
		#loja .descreve .top .subtitulo { color:#929292; width:350px; font-size:0.8em; margin:10px 0 0 320px; min-height:103px }
		#loja .descreve .top .submete_descreve { width:320px; color:#00B8E0; left:0; top:0; margin:10px 0 0 322px; font-size:1.5em; line-height:30px; border:none; }
			#loja .descreve .top .submete_descreve select{ margin: 0 3px 0 0; font-size:0.5em; color:#929292; vertical-align:middle; }
			#loja .descreve .top .submete_descreve option{ color:#929292; }
	
	#loja .descreve .bottom { position:relative; }
		#loja .descreve .bottom .info_titulo { padding:0 5px 0 10px; font-weight:bold; font-size:0.8em; background: url(../images/loja/bullet2.png) top left no-repeat; }
		#loja .descreve .bottom ul { padding:3px 0 3px 20px; font-weight: normal; }
		#loja .descreve .bottom ul li { margin:0; padding:0; list-style-image: url(../images/loja/bullet.png); list-style-position:outside; font-size:0.8em; }
		#loja .descreve .bottom ul li ul { margin:0 0 0 10px; padding:0;}
	#loja .voltar { float: left; left:0; padding-top:10px; }
#loja .pmelink{ clear:both; }
#loja .pmelink2{ float: right; right:0; }