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

.rings a {
  display:inline-block;
  position:relative;
	margin-bottom: 20px;
	margin-top: 20px;
}

.rings a span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #0A0A8E;
	display: none;
}

.rings a:hover { 
    background:white; 
    
}

.rings a:hover span {
  display:block;
}

.rings a:hover img {
  opacity:0.2;
}

*{
	font-family: 'Inconsolata', monospace;
	
	}

body{
  background-color: #ffffff;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  }

#opacidad img{
filter: alpha(opacity=100);
opacity: 1;
max-width: 100%;
    height: auto;
}
#opacidad img:hover {
filter: alpha(opacity=50);
opacity: 0.5;
max-width: 100%;
    height: auto;
}

footer {
	text-align: center;
	background-color: #ffffff;
	opacity: 0.5;
	color: #0A0A8E;
	position: static;
	bottom: 0px;
	width: 100%;
	height: inherit;
	vertical-align: middle;
		}

	
.linea {
	background-color: rgba(51,51,51,0.8);
		}