@charset "UTF-8";
body{
    font-family: "Nexa Light";
    font-size: 16px;
    font-weight: normal;
}
.Gomez{
    font-family: "Gomez Strikes Again"
}
.colorNaranja{
    color: #D68978;
    margin: 0px 0px 5px 0px;
}
.colorCafe{
    color: #A38775;
    margin: 0px 0px 5px 0px;
}
.borderGris{
    border-bottom: 2px dashed #C1C1C1;
}
.padding20{
    padding: 20px;
}

.imgs_casa_cinco, #casa_cinco::before{
    background-image: url("../img/casa_cinco/casa_cinco.png");
    position: absolute;
    background-repeat: no-repeat;
}
#casa_cinco{
    width: 661px;
    height: 446px;
    bottom: 107px;
    left: 197px;
}
#casa_cinco::before{
    background-position: -677px -266px;
    content: "";
    position: absolute;
    width: 235px;
    height: 33px;
    top: -69px;
    left: 213px;
}
#casa_cinco_mesita{
    background-position: -678px 0px;
    cursor: pointer;
    height: 41px;
    width: 59px;
    left: 49px;
    top: 200px;
}
#casa_cinco_sillon{
    background-position: -679px -43px;
    cursor: pointer;
    right: 105px;
    top: 170px;
    width: 59px;
    height: 71px;
}
#casa_cinco_utensilios{
    background-position: -678px -118px;
    cursor: pointer;
    left: 112px;
    bottom: 126px;
    width: 72px;
    height: 63px;
}
#casa_cinco_banca{
    background-position: -683px -180px;
    cursor: pointer;
    left: -156px;
    bottom: -66px;
    width: 123px;
    height: 82px;
}
.imagenUno, .imagenDos, .parrafoAmarillo::before, .parrafoNumeradoUno::before, .parrafoNumeradoDos::before, .parrafoNumeradoTres::before,
.parrafoNumeradoCuatro::before, .parrafoNumeradoCinco::before, .imagenUno{
    background-image: url("../img/casa_cinco/recetas.png");
}
.parrafoNumeradoUno::before{
    content: "";background-position: -11px -369px;position: absolute;width: 23px;height: 22px;top: 10%;left: 10px;
}
.parrafoNumeradoDos::before{
    content: "";background-position: -34px  -369px;position: absolute;width: 23px;height: 22px;top: 10%;left: 10px;
}
.parrafoNumeradoTres::before{
    content: "";background-position: -57px -369px;position: absolute;width: 23px;height: 22px;top: 10%;left: 10px;
}
.parrafoNumeradoCuatro::before{
    content: "";background-position: -80px -369px;position: absolute;width: 23px;height: 22px;top: 10%;left: 10px;
}
.parrafoNumeradoCinco::before{
    content: "";background-position: -103px -369px;position: absolute;width: 23px;height: 22px;top: 10%;left: 10px;
}
.parrafoAmarillo{
    padding-left: 20px;
    position: relative;
    margin: 0px 0px 5px 0px;
}
.parrafoAmarillo::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 10%;
    width: 11px;
    height: 11px;
    background-position: 0px -368px;
}
#infoGraficoRecetas{
    width: 863px;
}
.parrafoNumerado{
    padding-left: 46px;
    position: relative;
    text-align: justify;
}
.contBloqueUno .uno, .contBloqueDos .uno{
    width: 350px;
    position: relative;
}
.contBloqueUno .dos, .contBloqueDos .dos{
    width: 420px;
}
.contBloqueDos{
    margin: 20px 0px;
}
.imagenUno{
    position: absolute;
    height: 100px;
    width: 166px;
    right: 0px;
}
.imagenDos{
position: absolute;
    height: 134px;
    width: 134px;
    right: 0px;
    background-position: -170px 0px;
}
.marginBottom34{
    margin-bottom: 34px;
}
#modalTips > div{
    width: 639px;
}
#modalTips .contBloqueFinal{
    position: absolute;
    bottom: 30px;
}
#contParrafos{
    position: absolute;
    top: 108px;
    left: 56px;
    width: 561px;
    text-align: justify;
    font-size: 18px;
}
#contParrafos p{
    margin: 5px 0px;
}
#contParrafos .uno{
    margin-left: 170px;
    margin-bottom: 0px;
}
#contParrafos .dos{ margin-top: 12px; margin-bottom: 19px;}
#contParrafos .cuatro{ width: 387px; margin-top: 19px; margin-bottom: 10px;}
#contParrafos .seis{ margin-top: 20px; margin-bottom: 20px;}
#contParrafos .ocho{ margin-top: 17px;}
#modalHistorieta > div{ 
    width: 912px;
    padding: 0px;
    background-color: transparent;
}