@charset "utf-8";
@import url(https://code.pratza.com.br/fonts/OpenSans/font.css);
@import url(https://code.pratza.com.br/fonts/Lato/font.css);

/* *****************************************************
				CONFIGURAÇÕES GERAIS
***************************************************** */

html, body, p {
	font-family:Arial, Helvetica, sans-serif;
	/*font-weight:600 !important;*/
	font-weight:normal !important;
	line-height: 1.5em !important;
	max-width: 1280px !important;
}

html b, body b, p b {
	font-weight:900 !important; 
}

div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #000 url(../../images/icon_loader1.GIF) no-repeat center center;
}
div#seta {position:fixed; display:none; right:0px; bottom: 20px; right: 30px; width:30px; height:30px; z-index:700; cursor:pointer; opacity: 0.7;}
div#seta:hover { opacity:1; }

html, body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
	width:100%;
	min-height: 100vh !important;
}
h1,h2 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:31px;
	font-weight:bold;
	color:#FF5B35 !important;
	color:black !important;
	line-height: 1.0em;
}
h2 {
	/*color:#00ae96;*/
	/*color:#9DA0A2;*/
	color: #FF5B35;
	color:black;
	font-size:18px;
	
}

a:link, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*color:#9DA0A2;*/
	/*color: #E4A54E;*/
	/*color: #E4A44E;*/
	color: #4f0793;
	/*text-decoration: underline !important; */
	text-decoration: underline;
	font-size: 16px;
	
}
ul li, ol, li {
	margin:0;
	padding:0;
	list-style-type:none;
}
hr {
	border:none;
	background:none;
	/*border-bottom: 6px double rgba(66,64,68,0.1);/*
	/*border-bottom: 2px dotted rgba(66,64,68,0.1);*/
	border-bottom: 2px dotted rgba(66,64,68,0.25);
	margin:0;
	padding:0;
}
.fone {
	margin-top: 30px;
	margin-bottom: 10px;
	color:#000;
	font-size:18px;
	font-weight:bold;
	*text-transform:uppercase;
	*color:#FF5B35;
	*color:black;
}
b {
	font-weight:bold;
}
p {
	font-size: 16px;
	
}
.link {
	width:25px;
	margin-bottom:-5px;
}

#status {
	font-size: 16px;
}

#sobre, #programacao, #inscricao, #encontro-coletivos, #festivais, #submissao-trabalho, #anais, #hospedagem, #contato, #galeria {
	padding-top: 50px !important;
}

#sobre, #programacao, #inscricao, #encontro-coletivos, #festivais, #submissao-trabalho, #anais, #hospedagem, #contato, #galeria {
	margin-top: 0px !important;
}

/* *****************************************************
				SLIDE
***************************************************** */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
#slide {padding:0; width:100%;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin:0 auto; }
.flexslider .slides img {width: 100%; display: block; max-width:1280px; margin:0 auto;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {*margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
	.flex-direction-nav a {width: 50px; height: 100px;* margin: -40px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -60px; }
.flex-direction-nav .flex-prev {left: -60px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 30px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 30px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; *bottom: -40px; text-align: right; margin-right:30px; *margin-top: -50px;}
.flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 14px; height: 14px; display: block; background: #fff; cursor: pointer; text-indent: 99px; overflow:hidden}
.flex-control-paging li a:hover { background: #000; }
.flex-control-paging li a.flex-active { background: #000; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

ul.slides, ul.slides li {
	padding:0;
	margin:0;
	width: 100%;
}


.bgParallax {
	margin: 0 auto;
	width: 100%;
	max-width: 1280x;
	position: relative;
	min-height: 600px;
	text-shadow:0 0 5px rgba(0,0,0,0.3);
	background: #5d5354 url(../../images/slide/slide-7.jpg) center;
	*background-size: cover;
 
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	line-height:600px;
}
#slide span {
	  display: inline-block;
      vertical-align: middle;
	  line-height: normal;
}

#slide h1, #slide p {
	color:#fff;
	margin:0;
	padding:0;
}
#slide h1 {
	font-family: 'Great Vibes', cursive;
	text-transform:none;
	font-size: 85px;
	color: #a68748;	
}

table {
	width:100%;
	text-align:left;
	padding:10px;
	
}
table tr td {
	margin:0;
	padding:0;
	border:1px #ccc solid;
	padding-left: 15px;
}


/* *****************************************************
		     		CHAMADA
***************************************************** */
#chamada {
	padding: 50px 0 !important;
	font-size:12px;
	text-align:center;
	background:#f7f7f7;
}
#chamada .grid-container, #chamada .grid-50 {
	padding:0;
}
#chamada .postagem {
	background:#fff;
}
#chamada .postagem a, #chamada .postagem a .float-right, #chamada .postagem a .float-left {
	color:#000;
	text-decoration:underline !important;
	/*text-decoration:none;*/
}
#chamada .texto {
	background:#fff;
	word-wrap: break-word;
	width:50%;
	max-height: 200px;
	height:200px;
	overflow:hidden;
}
#chamada .texto p {
	
	padding: 0 15px;
}
#chamada .texto h3 {
	margin-top:30%;
}
#chamada .imagem {
	float:left;
	width:50%;
	
	height:200px;
	overflow:hidden;
}
#chamada .imagem img {
	width:100%;
	min-width:100%;
	min-height:200px;
	opacity:0.9;
}
#chamada .imagem img:hover{
	opacity:1.0;
}
#chamada h3 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:18px;
	margin:0;
	padding:0;
	margin-top: 40px;
}



/* *****************************************************
		     		QUEM SOMOS
***************************************************** */
#apresentacao, #organizacao, #historico {
	padding: 50px 0 !important;
	font-size: 16px;
}

#organizacao, #historico {
	margin:0;
}

#quem-somos h3 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:18px;
	margin:0;
	padding:0;
	margin-top: 40px;
}

#apresentacao h3 {
	margin-top:40px;
	font-size:18px;
}


/* *****************************************************
		     		ANAIS
***************************************************** */
#anais {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 40px;
}
.homeAnais a {
	text-decoration:none;
}
.imageAnais {
	margin-right: 15px;
	width: 275px;
	height: 250px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	min-height: 185px;
}
.imageAnais img {
	height:235px;
	*width:100%;
}
.imageAnais img {
	border: 1px #e1e1e1 solid;
}


.descAnais {
	*border-left: 1px #e1e1e1 solid;
	padding-left: 15px;
}
small {
	color:#CCC;
	font-style:italic;
	text-transform:uppercase;
	*padding-left: 10px;
}
p.desc {
	padding-top: 8px;
	color:#666;
	text-align:left;
}
p.readMore {
	margin-top: 15px;
}
p.readMore a {
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	color:#b431a0;
	font-size: 16px;
}
p.readMore a:hover {
	text-decoration:underline;
	color:#333;
}
.descAnais h5 a,.descAnais h5 {
	font-family:Arial, Helvetica, sans-serif;
	color: #444;
	margin-bottom: 17px;
	padding-bottom: 0px;
	font-size: 16px;
	text-transform:uppercase;
}
#anais h5 {
	font-size:20px;
}
#anais h1 {
	font-size:31px;
}


/* *****************************************************
		     		HOSPEDAGEM
***************************************************** */
#hospedagem {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 40px;
}
.icon-carro, .icon-pe {
	width:30px;
}
.icon-estrela {
	*height:7px;
}
p.detalhe {
	font-style:italic;
}

/* *****************************************************
				ACOMODACOES
***************************************************** */
#acomodacoes {
	margin:0;
	padding:50px 0;
	background:url(../../images/bg-acomodacoes.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
	min-height:300px;
}
#acomodacoes h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:none;
	margin:0;
	padding:20px 0 0;
}
#acomodacoes .acomodacao {
	background:#fff;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#acomodacoes .acomodacao .imagem {
	max-height: 200px;
	overflow:hidden;
}




/* *****************************************************
				SERVICOS
***************************************************** */
#servicos {
	padding: 70px;
}

/* *****************************************************
				CONTATO
***************************************************** */
#contato {
	padding: 50px 0 !important;
	font-size: 16px;
	background:#fff;
}

#contato p, #contato p a {
	font-size: 16px;
	color: #666;
}
#contato input[type="text"], #contato textarea {
	background:#f7f7f7;
	width: 350px;
    max-width: 95%;
	padding: 8px 8px;
	font-size: 16px;
	display: block;
	margin-bottom: 9px;
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#a5a5a5;
	border: 2px #bbb solid;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
#contato input.botao {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	border:none;
	display:inline-block;
	background: #FF5B35;
	background: black;
	margin-top: 0;
	padding: 10px 35px;
	color:#FFF;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
	font-size: 16px;
}
#contato input.botao:hover {
	/*background:#00ae96;*/
	background:#9DA0A2;
}


/* *****************************************************
		     		GALERIA
***************************************************** */
#titulo {
	padding: 50px 0 0 !important;
	font-size: 16px;
	background:#fff;
}
#galeria {
	padding: 0 0 50px;
}


/* *****************************************************
		     		SUBMISSAO DE TRABALHOS
***************************************************** */
#submissao-trabalho {
	font-family:Arial, Helvetica, sans-serif;
	padding: 50px 0;
}

/* *****************************************************
		     		PROGRAMACAO
***************************************************** */
.programacaoData {
	width:25%;
	color:#999;
}
.programacaoDescricao {
	width:75%;
	color:#000;
}

/* *****************************************************
				RODAPE
***************************************************** */
#rodape {
	text-align:center;
	background:white; 
	padding: 20px 0;
    margin: 0 auto;
    right: 0px;
    left: 0px;
	
}
#rodape ul {
	padding: 0px !important;
    padding-inline-start: 0px !important;
}
#rodape ul li a  {
	margin:0;
	padding: 5px;
	text-align: center;
	text-transform:uppercase;
	font-size: 13px !important;
	color: #000000 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal !important;
	text-decoration: none !important;
}
#rodape h2 {
	/*font-size: 16px;*/
	color:#FF5B35;
	color:black;
}
#rodape a {
	font-family:Arial, Helvetica, sans-serif;
	color:#242221;
	
}
#rodape a:hover {
	color:#e08e39;
}

#copyright {
	padding: 15px 0;
	background:white;
	color:#242221;
	font-size: 16px;
	text-align:center;
}
#copyright a {
	text-decoration: none !important;
	color: #000000 !important;
}

.redesSociais {
	*margin: auto;
	*margin-top: 40px;
	*display:table;
}
.redesSociais .link {
	-webkit-border-radius:90px;
	border-radius:40px;
	background: #d6d0c4;
	padding: 4px 4px 0;
	margin: 0 2px;
	display:inline-block;
	
}
.redesSociais .link:hover {
	background:#e08e39;
}
.redesSociais .link img {
	width: 25px;
	margin:0;
	padding:0;
}


/* **************** TOPO GERAL ********************* */

#logo img {
	/*width:90%;*/
	max-width: 90%;
	margin:20px;
}

.topoCentro {
	/*color:#FF5B35;*/
	/*color:black;*/
	/*color: #E4A44E;*/
	/*color: #E4A54E;*/
	color: #4f0793;
	font-size:32px;
	line-height:100%;
	font-weight: bold;
}


/* **************** TOPO DESKTOP ********************* */
@media screen and (min-width: 601px) {

.hideOnMobile {
	display: block;	
}	

header {
	text-align:center !important;
	width:100%;
	margin:0;
	padding:0;
	top:0;
	/*background:#f8f8f8;*/
	/*background: white !important;*/
	/*background: #1E4E4C;*/
	background: #cf3239;
	z-index:9999;
	*position:fixed;
	width:100%;
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
}

#logo img {
	/*width:100%;*/
	max-width:100%;
	margin:20px;
}

.topoCentro {
	display:inline-block;
	margin:40px auto 0;
	/*color:#FF5B35;*/
	/*color:black;*/
	/*color: #E4A44E;*/
	/*color: #E4A54E;*/
	color: #4f0793;
	font-size:32px;
	line-height:120%
}

#menuIcon { 
	display:none; 
}

.navMenu {
	/*background:#00ae96;*/
	/*background: #9DA0A2;*/
	/*background: #1E4E4C;*/
	background: #cf3239;

}
#menu {
	width: 100%;
    text-align:left;
}
#menu ul {
	margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:5px;
    display:table;
}
#menu ul.menu li {	
	float:left; 
	height:30px;
	line-height:30px;
	margin:0;
	padding:10px 10px 10px 10px;
	/*display: inline-block;*/
	display: block;
	vertical-align: top !important;
}
#menu ul.menu li a {
	/*display: inline-block;*/
	display: block;
	text-align: left;
	text-transform:uppercase;
	font-size: 13px;
	/*color: #fff !important;*/
	/*color: #E4A54E;*/
	/*color: #E4A44E;*/	
	color: #4f0793;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	text-decoration:none !important;
	line-height: 1.0em;
}
#menu ul.menu li a:hover {
	color: white;
}

#menu ul.menu li a#menuReservas {
	background:#F60;
	color:#fff;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 0 15px;
}
.flexslider .slides img {
	width: 100% !important
}
#slide {
	margin-top: 3px;
}

.float-right {
	float:right !important; width:50%; margin:0; padding:0
}
.float-left {
	float:left !important; width:50%; margin:0; padding:0
}

.social_media_links {
	position: fixed; 
	z-index: 9999; 
	right: 0px; 
	top:30px; 
	display: block;
}


}

/* **************** TOPO MOBILE ********************* */
/* @media screen and (max-width: 800px) {*/
@media screen and (max-width: 600px) {

.hideOnMobile {
	display: none;	
}
	
header, div.grid-container, div.mobile-grid-100 {
	padding:0; !important
	margin:0; !important
}	
header {	
	margin:0;
	padding:0;
	top:0;
	z-index:999;
	height: auto;
	display:block;
	position:fixed;
	width:100%;
	/*background:#fff;*/
	/*background: #1E4E4C;*/
	background: #cf3239;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.1);
}

#logo img {
	/*width:90%;*/
	width:50% !important;
	height:50% !important;
	margin:20px;
}

.topoCentro {
	margin:15px 0;
	/*color:#FF5B35;*/
	/*color:black;*/
	/*color: #E4A44E;*/
	/*color: #E4A54E;*/
	color: #4f0793;
	font-size:18px;
	line-height:120%;
	display:inline-block;
}

#home {
	margin-top: 100px;
}
h1 {
	font-size:38px !important;
	line-height: 1.0em;
}

#menuIcon {
	float:right;
	display:block;
}
#menuIcon img { 
	margin:30px auto;
	float:right;
}

.informacoes {
	display:none;
}
#menu {
	display:none;
	padding:0;
	margin:0;
	height: auto;
}
#menu ul {
	width:100%;
	height: auto;
}
#menu ul.menu li {
	/*border-top: 1px ##E4A44E solid;*/
	border-top: 1px #4f0793 solid;
	width:100%;
	padding:0;
	margin:0;
	/*color:#666;*/
	/*color: #E4A54E;*/
	/*color: #E4A44E;*/
	color: #4f0793;
	height:46px; 
	line-height:46px; 
	*display:block;
}
#menu ul.menu li a {
	font-size: 13px !important;
	/*color: #242221;*/
	/*color: #E4A54E;*/
	/*color: #E4A44E;*/	
	color: #4f0793;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
#menu ul.menu li a:hover {
	/*color:#e08e39;*/
	color: white;
}

#slide {
	/*margin-top:274px !important;*/
	display: none;
}
.flexslider .slides img {
	min-height: 50vh !important;
	width: auto !important;
}
.bgParallax {
	*background-size:cover;
}


.float-right {
	float:left !important; width:50%; margin:0; padding:0;
	margin-bottom: 20px;
}
.float-left {
	float:right !important; width:50%; margin:0; padding:0;
		margin-bottom: 20px;

}

#chamada .imagem, #chamada .texto {
	margin-bottom:20px;
}

/* } */


/* 	 @media screen and (max-width: 601px) { */
	
.float-right {
	float:none !important; width:100%; margin:0; padding:0;
	margin-bottom: 20px;
}
.float-left {
	float:none !important; width:100%; margin:0; padding:0;
		margin-bottom: 20px;

}
#chamada .texto {
	width:100%;
	height: auto;
}
#chamada .texto p {
	padding: 0 15px;
}
#chamada .imagem {
	float:none;
	width:100%;
	height:200px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#chamada {
	font-size: 16px;
	text-align:center;
	background:#f7f7f7;
	margin-top:115px;
}

#chamada .texto h3 {
	margin-top:0%;
}

#chamada h3 {
	font-size:18px;
	margin:0 auto;
	padding:0;
	margin-top: 5px;
}

#logo img {
	width:90%;
	margin:20px;
}

.topoCentro {
	margin:5px 0;
	/*color:#FF5B35;*/
	/*color:black;*/
	/*color: #E4A44E;*/
	/*color: #E4A54E;*/
	color: #4f0793;
	font-size:18px;
	line-height:100%;
	display:inline-block;
}

#menuIcon {
	float:right;
	display:block;
}
#menuIcon img { 
	margin:22px auto;
	float:right;
}

.social_media_links {
	position: fixed; 
	z-index: 9999; 
	right: 0px; 
	bottom:10px; 
	display: block;
}

#sobre, #programacao, #inscricao, #encontro-coletivos, #festivais, #submissao-trabalho, #anais, #hospedagem, #contato, #galeria {
	margin-top: 120px !important;
}

}