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: mont; src: url("codfont/montserrat.otf")}

h1 { font-size: 22pt; color: #FFFFFF; font-family: gazm; font-weight: bold;  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 */
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")}

/*-- Menu Celular --*/ 
nav { display: none}
.menumob            { position: absolute; width:100%; top:0; z-index:999; }
.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: 10px; 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: #8c8e8f; height: 100%; width: 100%; } 
#page1     { background-image: url("img/pontos2.png"),url("img/1bg.png"); background-position: center center, center center;
	         background-size: auto, cover; background-repeat: repeat, repeat}
.faixa     { position: absolute; bottom: 0; background-color: #0d1523; width: 100%; height: 8px}
.imgdr     { position: absolute; width: 100%; bottom: 4px; left: 50%; transform: translateX(-50%); margin: 0; padding: 0; text-align: center }
.imgdr img { width: 90%}
.img2      { position: absolute; width: 100%; right: 15px; top: 200px; text-align: right }
.img2 img  { width: 70%}

/* Atuação */
#p2      { position: relative; background-color: #0d1523; width: 100%; height: 100%;}
.p2a     { position: absolute; top: 50px; width: 92%; left: 50%; transform: translateX(-50%); xbackground-color: antiquewhite;}
.quadro  { position: relative; width: 200px; height: auto; padding: 30px; background-color: #162032; }
.quadro  { font-family: open; font-size: 10.5pt; color: #CFD8E0; margin: 4px; 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: 85%; 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: 85%; 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: 270px; background-color: #0D131E;}
.rod-a    { position: relative; width: 70%; left: 50%; transform: translateX(-50%); top:20px; xbackground-color: blue; text-align: center  }
.rod1     { position: relative; font-size: 10pt; font-family: open; xbackground-color: red; }
.rod2     { position: relative; font-size: 10pt; font-family: open; padding: 15px 0 0 0 ; xbackground-color: pink }
.rod3     { position: relative; font-size: 10pt; font-family: open; padding: 15px 0 0 0 ; xbackground-color: cornflowerblue}
#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: #242D3D; line-height: 28px}

/* SCROLL */ 
::-webkit-scrollbar {              width: 20px;}
::-webkit-scrollbar-track {        background: #373B42; }
::-webkit-scrollbar-thumb {        background: #0d1523; }
::-webkit-scrollbar-thumb:hover {  background: #0d1523; }


/* Sobre */
#pazul        { position: relative; width: 100%; height: auto; background-color: #0d1523}
.pazula       { position: relative; width: 90%; left: 50%; transform: translateX(-50%); padding: 60px 0 50px 0; xbackground-color: red}
.pazula       { font-size: 10pt; color: #C7D6DD; font-family: open }

.quadro a         { color: #CFD8E0; text-decoration: none}
.quadro:hover   { transition: 0.5s all ease; color: #162032; background-color: #eeeff0}

.cont img   { width: 120px}
.cont       { font-size: 10pt; color: #C7D6DD; font-family: open; padding-bottom: 40px}


/* 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: 90%; height: 46px;  background-color: transparent; padding-left: 12px;     outline:none; }
.formcont textarea { color: #ffffff; font-weight: normal; width: 90%; 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}