.buttones{
	cursor: pointer;
}
.modal{
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.5) ;
}
.modal-content{
	background-color: #FEFEFE;
	margin: 1% auto;
	width: 70%;
	height: 90%;
	box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
	animation-name: modalopen;
	animation-duration: 5s;
}
/* Style header */
.modal-header h2{
	margin: 0;
}
.modal-header{
	background-color: darkred;
	padding: 15px;
	color: #ffffff;
}
/* Style body*/
.modal-cuerpo{
	padding: 10px 20px;

}
.modal-cuerpo h2, .modal-pie h3{
	margin: 0;
}
/* Style footer*/
.modal-pie{
	background-color: #CDA800;
	padding: 10px;
	color: #ffffff;

}
.closeBtn{
	color: #ccc;
	float: right;
	font-size: 30px;
}
.closeBtn:hover,.closeBtn:focus{
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

@keyframes modalopen{
	form{opacity: 0;}
	to{opacity: 1;}
}