@media only screen and (min-width : 800px){
	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: 		#99FF33;
		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: 					99.5%;
		padding: 				0.25%;
		float: 					left;
		padding-bottom: 		1%;
		background-color: 		#1B2E2A;
	}
	#head2
	{
		width: 					99.5%;
		padding: 				0.25%;
		float: 					left;
		padding-bottom: 		1%;
		background-color: 		#1B2E2A;
	}
	#logo
	{
		width: 					25%;
		float: 					left;
	}
	#logo img
	{
		margin-left: 			5%;
		width: 					10%;
		z-index: 				9999;
		position: 				fixed;
		background-color: 		#fff;
	}
	#info
	{
		width: 					60%;
		float: 					left;
		padding: 				0.25%;
		margin-left: 			20%;
		background-color: 		#fff;
	}
	#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%;
		background-color: 		#FF453C;
	}
	#infoCli
	{
		width: 					80%;
		float: 					left;
	}
	#hora
	{
		width: 					45%;
		float: 					left;
	}
	#liveclock
	{
		width: 					17%;
		float: 					left;
		background-color: 		#F9CC11;
		padding: 		        1%;
		font-size: 				150%;
		color: 					#1d2d2a;
		text-align: 			center;
		border:  				2px rgba(29, 45, 42, 0.3) dotted;
		margin-top: 			0.2%;
	}
	#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: 			5%;
	}
	#totTot2
	{
		width: 					100%;
		font-size: 				200%;
		font-weight: 			lighter;
		margin-top: 			9%;
	}
	#totTot3
	{
		width: 					100%;
		font-size: 				150%;
		font-weight: 			lighter;
		margin-top: 			20%;
	}
	#totTot4
	{
		width: 					50%;
		float: 					left;
		font-size: 				180%;
		font-weight: 			lighter;
		margin-top: 			5%;
		background: 			#C5F4FB;
	}
	#totTot5
	{
		width: 					50%;
		float: 					left;
		font-size: 				180%;
		font-weight: 			lighter;
		margin-top: 			5%;
		background: 			#FFD2AB;
	}
	#totTot6
	{
		width: 					100%;
		float: 					left;
		font-size: 				180%;
		font-weight: 			lighter;
		margin-top: 			5%;
		background: 			#C5F4FB;
	}
	#totTot7
	{
		width: 					100%;
		float: 					left;
		font-size: 				150%;
		font-weight: 			lighter;
		margin-top: 			5%;
		background: 			#fff;
	}
	#cuerpo
	{
		float: 					left;
		width: 					100%;
		padding-top:  			0.1%;
	}
	#menu
	{
		float: 					right;
		width: 					15.5%;
		margin-left: 			0.5%;
		background: 			#fff;
	}
	.contenido_pos
	{
		width: 					84%;
		float: 					right;
		padding-top: 			3%;
	}
	#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: 				120%;
		min-height: 			100px;	
	}
	/******************************************************/
	#cuerpo_categoria
	{
		width: 					96%;
		margin: 				2%;
		float: 					left;
		background-color: 		#fff;
	}
	.menuOculto1
	{
		width: 					100%;
		float: 					left;
		min-height: 			115px;
		background-color: 		#FFF4D8;
	}
	.box_menu
	{
		width: 					83%;
		float: 					left;
		margin-left: 			15%;
		margin-top: 			1%;
		padding: 				1%;
		background-color:       #fff;
		cursor: 				pointer;
	}
	.box_menu:hover
	{
		color: 					#fff;
		background-color:       #999;
	}
	.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;
	}
	.entero4
	{
		width: 					99%;
		margin: 				0.5%;
		float: 					left;
		background: 			#fff;
		margin-top: 			2%;
		min-height: 			250px;
	}
	.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: 					60%;
		float: 					left;
		height: 				550px;
		overflow: 				auto;
		background-color: 		#eee;
	}
	.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: 					40%;
		float: 					left;
		min-height: 			550px;
		text-align: 			center;
		overflow: 				auto;
		background-color: 		#F1F1F1;
	}
	.medioPagar
	{
		width: 					49%;
		margin: 				0.5%;
		float: 					left;
		min-height: 			250px;
		background-color: 		#fff;
	}
	.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: 		#fff;
	}
	.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;
		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.5%;
		background-color: 		#B0E5FA;
		font-size: 				110%;
		cursor: 				pointer;
	}
	.combos:hover
	{
		background-color: 		#eee;
	}
	#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: 		#FFD375;
		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: 		#4CC4EC;
		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;
	}
	.borde_bajo2
	{
		border-bottom:			1px dotted #3C3C3C;
	}
	#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;
	}
	#oculto_movil
	{
		display: 				none;
	}
	#oculto_productos
	{
		display: 				none;
	}
	#oculto_productos2
	{
		display: 				none;
	}
	#oculto_productos3
	{
		display: 				none;
	}
	.entero_inicio
	{
		margin-top: 			3%;
		width: 					99%;
		padding: 				0.5%;
		float: 					left;
		min-height: 			400px;
	}
}


@media only screen and (min-width: 100px) and (max-width: 800px){
	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: 					99.5%;
		padding: 				0.25%;
		float: 					left;
		padding-bottom: 		1%;
		background-color: 		#1B2E2A;
	}
	#head2
	{
		width: 					99.5%;
		padding: 				0.25%;
		float: 					left;
		padding-bottom: 		1%;
		background-color: 		#1B2E2A;
	}
	#logo
	{
		width: 					25%;
		float: 					left;
	}
	#logo img
	{
		width: 					80%;
		background-color: 		#fff;
	}
	#info3
	{
		width: 					73%;
		float: 					left;
		padding: 				0.25%;
		background-color: 		rgba(255,255,255,0.9);
	}
	#info
	{
		width: 					60%;
		float: 					left;
		padding: 				0.25%;
		margin-left: 			20%;
		background-color: 		#fff;
	}
	#info2
	{
		width: 					60%;
		float: 					left;
		padding: 				0.25%;
		margin-left: 			20%;
		background-color: 		#fe5000;
	}
	#salirBtn
	{
		width: 					10%;
		float: 					right;
		font-size: 				120%;
		margin-top: 			1%;
		background-color: 		#FF453C;
	}
	#infoCli
	{
		width: 					80%;
		float: 					left;
	}
	#hora
	{
		width: 					45%;
		float: 					left;
	}
	#liveclock
	{
		width: 					17%;
		float: 					left;
		background-color: 		#F9CC11;
		padding: 		        1%;
		font-size: 				150%;
		color: 					#1d2d2a;
		text-align: 			center;
		border:  				2px rgba(29, 45, 42, 0.3) dotted;
		margin-top: 			0.2%;
	}
	#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: 			5%;
	}
	#totTot2
	{
		width: 					100%;
		font-size: 				200%;
		font-weight: 			lighter;
		margin-top: 			9%;
	}
	#totTot3
	{
		width: 					100%;
		font-size: 				150%;
		font-weight: 			lighter;
		margin-top: 			20%;
	}
	#totTot4
	{
		width: 					50%;
		float: 					left;
		font-size: 				180%;
		font-weight: 			lighter;
		margin-top: 			5%;
		background: 			#C5F4FB;
	}
	#totTot5
	{
		width: 					50%;
		float: 					left;
		font-size: 				180%;
		font-weight: 			lighter;
		margin-top: 			5%;
		background: 			#FFD2AB;
	}
	#totTot6
	{
		width: 					100%;
		float: 					left;
		font-size: 				180%;
		font-weight: 			lighter;
		margin-top: 			5%;
		background: 			#C5F4FB;
	}
	#totTot7
	{
		width: 					100%;
		float: 					left;
		font-size: 				150%;
		font-weight: 			lighter;
		margin-top: 			5%;
		background: 			#fff;
	}
	#cuerpo
	{
		float: 					left;
		width: 					100%;
		padding-top:  			0.1%;
	}
	#menu
	{
		float: 					right;
		width: 					15.5%;
		margin-left: 			0.5%;
		background: 			#fff;
	}
	.contenido_pos
	{
		width: 					84%;
		float: 					right;
		padding-top: 			3%;
	}
	#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: 				120%;
		min-height: 			100px;	
	}
	/******************************************************/
	#cuerpo_categoria
	{
		width: 					96%;
		margin: 				2%;
		float: 					left;
		background-color: 		#fff;
	}
	.menuOculto1
	{
		width: 					100%;
		float: 					left;
		min-height: 			115px;
		background-color: 		#FFF4D8;
	}
	.box_menu
	{
		width: 					83%;
		float: 					left;
		margin-left: 			15%;
		margin-top: 			1%;
		padding: 				1%;
		background-color:       #fff;
		cursor: 				pointer;
	}
	.box_menu:hover
	{
		color: 					#fff;
		background-color:       #999;
	}
	.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;
	}
	.entero4
	{
		width: 					99%;
		margin: 				0.5%;
		float: 					left;
		background: 			#fff;
		margin-top: 			2%;
		min-height: 			250px;
	}
	.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: 					60%;
		float: 					left;
		height: 				550px;
		overflow: 				auto;
		background-color: 		#eee;
	}
	.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: 					40%;
		float: 					left;
		min-height: 			550px;
		text-align: 			center;
		overflow: 				auto;
		background-color: 		#F1F1F1;
	}
	.medioPagar
	{
		width: 					49%;
		margin: 				0.5%;
		float: 					left;
		min-height: 			250px;
		background-color: 		#fff;
	}
	.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: 		#fff;
	}
	.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;
		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.5%;
		background-color: 		#B0E5FA;
		font-size: 				110%;
		cursor: 				pointer;
	}
	.combos:hover
	{
		background-color: 		#eee;
	}
	#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: 				100%;
		text-align: 			center;
	}
	.inicio
	{
		width: 					31.3%;
		margin: 			    0 auto;
		padding: 				0.5%;
		background-color: 		#FFD375;
		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: 		#4CC4EC;
		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;
	}
	.borde_bajo2
	{
		border-bottom:			1px dotted #3C3C3C;
	}
	#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;
	}
	#oculto_movil
	{
		display: 				none;
	}
	#oculto_productos
	{
		display: 				none;
	}
	#oculto_productos2
	{
		display: 				none;
	}
	#oculto_productos3
	{
		display: 				none;
	}
	.entero_inicio
	{
		margin-top: 			8%;
		width: 					99%;
		padding: 				0.5%;
		float: 					left;
		min-height: 			400px;
	}
}