<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* { margin: 0px; padding: 0px; outline: none; }
body { font-family: 'Muli', sans-serif; line-height: 150%; font-size: 14px; color: #FFFFFF; }
h2 { font-family: 'Raleway', sans-serif; line-height: 130%; font-weight: bolder; font-size: 23px; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px }
p { font-weight: regular; font-size: 18px; line-height: 24px; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
section { position: relative; }
section.institucional { background: #59AABD; }
section.institucional:nth-child(2n+1) { background: #64BED4; }
section.cgo { background: #D34440; }
section.cgo:nth-child(2n+1) { background: #EA4B47; }
section.pesquisa { background: #1D9B52; }
section.pesquisa:nth-child(2n+1) { background: #21B25E; }
section.cchs { background: #BC3472; }
section.cchs:nth-child(2n+1) { background: #D33A80; }
section.cetec { background: #EDB953; }
section.cetec:nth-child(2n+1) { background: #F49F2C; }

/*------------------------*/
/*XIS CSS*/
.lines-button { padding: 11px 8px; transition: .1s; cursor: pointer; user-select: none; border-radius: 10px; background: transparent; border: none; float: left; }
.lines-button:hover {opacity: 1; }
.lines-button:active {transition: 0; }
.lines { position: relative; }
.lines, .lines:before, .lines:after { display: inline-block; width: 35px; height: 3px; background: #333333; border-radius: 10px; transition: 0.1s; }
.lines:before, .lines:after { position: absolute; left: 0; content: ''; -webkit-transform-origin: 2px center; transform-origin: 2px center; }
.lines:before {top: 10px; }
.lines:after {top: -10px; }
.lines-button:hover .lines:before {top: 12px; }
.lines-button:hover .lines:after {top: -12px; }
.lines-button.open {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.lines-button.x2 .lines {transition: background 0.1s 0.3s ease; }
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top 0.1s 0.4s ease, -webkit-transform 0.1s ease; transition: top 0.1s 0.4s ease, transform 0.1s ease; }
.lines-button.x2.open .lines { transition: background 0.1s 0s ease; background: transparent; }
.lines-button.x2.open .lines:before, .lines-button.x2.open .lines:after {transition: top 0.1s ease, -webkit-transform 0.3s 0.5s ease; transition: top 0.1s ease, transform 0.1s 0.2s ease; top: 0; width: 2.5em; }
.lines-button.x2.open .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.lines-button.x2.open .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }


#menu { position: fixed; z-index: 99999; top: 0px; right: 0px; background: #FFFFFF; box-shadow: -3px 1px 5px rgba(0,0,0,.1); }
#menu&gt;span { top: 0px; width: 50px; height: 45px; display: block; padding: 0px; float: right; }
#menu ul { margin-top: 30px; background: #FFFFFF; list-style: none; color: #000000; font-family: 'Raleway', sans-serif; text-align: right; width: 0px; overflow: hidden; height: 0px; padding: 0px; }
#menu ul li { display: block; }
#menu ul li a { text-transform: uppercase; font-size: 24px;display: block; margin:43px 0px; }
#menu ul li a.institucional { color: #59AABD; }
#menu ul li a.institucional:hover { color: #64BED4; }
#menu ul li a.cgo { color: #D34440; }
#menu ul li a.cgo:hover { color: #EA4B47; }
#menu ul li a.pesquisa { color: #1D9B52; }
#menu ul li a.pesquisa:hover { color: #21B25E; }
#menu ul li a.cchs { color: #BC3472; }
#menu ul li a.cchs:hover { color: #D33A80; }
#menu ul li a.cetec { color: #F49F2C; }
#menu ul li a.cetec:hover { color: #EDB953; }

#menu.ativo { bottom: 0px; width: 290px; }
#menu.ativo ul { width: 220px; padding: 4px 30px; height: auto; }

.texto, .imagem { float: right; box-sizing: border-box; }
.texto { width: 30%; position: absolute; top: 50%; margin-top: -150px; padding: 30px 35px; left: 0px; }

section.home { background: #FFFFFF; display: table; width: 100%; }
section.home .mensagem { width: 100%; display: table-cell; vertical-align: middle; }
section.home h1 { font-size: 38px; font-family: 'Raleway', sans-serif; text-transform: uppercase; color: #333333; text-align: center; line-height: 150%; letter-spacing: 3px; }
section.home h1 strong { display: block; font-size: 50px; color: #3195E0; margin: 0 auto; line-height: 200%; position: relative; margin-top: 20px; }
section.home .mensagem p {color: #000000; text-align: center; font-size: 15px; margin: 30px auto 0px; width: 800px; }
section.home a { position: absolute; right: 30px; bottom: 30px; }
section.home a img{ width: 85px; }
section.home .seta { height: 80px; position: absolute; bottom: 0px; left: 150px; right: 150px; background: url(img/seta.png) center 10px no-repeat; transition: 0.6s; cursor: pointer; }
section.home .seta:hover { background-color: rgba(15,15,15,0.1); }
section.home.last .mensagem{ height: 120px; margin-top: -100px; }
section.home.last .mensagem h1 { width: 800px; margin: 0px auto; letter-spacing: 2px; font-size: 24px; }
section.home.last .mensagem p { margin-top: 0px; }
section.home p { font-size: 12px; }
section.capa .mensagem { display: table; height: 100%; width: 100%; }
section.capa h1 { display: table-cell; vertical-align: middle; font-size: 38px; font-family: 'Raleway', sans-serif; text-transform: uppercase; color: #333333; text-align: center; line-height: 150%; letter-spacing: 5px; }
section.capa h1 strong { display: block; font-size: 70px; color: #FFFFFF; margin: 0 auto; line-height: 200%; position: relative; }

.texto:before { top: -10px; }
.texto:after { bottom: -10px; }

.imagem { width: 70%; height: 100%; border: 30px solid transparent; border-width: 45px 0px; overflow: hidden; }
.imagem img { width: 100%; }
.imagem&gt;div { display: table; height: 100%; width: 100%; }
.imagem&gt;div&gt;div { display: table-cell; vertical-align: middle; }

@media (max-width: 900px) {
	section.home.last .mensagem h1{ width: 100%; }
}
@media (max-width: 750px) {
	h2 { font-size: 18px; margin-bottom: 10px; line-height: 130%; }
	p { font-size: 13px; line-height: 150%; }
	.texto { width: 50%; top: 30px; margin-top: 0px; padding: 5px 20px; }
	.imagem { width: 50%; }


	section.home { display: table; }
	section.home .mensagem { display: table-cell; position: static; margin-top: 0px; width: 100%; padding: 30px 15px; box-sizing: border-box; height: auto; }
	section.home h1 { font-size: 22px; line-height: 100%; margin-bottom: 10px; }
	section.home h1 strong { margin-top: 5px; line-height: 100%; font-size: 32px; }
	section.home .mensagem p { width: 100%; font-size: 12px; margin-top: 10px; line-height: 110%; }
	section.home .seta { height: 50px; }
	section.home a { right: 10px; bottom: 10px; }
	section.home a img { width: 50px; }
	section.home h1 strong:before, section.home h1 strong:after { display: none; }
	section.home.last h1 strong { margin: 20px 0; }
	section.capa h1 { font-size: 26px; letter-spacing: 2px; }
	section.capa h1 strong { font-size: 30px; letter-spacing: 2px; }
}

@media (max-width: 300px) {
	section.home { display: block; }
	section.home .mensagem { display: block; }
	section.home .mensagem h1 strong{ width: 100%; }
}

@media (orientation: portrait) {
	.texto { width: 100%; top: 50%; margin-top: 0px; }
	.imagem { width: 100%; height: 50%; border-width: 0px; }
	.imagem img{ width: 100%; }
	.imagem&gt;div&gt;div { display: block; vertical-align: top; }

	section.home .mensagem { vertical-align: middle; }
}</pre></body></html>