#footer {
    /*height: 300px;*/
    background-color: #717273;
    /* Para que el contenido se solape al pie */
    margin-top: -60px;
    /* para compensar el margen negativo */
    padding-top: 60px;
    /* Tamaño del bloque 2 */
    padding-bottom: 85px;
}

#hr_footer {
  margin-top: 3px
}

/**
    Colaboradores
*/
#collaborators {
    padding: 20px;
    width: 65vw;
    color: #ffffff;
    text-align: center;
}

.collaborators-list {
    padding: 10px;
    width: inherit;
    align-content: center;
}

.collaborator{
    margin: 15px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 85px;
    display: inline-block;
    color: transparent;
    background-position: 50% 50%;
}

.collaborator.sgae {
    color: transparent;
    background-image: url(/static/img/collaborators/logo-sgae-red.jpg);
}

.collaborator.aie {
    color: transparent;
    background-image: url(/static/img/collaborators/logo_aie.jpg);
}

.collaborator.mypublicinbox:hover{
    color: transparent;
    background-image: url(/static/img/collaborators/mypublicinbox.png);
    -webkit-transition: background-image 0.3s linear;
}

.collaborator.mypublicinbox{
    color: transparent;
    background-image: url(/static/img/collaborators/mypublicinbox.png);
    -webkit-transition: background-image 0.3s linear;
}


.collaborator.musiqueando:hover{
    color: transparent;
    background-image: url(/static/img/collaborators/musiqueando.png);
    -webkit-transition: background-image 0.3s linear;
}

.collaborator.audioforo:hover{
    color: transparent;
    background-image: url(/static/img/collaborators/audioforo.png);
    -webkit-transition: background-image 0.3s linear;
}
.collaborator.musiqueando{
    color: transparent;
    background-image: url(/static/img/collaborators/musiqueando_off.png);
}

.collaborator.audioforo{
    color: transparent;
    background-image: url(/static/img/collaborators/audioforo_off.png);
}

.collaborator.rockeando{
    color: transparent;
    background-image: url(/static/img/collaborators/rockeando_off.jpg);
}

.collaborator.solorock{
    color: transparent;
    background-image: url(/static/img/collaborators/solorock_off.jpg);
}

.collaborator.rockandaluz{
    color: transparent;
    background-image: url(/static/img/collaborators/rockandaluz_off.png);
}

.collaborator.sevillametal{
    color: transparent;
    background-image: url(/static/img/collaborators/sevillametal_off.png);
}

.collaborator.mundotulsa{
    color: transparent;
    background-image: url(/static/img/collaborators/mundotulsa_off.jpeg);
}

.collaborator.maxmetal{
    color: transparent;
    background-image: url(/static/img/collaborators/maxmetal_off.png);
}

.collaborator.metalcry{
    color: transparent;
    background-image: url(/static/img/collaborators/metalcry_off.png);
}

.collaborator.madridandmusic {
    color: transparent;
    background-image: url(/static/img/collaborators/logo_inmusi_off.png);
}

.collaborator.lh_magazin {
    color: transparent;
    background-image: url(/static/img/collaborators/lh_magazin_off.png);
}

.collaborator.manner_of_hate {
    color: transparent;
    background-image: url(/static/img/collaborators/manners_off.jpg);
}

.collaborator.gramola_encendida {
    color: transparent;
    background-image: url(/static/img/collaborators/gramola_encendida.jpg);
}

.collaborator.mi_ticketera {
    color: transparent;
    background-image: url(/static/img/collaborators/mi_ticketera.png);
}

.collaborator.aie {
    color: transparent;
    background-image: url(/static/img/collaborators/aie.png);
}

.collaborator.impact_cheese {
    color: transparent;
    background-image: url(/static/img/collaborators/compact_cheese.png);
}

/* Agencias de Booking / Management */

.collaborator.cuestion_de_medios{
    color: transparent;
    background-image: url(/static/img/collaborators/cuestion_de_medios_off.jpg);
}

.collaborator.all_sounds{
    color: transparent;
    background-image: url(/static/img/collaborators/all_sounds_off.png);
}

.collaborator.lume{
    color: transparent;
    background-image: url(/static/img/collaborators/lume_off.png);
}

.collaborator.calaverita_records{
    color: transparent;
    background-image: url(/static/img/collaborators/calaverita_records_off.png);
}

.collaborator.music_hunters{
    color: transparent;
    background-image: url(/static/img/collaborators/music_hunters_off.jpg);
}

.collaborator.farasha_producciones{
    color: transparent;
    background-image: url(/static/img/collaborators/farasha_off.jpg);
}

/* Salas de Concierto */

.collaborator.honky_tonk {
    color: transparent;
    background-image: url(/static/img/collaborators/honky_tonk_off.jpg);
}

.collaborator.cadillac_solitario {
    color: transparent;
    background-image: url(/static/img/collaborators/cadillac_solitario_off.jpg);
}

.collaborator.sol {
    color: transparent;
    background-image: url(/static/img/collaborators/sol_off.jpg);
}

.collaborator.moby_dick {
    color: transparent;
    background-image: url(/static/img/collaborators/moby_dick_off.jpg);
}

.collaborator.sala_olvido {
    color: transparent;
    background-image: url(/static/img/collaborators/sala_olvido_off.jpg);
}

.collaborator.beat_club {
    color: transparent;
    background-image: url(/static/img/collaborators/beat_club_off.jpg);
}

.collaborator.riviera {
    color: transparent;
    background-image: url(/static/img/collaborators/riviera_off.jpg);
}

.collaborator.wurlitzer {
    color: transparent;
    background-image: url(/static/img/collaborators/wurlitzer_off.jpg);
}

.collaborator.siroco {
    color: transparent;
    background-image: url(/static/img/collaborators/siroco_off.jpg);
}

/* Estudios de Grabación */

.collaborator.maintrack {
    color: transparent;
    background-image: url(/static/img/collaborators/maintrack_studio_off.jpg);
}

.collaborator.pko_estudios {
    color: transparent;
    background-image: url(/static/img/collaborators/pko_studios_off.jpg);
}

.collaborator.estudio_uno {
    color: transparent;
    background-image: url(/static/img/collaborators/estudio_uno_off.jpg);
}

/* Locales de ensayo */

.collaborator.bonzo {
    color: transparent;
    background-image: url(/static/img/collaborators/bonzo_off.jpg);
}

.collaborator.boxinbox {
    color: transparent;
    background-image: url(/static/img/collaborators/boxinbox_off.jpg);
}

/**
    FIN Colaboradores
*/
#footer-block-1 {
    padding-top: 15px;
    padding-bottom: 45px;
}

#footer-block-1 .link-list {
    padding: 13px 0;
}

#footer-block-1 .social a {
    color: #ffffff;
    vertical-align: top;
}

#footer-block-1 .social a:hover {
    color: #3fa9f5;
    -webkit-transition: color 0.5s linear;
}

#footer-block-1 .social a.guitar-footer
{
    margin-right: 0;
    font-size: 0;
    text-align: right;
    display: inline-block;
    background-image: url(/static/img/logos/logo_gray.png);
    background-repeat: no-repeat;
    width: 187px;
    height: 60px;
    background-size: contain
}
#footer-block-1 .social a.guitar-footer:hover
{
    background-image: url(/static/img/logos/logo_color.png);
    -webkit-transition: background-image 0.3s linear;
}
#footer-block-1 .link-list a,
#footer-block-1 .link-list .link-separator {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
}

#footer-block-1 .social {
    float: right;
}

#footer-block-1 .social a:hover {
    text-decoration: none;
}
#footer-block-1 .social a {
    margin-right: 10px;
    font-size: 22px;
    height: 60px;
    line-height: 30px;
    display: inline-block;
    text-align: right;
}

#footer-block-1 .link-list .link-separator {
    margin: 0 18px;
}

#footer .footer-logo {
    height: 60px;
    width: auto;
}

#footer #footer-block-2 {
    background-color: #57575a;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#footer #footer-block-2 .row {
    padding: 35px 0 30px;
}

#footer #logo-intelligenia {
    margin-top: -7px;
    margin-left: 15px;
    opacity: 0.6;
}

#footer #logo-intelligenia a{
    width: 100px;
    height: 30px;
    display: block;
    background-repeat: no-repeat;
    background-image: url("/static/img/logos/intelligenia.png");
}
#footer #logo-intelligenia a:hover{
    -webkit-transition: background-image 0.5s linear;
    background-image: url("/static/img/logos/intelligenia_hover.png");
}

#copyright,
#footer-block-2 .link-list a,
#footer-block-2 .link-separator {
    color: #b3b3b3;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
}
#footer-block-2 .link-separator { margin: 0 8px; }

#footer-block-2 .link-list a::after { content: ' >'; }


/*----------
  responsive
  ----------*/
/* Ajustes en xs */
@media (max-width: 991px) {
    #footer #footer-block-1 {
        height: auto;
    }

    #footer-block-1 .social {
        text-align: right;
    }
    #footer-block-1 .social img {
        display: block;
        float: none !important;
        clear: both;
    }
    #footer-block-1 .social a {
        height: auto;
        line-height: unset;
    }

}
@media (max-width:1000px) {
    #footer{

        padding-bottom: 0px;
    }
    #footer #footer-block-2
    {
        position: relative;
    }

}
/* ajustes en xxs */
@media (max-width: 580px) {

    #footer {
         padding-bottom: 0px;
    }
    #collaborators {
        width: 100vw;
    }
    #footer-block-1 {
        text-align: center;
        padding-top: 0;
    }

    #footer-block-1 .social {
        width: 100%;
        text-align: center;
    }

    #footer-block-1 .social img {
        margin: 0 auto;
    }
    #footer-block-1 .social a {
        height: auto;
        line-height: unset;
        vertical-align: middle;

    }

    #footer-block-2 .link-list a:last-child {
        margin-bottom: 12px;
    }

    #footer-block-2 .link-list a {
        display: block;
        margin: 0 auto;
    }

    #footer-block-2 .link-separator {
        display: none;
    }

    #footer .footer-logo,
    #copyright {
        float: none !important; /* para contrarrestar el float right de pull-right */
    }

    #footer .link-list {
        text-align: center;
    }

    #copyright {
        margin-top: 6px;
    }

    #footer #logo-intelligenia {
        margin-top: 0;
    }
}

.twitter-content {
    margin-left: 18px;
}

.instagram-content {
    margin-left: 30px;
}

.instagram-content iframe {
    height: 500px !important;
}

.collaborators {
    color: #ffffff;
}

.collaborators:hover {
    color: #ffffff;
    text-decoration: underline;
}