/* ESTILOS PARA EL BOTON FLOTANTE DE WHATSAPP */
.ws-flotante {
	position:fixed;
	top:30%;
	right: 0;
	height: auto;
	width: auto;
	z-index: 1000;
}

.ws-flotante img {
  filter: drop-shadow(0 0 0rem #fff);
  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  -ms-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;
}

.ws-flotante img:hover {
  filter: drop-shadow(0 0 0.25rem #222);
  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  -ms-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;
}

.rsocial {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0px; /* Establecemos la barra en la derecha */
	top: 42.7%; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
	display:block;
}

ul.listars {
  width:1.875rem;
  padding:0rem;
  margin:0rem;
  list-style: none;
}

ul.listars li {
  margin-bottom:0.30rem;
}

ul.listars li a img {
  opacity:1;
  filter: drop-shadow(0 0 0rem #fff);
  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  -ms-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;
}

ul.listars li a img:hover {
  opacity:0.85;
  filter: drop-shadow(0 0 0.25rem #222);
  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  -ms-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;
}

/***************ESTILOS PÁGINA NOTIFICACIÓN**********************/
.fondo_horizontal_header_ltxt {
	padding:2rem 0rem;
	background-color:#f5f7fe;
}

.logonotif {
	text-align:center;
}

.logonotif img {
	width: auto;
	max-width:300px;
	max-height:150px;
}

.fondo-horizontal-contenidos-notif {
	padding: 0;
	background-color: #fff;
}

.notificacion {
	text-align: center;
	font-size: 2rem;
	padding-top:5rem;
	padding-bottom: 0;
}

.correcto {
	color:#008F39;
}

.error {
	color:#FF0000;
}