/* CSS Document */
@import url("S_G06_U01_L02_03.css");

.IL_S_G06_U01_L02_03_03_01{
    background-image: url(../img/nebulosaGalaxia/IL_S_G06_U01_L02_03_03_01.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 234px;
height: 615px;
position: absolute;
left: -50%;
top: -12%;
display: inline-block;


}
/*fondoGalaxia*/
.IL_S_G06_U01_L02_03_03_02 {
    background-image: url(../img/nebulosaGalaxia/IL_S_G06_U01_L02_03_03_02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 644px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.instruccion{
    position: absolute;
   width: 595px;
height: 360px;
    padding: 0px;
    background: #FFFFFF;
    border: #F95353 solid 12px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: -2%;
    margin-left: 9%;
}

.instruccion:before {
content: "";
position: absolute;
top: 110px;
left: -65px;
border-style: solid;
border-width: 30px 60px 30px 0;
border-color: transparent #F95353;
display: block;
width: 0;
z-index: 0;
}

.instruccion:after {
content: "";
position: absolute;
top: 116.5px;
left: -45px;
border-style: solid;
border-width: 22px 50px 22px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
}
.instruccion .texto {
font-family: 'cabinregular';
font-size: 35px;
color: #6F6F6E;
line-height: 41px;
margin-left: 3%;
margin-top: 2%;
letter-spacing: 0;
}


.imgGalaxia{
border: 10px solid #FFB83B;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
position: absolute;
top: 46%;
left: 50%;
transform: translate(-50%,-50%);
}

/*btnSonido*/
.btnSonido {
    content: "";
    background-image: url(../img/btnSonido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 87.5px;
    height: 94px;
	position: absolute;
    left: 90%;
    top: 82%;
    transform: rotate(-30deg);
}

.g1 {
    background-image: url(../img/nebulosaGalaxia/g1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 435px;
    height: 435px;
}
.g2 {
    background-image: url(../img/nebulosaGalaxia/g2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 435px;
    height: 435px;
}
.g3 {
    background-image: url(../img/nebulosaGalaxia/g3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 435px;
    height: 435px;
}
.g4 {
    background-image: url(../img/nebulosaGalaxia/g4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 542px;
    height: 435px;
}
.g5 {
    background-image: url(../img/nebulosaGalaxia/g5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 542px;
    height: 435px;
}
.g6 {
    background-image: url(../img/nebulosaGalaxia/g6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 435px;
    height: 435px;
}
.g7 {
    background-image: url(../img/nebulosaGalaxia/g7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 435px;
    height: 435px;
}
.g8 {
    background-image: url(../img/nebulosaGalaxia/g8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 542px;
    height: 431px;
}
.g9 {
    background-image: url(../img/nebulosaGalaxia/g9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 542px;
    height: 435px;
}
.g10 {
    background-image: url(../img/nebulosaGalaxia/g10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 542px;
    height: 435px;
}
.g11 {
    background-image: url(../img/nebulosaGalaxia/g11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 542px;
    height: 435px;
}
.g12 {
    background-image: url(../img/nebulosaGalaxia/g12.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 542px;
    height: 435px;
}