body{margin: 0; padding: 0; font-family: arial; color: #333; background-color: #fff; font-family: 'Dosis'; background-color: #900;}

* {-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.flutuar{position: relative; display: block; float: left;}

.home{position: relative; width: 100%; height: auto; left: 0; top: 0; margin: 0; padding:0;}

.fundo{position: fixed; width: 100%; height: 400vh;}

.logotipo{width: 100%; height: 100%; text-align: center;}
.superior{width: 100%; height: 40vh;}
.logotipoCentro, .logotipoCentro img{ width: 100%; height: auto;}
.logotipoLinhaCentro{ width: 100%; height: 40vh;}
.logotipoLinhaCentro img{height: 100%; width: 100%;}

.logotipoCelular{display: none;}
.linhas{display: block;}

#areamenu{display: block;}
#areamenucelular{display: none;  bottom: -100vh;}
.areaCelular{display: none;}
.botaoCelular{display: none;}
.area{width: 100%; height: 100vh;}
.menuBotoes{width: 100%; height: auto; margin: auto; text-transform: uppercase; text-align: left;}
.menu{width: 400px; margin-left: 48%;}
.menuInterno{display: block; width: 400px; margin-left: 0;}
.menuBT, .menuBTAtivo{ font-weight: 700; font-size: 1.1em; margin: 20px 0; }
.menuBT a{text-decoration: none; color: #900; background-color: #fff; border-radius: 0 10px 10px 0; padding: 5px 10px 5px 10px; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}
.menuBT a:hover{color: #D44; letter-spacing: 0.1em;}
.menuBTAtivo a{font-weight: 300; font-size: 1.1em; width: auto; margin: 20px 0; text-decoration: none; color: #fff; cursor: default; background-color: #900; border-radius: 0 10px 10px 0; padding: 5px 10px 5px 10px; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}

input[type=checkbox], label{display:none;}

.conteudo{ width: 100%; margin: auto; height: auto;}
.interno{color: #fff; font-weight: 400; font-size: 1.1em; text-align: left;}
.interno img{width: 100%; height: auto;}

.curriculoFlex{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;

	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	-webkit-justify-content:center;
	
	display:-ms-flex;
	-ms-flex-wrap:wrap;
	-ms-justify-content:center;
}
.curriculo{width: 100%; min-height: 100px; padding: 5px 40px 5px 0; }
.internonormal{display: block;}
.internocelular{display: none;}
.areaCurriculo{width: 29%; margin: 2%;}
.areaCurriculoInt{width: 48%; margin-right: 1%; margin-left: 0;}

.portifolioFlex{
  align-items: stretch;
  -webkit-align-items: stretch;
  -ns-align-items: stretch;
}
.areaPortifolio{width: 20%; margin: 2%; background-color: rgba(255,10,58,0.5); padding-bottom: 10px; cursor: pointer; }
.areaPortifolioImagem{width: 100%; height: auto; max-height: 250px;}
.areaPortifolioImagem img{width: 100%; height: auto; max-height: 250px;}
.titulo{font-weight: 600; font-size: 1.2em; line-height: 1em; padding-left: 10px; padding-top: 10px;}
.subtitulo{font-weight: 400; line-height: 1em; padding-left: 10px; }


.video{left:0; margin-left:0; margin-top:10vh; width:100%; height:80vw; max-height:640px; text-align:center; vertical-align:middle;}
.video iframe{height:100%; width:100%;}

.popup, .popup2{display:none; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.8); width:100vw; height:100vh; line-height:90vh; text-align:center; overflow-y:auto;  z-index: 100;}
.popup video{position:relative; width:80vw; height:auto; max-height:90vh; top:5vh;}
.popup img{position:relative; width:90vw; max-width:90vw; height:auto; top:5vh;}
.popup2 img{position:relative; width:auto; max-width:90vw; height:90vh; max-height: auto; top:5vh;}
.fecharpopup {position:fixed; top:-4vh; right:10px; width:40px; height:40px; cursor:pointer;}
.fecharpopup img{width: 100%; height: 100%;}

.emailGeral{padding: 25px 20%;}
.emailInterno{padding: 20px 40px; background-color: rgba(255,255,255,0.25); border-radius: 20px;}
.emailTexto{width: 100%; font-size: 1em;}
.emailMensagem{width: 100%; height: 200px; font-size: 1em;}
.emailBotao{width: 100px; height: 50px; background-color: #fff; color: #000; border: 0; font-size: 1em; cursor: pointer; border-radius: 5px;}

.internoMenu{position: fixed; left: 0; top: 0; height: 100%; width: 20%; min-width: 220px;}
.internoConteudo{position: relative; left: 20%; top: 0; height: auto; min-height: calc(100vh - 102px); width: 80%; color:#fff; margin-bottom: 20px;}
.internoConteudo titulo{margin-left: 2%; font-size: 2em; font-weight: 700; line-height: 2em; }
.internoFundo{position: fixed; width: 100%; height: 100vh; top: 0; margin: 0; z-index: -1;}


.rodape{height: auto; width: 90%; background-color: #fff; border-radius: 40px; margin: 0 5%; padding: 20px; margin-bottom: 20px;
	display: flex;
}
.rodapeItem1{
	flex-grow: 1;
}
.rodapeItem2{
	flex-grow: 2;
}
.alinharEsq, .alinharDir{ width: 50%; vertical-align: middle; line-height: 40px;}
.alinharEsq{text-align: left;}
.alinharDir{text-align: right;}
.rodape a{text-decoration: none; color: #cc0000; font-weight: 700; font-size: 1.1em; margin: 0 10px;}
.rodape img{height: 40px; width: auto; vertical-align: middle; margin: 0 5px;}
.inferior{width: 100%; height: 3vh; }
#mailto{text-decoration: none; color: #cc0000; font-weight: 700; font-size: 1.1em; margin: 0 10px; border: 0; background-color: rgba(0,0,0,0);}
.botaoEmail{border: 10px; background-color: rgba(0,0,0,0);}
.rodape button, .rodape input{cursor:pointer;}

@media (min-width: 1px) and (max-width:700px){

	.logotipoCentro, .logotipoLinhaCentro{display: none;}
	.logotipoCelular{display: block; width: 80%; margin-left: 10%; height: 20vh; margin-bottom: 40vh;}
	.logotipoCelular img{width: 100%;}
	.menu{width: 100%; margin-left: 0;}

	#areamenu{display: none;}
	#areamenucelular{display: block; position: fixed; margin-top: 100vh; z-index: 400; background-color: rgba(16,16,16,0.9); padding-top: 10vh; transition: all .7s ease; -webkit-transition: all .7s ease; -ms-transition: all .7s ease;}
	.area{height: auto;}
	.linhas{display: none;}

	.internonormal{display: none;}
	.internocelular{display: block;}

	
	.menuInterno{width: 100%; 
		display:flex;
		flex-wrap:wrap;
		justify-content:center;

		display:-webkit-flex;
		-webkit-flex-wrap:wrap;
		-webkit-justify-content:center;
		
		display:-ms-flex;
		-ms-flex-wrap:wrap;
		-ms-justify-content:center;
	}
	.areaCelular{display: flex; position: fixed; bottom: 0; width: 100%; height: calc(14vw + 20px); padding: 10px 0; background-color: #333; z-index: 500;}
	.areaCelular img{width: 30vw; height: auto; margin:auto;}
	.botaoCelular, .botaoCelular a{display:block; position: relative; margin: 1vw auto -10vw auto; padding: 0; width: 10vw; height: 10vw; border-radius: 5px; background-color: #fff; }
	.botaoCelular img{width: 100%; height: 100%; margin: 0;}
	.menuBT a, .menuBTAtivo a{display: block; margin: 3vw 7vw;  padding: 0; width: 15vw; height: 15vw; border-radius: 5px; padding: 1vw}
	.menuBT img, .menuBTAtivo img{width: 100%; height: auto;}
	.menuBT a { background-color: #810000; }
	.menuBTAtivo a { background-color: #333; }
	.menuBT a:hover{color: #D44; letter-spacing: 0;}
	.internoMenu{position: relative; display: block; left: 0; top: 0; height: auto; width: 100%; min-width: 220px;}
	.internoConteudo{position: relative; left: 10%; top: 00px; height: auto; min-height: calc(100vh - 102px); width: 90%; color:#fff; margin-bottom: 20px;}

	.areaCurriculo{width: 96%;}
	.areaCurriculoInt{width: 96%;}
	.emailGeral{padding: 0 0 10px 0;}
	.emailInterno{padding: 5px; border-radius: 0;}

	.rodape{width: 100%; border-radius: 0px; margin: 0 0 10px 0; padding: 20px; padding-bottom: calc(20vw + 40px); display: block;}
	.rodapeItem1, .rodapeItem2{position: relative; display: block; float: left; 
		flex-grow: 0;
	}
	.rodapeItem1{width: 40%;}
	.rodapeItem2{width: 60%;}



}
@media (min-width: 700px) and (max-width:900px){

	.areaPortifolio{width: 28%;}

}
@media (min-width: 500px) and (max-width:699px){

	.areaPortifolio{width: 46%;}

}
@media (max-width:499px){

	.areaPortifolio{width: 46%;}

}