@charset "utf-8";
/* 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{
	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;
}
a:hover, a:visited, a:link, a:active{
	text-decoration:none;
	color:inherit;
}
#barraTopo{
	position:fixed;
	top:0px;
	width:100%;
	height:10px;
	background-color:#27a7e0;
	z-index:25;
}
#logoFormatoVerde{
	position:absolute;
	top:50px;
	right:20px;
}
#logoFormatoVerde img{
	max-width:100%;
	max-height:100%;
}
#conteudos{
	position:relative;
	display:inline-block;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
}
.paginas{
	position:relative;
	display:inline-block;
	top:0px;
	left:55px;
	padding-top:40px;
	padding-bottom:0px;
	width:100%;
	height:auto;
}
.btTopo{
	position:relative;
	margin-left:0px;
	margin-top:60px;
	padding-bottom:40px;
	left:0px;
	width:100%;
	height:40px;
}
.imgTopo{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:20px;
	height:12px;
	background-image:url('../images/icons/seta_azul.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.txtTopo{
	position:relative;
	top:5px;
	width:35px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-family:"ChevinDemiBold";
	font-size:14px;
	color:#27a7e0;
}
.btInfo{
	position:relative;
	margin-left:0px;
	margin-top:5px;
	left:0px;
	width:100%;
	height:40px;
	cursor:pointer;
}
.imgInfo{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:20px;
	height:12px;
	background-image:url('../images/icons/seta_branca.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.txtInfo{
	position:relative;
	top:5px;
	width:30px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	font-family:"ChevinDemiBold";
	font-size:14px;
	color:#FFF;
}
/* MENU ENTRADA */
#barraMenuEntrada{
	position:relative;
	display:inline-block;
	padding-top:30px;
	padding-bottom:20px;
	padding-left:30px;
	top:0px;
	left:0px;
	width:100%;
	height:120px;
	z-index:50;
}
#logoEntrada{
	position:absolute;
	padding:0px;
	top:30px;
	left:70px;
	width:140px;
	height:140px;
	float:left;
}
#logoEntrada img{
	margin:auto;
	min-width:100%;
	min-height:100%;
}
#menuEntrada{
	position:relative;
	top:240px;
	left:0px;
	width:720px;
	height:auto;
	float:left;
	font-family:"ChevinDemiBold";
	font-size:14px;
}
#menuEntrada ul li{
	list-style-type: none;
}
#menuEntradaLista{
	position:absolute;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
}
.menuItemEntrada{
	position:relative;
	margin:0 10px 0 0;
	width:110px;
	height:40px;
	float:left;
	border:2px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-color:#27a7e0;
	text-align:center;
	color:#27a7e0;
}
#btCalendarioEntrada{
	position:absolute;
	top:80px;
	left:510px;
	cursor:pointer;
}
#ContactoEntrada{
	position:absolute;
	top:172px;
	left:560px;
	font-family:"ChevinBold";
	font-size:18px;
	text-align:start;
	color:#27a7e0;
}
#ContactoEntradaImg{
	position:absolute;
	top:175px;
	left:530px;
	width:26px;
	height:40px;
}
#ContactoEntrada2{
	position:absolute;
	top:225px;
	left:533px;
	font-family:"ChevinBold";
	font-size:18px;
	text-align:start;
	color:#27a7e0;
	float:left;
}

#ContactoEntrada2 #mail_icon{float:left;font-family:"ChevinDemiBold";font-size:30px; margin-right:5px;margin-top:-7px;}
#ContactoEntrada2 #mail{float:left;font-family:"ChevinBold";}
/* MENU */
#barraMenu{
	position:relative;
	display:inline-block;
	padding-top:30px;
	padding-bottom:20px;
	padding-left:30px;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	z-index:24;
}
#logo{
	position:relative;
	display:inline-block;
	padding-left:30px;
	top:0px;
	left:0px;
	width:120px;
	height:120px;
	float:left;
}
#logo img{
	margin:auto;
	min-width:100%;
	min-height:100%;
}
#menu{
	position:relative;
	display:inline-block;
	left:30px;
	width:660px;
	height:120px;
	float:left;
	font-family:"ChevinDemiBold";
	font-size:14px;
}
#menu ul li{
	list-style-type: none;
}
#menuLista{
	padding:0px;
}
.menuItem{
	position:relative;
	margin:55px 10px 0 0;
	width:110px;
	height:40px;
	float:left;
	border:2px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-color:#27a7e0;
	text-align:center;
	color:#27a7e0;
}
/* TEXTOS */
.titulos1{
	position:relative;
	width:100%;
	height:45px;
	left:0px;
	font-family:"ChevinDemiBold";
	font-size:38px;
	text-align:left;
	color:#27a7e0;
}
.titulos2{
	position:relative;
	width:100%;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:30px;
	text-align:left;
}
.titulos3{
	position:relative;
	width:100%;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:38px;
	text-align:center;
}
.titulos4{
	position:relative;
	width:100%;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:38px;
	text-align:center;
}
.textos1{
	position:relative;
	width:48%;
	min-width:600px;
	height:auto;
	left:0px;
	font-family:"ChevinDemiBold";
	font-size:16px;
	text-align:left;
	line-height:20px;
	color:#27a7e0;
}
/* ENTRADA */
#entrada{
	width:100%;
	height:550px;
}
#textosEntrada{
	position:relative;
	left:10px;
	top:180px;
	width:50%;
	height:auto;
	float:left;
}
#tituloEntrada_1{
	position:relative;
	width:750px;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:85px;
	font-size:5vw;
	line-height:90px;
	line-height:5.5vw;
	color:#ffcb2d;
}
#tituloEntrada_2{
	position:relative;
	width:750px;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:85px;
	font-size:5vw;
	line-height:90px;
	line-height:5.5vw;
	color:#27a7e0;
}
#imagemEntrada{
	position:fixed;
	vertical-align: bottom;
	right:-5px;
	bottom:100px;
	width:43%;
	height:73%;
	float:right;
	z-index:25;
}
#imagemEntrada img{
	position:absolute;
	right:0px;
	bottom:0px;
	vertical-align: bottom;
	max-width:100%;
	max-height:100%;
}
.logos2020 {width:350px; position: fixed; bottom:52px; right: 7px; box-sizing: border-box; background: #fff; padding:5px;}
.logos2020 img{width: 100%; max-width:100%; height: auto; box-sizing: border-box;}
#calendarios{
	position:absolute;
	width:100vw;
	height:100vh;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:55;
}
#calendarioBig{
	position:relative;
	top:60px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:65vw;
	height:48vw;
	max-width:900px;
	min-width:300px;
	max-height:670px;
}
#calendarioBigImg img{
	max-width: 100%;
}
#menucalendarios{
	position:relative;
	display:inline-block;
	left:0px;
	top:60px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:65vw;
	height:auto;
}
#menucalendariosThumbs{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:320px;
	height:100px;
	cursor:pointer;
	z-index:56;
}
.calendarioThumb{
	position:relative;
	display:block;
	padding-right:20px;
	height:100px;
	float:left;
}
.calendarioThumb img{
	max-height: 100%;
}
#btFecharCalendarios{
	position:absolute;
	display:inline-block;
	width:100%;
	max-width:900px;
	height:33px;
	margin-left:auto;
	margin-right:auto;
	z-index:15;
}
#btFecharCalendarios img{
	position:relative;
	top:5px;
	right:5px;
	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:100%;
	height:auto;
}
.sliderAreasPiloto{
	width:90%;
	max-width:900px;
	height:auto;
}
.sliderAreasPiloto img{
	max-width:100%;
	max-height:100%;
}
/* FUNCIONAMENTO */
#funcionamento{
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
}
#imgFuncionamento{
	position:relative;
	left:0px;
	width:670px;
	height:155px;
	background-image:url('../images/objectos/desenho_rua.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
#txtImgFuncionamento{
	position:relative;
	padding:0px;
	top:10px;
	left:0px;
	width:670px;
	height:35px;
/*	text-align: center; */
}
#txtImgFuncionamento ul li{
	list-style-type: none;
}
#listaImgFuncionamento{
	position:relative;
	padding:0px;
}
.itemImgFuncionamento{
	position:relative;
	padding-right:10px;
	left:0px;
/*	width:30%; */
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:"ChevinDemiBold";
	font-size:16px;
	color:#27a7e0;
/*	float:left; */
}
#passosFuncionamento{
	position:relative;
/*	display:inline-block; */
	padding-bottom:80px;
	width:auto;
	height:auto;
/*	float:left; */
	left:120px;
}
.caixaPassosFuncionamento{
	position:relative;
/*	top:30px; */
	left:0px;
/*	width:592px;  */
    width:400px;
	height:130px;
}
.passosCirculoFuncionamento{
	position:relative;
	width:81px;
	height:77px;
	float:left; 
}
.passosTituloFuncionamento{
	position:relative;
	padding-left:10px;
/*	width:500px; */
    width:300px;
	height:77px;
	text-align:left;
	font-family:"ChevinLight";
	font-size:14px;
	color:#FFF;
	float:left;
}
.passosTituloFuncionamento img {
	position:absolute;
/*    max-width:500px; */
    max-width:300px;
	max-height:77px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.passosListaFuncionamento ul li{
	list-style-type: none;
}
.itemPassosFuncionamento{
	position:relative;
	padding-right:10px;
	left:100px;
/* 	width:30%; */
	height:auto;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
.itemPassosFuncionamentoTitulo{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display: table-cell;
   	vertical-align: bottom;
	width:200px;
	height:30px;
	text-align:center;
	font-family:"ChevinDemiBold";
	font-size:16px;
}
.itemPassosFuncionamentoTexto{
	position:relative;
/*	top:10px; */
	width:165px;
	height:30px;
	text-align:center;
	font-family:"ChevinLight";
	font-size:12px;
	color:#27a7e0;
	float:left;
}
#imgLogoPe1{
	position:relative;
	display:inline-block;
	padding-top:40px;
	top:-500px;
	left:560px;
	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:115px;
	width:120px;
	text-align:center;
	font-family:'ChevinLight';
	font-size:14px;
	color:#FFF;
	cursor:pointer;
}
#imgDesenhoCamiao{
	position:absolute;
	display:inline-block;
	top:380px;
	left:250px;
	width:440px;
	height:112px;
}
#imgDesenhoCamiao img{
	position:absolute;
    max-width:100%;
	max-height:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
/* 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:95px;
	height:95px;
	float:left;
}
.listaVantagensCirculo img{
	position:absolute;
    max-width:95px;
	max-height:95px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.listaVantagensSeta{
	position:absolute;
	left:110px;
	float:left;
}
.listaVantagensTitulo{
	position:absolute;
	top:5px;
	left:155px;
	font-family:"ChevinDemiBold";
	font-size:24px;
	color:#27a7e0;
}
.listaVantagensTexto{
	position:absolute;
	top:65px;
	left:155px;
	width:230px;
	font-family:"ChevinLight";
	font-size:12px;
	line-height:14px;
	color:#27a7e0;
}
#imgChavetaVantagens{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	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:100%;
	height:auto;
	max-width:880px;
}
#objectoVantagensEsq{
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#objectoVantagensDir{
	position:relative;
	width:100%;
	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;
}
#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:100%;
	height:auto;
}
#caixaBoasPraticas{
	position:relative;
	display:inline-block;
	top:-20px;
	left:0px;
	width:100%;
	height:auto;
}
.caixaListaBoasPraticas{
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	float:left;
}
.listaBoasPraticas{
	position:relative;
	top:0px;
	left:0px;
	margin:10px 0 0 0;
	float:left;
	list-style-type: none;
}
.itemBoasPraticas{
	position:relative;
	top:0px;
	left:-40px;
	width:500px;
	height:120px;
	margin:50px 0 0 0;
}
.listaBoasPraticasCirculo{
	position:absolute;
	top:0px;
	left:0px;
	width:95px;
	height:95px;
	float:left;
}
.listaBoasPraticasCirculo img{
	position:absolute;
    max-width:95px;
	max-height:95px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.listaBoasPraticasSeta{
	position:absolute;
	left:110px;
	float:left;
}
.listaBoasPraticasTitulo{
	position:relative;
	top:-25px;
	left:155px;
	line-height:30px;
	width:280px;
	height:auto;
	font-family:"ChevinDemiBold";
	font-size:24px;
	color:#27a7e0;
}
.listaBoasPraticasTexto{
	position:relative;
	top:-10px;
	left:155px;
	width:250px;
	line-height:15px;
	font-family:"ChevinLight";
	font-size:12px;
	color:#27a7e0;
}
#imgLogoPe3{
	position:relative;
	top:30px;
	left:50px;
}
#regrasPraticas{
	font-family:"ChevinDemiBold";
	color:#27a7e0;
	cursor:pointer;
}
/* DOWNLOADS */
#downloads{
	display:inline-block;
	height:auto;
	padding-bottom:50px;
}
#caixaListaDownloads{
	position:relative;
	display:inline-block;
	margin-top:15px;
	left:0px;
	width:100%;
	height:auto;
}
#listaDownloads{
	position:relative;
	left:0px;
	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:24px;
	color:#FFF;
	float:left;
	background-color:#27a7e0;
}
/* FAQS */
#faqs{
	display:inline-block;
	height:auto;
	padding-bottom:0px;
}
#caixaListaFaqs{
	display:inline-block;
	position:relative;
	left:0px;
	width:800px;
	height:auto;
}
#listaFaqs{
	display:inline-block;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	list-style-type: none;
}
.itemFaqs{
	position:relative;
	margin:0 0 8px 0;
	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:800px;
	height:auto;
	font-family:'ChevinDemiBold';
	font-size:22px;
	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:730px;
	height:auto;
	font-family:'ChevinLight';
	font-size:14px;
	line-height:18px;
	color:#000;
	display:none;
}
/* BARRA BAIXO */
#barraBaixo{
	position:fixed;
	display:inline-block;
	bottom:-80px;
	width:100%;
	height:120px;
	background-color:#27a7e0;
	z-index:25;
	left:0px;
}
#barraBaixoInfo{
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
}
#infoEsq{
	position:relative;
	display:inline-block;
	top:0px;
	left:4vw;
	margin:0 80px 0 0;
	width:360px;
	height:60px;
}
#infoEsqTexto{
	position:absolute;
	top:10px;
	left:30px;
	font-family:ChevinDemiBold;
	font-size:14px;
	color:#FFF;
}
#infoDir{
	position:relative;
	display:inline-block;
	top:0px;
	right:2vw;
	width:400px;
	height:53px;
	float:right;
}
.infoDirTexto{
	position:relative;
	height:53px;
	font-family:ChevinLight;
	font-size:8px;
	color:#FFF;
}
.infoDirImg{
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	margin:0px 10px 0 0;
	float:left;
}
.infoDirImg img{
	position:absolute;
	vertical-align:bottom;
	bottom: 0;
    left: 0;
}
#promotor{
	position:relative;
	float:left;
}
#parcerias{
	position:relative;
	padding-left:5px;
	border-left:thin;
	border-left-style:solid;
	border-left-color:#FFF;
	float:left;
}
#apoio{
	position:relative;
	padding-left:5px;
	border-left:thin;
	border-left-style:solid;
	border-left-color:#FFF;
	float:left;
}
/* 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:100px;
	width:100%;
	height:auto;
}
#lightbox img {
	border:15px;
	border-color:#FFF;
	border-style:solid;
}
#imgLightBox img{
	width:60vw;
	max-width:940px;
}
#btFecharLightBox{
	position:relative;
	width:60vw;
	max-width:940px;
	height:33px;
	top:50px;
	margin-left:auto;
	margin-right:auto;
}
#btFecharLightBox img{
	position:relative;
	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;
	top:60px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:65vw;
	max-width:451px;
	min-height:200px;
	max-height:566px;
}
#regrasBigImg img{
	max-height: 100%;
}
#btFecharRegras{
	position:relative;
	width:60vw;
	max-width:451px;
	height:33px;
	top:50px;
	margin-left:auto;
	margin-right:auto;
}
#btFecharRegras img{
	position:relative;
	top:5px;
	right:25px;
	float:right;
	border:none;
	cursor:pointer;
}
#alert{
	float:left;position: absolute;
	top: 160px;
	left:70px;
	width: 300px;
}
#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;}