/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29-dic-2016, 9:51:34
    Author     : GFreccero

    .shadow-btm // PONE UN SOMBRA SIMULANDO UN BORDE
    .shadow-btm- + [01-05] // aumenta la sombra en el HOVER a mayor nro, mayor sombra inferior 
*/

.shadow-btm{
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 
                0px 2px 2px 0px rgba(0,0,0,0.24) !important;
    transition: box-shadow 0.2s ease;
}

.shadow-btm-01:hover{
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12), 
                0px 3px 4px 0px rgba(0,0,0,0.24) !important;
}

.shadow-btm-02:hover{
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 
                0px 5px 4px 0px rgba(0,0,0,0.24) !important;
}

.shadow-btm-03:hover{
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12), 
                0px 7px 6px 0px rgba(0,0,0,0.24) !important;
}

.shadow-btm-04:hover {
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12), 
                0px 9px 8px 0px rgba(0,0,0,0.24) !important;
}

.shadow-btm-05:hover{
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12), 
                0px 11px 8px 0px rgba(0,0,0,0.24) !important;
}