/*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{height: 100%}
.ui-corner-all{ -webkit-border-radius: 4px; border-radius: 4px;}
#ardoraMain{ font-family:Verdana, Geneva, sans-serif; color: #000000; padding: 5px; position: relative;}
#ardoraEnu{ font-size: 30px; position: relative; padding: 5px; margin-bottom: 10px;
text-align: left;
border-bottom:thin;border-bottom-style:solid;
}
#ardoraAlumSCORM{visibility: hidden;padding:0px;margin:0px;position: absolute;height: 15px;width: 250px;bottom: 0px;right: 0px;cursor: pointer;border-style: dotted;
border-width: 1px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;
-webkit-box-shadow: 4px 4px 4px rgba(50, 50, 50, 0.5);box-shadow: 4px 4px 4px rgba(50, 50, 50, 0.5);
background:rgba(255,128,0,0.5);
font-size: 10px;}
#ardoraAlumSCORM p{padding:0px;margin:0px;padding-left: 2px;}
#ardoraActCanvas{z-index: 0; position: absolute; visibility:hidden; top:0px; left:10px;}
#ardoraHelpCanvas{z-index: 0; position: absolute; visibility:hidden; top:0px; left:10px;}
.photoContainer {float:left;width:200px;height:200px;margin: 5px;padding:5px;
background-color:#FF8000;border-right: #a5a7aa solid 1px;border-bottom: #a5a7aa solid 1px;text-align:center;
border-radius:4px;border: solid;border-width: 1px;
-moz-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);
font-size:9px;cursor:pointer;}
.photoMG{font-family:Verdana, Geneva, sans-serif;width:200px;height:200px;position:fixed;border-radius:4px;border:solid;border-width: 1px;
-moz-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);
font-size:9px;padding:29px;}
#ardoraAutor{padding-left:5px; clear:both; font-size: 10px; border-top:thin; border-top-style:solid;}
.titleIma{position: absolute; top:0px;}
.bClose{position:absolute;top:5px;right:5px;height:20px;font-family:"Ardora_arrows",Sans-Serif;font-size:20px;cursor:pointer;color:#808080; border-radius: 4px;}
.bClose:hover, .bNext:hover, .bPrev:hover, .bMus:hover, .bTxt:hover, .bPic:hover, .bFull:hover, .bUp:hover{color:#FFFFFF;}
.bNext{position: absolute; top:40px; right: 5px; height:20px; font-family:"Ardora_arrows",Sans-Serif; font-size:16px; cursor: pointer; color:#808080; border-radius: 4px;}
.bPrev{position: absolute;top:80px;right:5px;height:20px;font-family:"Ardora_arrows",Sans-Serif;font-size:16px;cursor:pointer;color:#808080;border-radius: 4px;}
.bMus{position: absolute; top:160px; right: 5px; height:20px; font-family:"Ardora_arrows",Sans-Serif; font-size:16px; cursor: pointer; color:#808080;border-radius: 4px;}
.bTxt{position: absolute; top:200px; right: 5px; height:20px; font-family:"Ardora_arrows",Sans-Serif; font-size:16px; cursor: pointer; color:#808080;border-radius: 4px;}
.bPic{position: absolute; top:240px; right: 5px; height:20px; font-family:"Ardora_arrows",Sans-Serif; font-size:16px; cursor: pointer; color:#808080;border-radius: 4px;}
.bFull{position: absolute; top:280px; right: 5px; height:20px; font-family:"Ardora_arrows",Sans-Serif; font-size:16px; cursor: pointer; color:#808080;border-radius: 4px;}
.bUp{position: absolute; bottom: 5px; right: 25px; height:20px; font-family:"Ardora_arrows",Sans-Serif; font-size:16px; cursor: pointer; color:#808080;border-radius: 4px;}
.bUpTxt{position: absolute; padding: 5px; margin-right: 25px; bottom: 25px;  font-size:12px; background-color: #FFFFFF; opacity: 0.8;filter:alpha(opacity=80); color: #000000; text-align: justify;}
.obj{width: 100%; height: 100%;}
#imaFull img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
