/*
Theme Name: Estilos
Theme URI: http://www.ada-systems.net/
Description: Designed by www.Ada-Systems.net
Version: 3 Columnas Liquidas
Author: Ada-Systems.
*/

/***********************
*	     Cuerpo        *
***********************/
section{
	position: relative;
	margin: 190px auto 65px auto;
	width: 100%;
}

ul#galeria{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 100%;
	text-align: center;
}

ul#galeria li{
	margin: 5px;
	display: inline-block;
	list-style: none;
	}


	.sticker{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 0px;
		left: 0px;
		text-align: center;
		width: 100%;
		height: 100%;
		z-index: 0;
		display: none;
		}

ul#galeria li:hover .sticker{
	display: inline;
}

.sticker > h3{
	width: 100%;
	text-align: center;
	padding: 10px 0px 10px 0px;
	background-color: rgba(0, 0, 0, 0.5);
	}

.sticker > img.plus{
	position: absolute;
	margin: -17px 0px 0px -23px; ;
	top: 50%;
	left: 50%;

}


.gal{
	display: inline-block;
	position:relative;
	margin: 1px;
	border-bottom: 2px solid #2aa088;
	box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
  	-moz-box-shadow: 2px 2px 5px #999;
	width: 250px;
	height: 250px;
	}

	.gal > a > img{
		filter: blur(0.5px) grayscale(100%);width: 100%;
	}
	.gal:hover > a > img{
		filter: blur(0px) grayscale(0%);
	}

@media screen and (max-width: 800px) {

	ul#galeria li .sticker{
		display: inline;
	}

	/*  */