body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;
margin: 0;
padding: 0;
height:100%;
}
/*input {
	font-family:Arial, Helvetica, sans-serif;
	height:18px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
	vertical-align: middle;
}*/
.loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
input[type="text"],[type="password"] {
	font-family:Arial, Helvetica, sans-serif;
	height:18px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
	vertical-align: middle;
}
input.botonbuscar{
	background-image:url(../images/btn_buscar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}

input.botoningresar{
	background-image:url(../images/btn_ingresar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonguardar{
	background-image:url(../images/btn_guardar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonpending{
	background-image:url(../images/btn_pendiente.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonvalidar{
	background-image:url(../images/btn_validar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonws{
	background-image:url(../images/btn_ws.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:87px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonremesa{
	background-image:url(../images/btn_remesa.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:80px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonindividual{
	background-image:url(../images/btn_individual.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:80px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botoneditar{
	background-image:url(../images/btn_editar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonregresar{
	background-image:url(../images/btn_regresar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonreenviar{
	background-image:url(../images/btn_reenviar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botoncancelar{
	background-image:url(../images/btn_cancelar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonlimpiar{
	background-image:url(../images/btn_limpiar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botoneliminar{
	background-image:url(../images/btn_eliminar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonentregar{
	background-image:url(../images/btn_entregar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonimprimir{
	background-image:url(../images/btn_imprimir.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.botonagregar{
	background-image:url(../images/btn_agregar.png);
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	width:77px;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}

select {
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
}
input.file {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:22px;
	color:#333333;
	border:solid thin;
	border-color:#666666;
	background-color:#FFFFFF;
}
input.check {
	border:none;
}
input.checkbox {
	border:none;
}
.cbox {
	border:none;
}
input:focus,select:focus {
background-color:#EEEEEE;
/*background-color:#DFEFFF;*/
}
.editable {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color:transparent;
border:none;
}
.titulo{
font-size:14px;
font-weight:bold;
color:#666666;
}
.subtitulo{
font-size:12px;
font-weight:bold;
color:#666666;
}
.lectura{
color:#006699;
}
.facturas{
font-size:18px;
}
.grandes{
font-size:22px;
}
.docs{
font-size:12px;
color:#090;
}
.pestana{
color:#006699;
}
/*input.btn {
   color:#FFFFFF;
   border-style:none;
   border-width:thin;
   border-color:#FFFFFF;
   background: url(../images/trans.png) top repeat-x;
}*/
#body_area{
	min-height: 100%;
	position:relative; 
/*	top:205px;*/
	height: auto !important;
	height:100%;
	padding-bottom:15px;
	}
/*#header1 { 
	_position:fixed; 
	width:100%; 
	height:100%; 
	position:fixed; 
	top:0px;
	background-color:#C000000;
	z-index:1;
	}*/
#fotter {
    position:fixed;
    bottom:0;
	width:100%;
	color:#FFFFFF;
	text-decoration: none;
	height: 15px;
}
/*   MENU    */
#menu img{
	border:0px;
	float:right;
	/*position:relative;
	top:-8px;*/
}
#menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
} 
#menu{				/* Menu object */
	visibility:hidden;
}
#menu ul{
	margin:0px;		/* No indent */
	padding:0px;	/* No indent */
}
#menu li{
	list-style-type:none;	/* No bullets */
	height:20px;
	vertical-align: middle;
}	
#menu a{
	margin:0px;
	padding:0px;
	vertical-align: middle;
}

/* ----------------------------------------------	
	BLOQUES DE LOS MENUS
   ---------------------------------------------- */	

#menu ul{
	border:1px solid #0B0B61;
	background-color:#0B0B61;
	padding:1px;
	vertical-align: middle;
}

#menu ul.menuBlock1{			/* Menu bar - main menu items */
	padding:1px;
	/*border:1px solid #317082;*/
	border:0px;
	background-image: url(../images/bgr_barra_titulos.gif);
	background-repeat: repeat-x;
	overflow:visible;
/*	width:auto;*/
	vertical-align: middle;
}
#menu ul.menuBlock2{			/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	border:1px solid #555;
	background-image: url(../images/BackSubMenu.jpg);
	overflow:visible;
/*	background-color:#E0E7FE;*/
/*	width:160px;*/
	min-width:160px;
	vertical-align: middle;
}

#menu ul.menuBlock3{			/* Menu bar - main menu items */
	padding:1px;
/*	margin-left:80px;*/
	border:1px solid #555;
	background-image: url(../images/BackSubMenu.jpg);
	/*background-image: url(../images/menu.gif);*/
	/*background-color:#E0E7FE;*/
	/*width:auto;*/
	min-width:150px;
	vertical-align: middle;
}

#menu ul.menuBlock4{			/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	border:1px solid #555;
	background-image: url(../images/BackSubMenu.jpg);
	/*background-color:#E0E7FE;*/
	/*width:150px;*/
	vertical-align: middle;
}

#menu ul.menuBlock5{			/* Menu bar - main menu items */
	border:0px;
	margin-left:-10px;
	padding:1px;
	border:1px solid #555;
	background-image: url(../images/BackSubMenu.jpg);
	/*background-color:#E0E7FE;*/
	/*width:150px;*/
	vertical-align: middle;
}	
/* ----------------------------------------------	
	ITEMS DE LOS MENUS
   ---------------------------------------------- */	
#menu a{
	/*color:#000066;*/
	color:#013e97;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	vertical-align: middle;
}

/*	Main menu items */
	
#menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	/*border:1px solid #E2EBED;*/
	/*border:1px solid #013e97;*/
	border-left: 1px solid #013e97;
	/*border-right: 1px solid #013e97;*/
	vertical-align: middle;
}

#menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;
	background-color:#000066;
	border:1px solid #000;
	background-image: url(../images/BackMenuSeleccionado.jpg);
	vertical-align: middle;
	
/*BackMenuSeleccionado.jpg	*/
}

#menu .currentDepth1 a{
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	vertical-align: middle;
}

#menu .currentDepth1over a{	/* Text rules */
	/*color:#FFF;*/
	color:#013e97;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	vertical-align: middle;
}
	
/* Sub menu depth 1 */
#menu .currentDepth2{
	padding-right:2px;
	border:1px solid #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	/*color: #FF0000;*/
	color: #013e97;
	vertical-align:middle;
	min-width:98%;
}

#menu .currentDepth2over{
	padding-right:2px;
	/*background-color: #000066;*/
	background-image: url(../images/BackSubMenuSeleccionado.jpg);
	/*border:1px solid #000066;*/
	border:1px solid #013e97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	width:98%;
	vertical-align: middle;
}	

#menu .currentDepth2over a{	/* Text rules */
	/*color:#FFF;*/
	color:#013e97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	width:98%;
	vertical-align: middle;
}	

/* Sub menu depth 2 */
#menu .currentDepth3{
	padding-right:2px;
	border:1px solid #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	color: #FF0000;
	/*width:98%;*/
	vertical-align: middle;
}

#menu .currentDepth3over{
	padding-right:2px;
	background-image: url(../images/BackSubMenuSeleccionado.jpg);
	border:1px solid #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	/*width:98%;*/
	vertical-align: middle;
}	

#menu .currentDepth3over a{	/* Text rules */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
/*	width:98%;*/
	vertical-align: middle;
}	

/* Sub menu depth 3 */
#menu .currentDepth4{
	padding-right:2px;
	border:1px solid #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	color: #FF0000;
	vertical-align:middle;
/*	width:98%;*/
}

#menu .currentDepth4over{
	padding-right:2px;
	background-image: url(../images/BackSubMenuSeleccionado.jpg);
	border:1px solid #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	width:98%;
	vertical-align: middle;
}	

#menu .currentDepth4over a{	/* Text rules */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	width:98%;
	vertical-align: middle;
}

#menu .currentDepth5{
	padding-right:2px;
	border:1px solid #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	color: #FF0000;
	vertical-align:middle;
/*	width:98%;*/
}

#menu .currentDepth5over{
	padding-right:2px;
	background-image: url(../images/BackSubMenuSeleccionado.jpg);
	border:1px solid #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	width:98%;
	vertical-align: middle;
}	

#menu .currentDepth5over a{	/* Text rules */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	width:98%;
	vertical-align: middle;
}