@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*/

.content {
    background-image: url(../img/S_G06_U05_L03_01/contentMenu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 616.05px;
    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_G06_U05_L03_01/ilustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 631.6px;
    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_G06_U05_L03_01/ilustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 625.6px;
    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_G06_U05_L03_01/ilustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602.86px;
    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_G06_U05_L03_01/ilustracion4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 610.84px;
    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: 49.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;
}

.contentBtnM > div {
    cursor: pointer;
    position: absolute;
    width: 360px;
    height: 83px;
}

.contentBtnM > div:nth-child(1) {
    top: 90px;
    left: 545px;
}

.contentBtnM > div:nth-child(2) {
    top: 244px;
    left: 117px;
    width: 429px;
}

.contentBtnM > div:nth-child(3) {
    top: 303px;
    left: 604px;
}

.contentBtnM > div:nth-child(4) {
    top: 483px;
    left: 284px;
}

.contentBtnP > div {
    cursor: pointer;
    width: 350.38px;
    height: 63.38px;
    position: absolute;
}

.contentBtnP > div:nth-child(1) {
    left: 147px;
    top: 273px;
}

.contentBtnP > div:nth-child(2) {
    left: 147px;
    top: 365px;
}

.contentBtnP > div:nth-child(3) {
    left: 147px;
    top: 456px;
    width: 406px;
}

.popup1 {
    background-image: url(../img/S_G06_U05_L03_01/popup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 925px;
    height: 403px;
}

.popup1 .btnCerraP {
    background-image: url(../img/S_G06_U05_L03_01/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.65px;
    height: 57.65px;
    position: absolute;
    left: 872px;
}

.popup2 {
    background-image: url(../img/S_G06_U05_L03_01/popup2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 925px;
    height: 533px;
}

.popup2 .btnCerraP {
    background-image: url(../img/S_G06_U05_L03_01/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.65px;
    height: 57.65px;
    position: absolute;
    left: 872px;
}

.popup3 {
    background-image: url(../img/S_G06_U05_L03_01/popup3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 925px;
    height: 383px;
}

.popup3 .btnCerraP {
    background-image: url(../img/S_G06_U05_L03_01/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.65px;
    height: 57.65px;
    position: absolute;
    left: 872px;
}

.popup4 {
    background-image: url(../img/S_G06_U05_L03_01/popup4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 796.95px;
    height: 495.9px;
}

.popup4 .btnCerraP {
    background-image: url(../img/S_G06_U05_L03_01/btnCerrarP2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 63.12px;
    height: 63.11px;
    position: absolute;
    left: 760px;
    top: -19px;
}

.btnHome {
    cursor: pointer;
    position: absolute;
    top: 46px;
    left: 1057px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.sugerencia {
    color: #88868B;
}