/*Codigo CSS POPUP*/



.modal{

	color: white;
	font-size: 25px;
	width: 100%;
	height: 1620px;
	background: rgba(0,0,0,.75);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	-webkit-animation: modal 2.5s 3s forwards;
	-o-animation: modal 2.5s 3s forwards ;
	animation: modal 2.5s 3s forwards ;
	visibility: hidden;
	opacity: 0;


}

.contenido{
	margin: 50px auto;
	width: 45%;
	height: 52%;
	background: #2A8A15;
	border-radius: 75px;
	text-align: center; 
}

.imgmodal{
	width: 630px;
	
}

#cerrar{
	display: none;
}

#cerrar + label{
	position: fixed;
	color: white;
	font-size: 25px;
	z-index: 50;
	background: #2A8A15;
	height: 40px;
	width: 120px;
	line-height: 40px;
	border-radius: 50px;
	right: 20px;
	-webkit-animation: modalx 3s 4s forwards;
	-o-animation: modalx  3s 4s forwards ;
	animation: modalx  3s 4s forwards ;
	visibility: hidden;
	opacity: 0;
	text-align: center

}

#cerrar:checked + label, #cerrar:checked ~ .modal{
	display: none;
}

@keyframes modal{
	100%{
		visibility: visible;
	opacity: 1;
	}
}

@keyframes modalx{
	100%{
		visibility: visible;
	opacity: 1;
	}
}