html, body { margin: 0; padding: 0; height: 100%; background-color: #ffffff}
@font-face { font-family: open; src: url("fonts/opensans.ttf")}
@font-face { font-family: interr; src: url("fonts/interr.ttf")}
@font-face { font-family: interm; src:url("fonts/interm.ttf")}
@font-face { font-family: futu; src:url("fonts/futu.ttf")}
@font-face { font-family: futum; src:url("fonts/futum.otf")}
h1 { font-size: 22pt; color: #096B6A; font-weight: normal; font-family: futu; letter-spacing: -0.5px; margin: 0 0 0 0; padding: 0 }
h2 { font-size: 14pt; color: #135B5A; font-weight: normal; font-family: futum; letter-spacing: -0.5px; margin: 0 0 0 0; padding: 0 }
h3 { font-size: 14pt; color: #FFFFFF; font-weight: normal; font-family: futum; letter-spacing: -0.5px; margin: 0 0 0 0; padding: 0 }
h4 { font-size: 26pt; color: #FFFFFF; font-weight: normal; font-family: futu; letter-spacing: -0.5px; margin: 0 0 0 0; padding: 0 }
h5 { font-size: 21pt; color: #ffffff; font-weight: normal; font-family: futu; letter-spacing: -0.5px; margin: 0 0 0 0; padding: 0 }
/* MENU */
.logomenu {}
.logomenu img { position: absolute; transition: 1s all ease; top: 15px; height: 48px; left: 30px; }
.btagendar { }
.btagendar img { position: absolute; transition: 1s all ease; top: 24px; height: 32px; right: 30px; }
nav { position: fixed; top: 0; width: 100%; height: 80px; background-color: #ffffff; z-index: 9999; }
.menu { xbackground: red; height: 30px; position: absolute; right: 200px; top:25px; line-height: 30px}
.menu a { color: #606060; text-decoration: none; }
ul { height: 30px; float: left; padding: 0; margin: 0; font-family: interr; font-size: 11pt; transition: 0.8s all ease;}
li { xbackground: pink; height: 30px; float: left; padding: 0; margin: 0; width: auto; position: relative; list-style: none; }
.menu li a { display: block; padding: 0 20px 0 25px ; height: 20px; float: left; transition: all 0.5s linear; }
/* Esconder submenu */
ul.menu ul { position: absolute; display: none; }
/*nivel 2*/
.submenu-1 { background-image: url("img/bgsub.png"); height: auto; border-radius: 6px; margin: 0}
.submenu-1 a { color: #606060; font-family: interr; font-size: 10pt;}
.submenu-1 li { padding: 0 0 6px 0}
.submenu-1 li:hover>a { width: 100% }
/* Configurações nivel 2*/
.menu li:hover>ul.submenu-1 { display: block; top: 30px; left: 0; width: auto; }
.menu ul.submenu-1 a { width: 200px; height: 26px; margin: 0; xbackground-color: red}
/* Recolher animado */
.scrolled { transition: 0.4s ease-in-out; height: 40px; }
.scrolled ul { transition: 0.4s ease-in-out; top:5px; }
.scrolled img { transition: 0.5s all ease; top: 8px; height: 25px; }
.scrolled .btagendar { transition: 0.5s all ease; top: 8px; height: 20px; }
/*-- Menu Celular --*/
nav { display: none}
.menumob { position: absolute; width:100%; top:0; z-index:9999; }
.show-menu { position: fixed; width:100%; height:45px; background-color: #0d1523; text-align: right; display: block; z-index:999; }
.show-menu img { position: relative; top: 14px; padding: 0 18px 0 0 }
li { position: relative; float: left; margin:0; padding: 0; height:45px; line-height:45px; top:45px; width:100%; z-index:999; }
li a { display:block; min-width:140px; height:50px; text-align: center; background-color: #0d1523; text-decoration: none; }
li a { font-size:12pt; font-family: open; color: #C7D6DD; }
li:hover a { background-color: #0E1117; color: #C7D6DD; }
li:hover ul a { background-color: #D8C620; color: #C7D6DD; }
li:hover ul a:hover { background-color: #19A613; color: #C7D6DD;}
li ul { display: none; }
li ul li { display: block; float: none;}
li ul li a { width: auto; min-width: 100px; padding: 0;}
li { margin-bottom: 0px; }
ul { position: fixed; display: none; width:100%;}
ul { list-style-type:none; margin:0; padding:0; position: fixed;}
ul li a:hover + .hidden, .hidden:hover { display: block;}
ul li, li a { width: 100%; }
input[type=checkbox]{ display: none; -webkit-appearance: none;}
input[type=checkbox]:checked ~ #menu{ display: block; }
/* INICIAL */
#page1 { position: relative; background-color: #0C4241; height: 100%; width: 100%; text-align: center;}
#page1 { background-image: url("img/bg1.jpg"); background-size: cover; background-position: center center}
.p1a { position: absolute; top:50%; left: 50%; transform: translate(-50%, -30%); width: 100%; }
.p1b { position: absolute; bottom: 5px; width: 23px; height: 22px; left: 50%; margin-left: -11px;}
.txt1 { position: absolute; left: 0px; top: 60%; transform: translateY(-50%)}
.txt1 img { position: relative; width: 400px; }
/* CLÍNICA */
#page2 { position: relative; background-color: #EBEBEB; width: 100%; height: auto}
#page2 { font-size: 9pt; font-family: open; color: #212121;}
.p2a { position: relative; padding: 50px 50px 0 50px}
.p2b { position: relative; width: 100%; xbackground-color: antiquewhite; display: inline-flex; margin: 0 0 30px 0; padding: 8px 0 8px 0}
.p2b-esq { position: relative; height: 100px; xbackground-color: red; width: 100px; }
.p2b-dir { position: relative; height: auto; xbackground-color: blue; width: 700px; padding: 0 0 0 30px }
.saiba { position: relative; top:8px}
/* TRATAMENTOS */
#page3 { position: relative; background-color: #ffffff; width: 100%; height: auto}
#page3 { font-size: 9pt; font-family: open; color: #212121;}
.p3a { position: relative; padding: 50px 50px 0 50px}
.p3b { position: relative; width: 100%; xbackground-color: antiquewhite; display: inline-flex; margin: 0 0 30px 0; padding: 8px 0 8px 0}
.p3b-esq { position: relative; height: 100px; xbackground-color: red; width: 100px; }
.p3b-dir { position: relative; height: auto; xbackground-color: blue; width: 700px; padding: 0 0 0 30px }
/* BLOG */
#page4 { position: relative; background-color: #135B5A; width: 100%; height: auto}
#page4 { font-size: 9pt; font-family: open; color: #FFFFFF;}
.p4a { position: relative; padding: 50px 50px 0 50px}
.p4b { position: relative; width: 100%; xbackground-color: antiquewhite; display: inline-flex; margin: 0 0 30px 0; padding: 8px 0 8px 0}
.p4b-esq { position: relative; height: 100px; xbackground-color: red; width: 100px; }
.p4b-dir { position: relative; height: auto; xbackground-color: blue; width: 700px; padding: 0 0 0 30px }
/* RODAPÉ */
#rodape { position: relative; width: 100%; height: 320px; background-color: #0B2B2B;}
.ra { position: relative; width: 70%; left: 50%; transform: translateX(-50%); top:30px; xbackground-color: blue; text-align: center }
.r41 { position: relative; color:#FFFFFF; font-size: 9pt; font-family: open; xbackground-color: red; }
.r42 { position: relative; color:#ffffff; font-size: 9pt; font-family: open; xbackground-color: pink; padding: 15px 0 0 0}
.r43 { position: relative; color:#ffffff; font-size: 9pt; font-family: open; xbackground-color: pink; padding: 15px 0 0 0}
#rodape a { color: #738B8B; text-decoration: none}
/**/
#endemob { display: none}
#ende { position: relative; background-color: #0B2626; height: 60px; z-index: 999}
.endea { position: absolute; width: 95%; left: 50%; transform: translate(-50%); text-align: center; color: #426C6C; top:15px; font-size: 10pt; font-family: open}
.endea span { color:#539090; }
/**/
#idb { position: relative; background-color: #091E1E; width: 100%; height: 32px; z-index: 999 ; text-align: center}
#idb { font-size: 8pt; font-family: open; font-weight:bolder; letter-spacing: 2px; color: #173939; line-height: 30px}
/* Paginas */
#aodonto { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/bg1.jpg"); background-size: cover; background-position: center center}
#odobio { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/bg2.jpg"); background-size: cover; background-position: center center}
#diferenciais { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b7.jpg"); background-size: cover; background-position: center center}
#corpoclinico { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b4.jpg"); background-size: cover; background-position: center center}
#tratclar { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b8.jpg"); background-size: cover; background-position: center center}
#tratamal { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b5.jpg"); background-size: cover; background-position: center center}
#implant { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b14.jpg"); background-size: cover; background-position: center center}
#lentfac { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/lentback.jpg"); background-size: cover; background-position: center center}
#ozonio { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b4.jpg"); background-size: cover; background-position: center center}
#trataorto { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b15.jpg"); background-size: cover; background-position: center center}
#trataperio { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b13.jpg"); background-size: cover; background-position: center center}
#tratareab { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b3.jpg"); background-size: cover; background-position: center center}
#tratabrux { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b7.jpg"); background-size: cover; background-position: center center}
#trataendo { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b10.jpg"); background-size: cover; background-position: center center}
#tratharm { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b17.jpg"); background-size: cover; background-position: center center}
#tratlaser { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b18.jpg"); background-size: cover; background-position: center center}
#blogamal { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b5.jpg"); background-size: cover; background-position: center center}
#blogodobio { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/b3.jpg"); background-size: cover; background-position: center center}
#blogavan { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/bg2.jpg"); background-size: cover; background-position: center center}
#blog { position: relative; width: 100%; height: 450px; background-color: #F1F1F1; background-image: url("img/bg2.jpg"); background-size: cover; background-position: center center}
/* Parte do texto */
#paodonto { position: relative; width: 100%; height: auto; font-size: 10pt; font-family: open; color: #353535 }
.paodonto1 { position: relative; width: 90%; left: 50%; transform: translateX(-50%); }
.paodonto1 { padding: 50px 0 50px 0}
.verdetexto { position: relative; width: 100%; background-color: #096B6A; height: auto; color: #FFFFFF}
.verdetxt2 { position: relative; width: 94%; background-color: #096B6A; height: auto; left: 50%; top:50%; transform: translateX(-50%); color: #FFFFFF; padding-top: 20px; padding-bottom: 20px}
/* Parte do blog */
#pblog { position: relative; width: 100%; height: auto; font-size: 10pt; font-family: open; color: #D5D5D5; background-color: #135B5A }
.pblog1 { position: relative; width: 90%; left: 50%; transform: translateX(-50%); }
.pblog1 { padding: 50px 0 50px 0}
/**/
.form1 input { position: relative; width:200px; height: 35px; padding-left: 10px; background-color: #DCDCDC;margin: 15px 0 0 0}
.form1 input { font-size:9pt; font-family:open; color: #3D3D3D; border: 0; border-radius: 5px; outline:none; }
input::placeholder { color: #4F4F4F; }
/**/
.form1 textarea { position: relative; width:350px; height: 80px; padding-left: 10px; background-color: #DCDCDC; padding-top: 10px;}
.form1 textarea { font-size:9pt; font-family:open; color: #3D3D3D; border: 0; border-radius: 5px; outline:none; ;}
textarea::placeholder { color: #4F4F4F;}
/**/
.form1 select { position: relative; width:200px; height: 35px; padding-left: 10px; background-color: #DCDCDC; padding-top: 3px;}
.form1 select { font-size:9pt; font-family:open; color: #464646; border: 0; border-radius: 5px; outline:none;}
/**/
.form1 input.bot { font-size:9pt; font-family:open; color: #3D3D3D; }
.form1 input.bot { border: 0; border-radius: 5px; width: 100px; height: 35px; background-color: #DCDCDC;}
.form1 input.bot { text-align: center; position: relative; text-decoration: none; outline: none; letter-spacing: 1px;}
/*------------------------------------------ SCROLL ------------------------------------------*/
::-webkit-scrollbar { width: 18px;}
::-webkit-scrollbar-track { background: #A2CFCC; }
::-webkit-scrollbar-thumb { background: #497C79; }
::-webkit-scrollbar-thumb:hover { background: #2A5653; }