html {overflow-y:hidden; overflow-x:hidden;}

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

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



#mySidenav2 {position:fixed; z-index: 100 ; top:275px; right:0px; list-style-type:none;}
#mySidenav2 a {position: absolute;right: -140px;transition: 0.3s;padding: 15px;width: 180px;text-decoration: none;font-size: 20px;color: white;border-radius: 5px 0px 0px 5px;}
#mySidenav2 a:hover {right: 0; opacity: 1;}
#M {top: 20px;background-color: #2e8b57; opacity: 0.8;  }
#S {top: 80px;background-color: #2e8b57; opacity: 0.6;  }
#E {top: 140px;background-color: #2e8b57; opacity: 0.4; }
#R {top: 200px;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:#2e8b57; 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: 20px; position: relative; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}


#overlay {background: url(images/torre.jpg) no-repeat;position: fixed;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:#2e8b57; font-size: 55px; top: -150px;position: relative; z-index:"70"; width:100px; height: 100px; border-radius: 100%;background-color: rgba(0,0,0,0.2); opacity:0.5; border: 5px solid #2e8b57;}
.close:hover {background-color:rgba(0,0,0,0.5); cursor:pointer;}
.open {color:#2e8b57; padding-left: 7px;font-size: 40px; top: 35px; position:relative;z-index:70; width:75px; height: 75px; border-radius: 100%; opacity: 0.8; background-color: rgba(0,0,0,0.2);border: 5px solid #2e8b57;}
.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 #2e8b57;border-radius: 10px;box-shadow: 0 5px rgba(0, 0, 0,0.5); text-decoration:none; position:relative; top: 60px;}
.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:666;}

.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:667;}

.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:667;}

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

@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;z-index:667;}}


#menb {  width:100%; height:60px; background-color:gray; opacity: 0.2; position:fixed; top:0; left:0; z-index:50;}
#menb2 { width:60px; height:60px; background-color:gray; opacity: 0.6; position:fixed; top:0; right:0; z-index:60;}
.lb {  position:fixed; top:5px; left:5px; z-index:666;}
.es {  position:fixed; top:5px; left:60px; z-index:666; 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%; min-height:100vh; background-color:gray; position:relative; z-index:3; }



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

.tablink {background-color: #2e8b57; opacity: 0.9; color: white;float: left;border: none;outline: none;height:10vh;cursor: pointer;padding: 14px 16px;font-size: 17px;width: 33.333%; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}

.tablink:hover {background-color: #2e8b57;}

.tabcontent {color: white;display: none;padding: 50px;height: 90vh; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.estab {position:relative; top:30%; left:20%; text-align: center;}

#Quiloa {background-image:url(../../images/keeloabn.png); background-size: cover;}
#Estrelinho {background-image:url(../../images/estrelinhobn.png); background-size: cover;}
#Alazao {background-image:url(../../images/alasaobn.png); background-size: cover;}


#homenagem {height:100%; width:100%; background-image:url(../../images/homenagem.jpg); background-size: cover;}
#chomenagem {width: 70%; position: relative; top: 200px;}
.chomenagem {color:white; border-color:black; height: auto; position: relative; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
#saudades{position:relative; left: 15%; top: 220px;}
.saudades {color:white; border-color:black; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}



#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%;}










@media all and (max-width: 1024px){ 
#csobre {width: 85%;}
.open { top: 23px; }
}