body {padding:0; margin:0; line-height:28px; overflow-x:hidden; font-family:'Libre Franklin'; color:#666; font-size:16px}

body a {color:inherit !important; text-decoration:none}

.clear {clear:both}

input, textarea, select {outline:none; font-family:'Libre Franklin'; color:#666; font-size:14px; box-sizing: border-box;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 0.3; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
	opacity: 0.3;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
	opacity: 0.3;
}

h1,h2,h3 {margin:0; padding:0; font-weight:normal}

@media only screen and (min-width: 1025px) {	

#fix_responsivo {width:0; height:0; display:none}
#header_responsivo {display:none}

#fix {width:100%; height:60px; display:none}

#sobe {background:url(../Imagens/icone_seta_cima.png) center center no-repeat #878792; position:fixed; z-index:999; width:50px; height:50px; background-size:60%; bottom:-100px; right:15px; border-radius:100px; cursor:pointer; transition:0.3s}

#top {width:100%; min-width:1200; background:#111E30}
#top .area {width:1200px; height:50px; line-height:50px; font-size:14px; color:#999; margin:0 auto;}
#top .area img.atendimento {width:auto; height:20px; opacity:0.4; display:inline-block; vertical-align:middle; margin:0 6px 0 0}
#top .area .redes_sociais {float:right; text-align:right;}
#top .area .redes_sociais img {width:auto; height:20px; opacity:0.4}
#top .area .redes_sociais a {display:inline-block; vertical-align:middle; margin:-2px 0 0 10px}
#top .area .redes_sociais a:last-of-type { margin:-2px 0 0 16px}

#header {width:100%; min-width:1200px; background:#fff}
#header .area {width:1200px;  height:200px; margin:0 auto; text-align:right}
#header .area .logomarca {background:url(../Imagens/logomarca.png) left center no-repeat; background-size:contain; width:320px; height:170px; margin:15px 0 0; float:left}
#header .area .email {display:inline-block; text-align:left; margin:79px 40px 0 0; font-size:14px; line-height:24px;}
#header .area .email .icone {width:50px; height:50px; border:1px solid #ddd; background:url(../Imagens/icone_email.png) center center no-repeat; background-size:45%; border-radius:100px; margin:0 10px 0 0; display:inline-block; vertical-align:middle; box-shadow:0px 5px 20px rgba(0,0,0,0.05);}
#header .area .email span {display:inline-block; vertical-align:middle}
#header .area .email span strong {display:block}
#header .area .email a:hover {text-decoration:underline}
#header .area .tels {display:inline-block; text-align:left; margin:0 40px 0 0; font-size:14px; line-height:24px;}
#header .area .tels .icone {width:50px; height:50px; border:1px solid #ddd; background:url(../Imagens/icone_tel.png) center center no-repeat; background-size:40%; border-radius:100px; margin:0 10px 0 0; display:inline-block; vertical-align:middle; box-shadow:0px 5px 20px rgba(0,0,0,0.05);}
#header .area .tels span {display:inline-block; vertical-align:middle}
#header .area .tels span strong {display:block}
#header .area .endereco {display:inline-block; text-align:left; font-size:14px; line-height:24px;}
#header .area .endereco .icone {width:50px; height:50px; border:1px solid #ddd; background:url(../Imagens/icone_endereco.png) center center no-repeat; background-size:40%; border-radius:100px; margin:0 10px 0 0; display:inline-block; vertical-align:middle; box-shadow:0px 5px 20px rgba(0,0,0,0.05);}
#header .area .endereco span {display:inline-block; vertical-align:middle}

#menu {width:100%; min-width:1200px; background:#fff; position:relative; top:0; z-index:999; box-shadow:0px 20px 30px rgba(0,0,0,0.05);}
#menu ul {width:1200px; margin:0 auto; padding:0; text-align:center; border-top:1px solid #eee; font-size:0}
#menu li {display:inline-block; line-height:60px; height:60px; color:#111E30; font-size:14px; font-weight:700; position:relative; transition:all 0.3s}
#menu li a {display:block; padding:0 30px;}
#menu li .underline {bottom:0; left:0; right:0; height:0; background:#9F8F79; position:absolute; z-index:9; transition:all 0.3s}
#menu li:hover .underline {height:4px;}

#banner {width:100%; min-width:1200px; height:auto; position:relative; overflow:hidden}

#conteudo {width:100%; min-width:1200px}

.miolo {width:1200px; margin:50px auto; text-align:justify}
.titulo_pagina {font-size:40px; font-weight:200; line-height:50px; margin-bottom:40px; color:#9F8F79;}

.subtitulo_pagina {font-size:26px; font-weight:200; line-height:30px; margin-bottom:30px; color:#9F8F79;}
.subtitulo_pagina.meio {margin-top:40px;}

.titulo_chamada {font-size:40px; font-weight:200; line-height:50px; margin-bottom:40px; color:#9F8F79;}
.center {text-align:center}

.bt_mais {display:table; padding:15px 40px; margin:30px 0 0; border:2px solid #9F8F79; background:none; color:#9F8F79; transition:all 0.3s}
.bt_mais:hover {background:#9F8F79; color:#fff}

#introducao {width:1200px; margin:100px auto; position:relative}
#introducao .col_img {width:500px; top:0; bottom:0; left:0; position:absolute; background:url(../Imagens/img_home.jpg) center top no-repeat; background-size:cover}
#introducao .col_txt {width:600px; float:right}

#servicos {width:100%; min-width:1200px; background:#f5f5f5; padding:80px 0; text-align:center}
#servicos .area {width:1200px; margin:0 auto;}
#servicos .area .titulo_chamada {margin-bottom:50px}
#servicos .area .servico {width:262.5px; text-align:left;}
#servicos .area a {float:left; margin:10px 50px 10px 0;}
#servicos .area a:nth-of-type(4n) {margin:10px 0 10px 0}
#servicos .area .servico .img {width:242.5px; height:242.5px; border-radius:500px; margin:0 auto; transition:all 0.3s}
#servicos .area .servico .titulo {margin:20px 0; text-align:center; font-size:26px; line-height:30px; font-weight:200;}
#servicos .area .servico:hover .img {opacity:0.4}

#chamada {width:100%; min-width:1200px; color:#fff; text-align:center; padding:80px 0;}
#chamada span.chamada {width:700px; margin:0 auto; display:block; text-align:center;}
#chamada .eventos {margin:20px 0 0;}
#chamada .eventos .evento {width:500px; display:inline-block; vertical-align:top; margin:0 20px;}
#chamada .eventos .evento .img {width:500px; height:300px;}
#chamada .eventos .evento .titulo {margin:20px 0; text-align:center; font-size:22px; line-height:30px; font-weight:200;}

#agendamento {width:1200px; margin:90px auto; position:relative}
#agendamento .col_txt {width:600px; float:left}
#agendamento .col_img {width:500px; top:0; bottom:0; right:0; position:absolute; background:url(../Imagens/img_home.jpg) center top no-repeat; background-size:cover}

#instituicoes {width:1200px; margin:90px auto 60px; text-align:center}
#instituicoes .img {width:200px; height:160px; display:inline-block; vertical-align:top; margin:0 60px}

#mapas {background:#f5f5f5; padding:40px 0}
#mapas .area {width:1200px; margin:0 auto; font-size:0;}
#mapas .area iframe {display:inline-block; width:557px; vertical-align:middle}
#mapas .area span {display:inline-block; vertical-align:middle; width:4px; height:350px; margin:0 40.5px; background:#ddd;}

img.dr {float:right; width:350px; height:auto; margin:0 0 50px 50px}

.especialidades ul {float:left; margin:0 60px 0 0}

#procedimentos .procedimento {width:366px; height:150px;}
#procedimentos a {float:left; margin:0 50px 50px 0}
#procedimentos a:nth-of-type(3n) {margin:0 0 50px 0}
#procedimentos .procedimento .img {width:367px; height:120px; background:#000;} 
#procedimentos .procedimento .titulo {margin:10px 0 0; text-align:left; font-size:22px; line-height:26px; font-weight:200;}

iframe.video {width:600px; height:330px; float:right; margin:0 0 50px 50px}

.sintomas {float:left; margin:0 60px 0 0}

#galeria {margin:40px 0 0}
#galeria .img {width:182.5px; height:150px;}
#galeria a {float:left; margin:0 21px 21px 0}
#galeria a:nth-of-type(6n) {margin:0 0 21px 0}

.col_unidade {float:left; padding-right:40px; border-right:4px solid #eee;}
.col_unidade strong {display:block}
.col_unidade iframe {width:558px; display:block; margin:20px 0 0}
.col_unidade:last-of-type {float:right; padding:0; border:none}

.col_contato {float:left; width:400px;}
.col_contato strong {display:table}
.col_contato a.mail {display:table; margin-top:10px;}
.col_contato a:hover {text-decoration:underline}
.col_form {width:730px; float:right;}
.col_form input[type="text"] {width:355px; outline:none; padding:0 10px; background:#eee; border:none; height:40px; line-height:40px; margin:0 20px 20px 0; float:left;}
.col_form input[type="text"]:nth-of-type(2n) {margin:0 0 20px}
.col_form select.maior {width:730px; float:right; outline:none; padding:0 10px; background:#eee; border:none; height:40px; line-height:40px; margin:0 0 20px;}
.col_form textarea {padding:10px; outline:none; width:730px; height:180px; background:#eee; border:none;}
.col_form .bt_envia {display:table; padding:15px 40px; margin:30px 0 0; border:2px solid #9F8F79; background:none; color:#9F8F79; transition:all 0.3s}
.col_form .bt_envia:hover {background:#9F8F79; color:#fff}

#rodape {background:#112337; min-width:1200px; font-size:14px;}
#rodape .area {width:1200px; position:relative; display:table; margin:0 auto; padding:50px 0; color:#fff}
#rodape .area .col {float:left; display:inline-block; min-height:210px; margin-right:28px; padding-right:28px; border-right:1px solid rgba(255,255,255,0.1)}
#rodape .area .col:last-of-type {margin:0; max-width:320px; font-size:0; padding:0; border:none}
#rodape .area .col .titulo {margin-bottom:20px; font-size:20px; color:rgba(255,255,255,0.6);}
#rodape .area .col strong {display:block}
#rodape .area .col a.mail {display:table}
#rodape .area .col a:hover {text-decoration:underline}
#rodape .area .col ul {padding:0 0 0 16px; margin:0;}
#rodape .area .col li:hover {text-decoration:underline; cursor:pointer}
#rodape .area .col .convenio {width:100px; height:80px; display:inline-block; vertical-align:top; margin-right:5px;}
#rodape .area .col .convenio:last-of-type {margin:0}

#assinatura {width:1200px; margin:0 auto; line-height:60px; font-size:14px}
#assinatura br {display:none}
#assinatura .direitos {float:left;}
#assinatura .desenvolvimento {float:right}

#aviso_cookies {position:fixed; bottom:20px; left:20px; right:20px; z-index:99999; text-align:center; background:#fff; padding:20px; border-radius:10px; box-shadow:0 0 5px 5px rgba(0,0,0,0.05);}
#aviso_cookies .txt {display:inline-block; vertical-align:middle; width:calc(100% - 231px); font-size:13px;}
#aviso_cookies .txt a {text-decoration:underline;}
#aviso_cookies .bt_fechar {display:inline-block; vertical-align:middle; cursor:pointer; width:180px; font-size:13px; padding:8px; border-radius:5px; background:#111E30; color:#fff;}
}

@media only screen and (max-width: 1024px) {	

#fix {width:0; height:0; display:none}
#sobe {display:none}
#top {display:none}
#header {display:none}
#menu {display:none}

#fix_responsivo {width:100%; height:86px;}

#header_responsivo {position:fixed; top:0; z-index:999; width:100%; background:#fff; box-shadow:0px 15px 15px rgba(0,0,0,0.05);}
#header_responsivo .area {position:relative; width:100%;}
#header_responsivo .area .logomarca {position:absolute; left:15px; bottom:10px; width:140px; height:70px; background:url(../Imagens/logomarca.png) left center no-repeat; background-size:contain;}
#header_responsivo .area .bt_menu {float:right; width:50px; height:50px; background:url(../Imagens/icone_menu.png) center center no-repeat; background-size:60%; margin:18px 5px 18px 0}
#header_responsivo ul {padding:0; display:none; list-style:none; margin:0; background:#111E30;}
#header_responsivo li {min-height:34px; border-bottom:1px solid rgba(255,255,255,0.2); font-size:15px; text-align:center; color:#fff;}
#header_responsivo li a {display:block}
#header_responsivo li span {margin:16px; display:inline-block;}

#banner {width:100%; height:auto; position:relative; overflow:hidden}

#conteudo {width:100%;}

.miolo {margin:30px 20px; text-align:justify}

.titulo_pagina {font-size:30px; font-weight:200; line-height:34px; margin-bottom:20px; color:#9F8F79; text-align:left}

.subtitulo_pagina {font-size:20px; font-weight:200; line-height:24px; margin-bottom:20px; text-align:left; color:#9F8F79;}
.subtitulo_pagina.meio {margin-top:30px;}

.titulo_chamada {font-size:30px; font-weight:200; line-height:34px; margin-bottom:20px; color:#9F8F79; text-align:left;}
.center {text-align:center}

.bt_mais {display:table; padding:15px 40px; margin:20px auto 0; border:2px solid #9F8F79; background:none; color:#9F8F79; transition:all 0.3s}
.bt_mais:hover {background:#9F8F79; color:#fff}

#introducao {margin:30px 20px; position:relative; text-align:center}
#introducao .col_img {width:100%; max-width:400px; padding-bottom:60%; margin:30px auto 0; background:url(../Imagens/img_home.jpg) center top no-repeat; background-size:cover}

#servicos {background:#f5f5f5; padding:30px 20px 10px; text-align:center}
#servicos .area .titulo_chamada {margin-bottom:30px}
#servicos .area .servico {width:262.5px; text-align:left;}
#servicos .area a {margin:10px auto 0; display:table;}
#servicos .area a:nth-of-type(4n) {margin:0 auto}
#servicos .area .servico .img {width:242.5px; height:242.5px; border-radius:500px; margin:0 auto; transition:all 0.3s}
#servicos .area .servico .titulo {margin:20px 0; text-align:center; font-size:26px; line-height:30px; font-weight:200;}
#servicos .area .servico:hover .img {opacity:0.4}

#chamada {color:#fff; text-align:center; padding:30px 20px 10px;}
#chamada span.chamada {margin:0 auto; display:block; text-align:center;}
#chamada .eventos {margin:30px 0 0;}
#chamada .eventos .evento {margin:20px auto 0; width:100%; max-width:400px; display:table;}
#chamada .eventos .evento .img {width:100%; padding-bottom:80%;}
#chamada .eventos .evento .titulo {margin:20px 0; text-align:center; font-size:22px; line-height:30px; font-weight:200;}

#agendamento {margin:30px 20px; text-align:center}
#agendamento .col_img {width:100%; max-width:400px; padding-bottom:60%; margin:30px auto 0; background:url(../Imagens/img_home.jpg) center top no-repeat; background-size:cover}

#instituicoes {margin:30px 20px; text-align:center}
#instituicoes .titulo_chamada {margin-bottom:40px !important}
#instituicoes .img {width:200px; height:140px; background-position: center center !important; background-size:contain !important; display:table; margin:10px auto 0;}

#mapas {background:#f5f5f5; padding:30px 20px}
#mapas .area iframe {width:100%; height:300px; margin-bottom:20px;}
#mapas .area span {display:none}

img.dr {width:100%; max-width:400px; height:auto; margin:0 auto 30px; display:table;}

.especialidades ul {text-align:left; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0}

#procedimentos .procedimento {width:100%;}
#procedimentos a {width:100%; max-width:400px; display:table; margin:0 auto 30px;}
#procedimentos a:last-of-type) {margin:0 auto}
#procedimentos .procedimento .img {width:100%; height:120px;} 
#procedimentos .procedimento .titulo {margin:10px 0 0; text-align:left; font-size:22px; line-height:26px; font-weight:200;}

iframe.video {width:100%; max-width:400px; height:200px; display:table; margin:0 auto 20px;}

.sintomas {text-align:left; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0}

#galeria {margin:30px 0 0}
#galeria .img {width:100%; padding-bottom:60%;}
#galeria a {width:100%; max-width:400px; display:table; margin:0 auto 20px;}
#galeria a:last-of-type {margin:0 auto}

.col_unidade {margin:0 0 20px}
.col_unidade strong {display:block}
.col_unidade iframe {width:100%; height:300px; display:block; margin:20px 0 0}
.col_unidade:last-of-type {margin:0}

.col_contato {margin:0 0 20px}
.col_contato strong {display:table}
.col_contato a.mail {display:table; margin-top:10px;}
.col_contato a:hover {text-decoration:underline}
.col_form input[type="text"] {width:100%; outline:none; padding:0 10px; background:#eee; border:none; height:40px; line-height:40px; margin:0 0 20px;}
.col_form textarea {padding:10px; outline:none; width:100%; height:180px; background:#eee; border:none;}
.col_form .bt_envia {display:table; padding:15px 40px; margin:30px auto 0; border:2px solid #9F8F79; background:none; color:#9F8F79; transition:all 0.3s}
.col_form .bt_envia:hover {background:#9F8F79; color:#fff}

#rodape {background:#112337; font-size:14px;}
#rodape .area {padding:30px 20px; text-align:center; color:#fff}
#rodape .area .col {margin:0 0 20px}
#rodape .area .col:last-of-type {margin:0;}
#rodape .area .col .titulo {margin-bottom:20px; font-size:20px; color:rgba(255,255,255,0.6);}
#rodape .area .col strong {display:block}
#rodape .area .col a.mail {display:table; margin:0 auto;}
#rodape .area .col a:hover {text-decoration:underline}
#rodape .area .col ul {padding:0 0 0 16px; margin:0; list-style:none}
#rodape .area .col li:hover {text-decoration:underline; cursor:pointer}
#rodape .area .col .convenio {width:100px; height:80px; display:inline-block; vertical-align:top; margin-right:5px;}
#rodape .area .col .convenio:last-of-type {margin:0}

#assinatura {padding:20px; font-size:14px; line-height:24px; text-align:center}
#assinatura br {display:block}

#aviso_cookies {position:fixed; bottom:20px; left:20px; right:20px; z-index:99999; text-align:center; background:#fff; padding:20px; border-radius:10px; box-shadow:0 0 5px 5px rgba(0,0,0,0.05);}
#aviso_cookies .txt {font-size:14px;}
#aviso_cookies .txt a {text-decoration:underline;}
#aviso_cookies .bt_fechar {margin:20px 0 0; cursor:pointer; padding:10px 15px; border-radius:5px; background:#111E30; color:#fff;}
}