* {margin:0 auto;margin-left:0px;}

#menu {width:100%;height:100vh; position:relative;background-image: url(cont/fotos/f1.jpg); background-size: cover; }


#header 
#mySidenav2 {position:fixed; z-index: 1 ; top:150px; right:0px; list-style-type:none;}
#mySidenav2 a {position: absolute;right: -140px;transition: 0.3s;padding: 15px;width: 190px;text-decoration: none;font-size: 20px;color: white;border-radius: 5px 0px 0px 5px;}
#mySidenav2 a:hover {right: 0; opacity: 1;}
#M {top: 0;background-color: #333333; opacity: 0.6; }
#S {top: 60px; background-color: #2196F3; opacity: 0.6; }
#E {top: 120px; background-color: #2e8b57; opacity: 0.6; }
#L {top: 180px;background-color: #e6e600; opacity: 0.6; }
#F {top: 240px;background-color: #cc0000; opacity: 0.6; }
#R {top: 300px;background-color: #d7d5d5; opacity: 0.6; }


.logo {position:relative; top: 60px;}

.nsobre {font-weight:bold; font-size: 80px; font-family: "Britanic bold" ;color: white; position:relative; top:35px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.ssobre  {font-size: 22px; font-weight: bold; font-family: "Britanic bold"; color:#a6a6a6; position:relative; top:20px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}

#csobre  {width: 70%; }

.sobre {color:white; border-color:black; height: auto; top: 30px; position: relative;text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}



#overlay { z-index: 10; background: url(images/torre.jpg) no-repeat;position: absolute ;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index:667;cursor: pointer;}
.close {color:#a6a6a6; font-size: 55px; top: -150px;position: relative; z-index:4; width:100px; height: 100px; border-radius: 100%;background-color: rgba(0,0,0,0.2); opacity:0.5; border: 5px solid #bfbfbf;}
.close:hover {background-color:rgba(0,0,0,0.5); cursor:pointer;}
.open {color:#a6a6a6; padding-left: 7px;font-size: 40px; top: 70px; position:relative;z-index:4; width:80px; height: 80px; border-radius: 100%; opacity: 0.8; background-color: rgba(0,0,0,0.2);border: 5px solid #bfbfbf;}
.open:hover {background-color:rgba(0,0,0,0.5); cursor:pointer;}
 
.lms{font-family: "Britanic bold";font-weight:"bold";padding: 10px 20px;font-size: 24px;text-align: center;cursor: pointer;outline: none; color: #a6a6a6;background-color: rgba(0, 0, 0,0.2);border: 3px solid #bfbfbf;border-radius: 10px;box-shadow: 0 5px rgba(0, 0, 0,0.5); text-decoration:none; position:relative; top: 50px;}
.lms:hover {background-color: rgba(0, 0, 0,0.5)}
.lms:active {background-color: rgba(0, 0, 0,0.7);box-shadow: 0 3px rgba(0, 0, 0,0.9);transform: translateY(4px);}


body {font-family: "Lato", sans-serif;transition: background-color .5s;z-index:7;}

.sidenav {height: 100%;width: 0;position: fixed;top: 0;right: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;padding-top: 60px;z-index:8;}

.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}

.sidenav a:hover {color: #f1f1f1;}

.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;z-index:8;}

#main {transition: margin-right .5s;padding: 16px;z-index:7;}


#contato {width:30%;height:97vh;background-color:blue;position:relative;left:70%;color:white;}








#menb {  width:100%; height:60px; background-color:gray; opacity: 0.2; position:fixed; top:0; left:0; z-index:2;}
#menb2 { width:60px; height:60px; background-color:gray; opacity: 0.6; position:fixed; top:0; right:0; z-index:3;}
.lb {  position:fixed; top:5px; left:5px; z-index:7;}
.es {  position:fixed; top:5px; left:60px; z-index:7; font-family: "Britanic bold"; font-weight:"bold"; font-size: 45px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
 












#slider {width:100%; height:100vh; background-color:gray; position:relative; z-index:1; }



#cont1 {width:100%; height:100vh;position:relative;background-image: url(cont/fotos/feq.jpg); background-size: cover;  }
.name1 {font-weight:bold; font-size: 80px; font-family: "Britanic bold" ;color: white; position:relative; top:180px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.sub1  {font-size: 22px; font-weight: bold; font-family: "Britanic bold"; color:#2e8b57; position:relative; top:180px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
#c1 {width: 70%;}
.cont1 {color:white; border-color:black; height: auto; top: 180px; position: relative;text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.lm1{font-family: "Britanic bold";font-weight:"bold";padding: 10px 20px;font-size: 24px;text-align: center;cursor: pointer;outline: none;color: #2e8b57;background-color: rgba(0, 0, 0,0.2);border: 3px solid #2e8b57;border-radius: 10px;box-shadow: 0 5px rgba(0, 0, 0,0.5); text-decoration:none; position:relative; top: 250px;}
.lm1:hover {background-color: rgba(0, 0, 0,0.5)}
.lm1:active {background-color: rgba(0, 0, 0,0.7);box-shadow: 0 3px rgba(0, 0, 0,0.9);transform: translateY(4px);}


#cont2 {width:100%; height:100vh; background-color:white; right: 0px;position:relative; background-image: url(cont/fotos/flego.jpg); background-size: cover; }
.name2 {font-weight:bold; font-size: 80px; font-family: "Britanic bold" ;color: white; position:relative; top:180px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.sub2  {font-size: 22px; font-weight: bold; font-family: "Britanic bold"; color:#e6e600; position:relative; top:180px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
#c2 {width: 70%;}
.cont2 {color:white; border-color:black; height: auto; top: 180px; position: relative; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.lm2{font-family: "Britanic bold";font-weight:"bold";padding: 10px 20px;font-size: 24px;text-align: center;cursor: pointer;outline: none;color: #e6e600;background-color: rgba(0, 0, 0,0.2);border: 3px solid #e6e600;border-radius: 10px;box-shadow: 0 5px rgba(0, 0, 0,0.5); text-decoration:none; position:relative; top: 250px;}
.lm2:hover {background-color: rgba(0, 0, 0,0.5)}
.lm2:active {background-color: rgba(0, 0, 0,0.7);box-shadow: 0 3px rgba(0, 0, 0,0.9);transform: translateY(4px);}


#cont3 {width:100%; height:100vh; background-color:white; right: 0px;position:relative; background-image: url(cont/fotos/flfu.jpg); background-size: cover; }
.name3 {font-weight:bold; font-size: 80px; font-family: "Britanic bold" ;color: white; position:relative; top:180px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.sub3  {font-size: 22px; font-weight: bold; font-family: "Britanic bold"; color:#cc0000; position:relative; top:180px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
#c3 {width: 70%;}
.cont3 {color:white; border-color:black; height: auto; top: 180px; position: relative; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.lm3{font-family: "Britanic bold";font-weight:"bold";padding: 10px 20px;font-size: 24px;text-align: center;cursor: pointer;outline: none;color: #cc0000;background-color: rgba(0, 0, 0,0.2);border: 3px solid #cc0000;border-radius: 10px;box-shadow: 0 5px rgba(0, 0, 0,0.5); text-decoration:none; position:relative; top: 250px;}
.lm3:hover {background-color: rgba(0, 0, 0,0.5)}
.lm3:active {background-color: rgba(0, 0, 0,0.7);box-shadow: 0 3px rgba(0, 0, 0,0.9);transform: translateY(4px);}


#rodape {z-index:9; width:100%; min-height: 100vh; background-color:gray; position:relative; opacity:0.6; }


#linha1{position: absolute; background-color:white;height:5px;width:80%; top:10%;left:10%;}

#instituto{position:absolute; left:10%; top:220px;font-size:80px;}

#AC {position:absolute; left:10%; top:330px; font-size:30px;}
 
#direitos{position:absolute; left:10%; top:390px; font-size:30px;}

#fone{position:absolute; left:10%; top:440px; font-size:30px;}

#linha2{position: absolute; background-color:white;height:5px;width:80%; top:90%;left:10%;}