<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#lgpd{
	display:none !important;
}
#lgpd.ativo{
	display:block  !important; 
}
#btn-whats svg{
width:30px;
}

.header .container{
  	height:185px;
}
.logo{
  	top:25px;
  	left:35px;
  
  	display:block;
  	width:106px;
  	height:117px;
  	background:url(/images/comum/apae-es.png) no-repeat center center;
  	background-size:auto 100%;
}
.preto .logo{
  	background:url(/images/comum/acessibilidade/apae-es.png) no-repeat center center;
  	background-size: auto 100%;
}
.logo span{
  	white-space:nowrap;
  	width:300px;
  	display:block;
  	text-transform:uppercase;
  	font-size:75%;
  	font-weight:bold;
  	color:#231f1f;
  	bottom:-30px;
  	left:50%;
  	margin-left:-150px;
}


.link-header{
	top:50px;
  	right:10px;
  	line-height:120%;
}
.link-header a{
  	font-size:11px;
  	color:#696d7d;
}
.link-header .social  a,
.link-header .acessibilidade a{
  	cursor:pointer;
	width:22px;
  	height:23px;
  	background-color:#bdbdb1 !important;
  	margin:0 1px;
}
.preto .link-header .acessibilidade a{
  	background-color:transparent !important;
}
.preto .link-header .acessibilidade a.preto{
  	    background: url(/images/comum/acessibilidade/002a.png) no-repeat center center;
}
.preto .link-header .acessibilidade a.btn-Menos {
    background: url(/images/comum/acessibilidade/002b.png) no-repeat center center;
}
.preto .link-header .acessibilidade a.btn-Normal {
    background: url(/images/comum/acessibilidade/002c.png) no-repeat center center;
}
.preto .link-header .acessibilidade a.btn-Mais {
    background: url(/images/comum/acessibilidade/002d.png) no-repeat center center;
}

.preto .link-header .social a{
  	background-color:#000 !important;
}
.link-header &gt; li.ocultar{
	display:none;
}
.link-header &gt; li{
  	border-left:1px solid #bdbdb1;
  	height:85px;
}
.link-header b{
  	display:block;
  	text-transform:uppercase;
  	font-size:12px;
}
.link-header .unidade b{
  	white-space:nowrap;
  	overflow:hidden;
  	text-overflow:ellipsis;
  	width:160px;
}
.link-header div{
  	margin:0 25px 0 13px;
  	padding:35px 0 0;
}
.link-header .unidade{
  	background:url(/images/comum/001a.png) no-repeat;
}
.preto .link-header .unidade{
	background:url(/images/comum/acessibilidade/001a.png) no-repeat;
}
/*.link-header .unidade .unid{
  	border:0px;
  	font-size:11px;
  	color:#696d7d;
  	background:url(/images/comum/001aa.png) no-repeat right center;
  	padding-right:25px;
  	width:130px;
}
.link-header .unidade .unid{
  	font-size:11px;
  	color:#696d7d;
  	background:url(/images/comum/001aa.png) no-repeat right 7px;
  	width:130px;
  	padding:0 25px 15px 0;
  	margin:0px;
}
.preto .link-header .unidade .unid{
  	background:url(/images/comum/acessibilidade/001aa.png) no-repeat right 7px;
}
.link-header .unid .sub{
  	display:none;
  	background:#FFF;
  	padding:5px;
  	border:1px solid #bdbdb1;
  	width:calc(100% - 10px);
  	left:0px;
  	top: 86px;
  	z-index:99;
}
.link-header .unid:hover .sub{
  	display:block;
}
.link-header .sub a{
  	padding:10px 10px;
  	font-size:14px;
  	transition:all .2s ease;
}
.link-header .sub a:hover{
  	background:#bdbdb1;
  	color:#FFF;
}
.preto .link-header .sub a:hover{
	background:#000;
}
*/
.link-header .unidade .unid{
  	min-width:130px;
  	line-height:100%;
  	padding:0;
  	margin:0;
}
.link-header .unidade select{
  	width:100% !important;
	font-size:11px;
  	color:#696d7d;
  	background:url(/images/comum/001aa.png) no-repeat right 5px;
  	width:130px;
  	margin:0px;
  	border:0px;
}
.preto .link-header .unidade select{
  	background:url(/images/comum/acessibilidade/001aa.png) no-repeat right 5px;
}



.link-header li &gt; div{
  	background-size:auto 23px !important;
}
.link-header .nacional{
  	background:url(/images/comum/001b.png) no-repeat;
}
.preto .link-header .nacional{
	background:url(/images/comum/acessibilidade/001b.png) no-repeat;
}
.link-header .doe{
	background:url(/images/comum/001c.png) no-repeat;
}
.preto .link-header .doe{
	background:url(/images/comum/acessibilidade/001c.png) no-repeat;
}

.link-header .social{
	background:url(/images/comum/001d.png) no-repeat;
}
.preto .link-header .social{
	background:url(/images/comum/acessibilidade/001d.png) no-repeat;
}
.link-header .social a.face{
	background:url(/images/comum/002e.png) no-repeat center center;
}
.link-header .social a.twit{
	background:url(/images/comum/002f.png) no-repeat center center;
}
.link-header .social a.inst{
	background:url(/images/comum/002g.png) no-repeat center center;
}
.link-header .social a.yout{
	background:url(/images/comum/002h.png) no-repeat center center;
}

.preto .link-header .social a.face {
    background: url(/images/comum/acessibilidade/002e.png) no-repeat center center;
}
.preto .link-header .social a.twit{
	background:url(/images/comum/acessibilidade/002f.png) no-repeat center center;
}
.preto .link-header .social a.inst{
	background:url(/images/comum/acessibilidade/002g.png) no-repeat center center;
}
.preto .link-header .social a.yout{
	background:url(/images/comum/acessibilidade/002h.png) no-repeat center center;
}

.link-header .reservada{
   	background:url(/images/comum/001e.png) no-repeat;
}
.preto .link-header .reservada{
   	background:url(/images/comum/acessibilidade/001e.png) no-repeat;}

.link-header .acessibilidade{
  	background:url(/images/comum/001f.png) no-repeat;
}
.preto .link-header .acessibilidade{
  	background:url(/images/comum/acessibilidade/001f.png) no-repeat;
}

.link-header .acessibilidade a.preto{
  	background:url(/images/comum/002a.png) no-repeat center center; 	
}
.link-header .acessibilidade a.btn-Menos{
  	background:url(/images/comum/002b.png) no-repeat center center;
}
.link-header .acessibilidade a.btn-Normal{
  	background:url(/images/comum/002c.png) no-repeat center center;
}
.link-header .acessibilidade a.btn-Mais{
  	background:url(/images/comum/002d.png) no-repeat center center;
}
.link-header .acessibilidade .ativo{
  	outline:1px solid #000;
}
.link-header .social a, 
.link-header .acessibilidade a{
  	background-size:20px auto !important;
}

.link-header .ouvidoria{
   	background:url(/images/comum/001e1.png) no-repeat;
}
.preto .link-header .ouvidoria{
   	background:url(/images/comum/acessibilidade/001e1.png) no-repeat;
}

/*TITULO*/
.boxtitulo{
  	background:#ededea;
}
.boxtitulo h1{
  	font-size:90%;
  	font-weight:bold;
}
/* FOTO */
.preto img{
  	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.box-menu{
	background:#3087bf;
  	height:55px;
}
.preto .box-menu{
  	background:#565656;
}

.menu{
  	display:inline-block;
}
.menu &gt; li{
  	float:left;  	
}
.menu a{
  	display:block;
  	padding:15px 15px;
  	color:#FFF;
  	transition:all .2s ease;
  	font-size:12px;
  	font-weight:bold;
  	text-transform:uppercase;
  	height:25px;
}
.menu li.ativo a,
.menu a:hover{
  background:#fbcb5f;
  color:#231f1f
}
.preto .menu li.ativo a,
.preto .menu a:hover{
  	background:#CCC;
}




.menu .submenu{
  	display:none;
  	background:#206897;
  	border-top:15px solid #1c5c86; 
  	min-width:180px;
  	z-index:99;
}
.preto .menu .submenu{
	background:#383838;
  	border-top:15px solid #000;
}

.menu .submenu a{
  	text-transform:initial;
  	border-top:1px solid #1c5c86; 
}
.preto .menu .submenu a{
  	border-top:1px solid #000;
}

.preto .menu .sub:before{
  	background:url(/images/comum/acessibilidade/003.png) no-repeat;
}

.menu .sub:hover .submenu{
  	display:block;
}
.menu .sub:hover .submenu:before{
  	display:block;
  	content:'';
  	width:20px;
    height:9px;
  	background:url(/images/comum/003.png) no-repeat;
  	position:absolute;
  	left:13px;
  	top:-15px;
}
.preto .menu .sub:hover .submenu:before{
  	background:url(/images/comum/acessibilidade/003.png) no-repeat;
}
.barra-menu{
  	background:#fbcb5f;
  	height:8px;
  	border-bottom:4px solid #dfad3d;
}
.preto .barra-menu{
  	background:#CCC;
  	border-bottom:4px solid #999;
}
.titulo{
  	background:#dfad3d;
  	color:#FFF; 
  	margin-bottom:1px;
}
.preto .titulo{
  	background:#999;
}
  
.titulo h1{
  	margin:0 20px;
}
.footer{
  	background:#3087bf;
  	font-weight:bold;
  	line-height:120%;
  	margin-top:60px;
}
.preto .footer{
  	background:#565656;
}

.footer,
.footer a{
  	color:#FFF;  	
}
.footer .container{
  	height:210px;
}
.footer.vitoria .container{
	height:250px;
}

.footer .destaque{
  	color:#fbcb5f;
}
.preto .footer .destaque{
  	color:#000;
}
.f01{
	top:35px;
  	left:30px;
}
.f01 a,
.f01 span{
	display:block; 
}
.f01 a.ftel{
  	font-size:18px;
  	margin-bottom:5px;
}
.f01 a.ftel2{
	display:inline-block;
}

.f01{
  	font-size:13px;
}
.f02{
  	top:40px;
  	left:510px;
  	/*margin-left:-258px;*/
}
.f02 .destaque{
  	text-transform:uppercase; 
  	font-size:85%;
}
.f02 .menu-footer{
  	margin-top:20px;
}

.f02 .menu-footer &gt; li{
  	float:left;
  	/*width:33.333%;*/
}
.f02 .menu-footer ol{
  	border-left:1px solid #fbcb5f;
}
.preto .f02 .menu-footer ol{
  	border-left:1px solid #000;
}

.f02 .menu-footer a{
  	display:block; 
  	padding:8px 11px;
  	width:150px;
  	font-size:11px;
  	line-height:120%;
  	text-transform:uppercase;
}
.f03{
  	top:30px;
  	right:35px;
}
.logo-footer{
  	display:block;
  	width:73px;
  	height:80px;
  	background:url(/images/comum/apae-es-branco.png) no-repeat;
  	background-size:100% auto;
  	margin:0 auto;
}
.f03 .social a{
  	display:block;
  	width:30px;
  	height:30px;
  	margin:30px 2px 0;
  	cursor:pointer;
}
.f03 .social a.face{ background:url(/images/comum/003a.png) no-repeat; }
.f03 .social a.twit{ background:url(/images/comum/003b.png) no-repeat; }
.f03 .social a.inst{ background:url(/images/comum/003c.png) no-repeat; } 
.f03 .social a.yout{ background:url(/images/comum/003d.png) no-repeat; } 

.copy-dev{
  	background:#2a75a5;
  	color:#FFF;
  	font-size:11px;
}
.preto .copy-dev{
  	background:#383838;
}
.copy-dev .container{
  	height:60px;
}
.copy-dev .copy,
.copy-dev .dev{ top:25px; }
.copy-dev .copy{
  	left:30px;
}
.copy-dev .copy a{
  	text-transform:uppercase;
  	color:#FFF;
}
.copy-dev .dev{
  	right:30px;
}
.copy-dev .dev img{
  	width:90px;
  	height:auto;
}
.copy-dev .dev .rel{
  	margin-left:10px;
  	top:-2px; 
}
.paginacao {
    clear: both;
    float: right;
    left: -50%;
    padding-top: 20px;
    position: relative;
    text-align: left;
}
.paginacao ul {
    left: 50%;
    position: relative;
}
.paginacao ul &gt; li {
    float: left;
    list-style: none inside none;
    margin: 1px;
    position: relative;
}
.paginacao ul &gt; li &gt; a {
    font-size:90%;
  	font-weight:bold;
  	background:#3087bf;
    color: #FFF;
    float: left;
    margin: 0px;
    padding: 5px 11px;
    text-align: center;
    text-decoration: none;
  	height:25px;
}
.paginacao a.selected,
.paginacao a:hover{
  	background:#fbcb5f;
      color: #231f1f;
}
.paginacao a:hover {
    cursor: pointer;
}
.paginacao a.selected {
    cursor: text;
}

.evento .boxtitulo select{
  	border:0px;
  	padding: 15px 70px 15px 25px;
  	background:#f5edc5 url(/images/comum/006c.png) no-repeat;
  	background-position:right 10px center;
  	border-radius:15px;
  	right:0px;
  	top:50%;
  	margin-top:calc(59px / -2);
  	width:420px;
  	color:#3087bf;
  	font-size:120%;
}
.preto .evento .boxtitulo select{
	background:#ccc url(/images/comum/acessibilidade/006c.png) no-repeat;
  	background-position:right 10px center;
  	color:#000;
}
.txtMenos.evento .boxtitulo select{ margin-top:calc(53px / -2); }
.txtMais.evento .boxtitulo select{ margin-top:calc(68px / -2); }


.evento a{
  	margin:30px 20px;
  	color:#696d7d;
  	font-size:80%;
  	line-height:150%;
  	height:325px;
}
.evento img,
.evento b{
	display:block;
}
.evento span{
  	display:inline-block;
}

.evento span.label{
  	left:20px;
  	bottom:-25px;
}
.evento span.label span{
  	padding:12px 15px;
  	border-radius:12px;	
  	font-weight:bold;
  	transition:all .2s ease;
  	float:left;
}
.evento .img{
   	margin-bottom:30px;
}
.evento .btn{
  	text-transform:uppercase;
  	background:#fc6d57;
  	color:#FFF;
}
.evento a:hover .btn{
  	background:#cc4a36;
}


.evento .verde .btn{
  background:#64b361;
}
.evento a:hover  .verde .btn{
  background:#3f723d;
}


.evento .cat{
  	background:#f9f0e9;
  	color:#919191;
}
.evento b{
  	color:#231f1f;
  	font-size:110%;
  	margin:0 10px 5px;
  
   	max-height:83px;
  	overflow:hidden;
}
.evento .data{
  	margin:0 10px;
}
.evento img{
  	width:100%;
  	height:auto;
  	border-radius:15px;
  	box-shadow:-10px 8px 0 #f9f0e9;
}




/* PRETO */

.preto .evento .btn,
.preto .evento a:hover .btn{
  	background:#9d9d9d;
}
.preto .evento .vermelho .btn,
.preto .evento a:hover .vermelho .btn{	
	background:#666
}

.preto .evento img{
  	box-shadow:-10px 8px 0 #efefef;
}
body.preto,
.preto .box-lista .lista:nth-child(2n+0){
  background:#000;
}
.preto .atendimento:before,
.preto .box-categoria-cursos,
.preto .cursos .item-1 .desc:after,
.preto .box-lista .lista:nth-child(2n+1),
.preto .item.imagem{
	background-color:#3a3a3a;
}
.preto .btn-enviar,
.preto select.unid-filial,
.preto .materiais .boxtitulo select,
.preto .evento .boxtitulo select,
.preto .coordenacao .boxtitulo select,
.preto .menu li.ativo a, 
.preto .menu a:hover{
  	background-color:#292929;
}
.preto .materiais .boxtitulo select option,
.preto .evento .boxtitulo select option,
.preto .coordenacao .boxtitulo select option,
.preto .link-header .unidade select option{
  	background:#000;
}
.preto .materiais a{
  	border-color:yellow;
}
.preto .logo span,
.preto .btn-enviar,
.preto .atendimento span, 
.preto .atendimento div,
.preto .form span,
.preto .detalhe-unidade h2,
.preto .box-btn a,
.preto .tel-email a,
.preto select.unid-filial,
.preto .materiais .boxtitulo select,
.preto .materiais a,
.preto .evento .boxtitulo select,
.preto .evento .vermelho .btn,
.preto .evento a:hover .vermelho .btn,
.preto .evento b,
.preto .evento .data,
.preto .lista-cursos .btn.verde,
.preto .lista-cursos b,
.preto .lista-cursos span.desc,
.preto .lista-cursos .btn.vermelho,
.preto .box-categoria-cursos a,
.preto .cursos .item-1 .desc,
.preto .coordenacao .boxtitulo select,
.preto .coordenacao .resultado .desc-result, 
.preto .coordenacao .item-1 .desc,
.preto .subtitulo .infos,
.preto .subtitulo .resumo,
.preto .linha-do-tempo .item.lista h3 span,
.preto .item.lista .btn a,
.preto .item.imagem,
.preto .link-header .unidade select,
.preto .footer, 
.preto .footer a,
.preto .footer .destaque,
.preto .f02 .menu-footer a,
.preto .evento-home .titulo,
.preto .sustentavel .link,
.preto .sustentavel .desc,
.preto .atalho b,
.preto .atalho a,
.preto .link-header a,
.preto .menu a,
.preto .noticia span.desc,
.preto .noticia .btn,
.preto .noticia .cat,
.preto h2.titulo-h2,
.preto .noticia b,
.preto .txt{
  	color:yellow !important;
}
.preto .form input,
.preto .form select, 
.preto .form textarea{
  	background-color:#FFF;
}
.preto .form input:focus,
.preto .form select:focus, 
.preto .form textarea:focus{
  	background-color:#adadad;
}
@media only screen and (max-width:1174px) {
    .container{ width:960px; }
  
  	.header .container{ height:265px; }
  	.link-header{ width:660px; right:-50px; }
  	.link-header &gt; li{ width:calc(33.333% - 1px);}
  
  	.menu a{ padding:15px 11px; }
  	
  	.atalho .lista li{ width:33.333%;}
  
  .evento-home .titulo{ padding:5px 10px; }
  
  .f02{ left:320px; }
  
  .g-4{ width:560px; }
  
  
  .titulo-transp-lista a{ text-align:center;  }
  
  
  
  /* APAE - MAIS */
  .box-apae-mais .item .list.col-2{ grid-template-columns:1fr ;  }
}
@media only screen and (max-width: 960px) {
    .container{ width:760px; }
  
  	.logo{ left:50%; transform:translateX(-50%);  }
  	.header .container{ height:180px; }
  	
  
  	.link-header,
  	.menu{ display:none; }
 	.menu-mobile{ display:block; width:30px; height:30px; top:10px; right:10px;  padding:5px; z-index:15; }
  	.menu-mobile .menui{ width:calc(100% - 10px); height:2px; background:#FFF; z-index:2; }
 	 .menu-mobile.ativo .menui{ background:#FFF; }
  	.menu-mobile .menui.top-menu{ top:10px; transform:rotate(0deg);  transition:transform .6s ease, top .6s ease, left .6s ease;  transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
  	.menu-mobile .menui.mid-menu{ top:50%; margin-top:-1px; opacity:1; transition:opacity .6s ease;}
  	.menu-mobile .menui.bottom-menu{ bottom:10px;transform:rotate(0deg); transition:transform .6s ease, bottom .6s ease, right .6s ease;   transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
  
  	.menu-mobile.ativo .mid-menu{  opacity:0; }
  	.menu-mobile.ativo  .top-menu{ top:18px; left:5px; transform:rotate(45deg); }
  	.menu-mobile.ativo  .bottom-menu{ bottom:19px; right:5px; transform:rotate(-225deg); }
  	.bg-body.ativo {    background: rgba(0,0,0,.7);    height: 0px;    transition: height .4s;   width: 100%;    height: 100vh;    top: 0;    left: 0;    z-index: 1; z-index:10; }

  	.menu.ativo{ display:block; z-index:99; position:absolute; }
  	.menu:before{ display:block; content:'';  background:#FFF;  width:100%; height:100%; top:0px; right:100%; z-index:-1; position:absolute;}
  	.menu { width:50%; top:55px; right:0px; background:#3087bf }
  	.menu li{ float:none; }
  	.menu li a{ font-size: 120%; border-bottom: 1px solid #1c5c86; text-align:center; padding:20px 10px; }
  	.menu .submenu{ position:relative; }
  	
  	.preto .menu{ background:#565656; }	
  	.preto .menu li a{ border-bottom:1px solid #000; }
  
  	.menu-config{ display:block; width:30px; height:30px; top:10px; right:60px;  padding:5px; z-index:15; background:url(/images/comum/011.png) no-repeat center center; background-size:100% auto; transform:rotate(0deg); transition:all .2s ease;  }  
  	.menu-config.ativo{ transform:rotate(45deg); }
  
  	.link-header.ativo{ display:block; z-index:999; }
	.link-header{ width:calc(50% - 20px);  background:#FFF; padding:10px; right:auto; top:235px; }
	.link-header &gt; li{ width:100%; border:0px; height:auto; padding-bottom:23.18px; border-bottom:1px solid #CCC;  margin-bottom:15px; }
  	/*.link-header .m3{ display:none; }*/
  
  	.g-4{ width:500px; }
	.g-2{ width:240px; }
  
  	.sustentavel .img{ left:55px; }
  	.sustentavel .desc{ width:calc(100% - 350px - 60px); }
  	
  
  	.noticia .l-3 li,
  	.noticia .lista li{ width:50%; }
  	.box-home.noticia .item-4{ display:inline-grid; }
  
  	.evento-home .lista li{ width:50%; }
  	.evento-home .item-4{ display:block; }
 
  .footer.vitoria .container{ height:450px; }
   	.footer .container{ height:400px;}
  	.f01{ top:210px; }
  	.f02{ top:240px; left:auto; right:-70px; }
  	.f03{ left:50%; right:auto; transform:translateX(-50%);  }
 
    .copy-dev .copy span{ display:none; }
    /*.copy-dev .dev{ width:160px; right:50%; margin-right:-80px; }*-/

  	/*INSTITUCIONAL*/
    .box-lista .imagem .desc, 
  	.box-lista .imagem .img{ width:100%; text-align:center !important; }
  	.box-lista .imagem .img img{ width:100%; }

  
  	.box-lista .imagem table{ height:200px; }
  	.box-lista table td{ padding:20px; }
  
  	.linha-do-tempo .lista{ padding:0; }
  
  	/* NOTICIA */
  .subtitulo{ width:calc(100% - 260px); }
  .noticias-detalhe .box{ margin:0 10px 0 250px; }
  
  	/* COORDENAÇÃO */
  	.coordenacao .desc, 
  	.coordenacao .img{ width:100%; }
  	.coordenacao .img img{ width:100%; }
  	.coordenacao .item-1 img{ width:300px; height:auto; margin:auto;  }
  	
  	.coordenacao .desc table{ height:200px;  }
  	.coordenacao .item-1 .desc{ text-align:center; }
 	.coordenacao .item-1 .desc:after{ left:-100px; width:1000px; }
  	
  	/* CURSOS */
    .lista-cursos .lista li{ width:50%; }
  
  	/* CURSO */
  	.cursos .desc table{ height:200px; text-align:center; }
  	.cursos .desc, 
  	.cursos .img{ width:100%; }
  	.cursos .item-1 img{ width:300px; height:auto; margin:auto; display:none; }
  	.cursos .item-1 .desc:after{ left:-100px; width:1000px; }
  
  	/* EVENTOS */
  	.curso.detalhe .desc, 
  	.curso.detalhe .img{ width:100%; min-height:100px; }
  	.curso.detalhe table{ height:200px; }
  	.lista-eventos .lista li{ width:50%; }
  	.curso.detalhe .item-1 .desc:after{ left:-100px; width:1000px; }
  
  	/* MATERIAIS */
  	.materiais .lista li{ width:33.333%; }
  
  	/* SUSTENTABILIDADE */
  	.grid-4 li,
  	.grid-5 li{ width:33.333%;}
  
  	/*TRANSPARENCIA*/
  	.titulo-transp-lista a{ padding:0 20px;  }
  .detalhe.down ul{ grid-template-columns:repeat(3,1fr); }
}
@media only screen and (max-width: 768px) {
    .container{ width:95%; }
    a[href^=tel]{  color:inherit;  text-decoration:none; }

  .nivo-directionNav a.nivo-prevNav{ left:10px; }
  .nivo-directionNav a.nivo-nextNav{ right:10px; }
  
    .atalho .lista li{ width:50%; }

  	.footer.vitoria .container{ height:620px; }
  	.footer .container{ height:610px; }
  	.f01{ width:250px; left:50%; margin-left:-125px; text-align:center;  }
  	.f02{ width:520px; right:50%; margin-right:-260px; top:460px; border-right:1px solid #fbcb5f; text-align:center; }
  	.preto .f02{ border-right:1px solid #000; }

  	.footer-unidade .f02{ border-right:0px; width:350px; margin-right:-175px; }
  	.footer-unidade .f02 .menu-footer &gt; li:last-child{ border-right:1px solid #fbcb5f; }
  
  
  	/* NOTICIA */
  	.noticias-detalhe .box{ margin:0; }
  	.subtitulo{ width:100%; }
  	.subtitulo .infos{ position:initial; }
  	.subtitulo .infos:before{ height:115px; width:calc(100% + 40px); left:-20px; }
  	
  	.lista-fotos.lista li{ width:33.333%; }
  
  
	/* UNIDADE */  
  .detalhe-unidade .box{ margin:0px; }
  .detalhe-unidade .lista li { width:100%; }
  .detalhe-unidade .lista li &gt; div{ margin:0px; }
  
  	.g-4,
	.g-2{ width:100%; margin:0px; }
  
  	/* CONTATO */
  	.box-form .grid.fright img{ width:100%; margin-top:30px; }
  	.atendimento:before{ width:100%; }
  
    /* SUSTENTABILIDADE */
  	.pag-sustentavel  .container{ display:block; }
  	.pag-sustentavel .item .desc:before{ right:-20px; }
  	.pag-sustentavel .desc{ text-align:center; }
  	.pag-sustentavel .desc,
  	.pag-sustentavel .img{ width:100%;}
  	.pag-sustentavel .item .obj table{ height:200px; }
   
  .curso.detalhe .img img{ width:100%; }
   
    
  	/*TRANSPARENCIA*/
  	.lista-transp-sub ul{ grid-template-columns:repeat(2,1fr); }
  	.detalhe.down ul{ grid-template-columns:repeat(2,1fr);  }
  	.detalhe.down h3{ width:100%; text-align:center; } 
  
  /* APAE - MAIS */
  .box-apae-mais .tj{ text-align:initial; }
}
@media only screen and (max-width: 690px) {
  .sustentavel .img{ left:50%; margin-left:-116.5px; top:20px; margin-top:0px;   }
  .sustentavel .desc{ width:calc(100% - 40px); margin:0 20px; padding-top:230px; padding-bottom:30px; }
  
  .noticia{ max-width:450px; margin:0 auto; }
  .noticia b,
  .noticia span.desc,
  .noticia a{ height:auto;  }
  
  .noticia .l-3 li,
  .atalho .lista li,
  .noticia .lista li,
  .evento-home .lista li{ width:100%; }
  .atalho{ max-width:90%; margin:auto; }
  .atalho .lista a{ max-width:200px; margin:0px auto 40px;  }
  
  .atalho .apresentacao{ padding:50px 10px 50px; }
  
  .footer.vitoria .container{	height:720px; }
  .footer.vitoria .f02{ top: 480px; } 
  
  .footer .container{ height:840px; }
  .f02{width:260px; right:50%; margin-right:-130px; } 
  .f02 .menu-footer &gt; li { float:none; width:100%; }
  .f02 .menu-footer a{ width:auto; }
  
  .footer-unidade .container{ height:660px; }
  .footer-unidade .f02 .menu-footer &gt; li{ border-right:1px solid #fbcb5f; }
  .footer-unidade .f02{ top:420px; }
  
  /* COORDENAÇÃO */
  .coordenacao .boxtitulo h1{ padding-bottom:80px; text-align:center; }
  .coordenacao .boxtitulo select{ width:100%; top:auto; bottom:10px; }
  
  /* CURSOS */
  .lista-cursos{ max-width:450px; margin:0 auto; }
  .lista-cursos .lista li{ width:100%; }
  .lista-cursos a,
  .lista-cursos span.desc{ height:auto; }
  .box-categoria-cursos{ padding-bottom:10px; }
  .box-categoria-cursos a{ width:60%;  padding:13px 15px; border-radius:0px; font-size:80%; margin:2px; }
    
  	/* EVENTOS */
  	.evento .boxtitulo h1{ padding-bottom:80px; text-align:center; }
  	.evento .boxtitulo select{ width:100%; top:auto; bottom:10px; }
  	.lista-eventos{ max-width:450px; margin:0 auto; }
  	.lista-eventos .lista li{ width:100%; }
  
  	/* MATERIAIS */
  	.materiais .boxtitulo h1{ padding-bottom:80px; text-align:center; }
  	.materiais .boxtitulo select{ width:100%; top:auto; bottom:10px; }
  	.materiais .lista li{ width:50%; }
}
@media only screen and (max-width: 640px) {
  	/* APAE - MAIS */
  .box-apae-mais .item + .item{ margin-top:65px; } 
  .box-apae-mais .item{ grid-template-columns:1fr; width:100%; margin-left:0; }
  .box-apae-mais .item .rel{ height:150px; }
  .box-apae-mais h2{ top:0; right:auto; left:50%; transform:translate(-50%, -20%)}
  
}
@media only screen and (max-width: 580px) {
  .boxtv{ min-height:180px;  }
  
  .menu{ width:100%; top:193px; }
  .menu:before{ display:none;  }
  .link-header { width:calc(100% - 20px); }
  .link-header div{ margin:0 15px; }
  
  .link-header &gt; li{ display:none; border-bottom:0px; }
  .link-header &gt; li.mobile{ display:block;float:left; }
   .link-header &gt; li.mobile.m1{  width:calc(100% - 131px) ;  }
  .link-header &gt; li.mobile.m2{ border-left:1px solid #CCC;  width:130px;   }
  
  
  .body-unidade  .link-header &gt; li.mobile.m1{ display:none; }
  .body-unidade .link-header &gt; li{ width:calc(100% / 3 - 2px); border-bottom:0px; }
  .body-unidade .link-header &gt; li.m2,
  .body-unidade .link-header &gt; li.m3,
  .body-unidade .link-header &gt; li.m4{ display:block; }
  .body-unidade .link-header &gt; li.m4{ border-left:1px solid #CCC; }
  
  
  	
  .img-destaque{ height:200px; }
  .lista-fotos.lista li{ width:50%; }
  
  .tj{ text-align:left; }
    
   	/* SUSTENTABILIDADE */
  	.grid-4 li,
  	.grid-5 li{ width:50%;}
  
    
  	/*TRANSPARENCIA*/
  	.titulo-transp-lista{ flex-direction:column; padding:5px 10px 10px; }
  	.titulo-transp-lista a{ width: calc(100% - 30px); border-radius:120px; margin:2px;  }
  	.lista-transp-sub ul{ grid-template-columns:1fr; max-width:420px; margin:auto; }
  
  	.detalhe.down ul{grid-template-columns:1fr;  max-width:420px; margin:auto; }
}
@media only screen and (max-width: 440px) { 
  .body-unidade .menu { top: 430px; }
	.body-unidade .link-header &gt; li.m2,
  	.body-unidade .link-header &gt; li.m3,
  	.body-unidade .link-header &gt; li.m4{ float:none; width:100%; border:0px; border-bottom:1px solid #CCC;  }
    
    .copy-dev .copy{ display:none; }
    .copy-dev .dev{ width:160px; right:50%; margin-right:-80px; }
}

@media only screen and (max-width: 420px) { 
  	/* MATERIAIS */
  	.materiais .lista li{ width:100%; }
}
</pre></body></html>