@charset "UTF-8";
/* CSS Document */

body{

 margin:0px;
 font-family: 'Montserrat', sans-serif;
 font-weight:100;
 background-image:url(../imagenes/bg_patron.png);
	
}
#modulo_header{
	overflow:hidden;
	width:850px;
	height:100px;
	margin:auto;
	text-align:center;
	font-size:41px;
	color:#666666;
	padding-top:38px;
}
#linea_divisoria{
	width:100%;
	height:1px;
	background-color:#666;
}
#fondo_azul{
	width:850px;
	height:52px;
	margin:auto;
	background-image:url(../imagenes/fondoazul.png);
	text-align:center;
	padding-top:18px;
	font-size:15px;
	color:#fff;
	background-repeat:no-repeat;
}
#modulos_captura{
	width:426px;
	height:600px;
	margin:auto;
	overflow:hidden;
}
#caja_inicio_sesion{
	width:426px;
	height:52px;
	background-color:#333;
}
#cuadro_azul{
	width:175px;
	height:52px;
	float:left;
	background-image:
	url(../imagenes/cuadro_azul.png);
	background-repeat:no-repeat;
	font-size:12px;
	color:#fff;
	text-align:center;
	padding-top:15px;
}
#cuadro_gris{
	width:251px;
	height:52px;
	float:left;
	background-image:
	url(../imagenes/cuadro_gris.png);
	background-repeat:no-repeat;
}
#modulo_header_interior{
	width:100%;
	height:84px;
	margin:auto;
	overflow:hidden;
}
#modulo_h_intl{
	width:281px; 
	float:left;
	font-size:41px;
	margin-left:21px;
	padding-top:30px;
	color:#666666;
}
#modulo_h_intd{
	width:266px; 
	float:right;
	font-size:20px;
	padding-left:282px;
	color:#666666;
	padding-top:51px;
}
#modulo_panel_titulo{
	width:850px;
	height:34px;
	margin:auto;
	overflow:hidden;
	background-image:url(../imagenes/paneladministrativo.png);
	background-repeat:no-repeat;
	color:#FFF;
	text-align:center;
	padding-top:18px;
}
#botones{
	width:100%;
	height:41px;
	padding-top:20px;
}
#fondo_botones{
	width:100%;
	height:41px;
	background-image:url(../imagenes/menu_opciones.png);
	background-repeat:repeat-x;
	margin:auto;
	background-position:center;
}
#nuevo_pedido_btn{
	width:252px;
	text-align:center;
	color:#fff;
	float:left;
	font-size:13px;
	padding-top:10px;
	
}
#nuevo_repartidor_btn{
	width:252px;
	text-align:center;
	color:#fff;
	float:left;
	font-size:13px;
	padding-top:10px;
}
#modulo_combos{
	width:850px;
	height:50px;
	background-color:#000;
	margin:auto;
	margin-top:33px;
}

/* MENU DROPDOWN */
.dropbtn {
	color: white;
	font-size: 16px;
	border: none;
	cursor: pointer;
	background-color:transparent;

}
.dropdown {
	position: relative;
	display: inline-block;
	padding-top:10px;
	padding-left:30px;
}

.dropdown-content {
   display: none;
   font-size:12px;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: #0545a7;
}
.boton_menu{
	padding-top:10px;
	margin-top:10px;
	color:#fff;
}
#nuevo_usuario{
	width:450px;
	overflow:hidden;
	margin:auto;
}
.encabezado{
	text-align:center; background-color:#fff; width:100%; padding-top:30px; color:#666;
	width:100%
}
#usuario{
	width:400px;
	margin:auto;
	height:50px;
	width:100%
}
#usuario2{
	width:400px;
	margin:auto;
	height:50px;
	text-align:center; background-color:#fff; width:100%; padding-top:30px; color:#666;
	width:100%
}
#usuario_izq{
	float:left;
	width:164px;
	height:50px;
	background-image:url(../imagenes/fondo_titulo_input.png);
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	padding-top:15px;
	font-weight:100;
}
#usuario_pago{
	float:left;
	width:164px;
	height:50px;
	background-image:url(../imagenes/fondo_pago.png);
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	padding-top:15px;
	font-weight:100;
}
#usuario_der{
	float:left;
	width:236px;
	height:50px;
	background-image:url(../imagenes/fondo_input.png);
	background-repeat:no-repeat;
}
.caja_texto{
	width:232px;
	height:46px !important;
	margin:auto;
	border:hidden;
	background-color:transparent !important;
	text-transform:uppercase
}
.caja_texto_login{
	width:250px;
	height:50px;
	margin:auto;
	border:hidden;
	background-repeat:no-repeat;
	background-color:transparent;
}
#boton_guardar{
	width:188px;
	height:70px;
	background-image:url(../imagenes/fondo_azul_boton.png);
	color:#fff;
	font-size:12px;
	text-align:center;
	padding-top:20px;
	margin-left:-7px;
	cursor:pointer;
}
.boton{
	width:188px;
	height:70px;
	background-image:url(../imagenes/fondo_azul_boton.png);
	color:#fff;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	background-repeat:no-repeat;
	padding-top:25px;
}
#boton{
	width:188px;
	height:70px;
	background-image:url(../imagenes/fondo_azul_boton.png);
	color:#fff;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	background-repeat:no-repeat;
	padding-top:25px;
}
#boton2{
	width:188px;
	height:70px;
	background-image:url(../imagenes/fondo_azul_boton.png);
	color:#fff;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	background-repeat:no-repeat;
	border:none;
	padding:0px;
	margin:0px;
	background-color: transparent;
}
#mensaje_error{
	width:400px;
	background-color:#fff;
	text-align:center;
	font-size:10px;
}
#titulos_lista{
	width:100%;
	height:42px;
	margin:auto;
	background-image:url(../imagenes/barra_menu.png);
	background-repeat:repeat-x;
}
#lista_pedidos{
	width:888px;
	height:42px;
	font-size:12px;
	overflow:hidden;
	margin:auto;
}
#tit_pedido{
	float:left;
	padding-top:9px;
}
.cabeza_grid{
	height:42px;
	margin:auto;
	background-image:url(../imagenes/barra_menu.png);
	background-repeat:repeat-x;
	color:#fff;
	font-size:12px;
	font-weight:normal
}
.no_hubo{
	font-size:12px;
	padding:5px;
}
.resultados_lista{
	width:100%;
	height:60px;
	margin:auto;
	color:#666;
	font-size:12px;
	clear: both;
}
.resultados_lista2{
	width:100%;
	color:#333;
	background-color:#fff;
	height:60px;
	margin:auto;
	font-size:12px;
	clear: both;
}
#interior_cliente{
	width:850px;
	margin:auto;
	margin-top:40px;
}
#cliente_stats{
	width:850px;
	height:50px;
	overflow:hidden;
}
#pedido_int_cliente{
	float:left;
	margin-left:27px;
	height:50px;
	width:150px;
	background-image:url(../imagenes/pedido.png);
	background-repeat:no-repeat;
}
#cobrador_int_cliente{
	float:left;
	margin-left:9px;
	height:50px;
	width:350px;
	background-image:url(../imagenes/cobrador.png);
	background-repeat:no-repeat;
}
#pedidos_ant_int_cliente{
	float:left;
	margin-left:9px;
	height:50px;
	width:264px;
	background-image:url(../imagenes/pedidos_anteriores.png);
	background-repeat:no-repeat;
}
#tit_pedido_int{
	padding-top:14px;
	float:left;
	width:74px;
	height:50px;
	margin-left:11px;
	color:#fff;
}
#tit_no_pedido{
	float:left;
	width:53px;
	height:50px;
	padding-top:14px;
	margin-left:12px;
	color:#666666;
}
#tit_int_cobrador{
	float:left;
	width:100px;
	height:50px;
	margin-left:8px;
	padding-top:14px;
	color:#fff;
}
#tit_nonombre_int_contador{
	float:left;
	width:222px;
	height:50px;
	padding-top:14px;
	margin-left:12px;
	font-size:14px;
}
#tit_pedidosant{
	float:left;
	width:190px;
	height:50px;
	margin-left:8px;
	padding-top:14px;
	color:#fff;
}
#tit_no_pedidosant{
	float:left;
	width:59px;
	height:50px;
	padding-top:14px;
	text-align:center;
	font-size:14px;
	margin-left:6px;
}
#division_infocliente{
	width:850px;
	height:1px;
	background-color:#333;
	margin-top:20px;
}
#formulario_infocliente{
	width:850px;
	height:600px;
	margin-top:20px;
	overflow:hidden;
}
#finfocliente_left{
	margin-left:28px;
	width:477px;
	float:left;
}
#finfocliente_right{
	width:297px;
	margin-left:31px;
	float:left;
}
#infcliente_txt{
	width:477px;
	height:16px;
	font-size:15px;
	color:#666;
	margin-top:30px;
}
#infcliente_caja{
	width:477px;
	height:40px;
	background-color:#fff;
	margin-top:5px;
}
.infcliente_caja{
	background-color:transparent;
	width:475px;
	height:38px;
	border:0px;
}
#abonado_hastahoy{
	width:296px;
	height:16px;
	color:#666;
	margin-top:10px;
	font-size:15px;
}
#cantidad_abonada{
	width:276px;
	height:71px;
	background-color:#fff;
	font-size:53px;
	color:#666;
	padding-top:10px;
	padding-left:20px;
	margin-top:5px;
}
#decuanto_abonado{
	width:276px;
	height:60px;
	padding-top:20px;
	padding-left:20px;
	margin-top:2px;
	font-size:30px;
	color:#FFF;
	background-color:#666;
}
#editar_infcliente{
	width:296px;
	height:55px;
	margin-top:2px;
	text-align:center;
	color:#fff;
	font-size:30px;
	background-repeat:no-repeat;
	padding-top:16px;
	background-image:url(../imagenes/bg_botoneditar.jpg);
}
#imprimir_tarjeta{
	width:296px;
	height:31px;
	padding-top:10px;
	background-image:url(../imagenes/fondo_btn_intpedido.jpg);
	margin-top:2px;
	color:#fff;
	text-align:center;
}
#agregarunnuevopedido_btn{
	width:296px;
	height:31px;
	padding-top:10px;
	background-image:url(../imagenes/agregar_nuevo_pedido_btn.jpg);
	margin-top:2px;
	color:#fff;
	text-align:center;
}
/* ESTILOS CRITERIOS DE BUSQUEDA */

.criteriosdebusqueda{
	width:822px;

}
.criteriostit{
	font-size:15px;
	color:#000;
	text-align:left;
	margin-top:26px;
}
.combos_busqueda{
	width:822px;
	height:47px;
	margin-top:22px;
	overflow:hidden;
}
.cajas_cliente{
	width:224px;
	float:left;
	height:47px;
	background-image:url(../imagenes/fondo_clientes.png);
	background-repeat:no-repeat;
}
.cajas_fecha{
	width:333px;
	float:left;
	margin-left:16px;
	height:47px;
	background-image:url(../imagenes/fondo_fecha.png);
	background-repeat:no-repeat;
}
.cajas_tipodeventa{
	width:235px;
	height:47px;
	float:left;
	margin-left:14px;
	background-image:url(../imagenes/fondo_tipodeventa.png);
	background-repeat:no-repeat;
}
.tit_box{
	width:79px;
	height:34px;
	text-align:center;
	padding-top:13px;
	color:#fff;
	float:left;
	font-size:14px;
}
.input_nombre{
	width:142px;
	height:45px;
	float:left;
	background-color:transparent !important;
	border:0;
}
.fecha_desde{
	width:116px;
	height:45px;
	float:left;
	border:0;
	background-color:transparent  !important;
}
.fecha_hasta{
	margin-left:1px;
	width:133px;
	height:45px;
	float:left;
	border:0;
	background-color:transparent  !important;
}
.styled-select select {
   background: transparent;
   width:108px;
   font-size:9pt;
   font-family:Arial, Helvetica, sans-serif;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 45px;
   -webkit-appearance: none;
   background-repeat:no-repeat;
   color:#666;
}
.styled-select1{
   background: transparent;
   font-size:9pt;
   font-family:Arial, Helvetica, sans-serif;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 52px;
   -webkit-appearance: none;
   background-repeat:no-repeat;
   color:#666;
}

#cover{ 
	position:fixed; 
	top:0; left:0; 
	background:rgba(0,0,0,0.5); 
	width:100%; 
	height:100%;
	display:none;
	background-image:url(../imagenes/bg.png);
	z-index:999999999999;
}
#cover_up{
	background-color:#bbb; padding:5px; width:300px; position:absolute; left:50%; margin-left:-150px; margin-top:20%; border:solid 5px #bbb; font-size:16px; text-align:center;
	z-index:9999999999999;
}

#cover3{ 
		position:fixed; 
		top:0; left:0; 
		z-index:999; 
		width:100%; 
		height:100%;
		display:none;
		background-image:url(../imagenes/bg.png);
	}
	#CoverTexto{
		background-color:#bbb; padding:5px; width:300px; position:absolute; left:50%; margin-left:-150px; margin-top:20%; border:solid 5px #bbb; font-size:16px; text-align:center;
		display:none; z-index:9999
	}
	#CoverDetalle{
		 padding:5px; width:700px; position:absolute; left:50%; margin-left:-350px; margin-top:10%; border:solid 5px #bbb; font-size:16px; text-align:center;
		 background-color:#fff; z-index:99999
	}
	.borde_derecha{
		border-right:solid 1px #ccc;
	}
	.borde_izquierda{
		border-left:solid 1px #ccc;
	}
	.borde_abajo{
		border-bottom:solid 1px #ccc;
	}
	.borde_arriba{
		border-top:solid 1px #ccc
	}
.nombre_detalle{
	float:left; width:70px;
	font-size:12px;
	padding-bottom:10px;
}
.letra_detelle{
	font-size:12px;
	padding-bottom:10px
}
.fondo_grid{
	background-color:#999999;
}