@charset "UTF-8";
@import url("FiraSans_Black/stylesheet.css");
@import url("FiraSans_BlackItalic/stylesheet.css");
@import url("FiraSans_Bold/stylesheet.css");
@import url("FiraSans_BoldItalic/stylesheet.css");
@import url("FiraSans_ExtraBold/stylesheet.css");
@import url("FiraSans_ExtraBoldItalic/stylesheet.css");
@import url("FiraSans_ExtraLight/stylesheet.css");
@import url("FiraSans_ExtraLightItalic/stylesheet.css");
@import url("FiraSans_Italic/stylesheet.css");
@import url("FiraSans_Light/stylesheet.css");
@import url("FiraSans_LightItalic/stylesheet.css");
@import url("FiraSans_Medium/stylesheet.css");
@import url("FiraSans_MediumItalic/stylesheet.css");
@import url("FiraSans_Regular/stylesheet.css");
@import url("FiraSans_SemiBold/stylesheet.css");
@import url("FiraSans_SemiBoldItalic/stylesheet.css");
@import url("FiraSans_Thin/stylesheet.css");
@import url("FiraSans_ThinItalic/stylesheet.css");


/*mudança de cor do link do menu*/
/*mudança de cor do link do menu*/
/*mudança de cor do link do menu*/
a.index, 
a.apresentacao,
a.organizacao,
a.multi,
a.campanha,
a.workshop,
a.curso,
a.abroad,
a.convidados,
a.programacao,
a.informacoes,
a.inscricoes,
a.hospedagem,
a.local,
a.riodejaneiro
{color: #eae1b9;}

a.index:hover, 
a.apresentacao:hover,
a.organizacao:hover,
a.multi:hover,
a.campanha:hover,
a.workshop:hover,
a.curso:hover,
a.abroad:hover,
a.convidados:hover,
a.programacao:hover,
a.informacoes:hover,
a.inscricoes:hover,
a.hospedagem:hover,
a.local:hover,
a.riodejaneiro:hover
{color: #eae1b9;font-family:"FiraSans Medium";}


#pagIndex a.index, 
#pagApresentacao a.apresentacao,
#pagOrganizacao a.organizacao,
#pagMulti a.multi,
#pagCampanha a.campanha,
#pagWorkshop a.workshop,
#pagCurso a.curso,
#pagAbroad a.abroad,
#pagConvidados a.convidados,
#pagProgramacao a.programacao,
#pagInformacaoes a.informacoes,
#pagInscricoes a.inscricoes,
#pagHospedagem a.hospedagem,
#pagLocal a.local,
#pagRio a.riodejaneiro
{color: #eae1b9;font-family:"FiraSans Medium";}

#pagConvidados span.convidados
{color: #eae1b9;font-family:"FiraSans Medium";}
/*mudança de cor do link do menu*/
/*mudança de cor do link do menu*/
/*mudança de cor do link do menu*/


/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/

/*CABEÇALHO*//*CABEÇALHO*//*CABEÇALHO*//*CABEÇALHO*/
.cabecalho-mobile {
	display: none;
	width: 100%;
	z-index: 999;
	line-height: 0;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);/*SOMBRA DO CABEÇALHO CELULAR*/
}
.cabecalho-mobile-marca {
	display: block;
	width: 100%;
	line-height: 0;
	z-index: 1000;
}
.cabecalho-mobile-marca img {
	margin-top: 10px;
	display: inline-block;
	vertical-align: bottom;
}
.fundoCabecalho {/*PARTE DO CABEÇALHO ONDE FICA A MARCA*/
	width:100%;
	background-attachment: fixed;
	background-image:url("../imagens/fundocabecalho2.jpg");
	background-position:center bottom;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.dropbtn {
    background-color:#4188a6;/*COR DE FUNDO DO BOTÃO -MENU- DO CELULAR*/
	width:100%;
	height:40px;
    color: #FFF;/*COR DO TEXTO*/
    font-size:16px;
	line-height:40px;
    border-bottom: 1px solid #305e6d;/*BORDA DO BOTÃO -MENU- DO CELULAR*/
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
	font-family: "FiraSans Medium";
	text-decoration: none;
}
/*CABEÇALHO*//*CABEÇALHO*//*CABEÇALHO*//*CABEÇALHO*/
.menu-mobile {
	width: 100%;
    position:fixed;
	left:0;
	top:0;
    overflow-y: auto;
    z-index: 1000;
}
/*BOTÕES DO MENU CELULAR*/
.menu-mobile a {
    background-color: #4188a6;/*COR DOS BOTÕES DO MENU CELULAR*/
    border-bottom: 1px solid #eae1b9;/*COR DA BORDA DOS BOTÕES DO MENU CELULAR*/
	text-decoration: none;
	width: 87%;
	font-family: "FiraSans Regular";
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	padding: 10px 0 10px 3%;
	color: #FFF;
}
.menu-mobile a:first-of-type {
	border-top: 1px solid #eae1b9;
}
/*BOTÕES DO MENU CELULAR*/

.espaco {
    height: 60px;
}
.dropdown-content {/*MENU TOTAL DO CELULAR QUE ABRE*/
    overflow-y: auto;
    position: none;
    display: none;
	width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);/*COR DE FUNDO DO MENU CELULAR*/
	text-align:left;
	-webkit-animation-name: opacidade;
	-webkit-animation-duration: 500ms;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count:1;
	animation-name: opacidade;
	animation-timing-function:ease;
	animation-duration: 500ms;
	animation-delay: 0;
	animation-iteration-count:1;
}
.dropdown-contentSubmenu {/*SUBMENU DO CELULAR QUE ABRE*/
    display: none;
	text-align:left;
	-webkit-animation-name: opacidade;
	-webkit-animation-duration: 500ms;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count:1;
	animation-name: opacidade;
	animation-timing-function:ease;
	animation-duration: 500ms;
	animation-delay: 0;
	animation-iteration-count:1;
}
.dropdown-contentSubmenu a {
    background-color: #305e6d !important;/*COR DE FUNDO DO SUBMENU CELULAR*/
}
/* Altere para a cor de fundo e cor do texto que você preferir */
.active-btn {
    background-color: #305e6d !important; /* Cor de fundo quando aberto */
    color: #FFF !important;            /* Cor do texto quando aberto */
}
/* width */
.menu-mobile ::-webkit-scrollbar {
  width: 15px;
}
/* Track */
.menu-mobile ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
.menu-mobile ::-webkit-scrollbar-thumb {/*MENU TOTAL DO CELULAR*/
  background: #305e6d; 
  border-radius: 5px;
}

/* Handle on hover */
.menu-mobile ::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
button.botaoFechar {
    position: absolute;
    right:5%;
    top: 50%;
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.70);
}
.botaoFechar {/*BOTÃO FECHAR DO MENU CELULAR*/
	background-color: #FF0004;/*COR DE FUNDO DO BOTÃO FECHAR DO MENU CELULAR*/
	border:none;
	cursor:pointer;
	font-family:"FiraSans Bold";
	font-size: 20px;
	width: 42px;
    height: 40px;
    line-height: 40px;
	border-radius: 25px;
	color: #FFF;
}
.botaoFechar:hover {
	background-color: #248094;
}
.show {
	display:block;
}
/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/

/*CABECALHO - MENU DESKTOP*/
/*CABECALHO - MENU DESKTOP*/
/*CABECALHO - MENU DESKTOP*/
/*CABECALHO - MENU DESKTOP*/
.cabecalho {
    background-color: #4188a6;/*COR DE FUNDO DO CABEÇALHO DESKTOP*/
	display: block;
	width: 100%;
	z-index: 1000;
	text-align: center;
}
.cabecalho img {
	margin-top: 20px;
	display: inline-block;
	vertical-align: bottom;
}
.cabecalho-menu-desktop {
    background-color: #4188a6;/*COR DE FUNDO DO MENU DESKTOP*/
	z-index: 1000;
	left: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.cabecalho-menu-desktop a {
    color: #FFF;/*COR DO TEXTO DO MENU DESKTOP*/
	display: inline-block;
	padding: 5px 15px;
	font-family: "FiraSans Regular";
	font-size: 16px;
	line-height: 17px;
	cursor: pointer;
	text-decoration: none;
	margin:10px 0;
}
.cabecalho-menu-desktop a:first-of-type {
	border-left: none;
}
.cabecalho-menu-desktop a:hover {
	color:#eae1b9;/*COR DO TEXTO MENU DESKTOP HOVER*/
}
.link-ativo {
    font-family: "FiraSans Regular";
	color: #FFF;/*COR DO TEXTO MENU DESKTOP ATIVO*/
}
/*CABECALHO - MENU DESKTOP*/
/*CABECALHO - MENU DESKTOP*/
/*CABECALHO - MENU DESKTOP*/
/*CABECALHO - MENU DESKTOP*/


/*MENU DROPDOWN*/
/*MENU DROPDOWN*/
.anchor {
	position:relative;
	bottom:300px;
}
.menuDrop {
	display: inline-block;
}
.botaoDrop {/*BUTTON DO SUBMENU DESKTOP*/
    color: #FFF;/*COR DO TEXTO DO BOTÃO QUE ABRE O SUBMENU DESKTOP*/
	background-color: transparent;
	border: none;
  display: inline-block;
	padding: 5px 15px;
	font-family: "FiraSans Regular";
	cursor: pointer;
	text-decoration: none;
}
.conteudoDrop {	
	text-align: center;
  display: none;
  background-color: transparent;
  min-width: 160px;
  z-index: 1;
	position: absolute;
}
.conteudoDrop a {
    background-color: #305e6d;/*COR DE FUNDO DO BOTÃO DO SUBMENU DESKTOP*/
	display: block;
	font-size: 90%;
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);
	margin: 0;
	padding: 10px 15px;
    color: #FFF;
}
.conteudoDrop a:hover {color: #eae1b9;font-family: "FiraSans Medium";}
.menuDrop:hover .conteudoDrop {display: block;}
.menuDrop:hover .botaoDrop {color: #eae1b9;font-family: "FiraSans Medium";}
/*MENU DROPDOWN*/
/*MENU DROPDOWN*/

#ativo {
	background-color: #F2B55C;
	border-radius: 5px;
}

/*FORMATO ALTURA 750px*/
/*FORMATO ALTURA 750px*/
/*FORMATO ALTURA 750px*/
@media screen and (max-height: 750px) {
.cabecalho-menu-desktop a, .menuDrop button {
	padding: 5px 12px;
	font-size: 13px;
	line-height: 17px;
	margin: 5px 0;
}
}/*FORMATO ALTURA 750px*/


/*FORMATO TELA 1152px*/
/*FORMATO TELA 1152px*/
/*FORMATO TELA 1152px*/
@media screen and (max-width: 1152px) {
.cabecalho-menu-desktop a, .menuDrop button {
	padding: 5px 12px;
	font-size: 13px;
	line-height: 17px;
	margin: 5px 0;
}
}/*FORMATO TELA 1152px*/






/*MUDANÇA PARA MOBILE*/
/*MUDANÇA PARA MOBILE*/
/*MUDANÇA PARA MOBILE*/
/*MUDANÇA PARA MOBILE*/
/*MUDANÇA PARA MOBILE*/
/*MUDANÇA PARA MOBILE*/
/*MUDANÇA PARA MOBILE*/
/*MUDANÇA PARA MOBILE*/

/*FORMATO TELA 870px*/
/*FORMATO TELA 870px*/
/*FORMATO TELA 870px*/
@media screen and (max-width: 870px) {
.cabecalho, .cabecalho-menu-desktop {
	display: none;
}
.cabecalho-mobile {
	display: block;
}
}/*FORMATO TELA 870px*/


/*FORMATO TELA 480px*/
/*FORMATO TELA 480px*/
/*FORMATO TELA 480px*/
@media screen and (max-width: 480px) {

}/*FORMATO TELA 480px*/



