html, body { margin: 0; padding: 0; height: 100%; }
@font-face { font-family: open; src: url("codfont/opensans.ttf")}
@font-face { font-family: gazm; src: url("codfont/gazm.ttf")}
@font-face { font-family: gazb; src: url("codfont/gazb.ttf")}
@font-face { font-family: mont; src: url("codfont/montserrat.otf")}
h1 { font-size: 32pt; color: #3b4153; font-family: gazb; font-weight: normal; line-height: normal; margin: 0; padding: 0 }
h2 { font-size: 22pt; color: #0d1523; font-family: gazm; font-weight: bold; line-height: normal; margin: 0; padding: 0 }
h3 { font-size: 12pt; color: #ffffff; font-family: mont; font-weight: normal; line-height: normal; margin: 0; padding: 0 }
h4 { font-size: 32pt; color: #ffffff; font-family: gazb; font-weight: normal; line-height: normal; margin: 0; padding: 0 }
/* Whatsapp */
.zap { position: fixed; bottom: 20px; left: 20px; z-index: 9999}
/* Menu */
.menumob { display: none}
nav { transition: 1s all ease; position: fixed; top: 0px; height: 56px; width: 100%; background-image: url("img/bgmenu.png"); z-index: 999; }
ul { transition: 1s all ease; position: relative; top: 0px; height: 30px; float: right; list-style: none; }
li { position: relative; display: inline-block; top: 2px; padding: 0 25px 0 5px; }
nav a { transition: 1s all ease; color: #ffffff; font-family: open; font-size: 11.5pt; text-decoration: none; z-index: 999 }
nav a:hover { transition: 1s all ease; color: #B0B09E; }
.logomenu img { transition: 1s all ease; top: 3px; height: 48px; left: 48px; position: absolute; }
/* Programação que recolher */
.scrolled { transition: 1s all ease; height: 50px; }
.scrolled ul { transition: 1s all ease; top: -12px; }
.scrolled li { transition: 1s all ease; top: 11px; color: white; }
.scrolled img { transition: 1s all ease; top: 7px; height: 36px; left: 55px; }
.menutotal { display: none}
.menupages { position: fixed; top: 0px; xbackground-color: #a79064; opacity: 0.93; transition: 1s all ease; height: 70px; width: 100%; z-index: 999; background-image: url("img/bgmenu.png")}
/* Inicial */
#page1 { position: relative; background-color: #8c8e8f; height: 100%; width: 100%; }
#page1 { background-image: url("img/pontos2.png"), url("img/1bg2.png"), url("img/1bg.png"); background-position: center center, right bottom, center center; background-size: auto, auto, contain; background-repeat: repeat, no-repeat, repeat}
.faixa { position: absolute; bottom: 0; background-color: #0d1523; width: 100%; height: 8px}
.imgdr { position: absolute; bottom: 4px; left: 120px; margin: 0; padding: 0 }
.img2 { position: absolute; right: 100px; top: 50%; width: 546px; height: 65px; margin-top: -32px }
/* Atuação */
#p2 { position: relative; background-color: #0d1523; width: 100%; height: 100%;}
.p2a { position: absolute; top: 70px; width: 90%; left: 50%; transform: translateX(-50%); xbackground-color: antiquewhite;}
.quadro { position: relative; width: 200px; height: auto; padding: 38px; background-color: #162032; }
.quadro { font-family: open; font-size: 10.5pt; color: #CFD8E0; margin: 5px; border-radius: 8px; display: inline-grid}
/*Local Uromédica */
#p3 { position: relative; background-color: #C9C9C9; height: 100%; }
#p3 { background-image: url("img/fundopage.png"); background-position: bottom right; background-attachment: fixed; background-repeat: no-repeat}
.p3a { position: relative; top:50%; width: 90%; left: 50%; transform: translate(-50%, -45%); border-radius: 10px}
.p3a { color: #0d1523; font-family: open; font-size: 10pt; }
.p3a a { color: #0d1523; transition: 1s all ease;text-decoration: none; }
.p3a a:hover { color: #0d1523; transition: 1s all ease;}
.p3a span { color: #0d1523; }
iframe { border-radius: 12px}
/*Local Verhum */
#p4 { position: relative; background-color: #0d1523; height: 100%; }
#p4 { background-image: url("img/fundopage.png"); background-position: bottom right; background-attachment: fixed; background-repeat: no-repeat}
.p4a { position: relative; top:50%; width: 90%; left: 50%; transform: translate(-50%, -45%); border-radius: 10px}
.p4a { color: #C9C9C9; font-family: open; font-size: 10pt; }
.p4a a { color: #C9C9C9; transition: 1s all ease;text-decoration: none; }
.p4a a:hover { color: #C9C9C9; transition: 1s all ease;}
.p4a span { color: #C9C9C9; }
iframe { border-radius: 12px}
/* Rodapé */
#rodape { position: relative; width: 100%; height: 150px; background-color: #0D131E;}
.rod-a { position: relative; width: 70%; left: 50%; transform: translateX(-50%); display: inline-flex; justify-content:space-between; top:40px; xbackground-color: blue; }
.rod1 { position: relative; font-size: 10pt; font-family: open; xbackground-color: red; }
.rod2 { position: relative; font-size: 10pt; font-family: open; xbackground-color: pink}
.rod3 { position: relative; font-size: 10pt; font-family: open; xbackground-color: pink}
#rodape a { color: #C7D6DD; text-decoration: none}
/* Endereço */
.endermob { display: none}
.ender { position: relative; background-color: #0C111B; height: 44px; z-index: 999}
.ender-a { position: absolute; width: 95%; left: 50%; transform: translate(-50%); text-align: center; color: #BBC8CF; top:15px; font-size: 10pt; font-family: open}
.ender-a span { color:#BBC8CF; }
/* Agência IDB */
.idb { position: relative; background-color: #0B0F16; width: 100%; height: 30px; z-index: 999 ; text-align: center}
.idb { font-size: 8pt; font-family: open; font-weight:bolder; letter-spacing: 2px; color: #303847; line-height: 28px}
/* SCROLL */
::-webkit-scrollbar { width: 20px;}
::-webkit-scrollbar-track { background: #505358; }
::-webkit-scrollbar-thumb { background: #0a0e16; }
::-webkit-scrollbar-thumb:hover { background: #000000; }
/* Sobre */
#pazul { position: relative; width: 100%; height: auto; background-color: #C3C4C5}
.pazulimgtopo { position: relative; width: 100%; height: 400px; top: 20px; background-image: url("img/imgentenda.jpg"); background-repeat: no-repeat; background-size: cover}
.pazulimgtopolinha { position: relative; width: 100%; top: 20px; background-color: #0d1523; height: 8px}
.pazula { position: relative; width: 90%; height: auto; left: 50%; transform: translateX(-50%); xbackground-color: blue; padding: 80px 0 0 0}
.pazula { font-size: 11pt; color: #303030; font-family: open; padding-bottom: 70px }
.quadro a { color: #CFD8E0; text-decoration: none}
.quadro:hover { transition: 0.5s all ease; color: #162032; background-color: #eeeff0}
.cont img { width: 250px}
.cont { font-size: 10pt; color: #C7D6DD; font-family: open; padding-bottom: 50px }
/* Contato */
#pcont { position: relative; width: 100%; height: auto; background-color: #D8D8D8}
#pcont { background-image: url("img/1bg2.png"), url("img/1bg.png"); background-position: right bottom, center center;
background-size: auto, cover; background-repeat: no-repeat, repeat}
.pconta { position: relative; width: 85%; left: 50%; transform: translateX(-50%); padding: 80px 0 40px 0 }
.pconta { color: #FFFFFF; font-size: 12pt; font-family: open; }
.pconta a { color: #FFFFFF; font-size: 12pt; font-family: open; font-weight: normal; text-decoration: none}
.pconta a:hover { color: #C7D6DD; transition: 0.4s all ease; }
/* Formulário do contato */
.formcont input { color: #ffffff; font-weight: normal; width: 400px; height: 46px; background-color: transparent; padding-left: 12px; outline:none; }
.formcont textarea { color: #ffffff; font-weight: normal; width: 405px; height: 120px; background-color: transparent; padding: 12px 0 0 12px; outline:none; }
.formcont .bot { color: #ffffff; font-weight: normal; width: 115px; height: 40px;}
.formcont input { border: 1px solid #ffffff; border-radius: 4px }
.formcont textarea { border: 1px solid #ffffff; border-radius: 4px }
input::placeholder { color: #ffffff; font-weight: normal; font-family: open}
textarea::placeholder { color: #ffffff; font-weight: normal; font-family: open}