body
{
	margin:  				0 auto;
	font-family: 			'Quicksand', sans-serif;
	float: 					left;
	width: 					100%;
	background-color: 		#fff;
}
.formularioBox2
{
	width: 					100%;
	float: 					left;
	background-color: 		#FAFAFA;
	padding: 				3.5%;
}
.borde
{
	border: 				1px solid #5B5B5B;
}
.bordes
{
	border: 				none;
	border-radius: 			5px 5px 5px 5px;
	-moz-border-radius: 	5px 5px 5px 5px;
	-webkit-border-radius: 	5px 5px 5px 5px;
}
.bordesReloj
{
	border: 				none;
	border-radius: 			50px 50px 50px 50px;
	-moz-border-radius: 	50px 50px 50px 50px;
	-webkit-border-radius: 	50px 50px 50px 50px;
}
.bordesTot
{
	border: 				none;
	border-radius: 			90px 90px 90px 90px;
	-moz-border-radius: 	90px 90px 90px 90px;
	-webkit-border-radius: 	90px 90px 90px 90px;
}
.bordeIzquierda
{
	border: 				none;
	border-radius: 			5px 0px 0px 5px;
	-moz-border-radius: 	5px 0px 0px 5px;
	-webkit-border-radius: 	5px 0px 0px 5px;
}
.bordeDerecha
{
	border: 				none;
	border-radius: 			0px 5px 5px 0px;
	-moz-border-radius: 	0px 5px 5px 0px;
	-webkit-border-radius: 	0px 5px 5px 0px;
}
.sombra
{
	-webkit-box-shadow: 	1px 1px 1px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    	1px 1px 1px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         	1px 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.sombraDos
{
	-webkit-box-shadow: 	1px 2px 2px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:    	1px 2px 2px 0px rgba(0, 0, 0, 0.6);
	box-shadow:         	1px 2px 2px 0px rgba(0, 0, 0, 0.6);
}
.formularioBox
{
	width: 					70%;
	background-color: 		#dedede;
	padding: 				3%;
}
.formularioBoxDos
{
	width: 					70%;
	padding: 				3%;
}
.formularioBoxTres
{
	width: 					70%;
	padding: 				2%;
}
.formularioBoxCuatro
{
	width: 					96%;
	padding: 				2%;
}
#btn
{
	background-color: 		#77b300;
	cursor: 				pointer;
	display: 				table;
	padding-left: 			2%;
	padding-top: 			0.5%;
	padding-bottom: 		0.5%;
	padding-right: 			2%;
	margin: 				0.5%;
	color: 					#000;
}
#btn:hover
{
	background-color: 		#ddff99;
}
#btnDos
{
	color: 				    #fff;
	text-decoration: 		none;
}
#btnDos:hover
{
	color: 					#000;
}
#btnTres
{
	background-color: 		#63c13a;
	cursor: 				pointer;
	display: 				table;
	padding-left: 			2%;
	padding-top: 			0.5%;
	padding-bottom: 		0.5%;
	padding-right: 			2%;
	margin: 				0.5%;
	color: 					#fff;
}
#btnTres:hover
{
	background-color: 		#CFD5DE;
	color: 					#000;
}
#btnCua
{
	background-color: 		#FF3E00;
	cursor: 				pointer;
	padding-left: 			2%;
	padding-top: 			2%;
	padding-bottom: 		2%;
	padding-right: 			2%;
	color: 					#fff;
	text-align: 			center;
	font-size: 				140%;
	margin-left: 			8%;
	margin-right: 			8%;
}
#btnCua:hover
{
	background-color: 		#eee;
	color: 					#000;
}
#btnCin
{
	background-color: 		#8FFF00;
	cursor: 				pointer;
	padding: 				0.2%;
	color: 					#000;
	font-size: 				130%;
	margin: 				1%;
}
#btnCin:hover
{
	background-color: 		#CFD5DE;
	color: 					#000;
}
#btnSix
{
	background-color: 		#699FE8;
	cursor: 				pointer;
	display: 				table;
	padding-left: 			2%;
	padding-top: 			0.5%;
	padding-bottom: 		0.5%;
	padding-right: 			2%;
	margin: 				0.5%;
	color: 					#fff;
}
#btnSix:hover
{
	background-color: 		#CFD5DE;
	color: 					#000;
}
#btnOcho
{
	background-color: 		#fff;
	cursor: 				pointer;
	padding-left: 			2%;
	padding-top: 			2%;
	padding-bottom: 		2%;
	padding-right: 			2%;
	color: 					#000;
	font-weight: 			bold;
	font-size: 				110%;
	margin: 				2%;
	text-align: 			center;
}
#btnOcho:hover
{
	background-color: 		#EC5A02;
	color: 					#fff;
}
#cambiazo
{
	background-color: 		#F5F5F5;
}
#cambiazo:hover
{
	background-color: 		#F9F5B9;
}
#cambiazo2
{
	background-color: 		#FFF;
}
#cambiazo2:hover
{
	background-color: 		#F9F5B9;
}
#index
{
	width: 					100%;
	min-height: 			250px;
	padding-top: 			1%;
	margin-bottom: 			3%;
	background-color: 		#dedede;
}
#cajaForm
{
	width: 					30%;
	padding: 				1%;
	background-color: 		#fff;
}

/*  */
#head
{
	width: 					100%;
	float: 					left;
	padding-bottom: 		2;
	background-color: 		#CCDBEB;
}

#head2
{
	width: 					99.5%;
	padding: 				0.25%;
	float: 					left;
	padding-bottom: 		1%;
	background-color: 		#FF7A3D;
}
#logo
{
	width: 					25%;
	float: 					left;
}
#logo img
{
	margin-left: 			8%;
	width: 					5%;
	z-index: 				9999;
	position: 				fixed;
	background-color: 		#fff;
}
#info
{
	width: 					60%;
	float: 					left;
	padding: 				0.25%;
	margin-left: 			20%;
	
}
#info2
{
	width: 					60%;
	float: 					left;
	padding: 				0.25%;
	margin-left: 			20%;
	background-color: 		#fe5000;
}
#info3
{
	width: 					60%;
	float: 					left;
	padding: 				0.25%;
	margin-left: 			20%;
	background-color: 		rgba(255,255,255,0.9);
}
#salirBtn
{
	width: 					10%;
	float: 					right;
	font-size: 				120%;
	margin-top: 			1.5%;
	background-color: 		#FF453C;
}
#infoCli
{
	width: 					80%;
	float: 					left;
}
#hora
{
	width: 					45%;
	float: 					left;
}
#liveclock
{
	width: 					17%;
	float: 					left;
	background-color: 		rgba(255, 255, 255, 1);
	padding: 		        1%;
	font-size: 				150%;
	color: 					#000;
	text-align: 			center;
	border:  				2px #eee solid;
	margin-top: 			0.5%;
}
#liveclock2
{
	width: 					17%;
	float: 					left;
	background-color: 		#fff;
	padding: 		        1%;
	font-size: 				150%;
	color: 					#000;
	text-align: 			center;
	border:  				2px #eee solid;
}
#totTot
{
	width: 					100%;
	font-size: 				200%;
	font-weight: 			lighter;
	margin-top: 			19%;
}
#totTot2
{
	width: 					100%;
	font-size: 				200%;
	font-weight: 			lighter;
	margin-top: 			9%;
}
#totTot3
{
	width: 					100%;
	font-size: 				150%;
	font-weight: 			lighter;
	margin-top: 			20%;
}
#cuerpo
{
	float: 					left;
	width: 					100%;
	padding-top:  			0.1%;
}
#menu
{
	float: 					right;
	width: 					15.5%;
	background: 			#fff;
	border-left: 			2px dotted #eee;
}
.contenido_pos
{
	width: 					84%;
	float: 					right;
}
#btnMenu1
{
	float: 					left;
	width: 					100%;
}
#izq
{
	width: 					50%;
	float: 					left;
}
#izq2
{
	width: 					48%;
	margin: 				1%;
	float: 					left;
}
#izq3
{
	width: 					100%;
	float: 					left;
	background-color: 		#eee;
	padding-top: 			5%;
	
}
#contenedor
{
	width: 					100%;
	float: 					left;
	background-color: 		#eee;
	padding-top: 			1%;
	min-height: 			350px;
}
#der
{
	width: 					50%;
	float: 					left;
}
/***********************************************/
#cuerpo_venta
{
	width: 					100%;
	margin: 				0 auto;
	float: 					left;
}
#lista_venta
{
	width: 					46%;
	padding: 				1%;
	margin: 				1%;
	float: 					left;
	height: 				320px;
	overflow: 				auto;
}
#lista_venta2
{
	width: 					46%;
	padding: 				1%;
	margin: 				1%;
	float: 					left;
	background-color: 		#fff;

}
#monto_total
{
	font-size: 				150%;
	min-height: 			100px;	
}
/******************************************************/
#cuerpo_categoria
{
	width: 					96%;
	margin: 				2%;
	float: 					left;
	background-color: 		#fff;
}
.menuOculto1
{
	width: 					100%;
	float: 					left;
	min-height: 			115px;
}
.box_menu
{
	width: 					83%;
	float: 					left;
	margin-left: 			15%;
	margin-top: 			1%;
	padding: 				1%;
	background-color:       #fff;
	color: 					#000;
	cursor: 				pointer;
}
.box_menu:hover
{
	color: 					#fff;
	background-color:       #00A1C6;
}
.entero
{
	width: 					99%;
	margin: 				0.5%;
	float: 					left;
}
.entero2
{
	width: 					99%;
	margin: 				0.5%;
	float: 					left;
	background-color: 		#eee;
}
.entero3
{
	width: 					99%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			250px;
	overflow: 				auto;
}
.medio
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			250px;
}
.medio0
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			240px;
	background: 			#FFFAD6;
	padding-top: 			0.5%;
}
.medio1
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			240px;
	padding-top: 			0.5%;
}
.medio2
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			200px;
	background-color: 		#CEE2F7;
}
.medio3
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			200px;
	background-color: 		#eee;
}
.medio4
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	height: 				550px;
	overflow: 				auto;
}
.sombraPlana
{
	-webkit-box-shadow: 	0px 0px 1px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    	0px 0px 1px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         	0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}
.sombraPlana2
{
	-webkit-box-shadow: 	0px 0px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    	0px 0px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         	0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.sombraPlana3
{
	-webkit-box-shadow: 	0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    	0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         	0px 0px 2px 1px rgba(0, 0, 0, 0.3);
}
.moduloVentas
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			531px;
	text-align: 			center;
	overflow: 				auto;
	background-color: 		#FDFDFD;
}
.medioPagar
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			250px;
	background-color: 		#FFFFFF;
}
.medioPagar h2
{
	border-bottom: 			1.5px dotted #666;
	padding-bottom: 		8%;
	font-weight: 			bolder;
	color: 					#000;
	font-size: 				150%;
}
.medioPago
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			250px;
	background-color: 		#FDFDFD;
}
.imprimir
{
	width: 					20%;
	float: 					left;
	margin-left: 			40%;
}
.imprimir2
{
	width: 					10%;
	float: 					left;
	margin-left: 			40%;
}
/*/boleta */
.head_boleta
{
	width: 					100%;
	float: 					left;
}
.img_boleta
{
	width: 					100%;
	float: 					left;
}
.btn_pro
{
	width: 					98.3%;
	float: 					left;
	margin: 				1.5%;
	cursor: 				pointer;
	text-align: 			center;
	background-color: 		#BBE000;
	padding: 				1%;
	font-size: 				120%;
}
.btn_pro:hover
{
	background-color: 		#fff;
}
.btn_pro2
{
	width: 					98.3%;
	float: 					left;
	margin: 				1.5%;
	cursor: 				pointer;
	text-align: 			center;
	background-color: 		#BBE000;
	padding: 				1%;
	font-size: 				120%;
}
.btn_pro2:hover
{
	background-color: 		#4A4A4A;
	color: 					#fff;
}
.btn_proUno
{
	width: 					28.3%;
	float: 					left;
	margin: 				1.5%;
	cursor: 				pointer;
	text-align: 			center;
	background-color: 		#BBE000;
	padding: 				1%;
	font-size: 				120%;
}
.btn_proUno:hover
{
	background-color: 		#fff;
}
.btn_proDos
{
	width: 					28.3%;
	float: 					left;
	margin: 				1.5%;
	cursor: 				pointer;
	text-align: 			center;
	background-color: 		#FE5042;
	padding: 				1%;
	font-size: 				120%;
}
.btn_proDos:hover
{
	background-color: 		#fff;
}
.btn_proTres
{
	width: 					28.3%;
	float: 					left;
	margin: 				1.5%;
	cursor: 				pointer;
	text-align: 			center;
	background-color: 		#E0A000;
	padding: 				1%;
	font-size: 				120%;
}
.btn_proTres:hover
{
	background-color: 		#fff;
}
#verListadoProd
{
	width: 					100%;
	float: 					left;
	min-height: 			200px;
	overflow: 				auto;
	/*display: 				none;*/
	border-bottom: 			2px dotted #666;
}
#vende_rapido
{
	width: 					100%;
	float: 					left;
	background-color: 		#F7F7F7;
	padding-bottom: 		1%;
}
#vende_rapido2
{
	width: 					100%;
	float: 					left;
	background-color: 		#fff;
	padding-bottom: 		1%;
}
.medioPago2
{
	width: 					49%;
	margin: 				0.5%;
	float: 					left;
	min-height: 			350px;
	background-color: 		#fff;
}
.combos
{
	margin: 			    0.5%;
	margin-left: 			1%;
	float: 					left;
	padding: 				0.8%;
	background-color: 		#00A1C6;
	color: 					#fff;
	font-size: 				110%;
	cursor: 				pointer;
}
.combos:hover
{
	background-color: 		#7B7B7B;
	color: 					#fff;
}
#salir3
{
	width: 					8%;
	margin: 				1%;
	float: 					right;
}
#boton_salir
{
	background-color: 		#EC9219;
	cursor: 				pointer;
	display: 				table;
	padding-left: 			2%;
	padding-top: 			0.5%;
	padding-bottom: 		0.5%;
	padding-right: 			2%;
	margin: 				0.5%;
	color: 					#fff;
	width: 					96%;
	font-size: 				150%;
	text-align: 			center;
}
#boton_salir:hover
{
	background-color: 		#CFD5DE;
	color: 					#000;
}
.productos
{
	width: 					31.3%;
	margin: 			    0.5%;
	float: 					left;
	padding: 				0.5%;
	background-color: 		#FFE7C3;
	font-size: 				100%;
	cursor: 				pointer;
	min-height: 			130px;
	max-height: 			130px;
	text-align: 			center;
	padding-top: 			25px;
}
.productos:hover
{
	background-color: 		#eee;
}
.productos2
{
	width: 					31.3%;
	margin: 			    0.5%;
	float: 					left;
	padding: 				0.5%;
	background-color: 		#4CC4EC;
	font-size: 				100%;
	cursor: 				pointer;
	min-height: 			60px;
	text-align: 			center;
	padding-top: 			25px;
}
.productos2:hover
{
	background-color: 		#eee;
}
.agrandaTxt
{
	font-size: 				130%;
}
.agrandaTxt0
{
	font-size: 				110%;
}
.agrandaTxt1
{
	font-size: 				180%;
}
.agrandaTxt2
{
	font-size: 				170%;
}
.agrandaTxt3
{
	font-size: 				200%;
	text-align: 			center;
}
.inicio
{
	width: 					31.3%;
	margin: 			    0 auto;
	padding: 				0.5%;
	background-color: 		#66CCFF;
	font-size: 				100%;
	cursor: 				pointer;
	min-height: 			60px;
	text-align: 			center;
	text-decoration: 		none;
}
.inicio:hover
{
	background-color: 		#eee;
}
.inicio2
{
	width: 					31.3%;
	margin: 			    0 auto;
	padding: 				0.5%;
	background-color: 		#66FF33;
	font-size: 				100%;
	cursor: 				pointer;
	min-height: 			60px;
	text-align: 			center;
	text-decoration: 		none;
}
.inicio2:hover
{
	background-color: 		#eee;
}
.borde_bajo
{
	border-bottom:			1px dotted #000;
}
#oculto
{
	display: 				none;
}
#oculto2
{
	display: 				none;
}
.addDescto
{
	font-size: 				150%;
	color:  				red;
	font-weight:  			bold;
	cursor: 				pointer;
}
.addDescto2
{
	font-size: 				150%;
	color:  				blue;
	font-weight:  			bold;
	cursor: 				pointer;
}
#oculto_dscto
{
	display: 				none;
}
#oculto_pagar
{
	display: 				none;
}
#oculto_entrega
{
	display: 				none;
}
#oculto_direccion
{
	display: 				none;
}
#oculto_cliente
{
	display: 				none;
}
.entero_inicio
{
	margin-top: 			8%;
	width: 					99%;
	padding: 				0.5%;
	float: 					left;
	min-height: 			400px;
}
.entero4
{
	width: 					100%;
	float: 					left;
	min-height: 			250px;
	overflow: 				auto;
	background: 			#FFF;
}
.box_menu2
{
	width: 					83%;
	float: 					left;
	margin-left: 			15%;
	margin-top: 			1%;
	padding: 				1%;
	background-color:       #FFFF33;
	color: 					#000;
	cursor: 				pointer;
}
.box_menu2:hover
{
	color: 					#fff;
	background-color:       #00A1C6;
}
.treinta
{
	width: 					30%;
	float: 					left;
	min-height: 			90px;
	max-height: 			90px;
}
.setenta
{
	width: 					69%;
	float: 					left;
	min-height: 			90px;
	max-height: 			90px;
	overflow: 				auto;
}
.treinta2
{
	width: 					30%;
	float: 					left;
	min-height: 			90px;
}
.setenta2
{
	width: 					69%;
	float: 					left;
	min-height: 			250px;
	max-height: 			250px;
	overflow: 				auto;
}
.borde_punteado_abajo
{
	border-bottom:  		2px dotted #eee;
}
.borde_punteado_arriba
{
	border-top:  			2px dotted #eee;
}
.borde_punteado_izquierda
{
	border-left:  			2px dotted #eee;
}
.borde_punteado_derecha
{
	border-right:  			2px dotted #eee;
}
.box_categorias
{
	float: 					left;
	margin: 				0.5%;
	padding: 				1%;
	background-color: 		#FFCC33;
	cursor: 				pointer;
}
.box_categorias:hover
{
	background-color: 		#FFFFFF;
}
.modulo_productos
{
	width: 					96%;
	float: 					left;
	margin: 				1%;
	padding: 				1%;
	background-color: 		#F4F6FF;
	cursor: 				pointer;
}
.modulo_productos:hover
{
	background-color: 		#FFFFFF;
}

.error_informar
{
	border: 				2px dotted red;
	background-color: 		#FFF3F3;
}
.medio_simple
{
	width: 					50%;
	float: 					left;
}
#titulo_titulo
{
	font-size: 				150%;
	text-align: 			center;
}
.inicio3
{
	width: 					31.3%;
	margin: 			    0 auto;
	padding: 				0.5%;
	background-color: 		#FF9900;
	font-size: 				100%;
	cursor: 				pointer;
	min-height: 			60px;
	text-align: 			center;
	text-decoration: 		none;
}
.inicio3:hover
{
	background-color: 		#eee;
}

.entero_ventas
{
	width: 					95.5%;
	padding: 				1%;
	margin: 				1%;
	float: 					left;
	border:  		2px dotted #eee;
}

.entero_ventas:hover
{
	background-color:  		rgba(174, 182, 191, 0.3);
}

#mostrar_informacion_real
{
	width: 					100%;
	float: 					left;
	min-height: 			300px;
	max-height: 			300px;
	overflow: auto;
}

.boton_amarillo
{
	width: 					96%;
	float: 					left;
	margin: 				1%;
	padding: 				1%;
	background-color:       #FFFF33;
	color: 					#000;
	cursor: 				pointer;
}

.boton_amarillo:hover
{
	color: 					#fff;
	background-color:       #00A1C6;
}

.veinticinco
{
	width: 					25%;
	float: 					left;
	min-height: 			200px;
	max-height: 			200px;
	overflow: 				auto;
}