@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:243px;   /* sobe ou desce menu superior dentro do header*/ /* alinha conteudo superior com menu superior*/
	background-color:rgba(0,0,0,0.50);
	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:132px;
	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 INICIO */	
	height:520px;
	background-color:rgba(0,0,0,0.50);
	width:630px;
	margin:0 auto 0 auto;		
}

#videoinicio{   /*  VIDEO INICIO */
	height:440px;
	width:630px;
	padding-top:40px;
	
}

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:672px;
	height:; /*  atrapalhava na altura do footer...deixava com espaco branco embaixo*/	
	margin:0 auto 0 auto; /*para alinhar ao centro */
	border-radius: ;
			
}

#menuprincipal2{    /*espaço das caixas do menu */	
	margin:0;
	padding:0;
	position:fixed;
	bottom:0;            /*para segurar menu embaixo */
	z-index:988;
	display:none;  /*para sumir com o menu q so aparece na responsividade com jquery */
}

#menuprincipal{    /*espaço das caixas do menu */	
	margin:;
	padding:;
	position:;
	          /*para segurar menu embaixo */
	z-index:;
}

#menuprincipal a{ /*estado normal do menu */	
	display:block;
	width:112px;
	height:50px;
	color:#CCC;
	text-align:center;
	font-size:18px;
	float:left;
	text-decoration:none;
	transition:all 0.3s;
	padding-top:;  /*relacionado ao border-bottom */
	margin:0;
	font-family:"CaviarDreams";	
	background-color:#333;
	z-index:988;
	padding:21px 0 0 0;	/*regula e centraliza o conteude escrito e imagens dendro de cada menu em relacçao a altura */
}

#menuprincipal a:hover{  /*estado de ativação do menu */	
	background-color:#CCC;
	color:#000;
	transition:all 0.5s;
	z-index:988;
			
}


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

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

.menufixo{    /* css que ativa depois da função escrit ativada */
	position:fixed;
	top:0;
	margin-top:0;
	z-index:999;	
}
#iconemenu2{    /*icones dentro do menu principal...mas so utilizado na responsivide 3 */
	width:25px;
	height:25px;
	float:right;
	z-index:977;
	position:relative;
	padding:;
	display:none;
}




/*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:630px;
	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:;
	
}

#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 completa */	
	height:350px;
	background-color:rgba(0,0,0,0.50);
	margin-bottom:0;
	width:100%;
}

#arearodape{	/* area do rodape dentro dos 960px */	
	height:350px;
	width:630px;
	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:520px;  /* ITEM RESPONSIVADO  */
	height:220px;  /* ITEM RESPONSIVADO  */
		
}

#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:20px;
	font-family:"CaviarDreams";
	color:#CCC;
		
}