#botao-libras-1 { top: 0; left: 10px; }
#botao-libras-2 { top: 20px; left: 10px; }
#botao-libras-3 { top: 30px; left: 10px; }
#botao-libras-3-1 { top: 20px; left: 10px; }
#botao-libras-4 { top: 20px; left: 45px; }
#botao-libras-5 { top: 40px; left: 10px; }
#botao-libras-6 { top: 10px; left: 90px; }
#botao-libras-7 { top: 15px; left: 460px; }
#botao-libras-8 { top: 60px; left: 10px; }
#botao-libras-9 { top: 20px; left: 40px; }
#botao-libras-10 { bottom: 434px; left: 10px; }
#botao-libras-11 { top: 30px; left: 10px; }
#botao-libras-12 { bottom: 382px; left: 345px; }
#botao-libras-13 { top: 10px; left: 100px; }
#botao-libras-14 { bottom: 464px; left: 10px; }
#botao-libras-15 { bottom: 369px; left: 10px; }
#botao-libras-16 { top: 25px; left: 40px; }
#botao-libras-17 { top: 190px; left: 10px; }
#botao-libras-18 { top: 60px; left: 25px; }
#botao-libras-19 { top: 10px; left: 40px; }
#botao-libras-20 { top: 90px; left: 30px; }
#botao-libras-21 { top: 80px; left: 20px; }
#botao-libras-22 { top: 445px; left: 10px; z-index: 10; }
#botao-libras-23 { top: 15px; left: 45px; }
#botao-libras-24 { top: 20px; left: 70px; }
#botao-libras-25 { top: 15px; left: 20px; }
#botao-libras-26 { top: 25px; left: 10px; }
#botao-libras-27 { top: 25px; left: 10px; }
#botao-libras-28 { top: 15px; left: 40px; }
#botao-libras-29 { top: 10px; left: 35px; }
#botao-libras-30 { top: 22px; left: 10px; }

.texto-destaque-laranja {
	color: #F39200;
	font-weight: 700;
	font-size: 25px;
}

.texto-preto {
	color: #000000;
}

#tela-1 {
	height: 1080px;
}

#tela-1-elementos {
	position: absolute;
	width: 100%;
	top: 480px;
	left: 0;
}

#tela-1-titulo {
	position: absolute;
	font-size: 56px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #F39200;
	top: 84px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 14px 32px;
	text-align: center;
}

#tela-1-texto-1 {
	position: absolute;
	width: 960px;
	top: 200px;
	font-size: 28px;
	line-height: 32px;
	margin-left: 64px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

#tela-1-texto-1 p:nth-child(2) {
	text-align: right;
	margin-right: -45px;
}

#tela-1-video-capa {
	position: absolute;
	width: 1920px;
	height: 100%;
	top: 0;
	left: -420px;
	z-index: -10;
	background-color: #000000;
}

#tela-1-video {
	width: 100%;
	height: auto;
}

#tela-2 {
	height: 440px;
}

#tela-2-texto-1 {
	position: absolute;
	width: 960px;
	top: 18px;
	left: 100px;
	font-size: 22px;
	line-height: 34px;
}

#tela-3 {
	/*height: 1930px;*/ /* Altura fixa original. */
	height: 1730px; /* Altura -200px para crescer junto com a caixa. */
}

#tela-3-titulo {
	position: absolute;
	width: 915px;
	font-size: 46px;
	font-weight: 800;
	color: #F4B749;
	background-color: #BA6771;
	top: 35px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

#tela-3-texto-1 {
	position: absolute;
	width: 560px;
	top: 170px;
	left: 520px;
	font-size: 22px;
	line-height: 34px;
}

#tela-3-texto-1 p:nth-child(2) {
	width: 490px;
	margin-left: 60px;
}

#tela-3-texto-1 p:nth-child(3) {
	width: 470px;
	margin-left: 90px;
}

#tela-3-texto-1 p:nth-child(4) {
	width: 510px;
	margin-left: 50px;
}

.destaque-lupa {
	cursor: pointer;
	padding: 0 34px 0 6px;
	background: #BA6771 url(../imagens/lupa.png) no-repeat calc(100% - 2px);
}

#tela-3-destaque-lupa-conteudo {
	position: absolute;
	width: 995px;
	color: #FFFFFF;
	background-color: #BA6771;
	font-size: 16px;
	padding: 25px 28px 25px 85px;
	top: 1200px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
}

#tela-3-destaque-lupa-conteudo-mascara {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 20px;
	left: 0;
	background-color: #FFFFFF;
	z-index: 1;
}

#tela-3-texto-2 {
	position: absolute;
	width: 780px;
	/*top: 1450px;*/ /* Altura fixa original. */
	top: 1250px; /* Altura -200px para crescer junto com a caixa. */
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 22px;
	line-height: 34px;
	z-index: 2;
}

#tela-3-fundo {
	position: absolute;
	width: 1006px;
	height: 1341px;
	top: -160px;
	left: -420px;
	z-index: -11;
}

#tela-4 {
	height: 1060px;
}

#tela-4-titulo {
	position: absolute;
	width: 800px;
	font-size: 46px;
	font-weight: 800;
	color: #F4B749;
	background-color: #BA6771;
	top: 60px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

#tela-4-enfeite-1 {
	position: absolute;
	width: 52px;
	height: 66px;
	top: 32px;
	left: 125px;
	background: url(../imagens/enfeite_top_left.png) no-repeat;
}

#tela-4-texto-1 {
	position: absolute;
	width: 730px;
	top: 160px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 22px;
	line-height: 34px;
}

#tela-5 {
	height: 1080px;
}

#tela-5-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}

#tela-5-texto-1 {
	position: absolute;
	width: 530px;
	top: 85px;
	left: 15px;
	font-size: 22px;
	line-height: 34px;
	color: #FFFFFF;
}

#tela-5-texto-1 p:first-of-type span:first-of-type {
	font-size: 62px;
	line-height: 75px;
	font-weight: 800;
}

#tela-5-enfeite-1 {
	position: absolute;
	width: 10px;
	height: 373px;
	top: 210px;
	left: 550px;
	background-image: url(../imagens/tela_5_enfeite_1.png);
}

#tela-5-texto-2 {
	position: absolute;
	width: 505px;
	top: 120px;
	left: 580px;
	font-size: 22px;
	line-height: 34px;
	color: #FFFFFF;
}

#tela-5-imagem-pcd {
	position: absolute;
	width: 888px;
	height: 300px;
	top: 725px;
	left: 105px;
}

#tela-6 {
	height: 900px;
}

#tela-6-titulo {
	position: absolute;
	width: 700px;
	top: 60px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#tela-6-titulo h3 {
	display: inline;
	background-color: #BA6771;
	color: #F4B749;
	font-size: 44px;
	line-height: 62px;
	font-weight: 800;
	padding: 8px 28px 8px 30px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

#tela-6-enfeite-1 {
	position: absolute;
	width: 52px;
	height: 66px;
	top: 24px;
	left: 172px;
	background: url(../imagens/enfeite_top_left.png) no-repeat;
}

#tela-6-texto-1 {
	position: absolute;
	width: 630px;
	top: 338px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 22px;
	line-height: 34px;
}

#tela-6-enfeite-2 {
	position: absolute;
	width: 52px;
	height: 66px;
	top: 278px;
	left: 552px;
	background: url(../imagens/enfeite_bottom_right.png) no-repeat;
}

#tela-7 {
	height: 1080px;
}

#tela-7-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}

#tela-7-texto-1 {
	position: absolute;
	width: 485px;
	font-size: 34px;
	line-height: 44px;
	font-weight: 800;
	color: #302B6C;
	background-color: #F39200;
	top: 45px;
	left: 533px;
	padding: 20px 35px 25px 45px;
	text-transform: uppercase;
}

#tela-7-texto-2 {
	position: absolute;
	font-size: 34px;
	font-weight: 800;
	color: #C64E55;
	background-color: #302B6C;
	top: 880px;
	left: 132px;
	padding: 8px 22px;
	text-transform: uppercase;
}

#tela-8 {
	height: 1090px;
}

#tela-8-enfeite-1 {
	position: absolute;
	background: url(../imagens/enfeite_linha_1.png) no-repeat;
	width: 823px;
	height: 106px;
	top: 42px;
	left: 132px;
}

#tela-8-link-1 {
	position: absolute;
	top: 172px;
	left: 846px;
}

#tela-8-texto-1 {
	position: absolute;
	width: 740px;
	font-size: 22px;
	line-height: 34px;
	top: 114px;
	left: 54px;
}

#tela-8-texto-2 {
	position: absolute;
	width: 780px;
	top: 422px;
	left: 50px;
	font-size: 50px;
	line-height: 55px;
	font-weight: 800;
	color: #C66C55;
	text-transform: uppercase;
}

#tela-8-texto-3 {
	position: absolute;
	width: 1000px;
	font-size: 22px;
	line-height: 34px;
	top: 635px;
	left: 54px;
}

#tela-9 {
	height: 660px;
}

#tela-9-titulo {
	position: absolute;
	font-size: 22px;
	line-height: 34px;
	top: 40px;
	left: 120px;
	margin: 0;
	font-weight: normal;
}

#tela-9-titulo-destaque {
	font-size: 50px;
	line-height: 55px;
	font-weight: 800;
	color: #C66C55;
	text-transform: uppercase;
	margin-left: -4px;
}

#tela-9-texto-1 {
	position: absolute;
	font-size: 22px;
	line-height: 34px;
	top: 155px;
	left: 120px;
	width: 700px;
}

#tela-9-fundo {
	position: absolute;
	bottom: 0;
	left: -420px;
	z-index: -10;
}

#tela-9-fundo img {
	vertical-align: bottom;
}

/* Nas telas com corte seco o conteudo fica em uma div fora da div da tela. A div da tela é para marcação. */
#tela-10-conteudo,
#tela-11-conteudo,
#tela-12-conteudo,
#tela-13-conteudo,
#tela-14-conteudo,
#tela-15-conteudo {
	position: absolute;
	/*width: 1100px;*/
	width: 100%;
	/*height: 100%;*/
	height: 1080px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#tela-10-conteudo { z-index: 55; }
#tela-11-conteudo { z-index: 54; }
#tela-12-conteudo { z-index: 53; }
#tela-13-conteudo { z-index: 52; }
#tela-14-conteudo { z-index: 51; }
#tela-15-conteudo { z-index: 50; }

#tela-10,
#tela-11,
#tela-12,
#tela-13,
#tela-14,
#tela-15 {
	height: 1080px;	
}

#tela-10-fundo,
#tela-11-fundo,
#tela-12-fundo,
#tela-13-fundo,
#tela-14-fundo/*,
#tela-15-fundo*/ {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -420px;
	/*left: 0;*/
	overflow: hidden;
	z-index: -10;
}

#tela-10-titulo {
	position: absolute;
	/*top: 656px;*/
	bottom: 340px;
	left: 44px;
	font-size: 40px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #BA6771;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
}

#tela-10-texto-1 {
	position: absolute;
	width: 870px;
	/*top: 770px;*/
	bottom: 40px;
	left: 44px;
	font-size: 40px;
	font-weight: 800;
	color: #302B6C;
	background-color: #F39200;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
	line-height: 48px;
}
/*
#tela-11 {
	height: 1080px;	
}

#tela-11-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}
*/
#tela-11-titulo {
	position: absolute;
	top: 106px;
	left: 55px;
	font-size: 40px;
	font-weight: 800;
	color: #f39200;
	background-color: #302b6c;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
}

#tela-11-texto-1 {
	position: absolute;
	width: 940px;
	top: 220px;
	left: 55px;
	font-size: 40px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #ba6771;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
	line-height: 48px;
}
/*
#tela-12 {
	height: 1080px;	
}

#tela-12-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}
*/
#tela-12-titulo {
	position: absolute;
	/*top: 696px;*/
	bottom: 300px;
	right: 10px;
	font-size: 40px;
	font-weight: 800;
	color: #302b6c;
	background-color: #f39200;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
}

#tela-12-texto-1 {
	position: absolute;
	width: 860px;
	/*top: 810px;*/
	bottom: 50px;
	right: 10px;
	font-size: 40px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #302b6c;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
	line-height: 48px;
}
/*
#tela-13 {
	height: 1080px;	
}

#tela-13-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}
*/
#tela-13-titulo {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 32px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #302b6c;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
}

#tela-13-texto-1 {
	position: absolute;
	width: 555px;
	top: 110px;
	right: 10px;
	font-size: 30px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #ba6771;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
	line-height: 36px;
}
/*
#tela-14 {
	height: 1080px;	
}

#tela-14-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}
*/
#tela-14-titulo {
	position: absolute;
	/*top: 625px;*/
	bottom: 370px;
	left: 10px;
	font-size: 40px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #302b6c;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
}

#tela-14-texto-1 {
	position: absolute;
	width: 975px;
	/*top: 735px;*/
	bottom: 65px;
	left: 10px;
	font-size: 35px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #ba6771;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
	line-height: 42px;
}
/*
#tela-15 {
	height: 1080px;	
}
*/
#tela-15-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}

#tela-15-titulo {
	position: absolute;
	/*top: 720px;*/
	bottom: 275px;
	left: 40px;
	font-size: 40px;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #ba6771;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
}

#tela-15-texto-1 {
	position: absolute;
	width: 855px;
	/*top: 830px;*/
	bottom: 50px;
	left: 40px;
	font-size: 35px;
	font-weight: 800;
	color: #302b6c;
	background-color: #f39200;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
	line-height: 42px;
}

#tela-16 {
	height: 1080px;
}

#tela-16-titulo {
	position: absolute;
	width: 790px;
	font-size: 22px;
	line-height: 34px;
	top: 50px;
	left: 120px;
	margin: 0;
	font-weight: normal;
}

#tela-16-titulo-destaque {
	font-size: 50px;
	line-height: 55px;
	font-weight: 800;
	color: #C66C55;
	text-transform: uppercase;
}

#tela-16-texto-1 {
	position: absolute;
	width: 790px;
	font-size: 22px;
	line-height: 34px;
	top: 420px;
	left: 120px;
}

#tela-16-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}

#depoimento-joao {
	top: 620px;
	left: 780px;
}

#botao-surdez-depoimento-joao {
	top: 660px;
	left: 1022px;
}

#botao-libras-depoimento-joao {
	top: 750px;
	left: 1022px;
}

#tela-17 {
	height: 1080px;	
}

#tela-17-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}

#tela-17-titulo {
	position: absolute;
	top: 266px;
	left: 20px;
	font-size: 36px;
	line-height: 38px;
	font-weight: 700;
	color: #ded3c6;
	background-color: #f39200;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
	width: 560px;
}

#tela-17-texto-1 {
	position: absolute;
	width: 460px;
	top: 770px;
	left: 20px;
	font-size: 32px;
	line-height: 42px;
	font-weight: 800;
	color: #c64e55;
	background-color: #302b6c;
	text-transform: uppercase;
	padding: 15px 30px;
	margin: 0;
}

#tela-18 {
	height: 1080px;
}

#tela-18-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}

#tela-18-texto-1 {
	position: absolute;
	width: 780px;
	font-size: 22px;
	line-height: 34px;
	top: 430px;
	left: 60px;
}

#tela-18-texto-2 {
	position: absolute;
	width: 850px;
	top: 545px;
	left: 150px;
	font-size: 22px;
	line-height: 34px;
	color: #24286e;
	font-style: italic;
}

#tela-18-link-1 {
	position: absolute;
	top: 850px;
	left: 280px;
}

#tela-19 {
	height: 1380px;
}

#tela-19-fundo {
	position: absolute;
	bottom: 0;
	left: -420px;
	z-index: -10;
}

#tela-19-fundo img {
	vertical-align: bottom;
}

#tela-19-texto-1 {
	position: absolute;
	width: 780px;
	top: 30px;
	left: 115px;
	color: #c66c55;
	font-weight: 800;
	text-transform: uppercase;
}

#tela-19-texto-1 p {
	margin: 0;
}

#tela-19-texto-1 p:nth-child(1) {
	font-size: 68px;
	line-height: 60px;
}

#tela-19-texto-1 p:nth-child(2) {
	font-size: 148px;
	line-height: 140px;
}

#tela-19-texto-1 p:nth-child(3) {
	font-size: 58px;
	line-height: 50px;
	margin-left: -4px;
}

#tela-19-texto-2 {
	position: absolute;
	width: 790px;
	top: 285px;
	left: 115px;
	font-size: 22px;
	line-height: 34px;
}

#tela-20 {
	height: 920px;
}

#tela-20-fundo {
	position: absolute;
	top: 0;
	left: -420px;
	z-index: -10;
}

#tela-20-texto-1 {
	position: absolute;
	width: 750px;
	top: 110px;
	left: 115px;
	font-size: 22px;
	line-height: 34px;
}

#tela-21 {
	height: 1000px;
}

#tela-21-enfeite-1 {
	position: absolute;
	background: url(../imagens/enfeite_linha_1.png) no-repeat;
	width: 823px;
	height: 106px;
	top: 45px;
	left: 180px;
}


#tela-21-texto-1 {
	position: absolute;
	width: 900px;
	font-size: 22px;
	line-height: 34px;
	top: 120px;
	left: 90px;
}

#tela-21-texto-2 {
	position: absolute;
	top: 365px;
	left: 85px;
	font-size: 50px;
	line-height: 55px;
	font-weight: 800;
	color: #c66c55;
	text-transform: uppercase;
}

#tela-21-texto-3 {
	position: absolute;
	width: 900px;
	top: 430px;
	left: 90px;
	font-size: 22px;
	line-height: 34px;
}

#tela-21-texto-4 {
	position: absolute;
	top: 685px;
	left: 145px;
	font-size: 22px;
	line-height: 34px;
}

#tela-21-link-1 {
	position: absolute;
	top: 840px;
	left: 140px;
}

#tela-21-personagens-pcd {
	position: absolute;
	bottom: 0;
	right: 0;
}

#tela-21-personagens-pcd img {
	vertical-align: bottom;
}

#tela-22 { /* Vídeos */
	height: 1080px;
}

#videos-acessibilidade-conteudo {
	position: absolute;
	top: 150px;
}

#videos-acessibilidade-titulo {
	position: absolute;
	top: 370px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: rgba(255,255,255,0.75);
	font-size: 40px;
	font-weight: 800;
	line-height: 48px;
	text-align: center;
	padding: 20px 50px;
	background-color: rgba(0,0,0,0.20);
}

#videos-acessibilidade-section {
	position: relative;
	width: 1098px;
	height: 618px;
}

#video-acessibilidade-capa {
	position: absolute;
	width: 1920px;
	height: 1080px;
	top: 0;
	left: -420px;
	z-index: -10;
	background-color: #000000;
}

#video-acessibilidade-video {
	width: 100%;
	height: auto;
}

.video-acessibilidade-botao-play {
	position: absolute;
	width: 64px;
	height: 45px;
	background: url(../imagens/logo_youtube_branco_cinza.png) no-repeat;
	cursor: pointer;
	padding: 0;
	box-sizing: content-box;
	border: none;
	margin: auto;
	top: -10px;
	left: 0;
	bottom: 0;
	right: 0;
}

#video-acessibilidade-youtube {
	position: relative;
	width: 1098px;
	height: 618px;
}

#video-acessibilidade-youtube iframe {
	display: none;
}

#videos-acessibilidade-thumbs {
	position: relative;
	width: 100%;
	height: 160px;
	background-color: rgba(244,171,55,0.80);
}

#videos-acessibilidade-thumbs .video-acessibilidade-thumb {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 130px;
	margin: 15px 0 0 14px;
	background-color: rgba(0,108,255,1.00);
}

.video-acessibilidade-thumb:nth-child(1) { background: url(../imagens/tb_sete_dicas.jpg) no-repeat; }
.video-acessibilidade-thumb:nth-child(2) { background: url(../imagens/tb_deficiencia_auditiva.jpg) no-repeat; }
.video-acessibilidade-thumb:nth-child(3) { background: url(../imagens/tb_deficiencia_fisica.jpg) no-repeat; }
.video-acessibilidade-thumb:nth-child(4) { background: url(../imagens/tb_deficiencia_visual.jpg) no-repeat; }
.video-acessibilidade-thumb:nth-child(5) { background: url(../imagens/tb_deficiencia_intelectual.jpg) no-repeat; }

#tela-23 {
	height: 2120px;
}

#tela-23-titulo {
	position: absolute;
	width: 760px;
	top: 60px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #BA6771;
	color: #F4B749;
	font-size: 55px;
	font-weight: 800;
	padding: 8px 12px 8px 30px;
}

#tela-23-enfeite-1 {
	position: absolute;
	width: 52px;
	height: 66px;
	top: 32px;
	left: 122px;
	background: url(../imagens/enfeite_top_left.png) no-repeat;
}

#tela-23-enfeite-2 {
	position: absolute;
	width: 52px;
	height: 66px;
	top: 188px;
	left: 923px;
	background: url(../imagens/enfeite_bottom_right.png) no-repeat;
}

#tela-23-texto-1 {
	position: absolute;
	width: 880px;
	top: 260px;
	left: 82px;
	right: 0;
	margin: 0 auto;
	font-size: 22px;
	line-height: 34px;
}

#tela-23-texto-1 ul li {
	color: #F39200;
	margin-bottom: 30px;
}

#tela-23-texto-2 {
	position: absolute;
	width: 900px;
	top: 1850px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 30px;
	line-height: 34px;
	text-transform: uppercase;
	text-align: center;
}

#tela-23-texto-3 {
	position: absolute;
	width: 995px;
	font-weight: 800;
	top: 1960px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 30px;
	line-height: 48px;
	text-transform: uppercase;
	text-align: right;
	color: #c64e55;
	background-color: #302b6c;
	padding: 10px 18px 10px 0;
}

#tela-23-texto-3 span:first-of-type {
	font-size: 24px;
	margin-right: 10px;
}

.texto-margem-esquerda {
	/*margin-left: 40px;*/
}

#tela-24 {
	height: 1200px;
}

#tela-24-texto-1 {
	position: absolute;
	width: 720px;
	top: 40px;
	left: 150px;
	font-size: 22px;
	line-height: 34px;
}

#tela-24-link-1 {
	position: absolute;
	top: 365px;
	left: 50px;
	z-index: 5;
}

#tela-24-homem-sentado {
	position: absolute;
	top: 280px;
	left: 145px;
}

#tela-24-homem-sentado img {
	vertical-align: bottom;
}

#tela-25 {
	height: 2630px;
}

#tela-25-titulo {
	position: absolute;
	width: 700px;
	font-size: 66px;
	line-height: 74px;
	color: #c66c55;
	font-weight: 800;
	top: 20px;
	left: 100px;
	margin: 0;
}

#tela-25-texto-1 {
	position: absolute;
	width: 800px;
	font-size: 22px;
	line-height: 34px;
	top: 185px;
	left: 105px;
}

#tela-25-caixas {
	position: absolute;
	top: 410px;
	width: 895px;
	left: 70px;
}

#tela-25-caixas .caixa {
	font-size: 20px;
	line-height: 34px;
	padding: 25px 30px;
	margin-bottom: 25px;
	border: 4px solid #302b6c;
	border-radius: 30px;
}

/*
#tela-25-caixas .caixa {
	font-size: 20px;
	line-height: 22px;
	color: #FFFFFF;
	padding: 25px 30px;
	margin-bottom: 8px;
}

#tela-25-caixas .caixa:nth-child(odd) {
	background: #302b6c;
}

#tela-25-caixas .caixa:nth-child(even) {
	background: #ba6771;
}
*/
#tela-25-texto-2 {
	position: absolute;
	width: 800px;
	font-size: 22px;
	line-height: 34px;
	top: 2080px;
	left: 105px;
}

#tela-25-texto-3 {
	position: absolute;
	top: 2160px;
	width: 820px;
	left: 70px;
	font-size: 20px;
	line-height: 34px;
	padding: 25px 30px;
	margin-bottom: 25px;
	border: 4px solid #302b6c;
	border-radius: 30px;
}

/*
#tela-25-texto-3 {
	position: absolute;
	font-size: 20px;
	line-height: 22px;
	top: 2190px;
	color: #FFFFFF;
	padding: 25px 30px;
	background: #ba6771;
}
*/
#tela-25-texto-4 {
	position: absolute;
	width: 785px;
	font-size: 22px;
	line-height: 34px;
	top: 2460px;
	left: 105px;
}

#tela-26 {
	height: 1750px;
}

#tela-26-titulo {
	position: absolute;
	width: 980px;
	font-size: 66px;
	line-height: 74px;
	color: #c66c55;
	font-weight: 800;
	top: 20px;
	left: 90px;
	margin: 0;
}

#tela-26-texto-1 {
	position: absolute;
	width: 960px;
	font-size: 22px;
	line-height: 34px;
	top: 175px;
	left: 95px;
}

#tela-26-caixas {
	position: absolute;
	top: 580px;
}

#tela-26-caixas .caixas-linha {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #f39200;
	overflow: hidden;
	margin-bottom: 8px;
}

#tela-26-caixas .caixa-laranja,
#tela-26-caixas .caixa-roxa {
	width: 1100px;
	font-size: 22px;
	color: #FFFFFF;
	box-sizing: border-box;
}

#tela-26-caixas .caixa-laranja {
	padding: 28px 15px 28px 30px;
}

#tela-26-caixas .caixa-roxa {
	padding: 28px 15px 28px 30px;
	text-transform: uppercase;
}

#tela-26-caixas .caixa-laranja {
	background-color: #f39200;
}

#tela-26-caixas .caixa-laranja .titulo {
	font-size: 40px;
	font-weight: 800;
	color: #302b6c;
}

#tela-26-caixas .caixa-roxa {
	position: absolute;
	background-color: #302b6c;
	top: 0;
	left: 1100px;
	border-left: 70px solid #FFFFFF;
	border-right: 40px solid #f39200;
}

#tela-26-caixas .caixa-roxa .titulo {
	font-size: 34px;
	font-weight: 800;
	color: #f39200;
}

#tela-26-caixas .caixa-roxa ul {
	margin: 0;
}

#tela-26-caixas .caixa-roxa ul li {
	margin: 6px 0 8px 0;
}

#tela-26-caixas .caixa-roxa .botao-libras {
	top: 10px;
	left: -70px;
}

#tela-26-caixas .caixa-roxa .caixa-direita-OLD {
	position: absolute;
	width: 220px;
	height: 34px;
	right: -131px; /* ((width / 2) - ((height + (padding-top + padding-bottom) / 2)) - caixa-roxa-border-right */
	top: 50%;
	-ms-transform: translateY(-50%) rotate(270deg);
	-webkit-transform: translateY(-50%) rotate(270deg);
	transform: translateY(-50%) rotate(270deg);
	font-size: 11px;
	font-weight: bold;
	color: #302b6c;
	text-align: center;
	padding: 3px 0;
	line-height: 16px;
	/*background-color: #CCC;*/
}

#tela-26-caixas .caixa-roxa .caixa-direita {
	position: absolute;
	width: 220px;
	height: 34px;
	right: -129px; /* ((width / 2) - ((height + (padding-top + padding-bottom) / 2)) - caixa-roxa-border-right */
	top: 50%;
	-ms-transform: translateY(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	font-size: 11px;
	font-weight: bold;
	color: #302b6c;
	text-align: center;
	padding: 3px 0;
	line-height: 16px;
}

#tela-27 {
	height: 1020px;
}

#tela-27-titulo {
	position: absolute;
	width: 980px;
	font-size: 66px;
	line-height: 74px;
	color: #c66c55;
	font-weight: 800;
	top: 20px;
	left: 90px;
	margin: 0;
	text-transform: uppercase;
}

#tela-27-texto-1 {
	position: absolute;
	width: 835px;
	font-size: 22px;
	line-height: 34px;
	top: 270px;
	left: 280px;
}

#tela-27-texto-1 ul {
	margin-top: 5px;
	margin-bottom: 40px;
}

#tecnologia-assistiva-mobiliario {
	position: absolute;
	width: 160px;
	height: 128px;
	background: url(../imagens/exemplos_tecnologias_assistivas.png) 0 0 no-repeat;
	top: 30px;
	left: -210px;
}

#tecnologia-assistiva-servicos {
	position: absolute;
	width: 160px;
	height: 132px;
	background: url(../imagens/exemplos_tecnologias_assistivas.png) 0 -128px no-repeat;
	top: 260px;
	left: -210px;
}

#tecnologia-assistiva-equipamentos-tecnologias {
	position: absolute;
	width: 160px;
	height: 123px;
	background: url(../imagens/exemplos_tecnologias_assistivas.png) 0 -260px no-repeat;
	top: 520px;
	left: -210px;
}

#tela-28 { /* quiz pessoas com deficiencia */
	height: 900px;
}

#tela-28-texto-1 {
	position: absolute;
	width: 880px;
	font-size: 22px;
	line-height: 34px;
	font-weight: normal;
	top: 20px;
	left: 120px;
	margin: 0;
}

#tela-29 { /* calendario pessoas com deficiencia */
	height: 1130px;
}

#tela-29-texto-1 {
	position: absolute;
	width: 800px;
	font-size: 22px;
	line-height: 34px;
	top: 160px;
	left: 140px;
}

#tela-30 {
	height: 2900px;
}

#tela-30-titulo {
	position: absolute;
	width: 570px;
	font-size: 66px;
	line-height: 74px;
	color: #c66c55;
	font-weight: 800;
	top: 20px;
	left: 90px;
	margin: 0;
	text-transform: uppercase;
}

#tela-30-fundo {
	position: absolute;
	top: 0;
	left: 195px;
	z-index: -10;
}

#tela-30-texto-1 {
	position: absolute;
	width: 490px;
	font-size: 22px;
	line-height: 34px;
	top: 180px;
	left: 95px;
}

#tela-30-texto-2 {
	position: absolute;
	width: 1020px;
	font-size: 22px;
	line-height: 34px;
	top: 1120px;
	left: 45px;
}

#tela-30-texto-2 ul li {
	margin-bottom: 25px;
}

#tela-31 { /* Botao créditos, versão para impressão e referências para leitor de telas. */
	height: 170px;
}

#tela-31 h2 {
	position: relative;
	width: 350px;
	height: 1px;
	margin: 0 auto;
}

#tela-31 h2:first-child {
	height: 150px;
	margin-top: 30px;
}

#link-versao-para-impressao {
	left: 0;
}

#link-creditos {
	right: 0;
}

#tela-10-conteudo .mostrar-movimento { right: 10px; }
#tela-11-conteudo .mostrar-movimento { right: 10px; }
#tela-12-conteudo .mostrar-movimento { left: 10px; }
#tela-13-conteudo .mostrar-movimento { left: 10px; }
#tela-14-conteudo .mostrar-movimento { right: 10px; }

@media (max-width : 1376px) {
	#tela-1,
	#tela-22 {
		height: 774px;
	}

	#tela-1-elementos {
		top: 310px;
	}

	#videos-acessibilidade-conteudo {
		top: 0;
	}
	
	#tela-1-video-capa,
	#video-acessibilidade-capa {
		width: 1376px;
		left: -138px;
	}
	
	#botao-libras-22 {
		top: 295px;
	}
}