@import url("M_G06_U01_L02_03.css");
.flechaTransparente {
    background-image: url(../img/flechaTransparente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 179px;
    height: 173px;
    display: inline-block;
    position: absolute;
    top: -26%;
    left: 3%;
}

.enunciadoNumeroPar {
    width: 915px;
    height: 113px;
    background-color: #cd5b40;
    color: #FEFEFE;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    letter-spacing: 0;
    margin: 0% 0 7% 14%;
}

.enunciadoNumeroPar .texto {
    display: inline-block;
    font-family: 'cabinregular';
    font-size: 35px;
    position: relative;
    left: 23%;
    top: 10%;
}

.tituloPregunta {
    font-family: 'cabinbold';
    font-size: 50px;
    color: #868585;
    position: absolute;
    left: 10%;
    top: 30%;
}

.tituloPregunta span {
    font-size: 65px;
    color: #4470b4;
}

.tituloNumNaturalPar {
    color: #FEFEFE;
    font-family: 'cabinbold';
    font-size: 37px;
    letter-spacing: 0;
    text-align: center;
    line-height: 55px;
    background-color: #009de0;
    width: 510px;
    height: 61px;
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -moz-box-shadow: 0px 3px 6px -2px #3e3d3d;
    -webkit-box-shadow: 0px 3px 6px -2px #3e3d3d;
    box-shadow: 0px 3px 6px -2px #3e3d3d;
    margin: 1% auto 0 11.7%;
    position: relative;
}

.tblNumeroNaturalPar {
    border: 15px solid #FEFEFE;
    color: #FEFEFE;
    font-family: 'cabinbold';
    font-size: 39px;
    letter-spacing: 0;
    text-align: center;
    margin: 0% auto 0 auto;
}

.tblNumeroNaturalPar tr td {
    width: 305px;
    height: 85px;
    border: 5px solid #FEFEFE;
    background-color: #d78360;
}

.detalleContenedor {
    width: 120px;
    height: 85px;
    background-color: #FEFEFE;
    -moz-box-shadow: -3px 0px 14px -4px #3e3d3d inset;
    -webkit-box-shadow: -3px 0px 14px -4px #3e3d3d inset;
    box-shadow: -3px 0px 14px -4px #3e3d3d inset;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}

.cntPatron {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #d5795e;
    width: 920px;
    height: 424px;
    margin: 3% auto 0 auto;
    -moz-box-shadow: 0px 1px 14px -2px #3e3d3d;
    -webkit-box-shadow: 0px 1px 14px -2px #3e3d3d;
    box-shadow: 0px 1px 14px -2px #3e3d3d;
}

.cntPatron span {
    font-family: 'cabinregular';
    font-size: 40px;
    color: #FEFEFE;
    position: absolute;
    left: 26%;
    white-space: nowrap;
    display: none;
}

.circuloPunto {
    width: 42px;
    height: 42px;
    background-color: #a1bf37;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0px 0px 0px 8px #FEFEFE inset;
    -webkit-box-shadow: 0px 0px 0px 8px #FEFEFE inset;
    box-shadow: 0px 0px 0px 8px #FEFEFE inset;
    border: 2px solid #a1bf37;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    display: none;
}