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

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

.flechaAtras {
    background-image: url(../img/nav/flechaAtrasRoja.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 66px;
    height: 66px;
    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_U03_L04_01/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1248px;
    height: 679px;
}

.content {
    background-color: #F6F6F6;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1193.063px;
    height: 611px;
    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%;
    box-shadow: 4px 0px 18px 2px #979393;
    border-radius: 10px;
}

.imgIlustr1 {
    background-image: url(../img/S_G07_U03_L04_01/ilustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1206.99px;
    height: 625.1px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50.6%;
    top: 50%;
}

.imgIlustr2 {
    background-image: url(../img/S_G07_U03_L04_01/ilustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 725.27px;
    height: 518.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%;
}

.imgIlustr3 {
    background-image: url(../img/S_G07_U03_L04_01/ilustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 487px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 92.5%;
    top: 60.5%;
}

.imgSound {
    background-image: url(../img/S_G07_U03_L04_01/sound.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 109.64px;
    height: 109.64px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 59%;
    top: 27%;
    cursor: pointer;
}

.textarea {
    position: absolute;
    top: 86px;
    left: 105px;
    width: 997px;
    height: 195px;
    border: 0px solid;
    background-color: transparent;
    outline: none;
    resize: none;
    padding: 20px;
    font-family: 'cabinregular';
    font-size: 30px;
    color: #575756;
}