@charset "UTF-8";
.casas33 {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	top: 310px; /* 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 */
}

	.casas33 ul {
		list-style: none;
	}

	.casas33 ul li a {
		display: inline-block;
		color:#fff;
		background: #E3061A;
		border-radius:     5px 0px 0px 5px;
		padding: 10px 19.7px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
                  border: white solid 1px;

	}





    .casas33 ul li .fa fa-facebook {background: rgba(255,170,0,1);
background: -moz-linear-gradient(-45deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,170,0,1)), color-stop(51%, rgba(255,0,30,1)), color-stop(100%, rgba(209,8,179,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
background: linear-gradient(135deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#d108b3', GradientType=1 );}


	.casas33 ul li a:hover {
		
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}