@charset "utf-8";

.globo_m_1_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:0px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_1{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/1.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_1:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_1:hover + .globo_m_1_titulo{
    opacity: 1;
}

.globo_m_2_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:57px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_2{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/2.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_2:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_2:hover + .globo_m_2_titulo{
    opacity: 1;
}

.globo_m_3_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:114px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_3{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/3.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_3:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_3:hover + .globo_m_3_titulo{
    opacity: 1;
}

.globo_m_4_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:171px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_4{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/4.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_4:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_4:hover + .globo_m_4_titulo{
    opacity: 1;
}

.globo_m_5_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:228px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 8px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_5{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/5.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_5:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_5:hover + .globo_m_5_titulo{
    opacity: 1;
}

.globo_m_6_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:285px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 8px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_6{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/6.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_6:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_6:hover + .globo_m_6_titulo{
    opacity: 1;
}

.globo_m_7_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:342px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_7{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/7.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_7:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_7:hover + .globo_m_7_titulo{
    opacity: 1;
}

.globo_m_8_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:399px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_8{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/8.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_8:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_8:hover + .globo_m_8_titulo{
    opacity: 1;
}

.globo_m_9_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:456px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_9{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/9.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_9:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_9:hover + .globo_m_9_titulo{
    opacity: 1;
}

.globo_m_10_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:513px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_10{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/10.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_10:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_10:hover + .globo_m_10_titulo{
    opacity: 1;
}

.globo_m_11_titulo{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    position: absolute;
    top:225px; left:570px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_m_11{
    width:56px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/metalicos/11.png); background-size: 134px;    background-repeat: no-repeat; background-position:center; 
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    float: left; margin-right: 1px;
    position: relative;
}

.globo_m_11:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_m_11:hover + .globo_m_11_titulo{
    opacity: 1;
}