html, body { margin: 0; padding: 0; height: 100%;  background-color: #060606;}

/* FONTES */ 
@font-face { font-family: open; src: url("fonts/open.ttf")}
@font-face { font-family: neus; src: url("fonts/neus.otf")}
h1 { font-size: 20pt; color: #ffffff; font-family: neus; padding: 0; margin: 0; line-height: normal}
h2 { font-size: 7pt; color: #707070; font-family: open; padding: 0; margin: 0; letter-spacing: 2px; line-height: normal}
h3 { font-size: 15pt; color: #353535; font-family: neus; padding: 10px 0 10px 0; margin: 0; letter-spacing:normal; line-height: normal}
h4 { font-size: 14pt; color: #ffffff; font-family: neus; padding: 0 0 4px 0; margin: 0; line-height: normal}
h5 { font-size: 14pt; color: #ffffff; font-family: neus; padding: 0 0 4px 0; margin: 0; line-height: normal}
h6 { font-size: 12pt; color: #ffffff; font-family: neus; padding: 0 0 4px 0; margin: 0; line-height: normal}




/* MENU */ 
nav { position: fixed;    width: 100%; height: 60px; top: 0px; background-color:#0B0B0B; transition: 0.5s ease-in-out;    z-index: 999; }
ul  { position: relative; width: 100%; height: 40px; margin: 0; top: 50%; 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 25px; display: inline-block; xbackground-color: aliceblue }
li	{ font-family: open; font-size: 10pt; }
nav a   { text-decoration: none; text-transform: uppercase; color: #ffffff; transition: 0.5s ease-in-out;}
nav a:hover { color: #963F3F; transition: 0.5s ease-in-out;}
.scrolled         { transition: 0.5s ease-in-out; height: 45px; }
.scrolled ul      { transition: 0.7s ease-in-out; top:24px; }
.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: gray; height: 100%; width: 100%; text-align: center}
#page1 { background-image: url("img/bg1.jpg"); background-size: cover}
.p1a   { position: absolute; top:50%; left: 50%; transform: translate(-50%, -30%); width: 100%; }
.p1a   { font-size: 85pt; color: #ffffff; font-family: aldo; text-shadow: 3px 3px black;}

/* TEXTO */ 
#page2    { position: relative; width: 100%; height: 100%;}
.p2esq    { position: relative; width:40%; height: 100%; float: left; background-color: #0E0E0E; }
.p2dir    { position: relative; width:60%; height: 100%; float: right; background-color:#000000; background-image: url("img/p2dir.jpg"); background-position: center center}
.p2esq-in { position: relative; width: 80%; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 9pt; font-family: open; color: #9E9E9E; padding-top: 40px}
 
/* LINKS */ 
#page3      { position: relative; background-color: #ffffff; height: 220px;}
.p3a        { position: relative; width: 90%; left: 50%; top: 50px;  transform: translateX(-50%); display: inline-flex; justify-content: space-evenly; text-align: center}
.p3a-quadro { position: relative; width: 30%; height: 200px; font-family: open; font-size: 10pt; color: #212121 }
 
/* FOTO */ 
 #page4 { position: relative; background-color: #060606; width: 100%; height: auto;}
.p4a    { position: relative; width: 100%; height: 1000px; background-image: url("img/p4a.jpg");  background-position: center center; background-size: cover}

/* MAPA */ 
 #page5 { position: relative; background-color: #060606; height: 100%;}
.p5a    { position: absolute; top:50%; transform: translateY(-50%); width: 100%; padding: 40px 0 0 0 }

/* RODAPÉ */ 
#page6 { position: relative; width: 100%; height: 260px; background-color: #161616; background-image: url("img/bgcont2.png");}
.p6a   { position: relative; width: 90%; left: 50%; transform: translateX(-50%); display: inline-flex; justify-content:space-between; top:30px;}
.p6logo{ position: relative; width: 26%; xbackground-color: blue; color:#ffffff; font-size: 10pt; font-family: open}
.p6b   { position: relative; width: 21%; xbackground-color: blue; color:#ffffff; font-size: 10pt; font-family: open}
.p6b a { text-decoration: none; font-size: 9pt;  color: #A8A8A8; line-height: 25px;}
.p6bat   { position: relative; width: 21%; xbackground-color: blue; color:#ffffff; font-size: 10pt; font-family: open}
.p6bat a { text-decoration: none; font-size: 9pt;  color: #A8A8A8; line-height: 25px;}
.p6batmob { display: none}

/* ENDEREÇO */ 
#endemob { display: none}
#ende { position: relative; background-color: #0F0F0F; height: 48px; z-index: 999}
.endea { position: absolute; width: 95%; left: 50%; transform: translate(-50%); text-align: center; color: #ADADAD; top:15px; font-size: 10pt; font-family: open}
.endea span { color:#B43131; }
.endea span .person { color:#ea8e02; }

/* AGÊNCIA IDB */ 
#idb { position: relative; background-color: #060606; width: 100%; height: 34px; z-index: 999 ; text-align: center}
#idb { font-size: 8pt; font-family: open; font-weight:bolder; letter-spacing: 2px; color: #2F2F2F; line-height: 32px}

 
 
/* PAGINA SOBRE */ 
#pagina { position: relative; width: 100%; height: auto}
.pagina-topo { position: relative; width: 100%; height: 460px;}
.pagina-1    { position: relative; width: 94%; left: 50%; transform: translateX(-50%); padding: 30px 0 30px 0; color: #A2A2A2; font-family: open; font-size: 10pt; }
.pagina-2 img { width: 23%; border-radius: 16px; padding: 4px}
.pagina-1 a  { text-decoration: none; color: #963F3F; font-family: open; font-size: 10pt;}
.espacovertical { position: relative; padding: 35px 0 0 0}
.socios {position: relative; display: inline-flex}
.socio-esq { position: relative; width: 165px; height: 160px; xbackground-color: aquamarine}
.socio-dir { position: relative; width: 330px; height: 160px; xbackground-color: red}


/*------------------------------------------ FORM ORCAMENTO ------------------------------------------*/ 
.form1 input 	   { position: relative; width:350px; height: 35px; padding-left: 10px; background: transparent; }
.form1 input 	   { color: #FFFFFF; font-size:10pt; font-family:open; border: 1px solid #4B4B4B; outline:none; }
input::placeholder { color: #808080; }
.form1 textarea       { position: relative; width:350px; height: 80px; padding-left: 10px; background: transparent; padding-top: 10px;}
.form1 textarea       { color: #FFFFFF; font-size:10pt; font-family:open;  border: 1px solid #4B4B4B; outline:none; ;}
textarea::placeholder { color: #808080; }
.form1 input.bot { border: 1px solid #4B4B4B; color: #FFFFFF; font-size: 10pt; width: 110px;	height: 40px; font-family: open; background-color:transparent;}
.form1 input.bot { text-align: center ; position: relative; text-decoration: none;	outline: none;	letter-spacing: 1px;}


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