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

/* FONTES */ 
@font-face { font-family: open; src: url("fonts/open.ttf")}
@font-face { font-family: box; src: url("fonts/box.ttf")}
@font-face { font-family: keny; src: url("fonts/keny.otf")}

h1 { font-family: keny; font-size: 32pt; color: #ffffff; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 } 
h2 { font-family: open; font-size: 14pt; color: #a4c8b6; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 }

h3 { font-family: keny; font-size: 20pt; color: #ffffff; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 }
h4 { font-family: keny; font-size: 28pt; color: #a4c8b6; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 }

h5 { font-family: keny; font-size: 38pt; color: #20605E; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 }
h6 { font-family: keny; font-size: 20pt; color: #a4c8b6; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 }

h7 { font-family: keny; font-size: 20pt; color: #961D15; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 }
h8 { font-family: keny; font-size: 20pt; color: #284342; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 }

h9 { font-family: keny; font-size: 26pt; color: #20605E; font-weight: normal; line-height: normal;  font-weight: normal; margin: 0; padding: 0 }



/* WHATSAPP */ 
.zap { position: fixed; bottom: 25px; right: 25px; z-index: 9999}


/* MENU */ 
.menutotal {display: none}
nav { position: fixed; background-color: #ffffff; height: 70px; width: 100%;    transition: 1s all ease; z-index: 999; top: 0px; margin: 0; padding: 0 }
/* */ 
ul  { position: relative; height: 30px;  float: right; list-style: none;  transition: 1s all ease; top: 20px; margin: 0; padding: 0 30px 0 0; line-height: 30px   }
li  { position: relative; display: inline-block; padding: 0 0 0 45px;}
/* */ 
nav a       { text-decoration: none; color: #325F5F; transition: 1s all ease; font-family: open; font-size: 12pt }
nav a:hover { transition: 1s all ease; color: #2B999F}
.logomenu img { position: absolute; top:9px; left: 45px; height: 52px; transition: 1s all ease;}
/* */ 
.scrolled     { transition: 1s all ease; height: 40px;}
.scrolled ul  { transition: 1s all ease; top:6px; }
.scrolled li  { transition: 1s all ease; top:0px; color: white; }
.scrolled img { transition: 1s all ease; height: 25px; top: 8px; left: 45px; }


/* PAG 1 */ 
#page1 { position: relative; background-color: #B9B9B9; height: 100%; width: 100%; text-align: center;	;} 
#page1 { background-image: url("img/back1.jpg");	background-size: cover; background-attachment: fixed;}
.p1a { position: absolute; width: 100%; top:50%; left: 50%; transform: translate(-50%, -45%); }
.inscri2 { position: absolute; top: 50%; right: 80px; transform: translateY(-60%)}


/* PAG 2 */ 
#page2 { position: relative; background-color: #093b3a; height: 150px; width: 100%; text-align: center;	;} 
.p2a { position: relative; width: 80%; top:50%; left:50%; text-align: center; font-family: open; font-size: 14pt; color: #DCDCDC;
transform: translate(-50%, -50%)}

/* PAG CURSO */ 
#pagecurso { position: relative; background-color: #345150; height: auto; width: 100%; text-align: center;	;} 
#pagecurso2 { position: relative; background-color: #162e2d; height: auto; width: 100%; text-align: center;	;} 

.pcursoa { position: relative; width: 80%; left:50%; text-align: justify; font-family: open; font-size: 12pt; color: #DCDCDC;
transform: translate(-50%); padding-top: 40px; padding-bottom: 40px;}
.pcursoa a { font-family: open; font-size: 12pt; color: #a4c8b6; text-decoration: none; }


/* PAG 3 */ 
#page3 { position: relative; background-color: #a9c0c0; height: 400px; width: 100%; } 
.p3a { position: relative; width: 100%; height: 400px; padding-top: 50px; background-color: cadetblue; text-align: center}
.a            { position: relative; Xbackground-color: brown; }
.b            { position: relative; Xbackground-color: blue; }
.c            { position: relative; Xbackground-color: green; }
.d            { position: relative; Xbackground-color: black; }
 

/* 900 BRANCA */ 
#page900branca { position: relative; background-color: #FFFFFF; width: 100%; height: auto; padding-bottom: 50px}
#page900branca { background-image: url("img/back2.png"); background-repeat: no-repeat; background-position: left top; background-attachment: fixed; background-size: contain}
.branca1       { position: relative; width: 980px; left: 50%; margin-left: -490px; padding-top:70px; }
.branca1       { color: #3A3A3A; font-size: 12pt; font-family: open; text-align: left}
.branca1 a     { color: #303F57; font-size: 10pt; font-family: open; text-decoration: none;  }
.br900 { position: relative; width: 100%; height: 450px; background-size: cover; background-image: url("img/topocurso.png")}

/* BRANCA 2*/ 
#pbranca2   { position: relative; background-color: #FFFFFF; width: 100%; height: auto; padding-bottom: 50px}
.pbranca2   { position: relative; width: 980px; left: 50%; margin-left: -490px; padding-top:70px; }
.pbranca2   { color: #3A3A3A; font-size: 12pt; font-family: open; text-align: left}
.pbranca2 a { color: #303F57; font-size: 10pt; font-family: open; text-decoration: none;  }

/* 900 VERDE */ 
#pageverde { position: relative; background-color: #1f4c3f; width: 100%; height: auto; padding-bottom: 50px}
.topbg { position: relative; padding-top: 60px; width: 1000px; height: 400px; transform: translateX(-50%); left: 50%}
.pverde { position: relative; padding-top: 50px; width: 1000px; height: auto; transform: translateX(-50%); left: 50%; font-family: open; font-size: 11pt; color: #FFFFFF; padding-bottom: 40px;}
.pverde a { font-family: open; font-size: 11pt; color: #AAD9CC; text-decoration: none}
.pverdecurso {}
.pverdecurso a { font-family: open; font-size: 12pt; color: #a4c8b6; text-decoration: none}

/* RODAPÉ */ 
#rodape    { position: relative; width: 100%; height: 200px;  background-color: #3c5f5e; clear: both}
.rodapea   { position: relative; width: 80%; left: 50%; transform: translateX(-50%); display: inline-flex; justify-content:space-between; top:30px; xbackground-color: red}
.rodapea a { font-size: 9pt; font-family: open; text-decoration: none; color: #A7B2BD; line-height: 20px;}
.rodapelogo   { position: relative; Xbackground-color: pink }
.x            { position: relative; Xbackground-color: brown; }
.y            { position: relative; Xbackground-color: blue; }
.z            { position: relative; Xbackground-color: green; }
.z img        { position: relative; top:5px; width: 150px}
/* */
#ende   { position: relative; background-color: #345150; height: 30px; z-index: 999}
.endea  { position: relative; height: 30px; width: 90%; left: 50%; transform: translateX(-50%); text-align: center;  line-height: 30px;  }
.endea  { color: #A7B2BD; font-size: 9pt; font-family: open;}
#idb    { position: relative; background-color: #2C4140; height: 30px; z-index: 999}
.idba   { position: relative; height: 30px; width: 90%; left: 50%; transform: translateX(-50%); text-align: center;  line-height: 29px; }
.idba a { color: #5F6572; font-size: 7.5pt; font-family: open;  text-decoration: none; }





 /* 900 AZUL */ 
#page900azul  { position: relative; background-color: #293344; width: 100%; height: auto; padding-bottom: 50px}
#page900azul  { background-image: url("img/bg3.png"); background-repeat: no-repeat; background-position: right bottom; background-attachment: fixed}
.azul1        { position: relative; width: 900px; left: 50%; margin-left: -450px; padding-top:100px; }
.azul1        { color: #A7B2BD; font-size: 10pt; font-family: open; text-align: left}
.azul1 a      { color: #A7B2BD; font-size: 10pt; font-family: open; text-decoration: none;  }


/* FORM */ 
.form input 	 { color: #767676; background-color:#FFFFFF; font-size: 10pt; font-family: open; width: 350px; height: 39px; border: 1px solid #B4B4B4; padding-left:10px; }
.form textarea   { color: #767676; background-color:#FFFFFF; font-size: 10pt; font-family: open; width: 400px; height: 80px; border: 1px solid #B4B4B4; padding-left:10px; }
.form input.bot  { color: #767676; background-color:transparent; font-size: 10pt; font-family: open; width: 110px;	height: 40px; border: 1px solid #B4B4B4; }
/* */ 
.form input 	 { position: relative; outline:none; }
.form textarea   { position: relative; outline:none; }
.form input.bot  { position: relative; outline: none; text-align: center; text-decoration: none; }


/* SCROLL */ 
::-webkit-scrollbar {              width: 20px;}
::-webkit-scrollbar-track {        background: #C0C0C0; }
::-webkit-scrollbar-thumb {        background: #8A8A8A; }
::-webkit-scrollbar-thumb:hover {  background: #494949; }