@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300);
* { margin:0; padding:0; list-style:none; text-decoration:none; outline:none; }
body { background:url('../../assets/imagens/fundo.png') #F5F5F5; font-family:'Open Sans', sans-serif; }

header { width:90%; min-width:960px; max-width:1400px; height:160px; margin:0 auto; }
header h1 { font-size:38px; font-weight:800; line-height:40px; text-transform:uppercase; width:400px; float:left; margin-top:60px; letter-spacing:-2px; }
header h1 a { color:#313131; }
header h1 strong { font-weight:300; color:#EB5555; }

header nav { width:472px; height:40px; margin-top:60px; float:right; }
header nav ul li { float:left; font-family:'Raleway', sans-serif; }
header nav ul li a { color:#EB5555; display:inline-block; padding:0 15px; text-transform:uppercase; font-size:13px; line-height:40px; font-weight:400; }
header nav ul li a:hover { background:#EB5555; color:#FFF; transition: all 700ms ease; }

section#apresentacao { width:90%; min-width:960px; max-width:1400px; height:350px; display:table; margin:0 auto 60px; background:url('../../assets/imagens/imagem-destaque.png') no-repeat 92% bottom; background-size:40%; }
section#apresentacao article { width:50%; float:left; padding:70px 0 35px 40px; box-sizing:border-box; }
section#apresentacao article p:first-child { font-size:23px; margin-bottom:20px; }
section#apresentacao article p a { display:inline-block; padding:10px 20px; background:#EB5555; color:#FFF; margin-top:20px; }
section#apresentacao article p a:hover { background:#CE4E4E; transition:all 300ms ease; }
section#apresentacao aside { width:45%; min-width:360px; float:right; }
section#apresentacao aside img { float:right; width:100%; }

section#servicos { background:url('../../assets/imagens/fundo-servicos.png') #323232; }
section#servicos ul { width:90%; min-width:960px; max-width:1400px; height:350px; margin:0 auto; }
section#servicos ul li { width:33%; float:left; text-align:center; box-sizing:border-box; padding:30px 50px; margin-top:10px; }
section#servicos ul li i { display:inline-block; height:80px; color:#EB5555; font-size:65px; line-height:80px; }
section#servicos ul li h3 { color:#FFF; font-size:30px; }
section#servicos ul li p { color:#808080; font-size:14px; margin-top:20px; }
section#servicos ul li a { display:inline-block; color:#FFF; background:#EB5555; padding:0 15px; text-transform:uppercase; font-size:11px; line-height:34px; font-weight:400; }
section#servicos ul li a:hover { background:#FFF; color:#EB5555; transition:all 300ms ease; }

section#trabalhos { width:90%; min-width:960px; max-width:1400px; height:364px; margin:80px auto 0; }
section#trabalhos aside { width:50%; float:left; }
section#trabalhos aside img { width:90%; }
section#trabalhos article { width:50%; float:right; width:50%; padding:40px 40px 35px; box-sizing:border-box; }
section#trabalhos article h3 { font-size:32px; letter-spacing:-2px; }
section#trabalhos article p:first-child { font-size:23px; margin-bottom:20px; }
section#trabalhos article p a { font-size:14px; display:inline-block; padding:10px 20px; background:#EB5555; color:#FFF; margin-top:20px; }
section#trabalhos article p a:hover { background:#CE4E4E; transition:all 300ms ease; }

footer { width:100%; margin-top:60px; background:#DCDCDC; display:table; }
section#rodape { width:90%; min-width:960px; max-width:1400px; margin:20px auto; }
section#rodape h3 { font-size:18px; }
section#rodape address { width:25%; float:left; font-style:normal; color:#585858; height:160px; }
section#rodape address p { font-size:13px; }
section#rodape address a { color:#EB5555; }
section#rodape article { width:50%; float:left; font-size:11px; color:#585858; }
section#rodape article p { font-size:13px; margin-bottom:5px; }
section#rodape aside { width:20%; float:right; text-align:center; }
section#rodape aside ul { width:260px; height:60px; margin:0 auto; }
section#rodape aside ul li { float:left; padding:0 2px; }
section#rodape aside ul li a { font-size:20px; color:#FFF; background-color:#585858; display:inline-block; width:40px; line-height:40px; }
section#rodape aside ul li a:hover { background-color:#333; color:#FFF; transition:all 300ms ease; }
section#rodape aside img#bandeira { margin-top:10px; width:48px; }
section#rodape aside p { font-size:9px; text-transform:uppercase; font-weight:bold; color:#585858; }

section#informacoes p { font-size:9px; font-family:Tahoma; text-transform:uppercase; color:#333333; width:100%; height:40px; clear:both; margin-top:30px; background:#B2B2B2; text-align:center; line-height:40px; }

/**************** INTERNAS *******************/
section#centro { width:90%; min-width:960px; max-width:1400px; height:120px; margin:20px auto 0; }

section#chamada { width:100%; background:url('../../assets/imagens/fundo-servicos.png') #323232; }
	section#chamada article { width:90%; min-width:960px; max-width:1400px; margin:0 auto; padding:40px 0 60px; }
	section#chamada article h2 { color:#FFF; font-size:42px; }
	section#chamada article h3 { color:#EB5555; font-size:28px; }
	section#chamada article h4 { color:#EB5555; font-size:20px; }
	section#chamada article p { color:#CDCDCD; font-size:18px; }

section#breadcumbs { width:100%; display:table; }
	section#breadcumbs article { width:90%; min-width:960px; max-width:1400px; margin:10px auto; }
	section#breadcumbs article p { font-size:12px; }
	section#breadcumbs article p a { color:#EB5555; }

section#desenvolvimento { width:100%; min-height:400px; }
	section#desenvolvimento ul { width:90%; min-width:960px; max-width:1400px; margin:50px auto 0; display:flex; }
	section#desenvolvimento ul li { width:50%; box-sizing: border-box; padding:0 100px;  height:250px; margin:20px; text-align:center; }
	section#desenvolvimento ul li i { display:inline-block; width:120px; height:120px; color:#EB5555; font-size:80px; line-height:80px; }
	section#desenvolvimento ul li a { display:inline-block; margin-top:20px; color:#FFF; background:#EB5555; padding:0 15px; text-transform:uppercase; font-size:11px; line-height:34px; font-weight:400; }
	section#desenvolvimento ul li a:hover { background:#CE4E4E; color:#FFF; transition:all 300ms ease; }

	section#explicacao { width:90%; min-width:960px; max-width:1400px; min-height:300px; margin:20px auto; }
		section#explicacao #conteudo { width:60%; float:left; text-align:justify; }
		section#explicacao #conteudo h4 { margin-top:20px; }
		section#explicacao #conteudo p { margin-bottom:15px; }
		section#explicacao #conteudo p a { font-size:14px; display:inline-block; padding:10px 20px; background:#EB5555; color:#FFF; margin-top:20px; }
		section#explicacao #conteudo p a:hover { background:#CE4E4E; transition:all 300ms ease; }

section#cursos { width:100%; min-height:400px; }
	section#cursos ul { width:90%; min-width:960px; max-width:1400px; margin:50px auto 0; display:flex; }
	section#cursos ul li { width:30%; height:250px; margin:20px; text-align:center; }
	section#cursos ul li i { display:inline-block; width:120px; height:120px; color:#EB5555; font-size:80px; line-height:80px; }
	section#cursos ul li a { display:inline-block; margin-top:20px; color:#FFF; background:#EB5555; padding:0 15px; text-transform:uppercase; font-size:11px; line-height:34px; font-weight:400; }
	section#cursos ul li a:hover { background:#CE4E4E; color:#FFF; transition:all 300ms ease; }

	section#curso { width:90%; min-width:960px; max-width:1400px; margin:20px auto; display:table; }
		section#curso h4 { color:#EB5555; font-size:26px; }

		section#curso #ementa { width:50%; float:left; margin-top:30px; }
		section#curso #ementa ul li { font-size:14px; line-height:20px; }
		section#curso #ementa ul li strong { display:inline-block; margin-top:10px; }

		section#curso #informacoes { width:50%; float:right; margin-top:30px; }
		section#curso #informacoes table { width:100%; font-size:14px; border:1px solid #CDCDCD; }
		section#curso #informacoes table tr { background:#CDCDCD; }
		section#curso #informacoes table tr:nth-child(even) { background:#F5F5F5; }
		section#curso #informacoes table tr td { padding:6px 4px; }

		section#curso #retorno { display:block; border:1px solid #CCCC44; background-color:#EEEE99; margin:10px 0; padding:8px; }
		section#curso #retorno p { font-size:11px; }
		section#curso form { margin-top:30px; width:100%; font-size:14px; }
		section#curso form label { display:inline-block; width:120px; vertical-align:top; margin-top:5px; }
		section#curso form ul { margin-top:20px; }
		section#curso form ul li { padding:2px 0; }
		section#curso form input, form textarea, form select { font:13px 'Raleway', sans-serif; padding:4px 5px; border-color:#AFAFAF #D4D0C8 #D4D0C8 #AFAFAF; border-style:solid; border-width: 2px 1px 1px 2px; }
		section#curso form input[type=submit], button { color:#FFF; padding:5px 8px; padding:10px 20px; background:#EB5555; color:#FFF; border:none; }
		section#curso form #turma, #email { width:300px; }
		section#curso form #nome { width:400px; }
		section#curso form #telefone { width:180px; }
		section#curso form #mensagem { width:400px; height:120px; }

section#contato { width:90%; min-width:960px; max-width:1400px; margin:50px auto 0; }
	section#contato #erros { width:520px; padding:8px; background-color:#EFEE99; border:1px dashed #CFCC44; margin:10px 0; }
	section#contato #erros p { padding:0; margin:0; font-size:12px; }
	section#contato form ul { margin-top:20px; }
	section#contato form ul li { padding:2px 0; }
	section#contato form label { display:inline-block; width:120px; vertical-align:top; margin-top:5px; }
	section#contato form input, form textarea, form select { font:13px 'Raleway', sans-serif; padding:4px 5px; border-color:#AFAFAF #D4D0C8 #D4D0C8 #AFAFAF; border-style:solid; border-width: 2px 1px 1px 2px; }
	section#contato form input[type=submit], button { color:#FFF; padding:10px 20px; background:#EB5555; color:#FFF; border:none; }
	section#contato form #endereco, #email { width:300px; }
	section#contato form #nome { width:400px; }
	section#contato form #telefone { width:180px; }
	section#contato form #mensagem { width:400px; height:120px; }