/*formatos text*/
.formatoerror {	color: #FF0000;	font-weight: bold; font-size: 18px; }
.formatoregistro { font-weight: bold; font-size: 18px;}
.estitulo {	color: #FFFFFF;	font-weight: bold;}
.lblanco {
	color: #FFF;	/*font-weight: bold;*/
}

a:link { text-decoration: none; color: #000033; }
a:visited { text-decoration: none; color: #000033; }

/*scroll*/
/*::-webkit-scrollbar { width: 15px;}*/ /*indicador o inicio d scroll*/
/*::-webkit-scrollbar-track { background-color: #222222;}*/ /*espacio total de scroll*/
/*::-webkit-scrollbar-thumb { background-color: #222222;}*/ /*deslizador*/
/*::-webkit-scrollbar-button { background-color: #bd7676;}
::-webkit-resize{bacground-color:blue}*/ 
/*::-webkit-scrollbar-corner { background-color: #bd4d4d;}*/ /*esquina intermedia*/
/*::-webkit-scrollbar-track-piece{ background-color:#556}*/ /*espacio q no ocupa el deslizador*/


/*fondo menu*/
.menu{ margin-top:1px; position:absolute; background-color:rgba(0,0,0,0.3); z-index:777;visibility: hidden; border-radius:4px 4px 4px 4px;
overflow:hidden;
-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;
-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out; }
.menu:hover{ background-color:rgba(0,0,0,0.9); overflow-x:hidden; overflow-y:auto;}

.barra{ position:fixed; top:0; padding:2px; margin:0px;	width:99.5%;
	background-color:rgba(0,0,0,0.5);
	border:1px solid rgba(255,255,255,0.5);
	z-index:100
	}

/*boton menu*/
.bmenu{ cursor:pointer; width:150px; height:30px; display: inline-block; font-weight:bold; line-height:30px; font-size:16px;
background:url(../imgs/menub.png) 150px 30px;
background-color:rgba(0,0,0,0.2);
border:1px solid rgba(255,255,255,0.1); 
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;
-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out;}
.bmenu:hover{ background-color:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.5); background:url(../imgs/menu.png) 150px 30px; }
	
/*botones menus activo*/
.active { height:30px;width:110px;display:block;color:#003;text-transform:uppercase;line-height:30px;border-top:1px solid #1f1f1f;background: #00ABF2;text-align:center;border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;position:relative}

.activet { width:110px;display:block;color:#000066;text-transform:uppercase;line-height:21px;border-top:1px solid  #1f1f1f;background: #78DCFF;text-align:center;border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;position:relative}

/*menu items*/
.espacio-a{text-transform:uppercase;text-align:center;height:30px;width:110px;display:block;line-height:30px;
border-top:1px solid #1f1f1f;background-color:rgba(100,255,255,0.3);border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;position:relative; 
-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out;}
.espacio-a:hover{background:#00F;border-color:#9cba2f; color:#FFF; }

/*bordes*/
.bordes { BORDER: #FFFFFF 1px solid;}
.bordest { BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid }
.bordesct { BORDER-BOTTOM: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid }
.bordesit { BORDER-BOTTOM: #999 1px solid; BORDER-TOP: #999 1px solid }
.bordesc { BORDER-BOTTOM: #CECECE 1px solid; BORDER-LEFT: #CECECE 1px solid; BORDER-RIGHT: #CECECE 1px solid }
.bordescc { BORDER-BOTTOM: #CECECE 1px solid; BORDER-RIGHT: #CECECE 1px solid }
.bordesic { BORDER-BOTTOM: #CECECE 1px solid }
.bordesia { BORDER-BOTTOM: #00F 1px solid }

.bordesicx { BORDER-BOTTOM: #CECECE 1px solid; border-left:none; border-top:none; border-right:none }
.bordesi_ { BORDER-BOTTOM: #666 1px solid; }
.bordesn{ border:hidden #CECECE 1px; font: normal 12px Arial, tahoma, helvetica, sans-serif;}

/*botones grid*/
.mybutton-cls { background:url("../grid/skin/default/images/tool_save.gif") no-repeat center center; }
.mybutton-clsxls { background:url("../grid/skin/default/images/tool_xls.gif") no-repeat center center; }
.mybutton-clsadd { background:url("../grid/skin/default/images/tool_add.gif") no-repeat center center; }
.mb-cldu { background:url("../grid/skin/default/images/tool_dupli.gif") no-repeat center center; }
.mybutton-clsdel { background:url("../grid/skin/default/images/tool_del.gif") no-repeat center center; }
.mybutton-clscancel { background:url("../grid/skin/default/images/tool_cancel.gif") no-repeat center center; }
.mybutton-check { background:url("../grid/skin/default/images/tool_check.gif") no-repeat center center; }
.mybutton-ok { background:url("../grid/skin/default/images/tool_accept.gif") no-repeat center center; }		
.mybutton-close { background:url("../grid/skin/default/images/tool_close.gif") no-repeat center center; }
.mybutton-max { background:url("../grid/skin/default/images/tool_max.gif") no-repeat center center; }
.mybutton-res { background:url("../grid/skin/default/images/tool_res.gif") no-repeat center center; }
.mybutton-saveg { background:url("../grid/skin/default/images/tool_saveg.gif") no-repeat center center; }
.mybutton-designg { background:url("../grid/skin/default/images/tool_design.gif") no-repeat center center; }
.mybutton-gridg { background:url("../grid/skin/default/images/tool_grid.gif") no-repeat center center; }

/*botones web*/
.bbuscari { background:url("../imgs/search.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px; }
.bbuscar { background:url("../imgs/buscar.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px; }
.blimpiar{background:url("../imgs/escoba.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bprevia{background:url("../imgs/previa.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bguardar{background:url("../imgs/savegreen.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bguardarp{background:url("../imgs/savepurple.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bcotizar{background:url("../imgs/cotizacion.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bimportar{background:url("../imgs/importar.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bexportar{background:url("../imgs/exportar.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bcancelar{background:url("../imgs/cancelar.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bproductos{background:url("../imgs/productos.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bmarcas{background:url("../imgs/cms.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bayuda{background:url("../imgs/ayuda.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bmarca{background:url("../imgs/cms.png") center center no-repeat; background-size:23px 23px; width:27px; height:27px;}
.bcategoria{background:url("../imgs/categorias.png") center center no-repeat; background-size:23px 23px; width:27px; height:27px;}
.bcliente{background:url("../imgs/clientes.png") center center no-repeat; background-size:23px 23px; width:27px; height:27px;}
.biglesia{background:url("../imgs/iglesia.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bpersona{background:url("../imgs/persona.png") center center no-repeat; background-size:23px 23px; width:27px; height:27px;}
.bagregar { background:url("../imgs/add.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.bsalir{background:url("../imgs/salir.png") center center no-repeat; background-size:26px 26px; width:30px; height:30px;}
.bcerrar {color:#FFF; font-weight:bold;	font-size:14px; background:#F00; cursor:pointer;height:30px; width:30px;}
.bcerrart {color:#F00; font-weight:bold; font-size:20px; background:rgba(255,0,0,0); padding:2px; cursor:pointer;height:30px; width:30px;}
.balertas { background:url("../imgs/alerta.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.bemail { background:url("../imgs/email.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.benviar { background:url("../imgs/eemail.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.batras { background:url("../imgs/atras.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.badelante { background:url("../imgs/adelante.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.basistencia { background:url("../imgs/asistencia.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.baceptar{ background:url("../imgs/aceptar.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.bconsultar{ background:url("../imgs/consultar.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.bcontratos{ background:url("../imgs/contratos.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.bgrupos{ background:url("../imgs/grupo.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.binventario{ background:url("../imgs/inventario.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}
.bordenar { background:url("../imgs/ordenar.png") center center no-repeat;background-size:26px 26px; width:30px; height:30px}

/*controles*/
input,select{    
  border-radius:3px;
  -moz-border-radius: 3px;
  -webkit-border-radius:3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border:1px solid rgba(0,0,0,0.2);
}
input:focus,select:focus {
  box-shadow: 0 0 5px rgba(0,255,0,1);
  border:1px solid rgba(0,255,0,0.8);
}

button, input[type="reset"], input[type="button"], input[type="submit"], input[type="image"]{    
  border-radius:3px;
  -moz-border-radius: 3px;
  -webkit-border-radius:3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  box-shadow: 0 0 5px rgba(255,255,255,1);
  border:1px solid rgba(0,0,255,0.2);
}
button:focus, input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:focus,input[type="image"]:focus {
  box-shadow: 0 0 5px rgba(255,255,0,1);
  border:1px solid rgba(255,255,0,0.8);
}

input[type="file"] {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	overflow-clip-box: padding-box;
	color: inherit;
	-moz-appearance: none;
	-moz-binding: none;
	cursor: default;
	border: none;
	background-color:#FFF;
	padding: 0;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.cargarimgm {
    border: 1px solid #ccc;
    display: inline-block;
	width:160px;
	height:18px;
	color:#006;
	text-align:right;
	text-overflow: clip;
    overflow: hidden;
    padding: 0px 0px;
	background:url(imgs/cloud-upload.png) no-repeat;
	background-size: 25px 20px;
}

.selimg {
    border: 1px solid #ccc;
    display: inline-block;
	width:60px;
	height:18px;
	color:#006;
	text-align:right;
	text-overflow: clip;
    overflow: hidden;
    padding: 0px 0px;
	background:url(../imgs/img.png) no-repeat;
	background-size: 25px 20px;
}

.selfil {
    border: 1px solid #ccc;
    display: inline-block;
	width:60px;
	height:18px;
	color:#006;
	text-align:right;
	text-overflow: clip;
    overflow: hidden;
    padding: 0px 0px;
	background:url(../imgs/contratos.png) no-repeat;
	background-size: 25px 20px;
}