@charset "utf-8";
/* CSS Document */
/*clear float*/

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguienteVerde.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 46px;
    height: 46px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtrasVerde.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 46px;
    height: 46px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 43px;
    top: 50%;
}

.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}
/*fondoSol*/

.fondoIntro {
    background-image: url(../img/S_G07_U04_L05_01/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1248px;
    height: 679px;
}

.content {
    background-image: url(../img/S_G07_U04_L05_01/content1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1150px;
    height: 646px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.imgSonido {
    background-image: url(../img/S_G07_U05_L05_01/imgSonido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 87.75px;
    height: 87.75px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 72px;
    top: 94px;
}

.imgIlustracion1 {
    background-image: url(../img/S_G07_U04_L05_01/ilustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 852px;
    height: 372px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50.5%;
    top: 50.5%;
}

.imgIlustracion2 {
    background-image: url(../img/S_G07_U05_L05_01/imgIlustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1019.59px;
    height: 602.66px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50.5%;
    top: 50.5%;
}

.imgIlustracion3 {
    background-image: url(../img/S_G07_U05_L05_01/imgIlustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1019.59px;
    height: 602.66px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50.5%;
    top: 50.5%;
}

.imgIlustracion4 {
    background-image: url(../img/S_G07_U05_L05_01/imgIlustracion4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1019.59px;
    height: 602.66px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50.5%;
    top: 50.5%;
}

.imgIlustracion5 {
    background-image: url(../img/S_G07_U05_L05_01/imgIlustracion5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1019.59px;
    height: 602.66px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50.5%;
    top: 50.5%;
}

.imgIlustracion6 {
    background-image: url(../img/S_G07_U05_L05_01/imgIlustracion6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1019.59px;
    height: 602.66px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50.5%;
    top: 50.5%;
}

.textarea {
    position: absolute;
    padding: 20px;
    outline: none;
    border: 0;
    left: 218px;
    top: 260px;
    width: 770px;
    height: 201px;
    resize: none;
    font-family: 'cabinregular';
    font-size: 35px;
    background-color: transparent;
}