@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%;
}

.ilustracionB {
    background-image: url(../img/S_G06_U05_L03_03_01/ilustracion_blanco.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%;
}

.ilustracion1 {
    background-image: url(../img/S_G06_U05_L03_03_03/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_03/ilustracion2.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%;
}

.ilustracion3 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 926px;
    height: 185.42px;
    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%;
}

.ilustracion4 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 917.95px;
    height: 479.48px;
    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_03/ilustracion5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602px;
    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%;
}

.ilustracion6 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602px;
    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%;
}

.ilustracion7 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602px;
    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%;
}

.ilustracion8 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602px;
    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%;
}

.ilustracion8_1 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion8_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 718px;
    height: 511.47px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 62%;
    top: 50%;
}

.ilustracion8_2 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion8_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 761.5px;
    height: 470.98px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 63.5%;
    top: 50%;
}

.ilustracion8_3 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion8_3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 722.25px;
    height: 475px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 64%;
    top: 50%;
}

.ilustracion8_4 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion8_4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 722.25px;
    height: 475px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 64%;
    top: 50%;
}

.ilustracion9 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602px;
    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%;
}

.ilustracion10 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602px;
    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%;
}

.ilustracion11 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602px;
    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%;
}

.ilustracion12 {
    background-image: url(../img/S_G06_U05_L03_03_03/ilustracion12.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1136.44px;
    height: 602px;
    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;
    border: 1px solid black;
    position: absolute;
    top: 98px;
    left: 974px;
}

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

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

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

.pentanasCirc {
    position: absolute;
    top: 629px;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 710px;
}

.pentanasCirc > div {
    display: inline-block;
    width: 41.25px;
    height: 41.25px;
    background-color: #5CAF5E;
    border-radius: 50%;
    border: 4px solid #318DBD;
    cursor: pointer;
}

.pentanasCirc .num {
    font-family: 'cabinregular';
    font-size: 30px;
    color: #FFF8B1;
    text-align: center;
    padding-top: 2px;
}

.pentanasCirc > div:hover {
    transform: scale(1.3);
}

.selectedPage {
    transform: scale(1.3);
}

.selectedPage .num {
    color: #FFFFFF !important;
    z-index: 10;
}

.btnMenu {
    cursor: pointer;
    position: absolute;
    width: 310px;
    height: 85px;
 
    top: 164px;
    left: 105px;
}

.textC {
    font-family: 'cabinregular';
    font-size: 30px;
    color: #5B5B5E;
    line-height: 35px;
    position: absolute;
    left: 94px;
    top: 162px;
    letter-spacing: normal;
}