@media (min-width: 1200px) {
#aparecepopup {
	text-decoration: none;
	visibility: visible;
	z-index: 10000;
	margin-left: -350px;
	position: absolute;
	border: 10px solid #FFFFFF;
	left: 50%;
	top: 70px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 30px 0px #000;
	-moz-box-shadow: 0px 0px 30px 0px #000;
	-webkit-box-shadow: 0px 0px 30px 0px #000;
}
#fecha{ position:absolute; right:-10px; top:-10px; z-index:300;}
}
@media (min-width: 992px) and (max-width: 1199px) {
#aparecepopup {
	text-decoration: none;
	visibility: visible;
	z-index: 10000;
	margin-left: -350px;
	position: absolute;
	border: 10px solid #FFFFFF;
	left: 50%;
	top: 70px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 30px 0px #000;
	-moz-box-shadow: 0px 0px 30px 0px #000;
	-webkit-box-shadow: 0px 0px 30px 0px #000;
}
#fecha{ position:absolute; left:-10px; top:-10px; z-index:300;}
	}
@media (min-width: 768px) and (max-width: 991px) {
	
#aparecepopup {
	text-decoration: none;
	visibility: visible;
	z-index: 10000;
	margin-left: -350px;
	position: absolute;
	border: 10px solid #FFFFFF;
	left: 50%;
	top: 70px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 30px 0px #000;
	-moz-box-shadow: 0px 0px 30px 0px #000;
	-webkit-box-shadow: 0px 0px 30px 0px #000;
}
#fecha{ position:absolute; left:-10px; top:-10px; z-index:300;}
	
	}
@media (max-width: 767px) {
	
#aparecepopup {
	text-decoration: none;
	visibility: visible;
	z-index: 10000;
	position: absolute;
	border: 10px solid #FFFFFF;
	top: 70px;
	width:90%;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 30px 0px #000;
	-moz-box-shadow: 0px 0px 30px 0px #000;
	-webkit-box-shadow: 0px 0px 30px 0px #000;
}
#fecha{position:absolute; left:-10px; top:-10px; z-index:300;}
}