@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,900&display=swap');
body {margin: 0; padding: 0; background: #f2f2f2; font-size: 62.5%; font-family: 'Roboto', sans-serif;}
.container {width: 1380px; margin: 0 auto}
.topo {background: #fff; padding-top: 20px; padding-bottom: 20px}
.logo img {width: 250px; height: auto}
.nav {margin-top:0; color:#000; z-index: 500; font-weight: bold; float: left; margin-left: 35px; margin-right: 55px; font-size: 4em}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 999; top: 0; left: 0; background-color: #0f7abf; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s; font-weight: bold}
.sidenav a:hover {color: #000102;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.sticky {position: fixed; top: 0; width: 100%; z-index:200; transition: 0.5s;}

.nav-dir {margin-top:10px; margin-right: 38px; font-size: 2em; float: right;}
.nav-dir img {height: 30px; width: auto}
.sidenav2 {height: 100%; width: 0; position: fixed; z-index: 10; top: 0; right: 0; background-color: #0f7abf; overflow-x: hidden; transition: 0.5s; padding-top: 30px;}
.sidenav2 a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s; font-weight: bold}
.sidenav2 a:hover {color: #000102;}
.sidenav2 .closebtn {position: absolute; top: 0; left: 25px; font-size: 36px; margin-right: 50px;}

.barra-interna {width:96%; height:127px; background: url(/img/fundo-barra.png); padding-left: 4%; padding-top: 18px}
.barra-interna a {margin-right: 15px; display: inline-block;}
.barra-interna-dialogo {position: absolute; top: 122px; margin-left: 1026px}
.barra-interna-dialogo img {width: 200px; height: auto}

.banners {width: 100%; margin-bottom: 55px; position: relative;}
.banners .banner img {width: 100%; height: 88vh; margin: 0 auto; object-fit: cover; object-position: center; max-width: 100%}
.barra-banner-fundo {background: #0f7abf; opacity: 0.9; position: absolute; top: 0; width: 100%; height: 60px}
.barra-banner {background: url(img/sombra.png) no-repeat; position: absolute; top: 0; width: 96%; padding-top: 10px; padding-left: 4%}
.barra-banner a {margin-right: 15px; display: inline-block;}
.barra-banner a img {height: 40px; width: auto}
.barra-banner-dialogo {background: url(img/dialogo.png) no-repeat; background-size: 95%; position: absolute; top: 0; width: 200px; height: 250px; margin-top: -40px; margin-right: 50px; right: 0}
.barra-banner-dialogo a {width: 100%; height: 250px; display: block}
.busca {transition: 0.5s; float: left; margin-top: 0px; display: none; width: 30%}
.busca input {width: 70%; padding: 10px 7px; border: 0; font-size: 2em}
.busca input:focus{outline: none;}
.busca button {padding: 10px 7px; background-color: #fe7000; color: #fff; border: 0; font-size: 2em}

.bl01 {width: 100%}
.bl01 ul {list-style: none; padding: 0; margin: 0}
.bl01 ul li {text-align: center;}
.bl01 ul li img {width: 270px; height: auto; margin-bottom: 15px}
.bl01 ul li a {color: #0d78bd; font-style: italic; font-size: 2.8em; text-decoration: none; text-transform: uppercase;}
.bl01 .titulo {margin: 0 auto; width: 560px; text-align: center; background: url(img/borda-esq-cinza.png) no-repeat, url(img/borda-dir-cinza.png) no-repeat right top; background-size: 6%; margin-bottom: 70px}
.bl01 .titulo h1 {margin: 0; padding: 0; color: #0f7abf; text-transform: uppercase; font-size: 3.5em; padding-top: 5px}
.bl01 .titulo span {display: block; color: #f7974b; letter-spacing: 15px; font-size: 1.5em; text-transform: uppercase;}
.lista-home {width: 100%}
.cta {text-align: center; margin-top: 90px; margin-bottom: 85px}
a.cta-laranja {text-decoration: none; color: #fff !important; background: url(img/marcar_procedimento.png) no-repeat 15px 8px #fe7000; background-size: 10%; font-size: 2.5em; font-style: italic; border-radius: 15px; padding: 10px 20px 10px 60px ; text-transform: uppercase; vertical-align: middle;}
a.cta-azul {text-decoration: none; color: #fff; background: url(img/marcar_procedimento.png) no-repeat 15px 8px #0f7abf; background-size: 10%; font-size: 2.5em; font-style: italic; border-radius: 15px; padding: 10px 20px 10px 60px ; text-transform: uppercase; vertical-align: middle;}
.btn-vejamais {width: 100%; background-color: #0f7abf; font-size: 2em; color: #fff; margin: 0 auto; border: 0; cursor: pointer; padding-top: 15px; padding-bottom: 15px}
a.veja-mais-novidades {text-decoration: none; color: #fff !important; background: #fe7000; font-size: 2.3em; font-style: italic; border-radius: 20px; padding: 10px 20px 10px 20px; text-transform: uppercase; vertical-align: middle}

.bl02 {width: 100%; background-image: linear-gradient(#0476d0, #0279d7, #017cdc); padding-top: 0; padding-bottom: 40px;}
.bl02 .titulo {width: 380px; text-align: center; margin: 0 auto; padding-bottom: 10px; margin-bottom: 50px; background-size: 100px; background: url(img/borda-esq-branca.png) no-repeat, url(img/borda-dir-branca.png) no-repeat right top; background-size: 10%}
.bl02 .titulo h1 {margin: 0; padding: 0; color: #fff; text-transform: uppercase; font-size: 3.5em; padding-top: 8px}
.bl02 .titulo span {display: block; color: #fff; letter-spacing: 15px; font-size: 1.5em; text-transform: uppercase;}
.bl02-left {float: left; margin-left: 25px}
.bl02-right {float: right; margin-right: 25px}
.bl-noticia-home {width: 380px; background: #fff; border-radius: 10px; padding: 25px 25px; display: inline-block;}
.bl-noticia-home a {text-decoration: none;}
.bl-noticia-home a h2 {color: #1a6da3; font-size: 2em; font-weight: bold; margin: 0; padding: 0; min-height: 75px}
.bl-noticia-home a div {background: url(img/logo37x40.png) no-repeat; width: 37px; height: 40px; margin-right: 8px; margin-bottom: 5px; float: left;} 
.bl-noticia-home a span {color: #3b3b3b; font-size: 1.5em; display: block; margin-bottom: 25px; margin-top: 0px}
.bl-noticia-home a img {width: 100%; border-radius: 10px; height: 30vh; margin: 0 auto; object-fit: cover; object-position: center; max-width: 100%}
.sep-sup-bl02 {background: url(img/sep01.png) center no-repeat; height: 12px; width: 100%; margin-bottom: 38px}
.sep-inf-bl02 {background: url(img/sep02.png) center no-repeat #fff; height: 12px; width: 100%}

.bl03 {width: 100%; background: #fff; padding-bottom: 60px; padding-top: 100px}
.bl03 .titulo {width: 345px; text-align: center; margin: 0 auto; background: url(img/borda-esq-cinza.png) no-repeat, url(img/borda-dir-cinza.png) no-repeat right top; background-size: 10.5%; margin-bottom: 70px; padding-bottom: 5px}
.bl03 .titulo h1 {margin: 0; padding: 0; color: #0f7abf; text-transform: uppercase; font-size: 3.1em; padding-top: 5px}
.bl03 .titulo span {display: block; color: #f7974b; letter-spacing: 15px; font-size: 1.5em; text-transform: uppercase;}
.bl03 ul {width: 100%; list-style: none; margin: 0; padding: 0}
.bl03 ul li {display: inline-block; width: 24.5%; text-align: center; margin-bottom: 60px}
.bl03 ul li img {height: 28px; height: auto; max-width: 60%; max-height: auto}

.sep-sup-bl04 {background: url(img/sep03.png) center no-repeat #f2f2f2; height: 18px; width: 100%}
.sep-inf-bl04 {background: url(img/sep04.png) center no-repeat #fff; height: 18px; width: 100%}
.bl04 {width: 100%; padding-bottom: 120px; padding-top: 100px}
.bl04 .titulo {width: 395px; text-align: center; margin: 0 auto; background: url(img/borda-esq-laranja.png) no-repeat, url(img/borda-dir-laranja.png) no-repeat right top; background-size: 10%; margin-bottom: 70px; padding-bottom: 8px}
.bl04 .titulo h1 {margin: 0; padding: 0; color: #0f7abf; text-transform: uppercase; font-size: 3.1em; padding-top: 5px}
.bl04 .titulo span {display: block; color: #0f7abf; letter-spacing: 15px; font-size: 1.5em; text-transform: uppercase;}
.bl04 ul {list-style: none; margin: 0; padding: 0}
.bl04 ul li {display: inline-block; width: 25%; text-align: center; position: relative;}
.bl04 ul li a {color: #0d78bd; text-decoration: none; font-size: 1.8em; font-style: italic;}
.bl04 ul li a h2 {margin: 0; padding: 0; line-height: 1em}
.bl04 ul li  img {width: 280px; height: auto; border-radius: 50%; border: 12px solid #fff; position: relative;}
.bl04 .play {position: absolute; top: 30%; left: 50%; width: 86px; height: 86px; background: url(img/play.png) no-repeat; z-index: 99; margin-left: -43px}
.bl04 .overlay {position: absolute; top: 12px; width: 280px; height: 280px; background: #0d78bd; left: 50%; margin-left: -140px; border-radius: 50%; opacity: 0.5; }

.bl05 {width: 100%; padding-bottom: 12px; padding-top: 60px; background: #fff}
.bl05 .titulo {width: 435px; text-align: center; margin: 0 auto; background: url(img/borda-esq-cinza.png) no-repeat, url(img/borda-dir-cinza.png) no-repeat right top; background-size: 9%; margin-bottom: 48px; padding-bottom: 8px}
.bl05 .titulo h1 {margin: 0; padding: 0; color: #0f7abf; text-transform: uppercase; font-size: 3.1em; padding-top: 5px}
.bl05 .titulo span {display: block; color: #f7974b; letter-spacing: 15px; font-size: 1.8em; text-transform: uppercase;}
.bl05 .mapa {display: none;}
.bl05 .mapa_desktop {width: 100%; text-align: center;}
.bl05 .mapa_desktop img {height: auto; max-width: 100%}

.sep-sup-bl06 {background: url(img/sep05.png) center no-repeat #0f7abf; height: 18px; width: 100%}
.bl06 {width: 100%; background: #fff}
.bl06 .titulo {width: 438px; text-align: center; margin: 0 auto; background: url(img/borda-esq-cinza.png) no-repeat, url(img/borda-dir-cinza.png) no-repeat right top; background-size: 9%; margin-bottom: 16px; padding-bottom: 5px}
.bl06 .titulo h1 {margin: 0; padding: 0; color: #fff; text-transform: uppercase; font-size: 3.1em; padding-top: 5px}
.bl06 .titulo span {display: block; color: #f7974b; letter-spacing: 15px; font-size: 1.8em; text-transform: uppercase;}
.top-bl06 {background: #0f7abf; padding-top: 30px; padding-bottom: 30px}

.bl07 {width: 100%; padding-bottom: 80px; padding-top: 70px; background: #fff}
.bl07 .titulo {width: 420px; text-align: center; margin: 0 auto; background: url(img/borda-esq-laranja.png) no-repeat, url(img/borda-dir-laranja.png) no-repeat right top; background-size: 9%; margin-bottom: 70px; padding-bottom: 10px}
.bl07 .titulo h1 {margin: 0; padding: 0; color: #0f7abf; text-transform: uppercase; font-size: 3.1em; padding-top: 5px}
.bl07 .titulo span {display: block; color: #0f7abf; letter-spacing: 15px; font-size: 1.8em; text-transform: uppercase;}
.bl07 ul {list-style: none; margin: 0; padding: 0}
.bl07 ul li {display: inline-block; width: 33%; text-align: center;}
.bl07 ul li a {color: #fd7a02; text-decoration: none; font-size: 3.5em;}


.sep-sup-footer {background: url(img/sep01.png) center no-repeat #2764ab; height: 12px; width: 100%}
footer .rodape {background: #2764ab; text-align: center; padding-top: 23px; padding-bottom: 25px}
footer .rodape img {width: 200px; height: auto}

.slick-prev:before {color: #0f7abf; font-size: 40px;}
.slick-next:before {color: #0f7abf; font-size: 40px;}

.interna {color: #413e3e; padding: 4%; width: 92%; background: #fff; margin-bottom: 80px}
.interna a {text-decoration: none; color: #413e3e; font-weight: bold;}
.interna a:hover {text-decoration: underline;}

.pagina {font-size: 3em; line-height: 1.4em; color: #000; font-style: normal; font-weight: 400;}
.pagina h1 {font-size: 2.2em; letter-spacing: -3px; padding-top: 10px; color: #1a6da3; font-weight: bold; font-style: italic;}
.pagina h1 span {display: block; color: #f7974b; letter-spacing: 25px; font-size: 0.5em; text-transform: uppercase;}
.pagina .titulo {text-align: center; text-transform: uppercase; background: url(/img/borda-esq-cinza.png) no-repeat left top, url(/img/borda-dir-cinza.png) no-repeat right top; padding-left: 40px; padding-right: 25px; width: 40%; margin: 0 auto; padding-bottom: 10px}
.pagina .conteudo {width: 100%}
.pagina h2 {color: #1a6da3; font-size: 1.6em; font-weight: bold; background: url(/img/logo37x40.png) no-repeat; padding-left: 48px; min-height: 40px; font-style: italic;}

.noticia {font-size: 2.2em; line-height: 1.4em; color: #000; font-style: normal; font-weight: 400;}
.noticia h1 {line-height: 1.2em; color: #1a6da3; font-weight: bold; font-style: italic; text-align: center}
.noticia h3 {text-align: center}
.noticia .conteudo {width: 80%; margin: 0 auto}
.conteudo iframe {max-width: 100%}
.conteudo img {max-width: 100%; height: auto}
.interna img {max-width: 100%; height: auto}
.interna form {width: 50%; font-size: 0.8em}
.interna form label {display: block;}
.interna form input, .interna form textarea {width: 80%; padding: 8px 5px; border: 1px solid #000; border-radius: 2px}
.interna form input:hover, .interna form textarea:hover {border: 2px solid #009688}
.interna form button {width: 50%; background-color: #0f7abf; font-size: 0.8em; color: #fff; margin: 0 auto; border: 0; cursor: pointer; padding-top: 12px; padding-bottom: 12px}

.veja-mais {margin: 0 auto; padding-top: 30px; margin-top: 50px; width: 70%; border-top: 2px solid #969696; }
.veja-mais h1 {font-size: 2.5em}
.veja-mais ul {margin: 0; padding: 0; list-style: none;}
.veja-mais ul li {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #C8C8C8}
.veja-mais ul li a {color: #280c8c; text-decoration: none; font-size: 2.2em; line-height: 1.16em; font-weight: bold;}
.veja-mais ul li b {font-size: 0.8em; color: #555555; line-height: 1em; display: block; margin-bottom: 5%; text-transform: uppercase;}
.veja-mais ul li img {width: 50%; height: auto; float: left; padding-right: 10px}
.veja-mais ul li p {font-size: 1.6em; color: #555555; line-height: 1.25em}
.veja-mais ul li span {font-size: 1.2em; color: #555555; line-height: 1em}
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}

.video-container {overflow: hidden; position: relative; width:100%; padding-top: 56.25%;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%;}

.modal {padding: 0; background: #fe7000;  z-index: 1000 !important }
.ui-dialog { z-index: 1000 !important ;}
.input-container {display: flex; width: 85%; margin: 0 auto; margin-bottom: 20px;}
.icon {padding: 8px; background: #fe7000; color: #fff; min-width: 30px; text-align: center;}
.input-field {width: 100%; padding: 10px; outline: none;}
.input-field:focus {border: 2px solid #009688}

.img-amil {height: 55px; width: auto}
.img-particular {height: 65px; width: auto;}

.clinica {position: relative;}
.numero_atendimento {position: absolute; top: 230px; left: 50%; font-size: 3.5em; color: #fff; font-weight: 900; text-align: center; margin-left: -110px}
.numero_atendimento span {font-size: 1.8em; display: block;}

#cookie {display: none; position: fixed; bottom: 0; background: #2873B6; color: #fff; width: 100%; padding-top: 1.5%; padding-bottom: 1.5%; font-size: 1.8em;transition: 0.5s; z-index: 999;}
#cookie div div {width: 75%; float: left;}
#cookie div div h4 {text-transform: uppercase; margin-top: 0; padding-top: 0;}
#cookie a {color: #fff}
#cookie button {background: #F5B06D; color: #fff; border: 0; border-radius: 5px; float: right; font-size: 1.5em; width: 20%; padding-top: 1%; padding-bottom: 1%; bottom: 20px; position: absolute;}
#cookie button:hover {background:#FF8700}


@media screen and (max-width: 1440px){
	.container {width: 1320px; margin: 0 auto}
	.lista-home {width: 92%; margin: 0 auto;}
	.banners .banner img {height: 85vh;}
	.responsive {max-width: 100% !important; margin: 0 auto}
	.bl01 ul li img {width: 290px; height: auto; margin-bottom: 12px}
	.bl-noticia-home {width: 546px; background: #fff; border-radius: 10px; padding: 30px 38px}
	.bl-noticia-home .linha-fina-home {height: 100px}
	.bl05 .mapa img {width: 100%; height: auto; max-width: 100%}
	.bl06 .clinica img {width: 100%; height: auto;}
	.bl01 ul li img {width: 250px; height: auto; margin-bottom: 15px}
	.bl01 ul li a {font-size: 2.5em}
	.bl-noticia-home a h2 {font-size: 2.3em}
	.bl-noticia-home {width: 330px;}
	.bl-noticia-home a h2 {font-size: 1.8em; min-height: 75px}
	.bl-noticia-home a span {font-size: 1.4em; margin-bottom: 22px}
	.bl-noticia-home a img {height: 28vh}
	.bl04 ul li a {font-size: 1.8em}
	.bl04 ul li img {width: 250px;}
	.bl04 .overlay {position: absolute; top: 12px; width: 250px; height: 250px; background: #0d78bd; left: 50%; margin-left: -125px; border-radius: 50%; opacity: 0.5; }

	#cookie {padding-top: 1.2%; padding-bottom: 1.2%; font-size: 1.4em}
	#cookie div div {width: 85%; float: left;}
	#cookie button {font-size: 1em; width: 8%; padding-top: 1%; padding-bottom: 1%; bottom: 25px; position: absolute;}
}

@media screen and (max-width: 600px){
	.container {width: 100%; margin: 0; max-width: 100%}
	.topo {background: #fff; padding-top: 30px; padding-bottom: 30px}
	.logo img {width: 50%; height: auto}
	.nav {margin-top:0px; margin-left: 20px; margin-right: 20px; font-size: 3em}
	.nav-dir {margin-top:0px; margin-right: 28px; font-size: 3em; float: right;}
	.nav-dir img {height: 22px; width: auto}
	
	.banners {width: 100%; margin-bottom: 25px; position: relative;}
	.banners .banner img {width: 100%; height: auto; max-width: 100%}
	.barra-banner-fundo {background: #0f7abf; opacity: 0.9; position: absolute; top: 0; width: 100%; height: 40px}
	.barra-banner {background: url(img/sombra.png) no-repeat; position: absolute; top: 0; width: 96%; padding-top: 5px; padding-left: 4%}
	.barra-banner a {margin-right: 10px}
	.barra-banner a img {width: 30px; height: auto}
	.barra-banner-dialogo {background: url(img/dialogo.png) no-repeat; background-size: 90%; position: absolute; top: 0; width: 38%; height: 200px; margin-top: -20px; margin-left: 60%}
	.barra-banner-dialogo a {height: 180px;}

	.barra-interna {width:96%; height:45px; background: url(/img/fundo-barra.png) repeat overflow-x; padding-left: 4%; padding-top: 9px}
	.barra-interna a {margin-right: 10px}
	.barra-interna a img {width: 35px; height: auto}
	.barra-interna-dialogo {position: absolute; top: 100px; margin-left: 65%}
	.barra-interna-dialogo img {width: 80%; height: auto;}
	.busca {margin-top: 0; width: 45%}
	.busca input {width: 70%; padding: 5px 7px; font-size: 1.6em}
	.busca button {padding: 5px 7px; font-size: 1.6em}

	.bl01 ul li img {width: 150px; height: auto; margin-bottom: 8px}
	.bl01 ul li a {font-size: 1.8em;}
	.lista-home {width: 100%; margin: 0 auto;}
	.responsive {max-width: auto}
	.bl01 .titulo {width: 92%; background-size: 8%; margin-bottom: 50px}
	.bl01 .titulo h1 {font-size: 2.7em; padding-top: 8px; padding-bottom: 5px}
	.bl01 .titulo span {letter-spacing: 9px; font-size: 1.4em;}
	.cta {text-align: center; margin-top: 45px; margin-bottom: 42px}
	a.cta-laranja {background: url(img/marcar_procedimento.png) no-repeat 15px 8px #fe7000; background-size:12%; font-size: 2.2em; border-radius: 20px; padding: 15px 30px 15px 80px}
	a.cta-azul {background: url(img/marcar_procedimento.png) no-repeat 15px 8px #0f7abf; background-size:12%; font-size: 2.2em; border-radius: 20px; padding: 15px 30px 15px 80px}
	
	.bl02 {padding-bottom: 60px;}
	.bl02 .titulo {width: 65%; padding-bottom: 10px; margin-bottom: 50px; background-size: 12%}
	.bl02 .titulo h1 {font-size: 3.5em; padding-top: 0px}
	.bl02 .titulo span {letter-spacing: 10px; font-size: 1.4em;}
	.bl02-left {float: none; margin-left: 0; width: 90%; margin: 0 auto; margin-bottom: 20px}
	.bl02-right {float: none; margin-right: 0; width: 90%; margin: 0 auto}
	.bl-noticia-home {width: 96%; border-radius: 10px; padding: 2% 3%; padding-top: 20px}
	.bl-noticia-home a h2 {font-size: 2.2em; font-weight: bold}
	.bl-noticia-home a span {font-size: 1.6em; margin-bottom: 18px; margin-top: 10px}
	.sep-sup-bl02 {background: url(img/sep01.png) center no-repeat; height: 12px; width: 100%; margin-bottom: 37px}
	.sep-inf-bl02 {background: url(img/sep02.png) center no-repeat #fff; height: 12px; width: 100%}
	.dv3 {display: none;}

	.bl03 {padding-bottom: 60px; padding-top: 50px}
	.bl03 .titulo {width: 70%; margin-bottom: 60px; padding-bottom: 5px; background-size: 12%}
	.bl03 .titulo h1 {font-size: 3.8em; padding-top: 0px}
	.bl03 .titulo span {letter-spacing: 10px; font-size: 1.4em}
	.bl03 ul li {display: inline-block; width: 49%; text-align: center; margin-bottom: 30px}
	.bl03 ul li img {width: 75%; height: auto}

	.bl04 {padding-bottom: 60px; padding-top: 50px}
	.bl04 .titulo {width: 80%; margin-bottom: 50px; padding-bottom: 8px; background-size: 12%}
	.bl04 .titulo h1 {font-size: 3.8em; padding-top: 5px}
	.bl04 .titulo span {letter-spacing: 10px; font-size: 1.4em}
	.bl04 ul li {display: block; width: 100%; text-align: center; margin-bottom: 40px}
	.bl04 ul li img {width: 150px; height: 150px}
	.bl04 ul li a {font-size: 1.8em}
	.bl04 .play {position: absolute; top: 20%; left: 50%; width: 34px; height: 34px; background-size: 100%; margin-left: -17px}
	.bl04 .overlay {top: 12px; width: 150px; height: 150px; margin-left: -75px}

	.bl05 {padding-bottom: 12px; padding-top: 50px}
	.bl05 .titulo {width: 90%; margin-bottom: 25px; padding-bottom: 10px; background-size: 10%}
	.bl05 .titulo h1 {font-size: 3.4em; padding-top: 5px}
	.bl05 .titulo span {letter-spacing: 10px; font-size: 1.4em}
	.bl05 .mapa {display: inline;}
	.bl05 .mapa img {width: 100%; height: auto; max-width: 100%}
	.bl05 .mapa_desktop {display: none;}

	.bl06 .titulo {width: 86%; margin-bottom: 16px; padding-bottom: 12px; background-size: 8%}
	.bl06 .titulo h1 {font-size: 3em; padding-top: 0}
	.bl06 .titulo span {letter-spacing: 10px; font-size: 1.4em}
	.top-bl06 {background: #0f7abf; padding-top: 50px; padding-bottom: 50px}
	.bl06 .divisor {clear: both; height: 32px; background: #0f7abf; width: 100%}
	.bl06 .clinica {width: 100%; max-width: 100%}
	.bl06 .clinica img {width: 100%; height: 300px; object-fit: cover; }
	.numero_atendimento {top: 70px; font-size: 2.5em; margin-left: -80px}

	.bl07 {width: 100%; padding-bottom: 60px; padding-top: 50px}
	.bl07 .titulo {width: 82%; margin-bottom: 50px; padding-bottom: 10px; background-size: 10%}
	.bl07 .titulo h1 {font-size: 3.2em; padding-top: 8px}
	.bl07 .titulo span {letter-spacing: 10px; font-size: 1.4em}
	.bl07 ul {list-style: none; margin: 0; padding: 0; max-width: 100%; width: 100%}
	.bl07 ul li {display: inline-block; width: 32%; text-align: center;}
	.bl07 ul li a {color: #fd7a02; text-decoration: none; font-size: 2.5em;}
	.bl07 .divisor {clear: both; height: 100px}

	a.veja-mais-novidades {font-size: 2em; border-radius: 20px; padding: 10px 20px 10px 20px}

	footer .rodape img {width: 50%; height: auto}

	.interna {color: #413e3e; padding: 4%; width: 92%; background: #fff; margin-bottom: 40px; margin-top: 20px}
	.pagina {font-size: 2.2em; line-height: 1.4em;}
	.pagina h1 {font-size: 2.2em; letter-spacing: -3px; padding-top: 25px;}
	.pagina h1 span {font-size: 0.3em; margin-top: 8px; letter-spacing: 18px}
	.pagina .titulo {width: 80%; padding-bottom: 10px; margin: 0}

	.pagina h2 {color: #1a6da3; font-size: 1.4em; font-weight: bold; background: url(/img/logo37x40.png) no-repeat; padding-left: 48px; min-height: 40px; font-style: italic;}

	.noticia {font-size: 1.8em; line-height: 1.4em; color: #000; font-style: normal; font-weight: 400;}
	.noticia h1 {line-height: 1.2em; color: #1a6da3; font-weight: bold; font-style: italic; text-align: center}
	.interna img {max-width: 100%; height: auto}
	.interna form {width: 100%; float: none;}

	.img-amil {height: auto; width: 75%}
	.img-particular {height: auto; width: 75%}

	.ocultar-mobile {display: none;}

#cookie {padding-top: 3%; padding-bottom: 3%; font-size: 1.2em; display: none; position: fixed; bottom: 0; background: #2873B6; color: #fff; width: 100%; transition: 0.5s; z-index: 999;}
#cookie div div {width: 80%; float: none;}
#cookie div div h4 {text-transform: uppercase; margin-top: 0; padding-top: 0;}
#cookie a {color: #fff}
#cookie button {background: #FF8700; color: #fff; border: 0; border-radius: 5px; float: none; font-size: 1.2em; width: 100%; padding-top: 1%; padding-bottom: 1%; margin-top: 3%;}

}

@media screen and (max-width: 400px){
	.bl01 .titulo {width: 85%; background-size: 8%}
	.bl01 .titulo h1 {font-size: 2em; padding-top: 8px; padding-bottom: 0px}
	.bl01 .titulo span {letter-spacing: 8px; font-size: 1.2em; margin-top: 0}
	a.cta-laranja {background: url(img/marcar_procedimento.png) no-repeat 10px 5px #fe7000; background-size:10%; font-size: 2em; border-radius: 20px; padding: 10px 25px 10px 50px}
	a.cta-azul {background: url(img/marcar_procedimento.png) no-repeat 10px 5px #0f7abf; background-size:10%; font-size: 2em; border-radius: 20px; padding: 10px 25px 10px 50px}
	.bl02 .titulo {width: 65%; padding-bottom: 10px; margin-bottom: 50px; background-size: 12%}
	.bl02 .titulo h1 {font-size: 3.2em; padding-top: 0px}
	.bl02 .titulo span {letter-spacing: 8px; font-size: 1.2em;}
	.bl03 .titulo {width: 75%; margin-bottom: 60px; padding-bottom: 5px; background-size: 12%}
	.bl03 .titulo h1 {font-size: 3.4em; padding-top: 0px}
	.bl03 .titulo span {letter-spacing: 8px; font-size: 1.2em}
	.bl04 .titulo {width: 85%; margin-bottom: 50px; padding-bottom: 8px; background-size: 12%}
	.bl04 .titulo h1 {font-size: 3.4em; padding-top: 2px}
	.bl04 .titulo span {letter-spacing: 8px; font-size: 1.2em}
	.bl05 .titulo {width: 92%; margin-bottom: 25px; padding-bottom: 10px; background-size: 8%}
	.bl05 .titulo h1 {font-size: 2.8em; padding-top: 0px}
	.bl05 .titulo span {letter-spacing: 8px; font-size: 1.2em}
	.bl06 .titulo {width: 92%; margin-bottom: 16px; padding-bottom: 12px; background-size: 8%}
	.bl06 .titulo h1 {font-size: 2.8em; padding-top: 3px}
	.bl06 .titulo span {letter-spacing: 8px; font-size: 1.2em}
	.bl07 .titulo {width: 88%; margin-bottom: 50px; padding-bottom: 10px; background-size: 9%}
	.bl07 .titulo h1 {font-size: 2.8em; padding-top: 3px}
	.bl07 .titulo span {letter-spacing: 2px; font-size: 1.2em}
	.pagina h1 {font-size: 1.8em; letter-spacing: -3px; padding-top: 25px;}
	.veja-mais ul li a {font-size: 1.8em}
	.veja-mais ul li p {font-size: 1.3em;}
}

@media screen and (max-width: 320px){
	.bl01 .titulo {width: 90%; background-size: 8%}
	.bl01 .titulo h1 {font-size: 1.8em; padding-top: 4px; padding-bottom: 0px}
	.bl01 .titulo span {letter-spacing: 8px; font-size: 1.1em; margin-top: 0}
	a.cta-laranja {background: url(img/marcar_procedimento.png) no-repeat 10px 5px #fe7000; background-size:10%; font-size: 2em; border-radius: 20px; padding: 10px 25px 10px 50px}
	a.cta-azul {background: url(img/marcar_procedimento.png) no-repeat 10px 5px #0f7abf; background-size:10%; font-size: 2em; border-radius: 20px; padding: 10px 25px 10px 50px}
	.bl02 .titulo {width: 70%; padding-bottom: 6px; margin-bottom: 50px; background-size: 12%}
	.bl02 .titulo h1 {font-size: 2.8em; padding-top: 0px}
	.bl02 .titulo span {letter-spacing: 8px; font-size: 1.1em;}
	.bl-noticia-home a h2 {font-weight: bold}
	.bl03 .titulo {width: 78%; margin-bottom: 60px; padding-bottom: 5px; background-size: 12%}
	.bl03 .titulo h1 {font-size: 3em; padding-top: 0px}
	.bl03 .titulo span {letter-spacing: 8px; font-size: 1.1em}
	.bl04 .titulo {width: 88%; margin-bottom: 50px; padding-bottom: 8px; background-size: 12%}
	.bl04 .titulo h1 {font-size: 3em; padding-top: 2px}
	.bl04 .titulo span {letter-spacing: 8px; font-size: 1em}
	.bl05 .titulo {width: 92%; margin-bottom: 25px; padding-bottom: 10px; background-size: 8%}
	.bl05 .titulo h1 {font-size: 2.5em; padding-top: 0px}
	.bl05 .titulo span {letter-spacing: 8px; font-size: 1.1em}
	.bl06 .titulo {width: 92%; margin-bottom: 16px; padding-bottom: 12px; background-size: 8%}
	.bl06 .titulo h1 {font-size: 2.3em; padding-top: 3px}
	.bl06 .titulo span {letter-spacing: 8px; font-size: 1.1em}
	.bl07 .titulo {width: 90%; margin-bottom: 50px; padding-bottom: 10px; background-size: 9%}
	.bl07 .titulo h1 {font-size: 2.5em; padding-top: 3px}
	.bl07 .titulo span {letter-spacing: 2px; font-size: 1.1em}
	.pagina .titulo {width: 80%; padding-bottom: 10px; margin: 0}
	.pagina h1 {font-size: 1.6em; letter-spacing: -2px; padding-top: 15px;}
	.pagina h1 span {font-size: 0.2em; margin-top: 8px; letter-spacing: 12px}
	.bl04 ul li img {width: 130px; height: 130px}
	.bl04 ul li a {font-size: 1.4em}
	.bl04 .play {position: absolute; top: 30%; left: 50%; width: 34px; height: 34px; background-size: 100%; margin-left: -17px}
	.bl04 .overlay {top: 12px; width: 130px; height: 130px; margin-left: -65px}
	.veja-mais ul li a {font-size: 1.6em}
	.veja-mais ul li img {width: 40%; height: auto; float: left; padding-right: 5px}
	
}