html,body {
    height: 100%;
    margin:0;
}
 body {
     margin: 0;
     border: 0;
     padding: 0;
     width: 100%;
     height: 100%;
}
 *:focus{
     border-width:2px;
     border-style:dashed;
     border-color:blue;
}
 a:focus{
     border-width:2px;
     border-style:dashed;
     border-color:blue;
}
 audio{
}
 .cladx-im{
     width: auto;
     height: auto;
     max-height:99%;
     max-width:99%;
}
 .cltodo {
     position:relative;
     background-color:#fff;
     height:100%;
     width:90%;
     min-width:900px;
     margin: 0 auto;
     border-width:0px;
     border-style:solid;
     border-color:#cccccc;
}
 .clbase {
     float:left;
     top:0px;
     width:100%;
     clear:both;
     height:530px;
     margin-top:5px;
     margin-left:0px;
     border: solid #cccccc 4px;
}
 .clactivo {
     position:relative;
     height:100%;
     width:100%;
     overflow: auto;
}
 .cltodof {
     float:left;
     height:100%;
     width:98%;
     min-width:800px;
     overflow: hidden;
     clear:both;
     border-width:0px;
     border-style:solid;
     border-color:#cccccc;
}
 .clbasef {
     float:left;
     top:0px;
     height:100%;
     width:100%;
     clear:both;
     overflow: hidden;
     margin-top:5px;
     margin-left:0px;
}
 .clpaxina{
     overflow: hidden;
}
 .clpan{
     position:relative;
     height:100%;
     width:99%;
     min-height:540px;
     min-width:820px;
     margin:0px auto;
     padding:10px;
     overflow:auto;
}
 .cllimtab{
     margin-top:-10px;
     height:26px;
     margin-bottom:6px;
     top:0px;
}
 .cllimtab li {
     display: inline;
}
 .cllimtab li a {
     display: block;
     float:left;
     width:26px;
     height:20px;
     margin-left:2px;
     font-family: Arial;
     color: #000000;
     font-size: 16px;
     border:2px solid #cccccc;
     text-align:center;
     text-decoration: none;
}
 .clflotmenu{
     position:absolute;
     top:80px;
     left:-50px;
     list-style-type:none;
     font: 14px Helvetica, Verdana, Arial, sans-serif;
     line-height:165%;
     width:200px;
     display:block;
     z-index:5988;
     border:2px solid #cccccc;
     background-color:#FBFBEF;
     padding-top:20px;
}
 .clflotmenu ul{
     list-style-type: none;
     padding: 0px;
     padding-right:5px;
}
 .clflotmenu li{
     margin:0;
     padding:0;
     border-top:1px solid #cccccc;
}
 .clflotmenu li a{
     display:block;
     text-decoration:none;
     color:#111111;
     padding:5px 0 0 5px;
}
 .clflotmenu li a:hover{
     background-color:#ccccff;
}
 .clmenulateral {
     float:left;
     margin-right:5px;
     margin:0;
     padding:0;
     list-style-type:none;
     font: 14px Helvetica, Verdana, Arial, sans-serif;
     line-height:165%;
     width:200px;
     display:block;
}
 .clmenulateral ul{
     list-style-type: none;
     padding: 0px;
     padding-right:5px;
}
 .clmenulateral li{
     margin:0;
     padding:0;
     border-top:1px solid #cccccc;
     border-bottom:1px solid #cccccc;
}
 .clmenulateral li a{
     display:block;
     text-decoration:none;
     color:#444444;
     padding:5px 0 0 5px;
}
 .clmenulateral li a:hover{
     background-color:#ccccff;
}
 .selected {
}
 .cltitulo{
     float:left;
     width:710px;
     height:32px;
     top:2px;
     margin-left:40px;
     font-family: Arial;
     color: #000000;
     font-size: 30px;
}
 .clsuperior {
     position:relative;
     width:40px;
     height:32px;
     top:2px;
     left:5px;
}
 .clmenu{
     float:left;
     width:35px;
     height:22px;
     top:0px;
     margin-left:10px;
     margin-top:4px;
     border: solid #555555 2px;
     background-color:#cccccc;
     clear:both;
}
 .clcontmenu{
     position:relative;
     padding-top:11px;
     width:100%;
     height:28px;
     left:0px;
     overflow: hidden;
     z-index:4000;
     display:none;
     clear:both;
}
 .clinferior {
     float:left;
     width:100%;
     height:26px;
     display:none;
}
 .clmensaxe {
     position:fixed;
     margin-top:100px;
     width:600px;
     min-height:80px;
     box-shadow:4px 4px 10px #222222;
     background-color:#98FB98;
     -webkit-border-radius:20px;
     -moz-border-radius:20px;
     border-radius:20px;
     text-align:center;
     font:bold 26px Arial;
     left:50%;
     margin-left:-300px;
     padding:10px;
     z-index:6001;
     display:none;
     border-width:9px;
     border-style:solid;
     border-color:#cccccc;
     text-decoration: none;
     color:#222222;
}
 .oculta{
     display:none;
     opacity:0;
     -moz-transform: scale(0.1);
     -webkit-transform: scale(0.1);
     -ms-transform: scale(0.1);
     -o-transform: scale(0.1);
     transform: scale(0.01);
}
 .visible{
     opacity:1;
     -moz-transform: scale(1) 0.3s ease-in;
     -webkit-transform: scale(1) 0.3s ease-out;
     -ms-transform: scale(1) 0.3s ease-out;
     -o-transform: scale(1) 0.3s ease-out;
     transform: scale(1);
     transition: transform 0.4s ease-in-out;
}
 .clfmodal {
     position: fixed;
     font-family: Arial, Helvetica, sans-serif;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0,0,0,0.8);
     z-index: 6000;
     opacity:0.1;
     display:none;
}
 .clsone {
     position:absolute;
     width:170px;
     height:22px;
     top:2px;
     left:0px;
}
 .repson{
     position:absolute;
     width:20px;
     height:20px;
     background-image:url(p.png);
     background-repeat:no-repeat;
     background-position:center;
}
 .clnumpax {
     float: right;
     width:50px;
     height:18px;
     margin-left:2px;
     margin-top:5px;
     margin-right:20px;
     text-align:center;
     font:bold 20px Arial, serif;
     padding:2px;
     border: solid #cccccc 2px;
     line-height:1;
}
 .clnave {
     float: right;
     width:80px;
     height:22px;
     text-align:center;
     background-color:#ff0;
     margin-left:2px;
     margin-top:5px;
     margin-right:20px;
     cursor:pointer;
     border:2px solid #938e6b;
     -webkit-border-radius:3px;
     -moz-border-radius:3px;
     border-radius:3px;
     font-family:arial, helvetica, sans-serif;
     font-weight:700;
     text-align:center;
     color:#FFF;
     background-color:#a9a588;
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9a588,endColorstr=#8e865b);
}
 .avanza {
     background-image:url(a.png);
     background-repeat:no-repeat;
     background-position:center;
     top:0px;
     left:300px;
}
 .atras {
     background-image:url(r.png);
     background-repeat:no-repeat;
     background-position:center;
     top:0px;
     left:170px;
}
 .clcir {
     position:absolute;
     border:2px solid #EFFBF2;
     width:50px;
     height:50px;
     color: #000000;
     background-color:#FF8C00;
     cursor:pointer;
     text-alig:center;
     text-decoration:none;
}
 .clavz{
     right:-54px;
     top:300px;
     z-index:5982;
}
 .clavz:before {
     font: 74px Arial, serif;
     content:"»";
     line-height: .5em;
     display: inline-block;
}
 .clats{
     top:300px;
     left:-54px;
     z-index:5983;
}
 .clats:before {
     font: 74px Arial, serif;
     content:"«";
     line-height: .5em;
     display: inline-block;
}
 .clpax{
     float: right;
     margin-top:2px;
     margin-right:60px;
     font:bold 24px Arial, serif;
     border:2px solid #938e6b;
     background-color:#FF8C00;
     width:40px;
     height:30px;
     text-align:center;
     z-index:5981;
     padding-top:2px;
}
 a--:focus -a:before {
     width:90px;
     content: "\2714 ";
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
     font-size: 35px;
     color: #000000;
     line-height: 10px;
     background-color:#81F79F;
}
 a--[title]:focus:after {
     content: attr(title);
     padding: 4px 8px;
     color: #333;
     position: fixed;
     left: 30px;
     top: 5px;
     width:150px;
     white-space: nowrap;
     z-index: 20000px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -moz-box-shadow: 0px 0px 4px #222;
     -webkit-box-shadow: 0px 0px 4px #222;
     box-shadow: 0px 0px 4px #222;
     font: 14px Arial, serif;
}
 a[title]:hover:after {
     content: attr(title);
     padding: 4px 8px;
     color: #333;
     position: fixed;
     right: 100px;
     top: 5px;
     white-space: nowrap;
     z-index: 20000px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -moz-box-shadow: 0px 0px 4px #222;
     -webkit-box-shadow: 0px 0px 4px #222;
     box-shadow: 0px 0px 4px #222;
     font: 14px Arial, serif;
}
 .clnaves {
     float:left;
     width:60px;
     height:25px;
     text-align:center;
     background-color:#ffffff;
     border-style:solid;
     border-width:1px 1px 2px 1px;
     border-color:#cccccc;
     cursor:pointer;
}
 .clnaves :hover{
     background-color:#01DFD7;
}
 .xson {
}
 .clvmenu{
     background-image:url(lm.png);
     background-repeat:no-repeat;
     background-position:center;
}
 .clvmenu:hover{
     background-color:#01DFD7;
}
 .clvtodo{
     background-image:url(mt.png);
     background-repeat:no-repeat;
     background-position:center;
}
 .clvmnum{
     background-image:url(sp.png);
     background-repeat:no-repeat;
     background-position:center;
}
 .clvif{
     background-image:url(li.png);
     background-repeat:no-repeat;
     background-position:center;
}
 .clvsn{
     background-image:url(ls.png);
     background-repeat:no-repeat;
     background-position:center;
}
 .clnpx {
     position:absolute;
     width:42px;
     height:24px;
     text-align:center;
     top:2px;
     left:256px;
     border: solid #111111 1px;
     font:bold 22px Arial, serif;
     background-color:#98FB98;
     -webkit-border-radius:6px;
     -moz-border-radius:6px;
     border-radius:6px;
}
 .txop {
     position:absolute;
     width:36px;
     height:36px;
     text-align:center;
     font:bold 26px Arial, serif;
}
 .txop.dest {
     border-style:solid;
     border-width:1px;
     background-color:#fff;
}
 .tecla {
     position:absolute;
     width:36px;
     height:33px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#98FB98;
     font:26px Arial, serif;
     cursor:pointer;
     padding-top:3px;
     box-shadow:2px 2px 6px #999;
}
 .tecla.teclam {
     cursor:move;
}
 .etiqueta {
     position:absolute;
     text-align:center;
     border-style:solid;
     border-width:2px;
     background-color:#98FB98;
     z-index:2000;
     font:bold 40px Arial, serif;
     padding-top:8px;
     cursor:move;
}
 .destino {
     position:absolute;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#00F;
     opacity:0.4;
     filter:alpha(opacity=40);
}
 .etiquetacl {
     position:absolute;
     width:220px;
     height:40px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#F3E2A9;
     font:14px Arial, serif;
     font-weight: bold;
     display:flex;
     justify-content: center;
     align-items: center;
}
 .fix{
}
 .mov {
     background-color:#98FB98;
     cursor:move;
}
 .dest{
     border-style:dashed;
     border-width:2px;
     border-color:#00FF00;
}
 .caixacl {
     position:absolute;
     width:240px;
     height:400px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#0FF;
     font:bold 16px Arial, serif;
}
 .caixaver {
     position:absolute;
     min-height:40px;
     min-width:200px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#F1F8E0;
     padding-top:10px;
     font:bold 20px Arial, serif;
     box-shadow:4px 4px 8px #999;
}
 .caixaver2 {
     position:absolute;
     min-height:27px;
     width:99%;
     text-align:center;
     background-color:#E6E6E6;
     font:bold 20px Arial, serif;
     box-shadow:2px 1px 10px #999;
}
 .etiquetauneimx{
     background-repeat:no-repeat;
     background-size:90px auto;
     -moz-appearance: window;
     -webkit-appearance: window;
     appearance: window;
}
 .bandat {
     position:absolute;
     left:0px;
     text-align:center;
     background-color:#FFF;
     opacity:0.7;
     filter:alpha(opacity=70);
     font:bold 14px Arial, serif;
     color:#000;
}
 .clclose:hover {
     background: #00d9ff;
}
 .clmodal {
     position:static;
     width:400px;
     min-height:80px;
     border-width:3px;
     border-style:solid;
     border-color:#0174DF;
     background-color:#E0F8F7;
     text-align:center;
     font:bold 26px Arial;
     padding-left:5px;
     left:50%;
     margin-left:-200px;
     top:300px;
     -visibility:hidden;
     padding:10px;
     z-index:6001;
     box-shadow:4px 4px 8px #999;
     cursor:pointer;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     -khtml-border-radius: 10px;
}
 .cltexto {
     position:absolute;
     overflow:auto;
     padding:4px;
}
 .clotexto {
     font:22px Arial;
     padding-left:4px;
     padding-right:4px;
     margin-left:10px;
     display: inline-block;
     cursor:pointer;
}
 .clotexto.sel {
     background-color:#98FB98;
}
 .clotexto.mov {
     position:absolute;
     background-color:#ADFF2F;
     height:24px;
     padding-bottom:2px;
     border-width:1px;
     border-style:solid;
     text-align:center;
}
 .clotexto.lista {
     background-color:#ADFF2F;
     border-width:1px;
     border-style:solid;
     text-align:center;
     margin-bottom:5px;
     margin-top:5px;
}
 .cllistad {
     position:absolute;
     border:1px solid #999999;
     background: #FBFBEF;
     padding: 5px;
     font-size: 14px;
     line-height: 1;
     border-radius: 10;
     height: 30px;
     -webkit-appearance: none;
     margin-top:-5px;
}
 .entrada{
     background-color:#E0FFFF;
     border-width:1px;
     border-style:solid;
}
 .crece{
     padding:2px;
}
 .clmedida{
     position:absolute;
     background-color:#FFFFF0;
     border-width:2px;
     border-style:solid;
     width:650px;
     height:200px;
}
 .clmedidatxt {
     position:absolute;
     background-color:#FFFFF0;
     border-width:1px;
     border-style:solid;
     font: bold 24px Arial;
     text-align:center;
     width:300px;
     height:28px;
}
 .clmedidab {
     position:absolute;
     background-color:#FFFFF0;
     border-width:1px;
     border-style:solid;
     font: bold 14px Arial;
     text-align:center;
     width:140px;
     height:18px;
}
 .is-dragging{
     z-index:7000;
     box-shadow:4px 4px 5px #2F4F4F;
}
 .clmas{
     position:absolute;
     display:inline-block;
     background: #3498db;
     background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
     background-image: -moz-linear-gradient(top, #3498db, #2980b9);
     background-image: -ms-linear-gradient(top, #3498db, #2980b9);
     background-image: -o-linear-gradient(top, #3498db, #2980b9);
     background-image: linear-gradient(to bottom, #3498db, #2980b9);
     font-family: Arial;
     color: #ffffff;
     font-size: 16px;
     padding: 4px;
     border: solid #7f95a3 2px;
     text-decoration: none;
     cursor:pointer;
}
 .clmini{
     background-color:white;
     width:60px;
     height:70px;
     padding:2px;
     border:2px solid rgb(65, 60, 60);
     margin:2px;
     overflow:hidden;
     float:left;
}
 .clpanelmenu{
     background-color:white;
     width:150px;
     height:400px;
     padding:2px;
     border:2px solid rgb(65, 60, 60);
     margin:2px;
     overflow:auto;
     float:left;
}
 .clpanelcanvas{
     float:left;
     background-color:white;
     width:600px;
     height:400px;
     padding:2px;
     border:2px solid rgb(65, 60, 60);
     margin:2px;
}
 .px_sombra{
     width:96%;
     margin-bottom:20px;
     box-shadow:8px 8px 8px #cccccc;
     border: solid #cccccc 1px;
}
 .hidden{
     display:none;
}
 @media screen and (min-width:300px) and (max-width:800px) {
     body{
        font-size:0.8em;
    }
     .clavz{
         left:460px;
         top:560px;
         z-index:5982;
    }
     .clats{
         left:400px;
         top:560px;
         z-index:5983;
    }
}
 .claxuda{
     background-color:#eeeeee;
     border: 1px solid #cccccc;
     margin-bottom:2px;
     padding:5px;
}
 .visible{
     display:block;
     visibility:visible;
}
 .invisible {
     visibility:hidden;
     display:none;
}
 .claxd {
     position:absolute;
     width:26px;
     height:20px;
     top:5px;
     right:2px;
     text-align:center;
     background-color:#D8BFD8;
     border: 1px solid #666666;
     text-decoration:none;
     color:#000000;
     border-radius: 10px;
}
 .claxd:before {
     font-size: 24px;
     content: "...";
     line-height: 20%;
}
 .claxd:hover {
     box-shadow: 3px 3px 3px #cccccc;
}
 .clim-adx{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     max-width: 100%;
     max-height: 100%;
}
/* INFORME */
 .clinf-c{
     float:left;
     width:36px;
     height:36px;
     font-size: 18px;
     text-align:center;
     line-height:200%;
     box-shadow:1px 1px 2px #999;
     background-color:#FFFFFF;
     border-radius: 30px;
     margin:4px;
}
 .clinf-tx{
     float:left;
     width:660px;
     height:400px;
     overflow:auto;
     margin-left:20px;
}
 .clinf-o{
     margin:0px;
    padding:0px;
     width:98%;
     margin-bottom:20px;
     overflow: auto;
}
 .clinf-tb {
     margin:0px;
    padding:0px;
     width:100%;
     border:1px solid #000000;
}
 .clinf-tb table{
     border-collapse: collapse;
     border-spacing: 0;
     width:100%;
     height:100%;
     margin:0px;
    padding:0px;
     text-align:center;
}
 .clinf-tb tr:hover td{
}
 .clinf-tb tr:nth-child(odd){
     background-color:#e5e5e5;
}
 .clinf-tb tr:nth-child(even) {
     background-color:#ffffff;
}
 .clinf-tb td{
     vertical-align:middle;
     border:1px solid #000000;
     border-width:0px 1px 1px 0px;
     text-align:center;
     padding:2px;
     font-size:18px;
     font-family:Arial;
     font-weight:bold;
     color:#000000;
}
.clinf-tb tr:last-child td{
     border-width:0px 1px 0px 0px;
}
.clinf-tb tr td:last-child{
     border-width:0px 0px 1px 0px;
}
.clinf-tb tr:last-child td:last-child{
     border-width:0px 0px 0px 0px;
}
 .clinf-tb tr:first-child td{
     background-color:#cccccc;
     border:0px solid #000000;
     text-align:center;
     border-width:0px 0px 1px 1px;
     font-size:14px;
     font-family:Arial;
     font-weight:bold;
     color:#000000;
}
 .clinf-tb tr:first-child:hover td{
     background-color:#cccccc;
}
 .clinf-tb tr:first-child td:first-child{
     border-width:0px 0px 1px 0px;
}
 .clinf-tb tr:first-child td:last-child{
     border-width:0px 0px 1px 1px;
}
 .clinf-titulo{
     position:relative;
     margin-top:-15px;
     text-align:left;
     font-size:20px;
}
 .clinf-user{
     float:left;
     left:0px;
     width:90%;
     text-align:left;
     font-size:16px;
     border:0px solid #cccccc;
     border-bottom:2px solid #cccccc;
     padding:5px;
     margin-bottom:5px;
}
 .clinf-aut{
     position:relative;
     text-align:left;
     font-size:14px;
}
 .clinf-nt{
     float:right;
     position:relative;
     text-align:left;
     font-size:20px;
     clear:both;
     margin-top:5px;
}
 .clclose {
     position:absolute;
     top:-12px;
     right:-12px;
     background: #606061;
     color: #FFFFFF;
     line-height: 20px;
     text-align: center;
     width: 26px;
     height:26px;
     text-decoration: none;
     font-weight: bold;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     -moz-box-shadow: 1px 1px 3px #000;
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
     cursor:pointer;
     border-width:2px;
     border-style:solid;
     border-color:#cccccc;
     font-size:30;
     font-family: Arial, Helvetica, sans-serif;
}
 .clinf-b{
     background-color: #acff33;
}
 .clinf-m{
     background-color: #e74c3c ;
}
 .clinf-n{
     background-color:#7dcea0;
}
 .clinf-cn{
     float:left;
     display:inline-block;
     margin-left:2px;
     height:30px;
     width:60px;
     border:1px solid #cccccc;
     padding:2px 5px 0px 5px;
     text-align:center;
}
 .clinf-imprin{
     position:absolute;
     top:70px;
     right:10px;
     border:2px solid #cccccc;
     background-color: #0fdaea;
     color:#333333;
     display:block;
     border-radius: 8px;
}
/* FIN INFORME */
/**/
/*Modal*/
 .clmodal-overlay {
     position:fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0, 0, 0, .3);
     z-index:9994;
}
 .clmodal-informe {
     position: absolute;
     top: -600px;
     right: 0;
     left: 0;
     width: 60%;
     height: 90%;
     margin: auto;
     background: #FFF;
     min-width:400px;
     min-height:80px;
     border-width:3px;
     border-style:solid;
     border-color:#0174DF;
     background-color:#E0F8F7;
     text-align:center;
     font:bold 26px Arial;
     padding-left:5px;
     padding:10px;
     z-index:9995;
     box-shadow:4px 4px 8px #999;
     cursor:pointer;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     -khtml-border-radius: 10px;
     transition: all 0.5s ease-in-out;
}
 .clmodal-informev {
     top:10px;
}
 .clmodal-avalia {
     position: absolute;
     top: -600px;
     right: 0;
     left: 0;
     width: 60%;
     margin: auto;
     -webkit-animation: fadeIn 1s;
     animation: fadeIn 1s;
     width:500px;
     min-height:80px;
     border-width:4px;
     border-style:solid;
     border-color:#0174DF;
     background-color:#FFFFFF;
     text-align:center;
     font:bold 26px Arial;
     padding-left:5px;
     padding:10px;
     z-index:9996;
     box-shadow:10px 10px 8px #999;
     cursor:pointer;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 20px;
     -khtml-border-radius: 10px;
     transition: all 0.3s ease-in-out;
}
 .clmodal-avaliav{
     top:30px;
}
 .clmodal-wrapper {
     overflow: auto;
     height: 100%;
}
 .clmodal-content {
     padding: 1em;
     color:#333333;
}
 .clmodal-close{
     position:absolute;
     top:-10px;
     right:-10px;
     width:40px;
     height:40px;
     border: 3px solid red;
     border-radius: 50px;
     font:bold 26px Arial;
}
/*fin Modal*/
 ///////////////////// //
/*ASPECTO LIM */
/// .pcllim {
     width: 99.6%;
     height:99.6%;
     min-height:440px;
     overflow: hidden;
     margin:0px;
     left:0px;
     border:solid #cccccc 2px;
}
 .pclsuper{
     position:relative;
     background: #eeeeee;
     padding-left:10px;
     font-family: "Times New Roman", Times, serif;
     font-size: 28px;
     font-weight: bold;
     right:0px;
     border-bottom:1px solid #dddddd;
}
 .pclsub{
     background: #dddddd;
     font-size: 16px;
     text-align: right;
     right:0px;
}
 .pclsubtx{
     padding-right:100px;
}
 .pcllogo{
     vertical-align: middle;
     max-height:100px;
     padding-right: 30px;
}
 .pclcorpo{
     position:relative;
     overflow:hidden;
     height:99.6%;
     width: auto;
     border: dotted yellow 0px;
}
 .pclfondo {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     z-index: -1;
     border: dotted yellow 0px;
}
 .pclbarra {
     float:left;
     width: 55px;
     height:100%;
     float: right;
     background: lightblue;
     padding:0px;
     position:relative;
     opacity: 1;
     overflow: hidden;
     transition: width 0.5s, opacity 0.2s linear;
}
 .pclminibarra{
     height:58px;
     width:97px;
     position:absolute;
     right:0px;
     top:-8px;
     z-Index:2000;
     background: #aaaaaa;
}
 .pclbarra.noview{
     width:0px;
     opacity: 0;
}
 .pclind {
     width: 160px;
     height:99%;
     float: left;
     background: #d3fffd;
     padding:5px;
     display:none;
     opacity:0;
     transition: display 0s, opacity 0.5s linear;
     resize: both;
     border-right: solid #02dad0 2px;
}
 .pclind a{
     text-decoration:none;
}
 .pclind ul{
     list-style:none;
     padding-left:0;
}
 .pclind li{
     border-bottom:1px solid #cccccc;
	 margin-bottom:5px;
}
 .pclind.view{
     display:block;
     opacity: 1;
}
 .pclbase {
     float:none;
     height:100%;
     position:relative;
     bottom:0;
     width: auto;
     overflow: auto;
     border: solid yellow 0px;
     background:transparent!;
}
 .pclcont {
     position:relative;
     height:99.5%;
     border: dotted green 0px;
     bottom:0px;
     overflow: auto;
}
 .pclHmenu {
     margin-left:20px;
     top:0px;
     list-style-type: none;
}
 .pclHmenu ul{
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
}
 .pclHmenu li {
     float: left;
     background: #89cfe9;
     border-left:2px solid #ffffff;
     border-right:2px solid #ffffff;
}
 .pclHmenu li a {
     display: block;
     color: #333333;
     text-align: center;
     padding: 4px 4px 4px 4px;
     text-decoration: none;
}
 .pclHmenu li a:hover {
     background-color: #10fc86;
}
 .cadro{
     width:9000px;
     height:100px;
     border: solid red 1px;
}
 .pclbot {
     border-radius: .0em;
     color: #111111;
     cursor: pointer;
     font-size:2em;
     font-weight: 900;
     margin-bottom: 4px;
     margin-left:4px;
     line-height: 100%;
     text-decoration:none;
     width:86%;
     height:36px;
     text-align:center;
     border:1px solid white;
     padding-bottom:4px;
}
 .pclbot:hover, .pclbot:focus{
     background: #00FF00;
}
 .nav{
     margin-bottom: 10px;
     height:70px;
}
 .pclbtbr{
     position:absolute;
     top:4px;
     right:4px;
     color: #111111;
     cursor: pointer;
     width:40px;
     height:10px;
     margin-bottom:30px;
     z-index:10;
     background:#003d99;
     border: solid grey 0px;
}
 .pclnum{
     position:absolute;
     color: #111111;
     cursor: pointer;
     font-size:1.8em;
     font-weight: 900;
     text-decoration:none;
     width:40px;
     height:32px;
     margin-left:4px;
     top:190px;
     text-align:center;
     border:0px solid white;
     padding-bottom:4px;
}
 .pcltotal{
     position:absolute;
     color: #111111;
     cursor: pointer;
     font-size:1.5em;
     text-decoration:none;
     bottom:10px;
     right:5px;
     margin-left:4px;
     text-align:center;
     border:0px solid white;
     padding-bottom:4px;
}
 .pclbns{
     position:absolute;
     top:20px;
}
 .pclbni{
     position:absolute;
     top:240px;
}
 .pcllim.fullscreen{
     z-index: 9990;
     position: fixed;
     top: 0;
     left: 0;
     right:0;
}
 .pclactiv{
     position:relative;
     display:block;
     overflow: visible;
     border: 0px solid green;
     margin: auto !important;
     width:auto ;
}
 .pclactivof {
     position:relative;
     display:table;
     overflow: visible;
     margin-left:auto;
     margin-right: auto;
     width:96%;
     max-width:1000px;
     min-width:800px;
     top:2px;
     right:2px;
     left:2px;
     bottom:2px;
     height:auto!important;
     min-height:580px;
     border:0px solid #cccccc;
     padding:10px;
     border-radius: 12px;
}
 .pclcabe {
     position:relative;
     top:2px;
     left:0;
     width:98%;
     height:auto;
     text-align:center;
     font:bold 22px Georgia, serif;
     padding:4px;
     border: solid red 0px;
     margin-bottom:10px;
}
 .pclpe {
     position:relative;
     display:block;
     left:0;
     width:99%;
     border: 0px solid #cccccc;
     clear:both;
     margin-top:50px;
}
 .pclpetext{
     position:absolute;
     text-align:center;
     font:20px Georgia, serif;
     border-top: 2px solid rgba(255, 0, 0, .2);
     width:80%;
     margin-top:5px;
     bottom:5px;
}
 .pclbutton {
     -webkit-border-radius: 12;
     -moz-border-radius: 12;
     border-radius: 12px;
     display:inline-block;
     background: #3498db;
     background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
     background-image: -moz-linear-gradient(top, #3498db, #2980b9);
     background-image: -ms-linear-gradient(top, #3498db, #2980b9);
     background-image: -o-linear-gradient(top, #3498db, #2980b9);
     background-image: linear-gradient(to bottom, #3498db, #2980b9);
     font-family: Arial;
     color: #ffffff;
     font-size: 16px;
     padding: 4px;
     border: solid #7f95a3 2px;
     text-decoration: none;
     cursor:pointer;
     -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
     -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
     box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
     margin-left:10px;
}
 .play {
     float:left;
     width:80px;
     height:24px;
     top:0px;
     right:80px;
     margin-right:10px;
     text-align:center;
     background-color:#ff0;
     background-image:url(p.png);
     background-repeat:no-repeat;
     background-position:center;
     color: transparent;
}
 .info{
     float:left;
     left:10px;
     background-image:url(l.png);
     background-repeat:no-repeat;
     background-position:left;
     padding-left:34px;
     text-decoration: none;
}
 .clcomproba {
     float:right;
     width:80px;
     height:24px;
     background-color:#ff0;
     margin-right:10px;
     color:#FFF;
     background-color:#a9a588;
     top:0px;
     right:20px;
     background-image:url(c.png);
     background-repeat:no-repeat;
     background-position:center;
     visibility:hidden;
     font-size:36px;
     line-height:20px;
     text-align:center;
     color:#333333;
     font-weight: 900;
     z-Index:4000;
}
 .pclcol{
     float:left;
     display:inline-block;
     margin-left:10px;
}
 .pclimprin{
     margin:10px;
     padding:10px;
     width:96%;
}
 .pclben{
     position:absolute;
     top:1px;
     width:50px;
     height:50px;
     background-color:#32CD32;
     border: 4px solid #fffffa;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow:4px 4px 6px #cccccc;
     font:bold 42px Arial, serif;
}
 .pclben:after{
     content:'\2713';
}
 .pcldata {
     display: none;
     visibility: hidden;
}
 .data-limc{
     overflow:hidden;
     clip:rect(1px 1px 1px 1px);
    /* Compatibilidad IE6/IE7 */
     clip:rect(1px, 1px, 1px, 1px);
}
 .nwmodal{
     display:none;
     position:fixed;
     top:0px;
     left:0px;
     bottom:0px;
     right:0px;
     background-color:#ffffff;
     opacity: 0.3;
     z-Index:5999;
}
 .nwmensa{
     position: absolute;
     top:-600px;
     width: 70%;
     min-height:100px;
     border: 1px solid #f00;
     background: #ffffcc;
     text-align: center;
     transition: all 0.4s ease-in-out;
     z-Index:10000;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: 15%;
     margin-right: auto;
     box-shadow:6px 6px 20px #999999;
}
 .nwalert{
     position: absolute;
     top:-200px;
     left:2px;
     height: 50px;
     width: 500px;
     margin: 10px auto;
     background: #ffffff;
     text-align: center;
     transition: all 1s ease-in-out;
     overflow:none;
     display: flex;
     align-items: center;
     justify-content: center;
     z-Index:10001px;
     border: 1px solid #f00;
}
 .nwaxuda{
     position: absolute;
     left:-97%;
     top:100px;
     height: 100px;
     width: 90%;
     border: 1px solid #f00;
     background: #ffff33;
     text-align: center;
     transition: all 0.5s ease-in-out;
     padding:5px;
     box-shadow:2px 2px 5px #cccccc;
}
 .nwalertv {
     top:0px;
}
 .nwmensav {
     top:10px;
}
 .nwaxudav {
     transform: translateX(108%) 
}
 .nwinfo {
     position: absolute;
     left:-106%;
     top:30px;
     height: 460px;
     width: 90%;
     border: 1px solid #f00;
     background-color:rgba(255, 255, 153, 0.9);
     text-align: center;
     transition: all 0.5s ease-in-out;
     padding:5 5 5 10 ;
     box-shadow:2px 2px 5px #cccccc;
     z-Index:10002;
     font-size:1.5em;
     overflow:auto;
     text-align:left;
}
 .nwinfov {
     transform: translateX(108%);
}
 .pclpreload{
     position: fixed;
     top:30%;
     left:45%;
     height: 100px;
     width: 100px;
     background: #ffff00;
     text-align: center;
     overflow:none;
     display: flex;
     align-items: center;
     justify-content: center;
     z-Index:10002px;
     border: 1px solid #f00;
     animation: roll 2s infinite;
     opacity: .7;
     font-size:40px;
     border-radius:20px;
}
 .pclpreload:after{
     content:'LIM';
}
 @keyframes roll {
     0% {
         transform: rotate(0);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .clcol1{
     float:left;
}
 .clcol2{
     float:left;
}
@media only screen and (min-width: 900px) {
.pclbarra {
     float:left;
     width: 100px;
     height:100%;
     float: right;
     background:   #cacfd2 ;
     padding:0px;
     position:relative;
     opacity: 1;
     overflow: hidden;
     transition: width 0.5s, opacity 0.2s linear;
	 border-left: solid #02dad0 2px;
}
 .pclbns{
     float:left;
	 position:relative;
     margin-top:5px;
}
 .pclbot {
     border-radius: 0.3em;
     color: #111111;
     cursor: pointer;
     font-size:3.54em;
     font-weight: 900;
     margin-bottom: 6px;
     margin-left:6px;
     line-height: 100%;
     text-decoration:none;
     width:90%;
     height:80px;
     text-align:center;
     border:4px solid white;
     padding-bottom:4px;
	 box-shadow:4px 4px 5px #cccccc;
}
 .nav{
     margin-bottom: 10px;
}
.pclbni{
	 float:left;
     position:relative;
     margin-top:14px;
	 width:98%;
	 top:0px;
}
 .pclbtbr{
     position:absolute;
     top:4px;
     right:4px;
     color: #111111;
     cursor: pointer;
     width:40px;
     height:10px;
     margin-bottom:30px;
     z-index:10;
     background:#003d99;
     border: solid grey 0px;
}
 .pclnum{
	 float:left;
     position:relative;
     color: #111111;
     cursor: pointer;
     font-size:2.5em;
    font-weight: 900;
     text-decoration:none;
     width:99%;
	 height:50px;
     text-align:center;
     padding-bottom:4px;
	 margin-top:30px;
	 top:0px;
	 left:-4px;
	 background:#dddddd;
}
 .pcltotal{
     position:absolute;
     color: #111111;
     cursor: pointer;
     font-size:1.5em;
     text-decoration:none;
     bottom:10px;
     right:5px;
     margin-left:4px;
     text-align:center;
     border:0px solid white;
     padding-bottom:4px;
}
}
/*ASPECTO LIM */
/* TIPOS DE PÁXINAS */
/*UNIR TEXTOS*/
 .clunir-etq {
     position:absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     width:320px;
     height:46px;
     border-width:4px 0px 4px 4px;
     text-align:center;
     border-style:solid;
     background-color:#98FB98;
     font:bold 16px Arial, serif;
     padding-top:5px;
}
 .clunir-drg {
     position:absolute;
     display: flex;
     align-items: center;
     justify-content: left;
     width:320px;
     height:46px;
     border-width:4px 4px 4px 0px;
     border-style:solid;
     background-color:#98FB98;
     font:bold 16px Arial, serif;
     padding-top:5px;
     cursor:move;
}
/*FIN UNIR */
 .clrela-b{
     position:absolute;
     width:730px;
     height:100%;
     left:10px;
     top:10px;
}
 .clrela-lina {
     position:absolute;
     width:100px;
     height:4px;
     border:2px solid #333333;
     border-radius: 30px;
     background-color:#98FB98;
     cursor:pointer;
}
 .clrela-etq {
     position:absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     width:250px;
     height:40px;
     border:2px solid #333333;
     text-align:center;
     border-style:solid;
     background-color:#98FB98;
     font:16px Arial, serif;
     padding-top:5px;
     cursor:pointer;
     line-height: 96%;
}
 .clrela-pnt {
     position:absolute;
     width:30px;
     height:30px;
     background-color: #267efe ;
     border-radius: 50px;
     margin-left:-15px;
}
/*ETIQUETAS*/
 .cletq-punto {
     position:absolute;
     width:20px;
     height:20px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#0FF;
     font:bold 14px Arial, serif;
     border-radius:5px;
     opacity:0.7;
     filter:alpha(opacity=70);
}
 .cletq-lab{
     position:absolute;
     border-style:solid;
     border-width:1px;
     background-color:#0FF;
     font:bold 16px Arial, serif;
     border-radius:5px;
     padding:2px;
     opacity:0.7;
     filter:alpha(opacity=70);
}
 .cletq-marco {
     float:right;
     margin-top:30px;
     margin-right:120px;
}
 .cletq-base {
     float:left;
     width:200px;
     border-style:solid;
     border-width:2px;
     background-color:#98FB98;
     font:bold 14px Arial, serif;
     opacity:0.7;
     filter:alpha(opacity=70);
     clear: both;
     border-radius:5px;
     margin-top:10px;
}
 .cletq-num{
     float:left;
     font:bold 22px Arial, serif;
     margin:3px;
     text-decoration:none;
}
 .cletq-txt {
     min-height:30px;
     width:172px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-style: solid;
     border-width:0px 0px 0px 2px;
     font-size:14px;
     background-color:#E0FFFF;
     padding:3px;
}
 .cletq-linea {
     float:left;
     top:9px;
     left:6px;
     width:36px;
     height:3px;
     border:2px black solid;
     background-color:yellow;
}
 .cletq-drag{
     float:left;
     opacity:0.9;
     filter:alpha(opacity=90);
     clear: both;
     border-radius:5px;
     margin-top:10px;
}
 .cletq-dragtxt {
     float:left;
     width:180px;
     top:-8px;
     left:36px;
     min-height:20px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-style:solid;
     border-width:2px;
     background-color:#98FB98;
     font:bold 14px Arial, serif;
     border-radius:5px;
     padding:5px;
     color:#111111;
}
 .cletq-tri{
     float:left;
     margin-top:6px;
     margin-right:2px;
     width: 0;
     height: 0;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-right:20px solid blue;
}
 .cletq-ver > p{
     position:relative;
     width:80%;
     border-style:solid;
     border-width:1px;
     background-color:#00FFFF;
     margin-top:60px;
     margin-left:10px;
     padding:10px;
     box-shadow:2px 2px 6px #999;
     font-size:24px;
     border-radius:5px;
     text-align:center;
}
 .cletq-list{
     float:left;
     border:1px solid #999999;
     background: #FBFBEF;
     width:174px;
     padding: 5px;
     margin-left:5px;
     font-size: 14px;
     height: 100%;
     -webkit-appearance: none;
}
/*FIN ETIQUETAS */
/* ETIQUETAS 2 */
 .cletq2-txt {
     position:absolute;
     background-color:#FFFFF0;
     border:1px solid #444444;
     border-left:4px solid #222222;
     font:14px Arial;
     text-align:center;
     opacity:0.8;
     filter:alpha(opacity=80);
     padding:0 2px;
     min-height:24px;
}
 .cletq2-marco {
     margin-top:30px;
     display:inline;
     padding:10px;
}
 .cletq2-sep {
     padding:16px;
}
 .cletq2-in{
     position:absolute;
     background-color:#FFFFF0;
     border:1px solid #444444;
     font:14px Arial;
     text-align:center;
     opacity:0.9;
     filter:alpha(opacity=90);
     padding:0 2px;
}
 .cletq2-drag{
     display:flex;
     position:absolute;
     background-color:#FFFFF0;
     border:1px solid #444444;
     border-left:4px solid #222222;
     font:18px Arial;
     text-align:center;
     padding:0 2px;
     justify-content: center;
     align-items: center;
     border-radius:1px;
     color:#111111;
     cursor:pointer;
     min-height:24px;
}
/*FIN ETIQUETAS 2 */
/*MOVER IMAGENES */
 .clmovimx-punto {
     position:absolute;
     width:20px;
     height:20px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#0FF;
     font:bold 14px Arial, serif;
     border-radius:5px;
     opacity:0.7;
     filter:alpha(opacity=70);
}
 .clmovimx-marco{
     float:left;
     margin-top:30px;
     margin-left:50px;
}
/*FIN MOVER IMAGENES*/
/*ORDENA TEXTO*/
/* .clordena-base{
     position:absolute;
     top:280px;
     border:5px solid #999999;
}
 .clordena-cadro{
     position:absolute;
     top:360px;
     border:10px solid #999999;
}
 .clordena-dest{
     display: inline-block;
     list-style-type: none;
     min-width:50px;
     height:50px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#00F;
     opacity:0.4;
     filter:alpha(opacity=40);
     margin:2px;
}
 .clordena-etq{
     float:left;
     min-width:50px;
     display:block;
     text-align:center;
     border-width:1px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#F2F222;
     text-align:center;
     margin-left:2px;
     font-size:2.5em;
}
 .clordena-im{
     position:absolute;
     left:10px;
     top:30px;
}
 */
 .clordena-base{
     position:absolute;
     top:280px;
     border:0px solid #999999;
}
 .clordena-cadro{
     position:absolute;
     top:360px;
     border:0px solid #999999;
}
 .clordena-dest{
     display: inline-block;
     min-width:46px;
     width:120px;
     height:46px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#00F;
     opacity:0.4;
     filter:alpha(opacity=40);
     margin:2px;
}
 .clordena-v{
     display: block;
     min-width:130px;
     width:130px;
     margin-top:2px;
     margin-left:60px;
}
 .clordena-etq{
     float:left;
     min-width:46px;
     display:block;
     text-align:center;
     border-width:2px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#F2F222;
     text-align:center;
     margin-left:1px;
     font-size:2.4em;
     padding:0px 5px 0px 5px;
}
 .clordena-im{
     position:absolute;
     left:10px;
     top:30px;
}
 .clordena-in{
     display: inline;
     margin: 0;
     width: 100px;
     min-width: 100px;
     font-family: sans-serif;
     font-size:2.4em;
}
 .clordena-dw {
     margin: 0;
     font-family: sans-serif;
     border-radius: none;
     font-size:2em;
     text-align:center;
}
 .clordena-dwfx {
     color: #222222;
     background-color: #00ff00;
     margin: 0;
     font-family: sans-serif;
     border-radius: none;
     font-size:2em;
}
/*FIN ORDENA */
/*ORDENAR IMAGENES*/
 .clordimx-base{
     float:left;
     margin-top:10px;
     width:92%;
     height:170px;
     padding:10px;
}
 .clordimx-dest {
     position:absolute;
     width:180px;
     height:180px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#0FFea;
}
 .clordimx-im {
     position:absolute;
     width:180px;
     height:180px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#0FF;
}
/*FIN ORDENAR IMAGENES*/
/* ESQUEMA */
 .clesq-nodec{
     position: relative;
     font-family:Verdana;
     font-size:100%;
     padding:5px;
     text-align:center;
}
 .clesq-node{
     position:absolute;
     background-color: #b9efff;
     border: 1px solid #5280FF;
     cursor:pointer;
     overflow:auto;
     z-Index:100px;
     text-align:center;
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
}
 .clesq-node:hover{
     position:absolute;
     background-color: #8FADFF;
     border: 1px solid #5280FF;
     text-align:center;
     cursor:pointer;
}
 .clesq-oc{
     background-color: #b9cbff;
     font-size:2em;
}
 .clesq-drag{
     position:absolute;
     background-color: #FFFF60;
     top:20px;
     left:10px;
     border: 1px solid #5280FF;
     cursor:pointer;
     overflow:auto;
     z-Index:100px;
     text-align:center;
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
}
 .clesq-lnk{
     position:absolute;
     width:5px;
     height:5px;
     top:0px;
     right:0px;
     border-top: 6px solid blue;
     border-right: 6px solid blue;
}
 .clesq-nodeco{
     position:absolute;
     background-color: #8FADFF;
     border: 2px solid black;
     text-align:center;
     vertical-align:middle;
     cursor:pointer;
     overflow:hidden;
}
 .clesq-li{
     background-color: orange;
     position:absolute;
     overflow:hidden;
     border:1px solid black;
}
/*FIN ESQUEMA */
/*COMPLETAR*/
 .clcomp-cadro{
     border:0px solid #999999;
     padding:10px;
     width:90%;
}
 .clcomp-base{
     margin-top:10px;
     margin-bottom:20px;
     min-height:30px;
}
 .clcomp-txt {
     float:left;
     font:28px Arial;
     padding-left:8px;
     padding-right:8px;
}
 .clcomp-in{
     float:left;
     border-style:solid;
     border-width:2px;
     border-color:#cccccc;
     background-color:#FFF;
     font:28px Arial;
     text-align:center;
}
 .clcomp-axu{
     border:2px solid #999999;
     padding:10px;
     font: bold 20px Arial;
     margin-top:20px;
     width:auto;
}
/* FIN COMPLETAR */
/*CUADROS*/
 .clsime-base{
     float:left;
     width:386px;
     height:340px;
     border: 3px solid blue;
     margin:5px;
     margin-top:50px;
}
 .clsime-cadro{
     float:left;
     width:40px;
     height:40px;
     border: 1px solid blue;
     margin:3px;
     display:block;
}
 .clsime-cor {
     box-shadow: 4px 4px 5px #888888;
}
 .clsime-colores{
     margin-top:40px;
     display:block;
     position:relative;
     clear:both;
}
 .clsime-color{
     float:left;
     width:40px;
     height:40px;
     border: 1px solid blue;
     margin:5px;
     display:block;
     margin-left:20px;
     border-radius:25px;
     cursor:pointer;
}
 .clsime-del{
     float:left;
     width:40px;
     height:40px;
     border: 1px solid blue;
     margin:5px;
     display:block;
     margin-left:20px;
     font-size:30px;
     text-align:center;
     cursor:pointer;
}
 .clsime-sel {
     border-width: 4px;
     box-shadow: 6px 6px 12px #333333;
     margin-top:10px;
}
/*FIN CUADROS*/
/* TEST */
 .cltest-text {
     position:relative;
     overflow:auto;
     width:90%;
     min-height:60px;
     border-width:1px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#E0FFFF;
     font:14px Arial;
     padding:10px;
     box-shadow:1px 1px 2px #999;
     margin:5px;
     font-size:16px;
}
 .cltest-bmed{
     position:absolute;
}
 .cltest-media{
     float:left;
     top:0;
     left:0px;
     margin:10px;
     width:350px;
     height:350px;
     resize: both;
}
 .cltest-cadro {
     position:relative;
     overflow:auto;
     width:100%;
     height:85px;
     border-width:5px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#E0FFFF;
     font:14px Arial;
     padding:4px;
     box-shadow:1px 1px 2px #999;
     cursor:pointer;
     margin:5px;
     font-size:16px;
}
 .cltest-base{
     float:left;
     margin-top:10px;
     display:inline-block;
     min-width:380px;
     ;
}
 .cltest-li{
     display:block;
     margin-left:30px;
}
 .cltest-lb{
     float:left;
     display:flex;
     width:400px;
     min-height:60px;
     border-style:solid;
     border-width:1px;
     border-color:#cccccc;
     background-color:#FFF;
     font:18px Arial;
     padding:6px;
     margin-bottom:10px;
     cursor:pointer;
     box-shadow:2px 2px 2px #999;
     align-content:center;
}
 .cltest-i:checked + label {
     background-color:#FFF000;
}
 .cltest-i:focus + label {
     border:2px solid blue;
}
 .cltest-i {
     position: absolute;
     z-index: -1;
     opacity: 0;
}
 .cltest-dv{
     float:left;
     top: 2px;
     left: -10px;
     width: 20px;
     min-height:60px;
     background-color: #d1f2eb ;
     display:block;
     margin-top:5px;
     margin-left:-100%;
     border: 1px solid #cccccc;
     font:28px Arial;
     text-align:center;
     color:#2E8B57;
     font-weight: bold;
     line-height:50px;
}
 .cltest-feed{
     float:left;
     width:80%;
     margin-left:5%;
     border-style:solid;
     border-width:1px;
     border-color:#cccccc;
     background-color:#98FB98;
     font:18px Arial;
     padding:6px;
     margin-bottom:10px;
}
/* FIN TEST */
/*MEDIDAS*/
 .clmed-b {
     position:relative;
     overflow:auto;
     width:600px;
     height:300px;
}
 .clmed-bi {
     border:0px solid #cccccc;
}
 .clmed-m {
     position:relative;
     left:10px;
     display:block;
     width:90%;
     height:110px;
     margin-top:10px;
}
 .clmed-c {
     float:left;
     position:relative;
     display:block;
     width:150px;
     height:100%;
     border:1px solid #cccccc;
     text-align:center;
     cursor:pointer;
     border-radius: 5px;
     height:110px;
     background-color: #ffffff;
}
 .clmed-d {
     float:left;
     position:relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width:100px;
     height:100%;
     border:1px solid #cccccc;
     text-align:center;
     background-color: #ffffff;
     border-radius: 5px;
}
 .clmed-d:hover {
     background-color: #5dade2;
     ;
}
 .clmed-d:after {
     content:'x';
     font-size:30px;
     width:30px;
     height:40px;
     border-width:0px 5px 5px 5px;
     border-style:solid;
     border-color: #aaaaaa;
     background-color: #cccccc;
}
 .clmed-s{
     position:relative;
     display:block;
     font-size:26px;
     text-align:center;
     color:#333333;
     border-bottom:2px solid #cccccc;
     border-top:2px solid #cccccc;
}
 .clmed-t {
     position:absolute;
     display:block;
     bottom:1px;
     width:99%;
     text-align:center;
     color:#333333;
}
 .clmed-dr{
     position:absolute;
     top:100px;
     left:100px;
     cursor:move;
}
/*FIN MEDIDAS*/
/*SERIES*/
 .clser-base {
     position:relative;
     margin-top:10px;
     width:90%;
}
 .clser-m {
     position:relative;
     left:10px;
     display:block;
     width:600px;
     padding-top:20px;
     clear:both;
}
 .clser-c {
     float:left;
     position:relative;
     display:block;
     width:140px;
     border:2px solid #cccccc;
     text-align:center;
     cursor:pointer;
     border-radius: 5px;
     height:110px;
     background-color: #ffffff;
}
 .clser-cir {
     float:left;
     position:relative;
     display:block;
     width:130px;
     border:4px solid #cccccc;
     text-align:center;
     cursor:pointer;
     border-radius: 50%;
     height:110px;
     background-color: #ffffff;
     padding-top:10px;
     overflow:hidden;
     margin:2px;
     background-size: 140px 110px;
}
/*FIN SERIES*/
/* SECRETA*/
 .clsecre-in {
     position:absolute;
     overflow:auto;
     top:120px;
     left:322px;
     width:460px;
     border-width:1px;
     border-style:solid;
     background-color:#E0FFFF;
     font:bold 26px Arial;
     text-align:center;
     letter-spacing:6px;
     padding:6px;
     box-shadow:2px 2px 6px #999;
     border-radius:3px;
}
 .clsecre-bpnt{
     position:absolute;
     top:230px;
     left:10px;
     width:24px;
     text-align:center;
     border-radius:10px;
     padding:5px;
}
 .clsecre-pnt{
     position:relative;
     width:34px;
     height:22px;
     text-align:center;
     background-color:#E0bFFF;
     font:bold 18px Arial, serif;
     margin-top:2px;
}
 .clsecre-btcl{
     position:absolute;
     top:240px;
     left:100px;
}
 .clsecre-tcl {
     position:relative;
     display:inline-block;
     margin-left:5px;
     margin-top:5px;
     width:36px;
     height:33px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#98FB98;
     font:26px Arial, serif;
     cursor:pointer;
     padding-top:3px;
     box-shadow:2px 2px 2px #111111;
     border-radius:3px;
     line-height:24px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .clsecre-tci{
     color:#cccccc;
}
 .clsecre-cx {
     position:absolute;
     width:240px;
     height:400px;
     border:4px solid #cccccc;
     background-color:#0FF;
     font:bold 16px Arial, serif;
     border-radius:10px;
     padding:10px;
}
/* FIN SECRETA */
/* LETRAS */
 .clletras-base{
     position:relative;
     display:inline-block;
}
 .clletras-txt{
     position:relative;
     border:4px solid #cccccc;
     padding:10px;
     border-radius: 15px;
     font-size:1.5em;
     background-color: #f9e79f ;
     margin-bottom:10px;
}
 .clletras-mar{
     position:relative;
     display:inline-block;
     margin-top:10px;
     min-height:1px;
     min-width:99%;
     left:0px;
     border:0px solid #cccccc;
     clear: both;
}
 .clletras-cim{
     float:left;
     position:relative;
     display:inline-block;
     width:180px;
     height:120px;
     text-align:center;
     margin-top:5px;
     clear:both;
}
 .clletras-im{
     max-width: 100%;
     max-height: 100%;
     height: auto;
     width: auto;
}
 .clletras-cadro{
     float:left;
     height:64px;
     margin-left:5px;
     margin-top:30px;
     padding:1px;
     white-space: nowrap;
     clear:both;
}
 .clletras-letra {
     position:absolute;
     display:block;
     width:70px;
     height:70px;
     border:2px solid #cccccc;
     margin-left:1px;
     text-align:center;
     font-size:3.5em;
     background-color:#E0FFFF;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     clear:both;
}
 .clletras-fx {
     background-color:#fff9c4;
}
 .clletras-drag{
     float:left;
     width:70px;
     height:70px;
     border:2px solid #cccccc;
     display:flex;
     margin-left:1px;
     font-size:3.5em;
     text-align:center;
     background-color:#ffd54f;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     align-items: center;
     justify-content: center;
     cursor:move;
}
/* FIN LETRAS */
/*PANELDEB*/
 .clpan_colimx{
     float:left;
}
 .clpan_col2{
     float:left;
     width:810px;
}
 .clpan_boton{
     float:left;
     width:30px;
     height:30px;
     border:1px solid #333333;
     background-color:#ccccff;
     border-radius: 5px;
     font-size:20px;
     text-align:center;
     margin-left:5px;
     margin-top:5px;
	 cursor:pointer;
}
 .clpan_slid{
     float:left;
     width:200px;
     height:50px;
}
 .clpan_botonera{
     position:relative;
     float:left;
     width:800px;
}
 .clpan_canvas{
     position:relative;
     width:800px;
     height:500px;
     border:3px solid #d3d3d3;
}
 .clpan_imx{
     max-width:80px;
     max-height:80px;
     height:auto;
     width:auto;
}
 .clpan_cadro{
     margin:2px;
     border:1px solid #cccccc;
	 cursor:pointer;
}
/*FIN PANELDEB */
/*FRACCION*/
 .clfrac-cx{
     position:absolute;
     display:block;
     width:90px;
     height:70px;
     margin-left:1px;
     text-align:center;
     font-size:3.2em;
     clear:both;
}
 .clfrac-re{
     background-color:#FFFFFF;
     border:1px solid #333333;
     box-shadow:1px 1px 2px #999;
}
 .clfrac-cim{
     float:left;
     position:relative;
     display:inline-block;
     height:300px;
     text-align:center;
     margin-top:50px;
}
 .clfrac-se{
     position:absolute;
     display:block;
     width:86px;
     border:4px solid #333333;
}
 .clfrac-base{
     float:left;
     position:relative;
     display:inline-block;
     margin-top:50px;
     min-width:1px;
     min-height:1px;
}
 .clfrac-en{
     float:left;
     display:block;
     width:50px;
     height:50px;
     border:4px solid #333333;
     background-color: #ec7063 ;
     margin-left:5px;
     font-size:18px;
}
 .clfrac-pt{
     float:left;
     margin-top:40px;
     display:block;
     width:60px;
     height:100px;
     border:2px solid #333333;
     background-color:#ffffff;
}
 .clfrac-sel{
     background-color: #939dce ;
}
 .clfrac-l{
     border:4px solid #cccccc;
     clear:both;
}
/*FIN FRACCION*/
/*PLANTILLA*/
 .clplan{
     display:inline-block;
     width: 100%;
     bottom:5px;
}
 .clplan-b{
     position:relative;
     display:inline-block;
     width:100%;
     height:100%;
}
 .clplan-z1m {
     float:left;
     max-width: 45%;
     padding: 5px;
     margin:50px 5px 20px 5px;
     overflow: auto;
}
 .clplan-z1t {
     position:relative;
     width:auto;
     padding: 5px;
     height: 100%;
     overflow:hidden;
}
 .clplan-z2m {
     float:right;
     position:relative;
     max-width: 45%;
     padding: 5px;
     margin:50px 5px 20px 5px;
}
 .clplan-z2t {
     position:relative;
     padding:10px;
     max-height: 100%;
     overflow:auto;
}
 .clplan-z3t {
     position:relative;
     top:5px;
     width:100%;
     text-align:left;
     margin-bottom:10px;
     overflow:auto;
}
 .clplan-z3m {
     position:relative;
     margin:1px;
     display: block;
     text-align: center;
}
 .clplan-z4t {
     position:relative;
     top:5px;
     width:100%;
     text-align:left;
     margin-bottom:10px;
     overflow:auto;
}
 .clplan-z4m {
     float:left;
     position:relative;
     top:5px;
     width:100%;
     text-align:center;
     margin:1px;
     margin-bottom:50px;
}
 .clplan-z5m {
     top:1px;
     text-align:center;
     display: block;
     width:580px;
     height:410px;
     margin: 0 auto;
     margin-bottom:50px;
}
 .clplan-cf{
     clear:both;
}
 .clplan-in{
     font-size:1.5em;
     text-align:center;
     position:absolute;
     border:4px solid #cccccc;
     right:100px;
     bottom:0px;
     width:350px;
     height:40px;
     border-radius: 10px;
}
 .clplan-im{
     max-width:98%;
     max-height:98%;
     width:auto;
     height:auto;
}
 .clplan-vi{
     max-width:98%;
     max-height:98%;
     width:auto;
     height:auto;
     resize: both;
     overflow: auto;
}
 .clplan-sw{
     max-width:98%;
     max-height:98%;
     width:auto;
     height:auto;
     resize: both;
     overflow: auto;
}
 .clplan-bt{
     position:absolute;
     height:26px;
     min-width:80px;
     left:20px;
     bottom:1px;
     border:4px solid #cccccc;
     background-color:#E0dFFF;
     border-radius: 10px;
     color:#333333;
     cursor:pointer;
     text-align:center;
     font:bold 22px Arial;
     -webkit-touch-callout:none;
     -webkit-user-select:none;
     -khtml-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
     text-decoration:none;
     padding:0px 10px 0px 10px;
}
 .clplan-bt:hover{
     background-color:#E0d33F;
}
/*FIN PLANTILLA*/
/*FÓRMULAS*/
 .clfor-b{
     position:relative;
     margin-top:40px;
     margin-left:10px;
     display:inline-block;
     overflow:view;
}
 .clfor-l{
     float:left;
     margin-top:15px;
     width:740px;
     display:inline-block;
     overflow:view;
     clear:both;
}
 .clfor-c{
     float:left;
     display:inline;
     width:38px;
     height:40px;
     margin-left:1px;
     text-align:center;
     font-size:30px;
     margin-top:5px;
}
 .clfor-in{
     border:1px solid #999999;
     border-radius: 4px;
     margin-left:2px;
     margin-right:1px;
}
 .clfor-sup{
     width:34px;
     height:30px;
     font-size: 22px;
     text-align:left;
     padding-left:4px;
     margin-top:0px;
}
 .clfor-ind{
     width:34px;
     height:30px;
     vertical-align: sub;
     font-size: 22px;
     padding-left:4px;
     text-align:left;
     margin-top:20px;
}
/*FIN FÓRMULAS*/
/*PIRAMIDE*/
 .clpi-col1{
     float:left;
     margin-top:50px;
     display:block;
     min-width:500px;
     clear:both;
}
 .clpi-txt{
     float:right;
     margin-top:50px;
     margin-right:50px;
     border:4px solid #cccccc;
     padding:10px;
     border-radius: 15px;
     font-size:1.1em;
     background-color: #f9e79f ;
     margin-bottom:10px;
     line-height:200%;
}
 .clpi-let{
     float:left;
     display:inline;
     width:40px;
     height:40px;
     margin-left:1px;
     text-align:center;
     font-size:1.5em;
     background-color:#E0FFFF;
     border:1px solid #333333;
     margin-top:2px;
}
 .clpi-nu{
     border-width:0px;
     font-size:1.2em;
     line-height:40px;
     background-color:#E0bFFF;
     border-radius: 25px;
     margin-right:10px;
}
 .clpi-se{
     clear:both;
}
/*FIN PIRAMIDE*/
/* PREGUNTAS */
 .clpreg-base{
     float:left;
     margin:10px;
     display:inline-block;
     min-width:380px;
}
 .clpreg-bmed{
     position:absolute;
}
 .clpreg-media{
     float:left;
     top:0;
     left:0px;
     margin:10px;
     width:400px;
     height:350px;
     border: 1px solid #cccccc;
     resize: both;
}
 .clpreg-cadro {
     position:relative;
     overflow:auto;
     width:100%;
     height:85px;
     border-width:1px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#E0FFFF;
     font:14px Arial;
     padding:4px;
     box-shadow:1px 1px 2px #999;
     cursor:pointer;
     margin:5px;
     font-size:16px;
}
 .clpreg-input {
     clear: both;
     border-style:solid;
     border-width:1px;
     border-color:#cccccc;
     background-color:#FFF;
     font:14px Arial;
     padding-left:4px;
     width:100%;
}
 .clpreg-input:hover {
     background-color:#ff6;
}
/*FIN PREGUNTAS*/
/*EXTERNA*/
 .clext-base{
     position:absolute;
     width:100%;
     height:100%;
     left:auto;
     right:auto;
     top:10px;
     bottom:auto;
     text-align: center;
}
 .clext-frm{
     margin: 0;
     position: absolute;
     left: 50%;
     transform: translate(-50%);
     width:96%;
     height:96%;
     border:0px solid #cccccc;
}
/*FIN EXTERNA*/
/*RAIOS X */
 .clrx-pan{
     position:absolute;
     border:2px solid #cccccc;
     right:8px;
     top:0px;
     width:320px;
     height: 360px;
     border-radius: 10px;
     background-color:rgba(255,255,255,0.9);
}
 .clrx-text{
     font:18px Arial;
     float:left;
     width:99%;
     height:340px;
     padding:4px;
     overflow:auto;
}
 .clrx-bt{
     position:absolute;
     right:24px;
     bottom:-10px;
     width:45px;
     height:16px;
     cursor:pointer;
     border-radius: 20px;
     background-color:#C71585;
     clear: both;
}
 .clrx-in{
     font:24px Arial;
     text-align:center;
     position:absolute;
     border:4px solid #cccccc;
     right:200;
     bottom:5px;
     width:300px;
     height:50px;
     border-radius: 15px;
}
 .clrx-b {
     border: 2px solid #cccccc;
}
/*Fin Raios X */
/*GALERIA*/
 .clgal-base {
     float:left;
     position:relative;
     display:inner-block;
     margin:4px;
     width:250px;
     height:240px;
     text-align:center;
     border-width:1px;
     border-style:solid;
     border-color:#cccccc;
     padding:2px;
     background-color:#ffffff;
     overflow:hidden;
     box-shadow:3px 3px 8px #999;
     cursor:pointer;
}
 .clson-base0 {
     float:left;
     position:relative;
     display:inner-block;
     margin:4px;
     width:256px;
     height:280px;
     text-align:center;
     border-width:4px;
     border-style:solid;
     border-color:#cccccc;
     padding:0px;
     background-color:#ffffff;
     overflow:hidden;
     box-shadow:3px 3px 8px #999;
     cursor:pointer;
}
 .clson-base1 {
     float:left;
     position:relative;
     display:inline-block;
     margin:4px;
     width:250px;
     min-height:150px;
     text-align:center;
     border-width:5px;
     border-style:solid;
     border-color:#cccccc;
     padding:0px;
     background-color:#ffffff;
     box-shadow:1px 1px 2px #999;
     cursor:pointer;
}
 .clson-au{
     position:relative;
     width:300px;
     height:30px;
     margin-top:10px;
     left:0px;
     clear:both;
}
 .clson-sotext{
     position:absolute;
     bottom:6px;
     left:0px;
     margin:1px;
     text-align:center;
     padding:0px;
     font-size:18px;
     width:99%;
}
 .clson-cim{
     float:left;
     position:absolute;
     left:0px;
     top:0px;
     display:block;
     width:240px;
     height:110px;
     margin-top:0px;
}
 .clson-im{
     position:relative;
     max-width: 100%;
     max-height: 100%;
}
 .clgal-texto{
     position:absolute;
     top:3px;
     border: solid #cccccc 0px;
     background-color:#dddddd;
     width:97%;
     text-align:center;
     font-size:14px;
     padding:2px;
     margin-left:1%;
}
 .clgal-imaxe{
     position:relative;
     background-color:#ffffff;
     width:100%;
     height:200px;
     margin-top:5px;
}
 .clgal-big{
     position:absolute;
     top:0px;
     left:0px;
     right:2px;
     border: solid #555555 2px;
     box-shadow:4px 4px 5px #cccccc;
     background-color:#ffffff;
     -webkit-border-radius:20px;
     -moz-border-radius:20px;
     border-radius:20px;
     width:94%;
     height:90%;
     text-align:center;
     display:none;
     z-Index:9990;
}
 .clgal-bigtx{
     position:relative;
     float:left;
     border-width:0px 0px 1px 0px;
     border-style:solid;
     border-color:#cccccc;
     width:99%;
     text-align:center;
     font-size:2em;
}
 .clgal-bigim{
     position:relative;
     float:left;
     width:98%;
     height:85%;
     display:inner-block;
     margin-left:1%;
     text-align:center;
     overflow:hidden;
}
 .clgal-imgrande{
     position:absolute;
     display: block;
     max-width:94%;
     max-height:86%;
     width: auto !important;
     height: auto !important;
     top: 10;
     bottom:0;
     left: 0;
     right:0;
     margin: 10 auto;
}
 .clgal-bigx{
     position:absolute;
     right:20px;
     top:14px;
     width:40px;
     height:40px;
     border:4px solid red;
     font-size:22px;
     border-radius: 25px;
     cursor:pointer;
}
/*Fin galeria*/
/*IMAXE TEXTO*/
 .cltexto-b{
     position:absolute;
     display:inline-block;
     padding:10px;
     margin-bottom:20px;
     width:98%;
     height:auto;
     border:0px solid red;
}
 .cltexto-tx{
     position:relative;
     display:block;
     overflow:auto;
     padding:10px;
     margin-bottom:20px;
}
 .cltexto-im{
     position:absolute;
     margin-left:1px;
     resize: both;
     overflow: auto;
}
 .cltexto-vi{
     position:absolute;
     margin-left:1px;
     width:400px;
     height:240px;
     resize: both;
     overflow: auto;
     background-color:#333333;
     border: 4px solid #cccccc;
     padding:5px;
}
 .cltexto-sw{
     position:absolute;
     margin-left:1px;
     width:400px;
     height:300px;
     resize: both;
     overflow: auto;
     border: 4px solid #cccccc;
     padding:5px;
}
/*FIN IMAXE TEXTO */
/*DICTADO */
 .cldic-bts{
     position:relative;
     margin-top:10px;
     margin-left:20px;
     width:600px;
     height:50px;
}
 .cldic-bot{
     float:left;
     margin-left:20px;
     width:60px;
     height:44px;
     border: 4px solid #cccccc;
     font-family: Arial;
     color: #333333;
     font-size: 30px;
     cursor:pointer;
}
 .cldic-txt{
     position:relative;
     margin-top:10px;
     left:10px;
     margin-left:1px;
     width:640px;
     height:200px;
     border: 4px solid #cccccc;
     padding:5px;
     border-radius: 9px;
     font-family: Arial;
     color: #333333;
     font-size: 18px;
}
 .cldic-or{
     position:relative;
     margin-top:10px;
     left:10px;
     margin-left:1px;
     width:620px;
     height:180px;
     border: 4px solid #cccccc;
     padding:5px;
     border-radius: 9px;
     font-family: Arial;
     color: #333333;
     font-size: 18px;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .cldic-dvc{
     position:absolute;
     top:0px;
     left:10px;
     margin-left:1px;
     width:660px;
     height:480px;
     background:#ffffff;
     border-radius: 9px;
     font-family: Arial;
     color: #333333;
     font-size: 18px;
     border: 4px solid #cccccc;
     display:none;
}
 .cldic-btc{
     position:absolute;
     top:2px;
     right:2px;
     width:40px;
     height:36px;
     background:#ff00ff;
     border-radius: 9px;
     font-family: Arial;
     color: #333333;
     font-size: 28px;
     border: 2px solid #333333;
     line-height:110%;
}
 .cldic-cor{
     position:absolute;
     top:80px;
     margin-left:1px;
     width:640px;
     height:300px;
     padding:9px;
     background:#ffffff;
     font-family: Arial;
     color: #333333;
     font-size: 18px;
}
 .cldic-cor span{
     background:#a8ff33;
}
 .cldic-au{
     float:left;
     position:relative;
     width:500px;
     visibility:visible;
     display:block;
}
/* FIN DICTADO */
/*MENU*/
 .clmenu-base{
     position:relative;
     left:2px;
     top:2px;
     width:99%;
     height:90%;
     border:0px solid red;
}
 .clmenu-tab{
     left:0px;
}
 .clmenu-tab li{
     list-style-type: none;
     width:200px;
}
 .clmenu-bottab{
     float:left;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor:pointer;
     border:0px solid red;
     width:200px;
     min-height:30px;
     margin-top:4px;
     background:#F2F2F2;
     border-radius: 9px;
     font-family: Arial;
     color: #000000;
     font-size: 16px;
     padding: 3px;
     text-decoration: none;
}
 .clmenu-tab li.current{
     font-weight:bolder;
}
 .clmenu-tab li .clmenu-contenttab{
     display:none;
}
 .clmenu-tabcontent{
     display:inner-block;
     background:#F2F2F2;
     margin-left:270px;
     padding:20px;
     margin-top:20px;
     overflow:auto;
}
 .clmenu-selected{
     background-color:#cccccc !important;
     color:#222222 !important;
}
/*FIN MENU*/
/* IDENTIFICAR */
 .cliden-base {
     float:left;
     position:relative;
     display:inline-block;
     margin:4px;
     width:240px;
     min-height:200px;
     text-align:center;
     border-width:2px;
     border-style:solid;
     border-color:#cccccc;
     padding:2px;
     background-color:#ffffff;
}
 .cliden-mov {
     position:absolute;
     display:inline-block;
     margin:4px;
     width:240px;
     min-height:200px;
     text-align:center;
     border-width:2px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#ffffff;
}
 .cliden-base span {
     font-size:104px;
     color:#556B2F;
}
 .cliden-imaxe{
     position:absolute;
     width:236px;
     height:160px;
}
 .cliden-dest{
     position:absolute;
     bottom:2px;
     min-height:40px;
     width:99%;
     border-width:1px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#F3ddbb;
}
 .cliden-destim{
     float:left;
     position:relative;
     display:inline-block;
     margin:4px;
     width:244px;
     min-height:212px;
     text-align:center;
     border-width:1px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#F3ddbb;
     margin:5px;
}
 .cliden-destim:after{
     content:'?';
     font-size:104px;
}
 .cliden-betiq {
     float:left;
     -top:500px;
     width:245px;
     margin-bottom:2px;
     margin-top:5px;
     width: 98%;
     margin-left:1%;
     text-align:center;
     display:inline-block;
}
 .cliden-etiq {
     float:left;
     width:236px;
     min-height:30px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#F3E2A9;
     font:14px Arial, serif;
     font-weight: bold;
     display:flex;
     justify-content: center;
     align-items: center;
     margin:2px;
     padding:1px;
}
 .cliden-etiq2:after {
     top:1px;
     content: "\2714";
     margin-top:-40px;
     font-size:34px;
     color:#556B2F;
}
 .cliden-in{
     margin-top:14px;
     border-style:solid;
     border-width:2px;
     border-color:#cccccc;
     background-color:#FFF;
     font:18px Arial;
     text-align:center;
     width:99%;
}
/* Fin Identificar */
/* SOPA */
 .clsopa-base {
     position:absolute;
     width:24px;
     height:24px;
     text-align:center;
     -background-color:#FFF;
     font:18px Arial, serif;
     cursor:pointer;
     color:#333333;
     text-decoration:none;
     border:1px;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border-radius: 10%;
     border: 0px solid #333333;
}
 .clsopa-des{
     font-weight: 900;
}
 .clsopa-base:focus{
     color:#FF0000;
     border:0px;
     font-weight: 900;
}
 .clsopa-enun {
     position:relative;
     float:left;
     margin-bottom:5px;
     width:360px;
     height:47px;
     border-width:1px;
     border-style:solid;
     border-color:#cccc00;
     background-color:#E0FFFF;
     font:14px Arial;
     padding-left:5px;
     box-shadow: 2px 2px 3px #cccccc;
}
 .clsopa-enunim {
     position:relative;
     float:left;
     margin-bottom:5px;
     width:220px;
     height:40px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#FFFFF9;
     font:14px Arial, serif;
}
 .clsopa-fondo{
     position:absolute;
}
 .clsopa-marca{
     position:absolute;
     border:2px solid #550000;
     border-radius: 80px;
     opacity: 0.8;
}
 .clsopa-colenun{
     float:left;
     width:334px;
}
 .clsopa-col1{
     float:left;
     width:162px;
}
 .clsopa-col2{
     float:left;
     margin-right:5px;
     margin-left:5px;
}
 .clsopa-col3{
     float:left;
     width:162px;
}
/* Fin sopa */
/*CLASIFICAR*/
 .clclas-ca{
     position:absolute;
     width:240px;
     height:400px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#0FF;
     font:bold 16px Arial, serif;
}
 .clcla-etq{
     position:absolute;
     width:220px;
     height:40px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#F3E2A9;
     font:14px Arial, serif;
     font-weight: bold;
     display:flex;
     justify-content: center;
     align-items: center;
     box-shadow:1px 1px 0px #333333;
}
/*FIN CLASIFICAR */
/*CLASIFICAR IMAX*/
 .clclaimx-cx{
     position:absolute;
     width:380px;
     height:240px;
     text-align:center;
     border-style:solid;
     border-width:1px;
     background-color:#E0FFFF;
     font:14px Arial, serif;
}
 .clclaimx-cad{
     position:absolute;
     width:150px;
     height:140px;
     text-align:center;
     border-style:solid;
     border-width:0px;
     background-color:transparent;
     font:14px Arial, serif;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/*FIN CLASIFICAR IMAX */
/*ENLACES2*/
 .clliga-bti {
     position:absolute;
     overflow:auto;
     text-align:center;
     padding:5px;
     background-repeat:no-repeat;
     background-position:left;
     text-decoration:none;
}
 .clliga-bt {
     position:absolute;
     overflow:auto;
     border-width:3px;
     border-style:solid;
     border-color:#0174DF;
     min-height:20px;
     min-width:100px;
     text-align:center;
     padding:5px;
}
 .clliga-sty{
     -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
     -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
     box-shadow:inset 0px 1px 0px 0px #bee2f9;
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
     background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
     background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
     background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
     background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
     background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
     background-color:#63b8ee;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
     border-radius:6px;
     border:1px solid #3866a3;
     cursor:pointer;
     color:#14396a;
     font-family:Arial;
     font-size:15px;
     font-weight:bold;
     padding:6px 24px;
     text-decoration:none;
     text-shadow:0px 1px 0px #7cacde;
}
 .clliga-bt:hover {
     background:#bddb00;
}
 .clliga-boton {
     float:left;
     border-width:3px;
     border-style:solid;
     border-color:#0174DF;
     min-height:20px;
     min-width:280px;
     text-align:center;
     border-radius:6px;
     border:1px solid #3866a3;
     cursor:pointer;
     color:#14396a;
     font-family:Arial;
     font-size:15px;
     font-weight:bold;
     padding:6px 24px;
     text-decoration:none;
     margin:10px;
}
 .clliga-boton:hover {
     background:#bddb00;
}
 .clliga-boton:focus{
     border-width:3px;
     border-style:solid;
     border-color:blue;
}
 .clliga-base {
     position:absolute;
     width:98%;
     height:400px;
     margin-left:50px;
}
 .clliga-text {
     position:relative;
     overflow:auto;
     width:90%;
     min-height:60px;
     border-width:1px;
     border-style:solid;
     border-color:#cccccc;
     background-color:#E0FFFF;
     font:14px Arial;
     padding:10px;
     box-shadow:1px 1px 2px #999;
     margin:5px;
     font-size:16px;
}
 .clliga-im {
     display: block;
     margin: auto;
     max-height:400px;
}
/*FIN ENLACES */
/*TEXTO*/
 .cltxts-base {
     font-size:120%;
     padding:40px;
     line-height: 150%;
}
 .cltxts-baseetiq {
     display:table;
     margin-top: 40px;
     padding: 10px;
}
 .cltxts-palabra {
     float: left;
     margin-top: 10px;
     border: 0px solid blue;
     padding: 3px;
     margin-left: 5px;
}
 .cltxts-marca {
     border: 1px solid #cccccc;
     padding: 1px;
     background-color: rgb(204, 255, 102);
}
 .cltxts-destino {
     background-color: #ffffbb;
     border: 1px solid green;
     display: inline;
     height: 20px;
     width: 100px;
     overflow: auto;
     color: #cccccc;
     border-radius: 5px;
     margin-right:10px;
}
 .cltxts-etiq {
     float:left;
     border: 2px solid blue;
     background-color: rgb(204, 255, 102);
     display: inline-block;
     text-align: center;
     padding-left: 5px;
     padding-right: 5px;
     border-radius: 5px;
     line-height: 135%;
     margin-bottom:5px;
     margin-right:10px;
     cursor:move;
}
 .cltxts-in {
     display: inline;
     margin: 0;
     width: 100px;
     min-width: 100px;
     font-family: sans-serif;
     font-size: 100%;
}
 .cltxts-infx {
     readonly: true;
     border: 0px;
     background-color: #ffffaa;
     -padding-left: 4px;
     text-align: center;
     box-shadow: 3px 3px 5px #888888;
}
 .cltxts-infx:before {
     content: "\2713 ";
}
 .cltxts-dw {
     margin: 0;
     font-family: sans-serif;
     border-radius: none;
     font-size: 100%;
     text-align:center;
}
 .cltxts-dwfx {
     margin: 0;
     font-family: sans-serif;
     font-size: 100%;
     color: #222222;
     background-color: #ffffaa;
     box-shadow: 3px 3px 5px #888888;
     border: 0px;
}
/*FIN TEXTO */
/*OPERACIONES MATEMÁTICAS*/
 .clopera-b{
     position:absolute;
     text-align:center;
     width:36px;
     height:36px;
     text-align:center;
     font:bold 26px Arial, serif;
}
 .clopera-in{
     position:absolute;
     border-color: #333333;
     border-style: solid;
     width:40px;
     height:38px;
     font-family: sans-serif;
     font-size:28px;
     text-align:center;
     border-width:1px;
     background-color:#98Ffff;
     color:#333333;
}
/*FIN OPERACIONES*/
/*SELECCIONAR*/
 .clselec-cadro {
     float:left;
     overflow:auto;
     width:252px;
     height:186px;
     border:1px solid #cccccc;
     margin:10px;
}
 .clselec {
     float:left;
     width:18px;
     height:18px;
     z-index:800;
}
 .clselec:checked+label{
     border:3px solid red;
     background-color:#e9ff5d;
}
 .clselec-lab {
     position:absolute;
     overflow:auto;
     width:251px;
     height:185px;
     margin-left:-25px;
     background-color:#0FF;
     cursor:pointer;
}
 .clselec:focus + label {
     border:2px solid #222222;
}
 .clselec-text {
     position:absolute;
     text-align:center;
     background-color:#FFF;
     opacity:0.7;
     filter:alpha(opacity=70);
     font:bold 14px Arial, serif;
     color:#000;
     display:flex;
     justify-content: center;
     align-items: center;
}
 .clselec-son{
     position:absolute;
     width:26px;
     height:30px;
     right:2px;
     top:2px;
     text-decoration: none;
     padding-left:8px;
     padding-bottom:4px;
     border-radius: 50px;
     font-size:24px;
     color:#000000;
     background-color:#f7dc6f;
}
/*FIN SELECCIONAR*/
/*RELOJ*/
 .clrelo {
     float:left;
     width:390px;
     height:390px;
}
 .clrelo-cv {
     position:absolute;
     width:390px;
     height:390px;
}
 .clrelo-a {
     position:absolute;
     box-shadow:0 0 4px #000;
     rotation-point:50% 90%;
     transform-origin:50% 90%;
     -ms-transform-origin:50% 90%;
     -webkit-transform-origin:50% 90%;
     -moz-transform-origin:50% 90%;
     -o-transform-origin:50% 90%;
     border-width:1px;
     border-style:solid;
}
 .clrelo-a.hr {
     width:14px;
     height:80px;
     background-color:#F0F;
     left:190px;
     top:104px;
}
 .clrelo-a.mr {
     width:8px;
     height:120px;
     background-color:#0F0;
     left:193px;
     top:68px;
}
 .clrelo-bt {
     position:absolute;
     width:60px;
     height:29px;
     border-width:1px;
     border-style:solid;
     background-color:#E0FFFF;
     background: #3498db;
     background-image: linear-gradient(to bottom, #3498db, #2980b9);
     border-radius: 28px;
     cursor:pointer;
     text-align:center;
     font:bold 22px Arial;
     -webkit-touch-callout:none;
     -webkit-user-select:none;
     -khtml-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
}
 clrelo-bt:hover {
     box-shadow:0 0 4px #333;
}
 .clrelo-txt{
     position:abolute;
     width:300px;
     height:150px;
     background-color:#E0FFFF;
     box-shadow:0 0 4px #ccc;
     margin-left:50px;
     padding:10px;
}
 .clrelo-in{
     position:absolute;
     width:320px;
     height:30px;
     background-color:#FFFFF0;
     border:1px solid #444444;
     font:18px Arial;
     text-align:center;
     padding:2px;
     box-shadow:0 0 4px #ccc;
     margin-left:50px;
     margin-top:100px;
}
/*FIN RELOJ*/
/*PARELLAS*/
 .clpar {
     float:left;
     margin:10px;
     width: 150px;
     height: 190px;
     box-shadow:2px 2px 8px #cccccc;
     border-radius: 25px;
     -webkit-transition: -webkit-transform 0.3s;
     -moz-transition: -moz-transform 0.3s;
     -o-transition: -o-transform 0.3s;
     transition: transform 0.3s;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     transform-style: preserve-3d;
}
 .clpar.flipped {
     -webkit-transform: rotateY( 180deg );
     -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
     transform: rotateX( 180deg );
}
 .clpar figure {
     border:2px solid #cccccc;
     border-radius: 25px;
     display: block;
     height: 100%;
     width: 100%;
     margin: 0;
     position: absolute;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .clpar .front {
     background: green;
     line-height: 160px;
     color: white;
     text-align: center;
     font-weight: bold;
     font-size: 40px;
}
 .clpar .back {
     background: #fffff0;
     -webkit-transform: rotateY( 180deg );
     -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
     transform: rotateX( 180deg );
}
 .clpar-cadro{
     float:left;
     position:relative;
     border:2px solid #cccccc;
     width:150px;
     height:200px;
     margin-left:10px;
     margin-bottom:10px;
}
 .clpar-tapa{
     position:absolute;
     width:100%;
     height:100%;
     background-color:#000000;
     font-size:90px;
     text-align:center;
     color: #ffffff;
}
 .clpar-tapa .invisible{
     display:none;
     opacity:0;
     transition: all 0.1s linear;
}
 .clpar-im{
     position:relative;
}
 .clpar-texto{
     position:absolute;
     top:160px;
     width:142px;
     left:4px;
     background-color:#FFFFFF;
     opacity: 0.8;
     filter: alpha(opacity=80);
     text-align:center;
}
 .clpar-txtg{
     position:absolute;
     top:80px;
     width:142px;
     left:4px;
     text-align:center;
     font:bold 20px Arial;
}
 .clpar-tem{
     position:relative;
     width:90%;
     height:24px;
     font-size:26px;
     background-color: #1dcd45;
     border-right:10px solid #333333;
     text-indent:16px;
     line-height:22px;
}
/*FIN PARELLAS*/
/*FRASES*/
 .clfrase-base{
     position:relative;
     width:96%;
     margin-left:20px;
     margin-bottom:20px;
     display:inline-block;
     padding:5px;
}
 .clfrase-txt{
     position:relative;
     border:1px solid #cccccc;
     width:98%;
     height:50px;
     font-family: sans-serif;
     font-size:18px;
     margin-top:10px;
     text-align:center;
     line-height: 50px;
     background-color:#7FFFD4;
}
 .clfrase-im{
     position:relative;
     border-width:0px;
     width:98%;
     height:50px;
     margin-top:10px;
     background-repeat:no-repeat;
     background-color:transparent;
     background-position: center top;
     font-size:18px;
}
 .clfrase-sp{
     position:absolute;
     width:98%;
     height:80px;
}
 .clfrase-input{
     position:relative;
     border-color: #cccccc;
     border-style: solid;
     width:98%;
     height:50px;
     font-family: sans-serif;
     font-size:18px;
     text-align:center;
     border-width:1px;
}
 .clfrase-ver{
     position:relative;
     width:98%;
     height:50px;
     font-family: sans-serif;
     font-size:18px;
     border-width:0px;
     background-color:# #fbfcfc ;
     text-align:left;
     border: solid #cccccc 6px;
     border-radius:15px;
}
/*FIN FRASES*/
/* MEMORIA */
 .clmem-cadro{
     float:left;
     position:relative;
     display:flex;
     margin:4px;
     width: 110px;
     height: 110px;
     border-radius: 20px;
     align-items: center;
     justify-content: center;
     border: solid #cccccc 4px;
}
 .clmem-b{
     position:relative;
     display:flex;
     width: 110px;
     height: 110px;
     left:0px;
     top:0px;
}
 .clmem-tapa{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color: #9c640c;
     font-size:30px;
     text-align:center;
     color: #ffffff;
     border-radius:20px;
}
 .clmem-tapa .invisible{
     display:none;
     opacity:0;
     transition: all 0.1s linear;
}
 .clmem-im{
     position:relative;
     left:1px;
     top:1px;
}
 .clmem-sel{
     background-color:#05fe5e;
}
 .clmem-mod{
     background-color:#05fe5e;
     border: solid #333333 4px;
}
 .clmem-ben{
     background-color: #ffccbc ;
     border: solid #311b92 4px;
}
/*FIN MEMORIA*/
/*/
////////////////////////////////////////////////////////////////////////
/*/
/*ESTILOS DE PÁGINA */
 .pn_marco{
     margin-bottom:20px;
     border: solid #555555 6px;
     box-shadow:4px 4px 5px #cccccc;
     -background-color:#98FB98;
     -webkit-border-radius:30px;
     -moz-border-radius:30px;
     border-radius:30px;
     width:80%;
}
 .pn_sombra{
     margin-bottom:20px;
     box-shadow:8px 8px 8px #cccccc;
     border: solid #cccccc 1px;
     padding:1%;
     width:97%;
     margin:5px;
}
 .pn_marsombra{
     border: solid #cccccc 6px;
     box-shadow:4px 4px 10px #333333;
     background-color:#ffffb3;
     -webkit-border-radius:120px;
     -moz-border-radius:20px;
     border-radius:20px;
     width:98%;
     display:block;
     overflow:auto;
     margin-top:6px;
}