@charset "utf-8";
@-ms-viewport{
  width: device-width;
}
/* CSS Document */
/* FONTS */
@font-face{
        font-family: 'ChevinBold';
        font-style: normal;
        src: url(../fonts/ChevinBold.otf); /*if IE */
        src: local('ChevinBold'), url'../fonts/ChevinBold.otf') format('opentype'); /* non-IE */
}
@font-face{
        font-family: 'ChevinDemiBold';
        font-style: normal;
        src: url(../fonts/ChevinDemiBold.otf); /*if IE */
        src: local('ChevinDemiBold'), url'../fonts/ChevinDemiBold.otf') format('opentype'); /* non-IE */
}
@font-face{
        font-family: 'ChevinLight';
        font-style: normal;
        src: url(../fonts/ChevinLight.otf); /*if IE */
        src: local('ChevinLight'), url'../fonts/ChevinLight.otf') format('opentype'); /* non-IE */
}
@font-face{
        font-family: 'MyriadPro';
        font-style: normal;
        src: url(../fonts/MyriadPro.otf); /*if IE */
        src: local('MyriadPro'), url'../fonts/MyriadPro.otf') format('opentype'); /* non-IE */
}
/* PRINCIPAL */
body{
	width:100vw;
	height:auto;
	display:inline-block;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	cursor:default;
	overflow-x: hidden;
	padding-bottom:130px;
}
a:hover, a:visited, a:link, a:active{
	text-decoration:none;
	color:inherit;
}
#barraTopo{
	position:relative;
	top:0px;
	width:100vw;
	height:10px;
	background-color:#27a7e0;
	z-index:25;
}
#barraLogo{
	position:relative;
	display:inline;
	width:100vw;
	height:10vh;
	min-height:120px;
	position:relative;
}
#logo{
	position:relative;
	left:20px;
	top:20px;
	width:30vw;
	max-width:70px;
	min-height:80px;
}
#logo img{
	width:100%;
	margin:auto;
}
#conteudos{
	position:relative;
	display:inline-block;
	top:20px;
	left:20px;
	width:100vw;
	height:auto;
}
.paginas{
	position:relative;
	display:inline-block;
	top:0px;
	left:0px;
	padding-top:0px;
	padding-bottom:0px;
	width:100vw;
	height:auto;
}
/* MENU */
#btMenu{
	position:fixed;
	top:25px;
	right:15px;
	width:50px;
	height:40px;
	z-index:50;
	cursor:pointer;
}
#menu{
	position:fixed;
	top:160px;
	left:0px;
	margin-bottom:auto;
	width:100vw;
	height:100vh;
	background-color:#27a7e0;
	z-index:50;
}
#menuLista{
	position:absolute;
	display:inline-block;
	padding:10;
    list-style-type: none;
	margin-left:-40px;
	top:20px;
	left:0px;
	width:100vw;
	height:auto;
}
.menuItem{
	position:relative;
	display:block;
	margin:0 0 10px 0;
	width:auto;
	height:4vh;
	text-align:center;
	font-family:"ChevinDemiBold";
    font-size:4vh;
	color:#FFF;
}
.menuItemSpace{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:2vh;
	border:0.4vw;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	border-top-style:solid;
	border-top-color:#FFF;
}
#logoFormatoVerde{
	position:absolute;
	bottom:-40px;
	width:100vw;
	height:auto;
}
#logoFormatoVerdeImg{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:98px;
	bottom:0px;
}
#logoFormatoVerdeImg img{
	max-width:100%;
	max-height:100%;
}
/* TEXTOS */
.titulos1{
	position:relative;
	width:90vw;
	height:45px;
	left:0px;
	font-family:"ChevinDemiBold";
	font-size:25px;
	text-align:left;
	color:#27a7e0;
}
.titulos2{
	position:relative;
	width:90vw;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:20px;
	text-align:left;
}
.titulos3{
	position:relative;
	width:90vw;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:38px;
	text-align:center;
}
.titulos4{
	position:relative;
	width:90vw;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:38px;
	text-align:center;
}
.textos1{
	position:relative;
	width:90vw;
	height:auto;
	left:0px;
	font-family:"ChevinDemiBold";
	font-size:14px;
	text-align:left;
	line-height:16px;
	color:#27a7e0;
}
/* ENTRADA */
#entrada{
	position:relative;
	display:inline-block;
	width:100vw;
	height:100vh;
}
#barraLogoEntrada{
	position:relative;
	display:inline;
	width:100vw;
	height:25vh;
	min-height:120px;
	position:relative;
	display:inline-block;
}
#logoEntrada{
	position:relative;
	left:20px;
	top:20px;
	width:30vw;
	max-width:140px;
	max-height:140px;
	padding-bottom:10vh;
}
#logoEntrada img{
	margin:auto;
}
#entrada{
	position:relative;
	padding-top:30px;
	width:100vw;
	height:auto;
}
#textosEntrada{
	position:relative;
	display:inline;
	left:20px;
	top:0px;
	width:100vw;
	height:30vh;
	max-width:640px;
	min-height:20px;
}
#tituloEntrada_1{
	position:relative;
	display:inline-block;
	width:100vw;
	height:auto;
	font-family:"ChevinDemiBold";
    font-size:8vh;
	color:#ffcb2d;
}
#tituloEntrada_2{
	position:relative;
	display:inline-block;
	width:100vw;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:8vh;
	color:#27a7e0;
}
#btCalendarioEntrada{
	position:relative;
	display:inline-block;
	width:100vw;
	height:auto;
	min-height:120px;
}
#btCalendarioEntradaImg{
	position:relative;
	top:20px;
	width:220px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}
#btCalendarioEntradaImg img{
	width:220px;
	height:77px;
}
#ContactoEntrada{
	position:relative;
	top:0px;
	width:160px;
	margin-left:auto;
	margin-right:auto;
	font-family:"ChevinBold";
	font-size:18px;
	text-align:start;
	color:#27a7e0;
}
#ContactoEntradaImg{
	position:relative;
	top:40px;
	margin-left:auto;
	margin-right:auto;
	width:226px;
	height:40px;
}

#ContactoEntrada2{
	position:relative;
	font-family:"ChevinBold";
	font-size:18px;
	color:#27a7e0;
	width:190px;
	height:30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-top:10px;
}

#ContactoEntrada2 #mail_icon{float:left;font-family:"ChevinDemiBold";font-size:30px; margin-left:-15px;margin-top:-7px;}
#ContactoEntrada2 #mail{float:left;font-family:"ChevinBold";}

.logos2020 {width:100%; position: fixed; bottom:0px; padding:20px; left: 0px; background: #fff;box-sizing: border-box; border-top:1px solid #ccc;}
.logos2020 img{width: 100%; max-width:100%; height: auto; display: inline-block;box-sizing: border-box; }

/* CALENDÁRIOS */
#calendarioMobile{
	position:absolute;
	width:100vw;
	height:100vh;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:75;
}
#calendarioMobileBig{
	position:relative;
	top:0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100vw;
	height:100vh;
}
#calendarioMobileBigImg img{
	width:98%;
}
#btFecharCalendarios{
	position:absolute;
	display:inline-block;
	width:100vw;
	height:33px;
	margin-left:auto;
	margin-right:auto;
	z-index:15;
}
#btFecharCalendarios img{
	position:relative;
	top:4vw;
	right:7vh;
	float:right;
	border:none;
	cursor:pointer;
}
/* PROJETO */
#projeto{
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
}
#caraSorriso{
	position:relative;
	padding-left:5px;
	width:20px;
	height:20px;
}
#caraSorriso img{
}
#areasPiloto{
	position:relative;
	display:inline-block;
	padding-top:0px;
	width:100%;
	height:auto;
	left:0px;
	float:none;
}
#areasPiloto ul li{
	list-style-type: none;
}
#areasPilotoLista{
	position:relative;
	padding:0px;
	left:0px;
	width:auto;
	height:auto;
}
.areasPilotoItem{
	position:relative;
	padding-top:12px;
	padding-right:12px;
	left:0px;
	width:auto;
	height:auto;
	float:left;
}
.imgAreasPilotoZoom{
	position:absolute;
	left:10px;
	bottom:55px;
	width:18px;
	height:18px;
	background-image:url('../images/icons/zoom.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	z-index:1;
}
.imgAreasPiloto{
	position:relative;
	padding:0px;
	width:205px;
	height:140px;
}
.imgAreasPiloto img{
	margin:auto;
	min-width:100%;
	min-height:100%;
}
.txtAreasPiloto{
	position:relative;
	top:10px;
	left:10px;
	width:220px;
	height:45px;
	font-family:"MyriadPro";
	font-size:10px;
	color:#FFF;
}
.fundoAreasPiloto{
	position:relative;
	top:0px;
	left:0px;
	width:220px;
	height:45px;
	background-image:url('../images/fundos/fundo_azul_texto_pequeno.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	z-index:-1;
}
#galeriaAreasPiloto{
	position:relative;
	display:inline-block;
	left:0px;
	width:90vw;
	height:auto;
}
.sliderAreasPiloto{
	width:90vw;
	height:auto;
}
.sliderAreasPiloto img{
	max-width:90vw;
	max-height:100%;
}
/* FUNCIONAMENTO */
#funcionamento{
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
}
#casasFuncionamento{
	position:relative;
	display:inline-block;
	width:90vw;
}
#imgFuncionamento{
	position:relative;
	display:inline-block;
	list-style-type: none;
	top:0px;
	padding:0px;
	width:100%;
	height:auto;
}
.itemImgFuncionamento{
	position:relative;
	margin:0 2vw 0 0;
	width:31%;
	max-width:200px;
	height:auto;
	float:left;
}
.itemImgFuncionamento img{
	width:100%;
}
#textosFuncionamento{
	position:relative;
	display:inline-block;
	list-style-type: none;
	top:-25px;
	padding:0px;
	width:100%;
	height:auto;
}
.itemTextosFuncionamento{
	position:relative;
	margin:0 2vw 0 0;
	width:31%;
	max-width:200px;
	height:auto;
	text-align:center;
	font-family:"ChevinDemiBold";
	font-size:3vh;
	color:#27a7e0;
	float:left;
}
.passosCasaFuncionamento{
	position:relative;
	display:inline-block;
	width:90vw;
	height:auto;
}
.passosCasaFuncionamento img{
	width:100%;
}
.caixaPassosFuncionamento{
	position:relative;
	display:inline-block;
	top:0px;
	left:0px;
	width:90vw;
	height:auto;
}
.listaCasasFuncionamento{
	position:relative;
	display:inline-block;
	width:90vw;
	height:auto;
}
.passosCirculoFuncionamento{
	position:relative;
	width:81px;
	height:77px;
	float:left;
}
.passosTituloFuncionamento{
	position:relative;
	display:block;
	padding-bottom:15px;
	margin:0 0 0 90px;
	width:70%;
	height:auto;
	text-align:left;
	font-family:"ChevinLight";
	font-size:3.2vw;
	color:#FFF;
}
.passosTituloFuncionamento img {
	position:absolute;
	width:100%;
	height:20vw;
    max-width:450px;
	max-height:106px;
    top:-15px;
    bottom:0;
    left:0;
    right:0;
	z-index:-1;
}
.passosTextoFuncionamento{
	position:relative;
	padding-bottom:10px;
	margin:0 0 0 95px;
	width:70%;
	height:auto;
	text-align:left;
	font-family:"ChevinDemiBold";
	font-size:3.4vw;
}
.passosCamiaoFuncionamento{
	position:relative;
	display:inline-block;
	padding-bottom:30px;
	width:90vw;
	height:auto;
}
.passosCamiaoFuncionamento img{
	width:100%;
}
.regrasSeparacaoLogo{
	position:relative;
	display:inline-block;
	padding-bottom:25px;
	width:80vw;
	height:auto;
}
.imgLogoPe1{
	position:relative;
	margin-left:auto;
	margin-right:40px;
	width:220px;
	height:212px;
}
.imgLogoPe1 img{
	position:absolute;
    max-width:220px;
	max-height:212px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.imgLogoPe1Texto{
	position:absolute;
	margin-left:15px;
	margin-top:130px;
	width:120px;
	text-align:center;
	font-family:'ChevinLight';
	font-size:14px;
	color:#FFF;
	cursor:pointer;
}
/* VANTAGENS */
#vantagens{
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
}
#caixaVantagens{
	position:relative;
	display:inline-block;
	top:0px;
	left:0px;
	width:80%;
	height:auto;
}
.caixaListaVantagens{
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	float:left;
}
.listaVantagens{
	position:relative;
	top:0px;
	left:0px;
	margin:10px 0 0 0;
	list-style-type: none;
}
.listaItemVantagens{
	position:relative;
	top:0px;
	left:-40px;
	width:400px;
	height:120px;
	margin:10px 0 0 0;
}
.listaVantagensCirculo{
	position:absolute;
	top:0px;
	left:0px;
	width:13vw;
	max-width:95px;
	height:95px;
	float:left;
}
.listaVantagensCirculo img{
	position:absolute;
	width:100%;
    max-width:95px;
	max-height:95px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.listaVantagensSeta{
	position:absolute;
	margin-left:15vw;
	float:left;
}
.listaVantagensTitulo{
	position:absolute;
	top:5px;
	margin-left:25vw;
	font-family:"ChevinDemiBold";
	font-size:24px;
	color:#27a7e0;
}
.listaVantagensTexto{
	position:absolute;
	top:65px;
	margin-left:25vw;
	width:40vw;
	min-width:200px;
	font-family:"ChevinLight";
	font-size:12px;
	line-height:14px;
	color:#27a7e0;
}
#imgChavetaVantagens{
	position:relative;
	padding-top:30px;
	top:0px;
	left:0px;
	width:100%;
	max-width:400px;
	height:auto;
}
#imgChavetaVantagens img{
	position:relative;
	margin:auto;
	max-width:100%;
	max-height:100%;
	min-width:300px;
}
#objectoVantagens{
	position:relative;
	display:inline-block;
	top:-25px;
	left:0px;
	width:90vw;
	height:auto;
	max-width:400px;}
#objectoVantagensEsq{
	position:relative;
	width:90vw;
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}
#objectoVantagensDir{
	position:relative;
	width:90vw;
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}
#imgRelogioVantagens{
	position:relative;
	top:10px;
	width:70px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#imgRelogioVantagens img{
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#imgTextoVantagens{
	position:relative;
	top:10px;
	width:330px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#imgTextoVantagens img{
	width:100%
}
#imgLogoPe2{
	position:relative;
	top:15px;
	left:0px;
	width:275px;
	height:265px;
	margin-left:auto;
	margin-right:auto;
}
#imgLogoPe2 imf{
	position:absolute;
	top:0px;
	left:0px;
	width:275px;
	height:265px;
}
#imgLogoPe2Texto{
	position:absolute;
	top:105px;
	margin-left:-237px;
	width:130px;
	line-height:12px;
	text-align:center;
	font-family:ChevinLight;
	font-size:10px;
	color:#FFF;
}
/* BOAS PRÁTICAS */
#boasPraticas{
	position:relative;
	display:inline-block;
	width:100vw;
	height:auto;
}
#caixaBoasPraticas{
	position:relative;
	display:inline-block;
	top:-20px;
	left:0px;
	width:85vw;
	height:auto;
}
.caixaListaBoasPraticas{
	position:relative;
	top:0px;
	left:0px;
	width:85vw;
	height:auto;
	float:left;
}
.listaBoasPraticas{
	position:relative;
	margin:10px 0 0 0;
	top:0px;
	left:0px;
	width:75vw;
	height:auto;
	float:left;
	list-style-type: none;
}
.itemBoasPraticas{
	position:relative;
	top:0px;
	left:-40px;
	width:85vw;
	height:120px;
	margin:50px 0 0 0;
}
.listaBoasPraticasCirculo{
	position:absolute;
	top:0px;
	left:0px;
	width:13vw;
	max-width:95px;
	height:95px;
	float:left;
}
.listaBoasPraticasCirculo img{
	position:absolute;
	width:100%;
    max-width:95px;
	max-height:95px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.listaBoasPraticasSeta{
	position:absolute;
	margin-left:15vw;
	float:left;
}
.listaBoasPraticasTitulo{
	position:absolute;
	top:0px;
	margin-left:25vw;
	width:65vw;
	max-width:250px;
	font-family:"ChevinDemiBold";
	font-size:22px;
	color:#27a7e0;
    font-size-adjust:auto;
}
.listaBoasPraticasTexto{
	position:absolute;
	top:65px;
	margin-left:25vw;
	width:40vw;
	min-width:200px;
	font-family:"ChevinLight";
	font-size:12px;
	line-height:14px;
	color:#27a7e0;
}
#imgLogoPe3{
	position:relative;
	top:10px;
	left:4vw;
	width:85vw;
	max-width:280px;
}
#imgLogoPe3 img{
	width:100%;
}
#imgLogoPe3Texto{
	position:absolute;
	top:115px;
	left:30px;
	width:135px;
	text-align:center;
	line-height:10px;
	font-family:ChevinLight;
	font-size:10px;
	color:#FFF;
}
#regrasPraticas{
	font-family:"ChevinDemiBold";
	color:#27a7e0;
	cursor:pointer;
}
/* DOWNLOADS */
#downloads{
	display:inline-block;
	height:auto;
	padding-bottom:0px;
}
#caixaListaDownloads{
	position:relative;
	display:inline-block;
	margin-top:15px;
	left:0px;
	width:100%;
	height:auto;
}
#listaDownloads{
	position:relative;
	left:0px;
	width:85vw;
	max-width:800px;
	height:auto;
	list-style-type: none;
}
.listaItemDownloads{
	position:relative;
	margin:0 0 8px 0;
	padding:10px;
	top:-15px;
	left:-40px;
	width:100%;
	height:auto;
	font-family:'ChevinDemiBold';
	font-size:3.3vw;
	color:#FFF;
	float:left;
	background-color:#27a7e0;
}
.listaItemDownloads img{
	padding-bottom:10px;
	padding-right:10px;
	float:left;
}
.listaItemTexto{
}
/* FAQS */
#faqs{
	display:inline-block;
	height:auto;
	padding-bottom:0px;
}
#caixaListaFaqs{
	position:relative;
	display:inline-block;
	margin-top:0px;
	left:0px;
	width:85vw;
	height:auto;
}
#listaFaqs{
	position:relative;
	left:0px;
	top:0px;
	width:85vw;
	max-width:800px;
	height:auto;
	list-style-type: none;
}
.itemFaqs{
	position:relative;
	margin:0 0 8px 0;
	width:85vw;
	max-width:800px;
	height:auto;
	float:left;
}
.imgFaq{
	position:relative;
	padding:15px;
	left:-40px;
	float:left;
	z-index:5;
}
.perguntaFaq{
	position:relative;
	padding:15px;
	top:0px;
	left:-40px;
	width:80vw;
	max-width:800px;
	height:auto;
	font-family:'ChevinDemiBold';
	font-size:3.2vw;
	color:#FFF;
	border-bottom:thin;
	border-bottom-color:#27a7e0;
	border-bottom-style:solid;
	background-color:#27a7e0;
}
.respostaFaq{
	position:relative;
	padding-bottom:50px;
	top:25px;
	left:10px;
	width:70vw;
	max-width:730px;
	height:auto;
	font-family:'ChevinLight';
	font-size:14px;
	line-height:18px;
	color:#000;
	display:none;
}
/* LIGHTBOX */
#lightbox {
    position:fixed;
    top:0; 
    left:0; 
    width:100vw; 
    height:100vh; 
    background-color:rgba(0, 0, 0, 0.8);
    text-align:center;
	z-index:70;
}
#lightboxContent{
	position:relative;
	top:80px;
	width:100%;
	height:auto;
}
#lightbox img {
	border:3px;
	border-color:#FFF;
	border-style:solid;
}
#imgLightBox img{
	width:90vw;
	max-width:940px;
}
#btFecharLightBox{
	position:relative;
	width:90vw;
	max-width:940px;
	height:33px;
	top:33px;
	margin-left:auto;
	margin-right:auto;
}
#btFecharLightBox img{
	position:relative;
	min-width:15px;
	top:5px;
	right:5px;
	float:right;
	border:none;
	cursor:pointer;
}
/* REGRAS SEPARACAO */
#regrasSeparacao{
	position:fixed;
    top:0; 
    left:0; 
    width:100vw; 
    height:100vh; 
    background-color:rgba(0, 0, 0, 0.8);
    text-align:center;
	z-index:70;
}
#regrasSeparacaoBig{
	position:relative;
	display:block;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:100vh;
}
#btFecharRegras{
	position:relative;
	width:45vw;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
}
#btFecharRegras img{
	position:relative;
	top:20px; 
    left:0px; 
	height:100%;
	float:right;
	border:none;
	cursor:pointer;
}
#regrasBigImg img{
	position:relative;
	top:-30px;
	height:100vh;
}

#alert{
	margin-top:-100px;
	float:left;
	width: 300px;
	margin-left:140px;
}
#alert_icon, #alert_text{ float:left}
#alert, #alert_text h2{color:#8DC641;}

#alert_icon{font-size:90px; font-family:'ChevinDemiBold';margin-right:8px;}
#alert_text p{margin:0px;font-size:18px; font-family:'ChevinDemiBold';}
#alert_text h2{font-size:25px; font-family:'ChevinDemiBold';margin:0px;margin-top:18px;}