.bloading {
	background-image:url(../images/bloading.gif);
	width:32px;
	height:32px;
}

.load_area {
/*    transform:scale(0.5);*/
    position:fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    text-align: center;
    z-index: 9999;
}

.loader {
    width: 80px;
    height: 80px;
    position: relative;
    top: 50%;
    left: 50%;
    
    -webkit-transform: translate(-50%, -50%); 
    -ms-transform:  translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loader:after {
    content: "procesando";
    position: relative;
    display: block;
    top: 90px;
    font-size: 1em;
    color: #ccc;
}

.spin-box {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 100%;
    width: 1.5em;
    height: 1.5em;
    -webkit-box-shadow: 1.5em 1.5em #4f4d49, -1.5em 1.5em #dfdfdf, -1.5em -1.5em #4f4d49, 1.5em -1.5em #dfdfdf;
    box-shadow: 1.5em 1.5em #4f4d49, -1.5em 1.5em #dfdfdf, -1.5em -1.5em #4f4d49, 1.5em -1.5em #dfdfdf;
    -webkit-animation: spin ease infinite 2s;
    animation: spin ease infinite 2s;
}
@-webkit-keyframes spin {
    0%,
    100% {
    -webkit-box-shadow: 1.5em 1.5em #4f4d49, -1.5em 1.5em #dfdfdf, -1.5em -1.5em #4f4d49, 1.5em -1.5em #dfdfdf;
    }
    25% {
    -webkit-box-shadow: -1.5em 1.5em #dfdfdf, -1.5em -1.5em #4f4d49, 1.5em -1.5em #dfdfdf, 1.5em 1.5em #4f4d49;
    }
    50% {
    -webkit-box-shadow: -1.5em -1.5em #4f4d49, 1.5em -1.5em #dfdfdf, 1.5em 1.5em #4f4d49, -1.5em 1.5em #dfdfdf;
    }
    75% {
    -webkit-box-shadow: 1.5em -1.5em #dfdfdf, 1.5em 1.5em #4f4d49, -1.5em 1.5em #dfdfdf, -1.5em -1.5em #4f4d49;
    }
}
@keyframes spin {
    0%,
    100% {
    box-shadow: 1.5em 1.5em #4f4d49, -1.5em 1.5em #dfdfdf, -1.5em -1.5em #4f4d49, 1.5em -1.5em #dfdfdf;
    }
    25% {
    box-shadow: -1.5em 1.5em #dfdfdf, -1.5em -1.5em #4f4d49, 1.5em -1.5em #dfdfdf, 1.5em 1.5em #4f4d49;
    }
    50% {
    box-shadow: -1.5em -1.5em #4f4d49, 1.5em -1.5em #dfdfdf, 1.5em 1.5em #4f4d49, -1.5em 1.5em #dfdfdf;
    }
    75% {
    box-shadow: 1.5em -1.5em #dfdfdf, 1.5em 1.5em #4f4d49, -1.5em 1.5em #dfdfdf, -1.5em -1.5em #4f4d49;
    }
}