img { border: 0 none; }
a { text-decoration: none; }
html, body, h1, h2, h3, h4, h5, h6, ul, li, a, p, textarea, input, form, nav, header, footer, section, article, figure, figcapton, select, fieldset, legend, aside {
  margin: 0; padding: 0; resize: none; outline: none;
}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after, ul:after, p:after, textarea:after, form:after, nav:after, header:after, footer:after, section:after, article:after, figure:after, figcapton:after, fieldset:after, div:after {
  content: "."; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden;
}
ul { list-style: none; }
::selection { background-color: #761e5a; color: #fff; }
::-moz-selection { background-color: #761e5a; color: #fff; }
.none { display: none; }

/* FONTES DIRETO DO WAYBACK MACHINE */
@font-face {
  font-family: "estaregular";
  src: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Fonte/esta-webfont.eot");
  src: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Fonte/esta-webfont.eot#iefix") format("embedded-opentype"),
       url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Fonte/esta-webfont.woff2") format("woff2"),
       url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Fonte/esta-webfont.woff") format("woff"),
       url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Fonte/esta-webfont.ttf") format("truetype"),
       url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Fonte/esta-webfont.svg#estaregular") format("svg");
  font-weight: normal; font-style: normal;
}

/* IMAGENS DE FUNDO DIRETO DO WAYBACK MACHINE */
#header {
  width: 100%;
  background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/fundo-principal.jpg") no-repeat center top;
}
#institulo-elo {
  background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/logo.png") no-repeat;
  width: 315px; height: 66px; cursor: pointer; position: absolute; left: 20px; top: 20px;
}
@media (min-width: 400px) { #institulo-elo { width: 315px; height: 66px; background-size: cover; } }
@media (max-width: 399px) { #institulo-elo { width: 235px; height: 49px; background-size: cover; } }
@media (min-width: 1025px) { #menu-principal { display: block; } }
@media (max-width: 1024px) { #menu-principal { display: none; } }

#ul-menu-principal { display: table; position: absolute; right: 20px; top: 50px; }
#ul-menu-principal li { display: block; float: left; color: #fff; margin: 20px; font-size: 18px; cursor: pointer; padding: 5px 20px 5px 20px; border: 1px solid transparent; }
#ul-menu-principal li:hover { border-radius: 20px; border: 1px solid #e2e3e4; }
#cont-menu-mob { position: relative; z-index: 9999999; }
@media (min-width: 1042px) { #cont-menu-mob { display: none; } }
@media (max-width: 1041px) { #cont-menu-mob { display: block; } }
#topo-fixed { position: fixed; width: 100%; background-color: #fff; border-top: 1px solid #cdcecf; border-bottom: 1px solid #cdcecf; z-index: 999999; display: none; }
#topo-fixed .conteudo { padding: 20px; }
#topo-fixed h2 {
  background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/logo-menu.png") no-repeat;
  background-size: cover; width: 234px; height: 49px; display: block; float: left; cursor: pointer;
}
#topo-fixed nav { display: block; float: right; padding-top: 15px; }
#ul-menu-principal2 li { display: block; float: left; padding: 5px 20px 5px 20px; text-align: center; border: 1px solid #fff; color: #a3a5a8; font-size: 17px; cursor: pointer; }
#ul-menu-principal2 li:hover { border-radius: 20px; border: 1px solid #e2e3e4; }
@media (min-width: 1025px) { #contato-header { position: absolute; bottom: 20px; right: 20px; color: #fff; font-style: normal; text-align: right; } }
@media (max-width: 1024px) { #contato-header { position: absolute; bottom: 20px; right: 20px; left: 20px; color: #fff; font-style: normal; text-align: center; } }
#contato-header .fa-facebook { border-radius: 50%; border: 1px solid #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; }
.pagina { position: relative; }
.artigo { display: block; overflow-y: auto; color: #fff; margin: auto; line-height: 25px; font-size: 17px; }
.texto-tratamento { width: 80%; padding: 0 10% 0 10%; }
.texto-medico { width: 80%; padding: 0 10% 0 10%; }
#institucional { background-color: #ffb3a4; }

@media (min-width: 750px) {
  #institucional .i1 .l { width: 50%; float: left; }
  #institucional .i1 .l .sup {
    background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/inst-fundo-tit.jpg") no-repeat top center; background-size: cover;
  }
  #institucional .i1 .l .sup h2 { padding-top: 20%; display: block; width: 47%; color: #acaeb0; margin: auto; }
  @media (min-width: 1100px) { #institucional .i1 .l .sup h2 { font-size: 35px; line-height: 45px; text-align: right; } }
  @media (max-width: 1009px) { #institucional .i1 .l .sup h2 { font-size: 25px; line-height: 35px; text-align: center; } }
  #institucional .i1 .l .inf { background-size: cover; position: relative; }
  #institucional .i1 .l .inf img { display: table-cell; vertical-align: middle; width: 173px; height: 173px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
  #institucional .i1 .r {
    display: block; width: 50%; float: right;
    background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/inst-fundo.jpg") no-repeat right bottom; background-size: cover;
  }
}
@media (max-width: 749px) {
  #institucional .i1 .l { width: 100%; float: left; }
  #institucional .i1 .l .sup {
    background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/inst-fundo-tit.jpg") no-repeat top center; background-size: cover; position: relative;
  }
  #institucional .i1 .l .sup h2 { padding-top: 10%; display: block; width: 47%; color: #acaeb0; margin: auto; font-size: 30px; line-height: 40px; text-align: center; }
  #institucional .i1 .l .inf { background-size: cover; position: relative; }
  #institucional .i1 .l .inf img { display: table-cell; vertical-align: middle; width: 173px; height: 173px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
  #institucional .i1 .r { display: none; }
}
@media (min-width: 750px) {
  #institucional .i2 .l { width: 50%; float: left; }
  #institucional .i2 .l .sup {
    background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/recepcao.jpg") no-repeat top center; background-size: cover; display: block;
  }
  #institucional .i2 .l .inf { background-color: #ffb3a4; display: table-cell; vertical-align: middle; }
  .cont-table-noticias { width: 80%; height: 60%; overflow-y: auto; margin: auto; }
  #table-noticias { width: 100%; margin: auto; margin-top: 10px; color: #fff; }
  #table-noticias tr { height: 50px; }
  #table-noticias td { vertical-align: top; }
  #table-noticias .separador { height: 1px; width: 40px; background-color: #fff; margin-top: 9px; margin-left: 10px; margin-right: 10px; }
  #table-noticias .titulo { text-transform: uppercase; font-style: italic; cursor: pointer; }
  #institucional .i2 .r { width: 50%; float: right; background-color: #fff; display: table-cell; vertical-align: middle; }
  #institucional .i2 .r .texto-noticia { width: 70%; margin: auto; color: gray; display: none; }
  #institucional .i2 .r .texto-noticia:first-child { display: block; }
}
@media (max-width: 749px) {
  #institucional .i2 { height: auto !important; }
  #institucional .i2 .l { width: 100%; float: none; height: auto !important; }
  #institucional .i2 .l .sup { display: none; }
  #institucional .i2 .l .inf { background-color: #ffb3a4; display: table-cell; vertical-align: middle; }
  .cont-table-noticias { width: 80%; height: 90%; overflow-y: auto; margin: auto; }
  #table-noticias { width: 100%; margin: auto; margin-top: 10px; color: #fff; }
  #table-noticias tr { height: 50px; }
  #table-noticias td { vertical-align: top; }
  #table-noticias .separador { height: 1px; width: 40px; background-color: #fff; margin-top: 9px; margin-left: 10px; margin-right: 10px; }
  #table-noticias .titulo { text-transform: uppercase; font-style: italic; cursor: pointer; }
  #institucional .i2 .r { width: 100%; float: none; height: auto !important; background-color: #fff; display: table-cell; vertical-align: middle; }
  #institucional .i2 .r .texto-noticia { width: 70%; height: auto !important; margin-top: 40px !important; margin-bottom: 40px !important; margin: auto; color: gray; display: none; }
  #institucional .i2 .r .texto-noticia:first-child { display: block; }
}

#banner ul, #banner ul li { width: 100%; background-size: contain; }

@media (min-width: 750px) {
  .tratamento .l { width: 50%; font-size: 30px; float: left; display: table; vertical-align: middle; text-transform: uppercase; text-align: center; }
  .tratamento .l h3 { display: table-cell; vertical-align: middle; font-weight: normal; }
  .tratamento .r { position: relative; z-index: 9; width: 50%; float: right; display: table; }
  .tratamento .r .ponta { width: 70px; height: 142px; content: ""; visibility: visible; display: block; position: absolute; left: -70px; }
}
@media (max-width: 749px) {
  .tratamento { height: auto !important; }
  .tratamento .l { width: 100%; font-size: 30px; display: table; vertical-align: middle; text-transform: uppercase; text-align: center; }
  .tratamento .l h3 { display: table-cell; vertical-align: middle; font-weight: normal; }
  .tratamento .r { width: 100%; height: auto !important; position: relative; z-index: 9; float: right; display: table; }
  .tratamento .r article { width: 80%; height: auto !important; margin-top: 0 !important; padding-top: 40px; padding-bottom: 40px; display: block; overflow-y: hidden; color: #fff; margin: auto; line-height: 25px; }
  .tratamento .r .ponta { display: none; }
}

#ortopedia { background-color: #89d0c8; }
#ortopedia .l { background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/fundo-ortopedia.jpg") no-repeat; background-size: cover; color: #000; }
#ortopedia .l h3 { color: #a5665b; }
#ortopedia .r { background-color: #89d0c8; }
#ortopedia .r .ponta { background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/pverde.png") no-repeat; }

#fisiatria { background-color: #7c4338; }
#fisiatria .l { background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/fundo-fisiatria.jpg") no-repeat; background-size: cover; }
#fisiatria .l h3 { color: #fff; }
#fisiatria .r { background-color: #7c4338; }
#fisiatria .r .ponta { background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/pmarrom.png") no-repeat; }

#fisioterapia { background-color: #ffb3a4; }
#fisioterapia .l { background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/fundo-fisioterapia.jpg") no-repeat; background-size: cover; }
#fisioterapia .l h3 { color: #a5665b; }
#fisioterapia .r { background-color: #ffb3a4; }
#fisioterapia .r .ponta { background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/prosa.png") no-repeat; }

@media (min-width: 750px) { #corpo-clinico { background-color: #ccb8b2; min-height: 700px; } }
@media (max-width: 749px) { #corpo-clinico { background-color: #ccb8b2; height: auto !important; } }
#corpo-clinico .left { background-color: #ccb8b2; color: #c6f3ed; display: table; min-height: 700px; }
@media (min-width: 870px) { #corpo-clinico .left { width: 50%; float: left; } }
@media (max-width: 869px) { #corpo-clinico .left { width: 100%; float: none; height: auto !important; } }
#corpo-clinico ul { display: table-cell; display: block; }
@media (min-width: 870px) { #corpo-clinico ul { margin: 130px 0 0 40px; vertical-align: middle; } }
@media (max-width: 869px) { #corpo-clinico ul { margin: 40px 20px 40px 20px !important; vertical-align: middle; } }
#corpo-clinico ul li { display: block; height: auto !important; }
#corpo-clinico .left ul li .tit-medico { font-size: 20px; padding: 5px 20px 5px 20px; border-radius: 20px; display: table; cursor: pointer; border: 1px solid transparent; }
#corpo-clinico .left ul li .especialidade { font-size: 15px; color: #fff; cursor: pointer; padding-left: 20px; padding-bottom: 10px; }
#corpo-clinico .left ul li:hover .tit-medico { border: 1px solid #89d0c8; }
#corpo-clinico .left ul li:hover .especialidade { color: #c6f3ed; padding-left: 20px; }
#corpo-clinico .right { background-color: #fbded7; width: 50%; float: right; display: table !important; min-height: 700px; }
@media (min-width: 870px) { #corpo-clinico .right { width: 50%; float: right; } }
@media (max-width: 869px) { #corpo-clinico .right { width: 100%; float: none; } }
@media (min-width: 1024px) { #corpo-clinico .right .cont-texto { float: right; width: 60%; padding-right: 20px; } }
@media (max-width: 1023px) { #corpo-clinico .right .cont-texto { margin: auto; height: auto !important; width: 80%; padding-top: 40px; } }
@media (min-width: 750px) { #corpo-clinico .right .texto { color: #808082; display: none; } }
@media (max-width: 749px) { #corpo-clinico .right .texto { color: #808082; display: none; height: auto !important; } }
#corpo-clinico .right .texto:first-child { display: block; }
#corpo-clinico .right .texto strong { font-size: 27px; font-weight: 700; }

.foto { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; z-index: 999; margin-top: 130px; }
.foto .mascara-foto { position: absolute; z-index: 999; }
.foto .imagem-medico { display: none; }
.foto .imagem-medico:nth-child(1), .foto .imagem-medico:nth-child(2) { display: block; }
@media (min-width: 1024px) { .foto { width: 282px; height: 412px; } .foto img { width: 282px; height: 412px; } }
@media (max-width: 1023px) { .foto { display: none; } }

#contato { background-color: #89d0c8; }
@media (min-width: 750px) {
  #contato .l { width: 50%; float: left; }
  #contato .l .sup { min-height: 300px; background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/mapa.png") no-repeat center 0; background-size: cover; }
  #contato .l .inf { min-height: 400px; background-color: #fff; padding: 40px; }
  #contato .l .inf form ul { display: table; margin: auto; }
  #contato .l .inf form ul li { height: 40px; display: block; padding-bottom: 10px; }
  #contato .l .inf form ul .li-mensagem { height: 80px; }
  #contato .l .inf form label { display: block; float: left; width: 80px; color: #adafb1; font-weight: normal; }
  #contato .l .inf form input[type="text"], #contato .l .inf form input[type="email"] { display: block; float: left; width: 250px; color: #adafb1; border: none; border: 1px solid #adafb1; color: gray; }
  #contato .l .inf form textarea { width: 250px; color: #adafb1; height: 60px; color: gray; }
  #contato .l .inf form input[type="submit"] { border: none; background-color: #fff; color: #adafb1; border: 1px solid #adafb1; padding: 10px 30px 10px 30px; display: block; float: right; font-style: italic; }
  #contato .l .inf form input[type="submit"]:hover { background-color: #f3f3f3; color: gray; }
  #contato .r { width: 50%; float: right; }
  #contato .r .sup { min-height: 300px; color: #fff; }
  #contato .r .sup h3 { display: block; float: left; padding: 0 20px 0 20px; font-size: 40px; width: 200px; margin-top: 130px; margin-left: 30px; }
  #contato .r .sup .convenios { display: block; float: right; }
  .convenios table { border-spacing: 10px; border-collapse: separate; border-collapse: collapse; margin-left: 40px; margin-top: 130px; }
  .convenios table tr td { padding: 5px; }
  #contato .r .inf { color: #fff; min-height: 400px; background-color: #73a8a0; padding: 40px; }
  #contato .r .inf strong { display: block; }
  #contato .r .inf address { display: block; padding: 15px 0 15px 0; margin-bottom: 0; }
}
@media (max-width: 749px) {
  #contato .l { width: 100%; float: left; }
  #contato .l .sup { min-height: 300px; background: url("https://web.archive.org/web/20250719111659im_/http://institutoelo.net/Content/Layout/Imagens/mapa.png") no-repeat center 0; background-size: cover; }
  #contato .l .inf { min-height: 400px; background-color: #fff; padding: 40px; }
  #contato .l .inf form ul { display: table; margin: auto; }
  #contato .l .inf form ul li { height: 40px; display: table; padding-bottom: 10px; }
  #contato .l .inf form ul .li-mensagem { height: 80px; }
  #contato .l .inf form label { display: block; float: left; width: 80px; color: #adafb1; font-weight: normal; }
  #contato .l .inf form input[type="text"], #contato .l .inf form input[type="email"] { display: block; float: left; width: 250px; color: #adafb1; border: none; border: 1px solid #adafb1; color: gray; }
  #contato .l .inf form textarea { width: 250px; color: #adafb1; height: 60px; color: gray; }
  #contato .l .inf form input[type="submit"] { border: none; background-color: #fff; color: #adafb1; border: 1px solid #adafb1; padding: 10px 30px 10px 30px; display: block; float: right; font-style: italic; }
  #contato .l .inf form input[type="submit"]:hover { background-color: #f3f3f3; color: gray; }
  #contato .r { width: 100%; float: right; }
  #contato .r .sup { min-height: 300px; color: #fff; }
  #contato .r .sup .cont-convenios { float: none; margin: 0 auto; display: table; }
  #contato .r .sup h3 { display: block; float: left; padding: 0 20px 0 20px; font-size: 40px; width: 200px; margin-top: 130px; margin-left: 30px; }
  #contato .r .sup .convenios { display: block; float: left; }
  .convenios table { border-spacing: 10px; border-collapse: separate; border-collapse: collapse; margin-left: 40px; margin-top: 130px; }
  .convenios table tr td { padding: 5px; }
  #contato .r .inf { color: #fff; min-height: 400px; background-color: #73a8a0; padding: 40px; text-align: center; }
  #contato .r .inf strong { display: block; }
  #contato .r .inf address { display: block; padding: 15px 0 15px 0; margin-bottom: 0; }
}

body { overflow-x: hidden; background-color: #e2e2e4; }
.none { display: none !important; }
.div-quebra { clear: both; }
.div-centro { width: 1240px; margin: auto; }
.centro { margin: auto; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.block { display: block; }
.table { display: table !important; }
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.left { float: left; }
.right { float: right; }
.texto-centro { text-align: center; }
.red { background-color: red; }
@media (min-width: 1240px) { .conteudo-pag { width: 1240px; margin: auto; } }
@media (max-width: 1239px) { .conteudo-pag { width: 100%; } }
.f1-r { font-family: "estaregular"; }
.borda-fonte { text-shadow: -2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, 0 -2px 1px #000, 0 2px 1px #000, -2px 0 1px #000, 2px 0 1px #000; }
::-webkit-input-placeholder { color: #ffec81; }
:-moz-placeholder { color: #ffec81; opacity: 1; }
::-moz-placeholder { color: #ffec81; opacity: 1; }
:-ms-input-placeholder { color: #ffec81; }