html, body { margin: 0; padding: 0; height: 100%; }

@font-face { font-family: open; src: url("fonts/opensans.ttf")}
@font-face { font-family: gazm; src: url("fonts/gazm.ttf")}
@font-face { font-family: cham; src: url("fonts/cham.ttf")}

@font-face { font-family: mont;     src: url("fonts/montserrat.otf")}
@font-face { font-family: montlit;  src: url("fonts/montserratlit.ttf")}
@font-face { font-family: montmed;  src: url("fonts/montserratmed.ttf")}
@font-face { font-family: not;      src: url('fonts/not.ttf');}
@font-face { font-family: jos;      src: url('fonts/jos.ttf');}
@font-face { font-family: aldo;      src: url('fonts/aldo.ttf');}

h1 { font-size: 24pt; color: #6d4052; font-weight: normal;  font-family: gazm; margin: 0 ; padding: 0; letter-spacing: -1px }
h2 { font-size: 10pt;  color: #B8606E; font-weight: lighter; font-family: mont ; letter-spacing: 1.5px;   margin: 0; padding: 0  }
h3 { font-size: 22pt; color: #ffffff; font-weight: normal;  font-family: gazm; letter-spacing: 1.5px; margin: 0; padding: 0} 
h4 { font-size: 8pt;  color: #E3B685; font-weight: lighter; font-family: jos; letter-spacing: 3px;    margin: 0; padding: 0}
h6 { font-size: 11pt; color: #AC5865; font-weight: normal;  font-family: mont; margin: 0 ; padding: 0 }
h5 { line-height: 5px;	font-size: 10pt; color: #beb8a5; font-weight: normal;  font-family: montmed; letter-spacing: 1.8px; }
h7 { font-size: 11pt;  color: #B8606E; font-weight: lighter; font-family: mont ; letter-spacing: 1px;   margin: 0; padding: 0  }



/* MENU */ 
.menumob { display: none}
nav { position: fixed; width: 100%; height: 60px; top: 0px; background-image: url("img/backnav.png"); transition: 0.5s ease-in-out; z-index: 999; }
ul  { position: relative; width: 100%; height: 40px; margin:0; top:50%; right:25px; transform:translateY(-50%); transition:0.3s ease-out; padding: 0 10px; text-align: right;}
li  { position: relative; margin: 0; top: 50%; transform: translateY(-50%); transition: 0.3s ease-out; padding: 0 24px; display: inline-block; text-align: right; }
li	{ font-family: open; font-size: 11pt; }
nav a   { text-decoration: none; color: #ffffff; transition: 0.5s ease-in-out;}
nav a:hover { color: #ffffff; transition: 0.5s ease-in-out;}
.scrolled         { transition: 0.5s ease-in-out; height: 40px; }
.scrolled ul      { transition: 0.7s ease-in-out; top:22px; }
.scrolled li      { transition: 0.7s ease-in-out; top:18px; color: white; }
.scrolled .linedw { transition: 0.5s ease-in-out; top:45px; color: white; background-image: url("img/linedw.png"); }

/* INICIAL */ 
#page1 { position: relative; background-color: #d5d4d0; height: 100%; width: 100%; margin: 0; padding: 0; } 
#page1 { background-image:  url("img/bg1.jpg"); background-size: contain; background-position: top left;  background-repeat:  no-repeat; height: 100%; width: 100%; }
.p1a   { position: absolute; top:53%; right: 5%; transform: translateY(-50%); }
.p1a   { font-size: 85pt; color: #ffffff; font-family: aldo; text-shadow: 3px 3px black;}
.p1amob { display: none}
.p1b   { position: absolute; bottom: 5px; width: 23px; height: 25px; right: 5%; }
.certif   { position: absolute; right: 5%; top: 75px; height: 120px; }


/* FOTO */ 
#pfoto { position: relative; width: 100%; height: 100%;
	background-image: url("img/bg2.jpg"); background-size: cover; background-position:  top center; background-repeat: no-repeat}


/* Sobre Mim */ 
#page2 { position: relative; background-color: #FFFFFF; width: 100%; height: 100%}
#page2 { background-image: url("img/bg3.png"); background-size: contain; background-position:  top right; background-repeat: no-repeat}
.p2a   { position: relative; padding-top:70px; width: 80%; left: 50%; top:50%; transform: translate(-50%, -50%);}
.p2a span { font-size: 11pt; font-family: open; color: #4b4b4b}
.cora { position: relative; top:-12px;}
.quadrochoc { position: relative; width:auto;  background-color: #63482B; border-radius: 8px; padding: 4px 9px 4px 9px; margin: 0 7px 10px 0; display: inline-block}
.quadrochoc { font-size: 9pt; color: #FFFFFF; font-family: open }
.p2a a { text-decoration: none; color: #4b4b4b}
.lua { position: absolute; width: 95px; height: 93px;  top: 10px; left: 50%;}
.lua img { width: 55px;}

/* Agende */ 
#page3 { position: relative; background-color: #F0EBEC; height: 100%; height: 100%}
.p3a   { position: relative; width: 90%; left: 50%; top:50%; transform: translate(-50%,-50%); xpadding: 30px 0 40px 0;  }
.p3a   { font-size: 9pt; font-family: open; color: #1E7270}
.p3a span { font-size: 11pt; font-family: open; color: #4b4b4b}

/**/ 
.form1 input 	      { position: relative; width:200px; height: 35px; padding-left: 12px; margin-right: 15px; background-color: transparent;}
.form1 input 	      { font-size:9pt; font-family:open; color: #579995; border: 1px #579995 solid; border-radius: 5px; outline:none; }
input::placeholder    { color: #579995; }
/**/ 
.form1 textarea       { position: relative; width:350px; height: 80px; padding-left: 10px; background-color: #E9E9E9; padding-top: 10px;}
.form1 textarea       { font-size:9pt; font-family:open; color: #579995; border: 0; border-radius: 5px; outline:none; ;}
textarea::placeholder { color: #579995;}
/**/ 
.form1 select         { position: relative; width:200px; height: 35px; padding-left: 10px; background-color: #E9E9E9; padding-top: 3px;}
.form1 select         { font-size:9pt; font-family:open; color: #579995;  border: 0; border-radius: 5px; outline:none;}
/**/ 
.form1 input.bot      { font-size:9pt; font-family:open; color: #579995; }
.form1 input.bot      { border: 1px #579995 solid; border-radius: 5px; width: 100px; height: 35px; background-color: transparent;}
.form1 input.bot      { text-align: center; position: relative; text-decoration: none;	outline: none;	letter-spacing: 1px;}


/* RODAPÉ */ 
#rodape   { position: relative; width: 100%; height: 140px; background-color: #754853;}
.rod-a    { position: relative; width: 70%; left: 50%; transform: translateX(-50%); display: inline-flex; justify-content:space-between; top:35px; xbackground-color: blue; }
.rod1     { position: relative; color:#FFFFFF; font-size: 10pt; font-family: open; xbackground-color: red; }
.rod2     { position: relative; color:#ffffff; font-size: 10pt; font-family: open; xbackground-color: pink}
.rod3     { position: relative; color:#ffffff; font-size: 10pt; font-family: open; xbackground-color: pink}
#rodape a { color: #d78b94; text-decoration: none}
/**/ 
#ende { position: relative; background-color: #6A3E49; height: 45px; z-index: 999}
.endea { position: absolute; width: 95%; left: 50%; transform: translate(-50%); text-align: center; color: #D49098; top:15px; font-size: 10pt; font-family: open}
.endea span { color:#d78b94; }
/**/ 
#idb { position: relative; background-color: #5A353E; width: 100%; height: 32px; z-index: 999 ; text-align: center}
#idb { font-size: 8pt; font-family: open; letter-spacing: 1px; color: #bb747c; line-height: 30px}

#sobre  { position: relative; width: 100%; height: auto}
.sobrea { position: relative; width: 85%; left: 50%; transform: translateX(-50%); padding-bottom: 50px}
.sobrea span { font-size: 11pt; font-family: open; color: #4b4b4b}
.imgsobre { position: relative; width: 100%; height: 400px; background-image: url("img/bg3.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat}
.sobrea a { text-decoration: none; font-size: 11pt; font-family: open; color: #4b4b4b}

#contato { position: relative; width: 100%; height: auto}
.contatoa { position: relative; width: 90%; left: 50%; transform: translateX(-50%); top: 50px; padding-bottom: 140px}
.contatoa span { font-size: 10pt; font-family: open; color: #4b4b4b}
.imgcont { position: relative; width: 100%; height: 400px; background-image: url("img/bg7.png"); background-position: center center; background-size: cover; background-repeat: no-repeat}

.blog img {width: 200px}
.blog  {padding-bottom: 40px}



#online { position: relative; width: 100%; height: auto; background-color: #FDF9F0; }
.onlinea { position: relative; width: 95%; left: 50%; transform: translateX(-50%); top: 90px; padding-bottom: 140px; }
.onlinea { font-size: 10pt; font-family: open; color: #4b4b4b; }
.onlinea a { color: #AD505E; text-decoration: none}
.onlineqd { position: relative; width: 100%;  display: inline-flex; justify-content:flex-start;  }

.titon { position: relative; width: 280px;  border: 1.5px solid #9e4054; padding: 10px; border-radius: 6px; color: #767676; margin-right: 10px}

.cedo { position: relative; width: 100%; height: 300px;
	 background-image: url("img/cedo.jpg"); background-position: center center; background-size: cover;}
.higie { position: relative; width: 100%; height: 300px;
	 background-image: url("img/higie.jpg"); background-position: center center; background-size: cover;}
.faca { position: relative; width: 100%; height: 300px;
	 background-image: url("img/faca.jpg"); background-position: center center; background-size: cover;}
.vulc { position: relative; width: 100%; height: 300px;
	 background-image: url("img/vulc.jpg"); background-position: center center; background-size: cover;}
.poder { position: relative; width: 100%; height: 300px;
	 background-image: url("img/poder.jpg"); background-position: center center; background-size: cover;}
.leit { position: relative; width: 100%; height: 300px;
	 background-image: url("img/leit.jpg"); background-position: center center; background-size: cover;}
.roti { position: relative; width: 100%; height: 300px;
	 background-image: url("img/roti.jpg"); background-position: center center; background-size: cover;}



#conteudo1 { position: relative; width: 100%; height: auto; background-color: #FDF9F0; }
.conteudo1a { position: relative; width: 65%; left: 50%; transform: translateX(-50%); top: 90px; padding-bottom: 140px; }
.conteudo1a { font-size: 10pt; font-family: open; color: #4b4b4b; }
.conteudo1a a { color: #AD505E; text-decoration: none}




/* SCROLL */ 
::-webkit-scrollbar {              width: 20px;}
::-webkit-scrollbar-track {        background: #DDE5E0; }
::-webkit-scrollbar-thumb {        background: #86908a; }
::-webkit-scrollbar-thumb:hover {  background: #86908a; }