#mouseover-txt-q, #mouseover-txt-q2, #mouseover-txt-q3, #mouseover-txt-q4{
    font-size: 11px;
}

#mouseover-txt-q, #mouseover-txt-q2, #mouseover-txt-q3, #mouseover-txt-q4  {
    display: none;
}

.creditos-hex1:hover  #mouseover-txt, .creditos-hex2:hover  #mouseover-txt-2, .creditos-hex3:hover  #mouseover-txt-3,  .creditos-hex5:hover  #mouseover-txt-5, .creditos-hex6:hover  #mouseover-txt-6, .creditos-hex7:hover  #mouseover-txt-7 {
    display:none;
}
.creditos-hex1:hover  #mouseover-txt-q, .creditos-hex2:hover  #mouseover-txt-q2, .creditos-hex3:hover  #mouseover-txt-q3,  .creditos-hex5:hover  #mouseover-txt-q5, .creditos-hex6:hover  #mouseover-txt-q6, .creditos-hex7:hover  #mouseover-txt-q7 {
    display:block;
    margin: 1em;
    line-height: 1.2em
}


.creditos-hex1{
    background-image: url("../images/hexagonos/Exagonos-02.svg");
    height: 190px;
    width: 160px;
}
.creditos-hex1:hover, .creditos-hex2:hover, .creditos-hex3:hover{
    background-image: url("../images/hexagonos/Exagonos-01.svg  ");
    height: 190px;
    width: 160px;
}
.creditos-hex2{
    background-image: url("../images/hexagonos/Exagonos-03.svg");
    height: 190px;
    width: 160px;
}
.creditos-hex3{
    background-image: url("../images/hexagonos/Exagonos-04.svg");
    height: 190px;
    width: 160px;
}
.creditos-hex4{
    background-image: url("../images/hexagonos/Exagonos-05.svg");
    height: 190px;
    width: 160px;
}