@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:283px;   /* sobe ou desce menu superior dentro do header*/ /* alinha conteudo superior com menu superior*/
	background-color:rgba(255,255,255,0.10);
	top:0;	
	
}

#logo{	
	margin:0 auto 0 auto;
	background-color:;
	width:425px;
	height:auto; /*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:172px;
	height:40px; /*tem que especificar altura pq se nao cada navegador interpreta uma medida diferente*/
}



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

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

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

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

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

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

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













/* BANNER */	

/* BANNER */





/*VIDEO INICIO */
#conteudoinicio{    /* area do conteudo VIDEO INICIO */	
	height:1092px;
	background-color:#368C50;
	width:960px;
	margin:0 auto 0 auto;	
}

#videoinicio{   /*  VIDEO INICIO */
	height:550px;
	width:960px;
	margin:0 auto 0 auto;
	margin-top:20px;
	
}

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







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

#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:450px;
	background-color:rgba(0,0,0,0.50);
	margin-bottom:0;
}

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

#facerodape{
	width:40px;  /* ITEM RESPONSIVADO  */
	height:40px;	  /* ITEM RESPONSIVADO  */
}

#twiterrodape{
	width:40px;  /* ITEM RESPONSIVADO  */
	height:40px;;	  /* ITEM RESPONSIVADO  */
}

#mangadownloadrodape{
	width:40px;  /* ITEM RESPONSIVADO  */
	height:40px;	/* ITEM RESPONSIVADO  */
}

#enerkryrodape{
	width:40px;  /* ITEM RESPONSIVADO  */
	height:40px;	/* ITEM RESPONSIVADO  */
}

#youtuberodape{
	width:40px;  /* ITEM RESPONSIVADO  */
	height:40px;	  /* ITEM RESPONSIVADO  */
}

#googleplusrodape{
	width:40px;  /* ITEM RESPONSIVADO  */ 
	height:40px;   /* ITEM RESPONSIVADO  */
}

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







#espaco3{  /* somente pra centralizar conteudo onde scroll para */
	width:100%;
	height:100px;
	background-color:#FFFFFF;		
}

#espaco33{  /* somente pra centralizar conteudo onde scroll para */
	width:100%;
	height:100px;
	background-color:#FFFFFF;		
}

#espaco4{
	width:100%;
	height:100px;
	background-color:#FFFFFF;		
}

#espaco44{
	width:100%;
	height:70px;
	background-color:#FFFFFF;		
}

#espaco5{
	width:100%;
	height:100px;
	background-color:#FFFFFF;		
}

#espaco55{
	width:100%;
	height:70px;
	background-color:#FFFFFF;		
}
/* ESPAÇOS ENTRE CONTEUDOS */










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