@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&display=swap');
html{scroll-behavior: smooth}
:target {scroll-margin-top: .8em;}
body {margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 62.5%;}
html, body {margin: 0; padding: 0; overflow-x: hidden;}
header {background: #fff; position: relative; padding-top: 15px; padding-bottom: 12px; border-bottom: 15px solid #ffc300;}
.barra-topo {width: 100%; background: #000071; padding-bottom: 12px; padding-top: 12px; text-align: right; margin-bottom: 15px;}
.barra-topo a {text-decoration: none; color: #fff; text-transform: uppercase; margin-left: 55px; font-size: 2.3em; vertical-align: middle;}
.barra-topo a:hover {text-decoration: underline;}
a.logo {float: left; width: 255px; height: auto}
a.logo img {width: 100%; height: auto;}
.logo-2 {float: left; margin-left: 40px;}
a.logo-uniguairaca {width: 164px; height: auto; display: block; margin-bottom: 10px;}
a.logo-uniguairaca img {width: 100%; height: auto;}
a.logo-circles {width: 145px; height: auto; display: block; padding-left: 19px;}
a.logo-circles img {width: 100%; height: auto;}
.container {width: 1335px; margin: 0 auto}
nav {margin: 0 auto; }
nav span {display: none;}
.closebtn {display: none;}
ul.menu {list-style:none; padding:0; margin:0 auto; margin-top: 25px; position: relative; float: right; font-size: 2.3em; float: right; text-transform: uppercase;}
ul.menu li {display:inline-block; margin-left:0px; padding: 12px 6px;}
ul.menu li:hover {background: #ed9d51}
ul.menu a {text-decoration: none; color: #000;}
ul.menu a:hover, ul.menu a:active, ul.menu a:focus {background: #ed9d51; color: #fff}
ul.menu li.icon {display: none;}
ul.menu li ul {position:absolute; display:none; background: #ed9d51; padding: 0; margin: 0; z-index: 99; transition: border 0.3s, box-shadow 0.3s; margin-left: 0px; margin-top: 5px; margin-left: -5px;}   
ul.menu li ul li {float: none; display: block; margin-left: 0;}
ul.menu li:hover ul, .menu li.over ul {display:block;}
ul.menu li ul li {display:block; text-transform: none !important;}	
ul.menu li ul li a {text-transform: none; display: block; margin-left: 0; text-align: left;}
.bt-ead {background-color: #393e64; color: #fff !important; width: 90px; border-radius: 5px; display: block; text-align: center; margin-left: 0px; padding: 8px 4px;}	
.bt-presencial {background-color: #fccb5b; width: 130px; border-radius: 5px; display: block; text-align: center; padding: 8px 4px;}	
.bt-presencial:hover, .bt-ead:hover {border-radius: 5px !important}
.bt-acesso-alunos {background: url(/img/ic_acesso_alunos.png) no-repeat; padding-left: 35px; font-weight: bold;}
h2 {color: #504037; font-weight: 600; font-size: 42px; text-align: center; margin-bottom: 63px; margin-top: 82px;}
.capa {z-index: -1}
.capa .slideshow {width:100%; height: 62vh;}
.capa .slideshow img {width: 100%; height: auto; margin: 0 auto;}
.capa .slideshow a {display: block; width: 100%; height: 62vh;}
.destaque-home {width: 100%; position: relative; background-color: #000071; margin-top: -3px; height: 87px; z-index: 99; border-top: 25px solid #ffc300; padding-bottom: 10px;}
.bt-destaque-home {position: absolute; margin-top: 7px; width: 100%; }
.bt-destaque-home a {width: 24.5%; text-align: center; text-decoration: none; display: inline-block; color: #ffc300; transition: color 0.3s ease-in-out;}
.bt-destaque-home a img {display: block; margin: 0 auto; margin-bottom: 5px; transform: 0.3s ease-in-out, filter 0.3s ease-in-out;}
.bt-destaque-home a span {font-size: 1em; display: block; text-transform: uppercase;}
.bt-destaque-home a b {font-size: 1.4em; display: block;}
.bt-destaque-home a:hover {color: #cc9900;}
.bt-destaque-home a:hover img {transform: scale(1.1); filter: drop-shadow(0 0 8px #ffc300);}
.bl01 {width: 100%; margin-bottom: 5%; margin-top: 92px;}
.bl01 h1 {font-size: 2.8em; color: #222222; text-align: center; letter-spacing: -10;}
.bl01 p {font-size: 1.6em; color: #222222; text-align: center; width: 100%; margin-bottom: 40px;}
/*.bl01 ul {margin: 0; padding: 0; list-style: none;}
.bl01 ul li {display: inline-block; width: 31%; margin-right: 3.3%; vertical-align: top;}
.bl01 ul li:last-child {margin-right: 0;}
.bl01 ul li img {width: 100%; height: auto;}*/
.bl01 .carrossel {width: 90%; margin: 0 auto; padding: 0 45px;}
.carrossel-item {padding: 0 12px}
.bl01 .carrossel-item img {width: 100%; height: auto;}
.bl01 a:hover img {opacity: 0.5;}
.bl02 {width: 100%; background: url(/img/fundo-video.jpg) no-repeat #161f2c; color: #fff; position: relative;}
.bl02 .foto2 {float: left; width: 46%; height: auto;}
.bl02 div {float: right; width: 26%; padding-top: 120px; padding-left: 8%; padding-right: 20%;}
.bl02 h1 {font-size: 5em; margin: 0; padding: 0; margin-bottom: 52px; font-weight: 300; line-height: 1.1em;}
.bl02 h1 b {display: block; font-weight: 900;}
.bl02 p {font-size: 1.4em; line-height: 1.8em; margin-bottom: 100px;}
.bl02 div a {background: #e4ecea; padding: 12px 12px; font-size: 3em; color: #161f2c; text-decoration: none; text-transform: uppercase; font-weight: bold;}
.player-video {position: absolute; top: 50%; left: 22%; width: 5%; height: auto;}
.bl-03 {width: 100%; background: #f0f1fb; padding-bottom: 80px; position: relative; padding-top: 80px;}
.bl-03 h1 {font-size: 3em; margin: 0; padding: 0; line-height: 1.2em; margin-bottom: 5%;}
.bl-03 .destaque-blog {border-bottom: 5px #fccb5b solid; width: 25%; float: left; padding-bottom: 78px; padding-left: 68px; padding-top: 60px; background: url(/img/pontos-blog.png) no-repeat 0 60px;}
.bl-03 .destaque-blog p {font-size: 1.6em; margin-bottom: 33px;}
.bl-03 .destaque-blog a {font-size: 1.8em; color: #000; font-weight: bold; text-decoration: none;}
.bl-03 .destaque-blog a:hover {color: #E41671;}
.bl-03 .img-blog {position: absolute; left: 4%; top: 115px;}
.bl-03 .img-seta-blog {position: absolute; right: 0; top: 125px;}
ul.blog-home {list-style: none; padding: 0; margin: 0; float: right; width: 65%}
ul.blog-home li {display: inline-block; width: 46.5%; margin-right: 3%; vertical-align: top}
ul.blog-home li:last-child {margin-right: 0}
ul.blog-home li a {text-decoration: none;}
ul.blog-home li a img {width: 100%; height: auto; border-radius: 10px; margin-bottom: 30px;}
ul.blog-home li a div {width: 90%; margin: 0 auto;}
ul.blog-home li a div h2 {font-family: 'Roboto', sans-serif; font-size: 2.8em; color: #131313; margin: 0; padding: 0; margin-bottom: 30px; text-align: left;}
ul.blog-home li a div span {font-size: 1.6em; color: #646464; display: block;}
ul.blog-home li a:hover div h2 {color: #E41671}
ul.blog-home li a:hover img {opacity: 0.8;}

ul.blog {list-style: none; padding: 0; margin: 0; width: 100%}
ul.blog li {display: inline-block; width: 30%; margin-right: 3%; vertical-align: top}
ul.blog li:last-child {margin-right: 0}
ul.blog li a {text-decoration: none;}
ul.blog li a img {width: 100%; height: auto; border-radius: 10px; margin-bottom: 30px;}
ul.blog li a div {width: 90%; margin: 0 auto;}
ul.blog li a div h2 {font-family: 'Roboto', sans-serif; font-size: 2.8em; color: #131313; margin: 0; padding: 0; margin-bottom: 30px; text-align: left;}
ul.blog li a div span {font-size: 1.6em; color: #646464; display: block;}
ul.blog li a:hover div h2 {color: #E41671}
ul.blog li a:hover img {opacity: 0.8;}

.bl-04 {width: 100%; background: #f8f8f8; padding-bottom: 80px; position: relative; padding-top: 80px;}
.bl-04 h2 {color: #000; font-size: 3.6em; font-weight: 400; text-align: left; padding: 0; margin: 0;}
.bl-04 h2 span {color: #cbcbcb; font-weight: bold;}
ul.eventos {list-style: none; padding: 0; margin: 0; width: 100%; margin-top: 100px; margin-bottom: 45px;}
ul.eventos li {display: inline-block; width: 27%; margin-right: 4.5%; vertical-align: top; background-color: #fff; border-radius: 10px; padding: 3% 2% 0 1%;}
ul.eventos li:last-child {margin-right: 0}
ul.eventos li a {text-decoration: none; float: right; color: #42498e; font-size: 1.8em; width: 70%; line-height: 1.4em;}
ul.eventos li div {width: 22%; float: left; text-align: center; margin-right: 8%; font-family: 'Roboto', sans-serif; color: #182330; border-bottom: 4px #fccb5b solid; height: 15vh;}
ul.eventos li a:hover {color: #fff}
ul.eventos li:hover {background: #182330; color: #fff;}
ul.eventos li:hover a, ul.eventos li:hover div {color: #fff;}
.dia {font-size: 5em; display: block; margin-bottom: 15px; font-weight: bold;}
.mes {font-size: 1.6em;}
a.cta-eventos {background: #fccb5b; width: 20%; display: block; margin: 0 auto; padding: 10px 12px; text-align: center; color: #000; text-decoration: none; font-size: 1.8em; font-weight: bold; border-radius: 10px;}
a.cta-eventos:hover {color: #fff; background: #182330;}
footer {width: 100%}
.bl01-footer {width: 100%; background: #fbdb8f; padding-top: 10px; padding-bottom: 10px; color: #010101;}
.bl01-footer img {margin-left: 105px; float: left; margin-right: 110px;}
.bl01-footer div div {padding-top: 108px; color: #010101}
.bl01-footer div div h4 {font-size: 3.4em;}
.bl01-footer div div p {font-size: 1.4em;}
footer .fab {padding: 20px; font-size: 40px !important; width: 30px; text-align: center; text-decoration: none; margin: 5px 2px; border-radius: 50%; color: #010101; background: #fbdb8f;}
footer .fab:hover {text-decoration: none; color: #182330;}
.bl02-footer {width: 100%; background: #5a5c5d; padding-top: 65px; padding-bottom: 40px; color: #fff}
.bl02-footer ul {list-style: none; margin: 0; padding: 0; }
.bl02-footer ul li {display: inline-block; margin-left: 3%; font-size: 1.4em; vertical-align: top;}
.bl02-footer ul li:last-child img {width: 410px; height: auto;}
.bl02-footer a {text-decoration: none; color: #fff; display: block; margin-bottom: 10px;}
.bl02-footer a:hover {text-decoration: underline;}


.lista-topo {position: absolute; bottom: 15vh; width: 50%; left: 50%; margin-left: -25%; background: #ffff; border-radius: 10px;}
.item-lista-topo {text-align: center; padding-bottom: 3%; padding-top: 3%;}
.img-lista-topo img {width: 30%; height: auto;}
.item-lista-topo a {font-size: 2.2em; color: #1b3c69; text-decoration: none;}
.item-lista-topo a:hover {color: #000;}

.parallax {background-attachment: fixed; background-position: center 0px; background-repeat: no-repeat; background-size: cover; position: relative;}
.slick-prev:before {color: #000071; font-size: 45px;}
.slick-next:before {color: #000071; font-size: 45px;}

.interna {font-size: 2.2em; line-height: 1.8em; color: #668669; margin-bottom: 60px;}
.interna a {color: #668669; font-weight: bold; text-decoration: none;}
.interna a:hover {text-decoration: underline;}
.interna img {max-width: 100%; height: auto; display: block;}
.interna iframe {width: 100%; height: 600px;}
.banner-interna {width: 100%; margin-bottom: 4%; padding-top: 2%; padding-bottom: 2%; display: block; background: url(../img/fundo-interna.png) center no-repeat;}
.banner-interna h1 {color: #fff; font-size: 3.8em; width: 70%; line-height: 1.2em; margin-left: 4%; font-family: 'Roboto', sans-serif;}
.pagina {width: 100%;}
.bl-esq {width: 40%; float: left; margin-bottom: 3%; margin-right: 3%;}
.bl-esq img {width: 100%; height: auto; margin-top: 10px;}
.bl-dir {width: 50%; float: right;}
.post {width: 100%;}
.post h1 {color: #000; font-size: 2.8em; line-height: 1.2em; font-family: 'Ubuntu', sans-serif; text-align: center;}
.post h3 {color: #777777; font-size: 0.8em; line-height: 1.2em; text-align: center;}
.post img {display: block; border-radius: 10px; margin: 0 auto;margin-top: 4%; margin-bottom: 4%;}
.publicidade {width: 28%; float: right; vertical-align: top;}
.publicidade div {display: block; width: 100%; margin-bottom: 5%;}
.publicidade img {width: 100%; height: auto;} 

.veja-mais {margin: 0 auto; margin-top: 60px; width: 75%; border-top: 2px solid #969696; }
.veja-mais h6 {font-size: 1.8em; text-align: center; }
.veja-mais ul {margin: 0; padding: 0; list-style: none;}
.veja-mais ul li {padding: 30px; margin-bottom: 30px; background: #fff;}
.veja-mais ul li a {color: #131313; text-decoration: none; line-height: 1.16em; font-weight: bold; font-size: 1.8em;}
.veja-mais ul li b {font-size: 0.8em; color: #131313; line-height: 1em; display: block; margin-bottom: 5%; text-transform: uppercase;}
.veja-mais ul li img {width: 45%; height: auto; float: left; padding-right: 15px}
.veja-mais ul li p {font-size: 0.6em; color: #646464; line-height: 1.25em}
.veja-mais ul li span {font-size: 1.2em; color: #555555; line-height: 1em}

.conteudo {width: 100%;}
.conteudo iframe {width: 100%;; max-width: 100%;}

ul.galeria-fotos {padding: 0; margin: 0; list-style: none;}
ul.galeria-fotos li {display: inline-block; width: 30%; padding: 1%}
ul.galeria-fotos li img {width: 100%; height: auto}

.btn-vejamais {width: 100%; background-color: #FF9F41; font-size: 0.8em; color: #fff; margin: 0 auto; border: 0; cursor: pointer; padding-top: 15px; padding-bottom: 15px; margin-top: 60px; margin-bottom: 60px; clear: both; display: block;}

.mobile {display: none; visibility: hidden; width: 0; height: 0; padding: 0; margin: 0;}

.interna form {width: 50%}
.interna form input[type=text], input[type=email], input[type=tel] {width: 100%; padding: 12px 20px;  margin: 8px 0; box-sizing: border-box; border: 1px solid #ccc;}
.interna form textarea {width: 100%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; resize: none;}
.interna form select {width: 100%;  padding: 12px 20px;  border-radius: 4px; border: 1px solid #ccc;}
.interna form button, .interna form input[type=submit] {background-color: #FF9F41; border: none; color: white; padding: 16px 32px; text-decoration: none;  margin: 4px 2px; cursor: pointer; width: 100%; font-size: 1.6em;}
.interna form button:hover, .interna form input[type=submit]:hover {background-color: #1C2835}
.endereco-contato {float: right; width: 450px}
.endereco-contato h2 {margin-top: 0; margin-bottom: 0}
.endereco-contato h3 {margin-top: 0; width: 80%}

.form-group {display: block; margin-bottom: 15px;}

#cookie {display: none; position: fixed; bottom: 0; background: #1c2835; color: #fff; width: 100%; padding-top: 1.5%; padding-bottom: 1.5%; font-size: 2em;transition: 0.5s;}
#cookie div div {width: 75%; float: left;}
#cookie a {color: #fff}
#cookie button {background: #fccb5b; color: #000; border: 1px solid #fccb5b; border-radius: 5px; float: right; font-size: 1.2em; width: 24%; padding-top: 1%; padding-bottom: 1%}

.col01 {width: 45%; display: inline-block; vertical-align: top; padding-right: 4.5%;}
.col01 form {width: 100%;}

a.bt-destaque {color: #fff; font-size: 1.8em; font-weight: bold; padding: 12px 15px; cursor: pointer; text-decoration: none; background: #ff6c0d; }
a.bt-destaque:hover {background: #bf3809;}

.btn-voltar-topo {position:fixed; bottom: 1.5%; float: right; z-index: 9999; right: 0; margin-right: 2.5%; padding: 10px !important; font-size: 15px !important; width: 15px !important; color: #fff !important; background-color: #95A5A6 !important; opacity: 0.7; text-decoration: none; border-radius: 50%;}
.btn-voltar-topo:hover {background-color: #010101 !important; opacity: 1;}

.atendimento-wa {position:fixed; bottom: 8%; float: right; z-index: 9999; right: 0; margin-right: 2.5%;}
.balao-atendimento {background: #fff; border-radius: 3px; padding: 12px 70px 12px 20px; font-size: 1.5em; position: relative; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.13); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.13);}
.balao-atendimento:after{content: ""; width: 0; height: 0; position: absolute; border-left: 15px solid transparent;	border-right: 15px solid transparent; border-top: 15px solid #fff; bottom: -15px; left: 65%;}
.btn-fechar-atendimento {float: right; position: absolute; right: 5%; margin-top: -5px; color: #010101; text-decoration: none; font-size: 1.2em; cursor: pointer;}
.btn-whatsapp {text-decoration: none; border-radius: 50%; background: #25d366 !important; color: white !important; -webkit-transition: -webkit-transform 0.4s ease-in-out; box-shadow: 1px 1px #042825; font-size: 4em; width: 1em; height: 1em; padding: 15px; text-align: center; float: right; margin-top: 15px;}
.btn-whatsapp:hover {transition: all 0.5s linear; -webkit-transform: rotate(360deg); transform: rotate(360deg)}

.img-aluno {width: 300px; height: auto; float: left; margin-right: 50px;}

#bannerdhtml {position:fixed; left: 50%; top: 20%; width: 800px; height: 400px; z-index: 998; margin-left:-450px;}
#bannerdhtml img {width: 100%; height: auto; max-width: 100%;}
a.banner {width: 800px; height: 400px; display: block; text-decoration: none; float:left; margin-right:10px}
a.botao_fechar {position:absolute; width: 40px; height: 40px; top: 0px; left: 820px; float:right; position: absolute; display: block;text-decoration: none;}

@media screen and (max-width: 1600px) {
	.capa .slideshow {height: 64vh;}
	.capa .slideshow a {height: 64vh;}
	.bl02 div {padding-top: 60px; width: 30%; padding-right: 10%;}
	.bl02 h1 {font-size: 4.5em; margin-bottom: 32px;}
	.bl02 p {margin-bottom: 50px;}
	.bl-03 .img-blog {left: 0.5%; top: 115px;}
	.bl-03 .img-seta-blog {right: 0; top: 125px; width: 160px; height: auto;}
}


@media screen and (max-width: 1400px) {
	.capa .slideshow {width:100%; height: 65vh;}
	.capa .slideshow a {height: 65vh;}
	.bl02 div {padding-top: 40px; width: 30%; padding-right: 10%; padding-left: 4%;}
	.bl02 h1 {font-size: 4.2em; margin-bottom: 32px;}
	.bl02 p {margin-bottom: 50px;}
	.bl02 a {font-size: 2.2em;}
	.bl-03 .img-blog {display: none;}
	.bl-03 .img-seta-blog {display: none;}
}



@media screen and (max-width: 780px) {
	html, body { overflow-x: hidden; }
	.container {width: 95%; margin: 0 auto; max-width: 100%;}
	header .container {width: 100%;}
	.mobile {display: inline; visibility: visible; width: auto; height: auto;}
	.desktop {display: none; visibility: hidden; width: 0; height: 0;}
	.barra-topo {display: none;}
	a.logo {width: 33%; height: auto; margin-left: 3%;}
	.logo-2 {margin-left: 7%;}
	a.logo-uniguairaca {width: 52%; margin-bottom: 5px;}
	a.logo-circles {width: 48%; padding-left: 4%;}
	nav {max-width: 100%; position: absolute; float: right; top: 25px; background-color: #000071; padding: 2px 6px; border-radius: 5px; right: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
	nav span {font-size: 2.5em; color: #fff; display: inline;}
	.closebtn {display: inline;}
	.sidenav {width: 0; position: fixed; z-index: 995; top: 0; left: 0; background-color: #000071; overflow-x: hidden; transition: 0.5s; padding-top: 35px; height: 100%; overflow-y: auto;}
	.sidenav .closebtn {top: 0; right: 0; font-size: 3.6em; float: left; position: absolute; text-decoration: none; margin-right: 2%; color: #fff;}
	.capa {width:100%; height: 55vh; position: relative; border-bottom: 12px solid #ffc300; overflow: hidden;}
	.capa .slideshow {width: 100%; height: 100%; display: block; position: absolute; top: 0;}
	.capa .slideshow img {width: 100%; height: 55vh; object-fit: cover; object-position: center;}
	.capa .slideshow a {height: auto;}
	ul.menu {list-style:none; z-index: 995; width: 100%; float: none;}	
	ul.menu li {position:relative; display: block; width: 100%; padding: 5px 3px;}
	ul.menu li:hover {background-color: #1c2835;}
	ul.menu a {color: #fff;}
	ul.menu a:hover, ul.menu a:active, ul.menu a:focus {background: #1c2835; color: #fff}
	ul.menu li ul li a {padding: 6px 3px;}	
	ul.menu li ul {position:relative; display:none; background: #1c2835; margin-left: 30px; margin-top: 5px; margin-bottom: 10px;}  
	.bt-ead {background-color: #393e64; color: #fff !important; width: 80%; border-radius: 5px; display: block; text-align: center; margin-left: 10px; padding: 10px 8px; margin-bottom: 30px; margin-top: 30px;}	
	.bt-presencial {background-color: #fccb5b; width: 80%; border-radius: 5px; display: block; text-align: center; padding: 10px 8px; margin-left: 10px;}	
	.destaque-home {display: none;}
	.bl01 {width: 100%; margin-bottom: 10%; margin-top: 10%;}
	.bl01 .carrossel {width: 90%;}
	.bl01 .carrossel .carrossel-item {padding: 0 5px;}
	.bl01 .slick-slide {display: flex !important; justify-content: center;}
	.bl01 .slick-track {display: flex !important;align-items: center;}
	.bl01 .slick-prev {left: 5px;}
	.bl01 .slick-next {right: 5px;}
	/*
	.bl01 ul {width: 85%;}
	.bl01 ul li {display: block; width: 100%; margin-bottom: 20px; }
	.bl01 ul li img {width: 100%; height: auto;}*/
	.bl02 {width: 100%;}
	.bl02 .foto2 {float: none; width: 100%; height: auto;}
	.bl02 div {float: none; width: 100%; padding-top: 40px; padding-left: 8%; padding-right: 8%; padding-bottom: 40px;}
	.bl02 h1 {font-size: 3.5em; margin-bottom: 22px; font-weight: 300; line-height: 1.1em;}
	.bl02 h1 b {display: block; font-weight: 900;}
	.bl02 p {font-size: 1.4em; line-height: 1.6em; margin-bottom: 30px; width: 95%; display: block;}
	.bl02 a {background: #e4ecea; padding: 12px 12px; font-size: 2em; color: #161f2c; text-decoration: none; text-transform: uppercase; font-weight: bold;}
	.player-video {position: absolute; top: 10%; left: 35%; width: 30%; height: auto;}
	.bl-03 {padding-bottom: 40px; padding-top: 50px;}
	.bl-03 h1 {font-size: 2.5em; margin: 0; padding: 0; line-height: 1.2em; margin-bottom: 5%;}
	.bl-03 .destaque-blog {border-bottom: 0; width: 100%; float: none; padding-bottom: 40px; padding-left: 68px; padding-top: 0; background: url(/img/pontos-blog.png) no-repeat top left;}
	.bl-03 .destaque-blog p {font-size: 1.6em; margin-bottom: 33px;}
	.bl-03 .destaque-blog a {display: none;}
	.bl-03 .img-blog {display: none;}
	.bl-03 .img-seta-blog {position: absolute; right: 0; top: 60px; width: 28%; height: auto;}
	ul.blog-home {list-style: none; padding: 0; margin: 0; float: none; width: 100%}
	ul.blog-home li {display: block; width: 100%; margin-right: 0; vertical-align: top; margin-bottom: 35px;}
	ul.blog-home li:last-child {margin-right: 0}
	ul.blog-home li a {text-decoration: none;}
	ul.blog-home li a img {width: 100%; height: auto; border-radius: 10px; margin-bottom: 10px;}
	ul.blog-home li a div {width: 90%; margin: 0 auto;}
	ul.blog-home li a div h2 {font-family: 'Roboto', sans-serif; font-size: 2.8em; color: #131313; margin: 0; padding: 0; margin-bottom: 15px; text-align: left;}
	ul.blog-home li a div span {font-size: 1.6em; color: #646464; display: block;}
	ul.blog-home li a:hover div h2 {color: #E41671}
	ul.blog-home li a:hover img {opacity: 0.8;}

	ul.blog {list-style: none; padding: 0; margin: 0; float: none; width: 100%}
	ul.blog li {display: block; width: 98%; margin-right: 0; vertical-align: top ; margin-bottom: 30px;}
	ul.blog li a {text-decoration: none;}
	ul.blog li a img {width: 100%; height: auto; border-radius: 10px; margin-bottom: 5px;}
	ul.blog li a div {width: 90%; margin: 0 auto;}
	ul.blog li a div h2 {font-family: 'Roboto', sans-serif; font-size: 2.8em; color: #131313; margin: 0; padding: 0; margin-bottom: 5px; text-align: left;}
	ul.blog li a div span {font-size: 1.6em; color: #646464; display: block;}
	ul.blog li a:hover div h2 {color: #E41671}
	ul.blog li a:hover img {opacity: 0.8;}

	.bl-04 {padding-bottom: 40px; padding-top: 20px;}
	.bl-04 h2 {font-size: 3.2em;}
	ul.eventos {list-style: none; padding: 0; margin: 0 auto; width: 90%; margin-top: 40px; margin-bottom: 45px;}
	ul.eventos li {display: block; width: 100%; margin-right: 0; padding: 3% 2% 0 1%; margin-bottom: 20px;}
	ul.eventos li a {text-decoration: none; float: right; color: #42498e; font-size: 1.8em; width: 70%; line-height: 1.4em;}
	ul.eventos li div {width: 22%; float: left; text-align: center; margin-right: 8%; font-family: 'Roboto', sans-serif; color: #182330; border-bottom: 4px #fccb5b solid; height: 15vh;}
	ul.eventos li a:hover {color: #fff}
	ul.eventos li:hover {background: #182330; color: #fff;}
	ul.eventos li:hover a, ul.eventos li:hover div {color: #fff;}
	.dia {font-size: 5em; display: block; margin-bottom: 15px; font-weight: bold;}
	.mes {font-size: 1.6em;}
	a.cta-eventos {background: #fccb5b; width: 50%; display: block; margin: 0 auto; padding: 10px 12px; text-align: center; color: #000; text-decoration: none; font-size: 1.8em; font-weight: bold; border-radius: 10px;}
	a.cta-eventos:hover {color: #fff; background: #182330;}
	.bl01-footer {text-align: center;}
	.bl01-footer img {display: none;}
	.bl01-footer div div {padding-top: 28px;}
	.bl01-footer div div h4 {font-size: 2.5em;}
	.bl01-footer div div p {font-size: 1.4em;}
	.bl02-footer {padding-top: 40px; padding-bottom: 40px; text-align: center;}
	.bl02-footer ul li {display: block; margin-left: 0; width: 100%;}
	.bl02-footer a {text-decoration: none; color: #fff; display: block; margin-bottom: 10px;}
	.bl02-footer a:hover {text-decoration: underline;}
	.bl02-footer ul li:last-child img {width: 100%; height: auto; margin-top: 35px;}

	.interna {font-size: 1.8em; line-height: 1.6em; margin-bottom: 20%;}
	.banner-interna {max-width: 100%; padding-top: 6%; padding-bottom: 6%;}
	.banner-interna h1 {font-size: 1.8ren; width: 100%; line-height: 1.2rem; margin: 0 auto; max-width: 100%;}
	.interna img {max-width: 100%; height: auto; width: auto}
	.col01 {width: 100%; display: block; padding-right: 0; margin-bottom: 10%;}
	.bl-esq {width: 100%; float: none; display: block; margin-bottom: 3%; margin-right: 0;}
	.bl-esq img {margin-top: 0}
	.bl-dir {width: 100%; float: none;}
	.post {width: 100%; float: none;}
	.veja-mais {width: 100%}
	.publicidade {width: 300px; float: none; display: block; position: relative; margin: 0 auto; margin-top: 15%; margin-bottom: 5%;}
	.interna form {width: 96%}

	#cookie {padding-top: 3%; padding-bottom: 3%; font-size: 1.6em; }
	#cookie div div {width: 70%; float: none; display: block; margin-bottom: 3%;}
	#cookie button {float: none; width: 90%; padding-top: 2%; padding-bottom: 2%}

	#bannerdhtml {left: 5%; width: 90%; height: 400px; margin-left:0;}
	a.banner {width: 100%; height: 400px; display: block; text-decoration: none; float:left; margin-right:0;}
	a.botao_fechar {position:absolute; width: 40px; height: 40px; top: 0px; left: 92%; float:right; z-index: 999;}

}