@import url('https://fonts.googleapis.com/css?family=Lato:300,400,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');


/* Variáveis Globais */
:root {
	--principal:#F7A216; /*verde*/
	--secundaria:#FFF; /*branca*/
}


* { margin:0; padding:0; border:0; }

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


header { background:#001F3E url('imgs/fundo.png'); padding-bottom:20px; }
	header > div > div { float:left; width:50%; }
	header .mockup { float:right; margin-top:20px; }
	
	header h2 { display:inline-block; margin-top:35px; border-radius:3px; padding:8px; background:var(--principal); font-size:20px; font-family:'Lato', Arial; font-weight:400; color:var(--secundaria); }
	
	header h1 {
		margin:25px 0 25px 0;
		font-family: 'Lato',Arial;
		font-weight: 900;
		display: block;
		font-size: 55px;
		line-height:55px;
		color:var(--secundaria);
	}
		header h1 u {  }
		
	header h3 { font:18px Tahoma, Arial; color:#FDEE17; }
	
	header form { margin-top:35px; border-radius:5px; padding:20px; background:url('imgs/formulario-fundo.png'); }
		header form p { margin-bottom:25px; text-align:center; font:14px Tahoma, Arial; color:#E6E6E6; }
		header form span { display:block; clear:both; float:none; }
		header form input {
			display:block;
			outline: 0;
			width:95%;
			max-width:350px;
			margin:0 auto;
			margin-top:10px;
			margin-bottom:10px;
			border-radius:5px;
			padding:22px 13px 22px 13px;
			font:18px Tahoma, Arial;
			box-shadow: inset 0px 2px 3px #dddddd;
			-webkit-box-shadow: inset 0px 2px 3px #dddddd;
			-moz-box-shadow: inset 0px 2px 3px #dddddd;
		}
		
		header form a, .botao {
			display: block;
			border-radius: 5px;
			width:95%;
			max-width:450px;
			margin:0 auto;
			margin-top:25px;
			margin-bottom:-45px;
			padding:22px 0 22px 0;
			background: #FDEE17;
			box-shadow:0 5px 0 #FFBF00;
			color: #002B26;
			text-align:center;
			text-decoration:none;
			font-family:'Lato', Arial;
			font-size: 23px;
			font-weight: bold;
		}
			header form a:hover, .botao:hover {
				background:#FFBF00;
  				box-shadow:0 5px 0 #DFA800;
			}
			header form a:active{
			  position:relative;
			  top:5px;
			  box-shadow:none;
			}
			
			
	   header .mobile { display:none; }
	

@media (max-width: 900px) {
	header { padding-bottom:45px; padding-top:15px; }
	header > div > div { float:none; display:block; width:98%; margin:0 auto; }
	header .mockup { display:none; }
	
	header h2 { display:block; margin:0 auto; max-width:200px; text-align:center; font-size:15px; }
	header h1 { margin-top:15px; text-align:center; line-height:39px; font-size:35px; }
	header h3 { text-align:center; font-size:15px; }
	
	header form input { padding:16px 10px 16px 10px; font:16px Tahoma, Arial; }
	
	header .mobile { display:block; margin:0 auto; margin-top:25px; width:80%; }
}




.faixa { clear:both; display:block; float:none; background:#F4F4F4; padding:40px 0 15px 0; }
	.faixa h3 { text-align:center; font-size:30px; font-family:'Lato', Arial; font-weight:bold; }
	.faixa img { width:60px; display:block; margin:0 auto; }


@media (max-width: 900px) {
	.faixa h3 { font-size:23px; }
}

.content { padding-top:45px; padding-bottom:40px; }

	.topico {
		width:30%;
		max-width:400px;
		float:left;
		padding:15px;
		text-align:center;
		font:18px Tahoma, Arial;
		color:#666;
	}
		.topico img { display:block; margin:0 auto; width:45%; margin-bottom:10px; max-width:70px; }
		

@media (max-width: 900px) {
	.content  { padding-top:20px; }
	.topico { width:90%; float:none; display:block; margin:0 auto; padding-bottom:20px; border-bottom:1px  dotted #CCCCCC;  font-size:15px; }
	.topico img { width:25%; }
}
		

.autor  { padding:45px 0 45px 0; background:#F4F4F4; }
	.autor p { display:block; font:15px Tahoma, Arial; color:#666; }
	.autor img { float:right; border-radius:100px; margin-left:30px; border:5px solid #FFF; }
	

.call-to-action { background:#001F3E url('imgs/fundo.png'); padding:50px 0 50px 0; }
	.call-to-action h4 { text-align:center; font-size:30px; font-family:'Lato', Arial; font-weight:bold; color:#FFF; }
		.call-to-action h4 strong { font-size:40px; color:var(--principal); }
	.botao { margin-top:45px; margin-bottom:0; max-width:550px; }
	
	
@media (max-width: 900px) {
	.autor { padding:25px 0 25px 0; }
		.autor p { text-align:center; }
		.autor img { display:block; float:none; margin:0 auto; }
		
	.call-to-action h4 { font-size:26px; }
}	
	
footer { padding:20px 0 20px; text-align:center; }