a:active:before {
    background-color: blue;
}


.footer {  border: 0px solid purple;		
	
	background: green url(../../../app/images/body/foot.jpg) ;
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
	opacity: 0.9;
	filter:  alpha(opacity=50);
	
}


 .menuesfoot h1 
{				border: 0px solid blue;		
	 color: #fff;	
}

.footer a:hover { 
		color: #191970;
}



.nav-social li
{					border: 0px solid green;
	/*display: inline;*/
	padding: 6px;
		
}

.nav-social a { 

color: #fff;
 }

.fa {
    display: inline-block;    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}


.footer div > * { margin: 2rem auto; }

.nav-foot { 
padding: 1rem 0; 	
 } 
 
 .nav-foot a{ 
padding: 1rem 0; 
text-decoration: none;


color: #fff;
line-height: 1.2em;
list-style:none;
padding: 8px;
text-align: center;

 } 

.nav-foot li { 
padding: 0.4rem ; 
list-style:none;
 } 
 .autor p { 
 border-top: 1px solid #fff;
 padding: 1rem 0; 
text-decoration: none;
color: #666;
line-height: 1.2em;
padding: 8px;
text-align: center;

 }
  .autor a {
  text-decoration: none;
  
  color: #fff;
  }
   .autor a:hover { 
  color: #fff;
  }
  
  .line{
  
  padding: 1rem 0;
  }
/*+++++++++++++++++++responsive*/
@media screen and (min-width: 15em){ 
.memorial   { 				border: 0px solid green;
	
	margin: 0.3rem auto; 
	text-decoration: none;	
	color: #fff;
	line-height: 1.5em;
	padding: 0px;
	text-align: center;

	}
	.memorial li{
	display: inline-block;
	}
	.memorial a{
	color: #fff;
	text-decoration: none;
	 
	
	}
	.memorial a:hover {
	color: #666;
	 
	}
	
	.nav-social 
{					border: px solid orange;
	display: inline;
	
}

}



/* @media screen and (min-width: 1024px){ */
@media screen and (min-width: 64em){
	/* .logo { background-color: magenta; } */

	.footer div
	{
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-content: center;
	}
	
	.footer div > *
	{
		flex: 1 30%;
		margin: 2rem auto;
	}

	.nav-social li
	{ 				border: 0px solid #fff;
		display: block;
		padding: 6px;
		
		
	}

	.nav-social a { display: block; }

	.nav-social i { font-size: 1.5rem; }
	.memorial li { 
		
		display: inline-block; 
	}
	

}

/* @media screen and (min-width: 1200px){ */
@media screen and (min-width: 75em){
	.container > * { max-width: 1200px; 
	margin: auto; }	

	
}