@charset "utf-8";
@import url("L_G06_U02_L02_03.css");
/* CSS Document */

.texto {
    font-family: 'cabinregular';
    font-size: 43.5px;
    text-align: center;
    line-height: 44px;
}

.letraA {
    background-image: url(../img/palabraHomofona/letraA.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 362px;
    height: 120px;
    display: inline-block;
    margin: 2% 0 0 34%;
}

.tituloAccion {
    font-weight: bold;
    font-family: 'cabinbold';
    font-size: 60px;
    text-align: center;
    line-height: 44px;
}

.flechaAbajo {
    background-image: url(../img/palabraHomofona/flechaAbajo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 23px;
    height: 35px;
    display: inline-block;
}

.numeracion {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 33.5px;
    height: 37px;
    background-color: #FEFEFE;
    box-shadow: 4px 3px 8px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 3px 8px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 3px 8px 0px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 4px 3px 8px 0px rgba(0, 0, 0, 0.5);
    position: relative;
    display: inline-block;
    font-family: 'cabinbold';
    font-size: 35px;
    text-align: center;
    line-height: 40px;
    color: #343A49;
    margin-right: 18px;
    display: block;
    width: 21.5px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}

.enunciadoEjercicio {
    font-family: 'cabinmedium';
    font-size: 43px;
    color: #383C49;
    line-height: 37px;
    text-align: left;
    margin: 15px 0 0 10px;
}

.tblDrop {
    border-collapse: separate !important;
    position: absolute;
    top: 26%;
    left: 22.5%;
}

.tblDrop tr td {
    position: relative;
}

.tblDrop tr:nth-child(1) td:nth-child(1) {
    width: 432px;
    height: 93px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    border-top: 4px solid #213040;
    border-right: 2px solid #213040;
    border-bottom: 0px solid #213040;
    border-left: 4px solid #213040;
}

.tblDrop tr:nth-child(1) td:nth-child(2) {
    width: 432px;
    height: 93px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    border-top: 4px solid #213040;
    border-right: 4px solid #213040;
    border-bottom: 0px solid #213040;
    border-left: 2px solid #213040;
}

.tblDrop tr:nth-child(2) td:nth-child(1) {
    width: 432px;
    height: 324px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    border-top: 0px solid #213040;
    border-right: 2px solid #213040;
    border-bottom: 4px solid #213040;
    border-left: 4px solid #213040;
}

.tblDrop tr:nth-child(2) td:nth-child(2) {
    width: 432px;
    height: 324px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0px solid #213040;
    border-right: 4px solid #213040;
    border-bottom: 4px solid #213040;
    border-left: 2px solid #213040;
}

.imagenDrop {
    width: 432px;
    height: 324px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.IL_L_G06_U02_L02_03_08_01 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_01.png);
}

.IL_L_G06_U02_L02_03_08_02 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_02.png);
}

.IL_L_G06_U02_L02_03_08_03 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_03.png);
}

.IL_L_G06_U02_L02_03_08_04 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_04.png);
}

.IL_L_G06_U02_L02_03_08_05 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_05.png);
}

.IL_L_G06_U02_L02_03_08_06 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_06.png);
}

.IL_L_G06_U02_L02_03_08_07 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_07.png);
}

.IL_L_G06_U02_L02_03_08_08 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_08.png);
}

.IL_L_G06_U02_L02_03_08_09 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_09.png);
}

.IL_L_G06_U02_L02_03_08_10 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_10.png);
}

.IL_L_G06_U02_L02_03_08_11 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_11.png);
}

.IL_L_G06_U02_L02_03_08_12 {
    background-image: url(../img/palabraHomofona/IL_L_G06_U02_L02_03_08_12.png);
}

.lstPalabraDrag {
    padding: 0;
    display: inline-block;
    margin: 18% 0 0 3%;
}

.lstPalabraDrag li {
    margin-bottom: 20px;
}

.palabraDrag {
    background-color: #213040;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 158px;
    height: 58px;
    position: relative;
    cursor: pointer;
    line-height: 58px;
    font-size: 43px;
    color: #fefefe;
    font-family: 'cabinbold';
    text-align: center;
}

.cntPalabraFrase {
    background-color: #68A7DE;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 150px;
    height: 58px;
    position: relative;
}

.cntPalabraDrag {
    width: 1084px;
    height: 80px;
    background-color: #68A7DE;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    top: 315px;
    left: 8px;
    line-height: 58px;
    font-size: 40px;
    color: #fefefe;
    font-family: 'cabinregular';
    text-align: center;
    padding-top: 22px;
}

.cntPalabraDrag div {
    display: inline-block;
    position: absolute;
}

.palabraDrag3 {
    background-color: #213040;
    vertical-align: sub;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* width: 150px;
    height: 58px;*/
    
    position: relative;
    cursor: pointer;
}

.palabraDrag2 {
    background-color: transparent;
    vertical-align: sub;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* width: 150px;
    height: 58px;*/
    
    position: relative;
    cursor: pointer;
}