html, body { margin: 0; padding: 0; height: 100%; background-color: #FFFFFF; font-family: open}

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

/*-- Títuloas --*/ 
h1 { color: #787878; font-family: open; font-size: 12pt; letter-spacing: normal; line-height:normal; font-weight: normal; margin: 0; padding: 0;}
h2 { color: #809499; font-family: montas; font-size: 20pt; letter-spacing: normal; line-height:normal; font-weight: normal; margin: 0; padding: 0;}
h7 { color: #809499; font-family: montas; font-size: 42pt; letter-spacing: normal; line-height:normal; font-weight: normal; margin: 0; padding: 0;}

/*-- Títulos e subtítulos --*/ 
h3 { color: #afd3ee; font-family: montas; font-size: 46pt; letter-spacing: normal; line-height:normal; font-weight: normal; margin: 0; padding: 0;}
h4 { color: #afd3ee; font-family: montas; font-size: 32pt; letter-spacing: normal; line-height:normal; font-weight: normal; margin: -10px 0 0 0; padding: 0;}
h5 { color: #fba2a2; font-family: montas; font-size: 46pt; letter-spacing: normal; line-height:normal; font-weight: normal; margin: 0; padding: 0;}
h6 { color: #fba2a2; font-family: montas; font-size: 32pt; letter-spacing: normal; line-height:normal; font-weight: normal; margin: -10px 0 0 0; padding: 0;}

/* PÁGINAS */ 
#p1   { position: relative; width: 100%; height: 100%; }
#p1   { background-image: url("img/bg1.jpg"); background-size: cover; background-position: center center}
.logo { position: absolute; top: 25px; right: 45px;}

#p2    { position: relative; width: 100%; color: #809499; font-size: 11pt;}
.topo { position: absolute; top: -4px; width: auto; left: 50%; margin-left: -267px; z-index: 888}
.aviao { position: absolute; top: 35px; right: 50px;}
.p2a  { position: relative; width: 90%; left: 50%; transform: translateX(-50%); padding: 40px 0 50px 0}
.p2b  { position: relative; width: 100%}
.p2b img { width: 90px; border-radius: 10px}
.p2b a {padding: 0 10px 0 0}

#p3 { position: relative; width: 100%; height: 100%;  z-index: 999}
#p3 { background-image: url("img/bg2.jpg"); background-size: cover; background-position: center center}

#p4    { position: relative; width: 100%; height: 100%; color: #e1e1e1; font-size: 11pt; background-color: #E5E5E5}
.p4a { position: relative; width: 600px; height: 120px; left: 50%; top: 50%; margin-left: -300px; transform: translateY(-50%); text-align: center; }
.formhtb input       { position: relative; border: 0; border-radius: 8px; width: 200px; height: 40px; outline:none; padding-left: 15px; margin-right: 20px  }
.formhtb input.bot   { position: relative; border: 0; border-radius: 8px; width: 120px; height: 40px; outline: none; background-color: #B9B9B9; color: #FFFFFF }
input { font-family: open; color: #809499}

#p5 { position: relative; width: 100%; height: 100%; color: #809499; font-size: 11pt; background-color: #F0F0F0  }
.p5a { position: relative; width: 90%; left: 50%; transform: translateX(-50%); padding: 40px 0 50px 0}
.p55 { position: relative; display: inline-flex}
.p51 { position: relative; width: 210px;   }
.p52 { position: relative; width: 210px;   }
.p53 { position: relative; width: 210px;   }

/* RODAPÉ */ 
#rodape  { position: relative; width: 100%; height: 180px; background-color: #FFFFFF;}
.rod-a    { position: relative; width: 70%; left: 50%; transform: translateX(-50%); display: inline-flex; justify-content:space-between; top:45px; xbackground-color: blue; }
.rod1     { position: relative; color:#787878; font-size: 10pt; font-family: open; zbackground-color: brown; }
.rod2     { position: relative; color:#787878; font-size: 10pt; font-family: open; margin: 0 15px 0 15px; zbackground-color: darkmagenta}
.rod3     { position: relative; color:#787878; font-size: 10pt; font-family: open; zbackground-color: crimson}
#rodape a { color: #787878; text-decoration: none}
.ender { position: relative; background-color: #EAECED; height: 38px; z-index: 999}
.ender-a { position: absolute; width: 95%; left: 50%; transform: translate(-50%); text-align: center; color: #809499; top:10px; font-size: 10pt; font-family: open}
.ender-a span { color:#809499; }

/* IDB */ 
.idb { position: relative; background-color: #E4E5E5; width: 100%; height: 30px; z-index: 999 ; text-align: center}
.idb { font-size: 8pt; font-family: open; font-weight:bolder; letter-spacing: 2px; color: #A0A4A6; line-height: 28px}

/*-- SCROLL --*/ 
::-webkit-scrollbar             { width: 20px;}
::-webkit-scrollbar-track       { background: #f1f1f1; }
::-webkit-scrollbar-thumb       { background: #333333; }
::-webkit-scrollbar-thumb:hover { background: #1d1d1d; }