/* https://fonts.googleapis.com/css2?family=ABeeZee&display=swap */
/* latin */
@font-face {
font-family: 'ABeeZee';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/abeezee/v14/esDR31xSG-6AGleN2tWkkJUEGpA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css2?family=Caveat&display=swap */
@font-face {
font-family: 'Caveat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/caveat/v10/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIipZz5Kmgq3s84t.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Caveat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/caveat/v10/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIGpZz5Kmgq3s84t.woff) format('woff');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: 'Caveat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/caveat/v10/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIupZz5Kmgq3s84t.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Caveat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/caveat/v10/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIWpZz5Kmgq3sw.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap */
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap */
/* latin-ext */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap */
/* latin */
@font-face {
font-family: 'Architects Daughter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/architectsdaughter/v11/KtkxAKiDZI_td1Lkx62xHZHDtgO_Y-bvTYlg4-7jA-U.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.fontNum {
font-family: 'ABeeZee', sans-serif, Verdana;
}
.fontOpenSans {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
}
.fontOpenSansExtraBold {
font-family: 'Open Sans', sans-serif, Verdana;
font-weight: 800;
line-height: 1.2;
}
.fontCaveat {
font-family: 'Caveat', sans-serif, Verdana;
line-height: 1.2;
}
.fontRaleway {
font-family: 'Raleway', sans-serif, Verdana;
line-height: 1.2;
}
.buttonGreen {
background-color: #7ac43d;
box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
border: solid 3px #63B024;
cursor: pointer;
}
.buttonGreen:hover {
border: solid 3px #7ac43d;
}
.buttonGreen:active {
background-color: #63B024;
box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
border: solid 3px #63B024;
}
.buttonOrange {
background-color: #FBA62D;
box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
border: solid 3px #ea7415;
cursor: pointer;
}
.buttonOrange:hover {
border: solid 3px #FBA62D;
}
.buttonOrange:active {
background-color: #ea7415;
box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
border: solid 3px #ea7415;
}
.buttonBlue {
background-color: #42B2FC;
box-shadow: inset 0 2px 0 0 #7fc7f7, inset 0 -4px 0 0 #30A2ED, inset 0 4px 0 0 #B9E3FF;
border: solid 3px #1482FD;
cursor: pointer;
}
.buttonBlue:hover {
border: solid 3px #42B2FC;
}
.buttonBlue:active {
background-color: #1482FD;
box-shadow: inset 0 0 0 0 #1482FD, inset 0px 2px 0 0 #B9E3FF;
border: solid 3px #1482FD;
}
.buttonViolet {
background-color: #9C77CF;
box-shadow: inset 0 2px 0 0 #B58EEC, inset 0 -4px 0 0 #8b66bd, inset 0 4px 0 0 #D7BBFE;
border: solid 3px #835BBA;
cursor: pointer;
}
.buttonViolet:hover {
border: solid 3px #9C77CF;
}
.buttonViolet:active {
background-color: #835BBA;
box-shadow: inset 0 0 0 0 #835BBA, inset 0px 2px 0 0 #D7BBFE;
border: solid 3px #835BBA;
}
.buttonRed {
background-color: #ff5a5f;
box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
border: solid 3px #e9464b;
cursor: pointer;
}
.buttonRed:hover {
border: solid 3px #ff5a5f;
}
.buttonRed:active {
background-color: #e9464b;
box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
border: solid 3px #e9464b;
}
.buttonOrangeDiploma {
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #df6c0f, inset 1.7px 3.6px 0 0 #ffd69c, inset 0px -6.5px 0 0 #e98320;
background-image: linear-gradient(to bottom, #ffd700, #fba62d, #f19d25);
border: solid 4px #1ebfcf;
}
.buttonOrangeDiploma:hover {
background-image: linear-gradient(#ffb348, #ffb348);
}
.buttonOrangeDiploma:active {
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 0.7px -0.8px 0 0 #df6c0f, inset 0.2px 0.5px 0 0 #ffd69c;
background-image: linear-gradient(#ee870e, #ee870e);
}
.iconButton {
border-width: 2px;
}
.scrollBar {
/* width */
/* Track */
/* Handle */
/* Handle on hover */
}
.scrollBar::-webkit-scrollbar {
width: 24px;
}
.scrollBar::-webkit-scrollbar-track {
border-radius: 12px;
background-color: #232628;
border: 11px solid #6483bc;
box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
.scrollBar::-webkit-scrollbar-thumb {
width: 18px;
border-radius: 12px;
box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
background-image: linear-gradient(to top, #9ccdff, #cce8ff);
border: 3px solid transparent;
background-clip: content-box;
}
.scrollBar::-webkit-scrollbar-thumb:hover {
background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
.scrollBar.golden {
/* Track */
/* Handle */
/* Handle on hover */
}
.scrollBar.golden::-webkit-scrollbar-track {
background-color: #634730;
border: 11px solid #826044;
box-shadow: 0 0 0 1px #f5c28f;
}
.scrollBar.golden::-webkit-scrollbar-thumb {
box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
background-image: linear-gradient(to top, #c3955a, #ffe4a2);
}
.scrollBar.golden::-webkit-scrollbar-thumb:hover {
background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
.scrollBar.brown {
/* Track */
/* Handle */
/* Handle on hover */
}
.scrollBar.brown::-webkit-scrollbar-track {
background-color: #F7A278;
border: 11px solid #fff2e6;
box-shadow: 0 0 0 1px #f8ccb6;
}
.scrollBar.brown::-webkit-scrollbar-thumb {
box-shadow: 0.1px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
background-image: linear-gradient(to top, #d45d22, #ad4b1b);
}
.scrollBar.brown::-webkit-scrollbar-thumb:hover {
background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
.scrollBar.thinBar::-webkit-scrollbar {
width: 15px;
}
/*IMPORTANTE: problemas con animaciones que hagan transform, poner la sombra en un hijo y animar el padre*/
.scrollfade-container {
height: 100%;
position: absolute;
pointer-events: none;
top: 0;
left: 0;
z-index: 1;
}
.scrollfade-container.fade-top {
background: linear-gradient(to top, transparent calc(100% - 48px), #ffffff 100%);
}
.scrollfade-container.fade-middle {
background: linear-gradient(to top, transparent calc(100% - 48px), #ffffff 100%), linear-gradient(to bottom, transparent calc(100% - 48px), #ffffff 100%);
}
.scrollfade-container.fade-bottom {
background: linear-gradient(to bottom, transparent calc(100% - 48px), #ffffff 100%);
}
.latexFont {
font-family: STIXGeneral, ABeeZee, 'ABeeZee', sans-serif, Verdana !important;
}
.latexFont .text,
.latexFont input,
.latexFont input.text {
font-family: STIXGeneral, ABeeZee, 'ABeeZee', sans-serif, Verdana !important;
}
.text.latexFont {
font-family: STIXGeneral, ABeeZee, 'ABeeZee', sans-serif, Verdana !important;
}
.degradado-naranja {
background: #ffef8f;
background-image: -webkit-linear-gradient(top, #ffef8f 23%, #ffefaf 46%, #ffefbf 84%);
background-image: -ms-linear-gradient(top, #ffef8f 23%, #ffefaf 46%, #ffefbf 84%);
background-image: -moz-linear-gradient(top, #ffef8f 23%, #ffefaf 46%, #ffefbf 84%);
background-image: -o-linear-gradient(top, #ffef8f 23%, #ffefaf 46%, #ffefbf 84%);
background-image: linear-gradient(top, #ffef8f 23%, #ffefaf 46%, #ffefbf 84%);
border-color: #f9dd34;
}
.degradado-azul {
background: #F2FFFA;
background-image: -webkit-linear-gradient(top, #E8FBFD 23%, #eeFdFb 46%, #F2FFFA 84%);
background-image: -ms-linear-gradient(top, #E8FBFD 23%, #eeFdFb 46%, #F2FFFA 84%);
background-image: -moz-linear-gradient(top, #E8FBFD 23%, #eeFdFb 46%, #F2FFFA 84%);
background-image: -o-linear-gradient(top, #E8FBFD 23%, #eeFdFb 46%, #F2FFFA 84%);
background-image: linear-gradient(top, #E8FBFD 23%, #eeFdFb 46%, #F2FFFA 84%);
border-color: #aed0ea;
}
/*
.latex{
font-family: MJX;
font-size: 131%;
line-height: .8em;
}*/
body {
color: #8a8080;
font: 12px/1.2 'Open Sans', sans-serif, Verdana;
}
input,
textarea {
font: 100% ABeeZee, 'Open Sans', sans-serif, Verdana;
}
input.fontOpenSans,
textarea.fontOpenSans {
font-family: 'Open Sans', sans-serif, Verdana;
}
a:focus,
button:focus {
outline: none;
}
.floatLeft {
float: left !important;
}
.floatRight {
float: right !important;
}
#preventInteraccion {
display: none;
position: absolute;
z-index: 10;
top: -1px;
left: -1px;
width: 1000px;
height: 600px;
border-radius: 12px;
}
#preventInteraccion.visible-grey {
display: block;
opacity: 0.3;
background: black;
animation: 0.3s opacity03Animation;
}
#preventInteraccion.over-feedback {
z-index: 21;
}
.recreoShown .norecreo,
.recreoShown #problemFeedbackIcon {
display: none !important;
}
#contenidoEjercicio {
position: relative;
border-radius: 12px;
height: 600px;
box-sizing: border-box;
background: #f6f9f9;
border: solid 1px #d9e1eb90;
padding: 16px 20px 0;
background-clip: padding-box;
background-repeat: no-repeat;
}
.recreoShown #contenidoEjercicio {
visibility: hidden;
}
.teachers #contenidoEjercicio {
border: none;
border-radius: 23px;
}
#contenidoEjercicio.overflowHidden {
overflow: hidden;
}
#contenidoEjercicio.default {
background: #f6f9f9;
border: solid 1px #d9e1eb;
}
#contenidoEjercicio.fondoAzul {
background-color: #42B2FC;
}
#contenidoEjercicio.nubes1 {
background-image: url('../../images/visualizadores/fondos/1-fondo-nubes-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.nubes1 {
background-image: url("../../images/visualizadores/fondos/1-fondo-nubes-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.nubes1lpc {
background-image: url('../../images/visualizadores/fondos/1-fondo-nubes-1-lpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.nubes1lpc {
background-image: url("../../images/visualizadores/fondos/1-fondo-nubes-1-lpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.madera_perspectiva {
background-image: url('../../images/visualizadores/fondos/2-fondo-madera-perspectiva.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.madera_perspectiva {
background-image: url("../../images/visualizadores/fondos/2-fondo-madera-perspectiva@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pared {
background-image: url('../../images/visualizadores/fondos/3-fondo-pared.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pared {
background-image: url("../../images/visualizadores/fondos/3-fondo-pared@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cuaderno {
background-image: url('../../images/visualizadores/fondos/4-fondo-cuaderno.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cuaderno {
background-image: url("../../images/visualizadores/fondos/4-fondo-cuaderno@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.parquelpc {
background-image: url('../../images/visualizadores/fondos/45-fondo-parque.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.parquelpc {
background-image: url("../../images/visualizadores/fondos/45-fondo-parque@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.paisaje {
background-image: url('../../images/visualizadores/fondos/5-fondo-paisaje.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.paisaje {
background-image: url("../../images/visualizadores/fondos/5-fondo-paisaje@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.nubes2 {
background-image: url('../../images/visualizadores/fondos/6-fondo-nubes-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.nubes2 {
background-image: url("../../images/visualizadores/fondos/6-fondo-nubes-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.humor_escenariolpc {
background-image: url('../../images/visualizadores/fondos/41-fondohumor-escenario.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.humor_escenariolpc {
background-image: url("../../images/visualizadores/fondos/41-fondohumor-escenario@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.humor_emojislpc {
background-image: url('../../images/visualizadores/fondos/41-fondohumor-emojis.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.humor_emojislpc {
background-image: url("../../images/visualizadores/fondos/41-fondohumor-emojis@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.bosque_abejas {
background-image: url('../../images/visualizadores/fondos/43-fondo-bosque-abejas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.bosque_abejas {
background-image: url("../../images/visualizadores/fondos/43-fondo-bosque-abejas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.azulejos {
background-image: url('../../images/visualizadores/fondos/25-fondo-azulejos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.azulejos {
background-image: url("../../images/visualizadores/fondos/25-fondo-azulejos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.nubes2lpc {
background-image: url('../../images/visualizadores/fondos/22-fondo-nubes-2-lpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.nubes2lpc {
background-image: url("../../images/visualizadores/fondos/22-fondo-nubes-2-lpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.madera_sin_perspectiva {
background-image: url('../../images/visualizadores/fondos/7-fondo-madera-sin-perspectiva.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.madera_sin_perspectiva {
background-image: url("../../images/visualizadores/fondos/7-fondo-madera-sin-perspectiva@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.madera_sin_perspectivalpc {
background-image: url('../../images/visualizadores/fondos/7-fondo-madera-sin-perspectivalpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.madera_sin_perspectivalpc {
background-image: url("../../images/visualizadores/fondos/7-fondo-madera-sin-perspectivalpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.mantel {
background-image: url('../../images/visualizadores/fondos/8-fondo-mantel-picnic.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.mantel {
background-image: url("../../images/visualizadores/fondos/8-fondo-mantel-picnic@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.nubes_cielo {
background-image: url('../../images/visualizadores/fondos/9-fondo-nubes-cielo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.nubes_cielo {
background-image: url("../../images/visualizadores/fondos/9-fondo-nubes-cielo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.fondo-circulos {
background-image: url('../../images/visualizadores/fondos/69-fondo-circulos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.fondo-circulos {
background-image: url("../../images/visualizadores/fondos/69-fondo-circulos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.nubes_cielolpc {
background-image: url('../../images/visualizadores/fondos/9-fondo-nubes-cielolpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.nubes_cielolpc {
background-image: url("../../images/visualizadores/fondos/9-fondo-nubes-cielolpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.carretera1 {
background-image: url('../../images/visualizadores/fondos/10-fondo-carretera-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.carretera1 {
background-image: url("../../images/visualizadores/fondos/10-fondo-carretera-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cocina_mesa_baja {
background-image: url('../../images/visualizadores/fondos/30-fondo-azulejos-mesa-baja.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cocina_mesa_baja {
background-image: url("../../images/visualizadores/fondos/30-fondo-azulejos-mesa-baja@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.carretera2 {
background-image: url('../../images/visualizadores/fondos/11-fondo-carretera-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.carretera2 {
background-image: url("../../images/visualizadores/fondos/11-fondo-carretera-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.mesa_trabajo {
background-image: url('../../images/visualizadores/fondos/81-fondo-mesa-trabajo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.mesa_trabajo {
background-image: url("../../images/visualizadores/fondos/81-fondo-mesa-trabajo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.carretera1lpc {
background-image: url('../../images/visualizadores/fondos/10-fondo-carretera-1lpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.carretera1lpc {
background-image: url("../../images/visualizadores/fondos/10-fondo-carretera-1lpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.puzlelpc {
background-image: url('../../images/visualizadores/fondos/58-fondo-conexiones.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.puzlelpc {
background-image: url("../../images/visualizadores/fondos/58-fondo-conexiones@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.carretera2lpc {
background-image: url('../../images/visualizadores/fondos/11-fondo-carretera-2lpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.carretera2lpc {
background-image: url("../../images/visualizadores/fondos/11-fondo-carretera-2lpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.escritoriolpc {
background-image: url('../../images/visualizadores/fondos/38-fondoescritorio-bocetos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.escritoriolpc {
background-image: url("../../images/visualizadores/fondos/38-fondoescritorio-bocetos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.papellpc {
background-image: url('../../images/visualizadores/fondos/42-fondo-mapa-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.papellpc {
background-image: url("../../images/visualizadores/fondos/42-fondo-mapa-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.papel_cohetelpc {
background-image: url('../../images/visualizadores/fondos/43-fondo-mapa-dibujo-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.papel_cohetelpc {
background-image: url("../../images/visualizadores/fondos/43-fondo-mapa-dibujo-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.papel_monstruolpc {
background-image: url('../../images/visualizadores/fondos/44-fondo-mapa-dibujo-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.papel_monstruolpc {
background-image: url("../../images/visualizadores/fondos/44-fondo-mapa-dibujo-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.parking {
background-image: url('../../images/visualizadores/fondos/12-fondo-parking.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.parking {
background-image: url("../../images/visualizadores/fondos/12-fondo-parking@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cesped {
background-image: url('../../images/visualizadores/fondos/13-fondo-cesped-flores.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cesped {
background-image: url("../../images/visualizadores/fondos/13-fondo-cesped-flores@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.agua {
background-image: url('../../images/visualizadores/fondos/14-fondo-agua.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.agua {
background-image: url("../../images/visualizadores/fondos/14-fondo-agua@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.panel_maderalpc {
background-image: url('../../images/visualizadores/fondos/46-fondo-panel-madera.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.panel_maderalpc {
background-image: url("../../images/visualizadores/fondos/46-fondo-panel-madera@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.mesa_cocina {
background-image: url('../../images/visualizadores/fondos/15-fondo-mesa-cocina.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.mesa_cocina {
background-image: url("../../images/visualizadores/fondos/15-fondo-mesa-cocina@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cesped_hierbecitas {
background-image: url('../../images/visualizadores/fondos/16-fondo-cesped-hierbecitas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cesped_hierbecitas {
background-image: url("../../images/visualizadores/fondos/16-fondo-cesped-hierbecitas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.baldosas {
background-image: url('../../images/visualizadores/fondos/17-fondo-baldosas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.baldosas {
background-image: url("../../images/visualizadores/fondos/17-fondo-baldosas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.engranajes {
background-image: url('../../images/visualizadores/fondos/18-fondo-engranajes.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.engranajes {
background-image: url("../../images/visualizadores/fondos/18-fondo-engranajes@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.engranajeslpc {
background-image: url('../../images/visualizadores/fondos/18-fondo-engranajeslpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.engranajeslpc {
background-image: url("../../images/visualizadores/fondos/18-fondo-engranajeslpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.detective_mesalpc {
background-image: url('../../images/visualizadores/fondos/40-fondodetective-mesa.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.detective_mesalpc {
background-image: url("../../images/visualizadores/fondos/40-fondodetective-mesa@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.detective_oficinalpc {
background-image: url('../../images/visualizadores/fondos/39-fondodetective-oficina.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.detective_oficinalpc {
background-image: url("../../images/visualizadores/fondos/39-fondodetective-oficina@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.redes-socialeslpc {
background-image: url('../../images/visualizadores/fondos/23-fondo-redes-sociales-lpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.redes-socialeslpc {
background-image: url("../../images/visualizadores/fondos/23-fondo-redes-sociales-lpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.detectiveslpc {
background-image: url('../../images/visualizadores/fondos/25-fondo-detectives-lpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.detectiveslpc {
background-image: url("../../images/visualizadores/fondos/25-fondo-detectives-lpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.maderalpc {
background-image: url('../../images/visualizadores/fondos/50-fondo-panel-madera-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.maderalpc {
background-image: url("../../images/visualizadores/fondos/50-fondo-panel-madera-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.consultamedicolpc {
background-image: url('../../images/visualizadores/fondos/53-fondo-consulta-medico.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.consultamedicolpc {
background-image: url("../../images/visualizadores/fondos/53-fondo-consulta-medico@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.habitacion {
background-image: url('../../images/visualizadores/fondos/19-fondo-habitacion.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.habitacion {
background-image: url("../../images/visualizadores/fondos/19-fondo-habitacion@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.habitacionlpc {
background-image: url('../../images/visualizadores/fondos/19-fondo-habitacion-lpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.habitacionlpc {
background-image: url("../../images/visualizadores/fondos/19-fondo-habitacion-lpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc1 {
background-image: url('../../images/visualizadores/fondos/59-fondo-medieval-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc1 {
background-image: url("../../images/visualizadores/fondos/59-fondo-medieval-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc2 {
background-image: url('../../images/visualizadores/fondos/60-fondo-medieval-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc2 {
background-image: url("../../images/visualizadores/fondos/60-fondo-medieval-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc3 {
background-image: url('../../images/visualizadores/fondos/61-fondo-medieval-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc3 {
background-image: url("../../images/visualizadores/fondos/61-fondo-medieval-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc4 {
background-image: url('../../images/visualizadores/fondos/62-fondo-medieval-4.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc4 {
background-image: url("../../images/visualizadores/fondos/62-fondo-medieval-4@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc5 {
background-image: url('../../images/visualizadores/fondos/115-fondo-medieval-5.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc5 {
background-image: url("../../images/visualizadores/fondos/115-fondo-medieval-5@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc6 {
background-image: url('../../images/visualizadores/fondos/116-fondo-medieval-6.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc6 {
background-image: url("../../images/visualizadores/fondos/116-fondo-medieval-6@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc7 {
background-image: url('../../images/visualizadores/fondos/117-fondo-medieval-7.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc7 {
background-image: url("../../images/visualizadores/fondos/117-fondo-medieval-7@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc8 {
background-image: url('../../images/visualizadores/fondos/118-fondo-medieval-8.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc8 {
background-image: url("../../images/visualizadores/fondos/118-fondo-medieval-8@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc9 {
background-image: url('../../images/visualizadores/fondos/119-fondo-medieval-9.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc9 {
background-image: url("../../images/visualizadores/fondos/119-fondo-medieval-9@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.medievallpc10 {
background-image: url('../../images/visualizadores/fondos/120-fondo-medieval-10.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.medievallpc10 {
background-image: url("../../images/visualizadores/fondos/120-fondo-medieval-10@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.quien_es_quien_libro_thk {
background-image: url('../../images/visualizadores/fondos/82-lpc-fondo-libro.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.quien_es_quien_libro_thk {
background-image: url("../../images/visualizadores/fondos/82-lpc-fondo-libro@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.quien_es_quien_habitacion_thk {
background-image: url('../../images/visualizadores/fondos/83-fondo-quienesquien-habitacion.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.quien_es_quien_habitacion_thk {
background-image: url("../../images/visualizadores/fondos/83-fondo-quienesquien-habitacion@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_identificar_alternativas_1 {
background-image: url('../../images/visualizadores/fondos/70-fondo-decisiones-cruce-de-caminos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_identificar_alternativas_1 {
background-image: url("../../images/visualizadores/fondos/70-fondo-decisiones-cruce-de-caminos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_identificar_alternativas_2 {
background-image: url('../../images/visualizadores/fondos/71-fondo-decisiones-intro.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_identificar_alternativas_2 {
background-image: url("../../images/visualizadores/fondos/71-fondo-decisiones-intro@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_identificar_alternativas_3 {
background-image: url('../../images/visualizadores/fondos/72-fondo-decisiones-mapa-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_identificar_alternativas_3 {
background-image: url("../../images/visualizadores/fondos/72-fondo-decisiones-mapa-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_identificar_alternativas_4 {
background-image: url('../../images/visualizadores/fondos/73-fondo-decisiones-mapa-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_identificar_alternativas_4 {
background-image: url("../../images/visualizadores/fondos/73-fondo-decisiones-mapa-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_textos_filosoficos_nave_1 {
background-image: url('../../images/visualizadores/fondos/74-fondo-sala-control-espacial-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_textos_filosoficos_nave_1 {
background-image: url("../../images/visualizadores/fondos/74-fondo-sala-control-espacial-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_textos_filosoficos_nave_2 {
background-image: url('../../images/visualizadores/fondos/75-fondo-sala-control-espacial-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_textos_filosoficos_nave_2 {
background-image: url("../../images/visualizadores/fondos/75-fondo-sala-control-espacial-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_textos_filosoficos_nave_3 {
background-image: url('../../images/visualizadores/fondos/76-fondo-sala-control-espacial-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_textos_filosoficos_nave_3 {
background-image: url("../../images/visualizadores/fondos/76-fondo-sala-control-espacial-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_inferencias_espaciales {
background-image: url('../../images/visualizadores/fondos/81-fondo-mansion-noche.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_inferencias_espaciales {
background-image: url("../../images/visualizadores/fondos/81-fondo-mansion-noche@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_abstracto1 {
background-image: url('../../images/visualizadores/fondos/123-fondo-abstracto-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_abstracto1 {
background-image: url("../../images/visualizadores/fondos/123-fondo-abstracto-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_abstracto2 {
background-image: url('../../images/visualizadores/fondos/124-fondo-abstracto-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_abstracto2 {
background-image: url("../../images/visualizadores/fondos/124-fondo-abstracto-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_abstracto3 {
background-image: url('../../images/visualizadores/fondos/125-fondo-abstracto-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_abstracto3 {
background-image: url("../../images/visualizadores/fondos/125-fondo-abstracto-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_abstracto4 {
background-image: url('../../images/visualizadores/fondos/126-fondo-abstracto-4.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_abstracto4 {
background-image: url("../../images/visualizadores/fondos/126-fondo-abstracto-4@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_abstracto5 {
background-image: url('../../images/visualizadores/fondos/127-fondo-abstracto-5.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_abstracto5 {
background-image: url("../../images/visualizadores/fondos/127-fondo-abstracto-5@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_flechas1 {
background-image: url('../../images/visualizadores/fondos/128-fondo-flechas-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_flechas1 {
background-image: url("../../images/visualizadores/fondos/128-fondo-flechas-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_flechas2 {
background-image: url('../../images/visualizadores/fondos/129-fondo-flechas-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_flechas2 {
background-image: url("../../images/visualizadores/fondos/129-fondo-flechas-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_flechas3 {
background-image: url('../../images/visualizadores/fondos/130-fondo-flechas-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_flechas3 {
background-image: url("../../images/visualizadores/fondos/130-fondo-flechas-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_flechas4 {
background-image: url('../../images/visualizadores/fondos/131-fondo-flechas-4.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_flechas4 {
background-image: url("../../images/visualizadores/fondos/131-fondo-flechas-4@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_feria {
background-image: url('../../images/visualizadores/fondos/132-fondo-feria.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_feria {
background-image: url("../../images/visualizadores/fondos/132-fondo-feria@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_coliseo {
background-image: url('../../images/visualizadores/fondos/133-fondo-coliseo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_coliseo {
background-image: url("../../images/visualizadores/fondos/133-fondo-coliseo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_bombilla {
background-image: url('../../images/visualizadores/fondos/122-fondo-bombilla.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_bombilla {
background-image: url("../../images/visualizadores/fondos/122-fondo-bombilla@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_cerebro {
background-image: url('../../images/visualizadores/fondos/121-fondo-cerebro.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_cerebro {
background-image: url("../../images/visualizadores/fondos/121-fondo-cerebro@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_fondoletras {
background-image: url('../../images/visualizadores/fondos/83-fondo-letras-normal.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_fondoletras {
background-image: url("../../images/visualizadores/fondos/83-fondo-letras-normal@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_fondoletras2 {
background-image: url('../../images/visualizadores/fondos/82-fondo-letras-centro-despejado.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_fondoletras2 {
background-image: url("../../images/visualizadores/fondos/82-fondo-letras-centro-despejado@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_magia1 {
background-image: url('../../images/visualizadores/fondos/92-fondo-escenario-magia-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_magia1 {
background-image: url("../../images/visualizadores/fondos/92-fondo-escenario-magia-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_magia2 {
background-image: url('../../images/visualizadores/fondos/93-fondo-escenario-magia-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_magia2 {
background-image: url("../../images/visualizadores/fondos/93-fondo-escenario-magia-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_magia3 {
background-image: url('../../images/visualizadores/fondos/94-fondo-mesa-magia-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_magia3 {
background-image: url("../../images/visualizadores/fondos/94-fondo-mesa-magia-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_magia4 {
background-image: url('../../images/visualizadores/fondos/95-fondo-escenario-magia-4.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_magia4 {
background-image: url("../../images/visualizadores/fondos/95-fondo-escenario-magia-4@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_magia5 {
background-image: url('../../images/visualizadores/fondos/96-fondo-escenario-magia-5.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_magia5 {
background-image: url("../../images/visualizadores/fondos/96-fondo-escenario-magia-5@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_magia6 {
background-image: url('../../images/visualizadores/fondos/97-fondo-escenario-magia-6.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_magia6 {
background-image: url("../../images/visualizadores/fondos/97-fondo-escenario-magia-6@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas1 {
background-image: url('../../images/visualizadores/fondos/98-fondo-androides-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas1 {
background-image: url("../../images/visualizadores/fondos/98-fondo-androides-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas2 {
background-image: url('../../images/visualizadores/fondos/99-fondo-androides-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas2 {
background-image: url("../../images/visualizadores/fondos/99-fondo-androides-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas3 {
background-image: url('../../images/visualizadores/fondos/100-fondo-androides-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas3 {
background-image: url("../../images/visualizadores/fondos/100-fondo-androides-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas4 {
background-image: url('../../images/visualizadores/fondos/101-fondo-androides-4.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas4 {
background-image: url("../../images/visualizadores/fondos/101-fondo-androides-4@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas5 {
background-image: url('../../images/visualizadores/fondos/102-fondo-androides-5.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas5 {
background-image: url("../../images/visualizadores/fondos/102-fondo-androides-5@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas6 {
background-image: url('../../images/visualizadores/fondos/103-fondo-androides-6.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas6 {
background-image: url("../../images/visualizadores/fondos/103-fondo-androides-6@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas7 {
background-image: url('../../images/visualizadores/fondos/104-fondo-androides-7.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas7 {
background-image: url("../../images/visualizadores/fondos/104-fondo-androides-7@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas8 {
background-image: url('../../images/visualizadores/fondos/105-fondo-androides-8.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas8 {
background-image: url("../../images/visualizadores/fondos/105-fondo-androides-8@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas9 {
background-image: url('../../images/visualizadores/fondos/106-fondo-androides-9.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas9 {
background-image: url("../../images/visualizadores/fondos/106-fondo-androides-9@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_androidesPersonas10 {
background-image: url('../../images/visualizadores/fondos/107-fondo-androides-10.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_androidesPersonas10 {
background-image: url("../../images/visualizadores/fondos/107-fondo-androides-10@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_menteAbiertaLadrillo1 {
background-image: url('../../images/visualizadores/fondos/113-habitacion-ladrillos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_menteAbiertaLadrillo1 {
background-image: url("../../images/visualizadores/fondos/113-habitacion-ladrillos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_menteAbiertaLadrillo2 {
background-image: url('../../images/visualizadores/fondos/108-pared-ladrillos-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_menteAbiertaLadrillo2 {
background-image: url("../../images/visualizadores/fondos/108-pared-ladrillos-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_menteAbiertaLadrillo3 {
background-image: url('../../images/visualizadores/fondos/109-pared-ladrillos-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_menteAbiertaLadrillo3 {
background-image: url("../../images/visualizadores/fondos/109-pared-ladrillos-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_menteAbiertaNubes1 {
background-image: url('../../images/visualizadores/fondos/110-cielo-mente-abierta-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_menteAbiertaNubes1 {
background-image: url("../../images/visualizadores/fondos/110-cielo-mente-abierta-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_menteAbiertaNubes2 {
background-image: url('../../images/visualizadores/fondos/111-cielo-mente-abierta-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_menteAbiertaNubes2 {
background-image: url("../../images/visualizadores/fondos/111-cielo-mente-abierta-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_menteAbiertaNubes3 {
background-image: url('../../images/visualizadores/fondos/112-cielo-mente-abierta-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_menteAbiertaNubes3 {
background-image: url("../../images/visualizadores/fondos/112-cielo-mente-abierta-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.thk_ciudad {
background-image: url('../../images/visualizadores/fondos/114-ciudad.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.thk_ciudad {
background-image: url("../../images/visualizadores/fondos/114-ciudad@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.fondo_likes_pe_com {
background-image: url('../../images/visualizadores/fondos/pc-25-fondo-likes.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.fondo_likes_pe_com {
background-image: url("../../images/visualizadores/fondos/pc-25-fondo-likes@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pe_com_redes_microcontroladores_1 {
background-image: url('../../images/visualizadores/fondos/pc-redes-microcontroladores_1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pe_com_redes_microcontroladores_1 {
background-image: url("../../images/visualizadores/fondos/pc-redes-microcontroladores_1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pe_com_redes_microcontroladores_2 {
background-image: url('../../images/visualizadores/fondos/pc-redes-microcontroladores_2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pe_com_redes_microcontroladores_2 {
background-image: url("../../images/visualizadores/fondos/pc-redes-microcontroladores_2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pe_com_redes_microcontroladores_3 {
background-image: url('../../images/visualizadores/fondos/pc-redes-microcontroladores_3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pe_com_redes_microcontroladores_3 {
background-image: url("../../images/visualizadores/fondos/pc-redes-microcontroladores_3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pe_com_redes_microcontroladores_4 {
background-image: url('../../images/visualizadores/fondos/pc-redes-microcontroladores_4.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pe_com_redes_microcontroladores_4 {
background-image: url("../../images/visualizadores/fondos/pc-redes-microcontroladores_4@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pe_com_redes_microcontroladores_5 {
background-image: url('../../images/visualizadores/fondos/pc-redes-microcontroladores_5.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pe_com_redes_microcontroladores_5 {
background-image: url("../../images/visualizadores/fondos/pc-redes-microcontroladores_5@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pe_com_redes_microcontroladores_6 {
background-image: url('../../images/visualizadores/fondos/pc-redes-microcontroladores_6.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pe_com_redes_microcontroladores_6 {
background-image: url("../../images/visualizadores/fondos/pc-redes-microcontroladores_6@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.vitrina1 {
background-image: url('../../images/visualizadores/fondos/20-fondo-vitrina-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.vitrina1 {
background-image: url("../../images/visualizadores/fondos/20-fondo-vitrina-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.vitrina2 {
background-image: url('../../images/visualizadores/fondos/21-fondo-vitrina-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.vitrina2 {
background-image: url("../../images/visualizadores/fondos/21-fondo-vitrina-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.tablero {
background-image: url('../../images/visualizadores/fondos/22-fondo-tablero_juego.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.tablero {
background-image: url("../../images/visualizadores/fondos/22-fondo-tablero_juego@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.baldosaslpc {
background-image: url('../../images/visualizadores/fondos/17-fondo-baldosaslpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.baldosaslpc {
background-image: url("../../images/visualizadores/fondos/17-fondo-baldosaslpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.castilloterrorlpc {
background-image: url('../../images/visualizadores/fondos/27-fondo-castillo-terrorlpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.castilloterrorlpc {
background-image: url("../../images/visualizadores/fondos/27-fondo-castillo-terrorlpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.ruedareconocimientolpc {
background-image: url('../../images/visualizadores/fondos/51-fondo-rueda-reconocimiento.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.ruedareconocimientolpc {
background-image: url("../../images/visualizadores/fondos/51-fondo-rueda-reconocimiento@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.comisarialpc {
background-image: url('../../images/visualizadores/fondos/52-fondo-comisaria.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.comisarialpc {
background-image: url("../../images/visualizadores/fondos/52-fondo-comisaria@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.mesaciencialpc {
background-image: url('../../images/visualizadores/fondos/54-fondo-mesa-ciencia.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.mesaciencialpc {
background-image: url("../../images/visualizadores/fondos/54-fondo-mesa-ciencia@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.ciencialpc {
background-image: url('../../images/visualizadores/fondos/55-fondo-generico-ciencia.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.ciencialpc {
background-image: url("../../images/visualizadores/fondos/55-fondo-generico-ciencia@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cuaderno_grande {
background-image: url('../../images/visualizadores/fondos/f-23-fondo-cuaderno-grande.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cuaderno_grande {
background-image: url("../../images/visualizadores/fondos/f-23-fondo-cuaderno-grande@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cuaderno_mitad {
background-image: url('../../images/visualizadores/fondos/f-24-fondo-cuaderno-mitad-izq.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cuaderno_mitad {
background-image: url("../../images/visualizadores/fondos/f-24-fondo-cuaderno-mitad-izq@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cuaderno_mitad_inferior {
background-image: url('../../images/visualizadores/fondos/26-fondo-cuaderno-mitad-inferior.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cuaderno_mitad_inferior {
background-image: url("../../images/visualizadores/fondos/26-fondo-cuaderno-mitad-inferior@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.celulas {
background-image: url('../../images/visualizadores/fondos/31-fondo-celulas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.celulas {
background-image: url("../../images/visualizadores/fondos/31-fondo-celulas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.castillo_terror {
background-image: url('../../images/visualizadores/fondos/32-fondo-castillo-terror.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.castillo_terror {
background-image: url("../../images/visualizadores/fondos/32-fondo-castillo-terror@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.espacio {
background-image: url('../../images/visualizadores/fondos/33-fondo-espacio.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.espacio {
background-image: url("../../images/visualizadores/fondos/33-fondo-espacio@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.espaciolpc {
background-image: url('../../images/visualizadores/fondos/28-fondo-espaciolpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.espaciolpc {
background-image: url("../../images/visualizadores/fondos/28-fondo-espaciolpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.tecnologialpc {
background-image: url('../../images/visualizadores/fondos/24-fondo-tecnologia-generallpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.tecnologialpc {
background-image: url("../../images/visualizadores/fondos/24-fondo-tecnologia-generallpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.bosque {
background-image: url('../../images/visualizadores/fondos/34-fondo-bosque.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.bosque {
background-image: url("../../images/visualizadores/fondos/34-fondo-bosque@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.lluvia {
background-image: url('../../images/visualizadores/fondos/35-fondo-lluvia.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.lluvia {
background-image: url("../../images/visualizadores/fondos/35-fondo-lluvia@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.nieve {
background-image: url('../../images/visualizadores/fondos/36-fondo-nieve.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.nieve {
background-image: url("../../images/visualizadores/fondos/36-fondo-nieve@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.selva_palmeras {
background-image: url('../../images/visualizadores/fondos/37-fondo-selva-palmeras.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.selva_palmeras {
background-image: url("../../images/visualizadores/fondos/37-fondo-selva-palmeras@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.selva_palmeraslpc {
background-image: url('../../images/visualizadores/fondos/31-fondo-selva-palmeras-lpc.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.selva_palmeraslpc {
background-image: url("../../images/visualizadores/fondos/31-fondo-selva-palmeras-lpc@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.museo_arte1lpc {
background-image: url('../../images/visualizadores/fondos/56-fondo-museo-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.museo_arte1lpc {
background-image: url("../../images/visualizadores/fondos/56-fondo-museo-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.museo_arte2lpc {
background-image: url('../../images/visualizadores/fondos/57-fondo-museo-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.museo_arte2lpc {
background-image: url("../../images/visualizadores/fondos/57-fondo-museo-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.lpc_fondo_oficina_investigador {
background-image: url('../../images/visualizadores/fondos/84-fondo-oficina-investigador-sin-ordenador.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.lpc_fondo_oficina_investigador {
background-image: url("../../images/visualizadores/fondos/84-fondo-oficina-investigador-sin-ordenador@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.oficina-investigador-cenitalv {
background-image: url('../../images/visualizadores/fondos/89-fondo-oficina-investigador-cenitalv-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.oficina-investigador-cenitalv {
background-image: url("../../images/visualizadores/fondos/89-fondo-oficina-investigador-cenitalv-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.oficina-investigador-archivos-con-reloj {
background-image: url('../../images/visualizadores/fondos/87-fondo-oficina-investigador-archivos-con-reloj.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.oficina-investigador-archivos-con-reloj {
background-image: url("../../images/visualizadores/fondos/87-fondo-oficina-investigador-archivos-con-reloj@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cumplea_os {
background-image: url('../../images/visualizadores/fondos/38-fondo-cumplea-os.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cumplea_os {
background-image: url("../../images/visualizadores/fondos/38-fondo-cumplea-os@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.rosal {
background-image: url('../../images/visualizadores/fondos/39-fondo-rosal.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.rosal {
background-image: url("../../images/visualizadores/fondos/39-fondo-rosal@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pi_ata {
background-image: url('../../images/visualizadores/fondos/40-fondo-pi-ata.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pi_ata {
background-image: url("../../images/visualizadores/fondos/40-fondo-pi-ata@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cuaderno_doble {
background-image: url('../../images/visualizadores/fondos/41-fondo-cuaderno-doble.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cuaderno_doble {
background-image: url("../../images/visualizadores/fondos/41-fondo-cuaderno-doble@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.telon {
background-image: url('../../images/visualizadores/fondos/42-fondo-telon.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.telon {
background-image: url("../../images/visualizadores/fondos/42-fondo-telon@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.paisaje_extraterrestre_platillo {
background-image: url('../../images/visualizadores/fondos/44-fondo-paisaje-extraterrestre-platillo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.paisaje_extraterrestre_platillo {
background-image: url("../../images/visualizadores/fondos/44-fondo-paisaje-extraterrestre-platillo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.paisaje_extraterrestre {
background-image: url('../../images/visualizadores/fondos/45-fondo-paisaje-extraterrestre.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.paisaje_extraterrestre {
background-image: url("../../images/visualizadores/fondos/45-fondo-paisaje-extraterrestre@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.planeta_grande_nave_espacial {
background-image: url('../../images/visualizadores/fondos/46-fondo-planeta-grande-nave-espacial.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.planeta_grande_nave_espacial {
background-image: url("../../images/visualizadores/fondos/46-fondo-planeta-grande-nave-espacial@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.planeta_grande {
background-image: url('../../images/visualizadores/fondos/47-fondo-planeta-grande.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.planeta_grande {
background-image: url("../../images/visualizadores/fondos/47-fondo-planeta-grande@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.planeta_grande_color {
background-image: url('../../images/visualizadores/fondos/48-fondo-planeta-grande-color.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.planeta_grande_color {
background-image: url("../../images/visualizadores/fondos/48-fondo-planeta-grande-color@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.interior_nave_astronauta_gris {
background-image: url('../../images/visualizadores/fondos/49-fondo-interior-nave-astronauta-gris.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.interior_nave_astronauta_gris {
background-image: url("../../images/visualizadores/fondos/49-fondo-interior-nave-astronauta-gris@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.interior_nave_astronauta_gris .operacionVertical--divcuadricula {
display: inline-block;
margin: auto;
border-radius: 7px;
border: solid 12px #6fa4b2;
box-shadow: 0 0 0 3px #b4eefe;
}
#contenidoEjercicio.interior_nave_astronauta_color {
background-image: url('../../images/visualizadores/fondos/50-fondo-interior-nave-astronauta-color.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.interior_nave_astronauta_color {
background-image: url("../../images/visualizadores/fondos/50-fondo-interior-nave-astronauta-color@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.interior_nave_astronauta_color .operacionVertical--divcuadricula {
display: inline-block;
margin: auto;
border-radius: 7px;
border: solid 12px #42b2fc;
box-shadow: 0 0 0 3px #b4eefe;
}
#contenidoEjercicio.interior_nave {
background-image: url('../../images/visualizadores/fondos/51-fondo-interior-nave.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.interior_nave {
background-image: url("../../images/visualizadores/fondos/51-fondo-interior-nave@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.interior_nave .operacionVertical--divcuadricula {
display: inline-block;
margin: auto;
border-radius: 7px;
border: solid 12px #6fa4b2;
box-shadow: 0 0 0 3px #b4eefe;
}
#contenidoEjercicio.espacio_nave {
background-image: url('../../images/visualizadores/fondos/52-fondo-espacio-nave.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.espacio_nave {
background-image: url("../../images/visualizadores/fondos/52-fondo-espacio-nave@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.espacio_nave_estela {
background-image: url('../../images/visualizadores/fondos/53-fondo-espacio-nave-estela.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.espacio_nave_estela {
background-image: url("../../images/visualizadores/fondos/53-fondo-espacio-nave-estela@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.espacio_nave_estela_color {
background-image: url('../../images/visualizadores/fondos/54-fondo-espacio-nave-estela-color.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.espacio_nave_estela_color {
background-image: url("../../images/visualizadores/fondos/54-fondo-espacio-nave-estela-color@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.interior_nave_2 {
background-image: url('../../images/visualizadores/fondos/55-fondo-interior-nave-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.interior_nave_2 {
background-image: url("../../images/visualizadores/fondos/55-fondo-interior-nave-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.interior_nave_2 .operacionVertical {
display: inline-block;
margin: auto;
border: 3px solid #84AEC4;
background-color: #F7F9F9;
padding: 1px;
border-radius: 3px;
}
#contenidoEjercicio.bg_calc_rota {
background: linear-gradient(0deg, #f1f8f9, #dbf5fa);
}
#contenidoEjercicio.geom_gradient1 {
background: linear-gradient(90deg, #f1f8f9, #dbf5fa);
}
#contenidoEjercicio.geom_gradient1:before {
content: '';
position: absolute;
top: 15%;
left: 50%;
height: 70%;
width: 2px;
background: #a4e4ef;
}
#contenidoEjercicio.geom_gradient2 {
background: linear-gradient(90deg, #f6f9fa, #cbf0f7);
}
#contenidoEjercicio.geom_gradient2:before {
content: '';
position: absolute;
top: 15%;
left: 50%;
height: 70%;
width: 2px;
background: #a4e4ef;
}
#contenidoEjercicio.golf_campo {
background-image: url('../../images/visualizadores/fondos/58-fondo-golf-campo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.golf_campo {
background-image: url("../../images/visualizadores/fondos/58-fondo-golf-campo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.golf_tienda {
background-image: url('../../images/visualizadores/fondos/59-fondo-golf-tienda.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.golf_tienda {
background-image: url("../../images/visualizadores/fondos/59-fondo-golf-tienda@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.aula_proyector {
background-image: url('../../images/visualizadores/fondos/56-fondo-aula-proyector.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.aula_proyector {
background-image: url("../../images/visualizadores/fondos/56-fondo-aula-proyector@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.aula_proyector_grande {
background-image: url('../../images/visualizadores/fondos/57-fondo-aula-proyector-grande.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.aula_proyector_grande {
background-image: url("../../images/visualizadores/fondos/57-fondo-aula-proyector-grande@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.mar {
background-image: url('../../images/visualizadores/fondos/60-fondo-mar.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.mar {
background-image: url("../../images/visualizadores/fondos/60-fondo-mar@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.magia_centro {
background-image: url('../../images/visualizadores/fondos/61-fondo-magia-sombrero-centro.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.magia_centro {
background-image: url("../../images/visualizadores/fondos/61-fondo-magia-sombrero-centro@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.magia_izq {
background-image: url('../../images/visualizadores/fondos/62-fondo-magia-sombrero-izq.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.magia_izq {
background-image: url("../../images/visualizadores/fondos/62-fondo-magia-sombrero-izq@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.magia_vacio {
background-image: url('../../images/visualizadores/fondos/63-fondo-magia-vacio.png?2');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.magia_vacio {
background-image: url("../../images/visualizadores/fondos/63-fondo-magia-vacio@2x.png?2");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cuaderno_doble_reposteria {
background-image: url('../../images/visualizadores/fondos/64-fondo-cuaderno-doble-reposteria.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cuaderno_doble_reposteria {
background-image: url("../../images/visualizadores/fondos/64-fondo-cuaderno-doble-reposteria@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cocina_reposteria_pizarra {
background-image: url('../../images/visualizadores/fondos/65-fondo-cocina-reposteria-pizarra.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cocina_reposteria_pizarra {
background-image: url("../../images/visualizadores/fondos/65-fondo-cocina-reposteria-pizarra@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cocina_reposteria {
background-image: url('../../images/visualizadores/fondos/66-fondo-cocina-reposteria.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cocina_reposteria {
background-image: url("../../images/visualizadores/fondos/66-fondo-cocina-reposteria@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.mantel_galletas {
background-image: url('../../images/visualizadores/fondos/67-fondo-mantel-galletas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.mantel_galletas {
background-image: url("../../images/visualizadores/fondos/67-fondo-mantel-galletas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.circuitos {
background-image: url('../../images/visualizadores/fondos/68-fondo-circuitos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.circuitos {
background-image: url("../../images/visualizadores/fondos/68-fondo-circuitos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cancha_baloncesto {
background-image: url('../../images/visualizadores/fondos/70-fondo-cancha-baloncesto.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cancha_baloncesto {
background-image: url("../../images/visualizadores/fondos/70-fondo-cancha-baloncesto@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.magia_sin_luz {
background-image: url('../../images/visualizadores/fondos/71-fondo-magia-sin-luz.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.magia_sin_luz {
background-image: url("../../images/visualizadores/fondos/71-fondo-magia-sin-luz@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.engranajes_claro {
background-image: url('../../images/visualizadores/fondos/72-fondo-engranajes-v-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.engranajes_claro {
background-image: url("../../images/visualizadores/fondos/72-fondo-engranajes-v-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.panel_madera {
background-image: url('../../images/visualizadores/fondos/73-fondo-panel-madera.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.panel_madera {
background-image: url("../../images/visualizadores/fondos/73-fondo-panel-madera@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.plato_TV {
background-image: url('../../images/visualizadores/fondos/74-fondo-plato-tv.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.plato_TV {
background-image: url("../../images/visualizadores/fondos/74-fondo-plato-tv@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.panel_corcho {
background-image: url('../../images/visualizadores/fondos/75-fondo-panel-corcho-v-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.panel_corcho {
background-image: url("../../images/visualizadores/fondos/75-fondo-panel-corcho-v-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.engranajes_mitades {
background-image: url('../../images/visualizadores/fondos/76-fondo-engranajes-mitades.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.engranajes_mitades {
background-image: url("../../images/visualizadores/fondos/76-fondo-engranajes-mitades@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.nubes_grandes {
background-image: url('../../images/visualizadores/fondos/77-fondo-nubes-grandes.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.nubes_grandes {
background-image: url("../../images/visualizadores/fondos/77-fondo-nubes-grandes@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.estadistica {
background-image: url('../../images/visualizadores/fondos/87-fondo-estadistica.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.estadistica {
background-image: url("../../images/visualizadores/fondos/87-fondo-estadistica@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.domino {
background-image: url('../../images/visualizadores/fondos/89-fondo-domino.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.domino {
background-image: url("../../images/visualizadores/fondos/89-fondo-domino@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.bombilla {
background-image: url('../../images/visualizadores/fondos/90-fondo-bombilla.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.bombilla {
background-image: url("../../images/visualizadores/fondos/90-fondo-bombilla@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cerebro {
background-image: url('../../images/visualizadores/fondos/91-fondo-cerebro.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cerebro {
background-image: url("../../images/visualizadores/fondos/91-fondo-cerebro@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cerebro_interrogaciones {
background-image: url('../../images/visualizadores/fondos/92-fondo-cerebro-interrogaciones.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cerebro_interrogaciones {
background-image: url("../../images/visualizadores/fondos/92-fondo-cerebro-interrogaciones@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.interrogaciones {
background-image: url('../../images/visualizadores/fondos/93-fondo-interrogaciones.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.interrogaciones {
background-image: url("../../images/visualizadores/fondos/93-fondo-interrogaciones@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.numeros {
background-image: url('../../images/visualizadores/fondos/94-fondo-numeros.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.numeros {
background-image: url("../../images/visualizadores/fondos/94-fondo-numeros@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.magia {
background-image: url('../../images/visualizadores/fondos/95-fondo-magia-esoterico.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.magia {
background-image: url("../../images/visualizadores/fondos/95-fondo-magia-esoterico@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.bombillas {
background-image: url('../../images/visualizadores/fondos/96-fondo-bombillas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.bombillas {
background-image: url("../../images/visualizadores/fondos/96-fondo-bombillas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_nubes_tierra_rosa {
background-image: url('../../images/visualizadores/fondos/cl-01-fondo-nubes-tierra-rosa.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_nubes_tierra_rosa {
background-image: url("../../images/visualizadores/fondos/cl-01-fondo-nubes-tierra-rosa@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_nubes_tierra_azul {
background-image: url('../../images/visualizadores/fondos/cl-02-fondo-nubes-tierra-azul.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_nubes_tierra_azul {
background-image: url("../../images/visualizadores/fondos/cl-02-fondo-nubes-tierra-azul@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_nubes_tierra_amarilla {
background-image: url('../../images/visualizadores/fondos/cl-03-fondo-nubes-tierra-amarilla.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_nubes_tierra_amarilla {
background-image: url("../../images/visualizadores/fondos/cl-03-fondo-nubes-tierra-amarilla@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_nubes_tierra {
background-image: url('../../images/visualizadores/fondos/cl-fondo-13-tierra-cielo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_nubes_tierra {
background-image: url("../../images/visualizadores/fondos/cl-fondo-13-tierra-cielo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_bandas_beige {
background-image: url('../../images/visualizadores/fondos/cl-04-fondo-bandas-beige.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_bandas_beige {
background-image: url("../../images/visualizadores/fondos/cl-04-fondo-bandas-beige@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_mesa_rosa {
background-image: url('../../images/visualizadores/fondos/cl-05-fondo-mesa-rosa.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_mesa_rosa {
background-image: url("../../images/visualizadores/fondos/cl-05-fondo-mesa-rosa@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_lago_rosa {
background-image: url('../../images/visualizadores/fondos/cl-06-fondo-lago-rosa.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_lago_rosa {
background-image: url("../../images/visualizadores/fondos/cl-06-fondo-lago-rosa@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_mesa_marron {
background-image: url('../../images/visualizadores/fondos/cl-07-fondo-mesa-marron.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_mesa_marron {
background-image: url("../../images/visualizadores/fondos/cl-07-fondo-mesa-marron@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_mesa {
background-image: url('../../images/visualizadores/fondos/cl-fondo-12-mesa.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_mesa {
background-image: url("../../images/visualizadores/fondos/cl-fondo-12-mesa@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_mesa_cocina {
background-image: url('../../images/visualizadores/fondos/cl-fondo-16-mesa-cocina.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_mesa_cocina {
background-image: url("../../images/visualizadores/fondos/cl-fondo-16-mesa-cocina@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_nubes {
background-image: url('../../images/visualizadores/fondos/cl-01-fondo-nubes-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_nubes {
background-image: url("../../images/visualizadores/fondos/cl-01-fondo-nubes-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_nubes_cielo {
background-image: url('../../images/visualizadores/fondos/cl-02-fondo-nubes-cielo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_nubes_cielo {
background-image: url("../../images/visualizadores/fondos/cl-02-fondo-nubes-cielo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cesped_hierbecitas {
background-image: url('../../images/visualizadores/fondos/cl-03-fondo-cesped-hierbecitas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cesped_hierbecitas {
background-image: url("../../images/visualizadores/fondos/cl-03-fondo-cesped-hierbecitas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_pared {
background-image: url('../../images/visualizadores/fondos/cl-04-fondo-pared.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_pared {
background-image: url("../../images/visualizadores/fondos/cl-04-fondo-pared@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_madera_sin_perspectiva {
background-image: url('../../images/visualizadores/fondos/cl-05-fondo-madera-sin-perspectiva.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_madera_sin_perspectiva {
background-image: url("../../images/visualizadores/fondos/cl-05-fondo-madera-sin-perspectiva@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_textura_letras {
background-image: url('../../images/visualizadores/fondos/cl-06-fondo-textura-letras.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_textura_letras {
background-image: url("../../images/visualizadores/fondos/cl-06-fondo-textura-letras@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_textura_letras_difumin {
background-image: url('../../images/visualizadores/fondos/cl-07-fondo-textura-letras-difumin.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_textura_letras_difumin {
background-image: url("../../images/visualizadores/fondos/cl-07-fondo-textura-letras-difumin@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cuaderno {
background-image: url('../../images/visualizadores/fondos/cl-fondo-10-cuaderno-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cuaderno {
background-image: url("../../images/visualizadores/fondos/cl-fondo-10-cuaderno-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cuaderno_gran {
background-image: url('../../images/visualizadores/fondos/cl-fondo-11-cuaderno-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cuaderno_gran {
background-image: url("../../images/visualizadores/fondos/cl-fondo-11-cuaderno-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cuaderno_sin_mano {
background-image: url('../../images/visualizadores/fondos/cl-fondo-27-cuaderno-sin-mano.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cuaderno_sin_mano {
background-image: url("../../images/visualizadores/fondos/cl-fondo-27-cuaderno-sin-mano@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_vitrina_cerrada {
background-image: url('../../images/visualizadores/fondos/cl-fondo-14-vitrina.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_vitrina_cerrada {
background-image: url("../../images/visualizadores/fondos/cl-fondo-14-vitrina@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_vitrina_abierta {
background-image: url('../../images/visualizadores/fondos/cl-fondo-15-vitrina-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_vitrina_abierta {
background-image: url("../../images/visualizadores/fondos/cl-fondo-15-vitrina-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_habitacion {
background-image: url('../../images/visualizadores/fondos/cl-fondo-17-habitacion.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_habitacion {
background-image: url("../../images/visualizadores/fondos/cl-fondo-17-habitacion@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_engranajes {
background-image: url('../../images/visualizadores/fondos/cl-fondo-18-engranajes.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_engranajes {
background-image: url("../../images/visualizadores/fondos/cl-fondo-18-engranajes@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_baldosas {
background-image: url('../../images/visualizadores/fondos/cl-fondo-19-baldosas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_baldosas {
background-image: url("../../images/visualizadores/fondos/cl-fondo-19-baldosas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_agua {
background-image: url('../../images/visualizadores/fondos/cl-fondo-20-agua.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_agua {
background-image: url("../../images/visualizadores/fondos/cl-fondo-20-agua@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_parking {
background-image: url('../../images/visualizadores/fondos/cl-fondo-21-parking.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_parking {
background-image: url("../../images/visualizadores/fondos/cl-fondo-21-parking@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_carretera_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-23-carretera-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_carretera_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-23-carretera-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_carretera_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-22-carretera-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_carretera_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-22-carretera-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_mantel_picnic {
background-image: url('../../images/visualizadores/fondos/cl-fondo-24-mantel-picnic.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_mantel_picnic {
background-image: url("../../images/visualizadores/fondos/cl-fondo-24-mantel-picnic@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_paisaje {
background-image: url('../../images/visualizadores/fondos/cl-fondo-25-paisaje.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_paisaje {
background-image: url("../../images/visualizadores/fondos/cl-fondo-25-paisaje@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_tablero_juego {
background-image: url('../../images/visualizadores/fondos/cl-fondo-26-tablero-juego.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_tablero_juego {
background-image: url("../../images/visualizadores/fondos/cl-fondo-26-tablero-juego@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_flores {
background-image: url('../../images/visualizadores/fondos/cl-09-fondo-flores.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_flores {
background-image: url("../../images/visualizadores/fondos/cl-09-fondo-flores@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_monstruo {
background-image: url('../../images/visualizadores/fondos/cl-fondo-29-monstruo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_monstruo {
background-image: url("../../images/visualizadores/fondos/cl-fondo-29-monstruo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_monstruo_oscuro {
background-image: url('../../images/visualizadores/fondos/cl-fondo-27-monstruo-oscuro.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_monstruo_oscuro {
background-image: url("../../images/visualizadores/fondos/cl-fondo-27-monstruo-oscuro@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_comecocos {
background-image: url('../../images/visualizadores/fondos/cl-fondo-28-comecocos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_comecocos {
background-image: url("../../images/visualizadores/fondos/cl-fondo-28-comecocos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_mapa_mano {
background-image: url('../../images/visualizadores/fondos/cl-fondo-30-mano-monstruo-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_mapa_mano {
background-image: url("../../images/visualizadores/fondos/cl-fondo-30-mano-monstruo-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_mapa_mano_gran {
background-image: url('../../images/visualizadores/fondos/cl-fondo-31-mano-monstruo-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_mapa_mano_gran {
background-image: url("../../images/visualizadores/fondos/cl-fondo-31-mano-monstruo-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_mapa_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-32-mapa-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_mapa_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-32-mapa-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_mapa_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-33-mapa-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_mapa_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-33-mapa-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_mapa_dibujo_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-34-mapa-dibujo-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_mapa_dibujo_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-34-mapa-dibujo-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_mapa_dibujo_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-35-mapa-dibujo-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_mapa_dibujo_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-35-mapa-dibujo-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_celulas {
background-image: url('../../images/visualizadores/fondos/cl-fondo-36-celulas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_celulas {
background-image: url("../../images/visualizadores/fondos/cl-fondo-36-celulas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_castillo_terror {
background-image: url('../../images/visualizadores/fondos/cl-fondo-37-castillo-terror.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_castillo_terror {
background-image: url("../../images/visualizadores/fondos/cl-fondo-37-castillo-terror@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_espacio {
background-image: url('../../images/visualizadores/fondos/cl-fondo-38-espacio.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_espacio {
background-image: url("../../images/visualizadores/fondos/cl-fondo-38-espacio@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_bosque {
background-image: url('../../images/visualizadores/fondos/cl-fondo-39-bosque.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_bosque {
background-image: url("../../images/visualizadores/fondos/cl-fondo-39-bosque@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_lluvia {
background-image: url('../../images/visualizadores/fondos/cl-fondo-40-lluvia.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_lluvia {
background-image: url("../../images/visualizadores/fondos/cl-fondo-40-lluvia@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_nieve {
background-image: url('../../images/visualizadores/fondos/cl-fondo-41-nieve.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_nieve {
background-image: url("../../images/visualizadores/fondos/cl-fondo-41-nieve@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_selva_palmeras {
background-image: url('../../images/visualizadores/fondos/cl-fondo-42-selva-palmeras.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_selva_palmeras {
background-image: url("../../images/visualizadores/fondos/cl-fondo-42-selva-palmeras@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cumpleanos {
background-image: url('../../images/visualizadores/fondos/cl-fondo-43-cumplea-os.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cumpleanos {
background-image: url("../../images/visualizadores/fondos/cl-fondo-43-cumplea-os@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_rosal {
background-image: url('../../images/visualizadores/fondos/cl-fondo-44-rosal.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_rosal {
background-image: url("../../images/visualizadores/fondos/cl-fondo-44-rosal@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_pirata {
background-image: url('../../images/visualizadores/fondos/cl-fondo-45-pirata.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_pirata {
background-image: url("../../images/visualizadores/fondos/cl-fondo-45-pirata@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_telon {
background-image: url('../../images/visualizadores/fondos/cl-fondo-46-telon.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_telon {
background-image: url("../../images/visualizadores/fondos/cl-fondo-46-telon@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_lluvia {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-1-lluvia.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_lluvia {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-1-lluvia@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_mar {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-2-mar.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_mar {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-2-mar@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_nubes {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-3-nubes.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_nubes {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-3-nubes@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_pantano {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-4-pantano.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_pantano {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-4-pantano@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_real_invent {
background-image: url('../../images/visualizadores/fondos/cl-fondo-48-real-inventada.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_real_invent {
background-image: url("../../images/visualizadores/fondos/cl-fondo-48-real-inventada@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_madera_detective {
background-image: url('../../images/visualizadores/fondos/cl-fondo-48-madera-detective.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_madera_detective {
background-image: url("../../images/visualizadores/fondos/cl-fondo-48-madera-detective@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_planeta_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-5-planeta-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_planeta_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-5-planeta-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_planeta_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-6-planeta-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_planeta_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-6-planeta-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_planeta_3 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-7-planeta-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_planeta_3 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-7-planeta-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_playa {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-8-playa.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_playa {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-8-playa@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_prado_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-9-prado-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_prado_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-9-prado-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_prado_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-10-prado-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_prado_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-10-prado-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_prado_3 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-11-prado-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_prado_3 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-11-prado-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cntxt_tuercas {
background-image: url('../../images/visualizadores/fondos/cl-fondo-context-12-tuercas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cntxt_tuercas {
background-image: url("../../images/visualizadores/fondos/cl-fondo-context-12-tuercas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_cafe {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-cafe.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_cafe {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-cafe@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_clase {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-clase.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_clase {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-clase@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_escaparate_1 {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-escaparate-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_escaparate_1 {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-escaparate-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_escaparate_2 {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-escaparate-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_escaparate_2 {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-escaparate-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_escaparate_3 {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-escaparate-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_escaparate_3 {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-escaparate-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_farola {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-farola.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_farola {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-farola@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_feria {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-feria.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_feria {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-feria@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_habitacion {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-habitacion.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_habitacion {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-habitacion@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_obras_1 {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-obras-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_obras_1 {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-obras-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_obras_2 {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-obras-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_obras_2 {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-obras-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_paisaje {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-paisaje.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_paisaje {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-paisaje@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_parque {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-parque.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_parque {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-parque@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_puerta_calle {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-puerta-calle.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_puerta_calle {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-puerta-calle@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_taquilla {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-taquilla.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_taquilla {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-taquilla@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_toldo_azul {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-toldo-azul.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_toldo_azul {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-toldo-azul@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_toldo_morado {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-toldo-morado.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_toldo_morado {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-toldo-morado@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_ventanilla {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-ventanilla.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_ventanilla {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-ventanilla@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_cartel_verja {
background-image: url('../../images/visualizadores/fondos/cl-carteles-fondo-verja.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_cartel_verja {
background-image: url("../../images/visualizadores/fondos/cl-carteles-fondo-verja@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_cartas {
background-image: url('../../images/visualizadores/fondos/cl-fondo-verbos-cartas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_cartas {
background-image: url("../../images/visualizadores/fondos/cl-fondo-verbos-cartas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_mano {
background-image: url('../../images/visualizadores/fondos/cl-fondo-verbos-mano-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_mano {
background-image: url("../../images/visualizadores/fondos/cl-fondo-verbos-mano-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_nubes {
background-image: url('../../images/visualizadores/fondos/cl-fondo-verbos-nubes-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_nubes {
background-image: url("../../images/visualizadores/fondos/cl-fondo-verbos-nubes-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_3 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_3 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_4 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-4.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_4 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-4@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_cajas {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-cajas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t2_paisaje_cajas {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-2-verbos-paisaje-cajas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t2_bambu {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-2-verbos-bambu.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t2_bambu {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-2-verbos-bambu@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t3_bola {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-3-verbos-bola.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t3_bola {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-3-verbos-bola@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t3_relojes {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-3-verbos-relojes.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t3_relojes {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-3-verbos-relojes@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t3_batidora {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-3-verbos-batidora.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t3_batidora {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-3-verbos-batidora@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_engranajes_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-engranajes-orto.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_engranajes_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-engranajes-orto@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_baldosas_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-baldosas-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_baldosas_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-baldosas-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_baldosas_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-baldosas-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_baldosas_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-baldosas-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_engranajes_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-engranajes.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_engranajes_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-engranajes@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_engranajes_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-engranajes-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_engranajes_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-engranajes-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_malla_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-malla.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_malla_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-malla@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_malla_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-malla-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_malla_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-malla-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_malla_3 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-malla-3.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_malla_3 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-malla-3@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_malla_colores {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-malla-colores.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_malla_colores {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-malla-colores@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_relojes_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-relojes-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_relojes_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-relojes-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_relojes_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-relojes-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_relojes_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-relojes-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_tunel_1 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-tunel-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_tunel_1 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-tunel-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_tunel_2 {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-tunel-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_tunel_2 {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-tunel-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t4_prado {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-4-verbos-prado.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t4_prado {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-4-verbos-prado@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t5_agua {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-5-verbos-agua.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t5_agua {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-5-verbos-agua@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t5_engranajes_rojo {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-5-verbos-engranajes-rojo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t5_engranajes_rojo {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-5-verbos-engranajes-rojo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t5_tuercas {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-5-verbos-tuercas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t5_tuercas {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-5-verbos-tuercas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t5_lineatiempo {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-5-linea-tiempo.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t5_lineatiempo {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-5-linea-tiempo@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t5_agua_peanas {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-5-verbos-agua-peanas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t5_agua_peanas {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-5-verbos-agua-peanas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_verbos_t7_ind_sub {
background-image: url('../../images/visualizadores/fondos/cl-fondo-t-7-verbos-indic-subjun.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_verbos_t7_ind_sub {
background-image: url("../../images/visualizadores/fondos/cl-fondo-t-7-verbos-indic-subjun@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_tesoro {
background-image: url('../../images/visualizadores/fondos/cl-49-fondo-tesoro.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_tesoro {
background-image: url("../../images/visualizadores/fondos/cl-49-fondo-tesoro@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_calabazas {
background-image: url('../../images/visualizadores/fondos/cl-50-fondo-calabazas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_calabazas {
background-image: url("../../images/visualizadores/fondos/cl-50-fondo-calabazas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_coliflores {
background-image: url('../../images/visualizadores/fondos/cl-51-fondo-coliflores.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_coliflores {
background-image: url("../../images/visualizadores/fondos/cl-51-fondo-coliflores@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_medieval_1 {
background-image: url('../../images/visualizadores/fondos/cl-52-fondo-medieval-1.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_medieval_1 {
background-image: url("../../images/visualizadores/fondos/cl-52-fondo-medieval-1@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_medieval_2 {
background-image: url('../../images/visualizadores/fondos/cl-53-fondo-medieval-2.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_medieval_2 {
background-image: url("../../images/visualizadores/fondos/cl-53-fondo-medieval-2@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_mesa_detective_oscura {
background-image: url('../../images/visualizadores/fondos/cl-54-fondo-mesa-detective-oscura.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_mesa_detective_oscura {
background-image: url("../../images/visualizadores/fondos/cl-54-fondo-mesa-detective-oscura@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_o_u {
background-image: url('../../images/visualizadores/fondos/cl-55-fondo-o-u.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_o_u {
background-image: url("../../images/visualizadores/fondos/cl-55-fondo-o-u@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_rabanos {
background-image: url('../../images/visualizadores/fondos/cl-56-fondo-rabanos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_rabanos {
background-image: url("../../images/visualizadores/fondos/cl-56-fondo-rabanos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_y_e {
background-image: url('../../images/visualizadores/fondos/cl-57-fondo-y-e.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_y_e {
background-image: url("../../images/visualizadores/fondos/cl-57-fondo-y-e@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.cl_fondo_y_e_o_u {
background-image: url('../../images/visualizadores/fondos/cl-58-fondo-y-e-o-u.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.cl_fondo_y_e_o_u {
background-image: url("../../images/visualizadores/fondos/cl-58-fondo-y-e-o-u@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_circuitos {
background-image: url('../../images/visualizadores/fondos/pc-01-fondo-circuitos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_circuitos {
background-image: url("../../images/visualizadores/fondos/pc-01-fondo-circuitos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_espacio {
background-image: url('../../images/visualizadores/fondos/pc-02-fondo-espacio.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_espacio {
background-image: url("../../images/visualizadores/fondos/pc-02-fondo-espacio@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_cumple {
background-image: url('../../images/visualizadores/fondos/pc-03-fondo-cumple.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_cumple {
background-image: url("../../images/visualizadores/fondos/pc-03-fondo-cumple@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_fabrica_dulces {
background-image: url('../../images/visualizadores/fondos/pc-04-fondo-fabrica-dulces.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_fabrica_dulces {
background-image: url("../../images/visualizadores/fondos/pc-04-fondo-fabrica-dulces@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_carretera {
background-image: url('../../images/visualizadores/fondos/pc-05-fondo-carretera.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_carretera {
background-image: url("../../images/visualizadores/fondos/pc-05-fondo-carretera@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_desvan {
background-image: url('../../images/visualizadores/fondos/pc-06-fondo-desvan.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_desvan {
background-image: url("../../images/visualizadores/fondos/pc-06-fondo-desvan@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_28-fondo-ceros-y-unos-luz-blanca-inferior {
background-image: url('../../images/visualizadores/fondos/28-fondo-ceros-y-unos-luz-blanca-inferior.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_28-fondo-ceros-y-unos-luz-blanca-inferior {
background-image: url("../../images/visualizadores/fondos/28-fondo-ceros-y-unos-luz-blanca-inferior@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_pared {
background-image: url('../../images/visualizadores/fondos/pc-07-fondo-pared.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_pared {
background-image: url("../../images/visualizadores/fondos/pc-07-fondo-pared@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_cuaderno {
background-image: url('../../images/visualizadores/fondos/pc-08-fondo-cuaderno.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_cuaderno {
background-image: url("../../images/visualizadores/fondos/pc-08-fondo-cuaderno@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_invernadero {
background-image: url('../../images/visualizadores/fondos/pc-09-fondo-invernadero.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_invernadero {
background-image: url("../../images/visualizadores/fondos/pc-09-fondo-invernadero@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_ciudad {
background-image: url('../../images/visualizadores/fondos/pc-10-fondo-ciudad.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_ciudad {
background-image: url("../../images/visualizadores/fondos/pc-10-fondo-ciudad@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_manchas_pintura {
background-image: url('../../images/visualizadores/fondos/pc-11-fondo-manchas-pintura.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_manchas_pintura {
background-image: url("../../images/visualizadores/fondos/pc-11-fondo-manchas-pintura@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_laboratorio {
background-image: url('../../images/visualizadores/fondos/pc-12-fondo-laboratorio.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_laboratorio {
background-image: url("../../images/visualizadores/fondos/pc-12-fondo-laboratorio@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_letras {
background-image: url('../../images/visualizadores/fondos/pc-13-fondo-letras.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_letras {
background-image: url("../../images/visualizadores/fondos/pc-13-fondo-letras@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_ordenador {
background-image: url('../../images/visualizadores/fondos/pc-14-fondo-ordenador.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_ordenador {
background-image: url("../../images/visualizadores/fondos/pc-14-fondo-ordenador@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_mesa {
background-image: url('../../images/visualizadores/fondos/pc-15-fondo-mesa.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_mesa {
background-image: url("../../images/visualizadores/fondos/pc-15-fondo-mesa@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_ciberseguridad {
background-image: url('../../images/visualizadores/fondos/pc-16-fondo-ciberseguridad.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_ciberseguridad {
background-image: url("../../images/visualizadores/fondos/pc-16-fondo-ciberseguridad@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_ciberseguridad_sin_candado {
background-image: url('../../images/visualizadores/fondos/pc-26-fondo-ciberseguridad-sin-candado.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_ciberseguridad_sin_candado {
background-image: url("../../images/visualizadores/fondos/pc-26-fondo-ciberseguridad-sin-candado@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_cuaderno_circuitos {
background-image: url('../../images/visualizadores/fondos/pc-17-fondo-cuaderno-fondo-circuitos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_cuaderno_circuitos {
background-image: url("../../images/visualizadores/fondos/pc-17-fondo-cuaderno-fondo-circuitos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_cocina {
background-image: url('../../images/visualizadores/fondos/pc-18-fondo-cocina.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_cocina {
background-image: url("../../images/visualizadores/fondos/pc-18-fondo-cocina@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_habitacion {
background-image: url('../../images/visualizadores/fondos/pc-19-fondo-habitacion.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_habitacion {
background-image: url("../../images/visualizadores/fondos/pc-19-fondo-habitacion@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_restaurante {
background-image: url('../../images/visualizadores/fondos/pc-20-fondo-restaurante.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_restaurante {
background-image: url("../../images/visualizadores/fondos/pc-20-fondo-restaurante@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_engranajes {
background-image: url('../../images/visualizadores/fondos/pc-21-fondo-engranajes.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_engranajes {
background-image: url("../../images/visualizadores/fondos/pc-21-fondo-engranajes@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_fabrica {
background-image: url('../../images/visualizadores/fondos/pc-22-fondo-fabrica-general.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_fabrica {
background-image: url("../../images/visualizadores/fondos/pc-22-fondo-fabrica-general@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_dispositivos {
background-image: url('../../images/visualizadores/fondos/pc-23-fondo-dispositivos-tecnologicos.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_dispositivos {
background-image: url("../../images/visualizadores/fondos/pc-23-fondo-dispositivos-tecnologicos@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_pantalla {
background-image: url('../../images/visualizadores/fondos/pc-24-fondo-pantalla-busquedas.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_pantalla {
background-image: url("../../images/visualizadores/fondos/pc-24-fondo-pantalla-busquedas@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pc_chatbot {
background-image: url('../../images/visualizadores/fondos/pc-16-fondo-chatbot.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pc_chatbot {
background-image: url("../../images/visualizadores/fondos/pc-16-fondo-chatbot@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.lab_chatbot {
background-image: url('../../images/visualizadores/fondos/fondo-chatbot-smklab.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.lab_chatbot {
background-image: url("../../images/visualizadores/fondos/fondo-chatbot-smklab@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio.pcomp_chatbot {
background-image: url('../../images/visualizadores/fondos/fondo-chatbot-pcomp.png');
background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
#contenidoEjercicio.pcomp_chatbot {
background-image: url("../../images/visualizadores/fondos/fondo-chatbot-pcomp@2x.png");
background-size: 1000px 600px;
}
}
#contenidoEjercicio .enun-full-size {
width: 1000px;
height: 600px;
position: absolute;
top: -17px;
left: -21px;
border-radius: 12px;
box-sizing: border-box;
}
#problema h2 {
margin: 0 0 5px 0;
padding: 0 ;
font-size: 22px;
font-weight: normal;
}
#problema h2 b {
color: #42B2FC;
font-weight: normal;
}
#problema h2.goUp {
margin-top: -10px;
}
#problema .full-problema-container {
position: absolute;
top: -1px;
left: -1px;
width: 1000px;
height: 600px;
overflow: hidden;
}
#problema .containerProbDef {
margin: auto;
min-height: 400px;
}
#problema.problemaCompeticion {
background: #cfd3dc;
}
#problema.problemaCompeticion .containerProbDef {
background: white;
}
#problema input[type='text'] {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
#problema input[type='text']:focus,
#problema input[type='text'].focused,
#problema span.focused,
#problema input[type='text'].sckb-focused,
#problema span.sckb-focused {
outline: none;
border: 1px solid #FBA62D !important;
}
#contenidoEjercicio.problemNotVisible #problema,
#contenidoEjercicio.problemNotVisible #problemFeedbackIcon {
visibility: hidden;
}
#sckbPlacer.problemNotVisible {
display: none;
}
input.text {
text-align: center;
vertical-align: middle;
background: white;
border: 1px solid #CDD7E4;
color: #8a8080;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 122px;
}
input.text.text100 {
width: 100px;
}
input.text.text90 {
width: 90px;
}
input.text.text80 {
width: 80px;
}
input.text.text60 {
width: 60px;
}
.appfraccion input.text.autogrow {
width: 72px;
}
input.textgrande {
background: white;
border: 1px solid #CDD7E4;
color: #8a8080;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
vertical-align: middle;
}
.mainframe {
background: #DADDE3;
min-height: 590px;
}
/**
* Enlace a finalizar ejercicio en la pantalla de presentación del problema
*/
.terminarEjercicio {
position: absolute;
left: 0;
bottom: -40px;
padding: 10px;
z-index: 1;
font-size: 14px;
}
.terminarEjercicio a {
font-weight: bold;
text-decoration: underline;
color: #42B2FC;
}
.terminarEjercicio a:hover {
text-decoration: none;
}
.recreoShown .terminarEjercicio {
display: none;
}
.correctansHolder {
background: #f9f9f9;
height: 177px;
/*width:800px;*/
/*padding:1px 2px;*/
}
.correctansHolderTutor {
background: #f9f9f9;
width: 802px;
margin: 20px auto 10px;
position: relative;
}
.answerCenter .answer {
text-align: center;
}
.answer .columnPhrase {
float: left;
padding-top: 3px;
}
.answer .columnPhrase ul.lista-respuestas {
list-style-type: none;
margin: 0;
padding-left: 25px;
}
.answer .columnPhrase ul.lista-respuestas li {
margin-bottom: 5px;
}
.answer .columnPhrase ul.lista-respuestas input.text {
margin: 0;
vertical-align: middle;
width: 45px;
}
.problemasHolder {
font-size: 33px;
text-align: center;
}
.problemasHolder .aligncenter {
display: inline-block;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#divisionMark01 {
font-size: 72px;
padding-top: 150px;
}
#divisionMarkSol01 {
font-size: 33px;
}
#sumaMark01 {
font-size: 72px;
padding-top: 150px;
}
#sumaMark01 input.text {
width: 150px;
}
#sumaDibujos {
font-size: 33px;
padding-top: 100px;
}
#sumaDibujos td.sumvar {
font-size: 0;
height: 100px;
padding: 5px;
text-align: left;
vertical-align: bottom;
}
#sumaDibujos td.operador {
padding: 5px;
text-align: center;
vertical-align: top;
width: 50px;
}
#sumaDibujos .text {
width: 70px;
}
#inOutSol01 {
font-size: 30px;
}
#ecInversa {
font-size: 45px;
padding-top: 75px;
}
#ecInversa td.enunciado {
padding-right: 50px;
}
#ecInversa .signo {
padding-left: 10px;
}
#ecInversa.ecInversa td.ecuacion {
padding: 10px 5px;
}
#ecInversa.ecInversa2 td.ecuacion {
padding: 10px 0;
}
#ecInversa td.ecuacion {
text-align: center;
}
#ecInversa td.result {
text-align: center;
}
#ecInversa input.text {
text-align: center;
width: 60px;
}
.manejoTeclado {
font-size: 250px;
padding-top: 40px;
font-family: 'ABeeZee', sans-serif, Verdana;
color: #42B2FC;
}
#sumaMarkSol01 {
font-size: 40px;
padding-right: 20px;
}
#expresion4DigSol3lineas {
font-size: 33px;
padding-top: 30px;
}
#compSeries01 {
padding-top: 175px;
}
.compSerieSum .serie-valor {
vertical-align: middle;
color: #42B2FC;
}
.compSerieSum .arrow {
margin: 0 5px;
}
#identPatronSol {
font-size: 12px;
}
#compSerieSol01 {
font-size: 24px;
}
#contArriba {
font-size: 55px;
margin-top: 175px;
}
#contArriba .text {
font-size: 52px;
width: 125px;
}
#sumaMark01 .textgrande,
#divisionMark01 .textgrande {
width: 220px;
}
#sumaMark2Cifras {
font-size: 55px;
padding-top: 195px;
}
#sumaMarkSol2Cifras {
font-size: 28px;
}
#tablaMultCompuesta {
font-size: 26px;
}
#tablaMultCompuesta .text {
font-size: 22px;
margin-bottom: 5px;
width: 50px;
}
#tablaMultCompuesta .textgrande {
font-size: 22px;
margin-bottom: 5px;
width: 150px;
}
#tablaMultSol {
font-size: 28px;
}
#tablaMultCompuestaSol {
font-size: 20px;
}
#tablaMultCompuesta .columna {
float: left;
margin: 20px 5px;
}
#tablaMultCompuestaSol .columna {
float: left;
margin-left: 30px;
}
#tablaMultCompuesta .fila {
margin: 15px 5px;
text-align: right;
width: 205px;
}
#propiedadMark01 {
font-size: 34px;
padding-top: 80px;
}
#propiedadMark01 table#propiedad,
#propiedadMarkSol01 table#propiedad {
border-collapse: collapse;
padding: 0;
}
#propiedadMark01 table#propiedad tr td {
height: 86px;
}
#propiedadMark01 table#propiedad tr td.op-izquierda,
#propiedadMarkSol01 table#propiedad tr td.op-izquierda {
text-align: right;
vertical-align: middle;
}
#propiedadMark01 table#propiedad tr td.igual,
#propiedadMarkSol01 table#propiedad tr td.igual {
padding: 5px;
text-align: center;
vertical-align: middle;
}
#propiedadMark01 table#propiedad tr td.op-derecha,
#propiedadMarkSol01 table#propiedad tr td.op-derecha {
text-align: left;
vertical-align: middle;
}
#propiedadMark01 .text {
vertical-align: baseline;
width: 50px;
}
#propiedadMark01 .text-grande {
width: 60px !important;
}
#propiedadMarkSol01 {
font-size: 20px;
}
#chooseNumMark01 {
padding-top: 100px;
}
#chooseNumMark01,
#chooseNumMarkSol01 {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 66px;
}
#chooseNumMark01 .elem,
#chooseNumMarkSol01 .elem {
vertical-align: middle;
}
#chooseNumMark01 .item,
#chooseNumMarkSol01 .item {
display: inline-block;
cursor: pointer;
min-width: 75px;
height: 68px;
padding: 0 2px 0;
font-size: 60px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#chooseNumMark01 .source,
#chooseNumMarkSol01 .source {
margin-top: 70px;
font-size: 0;
}
#chooseNumMark01 .target .droppable,
#chooseNumMarkSol01 .target .droppable {
vertical-align: top;
position: relative;
display: inline-block;
min-width: 75px;
height: 68px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#chooseNumMark01 .target .droppable .ifempty,
#chooseNumMarkSol01 .target .droppable .ifempty {
font-size: 60px;
padding: 0 2px;
}
#chooseNumMark01 .def-draggable,
#chooseNumMarkSol01 .def-draggable {
overflow: visible;
}
#chooseNumMark01 .def-draggable.error-mark-draggable .errorMark,
#chooseNumMarkSol01 .def-draggable.error-mark-draggable .errorMark {
left: auto;
bottom: auto;
right: -15px;
top: -15px;
}
#expresionesMarkSol01 {
font-size: 33px;
}
#complPatternMark01 {
font-size: 20px;
font-weight: bold;
padding-top: 40px;
}
#complPatternMarkSol01 {
font-size: 20px;
font-weight: bold;
}
#complPatternMark01 .text {
vertical-align: middle;
width: 122px;
}
#complPatternMark01 table td {
padding-top: 15px;
}
#complPatternMarkSol01 table td {
padding-top: 0;
}
#complPatternMark01 td.leftAlign,
#complPatternMark01 td.leftAlign input.text,
#complPatternMarkSol01 td.leftAlign {
text-align: left;
}
#complPatternMark01 td.rigthAlign,
#complPatternMark01 td.rigthAlign input.text,
#complPatternMarkSol01 td.rigthAlign {
text-align: right;
}
#complPatternMark01 td input.text.centerAlign {
text-align: center;
}
#gridMethodMark01 {
font-size: 20px;
}
#gridMethodMarkSol01 {
font-size: 15px;
}
#gridMethodMark01 .text {
text-align: right;
vertical-align: middle;
width: 95px;
}
#gridMethodMark01 .multiplicacion {
font-size: 30px;
margin: 15px 0 30px;
}
#gridMethodMarkSol01 .multiplicacion {
font-size: 25px;
}
#gridMethodMark01 table,
#gridMethodMarkSol01 table {
border-collapse: collapse;
margin: 0 auto;
text-align: right;
}
#gridMethodMark01 table td,
#gridMethodMarkSol01 table td {
border-bottom: 1px solid #BDBCBD;
border-right: 1px solid #BDBCBD;
width: 95px;
}
#gridMethodMark01 table tr.ultima-fila td,
#gridMethodMarkSol01 table tr.ultima-fila td {
border-bottom: 0 none;
border-right: 0 none;
}
#gridMethodMark01 table td.resaltado {
background-color: #FAC87D;
}
#gridMethodMarkSol01 table td.resaltado {
background-color: #FAC87D;
}
#simplifyMark01 {
margin-bottom: 15px;
padding-top: 15px;
}
#decFracMark01 {
padding-top: 170px;
}
#decFracMark01.con_cuadricula {
padding-bottom: 15px;
padding-top: 16px;
}
#fracDecMark01 {
padding-top: 170px;
}
#fracDecMark01 .text {
vertical-align: text-bottom;
}
#opDecHorMark01 {
font-size: 55px;
margin-top: 160px;
}
#opDecHorMark01 .text {
vertical-align: text-bottom;
}
#opDecHorMarkSol01 {
font-size: 33px;
}
#opDecVertMark01 {
font-size: 33px;
font-weight: bold;
padding-top: 130px;
}
#opDecVertMarkSol01 {
font-size: 33px;
font-weight: bold;
padding-top: 60px;
}
#opDecVertMark01 .text {
text-align: right;
vertical-align: middle;
width: 10px;
}
#escribFraccMark01 {
font-size: 34px;
padding-top: 50px;
}
#escribFraccMark01 .palabras {
width: 400px;
}
#potencMark01 {
font-size: 30px;
padding-top: 130px;
}
#potencMarkSol01 {
font-size: 17px;
font-weight: bold;
}
#potencMark01 .text {
vertical-align: middle;
width: 50px;
}
#potencMark01 input.normal {
width: 135px;
}
#potencMark01 input.largo {
width: 195px;
}
#potencMark01 .parentesis,
#potencMarkSol01 .parentesis {
font-size: 50px;
vertical-align: middle;
}
#potencMark01 span.exponente {
display: inline-block;
height: 1.25em;
position: relative;
}
#potencMark01 span.exponente .exp {
font-size: 50%;
position: absolute;
top: 0;
}
#potencMark01 span.exponente .exp input {
width: 25px;
}
#potencMark01 .exponente input.text,
#potencMark01 sup input.text {
width: 40px;
}
#fraccOfNumMark01 {
font-size: 50px;
padding-top: 125px;
}
#fraccOfNumMarkSol01 .tres-soluciones {
font-size: 25px;
margin-right: 15px;
}
#redondDecimalMark01 {
padding-top: 130px;
}
#redondDecimalMark01 .text {
vertical-align: text-bottom;
}
#redondDecimalMarkSol01 {
font-size: 33px;
}
#decImagMark01 {
padding-top: 40px;
}
#decImagMark01 h2 {
text-align: center;
margin-bottom: 70px;
}
#decImagMark01 .entrada,
#decImagMark01 .macro_ops {
margin-top: 50px;
}
table.tablaFraccion tr td.pintado {
background-color: #9C77CF;
}
table.tablaFraccion tr td.no-pintado {
background-color: #FFFFFF;
}
table.tablaFraccion {
border-collapse: collapse;
table-layout: auto;
}
table.dibujoFraccion {
box-shadow: 0 0 1px 1px #d9e1eb;
border-collapse: separate;
border: 2px solid white;
border-spacing: 0;
table-layout: auto;
}
table.dibujoFraccion.dibujo td {
width: 25px;
height: 25px;
}
table.dibujoFraccion.dibujo-pequeno td {
height: 15px;
width: 15px;
}
table.dibujoFraccion td {
border: 1px solid white;
padding: 0;
background: #d9e1eb;
}
table.dibujoFraccion td.coloreada,
table.dibujoFraccion td.pintado {
background: none repeat scroll 0 0 #FBA62D;
}
.inlineDiv {
display: inline-block;
vertical-align: middle;
}
#decImagMark01 table.dibujo {
float: left;
height: 171px;
margin-bottom: 15px;
margin-left: 7px;
margin-right: 7px;
width: 171px;
}
#decImagMark01 table.dibujo td {
height: 14px;
text-align: center;
width: 14px;
}
#decImagMarkSol01 table.dibujo {
float: left;
height: 90px;
margin-bottom: 10px;
margin-right: 10px;
width: 90px;
}
#decImagMarkSol01 table.dibujo td {
height: 8px;
text-align: center;
width: 8px;
}
#decImagMark01 .entrada,
#decImagMarkSol01 .entrada {
clear: both;
}
#sumaFraccMark01 .visualizacion {
min-height: 250px;
box-sizing: border-box;
position: relative;
padding-bottom: 10px;
}
#sumaFraccMark01 .visualizacion.grafico_puentesimb {
min-height: 230px;
}
#sumaFraccMark01 .visualizacion.grafico_puentesimb_fam_circulo {
padding-top: 15px;
}
#sumaFraccMark01 .visualizacion.puentesimb,
#sumaFraccMark01 .visualizacion.puentesimb_fam {
min-height: 40px;
}
#sumaFraccMark01 .visualizacion .hint_barra_rect {
text-align: center;
}
#sumaFraccMark01 .visualizacion.grafico .instruccion {
font-size: 20px;
padding: 10px 0;
}
#sumaFraccMark01 .visualizacion.grafico_fam .instruccion {
font-size: 24px;
padding: 10px 0 30px;
}
#sumaFraccMark01 .visualizacion.grafico_fam .col {
vertical-align: top;
}
#sumaFraccMark01 .operacion {
font-family: 'ABeeZee', sans-serif, Verdana;
display: inline-block;
}
#sumaFraccMark01 .operacion .text {
font-family: 'ABeeZee', sans-serif, Verdana;
}
#sumaFraccMark01 .operacion #frac_puentessimb .text {
width: 40px;
vertical-align: top;
}
#sumaFraccMark01 .operacion .bloqueFrac {
display: inline-block;
}
#sumaFraccMark01 .pistamcm {
vertical-align: baseline;
position: relative;
display: inline-block;
margin-left: 15px;
margin-bottom: 20px;
font-size: 18px;
}
#sumaFraccMark01 .pistamcm .suggest_block {
position: absolute;
white-space: nowrap;
top: -45px;
left: 0;
}
#sumaFraccMark01 .op {
font-family: 'ABeeZee', sans-serif, Verdana;
color: #42B2FC;
}
#sumaFraccMark01 .intro {
min-height: 120px;
font-size: 18px;
}
#sumaFraccMark01 .intro .introLine {
margin: 10px 0 10px;
}
#sumaFraccMarkSol01 .operacion {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 28px;
}
#sumaFraccMarkSol01 .operacion.convis {
font-size: 22px;
}
#sumaFraccMarkSol01 .operacion .op {
color: #42B2FC;
}
#sumaFraccMarkSol01 .operacion .bloqueFrac {
display: inline-block;
}
#multFraccMark01 .operacion {
padding: 40px 0 40px;
}
#multFraccMark01 .operacion .multFracc_watch_div {
margin-top: -45px;
margin-bottom: 60px;
}
#opEnterosFraccMark01 .operacion {
padding: 55px 0 40px;
}
#multFraccMarkSol01,
#opEnterosFraccMarkSol01 {
font-family: 'ABeeZee', sans-serif, Verdana;
}
#missingTermMark01 {
padding-top: 186px;
font-size: 50px;
}
.fraccion {
display: inline-block;
vertical-align: middle;
text-align: center;
width: auto;
font-family: 'ABeeZee', sans-serif, Verdana;
}
.latexFont .fraccion {
font-family: STIXGeneral, ABeeZee, 'ABeeZee', sans-serif, Verdana;
}
.mixte {
font-family: 'ABeeZee', sans-serif, Verdana;
}
.mixte .aInt {
margin-right: 3px;
}
.but .mixte .aInt {
margin-right: 0;
}
.fraccion .numerador,
.fraccion .denominador {
padding-left: 3px;
padding-right: 3px;
text-align: center;
display: block;
font-size: 70%;
}
.fraccAtFullSize .fraccion .numerador,
.fraccAtFullSize .fraccion .denominador {
font-size: 100%;
}
.fraccion .numerador .text {
margin-bottom: 2px;
}
.fraccion .barraDivision {
border-top: 2px solid;
margin: 1px 0 ;
display: block !important;
}
.introProblemas {
font-size: 15px;
margin-bottom: 0;
padding: 20px 0 0 28px;
width: 750px;
}
.hint {
color: #94D1FA;
font-size: 10px;
font-weight: normal;
padding-right: 25px;
text-align: right;
width: 750px;
}
#enunciadosNoCuadricula {
font-size: 16px;
padding: 0 0 0 20px;
width: 780px;
}
#enunciadosNoCuadricula.small {
height: 195px;
}
#enunciadosNoCuadricula.small_seven {
height: 130px;
}
#enunciadosNoCuadricula .fraccion {
margin: 0 4px !important;
}
#enunciadosNoCuadricula p {
width: 750px;
}
#enunciadosNoCuadricula .enunciado-texto {
margin: 5px 0;
width: 750px;
}
#enunciadosNoCuadricula .text {
font-size: 18px;
vertical-align: middle;
width: 80px;
}
.error {
color: #C80315;
}
.correcto {
color: #7ac43d;
}
.padd1 {
padding: 1px;
}
.contMatriz {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.contMatriz .fila {
text-align: left;
white-space: nowrap;
}
.border-grupImg {
border: 1px solid #9C78C9;
padding: 5px 2px;
}
#grupImagFrases {
font-size: 25px;
padding-left: 5px;
width: 300px;
}
#grupImagFrases.preguntaColumnasFilas input.text {
font-size: 20px;
}
#grupImagFrasesSol {
font-size: 29px;
}
#grupImagFrasesSol ul.lista-respuestas {
list-style-type: none;
}
table td.resultado {
border-top: 1px solid #666;
}
.contMatrizInner {
font-size: 0;
margin-top: 15px;
}
.noText {
font-size: 0;
}
.ordenaNum,
.ordenaNumSol {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 28px;
font-weight: normal;
}
.ordenaNum .ui-state-default,
.ordenaNumSol .ui-state-default {
font-weight: normal;
}
.ordenaNum ul,
.ordenaNumSol ul {
list-style-type: none;
margin: auto auto 20px;
padding: 0;
}
.ordenaNum ul li,
.ordenaNumSol ul li {
float: left;
padding: 5px 0 5px;
text-align: center;
vertical-align: middle;
min-width: 65px;
}
.ordenaNum ul li.ordenacion,
.ordenaNumSol ul li.ordenacion {
width: 12px;
min-width: 12px;
}
.ordenaNum ul#ordena-fraccion-solucion li,
.ordenaNumSol ul#ordena-fraccion-solucion li {
height: 55px;
padding: 2px 0 14px;
}
.ordenaNum ul#ordena-fraccion-solucion li.ordenacion,
.ordenaNumSol ul#ordena-fraccion-solucion li.ordenacion {
margin-top: 13px;
}
.ordenaNum ul#ordena-fraccion-solucion .fraccion,
.ordenaNumSol ul#ordena-fraccion-solucion .fraccion {
margin: 0;
}
.ordenaNum ul#sortable li,
.ordenaNumSol ul#sortable li,
.ordenaNum ul.sortable li,
.ordenaNumSol ul.sortable li {
cursor: move;
display: inline;
font-weight: normal !important;
}
.ordenaNum ul#sortable li.item-numero,
.ordenaNumSol ul#sortable li.item-numero,
.ordenaNum ul.sortable li.item-numero,
.ordenaNumSol ul.sortable li.item-numero {
height: 30px;
width: 70px;
}
.ordenaNum ul#sortable li.item-numero-pequeno,
.ordenaNumSol ul#sortable li.item-numero-pequeno,
.ordenaNum ul.sortable li.item-numero-pequeno,
.ordenaNumSol ul.sortable li.item-numero-pequeno {
height: 30px;
width: 45px;
}
.ordenaNum ul#sortable li.item-fraccion,
.ordenaNumSol ul#sortable li.item-fraccion,
.ordenaNum ul.sortable li.item-fraccion,
.ordenaNumSol ul.sortable li.item-fraccion {
display: inline-block;
padding: 1px 0;
width: 70px;
}
.ordenaNum ul#sortable li.item-fraccion .fraccion,
.ordenaNumSol ul#sortable li.item-fraccion .fraccion,
.ordenaNum ul.sortable li.item-fraccion .fraccion,
.ordenaNumSol ul.sortable li.item-fraccion .fraccion {
margin: 0;
}
.ordenaNum ul#sortable li.item-fraccion-pequena,
.ordenaNumSol ul#sortable li.item-fraccion-pequena,
.ordenaNum ul.sortable li.item-fraccion-pequena,
.ordenaNumSol ul.sortable li.item-fraccion-pequena {
display: inline-block;
padding: 1px 0;
width: 55px;
}
.ordenaNum ul#simbolos,
.ordenaNumSol ul#simbolos {
clear: both;
padding-right: 66px;
position: relative;
left: -20px;
}
.ordenaNum ul#simbolos.numeros,
.ordenaNumSol ul#simbolos.numeros {
top: -60px;
}
.ordenaNum ul#simbolos.decimales,
.ordenaNumSol ul#simbolos.decimales {
top: -57px;
}
.ordenaNum ul#simbolos li,
.ordenaNumSol ul#simbolos li {
display: inline;
}
.ordenaNum ul#simbolos li.item-numero,
.ordenaNumSol ul#simbolos li.item-numero {
margin-left: 72px;
width: 30px;
}
.ordenaNum ul#simbolos li.item-numero-pequeno,
.ordenaNumSol ul#simbolos li.item-numero-pequeno {
margin-left: 47px;
width: 30px;
}
.ordenaNum.ordenaNumSimb,
.ordenaNumSol.ordenaNumSimb {
font-size: 24px;
}
#ordenaFraccion .fraccion .numerador,
#ordenaFraccion .fraccion .denominador {
font-size: 28px;
}
#ordenaNum {
padding-top: 150px;
font-size: 66px;
}
#ordenaNum ul#sortable li {
margin: 0 5px;
min-width: 85px;
}
#ordenaNumSimb {
padding-top: 150px;
}
#ordenaNumSimb ul#sortable li {
margin-right: 30px;
}
#ordenaNumSimb.con_cuadricula {
height: 100px;
overflow: hidden;
padding-top: 100px;
}
#ordenaNumSimb.fracciones {
height: 100px;
overflow: hidden;
padding-top: 140px;
}
#sortableWrapperOrdenaNum {
height: 60px;
width: 100%;
}
#sortableWrapperOrdenaFraccion {
height: 80px;
width: 100%;
}
#sortableWrapperOrdenaDecimal {
height: 57px;
width: 100%;
}
#ordenaNumSol ul li {
margin: 0 4px;
}
#ordenaNumSol ul li.ordenacion {
margin: 0;
}
#ordenaNumSol.decimales li.ui-state-default {
font-size: 20px;
}
#ordenaNumSol.decimales li.ui-state-default.decimal-fraccion {
font-size: 30px;
padding: 0 2px;
}
div#ordenaSimb {
padding-top: 150px;
}
div.ordena {
font-size: 26px;
}
div.ordena ul.ordena {
list-style-type: none;
margin: auto auto 20px;
padding: 0;
/*Estilo para usar en Lógica y Pensamiento CrÃtico*/
}
div.ordena ul.ordena > li {
float: left;
padding: 15px 0 10px;
text-align: center;
vertical-align: middle;
display: inline;
font-weight: normal !important;
margin: 0 1px;
cursor: move;
}
div.ordena ul.ordena > li.alignleft {
text-align: left;
}
div.ordena ul.ordena > li.flechas {
padding: 30px 10px 10px 10px;
}
div.ordena ul.ordena > li.flechas:not(.ui-sortable-placeholder) {
box-shadow: 2px 4px 0 #D6CCBA;
background: white url("../../images/visualizadores/sortable/icono-ordenar-flechas-hor.svg") no-repeat center 8px;
background-size: 30px 12px;
}
div.ordena ul.ordena > li.flechas.ui-state-highlight,
div.ordena ul.ordena > li.flechas.ui-sortable-helper {
border-color: #D6CCBA;
}
div.ordena ul.ordena.monomio > li {
font-size: 24px;
padding: 5px 8px;
}
div.ordena ul.ordena.vertical > li {
float: none;
display: block;
}
div.ordena ul.ordena.vertical > li.flechas {
padding: 10px 10px 10px 40px;
}
div.ordena ul.ordena.vertical > li.flechas:not(.ui-sortable-placeholder) {
background: white url("../../images/visualizadores/sortable/icono-ordenar-flechas-vert.svg") no-repeat 8px center;
background-size: 12px 21px;
}
div.ordena ul.ordena > li.enun-ordena-lpc_blue {
box-shadow: 0 0 3px 3px;
color: #42B2FC;
background-color: #B9E3FF;
border: none;
}
div.ordena ul.ordena > li.enun-ordena-lpc_purple {
box-shadow: 0 0 3px 3px;
color: #797aad;
background-color: #dbc9f3;
border: none;
}
div.ordena ul.ordena.li-mar5 > li {
margin: 5px;
}
div.ordena ul.ordena.li-mar10 > li {
margin: 10px;
}
div.ordena ul.ordena.li-mar20 > li {
margin: 20px;
}
div.ordena ul.ordena.li-mar23 > li {
margin: 23px;
}
div.ordena ul.ordena.li-marh100 > li {
margin: 10px 100px;
}
div.ordena ul.ordena > li.hoja-papel {
background: url("../../images/visualizadores/sortable/hoja-papel.svg") no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
box-shadow: none;
border: none;
color: unset;
}
div.ordena ul.ordena > li.hoja-papel.ui-sortable-helper,
div.ordena ul.ordena > li.hoja-papel.ui-state-highlight {
background: url("../../images/visualizadores/sortable/hoja-papel-hover.svg") no-repeat;
}
div.ordena ul.ordena > li.hoja-papel.ui-sortable-placeholder {
visibility: hidden;
}
div.ordenaSimb {
font-size: 26px;
}
div.ordenaSimb ul.ordena,
div.ordenaSimb ul.simbolos {
list-style-type: none;
margin: auto auto 20px;
padding: 0;
}
div.ordenaSimb ul.ordena > li,
div.ordenaSimb ul.simbolos > li {
float: left;
height: 35px;
padding: 15px 0 10px;
text-align: center;
vertical-align: middle;
width: 65px;
display: inline;
font-weight: normal !important;
margin: 0 15px;
}
div.ordenaSimb ul#solSortable > li {
margin: 0 5px;
}
div.ordenaSimb ul#solSortable > li.simb {
width: 20px ! important;
}
div.ordenaSimb ul#sortable > li,
div.ordenaSimb ul#solSortable > li {
cursor: move;
}
div.ordenaSimb ul#sortable.numero li,
div.ordenaSimb ul#solSortable.numero li {
font-size: 60px;
height: 75px;
width: 110px;
padding: 10px 0 0;
margin: 0 20px;
}
div.ordenaSimb ul#sortable.numero-peq li,
div.ordenaSimb ul#solSortable.numero-peq li {
font-size: 38px;
padding: 5px 0 0;
height: 50px;
width: 70px;
}
div.ordenaSimb ul#sortable.potencia li,
div.ordenaSimb ul#solSortable.potencia li {
height: 40px;
width: 120px;
font-size: 24px;
}
div.ordenaSimb ul#sortable.potenciafrac li,
div.ordenaSimb ul#solSortable.potenciafrac li {
height: 50px;
width: 120px;
font-size: 26px;
}
div.ordenaSimb ul#sortable.medidas li,
div.ordenaSimb ul#solSortable.medidas li {
height: 30px;
width: 150px;
}
div.ordenaSimb ul#sortable.fracciones li,
div.ordenaSimb ul#solSortable.fracciones li {
padding: 0;
height: 73px;
}
div.ordenaSimb ul#sortable.decimales li,
div.ordenaSimb ul#solSortable.decimales li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 35px;
height: 70px;
width: 140px;
}
div.ordenaSimb ul#sortable.decimales li.decimal-fraccion,
div.ordenaSimb ul#solSortable.decimales li.decimal-fraccion {
font-size: 38px;
padding-top: 0;
}
div.ordenaSimb ul.simbolos {
clear: both;
position: relative;
}
div.ordenaSimb ul.simbolos.numero {
font-size: 65px;
top: -100px;
}
div.ordenaSimb ul.simbolos.numero li {
width: 65px;
margin: 0 45px;
}
div.ordenaSimb ul.simbolos.numero-peq {
top: -75px;
font-size: 45px;
}
div.ordenaSimb ul.simbolos.numero-peq li {
width: 44px;
margin: -3px 30px 0 30px;
}
div.ordenaSimb ul.simbolos.potencia {
top: -72px;
}
div.ordenaSimb ul.simbolos.potencia li {
width: 32px;
margin: 0 60px;
}
div.ordenaSimb ul.simbolos.potenciafrac {
top: -72px;
}
div.ordenaSimb ul.simbolos.potenciafrac li {
width: 32px;
margin: 0 60px;
}
div.ordenaSimb ul.simbolos.medidas {
top: -69px;
}
div.ordenaSimb ul.simbolos.medidas li {
width: 30px;
margin: 0 77px;
font-size: 35px;
}
div.ordenaSimb ul.simbolos.fracciones {
top: -75px;
}
div.ordenaSimb ul.simbolos.fracciones li {
width: 28px;
margin: 0 35px;
}
div.ordenaSimb ul.simbolos.decimales {
top: -74px;
}
div.ordenaSimb ul.simbolos.decimales li {
width: 30px;
font-size: 35px;
margin: 0 70px;
}
.clear {
clear: both;
}
.ident_patron {
padding: 5px;
}
.slider_wrapper {
text-align: left;
margin: 60px auto 0;
width: 90%;
font-size: 25px;
}
.slider_wrapper_sol_linnum {
text-align: left;
margin: 30px auto 0;
width: 500px;
height: 70px;
font-size: 20px;
}
.slider_wrapper_sol_linnum .tick-barra-azul .valor-tick {
font-size: 18px;
}
.slider_header {
font-size: 38px;
margin-bottom: 5px;
color: #42B2FC;
}
#slider,
#sliderSol {
clear: left;
margin-bottom: 5px;
}
#slider .tick,
#sliderSol .tick {
background: none repeat scroll 0 0 transparent;
border-color: #bbb;
border-style: none none none solid;
border-width: medium medium medium 2px;
height: 30px;
position: absolute;
top: -4px;
}
#slider .with-value,
#sliderSol .with-value,
#slider .with-value,
#sliderSol .with-value {
border-left: 3px solid #42B2FC;
height: 40px;
top: -10px;
}
#slider .slider-value,
#sliderSol .slider-value,
#slider .slider-value,
#sliderSol .slider-value {
font-size: 22px;
margin: 0 0 0 -8px;
padding: 0;
position: absolute;
text-align: left;
top: 28px;
color: #42B2FC;
}
#slider .ui-slider-handle,
#sliderSol .ui-slider-handle {
background: #e7def3;
border: 2px solid #936FCF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
cursor: move;
}
#slider .ui-slider-handle.ui-state-active,
#sliderSol .ui-slider-handle.ui-state-active {
background: #936FCF;
}
.ui-slider {
border-color: #ccc;
}
#slider.slider-fixed {
position: relative;
background: #D7EBF9;
border: 1px solid #bbb;
height: 20px;
}
#slider.slider-fixed .marca {
width: 0;
height: 0;
border: 15px solid transparent;
border-bottom: 22px solid #FBA62D;
position: relative;
top: -27px;
}
#slider.slider-fixed .marca:after {
content: '';
position: absolute;
left: -15px;
top: 22px;
width: 0;
height: 0;
border: 15px solid transparent;
border-top: 22px solid #FBA62D;
}
.tick-barra-azul {
background: #42B2FC repeat-x;
border: none;
height: 40px;
top: -10px;
position: absolute;
width: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.tick-barra-azul .valor-tick {
font-size: 20px;
font-family: 'ABeeZee', sans-serif, Verdana;
position: absolute;
width: 80px;
left: -40px;
top: 40px;
text-align: center;
color: #42B2FC;
}
.tableIdentPatron {
border: 0 none;
}
.tableIdentPatron td {
padding: 5px 0 10px;
}
.ui-dialog {
background: url("../../images/bg-modalv2.gif") repeat-x scroll 0 100% white;
color: #AFAFAF;
}
#operacionesTabla {
margin: 20px auto;
}
#operacionesTabla table {
border-collapse: collapse;
font-size: 48px;
margin: 0 auto;
}
#operacionesTabla table th {
color: #42B2FC;
font-size: 55px;
font-weight: normal;
padding: 5px 0;
}
#operacionesTabla table td {
padding: 10px 15px;
}
#operacionesTabla .op_combo {
font-size: 35px;
vertical-align: middle;
}
.flecha-morada-right {
display: inline-block;
background-image: url("../../images/visualizadores/flecha-morada.png");
background-size: 107px 47px;
width: 107px;
height: 47px;
}
@media (min-resolution: 1.5dppx) {
.flecha-morada-right {
background-image: url("../../images/visualizadores/flecha-morada@2x.png");
background-size: 107px 47px;
}
}
#leeNum {
font-family: 'ABeeZee', sans-serif, Verdana;
padding-top: 100px;
color: #42B2FC;
}
#leeNum .highlight {
color: #9C77CF;
font-size: 90px;
}
#leeNum .no-highlight {
font-size: 30px;
}
#leeNum .toggleSep {
padding-right: 30px;
}
.over_cuadricula {
background-color: #F5F5B5;
border: 1px solid #DECA7E;
color: #94D1FA;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
margin-top: -10px;
padding: 0 5px;
position: absolute;
z-index: 2;
}
#ecinv_div_resto,
#ecinv_div_resto_sol {
font-size: 33px;
}
#ecinv_div_resto table td,
#ecinv_div_resto_sol table td {
padding: 5px;
text-align: center;
vertical-align: top;
width: 50px;
}
#ecinv_div_resto td.cociente .text,
#ecinv_div_resto_sol td.cociente .text {
width: 40px;
}
#ecinv_div_resto td.resto,
#ecinv_div_resto_sol td.resto {
height: 35px;
padding: 0;
}
#ecinv_div_resto td.resto .text,
#ecinv_div_resto_sol td.resto .text {
width: 30px;
}
#ecinv_div_resto table.es td.resto,
#ecinv_div_resto_sol table.es td.resto,
#ecinv_div_resto table.mx td.resto,
#ecinv_div_resto_sol table.mx td.resto,
#ecinv_div_resto table.es-cl td.resto,
#ecinv_div_resto_sol table.es-cl td.resto {
padding-bottom: 10px;
background: url("../../images/visualizadores/resto.png") no-repeat scroll center bottom transparent;
}
#ecinv_div_resto table.es .divisor,
#ecinv_div_resto_sol table.es .divisor {
border-bottom: 2px solid #666666;
border-left: 2px solid #666666;
}
#ecinv_div_resto table.en,
#ecinv_div_resto_sol table.en,
#ecinv_div_resto table.mx,
#ecinv_div_resto_sol table.mx {
border-collapse: collapse;
}
#ecinv_div_resto table.en td,
#ecinv_div_resto_sol table.en td,
#ecinv_div_resto table.mx td,
#ecinv_div_resto_sol table.mx td {
height: 50px;
white-space: nowrap;
}
#ecinv_div_resto table.en td.dividendo,
#ecinv_div_resto_sol table.en td.dividendo,
#ecinv_div_resto table.mx td.dividendo,
#ecinv_div_resto_sol table.mx td.dividendo,
#ecinv_div_resto table.en td.cocientetd,
#ecinv_div_resto_sol table.en td.cocientetd,
#ecinv_div_resto table.mx td.cocientetd,
#ecinv_div_resto_sol table.mx td.cocientetd {
text-align: right;
}
#ecinv_div_resto table.en td.cocientetd,
#ecinv_div_resto_sol table.en td.cocientetd,
#ecinv_div_resto table.mx td.cocientetd,
#ecinv_div_resto_sol table.mx td.cocientetd,
#ecinv_div_resto table.en td.restotd,
#ecinv_div_resto_sol table.en td.restotd,
#ecinv_div_resto table.mx td.restotd,
#ecinv_div_resto_sol table.mx td.restotd {
vertical-align: bottom;
}
#ecinv_div_resto table.en td.cocientetd input.text,
#ecinv_div_resto_sol table.en td.cocientetd input.text,
#ecinv_div_resto table.mx td.cocientetd input.text,
#ecinv_div_resto_sol table.mx td.cocientetd input.text {
text-align: right;
}
#ecinv_div_resto table.en td.dividendo,
#ecinv_div_resto_sol table.en td.dividendo,
#ecinv_div_resto table.mx td.dividendo,
#ecinv_div_resto_sol table.mx td.dividendo {
border-top: 2px solid #666;
background: url("../../images/visualizadores/division_en.gif") no-repeat 0 -2px;
-webkit-background-size: 10px 50px;
background-size: 10px 50px;
padding-left: 10px;
}
#sumaMark01 select {
float: none !important;
}
#rulDiv {
font-size: 33px;
padding-top: 100px;
}
#rulDiv #opciones_general {
margin-top: 50px;
}
#rulDiv .destacado {
font-size: 80px;
}
#checkboxesSol {
font-size: 20px;
}
#checkboxesSol div {
margin-bottom: 20px;
}
#fraccionVisual {
padding-top: 30px;
}
#fraccionVisual .fracciones {
display: inline-block;
padding: 100px 0;
vertical-align: middle;
}
#fraccionVisualSol {
font-size: 33px;
}
#fraccionEquivalente {
font-size: 60px;
padding-top: 140px;
}
#fraccionEquivalente .igualdad {
font-size: 20px;
}
#fraccionEquivalente .factor {
font-size: 13px;
}
#fraccionEquivalente .flecha {
margin: -8px;
}
#fraccionEquivalenteSol {
font-size: 33px;
}
#selecFracColeccion div.tableWrapper {
min-height: 270px;
box-sizing: border-box;
}
#selecFracColeccion table {
font-size: 0;
border-spacing: 2px;
}
#selecFracColeccion table td {
width: 56px;
height: 56px;
}
#selecFracColeccion table td a {
padding: 1px;
}
#selecFracColeccion .pregunta_mitad {
font-size: 22px;
color: #8a8080;
}
#selecFracColeccionSol {
font-size: 22px;
}
#selecFracColeccionSol .explicacion {
margin-top: 10px;
}
#selecFracColeccionSol .retro_mitad {
font-size: 16px;
}
#imagFraccion {
font-size: 33px;
padding-top: 80px;
}
#imagFraccion #opciones_general {
margin-top: 50px;
}
.answer .multibutton {
width: 700px;
}
.answer .multibutton .column {
width: 120px;
}
.answer .multibutton td {
text-align: center;
}
#divPrimo {
padding-top: 100px;
}
#divPrimo .valor {
font-size: 100px;
font-family: 'ABeeZee', sans-serif, Verdana;
}
#divPrimo #opciones_general {
margin-top: 50px;
}
#estimarMultDiv {
padding-top: 120px;
}
#estimarMultDiv .macro_ops {
margin-top: 40px;
}
#estimarSumRes {
padding-top: 80px;
}
#estimarSumRes .flechaup {
display: inline-block;
background: url("../../images/visualizadores/arr_red_up.png") no-repeat center top transparent;
padding-top: 40px;
}
#estimarSumRes .flechadown {
display: inline-block;
background: url("../../images/visualizadores/arr_red_down.png") no-repeat center top transparent;
padding-top: 40px;
}
#estimarSumRes .opConPista {
margin-bottom: 40px;
}
#estimarSumRes .opSinPista {
margin-top: 40px;
}
#estimarSumRes .suggest_block img {
vertical-align: middle;
}
#estimarSumRes .suggest_block .iconoloc {
width: 33px;
height: 33px;
}
#estimarSumRes .macro_ops {
margin-top: 40px;
}
.expresion4digitos1 {
height: 115px;
margin-top: 75px;
}
.expresion4digitos0 {
height: 115px;
margin-top: 150px;
}
.tablaPlaceVal {
border-collapse: collapse;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.tablaPlaceVal td {
vertical-align: bottom;
}
#tablaPlaceVal .opsSolo {
font-size: 18px;
font-weight: normal;
margin-bottom: 80px;
}
#tablaPlaceVal .ops {
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
margin-top: 30px;
}
#ops_place_val_0 {
margin-top: 10px;
}
.placeValTipo1 td {
vertical-align: bottom;
}
.placeValMillar {
height: 117px;
margin: 0;
padding: 0;
}
.placeValMillar p {
margin: 0;
padding: 0;
}
.placeValCentena p {
margin: 0;
padding: 0;
}
.placeValDecena p {
margin: 0;
padding: 0;
position: relative;
top: 75px;
width: 100%;
}
#place_val_opciones_1 {
margin-top: 10px;
margin-left: 40px;
text-align: left;
}
#solPlaceVal_1 {
margin-left: 40px;
font-size: 0;
}
.filas1 {
margin-top: 100px;
}
.filas2 {
margin-top: 20px;
}
.filas3 {
margin-top: 0;
}
#desc_primos {
padding-top: 30px;
}
#desc_primos .font0 {
font-size: 0;
}
#desc_primos .font0 span {
font-size: 33px;
vertical-align: middle;
}
#desc_primos .font0 span.factor {
font-size: 0;
}
#desc_primos .font0 span.sign {
margin: 0 5px;
}
#desc_primos .col {
display: inline-block;
text-align: center;
margin: auto 30px;
}
#desc_primos input.potBaseText {
font-size: 30px;
height: 50px;
text-align: center;
width: 56px;
}
#desc_primos input.potExpText {
font-size: 18px;
height: 25px;
margin-bottom: 38px;
text-align: center;
width: 25px;
}
#desc_primos .factor {
position: relative;
}
#desc_primos .factor .errorMark {
position: absolute;
right: 25px;
top: -24px;
}
#desc_primos .factor sup {
position: relative;
}
#desc_primos .factor sup .errorMark {
right: -14px;
top: -46px;
}
#desc_primos #contenedorCalculos {
left: 180px;
}
sup.exponente {
font-size: 50%;
margin-left: -5px;
}
.multiopSolTable {
width: 200px;
}
.multiopSolTable td {
padding-bottom: 5px;
padding-right: 20px;
text-align: left;
}
.nowrap {
white-space: nowrap;
}
.containerSol input {
display: inline !important;
}
.float_left {
float: left;
}
.jquery_tooltip {
-moz-box-shadow: 0px 1px 5px 1px #bbb;
-webkit-box-shadow: 0px 1px 5px 1px #bbb;
background: white;
border: 1px solid #666;
color: #666666 !important;
font-size: 25px !important;
padding: 3px !important;
}
input.botonRespPeq,
a.botonRespPeq {
background: url("../../images/button01.png") no-repeat scroll 0 0 transparent;
width: 112px;
}
a.botonRespPeq,
a.botonRespMed,
a.botonRespGrande {
display: inline-block;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 2px;
}
input.botonRespMed,
a.botonRespMed {
background: url("../../images/button02.png") no-repeat scroll 0 0 transparent;
width: 172px;
}
input.botonRespGrande,
a.botonRespGrande {
background: url("../../images/button03.png") no-repeat scroll 0 0 transparent;
width: 256px;
}
input.botonRespPeq,
input.botonRespGrande,
input.botonRespMed {
padding: 0 0 3px;
}
input.botonRespPeq,
input.botonRespGrande,
input.botonRespMed,
a.botonRespPeq,
a.botonRespGrande,
a.botonRespMed {
border: medium none;
color: #333333;
cursor: pointer;
font: bold 16px Verdana, Helvetica, Arial, sans-serif;
height: 39px;
}
div.comoSeHace {
position: absolute;
right: 80px;
top: 10px;
}
div.comoSeHace a {
color: white !important;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
#noLoSe {
position: absolute;
bottom: 2px;
left: 10px;
padding: 5px 5px 5px 20px;
white-space: nowrap;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
text-decoration: underline;
cursor: pointer;
font-size: 14px;
font-weight: bold;
color: #F36D21;
background: url('../../images/exercise/icon/feedback-ko-naranja.png') no-repeat left center;
background-size: 15px 15px;
}
.sckeyboard-shown #noLoSe {
bottom: 85px;
}
#icon_locucion {
float: left;
z-index: 9;
margin-left: -44px;
display: inline-block;
margin-top: -9px;
}
.buttonEnviarNew {
background: url("../../images/visualizadores/boton-enviar.png") no-repeat top center transparent;
display: inline-block;
width: 89px;
height: 39px;
cursor: pointer;
}
.buttonEnviarNew.buttonEnviando {
display: none;
}
.marca-error {
background: url("../../images/answer-ko-mini.png") no-repeat scroll right center transparent;
padding-right: 20px;
}
.marca-tick-error {
background: url("../../images/answer-ok-mini-red.png") no-repeat scroll right center transparent;
padding-right: 23px;
}
div.logica_enunciado {
font-size: 25px;
padding: 0 20px;
}
div.logica_enunciado input.text-s {
width: 65px;
}
div.logica_enunciado input.text-n {
width: 90px;
}
div.logica_enunciado input.text-l {
width: 140px;
}
div.logica_enunciado input.text-xl {
width: 230px;
}
div.logica_enunciado.peq input.text {
width: 40px;
font-size: 33px;
padding-top: 0;
}
#logica_venn {
font-size: 18px;
position: relative;
}
.logica_enunciado.imagenes {
font-size: 18px;
}
.logica_enunciado.imagenes .enunciado-texto {
margin: 4px 0;
}
.logica_enunciado .enunciado-texto,
.logica_ordena_enunciado .enunciado-texto {
margin: 15px 0;
}
#logica_venn .enunciado-texto {
margin: 10px 0;
}
.logica_ordena_enunciado {
font-size: 24px;
margin: 5px 20px;
}
#ordenaLogica {
font-size: 22px;
}
#ordenaLogica ul,
#solLogicaOrdenar ul {
list-style-type: none;
padding: 0;
}
#ordenaLogica ul li,
#solLogicaOrdenar ul li {
display: inline;
float: left;
height: 35px;
margin: 0 3px;
padding: 15px 0 10px;
text-align: center;
vertical-align: middle;
width: 170px;
}
#ordenaLogica ul.peq li,
#solLogicaOrdenar ul.peq li {
width: 45px !important;
}
#ordenaLogica ul.doblelinea li,
#solLogicaOrdenar ul.doblelinea li {
height: 65px !important;
padding: 5px 2px !important;
}
#ordenaLogica ul.doblelinea li span,
#solLogicaOrdenar ul.doblelinea li span {
display: table-cell;
height: 65px;
vertical-align: middle;
width: 170px;
}
#ordenaLogica ul li {
cursor: move;
}
#ordenaLogica ul li ul#sortable {
margin: 0 -75px;
padding: 0 75px;
}
.diagrama_venn {
background: url("../../images/logica/venn_nuevo/Venn.png") no-repeat center center;
height: 300px;
position: relative;
width: 550px;
margin: auto;
display: inline-block;
margin-bottom: 10px;
}
.diagrama_venn .conjunto1,
.diagrama_venn .conjunto2 {
box-sizing: border-box;
padding-top: 15px;
width: 178px;
position: absolute;
text-align: center;
height: 55px;
bottom: 5px;
display: inline-block;
background-repeat: no-repeat;
}
.diagrama_venn .conjunto1 {
background-image: url("../../images/logica/venn_nuevo/etiqueta-izquierda.png");
background-size: 178px 55px;
background-position: -1px -1px;
left: 0;
}
@media (min-resolution: 1.5dppx) {
.diagrama_venn .conjunto1 {
background-image: url("../../images/logica/venn_nuevo/etiqueta-izquierda@2x.png");
background-size: 178px 55px;
}
}
.diagrama_venn .conjunto2 {
background-image: url("../../images/logica/venn_nuevo/etiqueta-derecha.png");
background-size: 178px 55px;
background-position: 1px -1px;
right: 0;
}
@media (min-resolution: 1.5dppx) {
.diagrama_venn .conjunto2 {
background-image: url("../../images/logica/venn_nuevo/etiqueta-derecha@2x.png");
background-size: 178px 55px;
}
}
.diagrama_venn .pista-venn {
position: absolute;
display: inline-block;
font-size: 44px;
top: 120px;
width: 100px;
font-family: 'ABeeZee', sans-serif, Verdana;
text-align: center;
}
.diagrama_venn .pista-venn.pista-a {
left: 115px;
}
.diagrama_venn .pista-venn.pista-b {
right: 115px;
}
.diagrama_venn .pista-venn.pista-inter {
left: 225px;
}
.diagrama_venn .pista-venn .text {
font-size: 35px;
width: 45px;
}
.diagrama--venn--pelota {
display: inline-block;
background-image: url("../../images/logica/venn_nuevo/pelota-verde.png");
background-size: 35px 32px;
background-position: left center;
width: 33px;
height: 30px;
margin-left: -4px;
margin-bottom: -2px;
position: relative;
z-index: 2;
}
@media (min-resolution: 1.5dppx) {
.diagrama--venn--pelota {
background-image: url("../../images/logica/venn_nuevo/pelota-verde@2x.png");
background-size: 35px 32px;
}
}
.diagra--venn--pelotas-container {
background-image: url("../../images/logica/venn_nuevo/contenedor.png");
background-size: 343px 92px;
width: 343px;
height: 92px;
font-size: 0;
box-sizing: border-box;
padding: 30px 17px 0 26px;
margin: auto;
}
@media (min-resolution: 1.5dppx) {
.diagra--venn--pelotas-container {
background-image: url("../../images/logica/venn_nuevo/contenedor@2x.png");
background-size: 343px 92px;
}
}
.diagra--venn--pelotas-container.mas10 {
padding-top: 16px;
}
.diagra--venn--pelotas-container.mas20 {
padding-top: 2px;
}
.diagra--venn--pista {
display: inline-block;
width: 400px;
vertical-align: top;
margin-top: 50px;
}
.diagra--venn--pista .pista {
color: #FBA62D;
font-size: 14px;
text-align: left;
}
.diagra--venn--pista .respuesta {
margin-top: 30px;
}
#logica_venn .text {
font-size: 35px;
width: 45px;
}
#logica_venn .draggable {
cursor: move;
}
#logicaSol {
font-size: 20px;
}
#logicaSol .desc_solucion {
font-size: 18px;
font-weight: normal;
text-align: left;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#logicaSol .desc_solucion .sol_ops_imagen {
text-align: center;
}
#logica_asociacion {
font-size: 20px;
height: 400px;
padding: 0 20px;
position: relative;
}
#logica_asociacion .enunciado-texto {
margin: 10px 0;
}
#logica_asociacion .asociacion {
height: 225px;
position: relative;
width: 750px;
margin: auto;
}
#logica_asociacion .asociacion span.elemento {
cursor: pointer;
position: absolute;
padding: 5px 0;
width: 230px;
display: inline-block;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 30px;
}
#logica_asociacion .asociacion span.elemento.selected {
background: #FBA62D;
border-color: #FBA62D;
color: white;
}
#logica_asociacion .asociacion span.elemento:hover {
border-color: #FBA62D;
}
#logica_asociacion .asociacion .izda {
border: 1px solid #9D79CF;
left: 40px;
}
#logica_asociacion .asociacion .alt0 {
top: 15px;
}
#logica_asociacion .asociacion .alt1 {
top: 65px;
}
#logica_asociacion .asociacion .alt2 {
top: 115px;
}
#logica_asociacion .asociacion .alt3 {
top: 165px;
}
#logica_asociacion .asociacion .dcha {
border: 1px solid #45B2FB;
left: 465px;
}
#logica_asociacion .flechas {
height: 185px;
left: 268px;
overflow: hidden;
position: absolute;
top: 15px;
width: 200px;
}
#logica_asociacion .flechas img {
position: absolute;
}
#logica_asociacion .flechas img.top2 {
top: 50px;
}
#logica_asociacion .flechas img.top3 {
top: 100px;
}
#logica_asociacion .flechas img.top4 {
top: 150px;
}
#logicaAsociacionSol td {
font-size: 28px;
white-space: nowrap;
}
#logicaAsociacionSol td.flecha {
width: 100px;
}
#logicaAsociacionSol td.der {
text-align: left;
}
#logicaAsociacionSol td.izd {
text-align: right;
}
.enun-intro {
padding: 12px;
position: relative;
margin: 5px -18px 20px;
}
.enun-dest-azul {
border: 1px solid #30A2ED;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #d8ebfa;
width: 793px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
position: relative;
line-height: 1.4em;
margin: 5px -15px 20px;
min-height: 75px;
}
.enun-naranja {
color: #F36D21;
font-weight: bold;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
}
.enun-preg-teorica {
border: 1px solid #7ac43d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #e5ffd0;
width: 793px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
position: relative;
line-height: 1.4em;
margin: 5px -15px 20px;
min-height: 75px;
font-size: 16px;
}
.enun-preg-aacc {
border: 1px solid #ffa4cd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #ffeeee;
width: 793px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
position: relative;
line-height: 1.4em;
margin: 5px -15px 20px;
min-height: 75px;
font-size: 16px;
}
.enun-preg-logica {
border: 1px solid #FBA62D;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fce8d0;
width: 793px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
position: relative;
line-height: 1.4em;
margin: 5px -15px 20px;
min-height: 75px;
font-size: 16px;
}
.enun-preg-teorica:after {
clear: both;
content: "";
display: block;
}
.enun-preg-aacc:after {
clear: both;
content: "";
display: block;
}
.enun-preg-logica:after {
clear: both;
content: "";
display: block;
}
.clear {
clear: both;
}
.imgtxt_img {
float: left;
margin-right: 10px;
}
.txtimg_img {
float: right;
margin-left: 10px;
}
.imgtxt_txt,
.txtimg_img {
overflow: hidden;
}
.enun-preg-teorica2 {
border: 1px solid #2779aa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #D7EBF9;
width: 780px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
margin-bottom: 10px;
margin-top: 5px;
margin-left: -8px;
}
.enun-separacion-top {
margin-top: 15px;
}
.enun-azul {
color: #42B2FC;
}
.enun-cursiva {
font-style: italic;
}
.enun-XL {
font-size: 22px;
}
.enun-L {
font-size: 20px;
}
.enun-S {
font-size: 16px;
}
.enun-XS {
font-size: 14px;
}
.enun-center {
text-align: center;
}
.enun-operacionsola {
margin-top: 150px;
text-align: center;
padding-right: 40px;
font-size: 33px;
}
#pistasLogica {
font-size: 20px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
#logicaSol .actions {
text-align: center;
width: 100%;
}
#pistasLogica ul a {
color: #42B2FC;
font-size: 14px;
text-decoration: underline;
}
div.logica_enunciado div.radios {
padding: 5px 0;
}
#leeTablaMult {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 10px;
margin-top: 150px;
}
#leeTablaMult span.dest {
font-size: 80px;
}
#leeTablaMult .result {
color: #FBA62D;
}
#restaEcInversa {
padding-top: 40px;
position: relative;
}
#restaEcInversa .drawcontainer {
position: relative;
margin: 30px auto 0;
width: 800px;
}
#restaEcInversa div.draw {
height: 250px;
width: 800px;
}
#restaEcInversa span.posAbs {
position: absolute;
width: 70px;
}
#restaEcInversa input {
width: 70px !important;
}
#restaEcInversa div.ec1 {
text-align: center;
position: absolute;
width: 800px;
bottom: 0;
left: 0;
}
#restaEcInversa div.ec2 {
text-align: center;
margin-top: 40px;
}
#restaEcInversaSol {
font-size: 24px;
}
#restaEcInversaSol div.ec0 {
margin: 10px 0 30px;
}
#restaEcInversaSol div.ec1,
#restaEcInversaSol div.ec2 {
margin: 10px;
}
#tablePlaceValOp {
border-collapse: collapse;
margin-left: 10px;
width: 80%;
margin: auto;
}
#tablePlaceValOp td.signo {
text-align: right;
}
#tablePlaceValOp td.ab {
text-align: center;
}
#tablePlaceValOp td div {
height: 150px;
overflow-y: hidden;
}
#tablePlaceValOp td div img {
margin-top: -20px;
}
#tablePlaceValOp td.barra {
border-top: 1px solid #8a8080;
padding-top: 2px;
}
#placeValOpSol {
font-size: 24px;
}
#placeValOpSol div {
margin: 15px auto;
}
.rounded-corners-10 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.rounded-corners-20 {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.invertido23Solucion .suma {
visibility: hidden;
}
.invertido23Solucion .numOpSol-2 {
visibility: visible !important;
}
.invertido23Solucion .numOpSol-3 {
position: relative;
top: 31px;
visibility: visible !important;
}
.invertido23Solucion .numOpSol-4 {
visibility: visible !important;
}
.post-it-new {
background: #ecf4f9;
border: 6px solid white;
box-shadow: 0px 0px 0px 2px #cbdfe8;
border-radius: 9px;
padding: 0 3px;
color: #42B2FC;
}
.post-it-new.bggreen {
background: #D7FFCE;
color: #7ac43d;
}
.enun-tarjeta {
display: inline-block;
background: #ecf4f9;
border: 5px solid white;
box-shadow: 0px 0px 0px 2px #cbdfe8;
border-radius: 9px;
padding: 0 3px;
color: #42B2FC;
}
#contar_en_linea {
margin-top: 25px;
position: relative;
}
#contar_en_linea img.aleat {
position: absolute;
}
#contar_en_linea div.linea_wrapper_dibujo_jump_ord {
margin: 120px auto 0;
}
#contar_en_linea div.linea_wrapper_dibujo_jump_desord {
margin: 210px auto 0;
}
#contar_en_linea div.linea_wrapper {
position: relative;
display: inline-block;
width: 600px;
height: 105px;
}
#contar_en_linea div.linea_wrapper div.linea {
position: absolute;
bottom: 40px;
left: 0;
background-color: #faefe1;
height: 4px;
width: 100%;
display: inline-block;
}
#contar_en_linea div.linea_wrapper span {
position: absolute;
display: inline-block;
}
#contar_en_linea div.linea_wrapper span.tick {
bottom: 32px;
width: 3px;
height: 16px;
background-color: #FBA62D;
}
#contar_en_linea div.linea_wrapper span.numero {
top: 0;
font-size: 40px;
font-family: 'ABeeZee', sans-serif, Verdana;
width: 60px;
display: inline-block;
text-align: center;
}
#contar_en_linea div.linea_wrapper span.tick-0 {
left: 0px;
}
#contar_en_linea div.linea_wrapper span.tick-1 {
left: 60px;
}
#contar_en_linea div.linea_wrapper span.tick-2 {
left: 120px;
}
#contar_en_linea div.linea_wrapper span.tick-3 {
left: 180px;
}
#contar_en_linea div.linea_wrapper span.tick-4 {
left: 240px;
}
#contar_en_linea div.linea_wrapper span.tick-5 {
left: 300px;
}
#contar_en_linea div.linea_wrapper span.tick-6 {
left: 360px;
}
#contar_en_linea div.linea_wrapper span.tick-7 {
left: 420px;
}
#contar_en_linea div.linea_wrapper span.tick-8 {
left: 480px;
}
#contar_en_linea div.linea_wrapper span.tick-9 {
left: 540px;
}
#contar_en_linea div.linea_wrapper span.tick-10 {
left: 600px;
}
#contar_en_linea div.linea_wrapper span.numero-1 {
left: 0px;
}
#contar_en_linea div.linea_wrapper span.numero-2 {
left: 60px;
}
#contar_en_linea div.linea_wrapper span.numero-3 {
left: 120px;
}
#contar_en_linea div.linea_wrapper span.numero-4 {
left: 180px;
}
#contar_en_linea div.linea_wrapper span.numero-5 {
left: 240px;
}
#contar_en_linea div.linea_wrapper span.numero-6 {
left: 300px;
}
#contar_en_linea div.linea_wrapper span.numero-7 {
left: 360px;
}
#contar_en_linea div.linea_wrapper span.numero-8 {
left: 420px;
}
#contar_en_linea div.linea_wrapper span.numero-9 {
left: 480px;
}
#contar_en_linea div.linea_wrapper span.numero-10 {
left: 540px;
}
#contar_en_linea div.linea_wrapper span.ord {
width: 60px;
height: 51px;
text-align: center;
bottom: 5px;
}
#contar_en_linea div.linea_wrapper .ord_1 {
left: 0px;
}
#contar_en_linea div.linea_wrapper .ord_2 {
left: 60px;
}
#contar_en_linea div.linea_wrapper .ord_3 {
left: 120px;
}
#contar_en_linea div.linea_wrapper .ord_4 {
left: 180px;
}
#contar_en_linea div.linea_wrapper .ord_5 {
left: 240px;
}
#contar_en_linea div.linea_wrapper .ord_6 {
left: 300px;
}
#contar_en_linea div.linea_wrapper .ord_7 {
left: 360px;
}
#contar_en_linea div.linea_wrapper .ord_8 {
left: 420px;
}
#contar_en_linea div.linea_wrapper .ord_9 {
left: 480px;
}
#contar_en_linea div.linea_wrapper .ord_10 {
left: 540px;
}
#grafiaPregunta {
position: relative;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
-webkit-opacity: 0.9;
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter: alpha(opacity=90);
}
#grafiaPregunta .grafia {
position: absolute;
z-index: 2;
top: 5px;
left: 5px;
text-align: left;
display: none;
}
#grafiaPregunta .grafia span {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 50px;
color: #42B2FC;
padding: 10px;
display: inline-block;
background-color: #fcfcfc;
height: 50px;
line-height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 2px solid #42B2FC;
-webkit-box-shadow: 4px 4px 5px 0px #e0e0e8;
-moz-box-shadow: 4px 4px 5px 0px #e0e0e8;
box-shadow: 4px 4px 5px 0px #e0e0e8;
}
/* Giros no funcionan en ie8. Dejamos de hacerlos compatibles */
.girar5Grados {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.girar10Grados {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
.girar15Grados {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.girar20Grados {
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.girar25Grados {
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
.girar30Grados {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.girar35Grados {
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-o-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
}
.girar40Grados {
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-o-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
.girar45Grados {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.girar50Grados {
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-o-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
}
.girar55Grados {
-webkit-transform: rotate(55deg);
-moz-transform: rotate(55deg);
-o-transform: rotate(55deg);
-ms-transform: rotate(55deg);
transform: rotate(55deg);
}
.girar60Grados {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-o-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.girar65Grados {
-webkit-transform: rotate(65deg);
-moz-transform: rotate(65deg);
-o-transform: rotate(65deg);
-ms-transform: rotate(65deg);
transform: rotate(65deg);
}
.girar70Grados {
-webkit-transform: rotate(70deg);
-moz-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}
.girar75Grados {
-webkit-transform: rotate(75deg);
-moz-transform: rotate(75deg);
-o-transform: rotate(75deg);
-ms-transform: rotate(75deg);
transform: rotate(75deg);
}
.girar80Grados {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-o-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
}
.girar85Grados {
-webkit-transform: rotate(85deg);
-moz-transform: rotate(85deg);
-o-transform: rotate(85deg);
-ms-transform: rotate(85deg);
transform: rotate(85deg);
}
.girar90Grados {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-color: transparent;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.93969262, M12=0.34202014, M21=-0.34202014, M22=0.93969262, sizingMethod='auto expand');
}
.girar85Grados {
-webkit-transform: rotate(85deg);
-moz-transform: rotate(85deg);
-o-transform: rotate(85deg);
-ms-transform: rotate(85deg);
transform: rotate(85deg);
}
.girar95Grados {
-webkit-transform: rotate(95deg);
-moz-transform: rotate(95deg);
-o-transform: rotate(95deg);
-ms-transform: rotate(95deg);
transform: rotate(95deg);
}
.girar100Grados {
-webkit-transform: rotate(100deg);
-moz-transform: rotate(100deg);
-o-transform: rotate(100deg);
-ms-transform: rotate(100deg);
transform: rotate(100deg);
}
.girar105Grados {
-webkit-transform: rotate(105deg);
-moz-transform: rotate(105deg);
-o-transform: rotate(105deg);
-ms-transform: rotate(105deg);
transform: rotate(105deg);
}
.girar110Grados {
-webkit-transform: rotate(110deg);
-moz-transform: rotate(110deg);
-o-transform: rotate(110deg);
-ms-transform: rotate(110deg);
transform: rotate(110deg);
}
.girar115Grados {
-webkit-transform: rotate(115deg);
-moz-transform: rotate(115deg);
-o-transform: rotate(115deg);
-ms-transform: rotate(115deg);
transform: rotate(115deg);
}
.girar120Grados {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.girar125Grados {
-webkit-transform: rotate(125deg);
-moz-transform: rotate(125deg);
-o-transform: rotate(125deg);
-ms-transform: rotate(125deg);
transform: rotate(125deg);
}
.girar130Grados {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-o-transform: rotate(130deg);
-ms-transform: rotate(130deg);
transform: rotate(130deg);
}
.girar135Grados {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.girar140Grados {
-webkit-transform: rotate(140deg);
-moz-transform: rotate(140deg);
-o-transform: rotate(140deg);
-ms-transform: rotate(140deg);
transform: rotate(140deg);
}
.girar145Grados {
-webkit-transform: rotate(145deg);
-moz-transform: rotate(145deg);
-o-transform: rotate(145deg);
-ms-transform: rotate(145deg);
transform: rotate(145deg);
}
.girar150Grados {
-webkit-transform: rotate(150deg);
-moz-transform: rotate(150deg);
-o-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.girar155Grados {
-webkit-transform: rotate(155deg);
-moz-transform: rotate(155deg);
-o-transform: rotate(155deg);
-ms-transform: rotate(155deg);
transform: rotate(155deg);
}
.girar160Grados {
-webkit-transform: rotate(160deg);
-moz-transform: rotate(160deg);
-o-transform: rotate(160deg);
-ms-transform: rotate(160deg);
transform: rotate(160deg);
}
.girar165Grados {
-webkit-transform: rotate(165deg);
-moz-transform: rotate(165deg);
-o-transform: rotate(165deg);
-ms-transform: rotate(165deg);
transform: rotate(165deg);
}
.girar170Grados {
-webkit-transform: rotate(170deg);
-moz-transform: rotate(170deg);
-o-transform: rotate(170deg);
-ms-transform: rotate(170deg);
transform: rotate(170deg);
}
.girar175Grados {
-webkit-transform: rotate(175deg);
-moz-transform: rotate(175deg);
-o-transform: rotate(175deg);
-ms-transform: rotate(175deg);
transform: rotate(175deg);
}
.girar185Grados {
-webkit-transform: rotate(185deg);
-moz-transform: rotate(185deg);
-o-transform: rotate(185deg);
-ms-transform: rotate(185deg);
transform: rotate(185deg);
}
.girar190Grados {
-webkit-transform: rotate(190deg);
-moz-transform: rotate(190deg);
-o-transform: rotate(190deg);
-ms-transform: rotate(190deg);
transform: rotate(190deg);
}
.girar195Grados {
-webkit-transform: rotate(195deg);
-moz-transform: rotate(195deg);
-o-transform: rotate(195deg);
-ms-transform: rotate(195deg);
transform: rotate(195deg);
}
.girar200Grados {
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-o-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
}
.girar205Grados {
-webkit-transform: rotate(205deg);
-moz-transform: rotate(205deg);
-o-transform: rotate(205deg);
-ms-transform: rotate(205deg);
transform: rotate(205deg);
}
.girar210Grados {
-webkit-transform: rotate(210deg);
-moz-transform: rotate(210deg);
-o-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.girar215Grados {
-webkit-transform: rotate(215deg);
-moz-transform: rotate(215deg);
-o-transform: rotate(215deg);
-ms-transform: rotate(215deg);
transform: rotate(215deg);
}
.girar220Grados {
-webkit-transform: rotate(220deg);
-moz-transform: rotate(220deg);
-o-transform: rotate(220deg);
-ms-transform: rotate(220deg);
transform: rotate(220deg);
}
.girar225Grados {
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.girar230Grados {
-webkit-transform: rotate(230deg);
-moz-transform: rotate(230deg);
-o-transform: rotate(230deg);
-ms-transform: rotate(230deg);
transform: rotate(230deg);
}
.girar235Grados {
-webkit-transform: rotate(235deg);
-moz-transform: rotate(235deg);
-o-transform: rotate(235deg);
-ms-transform: rotate(235deg);
transform: rotate(235deg);
}
.girar240Grados {
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-o-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.girar245Grados {
-webkit-transform: rotate(245deg);
-moz-transform: rotate(245deg);
-o-transform: rotate(245deg);
-ms-transform: rotate(245deg);
transform: rotate(245deg);
}
.girar250Grados {
-webkit-transform: rotate(250deg);
-moz-transform: rotate(250deg);
-o-transform: rotate(250deg);
-ms-transform: rotate(250deg);
transform: rotate(250deg);
}
.girar255Grados {
-webkit-transform: rotate(255deg);
-moz-transform: rotate(255deg);
-o-transform: rotate(255deg);
-ms-transform: rotate(255deg);
transform: rotate(255deg);
}
.girar260Grados {
-webkit-transform: rotate(260deg);
-moz-transform: rotate(260deg);
-o-transform: rotate(260deg);
-ms-transform: rotate(260deg);
transform: rotate(260deg);
}
.girar265Grados {
-webkit-transform: rotate(265deg);
-moz-transform: rotate(265deg);
-o-transform: rotate(265deg);
-ms-transform: rotate(265deg);
transform: rotate(265deg);
}
.girar275Grados {
-webkit-transform: rotate(275deg);
-moz-transform: rotate(275deg);
-o-transform: rotate(275deg);
-ms-transform: rotate(275deg);
transform: rotate(275deg);
}
.girar280Grados {
-webkit-transform: rotate(280deg);
-moz-transform: rotate(280deg);
-o-transform: rotate(280deg);
-ms-transform: rotate(280deg);
transform: rotate(280deg);
}
.girar285Grados {
-webkit-transform: rotate(285deg);
-moz-transform: rotate(285deg);
-o-transform: rotate(285deg);
-ms-transform: rotate(285deg);
transform: rotate(285deg);
}
.girar290Grados {
-webkit-transform: rotate(290deg);
-moz-transform: rotate(290deg);
-o-transform: rotate(290deg);
-ms-transform: rotate(290deg);
transform: rotate(290deg);
}
.girar295Grados {
-webkit-transform: rotate(295deg);
-moz-transform: rotate(295deg);
-o-transform: rotate(295deg);
-ms-transform: rotate(295deg);
transform: rotate(295deg);
}
.girar300Grados {
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-o-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.girar305Grados {
-webkit-transform: rotate(305deg);
-moz-transform: rotate(305deg);
-o-transform: rotate(305deg);
-ms-transform: rotate(305deg);
transform: rotate(305deg);
}
.girar310Grados {
-webkit-transform: rotate(310deg);
-moz-transform: rotate(310deg);
-o-transform: rotate(310deg);
-ms-transform: rotate(310deg);
transform: rotate(310deg);
}
.girar315Grados {
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-o-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.girar320Grados {
-webkit-transform: rotate(320deg);
-moz-transform: rotate(320deg);
-o-transform: rotate(320deg);
-ms-transform: rotate(320deg);
transform: rotate(320deg);
}
.girar325Grados {
-webkit-transform: rotate(325deg);
-moz-transform: rotate(325deg);
-o-transform: rotate(325deg);
-ms-transform: rotate(325deg);
transform: rotate(325deg);
}
.girar330Grados {
-webkit-transform: rotate(330deg);
-moz-transform: rotate(330deg);
-o-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.girar335Grados {
-webkit-transform: rotate(335deg);
-moz-transform: rotate(335deg);
-o-transform: rotate(335deg);
-ms-transform: rotate(335deg);
transform: rotate(335deg);
}
.girar340Grados {
-webkit-transform: rotate(340deg);
-moz-transform: rotate(340deg);
-o-transform: rotate(340deg);
-ms-transform: rotate(340deg);
transform: rotate(340deg);
}
.girar345Grados {
-webkit-transform: rotate(345deg);
-moz-transform: rotate(345deg);
-o-transform: rotate(345deg);
-ms-transform: rotate(345deg);
transform: rotate(345deg);
}
.girar350Grados {
-webkit-transform: rotate(350deg);
-moz-transform: rotate(350deg);
-o-transform: rotate(350deg);
-ms-transform: rotate(350deg);
transform: rotate(350deg);
}
.girar355Grados {
-webkit-transform: rotate(355deg);
-moz-transform: rotate(355deg);
-o-transform: rotate(355deg);
-ms-transform: rotate(355deg);
transform: rotate(355deg);
}
.girar180Grados {
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
background-color: transparent;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.93969262, M12=0.34202014, M21=-0.34202014, M22=0.93969262, sizingMethod='auto expand');
}
.girar270Grados {
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
background-color: transparent;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.93969262, M12=0.34202014, M21=-0.34202014, M22=0.93969262, sizingMethod='auto expand');
}
.mirror {
-moz-transform: scaleX(-1);
/* Gecko */
-o-transform: scaleX(-1);
/* Operah */
-webkit-transform: scaleX(-1);
/* webkit */
transform: scaleX(-1);
/* standard */
filter: FlipH;
/* IE 6/7/8 */
}
.mirrorV {
-moz-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.scale05 {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.scale075 {
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-o-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.disable-select-text {
-webkit-user-select: none;
/* disable cut copy paste */
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
/* disable callout, image save panel */
-webkit-tap-highlight-color: transparent;
/* "turn off" link highlight */
}
.disable-select-text img {
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
#ordenaGrafiasDibujos ul {
list-style-type: none;
margin: auto auto 20px;
padding: 0;
}
#ordenaGrafiasDibujos ul li {
float: left;
font-weight: bold;
height: 300px;
text-align: center;
vertical-align: middle;
margin: 0 5px 0;
width: 180px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
cursor: pointer;
}
#ordenaGrafiasDibujos ul li div.tarjeta {
position: relative;
width: 175px;
height: 260px;
margin-top: 20px;
}
#ordenaGrafiasDibujos ul li div.patron {
position: relative;
}
#ordenaGrafiasDibujos ul li div.patron img {
position: absolute;
}
#ordenaGrafiasDibujos ul li div.contMatriz .fila {
font-size: 0;
height: 35px;
width: 177px;
white-space: nowrap;
}
#ordenaGrafiasDibujos ul li div.contMatriz .fila img {
float: left;
}
#ordenaGrafiasDibujos ul li div.nodibujo {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 130px;
text-align: center;
padding-top: 50px;
}
#ordenaGrafiasDibujos ul li div.pistaGrafia {
position: absolute;
top: -50px;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 25px;
left: 62.5px;
font-family: 'ABeeZee', sans-serif, Verdana;
border: 2px solid #CDD7E4;
background-color: white;
box-sizing: border-box;
}
#ordenaGrafiasDibujos .ui-sortable li.ui-sortable-helper {
color: #42B2FC;
}
#ordenaGrafiasDibujos #sortableWrapperOrdenaGrafiasDibujos {
height: 260px;
width: 1000px;
margin-top: 50px;
}
.ui-sortable .ui-sortable-handle,
.ordenaNum .ui-state-default,
.ordena .ui-state-default,
.ordenaNumSol .ui-state-default,
.solSortable .ui-state-default {
background: white;
border: 2px solid white;
color: #42B2FC;
border-radius: 8px;
font-weight: normal;
box-shadow: -2px 2px 0 0 #e3e8ee;
}
.ui-sortable .ui-sortable-handle a,
.ordenaNum .ui-state-default a,
.ordena .ui-state-default a,
.ordenaNumSol .ui-state-default a,
.solSortable .ui-state-default a,
.ui-sortable .ui-sortable-handle a:visited,
.ordenaNum .ui-state-default a:visited,
.ordena .ui-state-default a:visited,
.ordenaNumSol .ui-state-default a:visited,
.solSortable .ui-state-default a:visited,
.ui-sortable .ui-sortable-handle a:link,
.ordenaNum .ui-state-default a:link,
.ordena .ui-state-default a:link,
.ordenaNumSol .ui-state-default a:link,
.solSortable .ui-state-default a:link {
color: #42B2FC;
}
.ui-sortable .ui-sortable-handle.option--transparent,
.ordenaNum .ui-state-default.option--transparent,
.ordena .ui-state-default.option--transparent,
.ordenaNumSol .ui-state-default.option--transparent,
.solSortable .ui-state-default.option--transparent {
background-color: #fff9;
border-color: #fff9;
}
.ui-sortable .ui-sortable-handle.option-lpc-sortable,
.ordenaNum .ui-state-default.option-lpc-sortable,
.ordena .ui-state-default.option-lpc-sortable,
.ordenaNumSol .ui-state-default.option-lpc-sortable,
.solSortable .ui-state-default.option-lpc-sortable {
border-radius: 10px;
border: 2px solid #b2c9f5;
padding: 0 5px 0 5px;
color: #797aad;
box-shadow: -3px 6px 0 0 rgba(0, 0, 0, 0.15);
}
.ui-sortable .ui-sortable-handle.option-lpc-sortable-blue,
.ordenaNum .ui-state-default.option-lpc-sortable-blue,
.ordena .ui-state-default.option-lpc-sortable-blue,
.ordenaNumSol .ui-state-default.option-lpc-sortable-blue,
.solSortable .ui-state-default.option-lpc-sortable-blue {
border-radius: 10px;
border: 2px solid #30A2ED;
color: #797aad;
box-shadow: -3px 6px 0 0 rgba(0, 0, 0, 0.15);
}
.ui-sortable .ui-sortable-handle.option-lpc-sortable-purple,
.ordenaNum .ui-state-default.option-lpc-sortable-purple,
.ordena .ui-state-default.option-lpc-sortable-purple,
.ordenaNumSol .ui-state-default.option-lpc-sortable-purple,
.solSortable .ui-state-default.option-lpc-sortable-purple {
border-radius: 10px;
border: 2px solid #9c77cf;
color: #9c77cf;
box-shadow: -3px 6px 0 0 rgba(0, 0, 0, 0.15);
}
.ui-sortable .ui-sortable-handle.option-lpc-sortable-textos-fil,
.ordenaNum .ui-state-default.option-lpc-sortable-textos-fil,
.ordena .ui-state-default.option-lpc-sortable-textos-fil,
.ordenaNumSol .ui-state-default.option-lpc-sortable-textos-fil,
.solSortable .ui-state-default.option-lpc-sortable-textos-fil {
border-radius: 10px;
border: none !important;
background-color: #352c70;
box-shadow: 0 0 0 2px #48407d, 0 0 0 6px #2b2360, 0 0 0 8px #48407d, 7px 8px 5px -1px #554c8d;
color: #fff;
padding: 0px 12px 0px 12px !important;
}
.ui-sortable-handle.option-lpc-sortable-textos-fil:hover {
border: none !important;
box-shadow: 0 0 0 2px #7c789b, 0 0 0 6px #2b2360, 0 0 0 8px #7c789b, 0 0 0 0 #554c8d;
}
.ui-sortable .ui-sortable-helper.option-lpc-sortable-textos-fil,
.ui-sortable .ui-state-highlight.option-lpc-sortable-textos-fil {
border: none !important;
box-shadow: 0 0 0 2px #d256d1, 0 0 0 6px #2b2360, 0 0 0 8px #d256d1, 0 0 0 0 #554c8d;
}
.ui-sortable .ui-sortable-helper.option-lpc-sortable,
.ui-sortable .ui-state-highlight.option-lpc-sortable,
.ui-sortable .ui-sortable-helper.option-lpc-sortable-blue,
.ui-sortable .ui-state-highlight.option-lpc-sortable-blue,
.ui-sortable .ui-sortable-helper.option-lpc-sortable-purple,
.ui-sortable .ui-state-highlight.option-lpc-sortable-purple {
border-color: #FBA62D;
color: #FBA62D;
}
.ui-sortable .ui-sortable-helper.option-lpc-sortable a,
.ui-sortable .ui-state-highlight.option-lpc-sortable a,
.ui-sortable .ui-sortable-helper.option-lpc-sortable-blue a,
.ui-sortable .ui-state-highlight.option-lpc-sortable-blue a,
.ui-sortable .ui-sortable-helper.option-lpc-sortable-purple a,
.ui-sortable .ui-state-highlight.option-lpc-sortable-purple a,
.ui-sortable .ui-sortable-helper.option-lpc-sortable a:visited,
.ui-sortable .ui-state-highlight.option-lpc-sortable a:visited,
.ui-sortable .ui-sortable-helper.option-lpc-sortable-blue a:visited,
.ui-sortable .ui-state-highlight.option-lpc-sortable-blue a:visited,
.ui-sortable .ui-sortable-helper.option-lpc-sortable-purple a:visited,
.ui-sortable .ui-state-highlight.option-lpc-sortable-purple a:visited,
.ui-sortable .ui-sortable-helper.option-lpc-sortable a:link,
.ui-sortable .ui-state-highlight.option-lpc-sortable a:link,
.ui-sortable .ui-sortable-helper.option-lpc-sortable-blue a:link,
.ui-sortable .ui-state-highlight.option-lpc-sortable-blue a:link,
.ui-sortable .ui-sortable-helper.option-lpc-sortable-purple a:link,
.ui-sortable .ui-state-highlight.option-lpc-sortable-purple a:link {
color: #FBA62D;
}
.ui-sortable .ui-sortable-helper,
.ui-sortable .ui-sortable-helper.option--transparent,
.ui-sortable .ui-state-highlight,
.ui-sortable .ui-state-highlight.option--transparent {
border-color: #FBA62D;
color: #FBA62D;
box-shadow: none;
}
.ui-sortable .ui-sortable-helper a,
.ui-sortable .ui-sortable-helper.option--transparent a,
.ui-sortable .ui-state-highlight a,
.ui-sortable .ui-state-highlight.option--transparent a,
.ui-sortable .ui-sortable-helper a:visited,
.ui-sortable .ui-sortable-helper.option--transparent a:visited,
.ui-sortable .ui-state-highlight a:visited,
.ui-sortable .ui-state-highlight.option--transparent a:visited,
.ui-sortable .ui-sortable-helper a:link,
.ui-sortable .ui-sortable-helper.option--transparent a:link,
.ui-sortable .ui-state-highlight a:link,
.ui-sortable .ui-state-highlight.option--transparent a:link {
color: #FBA62D;
}
.ui-sortable .ui-sortable-placeholder {
background: #ffefd2;
border-radius: 8px;
border: 0;
box-shadow: inset -1px 1px 3px 0 #FBA62D;
}
.ui-sortable.nobox .ui-sortable-handle {
background: transparent;
border: none;
box-shadow: none;
color: #42B2FC;
}
.ui-sortable.nobox .ui-sortable-helper {
border: none;
box-shadow: none;
color: #42B2FC;
}
#ordenaGrafiasDibujosSol ul {
list-style-type: none;
margin: auto ;
padding: 0;
}
#ordenaGrafiasDibujosSol ul li {
float: left;
font-weight: bold;
height: 140px;
text-align: center;
vertical-align: middle;
margin: 0 2px 0;
width: 90px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
border: 2px solid white;
color: #42B2FC;
box-shadow: 2px 2px 0 0 #e3e8ee;
}
#ordenaGrafiasDibujosSol ul li div.tarjeta {
position: relative;
width: 90px;
height: 130px;
}
#ordenaGrafiasDibujosSol ul li img {
height: 18px;
width: 18px;
}
#ordenaGrafiasDibujosSol ul li div.pistaGrafia {
position: absolute;
top: -10px;
width: 30px;
left: 30px;
font-family: 'ABeeZee', sans-serif, Verdana;
border: 1px solid #B9E3FF;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: white;
height: 25px;
padding: 0;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 20px;
}
#ordenaGrafiasDibujosSol ul li div.nodibujo {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 60px;
text-align: center;
padding-top: 30px;
}
#ordenaGrafiasDibujosSol ul li div.contMatriz .fila {
font-size: 0;
height: 20px;
white-space: nowrap;
width: 90px;
}
#ordenaGrafiasDibujosSol ul li div.contMatriz .fila img {
float: left;
}
#ordenaGrafiasDibujosSol ul li div.patron {
position: relative;
}
#ordenaGrafiasDibujosSol ul li div.patron img {
position: absolute;
}
#count_grup_imag .answerFilas {
position: absolute;
top: 290px;
}
.grupoImagenesContainer {
position: relative;
}
.grupoImagenesContainer #grupImagContainer {
font-size: 0;
top: 50px;
width: 800px;
position: absolute;
left: 0;
height: 150px;
}
.grupoImagenesContainer #grupImagContainer .groupImg {
display: inline-block;
text-align: center;
width: 80px;
border: 3px solid white;
background-color: #e5ffd0;
-webkit-box-shadow: 1px 1px 0px 0px #e5ffd0;
-moz-box-shadow: 1px 1px 0px 0px #e5ffd0;
box-shadow: 1px 1px 0px 0px #e5ffd0;
position: absolute;
padding: 2px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
}
.grupoImagenesContainer #grupImagContainer .groupImg img {
margin: 1px;
}
.grupoImagenesContainer input.text {
border: 1px solid #bdbcbd;
margin: 8px 0 0 0;
height: 38px;
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 33px;
color: #666;
padding: 5px 0;
text-align: center;
width: 40px;
z-index: 2;
}
.grupoImagenesContainer .answerContainer {
position: absolute;
z-index: 2;
top: 200px;
left: 0;
}
.grupoImagenesContainer .answerContainer input.text {
position: absolute;
}
.grupoImagenesContainer .answerContainer .operacion {
font-size: 23px;
position: absolute;
top: 12px;
text-align: center;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.grupoImagenesContainer .textoOperacion {
padding-top: 20px;
font-size: 40px;
font-family: 'ABeeZee', sans-serif, Verdana;
text-align: center;
color: #FBA62D;
}
.grupoImagenesContainer .answerFinal {
position: absolute;
top: 320px;
text-align: center;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.grupoImagenesContainer #drawGroupImage {
position: absolute;
top: 0;
left: 0;
}
.grupoImagenesContainer .answerFilas {
text-align: center;
width: 100%;
}
.grupoImagenesContainer .answerFilas .text {
vertical-align: bottom;
}
.grupoImagenesContainer .answerFilas .texto {
padding: 0 10px 5px;
vertical-align: bottom;
font-size: 25px;
display: inline-block;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
}
div.solEnunciados {
font-size: 18px;
}
.expresion .potencia {
display: inline-block;
}
.expresion .potencia .exp {
font-size: 60%;
margin-left: 5px;
margin-top: -10%;
display: inline-block;
vertical-align: top;
}
.expresion .potencia .exp input[type='text'] {
width: 35px !important;
}
.expresion .parte {
display: inline-block;
white-space: nowrap;
}
#expresionesMark01.potenc {
font-size: 50px;
}
#expresionesMark01.potenc.potenc-resultado-directo {
font-size: 72px;
}
#expresionesMark01.potenc .expresion {
padding-top: 170px;
}
#expresionesMark01.potenc .parte {
min-height: 75px;
}
#expresionesSol.potenc .parte {
min-height: 55px;
}
#expresionesSol {
font-size: 33px;
}
#expresionesSol div.decoracionBottom {
margin-top: 10px;
}
#expresionesSol div.decoracionBottom span.operador {
width: 100px;
display: inline-block;
}
#expresionesSol div.decoracionBottom span.operador img {
vertical-align: middle;
}
#expresionesSol div.decoracionBottom span.igual {
width: 50px;
}
#expresionesSol .expresion img {
vertical-align: middle;
}
#sumaRestaHor .expresion img,
#expresionesMark01 .expresion img,
.expresionesGeneral .expresion img {
vertical-align: middle;
}
#sumaRestaHor .expresion .op_combo,
#expresionesMark01 .expresion .op_combo,
.expresionesGeneral .expresion .op_combo {
margin: 0 10px;
}
#sumaRestaHor input.text,
#expresionesMark01 input.text,
.expresionesGeneral input.text {
width: 140px;
}
#sumaRestaHor input.text.textlarge,
#expresionesMark01 input.text.textlarge,
.expresionesGeneral input.text.textlarge {
width: 180px;
}
#sumaRestaHor input.text.textxlarge,
#expresionesMark01 input.text.textxlarge,
.expresionesGeneral input.text.textxlarge {
width: 220px;
}
#sumaRestaHor input.text.textsmall,
#expresionesMark01 input.text.textsmall,
.expresionesGeneral input.text.textsmall {
width: 105px;
}
#sumaRestaHor,
#expresionesMark01 {
font-size: 72px;
text-align: center;
}
#sumaRestaHor.exp-missing-op,
#expresionesMark01.exp-missing-op {
font-size: 55px;
}
#sumaRestaHor.exp-4-digitos,
#expresionesMark01.exp-4-digitos {
font-size: 64px;
}
#sumaRestaHor.exp-3-digitos,
#expresionesMark01.exp-3-digitos {
font-size: 68px;
}
#sumaRestaHor .op_combo,
#expresionesMark01 .op_combo {
font-size: 60px;
}
#sumaRestaHor .expresion,
#expresionesMark01 .expresion {
padding-top: 105px;
}
#sumaRestaHor div.content div,
#expresionesMark01 div.content div {
display: inline-block;
}
#sumaRestaHor div.content div.fila,
#expresionesMark01 div.content div.fila {
display: block;
}
#sumaRestaHor div.content div.fila div.filainner,
#expresionesMark01 div.content div.fila div.filainner {
width: 275px;
text-align: left;
}
#sumaRestaHor div.decoracionTop,
#expresionesMark01 div.decoracionTop {
position: relative;
margin-bottom: 20px;
}
#sumaRestaHor div.decoracionTop div.topBottom,
#expresionesMark01 div.decoracionTop div.topBottom {
position: absolute;
bottom: 0;
width: 100%;
}
#sumaRestaHor div.decoracionTop div.dibujo_resta_outer,
#expresionesMark01 div.decoracionTop div.dibujo_resta_outer {
position: relative;
width: 52px;
height: 52px;
}
#sumaRestaHor div.decoracionTop div.dibujo_resta_outer div.imagen,
#expresionesMark01 div.decoracionTop div.dibujo_resta_outer div.imagen {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#sumaRestaHor div.decoracionTop div.dibujo_resta_outer div.tachon,
#expresionesMark01 div.decoracionTop div.dibujo_resta_outer div.tachon {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 52px;
height: 52px;
background: url('../../images/visualizadores/tachar.png');
}
#sumaRestaHor div.operacion,
#expresionesMark01 div.operacion {
height: 100px;
}
#sumaRestaHor div.operacion div,
#expresionesMark01 div.operacion div {
vertical-align: middle;
}
#sumaRestaHor div.operacion img,
#expresionesMark01 div.operacion img {
vertical-align: middle;
}
#sumaRestaHor div.dibus,
#expresionesMark01 div.dibus {
text-align: left;
font-size: 0;
}
#sumaRestaHor div.dibus img,
#expresionesMark01 div.dibus img {
margin: 2px auto;
}
#sumaRestaHor div.dibujo_resta_fila,
#expresionesMark01 div.dibujo_resta_fila {
font-size: 0;
}
#sumaRestaHor div.igual,
#expresionesMark01 div.igual {
width: 50px;
}
#sumaRestaHor div.op,
#expresionesMark01 div.op {
width: 50px;
}
#sumaRestaHor div.decoracionBottom,
#expresionesMark01 div.decoracionBottom {
padding-top: 30px;
}
#sumaRestaHor div.decoracionBottom div.xbottom,
#expresionesMark01 div.decoracionBottom div.xbottom {
width: 100%;
}
#sumaRestaHor div.decoracionBottom div.xbottom span.operador,
#expresionesMark01 div.decoracionBottom div.xbottom span.operador {
min-width: 150px;
display: inline-block;
}
#sumaRestaHor div.decoracionBottom div.xbottom span.operador img,
#expresionesMark01 div.decoracionBottom div.xbottom span.operador img {
vertical-align: middle;
}
#sumaRestaHor div.decoracionBottom div.xbottom span.igual,
#expresionesMark01 div.decoracionBottom div.xbottom span.igual {
width: 50px;
}
#sumaRestaHor div.dibujo_jump,
#expresionesMark01 div.dibujo_jump {
display: block;
height: 55px;
text-align: left;
margin: auto;
}
#sumaRestaHor div.dibujo_jump span,
#expresionesMark01 div.dibujo_jump span {
display: inline-block;
width: 70px;
text-align: center;
}
#sumaRestaHor div.dibujo_jump_out,
#expresionesMark01 div.dibujo_jump_out {
width: 100%;
margin: 5px auto;
}
#sumaRestaHor div.dibujo_jump_mid span,
#expresionesMark01 div.dibujo_jump_mid span {
color: #42B2FC;
font-size: 50px;
font-weight: normal;
line-height: 50px;
box-sizing: border-box;
}
#sumaRestaHor div.dibujo_jump_mid span.borde,
#expresionesMark01 div.dibujo_jump_mid span.borde {
border-right: 2px solid #8a8080;
}
#sumaRestaHor p.enun-text,
#expresionesMark01 p.enun-text {
text-align: left;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
font-size: 22px;
margin: 30px 10px;
}
#sumaRestaHor .bandaNumerica.decoracionBottom,
#problemSolution .bandaNumerica.decoracionBottom,
.bandaNumerica.decoracionBottom {
padding-top: 60px;
}
#sumaRestaHor .bandaNumerica .banda,
#problemSolution .bandaNumerica .banda,
.bandaNumerica .banda {
font-size: 0;
text-align: center;
background-color: #f1f5f6;
}
#sumaRestaHor .bandaNumerica .banda:not(.inactiva),
#problemSolution .bandaNumerica .banda:not(.inactiva),
.bandaNumerica .banda:not(.inactiva) {
cursor: pointer;
}
#sumaRestaHor .bandaNumerica .banda .bloque,
#problemSolution .bandaNumerica .banda .bloque,
.bandaNumerica .banda .bloque {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 46px;
height: 47px;
position: relative;
}
#sumaRestaHor .bandaNumerica .banda .bloque .data,
#problemSolution .bandaNumerica .banda .bloque .data,
.bandaNumerica .banda .bloque .data {
position: absolute;
width: 46px;
height: 47px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #c8c8c8;
font-size: 28px;
top: 0;
left: 0;
line-height: 47px;
}
#sumaRestaHor .bandaNumerica .banda .bloque.a .data,
#problemSolution .bandaNumerica .banda .bloque.a .data,
.bandaNumerica .banda .bloque.a .data {
border: 1px solid #724aaa;
background-color: #9e78cf;
color: white;
}
#sumaRestaHor .bandaNumerica .banda .bloque.b .data,
#problemSolution .bandaNumerica .banda .bloque.b .data,
.bandaNumerica .banda .bloque.b .data {
border: 1px solid #ff4800;
background-color: #ffa200;
color: white;
}
#sumaRestaHor .bandaNumerica .banda .bloque.selected .data,
#problemSolution .bandaNumerica .banda .bloque.selected .data,
.bandaNumerica .banda .bloque.selected .data {
width: 52px;
height: 53px;
top: -3px;
left: -3px;
font-size: 34px;
border-width: 2px;
line-height: 53px;
z-index: 2;
}
@keyframes bounce-circle-bubble {
10% {
box-shadow: 0 0 0 2px #FBA62D;
transform: scale(1.05);
}
20% {
box-shadow: 0 0 0 0 #FBA62D;
transform: scale(1);
}
30% {
box-shadow: 0 0 0 2px #FBA62D;
transform: scale(1.05);
}
40% {
box-shadow: 0 0 0 0 #FBA62D;
transform: scale(1);
}
50% {
box-shadow: 0 0 0 2px #FBA62D;
transform: scale(1.05);
}
60% {
box-shadow: 0 0 0 0 #FBA62D;
transform: scale(1);
}
70% {
box-shadow: 0 0 0 2px #FBA62D;
transform: scale(1.05);
}
80% {
box-shadow: 0 0 0 0 #FBA62D;
transform: scale(1);
}
90% {
box-shadow: 0 0 0 2px #FBA62D;
transform: scale(1.05);
}
100% {
box-shadow: 0 0 0 0 #FBA62D;
transform: scale(1);
}
}
#complPattern {
padding-top: 80px;
font-size: 55px;
}
#complPattern div.fila {
display: block;
margin-top: 15px;
}
#complPattern .text {
vertical-align: middle;
padding: 0 3px;
}
#complPattern div.leftOperands {
display: inline-block;
text-align: right;
}
#complPattern div.leftOperands .textA {
text-align: right;
padding-right: 5px;
}
#complPattern div.leftOperands .textB {
text-align: center;
}
#complPattern div.igual {
display: inline-block;
width: 40px;
text-align: center;
}
#complPattern div.rightOperands {
display: inline-block;
text-align: left;
}
#complPattern div.rightOperands .text {
text-align: left;
}
#complPattern .lapicesFondo {
position: absolute;
left: 0;
bottom: 0;
width: 210px;
height: 230px;
background-position: right top;
background-image: url('../../images/visualizadores/compl_pattern/lapices-colores.png');
background-size: 310px 307px;
}
@media (min-resolution: 1.5dppx) {
#complPattern .lapicesFondo {
background-image: url("../../images/visualizadores/compl_pattern/lapices-colores@2x.png");
background-size: 310px 307px;
}
}
#complPattern table {
margin: auto;
position: relative;
}
#complPattern table tr {
height: 80px;
}
#complPattern table tr.paso:not(.paso-0) {
display: none;
}
#complPattern table tr td {
position: relative;
font-size: 50px;
text-align: left;
}
#complPattern table tr td.oper {
font-size: 45px;
padding-left: 30px;
padding-right: 30px;
}
#complPattern table tr td input.disabled[type='text']:focus,
#complPattern table tr td input.disabled[type='text'].focused,
#complPattern table tr td input.disabled[type='text'].sckb-focused,
#complPattern table tr td input.disabled[type='text'].text {
text-align: left;
background-color: transparent;
border: none !important;
outline: none !important;
-webkit-user-select: none;
/* disable cut copy paste */
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
/* disable callout, image save panel */
-webkit-tap-highlight-color: transparent;
/* "turn off" link highlight */
}
#complPattern table tr td input.disabled[type='text']:focus img,
#complPattern table tr td input.disabled[type='text'].focused img,
#complPattern table tr td input.disabled[type='text'].sckb-focused img,
#complPattern table tr td input.disabled[type='text'].text img {
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
#complPattern table tr td .glow {
position: absolute;
right: 1px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-shadow: 1px 0 2px #00ffff, -1px 0 2px #00ffff, 0 1px 2px #00ffff, 0 -1px 2px #00ffff, 0.5px 0.5px 2px #00ffff, -0.5px -0.5px 2px #00ffff, 0.5px -0.5px 2px #00ffff, -0.5px 0.5px 2px #00ffff;
animation-name: pulse;
animation-delay: 0.5s;
animation-duration: 2s;
animation-iteration-count: 3;
}
#complPatternSol {
font-size: 24px;
}
#complPatternSol div.fila {
display: block;
margin-top: 10px;
height: 28px;
}
#complPatternSol div.leftOperands {
display: inline-block;
text-align: right;
}
#complPatternSol div.igual {
display: inline-block;
width: 40px;
text-align: center;
}
#complPatternSol div.rightOperands {
display: inline-block;
text-align: left;
}
div.macro_ops {
display: inline-block;
}
div.macro_ops.macro_ops_radio_w100,
div.macro_ops.macro_ops_radio_w80 {
display: block;
}
div.macro_ops div.bloquecondicional {
margin: 10px 0;
}
.center {
text-align: center;
}
.op_combo,
#problema .op_combo {
position: relative;
}
.op_combo .dd,
#problema .op_combo .dd {
border-radius: 10px;
border: 2px solid #42B2FC;
cursor: pointer;
vertical-align: baseline;
}
.op_combo .dd .ddArrow,
#problema .op_combo .dd .ddArrow {
width: 20px;
height: 20px;
right: 0;
vertical-align: middle;
display: inline-block;
background: url('../../images/visualizadores/triang-combo.svg') no-repeat center center;
}
.op_combo .dd.borderRadiusBtm .ddChild,
#problema .op_combo .dd.borderRadiusBtm .ddChild {
margin-top: -8px;
}
.op_combo .dd .ddChild,
#problema .op_combo .dd .ddChild {
margin-top: 4px;
border: 2px #30A2ED solid;
border-radius: 10px;
}
.op_combo .dd .ddChild li,
#problema .op_combo .dd .ddChild li {
padding: 2px 5px;
}
.op_combo .dd .ddChild li.hover,
#problema .op_combo .dd .ddChild li.hover {
background: #e4f4ff;
}
.op_combo .dd .ddChild li.selected,
#problema .op_combo .dd .ddChild li.selected,
.op_combo .dd .ddChild li.selected.hover,
#problema .op_combo .dd .ddChild li.selected.hover {
background: #42B2FC;
}
.op_combo .dd .ddTitle,
#problema .op_combo .dd .ddTitle {
color: #42B2FC;
background: white;
border-radius: 8px;
}
.op_combo .dd .ddTitle:hover,
#problema .op_combo .dd .ddTitle:hover {
background: #e4f4ff;
}
.op_combo .dd .ddTitle .ddTitleText,
#problema .op_combo .dd .ddTitle .ddTitleText {
padding: 2px 20px 2px 5px;
}
.op_combo .dd .divider,
#problema .op_combo .dd .divider {
display: none;
}
.op_combo .ddcomon .ddArrow,
#problema .op_combo .ddcomon .ddArrow {
right: 1px;
}
.op_combo.filled .ddArrow,
#problema .op_combo.filled .ddArrow {
display: none;
}
.op_combo.centered .dd .ddTitle .ddTitleText,
#problema .op_combo.centered .dd .ddTitle .ddTitleText {
padding: 0 22px 0 22px;
}
.op_combo.combo--orange .dd,
#problema .op_combo.combo--orange .dd {
border-color: #fba62d;
}
.op_combo.combo--orange .dd .ddTitle,
#problema .op_combo.combo--orange .dd .ddTitle {
color: #fba62d;
}
.op_combo.combo--orange .dd .ddTitle:hover,
#problema .op_combo.combo--orange .dd .ddTitle:hover {
background: #ffd69c;
color: white;
}
.op_combo.combo--orange .dd .ddChild,
#problema .op_combo.combo--orange .dd .ddChild {
border-color: #fba62d;
}
.op_combo.combo--orange .dd .ddChild li,
#problema .op_combo.combo--orange .dd .ddChild li {
border-color: #fba62d;
}
.op_combo.combo--orange .dd .ddChild li .ddlabel,
#problema .op_combo.combo--orange .dd .ddChild li .ddlabel {
color: #fba62d;
}
.op_combo.combo--orange .dd .ddChild li.hover,
#problema .op_combo.combo--orange .dd .ddChild li.hover {
background: #ffd69c 0;
color: white;
}
.op_combo.combo--orange .dd .ddChild li.hover .ddlabel,
#problema .op_combo.combo--orange .dd .ddChild li.hover .ddlabel {
color: white;
}
.op_combo.combo--orange .dd .ddChild li.selected,
#problema .op_combo.combo--orange .dd .ddChild li.selected,
.op_combo.combo--orange .dd .ddChild li.selected.hover,
#problema .op_combo.combo--orange .dd .ddChild li.selected.hover {
background: #fba62d;
color: white;
}
.op_combo.combo--orange .dd .ddArrow,
#problema .op_combo.combo--orange .dd .ddArrow {
background: url("../../images/visualizadores/triang-combo-orange.svg") no-repeat center center;
}
.op_combo.lpc .dd,
#problema .op_combo.lpc .dd {
border-color: #b58eec;
}
.op_combo.lpc .dd .ddTitle,
#problema .op_combo.lpc .dd .ddTitle {
color: #b58eec;
}
.op_combo.lpc .dd .ddTitle:hover,
#problema .op_combo.lpc .dd .ddTitle:hover {
background: #cfb3f6;
color: white;
}
.op_combo.lpc .dd .ddChild,
#problema .op_combo.lpc .dd .ddChild {
border-color: #b58eec;
}
.op_combo.lpc .dd .ddChild li,
#problema .op_combo.lpc .dd .ddChild li {
border-color: #b58eec;
}
.op_combo.lpc .dd .ddChild li .ddlabel,
#problema .op_combo.lpc .dd .ddChild li .ddlabel {
color: #b58eec;
}
.op_combo.lpc .dd .ddChild li.hover,
#problema .op_combo.lpc .dd .ddChild li.hover {
background: #cfb3f6 0;
color: white;
}
.op_combo.lpc .dd .ddChild li.hover .ddlabel,
#problema .op_combo.lpc .dd .ddChild li.hover .ddlabel {
color: white;
}
.op_combo.lpc .dd .ddChild li.selected,
#problema .op_combo.lpc .dd .ddChild li.selected,
.op_combo.lpc .dd .ddChild li.selected.hover,
#problema .op_combo.lpc .dd .ddChild li.selected.hover {
background: #b58eec;
color: white;
}
.op_combo.lpc .dd .ddArrow,
#problema .op_combo.lpc .dd .ddArrow {
background: url("../../images/visualizadores/triang-combo-lpc.svg") no-repeat center center;
}
.op_combo.peCom .dd,
#problema .op_combo.peCom .dd {
border-color: #3abdd1;
}
.op_combo.peCom .dd .ddTitle,
#problema .op_combo.peCom .dd .ddTitle {
color: #3abdd1;
}
.op_combo.peCom .dd .ddTitle:hover,
#problema .op_combo.peCom .dd .ddTitle:hover {
background: #8fdbd9;
color: white;
}
.op_combo.peCom .dd .ddChild,
#problema .op_combo.peCom .dd .ddChild {
border-color: #3abdd1;
}
.op_combo.peCom .dd .ddChild li,
#problema .op_combo.peCom .dd .ddChild li {
border-color: #3abdd1;
}
.op_combo.peCom .dd .ddChild li .ddlabel,
#problema .op_combo.peCom .dd .ddChild li .ddlabel {
color: #3abdd1;
}
.op_combo.peCom .dd .ddChild li.hover,
#problema .op_combo.peCom .dd .ddChild li.hover {
background: #8fdbd9 0;
color: white;
}
.op_combo.peCom .dd .ddChild li.hover .ddlabel,
#problema .op_combo.peCom .dd .ddChild li.hover .ddlabel {
color: white;
}
.op_combo.peCom .dd .ddChild li.selected,
#problema .op_combo.peCom .dd .ddChild li.selected,
.op_combo.peCom .dd .ddChild li.selected.hover,
#problema .op_combo.peCom .dd .ddChild li.selected.hover {
background: #3abdd1;
color: white;
}
.op_combo.peCom .dd .ddArrow,
#problema .op_combo.peCom .dd .ddArrow {
background: url("../../images/visualizadores/triang-combo-pecom.svg") no-repeat center center;
}
.op_combo.flecha--izq .dd .ddArrow,
#problema .op_combo.flecha--izq .dd .ddArrow {
right: unset;
left: 0;
}
.op_combo.flecha--izq .dd .ddTitle .ddTitleText,
#problema .op_combo.flecha--izq .dd .ddTitle .ddTitleText {
padding: 2px 5px 2px 20px;
}
.option_new {
box-sizing: border-box;
display: inline-block;
background-color: #fff;
color: #42B2FC;
border: 1px solid #B9E3FF;
border-radius: 10px;
cursor: pointer;
position: relative;
vertical-align: middle;
}
.option_new.abs {
position: absolute;
}
.option_new span:focus {
outline: none;
}
.option_new.option_num {
font-family: 'ABeeZee', sans-serif, Verdana;
min-width: 75px;
text-align: center;
padding: 6px 8px;
}
.option_new.option_img {
padding: 3px;
text-align: center;
display: table-cell;
}
.option_new.option_img.op_dado {
padding: 5px;
}
.option_new.option_img.op_mano {
width: 140px;
}
.option_new.option_img.op_dado_giro {
padding: 19px;
}
.option_new.option_img img {
vertical-align: middle;
}
.option_new.option_div {
margin: 3px;
}
.option_new.option_radios {
padding: 3px 8px;
text-align: left;
}
.option_new.option_radios.center {
text-align: center;
}
.option_new.option_radios.opt_img_si {
width: 150px;
height: 120px;
background: white url('../../images/infantil/si.png') no-repeat center center;
}
.option_new.option_radios.opt_img_no {
width: 150px;
height: 120px;
background: white url('../../images/infantil/no.png') no-repeat center center;
}
.option_new.option--locucion {
background-image: url("../../images/visualizadores/iconos/opciones/option--locucion-morada@2x.png");
background-size: 100% 100% !important;
border: 2px solid #42B2FC;
box-shadow: 0 3px 2px 0 #a199a8;
border-radius: 10%;
font-size: 0;
}
.option_new.option--locucion.enunciadoLocucion:before {
margin-right: 0;
margin-top: 15%;
width: 30%;
height: 30%;
border-radius: 20%;
}
.option_new.option--locucion:hover {
box-shadow: 0 3px 2px 0 #a199a8;
border: 2px solid #42B2FC;
}
.option_new.option--locucion .errorMark {
width: 30%!important;
height: 30%!important;
}
.option_new.option--locucion.selected {
background-image: url("../../images/visualizadores/iconos/opciones/option--locucion-naranja@2x.png");
box-shadow: 0 3px 2px 0 #a199a8;
border: 2px solid #FBA62D;
}
.option_new.option--locucion.selected:hover {
box-shadow: 0 3px 2px 0 #a199a8;
border: 2px solid #FBA62D;
}
.option_new.w1 {
width: 65px;
}
.option_new.w15 {
width: 105px;
}
.option_new.w25 {
width: 180px;
}
.option_new.w33,
.option_new.w33_1c {
width: 245px;
}
.option_new.w50,
.option_new.w50_1c {
width: 365px;
}
.option_new.w80.option_radios {
width: 79%;
}
.option_new.w80.option_radios.margin-right-25 {
margin-right: 25px;
}
.option_new.w100.option_radios {
width: 99%;
}
.option_new.option_radios,
.option_new.option_num {
margin: 3px;
}
.option_new.option_radios.mar_0_5,
.option_new.option_num.mar_0_5 {
margin: 0 5px;
}
.option_new.option_radios div,
.option_new.option_num div {
display: inline-block;
}
.option_new.selected {
color: #FBA62D;
}
.option_new.selected,
.option_new.selected:hover {
border-color: #FBA62D;
box-shadow: 0 0 0 2px #FBA62D;
}
.option_new.not-selected .if-selected {
display: none;
}
.option_new.selected .if-not-selected {
display: none;
}
.option_new.selectedOutAnimated {
animation: optionSeletedAnimation 4s infinite ease-in-out alternate-reverse;
-webkit-animation: optionSeletedAnimation 4s infinite ease-in-out aleternate-reverse;
}
.option_new.selectedInAnimated {
animation: optionSeletedAnimation 4s infinite ease-in-out alternate;
-webkit-animation: optionSeletedAnimation 4s infinite ease-in-out aleternate;
}
@media (hover: hover) {
.option_new:hover {
box-shadow: 0 0 0 2px #B9E3FF;
}
}
.option_new.option_yesno {
margin: 0 20px 30px;
}
.option_new.option_yesno.option-1 {
width: 140px;
height: 140px;
box-sizing: border-box;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
font-size: 0;
position: relative;
border-radius: 70px;
background-color: #3bd63c;
border: solid 4px #008d00;
box-shadow: inset 0.4px -7px 0 0 #008d00, inset 0px 4.5px 0 0 #94fd86;
}
.option_new.option_yesno.option-1:after {
content: '';
position: absolute;
box-sizing: border-box;
width: 150px;
height: 150px;
border-radius: 75px;
border: 4px solid #E6C78C;
left: -9px;
top: -9px;
}
.option_new.option_yesno.option-1.selected:after,
.option_new.option_yesno.option-1:active:after {
border: 8px solid #fba62d;
width: 152px;
height: 152px;
border-radius: 76px;
left: -10px;
top: -10px;
}
.option_new.option_yesno.option-1:hover {
background-color: #60f960;
box-shadow: inset 0.2px -3.5px 0 0 #4cdb4c, inset 0px 4.5px 0 0 #94fd86;
}
.option_new.option_yesno.option-1:active,
.option_new.option_yesno.option-1.selected {
box-shadow: inset 0px 0.5px 0 0 #94fd86;
background-color: #008d00;
}
.option_new.option_yesno.option-1.yesno-thumb {
background-image: url('../../images/visualizadores/iconos/opciones/thumb-yes.png');
background-size: 66px 94px;
}
@media (min-resolution: 1.5dppx) {
.option_new.option_yesno.option-1.yesno-thumb {
background-image: url("../../images/visualizadores/iconos/opciones/thumb-yes@2x.png");
background-size: 66px 94px;
}
}
.option_new.option_yesno.option-1.yesno-equal {
background-image: url('../../images/visualizadores/iconos/opciones/equal-yes.png');
background-size: 73px 51px;
}
@media (min-resolution: 1.5dppx) {
.option_new.option_yesno.option-1.yesno-equal {
background-image: url("../../images/visualizadores/iconos/opciones/equal-yes@2x.png");
background-size: 73px 51px;
}
}
.option_new.option_yesno.option-0 {
width: 140px;
height: 140px;
box-sizing: border-box;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
font-size: 0;
position: relative;
border-radius: 70px;
background-color: #ff5370;
border: solid 4px #ff1e4a;
box-shadow: inset 0.4px -7px 0 0 #ff1e4a, inset 0px 4.5px 0 0 #ff7c8c;
}
.option_new.option_yesno.option-0:after {
content: '';
position: absolute;
box-sizing: border-box;
width: 150px;
height: 150px;
border-radius: 75px;
border: 4px solid #E6C78C;
left: -9px;
top: -9px;
}
.option_new.option_yesno.option-0.selected:after,
.option_new.option_yesno.option-0:active:after {
border: 8px solid #fba62d;
width: 152px;
height: 152px;
border-radius: 76px;
left: -10px;
top: -10px;
}
.option_new.option_yesno.option-0:hover {
background-color: #ff7a90;
box-shadow: inset 0.2px -3.5px 0 0 #ff5072, inset 0px 4.5px 0 0 #ff7c8c;
}
.option_new.option_yesno.option-0:active,
.option_new.option_yesno.option-0.selected {
background-color: #ff1e4a;
box-shadow: inset 0px 1.5px 0 0 #ff7c8c;
}
.option_new.option_yesno.option-0.yesno-thumb {
background-image: url('../../images/visualizadores/iconos/opciones/thumb-no.png');
background-size: 66px 94px;
}
@media (min-resolution: 1.5dppx) {
.option_new.option_yesno.option-0.yesno-thumb {
background-image: url("../../images/visualizadores/iconos/opciones/thumb-no@2x.png");
background-size: 66px 94px;
}
}
.option_new.option_yesno.option-0.yesno-equal {
background-image: url('../../images/visualizadores/iconos/opciones/equal-no.png');
background-size: 71px 70px;
}
@media (min-resolution: 1.5dppx) {
.option_new.option_yesno.option-0.yesno-equal {
background-image: url("../../images/visualizadores/iconos/opciones/equal-no@2x.png");
background-size: 71px 70px;
}
}
.option_new.option_img-nobox {
background-color: transparent;
border: none;
box-shadow: none;
}
.option_new.option_img-nobox.selected {
filter: drop-shadow(1px 0px 2px #00ffff) drop-shadow(-1px 0px 2px #00ffff) drop-shadow(0px 1px 2px #00ffff) drop-shadow(0px -1px 2px #00ffff);
-webkit-filter: drop-shadow(1px 0px 2px #00ffff) drop-shadow(-1px 0px 2px #00ffff) drop-shadow(0px 1px 2px #00ffff) drop-shadow(0px -1px 2px #00ffff);
-webkit-transform: translateZ(0);
}
.option_new.option_img-nobox:hover {
border: none;
box-shadow: none;
}
.option_new.option--transparent {
background-color: #fff7;
}
.option_new.option--transparent:hover,
.option_new.option--transparent.selected {
background-color: #fff9;
}
table.table_option_img {
border-collapse: separate;
border-spacing: 5px;
}
.sol_option_new {
background: white;
display: inline-block;
border: 1px solid #FBA62D;
color: #FBA62D;
border-radius: 10px;
padding: 3px;
}
.sol_option_new.option_img {
padding: 3px;
}
.sol_option_new.option_mult {
padding: 3px 8px;
margin: 2px;
}
.sol_option_new.option_num {
font-family: 'ABeeZee', sans-serif, Verdana;
min-width: 55px;
}
div.macro_ops_wrapper .commonOps {
/* Estilos obsoletos en v 2.31 (enero-2017)*/
display: inline-block;
vertical-align: top;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
div.macro_ops_wrapper .commonOps ins {
cursor: pointer;
}
div.macro_ops_wrapper .commonOps label {
display: inline-block;
padding-left: 6px;
cursor: pointer;
line-height: 25px;
position: relative;
}
div.macro_ops_wrapper .commonOps.w1 {
margin-right: 8px;
}
div.macro_ops_wrapper .commonOps.w1 label {
width: 25px;
}
div.macro_ops_wrapper .commonOps.w15 {
margin-right: 8px;
}
div.macro_ops_wrapper .commonOps.w15 label {
width: 65px;
}
div.macro_ops_wrapper .commonOps.w20 {
margin-right: 8px;
}
div.macro_ops_wrapper .commonOps.w20 label {
width: 100px;
}
div.macro_ops_wrapper .commonOps.w25 {
margin-right: 3px;
}
div.macro_ops_wrapper .commonOps.w25 label {
width: 140px;
}
div.macro_ops_wrapper .commonOps.w25_1c {
margin: 0 500px 3px 15px;
}
div.macro_ops_wrapper .commonOps.w25_1c label {
width: 140px;
}
div.macro_ops_wrapper .commonOps.w33 {
margin-right: 5px;
}
div.macro_ops_wrapper .commonOps.w33 label {
width: 205px;
}
div.macro_ops_wrapper .commonOps.w33_1c {
margin: 0 400px 3px 10px;
}
div.macro_ops_wrapper .commonOps.w33_1c label {
width: 205px;
}
div.macro_ops_wrapper .commonOps.w50 {
margin-right: 7px;
margin-bottom: 3px;
}
div.macro_ops_wrapper .commonOps.w50 label {
width: 325px;
}
div.macro_ops_wrapper .commonOps.w50_1c {
margin-right: 50px;
margin-bottom: 3px;
}
div.macro_ops_wrapper .commonOps.w50_1c label {
width: 325px;
}
div.macro_ops_wrapper .commonOps.w100 {
margin-bottom: 5px;
}
div.macro_ops_wrapper .commonOps.w100 label {
width: 710px;
}
div.macro_ops_wrapper .commonOps.h40 {
height: 40px;
}
div.macro_ops_wrapper .commonOps.h60 {
height: 60px;
}
div.macro_ops_wrapper .commonOps.h80 {
height: 80px;
}
div.macro_ops_wrapper .commonOps.padR10 {
padding-right: 10px;
}
div.macro_ops_wrapper .commonOps.marR10 {
margin-right: 10px;
}
div.macro_ops_wrapper .commonOps.alignLeft {
text-align: left;
}
div.opcion_text_solucion {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 75px;
display: inline-block;
color: #fff;
background: #ffa300;
border-color: #ffa300;
-webkit-box-shadow: 2px 3px 0 0 #cddee8;
-moz-box-shadow: 2px 3px 0 0 #cddee8;
box-shadow: 2px 3px 0 0 #cddee8;
text-align: center;
padding: 6px 3px;
font-size: 26px;
margin: 0 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
div.opcion_text_solucion span:focus {
outline: none;
}
div.op_extdivout {
display: inline-block;
cursor: pointer;
margin: 3px;
}
div.op_extdivout.op_imagen {
background-color: inherit !important;
}
.op_imagen {
cursor: pointer;
vertical-align: middle;
background: #dfdfdf;
border: 6px solid white;
}
.op_imagen.w15 {
text-align: center;
width: 120px;
}
.op_imagen.w25 {
text-align: center;
width: 195px;
}
.op_imagen.w50 {
text-align: center;
width: 390px;
}
.op_imagen.w33 {
text-align: center;
width: 265px;
}
.op_imagen.selected {
border-color: #42B2FC;
}
.sol_op_imagen {
background: #dfdfdf;
border: 6px solid white;
border-color: #42B2FC;
display: inline-block;
padding: 5px 1px;
}
.sol_op_mult {
display: inline-block;
border: 1px solid #30A2ED;
color: white;
font-weight: bold;
background-color: #30A2ED;
margin-right: 10px;
padding: 3px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
div.sol_macro_op {
text-align: center;
}
.recuadroImagen {
background: #dfdfdf;
border: 6px solid white;
}
#logicaSol .correcto img.enunimg {
background: #dfdfdf;
border: 6px solid white;
margin: -25px 0;
padding: 3px 10px;
}
#problema img.enunimg.center,
#contenidoRespuesta img.enunimg.center {
display: block;
margin: 0 auto;
}
#problema img.enunimg.left,
#contenidoRespuesta img.enunimg.left {
float: left;
margin: 0 15px 0 0;
}
#problema img.enunimg.right,
#contenidoRespuesta img.enunimg.right {
float: right;
margin: 0 0 0 15px;
}
.firstupper:first-letter {
text-transform: uppercase;
}
.firstlower:first-letter {
text-transform: lowercase;
}
.smkmacro-firstupper.op_combo .ddlabel {
display: block;
}
.smkmacro-firstupper.op_combo .ddlabel:first-letter {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.explicaSolucion {
font-size: 16px;
font-weight: normal;
margin-top: 15px !important;
}
#countersSol .resultmulti {
margin-top: 0;
}
#countersSol .resultmulti .multiopcion {
margin-left: 0;
}
.counters {
padding-top: 40px;
}
.counters .row {
text-align: left;
margin-top: 10px;
}
.counters .row .label {
color: #42B2FC;
width: 220px;
font-size: 24px;
float: left;
text-align: right;
padding-right: 30px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.counters .row .images {
display: inline-block;
text-align: left;
}
.counters div.op_imagen div.imagescounters {
border: 1px solid #aaa;
}
.counters .images img {
margin: 0 2px;
}
.counters .result {
margin-top: 60px;
text-align: left;
font-size: 28px;
}
.counters .resultmulti {
margin-top: 20px;
text-align: left;
width: 625px;
}
.counters .resultmulti .enunmulti {
padding-left: 20px;
color: #42B2FC;
font-size: 22px;
}
.counters .resultmulti #options_counters {
margin-left: 218px;
margin-top: 6px;
}
.counters .resultmulti .multiopcion .opcion {
width: 400px;
}
.counters .resultmulti .multiopcion_numero .opcion {
width: 440px;
}
.counters .resultmulti .multiopcion_numero .numero {
width: 65px;
float: right;
text-align: right;
padding-right: 5px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.counters .resultmulti .opcion {
margin-right: 200px;
margin: 7px 0;
}
.counters .resultmulti .opcion img {
margin: 3px 2px;
vertical-align: bottom;
}
div#ordenaPolinomio {
padding-top: 140px;
}
div#ordenaCompletaPolinomio {
padding-top: 110px;
}
div#ordenaCompletaPolinomio .completaText {
margin: 80px 0 20px;
font-size: 22px;
}
.sortable-hor {
display: inline-block;
}
.sortable-hor .box,
.sortable-hor .ui-state-highlight {
display: inline-block;
margin: 2px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
cursor: move;
float: left;
}
.sortable-hor.monomio .box,
.sortable-hor.monomio .ui-state-highlight {
height: 60px;
width: 80px;
padding: 15px 0 10px;
font-size: 24px;
line-height: 40px;
}
#opPolinomio {
font-size: 28px;
position: relative;
min-height: 500px;
}
#opPolinomio .expHorizontal {
margin-top: 60px;
padding-bottom: 5px;
}
#opPolinomio .wrapperExpresion {
margin-top: 140px;
}
#opPolinomio .wrapperExpresion .expresionRead,
#opPolinomio .wrapperExpresion .expresionesGeneral {
display: inline-block;
white-space: nowrap;
}
#opPolinomio #opcionesPolinomio {
margin-top: 10px;
padding-left: 10px;
font-size: 24px;
}
#opPolinomio #opcionesPolinomio .wr_opcionesPolinomio {
text-align: left;
}
#opPolinomio #opcionesPolinomio .single_option_opcionesPolinomio {
text-align: center;
margin-top: 15px;
margin-bottom: 5px;
}
#opPolinomio #expresion01 {
margin-top: 30px;
line-height: 35px;
}
#opPolinomio #expresion01 input.text {
font-size: 28px;
margin: 0 3px;
}
#opPolinomio #expresion01 input.text.textsmall {
width: 40px;
}
#opPolinomio #expresion01.ambos {
font-size: 18px;
}
#opPolinomio #expresion01 .op_combo {
margin: 0 5px !important;
}
#opPolinomio #expresion01 .op_combo .dd .ddTitle .ddTitleText {
padding-bottom: 10px;
}
#opPolinomio.op-SUMA.huecos-coeficientes,
#opPolinomio.op-RESTA.huecos-coeficientes,
#opPolinomio.op-SUMA.huecos-exponentes,
#opPolinomio.op-RESTA.huecos-exponentes {
top: -130px;
}
#opPolinomio.op-SUMA.huecos-wiris,
#opPolinomio.op-RESTA.huecos-wiris {
top: -50px;
}
#opPolinomio.huecos-wiris .smkwiris_result {
background-color: white;
position: relative;
}
#opPolinomioSol.opPolinomioSol-wiris {
margin: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 1px solid transparent;
min-width: 100px;
min-height: 30px;
display: inline-block;
font-family: STIXMathJax_Main;
}
.ui-draggable {
-ms-touch-action: none;
touch-action: none;
}
#problema {
-ms-touch-action: none;
touch-action: none;
}
.ui-draggable.ui-draggable-dragging {
z-index: 100;
}
#complet_patron #complet_patron_options {
margin-left: 10px;
margin-top: 40px;
}
#complet_patron .intro {
margin-top: 30px;
}
#complet_patron .ident_patron_muestra {
margin-top: 10px;
margin-left: 20px;
}
#ident_patron .ident_patron_muestra {
margin-top: 6px;
margin-left: 20px;
font-size: 0;
}
#ident_patron .intro {
margin: 25px 0 15px;
}
#ident_patron #complet_patron_options {
margin: 0 10px;
}
.ident_patron .intro {
color: #42B2FC;
font-size: 18px;
}
.ident_patron .ident_patron_muestra {
font-size: 0;
}
.ident_patron .hueco {
color: #666666;
font-size: 46px;
display: inline-block;
width: 51px;
text-align: center;
height: 51px;
vertical-align: top;
}
#identPatronSol {
font-size: 0;
}
#patron_creciente .ident_patron_muestra {
margin-top: 0;
margin-left: 5px;
}
#patron_creciente #complet_patron_options {
margin: 0 25px;
}
#patron_creciente .ident_patron_muestra {
margin-top: 6px;
margin-left: 20px;
}
.spanLocucion {
cursor: pointer;
}
.locucion-header {
display: inline-block;
position: relative;
}
.locucion-header .txtHeader {
display: inline-block;
vertical-align: middle;
}
.locucion-header:hover .iconoloc {
background-color: #EAE1F8;
border: solid 1px #EAE1F8;
}
@media (hover: none) {
.locucion-header:hover .iconoloc {
background-color: white;
border: solid 1px rgba(156, 119, 207, 0.2);
}
}
.bordeBotonBlanco {
box-shadow: 0px 2px 6px 0 rgba(156, 119, 207, 0.23);
border: solid 1px rgba(156, 119, 207, 0.2);
}
.iconolocOn,
.iconoloc:hover {
background-color: #EAE1F8;
border: solid 1px #EAE1F8;
}
.iconoLocOff {
background-color: white;
border: solid 1px rgba(156, 119, 207, 0.2);
}
.iconoloc {
vertical-align: middle;
display: inline-block;
background: white url('../../images/exercise/icon/icono-audio-sprite.png') 0 0 no-repeat;
background-size: 300%;
border-radius: 9px;
box-shadow: 0px 2px 6px 0 rgba(156, 119, 207, 0.23);
border: solid 1px rgba(156, 119, 207, 0.2);
}
.audio-playing .iconoloc,
.audio-playing .iconoloc.iconolocSil:after {
animation-name: icono-loc-playing-animation;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: step-start;
}
.locucion-header .iconoloc,
.compLectora .iconoloc {
width: 40px;
height: 40px;
}
.iconoloc.iconolocFon {
border: 1px dashed #909482;
}
.iconoloc.iconolocSil {
background-image: none;
border: 2px solid #9c77cf;
position: relative;
}
.iconoloc.iconolocSil:after {
background: url('../../images/exercise/icon/icono-audio-sprite.png') 0 0 no-repeat;
background-size: 300%;
background-position-y: center;
content: '';
position: absolute;
height: 100%;
width: 75%;
top: 0;
left: 50%;
transform: translateX(-50%);
}
@keyframes icono-loc-playing-animation {
0% {
background-position-x: 0;
}
25% {
background-position-x: 100%;
}
50% {
background-position-x: 50%;
}
100% {
background-position-x: 0;
}
}
@media (hover: none) {
.spanLocucionNoHeader:hover:before,
.enunciadoLocucion:hover:before {
background-color: white !important;
border: solid 1px rgba(156, 119, 207, 0.2) !important;
}
}
.spanLocucionNoHeader:before,
.enunciadoLocucion:before {
content: '';
vertical-align: middle;
display: inline-block;
background: white url('../../images/exercise/icon/icono-audio-sprite.png') 0 0 no-repeat;
background-size: 300%;
border-radius: 9px;
box-shadow: 0px 2px 6px 0 rgba(156, 119, 207, 0.23);
border: solid 1px rgba(156, 119, 207, 0.2);
}
.audio-playing .spanLocucionNoHeader:before,
.audio-playing .enunciadoLocucion:before,
.audio-playing .spanLocucionNoHeader:before.iconolocSil:after,
.audio-playing .enunciadoLocucion:before.iconolocSil:after {
animation-name: icono-loc-playing-animation;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: step-start;
}
.locucion-header .spanLocucionNoHeader:before,
.locucion-header .enunciadoLocucion:before,
.compLectora .spanLocucionNoHeader:before,
.compLectora .enunciadoLocucion:before {
width: 40px;
height: 40px;
}
.spanLocucionNoHeader:before.iconolocFon,
.enunciadoLocucion:before.iconolocFon {
border: 1px dashed #909482;
}
.spanLocucionNoHeader:before.iconolocSil,
.enunciadoLocucion:before.iconolocSil {
background-image: none;
border: 2px solid #9c77cf;
position: relative;
}
.spanLocucionNoHeader:before.iconolocSil:after,
.enunciadoLocucion:before.iconolocSil:after {
background: url('../../images/exercise/icon/icono-audio-sprite.png') 0 0 no-repeat;
background-size: 300%;
background-position-y: center;
content: '';
position: absolute;
height: 100%;
width: 75%;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.spanLocucionNoHeader.audio-playing:before,
.enunciadoLocucion.audio-playing:before {
animation-name: icono-loc-playing-animation;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: step-start;
}
.spanLocucionNoHeader:hover:before,
.enunciadoLocucion:hover:before {
background-color: #EAE1F8;
border-color: #EAE1F8;
}
.spanLocucionNoHeader.block,
.enunciadoLocucion.block {
display: inline-block;
}
.spanLocucionNoHeader.block:before,
.enunciadoLocucion.block:before {
float: left;
}
.spanLocucionNoHeader.size-em,
.enunciadoLocucion.size-em {
position: relative;
}
.spanLocucionNoHeader.size-em:before,
.enunciadoLocucion.size-em:before {
width: 1.3em;
height: 1.3em;
margin-right: 0.5em;
}
.spanLocucionNoHeader.size-em.block,
.enunciadoLocucion.size-em.block {
display: inline-block;
padding-left: 8.3em;
}
.spanLocucionNoHeader.size-em.block:before,
.enunciadoLocucion.size-em.block:before {
float: left;
margin-left: -8.3em;
}
.spanLocucionNoHeader.size-em:before,
.enunciadoLocucion.size-em:before {
vertical-align: text-bottom;
}
.spanLocucionNoHeader.block-em,
.enunciadoLocucion.block-em {
position: relative;
padding-left: 1.6em;
}
.spanLocucionNoHeader.block-em:before,
.enunciadoLocucion.block-em:before {
width: 1.3em;
height: 1.3em;
margin-right: 0;
}
.spanLocucionNoHeader.block-em.block,
.enunciadoLocucion.block-em.block {
display: inline-block;
padding-left: 8.3em;
}
.spanLocucionNoHeader.block-em.block:before,
.enunciadoLocucion.block-em.block:before {
float: left;
margin-left: -8.3em;
}
.spanLocucionNoHeader.block-em:before,
.enunciadoLocucion.block-em:before {
position: absolute;
display: inline-block;
top: 0;
left: 0;
}
.spanLocucionNoHeader.icono-display-block:before,
.enunciadoLocucion.icono-display-block:before {
display: block;
margin: 5px auto 10px;
}
.spanLocucionNoHeader.activador,
.enunciadoLocucion.activador {
display: inline-block;
cursor: pointer;
width: 80px;
height: 80px;
background-color: white ;
background-image: url("../../images/exercise/icon/play-activador.png");
background-size: 43px 49px;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 15px;
position: relative;
box-shadow: 0px 2px 6px 0 rgba(156, 119, 207, 0.23);
border: solid 1px rgba(156, 119, 207, 0.2);
}
@media (min-resolution: 1.5dppx) {
.spanLocucionNoHeader.activador,
.enunciadoLocucion.activador {
background-image: url("../../images/exercise/icon/play-activador@2x.png");
background-size: 43px 49px;
}
}
.spanLocucionNoHeader.activador:active,
.enunciadoLocucion.activador:active {
background-color: #deffc2;
background-position: 52% 52%;
border: 0;
box-shadow: none;
}
.spanLocucionNoHeader.activador:before,
.enunciadoLocucion.activador:before {
background: none;
box-shadow: none;
border: none;
}
.spanLocucionNoHeader.activador.audio-playing,
.enunciadoLocucion.activador.audio-playing {
background-image: none;
cursor: normal;
background-color: white;
}
.spanLocucionNoHeader.activador.audio-playing:before,
.enunciadoLocucion.activador.audio-playing:before,
.spanLocucionNoHeader.activador.audio-playing:after,
.enunciadoLocucion.activador.audio-playing:after {
content: '';
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100px;
border: 3px #7ac43d solid;
opacity: 0;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
animation-name: btn-activador-activation;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.spanLocucionNoHeader.activador.audio-playing:after,
.enunciadoLocucion.activador.audio-playing:after {
animation-delay: -1s;
}
.spanLocucionNoHeader.iconoLocNaranja:before,
.enunciadoLocucion.iconoLocNaranja:before {
background-image: url('../../images/exercise/icon/icono-audio-sprite-naranja.png');
}
.spanLocucionNoHeader.iconoLocNoBox:before,
.enunciadoLocucion.iconoLocNoBox:before {
background-color: transparent;
border: none;
box-shadow: none;
margin-right: 8px;
}
.spanLocucionNoHeader.iconoLocMid:before,
.enunciadoLocucion.iconoLocMid:before {
vertical-align: middle;
}
.spanLocucionNoHeader:before,
.enunciadoLocucion:before {
width: 30px;
height: 30px;
margin-right: 3px;
}
.spanLocucionNoHeader.block,
.enunciadoLocucion.block {
display: inline-block;
padding-left: 37px;
}
.spanLocucionNoHeader.block:before,
.enunciadoLocucion.block:before {
float: left;
margin-left: -37px;
}
.spanLocucionNoHeader.gra:before,
.enunciadoLocucion.gra:before {
width: 40px;
height: 40px;
margin-right: 4px;
}
.spanLocucionNoHeader.gra.block,
.enunciadoLocucion.gra.block {
display: inline-block;
padding-left: 47px;
}
.spanLocucionNoHeader.gra.block:before,
.enunciadoLocucion.gra.block:before {
float: left;
margin-left: -47px;
}
.spanLocucionNoHeader.tam50:before,
.enunciadoLocucion.tam50:before {
width: 50px;
height: 50px;
margin-right: 5px;
}
.spanLocucionNoHeader.tam50.block,
.enunciadoLocucion.tam50.block {
display: inline-block;
padding-left: 57px;
}
.spanLocucionNoHeader.tam50.block:before,
.enunciadoLocucion.tam50.block:before {
float: left;
margin-left: -57px;
}
.spanLocucionNoHeader.tam25:before,
.enunciadoLocucion.tam25:before {
width: 25px;
height: 25px;
margin-right: 6px;
}
.spanLocucionNoHeader.tam25.block,
.enunciadoLocucion.tam25.block {
display: inline-block;
padding-left: 32px;
}
.spanLocucionNoHeader.tam25.block:before,
.enunciadoLocucion.tam25.block:before {
float: left;
margin-left: -32px;
}
.spanLocucionNoHeader.no-icon:before,
.enunciadoLocucion.no-icon:before {
display: none;
}
.spanLocucionNoHeader.iconLoc-up,
.enunciadoLocucion.iconLoc-up {
margin-top: 40px !important;
}
.spanLocucionNoHeader.iconLoc-up:before,
.enunciadoLocucion.iconLoc-up:before {
width: 40px;
height: 36px;
margin-right: 4px;
}
.spanLocucionNoHeader.iconLoc-up.block,
.enunciadoLocucion.iconLoc-up.block {
display: inline-block;
padding-left: 47px;
}
.spanLocucionNoHeader.iconLoc-up.block:before,
.enunciadoLocucion.iconLoc-up.block:before {
float: left;
margin-left: -47px;
}
.spanLocucionNoHeader.iconLoc-up:before,
.enunciadoLocucion.iconLoc-up:before {
position: absolute;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
top: -38px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 0 6px 0 rgba(156, 119, 207, 0.23);
border-bottom: none;
}
.asociacion .enunciadoLocucion {
padding: 0;
background: none;
}
.macro_ops .enunciadoLocucion {
padding-left: 0 !important;
background: none !important;
}
.vmid {
vertical-align: middle !important;
}
.vbot {
vertical-align: bottom !important;
}
.vtop {
vertical-align: top !important;
}
.hleft {
text-align: left !important;
}
.hcenter {
text-align: center !important;
}
.hright {
text-align: right !important;
}
.mar5-draggable .ui-draggable {
margin: 5px;
}
.mar2-draggable .ui-draggable {
margin: 2px;
}
.mar10-draggable .ui-draggable {
margin: 10px;
}
.f0 {
font-size: 0 !important;
}
.f8 {
font-size: 8px !important;
}
.f10 {
font-size: 10px !important;
}
.f12 {
font-size: 12px !important;
}
.f14 {
font-size: 14px !important;
}
.f15 {
font-size: 15px !important;
}
.f16 {
font-size: 16px !important;
}
.f18 {
font-size: 18px !important;
}
.f20 {
font-size: 20px !important;
}
.f22 {
font-size: 22px !important;
}
.f24 {
font-size: 24px !important;
}
.f25 {
font-size: 25px !important;
}
.f26 {
font-size: 26px !important;
}
.f28 {
font-size: 28px !important;
}
.f30 {
font-size: 30px !important;
}
.f32 {
font-size: 32px !important;
}
.f34 {
font-size: 34px !important;
}
.f35 {
font-size: 35px !important;
}
.f36 {
font-size: 36px !important;
}
.f38 {
font-size: 38px !important;
}
.f40 {
font-size: 40px !important;
}
.f45 {
font-size: 45px !important;
}
.f48 {
font-size: 48px !important;
}
.f50 {
font-size: 50px !important;
}
.f55 {
font-size: 55px !important;
}
.f60 {
font-size: 60px !important;
}
.f65 {
font-size: 65px !important;
}
.f70 {
font-size: 70px !important;
}
.f75 {
font-size: 75px !important;
}
.f80 {
font-size: 80px !important;
}
.f85 {
font-size: 85px !important;
}
.f90 {
font-size: 90px !important;
}
.f95 {
font-size: 95px !important;
}
.f100 {
font-size: 100px !important;
}
.enun-verb-s {
font-size: 18px;
}
.enun-verb-m {
font-size: 20px;
}
#enunciados {
font-size: 18px;
}
.containerEnunciados,
.desc_solucion,
.pista_solucion {
position: relative;
font-size: 18px;
}
#problema input.text-s,
#problemSolution input.text-s {
width: 65px;
}
#problema input.text-n,
#problemSolution input.text-n {
width: 90px;
}
#problema input.text-l,
#problemSolution input.text-l {
width: 140px;
}
#problema input.text-xl,
#problemSolution input.text-xl {
width: 230px;
}
#problema .hidden,
#problemSolution .hidden {
display: none;
}
#problema .enun-block,
#problemSolution .enun-block {
margin-bottom: 20px;
}
#problema em,
#problemSolution em {
color: #42B2FC;
font-style: normal;
font-weight: normal;
}
#problema .resaltado-signos-morado em,
#problemSolution .resaltado-signos-morado em {
background-color: #edebe8;
color: #B58EEC;
font-weight: bold;
}
#problema .resaltado-signos-naranja em,
#problemSolution .resaltado-signos-naranja em {
background-color: #edebe8;
color: #FBA62D;
font-weight: bold;
}
#problema .emphasis,
#problemSolution .emphasis {
color: #42B2FC;
font-weight: bold;
}
#problema .col,
#problemSolution .col {
display: inline-block;
position: relative;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#problema .inline,
#problemSolution .inline {
display: inline;
}
#problema .table,
#problemSolution .table {
display: table;
border-collapse: collapse;
}
#problema .table .tr,
#problemSolution .table .tr {
display: table-row;
}
#problema .table .tr .td,
#problemSolution .table .tr .td {
display: table-cell;
}
#problema .enun-draggable,
#problemSolution .enun-draggable {
cursor: move;
}
#problema .enun-droppable-target,
#problemSolution .enun-droppable-target {
position: relative;
}
#problema .enun-cartel,
#problemSolution .enun-cartel {
display: inline-block;
border: 1px solid #c7cfdf;
background-color: #f5f8fa;
border-radius: 3px;
box-shadow: 1px 1px #d2d7df;
padding: 8px 10px;
}
#problema .border,
#problemSolution .border {
border: 1px solid #666;
}
#problema .rel,
#problemSolution .rel {
position: relative;
}
#problema .abs,
#problemSolution .abs {
position: absolute;
}
#problema .mar0,
#problemSolution .mar0 {
margin: 0 !important;
}
#problema .mar2,
#problemSolution .mar2 {
margin: 2px !important;
}
#problema .mar5,
#problemSolution .mar5 {
margin: 5px !important;
}
#problema .mar8,
#problemSolution .mar8 {
margin: 8px !important;
}
#problema .mar10,
#problemSolution .mar10 {
margin: 10px !important;
}
#problema .mar12,
#problemSolution .mar12 {
margin: 12px !important;
}
#problema .mar15,
#problemSolution .mar15 {
margin: 15px !important;
}
#problema .mar17,
#problemSolution .mar17 {
margin: 17px !important;
}
#problema .mar20,
#problemSolution .mar20 {
margin: 20px !important;
}
#problema .mar25,
#problemSolution .mar25 {
margin: 25px !important;
}
#problema .mar30,
#problemSolution .mar30 {
margin: 30px !important;
}
#problema .mar35,
#problemSolution .mar35 {
margin: 35px !important;
}
#problema .mar40,
#problemSolution .mar40 {
margin: 40px !important;
}
#problema .mar45,
#problemSolution .mar45 {
margin: 45px !important;
}
#problema .mar50,
#problemSolution .mar50 {
margin: 50px !important;
}
#problema .mart0,
#problemSolution .mart0 {
margin-top: 0 !important;
}
#problema .mart2,
#problemSolution .mart2 {
margin-top: 2px !important;
}
#problema .mart5,
#problemSolution .mart5 {
margin-top: 5px !important;
}
#problema .mart10,
#problemSolution .mart10 {
margin-top: 10px !important;
}
#problema .mart15,
#problemSolution .mart15 {
margin-top: 15px !important;
}
#problema .mart20,
#problemSolution .mart20 {
margin-top: 20px !important;
}
#problema .mart30,
#problemSolution .mart30 {
margin-top: 30px !important;
}
#problema .mart40,
#problemSolution .mart40 {
margin-top: 40px !important;
}
#problema .mart50,
#problemSolution .mart50 {
margin-top: 50px !important;
}
#problema .marb0,
#problemSolution .marb0 {
margin-bottom: 0 !important;
}
#problema .marb2,
#problemSolution .marb2 {
margin-bottom: 2px !important;
}
#problema .marb5,
#problemSolution .marb5 {
margin-bottom: 5px !important;
}
#problema .marb8,
#problemSolution .marb8 {
margin-bottom: 8px !important;
}
#problema .marb10,
#problemSolution .marb10 {
margin-bottom: 10px !important;
}
#problema .marb15,
#problemSolution .marb15 {
margin-bottom: 15px !important;
}
#problema .marb20,
#problemSolution .marb20 {
margin-bottom: 20px !important;
}
#problema .marb30,
#problemSolution .marb30 {
margin-bottom: 30px !important;
}
#problema .marb40,
#problemSolution .marb40 {
margin-bottom: 40px !important;
}
#problema .marb50,
#problemSolution .marb50 {
margin-bottom: 50px !important;
}
#problema .marl0,
#problemSolution .marl0 {
margin-left: 0 !important;
}
#problema .marl2,
#problemSolution .marl2 {
margin-left: 2px !important;
}
#problema .marl5,
#problemSolution .marl5 {
margin-left: 5px !important;
}
#problema .marl8,
#problemSolution .marl8 {
margin-left: 8px !important;
}
#problema .marl10,
#problemSolution .marl10 {
margin-left: 10px !important;
}
#problema .marl15,
#problemSolution .marl15 {
margin-left: 15px !important;
}
#problema .marl20,
#problemSolution .marl20 {
margin-left: 20px !important;
}
#problema .marl30,
#problemSolution .marl30 {
margin-left: 30px !important;
}
#problema .marr0,
#problemSolution .marr0 {
margin-right: 0 !important;
}
#problema .marr2,
#problemSolution .marr2 {
margin-right: 2px !important;
}
#problema .marr5,
#problemSolution .marr5 {
margin-right: 5px !important;
}
#problema .marr8,
#problemSolution .marr8 {
margin-right: 8px !important;
}
#problema .marr10,
#problemSolution .marr10 {
margin-right: 10px !important;
}
#problema .marr15,
#problemSolution .marr15 {
margin-right: 15px !important;
}
#problema .marr20,
#problemSolution .marr20 {
margin-right: 20px !important;
}
#problema .marr30,
#problemSolution .marr30 {
margin-right: 30px !important;
}
#problema .pad2,
#problemSolution .pad2 {
padding: 2px !important;
}
#problema .pad0,
#problemSolution .pad0 {
padding: 0 !important;
}
#problema .pad5,
#problemSolution .pad5 {
padding: 5px !important;
}
#problema .pad10,
#problemSolution .pad10 {
padding: 10px !important;
}
#problema .pad15,
#problemSolution .pad15 {
padding: 15px !important;
}
#problema .pad20,
#problemSolution .pad20 {
padding: 20px !important;
}
#problema .pad30,
#problemSolution .pad30 {
padding: 30px !important;
}
#problema .pad40,
#problemSolution .pad40 {
padding: 40px !important;
}
#problema .padt0,
#problemSolution .padt0 {
padding-top: 0 !important;
}
#problema .padt2,
#problemSolution .padt2 {
padding-top: 2px !important;
}
#problema .padt5,
#problemSolution .padt5 {
padding-top: 5px !important;
}
#problema .padt10,
#problemSolution .padt10 {
padding-top: 10px !important;
}
#problema .padt15,
#problemSolution .padt15 {
padding-top: 15px !important;
}
#problema .padt20,
#problemSolution .padt20 {
padding-top: 20px !important;
}
#problema .padb0,
#problemSolution .padb0 {
padding-bottom: 0 !important;
}
#problema .padb2,
#problemSolution .padb2 {
padding-bottom: 2px !important;
}
#problema .padb5,
#problemSolution .padb5 {
padding-bottom: 5px !important;
}
#problema .padb10,
#problemSolution .padb10 {
padding-bottom: 10px !important;
}
#problema .padb15,
#problemSolution .padb15 {
padding-bottom: 15px !important;
}
#problema .padb20,
#problemSolution .padb20 {
padding-bottom: 20px !important;
}
#problema .padb30,
#problemSolution .padb30 {
padding-bottom: 30px !important;
}
#problema .padb40,
#problemSolution .padb40 {
padding-bottom: 40px !important;
}
#problema .padb50,
#problemSolution .padb50 {
padding-bottom: 50px !important;
}
#problema .padb60,
#problemSolution .padb60 {
padding-bottom: 60px !important;
}
#problema .padb70,
#problemSolution .padb70 {
padding-bottom: 70px !important;
}
#problema .padb80,
#problemSolution .padb80 {
padding-bottom: 80px !important;
}
#problema .padb90,
#problemSolution .padb90 {
padding-bottom: 90px !important;
}
#problema .padb100,
#problemSolution .padb100 {
padding-bottom: 100px !important;
}
#problema .padl0,
#problemSolution .padl0 {
padding-left: 0 !important;
}
#problema .padl2,
#problemSolution .padl2 {
padding-left: 2px !important;
}
#problema .padl5,
#problemSolution .padl5 {
padding-left: 5px !important;
}
#problema .padl10,
#problemSolution .padl10 {
padding-left: 10px !important;
}
#problema .padl15,
#problemSolution .padl15 {
padding-left: 15px !important;
}
#problema .padl20,
#problemSolution .padl20 {
padding-left: 20px !important;
}
#problema .padr0,
#problemSolution .padr0 {
padding-right: 0 !important;
}
#problema .padr2,
#problemSolution .padr2 {
padding-right: 2px !important;
}
#problema .padr5,
#problemSolution .padr5 {
padding-right: 5px !important;
}
#problema .padr10,
#problemSolution .padr10 {
padding-right: 10px !important;
}
#problema .padr15,
#problemSolution .padr15 {
padding-right: 15px !important;
}
#problema .padr20,
#problemSolution .padr20 {
padding-right: 20px !important;
}
#problema .padr30,
#problemSolution .padr30 {
padding-right: 30px !important;
}
#problema .white,
#problemSolution .white {
color: white;
}
#problema .blue,
#problemSolution .blue {
color: #42B2FC;
}
#problema .sign,
#problemSolution .sign {
color: #42B2FC;
}
#problema .red,
#problemSolution .red {
color: #C80315;
}
#problema .transparentColor,
#problemSolution .transparentColor {
color: transparent !important;
}
#problema .animate1s,
#problemSolution .animate1s {
transition: 1s;
}
#problema .violet,
#problemSolution .violet {
color: #9C77CF;
}
#problema .orange,
#problemSolution .orange {
color: #FBA62D;
}
#problema .green,
#problemSolution .green {
color: #7ac43d;
}
#problema .yellow,
#problemSolution .yellow {
color: #ECC806;
}
#problema .black,
#problemSolution .black {
color: #000;
}
#problema .purple:not(.blue),
#problemSolution .purple:not(.blue) {
color: #835BBA;
}
#problema .textGrey,
#problemSolution .textGrey {
color: #8a8080;
}
#problema .sea-buckthorn,
#problemSolution .sea-buckthorn {
color: #FBA62D;
}
#problema .sushi,
#problemSolution .sushi {
color: #7ac43d;
}
#problema .lilac-bush,
#problemSolution .lilac-bush {
color: #9C77CF;
}
#problema .dodger-blue,
#problemSolution .dodger-blue {
color: #42B2FC;
}
#problema .chartreuse,
#problemSolution .chartreuse {
color: #74EE0F;
}
#problema .gossip,
#problemSolution .gossip {
color: #BDF98C;
}
#problema .shushi-1,
#problemSolution .shushi-1 {
color: #63B024;
}
#problema .studio,
#problemSolution .studio {
color: #835BBA;
}
#problema .biloba-flower,
#problemSolution .biloba-flower {
color: #B58EEC;
}
#problema .blue-chalk,
#problemSolution .blue-chalk {
color: #D7BBFE;
}
#problema .dodger-blue-1,
#problemSolution .dodger-blue-1 {
color: #1482FD;
}
#problema .picton-blue,
#problemSolution .picton-blue {
color: #30A2ED;
}
#problema .solitude,
#problemSolution .solitude {
color: #B9E3FF;
}
#problema .half-baked,
#problemSolution .half-baked {
color: #83C2C7;
}
#problema .monarch,
#problemSolution .monarch {
color: #9A0A17;
}
#problema .monza,
#problemSolution .monza {
color: #C80315;
}
#problema .wewak,
#problemSolution .wewak {
color: #F6ADB3;
}
#problema .tango,
#problemSolution .tango {
color: #F36D21;
}
#problema .zest,
#problemSolution .zest {
color: #e98320;
}
#problema .navajo-white,
#problemSolution .navajo-white {
color: #ffefd2;
}
#problema .corn,
#problemSolution .corn {
color: #ECC806;
}
#problema .gold,
#problemSolution .gold {
color: #FFD700;
}
#problema .golden-fizz,
#problemSolution .golden-fizz {
color: #ffff46;
}
#problema .rounded5,
#problemSolution .rounded5 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#problema .rounded10,
#problemSolution .rounded10 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#problema .border2,
#problemSolution .border2 {
border-width: 2px;
}
#problema .bg-bla,
#problemSolution .bg-bla {
background-color: white !important;
}
#problema .bg-azu,
#problemSolution .bg-azu {
background-color: #42B2FC !important;
}
#problema .bg-azu-claro,
#problemSolution .bg-azu-claro {
background-color: #d8ebfa !important;
}
#problema .bg-ver,
#problemSolution .bg-ver {
background-color: #7ac43d !important;
}
#problema .bg-ver-claro,
#problemSolution .bg-ver-claro {
background-color: #e5ffd0 !important;
}
#problema .bg-mor,
#problemSolution .bg-mor {
background-color: #9C77CF !important;
}
#problema .bg-mor-claro,
#problemSolution .bg-mor-claro {
background-color: #e7def3 !important;
}
#problema .bg-nar,
#problemSolution .bg-nar {
background-color: #FBA62D !important;
}
#problema .bg-nar-claro,
#problemSolution .bg-nar-claro {
background-color: #ffefd2 !important;
}
#problema .bg-ama,
#problemSolution .bg-ama {
background-color: #ffff4f !important;
}
#problema .bg-gris,
#problemSolution .bg-gris {
background-color: #e4ebf0;
}
#problema .bg-tropical-blue,
#problemSolution .bg-tropical-blue {
background-color: #edf6fc;
}
#problema .filled .ifempty,
#problemSolution .filled .ifempty {
display: none;
}
table.center_table {
margin-left: auto;
margin-right: auto;
}
table.enun_table {
border-collapse: collapse;
}
table.enun_table td {
border: 1px solid #ccc;
padding: 3px;
text-align: center;
vertical-align: middle;
}
table.enun_table td.vmid {
vertical-align: middle;
}
table.enun_table td.vbot {
vertical-align: bottom;
}
table.enun_table td.vtop {
vertical-align: top;
}
table.enun_table td.hleft {
text-align: left;
}
table.enun_table td.hright {
text-align: right;
}
table.enun_table .noborder {
border: 0 !important;
}
table.enun_table .borde-azu {
border: 1px solid #30A2ED;
}
table.enun_table .borde-nar {
border: 1px solid #FBA62D;
}
table.enun_table .borde-mor {
border: 1px solid #835BBA;
}
table.enun_table .borde-ver {
border: 1px solid #7ac43d;
}
table.enun_table .borde-ros {
border: 1px solid #ffa4cd;
}
table.enun_table .bg-none {
background: none !important;
}
.centrar {
margin: auto;
position: absolute !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
vertical-align: middle;
display: inline-block;
}
.circulo-10 {
width: 10px !important;
height: 10px !important;
display: inline-block;
border-radius: 5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-15 {
width: 15px !important;
height: 15px !important;
display: inline-block;
border-radius: 7.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-20 {
width: 20px !important;
height: 20px !important;
display: inline-block;
border-radius: 10px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-25 {
width: 25px !important;
height: 25px !important;
display: inline-block;
border-radius: 12.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-30 {
width: 30px !important;
height: 30px !important;
display: inline-block;
border-radius: 15px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-35 {
width: 35px !important;
height: 35px !important;
display: inline-block;
border-radius: 17.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-40 {
width: 40px !important;
height: 40px !important;
display: inline-block;
border-radius: 20px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-45 {
width: 45px !important;
height: 45px !important;
display: inline-block;
border-radius: 22.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-50 {
width: 50px !important;
height: 50px !important;
display: inline-block;
border-radius: 25px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-55 {
width: 55px !important;
height: 55px !important;
display: inline-block;
border-radius: 27.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-60 {
width: 60px !important;
height: 60px !important;
display: inline-block;
border-radius: 30px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-65 {
width: 65px !important;
height: 65px !important;
display: inline-block;
border-radius: 32.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-70 {
width: 70px !important;
height: 70px !important;
display: inline-block;
border-radius: 35px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-75 {
width: 75px !important;
height: 75px !important;
display: inline-block;
border-radius: 37.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-80 {
width: 80px !important;
height: 80px !important;
display: inline-block;
border-radius: 40px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-85 {
width: 85px !important;
height: 85px !important;
display: inline-block;
border-radius: 42.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-90 {
width: 90px !important;
height: 90px !important;
display: inline-block;
border-radius: 45px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-95 {
width: 95px !important;
height: 95px !important;
display: inline-block;
border-radius: 47.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-100 {
width: 100px !important;
height: 100px !important;
display: inline-block;
border-radius: 50px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-105 {
width: 105px !important;
height: 105px !important;
display: inline-block;
border-radius: 52.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-110 {
width: 110px !important;
height: 110px !important;
display: inline-block;
border-radius: 55px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-115 {
width: 115px !important;
height: 115px !important;
display: inline-block;
border-radius: 57.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-120 {
width: 120px !important;
height: 120px !important;
display: inline-block;
border-radius: 60px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-125 {
width: 125px !important;
height: 125px !important;
display: inline-block;
border-radius: 62.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-130 {
width: 130px !important;
height: 130px !important;
display: inline-block;
border-radius: 65px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-135 {
width: 135px !important;
height: 135px !important;
display: inline-block;
border-radius: 67.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-140 {
width: 140px !important;
height: 140px !important;
display: inline-block;
border-radius: 70px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-145 {
width: 145px !important;
height: 145px !important;
display: inline-block;
border-radius: 72.5px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.circulo-150 {
width: 150px !important;
height: 150px !important;
display: inline-block;
border-radius: 75px !important;
text-align: center;
vertical-align: middle;
position: relative;
}
.rectangulo {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.oval-100 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 200px;
height: 100px;
-moz-border-radius: 100px / 50px;
-webkit-border-radius: 100px / 50px;
border-radius: 100px / 50px;
}
.oval-90 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 180px;
height: 90px;
-moz-border-radius: 90px / 45px;
-webkit-border-radius: 90px / 45px;
border-radius: 90px / 45px;
}
.oval-80 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 160px;
height: 80px;
-moz-border-radius: 80px / 40px;
-webkit-border-radius: 80px / 40px;
border-radius: 80px / 40px;
}
.oval-70 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 140px;
height: 70px;
-moz-border-radius: 70px / 35px;
-webkit-border-radius: 70px / 35px;
border-radius: 70px / 35px;
}
.oval-60 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 120px;
height: 60px;
-moz-border-radius: 60px / 30px;
-webkit-border-radius: 60px / 30px;
border-radius: 60px / 30px;
}
.oval-50 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 100px;
height: 50px;
-moz-border-radius: 50px / 25px;
-webkit-border-radius: 50px / 25px;
border-radius: 50px / 25px;
}
.oval-40 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 80px;
height: 40px;
-moz-border-radius: 40px / 20px;
-webkit-border-radius: 40px / 20px;
border-radius: 40px / 20px;
}
.oval-30 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 60px;
height: 30px;
-moz-border-radius: 30px / 15px;
-webkit-border-radius: 30px / 15px;
border-radius: 30px / 15px;
}
.oval-20 {
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
width: 40px;
height: 20px;
-moz-border-radius: 20px / 10px;
-webkit-border-radius: 20px / 10px;
border-radius: 20px / 10px;
}
/*#enunciado#
#div[circulo-75; borde-azu;borde2 ]
#div[borde-nar; w50p; h50p;centrar;borde2]
#div[h15p;w35p;centrar] ss #div
#div
#div
*/
.borde-azu,
.text.borde-azu {
border: 1px solid #30A2ED;
}
.borde-nar,
.text.borde-nar {
border: 1px solid #FBA62D;
}
.borde-mor,
.text.borde-mor {
border: 1px solid #835BBA;
}
.borde-ver,
.text.borde-ver {
border: 1px solid #7ac43d;
}
.borde-ros,
.text.borde-ros {
border: 1px solid #ffa4cd;
}
.borde-halfbaked,
.text.borde-halfbaked {
border: 1px solid #83C2C7;
}
/* Jsxg */
.jxgbox {
/* for IE 7 */
position: relative;
overflow: hidden;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #356AA0;
border-radius: 10px;
-webkit-border-radius: 10px;
-ms-touch-action: none;
touch-action: none;
}
.JXGtext {
/* May produce artefacts in IE. Solution: setting a color explicitly. */
background-color: transparent;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
padding: 0;
margin: 0;
}
.fontNum .JXGtext {
/* May produce artefacts in IE. Solution: setting a color explicitly. */
background-color: transparent;
font-family: 'ABeeZee', sans-serif, Verdana;
padding: 0;
margin: 0;
}
.JXGinfobox {
border-style: none;
border-width: 1px;
border-color: black;
}
.JXGimage {
opacity: 1;
}
.JXGimageHighlight {
opacity: 0.6;
}
.draw-cont {
display: inline-block;
border: 1px solid #30A2ED;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.cuadTablaDiv.left {
-webkit-transform: translateX(-178px);
-moz-transform: translateX(-178px);
-o-transform: translateX(-178px);
-ms-transform: translateX(-178px);
transform: translateX(-178px);
}
.cuadTablaDiv .divError .errorMark {
position: absolute;
}
.cuadTablaDiv.hide {
opacity: 0;
pointer-events: none;
}
.verde {
color: #7ac43d;
}
.mTachar {
cursor: pointer;
}
.mTachar.style-tachado.tachado {
text-decoration: line-through;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.mTachar.style-tachado:hover:not(.tachado) {
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.mTachar.style-tachado.tachado-alternate-on {
animation: mTachar-tacharAnimation 4s infinite ease-in-out alternate;
}
.mTachar.style-tachado.tachado-alternate-off {
animation: mTachar-tacharAnimation 4s infinite ease-in-out alternate-reverse;
}
@keyframes mTachar-tacharAnimation {
0% {
text-decoration: line-through;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
100% {
text-decoration: none;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
}
.mTachar.style-subrayado.tachado {
color: #FBA62D;
text-decoration: underline;
}
@media (hover: hover) {
.mTachar.style-subrayado:hover:not(.tachado) {
color: #FDD8A1;
text-decoration: underline #FDD8A1;
}
}
.mTachar.style-subrayado.tachado-alternate-on {
animation: mTachar-subrayadoAnimation 4s infinite ease-in-out alternate;
}
.mTachar.style-subrayado.tachado-alternate-off {
animation: mTachar-subrayadoAnimation 4s infinite ease-in-out alternate-reverse;
}
@keyframes mTachar-subrayadoAnimation {
0% {
text-decoration: underline;
color: #FBA62D;
}
100% {
text-decoration: none;
color: inherit;
}
}
.mTachar.style-remarcado_amarillo.tachado {
background-color: #f3e700;
}
@media (hover: hover) {
.mTachar.style-remarcado_amarillo {
/* &.tachado.style-sombra:hover {
background-color: #fffcf3;
}*/
}
.mTachar.style-remarcado_amarillo:hover:not(.tachado) {
background-color: #FAF28F;
}
}
.mTachar.style-remarcado_amarillo.tachado-alternate-on {
animation: mTachar-remarcado_amarilloAnimation 4s infinite ease-in-out alternate;
}
.mTachar.style-remarcado_amarillo.tachado-alternate-off {
animation: mTachar-remarcado_amarilloAnimation 4s infinite ease-in-out alternate-reverse;
}
@keyframes mTachar-remarcado_amarilloAnimation {
0% {
background-color: #f3e700;
}
100% {
background-color: inherit;
}
}
.mTachar.style-remarcado_naranja.tachado {
background-color: #FBA72D;
}
@media (hover: hover) {
.mTachar.style-remarcado_naranja:hover:not(.tachado) {
background-color: #FDD8A1;
}
}
.mTachar.style-remarcado_naranja.tachado-alternate-on {
animation: mTachar-remarcado_naranjaAnimation 4s infinite ease-in-out alternate;
}
.mTachar.style-remarcado_naranja.tachado-alternate-off {
animation: mTachar-remarcado_naranjaAnimation 4s infinite ease-in-out alternate-reverse;
}
@keyframes mTachar-remarcado_naranjaAnimation {
0% {
background-color: #FBA72D;
}
100% {
background-color: inherit;
}
}
.mTachar.style-sombra:not(.tachado) {
background-color: #e1d8bb;
}
.mTachar.style-sombra.style-remarcado_amarillo.tachado-alternate-on {
animation: mTachar-remarcado_amarilloSombraAnimation 4s infinite ease-in-out alternate;
}
.mTachar.style-sombra.style-remarcado_amarillo.tachado-alternate-off {
animation: mTachar-remarcado_amarilloSombraAnimation 4s infinite ease-in-out alternate-reverse;
}
@keyframes mTachar-remarcado_amarilloSombraAnimation {
0% {
background-color: #f3e700;
}
100% {
background-color: #e1d8bb;
}
}
.mTachar.style-sombra.style-remarcado_naranja.tachado-alternate-on {
animation: mTachar-remarcado_naranjaSombraAnimation 4s infinite ease-in-out alternate;
}
.mTachar.style-sombra.style-remarcado_naranja.tachado-alternate-off {
animation: mTachar-remarcado_naranjaSombraAnimation 4s infinite ease-in-out alternate-reverse;
}
@keyframes mTachar-remarcado_naranjaSombraAnimation {
0% {
background-color: #FBA72D;
}
100% {
background-color: #e1d8bb;
}
}
.mTacharSol.tachadoSol {
text-decoration: line-through;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.modificable {
text-align: center;
cursor: pointer;
}
.modificable span.orig {
text-decoration: line-through;
color: red;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
margin-right: 5px;
display: none;
}
.modificable span.read {
display: inline-block;
min-width: 20px;
min-height: 20px;
color: #42B2FC;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0 2px;
}
.modificable span.read:not(.noborder) {
border: 1px dotted #30A2ED;
}
.modificable input.text {
display: none;
}
.modificable.text-s,
.modificable.text-s input.text {
width: 50px;
}
.modificable.text-n,
.modificable.text-n input.text {
width: 90px;
}
.modificable.text-l,
.modificable.text-l input.text {
width: 140px;
}
.modificable.text-xl,
.modificable.text-xl input.text {
width: 230px;
}
.inline-block {
display: inline-block;
}
#rellenaReloj .relojContainer {
width: 380px;
height: 380px;
position: relative;
margin: 40px auto;
}
#rellenaReloj .relojContainer #reloj {
width: 380px;
height: 380px;
}
#rellenaReloj .relojContainer .hour {
position: absolute;
width: 45px;
height: 45px;
text-align: center;
}
#rellenaReloj .relojContainer .hour.h1 {
top: 55px;
left: 235px;
}
#rellenaReloj .relojContainer .hour.h2 {
top: 102px;
left: 280px;
}
#rellenaReloj .relojContainer .hour.h3 {
top: 170px;
left: 300px;
}
#rellenaReloj .relojContainer .hour.h4 {
top: 232px;
left: 280px;
}
#rellenaReloj .relojContainer .hour.h5 {
top: 278px;
left: 234px;
}
#rellenaReloj .relojContainer .hour.h6 {
top: 298px;
left: 168px;
}
#rellenaReloj .relojContainer .hour.h7 {
top: 278px;
left: 105px;
}
#rellenaReloj .relojContainer .hour.h8 {
top: 232px;
left: 55px;
}
#rellenaReloj .relojContainer .hour.h9 {
top: 170px;
left: 40px;
}
#rellenaReloj .relojContainer .hour.h10 {
top: 103px;
left: 58px;
}
#rellenaReloj .relojContainer .hour.h11 {
top: 55px;
left: 105px;
}
#rellenaReloj .relojContainer .hour.h12 {
top: 37px;
left: 168px;
}
#rellenaReloj .relojContainer .hour input.text {
width: 45px;
height: 45px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#rellenaRelojSol .relojContainer {
width: 170px;
height: 170px;
position: relative;
margin: 5px auto;
}
#rellenaRelojSol .relojContainer #relojSol {
width: 170px;
height: 170px;
}
.relojdigtam1 {
width: 160px;
height: 80px;
display: inline-block;
}
.relojdigtam2 {
width: 330px;
height: 165px;
display: inline-block;
}
.relojDigital {
display: inline-block;
text-align: left;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.relojDigital span {
display: inline-block;
}
.relojDigital .content {
display: inline-block;
text-align: center;
}
.relojDigital .content .puntos {
vertical-align: top;
}
.relojDigital .content .pm {
vertical-align: bottom;
}
.relojDigital.tam1 {
width: 160px;
height: 80px;
padding-top: 25px;
background: url('../../images/visualizadores/reloj/160x80/vacio.png') no-repeat;
}
.relojDigital.tam1 .content {
width: 140px;
margin-left: 3px;
}
.relojDigital.tam1 .content .num {
margin: 0 2px;
}
.relojDigital.tam1 .content .puntos {
margin: 0 3px;
padding-top: 10px;
}
.relojDigital.tam2 {
width: 330px;
height: 165px;
padding-top: 52px;
background: url('../../images/visualizadores/reloj/330x165/vacio.png') no-repeat;
}
.relojDigital.tam2 .content {
width: 285px;
margin-left: 12px;
}
.relojDigital.tam2 .content .num {
margin: 0 4px;
}
.relojDigital.tam2 .content .puntos {
margin: 0 10px;
padding-top: 17px;
}
#dialogPreferencias {
display: none;
z-index: 2;
background: #F7F7F7;
position: absolute;
top: 90px;
right: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 3px solid #E7E7E7;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
font-size: 14px;
}
#dialogPreferencias .preferencia {
text-align: center;
cursor: pointer;
display: inline-block;
font-weight: bolder;
margin-top: 5px;
padding: 5px 0;
vertical-align: top;
}
#dialogPreferencias .preferencia .ON {
color: #30A2ED;
}
#dialogPreferencias .preferencia .OFF {
color: #848484;
}
#dialogPreferencias .preferencia .buttonSonido,
#dialogPreferencias .preferencia .buttonTeclado {
display: inline-block;
width: 90px;
margin: 5px 17px;
height: 90px;
border-radius: 5px;
text-align: center;
font-weight: bolder;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#dialogPreferencias .preferencia .buttonTecladoText,
#dialogPreferencias .preferencia .buttonSonidoText {
width: 90px;
text-align: center;
margin: auto;
}
#dialogPreferencias .preferencia .soundON {
background: #7FCCFF url('/images/sonido_activado.png') center center no-repeat;
}
#dialogPreferencias .preferencia .soundOFF {
background: #ffffff url('../../images/sonido_desactivado.png') -4px 4px no-repeat;
border: 1px solid #42B2FC;
}
#dialogPreferencias .preferencia .kbdON {
background: #7FCCFF url('/images/teclado_activado.png') center center no-repeat;
}
#dialogPreferencias .preferencia .kbdOFF {
background: #ffffff url('../../images/teclado_desactivado.png') center center no-repeat;
border: 1px solid #42B2FC;
}
#dialogPreferencias .dialogPreferenciasHeader {
border-bottom: 1px solid grey;
text-align: center;
}
/* BARRA DE ENERGIA */
.CHRISTMAS #barra-energia .barra-decoration {
background-image: url('../../images/exercise/barra-energia/xmas/nieve-barra.png');
background-size: 307px 46px;
width: 307px;
height: 46px;
position: absolute;
top: 9px;
left: 54px;
}
@media (min-resolution: 1.5dppx) {
.CHRISTMAS #barra-energia .barra-decoration {
background-image: url("../../images/exercise/barra-energia/xmas/nieve-barra@2x.png");
background-size: 307px 46px;
}
}
.CHRISTMAS #barra-energia #ticksAlumno {
background: #70c6ff;
}
.CHRISTMAS #barra-energia .ticksContainer .energybar-tick.noanim.dosF,
.CHRISTMAS #barra-energia .ticksContainer .energybar-tick.noanim.tresF {
display: none;
}
.CHRISTMAS #barra-energia .ticksContainer .energybar-tick.noanim.unoF {
background-image: url('../../images/exercise/barra-energia/xmas/arbol.png');
background-size: 39px 69px;
width: 39px;
height: 69px;
top: 2px;
right: -2px;
}
@media (min-resolution: 1.5dppx) {
.CHRISTMAS #barra-energia .ticksContainer .energybar-tick.noanim.unoF {
background-image: url("../../images/exercise/barra-energia/xmas/arbol@2x.png");
background-size: 39px 69px;
}
}
.CHRISTMAS #barra-energia .ticksContainer .energybar-tick.noanim.unoF.energybar-tick--active {
background-image: url('../../images/exercise/barra-energia/xmas/arbol-activo.png');
background-size: 39px 69px;
}
@media (min-resolution: 1.5dppx) {
.CHRISTMAS #barra-energia .ticksContainer .energybar-tick.noanim.unoF.energybar-tick--active {
background-image: url("../../images/exercise/barra-energia/xmas/arbol-activo@2x.png");
background-size: 39px 69px;
}
}
#barra-energia {
vertical-align: middle;
position: relative;
display: inline-block;
height: 80px;
width: 400px;
}
#barra-energia .barra {
position: absolute;
width: 300px;
height: 32px;
border: 1px solid #9eb3ca;
background-color: #ebf3fd;
box-sizing: border-box;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
top: 24px;
left: 60px;
overflow: hidden;
}
#barra-energia .barra .marca {
display: none;
position: absolute;
bottom: 0;
height: 23px;
width: 1px;
background: #9eb3ca;
}
#barra-energia .barra .marca.uno {
left: 74px;
}
#barra-energia .barra .marca.dos {
left: 149px;
}
#barra-energia .barra .marca.tres {
left: 224px;
}
#barra-energia .barras {
position: absolute;
bottom: 0;
display: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 30px;
top: 0;
}
#barra-energia .ticksContainer {
position: absolute;
top: 0;
height: 80px;
left: 60px;
width: 335px;
display: none;
}
#barra-energia .ticksContainer .energybar-tick {
background-image: url('../../images/exercise/barra-energia/tick.png');
background-size: 19px 20px;
width: 19px;
height: 20px;
position: absolute;
top: 2px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia .ticksContainer .energybar-tick {
background-image: url("../../images/exercise/barra-energia/tick@2x.png");
background-size: 19px 20px;
}
}
#barra-energia .ticksContainer .energybar-tick.energybar-tick--active {
background-image: url('../../images/exercise/barra-energia/tick-activo.png');
background-size: 21px 20px;
width: 21px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia .ticksContainer .energybar-tick.energybar-tick--active {
background-image: url("../../images/exercise/barra-energia/tick-activo@2x.png");
background-size: 21px 20px;
}
}
#barra-energia .ticksContainer .energybar-tick.uno {
left: 68px;
}
#barra-energia .ticksContainer .energybar-tick.dos {
left: 143px;
}
#barra-energia .ticksContainer .energybar-tick.tres {
left: 218px;
}
#barra-energia .ticksContainer .energybar-tick.unoF,
#barra-energia .ticksContainer .energybar-tick.dosF,
#barra-energia .ticksContainer .energybar-tick.tresF {
right: 2px;
}
#barra-energia .ticksContainer .energybar-tick.unoF {
top: 15px;
}
#barra-energia .ticksContainer .energybar-tick.dosF {
top: 25px;
}
#barra-energia .ticksContainer .energybar-tick.tresF {
top: 35px;
}
#barra-energia .ticksContainer .energybar-tick.anim {
width: 147px;
height: 140px;
background: url('../../images/exercise/barra-energia/tick-enorme-activo.png') no-repeat 0 0;
transform-origin: 50% 50%;
animation: tickScale 3600ms;
transform: rotate(0deg) scale(0.2);
z-index: 10;
}
#barra-energia .ticksContainer .energybar-tick.animSpark {
animation: tickSpark 500ms infinite;
background: url('../../images/exercise/barra-energia/tick-no-activo-sin-tick.png') no-repeat center 0;
}
#barra-energia .ticksContainer .energybar-tick.animSparkTrail {
background: url('../../images/exercise/barra-energia/tick-no-activo-sin-tick.png') no-repeat center 0;
background-size: cover;
z-index: 9;
}
#barra-energia .ticksContainer .energybar-tick.animSparkTrail.animSparkTrail-0 {
width: 20px;
height: 20px;
transform: translate(63px, 62px);
}
#barra-energia .ticksContainer .energybar-tick.animSparkTrail.animSparkTrail-1 {
width: 16px;
height: 16px;
transform: translate(65px, 64px);
}
#barra-energia .ticksContainer .energybar-tick.animSparkTrail.animSparkTrail-2 {
width: 12px;
height: 12px;
transform: translate(67px, 66px);
}
#barra-energia .ticksContainer .energybar-tick.animSparkTrail.animSparkTrail-3 {
width: 8px;
height: 8px;
transform: translate(69px, 68px);
}
#barra-energia .ticksContainer .energybar-tick.animSparkTrail.animSparkTrail-4 {
width: 4px;
height: 4px;
transform: translate(71px, 70px);
}
#barra-energia .ticksContainer .energybar-tick.animShine {
animation: tickShine 250ms;
z-index: 10;
}
#barra-energia .ticksContainer .energybar-tick.animShine.animSparkTrail {
z-index: 9;
}
#barra-energia .ticksContainer .energybar-tick.animContainer {
background: url('../../images/exercise/barra-energia/tickVacio.png') no-repeat center 0;
}
@keyframes tickScale {
0% {
transform: rotate(0deg) scale(0.3);
}
60% {
transform: rotate(360deg) scale(1);
}
80% {
transform: rotate(360deg) scale(1);
}
100% {
transform: rotate(90deg) scale(0.25);
}
}
@keyframes tickSpark {
0% {
transform: translateY(0px) scale(0.85);
}
100% {
transform: translateY(70px) scale(0.1);
}
}
@keyframes tickShine {
0% {
filter: brightness(5) grayscale(50);
}
100% {
filter: brightness(1) grayscale(0);
}
}
#barra-energia.barraNormal .barra {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
#barra-energia.barraNormal .containerBarraNormal {
display: inline-block;
}
#barra-energia.barraNormal .barraVelocidadCorrecta {
display: inline-block;
background-color: #c7cfdf;
}
#barra-energia.barraNormal .barra .marca {
display: inline-block;
}
#barra-energia.barraNormal .barraEnergia {
display: inline-block;
/*&.tiempoKo{
background-color: @rojoMonarch;
}*/
opacity: 0.7;
}
#barra-energia.barraNormal .barraEnergia.tiempoOk {
background-color: #7ac43d;
}
#barra-energia.barraExtra .containerTicksExtra.ticksContainer {
display: inline-block;
}
#barra-energia.barraExtra .containerTicksExtra.ticksContainer .energybar-tick.extra1 {
top: 17px;
right: 6px;
width: 46px;
height: 45px;
background-image: url('../../images/exercise/barra-energia/tick-extra.png');
background-size: 46px 45px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia.barraExtra .containerTicksExtra.ticksContainer .energybar-tick.extra1 {
background-image: url("../../images/exercise/barra-energia/tick-extra@2x.png");
background-size: 46px 45px;
}
}
#barra-energia.barraExtra .containerTicksExtra.ticksContainer .energybar-tick.extra2 {
top: 30px;
right: 17px;
}
#barra-energia.barraExtra .containerTicksExtra.ticksContainer .energybar-tick.extra3 {
width: 49px;
height: 47px;
background-image: url('../../images/exercise/barra-energia/tick-extra-activado.png');
background-size: 49px 47px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia.barraExtra .containerTicksExtra.ticksContainer .energybar-tick.extra3 {
background-image: url("../../images/exercise/barra-energia/tick-extra-activado@2x.png");
background-size: 49px 47px;
}
}
#barra-energia #ticksAlumno {
position: absolute;
background: #FBA62D;
border-radius: 40px;
box-sizing: border-box;
border: 2px solid white;
height: 64px;
width: 64px;
left: 1px;
top: 8px;
}
#barra-energia #ticksAlumno .pastillaTicks {
text-align: center;
width: 64px;
position: absolute;
top: 16px;
left: 0;
color: white;
transition: 0.5s ease-in-out;
}
#barra-energia #ticksAlumno .pastillaTicks span {
vertical-align: middle;
margin-left: 2px;
}
#barra-energia #ticksAlumno .pastillaTicks .numTicks {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 22px;
display: inline-block;
}
#barra-energia #ticksAlumno .pastillaTicks .estrella {
background-image: url('../../images/exercise/barra-energia/tick-activo.png');
background-size: 21px 20px;
width: 21px;
display: inline-block;
height: 20px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia #ticksAlumno .pastillaTicks .estrella {
background-image: url("../../images/exercise/barra-energia/tick-activo@2x.png");
background-size: 21px 20px;
}
}
#barra-energia #ticksAlumno .pastillaTicks.grow {
transform: scale(1.4);
}
#barra-energia.barraNormal .barraVelocidadCorrecta {
display: inline-block;
}
#barra-energia.barraNormal .ticksContainer.containerBarraNormal {
display: inline-block;
}
#barra-energia.barraExtra .barra {
background: #c7cfdf;
border: 2px solid #ffa500;
}
#barra-energia.barraExtra .ticksContainer.containerTicksExtra {
display: inline-block;
}
#barra-energia.barraExtra .barraEnergia {
display: inline-block;
height: 28px;
background: #f9b032 linear-gradient(to left, #f9b032, #ffff46);
}
#barra-energia.barraExamen .barra {
background: #ebf4fd none;
border: 1px solid #9eb3ca;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
#barra-energia.barraExamen .barraEnergia {
background-color: #7ac43d;
display: inline-block;
left: 0;
}
#barra-energia.barraExamen .barraEnergiaCopia {
background-color: #42B2FC;
display: inline-block;
right: 0;
}
#barra-energia.barraExamen .mencion-arriba {
position: absolute;
width: 58px;
height: 45px;
display: inline-block;
top: 18px;
left: 353px;
}
#barra-energia.barraExamen .mencion-arriba.DIAMANTE {
background-image: url('../../images/exercise/barra-energia/examen/icono-diamante-hor.png');
background-size: 58px 45px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia.barraExamen .mencion-arriba.DIAMANTE {
background-image: url("../../images/exercise/barra-energia/examen/icono-diamante-hor@2x.png");
background-size: 58px 45px;
}
}
#barra-energia.barraExamen .mencion-arriba.ORO {
background-image: url('../../images/exercise/barra-energia/examen/icono-oro-hor.png');
background-size: 58px 45px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia.barraExamen .mencion-arriba.ORO {
background-image: url("../../images/exercise/barra-energia/examen/icono-oro-hor@2x.png");
background-size: 58px 45px;
}
}
#barra-energia.barraExamen .mencion-arriba.PLATA {
background-image: url('../../images/exercise/barra-energia/examen/icono-plata-hor.png');
background-size: 58px 45px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia.barraExamen .mencion-arriba.PLATA {
background-image: url("../../images/exercise/barra-energia/examen/icono-plata-hor@2x.png");
background-size: 58px 45px;
}
}
#barra-energia.barraExamen .mencion-arriba.BRONCE {
background-image: url('../../images/exercise/barra-energia/examen/icono-bronce-hor.png');
background-size: 58px 45px;
}
@media (min-resolution: 1.5dppx) {
#barra-energia.barraExamen .mencion-arriba.BRONCE {
background-image: url("../../images/exercise/barra-energia/examen/icono-bronce-hor@2x.png");
background-size: 58px 45px;
}
}
@media (max-height: 700px) {
#barra-energia.barraExamen .mencion-abajo {
width: 60px;
height: 84px;
left: 4px;
top: -2px;
background-size: 60px 84px;
}
#barra-energia.barraExamen .mencion-abajo .pastillaTicks {
bottom: 7px;
}
}
@media (min-height: 700px) {
#barra-energia.barraExamen .mencion-abajo {
width: 63px;
height: 90px;
background-size: 63px 90px;
left: 1px;
top: -5px;
}
#barra-energia.barraExamen .mencion-abajo .pastillaTicks {
bottom: 9px;
}
}
#barra-energia.barraExamen .mencion-abajo {
position: absolute;
display: inline-block;
box-sizing: border-box;
background-repeat: no-repeat;
}
#barra-energia.barraExamen .mencion-abajo .pastillaTicks {
position: absolute;
width: 62px;
text-align: center;
height: 22px;
left: 2px;
}
#barra-energia.barraExamen .mencion-abajo .pastillaTicks span {
margin: 0 3px;
}
#barra-energia.barraExamen .mencion-abajo .pastillaTicks .numTicks {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 20px;
display: inline-block;
vertical-align: top;
color: white;
}
#barra-energia.barraExamen .mencion-abajo .diamanteAnimacion {
background-image: url('../../images/exercise/diplomaDiamante/diamante.png');
background-size: 123px 115px;
width: 123px;
height: 115px;
left: -30px;
top: -27px;
position: absolute;
z-index: 110;
transform: scale(0.4) rotate(23deg);
opacity: 0;
}
@media (min-resolution: 1.5dppx) {
#barra-energia.barraExamen .mencion-abajo .diamanteAnimacion {
background-image: url("../../images/exercise/diplomaDiamante/diamante@2x.png");
background-size: 123px 115px;
}
}
#barra-energia.barraExamen .mencion-abajo.NONE {
background-image: url('../../images/exercise/barra-energia/examen/icono-sin-mencion@2x.png');
}
#barra-energia.barraExamen .mencion-abajo.DIAMANTE {
background-image: url('../../images/exercise/barra-energia/examen/icono-diamante-ver@2x.png');
}
#barra-energia.barraExamen .mencion-abajo.ORO {
background-image: url('../../images/exercise/barra-energia/examen/icono-oro-ver@2x.png');
}
#barra-energia.barraExamen .mencion-abajo.PLATA {
background-image: url('../../images/exercise/barra-energia/examen/icono-plata-ver@2x.png');
}
#barra-energia.barraExamen .mencion-abajo.BRONCE {
background-image: url('../../images/exercise/barra-energia/examen/icono-bronce-ver@2x.png');
}
#barra-energia.barraExamen .mencion-abajo .estrella {
background-repeat: no-repeat;
background-image: url('../../images/exercise/barra-energia/tick-activo.png');
background-size: 21px 20px;
display: inline-block;
height: 21px;
width: 20px;
vertical-align: middle;
}
@media (min-resolution: 1.5dppx) {
#barra-energia.barraExamen .mencion-abajo .estrella {
background-image: url("../../images/exercise/barra-energia/tick-activo@2x.png");
background-size: 21px 20px;
}
}
.avisoDiploma {
visibility: hidden;
width: 1000px;
height: 600px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 12px;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 105;
}
.avisoDiploma .azul {
background-image: url('../../images/exercise/diplomaDiamante/azul.png');
background-size: 403px 418px;
width: 403px;
height: 418px;
position: absolute;
right: 0px;
bottom: 0;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .azul {
background-image: url("../../images/exercise/diplomaDiamante/azul@2x.png");
background-size: 403px 418px;
}
}
.avisoDiploma .azul .azulMano {
background-image: url('../../images/exercise/diplomaDiamante/azul_mano.png');
background-size: 171px 252px;
width: 171px;
height: 252px;
z-index: -1;
position: absolute;
left: -109px;
bottom: 0px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .azul .azulMano {
background-image: url("../../images/exercise/diplomaDiamante/azul_mano@2x.png");
background-size: 171px 252px;
}
}
.avisoDiploma .naranja {
background-image: url('../../images/exercise/diplomaDiamante/naranja.png');
background-size: 392px 379px;
width: 392px;
height: 379px;
position: absolute;
left: 0px;
bottom: 0;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .naranja {
background-image: url("../../images/exercise/diplomaDiamante/naranja@2x.png");
background-size: 392px 379px;
}
}
.avisoDiploma .naranja .naranjaMano {
background-image: url('../../images/exercise/diplomaDiamante/naranja_mano.png');
background-size: 170px 212px;
width: 170px;
height: 212px;
z-index: -1;
position: absolute;
right: -105px;
bottom: -5px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .naranja .naranjaMano {
background-image: url("../../images/exercise/diplomaDiamante/naranja_mano@2x.png");
background-size: 170px 212px;
}
}
.avisoDiploma .banderola {
background-image: url('../../images/exercise/diplomaDiamante/banderola.png');
background-size: 651px 176px;
filter: hue-rotate(45deg) saturate(3);
-webkit-filter: hue-rotate(45deg) saturate(3);
width: 651px;
height: 176px;
position: absolute;
left: 200px;
top: 0;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .banderola {
background-image: url("../../images/exercise/diplomaDiamante/banderola@2x.png");
background-size: 651px 176px;
}
}
.avisoDiploma .banderola .textoBanderola {
width: 650px;
height: 200px;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
font-size: 44px;
font-weight: bold;
color: white;
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
margin-top: 10px;
}
.avisoDiploma .confettiContainer {
position: absolute;
width: 1000px;
height: 200px;
left: 0px;
top: -200px;
z-index: 4;
}
.avisoDiploma .confettiContainer .confetti {
width: 61px;
height: 121px;
position: absolute;
top: 0px;
}
.avisoDiploma .confettiContainer .confetti.c1,
.avisoDiploma .confettiContainer .confetti.c3,
.avisoDiploma .confettiContainer .confetti.c5 {
background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul.png");
background-size: 312px 146px;
width: 78px;
height: 146px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .confettiContainer .confetti.c1,
.avisoDiploma .confettiContainer .confetti.c3,
.avisoDiploma .confettiContainer .confetti.c5 {
background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul@2x.png");
background-size: 312px 146px;
}
}
.avisoDiploma .confettiContainer .confetti.c2,
.avisoDiploma .confettiContainer .confetti.c4 {
background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul.png");
background-size: 312px 146px;
width: 78px;
height: 146px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .confettiContainer .confetti.c2,
.avisoDiploma .confettiContainer .confetti.c4 {
background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul@2x.png");
background-size: 312px 146px;
}
}
.avisoDiploma .confettiContainer .confetti.c4,
.avisoDiploma .confettiContainer .confetti.c5 {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.avisoDiploma .brillo {
background-image: url('../../images/exercise/diplomaDiamante/luz.png');
background-size: 600px 600px;
width: 600px;
height: 600px;
position: absolute;
left: 210px;
top: -10px;
z-index: -1;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .brillo {
background-image: url("../../images/exercise/diplomaDiamante/luz@2x.png");
background-size: 600px 600px;
}
}
.avisoDiploma .cinta {
background-image: url('../../images/exercise/diplomaDiamante/cinta.png');
background-size: 414px 119px;
width: 414px;
height: 119px;
position: absolute;
left: 300px;
top: 210px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .cinta {
background-image: url("../../images/exercise/diplomaDiamante/cinta@2x.png");
background-size: 414px 119px;
}
}
.avisoDiploma .chapa {
background-image: url('../../images/exercise/diplomaDiamante/chapa.png');
background-size: 179px 192px;
width: 179px;
height: 192px;
left: 420px;
top: 180px;
position: absolute;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .chapa {
background-image: url("../../images/exercise/diplomaDiamante/chapa@2x.png");
background-size: 179px 192px;
}
}
.avisoDiploma .diamante {
background-image: url('../../images/exercise/diplomaDiamante/diamante.png');
background-size: 123px 115px;
width: 123px;
height: 115px;
left: 450px;
top: 215px;
position: absolute;
}
@media (min-resolution: 1.5dppx) {
.avisoDiploma .diamante {
background-image: url("../../images/exercise/diplomaDiamante/diamante@2x.png");
background-size: 123px 115px;
}
}
.avisoDiplomaFin {
visibility: hidden;
width: 1000px;
height: 600px;
background-color: rgba(0, 0, 0, 0.5);
background-image: url('../../images/exercise/diploma-fin/background.png');
background-size: 1000px 600px;
border-radius: 12px;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 105;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin {
background-image: url("../../images/exercise/diploma-fin/background@2x.png");
background-size: 1000px 600px;
}
}
.avisoDiplomaFin .sombra {
width: 1000px;
height: 520px;
position: absolute;
left: 0;
top: 0;
background-image: linear-gradient(to bottom, black 0%, black 90%, rgba(0, 0, 0, 0) 100%);
}
.avisoDiplomaFin .suelo {
width: 1000px;
height: 186px;
position: absolute;
left: 0;
top: 412px;
background-image: url('../../images/exercise/diploma-fin/suelo.png');
background-size: 1000px 186px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .suelo {
background-image: url("../../images/exercise/diploma-fin/suelo@2x.png");
background-size: 1000px 186px;
}
}
.avisoDiplomaFin .cortina {
width: 500px;
height: 512px;
position: absolute;
left: 0;
top: 0px;
background-image: url('../../images/exercise/diploma-fin/cortina.png');
background-size: 500px 512px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .cortina {
background-image: url("../../images/exercise/diploma-fin/cortina@2x.png");
background-size: 500px 512px;
}
}
.avisoDiplomaFin .cortina.der {
left: 500px;
}
.avisoDiplomaFin .cortina.arriba {
width: 1000px;
height: 105px;
position: absolute;
left: 0;
top: 0px;
background-image: url('../../images/exercise/diploma-fin/cortina-arriba.png');
background-size: 1000px 105px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .cortina.arriba {
background-image: url("../../images/exercise/diploma-fin/cortina-arriba@2x.png");
background-size: 1000px 105px;
}
}
.avisoDiplomaFin .logo {
width: 567px;
height: 489px;
position: absolute;
left: 215px;
top: 0;
background-image: url('../../images/exercise/diploma-fin/logo.png');
background-size: 567px 489px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .logo {
background-image: url("../../images/exercise/diploma-fin/logo@2x.png");
background-size: 567px 489px;
}
}
.avisoDiplomaFin .luz {
width: 321px;
height: 481px;
position: absolute;
left: 340px;
top: 0px;
background-image: url('../../images/exercise/diploma-fin/luz.png');
background-size: 321px 481px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .luz {
background-image: url("../../images/exercise/diploma-fin/luz@2x.png");
background-size: 321px 481px;
}
}
.avisoDiplomaFin .avatar {
width: 225px;
height: 300px;
position: absolute;
left: 360px;
top: 135px;
transform: scale(0.75);
}
.avisoDiplomaFin .avatar img {
position: absolute;
}
.avisoDiplomaFin .naranja {
width: 379px;
height: 398px;
position: absolute;
left: 0px;
top: 64px;
background-image: url(../../images/exercise/diploma-fin/clicky_pulgar.png);
background-size: 379px 398px;
transform: scale(0.75);
transform-origin: bottom;
}
.avisoDiplomaFin .azul {
width: 387px;
height: 430px;
position: absolute;
left: 625px;
top: 35px;
background-image: url(../../images/exercise/diploma-fin/ticky_pulgar.png);
background-size: 387px 430px;
transform: scale(0.75);
transform-origin: bottom;
}
.avisoDiplomaFin .sombraFigura {
width: 200px;
height: 40px;
position: absolute;
left: 400px;
top: 440px;
background-image: radial-gradient(black 0%, black 35%, transparent 70%);
}
.avisoDiplomaFin .sombraFigura.izq {
left: 90px;
}
.avisoDiplomaFin .sombraFigura.der {
left: 710px;
}
.avisoDiplomaFin .banderola {
background-image: url('../../images/exercise/diploma-fin/banda.png');
background-size: 326px 110px;
width: 651px;
height: 176px;
position: absolute;
left: 200px;
top: 0;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .banderola {
background-image: url("../../images/exercise/diploma-fin/banda@2x.png");
background-size: 326px 110px;
}
}
.avisoDiplomaFin .banderola .textoBanderola {
width: 650px;
height: 200px;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
font-size: 44px;
font-weight: bold;
color: white;
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
margin-top: 10px;
}
.avisoDiplomaFin .confettiContainer {
position: absolute;
width: 1000px;
height: 200px;
left: 0;
top: -200px;
z-index: 4;
}
.avisoDiplomaFin .confettiContainer .confetti {
width: 61px;
height: 121px;
position: absolute;
top: 0;
filter: hue-rotate(215deg) saturate(0.75) brightness(1.5);
-webkit-filter: hue-rotate(215deg) saturate(0.75) brightness(1.5);
}
.avisoDiplomaFin .confettiContainer .confetti.c1,
.avisoDiplomaFin .confettiContainer .confetti.c3,
.avisoDiplomaFin .confettiContainer .confetti.c5 {
background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul.png");
background-size: 312px 146px;
width: 78px;
height: 146px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .confettiContainer .confetti.c1,
.avisoDiplomaFin .confettiContainer .confetti.c3,
.avisoDiplomaFin .confettiContainer .confetti.c5 {
background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul@2x.png");
background-size: 312px 146px;
}
}
.avisoDiplomaFin .confettiContainer .confetti.c2,
.avisoDiplomaFin .confettiContainer .confetti.c4 {
background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul.png");
background-size: 312px 146px;
width: 78px;
height: 146px;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .confettiContainer .confetti.c2,
.avisoDiplomaFin .confettiContainer .confetti.c4 {
background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul@2x.png");
background-size: 312px 146px;
}
}
.avisoDiplomaFin .confettiContainer .confetti.c4,
.avisoDiplomaFin .confettiContainer .confetti.c5 {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.avisoDiplomaFin .diamante {
background-image: url('../../images/exercise/diplomaDiamante/diamante.png');
background-size: 123px 115px;
width: 123px;
height: 115px;
left: 450px;
top: 215px;
position: absolute;
}
@media (min-resolution: 1.5dppx) {
.avisoDiplomaFin .diamante {
background-image: url("../../images/exercise/diplomaDiamante/diamante@2x.png");
background-size: 123px 115px;
}
}
#contenidoEjercicio .hidetilfocus {
display: none;
}
.formatMiles {
white-space: nowrap;
}
.autogrow::-ms-clear {
width: 0;
height: 0;
}
.av_bocad {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.av_bocad_s {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
}
.av1BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar1_cortoAma.png") 0 0 no-repeat;
}
.av1BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar1_cortoAzu.png") 0 0 no-repeat;
}
.av2BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar2_cortoAma.png") 0 0 no-repeat;
}
.av2BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar2_cortoAzu.png") 0 0 no-repeat;
}
.av3BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar3_cortoAma.png") 0 0 no-repeat;
}
.av3BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar3_cortoAzu.png") 0 0 no-repeat;
}
.av4BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar4_cortoAma.png") 0 0 no-repeat;
}
.av4BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar4_cortoAzu.png") 0 0 no-repeat;
}
.av5BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar5_cortoAma.png") 0 0 no-repeat;
}
.av5BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar5_cortoAzu.png") 0 0 no-repeat;
}
.av6BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar6_cortoAma.png") 0 0 no-repeat;
}
.av6BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar6_cortoAzu.png") 0 0 no-repeat;
}
.av7BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar7_cortoAma.png") 0 0 no-repeat;
}
.av7BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar7_cortoAzu.png") 0 0 no-repeat;
}
.av8BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar8_cortoAma.png") 0 0 no-repeat;
}
.av8BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar8_cortoAzu.png") 0 0 no-repeat;
}
.av9BocadilloAmaS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar9_cortoAma.png") 0 0 no-repeat;
}
.av9BocadilloAzuS {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 103px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar9_cortoAzu.png") 0 0 no-repeat;
}
.av_bocad_b {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
}
.av1BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar1_bajoAzu.png") 0 0 no-repeat;
}
.av2BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar2_bajoAzu.png") 0 0 no-repeat;
}
.av3BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar3_bajoAzu.png") 0 0 no-repeat;
}
.av4BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar4_bajoAzu.png") 0 0 no-repeat;
}
.av5BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar5_bajoAzu.png") 0 0 no-repeat;
}
.av6BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar6_bajoAzu.png") 0 0 no-repeat;
}
.av7BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar7_bajoAzu.png") 0 0 no-repeat;
}
.av8BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar8_bajoAzu.png") 0 0 no-repeat;
}
.av9BocadilloAzuB {
display: inline-block;
text-align: center ;
float: left;
height: 290px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
padding: 2px 3px 0 3px;
background: url("../../images/avatares/avatar_bocadillo/avatar9_bajoAzu.png") 0 0 no-repeat;
}
.av_bocad_m {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
}
.av1BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar1_medAma.png") 0 0 no-repeat;
}
.av1BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar1_medAzu.png") 0 0 no-repeat;
}
.av2BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar2_medAma.png") 0 0 no-repeat;
}
.av2BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar2_medAzu.png") 0 0 no-repeat;
}
.av3BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar3_medAma.png") 0 0 no-repeat;
}
.av3BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar3_medAzu.png") 0 0 no-repeat;
}
.av4BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar4_medAma.png") 0 0 no-repeat;
}
.av4BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar4_medAzu.png") 0 0 no-repeat;
}
.av5BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar5_medAma.png") 0 0 no-repeat;
}
.av5BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar5_medAzu.png") 0 0 no-repeat;
}
.av6BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar6_medAma.png") 0 0 no-repeat;
}
.av6BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar6_medAzu.png") 0 0 no-repeat;
}
.av7BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar7_medAma.png") 0 0 no-repeat;
}
.av7BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar7_medAzu.png") 0 0 no-repeat;
}
.av8BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar8_medAma.png") 0 0 no-repeat;
}
.av8BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar8_medAzu.png") 0 0 no-repeat;
}
.av9BocadilloAmaM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar9_medAma.png") 0 0 no-repeat;
}
.av9BocadilloAzuM {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 295px;
padding: 5px 30px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar9_medAzu.png") 0 0 no-repeat;
}
.av_bocad_l {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
}
.av1BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar1_largoAma.png") 0 0 no-repeat;
}
.av1BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar1_largoAzu.png") 0 0 no-repeat;
}
.av2BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar2_largoAma.png") 0 0 no-repeat;
}
.av2BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar2_largoAzu.png") 0 0 no-repeat;
}
.av3BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar3_largoAma.png") 0 0 no-repeat;
}
.av3BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar3_largoAzu.png") 0 0 no-repeat;
}
.av4BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar4_largoAma.png") 0 0 no-repeat;
}
.av4BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar4_largoAzu.png") 0 0 no-repeat;
}
.av5BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar5_largoAma.png") 0 0 no-repeat;
}
.av5BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar5_largoAzu.png") 0 0 no-repeat;
}
.av6BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar6_largoAma.png") 0 0 no-repeat;
}
.av6BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar6_largoAzu.png") 0 0 no-repeat;
}
.av7BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar7_largoAma.png") 0 0 no-repeat;
}
.av7BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar7_largoAzu.png") 0 0 no-repeat;
}
.av8BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar8_largoAma.png") 0 0 no-repeat;
}
.av8BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar8_largoAzu.png") 0 0 no-repeat;
}
.av9BocadilloAmaL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar9_largoAma.png") 0 0 no-repeat;
}
.av9BocadilloAzuL {
display: inline-block;
text-align: center ;
float: left;
height: 380px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 360px;
padding: 5px 20px 0 10px;
background: url("../../images/avatares/avatar_bocadillo/avatar9_largoAzu.png") 0 0 no-repeat;
}
.answerbandanumerica {
text-align: center;
}
.answerbandanumerica .banda {
display: inline-block;
font-size: 0;
text-align: center;
background-color: #f1f5f6;
cursor: pointer;
vertical-align: top;
}
.answerbandanumerica .banda .bloque {
box-sizing: border-box;
display: inline-block;
width: 60px;
height: 62px;
position: relative;
margin-left: -1px;
}
.answerbandanumerica .banda .bloque .data {
position: absolute;
width: 60px;
height: 62px;
box-sizing: border-box;
border: 1px solid #c8c8c8;
font-size: 36px;
font-family: 'ABeeZee', sans-serif, Verdana;
top: 0;
left: 0;
padding-top: 7px;
}
.answerbandanumerica .banda .bloque.active .data {
border: 1px solid #724aaa;
background-color: #9e78cf;
color: white;
}
.answerbandanumerica .banda .bloque.selected .data {
width: 66px;
height: 68px;
top: -3px;
left: -3px;
font-size: 48px;
border-width: 2px;
padding-top: 4px;
z-index: 2;
}
.answerbandanumerica .banda.banda-20 .bloque {
width: 47px;
height: 49px;
}
.answerbandanumerica .banda.banda-20 .bloque .data {
width: 47px;
height: 49px;
font-size: 28px;
padding-top: 7px;
}
.answerbandanumerica .banda.banda-20 .bloque.selected .data {
width: 53px;
height: 55px;
font-size: 35px;
}
.ocultar_region {
visibility: hidden;
}
.no-csstransforms3d .back {
visibility: hidden;
}
.no-csstransforms3d .flipped .front {
visibility: hidden;
}
.no-csstransforms3d .flipped .back {
visibility: visible;
}
.flip-container {
/*
*/
-webkit-perspective: 1000px;
-moz-perspective: 1000;
-o-perspective: 1000;
perspective: 1000px;
/*.flip-container, .front, .back {
width: 320px;
height: 480px;
Cada uno que dé el suyo
}*/
}
.flip-container .flipper {
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
position: relative;
}
.flip-container .flipper .front,
.flip-container .flipper .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s, visibility 0.3s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
}
.flip-container .flipper .back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
visibility: hidden;
}
.flip-container .flipper .front {
z-index: 2;
}
.flip-container .flipped .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
visibility: visible;
}
.flip-container .flipped .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.fitImg img {
height: inherit;
width: inherit;
}
.macroAsociacion table.asociacionMain,
table.macroAsociacionSol {
margin-left: auto;
margin-right: auto;
text-align: center;
border-collapse: separate;
border-spacing: 0px;
}
.macroAsociacion table.asociacionMain td,
table.macroAsociacionSol td {
min-width: 80px;
height: 30px;
margin: 0px;
background-color: #e3e8ee;
cursor: pointer;
border: 1px solid white;
}
.macroAsociacion table.asociacionMain td.withText,
table.macroAsociacionSol td.withText {
color: white;
font-weight: bold;
background-color: #42B2FC;
}
.macroAsociacion table.asociacionMain td > span,
table.macroAsociacionSol td > span {
display: inline-block;
padding: 2px;
margin: 0px;
cursor: pointer;
border-radius: 4px;
}
.macroAsociacion table.asociacionMain td.objDroppable > span,
table.macroAsociacionSol td.objDroppable > span {
background-color: inherit;
}
.macroAsociacion table.asociacionMain td.selectedObjDroppable,
table.macroAsociacionSol td.selectedObjDroppable {
background-color: #e3e8ee;
border-color: #42B2FC !important;
}
.macroAsociacion table.asociacionMain img,
table.macroAsociacionSol img {
display: inline-block;
padding: 0px;
margin: 0px;
}
.macroAsociacion table.asociacionMain.vertical,
table.macroAsociacionSol.vertical {
border: 2px solid white;
}
.macroAsociacion table.asociacionMain.vertical td,
table.macroAsociacionSol.vertical td {
border-width: 2px 1px;
}
.macroAsociacion table.asociacionMain.horizontal td,
table.macroAsociacionSol.horizontal td {
border-width: 1px 2px;
}
.macroAsociacion {
margin: auto;
/* **** estilos drag and drop *** */
}
.macroAsociacion table {
border-collapse: collapse;
}
.macroAsociacion .asociacionMain {
/* margin: auto;
text-align: center;
width: auto;
background-color: white;
display: table;*/
}
.macroAsociacion .selectedObjDroppable {
background-color: #e3e8ee;
border: 2px solid white;
}
.macroAsociacion .asociacionWrapper {
margin-left: auto;
margin-right: auto;
text-align: center;
width: auto;
display: table;
padding: 5px;
margin-top: 5px;
}
.macroAsociacion .asociacionOpts {
display: inline-block;
text-align: center;
border-radius: 10px;
background-color: #e3e8ee;
padding: 2px;
min-width: 50px;
min-height: 50px;
}
.macroAsociacion .asociacionOpts.selectedObjDroppable {
border: 1px solid #42B2FC;
}
.macroAsociacion .asociacionOpts > img {
display: inline-block;
padding: 0px;
margin: 0px;
cursor: pointer;
}
.macroAsociacion .asociacionOpts img.selectedObjDroppable {
background-color: #e3e8ee;
border: 2px solid white;
}
.macroAsociacion .asociacionOpts > span {
display: inline-block;
padding: 2px;
margin: 2px;
cursor: pointer;
vertical-align: super;
color: #42B2FC;
}
.macroAsociacion .asociacionOpts.vertical {
display: inline-block;
text-align: center;
border-radius: 10px;
padding: 10px 5px;
margin-left: 15px;
}
.macroAsociacion .asociacionOpts.vertical img.selectedObjDroppable {
background-color: #e3e8ee;
border: 4px solid white;
}
.macroAsociacion .asociacionOpts.vertical > img {
display: inline-block;
padding: 0px;
margin: 0px;
}
/* *** fin estilos drag and drop *** */
#comp10_rekenrek #containerReken,
#descomp_rekenrek #containerReken {
margin-top: 70px;
margin-bottom: 20px;
}
#comp10_rekenrek .pregunta,
#descomp_rekenrek .pregunta {
margin-top: 25px;
text-align: center;
font-size: 36px;
}
#comp10_rekenrek table.simbolico th:not(.smallTh),
#descomp_rekenrek table.simbolico th:not(.smallTh) {
min-width: 90px;
font-weight: normal;
}
#comp10_rekenrek table.simbolico th:not(.smallTh) input,
#descomp_rekenrek table.simbolico th:not(.smallTh) input {
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 4px;
border-width: 2px !important;
}
#comp10_rekenrek table.simbolico th:not(.smallTh) input:focus,
#descomp_rekenrek table.simbolico th:not(.smallTh) input:focus,
#comp10_rekenrek table.simbolico th:not(.smallTh) input.sckb-focused,
#descomp_rekenrek table.simbolico th:not(.smallTh) input.sckb-focused {
border-width: 2px !important;
}
#comp10_rekenrek table.simbolico td .recuadro,
#descomp_rekenrek table.simbolico td .recuadro {
margin-top: 20px;
font-size: 14px;
background-color: white;
border: solid 1.5px rgba(16, 185, 203, 0.19);
color: #4ac6c8;
padding: 7px 5px;
border-radius: 10px;
}
#comp10_rekenrek #numberBond,
#descomp_rekenrek #numberBond {
position: relative;
font-family: 'ABeeZee', sans-serif, Verdana;
}
#comp10_rekenrek #numberBond .numberBondParent,
#descomp_rekenrek #numberBond .numberBondParent,
#comp10_rekenrek #numberBond .numberBondChild,
#descomp_rekenrek #numberBond .numberBondChild {
position: absolute;
width: 100px;
height: 100px;
border-radius: 100px;
border: 4px solid #a8c7d7;
font-size: 50px;
line-height: 100px;
background-color: #d9f4fa;
}
#comp10_rekenrek #numberBond .numberBondParent input,
#descomp_rekenrek #numberBond .numberBondParent input,
#comp10_rekenrek #numberBond .numberBondChild input,
#descomp_rekenrek #numberBond .numberBondChild input {
width: 108px;
height: 108px;
border-radius: 100px;
position: relative;
top: -4px;
left: -4px;
border-width: 4px !important;
border-color: #a8c7d7;
}
#comp10_rekenrek #numberBond .numberBondParent input:focus,
#descomp_rekenrek #numberBond .numberBondParent input:focus,
#comp10_rekenrek #numberBond .numberBondChild input:focus,
#descomp_rekenrek #numberBond .numberBondChild input:focus,
#comp10_rekenrek #numberBond .numberBondParent input.sckb-focused,
#descomp_rekenrek #numberBond .numberBondParent input.sckb-focused,
#comp10_rekenrek #numberBond .numberBondChild input.sckb-focused,
#descomp_rekenrek #numberBond .numberBondChild input.sckb-focused {
border-width: 4px !important;
}
#comp10_rekenrek #numberBond .numberBondParent .errorMark,
#descomp_rekenrek #numberBond .numberBondParent .errorMark,
#comp10_rekenrek #numberBond .numberBondChild .errorMark,
#descomp_rekenrek #numberBond .numberBondChild .errorMark {
position: absolute;
right: -4px;
top: -4px;
}
#comp10_rekenrek #numberBond .numberBondParent,
#descomp_rekenrek #numberBond .numberBondParent {
margin: auto;
left: 0;
right: 0;
}
#comp10_rekenrek #numberBond .numberBondChild,
#descomp_rekenrek #numberBond .numberBondChild {
top: 100px;
}
#comp10_rekenrek #numberBond .numberBondChild:before,
#descomp_rekenrek #numberBond .numberBondChild:before {
position: absolute;
content: "";
height: 20px;
border: 1px solid #a8c7d7;
top: -8px;
left: 90px;
-webkit-transform: rotateZ(40deg);
-moz-transform: rotateZ(40deg);
-o-transform: rotateZ(40deg);
-ms-transform: rotateZ(40deg);
transform: rotateZ(40deg);
}
#comp10_rekenrek #numberBond .numberBondChild.num2,
#descomp_rekenrek #numberBond .numberBondChild.num2 {
left: 37%;
}
#comp10_rekenrek #numberBond .numberBondChild.num3,
#descomp_rekenrek #numberBond .numberBondChild.num3 {
right: 37%;
}
#comp10_rekenrek #numberBond .numberBondChild.num3:before,
#descomp_rekenrek #numberBond .numberBondChild.num3:before {
left: unset;
right: 90px;
-webkit-transform: rotateZ(-40deg);
-moz-transform: rotateZ(-40deg);
-o-transform: rotateZ(-40deg);
-ms-transform: rotateZ(-40deg);
transform: rotateZ(-40deg);
}
#comp10_rekenrek input.squareInput,
#descomp_rekenrek input.squareInput {
position: absolute;
margin: auto;
bottom: 198px;
left: 0;
right: 0;
width: 100px;
height: 100px;
border-radius: 6px;
border-width: 2px !important;
font-size: 50px;
line-height: 100px;
}
#comp10_rekenrek input.squareInput:focus,
#descomp_rekenrek input.squareInput:focus,
#comp10_rekenrek input.squareInput.sckb-focused,
#descomp_rekenrek input.squareInput.sckb-focused {
border-width: 2px !important;
}
#comp10_rekenrek.verbal .errorMark,
#descomp_rekenrek.verbal .errorMark {
right: -44px;
top: 30px;
}
#comp10_rekenrek.verbal.filas-1 .errorMark,
#descomp_rekenrek.verbal.filas-1 .errorMark {
top: 76px;
}
#comp10_rekenrek #sombreroFondo,
#descomp_rekenrek #sombreroFondo {
position: absolute;
left: 320px;
bottom: 76px;
width: 322px;
height: 281px;
background-image: url("../../images/visualizadores/rekenrek/sombrero-mago.png");
background-size: 322px 281px;
}
@media (min-resolution: 1.5dppx) {
#comp10_rekenrek #sombreroFondo,
#descomp_rekenrek #sombreroFondo {
background-image: url("../../images/visualizadores/rekenrek/sombrero-mago@2x.png");
background-size: 322px 281px;
}
}
#comp10_rekenrek #sombreroFondo.left,
#descomp_rekenrek #sombreroFondo.left {
left: 100px;
}
#comp10RekenrekSol {
padding-top: 5px;
}
#comp10RekenrekSol .respuesta {
margin-top: 5px;
font-family: 'ABeeZee', sans-serif, Verdana;
}
#descomp_rekenrek.descomp {
font-family: 'ABeeZee', sans-serif, Verdana;
}
#descomp_rekenrek.descomp #containerReken {
margin-top: 0;
}
#descomp_rekenrek.descomp .result {
color: #FBA62D;
padding: 4px 0;
height: 50px;
display: inline-block;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#descomp_rekenrek.descomp .pregunta {
font-size: 50px;
}
#descomp_rekenrek.descomp .pregunta .expre {
position: relative;
display: inline-block;
height: 100px;
width: 420px;
text-align: center;
vertical-align: top;
}
#descomp_rekenrek.descomp .pregunta .expre.rekenrek-full-sols {
height: 82px;
}
#descomp_rekenrek.descomp .droppable,
#descomp_rekenrek.descomp .item {
width: 70px;
height: 62px;
line-height: 56px;
display: inline-block;
}
#descomp_rekenrek.descomp .droppable {
vertical-align: top;
}
#descomp_rekenrek.descomp .droppable .ifempty {
padding: 4px 0;
line-height: 54px;
}
#descomp_rekenrek.descomp .item {
padding: 4px 0;
vertical-align: middle;
margin: 0 10px 8px;
}
#descomp_rekenrek.descomp .item .errorMark {
width: 20px;
height: 20px;
}
#descomp_rekenrek.descomp #controles {
position: relative;
margin: 54px auto 0;
}
#descomp_rekenrek.descomp #controles.twolines {
margin: 8px auto 0;
width: 600px;
}
#descomp_rekenrek.descomp.cartas .pregunta {
margin-top: 55px;
}
#descomp_rekenrek.descomp.cartas .expre {
height: 120px;
}
#descomp_rekenrek.descomp.cartas #controles {
margin-top: 30px;
}
#descomp_rekenrek.descomp.cartas .droppable {
top: -20px;
width: 76px;
height: 108px;
}
#descomp_rekenrek.descomp.cartas .droppable .ifempty {
line-height: 108px;
}
#descomp_rekenrek.descomp.cartas .item {
position: relative;
width: 76px;
height: 108px;
font-size: 42px;
line-height: 108px;
background: unset;
border: unset;
background-image: url('../../images/visualizadores/rekenrek/rectangle-3.png');
background-size: 76px 108px;
}
@media (min-resolution: 1.5dppx) {
#descomp_rekenrek.descomp.cartas .item {
background-image: url("../../images/visualizadores/rekenrek/rectangle-3@2x.png");
background-size: 76px 108px;
}
}
#descomp_rekenrek.descomp.cartas .item .simbolo-carta {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
color: white;
background-repeat: no-repeat;
background-position: center center;
background-image: url('../../images/visualizadores/rekenrek/rombo-azul.png');
background-size: 63px 86px;
}
@media (min-resolution: 1.5dppx) {
#descomp_rekenrek.descomp.cartas .item .simbolo-carta {
background-image: url("../../images/visualizadores/rekenrek/rombo-azul@2x.png");
background-size: 63px 86px;
}
}
#descomp_rekenrek.descomp.cartas.small #containerReken,
#descomp_rekenrek.descomp.cartas.small .pregunta {
margin-top: 25px !important;
}
#descomp_rekenrek.descomp.cartas.small #controles {
margin-top: 0;
}
#descompRekenrekSol {
font-size: 25px;
}
#descompRekenrekSol .expre {
display: inline-block;
margin: 3px 30px;
text-align: center;
}
#descompRekenrekSol .descomp {
font-family: 'ABeeZee', sans-serif, Verdana;
color: #42B2FC;
}
#descompRekenrekSol .descomp .item {
width: 52px;
height: 42px;
display: inline-block;
padding: 3px 0;
vertical-align: middle;
margin: 3px 2px;
}
#descompRekenrekSol .descomp .result {
color: #FBA62D;
padding: 3px 0;
height: 42px;
display: inline-block;
vertical-align: middle;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#problema #series.containerProbDef {
padding: 0;
}
#seriesSol {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#seriesSol .h3_11 {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}
#series .franja_opciones {
margin-top: 6px;
}
.series .franja {
position: relative;
margin: auto;
width: 780px;
}
.series .franja.h3_1 {
height: 160px;
}
.series .franja.h3_1.h3_centvert {
top: 70px;
}
.series .franja.h3_2 {
height: 160px;
}
.series .franja.h3_11 {
height: 320px;
}
.series .franja.modelo_para_opc {
top: 5px;
height: 160px;
}
.series .franja.franja_opciones table.table_option_img {
margin: auto;
}
.series .franja.franja_opciones table.table_option_img .option_new.option_img {
padding: 3px 10px;
}
.series .franja.franja_opciones table.table_option_img .option_new.option_img img {
margin: 1px 2px;
}
.series .franja.h3_3 {
height: 160px;
}
.series .franja.h3_3.botonera {
background-color: #dcdce4;
border-radius: 8px;
}
.series .franja .sep {
position: absolute;
bottom: 0;
left: 20px;
width: 750px;
background-color: #dcdce4;
height: 1px;
}
.series .gusano .cabeza,
.series .gusano .cuerpo {
position: absolute;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}
.series .gusano .cuerpo {
width: 72px;
height: 72px;
border: 5px solid;
text-align: center;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow: hidden;
background: white;
}
.series .gusano .cuerpo.active {
background-color: #dcdce4;
}
.series .gusano .cuerpo.interactivo {
cursor: pointer;
z-index: 2;
}
.series .gusano .cuerpo.activeSolBuena,
.series .gusano .cuerpo.activeSolAlu {
z-index: 2;
}
.series .gusano .cuerpo img {
margin-top: 5px;
}
.series .gusano .cuerpo.incorrecta {
background: #f8cdcf;
}
.series .gusano .cola {
width: 50px;
height: 50px;
position: absolute;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.series .gusano.az .cuerpo {
border-color: #78ffff;
}
.series .gusano.az .cuerpo.interactivo,
.series .gusano.az .cuerpo.activeSolBuena,
.series .gusano.az .cuerpo.activeSolAlu {
border-color: #2ec0c0;
}
.series .gusano.az .cuerpo.active,
.series .gusano.az .cuerpo.incorrecta,
.series .gusano.az .cuerpo.activeSolBuena {
box-shadow: 0 0 8px 3px rgba(120, 255, 255, 0.6);
}
.series .gusano.am .cuerpo {
border-color: #ffd700;
}
.series .gusano.am .cuerpo.interactivo,
.series .gusano.am .cuerpo.activeSolBuena,
.series .gusano.am .cuerpo.activeSolAlu {
border-color: #d2b102;
}
.series .gusano.am .cuerpo.active,
.series .gusano.am .cuerpo.incorrecta,
.series .gusano.am .cuerpo.activeSolBuena {
box-shadow: 0 0 8px 3px rgba(255, 215, 0, 0.6);
}
.series .gusano.ve .cuerpo {
border-color: #38FF61;
}
.series .gusano.ve .cuerpo.interactivo,
.series .gusano.ve .cuerpo.activeSolBuena,
.series .gusano.ve .cuerpo.activeSolAlu {
border-color: #10b160;
}
.series .gusano.ve .cuerpo.active,
.series .gusano.ve .cuerpo.incorrecta,
.series .gusano.ve .cuerpo.activeSolBuena {
box-shadow: 0 0 8px 3px rgba(56, 255, 97, 0.6);
}
.series .gusano.mo .cuerpo {
border-color: #CDA3C5;
}
.series .gusano.mo .cuerpo.interactivo,
.series .gusano.mo .cuerpo.activeSolBuena,
.series .gusano.mo .cuerpo.activeSolAlu {
border-color: #9e6994;
}
.series .gusano.mo .cuerpo.active,
.series .gusano.mo .cuerpo.incorrecta,
.series .gusano.mo .cuerpo.activeSolBuena {
box-shadow: 0 0 8px 3px rgba(205, 163, 197, 0.6);
}
.series .gusano.ro .cuerpo {
border-color: #FF676B;
}
.series .gusano.ro .cuerpo.interactivo,
.series .gusano.ro .cuerpo.activeSolBuena,
.series .gusano.ro .cuerpo.activeSolAlu {
border-color: #ce4569;
}
.series .gusano.ro .cuerpo.active,
.series .gusano.ro .cuerpo.incorrecta,
.series .gusano.ro .cuerpo.activeSolBuena {
box-shadow: 0 0 8px 3px rgba(255, 103, 107, 0.6);
}
.series .gusano.az .cola {
-webkit-box-shadow: 20px -15px 0 0 #78ffff;
-moz-box-shadow: 20px -15px 0 0 #78ffff;
box-shadow: 20px -15px 0 0 #78ffff;
}
.series .gusano.az .cola.dest {
-webkit-box-shadow: 20px -15px 0 0 #2ec0c0;
-moz-box-shadow: 20px -15px 0 0 #2ec0c0;
box-shadow: 20px -15px 0 0 #2ec0c0;
}
.series .gusano.am .cola {
-webkit-box-shadow: 20px -15px 0 0 #ffd700;
-moz-box-shadow: 20px -15px 0 0 #ffd700;
box-shadow: 20px -15px 0 0 #ffd700;
}
.series .gusano.am .cola.dest {
-webkit-box-shadow: 20px -15px 0 0 #d2b102;
-moz-box-shadow: 20px -15px 0 0 #d2b102;
box-shadow: 20px -15px 0 0 #d2b102;
}
.series .gusano.ve .cola {
-webkit-box-shadow: 20px -15px 0 0 #38FF61;
-moz-box-shadow: 20px -15px 0 0 #38FF61;
box-shadow: 20px -15px 0 0 #38FF61;
}
.series .gusano.ve .cola.dest {
-webkit-box-shadow: 20px -15px 0 0 #10b160;
-moz-box-shadow: 20px -15px 0 0 #10b160;
box-shadow: 20px -15px 0 0 #10b160;
}
.series .gusano.mo .cola {
-webkit-box-shadow: 20px -15px 0 0 #CDA3C5;
-moz-box-shadow: 20px -15px 0 0 #CDA3C5;
box-shadow: 20px -15px 0 0 #CDA3C5;
}
.series .gusano.mo .cola.dest {
-webkit-box-shadow: 20px -15px 0 0 #9e6994;
-moz-box-shadow: 20px -15px 0 0 #9e6994;
box-shadow: 20px -15px 0 0 #9e6994;
}
.series .gusano.ro .cola {
-webkit-box-shadow: 20px -15px 0 0 #FF676B;
-moz-box-shadow: 20px -15px 0 0 #FF676B;
box-shadow: 20px -15px 0 0 #FF676B;
}
.series .gusano.ro .cola.dest {
-webkit-box-shadow: 20px -15px 0 0 #ce4569;
-moz-box-shadow: 20px -15px 0 0 #ce4569;
box-shadow: 20px -15px 0 0 #ce4569;
}
.series .gusano.az .cabeza {
width: 85px;
height: 100px;
z-index: 3;
background-image: url("../../images/visualizadores/series/gusano/cabeza_az.png");
background-size: 85px 100px;
}
@media (min-resolution: 1.5dppx) {
.series .gusano.az .cabeza {
background-image: url("../../images/visualizadores/series/gusano/cabeza_az@2x.png");
background-size: 85px 100px;
}
}
.series .gusano.am .cabeza {
width: 85px;
height: 100px;
z-index: 3;
background-image: url("../../images/visualizadores/series/gusano/cabeza_am.png");
background-size: 85px 100px;
}
@media (min-resolution: 1.5dppx) {
.series .gusano.am .cabeza {
background-image: url("../../images/visualizadores/series/gusano/cabeza_am@2x.png");
background-size: 85px 100px;
}
}
.series .gusano.ve .cabeza {
width: 85px;
height: 100px;
z-index: 3;
background-image: url("../../images/visualizadores/series/gusano/cabeza_ve.png");
background-size: 85px 100px;
}
@media (min-resolution: 1.5dppx) {
.series .gusano.ve .cabeza {
background-image: url("../../images/visualizadores/series/gusano/cabeza_ve@2x.png");
background-size: 85px 100px;
}
}
.series .gusano.mo .cabeza {
width: 85px;
height: 100px;
z-index: 3;
background-image: url("../../images/visualizadores/series/gusano/cabeza_mo.png");
background-size: 85px 100px;
}
@media (min-resolution: 1.5dppx) {
.series .gusano.mo .cabeza {
background-image: url("../../images/visualizadores/series/gusano/cabeza_mo@2x.png");
background-size: 85px 100px;
}
}
.series .gusano.ro .cabeza {
width: 85px;
height: 100px;
z-index: 3;
background-image: url("../../images/visualizadores/series/gusano/cabeza_ro.png");
background-size: 85px 100px;
}
@media (min-resolution: 1.5dppx) {
.series .gusano.ro .cabeza {
background-image: url("../../images/visualizadores/series/gusano/cabeza_ro@2x.png");
background-size: 85px 100px;
}
}
.series .botonera .formas {
text-align: center;
position: absolute;
bottom: 3px;
width: 100%;
}
.series .botonera .formas .boton {
width: 56px;
height: 50px;
margin: 0 10px;
padding: 2px;
border: 4px solid #a0a0a0;
display: inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
cursor: pointer;
position: relative;
}
.series .botonera .formas .boton .img-activa {
display: none;
}
.series .botonera .formas .boton.activa {
border-color: white;
}
.series .botonera .formas .boton.activa .img-activa {
display: inline;
}
.series .botonera .formas .boton.activa .img-noactiva {
display: none;
}
.series .botonera .formas .boton.activa .bot-colores {
display: inline-block;
}
.series .botonera .formas .boton .bot-colores {
background-color: #f6f9f9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
top: -82px;
left: -147px;
right: 0;
margin: 2px auto;
width: 350px;
display: none;
font-size: 0;
}
.series .botonera .formas .boton .bot-colores .triang {
width: 0;
height: 0;
position: absolute;
bottom: -10px;
border-top: 10px solid #f6f9f9;
border-left: 10px solid transparent;
left: 166px;
}
.series .botonera .formas .boton .bot-colores .boton {
border: 1px solid #dcdce4;
background: white;
border-radius: 10px;
width: 60px;
height: 58px;
display: inline-block;
margin: 4px 5px;
padding: 2px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.series .botonera .formas .boton .bot-colores .boton:active {
-webkit-box-shadow: 0 0 0 2px #dcdce4;
-moz-box-shadow: 0 0 0 2px #dcdce4;
box-shadow: 0 0 0 2px #dcdce4;
}
.problemaExtra {
display: inline-block;
color: #7ac43d;
}
.problemaExtra span {
display: inline-block;
vertical-align: middle;
}
.problemaExtra .iconoTicksExtra {
background: url('../../images/mundoVirtual/ruleta/icono-problema-extra.png') no-repeat;
width: 80px;
height: 77px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 1px 1px 2px 0 #999;
-moz-box-shadow: 1px 1px 2px 0 #999;
box-shadow: 1px 1px 2px 0 #999;
margin-right: 5px;
}
.problemaExtra .titleProblemaExtra {
width: 312px;
font-size: 16px;
}
#ruletaDialog {
position: absolute;
top: -75px;
left: 165px;
z-index: 10;
}
.cuadricula_16_9 {
position: absolute;
width: 360px;
height: 200px;
background: url("../../images/visualizadores/backgrounds/cuadricula_16_9.svg") no-repeat;
}
.rayado_9 {
position: absolute;
width: 360px;
height: 200px;
background: url("../../images/visualizadores/backgrounds/rayado_9.svg") no-repeat;
}
.rec-penta-up {
background: url("../../images/visualizadores/backgrounds/recuadro-penta-up.png") no-repeat;
width: 750px;
height: 190px;
padding-top: 15px;
}
.recuadro_gris {
padding: 20px;
display: inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #D7DCE0;
}
.recuadro_gris.textBlue {
color: #42B2FC;
}
.new_option {
border: 1px solid #30A2ED;
background-color: #97CFF2;
color: white;
}
.new_option.selected {
border: 1px solid #999;
background-color: #F49D30;
}
.textGrey {
color: #999;
}
.textOrange {
color: #F49D30;
}
.textBlue {
color: #42B2FC;
}
.textLightBlue {
color: #97CFF2;
}
#mcd_mcm {
padding-top: 20px;
font-size: 28px;
}
#mcd_mcm .enun-tarjeta {
margin: 10px 0px;
padding: 20px;
}
#mcd_mcm .enun-tarjeta .text {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 60px;
width: 60px;
vertical-align: middle;
}
#mcd_mcm .col {
display: inline-block;
text-align: center;
}
#mcd_mcm .col.prin {
width: 400px;
}
#mcd_mcm .tablas {
text-align: left;
font-size: 0;
}
#mcd_mcm .tablas .col {
text-align: center;
}
#mcd_mcm .tablas.t2 .col {
margin: 0 25px;
}
#mcd_mcm .tablas.t3 .col {
margin: 0 10px;
}
#mcd_mcm #containerCalculos {
position: absolute;
right: 26%;
width: 70%;
bottom: 160px;
}
.tabla-descomp {
border-collapse: collapse;
font-size: 30px;
background: #F7F9F9;
}
.tabla-descomp td {
border: 1px solid #999;
vertical-align: middle;
height: 42px;
width: 58px;
}
.tabla-descomp td .bandaWrapper {
position: relative;
}
.tabla-descomp td .bandaWrapper .banda {
position: absolute;
right: -3px;
top: 10px;
background: #42B2FC;
width: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 335px;
}
.tabla-descomp input.text.calc {
vertical-align: top;
border: none;
width: 56px;
background: transparent;
color: #999;
text-align: center;
font-size: 25px;
height: 42px;
}
.tabla-descomp input.text.calc.error {
color: #C80315;
}
.relative {
position: relative;
}
.contenedores .contenedor_source,
.contenedores .contenedor_dest {
position: absolute;
}
.contenedores .nido {
right: 20px;
top: 110px;
background: url('../../images/visualizadores/contenedores/Nido.png') no-repeat;
width: 400px;
height: 235px;
}
.contenedores .nido:after {
content: '';
background: url('../../images/visualizadores/contenedores/Nido-front.png') no-repeat center bottom;
position: absolute;
bottom: 0;
left: 0;
width: 400px;
height: 90px;
}
.contenedores .bolsa {
right: 70px;
top: 40px;
background: url('../../images/visualizadores/contenedores/bolsa_250x350.png') no-repeat;
width: 250px;
height: 350px;
}
.contenedores .pincho {
right: 20px;
top: 40px;
background: url('../../images/visualizadores/contenedores/Pincho_frutas.png') no-repeat;
width: 350px;
height: 350px;
}
.contenedores .pecera {
right: 20px;
top: 40px;
background: url('../../images/visualizadores/contenedores/pecera_vacia_350.png') no-repeat;
width: 350px;
height: 350px;
}
.contenedores .estuche {
right: 20px;
top: 40px;
background: url('../../images/visualizadores/contenedores/Estuche_450x350.png') no-repeat;
width: 450px;
height: 350px;
}
.contenedores .contsimple {
top: 20px;
left: 20px;
width: 350px;
height: 350px;
}
.contenedores .base_frutas {
background: url('../../images/visualizadores/contenedores/caja_frutas_346x162.png') no-repeat;
top: 210px;
left: 30px;
width: 346px;
height: 162px;
}
.contenedores .draggable {
position: absolute;
font-size: 0;
cursor: move;
}
#contenedoresSol {
width: 375px;
height: 150px;
}
#contenedoresSol .contenedor_source,
#contenedoresSol .contenedor_dest {
-webkit-transform: scale(0.45);
-moz-transform: scale(0.45);
-o-transform: scale(0.45);
-ms-transform: scale(0.45);
transform: scale(0.45);
transform-origin: top left;
}
#contenedoresSol .nido {
left: 180px;
top: 40px;
}
#contenedoresSol .bolsa {
left: 200px;
top: 0;
}
#contenedoresSol .pincho {
left: 190px;
top: -5px;
}
#contenedoresSol .pecera {
left: 180px;
top: 0;
}
#contenedoresSol .estuche {
left: 170px;
top: 2px;
}
#contenedoresSol .contsimple {
top: 0;
left: 0;
}
#contenedoresSol .base_frutas {
top: 70px;
left: 40px;
}
.sectoresSol .solEquivalentes .exp {
display: inline-block;
width: 300px;
text-align: center;
vertical-align: middle;
}
.sectoresSol .solEquivalentes .painterInc {
display: inline-block;
width: 400px;
text-align: right;
vertical-align: middle;
}
.sectoresSol .rec_fracc {
font-size: 24px;
font-family: 'ABeeZee', sans-serif, Verdana;
}
.sectoresSol .painter {
display: inline-block;
vertical-align: top;
}
.sectoresSol .sumasign {
display: inline-block;
vertical-align: top;
margin: 25px 3px 0px 3px;
font-size: 20px;
color: #42B2FC;
}
.sectoresSol.barra .sumasign {
margin: 43px 3px 0px 3px;
}
.sectoresSol.grafico .col {
display: inline-block;
width: 250px;
margin: 2px 0;
vertical-align: top;
}
#sectores .rec_fracc {
margin: 20px auto;
font-size: 40px;
}
#sectores .pista-representa {
font-size: 16px;
}
.updown-controls {
position: relative;
display: inline-block;
text-align: left;
}
.updown-controls .contentControl {
font-size: 14px;
width: 100px;
height: 35px;
position: relative;
vertical-align: middle;
display: inline-block;
color: #8a8080;
text-align: left;
padding-left: 5px;
}
.updown-controls .contentControl span.texto {
white-space: nowrap;
padding-top: 10px;
display: inline-block;
}
.updown-controls .contentControl span.texto .num {
color: #42B2FC;
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 16px;
}
.updown-controls.updown-controls-f24 span.texto {
font-size: 22px;
padding-top: 0;
padding-left: 5px;
}
.updown-controls.updown-controls-f24 span.texto .num {
font-size: 24px;
}
.updown-controls .control {
width: 35px;
height: 30px;
display: inline-block;
cursor: pointer;
background-color: #42B2FC;
box-shadow: inset 0px -3px 0 0 #30A2ED, inset 0 3px 0 0 #B9E3FF;
border: solid 2px #1482FD;
text-align: center;
vertical-align: middle;
position: relative;
margin: 5px 0;
}
.updown-controls .control:hover {
border-color: #42B2FC;
}
.updown-controls .control:active {
background-color: #1482FD;
box-shadow: inset 0 3px 0 0 #B9E3FF;
border-color: #1482FD;
}
.updown-controls .control span {
position: absolute;
left: 10px;
width: 0;
height: 0;
top: 8px;
}
.updown-controls .control.disabled {
background-color: #B9E3FF;
border-color: #42B2FC;
box-shadow: none;
cursor: default;
}
.updown-controls .control.disabled:active {
box-shadow: none;
}
.updown-controls .control.controldown {
border-radius: 8px 0 0 8px;
border-right-width: 1px;
}
.updown-controls .control.controldown span {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 14px solid white;
}
.updown-controls .control.controlup {
border-radius: 0 8px 8px 0;
border-left-width: 1px;
}
.updown-controls .control.controlup span {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 14px solid white;
}
.sectores {
font-size: 30px;
color: #999;
}
.sectores .rec_fracc {
font-family: 'ABeeZee', sans-serif, Verdana;
}
.sectores .rec_fracc .text {
font-family: 'ABeeZee', sans-serif, Verdana;
}
.sectores .rec_fracc .inline_fracc {
display: inline-block;
}
.sectores .rec_fracc .inline_fracc input.text {
width: 34px;
height: 34px;
}
.sectores .op {
color: #42B2FC;
}
.sectores .instr .text {
width: 60px;
color: #999;
}
.sectores .sumasign {
display: inline-block;
vertical-align: top;
margin: 30px 5px 0 5px;
font-family: 'ABeeZee', sans-serif, Verdana;
color: #42B2FC;
}
.sectores.barra .sumasign {
margin: 65px 3px 0 3px;
}
.sectores.suma .sectorsBlock,
.sectores.resta .sectorsBlock {
width: 300px;
}
.sectores.suma .sectorsBlock .mixtControls,
.sectores.resta .sectorsBlock .mixtControls {
background: white;
border: 1px solid #42B2FC;
border-radius: 10px;
white-space: nowrap;
}
.sectores.suma .sectorsBlock .mixtControls .updown-controls,
.sectores.resta .sectorsBlock .mixtControls .updown-controls {
text-align: center;
width: 100%;
}
.sectores.suma .sectorsBlock .mixtControls .contentControl,
.sectores.resta .sectorsBlock .mixtControls .contentControl {
display: block;
width: auto;
text-align: center;
}
.sectores.suma .sectorsBlock .mixtControls .contentControl span.texto,
.sectores.resta .sectorsBlock .mixtControls .contentControl span.texto,
.sectores.suma .sectorsBlock .mixtControls .contentControl span.texto.num_2lines,
.sectores.resta .sectorsBlock .mixtControls .contentControl span.texto.num_2lines {
width: auto;
}
.sectores.suma .sectorsBlock .mixtControls .intControls,
.sectores.resta .sectorsBlock .mixtControls .intControls,
.sectores.suma .sectorsBlock .mixtControls .fracControls,
.sectores.resta .sectorsBlock .mixtControls .fracControls {
display: inline-block;
vertical-align: middle;
padding: 2px 10px;
width: 90px;
}
.sectores.suma .sectorsBlock .mixtControls .fracControls,
.sectores.resta .sectorsBlock .mixtControls .fracControls {
border-left: 1px solid #B9E3FF;
}
.sectores.suma .sectorsBlock .controlsBox,
.sectores.resta .sectorsBlock .controlsBox {
background: white;
border: 1px solid #42B2FC;
border-radius: 10px;
height: 90px;
box-sizing: border-box;
}
.sectores.suma .sectorsBlock .controlsBox.intOnly,
.sectores.resta .sectorsBlock .controlsBox.intOnly {
padding-top: 20px;
}
.sectores.suma .sectorsBlock .controlsBox .updown-controls,
.sectores.resta .sectorsBlock .controlsBox .updown-controls {
text-align: center;
width: 100%;
}
.sectores.rectangular .interact .col {
width: 250px;
margin: 20px 40px;
vertical-align: top;
}
.sectores.dibujo .col {
vertical-align: middle;
}
.sectores.dibujo .fracdibujo {
font-size: 0;
}
.sectores.dibujo .sumasign {
vertical-align: middle;
margin: 0 15px;
padding-top: 0;
font-size: 35px;
}
.sectores .sectorsBlock {
display: inline-block;
text-align: center;
vertical-align: top;
font-size: 0;
}
.sectores .sectorsBlock .painter {
text-align: center;
margin-bottom: 10px;
}
.sectores .sectorsBlock .panelControl {
background: white;
text-align: left;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
border: 1px solid #42B2FC;
border-radius: 10px;
width: 300px;
height: 125px;
margin: 0 5px;
}
.sectores .sectorsBlock .panelControl .title {
font-size: 20px;
color: #42B2FC;
padding: 5px 0 5px;
text-align: center;
}
.sectores .sectorsBlock .panelControl .updown-controls {
margin-left: 25px;
}
.sectores .sectorsBlock .panelControl .updown-controls .contentControl {
margin-left: 15px;
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto.num_2lines {
line-height: 7px;
width: 150px;
padding-top: 5px;
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha {
width: 32px;
height: 29px;
display: inline-block;
vertical-align: middle;
margin-left: 4px;
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.pink {
background-image: url('../../images/visualizadores/sectores/color/pink.png');
background-size: 32px 29px;
}
@media (min-resolution: 1.5dppx) {
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.pink {
background-image: url("../../images/visualizadores/sectores/color/pink@2x.png");
background-size: 32px 29px;
}
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.yellow {
background-image: url('../../images/visualizadores/sectores/color/yellow.png');
background-size: 32px 29px;
}
@media (min-resolution: 1.5dppx) {
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.yellow {
background-image: url("../../images/visualizadores/sectores/color/yellow@2x.png");
background-size: 32px 29px;
}
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.orange {
background-image: url('../../images/visualizadores/sectores/color/orange.png');
background-size: 32px 29px;
}
@media (min-resolution: 1.5dppx) {
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.orange {
background-image: url("../../images/visualizadores/sectores/color/orange@2x.png");
background-size: 32px 29px;
}
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.violet {
background-image: url('../../images/visualizadores/sectores/color/violet.png');
background-size: 32px 29px;
}
@media (min-resolution: 1.5dppx) {
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.violet {
background-image: url("../../images/visualizadores/sectores/color/violet@2x.png");
background-size: 32px 29px;
}
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.darkBlue {
background-image: url('../../images/visualizadores/sectores/color/darkBlue.png');
background-size: 32px 29px;
}
@media (min-resolution: 1.5dppx) {
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.darkBlue {
background-image: url("../../images/visualizadores/sectores/color/darkBlue@2x.png");
background-size: 32px 29px;
}
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.green {
background-image: url('../../images/visualizadores/sectores/color/green.png');
background-size: 32px 29px;
}
@media (min-resolution: 1.5dppx) {
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.green {
background-image: url("../../images/visualizadores/sectores/color/green@2x.png");
background-size: 32px 29px;
}
}
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.lightBlue {
background-image: url('../../images/visualizadores/sectores/color/lightBlue.png');
background-size: 32px 29px;
}
@media (min-resolution: 1.5dppx) {
.sectores .sectorsBlock .updown-controls .contentControl span.texto .mancha.lightBlue {
background-image: url("../../images/visualizadores/sectores/color/lightBlue@2x.png");
background-size: 32px 29px;
}
}
.sectores .sectorsBlock .updown-controls .labelBar {
display: inline-block;
width: 30px;
border: 1px solid #666;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60);
height: 28px;
margin-top: 2px;
}
.sectores.grafico .col {
width: 250px;
margin: 2px 40px;
vertical-align: top;
}
.sectores .col {
display: inline-block;
}
.sectores .op_inter {
color: #42B2FC;
}
.tuRespuesta {
font-size: 24px;
color: #F36D21;
}
.mac_frac_w {
position: relative;
display: inline-block;
}
.mac_frac_w .frac_botones {
position: absolute;
bottom: -40px;
left: -40px;
white-space: nowrap;
min-width: 120px;
text-align: center;
font-size: 0;
}
.mac_frac_w .frac_botones table {
border-collapse: separate;
border-spacing: 0;
}
.mac_frac_w .frac_botones .but {
vertical-align: middle;
background: white;
width: 40px;
height: 30px;
cursor: pointer;
text-align: center;
border: 1px solid #42B2FC;
border-right-width: 0;
}
.mac_frac_w .frac_botones .but .box {
display: inline-block;
width: 5px;
height: 5px;
vertical-align: middle;
}
.mac_frac_w .frac_botones .but:hover .box {
width: 6px;
height: 6px;
}
.mac_frac_w .frac_botones .but:first-child {
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.mac_frac_w .frac_botones .but:last-child {
border-right-width: 1px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.mac_frac_w .frac_botones .but .box {
border: 1px solid #30A2ED;
}
.mac_frac_w .frac_botones .but .fraccion .barraDivision {
margin: 2px 1px;
border-top: 1px solid #30A2ED;
}
.mac_frac_w .frac_botones .but.selected {
background: #42B2FC;
}
.mac_frac_w .frac_botones .but.selected .box {
border: 1px solid white;
}
.mac_frac_w .frac_botones .but.selected .fraccion .barraDivision {
margin: 2px 1px;
border-top: 1px solid white;
}
.mac_frac_w .inputZone {
display: inline-block;
}
.mac_frac_w .inputZone input.text {
width: 40px;
min-width: 40px;
}
.def-draggable {
background: white;
border: 2px solid white;
box-sizing: border-box;
color: #42B2FC;
box-shadow: -2px 2px 0 0 #e3e8ee;
border-radius: 8px;
margin: 10px;
text-align: center;
vertical-align: top;
overflow: hidden;
}
.def-draggable.ui-draggable {
cursor: move;
}
.def-draggable.ui-draggable-dragging {
border-color: #FBA62D;
color: #FBA62D;
box-shadow: none;
}
.drag-phantom {
opacity: 0.25 !important;
cursor: default;
pointer-events: none;
}
.drag-phantom.drag-phantom-2 {
opacity: 0 !important;
}
td.def-droppable {
display: table-cell;
}
.def-droppable,
.def-droppable-mult {
border-radius: 10px;
box-sizing: border-box;
position: relative;
vertical-align: middle;
display: inline-block;
}
.def-droppable.notfilled,
.def-droppable-mult.notfilled {
background-color: #e3e8ee;
box-shadow: inset -2px 2px 2px 0 #CDD7E4;
}
.def-droppable.notfilled .ifempty,
.def-droppable-mult.notfilled .ifempty {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
color: #CDD7E4;
text-shadow: 1px -1px 0 #BEC8D4;
}
.def-droppable.notfilled .ifempty.fontNum,
.def-droppable-mult.notfilled .ifempty.fontNum {
font-family: 'ABeeZee', sans-serif, Verdana;
}
.def-droppable.notfilled.fontNum .ifempty,
.def-droppable-mult.notfilled.fontNum .ifempty {
font-family: 'ABeeZee', sans-serif, Verdana;
}
.def-droppable.filled .ifempty,
.def-droppable-mult.filled .ifempty {
display: none;
}
.def-droppable.ui-droppable-hover,
.def-droppable-mult.ui-droppable-hover {
background: #ffefd2;
box-shadow: inset -1px 1px 3px 0 #FBA62D;
border: 0;
font-weight: normal;
}
.def-droppable.ui-droppable-hover .ifempty,
.def-droppable-mult.ui-droppable-hover .ifempty {
display: none;
}
.def-droppable.ui-droppable-hover .def-draggable,
.def-droppable-mult.ui-droppable-hover .def-draggable {
border-color: #FBA62D;
color: #FBA62D;
box-shadow: none;
}
.def-droppable .def-draggable {
margin: 0 !important;
}
.drag-sim-left {
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-left: 0;
}
.drag-sim-right {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-right: 0;
}
.smk-draggable:not(.ui-draggable-dragging) .show-dragging {
display: none;
}
.smk-draggable.ui-draggable-dragging .hide-dragging {
display: none;
}
.smk-droppable-source .smk-draggable:not(.ui-draggable-dragging) .hide-in-source {
display: none;
}
.smk-droppable-target:not(.smk-droppable-source) .smk-draggable:not(.ui-draggable-dragging) .hide-in-target {
display: none;
}
#contGroupImag .groups .content {
display: inline-block;
width: 750px;
}
#contGroupImag .groups .content table td {
padding: 2px 5px;
}
#contGroupImag .groups .content .group {
display: inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 4px solid white;
background: #e3e8ee;
-webkit-box-shadow: 0 0 0 1px #B9E3FF;
-moz-box-shadow: 0 0 0 1px #B9E3FF;
box-shadow: 0 0 0 1px #B9E3FF;
padding: 4px;
}
#contGroupImag .groups .content .group img {
margin: 1px;
}
#contGroupImag .groups .content .input-angulos {
position: relative;
}
#contGroupImag .groups .content .input-angulos .sign-angulos {
font-size: 40px;
font-family: 'ABeeZee', sans-serif, Verdana;
position: absolute;
color: #42B2FC;
right: -19px;
top: -3px;
}
#contGroupImag .aggregate {
font-size: 0;
}
#contGroupImag .aggregate .line-hor {
height: 4px;
border: 2px solid #8a8080;
border-top: none;
display: inline-block;
width: 650px;
}
#contGroupImag .aggregate .line-vert {
border: 1px solid #8a8080;
display: inline-block;
height: 4px;
width: 0;
}
#contGroupImag .aggregate .input-div {
padding-top: 10px;
}
.contMatrizGrupos .text {
width: 50px;
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 30px;
}
.contMatrizGrupos .operacion {
font-family: 'ABeeZee', sans-serif, Verdana;
color: #42B2FC;
margin: 5px 0 2px;
}
.contMatrizGrupos .groups {
font-size: 0;
height: 225px;
}
.contMatrizGrupos .groups .matriz {
display: inline-block;
}
.contMatrizGrupos#contMatriz .groups {
height: 290px;
}
.contMatrizGrupos .phrases {
padding-top: 65px;
}
.contMatrizGrupos .phrasesOp2 {
padding-top: 30px;
}
.contMatrizGrupos .phrases,
.contMatrizGrupos .phrasesOp2 {
margin-top: 10px;
font-size: 14px;
}
.contMatrizGrupos .phrases .labelblock,
.contMatrizGrupos .phrasesOp2 .labelblock {
display: inline-block;
width: 200px;
position: relative;
}
.contMatrizGrupos .phrases .labelblock .labelwr,
.contMatrizGrupos .phrasesOp2 .labelblock .labelwr {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
position: absolute;
top: -75px;
left: -10px;
display: inline-block;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
height: 50px;
background-color: white;
border: 1px solid #42B2FC;
}
.contMatrizGrupos .phrases .labelblock .labelwr:after,
.contMatrizGrupos .phrasesOp2 .labelblock .labelwr:after {
content: '';
position: absolute;
border-style: solid;
border-width: 19px 109px 0;
border-color: white transparent;
display: block;
width: 0;
z-index: 1;
bottom: -19px;
left: 1px;
}
.contMatrizGrupos .phrases .labelblock .labelwr:before,
.contMatrizGrupos .phrasesOp2 .labelblock .labelwr:before {
content: '';
position: absolute;
border-style: solid;
border-width: 20px 110px 0;
border-color: #42B2FC transparent;
display: block;
width: 0;
z-index: 0;
bottom: -21px;
left: 0;
}
.contMatrizGrupos .phrases .labelblock .labelwr .label,
.contMatrizGrupos .phrasesOp2 .labelblock .labelwr .label {
position: absolute;
width: 200px;
height: 50px;
top: 0;
left: 0;
padding: 5px;
z-index: 3;
}
.contMatrizGrupos .phrases .sign,
.contMatrizGrupos .phrasesOp2 .sign {
display: inline-block;
width: 20px;
color: #42B2FC;
font-size: 30px;
vertical-align: middle;
}
.contMatrizGruposSol {
font-family: 'ABeeZee', sans-serif, Verdana;
}
table.tabnew.tabcenter,
table.tabNoRound.tabcenter {
margin: auto;
}
table.tabnew td,
table.tabNoRound td {
text-align: center;
padding: 5px;
}
table.tabnew td.emptytl,
table.tabNoRound td.emptytl {
border: none;
background: none;
}
table.tabnew thead td.h1,
table.tabNoRound thead td.h1 {
border: none;
padding: 0;
}
table.tabnew thead td.h1 div.h1,
table.tabNoRound thead td.h1 div.h1 {
padding: 5px;
margin-bottom: 2px;
}
table.tabnew.tabmor td,
table.tabNoRound.tabmor td {
border-color: #835BBA;
color: #835BBA;
}
table.tabnew.tabmor td.h1 div.h1,
table.tabNoRound.tabmor td.h1 div.h1 {
background: #835BBA;
color: white;
}
table.tabnew.tabmor td.header,
table.tabNoRound.tabmor td.header {
background: #D7BBFE;
color: white;
font-weight: bold;
}
table.tabnew.tabver td,
table.tabNoRound.tabver td {
border-color: #74EE0F;
color: #74EE0F;
}
table.tabnew.tabver td.h1 div.h1,
table.tabNoRound.tabver td.h1 div.h1 {
background: #74EE0F;
color: white;
}
table.tabnew.tabver td.header,
table.tabNoRound.tabver td.header {
background: #B1FC79;
color: white;
font-weight: bold;
}
table.tabnew.tabroj td,
table.tabNoRound.tabroj td {
border-color: #C80315;
color: #C80315;
}
table.tabnew.tabroj td.h1 div.h1,
table.tabNoRound.tabroj td.h1 div.h1 {
background: #C80315;
color: white;
}
table.tabnew.tabroj td.header,
table.tabNoRound.tabroj td.header {
background: #F6ADB3;
color: white;
font-weight: bold;
}
table.tabnew.tabnar td,
table.tabNoRound.tabnar td {
border-color: #FBA62D;
color: #FBA62D;
}
table.tabnew.tabnar td.h1 div.h1,
table.tabNoRound.tabnar td.h1 div.h1 {
background: #FBA62D;
color: white;
}
table.tabnew.tabnar td.header,
table.tabNoRound.tabnar td.header {
background: #FECF8A;
color: white;
font-weight: bold;
}
table.tabnew.tabama td,
table.tabNoRound.tabama td {
border-color: #ECC806;
color: #ECC806;
}
table.tabnew.tabama td.h1 div.h1,
table.tabNoRound.tabama td.h1 div.h1 {
background: #ECC806;
color: white;
}
table.tabnew.tabama td.header,
table.tabNoRound.tabama td.header {
background: #FFD700;
color: white;
font-weight: bold;
}
table.tabnew.tabazu td,
table.tabNoRound.tabazu td {
border-color: #42B2FC;
color: #42B2FC;
}
table.tabnew.tabazu td.h1 div.h1,
table.tabNoRound.tabazu td.h1 div.h1 {
background: #42B2FC;
color: white;
}
table.tabnew.tabazu td.header,
table.tabNoRound.tabazu td.header {
background: #B9E3FF;
color: white;
font-weight: bold;
}
table.tabnew.enun_table.tablectura thead td.h1,
table.tabNoRound.enun_table.tablectura thead td.h1 {
color: black;
}
table.tabnew.enun_table.tablectura thead td.h1 div.h1,
table.tabNoRound.enun_table.tablectura thead td.h1 div.h1 {
border: 4px solid white;
box-shadow: 0 0 0 2px #e8debc;
margin: 0 2px 4px;
background-color: #f9f8f6;
}
table.tabnew.enun_table.tablectura tbody td,
table.tabNoRound.enun_table.tablectura tbody td {
border-color: #e8debc;
box-shadow: inset 0 0 0 4px white;
padding: 9px;
color: #7675a0;
}
table.tabnew.enun_table.tablectura tbody td.header,
table.tabNoRound.enun_table.tablectura tbody td.header {
background-color: #f9f8f6;
}
table.tabnew {
border-collapse: separate;
border-spacing: 0;
}
table.tabnew thead td.h1 div.h1 {
border-radius: 5px;
}
table.tabnew td.l1b1 {
border-bottom-left-radius: 5px;
border-bottom-width: 2px;
border-left-width: 2px;
}
table.tabnew td.l1t1 {
border-top-left-radius: 5px;
border-top-width: 2px;
border-left-width: 2px;
}
table.tabnew td.r1t1 {
border-top-right-radius: 5px;
border-top-width: 2px;
border-right-width: 2px;
}
table.tabnew td.r1b1 {
border-bottom-right-radius: 5px;
border-bottom-width: 2px;
border-right-width: 2px;
}
table.tabnew td.noround {
border-radius: 0 !important;
}
table.tabnew td.lborder0 {
border-left-width: 0 !important;
}
table.tabnew td.lborder1 {
border-left-width: 1px!important;
}
table.tabnew td.lborder2 {
border-left-width: 2px!important;
}
table.tabnew td.rborder0 {
border-right-width: 0 !important;
}
table.tabnew td.rborder1 {
border-right-width: 1px !important;
}
table.tabnew td.rborder2 {
border-right-width: 2px !important;
}
table.tabnew tr:first-child td {
border-top-width: 2px;
}
table.tabnew tr:first-child td:first-child {
border-top-left-radius: 5px;
}
table.tabnew tr:first-child td:last-child {
border-top-right-radius: 5px;
}
table.tabnew tr:last-child td {
border-bottom-width: 2px;
}
table.tabnew tr:last-child td:first-child {
border-bottom-left-radius: 5px;
}
table.tabnew tr:last-child td:last-child {
border-bottom-right-radius: 5px;
}
table.tabnew td:first-child {
border-left-width: 2px;
}
table.tabnew td:last-child {
border-right-width: 2px;
}
table.tabnew td.header .def-draggable {
box-shadow: none;
}
table.tabnew.firstEmpty tr td:first-child {
border-right-width: 0;
}
table.tabnew.firstEmpty tr td:nth-child(2) {
border-left-width: 2px;
}
table.tabnew.firstEmpty tr:first-child {
border-bottom-width: 0;
}
table.tabnew.firstEmpty tr:first-child td:nth-child(2) {
border-top-left-radius: 5px;
}
table.tabnew.firstEmpty tr:first-child td {
border-bottom-width: 0;
}
table.tabnew.firstEmpty tr:first-child td:nth-child(2) {
border-top-left-radius: 5px;
}
table.tabnew.firstEmpty tr:nth-child(2) td {
border-top-width: 2px;
}
table.tabnew.firstEmpty tr:nth-child(2) td:first-child {
border-top-left-radius: 5px;
}
table.tabnew.firstEmpty.firstEm21 tr:nth-child(2) td,
table.tabnew.firstEmpty.firstEm22 tr:nth-child(2) td {
border-bottom-width: 0;
}
table.tabnew.firstEmpty.firstEm21 tr:nth-child(3) td,
table.tabnew.firstEmpty.firstEm22 tr:nth-child(3) td {
border-top-width: 2px;
}
table.tabnew.firstEmpty.firstEm21 tr:nth-child(3) td:first-child,
table.tabnew.firstEmpty.firstEm22 tr:nth-child(3) td:first-child {
border-top-left-radius: 5px;
}
table.tabnew.firstEmpty.firstEm12 tr:first-child td:nth-child(3),
table.tabnew.firstEmpty.firstEm22 tr:first-child td:nth-child(3) {
border-top-left-radius: 5px;
}
table.tabnew.firstEmpty.firstEm12 tr td:nth-child(2),
table.tabnew.firstEmpty.firstEm22 tr td:nth-child(2) {
border-right-width: 0;
}
table.tabnew.firstEmpty.firstEm12 tr td:nth-child(3),
table.tabnew.firstEmpty.firstEm22 tr td:nth-child(3) {
border-left-width: 2px;
}
.option_new.selected table.tabnew.tabazu td {
border-color: #FBA62D;
color: #FBA62D;
}
.option_new.selected table.tabnew.tabazu td.h1 div.h1 {
background: #FBA62D;
color: white;
}
.option_new.selected table.tabnew.tabazu td.header {
background: #FECF8A;
color: white;
font-weight: bold;
}
.icon-xxx {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: middle;
}
.icon-suggestion {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: middle;
background: url("../../images/exercise/icon/suggest.png") no-repeat center center;
background-size: cover;
}
.icon-suggestion-neg {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: middle;
background: url("../../images/exercise/icon/suggest_neg.png") no-repeat center center;
background-size: cover;
}
.icon-watchout {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: middle;
background: url("../../images/exercise/icon/watchout.png") no-repeat center center;
background-size: cover;
}
.icon-watchout-neg {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: middle;
background: url("../../images/exercise/icon/watchout_neg.png") no-repeat center center;
background-size: cover;
}
.watchout-eye {
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
width: 70px;
height: 50px;
border: 1px solid #F36D21;
border-radius: 8px;
background-image: url("../../images/exercise/icon/icono-watchout-eye.png");
background-size: 52px 34px;
background-color: white;
}
@media (min-resolution: 1.5dppx) {
.watchout-eye {
background-image: url("../../images/exercise/icon/icono-watchout-eye@2x.png");
background-size: 52px 34px;
}
}
.watchout {
background: url("../../images/exercise/icon/watchout.png") no-repeat left center;
color: #F36D21;
font-size: 16px;
padding: 5px 5px 5px 32px;
background-size: 27px 27px;
display: inline-block;
}
.suggest {
background: url("../../images/exercise/icon/suggest.png") no-repeat left center;
color: #83C2C7;
font-size: 16px;
padding: 6px 5px 5px 32px;
background-size: 27px 27px;
display: inline-block;
}
.notice_block {
display: inline-block;
position: relative;
padding: 15px 25px 15px 15px;
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
text-align: left;
}
.text_suggestion {
color: #83C2C7;
font-size: 16px;
}
.suggest_block {
display: inline-block;
position: relative;
padding: 15px 25px 15px 15px;
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
text-align: left;
border-radius: 5px;
padding: 10px 23px 10px 10px;
border: solid 1.5px rgba(16, 185, 203, 0.19);
font-size: 18px;
color: #4ac6c8;
margin-right: 15px;
margin-top: 30px;
}
.suggest_block:after {
content: '';
background-image: url("../../images/exercise/icon/icono-suggest.png");
background-size: 55px 58px;
position: absolute;
top: -38px;
right: -30px;
width: 55px;
height: 58px;
}
@media (min-resolution: 1.5dppx) {
.suggest_block:after {
background-image: url("../../images/exercise/icon/icono-suggest@2x.png");
background-size: 55px 58px;
}
}
.suggest_block.suggest_block_left:after {
left: -30px;
}
.suggest_block.topright {
position: absolute;
top: 10px;
right: 10px;
}
.suggest_block.right {
float: right;
}
.icon-watchout-new {
background-image: url("../../images/exercise/icon/icono-watchout.png");
background-size: 45px 55px;
display: inline-block;
width: 45px;
height: 55px;
}
@media (min-resolution: 1.5dppx) {
.icon-watchout-new {
background-image: url("../../images/exercise/icon/icono-watchout@2x.png");
background-size: 45px 55px;
}
}
.watchout_block {
display: inline-block;
position: relative;
padding: 15px 25px 15px 15px;
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
text-align: left;
border-radius: 5px;
padding: 10px 30px 10px 10px;
border: solid 1.5px rgba(243, 109, 33, 0.19);
font-size: 18px;
margin-right: 15px;
margin-top: 30px;
color: #F36D21;
}
.watchout_block:after {
content: '';
background: url("../../images/exercise/icon/icono-watchout@2x.png");
background-size: 45px, 55px;
position: absolute;
top: -30px;
right: -20px;
width: 45px;
height: 55px;
}
.watchout_block.topright {
position: absolute;
top: 10px;
right: 10px;
}
.circle_and_bubble {
box-shadow: none !important;
}
.circle_and_bubble .circle_img {
overflow: hidden;
position: relative;
border-radius: 100%;
border: 3px solid #42B2FC;
box-sizing: content-box !important;
}
.circle_and_bubble .circle_img img {
display: block;
object-fit: contain;
}
.circle_and_bubble .bubble {
display: inline-block;
vertical-align: middle;
position: relative;
left: 12px;
object-fit: contain;
border-radius: 8.6px;
box-sizing: border-box;
border: solid 1.5px #B9E3FF;
background-color: white;
font-size: 20px;
padding: 8px 20px;
}
.circle_and_bubble .bubble:before {
content: "";
box-sizing: border-box;
border-color: #B9E3FF transparent transparent #B9E3FF;
border-style: solid;
border-width: 1.9px;
background-color: white;
width: 14px;
height: 14px;
transform: scaleY(0.8) rotateZ(-45deg);
position: absolute;
top: calc(0.5em + 2px);
left: -7px;
margin: auto;
}
.circle_and_bubble.selected .circle_img,
.circle_and_bubble.audio-playing .circle_img {
left: -2px;
top: -2px;
border: 5px solid #FBA62D;
animation-name: bounce-circle-bubble;
animation-duration: 3s;
}
.circle_and_bubble.selected .bubble,
.circle_and_bubble.audio-playing .bubble {
left: 8px;
top: -2px;
}
.circle_and_bubble.selected .bubble {
border-width: 2px;
border-color: #FBA62D;
}
.circle_and_bubble.selected .bubble:before {
border-width: 2px;
border-color: #FBA62D transparent transparent #FBA62D;
}
.circle_and_bubble.audio-playing .circle_img {
animation-iteration-count: infinite;
}
.circle_and_bubble.enunciadoLocucion:before {
display: none;
}
.show-on-audio-playing {
display: none;
}
.audio-playing .show-on-audio-playing {
display: block;
}
.audio-playing .hide-on-audio-playing {
display: none;
}
.option_new.not-selected .audio-playing .show-on-audio-playing-or-selected {
display: block;
}
.option_new.not-selected .show-on-audio-playing-or-selected {
display: none;
}
.option_new.selected .hide-on-audio-playing-or-selected {
display: none;
}
.audio-playing .hide-on-audio-playing-or-selected {
display: none;
}
.bubble_block {
border: 1px solid #42B2FC;
border-radius: 10px;
background: white;
position: relative;
color: #42B2FC;
box-sizing: border-box;
text-align: left;
padding: 7px 5px 5px 5px;
display: inline-block;
}
.bubble_block.center,
.bubble_block .center {
text-align: center;
}
.bubble_block.bubble_bottom_left:before {
content: '';
display: inline-block;
border-top: 25px solid #42B2FC;
border-right: 25px solid transparent;
position: absolute;
bottom: -25px;
left: 30px;
width: 0;
height: 0;
}
.bubble_block.bubble_bottom_left:after {
content: '';
display: inline-block;
border-top: 24px solid white;
border-right: 24px solid transparent;
position: absolute;
bottom: -23px;
left: 31px;
width: 0;
height: 0;
}
.bubble_block.bubble_bottom_left_big:before {
content: '';
display: inline-block;
border-top: 35px solid #42B2FC;
border-right: 35px solid transparent;
position: absolute;
bottom: -35px;
left: 50px;
width: 0;
height: 0;
}
.bubble_block.bubble_bottom_left_big:after {
content: '';
display: inline-block;
border-top: 34px solid white;
border-right: 34px solid transparent;
position: absolute;
bottom: -33px;
left: 51px;
width: 0;
height: 0;
}
.bubble_block.bubble_bottom_right:before {
content: '';
display: inline-block;
border-top: 25px solid #42B2FC;
border-left: 25px solid transparent;
position: absolute;
bottom: -25px;
right: 30px;
width: 0;
height: 0;
}
.bubble_block.bubble_bottom_right:after {
content: '';
display: inline-block;
border-top: 24px solid white;
border-left: 24px solid transparent;
position: absolute;
bottom: -23px;
right: 31px;
width: 0;
height: 0;
}
.bubble_block.bubble_bottom_right_big:before {
content: '';
display: inline-block;
border-top: 35px solid #42B2FC;
border-left: 35px solid transparent;
position: absolute;
bottom: -35px;
right: 50px;
width: 0;
height: 0;
}
.bubble_block.bubble_bottom_right_big:after {
content: '';
display: inline-block;
border-top: 34px solid white;
border-left: 34px solid transparent;
position: absolute;
bottom: -33px;
right: 51px;
width: 0;
height: 0;
}
.bubble_block.bubble_left {
margin-left: 30px;
min-height: 50px;
}
.bubble_block.bubble_left:before {
content: '';
display: inline-block;
border-right: 25px solid #42B2FC;
border-top: 25px solid transparent;
position: absolute;
bottom: 11px;
left: -25px;
width: 0;
height: 0;
}
.bubble_block.bubble_left:after {
content: '';
display: inline-block;
border-right: 23px solid white;
border-top: 23px solid transparent;
position: absolute;
bottom: 12px;
left: -23px;
width: 0;
height: 0;
}
.bubble_block.bubble_left.top35:before {
top: 35px;
}
.bubble_block.bubble_left.top35:after {
top: 36px;
}
.bubble_block.bubble_left.top50:before {
top: 50px;
}
.bubble_block.bubble_left.top50:after {
top: 51px;
}
.bubble_block.bubble_right {
margin-right: 30px;
min-height: 50px;
}
.bubble_block.bubble_right:before {
content: '';
display: inline-block;
border-left: 25px solid #42B2FC;
border-top: 25px solid transparent;
position: absolute;
bottom: 11px;
right: -25px;
width: 0;
height: 0;
}
.bubble_block.bubble_right:after {
content: '';
display: inline-block;
border-left: 23px solid white;
border-top: 23px solid transparent;
position: absolute;
bottom: 12px;
right: -23px;
width: 0;
height: 0;
}
.bubble_lpc_opc {
border: 2px solid #7675a0;
border-radius: 10px;
background: white;
position: relative;
color: #7675a0;
box-sizing: border-box;
text-align: left;
padding: 10px;
}
@media (hover: hover) {
.bubble_lpc_opc:hover {
box-shadow: 0px 0px 3px 2px #8d8caf;
}
.bubble_lpc_opc.selected {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0px 0px 3px 2px;
}
.bubble_lpc_opc.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0px 0px 3px 2px;
}
}
.bubble_lpc_opc.bubble_lpc_opc_left.selected:before,
.bubble_lpc_opc.bubble_lpc_opc_left.selected:hover:before {
border-right: 18px solid #FBA62D;
}
.bubble_lpc_opc.bubble_lpc_opc_left:before {
content: '';
display: inline-block;
border-right: 18px solid #7675a0;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -19px;
width: 0;
height: 0;
}
.bubble_lpc_opc.bubble_lpc_opc_left:after {
content: '';
display: inline-block;
border-right: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -15px;
width: 0;
height: 0;
}
.bubble_lpc_opc.bubble_lpc_opc_right.selected:before,
.bubble_lpc_opc.bubble_lpc_opc_right.selected:hover:before {
border-left: 18px solid #FBA62D;
}
.bubble_lpc_opc.bubble_lpc_opc_right:before {
content: '';
display: inline-block;
border-left: 18px solid #7675a0;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -19px;
width: 0;
height: 0;
}
.bubble_lpc_opc.bubble_lpc_opc_right:after {
content: '';
display: inline-block;
border-left: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -16px;
width: 0;
height: 0;
}
.bubble_lpc_opc.bubble_lpc_opc_bottom {
min-height: 50px;
}
.bubble_lpc_opc.bubble_lpc_opc_bottom.selected:before,
.bubble_lpc_opc.bubble_lpc_opc_bottom.selected:hover:before {
border-top: 18px solid #FBA62D;
}
.bubble_lpc_opc.bubble_lpc_opc_bottom:before {
content: '';
display: inline-block;
border-top: 18px solid #7675a0;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_opc.bubble_lpc_opc_bottom:after {
content: '';
display: inline-block;
border-top: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_opc.bubble_lpc_opc_top {
min-height: 50px;
}
.bubble_lpc_opc.bubble_lpc_opc_top.selected:before,
.bubble_lpc_opc.bubble_lpc_opc_top.selected:hover:before {
border-bottom: 18px solid #FBA62D;
}
.bubble_lpc_opc.bubble_lpc_opc_top:before {
content: '';
display: inline-block;
border-bottom: 18px solid #7675a0;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
@media (hover: hover) {
.bubble_lpc_opc.bubble_lpc_opc_top:before.selected {
border-right: 18px solid #FBA62D !important;
}
}
.bubble_lpc_opc.bubble_lpc_opc_top:after {
content: '';
display: inline-block;
border-bottom: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -17px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
moradothkexplanation {
color: #9c77cf;
font-weight: bold;
}
moradothkexplanation size28 {
font-size: 28px;
}
rojosubrayadothk {
color: #ff5a5f;
text-decoration: underline;
font-weight: bold;
}
.bubble_lpc {
border: 2px solid #7675a0;
border-radius: 10px;
background: white;
position: relative;
color: #7675a0;
box-sizing: border-box;
text-align: left;
padding: 10px;
}
.bubble_lpc.turquesa {
border: 2px solid #2dccdf !important;
color: #2dccdf;
}
.bubble_lpc.turquesa.bubble_lpc_left:before {
border-right: 18px solid #2dccdf;
}
.bubble_lpc.turquesa.bubble_lpc_right:before {
border-left: 18px solid #2dccdf;
}
.bubble_lpc.turquesa.bubble_lpc_bottom:before {
border-top: 18px solid #2dccdf;
}
.bubble_lpc.turquesa.bubble_lpc_top:before {
border-bottom: 18px solid #2dccdf;
}
.bubble_lpc.center,
.bubble_lpc .center {
text-align: center;
}
.bubble_lpc.bubble_lpc_left:before {
content: '';
display: inline-block;
border-right: 18px solid #7675a0;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -19px;
width: 0;
height: 0;
}
.bubble_lpc.bubble_lpc_left:after {
content: '';
display: inline-block;
border-right: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -15px;
width: 0;
height: 0;
}
.bubble_lpc.bubble_lpc_left.top35:before {
top: 35px;
}
.bubble_lpc.bubble_lpc_left.top35:after {
top: 36px;
}
.bubble_lpc.bubble_lpc_left.top50:before {
top: 50px;
}
.bubble_lpc.bubble_lpc_left.top50:after {
top: 51px;
}
.bubble_lpc.bubble_lpc_right:before {
content: '';
display: inline-block;
border-left: 18px solid #7675a0;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -19px;
width: 0;
height: 0;
}
.bubble_lpc.bubble_lpc_right:after {
content: '';
display: inline-block;
border-left: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -16px;
width: 0;
height: 0;
}
.bubble_lpc.bubble_lpc_right.top35:before {
top: 35px;
}
.bubble_lpc.bubble_lpc_right.top35:after {
top: 36px;
}
.bubble_lpc.bubble_lpc_right.top50:before {
top: 50px;
}
.bubble_lpc.bubble_lpc_right.top50:after {
top: 51px;
}
.bubble_lpc.bubble_lpc_bottom {
min-height: 50px;
}
.bubble_lpc.bubble_lpc_bottom:before {
content: '';
display: inline-block;
border-top: 18px solid #7675a0;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc.bubble_lpc_bottom:after {
content: '';
display: inline-block;
border-top: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc.bubble_lpc_top {
min-height: 50px;
}
.bubble_lpc.bubble_lpc_top:before {
content: '';
display: inline-block;
border-bottom: 18px solid #7675a0;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc.bubble_lpc_top:after {
content: '';
display: inline-block;
border-bottom: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -17px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.lpc_avatar {
border-radius: 50%;
border: 4px solid #7675a0;
background-color: white;
box-sizing: border-box;
overflow: hidden;
box-shadow: inset -2px 2px 3px 0 #cdd7e4;
}
.bubble_lpc_blue {
border: 2px solid #30A2ED;
border-radius: 10px;
background: white;
position: relative;
color: #30A2ED;
box-sizing: border-box;
text-align: left;
padding: 10px;
}
.bubble_lpc_blue.center,
.bubble_lpc_blue .center {
text-align: center;
}
@media (hover: hover) {
.bubble_lpc_blue.seleccionable:hover {
box-shadow: 0 0 3px 2px #B9E3FF;
}
}
.bubble_lpc_blue.bubble_lpc_blue_left {
min-height: 50px;
}
.bubble_lpc_blue.bubble_lpc_blue_left:before {
content: '';
display: inline-block;
border-right: 18px solid #30A2ED;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -19px;
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_left:after {
content: '';
display: inline-block;
border-right: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -16px;
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_left.top35:before {
top: 35px;
}
.bubble_lpc_blue.bubble_lpc_blue_left.top35:after {
top: 36px;
}
.bubble_lpc_blue.bubble_lpc_blue_left.top50:before {
top: 50px;
}
.bubble_lpc_blue.bubble_lpc_blue_left.top50:after {
top: 51px;
}
.bubble_lpc_blue.bubble_lpc_blue_left.selected,
.bubble_lpc_blue.bubble_lpc_blue_left.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 3px 2px;
}
.bubble_lpc_blue.bubble_lpc_blue_left.selected:before,
.bubble_lpc_blue.bubble_lpc_blue_left.selected:hover:before {
content: '';
display: inline-block;
border-right: 18px solid #FBA62D !important;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -19px;
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_right {
min-height: 50px;
}
.bubble_lpc_blue.bubble_lpc_blue_right:before {
content: '';
display: inline-block;
border-left: 18px solid #30A2ED;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -19px;
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_right:after {
content: '';
display: inline-block;
border-left: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -16px;
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_right.top35:before {
top: 35px;
}
.bubble_lpc_blue.bubble_lpc_blue_right.top35:after {
top: 36px;
}
.bubble_lpc_blue.bubble_lpc_blue_right.top50:before {
top: 50px;
}
.bubble_lpc_blue.bubble_lpc_blue_right.top50:after {
top: 51px;
}
.bubble_lpc_blue.bubble_lpc_blue_right.selected,
.bubble_lpc_blue.bubble_lpc_blue_right.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 3px 2px;
}
.bubble_lpc_blue.bubble_lpc_blue_right.selected:before,
.bubble_lpc_blue.bubble_lpc_blue_right.selected:hover:before {
content: '';
display: inline-block;
border-left: 18px solid #FBA62D !important;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -19px;
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_top {
min-height: 50px;
}
.bubble_lpc_blue.bubble_lpc_blue_top:before {
content: '';
display: inline-block;
border-bottom: 18px solid #30A2ED;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_top:after {
content: '';
display: inline-block;
border-bottom: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -17px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_top.top35:before {
top: 35px;
}
.bubble_lpc_blue.bubble_lpc_blue_top.top35:after {
top: 36px;
}
.bubble_lpc_blue.bubble_lpc_blue_top.top50:before {
top: 50px;
}
.bubble_lpc_blue.bubble_lpc_blue_top.top50:after {
top: 51px;
}
.bubble_lpc_blue.bubble_lpc_blue_top.selected,
.bubble_lpc_blue.bubble_lpc_blue_top.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 3px 2px;
}
.bubble_lpc_blue.bubble_lpc_blue_top.selected:before,
.bubble_lpc_blue.bubble_lpc_blue_top.selected:hover:before {
content: '';
display: inline-block;
border-bottom: 18px solid #FBA62D !important;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom {
min-height: 50px;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom:before {
content: '';
display: inline-block;
border-top: 18px solid #30A2ED;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom:after {
content: '';
display: inline-block;
border-top: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -17px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom.top35:before {
top: 35px;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom.top35:after {
top: 36px;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom.top50:before {
top: 50px;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom.top50:after {
top: 51px;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom.selected,
.bubble_lpc_blue.bubble_lpc_blue_bottom.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 3px 2px;
}
.bubble_lpc_blue.bubble_lpc_blue_bottom.selected:before,
.bubble_lpc_blue.bubble_lpc_blue_bottom.selected:hover:before {
content: '';
display: inline-block;
border-bottom: 18px solid #FBA62D !important;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_turquoise {
border: 2px solid #2dccdf;
border-radius: 10px;
background: white;
position: relative;
color: #2dccdf;
box-sizing: border-box;
text-align: left;
padding: 10px;
}
.bubble_lpc_turquoise.center,
.bubble_lpc_turquoise .center {
text-align: center;
}
@media (hover: hover) {
.bubble_lpc_turquoise.seleccionable:hover {
box-shadow: 0 0 3px 2px #B9E3FF;
}
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left {
min-height: 50px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left:before {
content: '';
display: inline-block;
border-right: 18px solid #2dccdf;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -19px;
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left:after {
content: '';
display: inline-block;
border-right: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -16px;
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left.top35:before {
top: 35px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left.top35:after {
top: 36px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left.top50:before {
top: 50px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left.top50:after {
top: 51px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left.selected,
.bubble_lpc_turquoise.bubble_lpc_turquoise_left.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 3px 2px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_left.selected:before,
.bubble_lpc_turquoise.bubble_lpc_turquoise_left.selected:hover:before {
content: '';
display: inline-block;
border-right: 18px solid #FBA62D !important;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -19px;
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right {
min-height: 50px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right:before {
content: '';
display: inline-block;
border-left: 18px solid #2dccdf;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -19px;
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right:after {
content: '';
display: inline-block;
border-left: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -16px;
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right.top35:before {
top: 35px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right.top35:after {
top: 36px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right.top50:before {
top: 50px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right.top50:after {
top: 51px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right.selected,
.bubble_lpc_turquoise.bubble_lpc_turquoise_right.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 3px 2px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_right.selected:before,
.bubble_lpc_turquoise.bubble_lpc_turquoise_right.selected:hover:before {
content: '';
display: inline-block;
border-left: 18px solid #FBA62D !important;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -19px;
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top {
min-height: 50px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top:before {
content: '';
display: inline-block;
border-bottom: 18px solid #2dccdf;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top:after {
content: '';
display: inline-block;
border-bottom: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -17px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top.top35:before {
top: 35px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top.top35:after {
top: 36px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top.top50:before {
top: 50px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top.top50:after {
top: 51px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top.selected,
.bubble_lpc_turquoise.bubble_lpc_turquoise_top.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 3px 2px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_top.selected:before,
.bubble_lpc_turquoise.bubble_lpc_turquoise_top.selected:hover:before {
content: '';
display: inline-block;
border-bottom: 18px solid #FBA62D !important;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom {
min-height: 50px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom:before {
content: '';
display: inline-block;
border-top: 18px solid #2dccdf;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom:after {
content: '';
display: inline-block;
border-top: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -17px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom.top35:before {
top: 35px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom.top35:after {
top: 36px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom.top50:before {
top: 50px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom.top50:after {
top: 51px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom.selected,
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom.selected:hover {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 3px 2px;
}
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom.selected:before,
.bubble_lpc_turquoise.bubble_lpc_turquoise_bottom.selected:hover:before {
content: '';
display: inline-block;
border-bottom: 18px solid #FBA62D !important;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_orange {
border: 2px solid #F36D21;
border-radius: 10px;
background: white;
position: relative;
color: #F36D21;
box-sizing: border-box;
text-align: left;
padding: 10px;
}
.bubble_lpc_orange.center,
.bubble_lpc_orange .center {
text-align: center;
}
.bubble_lpc_orange.bubble_lpc_orange_left {
min-height: 50px;
}
.bubble_lpc_orange.bubble_lpc_orange_left:before {
content: '';
display: inline-block;
border-right: 18px solid #F36D21;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -19px;
width: 0;
height: 0;
}
.bubble_lpc_orange.bubble_lpc_orange_left:after {
content: '';
display: inline-block;
border-right: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -16px;
width: 0;
height: 0;
}
.bubble_lpc_orange.bubble_lpc_orange_left.top35:before {
top: 35px;
}
.bubble_lpc_orange.bubble_lpc_orange_left.top35:after {
top: 36px;
}
.bubble_lpc_orange.bubble_lpc_orange_left.top50:before {
top: 50px;
}
.bubble_lpc_orange.bubble_lpc_orange_left.top50:after {
top: 51px;
}
.bubble_lpc_orange.bubble_lpc_orange_right {
min-height: 50px;
}
.bubble_lpc_orange.bubble_lpc_orange_right:before {
content: '';
display: inline-block;
border-left: 18px solid #F36D21;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -19px;
width: 0;
height: 0;
}
.bubble_lpc_orange.bubble_lpc_orange_right:after {
content: '';
display: inline-block;
border-left: 18px solid white;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -16px;
width: 0;
height: 0;
}
.bubble_lpc_orange.bubble_lpc_orange_right.top35:before {
top: 35px;
}
.bubble_lpc_orange.bubble_lpc_orange_right.top35:after {
top: 36px;
}
.bubble_lpc_orange.bubble_lpc_orange_right.top50:before {
top: 50px;
}
.bubble_lpc_orange.bubble_lpc_orange_right.top50:after {
top: 51px;
}
.bubble_lpc_orange.bubble_lpc_orange_top {
min-height: 50px;
}
.bubble_lpc_orange.bubble_lpc_orange_top:before {
content: '';
display: inline-block;
border-bottom: 18px solid #F36D21;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_orange.bubble_lpc_orange_top:after {
content: '';
display: inline-block;
border-bottom: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
top: -17px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_orange.bubble_lpc_orange_top.top35:before {
top: 35px;
}
.bubble_lpc_orange.bubble_lpc_orange_top.top35:after {
top: 36px;
}
.bubble_lpc_orange.bubble_lpc_orange_top.top50:before {
top: 50px;
}
.bubble_lpc_orange.bubble_lpc_orange_top.top50:after {
top: 51px;
}
.bubble_lpc_orange.bubble_lpc_orange_bottom {
min-height: 50px;
}
.bubble_lpc_orange.bubble_lpc_orange_bottom:before {
content: '';
display: inline-block;
border-top: 18px solid #F36D21;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_orange.bubble_lpc_orange_bottom:after {
content: '';
display: inline-block;
border-top: 18px solid white;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -17px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.bubble_lpc_orange.bubble_lpc_orange_bottom.top35:before {
top: 35px;
}
.bubble_lpc_orange.bubble_lpc_orange_bottom.top35:after {
top: 36px;
}
.bubble_lpc_orange.bubble_lpc_orange_bottom.top50:before {
top: 50px;
}
.bubble_lpc_orange.bubble_lpc_orange_bottom.top50:after {
top: 51px;
}
.lpc_parpadeo {
animation-name: lpc_parpadear;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 2;
}
@keyframes lpc_parpadear {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.lpc_parpadeonout {
animation-name: lpc_parpadearyadios;
animation-duration: 0.6s;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-iteration-count: 5;
animation-direction: alternate-reverse;
}
@keyframes lpc_parpadearyadios {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.lpc_scale {
animation-name: lpc_escalar;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes lpc_escalar {
0% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
.lpc_grow {
animation-name: lpc_crecer;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes lpc_crecer {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.lpc_growandmark {
animation-name: lpc_crecerymarcar;
animation-duration: 1.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes lpc_crecerymarcar {
0% {
transform: scale(1);
}
25% {
transform: scale(1.3);
animation-timing-function: linear;
}
50% {
transform: scale(1);
animation-timing-function: step-end;
}
75% {
background-color: #FAF28F;
animation-timing-function: linear;
}
100% {
background-color: #f3e700;
}
}
.lpc_growandmark2 {
animation-name: lpc_crecerymarcar2;
animation-duration: 1.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes lpc_crecerymarcar2 {
0% {
transform: scale(1);
}
25% {
transform: scale(1.3);
animation-timing-function: linear;
}
50% {
transform: scale(1);
animation-timing-function: step-end;
}
100% {
color: #FBA62D;
text-decoration: underline #FBA62D;
}
}
.lpc_growtwice {
animation-name: lpc_crecerdosveces;
animation-duration: 1.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes lpc_crecerdosveces {
0% {
transform: scale(1);
}
25% {
transform: scale(1.3);
animation-timing-function: linear;
}
50% {
transform: scale(1);
animation-timing-function: linear;
}
75% {
transform: scale(1.3);
animation-timing-function: linear;
}
100% {
transform: scale(1);
animation-timing-function: linear;
}
}
.lpc_growandyellow {
animation-name: lpc_creceryamarillo;
animation-duration: 1.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes lpc_creceryamarillo {
0% {
transform: scale(1);
}
20% {
border: 2px solid #ECC806;
background-image: linear-gradient(45deg, #ffff46, #ffd700);
}
100% {
transform: scale(1.1);
border: 2px solid #ECC806;
background-image: linear-gradient(45deg, #ffff46, #ffd700);
box-shadow: 0 0 2px 1px #ffd700;
}
}
.lpc_appear_right {
animation-name: lpc_aparecer_derecha;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes lpc_aparecer_derecha {
from {
opacity: 0;
transform: translateX(1000px);
-webkit-transform: translateX(1000px);
}
to {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
}
.lpc_appear_left {
animation-name: lpc_aparecer_izquierda;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes lpc_aparecer_izquierda {
from {
opacity: 0;
transform: translateX(-1000px);
-webkit-transform: translateX(-1000px);
}
to {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
}
.lpc_appear_bottom {
animation-name: lpc_aparecer_abajo;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes lpc_aparecer_abajo {
from {
opacity: 0;
transform: translateY(600px);
-webkit-transform: translateY(600px);
}
to {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
}
.lpc_appear_top {
animation-name: lpc_aparecer_arriba;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes lpc_aparecer_arriba {
from {
opacity: 0;
transform: translateY(-600px);
-webkit-transform: translateY(-600px);
}
to {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
}
.lpc_blog {
box-sizing: border-box;
padding: 60px 30px 30px 50px;
background-image: url('../../images/lpc/detective/blog_ancho.png');
background-size: 100% 100%;
cursor: url("../../images/lpc/detective/mano_monstruo_peq.png"), url("../../images/lpc/detective/mano_monstruo_29.png"), auto !important;
}
.lpc_blog_option {
font-family: 'Architects Daughter', normal;
font-size: 24px;
line-height: 1;
text-align: left;
color: #42b2fc;
box-shadow: none;
border: 0px solid transparent;
background: transparent;
background-size: 0% 2px;
cursor: url("../../images/lpc/detective/mano_monstruo_peq.png"), url("../../images/lpc/detective/mano_monstruo_29.png"), auto !important;
}
.lpc_blog_option lpc_tick {
content: url("../../images/lpc/detective/tick_not_selected.png");
width: 32px;
height: 32px;
}
.lpc_blog_option lpc_text {
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 2px;
transition: background-size 0.3s;
}
.lpc_blog_option:hover {
box-shadow: none;
border: 0px solid transparent;
color: #fba62d;
}
.lpc_blog_option:hover lpc_tick {
content: url("../../images/lpc/detective/tick_hover.png");
width: 32px;
height: 32px;
}
.lpc_blog_option.selected {
color: #fba62d;
box-shadow: none;
border: 0px solid transparent;
}
.lpc_blog_option.selected:hover {
box-shadow: none;
border: 0px solid transparent;
}
.lpc_blog_option.selected lpc_tick {
content: url("../../images/lpc/detective/tick_selected.png");
width: 32px;
height: 32px;
}
.lpc_blog_option.selected lpc_text {
background-size: 100% 2px;
}
.lpc_scrollbar {
overflow-y: scroll;
scrollbar-color: #76759f #bbc6e2;
scrollbar-width: thin;
}
.lpc_scrollbar_2 {
overflow-y: scroll;
scrollbar-color: #76759f transparent;
scrollbar-width: thin;
}
#lpc_scrollbar1::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #bbc6e2;
}
#lpc_scrollbar1::-webkit-scrollbar {
width: 8px;
background-color: #bbc6e2;
}
#lpc_scrollbar1::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #76759f;
}
#lpc_scrollbar2::-webkit-scrollbar-track {
border-radius: 10px;
background-color: transparent;
}
#lpc_scrollbar2::-webkit-scrollbar {
width: 8px;
background-color: transparent;
padding: 20px 0 20px 0;
}
#lpc_scrollbar2::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #76759f;
}
.lpc_message_sent {
border-radius: 20px 0px 8px 20px;
color: white;
font-size: 16px;
padding: 5px 5px 5px 12px;
object-fit: contain;
background-color: #6e5f9a;
max-width: 85%;
}
.lpc_message_received {
padding: 6px 5px 5px 5px;
border-radius: 0px 20px 20px 8px;
font-size: 16px;
color: #7675a0;
object-fit: contain;
border: solid 1px #7675a0;
background-color: #f7f7fd;
}
.lpc_avatar_dialogo {
width: 38px;
height: 38px;
border: 1px solid white;
background-color: #d7bbfe;
overflow: hidden;
background-size: 45px 60px;
border-radius: 50%;
background-position: center top;
}
.lpc_boton {
background: url(../../images/lpc/botones/boton-normal-arriba@2x.png);
border-color: transparent !important;
box-shadow: none !important;
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (hover: hover) {
.lpc_boton:hover {
background: url(../../images/lpc/botones/boton-hover-arriba@2x.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
.lpc_boton.selected {
background: url(../../images/lpc/botones/boton-activo-arriba@2x.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.lpc_boton_vacio {
background: url(../../images/lpc/botones/boton-normal@2x.png);
box-shadow: none !important;
background-size: 100% 100%;
background-repeat: no-repeat;
border: 0px solid transparent !important;
color: white;
font-size: 24px;
}
@media (hover: hover) {
.lpc_boton_vacio:hover {
background: url(../../images/lpc/botones/boton-hover@2x.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: 26px;
text-shadow: 1px 1px 2px #8aa3d3;
border: 0px solid transparent !important;
}
}
.lpc_boton_vacio.selected {
background: url(../../images/lpc/botones/boton-activo@2x.png);
background-repeat: no-repeat;
background-size: 100% 100%;
color: white !important;
font-size: 26px;
text-shadow: 1px 1px 2px #8aa3d3;
border: 0px solid transparent !important;
}
.lpc_radio {
background: url(../../images/lpc/botones/boton-radio-normal@2x.png);
border-color: transparent !important;
box-shadow: none !important;
background-size: 100% 100%;
background-repeat: no-repeat;
}
@media (hover: hover) {
.lpc_radio:hover {
background: url(../../images/lpc/botones/boton-radio-hover@2x.png);
background-size: 100% 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
}
.lpc_radio.selected {
background: url(../../images/lpc/botones/boton-radio-activo@2x.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 50% 50%;
}
.lpc_think {
box-sizing: border-box;
background: url(../../images/lpc/bubbles/lpc_bocadillo_izq_normal.png);
border-color: transparent !important;
box-shadow: none !important;
background-size: 100% 100%;
background-repeat: no-repeat;
max-width: 360px;
padding: 20% 12% 48% 16%;
color: #7675a0;
text-align: center;
font-size: 20px;
}
@media (hover: hover) {
.lpc_hover_grow {
transform: scale(1.1);
}
}
.lpc_hover_grow.selected {
transform: scale(1.1);
}
.lpc_opc {
border-radius: 8px;
text-align: center;
border: 2px solid #797aad;
color: #797aad;
cursor: pointer;
}
@media (hover: hover) {
.lpc_opc:hover {
background-image: linear-gradient(to top, #b2c9f5, #8aa3d3);
color: white;
box-shadow: none;
}
}
.lpc_opc.selected {
background-image: linear-gradient(to top, #ffca7f, #fba62d);
border: 2px solid #fba62d;
box-shadow: none;
color: #ffffff;
}
.lpc_opc.selected:hover {
background-image: linear-gradient(to top, #ffca7f, #fba62d);
color: white;
box-shadow: none;
}
.lpc_opc_img {
box-shadow: none;
border: none;
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}
@media (hover: hover) {
.lpc_opc_img:hover {
box-shadow: none;
border: none;
filter: drop-shadow(1px 0px 2px #797aad) drop-shadow(-1px 0px 2px #797aad) drop-shadow(0px 1px 2px #797aad) drop-shadow(0px -1px 2px #797aad) brightness(1);
-webkit-filter: drop-shadow(1px 0px 2px #797aad) drop-shadow(-1px 0px 2px #797aad) drop-shadow(0px 1px 2px #797aad) drop-shadow(0px -1px 2px #797aad) brightness(1);
-webkit-transform: translateZ(0);
cursor: pointer;
}
}
.lpc_opc_img.selected {
box-shadow: none;
border: none;
filter: drop-shadow(1px 0px 2px #fba62d) drop-shadow(-1px 0px 2px #fba62d) drop-shadow(0px 1px 2px #fba62d) drop-shadow(0px -1px 2px #fba62d);
-webkit-filter: drop-shadow(1px 0px 2px #fba62d) drop-shadow(-1px 0px 2px #fba62d) drop-shadow(0px 1px 2px #fba62d) drop-shadow(0px -1px 2px #fba62d);
-webkit-transform: translateZ(0);
}
.lpc_opc_img.selected:hover {
box-shadow: none;
border: none;
}
.lpc_opc_img2 {
box-shadow: none;
border: none;
}
@media (hover: hover) {
.lpc_opc_img2:hover {
box-shadow: none;
border: none;
filter: drop-shadow(1px 0px 2px #797aad) drop-shadow(-1px 0px 2px #797aad) drop-shadow(0px 1px 2px #797aad) drop-shadow(0px -1px 2px #797aad) brightness(1);
-webkit-filter: drop-shadow(1px 0px 2px #797aad) drop-shadow(-1px 0px 2px #797aad) drop-shadow(0px 1px 2px #797aad) drop-shadow(0px -1px 2px #797aad) brightness(1);
-webkit-transform: translateZ(0);
}
}
.lpc_opc_img2.selected {
box-shadow: none;
border: none;
filter: drop-shadow(1px 0px 2px #fba62d) drop-shadow(-1px 0px 2px #fba62d) drop-shadow(0px 1px 2px #fba62d) drop-shadow(0px -1px 2px #fba62d);
-webkit-filter: drop-shadow(1px 0px 2px #fba62d) drop-shadow(-1px 0px 2px #fba62d) drop-shadow(0px 1px 2px #fba62d) drop-shadow(0px -1px 2px #fba62d);
-webkit-transform: translateZ(0);
}
.lpc_opc_img2.selected:hover {
box-shadow: none;
border: none;
}
.lpc_opc_blue {
border-radius: 50%;
border: 2px solid #30A2ED;
background-color: #B9E3FF;
}
@media (hover: hover) {
.lpc_opc_blue:hover {
background-image: linear-gradient(to top, #B9E3FF, #30A2ED);
}
}
.lpc_opc_blue.selected {
background-image: linear-gradient(to top, #ffefd2, #FBA62D);
border: 2px solid #fba62d;
}
@media (hover: hover) {
.lpc_opc_blue.selected:hover {
background-image: linear-gradient(to top, #ffefd2, #FBA62D);
}
}
.lpc_draggable {
border-radius: 8px;
text-align: center;
border: 2px solid #b2c9f5;
color: #797aad;
background-color: #ffffff;
box-shadow: -4px 6px 0 0 rgba(0, 0, 0, 0.15);
}
@media (hover: hover) {
.lpc_draggable:hover {
background-image: linear-gradient(to top, #b2c9f5, #8aa3d3);
color: white;
}
}
.lpc_celda_vacia {
border-radius: 12px;
box-shadow: inset -3px 4px 4px 0px #cdd7e4;
border-style: solid;
border-width: 7px;
border-image-source: linear-gradient(to top, #ffffff, #ebf1f3);
border-image-slice: 1;
background-image: linear-gradient(to bottom, #e1ecf4, #e1ecf4), linear-gradient(to top, #ffffff, #ebf1f3);
}
.lpc_droppable {
border-radius: 10px;
box-sizing: border-box;
position: relative;
vertical-align: middle;
background-color: #edf6fc;
box-shadow: inset -3px 4px 4px 0 #cdd7e4;
}
.lpc_droppable.notfilled .ifempty {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
color: #CDD7E4;
text-shadow: 1px -1px 0 #BEC8D4;
}
.lpc_droppable.notfilled .ifempty.fontNum {
font-family: 'ABeeZee', sans-serif, Verdana;
}
.lpc_droppable.notfilled.fontNum .ifempty {
font-family: 'ABeeZee', sans-serif, Verdana;
}
.lpc_droppable.filled .ifempty {
display: none;
}
.lpc_droppable.ui-droppable-hover {
background: #ffefd2;
box-shadow: inset -3px 4px 4px 0 #FBA62D;
border: 0;
font-weight: normal;
}
.lpc_droppable.ui-droppable-hover .ifempty {
display: none;
}
.lpc_droppable_perspectivas {
background-color: transparent;
background-repeat: no-repeat;
}
.lpc_droppable_perspectivas.ui-droppable-hover {
background-color: transparent;
border: 2px solid transparent;
}
.lpc_droppable_papeles {
background-color: #c0c4e2c2;
background-repeat: no-repeat;
border: 3px solid #fba62d;
box-shadow: inset 0 2px 6px 0 #000000;
box-sizing: border-box;
border-radius: 6px;
}
.lpc_droppable_papeles.bordeMorado {
border: 3px solid #797aad;
}
.lpc_droppable_papeles.ui-droppable-hover {
background-color: #ffdb99;
}
.lpc_drop_bubble_1i {
box-sizing: border-box;
position: relative;
vertical-align: middle;
background-image: url(../../images/lpc/bubble/i_linea1_drop.png);
background-size: 100% 100%;
text-align: center;
}
.lpc_drop_bubble_1i.notfilled .ifempty {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
color: #EFB25c;
}
.lpc_drop_bubble_1i.filled .ifempty {
display: none;
}
.lpc_drop_bubble_1i.ui-droppable-hover {
border: 0;
font-weight: normal;
background-color: transparent;
}
.lpc_drop_bubble_1i.ui-droppable-hover .ifempty {
display: none;
}
.lpc_drop_bubble_2i {
box-sizing: border-box;
position: relative;
vertical-align: middle;
background-image: url(../../images/lpc/bubbles/i_linea2_drop.png);
background-size: 100% 100%;
text-align: center;
}
.lpc_drop_bubble_2i.notfilled .ifempty {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
color: #EFB25c;
}
.lpc_drop_bubble_2i.filled .ifempty {
display: none;
}
.lpc_drop_bubble_2i.ui-droppable-hover {
border: 0;
font-weight: normal;
background-color: transparent;
}
.lpc_drop_bubble_2i.ui-droppable-hover .ifempty {
display: none;
}
.lpc_drag_bubble_1i {
box-sizing: border-box;
vertical-align: middle;
background-image: url(../../images/lpc/bubbles/i_linea1_normal.png);
background-size: 100% 100%;
text-align: center;
display: inline-block;
color: #7675a0;
}
.lpc_drag_bubble_1i_active {
box-sizing: border-box;
vertical-align: middle;
background-image: url(../../images/lpc/bubbles/i_linea1_active.png);
background-size: 100% 100%;
text-align: center;
display: inline-block;
color: #fba62d;
}
.lpc_drag_bubble_2i {
box-sizing: border-box;
vertical-align: middle;
background-image: url(../../images/lpc/bubbles/i_linea2_normal.png);
background-size: 100% 100%;
text-align: center;
display: inline-block;
color: #7675a0;
}
.lpc_drag_bubble_2i_active {
box-sizing: border-box;
vertical-align: middle;
background-size: 100% 100%;
text-align: center;
display: inline-block;
background-image: url(../../images/lpc/bubbles/i_linea2_active.png);
color: #fba62d;
}
.lpc_drop_bubble_1i {
box-sizing: border-box;
position: relative;
vertical-align: middle;
background-image: url(../../images/lpc/bubble/i_linea1_drop.png);
background-size: 100% 100%;
text-align: center;
}
.lpc_drop_bubble_1i.notfilled .ifempty {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
color: #EFB25c;
}
.lpc_drop_bubble_1i.filled .ifempty {
display: none;
}
.lpc_drop_bubble_1i.ui-droppable-hover {
border: 0;
font-weight: normal;
background-color: transparent;
}
.lpc_drop_bubble_1i.ui-droppable-hover .ifempty {
display: none;
}
.lpc_drop_bubble_2d {
box-sizing: border-box;
position: relative;
vertical-align: middle;
background-image: url(../../images/lpc/bubbles/d_linea2_drop.png);
background-size: 100% 100%;
text-align: center;
}
.lpc_drop_bubble_2d.notfilled .ifempty {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
color: #EFB25c;
}
.lpc_drop_bubble_2d.filled .ifempty {
display: none;
}
.lpc_drop_bubble_2d.ui-droppable-hover {
border: 0;
font-weight: normal;
background-color: transparent;
}
.lpc_drop_bubble_2d.ui-droppable-hover .ifempty {
display: none;
}
.lpc_drag_bubble_1d {
box-sizing: border-box;
vertical-align: middle;
background-image: url(../../images/lpc/bubbles/d_linea1_normal.png);
background-size: 100% 100%;
text-align: center;
display: inline-block;
color: #7675a0;
}
.lpc_drag_bubble_1d_active {
box-sizing: border-box;
vertical-align: middle;
background-image: url(../../images/lpc/bubbles/d_linea1_active.png);
background-size: 100% 100%;
text-align: center;
display: inline-block;
color: #fba62d;
}
.lpc_drag_bubble_2d {
box-sizing: border-box;
vertical-align: middle;
background-image: url(../../images/lpc/bubbles/d_linea2_normal.png);
background-size: 100% 100%;
text-align: center;
display: inline-block;
color: #7675a0;
}
.lpc_drag_bubble_2d_active {
box-sizing: border-box;
vertical-align: middle;
background-size: 100% 100%;
text-align: center;
display: inline-block;
background-image: url(../../images/lpc/bubbles/d_linea2_active.png);
color: #fba62d;
}
.lpc_argumento_caja {
background-image: url(../../images/lpc/argumentos/argumento_caja.png);
background-size: 100% 124%;
background-position-y: bottom;
}
.lpc_sortable {
border-radius: 10px;
border: 2px solid #b2c9f5;
padding: 0 5px 0 5px;
color: #797aad;
background-color: #ffffff;
box-shadow: -3px 6px 0 0 rgba(0, 0, 0, 0.15);
}
@media (hover: hover) {
.lpc_sortable:hover {
background-image: linear-gradient(to top, #b2c9f5, #8aa3d3);
color: white;
}
}
.lpc_sortable:active {
color: white;
background-image: linear-gradient(to top, #ffca7f, #fba62d);
cursor: pointer;
border: 2px solid #fba62d;
}
.lpc_retro {
font-family: 'Luckiest Guy', cursive;
text-shadow: 0 0.1em 20px #000000, 0.05em -0.03em 0 #000000, 0.05em 0.005em 0 #000000, 0em 0.08em 0 #000000, 0.05em 0.08em 0 #000000, 0px -0.03em 0 #000000, -0.03em -0.03em 0 #000000, -0.03em 0.08em 0 #000000, -0.03em 0 0 #000000;
}
.lpc_retro bloque {
transform: scale(0.9);
display: inline-block;
}
.lpc_retro bloque:first-child {
font-size: 36px;
color: #c6d1f7;
animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 8 alternate;
}
.lpc_retro bloque:last-child {
font-size: 48px;
color: white;
animation: bopB 16s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;
}
@keyframes bop {
0% {
transform: scale(0.9);
}
50%,
100% {
transform: scale(1);
}
}
@keyframes bopB {
0% {
transform: scale(0.9);
}
20%,
30% {
transform: scale(1) rotateZ(-3deg);
}
40% {
transform: scale(0.9);
}
60%,
70% {
transform: scale(1) rotateZ(-3deg);
}
80% {
transform: scale(0.9);
}
90%,
100% {
transform: scale(1) rotateZ(-360deg);
}
}
.lpc_nav label {
z-index: 9;
width: 100px;
height: 600px;
display: none;
position: absolute;
opacity: 0;
cursor: pointer;
transition: opacity 0.2s;
color: #FFF;
font-size: 156pt;
text-align: center;
line-height: 532px;
background-color: rgba(255, 255, 255, 0.2);
text-shadow: 0px 0px 15px #777777;
}
.lpc_slide:hover + .lpc_nav label {
opacity: 0.5;
}
.lpc_nav label:hover {
opacity: 1;
}
.lpc_nav .next {
right: 0;
}
input:checked + .lpc_slide-container .lpc_slide {
opacity: 1;
transform: scale(1);
transition: opacity 1s ease-in-out;
}
input:checked + .lpc_slide-container .lpc_nav label {
display: block;
}
.lpc_typing {
width: 300px;
animation: lpc_escribiendo 2s steps(22) forwards;
white-space: nowrap;
overflow: hidden;
border-right: 3px solid #7675a0;
}
@keyframes lpc_escribiendo {
from {
width: 0;
}
to {
border-color: transparent;
}
}
.bubble_monster_blue {
background: url('../../images/visualizadores/bubbles/bubble-monster-blue.png');
background-size: 100% 100%;
display: inline-block;
}
.bubble_monster_orange {
background: url('../../images/visualizadores/bubbles/bubble-monster-orange.png');
background-size: 100% 100%;
display: inline-block;
}
.operadores_sombrero {
display: inline-block;
position: relative;
font-size: 30px;
font-weight: bold;
color: #FBA62D;
}
.operadores_sombrero .entrada {
display: inline-block;
vertical-align: top;
}
.operadores_sombrero .salida {
display: inline-block;
vertical-align: top;
color: #FBA62D;
}
.operadores_sombrero_0f {
display: inline-block;
position: relative;
font-size: 30px;
font-weight: bold;
color: #FBA62D;
}
.operadores_sombrero_0f .entrada {
display: inline-block;
vertical-align: top;
}
.operadores_sombrero_0f .salida {
display: inline-block;
vertical-align: top;
color: #FBA62D;
}
.operadores_sombrero_0f .sombrero {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding-top: 31px;
}
.operadores_sombrero_0f .sombrero_rojo {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding-top: 31px;
width: 78px;
height: 78px;
background: url("../../images/AACC/operadores/chistera.png") center center no-repeat;
}
.operadores_sombrero_1f {
display: inline-block;
position: relative;
font-size: 30px;
font-weight: bold;
color: #FBA62D;
}
.operadores_sombrero_1f .entrada {
display: inline-block;
vertical-align: top;
}
.operadores_sombrero_1f .salida {
display: inline-block;
vertical-align: top;
color: #FBA62D;
}
.operadores_sombrero_1f .sombrero {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding-top: 53px;
}
.operadores_sombrero_1f .sombrero_rojo {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding-top: 53px;
width: 128px;
height: 100px;
background: url("../../images/AACC/operadores/chistera_1.png") center center no-repeat;
}
.operadores_sombrero_2f {
display: inline-block;
position: relative;
font-size: 30px;
font-weight: bold;
color: #FBA62D;
}
.operadores_sombrero_2f .entrada {
display: inline-block;
vertical-align: top;
}
.operadores_sombrero_2f .salida {
display: inline-block;
vertical-align: top;
color: #FBA62D;
}
.operadores_sombrero_2f .sombrero {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding-top: 53px;
}
.operadores_sombrero_2f .sombrero_rojo {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding-top: 53px;
width: 118px;
height: 100px;
background: url("../../images/AACC/operadores/chistera_2.png") center center no-repeat;
}
.secondOppSolution {
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
font-size: 20px;
padding: 30px 10px 30px 70px;
color: #F36D21;
background: url("../../images/exercise/icon/watchout.png") no-repeat 10px center;
}
.arrow_down_blue {
display: inline-block;
width: 19px;
height: 28px;
background-image: url('../../images/visualizadores/arr_down_blue.png');
background-size: 19px 28px;
}
@media (min-resolution: 1.5dppx) {
.arrow_down_blue {
background-image: url("../../images/visualizadores/arr_down_blue@2x.png");
background-size: 19px 28px;
}
}
#problemSolution {
position: absolute;
display: none;
}
#problemSolution.solution-shown {
display: block;
}
#problemSolution.solution-loading {
visibility: hidden;
}
#problemSolution #contenidoRespuesta {
border: 3px solid #F36D21;
border-radius: 10px;
text-align: center;
padding: 12px 30px 12px 20px;
box-sizing: border-box;
max-width: 915px;
background: #F6F9F9;
opacity: 0.85;
}
#problemSolution #contenidoRespuesta:hover,
#problemSolution #contenidoRespuesta:active {
opacity: 1;
}
#problemSolution #contenidoRespuesta.conPista {
border: solid 1.5px rgba(16, 185, 203, 0.19);
color: #4ac6c8;
min-height: 60px;
padding: 15px 30px 15px 33px;
}
#problemSolution #contenidoRespuesta.conPista .bombilla {
position: absolute;
top: -4px;
left: -23px;
animation-name: pulse;
animation-duration: 0.8s;
animation-iteration-count: 2;
width: 55px;
height: 58px;
background-image: url("../../images/exercise/icon/icono-suggest.png");
background-size: 55px 58px;
background-repeat: no-repeat;
animation-timing-function: ease-in-out;
}
@media (min-resolution: 1.5dppx) {
#problemSolution #contenidoRespuesta.conPista .bombilla {
background-image: url("../../images/exercise/icon/icono-suggest@2x.png");
background-size: 55px 58px;
}
}
#problemSolution #contenidoRespuesta.conPista .icon-suggestion {
display: none;
}
@keyframes pulse {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#problemSolution {
z-index: 11;
}
.closeBtn {
font-size: 33px;
color: #f36d21;
}
#problemFeedbackIcon {
position: absolute;
bottom: 7px;
right: 7px;
visibility: hidden;
}
#problemFeedbackIcon.feedbackOk,
#problemFeedbackIcon.feedbackKo,
#problemFeedbackIcon.sending,
#problemFeedbackIcon.nextProblem,
#problemFeedbackIcon.send,
#problemFeedbackIcon.steps,
#problemFeedbackIcon.thumbup {
visibility: visible;
border: 3px solid #e3e8ee;
}
#problemFeedbackIcon.feedbackOk.hideFeedback,
#problemFeedbackIcon.feedbackKo.hideFeedback,
#problemFeedbackIcon.sending.hideFeedback,
#problemFeedbackIcon.nextProblem.hideFeedback,
#problemFeedbackIcon.send.hideFeedback,
#problemFeedbackIcon.steps.hideFeedback,
#problemFeedbackIcon.thumbup.hideFeedback {
visibility: hidden;
}
.problemFeedbackIcon {
display: inline-block;
box-sizing: border-box;
border: 3px solid #e3e8ee;
border-radius: 17px;
font-size: 0;
z-index: 20;
}
.problemFeedbackIcon .feedbackButton {
width: 85px;
height: 84px;
border-radius: 15px;
position: relative;
}
.problemFeedbackIcon .feedbackButton span {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
.problemFeedbackIcon.feedback-disabled {
opacity: 0.6;
}
.problemFeedbackIcon.feedbackOk .feedbackButton {
background: #74EE0F;
border: 3px solid #7ac43d;
box-shadow: inset 0 0 0 3px #BDF98C;
transition: background-size 0.2s ease-in;
}
.problemFeedbackIcon.feedbackOk .feedbackButton span {
background-image: url('../../images/exercise/icon/feedback-ok.png');
background-size: 49px 43px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.feedbackOk .feedbackButton span {
background-image: url("../../images/exercise/icon/feedback-ok@2x.png");
background-size: 49px 43px;
}
}
.problemFeedbackIcon.feedbackOk.big .feedbackButton span {
background-size: 55px 48px;
}
.problemFeedbackIcon.feedbackKo .feedbackButton {
background-color: #F36D21;
border: 3px solid #9A0A17;
box-shadow: inset 0 0 0 3px #ffffff;
transition: background-size 0.2s ease-in;
}
.problemFeedbackIcon.feedbackKo .feedbackButton span {
background-image: url('../../images/exercise/icon/feedback-ko-naranja.png');
background-size: 43px 43px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.feedbackKo .feedbackButton span {
background-image: url("../../images/exercise/icon/feedback-ko-naranja@2x.png");
background-size: 43px 43px;
}
}
.problemFeedbackIcon.feedbackKo.big .feedbackButton span {
background-size: 48px 48px;
}
.problemFeedbackIcon.sending .feedbackButton {
background-color: #7ac43d;
box-shadow: inset 0px -3px 0 0 #63B024, inset 0 3px 0 0 #BDF98C;
border: solid 2px #63B024;
}
.problemFeedbackIcon.sending .feedbackButton span {
background-image: url('../../images/exercise/icon/reloj.png');
background-size: 28px 55px;
transform-origin: center center;
animation: clockwise 1s infinite linear;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.sending .feedbackButton span {
background-image: url("../../images/exercise/icon/reloj@2x.png");
background-size: 28px 55px;
}
}
.problemFeedbackIcon.nextProblem .feedbackButton {
background-color: #FBA62D;
box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
border: solid 3px #ea7415;
cursor: pointer;
}
.problemFeedbackIcon.nextProblem .feedbackButton:hover {
border: solid 3px #FBA62D;
}
.problemFeedbackIcon.nextProblem .feedbackButton:active {
background-color: #ea7415;
box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
border: solid 3px #ea7415;
}
.problemFeedbackIcon.nextProblem .feedbackButton span {
background-image: url('../../images/exercise/icon/next-problem.png');
background-size: 52px 50px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.nextProblem .feedbackButton span {
background-image: url("../../images/exercise/icon/next-problem@2x.png");
background-size: 52px 50px;
}
}
.problemFeedbackIcon.nextProblem .feedbackButton:hover span {
background-image: url('../../images/exercise/icon/next-problem.png');
background-size: 54px 52px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.nextProblem .feedbackButton:hover span {
background-image: url("../../images/exercise/icon/next-problem@2x.png");
background-size: 54px 52px;
}
}
.problemFeedbackIcon.send .feedbackButton,
.problemFeedbackIcon.steps.laststep .feedbackButton {
background-color: #7ac43d;
box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
border: solid 3px #63B024;
cursor: pointer;
}
.problemFeedbackIcon.send .feedbackButton:hover,
.problemFeedbackIcon.steps.laststep .feedbackButton:hover {
border: solid 3px #7ac43d;
}
.problemFeedbackIcon.send .feedbackButton:active,
.problemFeedbackIcon.steps.laststep .feedbackButton:active {
background-color: #63B024;
box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
border: solid 3px #63B024;
}
.problemFeedbackIcon.send .feedbackButton span,
.problemFeedbackIcon.steps.laststep .feedbackButton span {
background-image: url('../../images/exercise/icon/icono-enviar.png');
background-size: 58px 47px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.send .feedbackButton span,
.problemFeedbackIcon.steps.laststep .feedbackButton span {
background-image: url("../../images/exercise/icon/icono-enviar@2x.png");
background-size: 58px 47px;
}
}
.problemFeedbackIcon.send .feedbackButton:hover span,
.problemFeedbackIcon.steps.laststep .feedbackButton:hover span {
background-image: url('../../images/exercise/icon/icono-enviar-hover.png');
background-size: 60px 48px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.send .feedbackButton:hover span,
.problemFeedbackIcon.steps.laststep .feedbackButton:hover span {
background-image: url("../../images/exercise/icon/icono-enviar-hover@2x.png");
background-size: 60px 48px;
}
}
.problemFeedbackIcon.steps .feedbackButton {
background-color: #FBA62D;
box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
border: solid 3px #ea7415;
cursor: pointer;
}
.problemFeedbackIcon.steps .feedbackButton:hover {
border: solid 3px #FBA62D;
}
.problemFeedbackIcon.steps .feedbackButton:active {
background-color: #ea7415;
box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
border: solid 3px #ea7415;
}
.problemFeedbackIcon.steps .feedbackButton span {
background-image: url('../../images/exercise/icon/next-problem.png');
background-size: 52px 50px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.steps .feedbackButton span {
background-image: url("../../images/exercise/icon/next-problem@2x.png");
background-size: 52px 50px;
}
}
.problemFeedbackIcon.steps .feedbackButton:hover span {
background-image: url('../../images/exercise/icon/next-problem.png');
background-size: 54px 52px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.steps .feedbackButton:hover span {
background-image: url("../../images/exercise/icon/next-problem@2x.png");
background-size: 54px 52px;
}
}
.problemFeedbackIcon.thumbup {
background-color: #7ac43d;
box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
border: solid 3px #63B024;
cursor: pointer;
}
.problemFeedbackIcon.thumbup:hover {
border: solid 3px #7ac43d;
}
.problemFeedbackIcon.thumbup:active {
background-color: #63B024;
box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
border: solid 3px #63B024;
}
.problemFeedbackIcon.thumbup span {
background-image: url('../../images/buttons/textless/icons/ok-green.png');
background-size: 53px 54px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.thumbup span {
background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
background-size: 53px 54px;
}
}
.problemFeedbackIcon.thumbup:active span {
background-image: url('../../images/buttons/textless/icons/ok-green-active.png');
background-size: 53px 54px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.thumbup:active span {
background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
background-size: 53px 54px;
}
}
.problemFeedbackIcon.thumbup:hover span {
background-image: url('../../images/buttons/textless/icons/ok-green-hover.png');
background-size: 54px 55px;
}
@media (min-resolution: 1.5dppx) {
.problemFeedbackIcon.thumbup:hover span {
background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
background-size: 54px 55px;
}
}
.problemFeedbackIcon.steps .step_path {
height: 55px;
position: absolute;
top: -15px;
border-top: 3px solid #e3e8ee;
border-left: 3px solid #e3e8ee;
border-bottom: 3px solid #e3e8ee;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.problemFeedbackIcon.steps .step_path .stepitems {
float: right;
display: inline-block;
margin-top: -8px;
margin-left: 4px;
white-space: nowrap;
}
.problemFeedbackIcon.steps .step_path .step {
background: #cdd7e4;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 8px;
margin-left: 2px;
float: right;
}
.problemFeedbackIcon.steps .step_path .step.active {
background: #FBA62D;
width: 14px;
height: 14px;
margin-left: 1px;
margin-right: -1px;
margin-top: -1px;
animation: feedback_step_activation 1s;
}
.sckeyboard-shown #problemFeedbackIcon.steps .step_path {
height: 35px;
}
@keyframes clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes feedback_step_activation {
from {
background: #cdd7e4;
width: 12px;
height: 12px;
}
to {
background: #FBA62D;
width: 14px;
height: 14px;
margin-left: 1px;
margin-right: -1px;
margin-top: -1px;
}
}
.customDialogOverlay {
display: none;
opacity: 0.5;
background: #CDD7E4;
width: 100%;
height: 100%;
position: fixed;
top: 0px;
z-index: 30;
}
.customDialogOverlay.closeOnClick {
cursor: pointer;
}
.recreoShown .customDialogOverlay {
display: none !important;
}
.customDialog {
z-index: 31;
}
.customDialog.w500 {
max-width: 500px;
}
.customDialog.dialogExercise {
border: 6px solid #FBA62D;
background-color: #f6f9f9;
padding: 5px 30px 10px;
box-shadow: 0 3px 3px 1px;
border-radius: 24px;
}
.customDialog.dialogExercise p {
margin: 10px 0;
}
.customDialog.dialogExercise .textDialog {
color: #FBA62D;
font-size: 24px;
margin: 15px auto 15px;
width: 100%;
}
.customDialog.dialogExercise#confirmacionEnvioDialog,
.customDialog.dialogExercise#chatbotEnviarVacioDialog {
width: 650px;
box-sizing: border-box;
}
.customDialog.dialogExercise#confirmacionEnvioDialog .contentDialog,
.customDialog.dialogExercise#chatbotEnviarVacioDialog .contentDialog {
color: #FBA62D;
font-size: 24px;
}
.customDialog.dialogExercise#confirmacionEnvioDialog .contentButtons,
.customDialog.dialogExercise#chatbotEnviarVacioDialog .contentButtons {
margin: 30px auto 0;
}
.customDialog.dialogExercise#confirmacionEnvioDialog .contentButtons .sep,
.customDialog.dialogExercise#chatbotEnviarVacioDialog .contentButtons .sep {
display: inline-block;
height: 2px;
width: 150px;
background: #cdd7e4;
}
.customDialog.dialogExercise#confirmacionEnvioDialog .buttonsDialog,
.customDialog.dialogExercise#chatbotEnviarVacioDialog .buttonsDialog {
margin: 0 auto;
}
.customDialog.dialogExercise#confirmacionEnvioDialog .buttonEnviar,
.customDialog.dialogExercise#chatbotEnviarVacioDialog .buttonEnviar {
width: 78px;
height: 58px;
}
.customDialog.dialogExercise#confirmacionEnvioDialog .buttonEnviar.noDisplay,
.customDialog.dialogExercise#chatbotEnviarVacioDialog .buttonEnviar.noDisplay {
display: none;
}
.customDialog.dialogExercise .contentDialog {
font-size: 18px;
margin: 10px auto 5px;
width: 100%;
}
.customDialog.dialogExercise .buttonsDialog {
margin: 20px auto 0;
}
.customDialog .closeButton.noHeadertrue {
position: absolute;
margin-top: 0;
font-weight: bold;
color: #FBA62D;
top: 0;
right: 5px;
}
.op_simb {
color: #42B2FC;
}
.no_disponible {
text-align: center;
font-size: 26px;
}
#problema .no_disponible {
margin-top: 100px;
}
table.tabla_num {
margin: auto;
border-collapse: collapse;
}
table.tabla_num td {
border: 1px solid #B9E3FF;
text-align: center;
background: white;
}
table.tabla_num td.blanco {
background: rgba(185, 227, 255, 0.5);
}
#tablaNum table.tabla_num td {
min-width: 75px;
height: 50px;
font-size: 36px;
box-sizing: border-box;
}
#tablaNum table.tabla_num td .text {
width: 75px;
height: 50px;
}
#tablaNum table.tabla_num.big td {
font-size: 32px;
min-width: 90px;
}
#tablaNum table.tabla_num.big td .text {
width: 90px;
}
#tabla_num_sol {
font-size: 18px;
}
#tabla_num_sol table.tabla_num {
border-collapse: collapse;
}
#tabla_num_sol table.tabla_num td {
border: 1px solid rgba(185, 227, 255, 0.6);
padding: 5px;
min-width: 25px;
}
.smkwiris_container {
position: relative;
z-index: 2;
}
.smkwiris_container .smkwiris_editor_wrapper {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.smkwiris_container.empty .smkwiris_result {
background: url("../../images/visualizadores/wiris/studio24.png") no-repeat 95% center;
}
.smkwiris_container .smkwiris_result {
display: inline-block;
min-width: 100px;
border: 1px solid #CDD7E4;
border-radius: 3px;
min-height: 30px;
cursor: pointer;
}
.smkwiris_container .accept {
display: inline-block;
width: 50px;
height: 50px;
background: url("../../images/buttons/textless/icons/ok-green.png") no-repeat center center #7ac43d;
background-size: 30px 30px;
border: solid 2px #63B024;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
float: right;
cursor: pointer;
}
.smkwiris_container .close {
display: inline-block;
width: 50px;
height: 50px;
background: url("../../images/buttons/textless/icons/cancel-red.png") no-repeat center center #ff5a5f;
background-size: 30px 30px;
border: solid 2px #e9464b;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
float: right;
margin-right: 50px;
cursor: pointer;
}
.smkwiris_container #syntaxError {
margin-top: 10px;
float: right;
}
.smkwiris_container .readonly {
pointer-events: none;
}
.smkwiris_showing .buttonEnviarNew,
.smkwiris_showing #problemFeedbackIcon.send,
.smkwiris_showing .sckeyboard {
visibility: hidden;
}
.smkwiris_container .smkwiris_editor {
background: white;
}
.smkwiris_container .wrs_editor {
/* .wrs_button, .smkwiris_button {
&:hover , &:focus{
border:2px solid @azulSolitude
}
&:active {
background:@azulSolitude !important;
border:2px solid @azulSmartick !important;
}
} */
}
.smkwiris_container .wrs_editor .wrs_panelContainer {
background: none;
border-radius: 5px;
border: 1px solid #E3E8EE;
}
.smkwiris_container .wrs_editor.wrs_toolbarSize_1_5 {
min-height: 200px;
}
.smkwiris_container .smkwiris_buttons {
display: inline-block;
white-space: nowrap;
margin-right: 4px;
}
.smkwiris_container .wrs_editor .smkwiris_button {
display: inline-block;
width: 42px;
height: 40px;
box-sizing: border-box;
vertical-align: middle;
text-align: center;
cursor: pointer;
font-size: 24px;
font-style: italic;
background: #EDF6FC;
border-radius: 5px;
margin: 1px;
color: #42B2FC;
}
.smkwiris_container .wrs_editor .smkwiris_button:active {
background-color: #42B2FC;
color: #EDF6FC;
}
.smkwiris_container .wrs_editor .smkwiris_button.actionkey {
background-color: #B9E3FF;
color: #42B2FC;
}
.smkwiris_container .wrs_editor .smkwiris_button.actionkey:active {
background-color: #42B2FC;
color: white;
}
.smkwiris_container .wrs_editor .smkwiris_button .mmlbut {
font-size: 70%;
font-style: normal;
display: inline-block;
}
.smkwiris_container .wrs_editor .smkwiris_button .mmlbut.frac {
font-size: 50%;
line-height: 18px;
}
.smkwiris_container .wrs_editor .smkwiris_button .mmlbut.frac .num {
border-bottom: 1px solid #42B2FC;
padding: 0 4px;
}
.smkwiris_container .wrs_editor .smkwiris_button .mmlbut.pot {
font-size: 50%;
}
.smkwiris_container .wrs_editor .smkwiris_button .mmlbut.pot sup {
vertical-align: super;
margin-left: 2px;
}
.smkwiris_container .wrs_editor .smkwiris_button.btbksp {
background: url("../../images/sesion/teclado/del.png") no-repeat 4px center #B9E3FF;
background-size: 30px 18px;
}
.smkwiris_container .wrs_editor .smkwiris_button.btbksp:active {
background: url("../../images/sesion/teclado/del_touched.png") no-repeat 4px center #42B2FC;
background-size: 30px 18px;
}
.smkwiris_container .wrs_editor .smkwiris_button.enter {
position: relative;
background-color: #B9E3FF;
background-size: 26px 30px;
}
.smkwiris_container .wrs_editor .smkwiris_button.enter:active {
background-color: #42B2FC;
background-size: 26px 30px;
}
.smkwiris_container .wrs_editor .smkwiris_button.enter:active::after {
filter: unset;
}
.smkwiris_container .wrs_editor .smkwiris_button.enter::after {
left: 0;
position: absolute;
border-radius: 5px;
width: 100%;
height: 100%;
content: "";
background: url("../../images/sesion/teclado/buttonEnter.png") no-repeat 4px center;
filter: invert(43%) sepia(19%) saturate(1589%) hue-rotate(164deg) brightness(106%) contrast(98%);
}
.smkwiris_container .wrs_editor .smkwiris_button:active .frac .num {
border-color: white;
}
div.ordena_enun {
text-align: center;
}
div.ordena_enun > ul {
margin: auto;
display: inline-block;
}
div.ordena_enun > ul > li {
padding: 5px 2px;
margin: 3px 3px;
}
.res-pasos-pre {
position: absolute;
bottom: 0;
right: 105px;
color: #F36D21;
font-size: 0;
text-align: center;
width: 300px;
margin-top: 10px;
z-index: 20;
overflow: hidden;
height: 200px;
}
.res-pasos-pre .res-pasos-pre-button {
width: 85px;
height: 84px;
position: absolute;
bottom: 10px;
right: 3px;
}
.res-pasos-pre .monster {
position: absolute;
bottom: 0;
right: 95px;
width: 144px;
height: 139px;
display: inline-block;
background-image: url('../../images/exercise/monster/monster-teacher.png');
background-size: 144px 139px;
}
@media (min-resolution: 1.5dppx) {
.res-pasos-pre .monster {
background-image: url("../../images/exercise/monster/monster-teacher@2x.png");
background-size: 144px 139px;
}
}
.res-pasos-pre .bulb {
position: absolute;
bottom: 105px;
right: 75px;
width: 64px;
height: 64px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-image: url('../../images/exercise/monster/bulb.png');
background-size: 64px 64px;
}
@media (min-resolution: 1.5dppx) {
.res-pasos-pre .bulb {
background-image: url("../../images/exercise/monster/bulb@2x.png");
background-size: 64px 64px;
}
}
.errorMark {
display: inline-block;
width: 15px;
height: 15px;
background-image: url('../../images/exercise/review/tick-ko@2x.png');
background-size: 100%;
background-repeat: no-repeat;
}
.option--errormark--doublesize .errorMark,
.errorMark.errormark--doublesize {
width: 30px;
height: 30px;
background-image: url('../../images/exercise/review/tick-ko@3x.png');
}
.option--errormark--opaque .errorMark,
.errorMark.errormark--opaque {
width: 38px;
height: 37px;
background-image: url('../../images/exercise/review/tick-ko-opaque@2x.png');
}
.option--errormark--opaque .errorMark.errorMark-with-number,
.errorMark.errormark--opaque.errorMark-with-number {
width: auto;
padding-left: 38px;
font-size: 24px;
color: #C80315;
background-size: 38px 37px;
background-repeat: no-repeat;
line-height: 37px;
}
.option--errormark--opaque--left .errorMark {
position: relative;
left: -10px;
top: -10px;
width: 38px;
height: 37px;
background-image: url('../../images/exercise/review/tick-ko-opaque@2x.png');
}
.option--errormark--opaque--right .errorMark {
position: relative;
right: -10px;
top: -10px;
width: 38px;
height: 37px;
background-image: url('../../images/exercise/review/tick-ko-opaque@2x.png');
}
.errorMark.errorMark-inputText {
vertical-align: top;
position: relative;
margin-left: -15px;
}
.errorMark.errorMark-topright {
vertical-align: top;
position: relative;
margin-left: -15px;
}
.errorMark.errorMark-abs-bottomright {
position: absolute;
bottom: 0;
right: 0;
}
.errorMark.errorMark-abs-topleft {
position: absolute;
top: 0;
left: 0;
}
.errorMark.errorMark-alternate {
animation: transparentAlternateAnimation 4s infinite ease-in-out alternate;
-webkit-animation: transparentAlternateAnimation 4s infinite ease-in-out alternate;
}
.errorMark.errorMark-pointer-linnum {
position: absolute;
top: 3px;
right: 0;
}
.errorMark.errorMark-mtachar {
position: absolute;
right: 0;
top: 0;
background-image: url('../../images/exercise/review/tick-ko-opaque.png');
}
.errorMark.errorMark-mtachar.tickok {
background-image: url('../../images/exercise/review/tick-ok-opaque.png');
}
.errorMark.tickok {
background-image: url('../../images/exercise/review/tick-ok@2x.png');
background-size: 100%;
}
.option--errormark--doublesize .errorMark.tickok {
background-image: url('../../images/exercise/review/tick-ok@3x.png');
}
.option--errormark--opaque .errorMark.tickok,
.errorMark.tickok.errormark--opaque {
width: 39px;
height: 38px;
background-image: url('../../images/exercise/review/tick-ok-opaque@2x.png');
}
.option--errormark--opaque .errorMark.tickok.errorMark-with-number,
.errorMark.tickok.errormark--opaque.errorMark-with-number {
width: auto;
color: #74EE0F;
}
.option--errormark--opaque--left .errorMark.tickok {
width: 39px;
height: 38px;
background-image: url('../../images/exercise/review/tick-ok-opaque@2x.png');
}
.option--errormark--opaque--right .errorMark.tickok {
width: 39px;
height: 38px;
background-image: url('../../images/exercise/review/tick-ok-opaque@2x.png');
}
.errorMark.errorMark-options {
position: absolute;
right: 2px;
bottom: 2px;
}
.errorMark.errorMark-opcombo {
position: absolute;
right: -1px;
bottom: -1px;
width: 25px;
height: 24px;
background-image: url('../../images/exercise/review/tick-ko-opaque@2x.png');
}
.option_yesno .errorMark.errorMark-options {
width: 38px;
height: 37px;
background-image: url('../../images/exercise/review/tick-ko-opaque@2x.png');
bottom: -45px;
left: 50%;
margin-left: -20px;
}
.option_yesno .errorMark.errorMark-options.tickok {
width: 39px;
height: 38px;
background-image: url('../../images/exercise/review/tick-ok-opaque@2x.png');
}
.error-mark-draggable .errorMark {
position: absolute;
bottom: 2px;
left: 2px;
}
.def-draggable.error-bottom-right.error-mark-draggable .errorMark {
bottom: 0;
right: 0;
left: unset;
}
.inline-error-text {
color: #C80315;
animation: rojoMonzaTransparentAnimation 4s infinite ease-in-out alternate-reverse;
-webkit-animation: rojoMonzaTransparentAnimation 4s infinite ease-in-out alternate-reverse;
position: relative;
}
.inline-error-text--correct {
position: absolute;
opacity: 0;
animation: transparentAlternateAnimation 4s infinite ease-in-out alternate-reverse;
-webkit-animation: transparentAlternateAnimation 4s infinite ease-in-out alternate-reverse;
}
.inline-error-word-text {
color: #C80315;
opacity: 1;
animation: transparentAlternateAnimation 4s infinite ease-in-out alternate;
-webkit-animation: transparentAlternateAnimation 4s infinite ease-in-out alternate;
position: relative;
}
.inline-error-word-text--correct {
position: absolute;
opacity: 0;
animation: transparentAlternateAnimation 4s infinite ease-in-out alternate-reverse;
-webkit-animation: transparentAlternateAnimation 4s infinite ease-in-out alternate-reverse;
}
@keyframes rojoMonzaTransparentAnimation {
0% {
color: rgba(200, 3, 21, 0);
}
30% {
color: rgba(200, 3, 21, 0);
}
50% {
color: rgba(200, 3, 21, 0.5);
}
70% {
color: #c80315;
}
100% {
color: #c80315;
}
}
@keyframes grisHurricaneTransparentAnimation {
0% {
color: rgba(138, 128, 128, 0);
}
30% {
color: rgba(138, 128, 128, 0);
}
50% {
color: rgba(138, 128, 128, 0.5);
}
70% {
color: #8a8080;
}
100% {
color: #8a8080;
}
}
@keyframes transparentAlternateAnimation {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
50% {
opacity: 0.5;
}
70% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes transparentAnimation {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes opacity03Animation {
from {
opacity: 0;
}
to {
opacity: 0.3;
}
}
@keyframes optionSeletedAnimation {
from {
color: #42B2FC;
border-color: #B9E3FF;
box-shadow: none;
}
to {
color: #FBA62D;
border-color: #FBA62D;
box-shadow: 0 0 0 2px #FBA62D;
}
}
.alternateFadeOut {
opacity: 1;
animation: transparentAlternateAnimation 4s infinite ease-in-out alternate;
-webkit-animation: transparentAlternateAnimation 4s infinite ease-in-out alternate;
}
.alternateFadeIn {
opacity: 0;
animation: transparentAlternateAnimation 4s infinite ease-in-out alternate-reverse;
-webkit-animation: transparentAlternateAnimation 4s infinite ease-in-out alternate-reverse;
}
.flash-hidden {
opacity: 0;
animation: transparentAnimation 0.5s ease-out;
}
.fadeOut {
opacity: 0;
animation: transparentAnimation 2s ease-out;
}
.toAbs00 {
position: absolute;
top: 0;
left: 0;
}
.fadeIn {
opacity: 1;
animation: transparentAnimation 2s ease-in reverse;
}
.transparent {
opacity: 0;
}
.tangram_problem {
position: absolute;
top: 0;
left: 0;
}
.button-thumb-up-green {
background-color: #7ac43d;
box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
border: solid 3px #63B024;
cursor: pointer;
display: inline-block;
border-radius: 15px;
width: 200px;
height: 70px;
background-image: url('../../images/buttons/textless/icons/ok-green.png');
background-size: 53px 54px;
background-repeat: no-repeat;
background-position: center;
}
.button-thumb-up-green:hover {
border: solid 3px #7ac43d;
}
.button-thumb-up-green:active {
background-color: #63B024;
box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
border: solid 3px #63B024;
}
@media (min-resolution: 1.5dppx) {
.button-thumb-up-green {
background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
background-size: 53px 54px;
}
}
.button-thumb-up-green:active {
background-image: url('../../images/buttons/textless/icons/ok-green-active.png');
background-size: 53px 54px;
}
@media (min-resolution: 1.5dppx) {
.button-thumb-up-green:active {
background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
background-size: 53px 54px;
}
}
.button-thumb-up-green:hover {
background-image: url('../../images/buttons/textless/icons/ok-green-hover.png');
background-size: 54px 55px;
}
@media (min-resolution: 1.5dppx) {
.button-thumb-up-green:hover {
background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
background-size: 54px 55px;
}
}
.button-lupa-green {
background-color: #7ac43d;
box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
border: solid 3px #63B024;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
border-radius: 15px;
background-image: url('../../images/exercise/icon/icono-lupa.png');
background-size: 50px 48px;
}
.button-lupa-green:hover {
border: solid 3px #7ac43d;
}
.button-lupa-green:active {
background-color: #63B024;
box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
border: solid 3px #63B024;
}
@media (min-resolution: 1.5dppx) {
.button-lupa-green {
background-image: url("../../images/exercise/icon/icono-lupa@2x.png");
background-size: 50px 48px;
}
}
.button-lupa-green:hover {
background-image: url('../../images/exercise/icon/icono-lupa-hover.png');
background-size: 52px 49px;
}
@media (min-resolution: 1.5dppx) {
.button-lupa-green:hover {
background-image: url("../../images/exercise/icon/icono-lupa-hover@2x.png");
background-size: 52px 49px;
}
}
/* Guia de ususario */
.recreoShown .hand-image {
display: none;
}
.popup-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(34, 35, 35, 0.86);
z-index: 100;
}
.recreoShown .popup-container {
display: none;
}
.info-reloj-popup {
position: absolute;
width: 600px;
height: 165px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: #FFF;
border-radius: 10px;
border: 2px solid #EBF0F6;
box-shadow: 6.3px 7.8px 0 0 rgba(0, 0, 0, 0.28);
font-size: 22px;
color: #8A8080;
text-align: center;
padding: 10px;
z-index: 100;
}
.info-reloj-popup .ok-button {
cursor: pointer;
}
/* Guia Discalculia */
.cortinilla-discalculia {
position: absolute;
width: 1000px;
height: 600px;
top: 0;
left: 0;
z-index: 30;
background-color: #42B2FC;
font-family: 'Open Sans', sans-serif, Verdana;
font-weight: bold;
font-size: 85px;
color: #FFF;
border-radius: 12px;
}
.cortinilla-discalculia .texto-cortinilla {
position: relative;
top: 250px;
text-align: center;
}
.monster-hand {
position: absolute;
top: 50px;
left: -80px;
z-index: 100;
}
.recreoShown .monster-hand {
display: none;
}
.mainLineDiscalculia {
position: absolute;
width: 750px;
height: 0;
top: 250px;
left: 100px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
padding: 15px 0;
}
.mainLineDiscalculia .vertical-line {
position: absolute;
width: 1px;
height: 100%;
top: 0;
background: #42B2FC;
}
.mainLineDiscalculia .vertical-line1 {
left: 75px;
}
.mainLineDiscalculia .vertical-line2 {
left: 150px;
}
.mainLineDiscalculia .vertical-line3 {
left: 225px;
}
.mainLineDiscalculia .vertical-line4 {
left: 300px;
}
.mainLineDiscalculia .vertical-line5 {
left: 375px;
}
.mainLineDiscalculia .vertical-line6 {
left: 450px;
}
.mainLineDiscalculia .vertical-line7 {
left: 525px;
}
.mainLineDiscalculia .vertical-line8 {
left: 600px;
}
.mainLineDiscalculia .vertical-line9 {
left: 675px;
}
.mainLineDiscalculia .num {
position: absolute;
width: 100px;
font-size: 24px;
color: #42B2FC;
text-align: center;
bottom: -35px;
}
.mainLineDiscalculia .num1 {
left: 25px;
}
.mainLineDiscalculia .num2 {
left: 100px;
}
.mainLineDiscalculia .num3 {
left: 175px;
}
.mainLineDiscalculia .num4 {
left: 250px;
}
.mainLineDiscalculia .num5 {
left: 325px;
}
.mainLineDiscalculia .num6 {
left: 400px;
}
.mainLineDiscalculia .num7 {
left: 475px;
}
.mainLineDiscalculia .num8 {
left: 550px;
}
.mainLineDiscalculia .num9 {
left: 625px;
}
.linea-num-example-image {
position: absolute;
top: 315px;
left: 0;
}
#teach-resource {
width: 1000px;
height: 600px;
border: none;
border-radius: 23px;
position: relative;
overflow: hidden;
text-align: center;
}
#teach-resource .teach-reasource-content {
display: inline-block;
margin: auto;
}
.brilloContainer {
position: absolute;
width: 1000px;
height: 600px;
top: 0;
left: 0;
overflow: hidden;
}
.brilloContainer .brilloInsignia {
background: url("../../images/mundoVirtual/nuevo/fin/hazCircular.png");
width: 1000px;
height: 1000px;
background-size: 1000px 1000px;
transform-origin: center center;
position: absolute;
left: 0;
top: -210px;
z-index: 21;
filter: invert(90%) sepia(40%) saturate(9) brightness(70) hue-rotate(-24deg);
transform: translateZ(0);
animation-name: animBrilloInsignia;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-timing-function: linear;
}
@keyframes animBrilloInsignia {
from {
transform: translateZ(0) rotate(0);
}
to {
transform: translateZ(0) rotate(359deg);
}
}
.popupPrincipiante {
position: absolute;
width: 513px;
height: 553px;
top: 25px;
left: 245px;
border-radius: 7px;
z-index: 22;
background: white;
background-image: url("../../images/sesion/insignias/fondo.png");
background-size: 513px 334px;
background-position: bottom;
background-repeat: no-repeat;
border: 1px solid #42B2FC;
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante {
background-image: url("../../images/sesion/insignias/fondo@2x.png");
background-size: 513px 334px;
}
}
.popupPrincipiante .title {
margin: 20px 0 10px 0;
text-align: center;
color: black;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
font-weight: bold;
font-size: 25px;
}
.popupPrincipiante .desc {
margin-bottom: 10px;
text-align: center;
color: #42B2FC;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
font-size: 15px;
opacity: 0;
display: none;
}
.popupPrincipiante .stars {
width: 185px;
height: 175px;
background-image: url("../../images/sesion/insignias/estrellitas.png");
background-size: 185px 125px;
background-repeat: no-repeat;
background-position: top;
margin: auto;
margin-top: 15px;
margin-bottom: 10px;
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .stars {
background-image: url("../../images/sesion/insignias/estrellitas@2x.png");
background-size: 185px 125px;
}
}
.popupPrincipiante .stars .insignia {
width: 156px;
height: 173px;
background-image: url("../../images/sesion/insignias/novato.png");
background-size: 156px 173px;
text-align: center;
margin: auto;
transform: translateY(10px);
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .stars .insignia {
background-image: url("../../images/sesion/insignias/novato@2x.png");
background-size: 156px 173px;
}
}
.popupPrincipiante .barraProgreso {
width: 450px;
height: 50px;
background-image: url("../../images/sesion/insignias/barra.png");
background-size: 380px 8px;
background-repeat: no-repeat;
background-position: 20px 30px;
text-align: center;
margin: auto;
margin-top: -20px;
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .barraProgreso {
background-image: url("../../images/sesion/insignias/barra@2x.png");
background-size: 380px 8px;
}
}
.popupPrincipiante .barraProgreso .inicio {
width: 20px;
height: 20px;
background: #7BC43E;
border: 3px solid white;
border-radius: 20px;
display: inline-block;
margin-left: 0;
transform: translateY(-2px);
}
.popupPrincipiante .barraProgreso .progreso {
width: 145px;
height: 8px;
background: transparent;
display: inline-block;
vertical-align: super;
transform: translateY(-7px);
}
.popupPrincipiante .barraProgreso .progreso.lleno {
width: 170px;
background: #7bc43e;
}
.popupPrincipiante .barraProgreso .centro {
width: 20px;
height: 20px;
background: radial-gradient(#fff503, #ff8200);
border: 3px solid white;
border-radius: 20px;
display: inline-block;
transform: translateY(-2px);
}
.popupPrincipiante .barraProgreso .meta {
width: 52px;
height: 50px;
background-image: url("../../images/sesion/insignias/meta.png");
background-size: 52px 50px;
display: inline-block;
margin-right: 0;
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .barraProgreso .meta {
background-image: url("../../images/sesion/insignias/meta@2x.png");
background-size: 52px 50px;
}
}
.popupPrincipiante .animo {
text-align: center;
font-family: 'Open Sans', sans-serif, Verdana;
line-height: 1.2;
font-size: 15px;
}
.popupPrincipiante .bonus {
height: 144px;
text-align: center;
margin-bottom: 20px;
}
.popupPrincipiante .bonus .regalo {
width: 160px;
height: 144px;
background-image: url("../../images/sesion/insignias/icono-pack-ticks.png");
background-size: 160px 144px;
display: inline-block;
background-size: 160px 250px !important;
background-position: bottom;
margin-right: 30px;
transform: translateY(-10px);
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .bonus .regalo {
background-image: url("../../images/sesion/insignias/icono-pack-ticks@2x.png");
background-size: 160px 144px;
}
}
.popupPrincipiante .bonus .mv {
width: 138px;
height: 144px;
background-image: url("../../images/sesion/insignias/pack-personalizacion.png");
background-size: 138px 144px;
display: inline-block;
margin-left: 30px;
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .bonus .mv {
background-image: url("../../images/sesion/insignias/pack-personalizacion@2x.png");
background-size: 138px 144px;
}
}
.popupPrincipiante .botonOk {
background-color: #FBA62D;
box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
border: solid 3px #ea7415;
width: 150px;
height: 67px;
object-fit: contain;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
margin: 0 10px;
text-align: center;
display: block;
margin: auto;
}
.popupPrincipiante .botonOk:hover {
border: solid 3px #FBA62D;
}
.popupPrincipiante .botonOk:active {
background-color: #ea7415;
box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
border: solid 3px #ea7415;
}
.popupPrincipiante .botonOk span {
display: inline-block;
width: 42px;
height: 40px;
margin-top: 11.5px;
padding: 0;
vertical-align: top;
background-image: url("../../images/buttons/textless/icons/go-orange.png");
background-size: 42px 40px;
background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .botonOk span {
background-image: url("../../images/buttons/textless/icons/go-orange@2x.png");
background-size: 42px 40px;
}
}
.popupPrincipiante .botonOk:hover span,
.popupPrincipiante .botonOk.hover span {
width: 42px;
height: 40px;
margin-top: 11.5px;
background-image: url("../../images/buttons/textless/icons/go-orange-hover.png");
background-size: 42px 40px;
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .botonOk:hover span,
.popupPrincipiante .botonOk.hover span {
background-image: url("../../images/buttons/textless/icons/go-orange-hover@2x.png");
background-size: 42px 40px;
}
}
.popupPrincipiante .botonOk:active span,
.popupPrincipiante .botonOk.active span {
width: 42px;
height: 40px;
margin-top: 11.5px;
background-image: url("../../images/buttons/textless/icons/go-orange-active.png");
background-size: 42px 40px;
}
@media (min-resolution: 1.5dppx) {
.popupPrincipiante .botonOk:active span,
.popupPrincipiante .botonOk.active span {
background-image: url("../../images/buttons/textless/icons/go-orange-active@2x.png");
background-size: 42px 40px;
}
}
/*
'AAA
' +
'BBB
' +
'' +
'' +
'' +
'' +
*/
.arrow {
display: inline-block;
vertical-align: middle;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.arrow.arrow-right,
.arrow.arrow-left {
width: 46px;
height: 41px;
}
.arrow.arrow-right.small,
.arrow.arrow-left.small {
width: 23px;
height: 20px;
}
.arrow.arrow-right {
background-image: url('../../images/visualizadores/arrows/arrow-right.png');
}
.arrow.arrow-left {
background-image: url('../../images/visualizadores/arrows/arrow-left.png');
}
.arrow.arrow-up,
.arrow.arrow-down {
width: 41px;
height: 46px;
}
.arrow.arrow-up.small,
.arrow.arrow-down.small {
width: 20px;
height: 23px;
}
.arrow.arrow-up {
background-image: url('../../images/visualizadores/arrows/arrow-up.png');
}
.arrow.arrow-down {
background-image: url('../../images/visualizadores/arrows/arrow-down.png');
}
.arrow.arrow-down-left,
.arrow arrow-up-left,
.arrow .arrow-down-right,
.arrow .arrow-up-right {
width: 43px;
height: 43px;
}
.arrow.arrow-down-left.small,
.arrow arrow-up-left.small,
.arrow .arrow-down-right.small,
.arrow .arrow-up-right.small {
width: 21px;
height: 21px;
}
.arrow.arrow-down-left {
background-image: url('../../images/visualizadores/arrows/arrow-down-left.png');
}
.arrow.arrow-up-left {
background-image: url('../../images/visualizadores/arrows/arrow-up-left.png');
}
.arrow.arrow-down-right {
background-image: url('../../images/visualizadores/arrows/arrow-down-right.png');
}
.arrow.arrow-up-right {
background-image: url('../../images/visualizadores/arrows/arrow-up-right.png');
}
.arrow-narrow {
display: inline-block;
vertical-align: middle;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.arrow-narrow.arrow-right,
.arrow-narrow.arrow-left {
width: 94px;
height: 13px;
}
.arrow-narrow.arrow-right.small,
.arrow-narrow.arrow-left.small {
width: 47px;
height: 7px;
}
.arrow-narrow.arrow-right {
background-image: url('../../images/visualizadores/arrows/arrow-narrow-right.png');
}
.arrow-narrow.arrow-left {
background-image: url('../../images/visualizadores/arrows/arrow-narrow-left.png');
}
.arrow-narrow.arrow-up,
.arrow-narrow.arrow-down {
width: 13px;
height: 93px;
}
.arrow-narrow.arrow-up.small,
.arrow-narrow.arrow-down.small {
width: 47px;
height: 7px;
}
.arrow-narrow.arrow-up {
background-image: url('../../images/visualizadores/arrows/arrow-narrow-up.png');
}
.arrow-narrow.arrow-down {
background-image: url('../../images/visualizadores/arrows/arrow-narrow-down.png');
}
.arrow-narrow.arrow-down-left,
.arrow-narrow.arrow-up-left,
.arrow-narrow.arrow-down-right,
.arrow-narrow.arrow-up-right {
width: 67px;
height: 67px;
}
.arrow-narrow.arrow-down-left.small,
.arrow-narrow.arrow-up-left.small,
.arrow-narrow.arrow-down-right.small,
.arrow-narrow.arrow-up-right.small {
width: 34px;
height: 34px;
}
.arrow-narrow.arrow-down-left {
background-image: url('../../images/visualizadores/arrows/arrow-narrow-down-left.png');
}
.arrow-narrow.arrow-up-left {
background-image: url('../../images/visualizadores/arrows/arrow-narrow-up-left.png');
}
.arrow-narrow.arrow-down-right {
background-image: url('../../images/visualizadores/arrows/arrow-narrow-down-right.png');
}
.arrow-narrow.arrow-up-right {
background-image: url('../../images/visualizadores/arrows/arrow-narrow-up-right.png');
}
.but-trian-vio-left,
.but-trian-vio-right {
display: inline-block;
width: 51px;
height: 72px;
cursor: pointer;
}
.but-trian-vio-left.disabled,
.but-trian-vio-right.disabled {
visibility: hidden;
}
.but-trian-vio-left {
background-image: url('../../images/visualizadores/arrows/triangle-left.png');
background-size: 51px 72px;
}
@media (min-resolution: 1.5dppx) {
.but-trian-vio-left {
background-image: url("../../images/visualizadores/arrows/triangle-left@2x.png");
background-size: 51px 72px;
}
}
.but-trian-vio-left:hover {
background-image: url('../../images/visualizadores/arrows/triangle-left-hover.png');
background-size: 51px 72px;
}
@media (min-resolution: 1.5dppx) {
.but-trian-vio-left:hover {
background-image: url("../../images/visualizadores/arrows/triangle-left-hover@2x.png");
background-size: 51px 72px;
}
}
.but-trian-vio-left:active {
background-image: url('../../images/visualizadores/arrows/triangle-left-active.png');
background-size: 51px 72px;
}
@media (min-resolution: 1.5dppx) {
.but-trian-vio-left:active {
background-image: url("../../images/visualizadores/arrows/triangle-left-active@2x.png");
background-size: 51px 72px;
}
}
.but-trian-vio-right {
background-image: url('../../images/visualizadores/arrows/triangle-right.png');
background-size: 51px 72px;
}
@media (min-resolution: 1.5dppx) {
.but-trian-vio-right {
background-image: url("../../images/visualizadores/arrows/triangle-right@2x.png");
background-size: 51px 72px;
}
}
.but-trian-vio-right:hover {
background-image: url('../../images/visualizadores/arrows/triangle-right-hover.png');
background-size: 51px 72px;
}
@media (min-resolution: 1.5dppx) {
.but-trian-vio-right:hover {
background-image: url("../../images/visualizadores/arrows/triangle-right-hover@2x.png");
background-size: 51px 72px;
}
}
.but-trian-vio-right:active {
background-image: url('../../images/visualizadores/arrows/triangle-right-active.png');
background-size: 51px 72px;
}
@media (min-resolution: 1.5dppx) {
.but-trian-vio-right:active {
background-image: url("../../images/visualizadores/arrows/triangle-right-active@2x.png");
background-size: 51px 72px;
}
}
.clearboth {
clear: both;
}
.btn-activador {
display: inline-block;
cursor: pointer;
width: 80px;
height: 80px;
background-color: white ;
background-image: url("../../images/exercise/icon/play-activador.png");
background-size: 43px 49px;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 15px;
box-shadow: 0px 2px 6px 0 rgba(156, 119, 207, 0.23);
border: solid 1px rgba(156, 119, 207, 0.2);
position: relative;
}
@media (min-resolution: 1.5dppx) {
.btn-activador {
background-image: url("../../images/exercise/icon/play-activador@2x.png");
background-size: 43px 49px;
}
}
.btn-activador:active {
background-color: #deffc2;
background-position: 52% 52%;
border: 0;
box-shadow: none;
}
.btn-activador.activated {
background-image: none;
cursor: normal;
background-color: white;
border: 0;
box-shadow: none;
}
.btn-activador.activated .activation-circle {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100px;
border: 3px #7ac43d solid;
opacity: 0;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
animation-name: btn-activador-activation;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.btn-activador.activated .activation-circle.activation-circle-2 {
animation-delay: -1s;
}
@keyframes btn-activador-activation {
from {
width: 0;
height: 0;
opacity: 1;
}
to {
width: 40px;
height: 40px;
opacity: 0;
}
}
.macro-word-def-activator {
color: #42B2FC;
cursor: pointer;
text-decoration: underline;
}
.macro-word-def-activator:hover,
.macro-word-def-activator:active,
.macro-word-def-activator.active {
color: #FBA62D;
}
.word-def-content {
position: absolute;
top: 0;
left: 0;
display: none;
border-radius: 5px;
box-shadow: 0px 2px 13px 0 rgba(0, 0, 0, 0.35);
background-color: #ffffff;
padding: 10px 15px 10px 15px;
white-space: nowrap;
pointer-events: none;
font-size: 18px;
}
.word-def-content.show-hovered,
.word-def-content.show-clicked {
display: inline-block;
}
.word-def-content .word-def {
display: inline-block;
max-width: 350px;
vertical-align: top;
white-space: normal;
}
.word-def-content .image-def {
display: inline-block;
margin-right: 5px;
vertical-align: top;
}
.word-def-content .cl-textos--word-def {
font-size: 22px;
letter-spacing: 1px;
}
.word-def-content .cl-textos--word-def strong {
color: #42B2FC;
}
.word-def-content .x-close {
position: absolute;
top: 3px;
right: 3px;
color: #42B2FC;
pointer-events: auto;
cursor: pointer;
font-size: 20px;
line-height: 14px;
}
.word-def-content .x-close:hover,
.word-def-content .x-close:active {
text-decoration: underline;
color: #FBA62D;
}
.anim-appear-container {
overflow-x: hidden;
margin-left: -20px;
margin-right: -20px;
}
.anim-appear-left {
transform: translateX(-1000px);
transition: 1s ease-in all;
}
.anim-appear-left.anim-appear-show {
transform: translateX(0);
}
.anim-appear-bottom {
transform: translateY(600px);
transition: 1s ease-in all;
}
.anim-appear-bottom.anim-appear-show {
transform: translateY(0);
}
.anim-appear-top {
transform: translateY(-600px);
transition: 1s ease-in all;
}
.anim-appear-top.anim-appear-show {
transform: translateY(0);
}
.anim-appear-right {
transform: translateX(1000px);
transition: 1s ease-in all;
}
.anim-appear-right.anim-appear-show {
transform: translateX(0);
}
.anim-appear-scale {
transform: scale(0);
transition: 1s ease all;
}
.anim-appear-scale.anim-appear-show {
transform: scale(1);
}
.anim-appear-opacity {
opacity: 0;
transition: 1s ease-in all;
}
.anim-appear-opacity.anim-appear-show {
opacity: 1;
}
.anim-grow {
transition: 0.5s ease-in-out all;
}
.anim-grow.grow {
z-index: 2;
transform: scale(1.1);
}
.anim-overlay-exercise {
position: absolute;
top: -17px;
left: -21px;
width: 1000px;
height: 600px;
overflow: hidden;
border-radius: 12px;
}
.anim-overlay-exercise.anim-overlay-grey {
background: rgba(0, 0, 0, 0.35);
}
#contenidoEjercicio.compLectora {
font-family: 'ABeeZee', sans-serif, Verdana;
font-size: 28px;
}
#contenidoEjercicio.compLectora.default {
background: #fff6e0;
}
#contenidoEjercicio.compLectora #enunciados {
font-size: 28px;
color: #7675a0;
}
#contenidoEjercicio.compLectora .text,
#contenidoEjercicio.compLectora input.text {
font-size: 28px;
}
#contenidoEjercicio.compLectora .text.inherit-font,
#contenidoEjercicio.compLectora input.text.inherit-font {
color: inherit;
font-size: inherit;
}
#contenidoEjercicio.compLectora .text.inherit-font.inline-error-word-text,
#contenidoEjercicio.compLectora input.text.inherit-font.inline-error-word-text {
color: #C80315;
}
#contenidoEjercicio.compLectora .text.word-text,
#contenidoEjercicio.compLectora input.text.word-text {
vertical-align: baseline;
}
#contenidoEjercicio.compLectora .text.word-text::placeholder,
#contenidoEjercicio.compLectora input.text.word-text::placeholder {
font-style: italic;
color: #b0d0e3;
}
#contenidoEjercicio.compLectora .def-draggable {
box-sizing: content-box;
border: none;
}
#contenidoEjercicio.compLectora .def-draggable.ui-draggable-dragging {
color: #FBA62D;
border: 2px solid #FBA62D;
}
#contenidoEjercicio.compLectora .def-draggable.def-draggable-Fon {
border: 1px dashed #909482;
}
#contenidoEjercicio.compLectora .def-draggable.def-draggable-Fon.ui-draggable-dragging {
border: 1px dashed #FBA62D;
}
#contenidoEjercicio.compLectora .def-draggable.def-draggable-Sil {
border: 2px solid #9c77cf;
}
#contenidoEjercicio.compLectora .def-draggable.def-draggable-Sil.ui-draggable-dragging {
border: 2px solid #FBA62D;
}
#contenidoEjercicio.compLectora .cl-droppable {
border-radius: 10px;
box-sizing: content-box;
position: relative;
vertical-align: middle;
display: inline-block;
background-color: #f4efe5;
box-shadow: inset 0px -1.5px 19px 0 rgba(0, 0, 0, 0.16);
border: 2px solid white;
}
#contenidoEjercicio.compLectora .cl-droppable .def-draggable,
#contenidoEjercicio.compLectora .cl-droppable .cl-draggable {
margin: 0 !important;
}
#contenidoEjercicio.compLectora .cl-droppable .def-draggable-Fon {
margin-top: -1px !important;
margin-left: -1px !important;
}
#contenidoEjercicio.compLectora .cl-droppable .def-draggable-Sil {
margin-top: -2px !important;
margin-left: -2px !important;
}
#contenidoEjercicio.compLectora .cl-droppable.abs {
position: absolute;
}
#contenidoEjercicio.compLectora .cl-droppable.notfilled .ifempty {
color: #e0dacd;
}
#contenidoEjercicio.compLectora .cl-droppable.notfilled.ui-droppable-hover {
background-color: #ffefd2;
border-color: #e3dacc;
font-weight: normal;
}
#contenidoEjercicio.compLectora .cl-droppable.notfilled.ui-droppable-hover .ifempty {
color: #f2c88b;
}
#contenidoEjercicio.compLectora .cl-droppable.filled .ifempty {
display: none;
}
#contenidoEjercicio.compLectora .cl-droppable.filled .def-draggable {
box-shadow: none;
}
#contenidoEjercicio.compLectora .cl-droppable.filled.ui-droppable-hover {
border: 2px solid #FBA62D;
}
#contenidoEjercicio.compLectora .cl-tarjeta-verbos {
background-image: url('../../../images/comprension_lectora/contenedores/generales/tarjeta-verbo.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-tarjeta-verbos.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-caja1 {
background-image: url('../../../images/comprension_lectora/contenedores/generales/caja1.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-caja1.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-caja2 {
background-image: url('../../../images/comprension_lectora/contenedores/generales/caja2.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-caja2.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-caja3 {
background-image: url('../../../images/comprension_lectora/contenedores/generales/caja3.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-caja3.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-caja4 {
background-image: url('../../../images/comprension_lectora/contenedores/generales/caja4.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-caja4.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-lineatemp {
background-image: url('../../../images/comprension_lectora/contenedores/generales/linea_temp_gra.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-lineatemp.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-pizarra_bl_corta {
background-image: url('../../../images/comprension_lectora/contenedores/generales/pizarra_blanca_corta.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-pizarra_bl_corta.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-pizarra_bl_larga {
background-image: url('../../../images/comprension_lectora/contenedores/generales/pizarra_blanca_larga.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-pizarra_bl_larga.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-maquina-texto {
background-image: url('../../../images/comprension_lectora/contenedores/generales/maquina_texto.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-maquina-texto.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-maquina-texto-2 {
background-image: url('../../../images/comprension_lectora/contenedores/generales/maquina_texto_2.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-maquina-texto-2.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-maquina-texto-3 {
background-image: url('../../../images/comprension_lectora/contenedores/generales/maquina_texto_3.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-maquina-texto-3.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-maquina-clasif-2 {
background-image: url('../../../images/comprension_lectora/contenedores/generales/maquina_clasif_2.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-maquina-clasif-2.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-maquina-clasif-3 {
background-image: url('../../../images/comprension_lectora/contenedores/generales/maquina_clasif_3.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-maquina-clasif-3.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-analizador {
background-image: url('../../../images/comprension_lectora/contenedores/generales/analizador.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-analizador.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-analizador-verbos {
background-image: url('../../../images/comprension_lectora/contenedores/generales/maquina-base.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-analizador-verbos.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-cont-verbos-simple {
background-image: url('../../../images/comprension_lectora/contenedores/generales/contenedor-palabras.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-cont-verbos-simple.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-maq-verbos-embudo {
background-image: url('../../../images/comprension_lectora/contenedores/generales/maquina-embudo.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-maq-verbos-embudo.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-presind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_presind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-presind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-pretperfsimind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_pretperfsimind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-pretperfsimind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-pretimpind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_pretimpind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-pretimpind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-futsimind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_futsimind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-futsimind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-condsimind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_condsimind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-condsimind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-condcomind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_condcomind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-condcomind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-futcomind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_futcomind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-futcomind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-pretperfcomind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_pretperfcomind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-pretperfcomind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-pretpluscind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_pretpluscind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-pretpluscind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-peq-presind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_peq_presind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-peq-presind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-peq-pretperfsimind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_peq_pretperfsimind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-peq-pretperfsimind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-peq-pretimpind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_peq_pretimpind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-peq-pretimpind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-peq-futsimind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_peq_futsimind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-peq-futsimind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-peq-condsimind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_peq_condsimind.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-peq-condsimind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-ind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_indicativo.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-ind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-sub {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_subjuntivo.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-sub.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-peq-ind {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_peq_indicativo.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-peq-ind.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-drag-peq-sub {
background-image: url('../../../images/comprension_lectora/contenedores/generales/puertadrag_peq_subjuntivo.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-drag-peq-sub.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-nota-rasgada-lila {
background-image: url('../../../images/comprension_lectora/contenedores/generales/nota-rasgada-lila.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-nota-rasgada-lila.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-nota-rasgada-marron {
background-image: url('../../../images/comprension_lectora/contenedores/generales/nota-rasgada-marron.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-nota-rasgada-marron.rel {
margin-left: auto;
margin-right: auto;
}
#contenidoEjercicio.compLectora .cl-bocadillo-marron-izq {
background-image: url('../../../images/comprension_lectora/contenedores/generales/bocadillo-marron-izq.png');
background-position: center;
background-size: 100% 100%;
padding: 25px 25px 25px 25px;
}
#contenidoEjercicio.compLectora .cl-bocadillo-marron-izq.rel {
margin-left: auto;
margin-right: auto;
}
/* old para WEB-12460, extinguir y borrar*/
.cl-tarjeta-img-old,
.cl-tarjeta-bl-old,
.cl-tarjeta-texto-top-old {
display: inline-block;
background-color: #f9f8f6;
border-radius: 8px;
border: 6px solid white;
box-shadow: 0 0 0 2px #e8debc;
padding: 5px 6px;
margin-top: 1px;
margin-bottom: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cl-tarjeta-img-old.rel,
.cl-tarjeta-bl-old.rel,
.cl-tarjeta-texto-top-old.rel {
display: table;
margin-left: auto;
margin-right: auto;
}
.cl-tarjeta-img-old.col,
.cl-tarjeta-bl-old.col,
.cl-tarjeta-texto-top-old.col {
margin-left: 2px;
margin-right: 2px;
}
.cl-tarjeta-img-old.cl-tarjeta-texto-top-old,
.cl-tarjeta-bl-old.cl-tarjeta-texto-top-old,
.cl-tarjeta-texto-top-old.cl-tarjeta-texto-top-old {
margin-top: 1.3em;
display: table;
position: relative;
}
.cl-tarjeta-img-old.cl-tarjeta-texto-top-old:before,
.cl-tarjeta-bl-old.cl-tarjeta-texto-top-old:before,
.cl-tarjeta-texto-top-old.cl-tarjeta-texto-top-old:before {
content: attr(data-texto-top);
color: #FBA62D;
position: absolute;
top: -1.5em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 90%;
line-height: 90%;
margin: auto;
padding: 4px 4px;
display: table;
width: fit-content;
white-space: nowrap;
background-color: #f9f8f6;
border-radius: 8px;
border: 6px solid white;
box-shadow: 0 0 0 2px #e8debc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cl-tarjeta-img-old.cl-tarjeta-bl-old,
.cl-tarjeta-bl-old.cl-tarjeta-bl-old,
.cl-tarjeta-texto-top-old.cl-tarjeta-bl-old {
color: black;
}
.center .cl-tarjeta-texto-top-old {
margin: 1.3em auto auto;
}
.cl-tarjeta-rd-old {
display: inline-block;
background-color: #f9f8f6;
border-radius: 100%;
border: 6px solid white;
box-shadow: 0 0 0 2px #e8debc;
position: relative;
margin: 8px 20px 0;
width: 160px;
height: 160px;
}
.cl-tarjeta-rd-old.rel {
display: table;
margin-left: auto;
margin-right: auto;
}
.cl-tarjeta-rd-old.spanLocucion:before,
.cl-tarjeta-rd-old .spanLocucion:before {
position: absolute;
top: -10px;
right: -30px;
width: 60px;
height: 60px;
}
.cl-tarjeta-rd-old img {
width: 150px;
height: 150px;
border-radius: 100%;
object-fit: contain;
}
/* END old para WEB-12460, extinguir y borrar*/
.cl-tarjeta-img,
.cl-tarjeta-bl,
.cl-tarjeta-texto-top {
display: inline-block;
background-color: #f9f8f6;
border-radius: 8px;
border: 6px solid white;
box-shadow: 0 0 0 2px #e8debc;
padding: 5px 6px;
margin-top: 1px;
margin-bottom: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cl-tarjeta-img.rel,
.cl-tarjeta-bl.rel,
.cl-tarjeta-texto-top.rel {
margin-left: auto;
margin-right: auto;
}
.cl-tarjeta-img.col,
.cl-tarjeta-bl.col,
.cl-tarjeta-texto-top.col {
margin-left: 2px;
margin-right: 2px;
}
.cl-tarjeta-img.cl-tarjeta-texto-top,
.cl-tarjeta-bl.cl-tarjeta-texto-top,
.cl-tarjeta-texto-top.cl-tarjeta-texto-top {
margin-top: 1.3em;
display: inline-block;
position: relative;
}
.cl-tarjeta-img.cl-tarjeta-texto-top:before,
.cl-tarjeta-bl.cl-tarjeta-texto-top:before,
.cl-tarjeta-texto-top.cl-tarjeta-texto-top:before {
content: attr(data-texto-top);
color: #FBA62D;
position: absolute;
top: -1.5em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 90%;
line-height: 90%;
margin: auto;
padding: 4px 4px;
display: table;
width: fit-content;
white-space: nowrap;
background-color: #f9f8f6;
border-radius: 8px;
border: 6px solid white;
box-shadow: 0 0 0 2px #e8debc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cl-tarjeta-img.cl-tarjeta-bl,
.cl-tarjeta-bl.cl-tarjeta-bl,
.cl-tarjeta-texto-top.cl-tarjeta-bl {
color: black;
}
.center .cl-tarjeta-texto-top {
margin: 1.3em auto auto;
}
.cl-tarjeta-rd {
display: inline-block;
background-color: #f9f8f6;
border-radius: 100%;
border: 6px solid white;
box-shadow: 0 0 0 2px #e8debc;
position: relative;
margin: 8px 20px 0;
width: 160px;
height: 160px;
}
.cl-tarjeta-rd.rel {
margin-left: auto;
margin-right: auto;
}
.cl-tarjeta-rd.spanLocucion:before,
.cl-tarjeta-rd .spanLocucion:before {
position: absolute;
top: -10px;
right: -30px;
width: 60px;
height: 60px;
}
.cl-tarjeta-rd img {
width: 150px;
height: 150px;
border-radius: 100%;
object-fit: contain;
}
.cl-tarjeta-rd-sinloc {
display: inline-block;
background-color: #f9f8f6;
border-radius: 100%;
border: 6px solid white;
box-shadow: 0 0 0 2px #e8debc;
position: relative;
margin: 8px 20px 0;
width: 110px;
height: 110px;
}
.cl-tarjeta-rd-sinloc.rel {
margin-left: auto;
margin-right: auto;
}
.cl-tarjeta-rd-sinloc img {
width: 100px;
height: 100px;
border-radius: 100%;
object-fit: contain;
}
.cl-tarjeta-rd-2 {
display: inline-block;
background-color: #fff9c5;
border-radius: 100%;
border: 6px solid white;
box-shadow: 0 0 0 2px #f9be2d;
position: relative;
margin: 8px 20px 0;
width: 160px;
height: 160px;
}
.cl-tarjeta-rd-2.rel {
display: table;
margin-left: auto;
margin-right: auto;
}
.cl-tarjeta-rd-2.spanLocucion:before,
.cl-tarjeta-rd-2 .spanLocucion:before {
position: absolute;
top: -10px;
right: -30px;
width: 60px;
height: 60px;
}
.cl-tarjeta-rd-2 img {
width: 150px;
height: 150px;
border-radius: 100%;
object-fit: contain;
}
.grayscale100 {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-transform: translateZ(0);
}
.grayscale75 {
filter: grayscale(75%);
-webkit-filter: grayscale(75%);
-moz-filter: grayscale(75%);
-ms-filter: grayscale(75%);
-o-filter: grayscale(75%);
-webkit-transform: translateZ(0);
}
.grayscale50 {
filter: grayscale(50%);
-webkit-filter: grayscale(50%);
-moz-filter: grayscale(50%);
-ms-filter: grayscale(50%);
-o-filter: grayscale(50%);
-webkit-transform: translateZ(0);
}
.grayscale25 {
filter: grayscale(25%);
-webkit-filter: grayscale(25%);
-moz-filter: grayscale(25%);
-ms-filter: grayscale(25%);
-o-filter: grayscale(25%);
-webkit-transform: translateZ(0);
}
.enun_prob_causalidad_ejetemporal {
position: relative;
background: url('../../images/probabilidad/causalidad/eje-temporal.png') white no-repeat 9px 144px;
background-size: 600px 66px;
width: 620px;
height: 214px;
}
.enun_prob_causalidad_ejetemporal .globo {
box-sizing: border-box;
display: inline-block;
position: absolute;
width: 144px;
height: 144px;
overflow: hidden;
border: 4px solid white;
border-radius: 50%;
top: 9px;
left: 5px;
box-shadow: 0 0 0 2px #42B2FC;
background: #EBF3F9;
}
.enun_prob_causalidad_ejetemporal .line {
position: absolute;
top: 154px;
height: 16px;
width: 2px;
background: #42B2FC;
}
.enun_prob_causalidad_ejetemporal.selected {
background-image: url('../../images/probabilidad/causalidad/eje-temporal-naranja.png');
background-size: 600px 61px;
background-position: 9px 146px;
}
.enun_prob_causalidad_ejetemporal.selected .line {
background: #FBA62D;
}
.enun_prob_causalidad_ejetemporal.selected .globo {
box-shadow: 0 0 0 2px #FBA62D;
}
.bold {
font-weight: bold;
}
.smk-touchDrop {
cursor: pointer;
}
.cl--icono-inferencia {
display: inline-block;
width: 72px;
height: 72px;
border: solid 2px #e7dfca;
background-color: #7675a0;
border-radius: 36px;
background-image: url('../../images/visualizadores/comprension_lectora/textos/icono-actividades-inferencia.png');
background-size: 54px 43px;
background-position: center center;
background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.cl--icono-inferencia {
background-image: url("../../images/visualizadores/comprension_lectora/textos/icono-actividades-inferencia@2x.png");
background-size: 54px 43px;
}
}
.cl-enun {
font-size: 28px;
line-height: 1.5;
letter-spacing: 1px;
}
.cl-diphia-iu {
color: #B58EEC;
}
.cl-diphia-aeo {
color: #7ac43d;
}
.solo-en-solucion {
display: none !important;
}
.smkmacro.caja_div table.caja_division {
border-spacing: 0;
}
.smkmacro.caja_div table.caja_division td {
white-space: nowrap;
padding: 5px 10px;
}
.smkmacro.caja_div table.caja_division.caja_division_es td.caja_division--D {
text-align: right;
}
.smkmacro.caja_div table.caja_division.caja_division_es td.caja_division--d {
text-align: left;
border-left: 2px solid #8a8080;
border-bottom: 2px solid #8a8080;
}
.smkmacro.caja_div table.caja_division.caja_division_es td.caja_division--c,
.smkmacro.caja_div table.caja_division.caja_division_es td.caja_division--r {
vertical-align: top;
}
.smkmacro.caja_div table.caja_division .caja_division-es--r {
padding-right: 0;
text-align: right;
}
.smkmacro.caja_div table.caja_division .caja_division-es--r .caja_division--r-content {
display: inline-block;
padding: 0 10px 15px 10px;
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100% 10px;
background-image: url("../../images/visualizadores/svg/arco_bajo_resto.svg");
}
.smkmacro.caja_div table.caja_division .caja_division-en--r {
border-bottom: 2px solid #8a8080;
}
.smkmacro.caja_div table.caja_division.caja_division_en td.caja_division--c,
.smkmacro.caja_div table.caja_division.caja_division_en td.caja_division--lit-r {
border-bottom: 2px solid #8a8080;
}
.smkmacro.caja_div table.caja_division.caja_division_en td.caja_division--lit-r {
padding-right: 0;
}
.smkmacro.caja_div table.caja_division.caja_division_en td.caja_division--d {
background-repeat: no-repeat;
background-size: 10px 100%;
background-image: url("../../images/visualizadores/svg/arc_longdiv_en.svg");
}
.bt-redo-orange {
background-color: #FBA62D;
box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
border: solid 3px #ea7415;
cursor: pointer;
width: 85px;
height: 85px;
border-radius: 15px;
background-image: url("../../images/buttons/textless/icons/redo-orange.png");
background-size: 100% 100%;
background-position: center center;
}
.bt-redo-orange:hover {
border: solid 3px #FBA62D;
}
.bt-redo-orange:active {
background-color: #ea7415;
box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
border: solid 3px #ea7415;
}
@media (min-resolution: 1.5dppx) {
.bt-redo-orange {
background-image: url("../../images/buttons/textless/icons/redo-orange@2x.png");
background-size: 100% 100%;
}
}
.bt-redo-orange:hover {
background-image: url("../../images/buttons/textless/icons/redo-orange-hover.png");
background-size: 100% 100%;
}
@media (min-resolution: 1.5dppx) {
.bt-redo-orange:hover {
background-image: url("../../images/buttons/textless/icons/redo-orange-hover@2x.png");
background-size: 100% 100%;
}
}
.bt-redo-orange:active {
background-image: url("../../images/buttons/textless/icons/redo-orange-active.png");
background-size: 100% 100%;
}
@media (min-resolution: 1.5dppx) {
.bt-redo-orange:active {
background-image: url("../../images/buttons/textless/icons/redo-orange-active@2x.png");
background-size: 100% 100%;
}
}
.pens-comp-ribbon {
background-image: url('../../images/pensamiento_computacional/insignias/cinta_descomp.png');
background-size: 100% 100%;
width: 81px;
height: 114px;
position: absolute;
top: 0;
right: 10px;
}
@media (min-resolution: 1.5dppx) {
.pens-comp-ribbon {
background-image: url("../../images/pensamiento_computacional/insignias/cinta_descomp@2x.png");
background-size: 100% 100%;
}
}
.area_trabajo_button {
position: relative;
width: 73px;
height: 73px;
}
.area_trabajo_button:not(.icono):not(.non-standard-icon) {
cursor: pointer;
transition: 0.5s;
background-image: url("../../images/visualizadores/area_trabajo/normal.png");
background-size: 73px 73px;
}
@media (min-resolution: 1.5dppx) {
.area_trabajo_button:not(.icono):not(.non-standard-icon) {
background-image: url("../../images/visualizadores/area_trabajo/normal@2x.png");
background-size: 73px 73px;
}
}
.area_trabajo_button:not(.icono):not(.non-standard-icon).activo {
background-image: url("../../images/visualizadores/area_trabajo/activo.png");
background-size: 73px 73px;
}
@media (min-resolution: 1.5dppx) {
.area_trabajo_button:not(.icono):not(.non-standard-icon).activo {
background-image: url("../../images/visualizadores/area_trabajo/activo@2x.png");
background-size: 73px 73px;
}
}
.area_trabajo_button:not(.icono):not(.non-standard-icon):hover {
background-image: url("../../images/visualizadores/area_trabajo/hover.png");
background-size: 73px 73px;
}
@media (min-resolution: 1.5dppx) {
.area_trabajo_button:not(.icono):not(.non-standard-icon):hover {
background-image: url("../../images/visualizadores/area_trabajo/hover@2x.png");
background-size: 73px 73px;
}
}
.area_trabajo_button:not(.icono):not(.non-standard-icon):active {
background-image: url("../../images/visualizadores/area_trabajo/activo.png");
background-size: 73px 73px;
}
@media (min-resolution: 1.5dppx) {
.area_trabajo_button:not(.icono):not(.non-standard-icon):active {
background-image: url("../../images/visualizadores/area_trabajo/activo@2x.png");
background-size: 73px 73px;
}
}
.area_trabajo_button.icono {
background-image: url("../../images/visualizadores/area_trabajo/no-clickable.png");
background-size: 73px 73px;
}
@media (min-resolution: 1.5dppx) {
.area_trabajo_button.icono {
background-image: url("../../images/visualizadores/area_trabajo/no-clickable@2x.png");
background-size: 73px 73px;
}
}
.area_trabajo_button:before {
content: "";
display: inline-block;
width: 44px;
height: 43px;
position: absolute;
left: 17px;
top: 11px;
background-image: url("../../images/visualizadores/area_trabajo/simbolo-cuadricula.png");
background-size: 44px 43px;
}
@media (min-resolution: 1.5dppx) {
.area_trabajo_button:before {
background-image: url("../../images/visualizadores/area_trabajo/simbolo-cuadricula@2x.png");
background-size: 44px 43px;
}
}
.area_trabajo_button.readOnly {
pointer-events: none;
}
.suggest_block.area_trabajo {
transition: 1s;
}
.suggest_block.area_trabajo::after {
display: none;
}
.suggest_block.area_trabajo.left {
padding: 10px 30px 10px 30px;
}
.suggest_block.area_trabajo.left.hide {
transform-origin: top right;
}
.suggest_block.area_trabajo.right {
padding: 10px 30px 10px 30px;
}
.suggest_block.area_trabajo.right.hide {
transform-origin: top left;
}
.suggest_block.area_trabajo.hide {
opacity: 0;
transform: scale(0);
}
.area_trabajo_suggest_container {
position: relative;
}
.area_trabajo_suggest_container .area_trabajo_button {
position: absolute;
top: 0;
}
.area_trabajo_suggest_container .suggest_block.area_trabajo {
position: absolute;
top: 5px;
width: fit-content;
max-width: calc(100% - 130px);
}
.area_trabajo_suggest_container.left .area_trabajo_button {
right: 0;
}
.area_trabajo_suggest_container.left .suggest_block.area_trabajo {
right: 40px;
padding: 10px 30px 10px 30px;
}
.area_trabajo_suggest_container.left .suggest_block.area_trabajo.hide {
transform-origin: top right;
}
.area_trabajo_suggest_container.right .area_trabajo_button {
left: 0;
}
.area_trabajo_suggest_container.right .suggest_block.area_trabajo {
left: 40px;
padding: 10px 30px 10px 30px;
}
.area_trabajo_suggest_container.right .suggest_block.area_trabajo.hide {
transform-origin: top left;
}
#ecuacion_wiris_container,
#macro_wiris_container,
.external_wiris_container {
position: absolute;
z-index: 1;
width: 0;
height: 380px;
border-radius: 12px 0 0 12px;
right: -13px;
top: 160px;
transition: 0.5s;
background-color: #edf6fc;
box-shadow: -15px 4px 10px #8080806e;
}
#ecuacion_wiris_container.show,
#macro_wiris_container.show,
.external_wiris_container.show {
border: 1px solid #CDD7E4;
right: -12px;
width: 920px;
}
#ecuacion_wiris_container.show #wiris_suggest,
#macro_wiris_container.show #wiris_suggest,
.external_wiris_container.show #wiris_suggest {
right: 918px;
}
#ecuacion_wiris_container.show #wiris_suggest .suggest_block.area_trabajo,
#macro_wiris_container.show #wiris_suggest .suggest_block.area_trabajo,
.external_wiris_container.show #wiris_suggest .suggest_block.area_trabajo {
display: none;
}
#ecuacion_wiris_container #wiris_suggest,
#macro_wiris_container #wiris_suggest,
.external_wiris_container #wiris_suggest {
position: absolute;
right: -4px;
top: 200px;
width: 470px;
text-align: center;
transition: 0.5s;
}
#ecuacion_wiris_container .smkwiris_container,
#macro_wiris_container .smkwiris_container,
.external_wiris_container .smkwiris_container {
overflow: hidden;
width: 100%;
height: 100%;
top: 10px;
left: 10px;
}
#ecuacion_wiris_container .smkwiris_container .wrs_editor .smkwiris_button,
#macro_wiris_container .smkwiris_container .wrs_editor .smkwiris_button,
.external_wiris_container .smkwiris_container .wrs_editor .smkwiris_button {
width: 38px;
height: 36px;
line-height: 32px;
}
#ecuacion_wiris_container .smkwiris_container .wrs_editor .smkwiris_button .frac,
#macro_wiris_container .smkwiris_container .wrs_editor .smkwiris_button .frac,
.external_wiris_container .smkwiris_container .wrs_editor .smkwiris_button .frac {
font-size: 40%;
}
#ecuacion_wiris_container .smkwiris_container .buttons,
#macro_wiris_container .smkwiris_container .buttons,
.external_wiris_container .smkwiris_container .buttons,
#ecuacion_wiris_container .smkwiris_container .smkwiris_result,
#macro_wiris_container .smkwiris_container .smkwiris_result,
.external_wiris_container .smkwiris_container .smkwiris_result {
display: none;
}