@charset "UTF-8";
/*@font-face {
    font-family: 'Sketchbook Nasty Regular';
    src: url('../fonts/Sketchbook_Nasty.eot');src: local('☺'), url('../fonts/Sketchbook_Nasty.ttf') format('truetype'), url('../fonts/Sketchbook_Nasty.woff') format('woff'), 
    url('../fonts/Sketchbook_Nasty.svg') format('svg');font-weight: normal;font-style: normal;
}*/
@font-face {
    font-family: 'Odin Bold';
    src: url('../fonts/Odin Rounded - Bold.eot');src: local('☺'), url('../fonts/Odin Rounded - Bold.ttf') format('truetype'), url('../fonts/Odin Rounded - Bold.woff') format('woff'), 
    url('../fonts/Odin Rounded - Bold.svg') format('svg');font-weight: normal;font-style: normal;
}
.imgs_casa_uno, #casa_uno::before{
    background-image: url("../img/casa_uno/casa_uno.png");
    position: absolute;
}
#casa_uno{
    width: 733px;
    height: 437px;
    bottom: 107px;
    left: 144px;
}
#casa_uno::before{
    background-position: -734px -359px;
    content: "";
    position: absolute;
    width: 194px;
    height: 33px;
    top: -69px;
    left: 274px;
}
#casa_uno_tv{
    background-position: -735px 0px;
    cursor: pointer;
    height: 50px;
    width: 89px;
    left: 315px;
    top: 87px;
}
#casa_uno_relog{
    background-position: -735px -51px;
    cursor: pointer;
    left: 512px;
    top: 75px;
    width: 47px;
    height: 47px;
}
#casa_uno_lampara{
    background-position: -734px -103px;
    cursor: pointer;
    left: 412px;
    top: 237px;
    width: 51px;
    height: 55px;
}
#casa_uno_cuna{
    background-position: -735px -161px;
    cursor: pointer;
    right: 70px;
    bottom: 7px;
    width: 77px;
    height: 193px;
}
#casa_uno_arbol{
    background-position: -858px 0px;
    cursor: pointer;
    right: -45px;
    bottom: 26px;
    width: 69px;
    height: 173px;
}
#casa_uno_espejo{
    background-position: -878px -177px;
    cursor: pointer;
    left: 133px;
    top: 62px;
    width: 51px;
    height: 69px;
}
.modalCasaUno > div{
    width: 866px;
    background-color: transparent;
    padding: 0px;
}
#internaModalCasaUno{
    border: none;
    padding: 0px;
    overflow: hidden;
    margin-bottom: 20px;
}
.adornosVacunacion, .parrafoAmarillo::before{
    background-image: url(../img/casa_uno/adornos.png);
}
#tituloVacuna{
    width: 806px;
    height: 150px;
    margin-bottom: 13px;
}
#modalVacunacion > div{
    width: 850px;
}
.parrafoAmarillo{
    position: relative;
    padding-left: 20px;
}
.parrafoAmarillo::before{
    content: "";
    position: absolute;
    left: 3px;
    top: 10%;
    width: 10px;
    height: 10px;
    background-position: 0px -149px;
}
.fuente{
    font-family: "Nexa Light";
    color: #27547C;
    text-align: center;
}
.absolute{
    position: absolute;
    font-family: "Odin Bold";
    text-align: center;
    color: white;
    width: 250px;
    top: 0px;
    left: 0px;
    margin: 0px;
}
.absolute p{
    font-family: "Nexa Light";
    margin: 0px;
    font-size: 14px;
    line-height: 17px;
}
.absolute h4{
    letter-spacing: 0.5px;
    font-size: 18px;
    margin: 0px;
    font-weight: normal;
}
#modalVacunacion .primerBloque{
    width: 385px;
    padding-right: 20px;
    border-right: 2px dashed #C1C1C1;
    margin-right: 5px;
}
#modalVacunacion .segundoBloque{
    width: 395px;
}
/*  ---------------Derechos --------------------*/
#primerDerecho{
    top: 192px;
    font-size: 24px;
    left: 294px;
    width: 273px;
}
#segundoDerecho{
    top: 307px;
    left: 35px;
}
#tercerDerecho{
    top: 330px;
    left: 306px;
}
#cuartoDerecho{
    top: 325px;
    left: 577px;
}
#quintoDerecho{
    top: 535px;
    left: 288px;
    font-size: 24px;
    width: 288px;
}
#sextoDerecho{
    top: 687px;
    left: 36px;
}
#septimoDerecho{
    top: 706px;
    left: 308px;
}
#octavoDerecho{
    top: 706px;
    left: 579px;
}
#novenoDerecho{
    top: 919px;
    left: 35px;
    font-size: 24px;
}
#decimoDerecho{
    top: 919px;
    left: 578px;
    font-size: 24px;
}
#undecimoDerecho{
    top: 1029px;
    left: 37px;
}
#duodecimoDerecho{
    top: 1007px;
    left: 308px;
}
#decimotercerDerecho{
    top: 1009px;
    left: 578px;
}
#decimocuartoDerecho{
    top: 1230px;
    left: 35px;
    font-size: 23px;
}
#decimoquintoDerecho{
    top: 1230px;
    left: 307px;
    font-size: 23px;
}
#decimosextoDerecho{
    top: 1242px;
    left: 578px;
    font-size: 23px;
}
#decimoseptimoDerecho{
    top: 1415px;
    left: 308px;
    font-size: 24px;
}
#decimooctavoDerecho{
    top: 1508px;
    left: 36px;
}
#decimonovenoDerecho{
    top: 1586px;
    left: 306px;
}
#vigesimoprimerDerecho{
    top: 1586px;
    left: 577px;
}
.descargarDerechos, .imprimirDerechos{
    font-family: 'Arial Rounded';
    position: absolute;
    width: 111px;
    height: 29px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    color: black;
    text-decoration: none;
}
#descargarDerechos{
    bottom: 56px;
    left: 311px;
}
#imprimirDerechos{
    bottom: 56px;
    left: 440px;
}
#descargarVacunas{
    bottom: 39px;
    left: 308px;
}
#imprimirVacunas{
    bottom: 39px;
    left: 437px;
}
/*------------- Tabla Vacunación ------------------*/
#modalVacunacion{
    font-family: "Nexa Light";
    font-size: 13px;
}
#tablaVacunacion{
    width: 825px;
    font-weight: normal;
    text-align: center;
    border: 1px solid black;
    margin-left: 1px;
}
#tablaVacunacion thead tr{
    background-color: #7BAABB;
}
.titulo{
    font-family: "Gomez Strikes Again";
    font-size: 16px;
}
#tablaVacunacion .tituloPrincipal{
    font-weight: initial;
    font-size: 20px;
    color: white;
}
td, th{
    padding: 0px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}
.noBorderBottom{
    border-bottom: none;
}
.noBorderRight{
    border-right: none;
}
.tituloVertical{
    width: 36px;
    height: 78px;
    position: relative;
}
.tituloVertical div{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    line-height: 14px;
    font-size: 13px;
    height: 36px;
    width: 76px;
    left: -15px;
    top: 22px;
}
table.interna .anchoCien{
    width: 85%;
}
.tituloPrincipal.colUno{
    width: 140px;
    height: 26px;
}
.tituloPrincipal.colDos{
    width: 240px;
    height: 26px;
}
.tituloPrincipal.colTres{
    width: 193px;
    height: 26px;
}
.tituloPrincipal.colCuatro{
    width: 236px;
    height: 26px;
}
.rowUno{background-color: #DCE6F1;}
.rowDos{background-color: #FFFFCC;}
.rowTres{background-color: #FDE9D9;}
.rowCuatro{background-color: #EBF1DE;}
.rowCinco{background-color: #B7DEE8;}
.rowSeis{background-color: #EAC5C5;}
.rowSiete{background-color: #F9C49D;}
.rowOcho{background-color: #CFDDA8;}
.rowNueve{background-color: #F2E2E2;}
.rowDiez{background-color: #BAE8E4;}
.rowOnce{background-color: #D7D0E2;}
.absoluteVacunacion{
    position: absolute;
}
#modalVacunacion h1{
    font-family: "Gomez Strikes Again";
    border-top: 2px dashed #C1C1C1;
    text-align: center;
    padding-top: 10px;
    color: #72A0AC;
    bottom: 438px;
    width: 100%;
    left: 0px;
}
#modalVacunacion h2{
    font-family: "Gomez Strikes Again";
    text-align: center;
    color: #8C452B;
    font-size: 23px;
    text-align: left;
}
#modalLlanto > div{
    background-color: white;
    padding: 3px;
    width: 646px;
}
#modalLlanto #internaModalCasaUno{
    border: 2px dashed #1D1D1B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 19px;
    font-family: "Nexa Light";
    font-size: 16px;
    text-align: justify;
}
.imgLlanto, #modalLlanto .contImagen, .contTexto p::before, .audio, .play, .pausa{
    background-image: url("../img/casa_uno/llanto.png");
    background-repeat: no-repeat;
}
#tituloLanto{
    width: 590px;
    height: 61px;
    margin: auto;
}
#modalLlanto .contTexto{
    width: 323px;
}
#modalLlanto .contImagen{
    width: 232px;
    height: 232px;
    background-position: 0px -62px;
}
.contTexto h2{
    font-family: "Gomez Strikes Again";
    color: #876272;
    margin: 0px;
}
.contTexto p{    
    margin-bottom: 0px;
    margin-top: 10px;
    padding-left: 17px;
    position: relative;
}
.contTexto p::before{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 2px;
    background-position: -578px -64px;
    top: 5px;
}
#modalLlanto h1{
    font-family: "Gomez Strikes Again";
    color: #5487A6;
}
.contTextoDos{
    width: 478px;
}
.contTextoDos h2{
    font-family: "Gomez Strikes Again";
    color: #876272;
    margin: 0px;
}
.contTextoDos p{
    margin: 0px;
}
.contTextoDos .azul{
    font-size: 15px;
    color: #5487A6;
    padding: 17px 0px;
    border-bottom:  1px dashed #C1C1C1;
    margin-bottom: 17px;
}
.audio{
    width: 90px;
    height: 90px;
    background-position: -237px -190px;
    position: relative;
}
.play{
    content: "";
    position: absolute;
    left: 15px;
    top: 8px;
    width: 60px;
    height: 59px;
    background-position: -236px -63px;
    cursor: pointer;
}
.pausa{
    content: "";
    position: absolute;
    left: 15px;
    top: 8px;
    width: 60px;
    height: 59px;
    background-position: -236px -127px;
    cursor: pointer;
}
.slider{
    width: 80px;
    position: absolute;
    bottom: 2px;
    left: 5px;
    z-index: 10;
}
#modalHistorieta > div{
    width: 912px;
    padding: 0px;
    background-color: transparent;
}
#modalHistorieta #internaModalCasaUno{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}