.alerta{
    padding:10px;
    -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.4);
    max-width: 100%;
    text-align: center;
    margin: 20px auto 0 auto;
    z-index:10000;
}

.alerta.bottom{
    bottom:10%
}

.alerta.top{
    top:10%
}

.alerta.center{
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}

.alerta,.alerta.light{
    background:#fff
}

.alerta.success{
    background:#12a053;
    color:#fff
}

.alerta.warning{
    background:#ffbd40;
    color:#000
}

.alerta.info{
    background:#009cdf;
    color:#fff
}

.alerta.dark{
    background:#8aa3ac;
    color:#000;
}

.alerta.danger{
    background:#f72a3c;
    color:#fff
}