@charset "utf-8";
/* CSS Document */
.mantenimiento{
	align-content: center;
	background-color: rgba(175,173,27,0.9);
	padding: 5px;
	position: fixed;
	right: 5px; top: 5px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";*/
	font-size: 14px;
	color: rgb(0,0,0,0);
	width: 30%;
	height: 150px;
	/*border: 2px solid rgba(0, 0, 0, 0.6);*/
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);;
	border-radius: 8px;
	animation: manteni;
    animation-duration: 7s;
    /*animation-delay: 0s;*/
	animation-fill-mode: both;
}
@keyframes manteni {
  	0%{
	  background-color:  rgba(175,173,27,0.2);
	  height: 0px;
	  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	  border: rgba(0, 0, 0, 1.0);
	  color: rgb(0,0,0,0);
	  
	}
 	10%{
	  background-color:  rgba(175,173,27,0.9);
	  border: rgba(0, 0, 0, 0.6);
	  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
	  height: 15%;
	  color: rgba(255,255,255,1.00);
	  
	}
	
	90%{
	  background-color:  rgba(175,173,27,0.9);
	  border: rgba(0, 0, 0, 0.6);
	  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
	  height: 15%;
	  color: rgba(255,255,255,1.00);
	  
	}
 	100%{
	  background-color:  rgba(175,173,27,0);
	  height: 0px;
	  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	  border: rgba(0, 0, 0, 1.0);
	  color: rgb(0,0,0,0);
	  visibility: hidden;
	}
}