/*Creado con Ardora - www.webardora.net
bajo licencia Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)
para otros usos contacte con el autor*/
@font-face {font-family: "Ardora_arrows";src: url("fonts/ardoraArrows/Ardora_arrows.eot");src: local("?"), url("fonts/ardoraArrows/Ardora_arrows.woff") format("woff"),
url("fonts/ardoraArrows/Ardora_arrows.ttf") format("truetype"), url("fonts/ardoraArrows/Ardora_arrows.svg") format("svg");font-weight: normal;font-style: normal;}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,footer,header,nav,section {display: block;}
h1 {font-size: 2em;margin: 0.67em 0;}
figcaption,figure,main {display: block;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
a {background-color: transparent;-webkit-text-decoration-skip: objects;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: inherit;}
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}
dfn {font-style: italic;}
mark {background-color: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
audio,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset{padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {display: inline-block;vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"]{-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details,menu {display: block;}
summary {display: list-item;}
canvas {display: inline-block;}
template{display: none;}
[hidden]{display: none;}
/*!END normalize.css v7.0.0*/
html, body {margin: 0;overflow: hidden;height:100%;width:100%}
#ardoraEnu{margin-bottom:10px;margin-left:20px;margin-right:20px;width:auto;font-family:Verdana, Geneva, sans-serif; font-size:12px; position: relative; padding: 5px; margin-bottom: 10px; float: left;text-align: justify;z-index:20;}
[type="checkbox"],[type="radio"] {margin-right: 5px}
#imaBar, #vidBar, #imaRec{width:  calc(100% - 15px); position: fixed; bottom: 0px; color: #cc0000; margin-bottom:-50px;border-color:black;border-top-style:solid;border-top-width:1px;margin-left: 5px;margin-right:5px; border-color:black; border-width:1px;border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style:solid;border-left-style:solid;border-right-style:solid;background-color:rgba(255,255,255,1);box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);overflow: hidden;height:60px;overflow-y:scroll;margin-bottom:-60px;}
#txtBar{width:  calc(100% - 15px); position: fixed; bottom: 0px; color: #cc0000; margin-bottom:-50px;border-color:black;border-top-style:solid;border-top-width:1px;margin-left: 5px;margin-right:5px; border-color:black; border-width:1px;border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style:solid;border-left-style:solid;border-right-style:solid;background-color:rgba(255,255,255,1);box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);overflow: hidden;height:36px;overflow-y:scroll;margin-bottom:-36px;}
#draBar{width:  calc(100% - 15px); position: fixed; bottom: 0px; color: #cc0000; margin-bottom:-50px;border-color:black;border-top-style:solid;border-top-width:1px;margin-left: 5px;margin-right:5px; border-color:black; border-width:1px;border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style:solid;border-left-style:solid;border-right-style:solid;background-color:rgba(255,255,255,1);box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);overflow: hidden;height:36px;overflow-y:scroll;margin-bottom:-36px;}
#pluBar{width:300px; position: fixed; bottom: 0px; color: #cc0000; margin-bottom:-50px;border-color:black;border-top-style:solid;border-top-width:1px;margin-left: 5px;margin-right:5px; border-color:black; border-width:1px;border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style:solid;border-left-style:solid;border-right-style:solid;background-color:rgba(255,255,255,1);box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);overflow: hidden;height:36px;margin-bottom:-36px;}
#imaBar img, #vidBar img{cursor: pointer;padding:2px;}
.textDrag{cursor: pointer;font-family:Verdana, Geneva, sans-serif;float:left;padding:5px;width:50px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;font-size:12px;color:#000000;}
.drag,.viddr,.auddr{float:left;padding-left:5px;}
#pizarra{width: 100%;background-position:center;background-repeat:no-repeat;height:100%;display: flex;align-content:center;position:absolute;
background-image:url("../media/back_pag_29.jpg");
background-position:center; background-repeat:no-repeat;
background-color:rgba(255,255,255,1);}
.buttonIma{ visibility:hidden; position:absolute; cursor:pointer}
.imageHide{ visibility:hidden; position:absolute;}
.selec { 
   text-align:center; position:absolute; border:solid; border-color:#1A1A1A;
   -webkit-transform:  rotate(0deg) ;-moz-transform: rotate(0deg) ;-o-transform:  rotate(0deg);
   -ms-filter progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   filter:alpha(opacity=100); opacity:1;
}
.ui-draggable-helperMoving {
   border: 1px dotted #000; padding: 6px; background: #fff; font-size: 1.2em;
}
.ui-draggable-helperStoped {
   border: 1px solid #000; width:5px; height:5px;
}
#element{border:1px solid red}
a:focus { outline: none;}


#bottomBar{width: 100%; position: fixed; bottom: 50px; color: #cc0000; margin-bottom:-50px;padding-left: 15px 15px 0 15px;border-color:black;border-width:1px;border-top-style:solid;background-color:rgba(255,255,255,1);box-shadow: 0px -4px 2px 0px rgba(50, 50, 50, 0.3);}
#bottomBar p{width:27px; padding: 0 0 5px 0; margin: 5px;  text-align: center;}
.butfont{ height:22px; font-family:"Ardora_arrows",Sans-Serif; font-size:22px; cursor: pointer; border:1px #666;border-style:solid;color:#000000;background-color:#FFFFFF;
opacity:1;box-shadow: 2px -2px 2px rgba(50, 50, 50, 0.5); border-radius: 4px; margin-right: 5px;}
.butfont:hover{box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5); color:#FFFFFF; background-color:#000000;}
.butRi{float: right;}
.butLe{float: left;}
.bcolor{width:22px;height:22px;padding:1px;}
#imaBar, #txtBar, #draBar, #pluBar, #vidBar, #imaRec, #imaBack{z-index: 2147483630;}
#bottomBar{z-index: 2147483640;}
#div_canvas{width: 100%; height: calc(100% - 80px);position:absolute;z-index: 2147483620;}
.subbutfont{font-family:"Ardora_arrows",Sans-Serif; font-size:22px; cursor: pointer; border:1px #666;border-style:solid;color:#000000;background-color:#FFFFFF;opacity:1;box-shadow: 2px -2px 2px rgba(50, 50, 50, 0.5); border-radius: 4px;margin: 2px 5px 0px 2px;}
.subbutfont:hover{box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5); color:#FFFFFF; background-color:#000000;}
.clearcanvas{padding: 0 2px 0 2px;}
#colorDraw, #colorBackline, #colorBack{width:32px;padding:0;height:32px;}
#numberDraw, #numberBackline , #numberBack{width:40px; border-style: solid;border-width: 1px; border-radius: 4px;border-color: black;position: absolute;top:5px;margin: 2px;}
.closecanvas{margin-right:25px;}
.pen{padding: 0 3px 0 3px;}
.penbutfont{font-family:"Ardora_arrows",Sans-Serif; font-size:22px; cursor: pointer; border:1px #666;border-style:solid;color:#000000;background-color:#FFFFFF;opacity:1;box-shadow: 2px -2px 2px rgba(50, 50, 50, 0.5); border-radius: 4px;margin: 2px 5px 0px 2px;}
.pensel{box-shadow:0px 0px 0px rgba(50, 50, 50, 0); cursor: not-allowed; border:none;}
.butfontIma{padding: 4px;border-radius:6px;font-size:18px;box-shadow:2px -2px 2px rgba(50, 50, 50, 0.5);;cursor:pointer;min-width: 22px;min-height:22px;text-align:center;border-width: 2px;}
.butfontImaSmall{padding: 6px 2px 0 2px;border-radius:30px;font-size:16px;box-shadow:2px -2px 2px rgba(50, 50, 50, 0.5);;cursor:pointer;min-width:22px;min-height:18px;text-align:center;border-width:1px;font-family: sans-serif;}
.smallfont{font-size:14px !important;}
#fontColor, #backColor {width: 26px;padding: 0;height: 26px;border-radius:0px;}
#imaBack, #imaRec{overflow: hidden;width:calc(100% - 15px);bottom:0px;border-top-width:1px;border-top-style:solid;border-top-left-radius: 4px; border-top-right-radius: 4px;margin-bottom:-50px;height:60px;overflow-y:scroll;margin-bottom:-60px;margin-left: 5px;margin-right:5px;position: fixed;color: #cc0000;border-color:black; border-color:black; border-width:1px;border-top-style:solid;border-left-style:solid;border-right-style:solid;background-color:rgba(255,255,255,1);box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);}
#backLine, #backBack{color:black;padding: 0 5px 0 5px;font-size: 16px;margin-left:50px;display: inline-block;}
#colorBackline, #numberBackline, #colorBack, #numberBack{margin-left: 5px;}
.il{display:inline-block;}
.media{padding: 0px 5px 30px 5px;}
.media:hover{border-style: solid;border-width: 2px;border-radius: 5px;}
#btns{display:inline;}
button{cursor:pointer;margin-top: 10px;}
.blink_me {animation: blinker 1s linear infinite;color: red;}
@keyframes blinker {50% { opacity: 0; }}
#ButRec{color:red;}
#gra{display:inline;font-size:22px;}
#gUMbtn, #start, #stop{padding: 3px;border-radius: 5px;margin-left: 5px;margin-right: 5px;}