@charset "utf-8";
/* CSS Document */



/* BODY */				  
@font-face{  /* utilizaçao de fontes especificas em pasta */
	font-family:"CaviarDreams";
	src:url(fontes/CaviarDreams.ttf);
	font-weight:normal;	
}

body{	
	margin:0;
	background-image:url(imagens/estrelas.png); /* tag usada para imagens de fundo(imagem de fundo e o proprio bunner) (obs: a imagem so foi colocada pelo .css pra facilitar pois fica no fundo */		
	background-repeat:no-repeat;      /* nao repetir a imagem no fundo*/
	background-attachment:fixed;    /* fixar imagem na barra de rolagem*/
	 /*background-size:cover;       para manter imagem fixa no zoom*/   
		
}
/* BODY */





/* TOPO */
#topo1{          /* area da barra do topo 1 para conter conteudo do topo na area de 960px*/	
	
}

#topogeral{
	width:100%;
	height:146px;    /* sobe ou desce menu superior dentro do header*/ /* alinha conteudo superior com menu superior*/
	background-color:rgba(255,255,255,0.1);
	top:0;	
	
}

#logo{	
	margin:0 auto 0 auto;
	background-color:;
	width:225px;
	height:95px; /*tem que especificar altura pq se nao cada navegador interpreta uma medida diferente*/
}

a{
	text-decoration:none;
}

#redesocial{		
	margin:0 auto 0 auto; /*pra resetar a margem de cima padrao*/
	z-index:88;
	background-color:;
	margin-bottom:37px;
	width:133px;
	height:40px; /*tem que especificar altura pq se nao cada navegador interpreta uma medida diferente*/
}



#logosupp{
	width:225px;
	height:95px;
	margin:0 auto 0 auto;
	
}

#facebook{
	width:30px;
	height:30px;	
}

#twiter{
	width:30px;
	height:30px;	
}

#mangadownload{
	width:30px;
	height:30px;	
}

#enerkry{
	width:30px;
	height:30px;
}

#youtube{
	width:30px;
	height:30px;
}

#googleplus{
	width:30px;
	height:30px;
}













/* BANNER */	

/* BANNER */





/*VIDEO INICIO */
#conteudoinicio{    /* area do conteudo video */	
	height:200px;	
	width:320px;
	margin:0 auto 0 auto;
	background-color:rgba(0,0,0,1);
	z-index:56;	
}

#videoinicio{   /*  VIDEO INICIO */
	margin-top:10px;
	height:180px;	
	width:320px	;
	position:relative;
	z-index:124;
	
}

h3{  /*direitos reservados*/
	font-size:18px;
	font-family:"CaviarDreams";
	color:#CCC;
		
}
/*VIDEO INICIO */







/*MENUS */
#areamenu{      /* area do menu (section id) somento o espaco do menu*/
	width:320px;    /* ITEM RESPONSIVADO  */
	height:;	/* ITEM RESPONSIVADO  atrapalhava na altura do footer...deixava com espaco branco embaixo*/
	margin:0 auto 0 auto; /*para alinhar ao centro */
	border-radius: 15px  15px 0 0;
	background-color:;		
}

#menuprincipal{    /*espaço das caixas do menu */	
	margin:0 auto 0 auto;
	padding:0;
	position:fixed;
	bottom:40px;            /*para segurar menu embaixo */
	z-index:999;
	display:none;  /* faz o menu nao aparecer no inicio  */
}

#menuprincipal a{ /*estado normal do menu */
	
	
	width:320px;    /* ITEM RESPONSIVADO  */
	height:;   /* ITEM RESPONSIVADO  */
	color:#CCC;
	text-align:center;
	font-size:18px;    /* ITEM RESPONSIVADO  */
	float:;
	text-decoration:none;
	transition:all 0.3s;
	padding-top:7px;  /*relacionado ao border-bottom */
	font-family:"CaviarDreams";	
	background-color:#333;
	border-bottom:2px solid #CCC;  /*pra compensar altura do mesmo abaixo q fica abaixo */
	z-index:999;
	display:block;
	padding-bottom:9px;
	opacity:0.9;
	
	
}

#menuprincipal a:hover{  /*estado de ativação do menu */	
	background-color:#CCC;
	color:#000;
	font-size:;    /* ITEM RESPONSIVADO  */
	transition:all 0.5s;
	border-bottom:2px solid #CCC;
	z-index:999;
	opacity:1;
			
}
#menuprincipal2{    /*espaço das caixas do menu */	
	margin:0 auto 0 auto;
	padding:0;
	position:fixed;
	bottom:0;            /*para segurar menu embaixo */
	z-index:999;
}

#menuprincipal2 a{ /*estado normal do menu */	
	width:320px;    /* ITEM RESPONSIVADO  */
	height:;   /* ITEM RESPONSIVADO  */
	color:#CCC;
	text-align:center;
	font-size:18px;    /* ITEM RESPONSIVADO  */
	float:;
	text-decoration:none;
	transition:all 0.3s;
	padding-top:7px;  /*relacionado ao border-bottom */
	font-family:"CaviarDreams";	
	background-color:#333;
	border-bottom:2px solid #CCC;  /*pra compensar altura do mesmo abaixo q fica abaixo */
	z-index:999;
	display:block;
	padding-bottom:10px;  /*separa ou junta menuprincipal com menuprincipal2 */
}

#menuprincipal2 a:hover{  /*estado de ativação do menu */	
	background-color:#CCC;
	color:#000;
	font-size:;    /* ITEM RESPONSIVADO  */
	transition:all 0.5s;
	border-bottom:2px solid #CCC;
	z-index:999;
			
}

.bordaesmsup{    /*borda arrendondada do menu principal esquerdo */
	border-radius: 0 0 0 0;
	z-index:999;	
}

.bordadimsup{
	border-radius: 0 0  0 0;	
	z-index:999;
}

#bordaes{    /*borda arrendondada do menu principal esquerdo */
	border-radius: 0 0 0 0;	
	z-index:999;
}

#bordadi{
	border-radius: 0 0 0 0;	
	z-index:999;
}

.menufixo{
	position:fixed;
	top:0;
	margin-top:0;
	z-index:999;	
}

#menusuperior{	
	margin:0 auto 0 auto;
	z-index:111;	
	cursor:pointer;
	position:relative;   /* pra fazer o menu ficar acima do bunner  */
	width:320px;
	display:none;  /* faz o menu nao aparecer no inicio  */
	
		
}

#menusuperior2{	
	margin:0 auto 0 auto;
	z-index:111;	
	cursor:pointer;
	position:relative;   /* pra fazer o menu ficar acima do bunner  */
	width:320px;
		
}

#menusuperior2 a{ /*estado normal do menu */	
	display:block;
	width:320px;    /* ITEM RESPONSIVADO  */
	height:20px;
	background-color:#333;
	color:#CCC;
	text-align:center;
	padding-top:7px;
	padding-bottom:9px;
	float:;
	text-decoration:none;
	margin-top:0;
	font-size:18px;
	z-index:111;
	font-family:"CaviarDreams";
	margin:0 0 0 0;
	border-bottom: 1px  solid #CCC;
}

#menusuperior2 a:hover{ /*estado com o mouse em cima do menu */	
	background-color:#CCC;
	color:#000;
	transition:all 0.5s;
}

#menusuperior a{ /*estado normal do menu */	
	display:block;
	width:320px;    /* ITEM RESPONSIVADO  */
	height:20px;
	background-color:#333;
	color:#CCC;
	text-align:center;
	padding-top:7px;
	padding-bottom:9px;
	text-decoration:none;
	margin-top:0;
	font-size:18px;
	z-index:111;
	font-family:"CaviarDreams";
	margin:;
	border-bottom: 1px solid #CCC;
	
}

#menusuperior a:hover{ /*estado com o mouse em cima do menu */	
	background-color:#CCC;
	color:#000;
	transition:all 0.5s;
}

#menusuperior a[id="cinza"]{
	background-color:#CCC;
	color:#000000;
}

.menusupoff{
	position:relative;
	
	
	
}

#iconemenu{    /*icones dentro do menu principal */
	width:25px;
	height:25px;
	float:left;
	z-index:977;
	position:relative;
	padding:;
	display:;
}

#iconemenu2{    /*icones dentro do menu principal */
	width:25px;
	height:25px;
	float:right;
	z-index:977;
	position:relative;
	padding:;
	display:;
}


/*MENUS */




/*CSS ATIVADO POR SCRIPT DO BOTAO DO INICIO QUE FAZ PAGINA DESCER */

#dinamicicone{   /* somente para da a altura em que se da inicio da animaçao do icone desce e sobe */
	width:960px;
	height:;	
	margin:0 auto 0 auto;
	background-color:;
	z-index:9;
	position:relative;	
}


.iconealt{    /* css que ativa depois da função escrit ativada */
transform:rotate(180deg)	
}

.iconealt:hover{    /* css que ativa depois da função escrit ativada */
padding: 0 50px 0  0;
}

/*CSS ATIVADO POR SCRIPT DO BOTAO DO INICIO QUE FAZ PAGINA DESCER */






/*BOTAO DO INICIO QUE FAZ PAGINA DESCER */

#areabotao{   /*area do botao inicial que faz descer. area criada para centralizar a imagem do botao no centro  */
	width:75px;
	height:; /*  */	
	margin:0 auto 0 auto; /*para alinhar ao centro */
	background:;
	display:none;
}

#setadescer{  /*configurações do botao que faz descer da pagina inicial  */
	margin:0 ;
	padding: 0  0 50px 0;
	position:fixed;
	bottom:0;            /*para segurar menu embaixo */
	z-index:988;
	width:75px;
	height:75px;
	cursor:pointer;
	transition:all 0.3s; /*faz o movimento "do padding(codigo alterado no hover)" ser mais suave...na volta */
	opacity:0.5;
		
}
#setadescer:hover{  /*configurações do botao que faz descer da pagina inicial  */
	margin:0 ;
	padding: 0  0 20px 0;
	position:fixed;
	bottom:0;            /*para segurar menu embaixo */
	z-index:988;
	width:75px;
	height:75px;
	cursor:pointer;
	transition:all 0.3s;   /*faz o movimento "do padding(codigo alterado no hover)" ser mais suave...na ida */
	/*transform:scale(1.3); scale com imagens ficam distorcidas no movimento */
	
		
}

#setasubir{  /*configurações do botao que faz descer da pagina inicial  */
	margin:0 ;
	padding: 0  0 0 0;
	position:fixed;
	bottom:0;            /*para segurar menu embaixo */
	z-index:989;
	width:75px;
	height:75px;
	cursor:pointer;
	transition:all 0.3s; /*faz o movimento "do padding(codigo alterado no hover)" ser mais suave...na volta */
	opacity:0.5;
	display:none;
		
}

#setasubir:hover{  /*configurações do botao que faz descer da pagina inicial  */
	margin:0 ;
	padding: 0  0 20px 0;
	position:fixed;
	bottom:0;            /*para segurar menu embaixo */
	z-index:989;
	width:75px;
	height:75px;
	cursor:pointer;
	transition:all 0.3s; /*faz o movimento "do padding(codigo alterado no hover)" ser mais suave...na volta */
	opacity:0.5;
	
		
}

/*BOTAO DO INICIO QUE FAZ PAGINA DESCER */








/* RODAPE */
footer{     /* area do rodape */	
	height:250px;
	background-color:rgba(255,255,255,0.1);
	margin-bottom:0;
	
	width:100%;
}

#arearodape{	
	height:150px;
	width:320px;
	margin:0 auto 0 auto;
	margin-bottom:0;	
	
}

#logorodape{	/* logo enerkry que fica no rodape */
	margin-top:0;
	margin-bottom:0;
}

#redesocial2{	
	margin:0 auto 0 auto;	   /*pra resetar a margem de cima padrao*/
	z-index:888;
	margin-bottom:10px;
	margin-top:10px;	
}

#logorod{
	width:225px;
	height:95px;
		
}

#facerodape{
	width:30px;
	height:30px;
}

#twiterrodape{
	width:30px;
	height:30px;
}

#mangadownloadrodape{
	width:30px;
	height:30px;
}

#enerkryrodape{
	width:30px;
	height:30px;
}

#youtuberodape{
	width:30px;
	height:30px;/
}

#googleplusrodape{
	width:30px;
	height:30px;
}

/* RODAPE */









/* ESPAÇOS ENTRE CONTEUDOS */
#espaco1{
	width:100%;
	height:20px;
	background-color:#BD3F41;
	opacity:0;		
}

#espaco11{
	width:100%;
	height:;
	background-color:#FFFFFF;
	opacity:0;			
}

#espaco2{
	width:100%;
	height:50px;
	background-color:#FFFFFF;
	opacity:0;				
}

#espaco22{
	width:100%;
	height:;
	background-color:#FFFFFF;
	opacity:0;			
}







/* ESPAÇOS ENTRE CONTEUDOS */













p2{  /*direitos reservados*/
	font-size:14px;
	font-family:"CaviarDreams";
	color:#ffffff;
		
}