@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");

* {margin:0;padding:0;}
html {margin:0;padding:0;width:100%;height:100%;}
body {margin:0;padding:0;width:100%;height:100%;}
@viewport {width: device-width;zoom: 1;}
@-ms-viewport {width: device-width;zoom: 1;}
@-o-viewport {width: device-width;zoom: 1;}
img,embed,object,video {max-width:100%;height:auto;}
strong {font-weight: normal; font-family:"FiraSans Bold";}
em {font-family:"FiraSans Italic";font-style:normal;}
.bolditalic {font-family:"FiraSans BoldItalic";}


/* evita quebra de linha nos nomes das abas */
#evt-schedule-content ul.rooms-nav li, #evt-schedule-content ul.days-nav li {
    white-space: nowrap;
}

/* define a fonte e cor da fonte */
#evt-schedule-content {
    color: #585858;
    font-family: "FiraSans Light";
}

/* edita a lista de palestrantes da atividade principal */
#evt-schedule-content ul.main-activity-speakers {
    font-size: smaller;
}

/* edita as abas de navegação que estão ativas */
#evt-schedule-content ul.days-nav li.active, #evt-schedule-content ul.rooms-nav li.active {
    border-bottom: 2px solid #797979;
    font-weight: 600;
}

#evt-schedule-content ul.days-nav {
    margin-bottom: -2px !important;
}
#evt-schedule-content ul.rooms-nav {
	border-bottom: 1px solid #585858;
	margin-top: 5px !important;
}
#evt-schedule-content ul.days-nav li {
    background-color:#79CAA0;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	text-align: center;
	color: #fff;
	width: 80px;
	display: inline-block;
	margin: 0 10px;
	border-right: 1px solid #fff;
}
#evt-schedule-content ul.rooms-nav li {
    background-color: #79CAA0;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	text-align: center;
	color: #fff;
	padding: 5px 15px !important;
	display: inline-block;
	border-right: 1px solid #fff;
}
.active {
    background-color: #573c97 !important;
	color: #FFF;
	font-family: "FiraSans Bold";
}

/* adiciona a borda em baixo das abas dos dias */
#evt-schedule-content .days {
    border-top: 2px solid #dee2e6;
}

/* adiciona a linha divisória entre as atividades */
#evt-schedule-content .days > table > tbody {
    border-bottom: 1px solid #dee2e6;
}
.evt-schedule-download {
	margin-bottom: 20px !important;
	background-color: #1B449C;
	font-family: "FiraSans Bold";
	font-size: 15px;
	padding: 10px 20px;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	margin: 0;
	border-radius: 7px;
	display: inline-block
}
iframe {
	width: 100%;
	height: 550px;
	margin-top: 30px;
}


/*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.comissao,
a.multidisciplinaridade,
a.procedimentos,
a.campanha,
a.convidados,
a.programa,
a.inscricoes,
a.contato,
a.local,
a.saopaulo,
a.hospedagem,
a.podcast,
a.fotos
{color: #FFF;}

a.index:hover, 
a.apresentacao:hover,
a.comissao:hover,
a.multidisciplinaridade:hover,
a.procedimentos:hover,
a.campanha:hover,
a.convidados:hover,
a.programa:hover,
a.inscricoes:hover,
a.contato:hover,
a.local:hover,
a.saopaulo:hover,
a.hospedagem:hover,
a.podcast:hover,
a.fotos:hover
{color: #00B7A0;}

#pagIndex a.index, 
#pagApresentacao a.apresentacao,
#pagComissao a.comissao,
#pagMltidisciplinaridade a.multidisciplinaridade,
#pagProcedimentos a.procedimentos,
#pagCampanha a.campanha,
#pagConvidados a.convidados,
#pagPrograma a.programa,
#pagInscricoes a.inscricoes,
#pagContato a.contato,
#pagLocal a.local,
#pagSaopaulo a.saopaulo,
#pagPodcast a.podcast,
#pagFotos a.fotos
{color: #00B7A0;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*/

/*
#index {color: #00B7A0;}
#apresentacao a {color: #00B7A0;}
#comissao {color: #00B7A0;}
#multidisciplinaridade {color: #00B7A0;}
#procedimentos {color: #00B7A0;}
#campanha {color: #00B7A0;}
#convidados {color: #00B7A0;}
#programa {color: #00B7A0;}
#inscricoes {color: #00B7A0;}
#contato {color: #00B7A0;}
#local {color: #00B7A0;}
#saopaulo {color: #00B7A0;}
*/

.marcasApoio {
	width: 100%;
	display: inline-block;
	text-align: center;
}
.marcasApoio p {
	text-align: center;
}
.marcasApoio img {
	text-align: center;
	margin: 0 30px 20px 30px;
}


.boxSaopaulo {
	border: 1px solid #000;
	padding: 10px;
	margin: 20px 0;
	display: inline-block;
	text-align: left;
}
.fundoGeral {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image:url("../imagens/fundo.png");
	background-position:bottom right;
	background-repeat:repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index: 1;
}
.marcaIndex {display: block;}
.marcaMobile {display: none;}
.botao-inscrevase {
	background-color: #563D90;
	color: #00B7A0;
	font-family: "FiraSans Bold";
	font-size: 16px;
	padding: 10px 20px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	border-radius: 7px;
	text-align: left;
	margin: 0 30px 30px 0;
}
.conteudo {
	display:inline-block;
	position: absolute;
	width: 100%;
	padding: 0;
	z-index: 100;
	top:270px;
	vertical-align: top;
	margin: 0;
}
.boxTotal {
	width: 100%;
}
.box800 {
	max-width: 800px;
	padding: 50px 50px;
	margin: 0 auto 100px auto;
	background-color: #CEE9DB;
	border-radius: 50px;
}
.box100 {
	width: 80%;
	padding: 50px 5%;
	margin: 0 5% 100px 5%;
	background-color: #CEE9DB;
	border-radius: 50px;
}

.boxLocal {
	display: inline-block;
	text-align: left;
	margin: 0 30px 30px 0;
	vertical-align: top;
}
.alinhadoLeft {
	text-align: left;
}
.destaque {
	background-color: #00b7a0;
	border-radius: 25px;
	color: #FFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	display: inline-block;
}
.destaque2 {
	background-color: #c2e5dd;
	border-radius: 25px;
	padding: 10px 15px;
	margin-bottom: 10px;
	display: inline-block;
}
#ecology {width: 230px;}
/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/
/*CABECALHO - MENU MOBILE*/
.cabecalho-mobile {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	line-height: 0;
	height: 100px;
	background-color: #00B7A0;
}
.cabecalho-mobile-marca {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	z-index: 1000;
	background-color: #00B7A0;
	text-align: center;
	background-image:url("../imagens/cabecalho2.png");
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
}
.cabecalho-mobile-marca img {
	margin: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 350px;
}
.menu-mobile {
	width: 100%;
	background-color: #563D90;
	height: 40px;
	text-align:center;
}
.menu-mobile a {
	text-decoration: none;
	width: 100%;
	font-family: "FiraSans Light";
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #FFF;
	display: inline-block;
	padding: 10px 0;
	color: #FFF;
	background-color: #563D90;
}
.menu-mobile a:first-of-type {
	border-top: 1px solid #FFF;
}
.dropbtn {
    background-color:#563D90;
	width:100%;
	height:40px;
    color: #FFF;
    font-size:16px;
	line-height:40px;
    border: none;
    cursor: pointer;
	font-family: "FiraSans Light";
	text-decoration: none;
}
.dropdown {
    display: inline-block;
	width:100%;
	position:fixed;
	left:0;
	top:80px;
	height:2em;
}
.dropdown-content {
    display: none;
    position:absolute;
	top:40px;
    overflow: auto;
	width:100%;
	height: 450px;
}
.show {
	display:block;
}
.menu-desktop-animacao-entra {
	animation-name: menuDesktopAnimacaoEntra;
	animation-duration:0.5s;
	animation-timing-function:ease;
	animation-iteration-count: 1;
}
@keyframes menuDesktopAnimacaoEntra {
   from {
	   opacity:0;
	   top:-200px;
	   z-index:1;
   }
   to {
	   opacity:1;
	   top:40px;
	   z-index:987;
   }
}
/*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 {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 150px;
	line-height: 150px;
	z-index: 1000;
	background-color: #00B7A0;
	text-align: center;
	background-image:url("../imagens/cabecalho2.png");
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
}
.cabecalho img {
	margin: 0 40px;
	display: inline-block;
	vertical-align: middle;
}
.cabecalho-menu-desktop {
	z-index: 1000;
	position: fixed;
	top: 150px;
	left: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: #563D90;
}
.cabecalho-menu-desktop a {
	display: inline-block;
	padding: 5px 15px;
	font-family: "FiraSans Light";
	/*color: #FFF;*/
	font-size: 16px;
	line-height: 17px;
	cursor: pointer;
	text-decoration: none;
	margin:10px 0;
}
/*.cabecalho-menu-desktop a:hover {
	color: #00B7A0;
}*/
.curso {
	/*background-color: #FFFC00;*/
}
.cabecalho-menu-desktop a.curso {
	/*color: #573c97;
	font-family: "FiraSans Medium";*/
}
/*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 {
	background-color: transparent;
	border: none;
	display: inline-block;
	padding: 5px 15px;
	font-family: "FiraSans Medium";
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}
.conteudoDrop {	
	text-align: left;
	display: none;
	background-color: #563D90;
	min-width: 160px;
	z-index: 1;
	position: absolute;
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);
}
.conteudoDrop a {
	display: block;
	font-size: 80%;
	border-bottom: 1px solid #FFF;
	background-color: #563D90;
	color: #FFF;
	margin: 0;
	height: 30px;
	line-height: 30px;
}
.conteudoDrop a:hover {color: #00B7A0;}
.menuDrop:hover .conteudoDrop {display: block;}
.menuDrop:hover .botaoDrop {color: #00B7A0;}
/*MENU DROPDOWN*/
/*MENU DROPDOWN*/

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


/*PADRÃO TEXTO*/
/*PADRÃO TEXTO*/
h1 {
	font-family:"FiraSans Bold";
	font-size:23px;
	line-height:30px;
	font-weight:normal;
	font-style:normal;
	color: #00B7A0;
	text-align: left;
}
h2 {
	font-family:"FiraSans Bold";
	font-size:20px;
	line-height:1.4em;
	font-weight:normal;
	font-style:normal;
	color: #00B7A0;
	text-align: left;
}
h3 {
	font-family:"FiraSans Bold";
	font-size:1em;
	line-height:1.5em;
	margin-bottom:20px;
	font-weight:normal;
	font-style:normal;
	color: #27437E;
}
h4 {
	font-family:"FiraSans Bold";
	font-size:1em;
	line-height:1.5em;
	margin-bottom:0.5em;
	font-weight:normal;
	font-style:normal;
	color: #27437E;
}
p {
	font-family:"FiraSans Regular";
	font-size:16px;
	line-height:24px;
	text-align: left;
}
.small {
	font-size: 80%;
}
.destaqueP {
	color: #00b79f;
}
.destaqueP2 {
	color: #563D90;
}
ol {
	list-style-type:decimal;
	list-style-position:outside;
	margin:0 0 0 2em;
}
ul {
	list-style-type: disc;
	list-style-position:outside;
	margin:0 0 0 2em;
}
ol li {
	font-family:"FiraSans Regular";
	font-size:1em;
	line-height:1.6em;
	margin:5px 0 30px 0;
}
ul li {
	font-family:"FiraSans Regular";
	font-size:1em;
	line-height:1.6em;
	margin:5px 0;
}
/*PADRÃO TEXTO*/
/*PADRÃO TEXTO*/


/*PADRÃO TABELAS*/
/*PADRÃO TABELAS*/
.table-responsive {
	display:inline-block;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	width: 100%;
}
table {
	margin:0 auto 50px auto;
}
table, th, td {
    border-collapse: collapse;
	font-family:"FiraSans Light";
	font-size:16px;
	line-height:24px;
	vertical-align: top;
}
.light {font-family:"FiraSans Light";}
.linhaTabela {
	border-bottom: 1px solid #00B7A0;
}
th, tr {
    border-collapse: collapse;
	padding:0.5em;
	border-bottom: 1px solid #00B7A0;
	border-right: 1px solid #00B7A0;
}
tr:last-of-type {border-bottom: none;}
.larguraHorario {
	width: 120px;
}
.tabelaPrograma th, .tabelaPrograma td {
	border-collapse: collapse;
	border: 5px solid #FFF;
}
.corTabela1 {
	background-color: #563D90;
	color: #FFF;
}
.corTabela2 {background-color:#F3DCB9;}
.corTabela3 {background-color:#F8EEDF;}
.corTabela4 {background-color:#B5E7AD;}
.corTabela5 {background-color:#F9B3D9;}
.corTabela6 {background-color:#A8C0F2;}
/*PADRÃO TABELAS*/
/*PADRÃO TABELAS*/


@-webkit-keyframes opacidade {
	from {-webkit-opacity:0;} 
	to {-webkit-opacity:1;}
	}
@keyframes opacidade {
	0% {opacity:0;} 
	100% {opacity:1;}
	}




/*FORMATO ALTURA 750px*/
/*FORMATO ALTURA 750px*/
/*FORMATO ALTURA 750px*/
@media screen and (max-height: 750px) {
.cabecalho {
	height: 100px;
	line-height: 100px;
}
.cabecalho img {
	margin: 0 40px;
	width: 340px;
}
.cabecalho-menu-desktop {
	top: 100px;
}
.cabecalho-menu-desktop a {
	padding: 5px 12px;
	font-size: 13px;
	line-height: 17px;
	margin: 5px 0;
}
.botao-inscrevase {
	font-size: 14px;
	padding: 7px 15px;
	border-radius: 7px;
}
.conteudo {top:180px;}



}/*FORMATO ALTURA 750px*/


/*FORMATO TELA 1152px*/
/*FORMATO TELA 1152px*/
/*FORMATO TELA 1152px*/
@media screen and (max-width: 1152px) {
.cabecalho {
	height: 100px;
	line-height: 100px;
}
.cabecalho img {
	margin: 0 40px;
	width: 340px;
}
.cabecalho-menu-desktop {
	top: 100px;
}
.cabecalho-menu-desktop a {
	padding: 5px 12px;
	font-size: 13px;
	line-height: 17px;
	margin: 5px 0;
}
.botao-inscrevase {
	font-size: 14px;
	padding: 7px 15px;
	border-radius: 7px;
}
.box800 {
	max-width: 800px;
	width: 80%;
	padding: 50px 5%;
	margin: 0 5% 100px 5%;
}

}/*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) {
.conteudo {top:160px;}
.cabecalho, .cabecalho-menu-desktop {
	display: none;
}
.cabecalho-mobile {
	display: block;
}
.marcaIndex {display: none;}
.marcaMobile {display: block;}
#ecology {width: 190px;}
/*PADRÃO TEXTO*/
/*PADRÃO TEXTO*/
h1 {font-size:18px;line-height: 22px;}
h2 {font-size:16px;}
h3 {font-size:0.8em;}
p {font-size:13px;}
li {font-size:0.8em;}
ol li {
	font-size:13px;
	line-height:18px;
}
ul li {
	font-size:13px;
	line-height:18px;
}
table, th, td {
	font-size: 13px;
}
.larguraHorario {
	width: 90px;
}
.marcasApoio img {
	margin: 0 18px 20px 18px;
}	

/*80%*/

/*PADRÃO TEXTO*/
/*PADRÃO TEXTO*/
}/*FORMATO TELA 870px*/


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

}/*FORMATO TELA 480px*/