/* =) */
html, body{height:100%;}

body{margin:0px; padding:0px; background:#f4f4f4; color:#737373; font-family: 'Ubuntu', calibri, arial; font-weight:400; font-size:16px; overflow-x:hidden; overflow-y:scroll;}
#bodyhome{background:#FFF;}

a{text-decoration:none; color:#888;} a:hover{color:#555;}

img{border:0; float:left; position:relative;}

div{float:left; position:relative;}

#container{width:100%; min-height:100%;}

/* Especial */
.colortxt-verde{color:#a8c639;}.colorback-verde{background:#a8c639;}
.colortxt-vermelho{color:#e40327;}.colorback-vermelho{background:#e40327;}
.colortxt-amarelo{color:#fdc819;}.colorback-amarelo{background:#fdc819;}
.colortxt-azul{color:#4bc0ed;}.colorback-azul{background:#4bc0ed;}
.colortxt-cinza{color:#777;}.colorback-cinza{background:#999;}

/* Paginação */
.paginacao_esquerda{float:left; text-align:left; padding:15px 20px;}
.paginacao_direita{float:right; text-align:right; padding:15px 20px;}

/* Topo */
#topo{width:90%; height:89px; z-index:9; background:#f4f4f4; padding:0 5%;}

#topob{float:none; margin:0 auto; width:100%; max-width:1284px; height:100%;}

	#logo{width:16%; height:120px; margin-top:18px;}
	
	#nav{width:84%; max-width:1100px; height:100%; float:right;}
	
		.linkmenu{float:right; margin-top:20px; padding:2% 2.5% 0 2.5%; text-transform:uppercase; font-size:16px; color:#7e7e7e;}
		.linkmenu:hover{color:#AAA; transition:0.3s;}
		
/* Cadastro escondido */
#sombra_cadastro_pag{position:fixed; width:100%; height:100%; background:#e3e3e3; opacity:0.7; z-index:99999}
#cadastro_pag{position:fixed; width:100%; max-width:440px; height:100%; background:#FFF; right:-440px; z-index:99999999;}
	#titulo_cadastro_pag{width:74%; margin:10% 13% 5% 13%; font-size:30px; letter-spacing:1px; font-weight:700; text-transform:uppercase; 
	color:#999;} #titulo_cadastro_pag img{float:right; cursor:pointer;}
	#info_cadastro_pag{width:74%; margin:10% 13% 5% 13%; padding-bottom:10%; border-bottom:1px solid #EEE;}
		#info_cadastro_pag img{width:24%; background:#c1d560;}
		.infoint_cadastro_pag{width:69%; height:76px; margin-left:7%; font-size:14px; letter-spacing:1px; line-height:20px; text-align:justify; 
		color:#888; font-weight:300;} .infoint_cadastro_pag b{font-weight:500;}
	.cad_form{width:74%; margin:0 13%; font-size:15px; letter-spacing:1px; line-height:24px; text-align:justify; color:#888; font-weight:300;}
		.cad_form b{text-transform:uppercase; font-size:21px; font-weight:400; color:#a1bb2b;}
		.cad_form u{text-transform:uppercase; font-size:12px; font-weight:400; color:#a1bb2b; text-decoration:none;}
	.form_cad{width:74%; min-height:50px; margin:8% 13%;}
	.form_cad2{width:74%; min-height:50px; margin:8% 13%;}
	.form_cad3{width:74%; min-height:50px; margin:8% 13%;}
		.form_cadbb{width:93%; height:50px; background:#FAFAFA; border:1px solid #E5E5E5; padding-left:5%; font-size:14px; margin-bottom:5%;}
	.menu_cad{position:absolute; width:74%; height:40px; margin:0 13%; top:97%; margin-top:-40px;}
		.bolinhas{width:10px; height:10px; background:#DDD; margin-right:3%; border-radius:50%; top:50%; margin-top:-5px; cursor:pointer;} .bolinhasb{background:#a1bb2b;}
		.bolinhas:hover{opacity:0.7; background:#a1bb2b;}
		.btn_cad{float:right; height:30px; padding:10px 5% 0 5%; background:#a1bb2b; cursor:pointer; color:#FFF; text-transform:uppercase; font-weight:500; letter-spacing:1px;}
		
/* HOME */
#home{position:absolute; width:100%; height:100%; background:#FFF;}
#homeb{width:100%; max-width:1284px; min-height:700px; float:none; margin:0 auto; margin-top:155px;}

	.blocos_home{width:410px; color:#FFF; z-index:6;}
	.blocos_home b{font-size:32px; font-weight:400; line-height:37px; letter-spacing:1.5px;}
	.blocos_home h1{font-size:17px; font-weight:300; line-height:24px; letter-spacing:1px; margin-top:5px;}
		
		#bloco_auniao{width:320px; min-height:100px; background:#fdc819; border-radius:45px 0; padding:30px 45px 20px 45px;}
		#bloco_auniao b{font-size:35px;}
		
		#bloco_missao{width:190px; min-height:100px; background:#e40327; border-radius:0 40px; margin-top:20px; padding:25px 35px 20px 45px;}
		
		#bloco_link{width:340px; min-height:100px; background:#a8c639; border-radius:45px 0; margin-top:20px; padding:30px 25px 10px 45px;
		font-size:15px; letter-spacing:1px; line-height:20px; color:#FFF; cursor:pointer;}
		#bloco_link u{font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; line-height:15px;}
		#bloco_link b{font-size:26px; font-weight:400; text-transform:uppercase;}
		#bloco_link div{font-size:15px; font-weight:300; letter-spacing:0.8px; margin-top:0px; line-height:22px;}
		#bloco_link a{font-size:14px; font-weight:400; color:#546906; letter-spacing:0.5px;}
			#bloco_link a b{font-size:14px; font-weight:600; letter-spacing:0.5px;}
		
/* Banner */
.pagbanner{position:absolute; width:100%; height:730px; z-index:5;}
#framebanner{margin-top:135px; height:100%;}
		
		
/* INTERNA */
/* quem somos */
#color_interna{position:fixed; width:120%; height:50%; border-radius:0 0 50% 50%; left:-10%; z-index:7;}

#paginterna{width:90%; margin:4% 0; z-index:8; padding:0 5%;}
#paginternab{float:none; margin:0 auto; width:100%; max-width:1284px;}
#paginternab2{width:100%; max-width:1284px; background:#FFF; border-radius:0 40px; padding:5% 0 3% 0;}

	.pagtitulo{width:100%; text-align:center; font-size:40px; text-transform:uppercase; font-weight:700; letter-spacing:3px; margin-bottom:2%;}
	.linha_pagtitulo{width:280px; border-top:1px solid #D6D6D6; left:50%; margin-left:-140px;}
	
	#pagconteudo{width:86%; min-height:200px; padding:4% 7%;}
					
		.pagconteudo_left{width:55%; max-width:607px;}
		.pagconteudo_right{float:right; width:40%; max-width:457px; margin-left:5%;}
			
			.pagconteudo_right img{width:100%; max-width:482px; float:right; margin-bottom:30px;} img.imginternamaiorbaixo{margin-bottom:60px;}
			#pagconteudo h1{text-transform:uppercase; font-weight:700; letter-spacing:2px; font-size:22px; color:#777; line-height:26px;} 
				#pagconteudo h1 b{font-size:16px;}
			#pagconteudo p{text-align:justify; letter-spacing:0px; color:#737373; line-height:28px;}
			#pagconteudo ul{text-align:justify; letter-spacing:0px; color:#737373; line-height:28px; padding-left:19px;}
			#pagconteudo b{font-weight:700;}
			#pagconteudo i{font-size:14px;}
								
			.maislinks{width:80%; background:#f0f0f0; padding:8% 10% 10% 10%; border-radius:30px 0; margin-top:20px;}
				.maislinksb{margin-bottom:15%;}
				.ml_semft{margin-top:4%;}
				.topicoscolor{width:100%; margin-top:6%; transition:0.3s;}
				.divtopico{width:20px; height:20px; border-radius:0 4px 0 4px}
				.txttopico{margin-left:5%; font-weight:700; text-transform:uppercase; letter-spacing:0.5px;}
				
			img.nospodemos{float:left; width:50px;}
			ul.nospodemos{min-height:80px; margin:-5px 0 0 60px; font-size:14px; letter-spacing:0;}
			ul.nospodemos li{line-height:20px;}
				
/* projeto estrutural */
.pl_menor{width:48%;}
.pr_maior{width:47%; max-width:500px;}

/* outras atividades */
.imgsinterna{width:100%; padding:10px 10% 30px 0;}
.entrega_cadeiras_base{width:100%; padding-bottom:8%;}
.entrega_cadeiras{width:45%; min-height:20px; background:#F5F5F5; margin:1% 2%; text-align:center; padding:20px 0; border:1px solid #EEE;}
.linkdownload{margin:7px 10px 0 0;}

.topicos_cred{width:100%; border-top:1px solid #DADADA;}

/* como atuamos */
.comoatuamos_base{width:1104px; min-height:258px; color:#FFF; margin-top:20px;} #comoatuamos_base2{margin-top:-27px}

	.comoatuamos_base u{text-decoration:none; text-transform:uppercase; font-weight:300; letter-spacing:1.8px; font-size:22px; line-height:30px; color:#FFF;}
	.comoatuamos_base b{text-transform:uppercase; font-weight:700; letter-spacing:1.6px; font-size:22px; color:#FFF;}
	#pagconteudo .comoatuamos_base p{color:#FFF; line-height:22px; font-weight:300; letter-spacing:0.5px; font-size:16px; hyphens:auto;}
	a.btn_saibamais{float:right; text-decoration:none; text-transform:uppercase; color:#333; font-weight:500; font-size:14px; letter-spacing:0.5px; opacity:0.7; 
	transition:0.3s; cursor:pointer; margin:-5px -7px 0 0;}
		a.btn_saibamais img{margin:2px 8px;}
		a.btn_saibamais:hover{opacity:1;}

	.maischances_bloco{width:345px; height:185px; background:#a8c639; border-radius:0 40px; padding:20px 27px 15px 28px;}
		.maischances_bloco p{margin-top:10px;}
		.maischances_bloco b{line-height:20px;}
	img.mc_bloco_img{width:220px; height:220px; border-radius:25px 0; margin:0px 10px 10px 10px;}
	.qualificados_bloco{float:right; width:404px; height:220px; background:#e40327; border-radius:40px 0; padding:38px 30px 12px 30px; margin-top:-38px;}
	
	.projetoestrutural_bloco{width:370px; height:205px; border-radius:40px 0; margin-left:50px; padding:45px 25px 10px 30px;}
	img.pe_bloco_img{width:144px; height:240px; border-radius:0 15px; margin:0 11px;}
	.redesolidaria_bloco{width:354px; height:203px; border-radius:0 40px; margin:12px 0 0 0; padding:35px 28px 10px 28px; background:#f2ba01;}
	
	.acoessolidaria_bloco{width:300px; border-radius:35px 0; margin:-10px 0 0 370px; padding:40px 30px 30px 30px;}
	
	.select_quali{width:350px; height:50px; border-radius:10px 0; background:#f5f5f5; border:1px solid #ddd; padding-left:12px; font-size:16px; color:#444; margin-top:-20px;}
		
		select.select_quali option{color:#777; font-size:16px;}
	
	.pag_listagem_qualificados{width:100%; min-height:200px; padding:30px 0; border-top:1px solid #eee;}
		
		.pag_listagem_qualificados h1 b{font-size:14px; font-weight:400;}
	
		.select_curso{width:80%; background:#F7F7F7; padding:20px 10% 40px 10%; border-radius:30px 0; margin-bottom:50px;}
		
	.pessoa_qualificada{width:38%; margin:10px 2% 30px 2%; min-height:230px; padding:23px 4% 15px 4%; background:#F5F5F5; transition:0.1s;}
	.pessoa_qualificada:hover{margin-top:6px; margin-bottom:34px; box-shadow:0px 5px 10px -5px #AAA;}
	
	.tabela_qualificado{width:100%; height:62px; margin-top:20px;}
		.tabela_qualificado .campos2{height:18px; background:#eee; padding:21px; border:1px solid #ddd; border-left:none;}
			.tabela_qualificado .data_conclusao2{width:10%; border-left:1px solid #ddd;}
			.tabela_qualificado .campos2 b{text-transform:uppercase;}
			.tabela_qualificado .telefone2{width:34%;}
		.tabela_qualificado .campos{height:18px; background:#f8f8f8; padding:21px; border:1px solid #e8e8e8; border-left:none;}
			.tabela_qualificado .data_conclusao{width:10%; border-left:1px solid #eee;}
			.tabela_qualificado .nome{width:30%;}
			.tabela_qualificado .idade{width:10%;}
			.tabela_qualificado .telefone{width:15%;}
			.tabela_qualificado .celular{width:15%;}
			
			.tabela_qualificado .telefoneb{width:34%;}
			.tabela_qualificado .celularb{width:34%;}
			
.quantidade_total{font-size:20px; line-height:30px;}
		

	
/* parceiros */
.parceiros{width:19%; max-height:75px; padding:3% 5% 3% 5%; margin:2% 1.5% 5% 1.5%; border:1px solid #DDD;}
.fechar_form_parceiros{position:absolute; right:57px; top:20px; width:29px; height:28.5px; background:#FFF; border:3px solid #888; border-radius:50%; font-size:20px; font-weight:700; color:#888; 
text-align:center; padding:1.5px 1px 0 0; cursor:pointer; transition:0.2s;}
.fechar_form_parceiros:hover{background:#888; color:#FFF;}

/* faça parte */
a.open_ficha{text-transform:uppercase; font-size:14px; color:#85a317; opacity:1; transition:0.2s; cursor:pointer;}
a.open_ficha:hover{opacity:0.8; color:#94b322;}

.form_facaparte{width:100%;}

#doacoes{width:100%; min-height:50px; background:#F5F5F5; margin-top:2%;}
	.titulodoacoes{width:100%; height:50px; text-align:center; background:#EEE;}
		.td_cd{width:33%; height:33px; padding-top:17px; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:1px; background:#EEE; cursor:pointer;}
		.td_cd:hover{background:#DDD;} .td_cdb{background:#DDD;}
	.internadoacoes{width:90%; min-height:30px; margin:5%;}
		#doa_pagseguro{}
		
	.espa_doacoes{width:100%; height:65px; font-size:14px; margin-bottom:10px;}
	.espa_doacoes2{width:15%; height:65px; font-size:14px; margin-bottom:2px; margin-top:13px;}
	.espa_doacoes3{width:81%; height:65px; font-size:14px; margin-left:1px; margin-bottom:2px; margin-top:11px;}
		.campo_doacoes{width:80%; height:40px; background:#fff; border:none; border:1px solid #eee; margin-top:5px;}
		select.campo_doacoes{width:30%; height:45px; background:#fff; border:none; border:1px solid #eee; margin-top:5px;}
		.radio_doacoes{width:20px; float:right; margin-right:13px;}
		
		
/* mais chances */
img.escolas_parceiras{ width:120px; margin-right:30px;}
.pdf{opacity:0.7; transition:0.1s;}
.pdf:hover{opacity:1;}

a.btn_interna{padding:15px 21px 15px 20px; background:#DDD; color:#666; font-size:14px; font-weight:600; text-transform:uppercase; border-radius:10px 0; transition:0.3s;}
a.btn_interna:hover{background:#888; color:#FFF;}

/* contato */
#formcontato_iframe{min-height:500px; padding:0;}
#formcontato_iframe2{min-height:600px; padding:0 0 5% 0;}
		
/* RODAPÉ */
#rodape{width:90%; height:32px; margin-top:-32px; background:#FFF; z-index:9; padding:0 5%;}
#rodape_home{position:fixed; width:90%; height:32px; top:100%; margin-top:-32px; background:#FFF; z-index:9; padding:0 5%;}
#footer{float:none; margin:0 auto; width:100%; max-width:1284px; font-size:10px; letter-spacing:0.5px; text-transform:uppercase; padding-top:11px;}
#footer a{float:right;}


/* Pag cadastro home */
@media screen and (min-height: 750px) and (max-height:850px){
/* Cadastro escondido */
#sombra_cadastro_pag{position:fixed; width:100%; height:100%; background:#e3e3e3; opacity:0.7; z-index:99999}
#cadastro_pag{position:fixed; width:100%; max-width:440px; height:100%; background:#FFF; right:-440px; z-index:99999999;}
	#titulo_cadastro_pag{width:74%; margin:6% 13% 2% 13%; font-size:30px; letter-spacing:1px; font-weight:700; text-transform:uppercase; 
	color:#999;} #titulo_cadastro_pag img{float:right; cursor:pointer;}
	#info_cadastro_pag{width:74%; margin:3% 13% 1% 13%; padding-bottom:5%; border-bottom:1px solid #EEE;}
		#info_cadastro_pag img{width:24%; background:#c1d560;}
		.infoint_cadastro_pag{width:69%; height:76px; margin-left:7%; font-size:14px; letter-spacing:1px; line-height:20px; text-align:justify; 
		color:#888; font-weight:300;} .infoint_cadastro_pag b{font-weight:500;}
	.cad_form{width:74%; margin:0 13%; font-size:15px; letter-spacing:1px; line-height:24px; text-align:justify; color:#888; font-weight:300;}
		.cad_form b{text-transform:uppercase; font-size:21px; font-weight:400; color:#a1bb2b;}
		.cad_form u{text-transform:uppercase; font-size:12px; font-weight:400; color:#a1bb2b; text-decoration:none;}
	.form_cad{width:74%; min-height:50px; margin:8% 13%;}
	.form_cad2{width:74%; min-height:50px; margin:8% 13%;}
	.form_cad3{width:74%; min-height:50px; margin:8% 13%;}
		.form_cadbb{width:93%; height:50px; background:#FAFAFA; border:1px solid #E5E5E5; padding-left:5%; font-size:14px; margin-bottom:5%;}
	.menu_cad{position:absolute; width:74%; height:40px; margin:0 13%; top:97%; margin-top:-40px;}
		.bolinhas{width:10px; height:10px; background:#DDD; margin-right:3%; border-radius:50%; top:50%; margin-top:-5px; cursor:pointer;} .bolinhasb{background:#a1bb2b;}
		.bolinhas:hover{opacity:0.7; background:#a1bb2b;}
		.btn_cad{float:right; height:30px; padding:10px 5% 0 5%; background:#a1bb2b; cursor:pointer; color:#FFF; text-transform:uppercase; font-weight:500; letter-spacing:1px;}
}
@media screen and (max-height:749px){
/* Cadastro escondido */
#sombra_cadastro_pag{position:fixed; width:100%; height:100%; background:#e3e3e3; opacity:0.7; z-index:99999}
#cadastro_pag{position:fixed; width:100%; max-width:440px; height:100%; background:#FFF; right:-440px; z-index:99999999;}
	#titulo_cadastro_pag{width:74%; margin:6% 13% 2% 13%; font-size:30px; letter-spacing:1px; font-weight:700; text-transform:uppercase; 
	color:#999;} #titulo_cadastro_pag img{float:right; cursor:pointer;}
	#info_cadastro_pag{width:74%; margin:3% 13% 1% 13%; padding-bottom:5%; border-bottom:1px solid #EEE;}
		#info_cadastro_pag img{width:24%; background:#c1d560;}
		.infoint_cadastro_pag{width:69%; height:76px; margin-left:7%; font-size:14px; letter-spacing:1px; line-height:20px; text-align:justify; 
		color:#888; font-weight:300;} .infoint_cadastro_pag b{font-weight:500;}
	.cad_form{width:74%; margin:0 13%; font-size:15px; letter-spacing:1px; line-height:20px; text-align:justify; color:#888; font-weight:300;}
		.cad_form b{text-transform:uppercase; font-size:21px; font-weight:400; color:#a1bb2b; margin-top:-50px;}
		.cad_form u{text-transform:uppercase; font-size:12px; font-weight:400; color:#a1bb2b; text-decoration:none;}
	.form_cad{width:74%; min-height:20px; margin:3% 13%;}
	.form_cad2{width:74%; min-height:20px; margin:3% 13%;}
	.form_cad3{width:74%; min-height:20px; margin:3% 13%;}
		.form_cadbb{width:93%; height:40px; background:#FAFAFA; border:1px solid #E5E5E5; padding-left:5%; font-size:14px; margin-bottom:5%;}
	.menu_cad{position:absolute; width:74%; height:40px; margin:0 13%; top:97%; margin-top:-35px;}
		.bolinhas{width:10px; height:10px; background:#DDD; margin-right:3%; border-radius:50%; top:50%; margin-top:-5px; cursor:pointer;} .bolinhasb{background:#a1bb2b;}
		.bolinhas:hover{opacity:0.7; background:#a1bb2b;}
		.btn_cad{float:right; height:30px; padding:10px 5% 0 5%; background:#a1bb2b; cursor:pointer; color:#FFF; text-transform:uppercase; font-weight:500; letter-spacing:1px;}
}
