@charset "utf-8";
/* CSS Document */
/* reset de margens */
* {
    margin: 0;
    padding:0;
}

/* para garantir que estes elementos ocuparão toda a tela */
html{
    overflow: auto;
   
background: center / cover no-repeat ;

background-image: url("../_img/f_tran1.jpg") ;
 
min-width:auto;
   
max-width:100%;
max-height:150%;

    height: 100%;
    width: 100%;

}



body {

}
 /* a:active {text-decoration: none; color: #F8F8F8; font-size: 22px;  font-family: Calibri; text-align: center;} */
  a:visited {text-decoration: none; color: #F8F8F8; font-size: 22px;  font-family: Calibri; text-align: center;}
  
  #main { 
  width: auto;
  heigth:auto;
  margin: 5px auto;
  margin-top: -10px;
}

header { 
  width: 950px;
  height: 90px;
  margin-top: 2px;
}


.imag {
	position: relative;
	float: left;
	left: 9%;
	top: -95.7px;
	width: 68px;
	height: 58px;
        dysplay: block;
       
       }


#site_content { 
  width: 950px;
  height: 495px;
  margin: 4px auto 0 auto;
  padding: 0;
  background-color: #f00; posição:absoluta; z-index:-1; top:0; left:0; right:0; bottom:0; opacity:0.0;
}

footer { 
  background-color: #111; posição:absoluta; top:0; left:0; right:0; bottom:0; opacity:0.6;
  font-size: 12px;
  font-family: Calibri;
  text-align: center;
  color: #F8F8F8;
  height:18px;
  width: 100%;
  text-decoration: none;
  bottom:0; 
  margin-top: 40px;
  
  }

.menu ul li{
	align-content:center;
	float:left;
	display:inline;		
	font-size: 20px;
	font-family: Calibri;
	border: 0;
}

nav { margin: 0; padding: 30px 0;  width: 100%; }

nav ul {
text-align: center;
background-color: #000414; opacity:0.6;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6); 

}
nav ul li {
display: inline-block;
}
nav ul li a {
padding: 20px;
font-family: "Calibri";
color: #F8F8F8; opacity:2.2;
text-shadow: black 0.1em 0.1em 0.1em;
font-size: 19px;

text-decoration: none;
display: block;
}
nav ul li a:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.1);
color:#e1f800;
}
