.container{
	position:relative;

}
#icono{
	position:absolute;
	z-index:10;
	left:0;
	top:0;
}
@media only screen and (max-width:768px){
	#icono{
		display:block;
		position:relative;		
		text-align:center;	
	}
}

@media only screen and (max-width:981px){
	#icono img{
		width:56px;
	}
}

#galeria{
	text-align:center;
	padding-top:20px;
}
#galeria a{
	display:inline-block;
	position:relative;
}
#galeria a span{
	position:absolute;
	z-index:10;
	background-color:#036;
	left:0;
	top:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 50%; 
	opacity:0.5;
	margin:5px;
	display:none;
	zoom:1;
}
#galeria a img{	
	margin:5px;
	border-bottom:solid 10px #036;
}

#galeria a:hover img{	
	border-bottom:solid 10px #9aa4c1;
}

.arrow {
  position: absolute;
  top: 0;
  margin: 0;
  top: 48%;
  padding: 0;
  width: 38px;
  height: 38px;
  background:transparent url(../../_recursos/magnific-popup/controls.png) no-repeat;
  text-indent:-9999px;
  cursor:pointer;
  z-index:1008;
}

.arrow-left {
  left: 30px;
  background-position:0 0;
 }
.arrow-right {
  right: 30px;
  background-position:0 -38px;
}