@charset "utf-8";

.ipe-modal-fotos img
	{ cursor: pointer }

#ipe-modal-fume {
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	display: none;
	z-index: 200;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}
#ipe-modal-janela
	{ border: medium ridge sandybrown; margin: 10vh auto 0 }

#ipe-modal-janela > img
	{ display: none; height: 100%; width: 100% }

#ipe-modal-pontos
	{ text-align: center; font-size: 2rem; width: 100% }
@media not screen and (min-width: 600px) {
#ipe-modal-pontos
	{ margin-top: 1em; display: block }
}
@media screen and (min-width: 600px) {
#ipe-modal-pontos
	{ position: absolute; display: initial; z-index: 400; bottom: 9vh }
}
#ipe-modal-pontos > b:not(.cycle-pager-active) :last-child,
#ipe-modal-pontos > b.cycle-pager-active :first-child
	{ display: none }

#ipe-modal-pontos > b:not(.cycle-pager-active)
	{ cursor: pointer }

#ipe-modal-pontos > b.cycle-pager-active
	{ opacity: 0.6 }

@media not screen and (min-width: 600px) {
#ipe-modal-teclas
	{ border-spacing: 2vw; margin-left: 7.3vw; display: table; width: 85.2vw }
#ipe-modal-teclas b
	{ border: thin solid; line-height: 3em }
#ipe-modal-voltar, #ipe-modal-avante, #ipe-modal-fechar
	{ display: table-cell; text-align: center }
}
@media screen and (min-width: 600px) {
#ipe-modal-teclas b {
	box-sizing: border-box;
	display: inline-block;
	border-radius: .25em;
	padding-top: 0.2em;
	border: thin ridge;
	text-align: center;
	position: absolute;
	cursor: pointer;
	height: 2em;
	width: 2em;
	z-index: 1
}
#ipe-modal-voltar, #ipe-modal-avante
	{ margin-top: -1em; top: 50vh }
#ipe-modal-avante
	{ right: 1em }

#ipe-modal-voltar
	{ left: 1em }

#ipe-modal-fechar
	{ right: 1em; top: 1em }
}

/* ================================= =/
	SLIDE DE TEXTO
/= ================================= */
.ipe-texto-cycle {
	box-sizing: border-box;
	padding-bottom: 2em;
	margin-bottom: 4em;
	margin-top: 4em;
}
.ipe-texto-slide
	{ box-sizing: border-box }
@media not screen and (min-width: 600px) {
.ipe-texto-setas
	{ border-spacing: 1vw; display: table; width: 100% }
.ipe-texto-setas b
	{ border: thin solid; line-height: 3em }
.ipe-texto-voltar, .ipe-texto-avante
	{ display: table-cell; text-align: center }
.ipe-texto-slide
	{ padding: 1px 1vw; margin-top: 2em }
}
@media screen and (min-width: 600px) {
.ipe-texto-slide {
	width: calc(100% - 8em);
	margin: 4em 4em 0;
	min-height: 236px;
	padding: 1px 1em
}
.ipe-texto-setas b {
	top: calc(50% - 1em);
	text-align: center;
	position: absolute;
	line-height: 2em;
	cursor: pointer;
	font-size: 2em;
	width: 2em
}
.ipe-texto-avante
	{ right: 0px }
.ipe-texto-voltar
	{ left: 0px }
}

.ipe-texto-pontos
	{ text-align: center; font-size: 2em }
.ipe-texto-pontos > b:not(.cycle-pager-active) :last-child,
.ipe-texto-pontos > b.cycle-pager-active :first-child
	{ display: none }
.ipe-texto-pontos > b:not(.cycle-pager-active)
	{ cursor: pointer }
.ipe-texto-pontos > b.cycle-pager-active
	{ opacity: 0.6 }

