#pop {
   z-index:50;
   position: fixed;
   border: 1px solid #333333;
   text-align:center;
   background: rgba(0,0,0,0.5);
   height: 100%;
   width: 100%;
   }
.cerrar {
	position:absolute;
	float: left;
	cursor:pointer;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	background: -webkit-radial-gradient(#F2F5A9, #F7D358); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(#F2F5A9, #F7D358); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(#F2F5A9, #F7D358); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#F2F5A9, #F7D358); /* Standard syntax */
	margin-top:12%;
	margin-left: 28%;
	text-align:center;
	height: 30px;
	width: 30px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
	line-height: 25px;
	-webkit-box-shadow: 0 0 6px rgba(138, 75, 8, .75);
	-moz-box-shadow: 0 0 6px rgba(138, 75, 8, .75);
	box-shadow: 0 0 6px rgba(138, 75, 8, .75);

}

.cerrar:hover {
	background: -webkit-radial-gradient(#9FF781, #31B404); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(#9FF781, #31B404); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(#9FF781, #31B404); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#9FF781, #31B404); /* Standard syntax */
	-webkit-box-shadow: 0 0 6px rgba(11, 59, 11, .75);
	-moz-box-shadow: 0 0 6px rgba(11, 59, 11, .75);
	box-shadow: 0 0 6px rgba(11, 59, 11, .75);

}

.mas {
	display: none;
	height: 0px;
	width: 0px;
	} 
	
span:active ~ .mas, span:focus ~ .mas { 
	display: block; 
	width: auto; 
	height: auto;
	-webkit-transition: all 0s;
	}
	
span:active, span:focus, span:after {
	display: none;
	width: 0px;
	height: 0px;
	-webkit-transition: all 0s 9999999s;
	}