.post-imageonsale {
   position: relative;
   overflow: hidden;
   z-index: -1;
}
.post-imageonsale:before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 75%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background: green;
    content: ' En Venta ';
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: translate(-25%, 50%) rotate(-90deg);
    -moz-transform: translate(-25%, 50%) rotate(-90deg);
    transform: translate(-25%, 50%) rotate(-90deg);
    opacity: 0.7;
    filter: alpha(opacity=30);
    z-index: 1;
}

.post-imagenew {
   position: relative;
   overflow: hidden;
   z-index: -1;
}
.post-imagenew:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background: orange;
    content: 'Nuevo';
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: translate(-25%, 50%) rotate(-45deg);
    -moz-transform: translate(-25%, 50%) rotate(-45deg);
    transform: translate(-25%, 50%) rotate(-45deg);
    opacity: 0.7;
    filter: alpha(opacity=30);
    z-index: 1;
}

.post-imagereservado {
   position: relative;
   overflow: hidden;
   z-index: -1;
}
.post-imagereservado:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background: #f00;
    content: 'Reservado';
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: translate(-25%, 50%) rotate(-45deg);
    -moz-transform: translate(-25%, 50%) rotate(-45deg);
    transform: translate(-25%, 50%) rotate(-45deg);
    opacity: 0.7;
    filter: alpha(opacity=30);
    z-index: 1;
}

.post-imagevendido {
    position: relative;
   overflow: hidden;
   z-index: -1;
}
.post-imagevendido:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background: blue;
    content: 'Vendido';
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: translate(-25%, 50%) rotate(-45deg);
    -moz-transform: translate(-25%, 50%) rotate(-45deg);
    transform: translate(-25%, 50%) rotate(-45deg);
    opacity: 0.7;
    filter: alpha(opacity=30);
    z-index: 1;
}

.post-imagerecotizado {
   position: relative;
   overflow: hidden;
   z-index: -1;
}
.post-imagererecotizado:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background: #f00;
    content: 'Recotizado';
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: translate(-25%, 50%) rotate(-45deg);
    -moz-transform: translate(-25%, 50%) rotate(-45deg);
    transform: translate(-25%, 50%) rotate(-45deg);
    opacity: 0.7;
    filter: alpha(opacity=30);
    z-index: 1;
}


#mensaje{
 position: absolute;
 width: 300px;
 height: 50px;
 background: darkorange;
 color: white;
 padding: 5px;
 margin-top: 300px;
 margin-left: 400px;
 text-align: center;
 line-height: 50px;
}

#reserva{
 position: relative;
 left: -200px;
 top: 220px;
 width: 140px;
 height: 30px;
 z-index: 1;
 background: red;
 border-radius: 15px;
 font-size: 18px;
 text-align: center;
 color: white;
 opacity: 0.3;
 filter: alpha(opacity=30);
}

#venta{
 position: relative;
 left: -200px;
 top: 220px;
 width: 140px;
 height: 30px;
 z-index: 1;
 background: red;
 border-radius: 15px;
 font-size: 18px;
 text-align: center;
 color: white;
 opacity: 0.3;
 filter: alpha(opacity=30);
}

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}
@keyframes blink {
    80% {
        visibility: hidden;
    }
}