@font-face {
	font-family: 'RobotoCondensed-Regular';
	src: url('fontes/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fontes/RobotoCondensed-Regular.woff') format('woff'),
		 url('fontes/RobotoCondensed-Regular.ttf')  format('truetype'),
		 url('fontes/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Thin';
	src: url('fontes/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
		 url('fontes/Roboto-Thin.woff') format('woff'),
		 url('fontes/Roboto-Thin.ttf')  format('truetype'),
		 url('fontes/Roboto-Thin.svg#Roboto-Thin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Light';
	src: url('fontes/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		 url('fontes/Roboto-Light.woff') format('woff'),
		 url('fontes/Roboto-Light.ttf')  format('truetype'),
		 url('fontes/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('fontes/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fontes/Roboto-Regular.woff') format('woff'),
		 url('fontes/Roboto-Regular.ttf')  format('truetype'),
		 url('fontes/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('fontes/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fontes/Roboto-Bold.woff') format('woff'),
		 url('fontes/Roboto-Bold.ttf')  format('truetype'),
		 url('fontes/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	text-decoration: none;
	font-weight: normal;
}

html, body {
	top: 0;
	left: 0;
	width: 100%;
	overflow-x: hidden;
}

	::-webkit-input-placeholder {
		color: #7b7b7a;
	}
	:-moz-placeholder {
		color: #7b7b7a;
	}
	::-moz-placeholder {
		color: #7b7b7a;
	}
	:-ms-input-placeholder {
		color: #7b7b7a;
	}

/* Fontes */
.roboto-condensed {
	font-family: 'RobotoCondensed-Regular', 'Arial', sans-serif;
}
.roboto-thin {
	font-family: 'Roboto-Thin', 'Arial', sans-serif;
}
.roboto-light {
	font-family: 'Roboto-Light', 'Arial', sans-serif;
}
.roboto-regular, .inicio-botao {
	font-family: 'Roboto-Regular';
}
.roboto-bold, .programacao-datas-dia.ativo {
	font-family: 'Roboto-Bold';
}

/* Cabeçalho */
.cabecalho {
	position: fixed;
	top: 0;
	left: 0;
	color: #fff;
	width: 100%;
	background-color: #096c69;
	z-index: 9000;
	box-sizing: border-box;
}

	.cabecalho-logo {
		float: left;
	}

/* Boxes */
.box {
	display: table;
	float: left;
	clear: both;
	min-height: 100vh;
	width: 100vw;
	text-align: center;
}

	.box.inicio, .box.programacao { background-color: #e1ded4; }
	.box.convidados { background-color: #212b23; }
	.box.fotos { background-color: #e1ded4; }
	
	.box.contatos {
		text-align: left;
		background-color: #00c5b9;
	}

	.box-alinha {
		display: table-cell;
		vertical-align: middle;
	}

/* Títulos */
.titulo {
	float: left;
}

.titulo.quebra {
	clear: both;
	width: 100%;
	text-align: center;
}

	.convidados-titulo { color: #299991; }
	.parceiros-titulo { color: #3e6c69;}

/* Início */
.inicio-passaro {
	float: left;
}

.inicio-texto {
	float: left;
	color: #096c69;
	text-align: left;
}

	.inicio-texto-info,
	.inicio-texto-chamada,
	.convidados-detalhe-descricao-nome,
	.convidados-detalhe-descricao-bio,
	.contatos-esquerda-descricao,
	.contatos-esquerda-descricao-icones,
	.contatos-direita-campo {
		float: left;
		clear: both;
		width: 100%;
	}

		.inicio-botao {
		    float: left;
			width: 100%;
		    background-color: #096C69;
		    color: #fff;
		    margin-top: 20px;
		    padding: 15px 0;
		    border-radius: 25px;
		}

		.inicio-botao:hover {
		    background-color: #0D8682;
			cursor: pointer;
		}

/* Convidados */
.convidados-detalhe {
	display: none;
	float: left;
	background-color: #e1ded4;
}

	.convidados-detalhe-foto {
		float: left;
	}

	.convidados-detalhe-descricao {
		float: right;
		text-align: left;
		box-sizing: border-box;
	}

.convidados-item {
	float: left;
	background-color: #000;
}

	.convidados-item-foto {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.convidados-item-nome {
		position: absolute;
		color: #096c69;
		text-align: left;
		z-index: 1000;
	}

		.convidados-item-nome p {
			float: left;
			clear: both;
			background-color: #e1ded4;
		}

		.convidados-item-nome p:before {
			content: '';
			display: inline-block;
			position: absolute;
			left: 0;
			bottom: -10px;
			vertical-align: middle;
			width: 0; 
			height: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-right: 10px solid #5d5d5d;
			z-index: -10;
		}
				
	.convidados-item-mais {
		position: absolute;
		height: 50px;
		width: 50px;
		bottom: 0;
		right: 0;
		background: url('../img/icone-mais.png') 0 0 no-repeat transparent;
	}

/* Programação */
.programacao-datas {
	float: left;
	width: 100%;
	text-align: center;
}

	.programacao-datas-dia.ativo {
		display: inline;
		border-bottom: #000 solid 2px;
	}

.programacao-roteiro {
	display: none;
	float: left;
	width: 100%;
	text-align: left;
}

	.programacao-roteiro-item {
		float: left;
		clear: both;
		width: 100%;
		border-top: #909090 solid 1px;
		border-bottom: #909090 solid 1px;
		margin-bottom: -1px;
		box-sizing: border-box;
	}

		.programacao-roteiro-item-descricao {
			float: left;
		}

			.programacao-roteiro-item-local {
				float: left;
				padding-left: 1.8ch;
				background: url('../img/icones-local.png') center left no-repeat transparent;
			}

/* Contatos */
.contatos-esquerda {
	float: left;
	color: #fff;
}

		.contatos-esquerda-descricao-icones {
			background-image: url('../img/icone-contatos.png');
			background-repeat: no-repeat;
			box-sizing: border-box;
		}

	.contatos-direita-campo {
		color: #7b7b7a;
		background-color: #fff;
		box-sizing: border-box;
	}

		.contatos-direita-campo:focus {
			color: #000;
		}

		textarea.contatos-direita-campo {
			resize: none;
		}

	.contatos-direita-botao {
		float: right;
		color: #fff;
		background: none;
	}

	.edicoes-links {
		font-size: 50px;
		line-height: 250px
	}

		.edicoes-links a:hover {
			text-decoration: underline;
		}

.lightbox-fundo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
}

.lightbox-centro {
	margin: 0 auto;
	width: 600px;
	height: 100%;
}

	.lightbox {
		position: absolute;
		top: 0;
		padding: 25px;
		width: 100%;
		height: 100%;
		background-color: #f0f0f0;
		overflow: scroll;
	}

		.lightbox-fechar {
			position: absolute;
			top: 0;
			right: 0;
			padding: 2px 15px;
			background-color: #303030;
			color: #f0f0f0;
			cursor: pointer;
		}

			.lightbox-fechar:before {
				content: 'FECHAR';
				font-family: 'Arial Black', sans-serif;
			}

		.lightbox-imagem {
			float: left;
			margin-top: 10px;
			width: 100%;
			height: 350px;
			border: #096c69 solid 1px;
			background-size: 100%;
			background-position: center center;
			background-image: url('../img/posts/f0f8f96762c1c5c9ced4fef2c0d33ff1.jpeg');
		}

		.lightbox-titulo {
			float: left;
			margin: 15px 0;
			font-size: 28px;
		}

		.lightbox-data {
			float: left;
			clear: both;
			font-size: 14px;
			color: #a0a0a0;
			margin-bottom: 15px;
		}

		.lightbox-conteudo {
			float: left;
			text-align: justify;
			width: 100%;
			text-indent: 20px;
			padding-bottom: 30px;
		}

	.aviso {
		position: fixed;
		height: 100%;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.85);
		z-index: 9999;

		display: -ms-flex;
		display: -webkit-flex;
		display: flex;

		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;

		/* centraliza na horizontal */
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

		.aviso-centro {
			max-width: 600px;
			height: 264px;
			background-color: #fff;
			/*padding: 50px;*/
		}

			.aviso-centro-fechar:after {
				content: 'X';
				color: #fff;
				font-size: 20px;
				font-family: 'Arial', sans-serif;
				font-weight: bold;
			}

			.aviso-centro-fechar {
				float: right;
				margin: -20px;
				background-color: #000;
				text-align: center;
				border: #fff solid 2px;
				width: 25px;
				height: 25px;
				line-height: 27px;
				border-radius: 100%;
				z-index: 9999;
				cursor: pointer;
			}

/* Computadores e monitores grandes */
@media screen and (min-width: 1000px) {
	/* Esconde tudo o que for referente ao mobile */
	.mobile {
		display: none;
	}

	/* Cabeçalho */
	.cabecalho {
		height: 85px;
		padding: 10px 30px;
	}

		.cabecalho-logo {
			height: 65px;
			width: 210px;
		}

		.cabecalho-nav {
			float: right;
			height: 80px;
		}

			.cabecalho-nav-menu {
				float: left;
				margin-top: 24px;
				border-right: #fff solid 1px;
				padding: 0 20px;
				font-size: 22px;
				height: 20px;
				line-height: 18px;
			}

			.cabecalho-nav-menu:last-child {
				border: 0;
			}

				.cabecalho-nav-menu a:hover {
					border-bottom: #fff dotted 1px;
				}

		.box-alinha {
			padding-top: 65px;
		}

		.box-centro {
			margin: 0 auto;
			width: 900px;
		}

		.box.fotos {
			background-position: center bottom;
			background-image: url('../img/fundo-fotos.png');
			background-repeat: no-repeat;
			background-size: 100%;
		}

		.box.contatos .box-centro {
			width: 750px !important;
		}

	/* Títulos */
	.titulo {
		font-size: 50px;
	}

	.subtitulo {
		float: left;
		width: 100%;
		font-size: 30px;
		text-align: left;
	}

		.subtitulo:after {
			content: ':';
		}

	.titulo.quebra {
		margin-top: 115px;
		margin-bottom: 30px;
	}

		.contatos-titulo {
			line-height: 50px;
		}

	/* Início */
	.inicio-texto {
		margin-top: 40px;
		width: 350px;
	}

		.inicio-texto-info {
			font-size: 32px;
			line-height: 38px;
		}

		.inicio-texto-chamada {
			font-size: 20px;
			line-height: 25px;
			margin-top: 10px;
			width: 100%;
		}

		.inicio-botao {
		    font-size: 22px;
		}

	/* Convidados */
	.convidados-detalhe {
		margin-bottom: 18px;
		width: 100%;
		height: 375px;
	}

		.convidados-detalhe-foto {
			height: 100%;
			width: 235px;
		}

		.convidados-detalhe-descricao {
			width: 630px;
			padding-top: 20px;
			padding-right: 20px;
		}

			.convidados-detalhe-descricao-nome {
				font-size: 26px;
				margin-bottom: 10px;
			}

			.convidados-detalhe-descricao-bio {
				font-size: 16px;
				line-height: 23px;
			}

	.convidados-item {
		width: 165px;
		height: 185px;
		margin-right: 15px;
		margin-bottom: 15px;
		cursor: pointer;
	}

		.convidados-item.semmargem {
			margin-right: 0;
		}

		.convidados-item-nome {
			left: -10px;
			bottom: 10px;
		}

			.convidados-item-nome p {
				font-size: 24px;
				line-height: 26px;
				padding: 3px 10px;
				margin-top: 5px;
			}

		.convidados-item-mais {
			transition: 0.2s;
			-webkit-transition: 0.2s;
			opacity: 0;
			filter: alpha(opacity=0);
		}

		.convidados-item:hover .convidados-item-mais {
			opacity: 1;
			filter: alpha(opacity=100);
		}

	/* Programação */
	.programacao-datas {
		font-size: 18px;
	}

		.programacao-datas-dia {
			padding: 0 13px 3px;
		}

		.programacao-datas-dia:hover {
			border-bottom: #000 solid 2px;
			cursor: pointer;
		}

	.programacao-roteiro {
		margin: 50px 0;
	}

		.programacao-roteiro-item {
			font-size: 16px;
			padding: 10px 13px;
		}

		.programacao-roteiro-item:not(.ativo):hover {
			background-color: #d6d1c4;
		}

			.programacao-roteiro-item-descricao {
				float: left;
				width: 700px;
			}

			.programacao-roteiro-item-local {
				width: 127px;
				height: 25px;
				font-size: 12px;
				line-height: 28px;
				padding-left: 25px;
				background-size: 20px;
			}

	/* Fotos */
	.fotos-foto {
		float: left;
		margin-top: 100px;
		width: 900px;
		height: 756px;
	}

	/* Contatos */
	.contatos-esquerda {
		width: 300px;
	}

		.contatos-esquerda-descricao {
			margin-top: 20px;
			font-size: 18px;
			line-height: 28px;
		}

			.contatos-esquerda-descricao-icones {
				line-height: 18px;
				padding-left: 35px;
			}

				.contatos-esquerda-descricao-icones.telefone {
					background-position: 0 -2px;
					height: 21px;
					margin-top: 5px;
				}

				.contatos-esquerda-descricao-icones.local {
					background-position: 0 -27px;
					height: 40px;
					margin-top: 10px;
				}

	.contatos-direita {
		float: right;
		width: 400px;
	}

		.contatos-direita-campo {
			margin-bottom: 10px;
			font-size: 20px;
			padding: 5px 15px;
		}

			:not(textarea).contatos-direita-campo {
				height: 50px;
				line-height: 50px;
			}

			textarea.contatos-direita-campo {
				line-height: 30px;
				height: 200px;
			}

		.contatos-direita-botao {
			font-size: 26px;
			line-height: 26px;
			margin-bottom: -26px;
		}

			.contatos-direita-botao:hover {
				border-bottom: #fff solid 1px;
				line-height: 25px;
				cursor: pointer;
			}

	.parceiros-itens {
		float: left;
		min-width: 150px;
		margin-bottom: 50px;
	}

		.parceiros-itens .subtitulo {
			width: 200px;
		}

		.parceiros-itens-item {
			float: left;
			margin-top: 20px;
			margin-left: 20px;
			width: 164px;
			height: 164px;
			border: #3e6c69 solid 1px;
			padding: 10px;
			box-sizing: border-box;
		}

		.parceiros-itens-item.sem-margem {
			margin-left: 0;
		}
}

/* Dispositivos móveis */
@media screen and (max-width: 1000px) {
	.cabecalho {
		padding: 7px 5%;
	}

		.cabecalho-logo {
			width: 150px;
			height: 46px;
		}

		.cabecalho-nav-mobile {
			float: right;
			margin-top: 11px;
			height: 25px;
			width: 32px;
			background: url('../img/m-icone-menu.png') center center no-repeat transparent;
			background-size: cover;
		}

	.cabecalho-nav {
		position: fixed;
		top: 0;
		right: -50vw;
		background-color: #096c69;
		height: 100vh;
		width: 50vw;
		z-index: 9999;
	}

		.cabecalho-nav-menu {
			padding: 1ch 2ex;
			font-size: 3ch;
			width: 100%;
			box-sizing: border-box;
			border-bottom: #fff solid 1px;
		}

		.cabecalho-nav-mobile-fundo {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			height: 100vh;
			width: 100vw;
			background-color: rgba(0, 0, 0, 0.7);
			z-index: 9998;
		}

	.box {
		padding-bottom: 15px;
	}

		.box-centro {
			width: 100%;
			padding: 75px 5% 0;
			box-sizing: border-box;
		}

	.titulo {
		font-size: 12vw;
		margin-bottom: 1ch;
	}

	.inicio-passaro {
		width: 100%;
	}

		.inicio-texto-info {
			margin: 1ch 0;
			font-size: 10vw;
			line-height: 1.7ch;
		}

		.inicio-texto-chamada {
			margin-bottom: 50px;
			font-size: 5vw;
		}

		.inicio-botao {
		    font-size: 5vw;
		}

	.convidados-detalhe {
		width: 100%;
	}

		.convidados-detalhe-foto {
			display: inline;
			width: 100%;
		}

		.convidados-detalhe-descricao {
			margin: 10px 5%;
		}

			.convidados-detalhe-descricao-nome {
				font-size: 3ch;
				margin-bottom: 0.5ch;
			}

			.convidados-detalhe-descricao-bio {
				font-size: 1.8ch;
				line-height: 1eh;
			}

	.convidados-item {
		margin: 2vw;
		width: 40vw;
		height: 45.2vw;
	}

		.convidados-item-nome {
			position: absolute;
			left: -10px;
			bottom: 10px;
			font-size: 2.5ch;
		}

			.convidados-item-nome p {
				margin-top: 5px;
				padding: 1px 10px;
			}

	.programacao-datas-dia {
		display: block;
		float: left;
		width: 20%;
		line-height: 2.5ch;
		margin-bottom: 20px;
		font-size: 4vw;
		box-sizing: border-box;
	}

		.programacao-datas-dia.quebra {
			clear: left;
		}


		.programacao-roteiro-item {
			line-height: 5ch;
			font-size: 4vw;
		}

		.programacao-roteiro-item.ativo {
			background: none;
		}

			.programacao-roteiro-item-descricao {
				font-size: 1.5ch;
				line-height: 3ch;
			}

				.programacao-roteiro-item-descricao-local {
					margin: 2ch 0;
					padding-left: 3ch;
					background-size: 2ch;
				}

	.fotos-foto {
		float: left;
		width: 100%;
	}

	.contatos-titulo {
		width: 100%;
		font-size: 8ex;
		line-height: 2ex;
		margin: 0;
	}

	.contatos-esquerda-descricao {
		margin-top: 2ch;
		font-size: 5vw;
		line-height: 2ch;
	}

		.contatos-esquerda-descricao-icones {
			margin: 10px 0 5px;
			padding-left: 7vw;
			height: 5vw;
			background-size: 5vw;
		}

			.contatos-esquerda-descricao-icones.local { background-position: 0 -5.8vw; }

	.contatos-direita {
		float: left;
		width: 100%;
		margin-top: 50px;
	}

		.contatos-direita-campo {
			margin-bottom: 1ex;
			font-size: 3ex;
			padding: 0 1ex;
		}

		.contatos-direita-campo:not(textarea) {
			height: 4ch;
			line-height: 4ch;
		}
		
		textarea.contatos-direita-campo {
			padding-top: 1ex;
			height: 10ch;
		}

		.contatos-direita-botao {
			font-size: 4ex;
		}
}