/*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;}
html, body {margin: 0;overflow: hidden;height: calc(100% - 10px);}
#ardoraEnu{margin-bottom:10px;width: calc(100% - 10px);font-family:Verdana, Geneva, sans-serif; font-size:12px; position: relative; padding: 5px; margin-bottom: 10px; float: left;text-align: center;}
#imaBar{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:70px;overflow-y:scroll;margin-bottom:-70px;}
#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;}
#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{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{float:left;padding-left:5px;}
#pizarra{width: 100%;background-position:center;background-repeat:no-repeat;height:100%;
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: 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: 25px; padding: 5px 0 0 0; margin: 5px;  text-align: center;}
.butfont{ height:20px; font-family:"Ardora_arrows",Sans-Serif; font-size: 20px; 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;}