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

.flechaSiguiente {
    background-image: url(../img/S_G06_U05_L03_03_01/flechaSiguienteV.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 69.81px;
    height: 69.81px;
    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/S_G06_U05_L03_03_01/flechaAtrasV.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 69.81px;
    height: 69.81px;
    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%;
}

.flechaSiguiente2 {
    background-image: url(../img/nav/flechaSiguienteRoja.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 41.76px;
    height: 41.76px;
    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%;
}

.flechaAtras2 {
    background-image: url(../img/nav/flechaAtrasRoja.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 41.76px;
    height: 41.76px;
    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;
}

.content {
    width: 1122px;
    height: 560.86px;
    position: absolute;
    border: 3px dashed #A2BA1F;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.ilustracion1 {
    background-image: url(../img/S_G06_U05_L03_03_02/ilustracion1.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%;
    top: 50%;
}

.ilustracion2 {
    background-image: url(../img/S_G06_U05_L03_03_02/ilustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 898.83px;
    height: 582.84px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 43.6%;
    top: 50%;
}

.ilustracion3 {
    background-image: url(../img/S_G06_U05_L03_03_02/ilustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 961.45px;
    height: 571.47px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 41.6%;
    top: 50%;
}

.ilustracion4 {
    background-image: url(../img/S_G06_U05_L03_03_02/ilustracion4.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%;
    top: 50%;
}

.ilustracion5 {
    background-image: url(../img/S_G06_U05_L03_03_02/ilustracion5.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%;
    top: 50%;
}

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

.popup1 .btnCerrarP {
    background-image: url(../img/S_G06_U05_L03_03_02/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.64px;
    height: 57.64px;
    position: absolute;
    left: 878px;
}

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

.popup2 .btnCerrarP {
    background-image: url(../img/S_G06_U05_L03_03_02/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.64px;
    height: 57.64px;
    position: absolute;
    left: 878px;
}

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

.popup3 .btnCerrarP {
    background-image: url(../img/S_G06_U05_L03_03_02/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.64px;
    height: 57.64px;
    position: absolute;
    left: 878px;
}

.popup4 {
    background-image: url(../img/S_G06_U05_L03_03_02/popup4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 626.47px;
    height: 184.34px;
}

.popup4 .btnCerrarP {
    background-image: url(../img/S_G06_U05_L03_03_02/btnCerrarP2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.64px;
    height: 57.64px;
    position: absolute;
    left: 590px;
    top: -16px;
}

.popup5 {
    background-image: url(../img/S_G06_U05_L03_03_02/popup5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 626.47px;
    height: 184.34px;
}

.popup5 .btnCerrarP {
    background-image: url(../img/S_G06_U05_L03_03_02/btnCerrarP2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.64px;
    height: 57.64px;
    position: absolute;
    left: 590px;
    top: -16px;
}

.popup6 {
    background-image: url(../img/S_G06_U05_L03_03_02/popup6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 626.47px;
    height: 184.34px;
}

.popup6 .btnCerrarP {
    background-image: url(../img/S_G06_U05_L03_03_02/btnCerrarP2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.64px;
    height: 57.64px;
    position: absolute;
    left: 590px;
    top: -16px;
}

.popup7 {
    background-image: url(../img/S_G06_U05_L03_03_02/popup7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 626.47px;
    height: 184.34px;
}

.popup7 .btnCerrarP {
    background-image: url(../img/S_G06_U05_L03_03_02/btnCerrarP2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.64px;
    height: 57.64px;
    position: absolute;
    left: 590px;
    top: -16px;
}

.btnPopup {
    cursor: pointer;
    width: 160px;
    height: 142px;

    position: absolute;
    top: 98px;
    left: 974px;
}

.btnSiguiente {
    top: 71.5%;
    left: 926px;
    cursor: pointer;
    width: 220px;
    height: 60px;
  
    position: absolute;
}

.btnPCirculo {
    cursor: pointer;
    top: 457px;
    left: 237px;
    border-radius: 50%;
    width: 153px;
    height: 153px;
    position: absolute;

}

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