.mainpanelarrastrar {
 padding-bottom:175px;
 float:left;
 height:auto;
 width:100%;
 position:relative
}
div#text {
 width:100%;
 height:auto;
 min-height:100px;
 font-size:24px;
 line-height:24px;
 text-align:center;
 position:relative;
 display:block
}
#text>div {
 display:inline-block;
 margin:6px;
 font-size:30px;
 line-height:22px;
 position:relative;
 width:100%;
 text-align:center
}
#text>div>p {
 color:#64991e;
 text-transform:lowercase;
 display:none;
 font-size:12px;
 text-align:center;
 line-height:12px;
 font-weight:bold;
 width:100px;
 padding:2px;
 border:2px solid #0067aa;
 position:absolute;
 top:-10px;
 left:0
}
#text>div>p>b {
 color:#fff
}
#next {
 float:right;
 margin:10px
}
#text>div#elements {
 padding:3px;
 text-align:center;
 margin:5px;
 width:850px;
 clear:both;
 float:left
}
#text>div.welldone {
 width:auto;
 border:0 none;
 background:#fff;
 border:1px solid #000;
 text-align:center;
 height:auto
}
span.done {
 background:#64991e;
 color:#fff
}
input.fail,input.fail2 {
 color:#faddde;
 border:solid 1px #980c10;
 background:#d81b21;
 background:-webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
 background:-moz-linear-gradient(top,#ed1c24,#aa1317);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317')
}
input.selected {
 color:#606060;
 border:solid 1px #b7b7b7;
 background:#fff;
 background:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(white));
 background:-moz-linear-gradient(top,#ededed,white);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='white')
}
input.ok {
 color:#fff;
 border:solid 1px #999;
 background:#64991e;
 background:-webkit-gradient(linear,left top,left bottom,from(#64991e),to(#1be02b));
 background:-moz-linear-gradient(top,#64991e,#1be02b);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64991E',endColorstr='#1BE02B')
}
input {
 min-width:30px;
 max-width:600px;
 padding:2px;
 border:1px solid #999;
 background:#eee;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 font-size:100%;
 font-weight:bold;
 text-align:center;
 -webkit-box-shadow:inset 1px 1px 1px #999;
 -moz-box-shadow:inset 1px 1px 1px #999;
 box-shadow:inset 1px 1px 1px #999
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance:none;
 margin:0
}
#respuestas {
 font-size:18px;
 display:none
}
#respuestas>strong {
 color:#000;
 font-weight:bold;
 font-size:14px
}
#respuestas>div {
 margin:3px 0 0 15px
}
#respuestas>span {
 display:block;
 line-height:30px
}
#respuestas>span span,#respuestas>span div {
 display:inline-block
}
#respuestas font {
 color:red
}
#respuestas .columnas span.estilo {
 margin:0 30px 5px 0;
 padding:5px;
 background-color:#fbe27e;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
#respuestas .parrafo {
 font-size:16px
}
#respuestas .parrafo span.estilo {
 margin:0 0 5px 0
}
#text>ul {
 max-width:100%;
 padding-top:5px;
 list-style:none
}
#text li {
 width:95%
}
#text li span {
 min-width:2px;
 position:relative;
 z-index:9
}
#text li.lista {
 float:left;
 background:rgba(166,253,254,0.4);
 color:black;
 margin-bottom:10px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 cursor:pointer;
 font-size:22px;
 padding:5px;
 text-align:center;
 position:relative;
 display:block;
 width:180px;
 border:2px solid #c8e8f7
}
#text li.lista.hover:hover {
 -moz-box-shadow:0 4px 4px rgba(0,0,0,0.5);
 -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.5);
 box-shadow:0 4px 4px rgba(0,0,0,0.5)
}
#text li span.letra {
 padding:5px 0 5px 0;
 font-size:30px;
 display:inline-block;
 color:grey;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 line-height:44px
}
#text li span.letra.hover:hover {
 background:rgba(166,253,254,0.4);
 color:black;
 cursor:pointer;
 -moz-box-shadow:0 4px 4px rgba(0,0,0,0.5);
 -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.5);
 box-shadow:0 4px 4px rgba(0,0,0,0.5)
}
#text li span.punto {
 width:10px
}
#text>ul>li>span>img {
 max-width:100%
}
#temp>img {
 width:230px
}
#text li>img {
 position:absolute;
 right:-20px;
 top:-30px;
 z-index:900
}
#text li.done,#text li span.done {
 color:#fff;
 background:#64991e;
 background:-webkit-gradient(linear,left top,left bottom,from(#64991e),to(#1be02b));
 background:-moz-linear-gradient(top,#64991e,#1be02b);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64991E',endColorstr='#1BE02B')
}
#text li.fail,#text li span.fail {
 color:#faddde;
 background:#d81b21;
 background:-webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
 background:-moz-linear-gradient(top,#ed1c24,#aa1317);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317')
}
#text li font {
 width:100%;
 height:100%;
 display:block
}
#text li font img {
 margin-left:auto;
 margin-right:auto;
 display:block;
 max-width:180px
}
#cajacolores {
 width:auto;
 display:block;
 overflow:auto;
 height:auto;
 margin-left:auto;
 margin-right:auto;
 color:#000;
 vertical-align:center;
 background:#e0e0e0;
 -webkit-border-radius:15px;
 -moz-border-radius:15px;
 border-radius:15px;
 -moz-box-shadow:0 4px 4px rgba(0,0,0,0.5);
 -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.5);
 box-shadow:0 4px 4px rgba(0,0,0,0.5);
 padding:10px
}
#cajacolores>span {
 background-color:#e8aa21;
 background-image:url(../img/pen.png);
 background-position:10px center;
 padding:10px 3px 10px 3px;
 display:block;
 float:left;
 width:147px;
 text-align:center;
 font-size:16px;
 color:#fff;
 font-weight:bold;
 margin-left:10px;
 cursor:pointer;
 border:4px solid #fff;
 font-family:Arial Black,Verdana;
 opacity:.6;
 -webkit-border-radius:15px;
 -moz-border-radius:15px;
 border-radius:15px;
 -moz-box-shadow:inset 3px 5px 5px black;
 -webkit-box-shadow:inset 3px 5px 5px black;
 box-shadow:inset 3px 5px 5px black;
 text-shadow:black .1em .1em .2em
}
#cajacolores>span.sombreado {
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none
}
#text li.lapiz {
 margin-top:30px;
 line-height:50px
}
#text li.lapiz span {
 font-size:30px;
 border-bottom:2px solid #fff
}
#text li.lapiz span.donelapiz {
 border-bottom:2px solid #05c714;
 background:#bdfdbf;
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#bdfdbf));
 background:-moz-linear-gradient(top,#fff,#bdfdbf);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#bdfdbf');
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
#text li.lapiz span.faillapiz {
 color:#000;
 border-bottom:2px solid #c70505;
 background:#fe9595;
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fe9595));
 background:-moz-linear-gradient(top,#fff,#fe9595);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fe9595');
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
#respuestas>span {
 width:auto;
 padding:0 10px 0 10px;
 margin-top:5px;
 margin-bottom:5px;
 font-size:25px;
 text-align:center;
 display:block
}
body.lapiz {
 cursor:url(../img/cursor_lapiz.png) 0 0,pointer
}
table {
 margin:5px;
 width:100%;
 vertical-align:top
}
table div>img {
 text-align:center;
 max-width:100%
}
th {
 background:#aed0ea
}
th,td {
 border:0;
 vertical-align:top;
 text-align:left
}
#text>table>tbody>tr>td>span {
 font-size:20px;
 font-weight:bold;
 text-align:center;
 line-height:30px;
 display:inline-block;
 position:relative;
 width:422px;
 background:#f2f1f1;
 padding:10px;
 -webkit-border-radius:10px 10px 0 0;
 -moz-border-radius:10px 10px 0 0;
 border-radius:10px 10px 0 0
}
#text>table>tbody>tr>td>div {
 float:left;
 display:inline-block;
 position:relative;
 border:1px solid #fff;
 font-size:18px;
 line-height:18px;
 background-color:#DDD;
 -webkit-border-radius:0 0 20px 20px;
 -moz-border-radius:0 0 20px 20px;
 border-radius:0 0 20px 20px;
 text-align:center;
 padding:10px;
 width:420px;
 height:auto;
 min-height:100px;
 -moz-box-shadow:0 4px 8px rgba(0,0,0,0.5);
 -webkit-box-shadow:0 4px 8px rgba(0,0,0,0.5);
 box-shadow:0 4px 8px rgba(0,0,0,0.5)
}
#text>table>tbody>tr>td>div>div {
 padding:11px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 margin-left:auto;
 margin-right:auto;
 margin-top:5px;
 display:block
}
#text>table>tbody>tr>td>#s {
 height:50px;
 width:50px
}
#text>table>tbody>tr>td>#m {
 height:auto;
 width:100px
}
#text>table>tbody>tr>td>#l {
 min-height:200px;
 width:200px
}
#text>table>tbody>tr>td>#xl {
 min-height:400px;
 width:400px
}
#text>table>tbody>tr>td>#xxl {
 min-height:600px;
 width:600px
}
#text>table>tbody>tr>td>div>img {
 display:block;
 margin-left:auto;
 margin-right:auto
}
#text>table>tbody>tr>td>div>span {
 opacity:.9;
 filter:alpha(opacity=90);
 -ms-filter:"alpha(opacity=90)";
 filter:alpha(opacity=90);
 display:inline-block;
 position:absolute;
 top:-60px;
 right:-20px;
 background-color:#64991e;
 border:solid 4px #64991e;
 -moz-box-shadow:10px 10px 5px #888;
 box-shadow:10px 10px 5px #888;
 z-index:1000
}
#text>div.welldone {
 padding:10px;
 border:1px solid #2a9c3b;
 color:#fff;
 background:#64991e;
 background:-webkit-gradient(linear,left top,left bottom,from(#64991e),to(#1be02b));
 background:-moz-linear-gradient(top,#64991e,#1be02b);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64991E',endColorstr='#1BE02B')
}
#text>div.fail {
 padding:10px;
 border:solid 1px #980c10;
 text-align:center;
 color:#faddde;
 background:#d81b21;
 background:-webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
 background:-moz-linear-gradient(top,#ed1c24,#aa1317);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317')
}
#text>div.activearea {
 float:left;
 display:inline-block;
 width:100px;
 padding:0;
 margin:5px;
 height:18px;
 border:1px solid #AAA;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
#text div.dragenter {
 background-color:#333;
 opacity:.5;
 filter:alpha(opacity=50);
 -ms-filter:"alpha(opacity=50)";
 filter:alpha(opacity=50)
}
#text>div#dragItems {
 clear:none;
 max-width:800px;
 width:auto;
 height:auto;
 min-height:50px;
 display:inline-block
}
a.item {
 display:none;
 margin:3px;
 text-align:center;
 line-height:14px;
 color:black;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 padding:0;
 font-size:14px;
 float:left;
 background-color:#cefafe;
 position:relative;
 margin-left:30px
}
a.item p {
 text-align:center;
 line-height:5px;
 color:black;
 min-width:90px;
 float:left
}
a.item>img {
 width:100%;
 height:100%
}
#text>article {
 display:inline-block;
 padding:0;
 margin-top:20px;
 font-size:16px;
 position:relative;
 width:100%;
 text-align:left;
 line-height:200%
}
#text>article>span {
 display:inline-block
}
#text>article .estilo {
 position:relative;
 float:left;
 display:inline-block;
 width:auto;
 min-width:100px;
 text-align:center;
 padding-left:2px;
 padding-right:2px;
 min-height:50px;
 line-height:50px;
 border:1px solid #AAA;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 box-shadow:inset 0 0 10px 4px rgba(210,210,210,0.75);
 -moz-box-shadow:inset 0 0 10px 4px rgba(210,210,210,0.75);
 -webkit-box-shadow:inset 0 0 10px 4px rgba(210,210,210,0.75);
 background:#fff;
 background:-moz-linear-gradient(top,#fff 0,#e9eae4 50%,#eff0f1 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#e9eae4),color-stop(100%,#eff0f1));
 background:-webkit-linear-gradient(top,#fff 0,#e9eae4 50%,#eff0f1 100%);
 background:-o-linear-gradient(top,#fff 0,#e9eae4 50%,#eff0f1 100%);
 background:-ms-linear-gradient(top,#fff 0,#e9eae4 50%,#eff0f1 100%);
 background:linear-gradient(to bottom,#fff 0,#e9eae4 50%,#eff0f1 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eff0f1',GradientType=0);
 background-repeat:no-repeat;
 background-position:center center;
 background-size:contain
}
#text>article .estilo>img {
 margin:5px 3px 5px 3px;
 padding:3px;
 width:60%;
 height:auto
}
#text>article .estilo>img[audio],#text>article .estilo>img[video] {
 margin:0;
 padding:0;
 width:auto;
 height:auto
}
#text>article .dropped,#text>article .activearea>p {
 background:rgba(166,253,254,0.4);
 font-weight:bold;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:contain
}
#text>article .estilo>p.welldone,#text>article .welldone {
 height:auto;
 color:#fff;
 background:#64991e;
 background:-webkit-gradient(linear,left top,left bottom,from(#64991e),to(#1be02b));
 background:-moz-linear-gradient(top,#64991e,#1be02b);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64991E',endColorstr='#1BE02B');
 background-repeat:no-repeat;
 background-position:center center;
 background-size:contain;
 background-color:#40bb24
}
#text>article .estilo>p.fail,#text>article .fail {
 height:auto;
 color:#fff;
 background:#d81b21;
 background:-webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
 background:-moz-linear-gradient(top,#ed1c24,#aa1317);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317');
 background-repeat:no-repeat;
 background-position:center center;
 background-size:contain;
 background-color:#d81b21
}
#text>article img.welldone {
 background:#64991e;
 background:-webkit-gradient(linear,left top,left bottom,from(#64991e),to(#1be02b));
 background:-moz-linear-gradient(top,#64991e,#1be02b);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64991E',endColorstr='#1BE02B');
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
#text>article img.fail {
 background:#d81b21;
 background:-webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
 background:-moz-linear-gradient(top,#ed1c24,#aa1317);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317');
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
#text>article .estilo>font {
 background:rgba(166,253,254,0.4);
 padding:1px 5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 color:#000;
 font-weight:bold
}
#text .s {
 min-height:50px!important;
 width:50px!important
}
#text .m {
 min-height:100px!important;
 width:100px!important
}
#text .l {
 min-height:200px!important;
 width:200px!important
}
#text .xl {
 min-height:400px!important;
 width:400px!important
}
#text .xxl {
 min-height:600px!important;
 width:600px!important
}
#text>article .caja {
 display:inline-block;
 width:200px;
 text-align:center;
 margin-left:30px
}
#text>article .columnas span {
 display:inline-block;
 margin-left:32px;
 margin-top:3px
}
#text>article .columnas span div>.img_correcta,#text>article .estilo>img[audio].img_correcta,#text>article .estilo>img[video].img_correcta {
 width:50px;
 position:absolute;
 top:-20px;
 right:-15px;
 border:1px solid #AAA;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 box-shadow:0 0 3px 2px rgba(119,119,119,0.75);
 -moz-box-shadow:0 0 3px 2px rgba(119,119,119,0.75);
 -webkit-box-shadow:0 0 3px 2px rgba(119,119,119,0.75);
 background:#64991e;
 background:-webkit-gradient(linear,left top,left bottom,from(#64991e),to(#1be02b));
 background:-moz-linear-gradient(top,#64991e,#1be02b);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64991E',endColorstr='#1BE02B')
}
#text>article .parrafo .estilo {
 float:none;
 text-align:center;
 padding-left:2px;
 padding-right:2px;
 border:1px solid #AAA;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 box-shadow:inset 0 0 10px 4px rgba(210,210,210,0.75);
 -moz-box-shadow:inset 0 0 10px 4px rgba(210,210,210,0.75);
 -webkit-box-shadow:inset 0 0 10px 4px rgba(210,210,210,0.75)
}
#text>article .parrafo span div {
 min-width:80px
}
#text>article .parrafo span {
 margin-left:0
}
yooigo,yoveo {
 float:left;
 width:auto;
 height:50px;
 margin-right:5px;
 display:block
}
.parrafo yooigo,.parrafo yoveo {
 float:none;
 display:inline
}
yooigo img,yoveo img {
 width:auto;
 height:50px
}
canvas {
 z-index:5
}
#colum_izqu a.drag,#colum_dere a.drag {
 width:28px;
 height:28px;
 margin:0;
 display:block;
 background:url(../img/point.png) no-repeat 5px 5px;
 cursor:default
}
#colum_izqu a.drag {
 margin:0 0 0 90%
}
#colum_dere a.drag {
 margin-top:5px
}
#colum_izqu a[draggable=true].drag,#colum_dere a[draggable=true].drag {
 cursor:move
}
#colum_dere>div>a {
 width:28px;
 height:28px;
 display:block;
 position:absolute;
 top:0;
 left:0
}
#colum_izqu>div>h2 {
 float:left;
 font-size:15px;
 text-align:right;
 margin-right:13%;
 width:87%
}
#colum_izqu>div>h2>img {
 height:47px;
 display:block;
 float:right;
 margin-top:-12px
}
#colum_izqu>div>h2 span {
 color:#9dbd2e;
 visibility:hidden;
 padding:10px;
 font-weight:bolder;
 font-size:16px
}
#colum_izqu>div>h2 b {
 border:2px solid #aac5d2;
 padding:3px;
 background-color:#fff;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 border-radius:5px
}
#colum_izqu {
 width:400px;
 float:left;
 position:absolute;
 left:10px;
 z-index:10;
 display:block;
 padding:20px 0 20px 0
}
#colum_izqu>div {
 margin-bottom:10px;
 padding:7px 5px 7px 5px;
 display:block;
 position:relative
}
#colum_dere>h3 {
 float:left;
 font-size:15px;
 text-align:left;
 margin:-43px 0 0 13%;
 width:87%;
 position:absolute;
 line-height:20px
}
#colum_dere {
 width:350px;
 position:absolute;
 right:-3px;
 z-index:10;
 display:block;
 padding:20px 0 20px 0
}
#colum_dere img {
 height:47px;
 display:block;
 float:left;
 margin-top:-8px
}
#colum_dere>div {
 position:relative;
 font-size:14px;
 text-align:left;
 font-weight:bold;
 width:60px;
 max-width:310px;
 border-top:1px solid #aaa;
 margin-bottom:10px;
 min-height:30px;
 display:block;
 border:1px solid #ddd;
 padding:5px 5px 5px 30px;
 -webkit-border-radius:40px;
 -moz-border-radius:40px;
 border-radius:40px;
 -webkit-box-shadow:1px 1px 1px #333;
 -moz-box-shadow:1px -1px 1px #333;
 box-shadow:1px 1px 1px #333;
 background:#aaa;
 background:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#eee));
 background:-webkit-linear-gradient(top,#ddd,#eee);
 background:-moz-linear-gradient(top,#ddd,#eee);
 background:-ms-linear-gradient(top,#ddd,#eee);
 background:-o-linear-gradient(top,#ddd,#eee)
}
#colum_dere>div.fail {
 color:#fff;
 border:solid 1px #980c10;
 background:#d81b21;
 background:-webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
 background:-moz-linear-gradient(top,#ed1c24,#aa1317);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317')
}
#colum_dere>div.done {
 color:#fff;
 background:#64991e;
 background:-webkit-gradient(linear,left top,left bottom,from(#64991e),to(#1be02b));
 background:-moz-linear-gradient(top,#64991e,#1be02b);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64991E',endColorstr='#1BE02B')
}
#colum_dere>div.dragenter {
 background:#cbe5f6;
 background:-webkit-gradient(linear,left top,left bottom,from(#cbe5f6),to(#88ddf7));
 background:-webkit-linear-gradient(top,#cbe5f6,#88ddf7);
 background:-moz-linear-gradient(top,#cbe5f6,#88ddf7);
 background:-ms-linear-gradient(top,#cbe5f6,#88ddf7);
 background:-o-linear-gradient(top,#cbe5f6,#88ddf7)
}