.it-active{
    border-color: #a82428!important;
}

.red-color .it-active {
    border-color: #b2011c!important;
    background-color: #ffff00;
}

.red-color .cuadro-img>label
{
    color: #000;
}

@media all and (max-width: 601px) {
    .div-img{
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .cuadro-img{
        background-color: #FFFFFF;
        border-color: #313131;
        border-radius: 7px;
        border-style: solid;
        padding-top: 12%;
        text-align: center;
        width: 88%;
        margin-bottom: 7%;
        margin-left: 8%;
        display: table-cell;
        float: left;
        vertical-align: middle;
    }

    .input{
        margin-right: 5%;
        height: 9%;
        width: 10%;
    }

    .texto{
        font-size: 1.3em;
        color: #000000;
        line-height: 160%;
        margin-bottom: 5%;
        margin-top: 0.7%;
        text-align: center;
    }

    .boton-activaciones{
        background-color: #b2011c;
        color: #FFFFFF;
        padding: 4%;
        margin-bottom: 5%;
        width: 216px;
    }
    .boton-activaciones:hover{
        background-color: #660212;
        color: #FFFFFF;
        padding: 4%;
        margin-bottom: 5%;
        width: 216px;
        text-align: center;
    }

    .check-activacion{ display: none; }
    .check-activacion + label span{
        display: inline-block;
        width: 19px;
        height: 19px;
        border-style: solid;
        border-width: 2px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        border-color: #313131;
    }

    .check-activacion:checked + label span{
        background-image: url('../img/cuadroRojo.jpg');
        background-size: 15px;
        background-repeat: no-repeat;
        border-color: #a82428;
    }
}

@media all and (min-width: 602px) and (max-width: 961px){
    .div-img{
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .cuadro-img{
        background-color: #FFFFFF;
        border-color: #313131;
        border-radius: 7px;
        border-style: solid;
        padding-top: 5%;
        text-align: center;
        width: 35%;
        margin-bottom: 7%;
        margin-left: 9%;
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    .input{
        margin-right: 5%;
        height: 9%;
        width: 10%;
    }


    .texto{
        font-size: 1.3em;
        color: #000000;
        line-height: 160%;
        margin-bottom: 5%;
        margin-top: 0.7%;
        text-align: center;
    }

    .boton-activaciones{
        background-color: #b2011c;
        color: #FFFFFF;
        padding: 4%;
        margin-bottom: 5%;
        width: 216px;
    }
    .boton-activaciones:hover{
        background-color: #660212;
        color: #FFFFFF;
        padding: 4%;
        margin-bottom: 5%;
        width: 216px;
        text-align: center;
    }

    .check-activacion{ display: none; }
    .check-activacion + label span{
        display: inline-block;
        width: 19px;
        height: 19px;
        border-style: solid;
        border-width: 2px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        border-color: #313131;
    }

    .check-activacion:checked + label span{
        background-image: url('../img/cuadroRojo.jpg');
        background-size: 15px;
        background-repeat: no-repeat;
        border-color: #a82428;
    }

}

@media all and (min-width: 962px) and (max-width: 1025px){
    .div-img{
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .cuadro-img{
        background-color: #FFFFFF;
        border-color: #313131;
        border-radius: 7px;
        border-style: solid;
        margin-right: 3%;
        padding-top: 2%;
        text-align: center;
        width: 22%;
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    .input{
        margin-right: 5%;
        height: 9%;
        width: 10%;
    }


    .boton-activaciones{
        background-color: #b2011c;
        color: #FFFFFF;
        padding: 1.2%;
        margin-right: 8%;
        margin-bottom: 5%;
        width: 216px;
    }
    .boton-activaciones:hover{
        background-color: #660212;
        color: #FFFFFF;
        padding: 1.2%;
        margin-right: 8%;
        margin-bottom: 5%;
        width: 216px;
    }

    .check-activacion{ display: none; }
    .check-activacion + label span{
        display: inline-block;
        width: 19px;
        height: 19px;
        border-style: solid;
        border-width: 2px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        border-color: #313131;
    }

    .check-activacion:checked + label span{
        background-image: url('../img/cuadroRojo.jpg');
        background-size: 15px;
        background-repeat: no-repeat;
        border-color: #a82428;
    }

}


@media all and (min-width: 1026px) and (max-width: 1367px){
    .div-img{
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .cuadro-img{
        background-color: #FFFFFF;
        border-color: #313131;
        border-radius: 7px;
        border-style: solid;
        margin-right: 3%;
        padding-top: 2%;
        text-align: center;
        width: 20%;
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    .input{
        margin-right: 5%;
        height: 9%;
        width: 10%;
    }


    .boton-activaciones{
        background-color: #b2011c;
        color: #FFFFFF;
        padding: 1.2%;
        margin-right: 8%;
        margin-bottom: 5%;
        width: 216px;
    }
    .boton-activaciones:hover{
        background-color: #660212;
        color: #FFFFFF;
        padding: 1.2%;
        margin-right: 8%;
        margin-bottom: 5%;
        width: 216px;
    }

    .check-activacion{ display: none; }
    .check-activacion + label span{
        display: inline-block;
        width: 19px;
        height: 19px;
        border-style: solid;
        border-width: 2px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        border-color: #313131;
    }

    .check-activacion:checked + label span{
        background-image: url('../img/cuadroRojo.jpg');
        background-size: 15px;
        background-repeat: no-repeat;
        border-color: #a82428;
    }
}

@media all and (min-width: 1368px){
    .check-activacion{ display: none; }
    .check-activacion + label span{
        display: inline-block;
        width: 19px;
        height: 19px;
        border-style: solid;
        border-width: 2px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        border-color: #313131;
    }

    .check-activacion:checked + label span{
        background-image: url('../img/cuadroRojo.jpg');
        background-size: 15px;
        background-repeat: no-repeat;
        border-color: #a82428;
    }

    .div-img{
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .cuadro-img{
        background-color: #FFFFFF;
        border-color: #313131;
        border-radius: 7px;
        border-style: solid;
        min-height: 210px;
        max-height: 365px;
        margin-right: 3%;
        padding-top: 2%;
        text-align: center;
        width: 18%;
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    .input{
        margin-right: 5%;
        height: 9%;
        width: 10%;
    }

    .boton-activaciones{
        background-color: #b2011c;
        color: #FFFFFF;
        padding: 1.2%;
        margin-right: 8%;
        margin-bottom: 5%;
        width: 216px;
    }
    .boton-activaciones:hover{
        background-color: #660212;
        color: #FFFFFF;
        padding: 1.2%;
        margin-right: 8%;
        margin-bottom: 5%;
        width: 216px;
    }
}