/*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;}
body, html {height: 100%;margin: 0;overflow:hidden;}
.container {position: relative;height: 100%;width: 100%;left: 0;-webkit-transition:left 0.4s ease-in-out;-moz-transition:left 0.4s ease-in-out;-ms-transition:left 0.4s ease-in-out;-o-transition:left 0.4s ease-in-out;transition:  left 0.4s ease-in-out;}
.swipe-area {width:6px;background-color:#E5E5E5;height:100%;z-index:0;margin-right:10px;float:left;border-left-style:dashed;border-left-width:1px;border-left-color:#FF8000}
#sidebar {overflow: hidden;width: 30%;height: 100%;box-sizing: border-box;-moz-box-sizing:border-box;float:left;}
#tabs{overflow: hidden;width:100%;margin:0;padding:0;list-style:none;background:linear-gradient(to top, #fff,#D5D200);}
#tabs li{float:left;margin: 0 .1em 0 0;}
#tabs a{position:relative;background:#C0C0C0;background-image:linear-gradient(to bottom,#FFFFFF,#C0C0C0);padding: .3em 1em;float:left;text-decoration:none;color:#000000;text-shadow: 0 1px 0 rgba(255,255,255,.8);border-radius: 5px 0 0 0;box-shadow: 0 2px 2px rgba(0,0,0,.4);font-size:12px;font-family:Verdana, Geneva, sans-serif;}
#tabs a:hover,#tabs a:hover::after,#tabs a:focus,#tabs a:focus::after{background:#FFFFFF;}
#tabs a:focus{outline: 0;}
#tabs a::after{content:'';position:absolute;z-index:1;top:0;right: -.5em;bottom: 0;width:1em;background:#C0C0C0;background-image: linear-gradient(to bottom,#FFFFFF,#C0C0C0);box-shadow: 2px 2px 2px rgba(0,0,0,.4);transform: skew(10deg);border-radius: 0 5px 0 0;}
#tabs #current a,#tabs #current a::after{background:#FFFFFF;z-index: 3;}
#contentTabs{background:#FFFFFF;padding:0.5em;height:100%;position:relative;z-index:2;border-radius: 0 5px 5px 5px;box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);}
.main-content {width: 70%;height: 100%;padding:0;box-sizing: border-box;-moz-box-sizing: border-box;float:left;position:relative;}
.main-content .content{box-sizing: border-box;-moz-box-sizing: border-box;width: calc(100% - 70px);float: left;}
.main-content #sidebar-toggle {background-image: url(images/handle-icon.gif); background-repeat:no-repeat;border-radius:3px;display:block;position:relative;margin:0;height:37px;width: 6px;float: left;top: 50%;}
.directorio{border-top-style:dashed;border-top-width:1px;border-bottom-style:dashed;border-bottom-width:1px;margin:10px 0 10px 0;max-height:500px;overflow:auto;}
.folderIcon{width: 30px;float: left;}
.cfolderName{font-size: 12px;font-family: Verdana, Geneva, sans-serif;}
.barraEstado{font-size:10px;font-family:Verdana, Geneva, sans-serif;text-align: right;}
.butBarFM{width:calc(100% - 15px);height: 40px; position: absolute; left:5px; bottom:71px; color: #cc0000;padding-left: 15px 15px 0 15px;background-color:rgba(255,255,255,0.0);}
.butBarFM p{width: 25px;  -moz-padding: 0 0 0 0; margin: 5px;  text-align: center;}
.butfont{ -moz-height:25px; font-family:"Ardora_arrows",Sans-Serif; font-size: 20px; cursor: pointer; border:1px #666;border-style:solid;-webkit-padding-before:2px;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;}
#modal-background {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,1);z-index: 1000;}
#modal-content {border-radius: 5px;font-family:Verdana, Geneva, sans-serif;background-color: white;box-shadow: 0 0 20px 0 #222;display:none;height:auto;left:50%;margin: -120px 0 0 -160px;padding:0px;position: absolute;top: 50%;width: 500px;z-index: 1000;}
#modal-background.active, #modal-content.active {display: block;}
#modalTit{font-size:12px;color:#000000;width:calc(100% - 12px);background:linear-gradient(to top,#AEAEAE,#FFFFFF);text-shadow: 2px 2px #FFFFFF;font-weight: bold;border-top-right-radius: 5px;border-top-left-radius: 5px;padding: 10px 5px 5px 5px;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #5B5B5B;cursor: move;}
#modalBody{background-color:#FFFFFF;padding: 5px; font-size:14px;color:#000000;}
#modalBar{padding: 5px;background: rgba(0, 0, 0, 0.0);height:24px;}
.green{background-color:#008000; color:#FFFFFF;width: 23px;padding-left:2px;margin: 0 0 5px 0; padding-left: 3px;}
.green:hover{background-color:#FFFFFF;color:#008000;}
.red{background-color:#FF0000;color:#FFFFFF; width: 23px; margin: 0 0 5px 0; padding-left: 3px;}
.red:hover{background-color:#FFFFFF; color:#FF0000;}
input[type="text"] {margin:5px;box-shadow: inset 2px 2px 10px 0 rgba(50, 50, 50, 0.75);border-style:solid;border-width:1px;border-color:black;border-radius:5px;padding:8px;font-size:16px;}
#fName{width: 150px;}
.butBarVisor{width:calc(100% - 10px);height: 40px; position: absolute; right:5px; bottom:33px; color: #cc0000;padding-left: 15px 15px 0 15px;background-color:rgba(255,255,255,0.0);}
.butBarVisor p{width: 25px !important;  -moz-padding: 0 0 0 0; margin: 5px;  text-align: center;}
#eFileName{float:left;font-size: 16px;color:black;font-family:Verdana, Geneva, sans-serif; width:auto !important;}
#visor{position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
#viewer{width: 100%; height: calc(100% - 50px); padding-right: 15px; margin-left: 15px;}
#swfO{width: 100%; height: calc(100% - 50px);}
#visorNo{color:red; font-family: "Ardora_arrows"; font-size: 76px;}
#divFull{width: 100%; height: 100%;position: fixed; top:0; left:0; z-index: 10; background-color: white; margin:0; padding: 0;}
#divFull img{position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); }
#infoFile{position: absolute;bottom:66px; background-color:rgba(0,0,0,0.7); color: white;font-family:Verdana, Geneva, sans-serif; font-size: 16px; width: calc(100% - 45px);padding: 10px; text-align: justify;}
#dt{float: right; font-size:12px;}
#header{background-color:#A8D3FF;color:#000000;text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);font-weight: bold;font-family:Verdana, Geneva, sans-serif; font-size:16px; border-bottom-style: solid;border-bottom-width: 1px; width: 100%;height:36px;}
#hTit{float: left; width: auto; padding: 5px 0 0 5px; margin:0;}
#hUser{float:right; font-size: 10px; padding: 0 5px 0 0; margin:0;}
