.CardCoop {
    padding: 10px;
    cursor: pointer;
    width: 100%;
    background: white;
    border: none;
    border-left: 5px solid #009647;
    /*border-bottom-left-radius:10px;
           border-top-left-radius:10px;*/
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}





    .CardCoop:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }



.CardCoopRed {
    padding: 10px;
    cursor: pointer;
    width: 100%;
    background: white;
    border: none;
    border-left: 5px solid #EE0000;
    /*border-bottom-left-radius:10px;
           border-top-left-radius:10px;*/
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .CardCoopRed:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }










.CardCoopOrange {
    padding: 10px;
    cursor: pointer;
    width: 100%;
    background: white;
    border: none;
    border-left: 5px solid #FF8000;
    /*border-bottom-left-radius:10px;
           border-top-left-radius:10px;*/
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.CardCoopOrange:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}














.CardBlack {
    /*padding: 10px;*/
    cursor: pointer;
    width: 100%;
    background: white;
    border: none;
    /*border-left: 5px solid black;*/
    /*border-bottom-left-radius:10px;
           border-top-left-radius:10px;*/
    /*border-radius: 10px;*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}




    .CardBlack:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }



.CardBlackNoWidth {
    padding: 10px;
    cursor: pointer;
    background: white;
    border: none;
    border-left: 5px solid black;
    /*border-bottom-left-radius:10px;
           border-top-left-radius:10px;*/
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}




    .CardBlackNoWidth:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }




.BordesDiv {
    margin-top: 50px; border: 3px dotted #F4f4f4; padding: 30px; border-radius: 16px;
}

.bottomDiv{}

@media only screen and (min-width: 0px) and (max-width:800px) {
    .BordesDiv {
        margin-top: 50px;
        border: 3px dotted #F4f4f4;
        padding: 10px;
        border-radius: 16px;
    }

    .bottomDiv {
        padding-bottom:80px;
    }


}