/* xxxxx GALERIA CATEGORIAS xxxxx */

/* Agrupa la imagen y el nombre de la categoria */
.divThumbnailGaleriaCat{
    width: 100%;
}

/* Agrupa la imagen, es el cuadro que se muestra en pantalla */
.divImgGaleriaCat {
    position: relative;
    width: 100%;        
    height:auto;
    overflow: hidden;
    border: 0px solid red;
}

/* Inagen en zoom centrada horizontal y verticalmente en el div visible en pantalla */
.divImgGaleriaCat img {
    width: 120%;
    height: auto;
    overflow: hidden;
    margin-left: -10%;
    margin-top: -10%;
    transition-duration: 0.5s;
} 

/* Recuadro con el nombre de la categoria */
.divNombreCategoriaGaleria{
    border: 0px solid red; 
    padding: 5px; 
    padding-left: 10px;
    height: 50px;  
    margin-bottom: 25px; 
    background-color: #E3FC83;
    transition-duration: 0.5s;

}    

/* Texto nombre de la categoria */
.divNombreCategoriaGaleria>p{
    color: #3A5100;
}


.divThumbnailGaleriaCat:hover img{
    width: 140%;
    height: auto;
    overflow: hidden;
    margin-left: -15%;
    margin-top: -15%;
}




@media (max-width: 500px) {

    

     
}



/* Small devices (tablets, 768px and up) */
/*@media (min-width: @screen-sm-min) {*/
@media (min-width: 768px) {    
    

    /* Agrupa la imagen y el nombre de la categoria */
    .divThumbnailGaleriaCat{
        width: 340px;
    }

    /* Agrupa la imagen, es el cuadro que se muestra en pantalla */
    .divImgGaleriaCat {
        width: 340px;        
        height:255px;
    }

    /* Inagen en zoom centrada horizontal y verticalmente en el div visible en pantalla */
    .divImgGaleriaCat img {
        width: 410px;
        margin-left: -11%;
        margin-top: -11%;
    } 

    /* Efecto zoom imagen */
    .divThumbnailGaleriaCat:hover img{
        width: 480px;
        margin-left: -15%;
        margin-top: -15%;
    }

    
     
}

/* Medium devices (desktops, 992px and up) */
/*@media (min-width: @screen-md-min) {*/
@media (min-width: 992px) {    

    
    /* Agrupa la imagen y el nombre de la categoria */
    .divThumbnailGaleriaCat{
        width: 280px;
    }

    /* Agrupa la imagen, es el cuadro que se muestra en pantalla */
    .divImgGaleriaCat {
        width: 280px;        
        height:210px;
    }

    /* Inagen en zoom centrada horizontal y verticalmente en el div visible en pantalla */
    .divImgGaleriaCat img {
        width: 350px;
        margin-left: -11%;
        margin-top: -11%;
    } 

    /* Efecto zoom imagen */
    .divThumbnailGaleriaCat:hover img{
        width: 380px;
        margin-left: -15%;
        margin-top: -15%;
    }
    
    
}

/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: @screen-lg-min) {*/
@media (min-width: 1200px) {    

    /* Agrupa la imagen y el nombre de la categoria */
    .divThumbnailGaleriaCat{
        width: 260px;
    }

    /* Agrupa la imagen, es el cuadro que se muestra en pantalla */
    .divImgGaleriaCat {
        width: 260px;        
        height:195px;
    }

    /* Inagen en zoom centrada horizontal y verticalmente en el div visible en pantalla */
    .divImgGaleriaCat img {
        width: 330px;
        margin-left: -11%;
        margin-top: -11%;
    } 

    /* Efecto zoom imagen */
    .divThumbnailGaleriaCat:hover img{
        width: 360px;
        margin-left: -15%;
        margin-top: -15%;
    }

    
}