@import url("M_G06_U05_L05.css");
.textoInformacion {
    font-family: 'cabinmedium';
    font-size: 24px;
    line-height: 40px;
    position: absolute;
    left: 80%;
    top: 11%;
}

.btnInformacion {
    background-image: url(../img/M_G06_U05_L05_03_01/btnInformacion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 62px;
    height: 62px;
    vertical-align: bottom;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.popInformacion1 {
    background-image: url(../img/M_G06_U05_L05_03_01/popInformacion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 973px;
    height: 522px;
}

.popInformacion2 {
    background-image: url(../img/M_G06_U05_L05_03_01/popInformacion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 973px;
    height: 522px;
}

.popInformacion3 {
    width: 547px;
    height: 452px;
    background-color: #E94E1B;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.subPopInformacion3 {
    width: 519px;
    height: 421px;
    background-color: #fefefe;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.popInformacion3 .texto {
    font-family: 'cabinregular';
    color: #575756;
    font-size: 45px;
    line-height: 55px;
}

.popInformacion3 .texto span {
    color: #36A9E1;
}

.popInformacion4 {
    width: 1112px;
    height: 632px;
    background-color: #FF4776;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.subPopInformacion4 {
    width: 1084px;
    height: 600px;
    background-color: #fefefe;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.popInformacion4 .texto {
    font-family: 'cabinregular';
    color: #575756;
    font-size: 45px;
    line-height: 60px;
}

.popInformacion5 {
    width: 872px;
    height: 452px;
    background-color: #E94E1B;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.subPopInformacion5 {
    width: 843px;
    height: 422px;
    background-color: #fefefe;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.popInformacion5 .texto {
    font-family: 'cabinregular';
    color: #575756;
    font-size: 45px;
    line-height: 55px;
    text-align: center;
}

.flechaSiguienteInformacion {
    background-image: url(../img/M_G06_U05_L05_03_01/flechaSiguienteInformacion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57px;
    height: 116px;
    position: absolute;
    top: 36%;
    left: 92.5%;
}

.flechaAtrasInformacion {
    background-image: url(../img/M_G06_U05_L05_03_01/flechaAtrasInformacion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57px;
    height: 116px;
    position: absolute;
    top: 36%;
    left: 2.5%;
}

.IL_M_G06_U05_L01_03_01_03 {
    background-image: url(../img/M_G06_U05_L05_03_01/IL_M_G06_U05_L01_03_01_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1081px;
    height: 580px;
    position: absolute;
    top: 10%;
    left: 1%;
}

.preguntas {
    background-image: url(../img/M_G06_U05_L05_03_01/preguntas.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1226px;
    height: 502px;
    position: absolute;
    top: 11%;
    left: 1%;
}

.graficos {
    background-image: url(../img/M_G06_U05_L05_03_01/graficos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1177px;
    height: 566px;
    position: absolute;
    top: 10%;
    left: 0%;
}

.graficos2 {
    background-image: url(../img/M_G06_U05_L05_03_01/graficos2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1163px;
    height: 581px;
    position: absolute;
    top: 11%;
    left: 1%;
}

.graficos3 {
    background-image: url(../img/M_G06_U05_L05_03_01/graficos3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 919px;
    height: 511px;
    position: absolute;
    top: 11%;
    left: 0.8%;
}

#cntTorta {
    width: 447px;
    height: 393px;
    background-color: #fefefe;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 66%;
    left: 80%;
}

#cntTorta2 {
    width: 374px;
    height: 310px;
    background-color: #fefefe;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 73%;
    left: 78.5%;
}

#torta {
    background-image: url(../img/M_G06_U05_L05_03_01/torta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 334px;
    height: 334px;
}

#torta1 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 334px;
    height: 334px;
    display: none;
}

#torta2 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 334px;
    height: 334px;
    display: none;
}

#torta3 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 334px;
    height: 334px;
    display: none;
}

#torta4 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 334px;
    height: 334px;
    display: none;
}

#torta5 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 334px;
    height: 334px;
    display: none;
}

#torta6 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 334px;
    height: 334px;
    display: none;
}

#tortaCompleta {
    width: 175px;
    height: 175px;
    position: absolute;
    top: 48%;
    left: 23%;
}

#torta2_0 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta2_0.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 287px;
    height: 287px;
}

#torta2_1 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta2_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 287px;
    height: 287px;
    display: none;
}

#torta2_2 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta2_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 287px;
    height: 287px;
    display: none;
}

#torta2_3 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta2_3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 287px;
    height: 287px;
    display: none;
}

#torta2_4 {
    background-image: url(../img/M_G06_U05_L05_03_01/torta2_4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 287px;
    height: 287px;
    display: none;
}

#lstMarcaAuto {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 54%;
    left: 12.9%;
}

#lstMarcaAuto>li {
    position: relative;
    width: 216px;
    height: 41px;
    margin-bottom: 2px;
    cursor: pointer;
}

.clickMarca {
    background-image: url(../img/click/clickMarca.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 29px;
    height: 32px;
    position: absolute;
    left: 4%;
}

#popPregunta1 {
    width: 303px;
    height: 264px;
    background-color: #FF4776;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    position: relative;
}

#popPregunta2 {
    width: 303px;
    height: 264px;
    background-color: #82CC14;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    position: relative;
}

#btn1 {
    width: 614px;
    height: 97px;
    background-color: transparent;
    position: absolute;
    top: 39%;
    left: 48.8%;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
}

#btn2 {
    width: 615px;
    height: 112px;
    background-color: transparent;
    position: absolute;
    top: 63%;
    left: 48.8%;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
}

#popPregunta1 textarea,
#popPregunta2 textarea {
    width: 210px;
    height: 49px;
    background-color: #fefefe;
    resize: none;
    border: 2px solid #989898;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 9px 0px #989898 inset;
    -moz-box-shadow: 0px 0px 9px 0px #989898 inset;
    box-shadow: 0px 0px 9px 0px #989898 inset;
    font-family: 'cabinregular';
    color: #878787;
    font-size: 24px;
    text-align: center;
    line-height: 35px;
}

#popPregunta1 textarea:focus,
#popPregunta2 textarea:focus {
    outline: none;
}

#popPregunta2 textarea {
    width: 210px;
    height: 83px;
}

#diagramaBarra {
    width: 500px;
    height: 269px;
    position: absolute;
    top: 36.4%;
    left: 45.5%;
}

#diagramaBarra2 {
    width: 374px;
    height: 269px;
    position: absolute;
    top: 37.7%;
    left: 22.5%;
}

.barra {
    width: 33px;
    height: 8px;
    position: absolute;
    bottom: 0;
}

.barra:nth-child(1) {
    background-color: #3366FF;
    left: 28px;
}

.barra:nth-child(2) {
    background-color: #FF0000;
    left: 126px;
}

.barra:nth-child(3) {
    background-color: #9CC232;
    left: 204px;
}

.barra:nth-child(4) {
    background-color: #990099;
    left: 282px;
}

.barra:nth-child(5) {
    background-color: #66CCFF;
    left: 364px;
}

.barra:nth-child(6) {
    background-color: #FF9900;
    left: 437px;
}

#lstTortaClicks {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 42%;
    left: 11.5%;
}

.clickPregunta {
    background-image: url(../img/click/clickPregunta2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 14px;
    position: absolute;
    cursor: pointer;
}

#clickPregunta1 {
    top: 58%;
    left: 31.5%;
}

#clickPregunta2 {
    top: 65%;
    left: 32.5%;
}

#clickPregunta3 {
    top: 69%;
    left: 30%;
}

#clickPregunta4 {
    top: 68.2%;
    left: 27.3%;
    width: 9px;
    height: 10px;
}

#clickPregunta5 {
    top: 61.2%;
    left: 27.5%;
}

#clickPregunta6 {
    top: 55%;
    left: 28.8%;
}

#btnInformacionDiagramaCircular {
    background-image: url(../img/M_G06_U05_L05_03_01/btnInformacionDiagramaCircular.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 345px;
    height: 90px;
    position: absolute;
    cursor: pointer;
    top: 30.8%;
    left: 64%;
}

#lstBtnBarras {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 92%;
    left: 25.4%;
}

.colorRojo {
    background-color: #E6332A;
}

.colorAmarillo {
    background-color: #FCEA10;
}

.colorAzul {
    background-color: #36A9E1;
}

.colorVerde {
    background-color: #2FAC66;
}

.btnBarra {
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 5px solid #F5F5F5;
    position: relative;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
    margin-right: 60px;
}

.btnBarra .clickPregunta {
    left: 58%;
    top: 62%;
    width: 16px;
    height: 18px;
}

.barra2 {
    width: 31px;
    height: 0px;
    position: absolute;
    bottom: 0.5px;
}

.barra2:nth-child(1) {
    left: 32px;
}

.barra2:nth-child(2) {
    left: 129px;
}

.barra2:nth-child(3) {
    left: 213px;
}

.barra2:nth-child(4) {
    left: 312px;
}

#txtSituacion {
    width: 790px;
    height: 362px;
    background-color: #fefefe;
    resize: none;
    border: 2px solid #989898;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px;
    position: absolute;
    top: 27.5%;
    left: 32.5%;
    font-family: 'cabinmedium';
    font-size: 35px;
    -webkit-box-shadow: 0px 0px 9px 0px #989898 inset;
    -moz-box-shadow: 0px 0px 9px 0px #989898 inset;
    box-shadow: 0px 0px 9px 0px #989898 inset;
}

#txtSituacion:focus {
    outline: none;
}