#content>.allProductos{
    float: left;
    width: 100%;
    --h_producto:20vmax;
    --ecart_producto:50px;
}
#content>.allProductos>.monprod{
    float: left;
    width: calc((100% - 2*var(--ecart_producto))/3);
    height: var(--h_producto);
    margin-right: var(--ecart_producto);
    margin-bottom: 0px;
}
#content>.allProductos>.monprod:last-child{margin-right: 0px;margin-bottom: 0px;}

#content>.allProductos>.monprod>a{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
    border: 1px solid #999;

	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;

    transition-property: border-color;
    transition-duration: 0.8s;
    transition-timing-function:ease-in-out;
    transition-delay: 0s;
}
/*********************************************************/
#content>.allProductos>.monprod>a>div:nth-child(1){
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 0;

	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
}
/*********************************************************/
#content>.allProductos>.monprod>a>div:nth-child(2){
    position: absolute;
    top:-3vmax;
    left: 3vmax;
    width: calc(100% - 2*3vmax);
    height: 6vmax;
    background-color: #444;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #999;
    z-index: 2;
    overflow: hidden;

    transition-property: background-color;
    transition-duration: 0.8s;
    transition-timing-function:ease-in-out;
    transition-delay: 0s;
}
#content>.allProductos>.monprod>a>div:nth-child(2)>div{
    float: left;
    width: calc(100% - 2*10px);
    height: calc(100% - 2*10px);
    margin-top: 10px;
    margin-left: 10px;
    position: relative;
}
#content>.allProductos>.monprod>a>div:nth-child(2)>div>img{
    position: absolute;
    width: 100%;
    height: 100%;
}
/*********************************************************/
#content>.allProductos>.monprod>a>div:nth-child(3){
    position: absolute;
    top:15px;
    left: 15px;
    width: calc(100% - 2*15px);
    height: calc(100% - 2*15px);
    z-index: 1;
}
#content>.allProductos>.monprod>a>div:nth-child(3)>img{
    float: left;
    width: 100%;
    height: 100%;
}
/*********************************************************/

#content>.allProductos>.monprod>a:hover>div:nth-child(2){background-color: tomato;}
#content>.allProductos>.monprod>a:hover{border-color: tomato;}


/*********************************************************/
@media (min-width: 950px) AND (max-width: 1100px) {

    #content>.allProductos{
        --ecart_producto:25px;
    }
}
@media (min-width: 830px) AND (max-width: 950px) {

    #content>.allProductos{
        --ecart_producto:10px;
    }
}
@media (max-width: 830px) {

    #content>.allProductos{
        float: left;
        width: 100%;
        --h_producto:17vmax;
        --ecart_producto:6vmax;
    }
    #content>.allProductos>.monprod{
        float: left;
        margin-left: 20%;
        width: 60%;
        height: var(--h_producto);
        margin-right: 0px;
        margin-bottom: var(--ecart_producto);;
    }
    #content>.allProductos>.monprod:last-child{margin-right: 0px;margin-bottom: 0px;}

    
    #content>.allProductos>.monprod>a>div:nth-child(3){
        position: absolute;
        top:5px;
        left: 5px;
        width: calc(100% - 2*5px);
        height: calc(100% - 2*5px);
        z-index: 1;
    }

    #content>.allProductos>.monprod>a>div:nth-child(1),
    #content>.allProductos>.monprod>a{
        border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
    }
}