* { margin:0; padding:0; }

.container { width:98%; max-width:1100px; margin:0 auto; display:block; }
.container2 { width:98%; max-width:850px; margin:0 auto; display:block; }
.container3 { width:98%; max-width:1200px; margin:0 auto; display:block; }
.clear { display:block; float:none; clear:both; }
.seta { display:block; width:65px; margin:0 auto; }


.logo { background:#FFF; text-align:center; padding:15px 0 15px 0; }

header { background:#120D2B; }
	
	header ul { background:#082851; width:95%; max-width:810px; margin:0 auto; border-radius:0 0 15px 15px; padding-left:30px; }
		header ul li { display:inline-block; float:left; width:24%; text-align:center; }
		header ul li a { display:inline-block; width:100%; padding:20px 0 20px 0; border-bottom:4px solid #082851; text-align:center; text-decoration:none; font:20px 'Lato'; color:#FFF; font-weight:300; }
			header ul li a:hover { color:#AAF000; border-bottom:4px solid #AAF000; }
		.ativo { color:#AAF000; border-bottom:4px solid #AAF000; }
	
	header .logotipo { display:block; width:90%; max-width:841px; margin:0 auto; margin-top:60px; margin-bottom:40px; }
	
	header h2 { width:90%; max-width:950px; margin:0 auto; padding-bottom:60px; text-align:center; font:24px 'Lato'; color:#FFF; font-weight:300; }		
	
	
	.menu-mobile {
		display:none;
		width:34px;
		height:34px;
		float:right;
		margin:0.6em 1em 0 0;
	}

@media (max-width: 900px) {
	
	.ocultar-mobile { display: none; }
	.menu-mobile { display:block; float: right;}
	
	header .logotipo { max-width:300px; float:left; margin-top:15px; }
	
	#menu { display:none; padding-left:0; border-radius:8px; }
	 header ul li { clear:both; float:none; width:100%; margin:0; padding:0; border:none; }
        header ul li a { padding:10px 0 10px 0; margin:0; border:none; text-align:center; }
			header ul li a:hover { border-bottom:none; }
	
}


	

.box-1 { background:#00508A url('imgs/fundo-1.png') center right no-repeat; padding:100px 0 100px 0; }
	.box-1 h2 { font:25px 'Lato'; color:#FFF; font-weight:300; }
		.box-1 h2 strong { font-weight:900; font-size:28px; color:#9DDF00; }
	.box-1 p { margin:30px 0 30px 0; font:16px 'Lato'; color:#FFF; font-weight:300; }
	.box-1 form input { width:90%; max-width:250px; background:#88AEC8; border:none; padding:10px; font:16px 'Lato'; color:#FFF; }
	.box-1 form a { width:80%; max-width:80px; display:block; background:#9DE100; margin-top:10px; padding:10px; text-align:center; text-decoration:none; font:bold 16px 'Lato'; color:#081535; }
		.box-1 form a:hover { background:#AAF200; }

@media (max-width: 900px) {
	.box-1 { padding:50px 0 50px 0; }
	.box-1 h2 { text-align:center; }
	.box-1 p { text-align:center; }
	.box-1 form input { display:block; margin:0 auto; padding:15px; }
	.box-1 form a { margin:0 auto; margin-top:10px; display:block; }
}



.box-2 { background:#E0DFF1 url('imgs/fundo-2.png') center left no-repeat; padding:100px 0 100px 0; }
	.box-2 h2 { font:25px 'Lato'; color:#343273; font-weight:300; }
		.box-2 h2 strong { font-weight:900; font-size:28px; }
	.box-2 .direita { width:490px; float:right; }
	.box-2 p { margin:20px 0 20px 0; font:18px 'Lato'; color:#343273; font-weight:300; }
	.box-2 a { width:80%; max-width:250px; display:block; background:#353274; margin-top:10px; padding:10px; text-align:center; text-decoration:none; font:bold 16px 'Lato'; color:#FFF; }
		.box-2 a:hover { background:#48449D; }

@media (max-width: 900px) {
	.box-2 { background:#E0DFF1; padding:50px 0 50px 0; }
	.box-2 .direita { width:95%; float:none; margin:0 auto; display:block; clear:both; }
	.box-2 h2 { text-align:center; }
	.box-2 p { text-align:center; }
	.box-2 a { margin:0 auto; display:block; }
}


	
	
.box-3 { background:#75D0CA url('imgs/fundo-3.png') center right no-repeat; padding:100px 0 100px 0; }
	.box-3 .esquerda { width:490px; }
	.box-3 h2 { font:25px 'Lato'; color:#FFF; font-weight:300; }
		.box-3 h2 strong { font-weight:900; font-size:30px; }
	.box-3 p { margin:20px 0 20px 0; font:18px 'Lato'; color:#FFF; font-weight:300; }
	.box-3 a { width:80%; max-width:150px; display:block; background:#FFF; margin-top:10px; padding:10px; text-align:center; text-decoration:none; font:bold 16px 'Lato'; color:#333333; }

@media (max-width: 900px) {
	.box-3 { background:#9BDDD8; padding:50px 0 50px 0; }
	.box-3 .esquerda { width:95%; float:none; margin:0 auto; display:block; clear:both; }
	.box-3 h2 { text-align:center; }
	.box-3 p { text-align:center; }
	.box-3 a { margin:0 auto; display:block; }
}




.box-4 { padding:50px 0 50px 0; }
	.box-4 h2 { font:30px 'Lato'; color:#FFF; font-weight:600; color:#333272; padding-bottom:20px; text-align:center; text-align:center; }	
		.box-4 h2 strong { font-weight:900; font-size:35px; }
	.box-4 p { padding:10px 0 10px 0; margin:0 auto; margin-bottom:15px; max-width:560px; display:block; background:#E1FAFF; border-radius:10px; font:19px 'Lato'; color:#333272; font-weight:300; text-align:center; }
	.box-4 span { display:block; background:#333272; width:200px; height:3px; margin:0 auto; margin-bottom:40px; }
	.box-4 img { width:32%; margin:0.5%; }

@media (max-width: 900px) {
	.box-4 img { width:85%; max-width:300px; display:block; margin:0 auto; margin-bottom:15px; }
}




.box-5 { background:#E0F1FB url('imgs/fundo-5.png') center right no-repeat; padding:100px 0 100px 0; }	
	.box-5 h2 { margin-bottom:30px; font:25px 'Lato'; color:#04729A; font-weight:300; }
		.box-5 h2 strong { font-weight:900; font-size:30px; }
	.box-5 .esquerda { width:650px; }
	.box-5 img { width:200px; height:220px; border:4px solid #FFF; float:left; margin-right:25px; }
	.box-5 h3 { margin-bottom:25px; font:23px 'Lato'; color:#777777; }
		.box-5 h3 strong { font-weight:900; }
	.box-5 p { font:19px 'Lato'; color:#77777; font-weight:300; }
	
	#slider {
	  position: relative;
	  overflow: hidden;
	  margin: 0 auto 0 auto;
	  border-radius: 4px;
	}
	
	#slider ul {
	  position: relative; 
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
	
	#slider ul li {
	  position: relative;
	  display: block;
	  float: left;
	  margin: 0;
	  padding: 0;
	  width: 750px;
	}
	
	a.control_prev, a.control_next {
	  padding:3px;
	  margin-top:20px;
	  display:inline-block;
	  color: #04729A;
	  text-decoration: none;
	  font-weight: 600;
	  font-family:verdana;
	  font-size: 31px;
	  opacity: 0.8;
	  cursor: pointer;
	}
	
	a.control_prev:hover, a.control_next:hover {
	  opacity: 1;
	  -webkit-transition: all 0.2s ease;
	}

	
@media (max-width: 900px) {
	.box-5 { background:#E0F1FB; padding:50px 0 50px 0; }
	.box-5 .esquerda { width:95%; float:none; margin:0 auto; display:block; clear:both; }
	.box-5 img { margin:0 auto; margin-bottom:10px; float:none; display:block; clear:none; }
	.box-5 h2 { text-align:center; }
	.box-5 h3 { text-align:center; }
	.box-5 p { text-align:center; }
	
	#slider ul li { width:320px; }
	.box-5 img { display:block; clear:both; float:none; margin:0 auto; }
	.botoes-depoimentos { text-align:center; }
}





.box-6 { padding:50px 0 50px 0; }	
	.box-6 h2 { font:27px 'Lato'; font-weight:900; color:#0F102F; padding-bottom:10px; text-align:center; text-align:center; }
	.box-6 h3 { font:25px 'Lato'; font-weight:300; color:#777777; text-align:center; text-align:center; }	
		.box-6 h3 strong { font-weight:600; color:#0E102E; }
	.box-6 img { display:block; width:95%; max-width:687px; margin:0 auto; }


.rodape { background:#06193A; padding:50px 0 50px 0; }
	.rodape h2 { margin-bottom:30px; font:25px 'Lato'; color:#FFF; font-weight:300; text-align:center; }
		.rodape h2 strong { font-weight:900; color:#9DE000; }
	.rodape { text-align:center; }
	.rodape form { margin-bottom:10px; }
	.rodape form input { width:90%; max-width:180px; background:#88AEC8; border:none; padding:10px; font:16px 'Lato'; color:#FFF; }
	.rodape form a { width:80%; max-width:80px; display:inline-block; background:#9DE100; margin-top:10px; padding:10px; text-align:center; text-decoration:none; font:bold 16px 'Lato'; color:#081535; }
		.box-1 form a:hover { background:#AAF200; }
	.rodape .esqueci-senha { width:95%; max-width:505px; margin:0 auto; text-align:right; }
	.rodape .esqueci-senha a { text-decoration:none; font:13px 'Lato'; color:#CCC; }
		.rodape .esqueci-senha a:hover { text-decoration:underline; }
	.rodape .final { margin-top:45px; }
	
@media (max-width: 900px) {
	.rodape form input { width:90%; max-width:250px; margin:0 auto; display:block; margin-bottom:5px; }
	.rodape .final { margin-top:25px; width:95%; }
	.rodape .esqueci-senha{ text-align:center; }
}