@charset "UTF-8";
body{
    font-family: "Nexa Light";
    font-size: 15px;
    font-weight: normal;
    text-align: justify;
}
.Gomez{
    font-family: "Gomez Strikes Again"
}
.colorNaranja{
    color: #F2785C;
    margin: 0px 0px 5px 0px;
}
.colorCafe{
    color: #8C452B;
    margin: 0px 0px 5px 0px;
}
.imagenUno, .imagenDos, .imagenTres, .parrafoAmarillo::before, .imagenTres, .parrafoFucsia::before, .parrafoNumeradoUno::before, .parrafoNumeradoDos::before{
    background-image: url("../img/casa_tres/recetas.png");
}
.parrafoPequeno{
    font-size: 12px;
    text-align: justify;
}
.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: -3px -366px;
}
.parrafoNumerado{
    padding-left: 46px;
    position: relative;
    text-align: justify;
}
.parrafoNumeradoUno::before{
    background-position: -14px -366px;
    position: absolute;
    content: "";
    width: 24px;
    height: 22px;
    top: 10%;
    left: 10px;
}
.parrafoNumeradoDos::before{
    background-position: -38px -366px;
    position: absolute;
    content: "";
    width: 24px;
    height: 22px;
    top: 10%;
    left: 10px;
}
.imgs_casa_tres, #casa_tres::before{
    background-image: url("../img/casa_tres/casa_tres.png");
    position: absolute;
    background-repeat: no-repeat;
}
#casa_tres{
    width: 619px;
    height: 400px;
    bottom: 107px;
    left: 197px;
}
#casa_tres::before{
    background-position: -623px -356px;
    content: "";
    position: absolute;
    width: 194px;
    height: 33px;
    top: -69px;
    left: 212px;
}
#casa_tres_sofa{
    background-position: -623px 0px;
    cursor: pointer;
    height: 77px;
    width: 135px;
    left: 248px;
    top: 119px;
}
#casa_tres_estufa{
    background-position: -624px -80px;
    cursor: pointer;
    right: 125px;
    bottom: 4px;
    width: 69px;
    height: 93px;
}
#casa_tres_nevera{
    background-position: -625px -175px;
    cursor: pointer;
    right: 195px;
    bottom: 4px;
    width: 78px;
    height: 165px;
}
#casa_tres_relog{
    background-position: -624px -342px;
    cursor: pointer;
    left: 25px;
    bottom: 64px;
    width: 46px;
    height: 13px;
}
#infoGraficoRecetas{
    width: 850px;
}
.borderGris{
    border-bottom: 2px dashed #C1C1C1;
}
.imagenUno{
    width: 171px;
    height: 170px;
    margin-right: 25px;
}
.imagenDos{
    width: 171px;
    height: 170px;
    background-position: -1234px 0px;
}
.imagenTres{
    width: 171px;
    height: 170px;
    background-position: -1413px 0px;
}
.contBloqueUno, .contBloqueDos, .contBloqueTres{
    margin-top: 18px;
    padding-bottom: 18px;
}
.contBloqueUno .dos{
    width: 275px;
    margin-right: 25px;
}
.contBloqueUno .tres{
    width: 317px;
}
.contBloqueDos .uno{
    width: 287px;
}
.contBloqueDos .dos{
    width: 302px;
}
.contBloqueTres .dos{
    width: 250px;
}
.contBloqueTres .tres{
    width: 320px;
}
.modalCasaUno > div{
    width: 866px;
    background-color: transparent;
    padding: 0px;
}
#modalHistorieta img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
#modalTransicion > div{
    width: 866px;
    background-color: transparent;
    padding: 0px;
}
#modalTransicion .internaModal{
    border: none;
    padding: 0px;
    position: relative;
}
.contBloqueFinalTransicion {
    position: absolute;
    bottom: 38px;
}
#modalTransicion .contBloqueUno, #modalTransicion .contBloqueDos, #modalTransicion .contBloqueTres{
    position: absolute;
    left: 43px;
    width: 787px;
    margin: 0px;
    padding: 0px;
}
.tituloRosado{
    font-family: "Gomez Strikes Again";
    color: #D97385;
    font-size: 28px;
    margin: 0px 0px 8px 0px;
}
.parrafoFucsia{
    color: #8E4470;
    position: relative;
    margin: 0px 0px 5px 0px;
    font-size: 14px;
}
.parrafoFucsia::before{
    content: "";
    position: absolute;
    left: -18px;
    top: 10%;
    width: 11px;
    height: 11px;
    background-position: -3px -366px;
}
.parrafoAzul{
    color: #45678C;
    margin: 10px 0px 5px 0px;
}
.margin0{
    margin: 0px;
}
#modalTransicion .contBloqueUno{
    top: 163px;
}
#modalTransicion .contBloqueDos{
    top: 474px;
    width: 779px;
}
#modalTransicion .contBloqueTres{
    top: 972px;
    width: 404px;
}
#modalTransicion .contBloqueUno .uno{
    width: 381px;
    height: 82px;
    margin-right: 36px;
}
#modalTransicion .contBloqueUno .dos{
    width: 388px;
    margin: 0px;
}
#modalTransicion .contBloqueDos .uno{
    width: 390px;
}
#modalTransicion .contBloqueDos .dos{
    width: 387px;
    height: 299px;
    font-size: 14px;
    margin: 184px 0px 0px 32px;
}
p.paddifLeft{
    padding-left: 20px;
}