@-moz-keyframes infoApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #9ecaed;
 }
 8% {
   box-shadow:0 0 30px #9ecaed;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #9ecaed;
   
 }
 24% {
   box-shadow:0 0 30px #9ecaed;
   
 }
 32% {
   box-shadow:0 0 0px #9ecaed;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}

@-moz-keyframes aprobadoApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #003300;
 }
 8% {
   box-shadow:0 0 10px #003300;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #003300;
   
 }
 24% {
   box-shadow:0 0 10px #003300;
   
 }
 32% {
   box-shadow:0 0 0px #003300;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}


@-moz-keyframes advertenciaApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #D69839;
 }
 8% {
   box-shadow:0 0 10px #D69839;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #D69839;
   
 }
 24% {
   box-shadow:0 0 10px #D69839;
   
 }
 32% {
   box-shadow:0 0 0px #D69839;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}


@-moz-keyframes errorApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #990000;
 }
 8% {
   box-shadow:0 0 10px #990000;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #990000;
   
 }
 24% {
   box-shadow:0 0 10px #990000;
   
 }
 32% {
   box-shadow:0 0 0px #990000;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}

@-webkit-keyframes infoApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #9ecaed;
 }
 8% {
   box-shadow:0 0 30px #9ecaed;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #9ecaed;
   
 }
 24% {
   box-shadow:0 0 30px #9ecaed;
   
 }
 32% {
   box-shadow:0 0 0px #9ecaed;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}

@-webkit-keyframes aprobadoApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #003300;
 }
 8% {
   box-shadow:0 0 10px #003300;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #003300;
   
 }
 24% {
   box-shadow:0 0 10px #003300;
   
 }
 32% {
   box-shadow:0 0 0px #003300;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}


@-webkit-keyframes advertenciaApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #D69839;
 }
 8% {
   box-shadow:0 0 10px #D69839;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #D69839;
   
 }
 24% {
   box-shadow:0 0 10px #D69839;
   
 }
 32% {
   box-shadow:0 0 0px #D69839;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}


@-webkit-keyframes errorApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #990000;
 }
 8% {
   box-shadow:0 0 10px #990000;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #990000;
   
 }
 24% {
   box-shadow:0 0 10px #990000;
   
 }
 32% {
   box-shadow:0 0 0px #990000;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}






@-o-keyframes infoApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #9ecaed;
 }
 8% {
   box-shadow:0 0 30px #9ecaed;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #9ecaed;
   
 }
 24% {
   box-shadow:0 0 30px #9ecaed;
   
 }
 32% {
   box-shadow:0 0 0px #9ecaed;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}

@-o-keyframes aprobadoApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #003300;
 }
 8% {
   box-shadow:0 0 10px #003300;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #003300;
   
 }
 24% {
   box-shadow:0 0 10px #003300;
   
 }
 32% {
   box-shadow:0 0 0px #003300;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}


@-o-keyframes advertenciaApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #D69839;
 }
 8% {
   box-shadow:0 0 10px #D69839;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #D69839;
   
 }
 24% {
   box-shadow:0 0 10px #D69839;
   
 }
 32% {
   box-shadow:0 0 0px #D69839;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}


@-o-keyframes errorApareceDerechaAbajo{
 0% {
  opacity: 0.0;
   bottom: 0px;
   box-shadow:0 0 0px #990000;
 }
 8% {
   box-shadow:0 0 10px #990000;
 }
 16% {
   opacity: 1.0;
   box-shadow:0 0 0px #990000;
   
 }
 24% {
   box-shadow:0 0 10px #990000;
   
 }
 32% {
   box-shadow:0 0 0px #990000;
   
 }
 80% {
   bottom: 0px;
   
 }
 100% {
    bottom: -500px;
 }
}


div.avisoInfo,
div.avisoError,
div.avisoAprobado,
div.avisoAdvertencia{
    border-radius: 10px 0px 0px 0px;
    margin: 0 -20px 0px;
    padding: 15px 50px 38px;
    min-height: 25px;
    position: fixed;
    bottom: -500px;
    right:0px;
    z-index: 100;
    font-weight: bold;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 110%;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
  	-webkit-animation-duration: 5s;
  	-webkit-animation-iteration-count: 1;
  	-moz-animation-duration: 5s;
  	-moz-animation-iteration-count: 1;
  	-o-animation-duration: 5s;
  	-o-animation-iteration-count: 1;
}

div.avisoInfo{
	background: url("images/notice.png") no-repeat scroll 10px 12px #488AAD;
    color: #133548;
    -webkit-animation-name: infoApareceDerechaAbajo;
  	-moz-animation-name: infoApareceDerechaAbajo;
  	-o-animation-name: infoApareceDerechaAbajo;
}

div.avisoError{
	background: url("images/alert.png") no-repeat scroll 10px 12px #BD5151;
    color: #4C1818;
    -webkit-animation-name: errorApareceDerechaAbajo;
  	-moz-animation-name: errorApareceDerechaAbajo;
  	-o-animation-name: errorApareceDerechaAbajo;
}

div.avisoAprobado{
	background: url("images/approved.png") no-repeat scroll 10px 12px #74924A;
    color: #232F12;
    -webkit-animation-name: aprobadoApareceDerechaAbajo;
  	-moz-animation-name: aprobadoApareceDerechaAbajo;
  	-o-animation-name: aprobadoApareceDerechaAbajo;
}


div.avisoAdvertencia{
	background: url("images/attention.png") no-repeat scroll 10px 12px #D69839;
    color: #5A3800;
    -webkit-animation-name: advertenciaApareceDerechaAbajo;
  	-moz-animation-name: advertenciaApareceDerechaAbajo;
  	-o-animation-name: advertenciaApareceDerechaAbajo;
}


div.avisoInfoNoAutoEsconde,
div.avisoErrorNoAutoEsconde,
div.avisoAprobadoNoAutoEsconde,
div.avisoAdvertenciaNoAutoEsconde{
	display: table;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 50px 10px;
    min-height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    z-index: 100;
    font-weight: bold;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 110%;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
}

div.avisoInfoNoAutoEsconde.esconde,
div.avisoErrorNoAutoEsconde.esconde,
div.avisoAprobadoNoAutoEsconde.esconde,
div.avisoAdvertenciaNoAutoEsconde.esconde{
	display: none;
}


#messageBG.avisoNoAutoEscondeContenedor{
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100% !important; 
	z-index: 100; 
	background: url('images/fondoMensaje.png');
}

#messageBG.avisoNoAutoEscondeContenedorNoVisible {
	display: none;
}


div.avisoInfoNoAutoEsconde{
	background: url("images/notice.png") no-repeat scroll 10px 12px #488AAD;
    color: #133548;
}

div.avisoErrorNoAutoEsconde{
	background: url("images/alert.png") no-repeat scroll 10px 12px #BD5151;
    color: #4C1818;
}

div.avisoAprobadoNoAutoEsconde{
	background: url("images/approved.png") no-repeat scroll 10px 12px #74924A;
    color: #232F12;
}


div.avisoAdvertenciaNoAutoEsconde{
	background: url("images/attention.png") no-repeat scroll 10px 12px #D69839;
    color: #5A3800;
}