body {
	
	margin-top:20px;
	background-repeat:no-repeat;
	font-family:sans-serif, Arial, Helvetica;
	margin:0px;
	background:#054254;
}
form {
	margin:0;
}
.main {
	font:11px sans-serif, Arial, Helvetica;
	color:#333333;
}
a {
	font:bold 11px sans-serif, Arial, Helvetica;
	color:#5C676D;
	text-decoration:none;
}
a:hover {
	font:bold  sans-serif, Arial, Helvetica;
	color:#999999;
	text-decoration:none;
}
a.top {
	font:bold 11px sans-serif, Arial, Helvetica;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}
a.top:hover {
	font:bold 12px sans-serif, Arial, Helvetica;
	color:#cccccc;
	text-decoration:none;
	text-transform:uppercase;
}
.top_admin {
	font:bold 12px sans-serif, Arial, Helvetica;
	color:#900;
	text-decoration:underline;
	text-transform:uppercase;
}
.top_admin a:link {
	font:bold 12px sans-serif, Arial, Helvetica;
	color:#900;
	text-decoration:underline;
	text-transform:uppercase;
}
.top_admin a:visited {
	font:bold 12px sans-serif, Arial, Helvetica;
	color:#900;
	text-decoration:underline;
	text-transform:uppercase;
}
.top_admin a:active {
	font:bold 12px sans-serif, Arial, Helvetica;
	color:#900;
	text-decoration:underline;
	text-transform:uppercase;
}
a.top_admin {
	font:bold 12px sans-serif, Arial, Helvetica;
	color:#900;
	text-decoration:underline;
	text-transform:uppercase;
}

a.top_admin:hover {
	font:bold 12px sans-serif, Arial, Helvetica;
	color:#900;
	text-decoration:underline;
	text-transform:uppercase;
}

a.top_admin:visited {
	font:bold 12px sans-serif, Arial, Helvetica;
	color:#900;
	text-decoration:underline;
	text-transform:uppercase;
}


input,textarea {
	font:11px sans-serif, Arial, Helvetica;
	color:#000;
	border:1px solid #000;
	background-color:#fff;
}
.titlu {
	font:bold 12px sans-serif, Arial, Helvetica;
	
	
}

.toptitle {
font-family:sans-serif, Arial, Helvetica;
font-size:12px;
color:#CCCCCC;
text-transform:uppercase;
}
select {
	font:11px sans-serif, Arial, Helvetica;
	color:#000;
	border:1px solid #054254;
	background-color:#fff;

}
pre {
  border:1px solid #A2A2A2;
  background-color:#F1F1F1;
  padding:8px;
  margin:5px;
  color:#0150c7;
  overflow:auto;
  width:700px;
  height:250px;
}

.online {
	font-family:sans-serif, Arial, Helvetica;;
	color:#093;
	font-size:12px; }
	
.offline {
	font-family:sans-serif, Arial, Helvetica;;
	color:#900;
	font-size:12px;
}
.bt_calendario {
	width:17px;
	height:16px;
	background-image:url(images/calendar.jpg);
}

caption { border:1px solid #5C443A;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
.odd { background:#fff;
}
div#separador_listas {
	border-bottom:1px solid #069;
	height:15px;
}
div#footer {
	text-align:center;
	font-family:sans-serif, Arial, Helvetica;
	font-size:11px;
	color:#FFF;
	padding-top:20px;
}
div#muestra_cliente_up {
	text-transform:uppercase;
}

table#encabezado_despliegue td {
	background-color:#000;
	color:#FFF;
}
radio {
	border:0px;
}
div#muestraUnidades {
	text-align:left;
	padding-left:195px;
}
div#muestraBodegas_listas {
border:1px solid #000; 
width:120px; 
display:block; 
float:left; 
margin:10px
}
div#titulo_secciones {
	text-transform:uppercase;
	padding:7px;
	font-weight:bold;
}
table#tabla_encabezado td {
	font-weight:bold;
	background-color:#000;
	color:#FFF;
}
div#boton_bodega {
	display:block;
	position:relative;
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/icono_bodega.jpg); 
	background-repeat:no-repeat; 
	background-position:left; 
	border:1px solid #F00; 
	background-color:#000; 
	cursor:pointer;
}
div#boton_usuarios {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/icono_clientes.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_reportes {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/icono_reporte.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_generico {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/icono_editar.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_generico_sub {
	display:block; 
	text-align:left; 
	width:100px; 
	padding-left:35px; 
	height:30px; 
	background-image:url(images/iconos/icono_editar.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_contratos {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/icono_contratos.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_logs {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/icono_log.jpg); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_grupos {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/icono_grupos.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_comunicacion {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/icon_mail.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_inicio {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:21px; 
	background-image:url(images/iconos/home.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_logoff {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:21px; 
	background-image:url(img/off.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#registro_nuevo {
	display:block; 
	text-align:left; 
	width:155px; 
	padding-left:17px; 
	height:15px; 
	background-image:url(images/iconos/agregar_registro.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
div#boton_zonas {
	display:block; 
	text-align:left; 
	width:125px; 
	padding-left:35px; 
	height:35px; 
	background-image:url(images/iconos/editar_registro.jpg); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
.conteo_acc {
	color:#F00;
	font-weight:bold;
}
div#muestracliente {
	width:400px; float:left; padding-top:20px;}
	#message_arriba
{
	/* display: block antes de ocultarlo */
	display: block;
	display: none;

	/* el enlace va sobre todos los otros elementos */
	z-index: 999;

	/* el enlace no oculta texto tras él */
	opacity: .8;

	/* el enlace se queda en el mismo lugar de la página */
	position: fixed;

	/* el enlace va al final de la página */
	top: 100%;
	margin-top: -80px; /* = altura + margen inferior elegido */

	/* centrando el enlace */
	left: 100%;
	margin-left: -100px;

	/* redondea las esquinas (como prefieras) */
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;

	/* hazlo grande y fácil de ver (tamaño y estilo a tu elección) */
	width: 50px;
	line-height: 48px;
	height: 25px;
	padding: 8px;
	background-color: #000;
	font-size: 24px;
	text-align: center;
	display:block;
}

#message_arriba a {color: #fff;}
#total_general { padding-left:30px; padding-top:30px; font-size:14px}
div#boton_logo {
	width:390px; 
	height:80px; 
	background-image:url(img/logo.jpg); 
	background-repeat:no-repeat; 
	background-position:left; 
	cursor:pointer;
}
.semana_actual {
	font-size:14px;
}
       
#sidebar { 
width: 190px; 
float: left;
background:#F6F6F6;
padding:15px;
margin-left:0px; 
}
.clear {
	clear:both; 
}
label.error { color:#FF0000; font-style:italic; padding-left:8px;}

#enviar_login_secure{ background-image:url(img/candado.png); background-repeat:no-repeat; background-position:right; background-repeat:no-repeat; text-align:right; padding-right:20px; }
.estilo_negrita_italica { font-style:italic; font-weight:bold;}
#tit_inventario { width:300px; padding-left:15px; font-weight:bold; font-size:18px; text-align:center}
div#categorias_negocios {float:left;}
.txt_editable {
    width: 500px;
    height: 150px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #F1F1F1;
    overflow:auto;
}

.m-signature-pad {
  
  width: 100%;
  height: 100%;
 
}


.m-signature-pad--body
  canvas {
    background-image:url(images/faces.png); 
	background-repeat:no-repeat; 
	background-position:center; 
	cursor:pointer;
    left: 0;
    top: 0;
    margin: 0 top;
    width: 630px;
    height: 260px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
  }



.m-signature-pad--footer
  .button {
    
    bottom: 0;
  }

.m-signature-pad--footer
  .button.clear {
    left: 0;
  }

.m-signature-pad--footer
  .button.save {
    right: 0;
  }