@charset "utf-8";
.menu-modal{
    width: 350px;
    margin-top: auto;
    top: 25%;
    color: #4f4f4f;
}
.contenedor-btn{
	width: 90px;
	text-align: center;
	margin: 8px 10px;
}
/** iconos **/
/** inicio **/
.icono-inicio{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/inicio-gris.png");
    background-size: 90px;
    background-repeat: no-repeat;
    transition: 1s;   
}
.icono-inicio:hover{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/inicio-rojo.png");
    background-size: 90px;
    background-repeat: no-repeat;    
    transition: 1s;
}
/** fin inicio **/
/** swiftcount **/
.icono-swiftcount{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/swiftcount-gris.png");
    background-size: 90px;
    background-repeat: no-repeat;
    transition: 1s;   
}
.icono-swiftcount:hover{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/swiftcount-rojo.png");
    background-size: 90px;
    background-repeat: no-repeat;    
    transition: 1s;
}
/** fin swiftcount **/
/** demo **/
.icono-demo{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/demo-gris.png");
    background-size: 90px;
    background-repeat: no-repeat;
    transition: 1s;   
}
.icono-demo:hover{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/demo-rojo.png");
    background-size: 90px;
    background-repeat: no-repeat;    
    transition: 1s;
}
/** fin demo **/
/** planes **/
.icono-planes{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/planes-gris.png");
    background-size: 90px;
    background-repeat: no-repeat;
    transition: 1s;   
}
.icono-planes:hover{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/planes-rojo.png");
    background-size: 90px;
    background-repeat: no-repeat;    
    transition: 1s;
}
/** fin planes **/
/** equipo **/
.icono-equipo{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/equipo-gris.png");
    background-size: 90px;
    background-repeat: no-repeat;
    transition: 1s;   
}
.icono-equipo:hover{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/equipo-rojo.png");
    background-size: 90px;
    background-repeat: no-repeat;    
    transition: 1s;
}
/** fin equipo **/
/** contacto **/
.icono-contacto{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/contacto-gris.png");
    background-size: 90px;
    background-repeat: no-repeat;
    transition: 1s;   
}
.icono-contacto:hover{
    display: block;
    width: 90px;
    height: 90px;
    background: url("../img/menu/contacto-rojo.png");
    background-size: 90px;
    background-repeat: no-repeat;    
    transition: 1s;
}
/** fin contacto **/