@charset "utf-8";

.globo_pe_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_pe_1{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_1:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_1:hover + .globo_pe_1_titulo{
    opacity: 1;
}

.globo_pe_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:52px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_2{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_2:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_2:hover + .globo_pe_2_titulo{
    opacity: 1;
}

.globo_pe_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:104px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_3{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_3:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_3:hover + .globo_pe_3_titulo{
    opacity: 1;
}

.globo_pe_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:156px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 8px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_4{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_4:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_4:hover + .globo_pe_4_titulo{
    opacity: 1;
}

.globo_pe_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:208px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 8px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_5{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_5:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_5:hover + .globo_pe_5_titulo{
    opacity: 1;
}

.globo_pe_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:260px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_6{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_6:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_6:hover + .globo_pe_6_titulo{
    opacity: 1;
}

.globo_pe_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:312px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_7{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_7:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_7:hover + .globo_pe_7_titulo{
    opacity: 1;
}

.globo_pe_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:364px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_8{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_8:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_8:hover + .globo_pe_8_titulo{
    opacity: 1;
}

.globo_pe_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:416px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_9{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_9:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_9:hover + .globo_pe_9_titulo{
    opacity: 1;
}

.globo_pe_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:468px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_10{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_10:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_10:hover + .globo_pe_10_titulo{
    opacity: 1;
}

.globo_pe_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:520px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_11{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/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_pe_11:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_11:hover + .globo_pe_11_titulo{
    opacity: 1;
}

.globo_pe_12_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:572px;
    background-color: #ccc;
    width: 122px; height: 48px;
    padding-top: 13px; padding-left: 10px;
    font-size: 18px; line-height: 18px;
}

.globo_pe_12{
    width:51px; height: 290px;
    display: block;
    background-image: url(../archivos/globos/pencil/12.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_pe_12:hover{
    width: 134px;
    background-size: 134px; background-color: black;
}

.globo_pe_12:hover + .globo_pe_12_titulo{
    opacity: 1;
}