/*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-left:50px;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;}
#imaBar, #vidBar, #imaRec{padding:10px 0 0 10px;height: calc(100% - 20px); position: fixed; left: 0px; top: 0px; color: #cc0000;margin-top: 5px; border-color:black;border-right-style:solid;border-width:1px;border-top-right-radius:4px;border-top-style:solid;border-top-width:1px;background-color:rgba(255,255,255,1);box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.5);overflow: hidden;width:92px;overflow-x:scroll;margin-left:-92px;}
#txtBar{padding:10px 0 0 10px;height: calc(100% - 20px); position: fixed; left: 0px; top: 0px; color: #cc0000;margin-top: 5px; border-color:black;border-right-style:solid;border-width:1px;border-top-right-radius:4px;border-top-style:solid;border-top-width:1px;background-color:rgba(255,255,255,1);box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.5);overflow: hidden;width:60px;overflow-x:scroll;margin-left:-60px;}
#draBar,#draFlow{padding:10px 0 0 10px;height: calc(100% - 20px); position: fixed; left: 0px; top: 0px; color: #cc0000;margin-top: 5px; border-color:black;border-right-style:solid;border-width:1px;border-top-right-radius:4px;border-top-style:solid;border-top-width:1px;background-color:rgba(255,255,255,1);box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.5);overflow: hidden;width:60px;overflow-x:scroll;margin-left:-60px;}
#pluBar{padding:10px 0 0 10px;height:36px;position: fixed; left: 0px; top: 0px; color: #cc0000;margin-top: 5px; border-color:black;border-right-style:solid;border-width:1px;border-top-right-radius:4px;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;background-color:rgba(255,255,255,1);box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.5);overflow: hidden;width:300px;margin-left:-370px;}
#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;}
.viddr,.auddr{padding:0 2px 2px 2px;margin-bottom: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_A2_fondo.png");
background-position:center; background-repeat:no-repeat;
background-size:auto;
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;}
.panelImages {
   position: fixed;
   top: 42px; left:0px; display: none;
   background-color:#FFFFFF; border:1px solid #111111;
   width: 300px; height: auto;
   padding: 0px 10px 10px 10px;
   -moz-border-radius-topleft: 0px;
   -webkit-border-top-left-radius: 0px;
   -moz-border-radius-topright: 0px;
   -webkit-border-top-left-right: 0px;
}


#bottomBar{width:43px;height: 100%; position: fixed; left: 50px; top:0px; color: #cc0000; margin-left:-50px;padding-top: 15px 15px 0 15px;border-color:black;border-width:1px;border-right-style:solid;background-color:rgba(255,255,255,1);box-shadow: 4px 0px 2px 0px rgba(50, 50, 50, 0.3);}
#bottomBar p{width:30px; padding: 0 0 5px 0; margin: 5px;  text-align: center;}
.butfont{ height:25px; font-family:"Ardora_arrows",Sans-Serif; font-size:25px; 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;}
.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 !important;border-radius:30px !important;font-size:16px !important;box-shadow:2px -2px 2px rgba(50, 50, 50, 0.5) !important;;cursor:pointer;min-width:22px;min-height:18px;text-align:center;border-width:1px !important;font-family: sans-serif !important;}
.smallfont{font-size:14px !important;}
#fontColor, #backColor {width: 26px !important;padding: 0 !important;height: 26px !important;border-radius:0px !important;}
#imaBack, #imaRec{overflow: hidden;height:calc(100% - 20px);left:0px;border-right-width:1px;border-right-style:solid;border-right-left-radius: 4px; border-right-right-radius: 4px;margin-left:-60px;padding-left:5px;width:60px;overflow-x:scroll;margin-top: 5px;margin-bottom: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;display: inline-block;width:100%;height:60px;position:relative;}
#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:10px;}
#gUMbtn, #start, #stop{padding: 3px;border-radius: 5px;margin-left: 5px;margin-right: 5px;font-size:10px;}
#micAudioToggle{margin-top:10px;}
#backeditFlow{position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);visibility:hidden;}
#editBar, #pizBar{position: absolute;bottom:0px;width: 100%; padding: 0px 0px 5px 0px;}
#editBar p, #pizBar p{width:27px;padding: 0 0 5px 0;margin: 5px;text-align: center;}
#openPiz{padding:10px 5px 5px 5px;position:absolute;width:400px;height:150px;background-color:white;visibility:hidden;border-style: solid;border-color:black;border-width:1px;border-radius: 4px;box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);left:100px;top:100px;}
#openPiz p{margin: 0 0 0 5px;}
#pizOk{left:360px;position:absolute;}
.butfontImaDraw{margin: 2px 4px 0 0;opacity: 1;padding: 2px 2px 0 2px;border-radius: 4px;font-size: 14px;box-shadow: 2px -2px 2px rgba(50, 50, 50, 0.5);cursor: pointer;width: 22px;text-align: center;border-width: 1px;min-height: 23px;}
.butpres{box-shadow:0px 0px 0px rgba(50, 50, 50, 0) !important; border-color:red; color:red;}
#b_drawRectangle{margin-top: 75px;}
#b_drawFill{margin-top: 25px;}
#divline{float: left;padding-top:30px;top:28px;position:absolute;}
#numberPoly{float: left;width: 40px;border-style: solid;border-width: 1px;border-radius:4px;border-color:black;margin:5px;}
#file_sa{display:block ruby;}
.hTool, .hTool2, .seepwd{font-family:"Ardora_arrows",Sans-Serif; cursor: pointer; font-size: 20px;margin-right: 10px;border-style: solid;border-width: 1px; padding: 3px; border-radius: 4px;}
.hTool:hover{border-color:#68c1ee;background-color:#68c1ee}
.hTool2:hover{background-color:white;}
.hTool.active{background-color: white; color:rgb(3, 152, 226);}
#fname{font-family: inherit;font-size:100%;margin: 0;box-shadow: 2px 2px 10px 0 rgba(50, 50, 50, 0.75);padding: 4px;margin-right: 2px;}
.ma_bo {margin: 0 0 2px 0;font-weight: bold;}
#folders {height: auto;max-height: 200px;overflow-y: scroll;border-top-style: dotted;border-top-width: 1px;border-top-color: grey;border-bottom-style: dotted;border-bottom-width: 1px;border-bottom-color: grey;}