.rc_caja_gris{
    border: 5px solid #777;
    padding: 20px 20px 5px;
    position: relative;
    max-width: 100%;
    margin: 15px auto;
    color: #666;
}

.rc_caja_gris:before{
    content: '';
    height: 5px;
    width: 50%;
    background-color: #fff;
    position: absolute;
    top: -5px;
    left: 25%;
}

.rc_caja_gris:after{
    content: '';
    height: 5px;
    width: 50%;
    background-color: #fff;
    position: absolute;
    bottom: -5px;
    left: 25%;
}

.rc_caja_roja{
    border: 5px solid #b9004a;
    padding: 20px 20px 5px;
    position: relative;
    max-width: 100%;
    margin: 15px auto;
    color: #666;
}

.rc_caja_roja:before{
    content: '';
    height: 5px;
    width: 50%;
    background-color: #fff;
    position: absolute;
    top: -5px;
    left: 25%;
}

.rc_caja_roja:after{
    content: '';
    height: 5px;
    width: 50%;
    background-color: #fff;
    position: absolute;
    bottom: -5px;
    left: 25%;
}

blockquote.rc_caja_roja p:first-child::before{
    content: "\201C"; /*Unicode for Left Double Quote*/
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    background-color: #b9004a;
    border-radius: 100px;
    float: left;
    margin-right: 20px;
    margin-top: 0px;
    width: 40px;
    line-height: 60px;
    height: 40px;
}
blockquote.rc_caja_roja{
    font-weight: inherit;
    font-size: 1em;
    padding: 20px;
    font-style: inherit;
}

blockquote.rc_caja_roja p{
    margin-bottom: 0;
}

blockquote.rc_caja_roja p strong, blockquote.rc_caja_roja p b{
    color: #000 !important;
}

.rc_caja_datos_bottom{
    background-color: #b9004a;
    padding: 20px 20px 15px;
    position: relative;
    max-width: 100%;
    margin: 15px auto;
    color: #fff;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
    clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
}

.rc_caja_datos_top{
    background-color: #b9004a;
    padding: 20px 20px 15px;
    position: relative;
    max-width: 100%;
    margin: 15px auto;
    color: #fff;
    -webkit-clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 100%, 0 100%);
    clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 100%, 0 100%);
}

.rc_caja_datos_both{
    background-color: #b9004a;
    padding: 20px 20px 15px;
    position: relative;
    max-width: 100%;
    margin: 15px auto;
    color: #fff;
}

.rc_caja_datos_both::before{ /*bottom*/
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    background-color: #b9004a;
    padding: 20px 20px 15px;
    margin: 15px auto;
    color: #fff;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
    clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}

.rc_caja_datos_both::after{ /*top*/
    content: '';
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    background-color: #b9004a;
    padding: 20px 20px 15px;
    margin: 15px auto;
    color: #fff;
    -webkit-clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 100%, 0 100%);
    clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 100%, 0 100%);
}

.rc_caja_cafe{
    border-left: 5px solid #b9004a;
    padding: 20px 20px 5px;
    position: relative;
    max-width: 100%;
    margin: 15px auto;
    color: #666;
    background-color: #f1e4d0;
}

@media (min-width: 800px){

    .rc_caja_gris.left,
    .rc_caja_roja.left,
    blockquote.rc_caja_roja.left,
    .rc_caja_datos_bottom.left,
    .rc_caja_datos_top.left,
    .rc_caja_datos_both.left,
    .rc_caja_cafe.left{
        width: 45%;
        float: left;
        margin-right: 30px;
    }


    .rc_caja_gris.right,
    .rc_caja_roja.right,
    blockquote.rc_caja_roja.right,
    .rc_caja_datos_bottom.right,
    .rc_caja_datos_top.right,
    .rc_caja_datos_both.right,
    .rc_caja_cafe.right{
        width: 45%;
        float: right;
        margin-left: 30px;
    }
}