@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%;background-color: #FFF;}
@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";}

#fundoIndexDesktop {display: block;}
#fundoIndexMobile {display: none;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 1000;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #006f78;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
#myBtn:hover {
  background-color: #555;
}
.creditoFoto {
	margin-top: 10px;
	background-color: #FFF;
	opacity: 0.7; 
	color: #000; 
	display: inline-block;
	padding: 0px 5px;
	line-height: 15px;
}
iframe {
	width: 100%;
	height: 550px;
	margin-top: 30px;
}

.conteudo {
	display:inline-block;
	width: 100%;
	padding: 0;
	z-index: 100;
	top:270px;
	vertical-align: bottom;
}
.indexMarca {
	width: 100%;
	text-align: right;
	margin-top: 50px;
	line-height: 0;
}
.indexMarca img {
	text-align: right;
	margin: 0;
	padding: 0;
	max-width: 90%;
}
.tarja {
	width: 100%;
	background-color: #bde1e9;
	text-align: right;
}
#tarja {width: 100%;}
#dm {
	width: 320px;
	margin: 20px;
}
.box800 {
	text-align: left;
	max-width: 800px;
	margin: 40px auto 100px auto;
}
.box100 {
	text-align: left;
	max-width: 80%;
	margin: 40px 10% 100px 10%;
}
.boxConteudo {
	width: 90%;
	padding: 50px 5%;
	border-radius: 10px;
}

.tabelaApresentacao {
	text-align: left;
	display: inline-block;
}
.tabelaOrganizacao a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.tabelaOrganizacao {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
.tabelaOrganizacaoBox {
	padding: 30px;
	display: inline-block;
	vertical-align: middle;
}
.boxPalestrantes {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin: 30px 0;
}
.boxPalestrantesImg {
	display: inline-block;
	vertical-align: middle;
	width: 25%;
}
.boxPalestrantesImg img {
	width: 80%;
}
.boxPalestrantesP {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	width: 70%;
}
.boxSaopaulo {
	border: 1px solid #000;
	padding: 10px;
	margin: 20px 0;
	display: inline-block;
	text-align: left;
}
.small {font-size: 80%;}

.corBox1 {background-color:#bae0e0;}/*boasvindas*/
.corBox1 h1 {color: #0099a4;}

.corBox2 {background-color:#fddcc3;}/*comissoes*/
.corBox2 h1 {color: #e97107;}
.corBox2 h2 {color: #e97107;}

.corBox3 {background-color:#dce6c2;}/*programa*/
.corBox3 h1 {color: #009D4B;}

.corBox4 {background-color:#c9e8fb;}/*trabalhos*/
.corBox4 h1 {color: #1380c4;}
.corBox4 h2 {color: #1380c4;}

.corBox5 {background-color:#fee1b3;}/*inscrição*/
.corBox5 h1 {color: #e46705;}
.corBox5 h2 {color: #e46705;}

.corBox6 {background-color:#e5eddd;}/*local*/
.corBox6 h1 {color: #6cae8e;}

.corBox7 {background-color:#bae0e0;}/*hospedagem*/
.corBox7 h1 {color: #0099a4;}

.corBox8 {background-color:#fddcc3;}/*ribeirãopreto*/
.corBox8 h1 {color: #e97107;}

.corBox9 {background-color:#FFFFFF;}/*contato*/
.corBox9 h1 {color: #999998;}

.temas {
	font-family: "FiraSans Bold";
	border-bottom: 1px solid #FFF;
	padding: 7px 0;
}
.temas:first-of-type {border-top: 1px solid #FFF;}

.realizacao {
	width: 90%;
	margin: 20px 5%;
	text-align: right;
}
.realizacao img {width: 400px;}
.alinhadoLeft {
	text-align: left;
}
.botao-inscrevase {
	background-color: #FFF;
	color: #F19300;
	font-family: "FiraSans Bold";
	font-size: 16px;
	padding: 10px 20px;
	cursor: pointer;
	text-decoration: none;
	margin: 0 0 10px 0;
	display: inline-block;
	border-radius: 7px;
}
#ecology {width: 230px;}
.background1 {
	width:100%;
	height:100%;
	min-height:100%;
	background-attachment: fixed;
	z-index:1;
	background-image:url("../imagens/fundo1a.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-animation-name: opacidade;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count:1;
	animation-name: opacidade;
	animation-timing-function:ease;
	animation-duration: 3s;
	animation-delay: 0;
	animation-iteration-count:1;
}
.background2 {
	width:100%;
	height:100%;
	min-height:100%;
	background-attachment: fixed;
	z-index:1;
	background-image:url("../imagens/fundo2a.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-animation-name: opacidade;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count:1;
	animation-name: opacidade;
	animation-timing-function:ease;
	animation-duration: 3s;
	animation-delay: 0;
	animation-iteration-count:1;
}
.background3 {
	width:100%;
	height:100%;
	min-height:100%;
	background-attachment: fixed;
	z-index:1;
	background-image:url("../imagens/fundo3a.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-animation-name: opacidade;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count:1;
	animation-name: opacidade;
	animation-timing-function:ease;
	animation-duration: 3s;
	animation-delay: 0;
	animation-iteration-count:1;
}
.background4 {
	width:100%;
	height:100%;
	min-height:100%;
	background-attachment: fixed;
	z-index:1;
	background-image:url("../imagens/fundo4a.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-animation-name: opacidade;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count:1;
	animation-name: opacidade;
	animation-timing-function:ease;
	animation-duration: 3s;
	animation-delay: 0;
	animation-iteration-count:1;
}
.background5 {
	width:100%;
	height:100%;
	min-height:100%;
	background-attachment: fixed;
	z-index:1;
	background-image:url("../imagens/fundo5a.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-animation-name: opacidade;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count:1;
	animation-name: opacidade;
	animation-timing-function:ease;
	animation-duration: 3s;
	animation-delay: 0;
	animation-iteration-count:1;
}

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


/*PADRÃO TEXTO*/
/*PADRÃO TEXTO*/
h1 {
	font-family:"FiraSans Bold";
	font-size:20px;
	line-height:22px;
	font-weight:normal;
	font-style:normal;
}
h2 {
	font-family:"FiraSans SemiBold";
	font-size:18px;
	line-height:1.4em;
	font-weight:normal;
	font-style:normal;
}
h3 {
	font-family:"FiraSans SemiBold";
	font-size:1em;
	line-height:1.5em;
	margin-bottom:0.5em;
	font-weight:normal;
	font-style:normal;
}
h4 {
	font-family:"FiraSans SemiBold";
	font-size:1em;
	line-height:1.5em;
	margin-bottom:0.5em;
	font-weight:normal;
	font-style:normal;
	color:#20bbed;
}
p {
	font-family:"FiraSans Regular";
	font-size:16px;
	line-height:24px;
}
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;
}
ul.links-premios {
	list-style-type: none;
}
.links-premios {
	cursor: pointer;
	text-decoration: underline;
}
ol li {
	font-family:"FiraSans Regular";
	font-size:1em;
	line-height:1.6em;
	margin:0 0 10px 0;
}
ul li {
	font-family:"FiraSans Regular";
	font-size:1em;
	line-height:1.6em;
	margin:0;
}
.small {
	font-size: 80%;
}
.fundo1 {
	width: 94%;
	padding: 10px 3%;
	background-color: #006B6D;
	font-family:"FiraSans SemiBold";
	text-transform: uppercase;
	color: #FFF;
}
.fundo2 {
	width: 94%;
	padding: 10px 3%;
	background-color: #43A6BA;
	font-family:"FiraSans SemiBold";
	text-transform: uppercase;
	color: #FFF;
}
.fundo3 {
	width: 94%;
	padding: 10px 3%;
	background-color: #03754A;
	font-family:"FiraSans SemiBold";
	text-transform: uppercase;
	color: #FFF;
}
.destaque1 {color: #006B6D;}
.destaque2 {color: #43A6BA;}
.destaque3 {color: #03754A;}
/*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:50px auto;
}
table, th, td {
    border-collapse: collapse;
	font-family:"FiraSans Regular";
	font-size:16px;
	line-height:24px;
	text-align: center;
}
th {
    border-collapse: collapse;
	padding:15px 15px 15px 0;
	font-family:"FiraSans Bold";
	border-bottom: 1px solid #FFF;
}
td {
    border-collapse: collapse;
	padding:15px;
	font-family:"FiraSans Regular";
	border-bottom: 1px solid #FFF;
}
.cabecalhoTabela {
	padding-left: 30px;
	padding-right: 30px;
}
/*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) {
.botao-inscrevase {
	font-size: 14px;
	padding: 7px 15px;
	border-radius: 7px;
}
.conteudo {top:200px;}
#dm {
	width: 250px;
	margin: 20px;
}
}/*FORMATO ALTURA 750px*/


/*FORMATO TELA 1152px*/
/*FORMATO TELA 1152px*/
/*FORMATO TELA 1152px*/
@media screen and (max-width: 1152px) {
.botao-inscrevase {
	font-size: 14px;
	padding: 7px 15px;
	border-radius: 7px;
}
.box100 {
	max-width: 100%;
	margin: 20px 0 50px 0;
}
.boxConteudo {
	width: 80%;
	padding: 30px 5%;
	margin: 0 5%;
}
#dm {
	width: 250px;
	margin: 20px;
}
.realizacao img {width: 350px;}
}/*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;}
#fundoIndexDesktop {display: none;}
#fundoIndexMobile {display: block;}
#ecology {width: 190px;}
.tabelaOrganizacaoBox {padding: 0 40px 40px 0;}	

.indexMarca {
	margin-top: 20px;
}
.indexMarca img {
	max-width: 90%;
}
#dm {
	width: 210px;
	margin: 20px;
}
/*PADRÃO TEXTO*/
/*PADRÃO TEXTO*/
h1 {font-size:16px;}
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;
}
.realizacao img {width: 300px;}
/*PADRÃO TEXTO*/
/*PADRÃO TEXTO*/
}/*FORMATO TELA 870px*/


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

}/*FORMATO TELA 480px*/