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: -170px;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: 80px;background-color: #cdcdcd; opacity: 0.8;  }
#R {top: 140px;background-color: #d7d5d5; opacity: 0.4; }


.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:#cdcdcd; position:relative; top:20px; text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}


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


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


#contato {position:relative; top:30px;}
.Email {font-size: 22px; font-weight: bold; font-family: "Britanic bold"; color: white; position:relative;  text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.Comentario {font-size: 22px; font-weight: bold; font-family: "Britanic bold"; color: white; position:relative;  text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
.btn {cursor:pointer;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #422e42;padding: 10px 20px;background: -moz-linear-gradient(top,#ffffff 0%,#ebebeb 50%,#dbdbdb 50%,#b5b5b5);background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(0.50, #ebebeb),color-stop(0.50, #dbdbdb),to(#b5b5b5));-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #949494;-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);text-shadow:0px -1px 0px rgba(207,052,207,0.2),0px 1px 0px rgba(015,071,049,1);}






#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 screen and (max-height: 450px) {.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;z-index:667;}}