@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700i,900&display=swap');

/*BÁSICO*/
*{ font-family: 'Montserrat', sans-serif; font-size: 15px; color: #000; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
ul,li { list-style:none; }
*:focus { outline:none; }
.clear { clear:both; }
a, a:hover, a:visited { text-decoration:none; border:0 none; color: inherit; }
img { border:0 none; }
textarea { resize:none; }
input, textarea, select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -ms-appearance: none; -webkit-border-radius: 0; }
select::-ms-expand { display: none; }
select { text-indent: 0.01px; text-overflow: ''; }
select::-ms-expand { display: none; }
body { margin: 0; }
img { max-width: 100%; }
.center { text-align: center; }
.right { text-align: right; }
.mobile { display: none; }
/*FIM BÁSICO*/

body { 

}




h4{
	color: #44633f;
	text-align: left;
	font-weight: bold;
	
}
.topo {
	padding-top: 20px;
}

section.topo{
	background-color:  #3c8f57;
	padding-bottom: 50px;
	
}
section.sobrenos{
	margin-top: 200px;	
	background-color: #3c8f57;

}
section.ensino{
	background: url('imgs/fundo2.png') no-repeat top center #ffff;
	
}
section.cursos{
	background: url('imgs/fundo3.png') no-repeat top center #ffff;
	background-size: cover;
}
section.ajudar{
	background: url('imgs/fundo4.png') no-repeat top center #ffff;
	background-size: cover;
}
section.sobrenos2{
	margin-top: -40px;	
	background: url('imgs/fundo5.png') no-repeat top center #ffff;
	margin-bottom: 50px;
	background-size: cover;
}
section.oqueprecisa{
	background-color: #3c8f57;
	padding-top: 50px;
	background-size: cover;
}
.container.projetos{
	padding-left: 0;
}

.topo .pessoas {
	margin-top: 20px;
}

#contfundo{
	margin-top: 0px;

}

[type=button]{
	
    border-radius: 40px;
    

    cursor: pointer;
    margin-top: 50px;
    font-size: 24px;
    color: white;
    background-color: #d96b49;
    text-transform: uppercase;
}


.topo .chama {
	margin-top: 50px;
}

.abre_menu { 
	display: none; 
}

.logo_ubm .simbolo {
	background: url(imgs/.png) no-repeat center center;
    background-size: contain;
    height: 55px;
    float: left;
    width: 20%;
    color: white;
}



.logo_ubm .ubm {
    background: url(imgs/Logo.png) left no-repeat;
    background-size: contain;
    height: 65px;
    margin-top: 11px;
    float: left;
    width: 50%;
    margin-left: 4%;
    color: white;
}

.logo_ubm:hover .simbolo {
	transform: rotate(180deg);
}

.links {
	margin-top: 20px;
}

.links ul li {
	float: right;
}

.links a {
	font-size: 16px;
	margin-left: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

.links a:hover {
	text-decoration: underline;
}

.links a.oqueprecisa {
	border-radius: 20px;
	background: #d96b49;
	color: white;
	padding: 6px 10px;
	font-weight: bold;
}

.links a.inicio{
	background-color: #d96b49;
	color: white;
}

.links a.oquee{
	color: white;
}

.links a.ajudar{
	color: #ffff;
}

.links a.cursos{
	color: #ffff;
}


footer {
	background: #000;
	padding: 40px 0;
	margin-top: -50px;
}

footer p {
	text-align: center;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
}

.inicio {
	color: white ;
}

.contfundo{
	opacity: 0.5;
}

.inicio p.maior {
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 4px;
	margin: 15px 0;
	font-weight: bold;
}

p{
	color: #ffff;
}

.sobrenos strong {
	color: #ffff;
}

.ajudar strong{
	color: #ffff;
}

#tituloa{
	background-color: white;
}
.inicio p.menor {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 100px;
}

.inicio a {
	border-radius: 20px;
	background: #a878e8;
	color: #fff;
	padding: 10px 15px;
	text-transform: uppercase;
}

.inicio a b {
	color:#fff;
}

.oquee {
	margin-top: -295px;
	padding-bottom: 20px;
}

.titulo {
	color: white;
	text-transform: uppercase;
	font-weight: bold;

	margin: auto;
}

.fundoAzul {
	margin-top: 35px;
	font-size: 24px;
	margin-bottom: 40px;
}
.fundoAzul2 {
	margin-top: 35px;
	font-size: 24px;
	margin-bottom: 40px;
}

.fundoVerde{
	margin-top: 35px;
	font-size: 18px;
	margin-bottom: 40px;
	margin-left: 25px;
	text-align: left;
	
}
.fundoVerde2 {
	margin-top: 35px;
	font-size: 18px;
	margin-bottom: 40px;
	margin-left: 25px;
	text-align: left;
	
}
.fundoVerde3 {
	margin-top: 35px;
	font-size: 18px;
	margin-bottom: 40px;
	margin-left: 25px;
	text-align: left;
	
}
.fundoVerde4 {
	font-size: 18px;
	margin-left: 25px;
	text-align: left;
}	
.popup {
	margin-top: 10px;
	font-size: 18px;
	margin-bottom: 40px;
	text-align: left;
	background: #5e8e5b;
	background-size: cover;
    box-shadow: -5px 7px 5px black;
}
.popup2 {
	margin-top: 10px;
	font-size: 18px;
	text-align: left;
	background: #5e8e5b;
	background-size: cover;
    box-shadow: -5px 7px 5px black;
}

.titulo.fundoVerde div{
	background: #5e8e5b;
    width: 260px;
    height: 44px;
    margin-top: -40px;
	margin-left: -25px;
    max-width: 100%;
	border-radius: 40px;
    box-shadow: -5px 7px 5px black;
	
}
.titulo.fundoVerde2 div{
	background: #5e8e5b;
    width: 280px;
    height: 44px;
    margin-top: -40px;
	margin-left: -25px;
    max-width: 100%;
	border-radius: 40px;
    box-shadow: -5px 7px 5px black;
	
}
.titulo.fundoVerde3 div{
	background: #5e8e5b;
    width: 195px;
    height: 44px;
    margin-top: -40px;
	margin-left: -25px;
    max-width: 100%;
	border-radius: 40px;
    box-shadow: -5px 7px 5px black;
	
}
.titulo.fundoVerde4 div{
	background: #5e8e5b;
    width: 165px;
    height: 44px;
    margin-top: -40px;
	margin-left: -25px;
    max-width: 100%;
	border-radius: 40px;
    box-shadow: -5px 7px 5px black;
	
}

.titulo.fundoAzula{
	background-color: #686872;
	display: table;

}


.titulo.fundoAzul div{
	background: #ce5e30;
    width: 300px;
    height: 45px;
    margin: 0 auto;
    margin-top: -40px;
    max-width: 100%;
	border-radius: 40px;
    box-shadow: -5px 7px 5px black;
}
.titulo.fundoAzul2 div{
	background: #ce5e30;
    width: 300px;
    height: 45px;
    margin: 0 auto;
    margin-top: -40px;
    max-width: 100%;
	border-radius: 40px;
    box-shadow: -5px 7px 5px black;
}

}


.titulo.fundoAzul p{
	font-size: 28px;
}

.fundoAzula {
	font-size: 22px;
	
	color: #fff;
	font-weight: bold;
	padding-top: 0px;
	position: relative;
	margin-top: 50px;
}

.fundoAzula div{
    background: #000047;
    width: 280px;
    height: 35px;
    margin: 0 auto;
    margin-top: -32px;
    max-width: 100%;
}

.fundoAzul3{
	margin-top: -19px;
	font-size: 14px;
	margin-bottom: 40px;
}


.fundoAzul4{
	margin-top: 45px;
    font-size: 20px;
    margin-bottom: 40px;
}

.fundoAzul4 div{
	background: #ce5e30;
    width: 320px;
    height: 35px;
    margin: 0 auto;
    margin-top: -30px;
    max-width: 100%;
   }

.oquee  .fundoAzul {
	
	font-size: 22px;
}

.linha{
	display: none;
}

.oquee2 p{
	color: #000;
}


.oquee .titulo .quempode {
	font-size: 18px;
	color: #6c2ebb;
	background: #000047;
	padding: 1px 6px;
	display: initial;
	margin-bottom: 15px;
}

.oquee p.espacotopo {
	margin-top: 38px;
}

.ajudar {
	position: relative;
}
.regua{
	position: relative;
}

.ajudar .fundo { 
    

    width: 100%;
    height: 100%;
    position: absolute;
}
section.regua { 
    background: #2a3b27;
	padding-right: 150px;
  
}
.ajudar .fundoAzul {
	position: relative;
	padding-top: 30px;
	text-align: center; 
}
.regua .fundoAzul {
	position: relative;
	padding-top: 30px;
	text-align: center; 
}

.regua .itens {
	padding-bottom: 55px;
	padding-top: 55px;
	text-align: center;
}

.ajudar .itens {
	padding-bottom: 55px;
	text-align: center;
}

.box1{
	background: #5e8e5b;
	border-radius: 30px;
	padding-top: 50px;
	margin-right: 40px;
	
}
.box2{
	background: #5e8e5b;
	border-radius: 30px;
	padding-top: 50px;
	margin-right: 40px;
	
}
.box3{
	background: #5e8e5b;
	border-radius: 30px;
	padding-top: 50px;
	margin-right: 40px;
	
}
.box4{
	background: #5e8e5b;
	border-radius: 30px;
	padding-top: 50px;
}

.imgs-itens{
	max-width: 140px;
	margin-top: 50px;
}	

.imgs-itensp{
	max-width: 110px;
	margin-top: 50px;
}	

.subtitulo-itens{
	color: #fff;
	margin-bottom: 30px;
	font-family: 'Product';
}
.itens{
	background-color: #2a3b27;
	padding-right: 70px;
	padding-bottom: 30px;
	padding-top: 30px;

}
.ajudar .fundoAzul div {
    width: 300px;
}
.regua .fundoAzul div {
    width: 300px;
}
.ensino{
	
}
.ensinotexto{
	color: black;
}
.meninoemenina{
	margin-top: 100px;
}
.menino2{
	margin-top: 70px;
}
.menina{
	margin-top: -30px;
}
.ensmedio{
	margin-top: 80px;
}
#programas{
	text-align: center;
}

.ajudar p.titulo {
	margin-top: 25px;
	color: #000047;
}
.logopag{
	width: 250px;
}
.pagcriancas{
	margin-top: -150px;
}

.orcamento .fundoAzul div {
    width: 210px;
}

.orcamento a {
	text-transform: uppercase;
	font-weight: bold;
	color: #824acd;
	background: #d8d8d8;
	border-radius: 20px;
    padding: 10px 15px;
    letter-spacing: 2px;
}

.max460 {
	width: 460px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.cloe{
	margin-top: 15px;
}

.anglo{
	margin-top: 110px;
}
.oqueprecisa .fundoAzul div {
    width: 320px;
}

.oqueprecisa a, .oqueprecisa b {
	color: #f1af0e;
}

.oqueprecisa p {
    width: 620px;
    max-width: 100%;
    
    
    margin-bottom: 1rem;
}

.oqueprecisa .papel {
	margin-bottom: 15px;
}

.descricao{
	background-color: #f1af0e;
}

.papel{
	
}

.oqueprecisa .papel .descricao {
	border-radius: 20px;
	padding: 8px 13px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	background: url('imgs/fechado.png') no-repeat right #cf970c;
	margin-bottom: 10px;
	cursor: pointer;
}

.oqueprecisa .papel.aberto .descricao {
	background: url('imgs/aberto.png') no-repeat right white;
	color: #cf970c;
}

.oqueprecisa .papel .campos {
	display: none;
}

.oqueprecisa .papel.aberto .campos {
	display: block;
}



form {
	padding-top: 20px;
}

form input.explicação{
	height: 120px;
}

form input {
	width: 100%;
	margin-bottom: 10px;
	border: 2px solid #fff;
	border-radius: 20px;
    padding: 8px 13px;
    background: transparent;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}
form input::-webkit-input-placeholder {
  color: #fff;
}

form input:-ms-input-placeholder {
  color: #fff;
}

form input::placeholder {
  color: #fff;
}

form input.nome {
	border: 2px solid #662a9c;
	color: #662a9c;
}

form input.nome::-webkit-input-placeholder {
  color: #662a9c;
}

form input.nome:-ms-input-placeholder {
  color: #662a9c;
}

form input.nome::placeholder {
	color: #005536;
	background-color: transparent;
}

form input.metade {
	width: 49%;
}

form input.metade.cel {
	float: left;
}

form input.metade.tel {
	float: right;
}

form input[type="submit"] {
	background: #005536;
	border-color: #005536;
	width: auto;
	padding: 8px 50px;
	cursor: pointer;
	margin-top: 15px;
	color: white;
}

@media (max-width: 1200px) {
	.links a { margin-left: 16px;}
	.itens{
		padding-right: 0px;
	}
}

@media (max-width: 991px) {
	.cont-menu { float: right; margin-right: 10px; margin-top: -75px; }
	.cont-menu .abre_menu{ display: block; cursor: pointer; margin-top: 15px; width: 40px; height: 30px; }
	.abre_menu span { width: 40px; height: 8px; display: block; background: #1e2027; margin-top: 0px; z-index: 99; position: absolute; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	.abre_menu span:before { content: ''; width: 40px; height: 8px; display: block; background: #1e2027; margin-top: 10px; z-index: 99; position: absolute; right: 0px; opacity: 1; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	.abre_menu span:after { content: ''; width: 40px; height: 8px; display: block; background: #1e2027; margin-top: 20px; z-index: 99; position: absolute; right: 0px;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	
	header ul{ position: absolute; padding: 20px; margin-top: 10px; width: 100%; height: 100%; left: -3000px; z-index: 4; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	header ul li { display: block; width: 100%; margin-bottom: 20px; }
	header ul.aberto{ left: 0; margin-top: -10px; }
	header .fundo { 
		opacity: 0.95; 
		background: #fff; 
		position: absolute; 
		left: -3000px; 
		top: 0; 
		z-index: 3; 
		-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;
	}
	body.menu_aberto header .fundo { 
		width: 100%;
	    height: 100%;
	    left: 0;
	    position: fixed;
	    background: #aaa1a1;
	}

	.anglo{
		margin-top: 200px;
	}

	body.menu_aberto .abre_menu span { background: transparent; box-shadow: none; }
	body.menu_aberto .abre_menu span:before { right: 0px; box-shadow: none; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0px; }
	body.menu_aberto .abre_menu span:after { margin: 0px; box-shadow: none; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	body.menu_aberto .logo_ubm { z-index: 9; }

	.logo_ubm .simbolo, .logo_ubm .ubm { background: none; }
	.logo_ubm { background: url(imgs/Logo.png) no-repeat left center; background-size: contain; height: 55px; margin-left: 15px; }
	footer p { padding: 0 15px; }
}

@media (max-width: 767px) {
	.container-fluid{
		margin-left: 83px;
	}
	.box1 {
		margin-bottom: 20px;
		margin-top: 20px;
		padding-bottom: 2px;
	}
	.box2 {
		margin-bottom: 20px;
		padding-top: 24px;
	}
	.box3 {
		margin-bottom: 20px;
		padding-top: 40px;
	}
	.box4 {
		margin-right: 40px;
			margin-bottom: 20px;
			padding-bottom: 20px;
	}
	.itens{
		padding-right: 70px;
	}
	.meninoemenina{
		margin-top: 20px;
	}
	.menino2{
		margin-top: 0px;
	}
	.linha{
		display: block;
		margin-bottom: 50px;
		background-color: #3c8f57;
	}
	.menina{
		margin-top: 0px;
	}
	.ensmedio {
		margin-top: 20px;
	}
	.fundoAzul2{
		margin-top: 50px;
	}
	section.ajudar {
		margin-top: -145px;
	}
	.popup2 {
	margin-bottom: 100px;
	}
	.anglo {
		margin-top: 10px;
	}
	.topo .chama {
	    margin-top: 15px;
	}
	.row {
		margin-left: 1px;
		margin-right: 0px;
	}
	.oquee {
	    padding-top: 50px;
	}
	.desktop { display: none; }
	.mobile { display: block; }

	.oquee div.espacotopo {
		margin-top: 25px;
	}

	form input.metade {
		width: 100%;
		float: none;
	}

	body, .oquee { 
		overflow-x: hidden;
	}

	.topo {
		 
	}

	.inicio {
		margin-top: 15px;
	}

}

@media (max-width: 420px) {
	.oqueprecisa .papel .descricao {
		font-size: 12px;
		padding: 8px 32px 8px 13px;
	}
}