@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div:not(#section)::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:48px; font-weight:700; line-height:1.1em;}
h2{font-size:40px; font-weight:700; line-height:1.1em;}
h3{font-size:32px; font-weight:700; line-height:1.1em;}
h4{font-size:28px; font-weight:700; line-height:1.1em;}
h5{font-size:24px; font-weight:700; line-height:1.1em;}
h6{font-size:22px; font-weight:700; line-height:1.1em;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:24px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:700;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: 'Roboto', sans-serif; color:#3E3E3C; font-weight:400; min-width:360px;}
#container {margin:0; padding-top: 120px; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden; min-width:360px;}

#whats{position:fixed; right:50px; bottom:50px; display:block; z-index:1000; box-shadow:0 0 10px 0 #000000; background-color:#2DD54B; border:solid 2px #FFFFFF; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 2s, z-index 3s; -moz-transition:opacity 2s, z-index 3s; -ms-transition:opacity 2s, z-index 3s; transition:opacity 2s, z-index 3s;}
#whats .pict{width: 100px; height: 100px; background-color:#2DD54B; position: relative; z-index: 100;}
#whats .pict + .white{width: 0; display: block; position: absolute; right: 50%; top: 0; white-space: nowrap; padding: 30px 0; background-color:#2DD54B; overflow: hidden; z-index: 0; -khtml-border-radius:50px 0 0 50px; -moz-border-radius:50px 0 0 50px; -webkit-border-radius:50px 0 0 50px; border-radius:50px 0 0 50px; -webkit-transition:width 1s; -moz-transition:width 1s; -ms-transition:width 1s; transition:width 2s;}
#whats .pict:hover + .white{width: 230px;}
#whats .pict + .white span{display: block; padding: 0 60px 0 10px; font-size: 20px; line-height: 20px; text-align: left;}

#preloader {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; background-image:url(../images/asbrav-2025.svg); background-position:center top 40%; background-repeat:no-repeat; background-size:292px auto;}
#preloader .inner {position:absolute; top:55%; left:50%; transform:translate(-50%, -50%);}
.loading > span {display:inline-block; width:6px; height:40px; margin:0 5px; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:animarBola; animation-timing-function:linear; animation-iteration-count:infinite; border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.loading > span:nth-child(1) {animation-duration:0.75s ; animation-delay:0;}
.loading > span:nth-child(2) {animation-duration:0.75s ;animation-delay:0.12s;}
.loading > span:nth-child(3) {animation-duration:0.75s  ;animation-delay:0.24s;}
.loading > span:nth-child(4) {animation-duration:0.75s  ;animation-delay:0.36s;}
.loading > span:nth-child(5) {animation-duration:0.75s  ;animation-delay:0.48s;}
@keyframes animarBola {0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;} 16% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0.7;} 33% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}}

#header {position:fixed; top:0; z-index:150; padding:0; width:100%; font-size:0; text-align:right; min-width:360px;}
#header .logo{margin:20px 0 20px 1.9%; float:left; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}

#header .oswald.white.bg-red{display:inline-block; vertical-align:top; font-size:18px; padding:25px 0 0 0; height: 120px; width: 110px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; position:relative; z-index:200; text-align: center;}
#header .oswald.white.bg-red:hover, #header .oswald.white.bg-red.hover{background-color: #8D8D8C;}
#header .oswald.white.bg-red span:not(.pict){display: inline-block; line-height: 40px; height: 40px;}
#header .oswald.white.bg-red:nth-child(-n+4) span:not(.pict){line-height: 20px;}
#header .oswald.white.bg-red:nth-child(-n+3) span:not(.pict){line-height: 40px;}
#header .oswald.white.bg-red + .oswald.white.bg-red{border-left: solid 1px #FFFFFF;}

#header .bg-multiply-black{position:absolute; bottom:-40px; left:0; right:0; padding:0 3.8%;}
#header .bg-multiply-black a{position:relative; z-index:1;}
#header .bg-multiply-black a:nth-child(-n+4){float:left;}

#header.hover .logo{padding-bottom:60px; margin:10px 0 10px 1.9%;}
#header.hover .oswald.white.bg-red{padding:0 10px; height: 80px;}
#header.hover #nav ul li .gray{padding:30px 0;}
#header.hover #nav ul li span.gray{padding-right:15px;}
#header.hover #nav ul li:first-child .gray{padding:20px 0;}

#nav{display:inline-block; vertical-align:top; margin:0; padding:0;}
#nav ul{margin:0; padding:0; list-style:none; font-size:0; white-space:nowrap;}
#nav ul li{display:inline-block; vertical-align:top; position:relative; z-index:0; margin-right:20px;}
#nav ul li:first-child .gray{line-height:40px; padding:40px 0;}
#nav ul li:first-child .pict{display:block;}
#nav ul li:first-child .pict + span{display:none;}

#nav ul li .gray{display:block; position:relative; font-size:16px; line-height:20px; padding:50px 0; font-weight:400; cursor:pointer; z-index:10; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; text-transform: uppercase;}
#nav ul li .gray::after{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:0; background-color:#3E3E3C; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index: 0;}

#nav ul li .gray.hover{color:#E20513;}
#nav ul li .gray.hover::after{background-color:#E20513;}

#nav ul li:nth-child(3) .gray::after{background-color:#76A42A;} /*beneficios*/
#nav ul li:nth-child(3):hover .gray{color:#76A42A;}
#nav ul li:nth-child(3) .gray.hover{color:#76A42A;}
#nav ul li:nth-child(3) .gray.hover::after{background-color:#76A42A;}

#nav ul li span.gray{padding-right:15px; background-image:url(../images/seta-gray.svg); background-repeat:no-repeat; background-position:center right; background-size:10px 10px;}
#nav ul li span.gray.hover{background-image:url(../images/seta-red.svg);}

#nav ul li:hover{z-index:5;}
#nav ul li:hover .gray{opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50);}

#nav ul li:hover .gray::after, #nav ul li .gray.hover::after{height:5px;}

#nav ul li ul {height:0; position:absolute; left:50%; display:block; overflow:hidden; padding:0; list-style-type:none; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index:20;}
#nav ul li ul::after{content:""; position:absolute; width:70%; left:15%; bottom:0; display:block; height:5px; z-index:1; background-color:#E20513;}
#nav ul li ul li {display:block; position:relative; z-index:2; text-align:center; padding:0 25px; margin-right:0;}
#nav ul li ul li::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000000; z-index:0; opacity:.75; -moz-opacity:.75; filter:alpha(opacity=75); z-index:0;}
#nav ul li ul li a{font-size:16px; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; white-space:nowrap; overflow:hidden; display:block; position:relative; padding:15px 0; line-height:20px; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s; font-weight:400; border-bottom:solid 1px #E20513;}
#nav ul li ul li:last-child a{border-bottom:none;}
#nav ul li ul li a:hover, #nav li ul li a.hover{color:#8D8D8C;}

#banner{position:relative; display:block; margin:0; padding:0; font-size:0; list-style:none; min-height:700px; min-width:360px; padding-bottom:40%;}
#banner li{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; justify-content:center; align-items:left; width:100%; padding:0 3.8%; background-repeat:no-repeat; background-size:cover; z-index:0; background-position: center;}
#banner li.dinamico::before{content:"";position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#000000; z-index:0; opacity:.6; -moz-opacity:.6; filter:alpha(opacity=6);}
#banner h1{margin:0; position:relative; z-index:1; max-width: 48.1%;}
#banner h1 span{display:block; font-size:.5em; font-weight:400; line-height:1.4em;}
#banner p{position:relative; z-index:1; max-width: 48.1%;}
#banner p .button{margin-top:.7em;}

#section-beneficios{position:relative; padding:0 3.8%; background-position: center right; background-repeat: no-repeat; background-size: 50% auto; background-image: url("../images/_large/bg-beneficios.jpg");
  background-image: image-set(
    "../images/_large/bg-beneficios.webp" type("image/webp"),
    "../images/_large/bg-beneficios.jpg" type("image/jpeg")
  );}
#section-beneficios .content{padding:160px 0;}
#section-beneficios .destacado::after{border-bottom:solid 1px #76A42A;}

#section-agenda::before{content:""; position:absolute; top:0; right:0; bottom:38%; left:0; background-color:#DDDDDD;}
#section-agenda #scrolling{display:block; position:absolute; top:180px; width:10px; height:10px; z-index:-20;}
#section-agenda .scrolling{display:block; position:relative; overflow:hidden; margin:40px 0; padding:0;}
#section-agenda .agenda-list{display:block; position:absolute; left:0; top:0; width:100%; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-agenda .agenda-list.ativo{opacity:1;-moz-opacity:1;filter:alpha(opacity=100); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-agenda .agenda-list li{margin-bottom:0;}


#section-mercofrio{position:relative; padding:0 3.8%; background-color:#EEEEEE; margin-bottom:1px;}
#section-mercofrio::before{content:""; position:absolute; top:0; right:0; bottom:0; left:50%; background-repeat:no-repeat; background-size:cover; background-position:left top; background-image: url("../images/_large/bg-mercofrio-2024.jpg");
  background-image: image-set(
    "../images/_large/bg-mercofrio-2024.webp" type("image/webp"),
    "../images/_large/bg-mercofrio-2024.jpg" type("image/png")
  );}
#section-mercofrio .content{padding:160px 0;}

#section-numeros{background-image: url("../images/_large/bg-numeros.png");
  background-image: image-set(
    "../images/_large/bg-numeros.webp" type("image/webp"),
    "../images/_large/bg-numeros.png" type("image/png")
  );}
#section-numeros .column-4{font-size:20px;}
#section-numeros .column-4 span{display:block; margin:auto; position:relative;}
#section-numeros .column-4 .circle::before{content:""; position:absolute; top:-2px; right:-2px; bottom:-2px; left:-2px; border:solid 2px #FFFFFF; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#section-numeros .column-4 .count{font-size:2.5em; font-weight:700; margin-top:.1em;}
#section-numeros .column-4 .count::before{content:"+";}

#section-destaque .reset-list{padding:40px 0;}
#section-destaque .column-4 a{display:block; padding-bottom:60%; border:solid 1px #8D8D8C; background-size:90%; background-position:center; background-repeat:no-repeat; -webkit-transition:background-size 1s; -moz-transition:background-size 1s; -ms-transition:background-size 1s; transition:background-size 1s;}
#section-destaque .column-4 a:hover{background-size:100%;}

#section-informativos::before{content:""; position:absolute; top:0; right:0; left:0; padding-bottom:521px; background-color:#DDDDDD;}
#section-informativos .news-list{padding-top:40px;}
#section-informativos .news-list li:nth-child(4){display:none; visibility:hidden;}

#section-parceiros li{display:inline-block; width:13.5%; margin:0 3.8% 0 0;}
#section-parceiros li:nth-child(6n), #section-parceiros li:last-child{margin-right:0;}
#section-parceiros li a{display:block; max-width:100%; mix-blend-mode:multiply;}
#section-parceiros li img{-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

#footer{position:absolute; bottom:0; left:0; right:0; border-top:solid 1px #FFFFFF;}
#footer .column-4{position: relative; z-index: 10;}
#footer .column-4 + .column-4{margin-top:1.2%;}
#footer .column-4 p.text-right{position: absolute; bottom: 0; right: 0;}
#footer .logo{max-width:100%;}
#footer .legenda{position:absolute; display:block; width:100%; right:0; bottom:60px; z-index: 0;}
#footer .pict.circle::after{content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:solid 1px #FFFFFF; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#footer .pict.circle + span{display:inline-block; white-space:nowrap; padding-left:10px; vertical-align:middle; line-height:1.2em;}
#footer .pict.circle.local + span {vertical-align:top;}
#footer .pict.circle.local + span span{font-size:.7em; line-height:1em;}
#footer h6 span{font-size:.6em; font-weight:400; line-height:1.2em; display:block;}
#footer a{font-weight:400;}

#section-titulo{position:relative; padding:0 3.8%;}
#section-titulo.geral{background-image: url("../images/_large/bg-titulo-institucional.png");
  background-image: image-set(
    "../images/_large/bg-titulo-institucional.webp" type("image/webp"),
    "../images/_large/bg-titulo-institucional.png" type("image/png")
  );}
#section-titulo.cursos{background-image:url(../images/_large/bg-titulo-cursos.png);
  background-image: image-set(
    "../images/_large/bg-titulo-cursos.webp" type("image/webp"),
    "../images/_large/bg-titulo-cursos.png" type("image/png")
  );}
#section-titulo.cursos .content{padding-right: 25.95%;}
#section-titulo.cursos .qualificar{position: absolute; top: 0; right: 0; bottom: 0; width: 22.15%; background-position: center top 60%; background-repeat: no-repeat; background-size: contain; background-image:url("../images/qualificar-asbrav.svg");}
#section-titulo.documentos{background-image:url(../images/_large/bg-numeros.png);
  background-image: image-set(
    "../images/_large/bg-numeros.webp" type("image/webp"),
    "../images/_large/bg-numeros.png" type("image/png")
  );}
#section-titulo.eventos{background-image:url(../images/_large/bg-titulo-eventos.png);
  background-image: image-set(
    "../images/_large/bg-titulo-eventos.webp" type("image/webp"),
    "../images/_large/bg-titulo-eventos.png" type("image/png")
  );}
#section-titulo .content{padding:100px 0 60px 0;}
#section-titulo .content.associados h1{display:inline-block; width:48.1%;}
#section-titulo h1{text-transform:uppercase; margin: 0;}
#section-titulo h1 span{display:block; font-size:.5em; font-weight:400; line-height:1em; position:relative; z-index:10;}

#section-principal .content ul:not(.reset-list) li, #section-principal .content ol li{font-size:18px; line-height:1.4em; padding:.25em 0;}
#section-principal .content blockquote{margin-right:0;}
#section-principal .content h5:not(:first-child), #section-principal .content h6:not(:first-child){margin-top:2em; margin-bottom:1em;}

/*específicas*/
#section-principal .content.cursos .article + .column-3{margin-left:3.8%; margin-right: 0;}
#section-principal .content.cursos .column-3 p:not(.chamada){position:relative; padding-left:45px;}
#section-principal .content.cursos .column-3 .encerrar{display: block; top: 0; left: -55%; position: absolute; width: 50%; padding-bottom: 50%; background-image: url("../images/inscricoes-encerradas.svg"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#section-principal .content.cursos .column-3 p.chamada.oswald{margin-top: 0; line-height: 1.2em;}
#section-principal .content.cursos .column-3 .button.large{display:block; text-align:center; padding-left:60px; line-height:80px; position:relative;}
#section-principal .content.cursos .column-3 .button.large .pict{position:absolute; left:0;}
#section-principal .content.cursos .column-3 .pict.small::after{content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:solid 1px #FFFFFF; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#section-principal .content.cursos .column-3 .pict.small.bg-red{position:absolute; top:0; left:0;}
#section-principal .content.cursos .column-3 .pict.small.bg-red + span{display:block; line-height:1.2em;}
#section-principal .content.cursos .column-3 .pict.small.bg-gray-ll{margin-right:5px;}
#section-principal .content.cursos .column-3 .pict.oswald{font-size:30px; text-align:center; font-weight:700;}/*carga horária*/
#section-principal .content.cursos .column-3 .pict.small.investe + span{vertical-align:top;}
#section-principal .content.cursos .column-3 .pict.small.investe + span .button{margin:.4em 0; padding-top:.4em; padding-bottom:.4em; display:block; text-align:center;}
#section-principal .content.cursos .column-3 .pict.small.investe + span .button + .button{margin:0 0 .4em 0;}
#section-principal .content.cursos .column-3 .pict.small.investe + span .button .label{font-size:.8em;}
#section-principal .content.cursos .column-3 .pict.small.investe + span .label{line-height:1em;}
#section-principal .content.cursos .column-3 .pict.small.investe + span .label strong{font-size:1.7em; display:inline-block; padding-bottom:.3em;}
#section-principal .content.cursos .column-3 .pict.small.info + span a{display:block; margin-top:.5em;}
#section-principal .content.cursos .column-3 .pict.small.associado + span a{display:block; line-height:30px; margin-top:.5em;}
#section-principal .content.cursos h3, #section-principal .content.cursos h4{font-weight:400; font-family: 'Oswald', sans-serif;}
#section-principal .content.cursos h5, #section-principal .content.cursos h6{font-weight:400; font-family: 'Oswald', sans-serif; color:#8D8D8C;}
#section-principal .content.cursos p.chamada.text-center a.button.large.oswald.white.bg-red {padding-right: 1.5em;}
#section-principal .content.cursos p.categoria.oswald.bg-gray-lll.white{line-height: 2em; text-transform: uppercase; margin-top: 2em;}
#section-principal .content.cursos p.categoria.oswald.bg-gray-lll.white + p img{display: inline-block; margin: 0 20px;}
#section-principal .content.cursos p.categoria.oswald.bg-gray-lll.white + p img.patrocinio{width: 225px;}
#section-principal .content.cursos p.categoria.oswald.bg-gray-lll.white + p img.apoio{width: 150px;}

#section-principal .content.escritorios h4 span{display:block; font-weight:400; font-size:.7em;}
#section-principal .content.escritorios .pict + span{display:inline-block; padding-left:.5em; vertical-align:middle; line-height:1.2em;}
#section-principal .content.escritorios .pict.local + span{vertical-align:top;}
#section-principal .content.escritorios .pict.local + span span{font-size:.8em;}

#section-principal .content.termos ol br + li{padding-top:1.2em;}
#section-principal .content.termos table{background-color:#8D8D8C;}
#section-principal .content.termos table tr td{font-size:18px; padding:.5em; font-weight:300; background-color:#FFFFFF; line-height:1.5em;}
#section-principal .content.termos table tr:nth-child(2n) td{background-color:#EAEAEA;}

#section-principal .content.dinamico .article{display:block; margin:0 auto 50px auto; padding:0 0 35px 0; border-bottom:solid 1px #E20513;}/*noticias*/

#section-principal .content.dinamico .sharethis-inline-share-buttons{margin-bottom: 30px;}
#section-principal .content.dinamico .sharethis-inline-share-buttons img{border: none;}/* links compartilhamento*/
#section-principal .content.dinamico .mostra-data {display: inline-block; float: left;}/* data */
#section-principal .content.dinamico h2 span{text-transform:uppercase; display:block; font-size:.5em; font-weight:400;}
#section-principal .content.dinamico h3, #section-principal .content.dinamico h4 {color:#E20513; margin-bottom:.8em;}

#section-principal .content.dinamico img{max-width:100%; display:block; margin:auto; border:solid 1px #E20513;}
#section-principal .content.dinamico img.vertical{max-width:48.1%; float:right; margin:0 0 3.8% 3.8%;}
#section-principal .content.dinamico iframe{display:block; width:100%; margin:5% auto; overflow:hidden;}

#section-principal .content.dinamico p:not(.text-center) a{text-decoration:none; font-weight:700; color:#E20513;}
#section-principal .content.dinamico a.share{font-weight:normal; color:#FFFFFF;}

#section-principal .content.beneficios .column-2{margin-top: 60px;}
#section-principal .content.beneficios h3, #section-principal .content.beneficios h4:not(.linhas) {color:#76A42A; font-family: 'Oswald', sans-serif; margin-bottom:.8em;}
#section-principal .content.beneficios .linhas::before, #section-principal .content.beneficios .linhas::after{width:22.15%;}

#section-principal .article.gray.bg-red-l{display:block; margin:40px auto 0 auto;}
#section-principal .article.gray.bg-red-l ul{list-style:none; margin:0; padding:0;}
#section-principal .article.gray.bg-red-l ul .pict{margin-right:10px;}
#section-principal .article.gray.bg-red-l ul .pict.oswald{line-height:30px; font-size:20px; text-align:center;}/*carga horária*/
#section-principal .article.gray.bg-red-l ul .pict.oswald span{font-size:.4em; font-weight:400; display:block; line-height:0em;}

#section-principal .article h4.oswald.subtitulo.gray.linhas.text-center + p.chamada.text-center .button{width:325px;}
#section-principal .article h4.oswald.subtitulo.gray.linhas.text-center + p.chamada.text-center .button + .button{margin-left:20px;}

#section-principal .column-2.contato .pict + span{display:inline-block; padding-left:.5em; vertical-align:middle; line-height:1.2em;}
#section-principal .column-2.contato .pict.local + span{vertical-align:top;}
#section-principal .column-2.contato .pict + span span{font-size:.7em; display:block;}
#section-principal .column-2.contato .text-right:not(.legenda){position:absolute; bottom:25px; right:25px;}

#section-diretrizes{padding:0 3.8%; background: #3E3E3C;
background: -moz-linear-gradient(top,  #3E3E3C 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3E3E3C 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3E3E3C 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E3E3C', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#section-diretrizes li{font-size:20px; display:inline-block; vertical-align:top; width:50%; border-left:solid 1px #FFFFFF; font-weight:300; position:relative;}
#section-diretrizes li::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; z-index:0; background: #3E3E3C;
background: -moz-linear-gradient(top,  #3E3E3C 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3E3E3C 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3E3E3C 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E3E3C', endColorstr='#000000',GradientType=0 ); opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); /* IE6-9 */}
#section-diretrizes li:first-child{background-image:url(../images/_large/bg-institucional-missao.png);
  background-image: image-set(
    "../images/_large/bg-institucional-missao.webp" type("image/webp"),
    "../images/_large/bg-institucional-missao.png" type("image/png")
  );}
#section-diretrizes li:last-child{background-image:url(../images/_large/bg-institucional-visao.png);
  background-image: image-set(
    "../images/_large/bg-institucional-visao.webp" type("image/webp"),
    "../images/_large/bg-institucional-visao.png" type("image/png")
  );}
#section-diretrizes li span:not(.pict){display:block; padding:60px 7.6%; position:relative; z-index:10;}
#section-diretrizes li:last-child{border-right:solid 1px #FFFFFF;}
#section-diretrizes h4{margin-bottom:1em;}

#section-importante li{font-size:18px; line-height:1.4em;}
#section-importante li + li{padding-top:.5em;}

#section-estatuto {padding:40px 3.8%; border-top:solid 1px #FFFFFF;}
#section-estatuto a{border:solid 1px #FFFFFF;}

#section-calendario h4{margin:0 0 2px 0; line-height:40px;}
#section-calendario h4 .pict.float-left{border-right:solid 2px #FFFFFF;}
#section-calendario h4 .pict.float-right{border-left:solid 2px #FFFFFF;}
#section-calendario ul{width:100%; border-bottom:solid 3px #8D8D8C; margin:0; padding:0; border-left: solid 1px #E20513;}
#section-calendario ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

#section-calendario ul li{display:block; float:left; position:relative; font-size:16px; width:14.28%; text-align:left; height:5em; border-top-width:1px; border-top-style:solid;}

#section-calendario ul li.active::before{content: ""; position: absolute; top: 1px; right: 2px; bottom: 1px; left: 1px; background-color:#8D8D8C; z-index: 0;}
#section-calendario ul li.active .tooltip{background-color:#8D8D8C;}
#section-calendario ul li.red.active::before{background-color:#E20513;}
#section-calendario ul li.red.active .tooltip{background-color:#E20513;}

#section-calendario ul li .tooltip{position:absolute; padding: 10px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; width: 60px; height: 60px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; z-index: 0; overflow: hidden; box-shadow: 0 0 0 #000000;}
#section-calendario ul li:hover .tooltip{margin-left: -130px; width: 260px; margin-top: -130px;  height: 260px; z-index: 100; box-shadow: 0 0 7px #000000;}

#section-calendario ul li:hover .tooltip.left{margin-left: 0; left: 0;}
#section-calendario ul li:hover .tooltip.right{margin-left: -260px; left: 100%;}

#section-calendario ul li.semana{max-height:2.5em; min-height:2.5em; height:2.5em; line-height:2.3em; text-align:center; border-top: none;}
#section-calendario ul li.semana:nth-child(7)::after{display:none; visibility:hidden;}
#section-calendario ul li.semana.bg-red::before{display:none; visibility:hidden;}

#section-calendario ul li::after{content:""; position:absolute; top:0; bottom:0; right:0; border-left-style:solid; border-left-width:1px;}

#section-calendario ul li .white:not(.pict){position:relative; line-height:1.2em; display:block; width: 240px; margin:.5em 0 0 0; padding:0.5em; font-weight:300; -webkit-transition: color 1s;transition: color 1s; overflow-x:hidden; -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -ms-transition:background-color 1s; transition:background-color 1s;}
#section-calendario ul li .white:not(.pict) span{display:inline-block; font-size:.7em;}

#section-calendario ul li .dia{font-size:0.8em; line-height:24px; padding-left:5px; float:none; position: relative; z-index: 10;}
#section-calendario ul li.active .dia{color:#FFFFFF;}

#layer {position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; background-color:rgba(96,96,94,.9); padding:160px 4% 0 4%; display:none; overflow:hidden;}
#layer .content{padding:0; display:none;}
#layer .article.beneficios .bg-image{display: block; padding-bottom: 20%; background-size: contain; margin-bottom: 3%;}
#layer .article{display:block; position:relative; overflow-y:auto; border:solid 1px #E20513; padding:30px; z-index:100;}
#layer .article .circle{display:block; width:30.8%; padding-bottom:30.8%; margin:0 auto; overflow:hidden; border:solid 2px #E20513; background-position:center top; background-size:cover; background-repeat:no-repeat;}
#layer .article .evento{display:block; max-width:100%; margin:0 auto;}
#layer .column-2:first-child{border:solid 1px #8D8D8C;}
#layer .column-2:first-child img{max-width:100%;}
#layer .column-2:first-child .pict{display:block; margin:50px auto 0 auto;}
#layer .column-2:first-child h3{margin-bottom:70px;}
#layer .column-2 p a{color:#E20513;}
#layer .fechar{position:absolute; right:17.3%; top:-30px; margin-right:-30px; z-index:120;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}

#contato input[type=text], #contato input[type=password] {font-size:18px; font-weight:300; font-family: 'Roboto', sans-serif; display:block; width:100%; background:none; border:solid 1px #60605E; padding:0 5px; margin:0; height:50px; line-height:48px;}
#contato input[type=password]{margin: 1em 0;}
#contato input[type=text]:not(:first-child) + input[type=text]{margin:25px auto 0 auto;}
#contato textarea {font-size:18px; font-weight:300; font-family: 'Roboto', sans-serif;  display:block; width:100%; background:none; border:solid 1px #60605E; padding:10px; margin:0 auto 25px auto; line-height:20px; min-height:200px;}
#contato input[type=submit] {font-size:12px; font-weight:300; font-family: 'Roboto', sans-serif; width:100%; padding:0; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0 auto; border:none; height:50px;}

#contato.busca{display:inline-block; float:right; width:30.8%; white-space:nowrap; margin-top:25px;}
#contato.busca input[type=text]{display:inline-block; width:70%; border-color:#FFFFFF; vertical-align:top;}
#contato.busca input[type=submit] {display:inline-block; width:30%; vertical-align:top;}

#form.categorias{display:block; margin:0; padding:0; position:relative; width:30.8%; float:left; z-index:10;}
#form.categorias::before{content:""; display:block; width:40px; height:40px; background-image:url(../images/pictogramas.svg); background-repeat:no-repeat; background-size:1100% auto; background-position:70% 40%; position:absolute; right:0; top:0; z-index:-1;}
#form.categorias select {font-size:18px; font-weight:300; font-family: 'Oswald', sans-serif; display:block; width:100%; position:relative; padding:0 50px 0 20px; margin:0; height:40px; line-height:40px; border:none; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; border:none; background:none; z-index:10;}
#form.categorias + p{margin:0;}

#inscricao{display:block; width:65.4%; margin:auto; position:relative;}
#inscricao input[type=text], #inscricao input[type=password] {width:48.1%; margin:0 3.8% 20px 0; font-size:18px; font-weight:400; font-family: 'Roboto', sans-serif; display:block; background:none; border:solid 1px #60605E; background-color:#FFFFFF; padding:0 15px; height:50px; line-height:48px; float:left;}
#inscricao input[type=text]:disabled{background-color: #EAEAEA;}
#inscricao input[type=text]:nth-child(6){width:65.4%; margin-right: 3.8%;}/*nome*/
#inscricao input[type=text]:nth-child(7){width:30.8%; margin-right: 0;}/*nascimento*/
#inscricao input[type=text]:nth-child(8){margin-right: 3.8%;}/*CPF*/
#inscricao input[type=text]:nth-child(9){margin-right: 0;}/*RG*/
#inscricao input[type=text]:nth-child(10){width:100%; margin-right: 0;}/*Formação*/
#inscricao input[type=text]:nth-child(11){width:100%; margin-right: 0;}/*Cargo*/
#inscricao input[type=text]:nth-child(13){margin-right: 0;}/*CNPJ*/
#inscricao input[type=text]:nth-child(14){width:22.15%;}/*CEP*/
#inscricao input[type=text]:nth-child(15){width:56.75%;}/*endereço*/
#inscricao input[type=text]:nth-child(16){width:13.5%; margin-right: 0;}/*numero*/
#inscricao input[type=text]:nth-child(18){margin-right: 0;}/*bairro*/
#inscricao input[type=text]:nth-child(19){width:82.7%;}/*cidade*/
#inscricao input[type=text]:nth-child(20){width:13.5%; margin-right: 0;}/*uf*/
#inscricao input[type=text]:nth-child(22){margin-right: 0;}/*e-mail*/
#inscricao textarea{font-size:18px; font-weight:400; font-family: 'Roboto', sans-serif;  display:block; width:100%; background:none; border:solid 1px #60605E; background-color:#FFFFFF; padding:10px; margin:0 auto; line-height:20px;}
#inscricao input[type=submit], #inscricao input[type=button] {font-size:12px; font-weight:400; font-family: 'Roboto', sans-serif; padding:0; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0 auto; border:none; height:50px; width:200px; display:block; clear:both;}
#inscricao p{display:block; position:relative; clear:both; line-height:1em; margin:0 0 20px 0; border:solid 1px #60605E;}
#inscricao p::after{content:""; position:relative; display:block; width:100%; clear:both;}
#inscricao p span{font-size:1.1em; clear:both; display:block; position:relative; z-index:10; font-weight: 600;}
#inscricao input[type="radio"]:not(:checked), #inscricao input[type="radio"]:checked {position:absolute; left:-9999px;}
#inscricao input[type="radio"]:not(:checked) + label, #inscricao input[type="radio"]:checked + label {position:relative; padding-left:1.7em;cursor:pointer; display:block; line-height:1.2em; margin-top:.4em; text-align:left; width:100%;}
#inscricao input[type="radio"]:not(:checked) + label:before, #inscricao input[type="radio"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:1.4em; height:1.4em; border:2px solid #60605E; background-color:#FFFFFF; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
#inscricao input[type="radio"]:not(:checked) + label:after,#inscricao input[type="radio"]:checked + label:after {content:''; position:absolute; top:.19em; left:.29em; width:.8em; height:.8em; background-color:#E20513;-moz-border-radius:50%; -webkit-border-radius:50%;  border-radius:50%; transition:all .2s;}
#inscricao input[type="radio"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#inscricao input[type="radio"]:checked + label:after {opacity:1;transform:scale(1);}
#inscricao input[type="radio"]:checked:focus + label:before, #inscricao input[type="radio"]:not(:checked):focus + label:before {border:2px solid #60605E;}
#inscricao label:hover:before {border:2px solid #E20513!important;}
#inscricao select {font-size:18px; font-weight:600; display:block; width:100%; position:relative; padding:0 50px 0 20px; margin:0 0 20px 0; height:50px; line-height:50px; border-radius:5px; appearance:none; cursor:pointer; border:none; z-index:10; text-transform: uppercase; background-image: url("../images/seta-white.svg"); background-size: auto 50%; background-position: center right 15px; background-repeat: no-repeat;}

#inscricao #pagaAvista, #inscricao #pagaAprazo{display: none;}
#inscricao #pagaAvista input[type="radio"]:not(:checked) + label, #inscricao #pagaAvista input[type="radio"]:checked + label, #inscricao #pagaAprazo input[type="radio"]:not(:checked) + label, #inscricao #pagaAprazo input[type="radio"]:checked + label{width: 33%; display: inline-block; margin-top: 20px;}

#inscricao .bg-red.white.round{font-size: 20px; display: block; text-align: center; padding: .6em 1em; margin-bottom: 20px; font-weight: 600; line-height: 1em;}

#associacao_pf{display:block; width:65.4%; margin:auto; position:relative;}
#associacao_pf .box + .box{margin-top:20px;}
#associacao_pf input[type=text], #associacao_pf input[type=password] {width:48.1%; margin:0 3.8% 20px 0; font-size:18px; font-weight:400; font-family: 'Roboto', sans-serif; display:block; background:none; border:solid 1px #60605E; background-color:#FFFFFF; padding:0 15px; height:50px; line-height:48px; float:left;}
#associacao_pf input[type=text]:disabled{background-color: #EAEAEA;}
#associacao_pf input[type=text]:nth-child(2n+1), #associacao_pf input[type=password]:nth-child(2n+1){margin:0 0 20px 0;}
#associacao_pf input[type=text]:nth-child(2){width:65.4%;}/*nome*/
#associacao_pf input[type=text]:nth-child(3){width:30.8%;}/*nascimento*/
#associacao_pf input[type=text]:nth-child(6){width:22.15%;}/*CEP*/
#associacao_pf input[type=text]:nth-child(7){width:56.75%;}/*endereço*/
#associacao_pf input[type=text]:nth-child(8){width:13.5%; margin:0 0 20px 3.8%;}/*numero*/
#associacao_pf input[type=text]:nth-child(10){margin:0 0 20px 3.8%;}/*bairro*/
#associacao_pf input[type=text]:nth-child(11){width:82.7%;}/*cidade*/
#associacao_pf input[type=text]:nth-child(12){width:13.5%; margin:0 0 20px 3.8%;}/*uf*/
#associacao_pf input[type=text]:nth-child(13){width:30.8%;}/*celular*/
#associacao_pf input[type=text]:nth-child(14){width:30.8%; margin:0 3.8% 20px 3.8%;}/*fone*/
#associacao_pf input[type=text]:nth-child(15){width:30.8%;}/*fax*/
#associacao_pf input[type=text]:nth-child(17){margin:0 0 20px 0;}/*profissao*/
#associacao_pf textarea{font-size:18px; font-weight:400; font-family: 'Roboto', sans-serif;  display:block; width:100%; background:none; border:solid 1px #60605E; background-color:#FFFFFF; padding:10px; margin:0 auto; line-height:20px;}
#associacao_pf input[type=submit], #associacao_pf input[type=button] {font-size:12px; font-weight:400; font-family: 'Roboto', sans-serif; padding:0; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0 auto; border:none; height:50px; width:200px; display:block; clear:both;}
#associacao_pf p{display:block; position:relative; clear:both; line-height:1em; margin:0;}
#associacao_pf p:not(:first-child)::before{content:""; position:relative; display:block; width:100%; padding-top:2em;}
#associacao_pf p::after{content:""; position:relative; display:block; width:100%; clear:both;}
#associacao_pf p span{font-size:1.3em; clear:both; display:block; position:relative; z-index:10; margin-bottom:.5em;}
#associacao_pf input[type="checkbox"]:not(:checked), #associacao_pf input[type="checkbox"]:checked {position:absolute; left:-9999px;}
#associacao_pf input[type="checkbox"]:not(:checked) + label, #associacao_pf input[type="checkbox"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin-top:10px; text-align:left; float:left; width:50%;}
#associacao_pf input[type="checkbox"]:not(:checked) + label:before, #associacao_pf input[type="checkbox"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #60605E; background-color:#FFFFFF; border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;}
#associacao_pf input[type="checkbox"]:not(:checked) + label:after,#associacao_pf input[type="checkbox"]:checked + label:after {content:'✔'; position:absolute; top:2px; left:5px; font-size:19px;line-height:0.8;color:#E20513;transition:all .2s;}
#associacao_pf input[type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#associacao_pf input[type="checkbox"]:checked + label:after {opacity:1;transform:scale(1);}
#associacao_pf input[type="checkbox"]:checked:focus + label:before, #associacao_pf input[type="checkbox"]:not(:checked):focus + label:before {border:2px solid #60605E;}
#associacao_pf label:hover:before {border:2px solid #8D8D8C!important;}

#associacao_pj{display:block; width:65.4%; margin:auto; position:relative;}
#associacao_pj .box + .box{margin-top:20px; clear:both;}
#associacao_pj .box .clear{display:block;}
#associacao_pj input[type=text], #associacao_pj input[type=password] {width:48.1%; margin:0 3.8% 20px 0; font-size:18px; font-weight:400; font-family: 'Roboto', sans-serif; display:block; background:none; border:solid 1px #60605E; background-color:#FFFFFF; padding:0 15px; height:50px; line-height:48px; float:left;}
#associacao_pj input[type=text]:nth-child(2n+1), #associacao_pj input[type=password]:nth-child(2n+1){margin:0 0 20px 0;}
#associacao_pj .box input[type=text]:nth-last-child(-n+2), #associacao_pj .box input[type=text]:nth-last-child(-n+3) {margin-bottom:0;}
#associacao_pj .box:nth-child(2) input[type=text]:first-child{width:100%; margin:0 0 20px 0;}
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(4){width:30.8%;}/*IE*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(5){width:30.8%;}/*fundacao*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(6){width:30.8%; margin:0 0 20px 3.8%;}/*colaboradores*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(7){width:22.15%;}/*CEP*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(8){width:56.75%; margin:0 3.8% 20px 3.8%;}/*endereço*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(9){width:13.5%;}/*numero*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(12){width:82.7%;}/*cidade*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(13){width:13.5%;}/*uf*/
#associacao_pj .box input[type=text] + p::before{display:none;}
#associacao_pj input[type=text]:last-child{clear:both!important;}
#associacao_pj textarea{font-size:18px; font-weight:400; font-family: 'Roboto', sans-serif;  display:block; width:100%; background:none; border:solid 1px #60605E; background-color:#FFFFFF; padding:10px; margin:0 auto; line-height:20px;}
#associacao_pj input[type=submit], #associacao_pj input[type=button] {font-size:12px; font-weight:400; font-family: 'Roboto', sans-serif; padding:0; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0 auto; border:none; height:50px; width:200px; display:block; clear:both;}
#associacao_pj p{display:block; position:relative; clear:both; line-height:1em; margin:0;}
#associacao_pj p:not(:first-child)::before{content:""; position:relative; display:block; width:100%; padding-top:2em;}
#associacao_pj p::after{content:""; position:relative; display:block; width:100%; clear:both;}
#associacao_pj p span{font-size:1.3em; clear:both; display:block; position:relative; z-index:10; margin-bottom:.5em;}
#associacao_pj input[type="checkbox"]:not(:checked), #associacao_pj input[type="checkbox"]:checked {position:absolute; left:-9999px;}
#associacao_pj input[type="checkbox"]:not(:checked) + label, #associacao_pj input[type="checkbox"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin-top:10px; text-align:left; float:left; width:50%;}
#associacao_pj input[type="checkbox"]:not(:checked) + label:before, #associacao_pj input[type="checkbox"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #60605E; background-color:#FFFFFF; border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;}
#associacao_pj input[type="checkbox"]:not(:checked) + label:after,#associacao_pj input[type="checkbox"]:checked + label:after {content:'✔'; position:absolute; top:2px; left:5px; font-size:19px;line-height:0.8;color:#E20513;transition:all .2s;}
#associacao_pj input[type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#associacao_pj input[type="checkbox"]:checked + label:after {opacity:1;transform:scale(1);}
#associacao_pj input[type="checkbox"]:checked:focus + label:before, #associacao_pj input[type="checkbox"]:not(:checked):focus + label:before {border:2px solid #60605E;}
#associacao_pj label:hover:before {border:2px solid #8D8D8C!important;}

#associacao_pj input[type="radio"]:not(:checked), #associacao_pj input[type="radio"]:checked {position:absolute; left:-9999px;}
#associacao_pj input[type="radio"]:not(:checked) + label, #associacao_pj input[type="radio"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin-top:10px; text-align:left; float:left; width:50%;}
#associacao_pj input[type="radio"]:not(:checked) + label:before, #associacao_pj input[type="radio"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #60605E; background-color:#FFFFFF; border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
#associacao_pj input[type="radio"]:not(:checked) + label:after,#associacao_pj input[type="radio"]:checked + label:after {content:''; position:absolute; top:3px; left:5px; width:14px; height:14px; background-color:#E20513; border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%; transition:all .2s;}
#associacao_pj input[type="radio"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#associacao_pj input[type="radio"]:checked + label:after {opacity:1;transform:scale(1);}
#associacao_pj input[type="radio"]:checked:focus + label:before, #associacao_pj input[type="radio"]:not(:checked):focus + label:before {border:2px solid #60605E;}
#associacao_pj label:hover:before {border:2px solid #8D8D8C!important;}


/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #FFFFFF;}
.termsfeed-com---nb .cc-nb-title {color: #3E3E3C; font-family: 'Oswald', sans-serif; font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #3E3E3C;}
.cc-nb-main-container{background-color:#EAEAEA; font-family: 'Roboto', sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#3E3E3C!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#424749!important; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#8D8D8C!important; color:#FFFFFF!important;}

/*estruturais*/
.padrao{position:relative; padding:0 3.8%; min-width:360px;}
.padrao .content{padding:60px 0;}
.content {margin:auto; width:100%; max-width:1300px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*fontes*/
.roboto{font-family: 'Roboto', sans-serif;}
.oswald{font-family: 'Oswald', sans-serif;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#3E3E3C;}
.gray-l{color:#60605E;}
.gray-ll{color:#8D8D8C;}
.gray-lll{color:#DDDDDD;}
.red{color:#E20513;}
.red-l{color:#FCE2D7;}
.green{color:#76A42A;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#3E3E3C;}
.bg-gray-l{background-color:#60605E;}
.bg-gray-ll{background-color:#8D8D8C;}
.bg-gray-lll{background-color:#DDDDDD;}
.bg-red{background-color:#E20513;}
.bg-red-l{background-color:#FCE2D7;}
.bg-green{background-color:#76A42A;}
.bg-multiply-black::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#000000; z-index:0; opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70);}
.bg-multiply-gray::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#3E3E3C; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.bg-multiply-red::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#E20513; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}

/*transições*/
.alpha{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.round{border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.two-column{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:200px; -moz-column-width:200px; column-width:200px; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap: 30px;}

.gallery {display:block; font-size:0; margin-bottom:40px}
.gallery a{display:inline-block; width:22.15%; margin:20px 3.8% 20px 0; vertical-align:text-top; cursor:zoom-in; border:solid 1px #D4B26A; padding:10px;}
.gallery a:nth-child(4n), .gallery a:last-child{margin:20px 0 20px 0;}
.gallery a span{display:block; width:100%; padding-bottom:100%;}

.share-buttons{display:block;}
.share{display:inline-block; vertical-align:top; padding:0 5px 0 25px; border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height: 20px; line-height:20px; background-image:url(../images/share.png); background-repeat:no-repeat; background-size:20px auto; color:#FFFFFF; font-weight:400; font-size:10px;}
.fb-share-button{display:inline-block; vertical-align:top; margin-right:20px;}
.fb-share-button a {background-color:#4267B2; background-position:left 0;}
.wa-share-button {background-color:#57BA63; background-position:left -20px; margin-right:10px;}

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden; line-height:1em;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.button .label{display:inline-block; vertical-align:middle; text-align:center;}
.button.large .label{font-size:1.2em; min-height:80px; line-height:30px; padding:25px 1.5em;}
.button.medium .label{font-size:1.1em; min-height:60px; line-height:20px; padding:20px 1.5em;}
.button.small .label{font-size:1em; min-height:40px; line-height:20px; padding:10px 1.5em;}
.button.tiny .label{font-size:.9em; min-height:30px; line-height:16px; padding:7px 1.5em;}
.button .pict + .label{padding-right:1.5em; padding-left:.5em;}

.pict{display:inline-block; vertical-align:middle; background-image:url(../images/pictogramas.svg); background-repeat:no-repeat; background-size:1100% auto;}
.pict.text{background-image:none; font-size:1.4em;}
.pict.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}
.pict.circle{position:relative;}

.pict.large{width:80px; height:80px; line-height:80px;}
.pict.medium{width:60px; height:60px; line-height:60px;}
.pict.small{width:40px; height:40px; line-height:40px;}
.pict.tiny{width:30px; height:30px; line-height:30px;}

.pict.red.whats{background-position:0% 0%;}
.pict.red.fone{background-position:10% 0%;}
.pict.red.mail{background-position:20% 0%;}
.pict.red.local{background-position:30% 0%;}
.pict.red.home{background-position:40% 0%;}
.pict.red.data{background-position:50% 0%;}
.pict.red.dataok{background-position:60% 0%;}
.pict.red.datacheck{background-position:70% 0%;}
.pict.red.hora{background-position:80% 0%;}
.pict.red.bussola{background-position:90% 0%;}
.pict.red.puzzle{background-position:100% 0%;}
.pict.red.calcula{background-position:0% 5%;}
.pict.red.news{background-position:10% 5%;}
.pict.red.associe{background-position:20% 5%;}
.pict.red.inscreva{background-position:30% 5%;}
.pict.red.info{background-position:40% 5%;}
.pict.red.link{background-position:50% 5%;}
.pict.red.nolink{background-position:60% 5%;}
.pict.red.download{background-position:70% 5%;}
.pict.red.upload{background-position:80% 5%;}
.pict.red.investe{background-position:90% 5%;}
.pict.red.paga{background-position:100% 5%;}
.pict.red.atencao{background-position:0% 10%;}
.pict.red.associa{background-position:10% 10%;}
.pict.red.formacao{background-position:20% 10%;}
.pict.red.certifica{background-position:30% 10%;}
.pict.red.seguro{background-position:40% 10%;}
.pict.red.destaque{background-position:50% 10%;}
.pict.red.start{background-position:60% 10%;}
.pict.red.stop{background-position:70% 10%;}
.pict.red.capacita{background-position:80% 10%;}
.pict.red.superior{background-position:90% 10%;}
.pict.red.inferior{background-position:100% 10%;}
.pict.red.mais{background-position:0% 15%;}
.pict.red.menos{background-position:10% 15%;}
.pict.red.fechar{background-position:20% 15%;}
.pict.red.check{background-position:30% 15%;}
.pict.red.igual{background-position:40% 15%;}
.pict.red.anterior{background-position:50% 15%;}
.pict.red.seguinte{background-position:60% 15%;}
.pict.red.base{background-position:70% 15%;}
.pict.red.topo{background-position:80% 15%;}
.pict.red.youtube{background-position:0% 20%;}
.pict.red.facebook{background-position:10% 20%;}
.pict.red.instagram{background-position:20% 20%;}
.pict.red.linkedin{background-position:30% 20%;}
.pict.red.associado{background-position:40% 20%;}
.pict.red.cargahoraria{background-position:50% 20%;}

.pict.white.whats{background-position:0% 25%;}
.pict.white.fone{background-position:10% 25%;}
.pict.white.mail{background-position:20% 25%;}
.pict.white.local{background-position:30% 25%;}
.pict.white.home{background-position:40% 25%;}
.pict.white.data{background-position:50% 25%;}
.pict.white.dataok{background-position:60% 25%;}
.pict.white.datacheck{background-position:70% 25%;}
.pict.white.hora{background-position:80% 25%;}
.pict.white.bussola{background-position:90% 25%;}
.pict.white.puzzle{background-position:100% 25%;}
.pict.white.calcula{background-position:0% 30%;}
.pict.white.news{background-position:10% 30%;}
.pict.white.associe{background-position:20% 30%;}
.pict.white.inscreva{background-position:30% 30%;}
.pict.white.info{background-position:40% 30%;}
.pict.white.link{background-position:50% 30%;}
.pict.white.nolink{background-position:60% 30%;}
.pict.white.download{background-position:70% 30%;}
.pict.white.upload{background-position:80% 30%;}
.pict.white.investe{background-position:90% 30%;}
.pict.white.paga{background-position:100% 30%;}
.pict.white.atencao{background-position:0% 35%;}
.pict.white.associa{background-position:10% 35%;}
.pict.white.formacao{background-position:20% 35%;}
.pict.white.certifica{background-position:30% 35%;}
.pict.white.seguro{background-position:40% 35%;}
.pict.white.destaque{background-position:50% 35%;}
.pict.white.start{background-position:60% 35%;}
.pict.white.stop{background-position:70% 35%;}
.pict.white.capacita{background-position:80% 35%;}
.pict.white.superior{background-position:90% 35%;}
.pict.white.inferior{background-position:100% 35%;}
.pict.white.mais{background-position:0% 40%;}
.pict.white.menos{background-position:10% 40%;}
.pict.white.fechar{background-position:20% 40%;}
.pict.white.check{background-position:30% 40%;}
.pict.white.igual{background-position:40% 40%;}
.pict.white.anterior{background-position:50% 40%;}
.pict.white.seguinte{background-position:60% 40%;}
.pict.white.base{background-position:70% 40%;}
.pict.white.topo{background-position:80% 40%;}
.pict.white.youtube{background-position:0% 45%;}
.pict.white.facebook{background-position:10% 45%;}
.pict.white.instagram{background-position:20% 45%;}
.pict.white.linkedin{background-position:30% 45%;}
.pict.white.associado{background-position:40% 45%;}
.pict.white.cargahoraria{background-position:50% 45%;}

.pict.gray.whats{background-position:0% 50%;}
.pict.gray.fone{background-position:10% 50%;}
.pict.gray.mail{background-position:20% 50%;}
.pict.gray.local{background-position:30% 50%;}
.pict.gray.home{background-position:40% 50%;}
.pict.gray.data{background-position:50% 50%;}
.pict.gray.dataok{background-position:60% 50%;}
.pict.gray.datacheck{background-position:70% 50%;}
.pict.gray.hora{background-position:80% 50%;}
.pict.gray.bussola{background-position:90% 50%;}
.pict.gray.puzzle{background-position:100% 50%;}
.pict.gray.calcula{background-position:0% 55%;}
.pict.gray.news{background-position:10% 55%;}
.pict.gray.associe{background-position:20% 55%;}
.pict.gray.inscreva{background-position:30% 55%;}
.pict.gray.info{background-position:40% 55%;}
.pict.gray.link{background-position:50% 55%;}
.pict.gray.nolink{background-position:60% 55%;}
.pict.gray.download{background-position:70% 55%;}
.pict.gray.upload{background-position:80% 55%;}
.pict.gray.investe{background-position:90% 55%;}
.pict.gray.paga{background-position:100% 55%;}
.pict.gray.atencao{background-position:0% 60%;}
.pict.gray.associa{background-position:10% 60%;}
.pict.gray.formacao{background-position:20% 60%;}
.pict.gray.certifica{background-position:30% 60%;}
.pict.gray.seguro{background-position:40% 60%;}
.pict.gray.destaque{background-position:50% 60%;}
.pict.gray.start{background-position:60% 60%;}
.pict.gray.stop{background-position:70% 60%;}
.pict.gray.capacita{background-position:80% 60%;}
.pict.gray.superior{background-position:90% 60%;}
.pict.gray.inferior{background-position:100% 60%;}
.pict.gray.mais{background-position:0% 65%;}
.pict.gray.menos{background-position:10% 65%;}
.pict.gray.fechar{background-position:20% 65%;}
.pict.gray.check{background-position:30% 65%;}
.pict.gray.igual{background-position:40% 65%;}
.pict.gray.anterior{background-position:50% 65%;}
.pict.gray.seguinte{background-position:60% 65%;}
.pict.gray.base{background-position:70% 65%;}
.pict.gray.topo{background-position:80% 65%;}
.pict.gray.youtube{background-position:0% 70%;}
.pict.gray.facebook{background-position:10% 70%;}
.pict.gray.instagram{background-position:20% 70%;}
.pict.gray.linkedin{background-position:30% 70%;}
.pict.gray.associado{background-position:40% 70%;}
.pict.gray.cargahoraria{background-position:50% 70%;}

/*variáveis*/
.box{padding:25px; display:block;}

.logo{width:292px; padding-bottom:80px; display:inline-block; position:relative; z-index:10; background-size:contain; background-repeat:no-repeat; background-position:center left; background-image:url(../images/asbrav-2025.svg);}

.subtitulo .pict{display:block; margin:auto;}
.destacado{position:relative;}
.destacado::after{content:""; display:block; width:5em; border-bottom:solid 1px #E20513; padding-top:.5em;}

.linhas{position:relative; line-height:1em;}
.linhas::before, .linhas::after{content:""; position:absolute; display:block; width:30.8%; border-bottom:solid 1px #60605E; bottom:.5em;}
.linhas::before{left:0;}
.linhas::after{right:0;}
p.linhas::before, p.linhas::after{bottom:30px;}
p.linhas a + a{margin-left:1px;}
p.linhas .prev, p.linhas .next{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
p.linhas .prev:not(.hover):hover, p.linhas .next:not(.hover):hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=75);}
p.linhas .hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.agenda-list li{width:30.8%; margin:0 3.8% 3.8% 0; position:relative; display:inline-block; vertical-align:top; text-align:left;}
.agenda-list li:nth-child(3n), .agenda-list li:last-child{margin-right:0;}
.agenda-list li .bg-image{display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; background-image:url(../images/_large/bg-cursos-no-image.png);
  background-image: image-set(
    "../images/_large/bg-cursos-no-image.webp" type("image/webp"),
    "../images/_large/bg-cursos-no-image.png" type("image/png")
  );}
.agenda-list li .bg-image.mecanico-de-ar-condicionado{background-image:url(../images/_large/curso-mecanico-de-ar-condicionado.jpg);
  background-image: image-set(
    "../images/_large/curso-mecanico-de-ar-condicionado.webp" type("image/webp"),
    "../images/_large/curso-mecanico-de-ar-condicionado.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao{background-image:url(../images/_large/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.jpg);
  background-image: image-set(
    "../images/_large/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.webp" type("image/webp"),
    "../images/_large/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.projetista-de-ar-condicionado{background-image:url(../images/_large/curso-projetista-de-ar-condicionado.jpg);
  background-image: image-set(
    "../images/_large/curso-projetista-de-ar-condicionado.webp" type("image/webp"),
    "../images/_large/curso-projetista-de-ar-condicionado.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.refrigeracao-industrial-por-compressao-de-amonia{background-image:url(../images/_large/curso-refrigeracao-industrial-por-compressao-de-amonia.jpg);
  background-image: image-set(
    "../images/_large/curso-refrigeracao-industrial-por-compressao-de-amonia.webp" type("image/webp"),
    "../images/_large/curso-refrigeracao-industrial-por-compressao-de-amonia.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.sistemas-de-agua-gelada{background-image:url(../images/_large/curso-sistemas-de-agua-gelada.jpg);
  background-image: image-set(
    "../images/_large/curso-sistemas-de-agua-gelada.webp" type("image/webp"),
    "../images/_large/curso-sistemas-de-agua-gelada.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image:after{content:""; position:absolute; top:0; right:0; bottom:0; left:0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 55%, rgba(0,0,0,.7) 70%, rgba(0,0,0,.9) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.7) 55%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.9) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.7) 55%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );}
.agenda-list li a.white{display:block; padding:25px 25px 80px 25px; position:relative; z-index:1; overflow:hidden;}
.agenda-list li a.white + a{position: absolute; right: 25px; bottom: 15px; z-index: 10;}
.agenda-list li a.white + a .pict{width: 60px; height: 60px;} /* evita problemas de posicionamento devido aos estilos dos demais */
.agenda-list h4{padding-top:70%; position:relative; text-transform:uppercase; margin-bottom:0; z-index:0;}
.agenda-list h4::after{content:""; display:block; width:5em; border-bottom:solid 1px #E20513; padding-top:.5em;}
.agenda-list h4 span.oswald.white{position:absolute; bottom:.5em;}
.agenda-list h4 span.oswald.white span{display:block; line-height:1.2em; font-size:.6em; text-transform:uppercase; font-weight:400;}
.agenda-list p{margin:10px 0 0 0; white-space:nowrap; z-index: 20;}
.agenda-list p.white{white-space: normal; line-height: 1.3em;}
.agenda-list p.white span.red{display: block; margin-bottom: .4em; font-weight: 600;}
.agenda-list .pict.medium{position:absolute; top:25px; font-size:32px; font-weight:700; text-align:center; z-index:10;}
.agenda-list .pict.medium::after{content:""; position:absolute; top:-2px; right:-2px; bottom:-2px; left:-2px; border:solid 2px #FFFFFF; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.agenda-list .pict.medium.carga{right:25px; line-height:46px;}/*carga horária*/
.agenda-list .pict.medium.carga .gray{font-size:.35em; font-weight:400; display:block; line-height:0em;}
.agenda-list .pict.medium.oswald:not(.carga){right:95px; display: flex; flex-direction: column; justify-content: center; align-items: center;}/*modalidade*/
.agenda-list .pict.medium.oswald:not(.carga) span{font-size: .35em;}
.agenda-list .pict.medium.certifica, .agenda-list .pict.medium.formacao, .agenda-list .pict.medium.capacita{right:165px;}
.agenda-list .pict.small + span{display:inline-block; vertical-align:middle; padding-left:10px; line-height:1em; font-weight:400;}
.agenda-list .pict.small.local + span{vertical-align:top;}
.agenda-list .button{position:absolute; bottom:25px; left:25px;}

.agenda-list .patrocinios{border: solid 1px #8D8D8C; padding: .5em 0; margin-top: 1em; text-align: center; position: relative;}
.agenda-list .patrocinios .oswald.gray-ll{font-size: .6em; display: block; line-height: 1em; transform: rotate(270deg); transform-origin:2.2em 1.9em; text-align: right; width: 4.5em; text-transform: uppercase; position: absolute; }
.agenda-list .patrocinios span:not(.oswald){display: inline-block; vertical-align: middle; margin:0 .5em;}
.agenda-list .patrocinios span.patrocinio{height: 3.5em;}
.agenda-list .patrocinios span.apoio{height: 2.5em;}
.agenda-list .patrocinios span img{display: block; max-height: 100%;}

.news-list li{display:inline-block; width:30.8%; margin:0 3.8% 40px 0; position:relative; display:inline-block; vertical-align:text-top; border:solid 1px #8D8D8C; background-color:#FFFFFF;}
.news-list li:nth-child(3n), .news-list li:last-child{margin:0 0 40px 0;}
.news-list li .bg-image{position:relative; display:block; height:230px;}
.news-list li .bg-image.no-image{background-image: url("../images/asbrav-2025.svg"); background-size: 60%;}
.news-list li .button{position:absolute; bottom:20px; left:20px; z-index:10;}
.news-list li a{display:block; padding-bottom:60px; font-size:18px;}
.news-list li h4{margin:0; padding:20px; position:relative; z-index:10; font-weight:300;}
.news-list li h4 span{font-size:.6em; display:block; font-weight:400;}

.cursos-list li{display:block; position:relative; font-size:20px; line-height:40px; padding:10px; min-height:60px;}
.cursos-list li::after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
.cursos-list li + li{margin-top:20px;}
.cursos-list span.floatRight{display:block;}
.cursos-list a + a, .cursos-list a + .pict, .cursos-list .pict + a, .cursos-list .pict + .pict{margin-left:5px;}
.cursos-list .pict.oswald{line-height:32px; font-size:20px; text-align:center;}/*carga horária*/
.cursos-list .pict.oswald span{font-size:.4em; font-weight:400; display:block; line-height:0;}
.cursos-list a{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.cursos-list a:hover{opacity:0.50; -moz-opacity:0.50;filter: alpha(opacity=50);}
.cursos-list .circle.hover{opacity:0.20; -moz-opacity:0.20;filter: alpha(opacity=20);}

.associados-list li{width:22.15%; margin:1.9% 3.8% 1.9% 0; display:inline-block; vertical-align:top; position:relative; border:solid 1px #DDDDDD; padding-bottom:15%; overflow:hidden; background-position:center; background-size:90%; background-repeat:no-repeat;}
.associados-list li a{position:absolute; top:0; right:0; bottom:0; left:0; display:block; z-index:100;}
.associados-list li:nth-child(4n), .associados-list li:last-child{margin-right:0;}
.associados-list li span.oswald{position:absolute; right:0; left:0; height:100%; padding:0 10px; display:flex; flex-direction:column; justify-content: center; align-items: center;  align-content:center;}
.associados-list li span.overlay{top:-100%; -webkit-transition:top 1s; -moz-transition:top 1s; -ms-transition:top 1s; transition:top 1s; z-index:10;}
.associados-list li span.overlay::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000000; mix-blend-mode:multiply; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=8); z-index:0;}
.associados-list li:hover span.overlay{top:0;}
.associados-list li span .pict{display:block; margin:0 auto; position:relative; z-index:1;}
.associados-list li span .pict:not(.mais){margin:0 auto -10px auto;}
.associados-list li span h4, .associados-list li span h6{margin:0; position:relative; z-index:1;}
.associados-list li span .circle{display:block; margin:0 auto; width:112px; padding-bottom:110px; background-position:center top; background-repeat:no-repeat; background-size:cover; border:solid 1px #E20513;}

.parceiras-list li{width:30.8%; margin:3.8% 3.8% 0 0; font-size: 18px; text-align: left; display:inline-block; vertical-align:top; position:relative; border:solid 1px #DDDDDD; overflow:hidden;}
.parceiras-list li:nth-child(3n), .parceiras-list li:last-child{margin-right: 0;}
.parceiras-list li .box{padding: 1em 1em 60px 1em;}
.parceiras-list li .box.entidades{padding: 1em;}
.parceiras-list li .bg-image{display: block; width: 100%; height: 100%; aspect-ratio:2/1; margin-bottom: 1em; background-size: contain; border-bottom: solid 1px #DDDDDD;}
.parceiras-list li .bg-image.bg-gray-llll{background-color: #FAFAFA;}
.parceiras-list li a:not(.button){display: block; margin-top: .5em; white-space: nowrap; overflow: hidden;}
.parceiras-list li .button{position: absolute; bottom: 1em; left: 1em;}

.eventos-list li{background-color:#DDDDDD; font-size: 20px; padding: .8em 100px; min-height: 80px; position: relative; display: block; line-height: 1.1em;}
.eventos-list li + li{margin-top: 1em;}
.eventos-list li a{display: block;}
.eventos-list li .bg-gray-ll.white.oswald{position: absolute; top: 0; left: 0; display: block; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 2em; font-weight: bold;}
.eventos-list li .pict{position: absolute; top: 0; right: 0; z-index: 10;}
.eventos-list li .gray-ll{font-size: .8em; line-height: 1em;}

.two-column.text-left li .legenda.gray-ll + .legenda.oswald.red{display: block; line-height: .7em; margin-bottom: .2em;}

.organograma{display: block; max-width: 60%; border: solid 1px #8D8D8C; overflow: hidden; margin: 0 auto;}
.organograma span{display: block; aspect-ratio: 7/10;}

@media screen and (max-width:1400px) {
h1{font-size:40px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

/* identificadores */
#container {padding-top: 80px;}

#whats{right:40px; bottom:40px;}
#whats .pict{width: 80px; height: 80px;}
#whats .pict + .white{padding:20px 0; -khtml-border-radius:40px 0 0 40px; -moz-border-radius:40px 0 0 40px; -webkit-border-radius:40px 0 0 40px; border-radius:40px 0 0 40px;}
#whats .pict:hover + .white{width: 210px;}
#whats .pict + .white span{padding: 0 50px 0 10px; font-size: 18px;}

#header .logo{margin:10px 0 10px 3.8%;}

#header .oswald.white.bg-red{font-size:14px; padding:7px 0 0 0; height: 80px; width: 90px;}
#header .oswald.white.bg-red span:not(.pict){line-height: 30px; height: 30px;}
#header .oswald.white.bg-red:nth-child(-n+4) span:not(.pict){line-height: 15px;}
#header .oswald.white.bg-red:nth-child(-n+3) span:not(.pict){line-height: 30px;}

#header .bg-multiply-black{bottom:-41px; border-top: solid 1px #FFFFFF;}

#header .panel-button{margin:0; display:inline-block; overflow:hidden; position:relative; background-color:#3E3E3C; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; z-index:400; vertical-align:middle; border-left: solid 1px #FFFFFF;}
#header .panel-button span{display:block; position:relative; -ms-user-select:none; -mos-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; background-color:#FFFFFF; height:4px; width:30px; border-style:solid; border-color:#3E3E3C; border-top-width:38px; border-bottom-width:38px; border-left-width:25px; border-right-width:25px; cursor:pointer; box-sizing:content-box;}
#header .panel-button span:before, #header .panel-button span:after {background-color:#FFFFFF; content:""; position:absolute; top:-10px; left:0; height:4px; width:30px; display:block; transition:all .2s linear;}
#header .panel-button span:after {top:10px;}
#header .panel-button.active span {background-color:#3E3E3C;}
#header .panel-button.active span:before {transform:rotate(45deg);top:0;}
#header .panel-button.active span:after {transform:rotate(-45deg);top:0;}

#nav{display:none; visibility:hidden;}
#navMobile {position:fixed; right:0; top:120px; bottom:0; width:283px; z-index:0; text-align:left; background-color:#8D8D8C; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
#navMobile ul:first-child{margin:0; padding:0; list-style:none; display:block; overflow:scroll; position:absolute; top:20px; right:20px; bottom:20px; left:20px;}

#navMobile ul li{display:block; position:relative; width:100%; margin-bottom:20px; border:solid 1px #FFFFFF;}
#navMobile ul li:first-child .pict + span{display:inline-block; line-height:40px; padding-left:10px;}
#navMobile ul li:first-child .pict + span.hover{color:#3E3E3C;}
#navMobile ul li:last-child{margin-bottom:0;}
    
#navMobile ul li:nth-child(3) .gray{background-color:#76A42A;} /*beneficios*/

#navMobile ul li .gray{width:100%; line-height:30px; display:block; font-size:16px; padding:0 10px; position:relative; font-weight:400; color:#FFFFFF; font-family: 'Oswald', sans-serif;}
#navMobile ul li span.gray{padding-top:5px; position:relative;}
#navMobile ul li span.gray::after{content:""; display:block; width:20px; height:20px; background-image:url(../images/seta-white.svg); background-size:contain; background-position:center; background-repeat:no-repeat; position:absolute; top:12px; right:10px;}
#navMobile ul li .gray.hover{color:#3E3E3C;}
#navMobile ul li span.gray.hover::after{background-image:url(../images/seta-gray.svg);}

#navMobile ul li ul{margin:0; padding:0 0 10px 0; position:relative;}
#navMobile ul li ul li{display:block; position:relative; width:100%; margin:0 0 10px 0; border-top:dotted 1px #FFFFFF; border-bottom:dotted 1px #FFFFFF; border-left:none; border-right:none;}
#navMobile ul li ul li:first-child{margin-top:5px;}
#navMobile ul li ul li a{line-height:20px; display:block; font-size:16px; padding:10px; font-weight:400; color:#FFFFFF;}
#navMobile ul li ul li a.hover{background-color:#3E3E3C;}

#banner{min-height:550px;}
#banner h1{max-width:51.9%;}
#banner p{max-width:51.9%;}

#section-beneficios{background-image: url("../images/_medium/bg-beneficios.jpg");
  background-image: image-set(
    "../images/_medium/bg-beneficios.webp" type("image/webp"),
    "../images/_medium/bg-beneficios.jpg" type("image/jpeg")
  );}
#section-beneficios .content{padding:120px 0;}

#section-agenda #scrolling{top:170px;}
#section-agenda .scrolling{margin:30px 0;}

#section-mercofrio::before{background-position: center; background-image:url(../images/_medium/bg-mercofrio-2024.jpg);
  background-image: image-set(
    "../images/_medium/bg-mercofrio-2024.webp" type("image/webp"),
    "../images/_medium/bg-mercofrio-2024.jpg" type("image/png")
  );}
#section-mercofrio .content{padding:120px 0;}

#section-numeros{background-image:url(../images/_medium/bg-numeros.png);
  background-image: image-set(
    "../images/_medium/bg-numeros.webp" type("image/webp"),
    "../images/_medium/bg-numeros.png" type("image/png")
  );}
#section-numeros .column-4{font-size:18px;}

#section-destaque .reset-list{padding:30px 0;}

#section-informativos::before{padding-bottom:419px;}
#section-informativos .news-list{padding-top:30px;}

#footer .legenda{bottom:40px;}

#section-titulo .content{padding:80px 0 40px 0;}
#section-titulo.geral{background-image:url(../images/_medium/bg-titulo-institucional.png);
  background-image: image-set(
    "../images/_medium/bg-titulo-institucional.webp" type("image/webp"),
    "../images/_medium/bg-titulo-institucional.png" type("image/png")
  );}
#section-titulo.cursos{background-image:url(../images/_medium/bg-titulo-cursos.png);
  background-image: image-set(
    "../images/_medium/bg-titulo-cursos.webp" type("image/webp"),
    "../images/_medium/bg-titulo-cursos.png" type("image/png")
  );}
#section-titulo.documentos{background-image:url(../images/_medium/bg-numeros.png);
  background-image: image-set(
    "../images/_medium/bg-numeros.webp" type("image/webp"),
    "../images/_medium/bg-numeros.png" type("image/png")
  );}
#section-titulo.eventos{background-image:url(../images/_medium/bg-titulo-eventos.png);
  background-image: image-set(
    "../images/_medium/bg-titulo-eventos.webp" type("image/webp"),
    "../images/_medium/bg-titulo-eventos.png" type("image/png")
  );}
#section-principal .content ul:not(.reset-list) li, #section-principal .content ol li{font-size:16px;}

/*específicas*/
#section-principal .content.dinamico .article{margin:0 auto 40px auto; padding:0 0 30px 0;}/*noticias*/

#section-principal .content.beneficios .column-2{margin-top: 40px;}

#section-principal .article.gray.bg-red-l{display:block; margin:30px auto 0 auto;}/*legenda*/

#section-principal .article h4.oswald.subtitulo.gray.linhas.text-center + p.chamada.text-center .button{width:275px; white-space:nowrap;}/*botão Inscreva-se*/
#section-principal .article h4.oswald.subtitulo.gray.linhas.text-center + p.chamada.text-center .button + .button{margin-left:10px;}

#section-diretrizes li{font-size:18px;}
#section-diretrizes li:first-child{background-image:url(../images/_medium/bg-institucional-missao.png);
  background-image: image-set(
    "../images/_medium/bg-institucional-missao.webp" type("image/webp"),
    "../images/_medium/bg-institucional-missao.png" type("image/png")
  );}
#section-diretrizes li:last-child{background-image:url(../images/_medium/bg-institucional-visao.png);
  background-image: image-set(
    "../images/_medium/bg-institucional-visao.webp" type("image/webp"),
    "../images/_medium/bg-institucional-visao.png" type("image/png")
  );}
#section-diretrizes li span:not(.pict){padding:50px 7.6%;}

#section-importante li{font-size:16px;}

#section-estatuto {padding:30px 3.8%;}

#section-calendario ul li{font-size:14px;}
#section-calendario ul li:hover .tooltip{margin-left: -110px; width: 220px; margin-top: -110px;  height: 220px;}
#section-calendario ul li:hover .tooltip.right{margin-left: -220px;}
#section-calendario ul li .white:not(.pict){width: 200px;}

#layer {position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; background-color:rgba(96,96,94,.9); padding:160px 4% 0 4%; display:none; overflow:hidden;}
#layer .content{padding:0; display:none;}
#layer .article{display:block; position:relative; overflow-y:auto; border:solid 1px #E20513; padding:20px; z-index:100;}
#layer .column-2:first-child{border:solid 1px #8D8D8C;}
#layer .column-2:first-child img{max-width:100%;}
#layer .column-2:first-child .pict{display:block; margin:50px auto 0 auto;}
#layer .column-2:first-child h3{margin-bottom:70px;}
#layer .column-2 p a{color:#E20513;}
#layer .fechar{position:absolute; right:17.3%; top:-30px; margin-right:-30px; z-index:120;}

/*formulários*/
#contato input[type=text], #contato input[type=password]{font-size:16px}
#contato textarea {font-size:16px;}

#form.categorias select {font-size:16px;}

#inscricao input[type=text], #inscricao input[type=password] {font-size:16px;}
#inscricao textarea{font-size:16px;}
#inscricao select {font-size:16px;}

#associacao_pf input[type=text], #associacao_pf input[type=password] {font-size:16px;}
#associacao_pf textarea{font-size:16px;}

#associacao_pj input[type=text], #associacao_pj input[type=password] {font-size:16px;}
#associacao_pj textarea{font-size:16px;}

/*estruturais*/
.padrao .content{padding:40px 0;}

/*variáveis*/
.box{padding:20px;}

.logo{width:220px; padding-bottom:60px;}

.agenda-list li .bg-image.mecanico-de-ar-condicionado{background-image:url(../images/_medium/curso-mecanico-de-ar-condicionado.jpg);
  background-image: image-set(
    "../images/_medium/curso-mecanico-de-ar-condicionado.webp" type("image/webp"),
    "../images/_medium/curso-mecanico-de-ar-condicionado.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao{background-image:url(../images/_medium/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.jpg);
  background-image: image-set(
    "../images/_medium/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.webp" type("image/webp"),
    "../images/_medium/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.projetista-de-ar-condicionado{background-image:url(../images/_medium/curso-projetista-de-ar-condicionado.jpg);
  background-image: image-set(
    "../images/_medium/curso-projetista-de-ar-condicionado.webp" type("image/webp"),
    "../images/_medium/curso-projetista-de-ar-condicionado.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.refrigeracao-industrial-por-compressao-de-amonia{background-image:url(../images/_medium/curso-refrigeracao-industrial-por-compressao-de-amonia.jpg);
  background-image: image-set(
    "../images/_medium/curso-refrigeracao-industrial-por-compressao-de-amonia.webp" type("image/webp"),
    "../images/_medium/curso-refrigeracao-industrial-por-compressao-de-amonia.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.sistemas-de-agua-gelada{background-image:url(../images/_medium/curso-sistemas-de-agua-gelada.jpg);
  background-image: image-set(
    "../images/_medium/curso-sistemas-de-agua-gelada.webp" type("image/webp"),
    "../images/_medium/curso-sistemas-de-agua-gelada.jpg" type("image/jpeg")
  );}
.agenda-list li a.white{padding:20px 20px 70px 20px;}
.agenda-list li a.white + a{right: 20px;}
.agenda-list li a.white + a .pict{width: 50px; height: 50px;} /* evita problemas de posicionamento devido aos estilos dos demais */
.agenda-list .pict.medium{top:20px; font-size:24px; line-height:50px; width:50px; height:50px;}
.agenda-list .pict.medium.carga{right:20px; line-height:38px;}/*carga horária*/
.agenda-list .pict.medium.carga .gray{font-size:.35em; font-weight:400; display:block; line-height:0;}
.agenda-list .pict.medium.oswald:not(.carga){right:90px;}/*modalidade*/
.agenda-list .pict.medium.certifica, .agenda-list .pict.medium.formacao, .agenda-list .pict.medium.capacita{right:150px;}
.agenda-list .button{position:absolute; bottom:20px; left:20px;}

.news-list li{margin:0 3.8% 30px 0;}
.news-list li:nth-child(3n), .news-list li:last-child{margin:0 0 30px 0;}
.news-list li .bg-image{height:180px;}
.news-list li a{font-size:16px;}

.associados-list li{width:30.8%; padding-bottom:22%;}
.associados-list li:nth-child(4n){margin:1.9% 3.8% 1.9% 0;}
.associados-list li:nth-child(3n), .associados-list li:last-child{margin-right:0;}
.associados-list li span.oswald{padding:0 10px;}

.parceiras-list li{font-size: 16px;}

.eventos-list li{font-size: 18px;}

}
@media screen and (max-width:1000px) {
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
.chamada{font-size:18px;}
.legenda{font-size:10px;}

/*identificadores*/
#container {padding-top: 60px;}

#whats{right:30px; bottom:30px;}
#whats .pict{width: 60px; height: 60px;}
#whats .pict + .white{padding:10px 0; -khtml-border-radius:30px 0 0 30px; -moz-border-radius:30px 0 0 30px; -webkit-border-radius:30px 0 0 30px; border-radius:30px 0 0 30px;}
#whats .pict:hover + .white{width: 180px;}
#whats .pict + .white span{padding: 0 40px 0 20px; font-size: 16px;}

#header .logo{margin:10px 0 10px 20px;}
#header .oswald.white.bg-red{padding:5px 0 0 0; height: 70px; width: 80px;}

#header .bg-multiply-black{bottom:-31px; padding:0 20px;}

#header .panel-button span{border-top-width:33px; border-bottom-width:33px; border-left-width:20px; border-right-width:20px;}

#navMobile {top:100px; width:220px;}
#navMobile ul li:first-child .pict + span{line-height:30px;}

#banner{min-height:450px;}
#banner li{padding:0 20px;}
#banner h1{max-width: 450px;}
#banner p{max-width: 450px;}

#section-beneficios{padding:0 20px 35% 20px; text-align: center; background-position: bottom right; background-size: 75% auto; background-image: url("../images/_small/bg-beneficios.jpg");
  background-image: image-set(
    "../images/_small/bg-beneficios.webp" type("image/webp"),
    "../images/_small/bg-beneficios.jpg" type("image/jpeg")
  );}
#section-beneficios .content{padding:80px 0;}
#section-beneficios .destacado::after{margin: 0 auto;}

#section-agenda #scrolling{top:110px;}

#section-mercofrio{padding:0 20px;}
#section-mercofrio::before{left:0; background-position:center top; background-image:url(../images/_small/bg-mercofrio-2024.jpg);
  background-image: image-set(
    "../images/_small/bg-mercofrio-2024.webp" type("image/webp"),
    "../images/_small/bg-mercofrio-2024.jpg" type("image/png")
  );}
#section-mercofrio .content{padding:80px 0;}
#section-mercofrio .column-2{padding:30px;}
#section-mercofrio .column-2::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(255,255,255,.9);}
#section-mercofrio .column-2 *{position:relative; z-index:10;}

#section-numeros{background-image:url(../images/_small/bg-numeros.png);
  background-image: image-set(
    "../images/_small/bg-numeros.webp" type("image/webp"),
    "../images/_small/bg-numeros.png" type("image/png")
  );}
#section-numeros .column-4{font-size:16px; margin-top:20px; margin-bottom:20px;}

#section-destaque .reset-list{padding:20px 0;}

#section-informativos::before{padding-bottom:359px;}
#section-informativos .news-list{padding-top:30px;}
#section-informativos .news-list li:nth-child(4){display:inline-block; visibility:visible;}

#section-parceiros li{width:22.15%;}
#section-parceiros li:nth-child(6n){margin:0 3.8% 0 0;}
#section-parceiros li:nth-child(4n), #section-parceiros li:last-child{margin-right:0;}

#footer .column-4{display:block; width:100%; text-align:center;}
#footer .column-4 + .column-4{margin-top:25px;}
#footer .column-4 p.text-right{position: relative; bottom: auto; right: auto;}
#footer .legenda{position:relative; right:auto; bottom:auto;}
#footer .pict.circle{display:block; margin:0 auto;}
#footer .pict.circle + span{display:inline-block; padding-left:0;}
#footer h6{margin-bottom:0;}
#footer p.text-right{text-align:center;}
#footer p.legenda{text-align:center;}

#section-titulo.geral{background-image:url(../images/_small/bg-titulo-institucional.png);
  background-image: image-set(
    "../images/_small/bg-titulo-institucional.webp" type("image/webp"),
    "../images/_small/bg-titulo-institucional.png" type("image/png")
  );}
#section-titulo.cursos{background-image:url(../images/_small/bg-titulo-cursos.png);
  background-image: image-set(
    "../images/_small/bg-titulo-cursos.webp" type("image/webp"),
    "../images/_small/bg-titulo-cursos.png" type("image/png")
  );}
#section-titulo.documentos{background-image:url(../images/_small/bg-numeros.png);
  background-image: image-set(
    "../images/_small/bg-numeros.webp" type("image/webp"),
    "../images/_small/bg-numeros.png" type("image/png")
  );}
#section-titulo.eventos{background-image:url(../images/_small/bg-titulo-eventos.png);
  background-image: image-set(
    "../images/_small/bg-titulo-eventos.webp" type("image/webp"),
    "../images/_small/bg-titulo-eventos.png" type("image/png")
  );}
#section-principal .content.cursos .article + .column-3{margin-left:0; margin-top:30px;}
#section-principal .content.cursos .column-3 .button.large{padding-left:40px; line-height:60px}
#section-principal .content.cursos .column-3 .pict.small.associado + span a{line-height:20px;}
#section-principal .content.cursos p.categoria.oswald.bg-gray-ll.white + p img.patrocinio{width: 150px;}
#section-principal .content.cursos p.categoria.oswald.bg-gray-ll.white + p img.apoio{width: 100px;}

#section-principal .content.escritorios .column-3{text-align:center;}
#section-principal .content.escritorios .column-3 + .column-3{margin-top:40px;}
#section-principal .content.escritorios .pict{display:block; margin:auto;}
#section-principal .content.escritorios .pict + span{display:block; padding-left:0;}
#section-principal .content.escritorios h4{margin-bottom:0;}

#section-principal .article.gray.bg-red-l{margin:20px auto 0 auto;}
#section-principal .article.gray.bg-red-l ul .pict{margin-right:10px;}
#section-principal .article.gray.bg-red-l ul .pict.oswald{line-height:23px; font-size:16px;}/*carga horária*/

#section-principal .article h4.oswald.subtitulo.gray.linhas.text-center + p.chamada.text-center .button{width:250px; display:block; margin-left:auto; margin-right:auto;}/*botão Inscreva-se*/
#section-principal .article h4.oswald.subtitulo.gray.linhas.text-center + p.chamada.text-center .button + .button{margin-left:auto; margin-top:20px;}

#section-principal .column-2.contato{text-align:center;}
#section-principal .column-2.contato:first-child .pict{display:block; margin:auto;}
#section-principal .column-2.contato:first-child .box{padding-bottom:0;}
#section-principal .column-2.contato .pict + span{display:block; padding-left:0;}
#section-principal .column-2.contato .text-right{text-align:center;}
#section-principal .column-2.contato .text-right:not(.legenda){position:relative; bottom:auto; right:auto;}

#section-principal .column-3.contato.bg-gray-lll.gray{max-width: 300px;}

#section-diretrizes{padding:0 20px;}
#section-diretrizes li{font-size:16px;}
#section-diretrizes li:first-child{background-image:url(../images/_small/bg-institucional-missao.png);
  background-image: image-set(
    "../images/_small/bg-institucional-missao.webp" type("image/webp"),
    "../images/_small/bg-institucional-missao.png" type("image/png")
  );}
#section-diretrizes li:last-child{background-image:url(../images/_small/bg-institucional-visao.png);
  background-image: image-set(
    "../images/_small/bg-institucional-visao.webp" type("image/webp"),
    "../images/_small/bg-institucional-visao.png" type("image/png")
  );}
#section-diretrizes li span:not(.pict){padding:30px 3.8%;}

#section-importante .column-2 + .column-2 li:first-child{padding-top:.5em;}

#section-calendario h4{line-height:30px;}
#section-calendario ul li{font-size:13px;}
#section-calendario ul li .tooltip{padding: 5px; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px;}
#section-calendario ul li:hover .tooltip{margin-left: -90px; width: 180px; margin-top: -90px;  height: 180px;}
#section-calendario ul li:hover .tooltip.right{margin-left: -180px;}
#section-calendario ul li .white:not(.pict){width: 170px;}

#layer {padding:130px 4% 0 4%;}
#layer .article{padding:15px;}
#layer .article .circle{width:48.1%; padding-bottom:48.1%;}
#layer .column-2:first-child{max-width:300px; margin-bottom:30px;}
#layer .column-2:first-child .pict{margin:30px auto 0 auto;}
#layer .column-2:first-child h3{margin-bottom:50px;}
#layer .fechar{right:0; top:-15px; margin-right:-15px;}

/*formulários*/
#contato input[type=text], #contato input[type=password] {font-size:14px; height:40px; line-height:38px;}
#contato input[type=text]:not(:first-child) + input[type=text]{margin:20px auto 0 auto;}
#contato textarea {font-size:14px; margin:20px auto; line-height:20px; min-height:200px;}
#contato input[type=submit] {font-size:10px; height:40px;}

#contato.busca{width:48.1%; margin-top:15px;}

#form.categorias{width:48.1%;}
#form.categorias::before{width:30px; height:30px;}
#form.categorias select {font-size:14px; padding:0 40px 0 15px; height:30px; line-height:30px;}

#inscricao{width:100%;}
#inscricao input[type=text], #inscricao input[type=password] {font-size:14px; height:40px; line-height:38px;}
#inscricao textarea{font-size:14px; line-height:18px;}
#inscricao input[type=submit], #inscricao input[type=button] {font-size:10px; height:40px;}
#inscricao p{font-size: 14px;}
#inscricao select {font-size:14px; padding:0 40px 0 20px; height:40px; line-height:40px;}

#associacao_pf{width:100%; padding:15px;}
#associacao_pf input[type=text], #associacao_pf input[type=password] {font-size:14px; height:40px; line-height:38px;}
#associacao_pf textarea{font-size:14px; line-height:18px;}
#associacao_pf input[type=submit], #associacao_pf input[type=button] {font-size:10px; height:30px; width:150px;}

#associacao_pj{width:100%;}
#associacao_pj input[type=text], #associacao_pf input[type=password] {font-size:14px; height:40px; line-height:38px;}
#associacao_pj textarea{font-size:14px; line-height:18px;}
#associacao_pj input[type=submit], #associacao_pf input[type=button] {font-size:10px; height:30px; width:150px;}

/*estruturais*/
.padrao{padding:0 20px;}
.content {max-width:700px;}
.article, .column-2, .column-3 {width:100%; margin:auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child, .column-3:nth-child(3n), .column-3:last-child{margin-right:auto;}
.column-4 {width:48.1%;}
.column-4:nth-child(2n), .column-2:last-child{margin-right:0;}

/*transições*/
.alpha{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
.alpha:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

/*constantes*/
.button.large .label{font-size:1em; min-height:60px; line-height:20px; padding:20px 1.5em;}
.button.medium .label{font-size:.9em; min-height:40px; line-height:20px; padding:10px 1.5em;}
.button.small .label{font-size:.8em; min-height:30px; line-height:16px; padding:7px 1.5em;}
.button.tiny .label{font-size:.7em; min-height:20px; line-height:12px; padding:4px 1.5em;}

.pict.text{background-image:none; font-size:1.2em;}

.pict.large{width:60px; height:60px; line-height:60px;}
.pict.medium{width:40px; height:40px; line-height:40px;}
.pict.small{width:30px; height:30px; line-height:30px;}
.pict.tiny{width:20px; height:20px; line-height:20px;}

/*variáveis*/
.box{padding:15px;}

.logo{width:185px; padding-bottom:50px;}

.linhas::before, .linhas::after{display:none; visibility:hidden;}
p.linhas .prev, p.linhas .next{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
p.linhas .prev:not(.hover):hover, p.linhas .next:not(.hover):hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.agenda-list li{width:100%; margin:0 auto; display:block;}
.agenda-list li:nth-child(3n), .agenda-list li:last-child{margin-right:auto;}
.agenda-list li + li{margin-top:30px}
.agenda-list li .bg-image.mecanico-de-ar-condicionado{background-image:url(../images/_small/curso-mecanico-de-ar-condicionado.jpg);
  background-image: image-set(
    "../images/_small/curso-mecanico-de-ar-condicionado.webp" type("image/webp"),
    "../images/_small/curso-mecanico-de-ar-condicionado.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao{background-image:url(../images/_small/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.jpg);
  background-image: image-set(
    "../images/_small/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.webp" type("image/webp"),
    "../images/_small/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.projetista-de-ar-condicionado{background-image:url(../images/_small/curso-projetista-de-ar-condicionado.jpg);
  background-image: image-set(
    "../images/_small/curso-projetista-de-ar-condicionado.webp" type("image/webp"),
    "../images/_small/curso-projetista-de-ar-condicionado.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.refrigeracao-industrial-por-compressao-de-amonia{background-image:url(../images/_small/curso-refrigeracao-industrial-por-compressao-de-amonia.jpg);
  background-image: image-set(
    "../images/_small/curso-refrigeracao-industrial-por-compressao-de-amonia.webp" type("image/webp"),
    "../images/_small/curso-refrigeracao-industrial-por-compressao-de-amonia.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.sistemas-de-agua-gelada{background-image:url(../images/_small/curso-sistemas-de-agua-gelada.jpg);
  background-image: image-set(
    "../images/_small/curso-sistemas-de-agua-gelada.webp" type("image/webp"),
    "../images/_small/curso-sistemas-de-agua-gelada.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image:after{content:""; position:absolute; top:0; right:0; bottom:0; left:0;
background: -moz-linear-gradient(right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 55%, rgba(0,0,0,.7) 70%, rgba(0,0,0,.9) 100%);
background: -webkit-linear-gradient(right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.7) 55%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.9) 100%);
background: linear-gradient(to left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.7) 55%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );}
.agenda-list li a.white{padding:20px 20px 60px 20px;}
.agenda-list li a.white + a{bottom: 10px;}
.agenda-list h4{padding-top:0; margin-top:0; padding-right:120px;}
.agenda-list h4 span.oswald.white{position:relative; bottom:auto;}
.agenda-list .pict.medium{top:20px; font-size:20px; line-height:40px; width:40px; height:40px;}
.agenda-list .pict.medium.carga{right:20px; line-height:31px;}/*carga horária*/
.agenda-list .pict.medium.oswald:not(.carga){right:70px;}/*modalidade*/
.agenda-list .pict.medium.certifica, .agenda-list .pict.medium.formacao, .agenda-list .pict.medium.capacita{right:120px;}
.agenda-list .button{position:absolute; bottom:20px; left:20px;}

.news-list li{width:48.1%; margin:0 3.8% 20px 0;}
.news-list li:nth-child(3n){margin:0 3.8% 20px 0;}
.news-list li:nth-child(2n), .news-list li:last-child{margin:0 0 20px 0;}
.news-list li .bg-image{position:relative; display:block; height:150px;}
.news-list li a{display:block; padding-bottom:60px; font-size:14px;}

.cursos-list li{font-size:16px; padding:5px 10px; min-height:40px; line-height:40px;}
.cursos-list .pict.oswald{line-height:23px; font-size:16px;}
.cursos-list a{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
.cursos-list a:hover{opacity:1; -moz-opacity:1;filter: alpha(opacity=100);}

.associados-list li span .circle{width:82px; padding-bottom:80px;}

.parceiras-list li{width:48.1%; font-size: 14px;}
.parceiras-list li:nth-child(3n){margin-right: 3.8%;}
.parceiras-list li:nth-child(2n), .parceiras-list li:last-child{margin-right: 0;}
.parceiras-list li .box{padding: 1em 1em 45px 1em;}
.parceiras-list li .box.entidades{padding: 1em;}

.eventos-list li{font-size: 16px; padding: .8em 75px; min-height: 60px;}
.eventos-list li .bg-gray-ll.white.oswald{width: 60px; height: 60px; line-height: 60px; font-size: 1.6em;}

}
@media screen and (max-width:600px) {
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
p{font-size:14px;}
.chamada{font-size:16px;}
/*identificadores*/
#container {padding-top: 50px;}

#whats{right:15px; bottom:15px;}
#whats .pict{width: 50px; height: 50px;}
#whats .pict + .white{padding:10px 0; -khtml-border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; border-radius:25px 0 0 25px;}
#whats .pict:hover + .white{width: 165px;}
#whats .pict + .white span{padding: 0 40px 0 20px; font-size: 14px; line-height: 15px;}

#header .logo{padding-bottom:40px; width:150px; margin:5px 0 5px 5px;}

#header .oswald.white.bg-red{font-size:9px; padding:4px 0 0 0; height: 50px; width: 50px;}
#header .oswald.white.bg-red span:not(.pict){line-height: 22px; height: 22px;}
#header .oswald.white.bg-red:nth-child(-n+4) span:not(.pict){line-height: 11px;}
#header .oswald.white.bg-red:nth-child(-n+3) span:not(.pict){line-height: 22px;}

#header .bg-multiply-black{text-align:center;}
#header .bg-multiply-black a:nth-child(-n+4){float:none;}

#header .panel-button span{height:2px; width:24px; border-top-width:24px; border-bottom-width:24px; border-left-width:13px; border-right-width:13px;}

#header .panel-button span:before, #header .panel-button span:after {background-color:#FFFFFF; content:""; position:absolute; top:-8px; left:0; height:2px; width:24px; display:block; transition:all .2s linear;}
#header .panel-button span:after {top:8px;}
#header .panel-button.active span {background-color:#3E3E3C;}
#header .panel-button.active span:before {transform:rotate(45deg);top:0;}
#header .panel-button.active span:after {transform:rotate(-45deg);top:0;}

#navMobile {top:80px;}

#navMobile ul li .gray{line-height:30px; font-size:14px;}
#navMobile ul li span.gray::after{width:16px; height:16px; top:12px; right:10px;}
#navMobile ul li ul li a{font-size:14px; padding:5px 10px;}

#banner h1, #banner  p{max-width:400px;}
#banner li:not(.mercofrio) br{display:none;}
#banner .button {display:block; max-width:100px; text-align:center;}

#section-beneficios{padding:0 20px 32% 20px; background-image: url("../images/_large/bg-beneficios.jpg");
  background-image: image-set(
    "../images/_large/bg-beneficios.webp" type("image/webp"),
    "../images/_large/bg-beneficios.jpg" type("image/jpeg")
  );}
#section-beneficios .content{padding:60px 0;}

#section-agenda::before{bottom:50%;}
#section-agenda #scrolling{top:130px;}

#section-mercofrio::before{background-image:url(../images/_tiny/bg-mercofrio-2024.jpg);
  background-image: image-set(
    "../images/_tiny/bg-mercofrio-2024.webp" type("image/webp"),
    "../images/_tiny/bg-mercofrio-2024.jpg" type("image/png")
  );}
#section-numeros{background-image:url(../images/_tiny/bg-numeros.png);
  background-image: image-set(
    "../images/_tiny/bg-numeros.webp" type("image/webp"),
    "../images/_tiny/bg-numeros.png" type("image/png")
  );}
#section-parceiros li{width:30.8%;}
#section-parceiros li:nth-child(4n){margin:0 3.8% 0 0;}
#section-parceiros li:nth-child(3n), #section-parceiros li:last-child{margin-right:0;}

#section-informativos::before{padding-bottom:373px;}

#section-titulo .content{padding:70px 0 30px 0;}
#section-titulo.geral{background-image:url(../images/_tiny/bg-titulo-institucional.png);
  background-image: image-set(
    "../images/_tiny/bg-titulo-institucional.webp" type("image/webp"),
    "../images/_tiny/bg-titulo-institucional.png" type("image/png")
  );}
#section-titulo.cursos{background-image:url(../images/_tiny/bg-titulo-cursos.png);
  background-image: image-set(
    "../images/_tiny/bg-titulo-cursos.webp" type("image/webp"),
    "../images/_tiny/bg-titulo-cursos.png" type("image/png")
  );}
#section-titulo.documentos{background-image:url(../images/_tiny/bg-numeros.png);
  background-image: image-set(
    "../images/_tiny/bg-numeros.webp" type("image/webp"),
    "../images/_tiny/bg-numeros.png" type("image/png")
  );}
#section-titulo.eventos{background-image:url(../images/_tiny/bg-titulo-eventos.png);
  background-image: image-set(
    "../images/_tiny/bg-titulo-eventos.webp" type("image/webp"),
    "../images/_tiny/bg-titulo-eventos.png" type("image/png")
  );}

#section-principal .content ul:not(.reset-list) li, #section-principal .content ol li{font-size:14px;}

#section-importante li{font-size:14px;}

#section-diretrizes{padding:0;} 
#section-diretrizes li{font-size:16px; display:block; width:100%; border-right:solid 1px #FFFFFF;}
#section-diretrizes li:first-child{background-image:url(../images/_tiny/bg-institucional-missao.png);
  background-image: image-set(
    "../images/_tiny/bg-institucional-missao.webp" type("image/webp"),
    "../images/_tiny/bg-institucional-missao.png" type("image/png")
  );}
#section-diretrizes li:last-child{background-image:url(../images/_tiny/bg-institucional-visao.png);
  background-image: image-set(
    "../images/_tiny/bg-institucional-visao.webp" type("image/webp"),
    "../images/_tiny/bg-institucional-visao.png" type("image/png")
  );}
#section-diretrizes li:last-child{border-right:none; border-top:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF;}
#section-diretrizes li span:not(.pict){padding:10px 20px 30px 20px;}

#section-calendario ul li{font-size:12px;}

/*formularios*/
#contato.busca{display:block; float:none; width:100%; margin-top:0;}
#inscricao input[type=text], #inscricao input[type=password] {width:100%; margin:0 0 10px 0; padding:0 7px;}
#inscricao input[type=text]:nth-child(6){width:100%;}/*nome*/
#inscricao input[type=text]:nth-child(7){width:100%;}/*nascimento*/
#inscricao input[type=text]:nth-child(10){width:100%;}/*Formação*/
#inscricao input[type=text]:nth-child(14){width:100%;}/*CEP*/
#inscricao input[type=text]:nth-child(15){width:100%;}/*endereço*/
#inscricao input[type=text]:nth-child(16){width:48.1%; margin-right: 3.8%;}/*numero*/
#inscricao input[type=text]:nth-child(17){width:48.1%;}/*complemento*/
#inscricao input[type=text]:nth-child(18){width:100%;}/*bairro*/
#inscricao input[type=text]:nth-child(19){width:75.7%; margin-right: 3.8%;}/*cidade*/
#inscricao input[type=text]:nth-child(20){width:20.5%; margin-right: 0;}/*uf*/
#inscricao p{font-size: 12px; margin:0 0 10px 0;}
#inscricao input[type="radio"]:not(:checked) + label:before, #inscricao input[type="radio"]:checked + label:before {border:1px solid #60605E;}
#inscricao input[type="radio"]:not(:checked) + label:after,#inscricao input[type="radio"]:checked + label:after {top:.14em; left:.30em;}
#inscricao input[type="radio"]:checked:focus + label:before, #inscricao input[type="radio"]:not(:checked):focus + label:before {border:1px solid #60605E;}
#inscricao label:hover:before {border:1px solid #E20513!important;}
#inscricao select {padding:0 40px 0 10px; margin:0 0 10px 0;}

#associacao_pf{padding:10px;}
#associacao_pf input[type=text], #associacao_pf input[type=password] {width:100%; margin:0 0 10px 0; padding:0 7px;}
#associacao_pf input[type=text]:nth-child(2n+1), #associacao_pf input[type=password]:nth-child(2n+1){margin:0 0 10px 0;}
#associacao_pf input[type=text]:nth-child(2){width:100%;}/*nome*/
#associacao_pf input[type=text]:nth-child(3){width:100%;}/*nascimento*/
#associacao_pf input[type=text]:nth-child(6){width:100%;margin:0 0 10px 0;}/*CEP*/
#associacao_pf input[type=text]:nth-child(7){width:100%;}/*endereço*/
#associacao_pf input[type=text]:nth-child(8){width:48.1%; margin:0 3.8% 10px 0;}/*numero*/
#associacao_pf input[type=text]:nth-child(9){width:48.1%; margin:0 0 10px 0;}/*complemento*/
#associacao_pf input[type=text]:nth-child(10){margin:0 0 10px 0;}/*bairro*/
#associacao_pf input[type=text]:nth-child(12){margin:0 0 10px 3.8%;}/*uf*/
#associacao_pf input[type=text]:nth-child(13){width:100%;}
#associacao_pf input[type=text]:nth-child(14){width:100%; margin:0 0 10px 0;}/*site*/
#associacao_pf input[type=text]:nth-child(15){width:100%;}/*celular*/
#associacao_pf input[type=text]:nth-child(16){width:100%; margin:0 0 10px 0;}/*fone*/
#associacao_pf input[type=text]:nth-child(17){width:100%;}/*fax*/
#associacao_pf input[type=submit], #associacao_pf input[type=button] {margin:0 auto;}
#associacao_pf input[type="checkbox"]:not(:checked) + label, #associacao_pf input[type="checkbox"]:checked + label {width:100%;}

#associacao_pj input[type=text], #associacao_pj input[type=password] {width:100%; margin:0 0 10px 0; padding:0 7px;}
#associacao_pj input[type=text]:nth-child(2n+1), #associacao_pj input[type=password]:nth-child(2n+1){margin:0 0 10px 0;}
#associacao_pj .box:nth-child(2) input[type=text]:first-child{margin:0 0 10px 0;}
#associacao_pj .box input[type=text]:nth-last-child(-n+3) {margin-bottom:10px;}
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(4){width:100%;}/*IE*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(5){width:100%;}/*fundacao*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(6){width:48.1%; margin:0 3.8% 10px 0;}/*colaboradores*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(7){width:48.1%;}/*CEP*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(8){width:100%; margin:0 0 10px 0;}/*endereço*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(9){width:48.1%;margin:0 3.8% 10px 0;}/*numero*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(10){width:48.1%;}/*complemento*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(12){width:82.7%;margin:0 3.8% 10px 0;}/*cidade*/
#associacao_pj .box:nth-child(2) input[type=text]:nth-child(13){width:13.5%; margin:0 0 10px 0;}/*uf*/
#associacao_pj input[type=submit], #associacao_pj input[type=button] {margin:0 auto;}
#associacao_pj input[type="checkbox"]:not(:checked) + label, #associacao_pj input[type="checkbox"]:checked + label {width:100%;}
#associacao_pj input[type="radio"]:not(:checked) + label, #associacao_pj input[type="radio"]:checked + label {width:100%;}

/*estruturais*/
.box{padding:10px;}

.content {max-width:400px;}

/*variáveis*/
.news-list li{width:100%; margin:0 0 20px 0;}
.news-list li:nth-child(3n){margin:0 0 20px 0;}
.news-list li .bg-image{position:relative; display:block; height:150px;}
.agenda-list li .bg-image.mecanico-de-ar-condicionado{background-image:url(../images/_tiny/curso-mecanico-de-ar-condicionado.jpg);
  background-image: image-set(
    "../images/_tiny/curso-mecanico-de-ar-condicionado.webp" type("image/webp"),
    "../images/_tiny/curso-mecanico-de-ar-condicionado.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao{background-image:url(../images/_tiny/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.jpg);
  background-image: image-set(
    "../images/_tiny/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.webp" type("image/webp"),
    "../images/_tiny/curso-plano-de-manutencao-operacao-e-controle-de-sistemas-de-climatizacao.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.projetista-de-ar-condicionado{background-image:url(../images/_tiny/curso-projetista-de-ar-condicionado.jpg);
  background-image: image-set(
    "../images/_tiny/curso-projetista-de-ar-condicionado.webp" type("image/webp"),
    "../images/_tiny/curso-projetista-de-ar-condicionado.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.refrigeracao-industrial-por-compressao-de-amonia{background-image:url(../images/_tiny/curso-refrigeracao-industrial-por-compressao-de-amonia.jpg);
  background-image: image-set(
    "../images/_tiny/curso-refrigeracao-industrial-por-compressao-de-amonia.webp" type("image/webp"),
    "../images/_tiny/curso-refrigeracao-industrial-por-compressao-de-amonia.jpg" type("image/jpeg")
  );}
.agenda-list li .bg-image.sistemas-de-agua-gelada{background-image:url(../images/_tiny/curso-sistemas-de-agua-gelada.jpg);
  background-image: image-set(
    "../images/_tiny/curso-sistemas-de-agua-gelada.webp" type("image/webp"),
    "../images/_tiny/curso-sistemas-de-agua-gelada.jpg" type("image/jpeg")
  );}
.agenda-list li a.white{padding:20px 20px 60px 20px;}
.agenda-list li a.white + a{bottom: 10px;}
.agenda-list h4{padding-right:0;}
.agenda-list h4 span.oswald.white{position:relative; bottom:auto;}
.agenda-list .pict.medium{top:auto; bottom: 15px;}
.agenda-list .pict.medium.carga{right:77px;}/*carga horária*/
.agenda-list .pict.medium.oswald:not(.carga){right:127px;}/*modalidade*/
.agenda-list .pict.medium.certifica, .agenda-list .pict.medium.formacao, .agenda-list .pict.medium.capacita{right:177px;}

.news-list li .button{position:relative; bottom:auto; left:auto; margin:0 0 20px 20px;}
.news-list li a{padding-bottom:0; text-align:left;}
.news-list li h4{padding-right: 0;}

.associados-list li{width:48.1%; padding-bottom:40%;}
.associados-list li:nth-child(3n){margin:1.9% 3.8% 1.9% 0;}
.associados-list li:nth-child(2n), .associados-list li:last-child{margin-right:0;}

.parceiras-list li{width:100%; margin:20px 0 0 0;}
.parceiras-list li:nth-child(3n){margin-right: 0;}

.eventos-list li{font-size: 14px;}
.eventos-list li::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 60px; background-color: #8D8D8C; z-index: 0;}
.eventos-list li::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 60px; background-color: #8D8D8C; z-index: 0;}
.eventos-list li .bg-gray-ll.white.oswald{top: 50%; margin-top: -30px;}
.eventos-list li .pict{top: 50%; margin-top: -30px;}

}