/* Add animation to "page content" */
body{
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% 100%;
overflow: hidden;
		background-color: #131313;
color: white;
margin: 0;
-webkit-user-select: none;    
			-moz-user-select: none;    
			-ms-user-select: none;     
			user-select: none;		
			outline: 0;
}
/* barra de carregamento */
#load2{
	border: 5px solid #a1a1a1;
	border-radius: 100%;
	border-top: 5px solid DodgerBlue;
	position: fixed;
	bottom: 50%;
	left: 36%;
    width: 100px;
    height: 100px;
    /**margin:-60px 0 0 -60px;**/
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#pagina{
	background-color: black;
	overflow: auto;
	text-align: center;
	background-size: 100% 100%;
  white-space: ellipsis;
text-overflow: clip clip; 
width: 100%;
margin: 0;
	color: white;
	word-wrap: break-word;
	 white-space: ellipsis;
text-overflow: clip clip; 
}
#pagina2{
	background-color: #131313;
	background-size: 100% 100%;
	color: white;
	display: none;
	overflow: hidden;
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 0.40s;
  animation-name: animatebottom;
  animation-duration: 0.40s;
}
@-webkit-keyframes animatebottom {
  from { right:-360px; } 
  to { right:0px; }
}

@keyframes animatebottom { 
  from{ right:-360px;} 
  to{ right:0; }
}

#menu_top{
background-color: #0f0f0f;
border-bottom: 1px solid orange;
border-radius: 5% 5% 0% 0%;
color: #dddd;
text-align: left;
padding: 10px;
padding-left: 10;
padding-right: 0;
font-size: 20px;
text-overflow: ellipsis ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: Arial;
}
/* estilo das imgs do menu_bottom */
.mbb{
	display: inline-block;
width: 95%;
height: 40px;
margin: 0;
padding: 5px;
font-size: 35px;
}
.mbb:hover{
background-color: orange;
}
.mbb2{
	display: inline-block;
width: 40;
height: 40px;
margin-left: 10%;
margin-right: 10%;
padding: 5px;
font-size: 35px;
}

/* estilo do menu_bottom para botao voltar */
.mbb3{
	display: inline-block;
width: 95%;
height: 40px;
margin: 0;
padding: 5px;
font-size: 35px;
}
.mbb3:hover{
background-color: orange;
}
.mbb2:hover{
background-color: orange;
}
/* menu de configuraçoes */
#menuIFS{
background-color: #383838;
white-space: now;
word-wrap: break-word;
text-overflow: ellipsis ellipsis;
overflow: hidden;
width: 100%;
height: 0;
text-align: center;
}
#menuIFS .cfs{
background-color: #555555;
border: none;
color: white;
padding: 20px;
margin-top: 1px;
font-size: 15px;
text-align: center;
}
#menuIFSB{
border-radius: 10px;
margin: 1px 17px 0px 17px;
display: inline-block;
width: 89%;
white-space: now;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis ellipsis;
text-align: center;
}
#menuIFSB .cfs_top{
background-color: #555555;
border: none;
color: white;
padding: 20px 20px 20px 7px;
font-size: 15px;
text-align: center;
overflow: auto;
width: 100%;
}
#menuIFSB .cfs_bottom{
background-color: #555555;
border: none;
color: white;
padding: 20px 20px 20px 7px;
margin-top: 1px;
font-size: 15px;
text-align: center;
overflow: auto;
width: 100%;
}
/* div dos botoes de download */
#partecima{
position: relative;
color: DimGray;
font-size: 17px;
border-bottom: 1px solid orange;
padding-bottom: 10px;
margin-top: 2px;
margin-bottom: 0px;
height: 120;
}
#partecima #bts{
	position: absolute;
	bottom: 4;
	left: 0;
	right: 0;
	word-wrap: break-word;
	overflow: hidden;
	height: 56px;
}
#botao{
background-color: #242424;
display: inline-block;
color: white;
padding: 15px 15px 15px 15px;
border-radius: 14px;
border: 1px solid transparent;
font-size: 14px;
font-family: Arial;
outline: 0;
width: 40%;
height: 16px;
text-align: center;
margin-top: 4px;
}
#botao:hover{
-webkit-transition: background-color 0.15s,color 0.15s;
background-color: #f9c000;
font-size: 13px;
color: black;
border: 1px solid transparent;
}
/* botao de download adicional */
#bts #botao4{
background-color: #0b0b0b;
display: inline-block;
color: #f80101;
padding: 15px 15px 15px 15px;
border-radius: 14px;
border: 1px solid transparent;
font-size: 14px;
font-family: Arial;
outline: 0;
width: 40%;
height: 16px;
text-align: center;
margin-top: 4px;
}
#bts #botao4:hover{
-webkit-transition: background-color 0.15s,color 0.15s;
background-color: #f9c000;
font-size: 13px;
color: black;
border: 1px solid transparent;
}
/* para imagens dos novos jogos */
#icone{
width: 70px;
height: 70px;
float: left;
}
/* ifs do app/game */
#fabricante{
	color: #808080; 
padding-top: 5px;
padding-left: 5px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
}
#vandt{
padding-top: 1px;
padding-left: 75px;
	color: #808080; 
font-size: 16px;
}
a{
display: inline-block;
outline: 0;
color: #808080;
text-decoration: none;
}
a:hover{
color: white;
}
#dcinfo{
	color: #dddddd;
padding: 10px;
margin-top: 4px;
font-family: Arial;
font-size: 17px;
white-space: now;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis ellipsis;
background-color: transparent;
border-bottom: 1px solid orange;
border: none;
outline: 0;
position: relative;
}
#descricao{
color: #dddddd;
padding: 10px;
margin-top: 4px;
font-family: Arial;
font-size: 17px;
white-space: now;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis ellipsis;
background-color: transparent;
border-bottom: 1px solid orange;
border: none;
border-bottom: 1px solid orange;
outline: 0;
position: relative;
}
#slider{
	white-space: nowrap;
overflow: auto;
border-top: 1px solid orange;
border-bottom: 1px solid orange;
color: DodgerBlue;
font-size: 100%;
font-family: Arial;
width: 100%;
height: 66px;
	display: block;
	flex-direction: column;
        justify-content: center;
text-align: center;
}
/* imagens da slider */
#slider .imgs1{
border: 4px solid transparent;
width: 55px;
height: 53px;
margin: 0;
}
#slider .imgs1:hover{
border: 4px solid orange;
}
#slider .imgs2{
border: 4px solid transparent;
width: 55px;
height: 53px;
margin: 0;
}
#slider .imgs2:hover{
border: 4px solid orange;
}
#compa{
	padding: 7px;
	font-size: 65%;
	font-family: Arial;
	border-radius: 13px;
}
#descricao #prever{
	background-color: black;
	display: none;
	max-width: 95%;
	height: 100%;
}
/* partebaixo do botao voltar */
#partebaixo{
	text-align: center;
}
/* menu de baixo */
#menu_bottom{
background-color: #0f0f0f;
border-top: 1px solid orange;
text-align: center;
font-size: 14px;
padding: 0;
height: 40px;
display: none;
border: 10px solid #131313;
border-bottom: none;
}
#menu_bottom2{
background-color: #0f0f0f;
border-top: 1px solid orange;
text-align: center;
font-size: 14px;
padding: 0;
height: 54px;
display: none;
}
/* botao de voltar das postagens */
.voltar{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 50px;
background-color: orange;
color: white;
font-size: 20px;
padding: 10px 15px 10px 15px;
border: none;
}
.voltar:hover{
-webkit-transition: background-color 0.15s,color 0.15s;
background-color: #131313;
color: #ddd;
box-shadow: 0px 0px 5px black;
}


/* para imagens dos novos jogos */
.nw{
width: 70px;
height: 70px;
}
#newapp5 #up{
	width: 30;
	height: 30;
	position: absolute;
	top: 18;
	right: 15;
}
#newapp #up{
	width: 30;
	height: 30;
	position: absolute;
	top: 6;
	right: 15;
}





/* div dos novos jogos */
#newapp{
	background-size: 100% 100%;
background-color: transparent;
color: white;
width: 116px; /*120 PARA NOKIA N8*/
height: 150px;
display: inline-block;
position: relative;
text-align: center;
font-size: 13px;
padding: 5px 0px 0px 0px;
margin: 1px 1px 1px 1px;
text-overflow: ellipsis ellipsis;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
font-family: Arial;
}
#newapp:hover{
background-color: orange;
opacity: 0.90;
color: white;
}
/* nome dos novos jogos */
#newapp #nome{
margin-top: 60px;
position: absolute;
top: 25;
bottom: 15;
left: 5;
right: 5;
display: inline-block;
text-align: center;
font-family: Arial black;
text-overflow: ellipsis;
overflow: hidden;
}
#newapp #tamanho{
	display: none;
}
/* div dos novos jogos em forma de 100% width */
#newapp5{
	background-size: 100% 100%;
background-color: transparent;
color: white;
width: 100%; /*120 PARA NOKIA N8*/
height: 70px;
display: inline-block;
position: relative;
text-align: left;
font-size: 13px;
padding: 2px 0px 2px 0px;
font-family: Arial;
text-overflow: ellipsis ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
border-bottom: 1px solid orange;
}
#newapp5:hover{
background-color: orange;
opacity: 0.90;
color: white;
}
/* nome dos novos jogos */
#newapp5 #nome{
display: inline-block;
text-align: center;
 text-align: left;
font-family: Arial;
font-size: 17px;
position: absolute;
top: 15px;
left: 75;
right: 0;
height: auto;
margin-left: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
#newapp5 #tamanho{
	color: DimGray;
display: inline-block;
text-align: center;
 text-align: left;
font-family: Arial;
font-size: 17px;
position: absolute;
top: 40px;
left: 75;
right: 0;
height: auto;
margin-left: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
#newapp5 #feito{
	color: DimGray;
display: inline-block;
text-align: center;
 text-align: left;
font-family: Arial;
font-size: 17px;
position: absolute;
top: 40px;
right: 75;
right: 0;
height: auto;
margin-left: 5px;
overflow: hidden;
text-overflow: ellipsis;
}

/* estilo da barra de pesquisar */
#pesquisar{
width: 100%;
border-radius: 13px;
font-family: Arial;
font-size: 25px;
padding: 15px;
color: dimgray;
}
/* menu para meego */
.helps{
background-size: 100% 100%;
width: 50px;
height: 50px;
position: fixed;
right: 10px;
opacity: 0.50;
}
#menu_help1{/* menu para navegação no meego e navegadores QT */
background-image: url("../img/subir.png");
bottom: 175px;
}
#menu_help2{/* menu para navegação no meego e navegadores QT */
background-image: url("../img/descer.png");
bottom: 125px;
}
.helps:hover{
opacity: 1;
}

		/* barra de rolagem */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
	background-color: transparent; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background-color: orange; 
}