a {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}


html, body
{
    padding: 0;
    margin: 0;

    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;

        height: 100%;
      
   
        /*overflow: hidden;*/
}



body {
	padding-top: env(safe-area-inset-top);
    
    font-family: Arial, Helvetica, Verdana;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase;
    background: #334942; /*#46584f;*/
    background-image: url('../imagens/wallpaper_05.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* Adiciona esta linha para a imagem de fundo não se mover */

    -webkit-text-size-adjust: none;
    height: 100%;
    margin: 0;
    padding: 0;

}
body *v
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	color: #330;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1, h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 16px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #333;
	/*text-decoration: underline;*/
    font-size: 12px;
}
pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#page nav
{
	display: none;
}

#header,
.header,
#footer
{
	background: #181818; /* Old browsers */
/*
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #333 0%, #181818 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#181818));
background: -webkit-linear-gradient(top,  #333 0%,#181818 100%);
background: -o-linear-gradient(top,  #333 0%,#181818 100%);
background: -ms-linear-gradient(top,  #333 0%,#181818 100%);
background: linear-gradient(to bottom,  #333 0%,#181818 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#181818',GradientType=0 ); */


    opacity:0.97;



	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 60px;
	padding: 0 50px;
    z-index:20;
    width:100% !important;

}
#header a,
.header a
{
	background: transparent  url(../imagens/menu.png) no-repeat center center;
background-size:20px 20px;


/*filter: invert(71%) sepia(47%) saturate(386%) hue-rotate(98deg) brightness(89%) contrast(82%);*/
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 16px;
	left: 10px;
}
#header a.friends,
.header a.friends
{
	background: transparent  url(../imagens/submenu.png) no-repeat center center;
background-size:20px 20px;
}
#header a.right,
.header a.right
{
	left: auto;
	right: 10px;
}
#header #find,
.header #find
{
     width: 40px;
     height: 40px;
     background: transparent  url(../imagens/pesq.png) no-repeat center center;
background-size:20px 20px;


float: right;
z-index: 10;
cursor: pointer;
position: absolute;
top: 16px;
right: 50px;
border-right:dotted 1px #181818


}

#header #help,
.header #help
{
     width: 40px;
     height: 40px;
     background: transparent  url(../imagens/help.png) no-repeat center center;
background-size:20px 20px;


float: right;
z-index: 10;
cursor: pointer;
position: absolute;
top: 16px;
right: 50px;
border-right:dotted 1px #181818


}

#content,
.content
{


    padding-top:60px;

}




#header #print,
.header #print
{
     width: 40px;
     height: 40px;
     background: transparent  url(../imagens/print.png) no-repeat center center;
background-size:20px 20px;
	

float: left;
z-index: 10;
cursor: pointer;
position: absolute;
top: 16px;
left: 50px;
border-right:dotted 1px #181818
	
	
}


#header #novo,
.header #novo
{
     width: 40px;
     height: 40px;
     background: transparent  url(../imagens/novo.png) no-repeat center center;
background-size:20px 20px;
	

float: left;
z-index: 10;
cursor: pointer;
position: absolute;
top: 16px;
left: 50px;
border-right:dotted 1px #181818
	
	
}