@import "tables.css";
@import "cime.layouts.forms.css";
@import "divspecial.css";

html{
  /*overflow-y: auto;*/
}

body{
  /*background-color: blue;*/
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family: arial;
  font-size: 80%;
  /*overflow-y: auto;
  overflow-x: auto;*/

  height: 100%;
  /*overflow: auto;*/
}
.bodySystem{
	position: absolute;
  padding: 0 0 0 0;
  margin: auto 0 auto 0;
  min-width: 780px;
  width: 100%;
}
/*Body*/
.login{
  width: 45%;
  float: right;
  text-align: right;
  border: none;
}

.menu_header{
  position: fixed;
  width: 100%;
  /*min-width: 750px;*/
  background-color: #000000;
  color: #eee;
  
}

/**/
.submenus{
  background-color: #ffffff;
  color: #000000;
  margin-top: 28px;
  /*margin-left: 10px;*/
  position: fixed;
  
  width: 100%;
  z-index: 10;
}

/**/

a{
  text-decoration: none;
  color: deepskyblue;
  font-weight: bold;
}
a:hover{
  text-decoration: none;
  color: #868686;
}

div.menu{
  background-color: none;
  height: 115px;
  margin-left: 5px;
  width: 98%;
  padding: 5px 5px 5px 5px;
  
  border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  
}

div.container{
  background-color: ghostwhite;
  height: 90%;
  margin-left: 5px;
  width: 98%;
  /*min-width: 650px;*/
  /*overflow-y: hidden;*/
  padding: 5px 5px 5px 5px;
  /*position: fixed;*/
  
  /* sombra interna 
    -moz-box-shadow: inset 0 4px 6px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.3);
    box-shadow: inset 0 4px 6px rgba(0,0,0,.3);
   termina sombra interna*/
  
  border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  
}
div.container div.containermark{
  width: 100%;
  height: 92%;
  margin: 0 auto 50px auto;
  /*overflow: auto;*/
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent; 
    -moz-box-shadow: inset 0 0 6px transparent;
    box-shadow: inset 0 0 6px transparent;
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5); 
    
    -webkit-box-shadow: inset 0 0 6px transparent; 
    -moz-box-shadow: inset 0 0 6px transparent;
    box-shadow: inset 0 0 6px transparent;
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.2); 
}

/*Menu de Paginacion*/
div.navigation {
    background-color:#eee;
    border:1px solid #ccc;
    margin:2px auto;
    text-align:center;
    padding:9px 5px;
    white-space:nowrap;
    font:12px Georgia;
}
span.navthis {
	padding:3px 8px;
	background-color:#eee;
	color:#FF7F00;
	font-weight:bold;
	font-size:13px;
}
a.nav {
	padding:4px 6px;
	color:#888;
	text-decoration:none;
}
a.nav:hover {
	padding:3px 6px;
	color:#000;
	background-color:#FFC68C;
	border:1px solid #FFA851;
}

.imgs a {
	color:transparent !important;
	text-decoration:none;
}


/*Foto de Personal*/
.foto{
  float: right;

}
/*End foto personal*/


/*progresbar*/
#preloader  {
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    background-image: url(../images/loading/MBL-Loading-2.gif);
    background-repeat: no-repeat;
    background-position: center;
 }

/* Propiedades UI */



.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 10px; }
/*.ui-widget { font-family: inherit !important; font-size: inherit !important; }*/

.loadextradata-div{
    background-color: #eee;
    border-bottom: 1px solid #fff;
    display: inline-block;
    position: relative;
    padding: 2px;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
    overflow: visible; /* removes extra width in IE */
    text-decoration: none;
    
    min-width: 800px;
    width: 99%;
    
}
.loadextradata-div:hover{
    background-color: #fff;
}