body{font-family:Arial, Helvetica, sans-serif;}
#main{margin:auto;text-align:center;}
#main h2{margin:10px; font-size:14px;}
#menu{display:inline;}
footer {clear:both; margin:0 auto; width:760px; text-align:center; color:#808080; background-color:#ffffff; font-size:0.9em;}
footer p {padding:8px 0; margin:0; position: absolute; border-top:2px solid #dadada;}
footer a {color:#808080;background-color:inherit;text-decoration:none;}
footer a:hover {text-decoration:underline;}
#CDL a {color:#808080;background-color:inherit;text-decoration:none;}
#CDL a:hover {text-decoration:underline;}
.PrevFocus:focus {
    outline: none;
}
#Bloker{width:100%;height: 100%; background-color: white;z-index: 100000;}


/*Menu*/
.menubar{height:25px; width:100%; min-width:2000px; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(185, 185, 185, 1))); background:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(185, 185, 185, 1)); position:absolute; top:0px; left:0px; z-index:1500;}
.Menu-Element-1L{display: inline-block; position: relative; padding:1px; background:transparent; color:black; margin-right:1px; padding-left:10px; padding-right:10px; font-size:13px; height:20px; margin-top:2px; cursor:pointer; z-index:1100;}
.Menu-Element-1L:hover{background:#A9D0F5; -moz-border-radius: .3em; border-radius: .3em; cursor:pointer;}
.Menu-Element-1L-on{background:#A9D0F5; -moz-border-radius: .3em; border-radius: .3em; border:1px solid black; cursor:pointer; z-index:1100;}
.Menu-Container-1L{border:1px solid black; width:200px; z-index:1100;}
.Menu-Container-2L{border:1px solid black; width:200px; z-index:1101;}
.Menu-Element-2L{background:#EBECEC; color:black; width:187px; float:left; padding:3px; padding-left:10px; font-size:12px; cursor:pointer; z-index:1100;}
.Menu-Element-2L:hover{background:#A9D0F5; cursor:pointer;}
.Menu-Element-2LP{background:#EBECEC; color:black; width:187px; float:left; padding:3px; padding-left:10px; font-size:12px; cursor:pointer; z-index:1100;}
.Menu-Element-2LP:hover{background:#A9D0F5; cursor:pointer;}
.Menu-Element-2LP-on{background:#A9D0F5; cursor:pointer; z-index:1100;}
.Menu-Element-2L-Separator{background:#ACACAC; width:183px; float:left; height:1px; padding-right:3px; padding-left:10px; font-size:12px; margin-left:2px; cursor:pointer; z-index:1100;}
.Menu-Element-3L{background:#EBECEC; color:black; width:187px; float:left; padding:3px; padding-left:10px; font-size:12px; cursor:pointer; z-index:1100;}
.Menu-Element-3L:hover{background:#A9D0F5; cursor:pointer;}
.Menu-Element-3L-Separator{background:#ACACAC; width:183px; float:left; height:1px; padding-right:3px; padding-left:10px; font-size:12px; margin-left:2px; cursor:pointer; z-index:1100;}
.Mmobile{font-size:18px !important;}

/*Ventanas*/
.tittlebar{height:25px; background:#A9D0F5; position: absolute; z-index:999;}
.tittletext{float:left; margin-top: 7px; margin-left:5px; vertical-align: middle; color:black; font-family:Arial, Helvetica, sans-serif; font-size:12px; z-index:999;}
.tool{float:right; z-index:999; }
.tool-btn{width:16px; height:16px; margin:1px; margin-top:4px; z-index:1000; cursor: default; display: block;}
.maximize{background:url(../../images/lib/maximize.png) 0 0 no-repeat;}
.minimize{background:url(../../images/lib/minimize.png) 0 0 no-repeat;}
.window{border:solid 1px gray; position: absolute; overflow: hidden; z-index:999;}
.active{z-index:1090;}
.winborder-left{position: absolute; border-left:solid 1px black; background:#A9D0F5;}
.winborder-right{position: absolute; border-right:solid 1px black; background:#A9D0F5;}
.winborder-down{position: absolute; border-bottom:solid 1px black; background:#A9D0F5;}
.winborder-rdown{position: absolute; border-bottom:solid 1px black; border-right:solid 1px black; background:#A9D0F5;}
.winborder-wdown{position: absolute; border-bottom:solid 1px black; border-left:solid 1px black; background:#A9D0F5;}
.winborder-up{position: absolute; border-top:solid 1px black; background:#A9D0F5;}
.winborder-rup{position: absolute; border-top:solid 1px black; border-right:solid 1px black; background:#A9D0F5; -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px;}
.winborder-wup{position: absolute; border-top:solid 1px black; border-left:solid 1px black;  background:#A9D0F5; -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px;}
/*Ventanas CC*/
.window-cc{border:solid 1px gray; position: absolute; overflow: hidden; z-index:999;}
.active-cc{z-index:1090;}
.winborder-left-cc{position: absolute; border-left:solid 1px lightgray; background:lightgray;}
.winborder-right-cc{position: absolute; border-right:solid 1px lightgray; background:lightgray;}
.winborder-down-cc{position: absolute; border-bottom:solid 1px lightgray; background:lightgray;}
.winborder-rdown-cc{position: absolute; border-bottom:solid 1px lightgray; border-right:solid 1px lightgray; background:lightgray;}
.winborder-wdown-cc{position: absolute; border-bottom:solid 1px lightgray; border-left:solid 1px lightgray; background:lightgray;}
.winborder-up-cc{position: absolute; border-top:solid 1px lightgray; background:lightgray;}
.winborder-rup-cc{position: absolute; border-top:solid 1px lightgray; border-right:solid 1px lightgray; background:lightgray;}
.winborder-wup-cc{position: absolute; border-top:solid 1px lightgray; border-left:solid 1px lightgray;  background:lightgray;}

/*Checkbox*/
.checkbox{position: absolute; z-index:30;}
.checkbox-txt{position: absolute; z-index:30;}

/*Container*/
.container{position: absolute; z-index:29;}

/*Caja*/
.listbox{position: absolute; box-sizing:border-box; z-index:30;}

/*Campos*/
.textbox{position: absolute; box-sizing:border-box; z-index:30;}
.boxborder{border-width: 2px !important;}

/*Campos Multilinea*/
.editbox{position: absolute; box-sizing:border-box; z-index:30;}

/*Desplegables*/
.combobox{position: absolute; box-sizing:border-box; z-index:30;}

/*Label*/
.label{position: absolute; z-index:30;}
/*Radio*/
.radio{position: absolute; z-index:30;}
.radio-txt{position: absolute; z-index:30;}

/*Shape*/
.shape{position: absolute; z-index:29;}

/*Table*/
.table{position: absolute; top:2px; background: white; border-collapse:collapse; z-index:30;}

/*Pestañas*/
.page{float: left; width: auto; height: 20px; border: 1px solid; text-align: center; padding: 5px; padding-bottom: 0; margin-top: 2px; margin-right:1px; background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(185, 185, 185, 1))); background:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(185, 185, 185, 1)); z-index:30;}
.pageselected{border-bottom: none; background:white; z-index:35;}
.pageselectedd{border-top: none; background:white; z-index:35;}
.pagecontent{display:block; z-index:30;}
.pageframe{position: absolute; border: 1px solid black; border-top:none; z-index:30;}

/*Boton*/
.btn-cot{-moz-border-radius: .3em; border-radius: .3em; position: absolute; background:white; z-index:29;}
.button{margin:0; padding:0; border: 1px solid #9c9c9c; border: 1px solid rgba(0, 0, 0, 0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.4); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(185, 185, 185, 1))); background:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(185, 185, 185, 1)); -moz-border-radius: .3em; border-radius: .3em; z-index:30;}
.button:active{border:black solid 1px !important; background:#A9D0F5 !important; }
.button:hover{border:1px outset buttonface; background:#A9D0F5 !important;}

.buttonhot{margin:0; padding:0; border: 1px solid #9c9c9c; border: 1px solid rgba(0, 0, 0, 0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.4); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);  -moz-border-radius: .3em; border-radius: .3em; z-index:30;}
.buttonhot:hover{border:black solid 1px !important; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(185, 185, 185, 1)))!important; background:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(185, 185, 185, 1))!important;}
.buttonhot:active{border:black solid 1px !important; background:none !important; background:#A9D0F5 !important; }

.buttonplain{margin:0; padding:0; border: 1px solid #9c9c9c; border: 1px solid rgba(0, 0, 0, 0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.4); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);  -moz-border-radius: .3em; border-radius: .3em; z-index:30;}

.buttonplain:active{border:black solid 1px !important; background:#A9D0F5 !important; }
.btn-txt{margin:0; padding-top:1px; padding-left:1px;} 
.btn-img{}

.gridselected{background-color: #A9D0F5}

/*Imagen*/
.image{position: absolute; z-index:29; margin:1px;}

.scrollbar{z-index:30}

.trow{height:16px;}
.tractive{background:#58ACFA; color:white;}

.gridselected input:focus{background:white !important;}

#keyboard {border-radius: 10px; background-color: #9199A4; padding: 5px 2px;}
 
.row {margin: 15px 2px; text-align: center;}
 
.key {background-color: #ECEDEE; height: 2em; line-height: 2em; font-size: 1.4em; border-radius: 5px; width: 9%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}
.keyh {background:transparent; height: 1em; color:transparent; line-height: 0em; font-size: 1.4em; border-radius: 5px; width: 9%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}

.keytablet {background-color: #ECEDEE; height: 2em; line-height: 2em; font-size: 1.75em; border-radius: 5px; width: 5%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}
.keytableth {background:transparent; height: 1em; color:transparent; line-height: 0em; font-size: 1.75em; border-radius: 5px; width: 5%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}

.rowl {margin: 4px 2px; text-align: center;}
 
.keyl {background-color: #ECEDEE; height: 1.4em; line-height: 1.4em; font-size: 1.4em; border-radius: 5px; width: 9%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}
.keylh {background:transparent; height: 1em; color:transparent; line-height: 0em; font-size: 1.4em; border-radius: 5px; width: 9%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}

.keyltablet {background-color: #ECEDEE; height: 1.7em; line-height: 1.7em; font-size: 1.75em; border-radius: 5px; width: 5%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}
.keyltableth {background:transparent; height: 1em; color:transparent; line-height: 0em; font-size: 1.75em; border-radius: 5px; width: 5%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}


.system_key {background-color: #68717D; color: #FFF; font-weight: 600;}