@charset "utf-8";
@font-face {
font-family: Montserrat-Light;
src: url(tipos/Montserrat-Light.ttf);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
*:focus {
     outline: none;
}
select{
	text-align-last: center;
}
input[type="submit"],
button{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
input[type="text"],
button{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
input[type="password"],
button{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

input[type="time"],
button{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Montserrat-Light', sans-serif;
	font-size: 1.1em;
	color: #000;
}

.contLoguin {
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 150px;
	text-align: center;
}
.contLoguinTitulo {
	font-weight: bold;
	font-size: 1.2em;
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}
#Us{
	height: 30px;
	width: 500px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border: 0.5px solid #CCC;
	text-align: center;
}
#Cont{
	height: 30px;
	width: 500px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border: 0.5px solid #CCC;
	text-align: center;
}
.Contra{
	height: 30px;
	width: 500px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border: 0.5px solid #CCC;
	text-align: center;
}
.result{
	text-align: center;
	color:red;
	font-size: 1.2em;
}
.Boton {
	cursor:pointer;
	color: #FFF;
	background-color: #666;
	padding: 10px;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.Boton:hover {
	background-color: #ccc;
}
.BotonCambioCont {
	cursor:pointer;
	color: #FFF;
	background-color: #666;
	padding: 10px;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
}
.BotonCambioCont:hover {
	background-color: #ccc;
}
.Buscador {
	background-color: #27348b;
	text-align: center;
	overflow:hidden;
	width: 100%;
	margin-bottom:40px;
}
.Buscador  img{
  width: 300px;
}
.BuscadorMenu {
	cursor:pointer;
	float: left;
	margin-left: 100px;
}
.BuscadorMenu img {
	width: 50px;
	height: 50px;
}
.Usuario {
	float: left;
	width: 200px;
	color: #F00;
	height: 35px;
}
.contMenu {
	-webkit-box-shadow: 4px 3px 14px -1px rgba(158,150,158,1);
	-moz-box-shadow: 4px 3px 14px -1px rgba(158,150,158,1);
	box-shadow: 4px 3px 14px -1px rgba(158,150,158,1);
	background-color: #eee;
	height: auto;
	width: 200px;
	float: left;
	position: fixed;
	z-index: 50;
	left: 0px;
	top: 0px;
	display:none;
}
.contMenuDentro {
	width: 150px;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.contMenuDentro img {
	width: 40px;
	height: 40px;
}
.menuDentro{
	color: #666;
	background-color: #ccc;
	text-align: center;
	padding: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

.menuDentro:hover {
	color: #FFF;
	background-color: #666;
}
.contMenuDentroCerrar{
	cursor:pointer;
	text-align: center;
}
.munuPrincipal{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	overflow:hidden;
	background-color: #fff;
	overflow: hidden;
	margin-bottom:50px;
}
.articulo,.clientes, .proveedores,.categorias, .marca,.general,.cuentas{
	margin-top:10px;
	cursor:pointer;
	float: left;
	width: 142px;
	height: 35px;
	background-color: #ccc;
	text-align: center;
	color: #666;
	padding-top: 15px;
}
.pedidos{
	margin-top:10px;
	cursor:pointer;
	float: left;
	width: 142px;
	height: 35px;
	background:#A0E4BB;
	text-align: center;
	color: #666;
	padding-top: 15px;
}
.articulo:hover,.clientes:hover, .proveedores:hover, .categorias:hover, .marca:hover, .pedidos:hover,.general:hover,.cuentas:hover{
	background-color: #666;
	color:#fff;
}
.logoDentro{
	margin-left:auto;
	margin-right:auto;
}
.articuloMenu,.clienteMenu,.proveedoresMenu,.categoriaMenu,.marcaMenu{
	display:none;
	margin-right:auto;
	margin-left:auto;
	width: 600px;
	overflow:hidden;
}
.categoriasMenu{
	display:none;
	margin-right:auto;
	margin-left:auto;
	width: 600px;
	overflow:hidden;
}
.NuevoArticulo,.NuevoCliente,.NuevoProveedor,.NuevaMarca,.NuevaCategoria{
	cursor:pointer;
	-webkit-box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	-moz-box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	color:#000;
	float:left;
	background-color:#ccc;
	padding:10px;
	margin:10px;
}
.NuevoArticulo:hover,.NuevoCliente:hover,.NuevoProveedor:hover,.NuevaMarca:hover,.NuevaCategoria:hover{
	color:#fff;
	background-color: #333;
}

.buscaArticulo,.buscaCliente,.buscaProveedor,.buscaMarca,.buscaCategoria{
	cursor:pointer;
	float:left;
	padding:10px;
	margin:10px;
}
.buscaArticulo input,.buscaCliente input,.buscaProveedor input,.buscaMarca input,.buscaCategoria input{
	font-size: 1.1em;
	text-align:center;
	width: 300px;
	height:30px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid #CCC;
}

.buscaArticuloDentro{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	width: 100%;
	overflow:hidden;
}
.buscaArticuloDentro input{
	font-size: 1.1em;
	text-align:center;
	width: 300px;
	height:30px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid #CCC;
}

.Salirarticulos,.Salirclientes,.Salirproveedores,.Salirmarca,.Salircategoria,.Salirgeneral{
	cursor:pointer;
	color:#fff;
	float:left;
	background-color:#fff;
	padding:5px;
	margin:20px;
}
.contArticulos,.contClientes,.contProveedores,.contMarcas,.contCategorias{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	display:none;
	background-color:#D5DBDB;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:200px;
}
.contGeneral{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:200px;
}
.contGeneralCuentas{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:200px;
	margin-top:50px;
}
.contProveedoresModifica,.contMarcasModifica,.contCategoriaModifica,.contClienteModifica{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	background-color:#D5DBDB;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:200px;
}
.contClienteSaldo{
	background-color:#D5DBDB;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.contArticuoModifica{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	background-color:#D5DBDB;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:50px;
}
.ArticulosClietes{
	margin-top:40px;
	display:none;
	margin-right:auto;
	margin-left:auto;
	width: 600px;
	overflow:hidden;
}
.buscaArticulosClieteso{
    margin-left:auto;
	margin-right:auto;
	padding:10px;
	margin:10px;
}
.buscaArticulosClieteso input{
	margin-bottom:25px;
	font-size: 1.3em;
	text-align:center;
	width: 450px;
	height:30px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid #CCC;
}
.contArticuoModificaImg{
	background-color:#D5DBDB;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:50px;
}
.contNuevoCliente{
	overflow:hidden;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height:auto;
	margin-top:50px;
	padding-bottom:50px;
}
.contNuevoClienteSaldo{
	overflow:hidden;
	width:600px;
	margin-right: auto;
	margin-left: auto;
}
.contNuevoClienteSaldoCliente{
	
	overflow:hidden;
	width:600px;
	margin-right: auto;
	margin-left: auto;
}
.contNuevoGeneral{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	background-color:#D5DBDB;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:200px;
}
.contNuevoCuentas{
	background-color:#D5DBDB;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:200px;
}
.contArticuoModificaDatos{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	background-color:#D5DBDB;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-top:30px;
	padding-bottom:50px;
	margin-bottom:50px;
}
.contNuevoClienteDatos{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

.FormNuevoProveedordentroDatos{
	float: left;
	width: 200px;
	height: 60px;
	text-align: center;
	margin-top: 30px;
}
.FormNuevoProveedordentroDatos input{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoProveedordentroDatos textarea{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoProveedordentroDatos select{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 80%;
}
.titulosDentro{
	font-size: 0.8em;
}
.contNuevoProveedor{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.contNuevaMarcas{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.contNuevaMarca{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.contNuevaCategoria{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.titulosGeneral{
	float:left;
	text-align:center;
	padding-top: 40px;
	width: 100%;
	color: #000;
	font-weight: bold;
}
.titulosGeneralSalgo{
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	width: 100%;
	color: #000;
	font-weight: bold;
}
.titulosProveedor{
	float:left;
	text-align:center;
	padding-top: 40px;
	width: 900px;
	color: #000;
	font-weight: bold;
}
.titulosMarca{
	float:left;
	text-align:center;
	padding-top: 40px;
	width: 900px;
	color: #000;
	font-weight: bold;
}
.titulosCategorias{
	float:left;
	text-align:center;
	padding-top: 40px;
	width: 900px;
	color: #000;
	font-weight: bold;
}
.FormNuevoClientedentro{
	float: left;
	width: 300px;
	height: 80px;
	text-align: center;
	margin-top: 30px;
}
.FormNuevoClientedentro input{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoClientedentroHorario{
	float: left;
	width: 300px;
	text-align: center;
	margin-top:50px;
}
.FormNuevoClientedentroHorario select{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #CCC;
	text-align: center;
	width: 150px;
}
.FormNuevoClientedentroTelefono{
	float: left;
	width: 600px;
	text-align: center;
	margin-top:50px;
}
.FormNuevoClientedentroTelefono input{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #CCC;
	text-align: center;
	width: 300px;
	height:30px;
}
.chek{
	margin-top:10px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	height: 40px;
	width: 40px;
}
.FormNuevoClientedentro textarea{
	z-index:500px;
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
	overflow:hidden;
}
.FormNuevoClientedentro select{
	font-size:0.8em;
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 80%;
}
.FormNuevoClientedentrodescripcion textarea{
	z-index:500px;
	border: 1px solid #CCC;
	text-align: center;
	height: 100px;
	width: 70%;
	overflow:hidden;
}
.FormNuevoProveedordentro{
	float: left;
	width: 300px;
	height: 60px;
	text-align: center;
	margin-top: 30px;
}
.FormNuevoProveedordentro input{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoMarcadentro textarea{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoMarcadentro select{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 80%;
}
.FormNuevoMarcadentro{
	float: left;
	width: 300px;
	height: 60px;
	text-align: center;
	margin-top: 30px;
}
.FormNuevoMarcadentro input{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoMarcadentro textarea{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoMarcadentro select{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 80%;
}
.FormNuevoCategoriadentro{
	float: left;
	width: 300px;
	height: 60px;
	text-align: center;
	margin-top: 30px;
}
.FormNuevoCategoriadentro input{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoCategoriadentro textarea{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 90%;
}
.FormNuevoCategoriadentro select{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 80%;
}
.titulosDentro{
	font-size: 0.8em;
}

#BotonNuevoArticulo{
	margin-top:20px;
	cursor: pointer;
	float: right;
	background-color: #ccc;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
	margin-top:50px;
	margin-bottom:50px;
}
#BotonNuevoArticulo:hover{
	color: #fff;
	background-color: #333;
}
#BotonNuevoCliente{
	cursor: pointer;
	float: right;
	background-color: #ccc;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
	margin-top:50px;
	margin-bottom:50px;
}
#BotonNuevoCliente:hover{
	color: #fff;
	background-color: #333;
}
#BotonNuevoHorario,#BotonNuevoNumero,#BotonNuevoTiempoImagen,#BotonNuevoCajones{
	cursor: pointer;
	float: right;
	background-color: #ccc;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
	margin-top:50px;
	margin-bottom:50px;
}
#BotonNuevoHorario:hover,#BotonNuevoNumero:hover,#BotonNuevoTiempoImagen:hover,#BotonNuevoCajones:hover{
	color: #fff;
	background-color: #333;
}


#BotonNuevoProveedor{
	margin-top:20px;
	cursor: pointer;
	float: right;
	background-color: #ccc;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
		margin-top:50px;
	margin-bottom:50px;
}
#BotonNuevoProveedor:hover{
	color: #fff;
	background-color: #333;
}
#BotonNuevaMarca{
	margin-top:20px;
	cursor: pointer;
	float: right;
	background-color: #ccc;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
		margin-top:50px;
	margin-bottom:50px;
}
#BotonNuevaMarca:hover{
	color: #fff;
	background-color: #333;
}

#BotonNuevaCategoria{
	margin-top:20px;
	cursor: pointer;
	float: right;
	background-color: #ccc;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
		margin-top:50px;
	margin-bottom:50px;
}
#BotonNuevaCategoria:hover{
	color: #fff;
	background-color: #333;
}
#BotonProveedorPrecio{
	margin-top:20px;
	cursor: pointer;
	float: right;
	background-color: #ccc;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
}
#BotonProveedorPrecio:hover{
	color: #fff;
	background-color: #333;
}

#BotonEliminarProveedor{
	margin-top:20px;
	cursor: pointer;
	float: right;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
}
#BotonEliminarProveedor:hover{
	color: #fff;
	background-color: #ccc;
}
#BotonEliminarCategoria{
	margin-top:20px;
	cursor: pointer;
	float: right;
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	font-style: italic;
}
#BotonEliminarCategoria:hover{
	color: #fff;
	background-color: #ccc;
}
#RespCargaArticulo{
	display:none;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	position: fixed;
	z-index: 450;
	top: 25%;
}
#RespCargaReporte{
	display:none;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	position: fixed;
	z-index: 450;
	top: 25%;
}
#RespPedidos{
	display:none;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	position: fixed;
	z-index: 550;
	top: 25%;
}
#RespCargaCliente{
	animation-name:animacion;
	animation-duration:2s;
	display:none;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	position: fixed;
	z-index: 5000;
	top: 25%;
}
#RespCargaGeneral{
	animation-name:animacion;
	animation-duration:2s;
	display:none;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	position: fixed;
	z-index: 5000;
	top: 25%;
}

#RespCargaProveedor{
	display:none;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	position: fixed;
	z-index: 450;
	top: 25%;
}
#RespCargaMarca{
	display:none;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	position: fixed;
	z-index: 450;
	top: 25%;
}
#RespCargaCategoria{
	display:none;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	position: fixed;
	z-index: 450;
	top: 25%;
}
#RespCargaProveedorPrecio{
	margin-top:200px;
	display:none;
	color: #FFF;
	background-color: #ccc;
	padding: 10px;
	position: absolute;
	z-index: 450;
	top: 0;
}
.ResultBusquedaArticulo{
	width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.ResultBusquedaCliente{
	width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

.ResultBuscaArticulos{
	width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.ResultBusquedaProveedor{
	 width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.ResultBusquedaMarca{
	 width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.ResultBusquedaCategorias{
	 width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.ArticuloBuscar{
	width: 500px;
	overflow:hidden;
	margin-bottom:50px;
}
.Cliente{
	-webkit-box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	-moz-box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	width: 500px;
	overflow:hidden;
	margin-bottom:50px;
}
.ComtVistaCliente{
	padding-top:25;
	padding-bottom:25;
	float:left;
	width:600px;
	height:350px;
	border-bottom: 2px solid #ccc;
}
.ComtVistaClienteAdmin{
	padding-top:25;
	padding-bottom:25;
	float:left;
	width:600px;
	height:450px;
}
.VistaClienteDesdeadminDescr{
	font-size:1.2em;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
.VistaClienteDesdeadmin{
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
	float:left;
	width:300px;
	height:300px;
	border-bottom: 2px solid #ccc;
}
.VistaCliente{
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
	float:left;
	width:300px;
	height:300px;
	border-bottom: 2px solid #ccc;
}
.VistaClienteConsolidado{
	cursor:pointer;
	background:#fff;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	width:250px;
	height:250px;
	border-bottom: 2px solid #ccc;
}
.VistaClienteConfirmado{
	cursor:pointer;
	background:#fff;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	width:250px;
	height:250px;
	border-bottom: 2px solid #ccc;
}
.pedidodiasDesPedidodiasCant{
	width:300px;
	overflow:hidden;
}
.ComtVistaCliente .VistaCliente{
	border-bottom: 0px;	
}
.VistaCliente:hover {
	background-size: 72%;
}
.ComtVistaDentro{
	float:left;
	width:300px;
	overflow:hidden;
}
.VistaClienteDentroImagen{
	margin-left:auto;
	margin-right:auto;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
	width:400px;
	height:400px;
}
.VistaCliente:hover {
	background-size: 72%;
}
.Datos{
	right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
	background-color: #fff;
	animation-name:animacion;
	animation-duration:0.5s;
	z-index:550;
	position:fixed;
    top:0;
	width: 500px;
	overflow:hidden;
	display:none;
}
.DatosPedido{
	-webkit-box-shadow: 4px 3px 14px -1px rgba(158,150,158,1);
	-moz-box-shadow: 4px 3px 14px -1px rgba(158,150,158,1);
	box-shadow: 4px 3px 14px -1px rgba(158,150,158,1);
	background-color: #eee;
	animation-name:animacion;
	animation-duration:0.5s;
	z-index:550px;
	position:absolute;
	margin-top:-300px;
	margin-left:auto;
	margin-right:auto;
	width: 500px;
	overflow:hidden;
	display:none;
}
.VistaClienteDentroDes{
	width: 500px;
	font-size:1em;
	color:#fff;
	padding:10px;
	text-align:center;
	background:#27348b;
}
.VistaClienteDentro{
	font-size:0.9em;
	padding-top:7px;
}

.VistaClienteImgPedido{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	width: 100px;
	overflow:hidden;
	text-align:center;
}
.VistaClienteImgPedido img{
	display: table-cell;
	vertical-align: middle;
    max-width:100px;
    max-height:100px;
}
.VistaClienteDentroHerra{
	background:#CCC;
	width: 600px;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:20px;
}
.VistaClienteDentroHerraDentro{
	float:left;
	width: 166px;
	overflow:hidden;
}
.VistaClienteDentroHerraDentroConfirma{
	float:left;
	width: 300px;
	overflow:hidden;
}
.VistaClienteDentroHerraDentropedido{
	float:left;
	width: 250px;
	overflow:hidden;
}
.TituloCantidad{
	text-align:center;
	font-size:1.2em;
	padding:3px;
}
.TituloCantidadConfirma{
	padding-top:10px;
	padding-bottom:10px;
	width: 300px;
	text-align:center;
	font-size:1.2em;
}
.Cajainput input{
	margin-left:6px;
	margin-top:3px;
	border:0;
	width: 140px;
	text-align:center;
	font-size:1.6em;
	padding:5px;
}
.CajainputConfirma input{
	margin-left:auto;
	margin-right:auto;
	font-size:4em;
	margin-top:3px;
	border:0;
	width: 300px;
	text-align:center;
}
.Cajainputchec input{
	margin-left:60px;
	width: 45px;
	height: 45px;
	
}
.Cajainputchecfirma input{
	margin-left:125px;
	width: 50px;
	height: 50px;
}
.CajainputPedido input{
	border:0;
	margin-left:70px;
	width: 100px;
	text-align:center;
	font-size:0.9em;
	padding:5px;
}
.CajainputchecPedido select{
	background:#fff;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
	border:0;
	margin-left:70px;
	width: 100px;
	text-align:center;
	font-size:0.9em;
	padding:5px;
}
.VistaClienteDentroHerraDentroConfirma .BotonAgregarPedido{
	animation-name:animacion;
	animation-duration:2s;
	cursor:pointer;
	text-align:center;
	font-size:1.2em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	background:#0AD387;
	width: 200px;
	padding:10px;
	display:none;
	color:#fff;
}
.VistaClienteDentroHerraDentroConfirma .BotonModificaManolito{
	animation-name:animacion;
	animation-duration:2s;
	cursor:pointer;
	text-align:center;
	font-size:1.2em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	background:#0AD387;
	width: 200px;
	padding:10px;
	display:none;
	color:#fff;
}
.VistaClienteDentroHerraDentroConfirma .BotonAgregarPedidoEliminar{
	animation-name:animacion;
	animation-duration:2s;
	cursor:pointer;
	text-align:center;
	font-size:1.2em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	background:#B0B6B5;
	width: 200px;
	padding:10px;
	color:#fff;
}
.BotonPedidoVolver{
	z-index:100;
	position:fixed;
	right: 0;
    left: 0;
	bottom:50px;
    margin-right: auto;
    margin-left: auto;
	width: 600px;
	overflow:hidden;
}
.BotonPedidoVolverArticulo{
	z-index:1;
	position:fixed;
	right: 0;
    left: 0;
	bottom:50px;
    margin-right: auto;
    margin-left: auto;
	width: 300px;
	overflow:hidden;
}
.BotonAgregarPedido{
	cursor:pointer;
	text-align:center;
	font-size:1.4em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top:35px;
	background:#F9AA00;
	width: 150px;
	padding:5px;
}
.BotonAgregarPedido:hover{
	background:#BABABA;
}
.BotonAgregarPedidoManolito{
	cursor:pointer;
	text-align:center;
	font-size:1.4em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top:35px;
	background:#F9AA00;
	width: 150px;
	padding:5px;
}
.BotonAgregarPedidoManolito:hover{
	background:#BABABA;
}

.BotonAgregarPedidoEliminar:hover{
	background:#BABABA;
}
.BotonverPedido{
	float:left;
	animation-name:animacion;
	animation-duration:2s;
	color:#fff;
	cursor:pointer;
	text-align:center;
	font-size:1em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background:#00CF6E;
	width: 230px;
	padding:10px;
	margin-left:25px;
	margin-right:25px;
}
.BotonverPedido:hover{
	background:#BABABA;
}

.BotonVolver{
	float:left;
	animation-name:animacion;
	animation-duration:2s;
	color:#fff;
	cursor:pointer;
	text-align:center;
	font-size:1em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background:#00CF6E;
	width: 230px;
	padding:10px;
	margin-left:25px;
	margin-right:25px;
}
.BotonVolver:hover{
	background:#BABABA;
}

.BotonverPedidoEnviar{
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
	animation-name:animacion;
	animation-duration:2s;
	color:#fff;
	cursor:pointer;
	text-align:center;
	font-size:1.2em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background:#00CF6E;
	width: 350px;
	padding:10px;
}
.BotonverPedidoEnviar:hover{
	background:#BABABA;
}
.Proveedores{
	-webkit-box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	-moz-box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	box-shadow: 6px 6px 16px -4px rgba(209,207,209,1);
	width: 500px;
	overflow:hidden;
	margin-bottom:50px;
}

.ClienteDatos{
	width: 500px;
	overflow:hidden;
	background-color: #ccc;
}
.ClienteDatosOrdenes{
	width: 400px;
	overflow:hidden;
	background-color: #ccc;
}
.ProveedorDatos{
	width: 500px;
	overflow:hidden;
	background-color: #ccc;
}
.ArticuloDentro{
	font-size:0.8em;
	color:#333;
	background-color:#D5DBDB;
	float:right;
	padding-top:2px;
	padding-bottom:2px;
	width: 394px;
	padding:3px;
	overflow:hidden;
}
.ArticuloDentroDesc{
	background:#eee;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	width: 400px;
	overflow:hidden;
	text-align:center;
}
.ClienteDentro{
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	width: 160px;
	overflow:hidden;
	text-align:center;
}

.ClienteDatosOrdenesDentro{
	float:left;
	padding-top:20px;
	width: 120px;
	height:40px;
	text-align:center;
}
.ProveedorDentro{
	float:left;
	width: 166px;
	padding-top:15px;
	padding-bottom:15px;
	overflow:hidden;
	text-align:center;
}
.bcliente{
	cursor:pointer;
}
.bproveedor{
	cursor:pointer;
}
.menumodificar{
	position:fixed;
	top:10px;
	left:10px;
	background:#fff;
	overflow:hidden;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	width: 50px;
	height: 50px;
}
.menumodificar2{
	overflow:hidden;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}
.menumodificarimg{
	margin:10px;
	cursor:pointer;
	background:#ccc;
	font-size: 1em;
	padding:10px;
	float:left;
	margin-right:25px;
}
.menuArticulosClietes,.menumuestraarticulos{
	cursor:pointer;
	background:#ccc;
	font-size: 1em;
	padding:10px;
	float:left;
	margin-right:25px;
}
.menuArticulosClietes:hover,.menumuestraarticulos:hover{
	background:#333;
	color:#fff;
}
.menumodificarmensaje{
	cursor:pointer;
	background:#ccc;
	font-size: 1em;
	padding:10px;
	float:left;
	margin-right:25px;
}
.menumodificarmensaje:hover{
	background:#333;
	color:#fff;
}
.menumodificarimg:hover{
	background:#333;
	color:#fff;
}

a{
	color:#000;
}

#contImgGeneralInfo{
	float: left;
	height: 450px;
	width: 450px;
}

#ImgGeneral,#ImgCliente{
	cursor:pointer;
	height: 170px;
	width: 450px;
	text-align:center;
}
#ImgGeneral img,#ImgCliente img{
	max-width:170px;
	max-height:170px;
}
#contImgGeneral{
	cursor:pointer;
	overflow:hidden;
	width: 450px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align:center;
}
#contImgGeneral img{
	max-width:170px;
	max-height:170px;
}
#contImgInfo{
	margin-top:50px;
	text-align:center;
	overflow:hidden;
	width: 400px;
}

#ImgServidorEliminar{
	color:#000;
	float:right;
	width:30px;
	height:30px;
	font-size: 1.2em;
	margin-right:20px;
}
#ImgServidorEliminar:hover{
	background-color:red;
	color:#fff;
}
#CargarImagenTiempo {
	display:none;
	background-color: #000;
	width: 100%;
	position: fixed;
	z-index: 500;
	height: 1500px;
	left: 0px;
	top: 0px;
	opacity: 0.5;
}
#myProgress {
  width: 100%;
  background-color: red;
}

#myBar {
  width: 1%;
  height: 25px;
  background-color: #0C0;
}
.Resultconeccion{
	display:none;
	opacity: 0.5;
	font-size: 2em;
	color: #FFF;
	background-color: #F00;
	text-align: center;
	height: 500px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 250px;
	position: fixed;
	z-index: 25;
	top: 0px;
	}
.ArticuloDentroImg{
	float:left;
	width: 100px;
	height:100px;
	text-align:center;
}
.ArticuloDentroImg img{
	display: table-cell;
	vertical-align: middle;
    max-width:100px;
    max-height:100px;
}
.ClienteDentroImg{
	float:left;
	width: 100px;
	height:100px;
	text-align:center;
}
.ClienteDentroImg img{
	display: table-cell;
	vertical-align: middle;
    max-width:100px;
    max-height:100px;
}
.EnviarMensaje{
	display:none;
	-webkit-box-shadow: 7px 4px 28px -2px rgba(181,181,181,1);
	-moz-box-shadow: 7px 4px 28px -2px rgba(181,181,181,1);
	box-shadow: 7px 4px 28px -2px rgba(181,181,181,1);
	padding: 10px;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	width: 400px;
	position: fixed;
	z-index: 35;
	left: 0px;
	top: 0px;
}
.EnviarMensajeWhatsapp,.EnviarMensajeMail{
	float:left;
	text-align:center;
	width: 200px;
}
.formContacto{
	display:none;
	-webkit-box-shadow: 7px 4px 28px -2px rgba(181,181,181,1);
	-moz-box-shadow: 7px 4px 28px -2px rgba(181,181,181,1);
	box-shadow: 7px 4px 28px -2px rgba(181,181,181,1);
	padding: 10px;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	width: 400px;
	position: fixed;
	z-index: 35;
	left: 0px;
	top: 200px;
}
#BotonFormulario{
	font-size: 1.3em;
	border: none;
	background-color: #096;
	padding: 10px;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
#resp{
	color:red;
}
.BotonMail{
	cursor:pointer;
}
#enviarPresupuesto{
	cursor:pointer;
	width:300px;
	color:#fff;
	background-color: #009866;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
.eliminarArt{
	cursor:pointer;
	text-align:center;
	width:300px;
	color:#fff;
	padding:10px;
	background-color: red;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:200px;
}
.eliminarArt a{
	color:#fff;
}
.eliminarArt:hover{
	background-color: #333;
}
#muestraArt{
	cursor:pointer;
	text-align:center;
	width:300px;
	color:#fff;
	padding:10px;
	background-color: #27348b;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}
#muestraArt:hover{
	background-color: #333;
}
.lupa{
	width:50px;
	float:right;
	background-color:  #333;
}
.lupa:hover{
	background-color:  #999;
}
#cerrarArt{
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	width:150px;
	padding-bottom:15px;
	padding-top:15px;
	margin-top:15px;
	margin-bottom:15px;
	background-color: #27348b;
	text-align:center;
	font-size: 1em;
}
#cerrarArt:hover{
	background-color:  #333;
	text-align:center;
	font-size: 1em;
}
.sinconfirmar{
	background:red;
	color:#fff;
	position:fixed;
	z-index:50;
	top:0;
	right:0;
	width: 250px;
	text-align:center;
	padding:10px;
}
.sinconfirmarDentro{
	color:#fff;
	width: 100%;
	text-align:center;
	padding:5px;
}
.sinconfirmarDentro:hover{
	background:#333;
}
.contenedorRemitos{
	font-size:0.9em;
	margin-top:20px;
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:100px;
}
.contenedorRemitosTituloItems{
	margin-top:20px;
	margin-bottom:10px;
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.RemitosDentroDatos{
	margin-top:20px;
	width: 120px;
	float:left;
	text-align:center;
	height:20px;
}
.RemitosDentroDatosQuitar{
	cursor:pointer;
	color:blue;
	margin-top:20px;
	width: 120px;
	float:left;
	text-align:center;
}
.RemitosDentroDatosFinales{
	padding-top:10px;
	padding-bottom:10px;
	width: 300px;
	float:left;
	text-align:center;
}

.RemitosDentroDatos input{
	font-size:1em;
	border:none;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	width: 110px;
	color:red;
	font-weight: bold;
}
.RemitosDentro{
	width: 150px;
	float:left;
	text-align:center;
}
.contenedorVentasTituloItems{
	font-size:1em;
	margin-top:10px;
	margin-bottom:10px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:10px;
}
.formadepago{
	margin-top:20px;
	width: 300px;
	float:left;
	text-align:center;
	height:20px;
}
.RemitosDentroItems{
	float:left;
	background:#92C69C;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:15px;
	width: 500px;
	overflow:hidden;
	
}
.RemitosTotales{
	background:#333;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width: 600px;
	overflow:hidden;
	margin-bottom:50px;
}
.sinresultados{
	text-align:center;
	margin-top:100px;
}
.sinresultadoscargarventa{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background:red;
	color:#fff;
	font-size:1em;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	width: 300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}
.sinresultadoscargarventa:hover{
	background:#333;
	
}
.selectformapago{
	font-size:1em;
	width: 250px;
	padding:10;
}
.contenedorVentasItems{
	background:#eee;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#preciofijo {
	color:#333;
}
#precioFinal{
	font-size:1em;
	border:none;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	width: 110px;
	color:red;
	font-weight: bold;
}
.refrescaventa{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background:#92C69C;
	color:#fff;
	font-size:1em;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	width: 300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:150px;
}
.refrescaventa:hover{
	background:#333;
	
}
.VentaConfirmada{
	cursor:pointer;
	padding:15px;
	width:200px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	color:#0D8009;
    margin-bottom:50px;
}
.confirmarVenta{
	cursor:pointer;
	padding:15px;
	width:200px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background:#ccc;
    margin-bottom:50px;
}
.confirmarVenta:hover{
	color:#fff;
	background:#666;
}
#botonImprimir{
	cursor:pointer;
	padding:15px;
	width:200px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background:#ccc;
    margin-bottom:200px;
}
#botonImprimir:hover{
	color:#fff;
	background:#666;
}
.selectdesc, .selectrecarga, .selectcant{
	font-size:1em;
	width: 70px;
	padding:10;
}
.Nombreartitems{
	color:#333;
	width: 900px;
	text-align:center;
	padding-top:50px;
	float:left;
}
.articulosMenuModifica{
	margin-right:auto;
	margin-left:auto;
	width: 600px;
	overflow:hidden;
}
.tituloGeneral{
	font-size:1.6em;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.buscaVentas{
	margin-top:20px;
	background:#eee;
	overflow:hidden;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.buscaVentasDentro{
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
	width:600px;
	text-align:center;
}
#botonbuscaVentasLocal{
	margin-left:auto;
	margin-right:auto;
	border:none;
	font-size:1em;
	cursor:pointer;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#fff;
	text-align:center;
	width:250px;
	padding:10px;
	background:#FF5733;
	margin-bottom:50px;
}
#botonbuscaVentasLocal:hover{
	background:#333;
}
.contenedorRemitos{
	font-size:0.9em;
	margin-top:20px;
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:100px;
}
.contenedorRemitosDentro{
	background:#ccc;
	width: 600px;
	padding-bottom:20px;
	padding-top:20px;
	margin-top:20px;
	overflow:hidden;
}
.contenedorRemitosDentro:hover{
	color:#fff;
	background:#666;
}
.RemitosDentro{
	width: 150px;
	float:left;
	text-align:center;
}
.cotadorVentas{
	position:fixed;
	z-index:50px;
	bottom:15%;
	left:0;
	background:red;
	padding:15px;
	font-size:1em;
	color:#fff;
}
.FormNuevoClientedentrodescripcion{
	float: left;
	width: 900px;
	overflow:hidden;
	text-align: center;
	margin-top: 30px;
}
.FormNuevoClientedentrodescripcion input{
	border: 1px solid #CCC;
	text-align: center;
	height: 30px;
	width: 70%;
}
.FormNuevoClientedentrodescripcionmap{
	float: left;
	width: 900px;
	overflow:hidden;
	text-align: center;
	margin-top: 30px;
}
#map{
	float: left;
	width: 100%;
	height: 300px;
}
.SumaRestartCont{
	margin-top:10px;
	float:right;
	width: 390px;
	height: 30px;
}
.SumaRestart{
	text-align:center;
	float:left;
	width: 195px;
	height: 30px;
}
.SumaRestart img:hover{
	cursor:pointer;
}

@keyframes animacion {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes animacion {
    from {opacity: 0;}
    to {opacity: 1;}
}
.sinart{
	color:red;
	text-align:center;
	margin-top:100px;
	margin-bottom:200px;
}
.conArticulos{
	width: 1200px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 100px;
}
.titulodata{
	color:#fff;
	background:#27348b;
	font-weight: bold;
	padding-top:10px;
	padding-bottom:10px;
	width: 1200px;
	overflow:hidden;
	font-size:1.3em;
	text-align:center;
}
.contPedidodias{
	width: 1200px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:200px;
}
.contPedidodiasCons{
	width: 600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:400px;
}
.ContpedidoHerramientas{
	width: 600px;
	height:700px;
	overflow:hidden;
	float:left;
}
.pedidodias{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	margin-top:20px;
	margin-right:10px;
	background-color:#ccc;
	width:590px;
	height:500px;
	overflow: auto;
}
.pedidodiasCons{
	margin-right:auto;
	margin-left:auto;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	margin-top:20px;
	margin-right:10px;
	background-color:#ccc;
	width:600px;
    overflow:hidden;
}

#ContrespuestaBusqueda{
	margin-top:50px;
    overflow:hidden;
}
#ContrespuestaBusquedaCuentas{
    overflow:hidden;
}
.respuestaBusqueda{
	margin-left:12px;
	margin-right:12px;
	margin-bottom:50px;
	float:left;
	width:505px;
    overflow:hidden;
}
.respuestaBusquedaCuentas{
	background:#dddd;
	margin-bottom:50px;
	float:left;
	width:900px;
    overflow:hidden;
}
#respuestaBusquedahoy{
	margin-left:25px;
	float:left;
	width:505px;
    overflow:hidden;
}
.pedidodiasConsBuscador{
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	background-color:#ccc;
	width:500px;
    overflow:hidden;
}
.pedidodiasConsBuscadorCuentas{
	margin-right:auto;
	margin-left:auto;
	width:900;
    overflow:hidden;
}
.pedidodiasDiaBuscador{
	text-align:center;
	padding:10px;
	background:#C3C3C3;
	font-size:1em;
	color:#fff;
}
.pedidodiasDiaConsolidado{
	text-align:center;
	padding:10px;
	background:red;
	font-size:1em;
	color:#fff;
}
#pedidodiasDiaBuscadorHoy{
	text-align:center;
	padding:10px;
	background:#FF5733;
	font-size:1em;
	color:#fff;
}

.pedidodiasDiaNombreClient{
	text-align:center;
	padding:10px;
	background:#253786;
	font-size:0.8em;
	color:#FFF;
}
.ContpedidodiasDesCant{
	background:#ddd;
	width:600px;
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
}
.ContpedidodiasDesCant2{
	background:#ccc;
	width:600px;
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
}
.ContpedidodiasDesCant3{
	background:#f9cacc;
	width:600px;
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
}
.pedidodiasDesCant{
	border-bottom: 0.5px solid #eee;
	color:#333;
	padding-top:10px;
	padding-bottom:10px;
	width:550px;
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
}
.pedidoBuscarDesCantFalta{
	border-bottom: 0.5px solid #eee;
	color:#333;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
}
.pedidoBuscarDesCant{
	border-bottom: 0.5px solid #eee;
	color:#333;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
}
.pedidoBuscarDesPedidodiasCantConf{
	float:left;
	width:500px;
	overflow:hidden;
}
.pedidoBuscarDesPedidodiasCant{
	float:left;
	width:500px;
	overflow:hidden;
}
.pedidodiasDesBuscar{
	float:left;
	width:200px;
	font-size:0.8em;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	color:#333;
	overflow: auto;
}
.contPedidosBuscarDentroNombreVerPedido{
	color:#000;
	font-size:0.8em;
	float:left;
	width: 200px;
	overflow:hidden;
	text-align:center;
}
.ClienteCobro{
	font-weight: bold;
	background:#eee;
	padding-top:25px;
	padding-bottom:25px;
	color:#333;
	font-size:1em;
	width: 500px;
	overflow:hidden;
	text-align:center;
}
.NombreCliente{
	font-weight: bold;
	background:#1A1459;
	padding-top:15px;
	padding-bottom:10px;
	font-size:0.9em;
	width: 500px;
	overflow:hidden;
	text-align:center;
}
.NombreClienteReporteOK{
	background:#1A1459;
	padding-top:35px;
	padding-bottom:15px;
	font-size:1em;
	width: 900px;
	height: 50px;
	text-align:center;
}
#OK{
	background:#1A1459;
}
#NO{
	background:#C7C7C7;
}
#LIS{
	background:#9ED894;
}
.NombreClienteReporteDentroNombre{
	float:left;
	font-size:0.9em;
	width: 400px;
}
.NombreClienteReporteDentroNombre b{
	color :#fff;
}
.NombreClienteReporteDentroBoton{
	float:left;
	width: 50px;
	overflow:hidden;
}
.NombreClienteReporteDentrocontrol{
	float:left;
	width: 300px;
	overflow:hidden;
}
.NombreClienteReporteDentrocontrol select{
	background:transparent;
	width: 150px;
	color:#fff;
}
.NombreClienteReporteDentrocontrol select option{
	color:#333;
}
.NombreClienteReporteDentrocontrolOrden{
	color:#fff;
	margin-left:10px;
	float:left;
	width: 100px;
	overflow:hidden;
}
.NombreClienteReporteDentrocontrolOrden input{
	font-size:1.4em;
	float:left;
	width: 50px;
}
.cambiardiaenvio input{
	text-align:center;
	border:none;
	background:transparent;
	color:#fff;
	font-size:1em;
	float:left;
	width: 150px;
}
.buscofecha{
	text-align:center;
	border:none;
	background:transparent;
	color:#fff;
	font-size:1em;
	margin-left:100px;
}
.cajones{
	float:left;
	width: 40px;
	background:transparent;
	color:#fff;
	border:none;
	text-align:center;
}
.ClienteReporteEstado{
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	background:#787876;
	font-size:1em;
	width: 600px;
	overflow:hidden;
	text-align:center;
	color:#fff;
}
.fechaforma{
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	width: 300px;
}
.NombreCliente a{
	color:#fff;
}
.NombreClienteReporteOK a, .NombreClienteReporteNO a, .NombreClienteReporteLIS a{
	color:#fff;
}
.pedidodiasDia{
	text-align:center;
	padding:10px;
	font-weight: bold;
	background:#1A1459;
	font-size:1.2em;
	color:#fff;
}
.contPedidosBuscarDentroNombre{
	color:#0078B4;
	font-size:0.7em;
	float:left;
	width: 100px;
	overflow:hidden;
	text-align:center;
}
.contConfirmadoUnidades, .pedidodiasCantBuscarimgconfirmado{
	border:none;
	width:65px;
	text-align:center;
	float:left;
	margin-left:15px;
	margin-right:15px;
	cursor:pointer;
}
.contConfirmadoMedias{
	border:none;
	width:65px;
	text-align:center;
	float:left;
	margin-left:15px;
	margin-right:15px;
	cursor:pointer;
}
.iconomedia{
	background:#333;
	color:#fff;
	font-size:1em;
	border:none;
	width:45px;
	text-align:center;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
}
.iconomedia2{
	margin-top:-140px;
	margin-left:20px;
	font-weight: bold;
	background:#333;
	color:#fff;
	font-size:1.4em;
	border:none;
	width:50px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.iconomedia3{
	margin-top:-100px;
	margin-bottom:50px;
	margin-left:50px;
	font-weight: bold;
	background:#333;
	color:#fff;
	font-size:1.4em;
	border:none;
	width:50px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.contConfirmadoUnidades input{
	background:#FFCCCC;
	cursor:pointer;
	color:#333;

}
.contConfirmadoMedias input{
	background:#FFCCCC;
	cursor:pointer;
	color:#333;

}
.pedidodiasCantBuscarimgconfirmado input{
	background:#FFCCCC;
	color:#333;
	font-size:1.3em;
}
.pedidodiasCantBuscar{
	margin-top:10px;
	float:right;
	width:300px;
	overflow: auto;
}
.pedidodiasCantBuscarMedia{
	background:#ddd;
	margin-top:10px;
	float:right;
	width:300px;
	overflow: auto;
}
.pedidodiasCantBuscar input{
	border:none;
	width:65px;
	text-align:center;
	float:left;
	margin-left:15px;
	margin-right:15px;
	font-size:1.3em;
}
.pedidodiasCantBuscarMedia input{
	border:none;
	width:50px;
	text-align:center;
	float:left;
	font-size:1.3em;
}
.pedidodiasCantBuscarRojo,.pedidodiasCantBuscarMediaRojo{
	background:#FFBDBD;
	margin-top:10px;
	float:left;
	width:300px;
	overflow: auto;
}
.pedidodiasCantBuscarRojo input{
	border:none;
	width:65px;
	text-align:center;
	float:left;
	margin-left:15px;
	margin-right:15px;
	font-size:1.3em;
}
.pedidodiasCantBuscarMediaRojo input{
	border:none;
	width:50px;
	text-align:center;
	float:left;
	font-size:1.3em;
}

.pedidodiasCantBuscarFalt,.pedidodiasCantBuscarMediaFalt{
	background:#FFBDBD;
	margin-top:10px;
	float:left;
	width:300px;
	overflow: auto;
}
.pedidosBuscarUnidadesTituDentro{
	margin-left:25px;
	text-align:center;
	font-size:0.8em;
	float:left;
	width:100px;
}

.rojo{
	background:#ccc;
	color:#FF0000;	
}
.verde{
	background:#ccc;
	color:#3CA400;	
}
.rojo2{
	color:#FF0000;	
}
.verde2{
	color:#3CA400;	
}
.gris{
	background:#ccc;
}
.pedidodiasDes{
	color:#333;
	width:200px;
	overflow: auto;
	float:left;
}
.pedidodiasDesConso{
	float:left;
	width:550px;
	font-size:1em;
	font-weight: bold;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	color:#323232;
	overflow: auto;
}
.pedidodiasCantConso{ 
    margin-left:5px;
	margin-right:5px;
	width:300px;
	overflow: hidden;
	padding-bottom:100px;
	margin-left:auto;
	margin-right:auto;
}
.chekConso input{
	border:none;
	padding:0;
	height: 30px;
	width: 30px;
}
.pedidosUnidadesTitu{
	/*background:yellow;*/
	padding-top:10px;
	padding-bottom:10px;
	width:300px;
	float:left;
}
.inputpedidocons input[type="text"]{
	margin-left:80px;
    height:150px;
	width:150px;
	font-size:4em;
	background:#fff;
}
.inputpedidomedia input[type="text"]{
	margin-top:-250px;
	margin-left:180px;
    height:50px;
	width:50px;
	font-size:2em;
	background:#ddd;
	color:#323232;
}
.antesde {
	font-size:2em;
	color: red;
	width:300px;
	text-align:center;
}
.datoCantidad {
	width:300px;
	text-align:center;
}
.datoCantidad input[type="number"]{
	background-color:transparent;
	font-size:5em;
    height:160px;
	width:200px;
}
.datoCantidadCofPedido {
	width:300px;
	text-align:center;
}
.datoCantidadCofPedido input[type="number"]{
	background-color:transparent;
	font-size:7em;
    height:250px;
	width:250px;
}

.pedidosUnidadesTituDentro{
	/*background:#999;*/
	text-align:center;
	font-size:0.8em;
	float:left;
	width:150px;
}
.pedidosUnidadesTituDentro input[type="checkbox"]{
    height:40px;
	width:40px;
}
.pedidosUnidadesTituDentro input[type="number"]{
	background:#fff;
    height:40px;
	width:50px;
	font-size:1.7em;
}
.pedidosUnidades{
	padding-top:10px;
	padding-bottom:10px;
	width:300px;
}
.pedidosUnidadesDentro{
	width:100px;
	overflow: auto;
	float:left;
}
.pedidodiasCantConso input,select{
	border:none;
	margin-left:3px;
	width:60px;
	text-align:center;
	font-size:1.2em;
}
.pedidodiasCant{ 
	width:350px;
	overflow: auto;
	float:left;
}

.pedidodiasCant input,select{
	border:none;
	margin-left:3px;
	width:60px;
	text-align:center;
	font-size:1.2em;
}
.caja{
	width:25px;
	height:25px;

}
.botnConsolidado{
		border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#fff;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	background:#B2B2B2;
	width:200px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.botnConsolidado:hover{
	background:#333;
	color:#fff;
}
.botnCont{
	background:#eee;
	width:300px;
	overflow:hidden;
	position: fixed;
	z-index: 5;
	right: 0px;
	bottom: 0px;
}
.botnConsolidadoTerminar,.botnConsolidadoActualizar{
	cursor:pointer;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#333;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	background:#D2D2D2;
	width:180px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.botnConsolidadoTerminar:hover,.botnConsolidadoActualizar:hover{
	background:#333;
	color:#fff;
}
.botnConsolidadoSiguiente{
	cursor:pointer;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#333;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	background:#D2D2D2;
	width:180px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.botnConsolidadoSiguiente:hover{
	background:#333;
	color:#fff;
}
.botnConsolidadoSiguienteCajones{
	text-align:center;
	color:#333;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	width:600px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}
.botnConsolidadoSiguienteCajones input{
	margin-left:50px;
	text-align:center;
	font-size:2em;
	padding:10px;
}
.botnPedidoTerminar,.botnPedidoDistribuir{
	cursor:pointer;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#333;
	text-align:center;
	margin-top:10px;
	margin-bottom:50px;
	background:#D2D2D2;
	width:180px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.botnPedidoTerminar:hover,.botnPedidoDistribuir:hover{
	background:#333;
	color:#fff;
}
.botnExelArtCliente{
	cursor:pointer;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#333;
	text-align:center;
	margin-top:10px;
	margin-bottom:50px;
	background:#D2D2D2;
	width:300px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.botnExelArtCliente:hover{
	background:#333;
	color:#fff;
}
.BotonConfirmarPedido{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#FFF;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	background:#1CAE6E;
	width:300px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
}
.BotonConfirmarPedido:hover{
	background:#333;
	color:#fff;
}
.pedidoSujetoImg{
	margin-top:5%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.pedidoSujeto{
	text-align:center;
	color:#3eab38;
	font-weight: bold;
	font-size:2em;
	width:500px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.pedidoSujeto2{
	text-align:center;
	color:#333;
	font-size:1.4em;
	width:500px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.fondodatos {
	display:none;
	position: fixed;
	z-index: 1;
	left: 0px;
	top: 0px;
	opacity: 0.9;
	background:#333;
	width:100%;
    height:100%;
}
.fondoImagenGeneral {
	/*display:none;*/
	position: fixed;
	z-index: 1;
	left: 0px;
	top: 0px;
	opacity: 0.5;
	background:#333;
	width:100%;
    height:100%;
}
.preloader {
  margin-top:50px;
  margin-bottom:50px;
  margin-left:auto;
  margin-right:auto;
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #27348b;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.contPedidosAlertas{
    color: #FFF;
	padding: 5px;
	position: fixed;
	z-index: 550;
	top: 5%;
	left:0;
}
.contDistribucionAlertas{
	margin-left:auto;
    margin-right:auto;
	width: 600px;
	overflow:auto;
	margin-bottom: 50px;
}
.contSelecionarPedido{
	margin-top:50px;
	margin-left:auto;
    margin-right:auto;
	width: 1200px;
	overflow:hidden;
	margin-bottom: 500px;
}
.contPedidosAlertasDentro{
	cursor:pointer;
	margin-top:10px;
	background:#8BD265;
	margin-left:auto;
    margin-right:auto;
	width: 500px;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
}
.contPedidosAlertasDentro:hover{
	background:#DDDEDE;
}
.contPedidosAlertasDentroCondicional{	
	cursor:pointer;
	margin-top:10px;
	background-color: #FFC0CB;
	margin-left:auto;
    margin-right:auto;
	width: 750px;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
}
.contPedidosAlertasDentroCondicional:hover{
	background:#DDDEDE;
}
.contPedidosVerPedido{
	cursor:pointer;
	margin-top:10px;
	margin-bottom:20px;
	background:#DDDEDE;
	margin-left:auto;
    margin-right:auto;
	width: 600px;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	
}
.contPedidosVerPedidoManolito{
	background:#DDDEDE;
	width: 600px;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	
}
.contPedidosAlertasDentroNombreVerPedido{
	color:#000;
	font-size:0.8em;
	float:left;
	width: 200px;
	overflow:hidden;
	text-align:center;
}
.contPedidosAlertasDentroNombre{
	font-size:0.8em;
	color:#333;
	float:left;
	width: 166px;
	overflow:hidden;
	text-align:center;
}
.contPedidosAlertasDentroFecha{
	font-size:0.8em;
	color:#333;
	float:left;
	width: 166px;
	overflow:hidden;
	text-align:center;
}
.WhatPedidoListo{
	font-size:0.8em;
	color:#333;
	float:right;
	width: 80px;
	overflow:hidden;
	text-align:center;
}
.contPedidosAlertasDentroPedidoMas,.contPedidosAlertasDentroPedidoVer,.contPedidosAlertasDentroPedidoEliminar{
	font-size:0.8em;
	color:#333;
	float:left;
	width: 100px;
	overflow:hidden;
	text-align:center;
}
.contPedidosAlertasDentroNombre{
	font-size:0.8em;
	color:#333;
	float:left;
	width: 166px;
	overflow:hidden;
	text-align:center;
}

.contPedidosAlertasDentroPedidoMas:hover,.contPedidosAlertasDentroPedidoVer:hover,.contPedidosAlertasDentroPedidoEliminar:hover{
	background:#A0E4BB;
	color:#333;
}
.contPedidosAlertasDentroNombre:hover{
	background:#A0E4BB;
	color:#333;
}
.muestrototales{
	color:#323232;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	overflow:hidden;
	text-align:center;
}
.menuPedidos{
	font-size: 1em;
	background:#333;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	overflow:hidden;
	background-color: #fff;
}
.menuPedidosDentro{
	float:left;
	background:#ddd;
	text-align:center;
	width: 300px;
	overflow:hidden;
}
.menuPedidosDentro input{
	background:#ddd;
	text-align:center;
	width: 200px;
	height:30px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid #CCC;
}
.menuPedidosDentro select{
	font-size: 1.2em;
	text-align:center;
	width: 250px;
	height:30px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid #CCC;
}
#DatosDistribucion{
	animation-name:animacion;
	animation-duration:0.5s;
	position:absolute;
	z-index:40;
	display:none;
	color:#323232;
	width: 300px;
	overflow:hidden;
	background:#ddd;
	padding:20px;
}
#DatosDistribucionDentro{
	padding-top:10px;
	padding-bottom:10px;
}

#ContcontactoPopup,#ContcontactoCalen,#ContcontactoCalenImgGen{
	display:none;
	background-image: url("img/punotofondo.png");
	z-index:500;
	top:0;
	padding:20px 0 0 0;
	position: fixed;
	width:100%;
	height: 100%;
	margin: 0px;
}
#popapfaltante{
	display:none;
	background-image: url("img/punotofondo.png");
	z-index:500;
	top:0;
	padding:20px 0 0 0;
	position: fixed;
	width:100%;
	height: 100%;
	margin: 0px;
}
#popapfaltanteMedios{
	display:none;
	background-image: url("img/punotofondo.png");
	z-index:500;
	top:0;
	padding:20px 0 0 0;
	position: fixed;
	width:100%;
	height: 100%;
	margin: 0px;
}
.contPedidosAlertasCambios{
	opacity: 0.5;
	display:none;
	background-color: #F00;
	z-index:10;
	top:0;
	padding:20px 0 0 0;
	position: fixed;
	width:100%;
	height: 100%;
	margin: 0px;
}
.cambios{
	font-weight: bold;
	color:#fff;
	padding-top:300px;
	font-size:1.6em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#contactoPopup,#contactoCalen,#contactoCalenImgGen{
	animation-name: opacidad1;
	animation-duration: 1s;
	border-radius: 10px;
	background:#fff;
	padding-top:15px;
	padding-bottom:15px;
	width:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
#contpopapfaltante{
	animation-name: opacidad1;
	animation-duration: 1s;
	border-radius: 10px;
	background:#fff;
	padding-top:15px;
	padding-bottom:15px;
	width:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
#contpopapfaltanteMedios{
	animation-name: opacidad1;
	animation-duration: 1s;
	border-radius: 10px;
	background:#fff;
	padding-top:15px;
	padding-bottom:15px;
	width:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.contactoTextPopup{
	width:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}
.titulosTextoPopup{
	font-size:1em;
	text-align:center;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#textareaPopup {
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	margin-top:15px;
	margin-left:7.5px;
	width: 580px;
	padding: 15px 20px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 20px;
	box-sizing: border-box;
	background:#f4f4f4;
}
#contactoPopup input[type=button] {
	margin-top:25px;
	font-family: 'Montserrat', sans-serif;
	width: 100px;
	float:right;
	background:#c32926;
	color: white;
	padding: 10px 10px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-size:0.8em;
	margin-right:7.5px;
}
#contactoCalen input[type=button] {
	margin-top:25px;
	font-family: 'Montserrat', sans-serif;
	width: 100px;
	float:right;
	background:#c32926;
	color: white;
	padding: 10px 10px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-size:0.8em;
	margin-right:7.5px;
}
#contactoCalen input[type=button] {
	margin-top:25px;
	font-family: 'Montserrat', sans-serif;
	width: 100px;
	float:right;
	background:#c32926;
	color: white;
	padding: 10px 10px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-size:0.8em;
	margin-right:7.5px;
}
#contactoCalenImgGen input[type=button] {
	margin-top:25px;
	font-family: 'Montserrat', sans-serif;
	width: 100px;
	float:right;
	background:#c32926;
	color: white;
	padding: 10px 10px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-size:0.8em;
	margin-right:7.5px;
}
#contpopapfaltante input[type=button] {
	margin-top:25px;
	font-family: 'Montserrat', sans-serif;
	width: 100px;
	float:right;
	background:#c32926;
	color: white;
	padding: 10px 10px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-size:0.8em;
	margin-right:7.5px;
}
#contpopapfaltanteNedios input[type=button]:hover {
	color:#333;
	background:#ddd;
}
#contpopapfaltanteMedios input[type=button] {
	margin-top:25px;
	font-family: 'Montserrat', sans-serif;
	width: 100px;
	float:right;
	background:#c32926;
	color: white;
	padding: 10px 10px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-size:0.8em;
	margin-right:7.5px;
}
#contpopapfaltanteMedios input[type=button]:hover {
	color:#333;
	background:#ddd;
}
#contactoPopup input[type=button]:hover {
	color:#333;
	background:#ddd;
}
#respPopup{
	color: red;
}
.cerrarPopup1,.cerrarPopup2,.cerrarPopup3,.cerrarPopup4,.cerrarPopup5{
	cursor:pointer;
	margin-left:20px;
	right:50px;
	width: 50px;
	height: 50px;	
}
#ContactoModal,#CalenModal{
	cursor:pointer;
}
#CalenModal img{
	border:none;
	width:20px;
	text-align:center;
	font-size:1.2em;
	margin-left:15px;
}
.limpiadata{
	float:left;
	margin-top:20px;
	margin-left:100px;
	cursor:pointer;
	padding:5px;
	background:#eee;
	width:100px;
	text-align:center;
}
.limpiadata:hover{
	color:#fff;
	background:#333;
}
.consolidacantunidadesFaltante, .consolidacantmediaFaltante{
	color:red;
}
.datosFaltante{
	width:600px;
	overflow:hidden;
}
.datosFaltanteMedios{
	width:600px;
	overflow:hidden;
}
.NombreArt{
	overflow:hidden;
	text-align:center;
	font-weight: bold;
}
.ContDatosArticulo{
	text-align:center;
	font-size:1em;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:500px;
	overflow:hidden;
}
.Tutulos{
	font-weight: bold;
    margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	width:500px;
	overflow:hidden;  	
}
.TutulosDentro{
	text-align:center;
	width:166px;
	float:left;
}
.ContDatoNombre{
	text-align:center;
	width:166px;
	float:left;
}
.ContDatosCantidad{
	text-align:center;
	width:166px;
	float:left;	
}
.ContDatosCantCons{
	text-align:center;
	width:166px;
	float:left;	
}
.ContDatosCantidad input{
	border: 0.5px solid #C3C3C3;
	width:100px;
	text-align:center;
}
.ContDatosCantCons input{
	border: 0.5px solid #C3C3C3;
	width:100px;
	text-align:center;
}
#agregarModal{
	cursor:pointer;
}
#contactoPopup input[type=number]{
	border: 0.5px solid #C3C3C3;
	font-size:0.8em;
	text-align:center;
	width:500px;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}
#contactoPopup input[type=date]{
	border: 0.5px solid #C3C3C3;
	font-size:0.8em;
	text-align:center;
	width:500px;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}
#contactoCalen input[type=date] {
	border: 0.5px solid #C3C3C3;
	font-size:1.1em;
	text-align:center;
	width:500px;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}
#contactoCalenImgGen input[type=date] {
	border: 0.5px solid #C3C3C3;
	font-size:1.1em;
	text-align:center;
	width:500px;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}
.contForm{
	text-align:center;
}
.contForm input{
	border: 0.5px solid #C3C3C3;
	font-size:0.8em;
	text-align:center;
	width:500px;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}
.contForm select{
	text-align-last: center;
	border: 0.5px solid #C3C3C3;
	font-size:0.8em;
	text-align:center;
	width:500px;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}
.checkboxcalendarioCliente{
	float:left;
	width:20px;
	height:20px;
}
.checkboxcalendario{
	width:20px;
	height:20px;
}
#contactoPopup #selecarticulo {
	border: 0.5px solid #C3C3C3;
	font-size:0.8em;
	text-align:center;
	width:500px;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}
#contactoPopup input[type="checkbox"]{
  width: 30px;
  height: 30px;
}
#respPopupDatosArt{
	color: red;
}
.eleiminarAntes{
  font-size:1em;
  color:#333;
  cursor:pointer;
  text-align:right;
  float:right;
  width: 50px;
  margin-right:5px;
}
.eleiminarAntes:hover{
  color:red;
  font-weight: bold;
}
.eleiminar{
  background:red;
  font-size:1em;
  display:none;
  color:#fff;
  cursor:pointer;
  text-align:center;
  float:right;
  width: 100px;
  margin-right:50px;
}
.eleiminarmedios{
  background:#F0B27A;
  font-size:1em;
  display:none;
  color:#333;
  cursor:pointer;
  text-align:center;
  float:right;
  width: 100px;
  margin-right:50px;
}
.admin{
  text-align:center;
  font-size:0.7em;
  font-weight: bold;
  color:red;
  text-align:center;
  float:right;
  width: 400px;
  margin-right: 20px;
}
.cantquetengo{
  text-align:center;
  padding:10px;
  font-size:2em;
  color:#c32926;
  font-weight: bold;
}
#drop  {
	cursor: pointer;
	background:#C5FFC8;
	text-align:center;
	margin-top:50px;
	width:500px;
	padding:10px;
	margin-right:auto;
	margin-left:auto;
	border : 0.5px dashed grey;
}
#drop:hover {
    border-color: black;
}
#drop label {
  cursor: pointer;
}
#drop input {display: none;}

#dropcliente  {
	cursor: pointer;
	background:#C5FFC8;
	text-align:center;
	margin-top:50px;
	width:500px;
	padding:10px;
	margin-right:auto;
	margin-left:auto;
	border : 0.5px dashed grey;
}
#dropcliente:hover {
    border-color: black;
}
#dropcliente label {
  cursor: pointer;
}
#dropcliente input {display: none;}


#dropArticuloCliente  {
	cursor: pointer;
	background:#C5FFC8;
	text-align:center;
	margin-top:50px;
	width:500px;
	padding:10px;
	margin-right:auto;
	margin-left:auto;
	border : 0.5px dashed grey;
}
#dropArticuloCliente:hover {
    border-color: black;
}
#dropArticuloCliente label {
  cursor: pointer;
}
#dropArticuloCliente input {display: none;}


#dropreporte  {
	cursor: pointer;
	background:#C5FFC8;
	text-align:center;
	margin-top:50px;
	width:500px;
	padding:10px;
	margin-right:auto;
	margin-left:auto;
	border : 0.5px dashed grey;
	margin-bottom:50px;
}
#dropreporte:hover {
    border-color: black;
}
#dropreporte label {
  cursor: pointer;
}
#dropreporte input {display: none;}


.preview {
	font-weight: bold;
}
.porcobro{
	width:500px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.8em;
	text-align:center;
	background:#FFBF97;
	color:#333;
}
.hayCambios{
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	font-size:1em;
	text-align:center;
	background:red;
	color:#fff;
	width:500px;
	padding-top:10px;
	padding-bottom:10px;
}
.hayCambios:hover{
	background:#333;
	color:#ccc;
	width:500px;
}
.Listo{
	font-weight: bold;
	line-height: 2em; 
	margin-right:auto;
	margin-left:auto;
	font-size:2em;
	text-align:center;
	color:red;
	width:500px;
	padding-top:10px;
	padding-bottom:100px;
}
.ListoConsolidado{
	display:none;
	font-weight: bold;
	line-height: 2em; 
	margin-right:auto;
	margin-left:auto;
	font-size:2em;
	text-align:center;
	color:red;
	width:500px;
	padding-top:10px;
	padding-bottom:100px;
}
.horarioCondicional{
	margin-top:50px;
	margin-right:auto;
	margin-left:auto;
	width:600px;
	overflow:hidden;
	background:#d5d5d5;
	font-weight: bold;
}
.contReporte{
	margin-top:50px;
	margin-right:auto;
	margin-left:auto;
	width:600px;
	overflow:hidden;
	background:#d5d5d5;
	font-weight: bold;
}
#contImagenGeneral{
	font-size:1.3em;
	margin-top:50px;
	margin-bottom:50px;
	width:100%;
	cursor:pointer;
	float:left;
	text-align:center;
}
#contImagenGeneral:hover{
		font-weight: bold;
}
.ImagenInfo{
    margin-right: auto;
    margin-left: auto;
	width:550px;
	height:550px;
	background-size: 95%;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top:25px;
}
.contImagenCliente{
	animation-name:animacion;
	animation-duration:2s;
	display:none;
    margin-right: auto;
    margin-left: auto;
	width:100%;
	overflow:hidden;
}
.ImagenInfoGeneral{
	right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
	z-index:550;
	position:fixed;
    top:0;
	width:550px;
	height:550px;
	background:#fff;
	background-size: 95%;
	background-repeat: no-repeat;
	background-position: center center;
}
.ImagenInfoGeneral input[type=button] {
	margin-top:25px;
	font-family: 'Montserrat', sans-serif;
	width: 100px;
	float:right;
	background:#c32926;
	color: white;
	padding: 10px 10px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-size:0.8em;
	margin-right:7.5px;
}
.contSubirBajarExel{
	width:100%;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
}
.mostrarCont{
	text-align:center;
	width:400px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	margin-top:20px;
	margin-bottom:20px;
}
.mostrarCont input[type="checkbox"]{
    height:20px;
	width:20px;
}

.android{
	display:none;
}
.add-button{
	margin-top:50px;
    cursor:pointer;
    color:#fff;
    text-align:center;
}
.add-video{
	display:none;
	background-image: url("img/punotofondo.png");
	z-index:550;
	top:0;
	padding:25px 0 0 0;
	position: fixed;
	width:100%;
	height: 100%;
	margin: 0px;
    cursor:pointer;
    color:#fff;
    text-align:center;
	overflow:scroll;
}
.add-video video {
	width:350px;
}
.contbienvenido{
	text-align:center;
	color:#333;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
	font-size:1.8em;
	font-weight: bold;
}
.conttutorial{
	color:#333;
	z-index:535;
	bottom:200px;
	padding:25px 0px 25px 0px;
	position: fixed;
	margin: 0px;
    cursor:pointer;
    text-align:center;
	width:100%;
	font-size:1em;
	font-weight: bold;
}

.contdescarga{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background:#366bb3;
	text-align:center;
	width:350px;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
}
.contdescarga a{
	color:#fff;
}
.contdescarga:hover{
	background:#333;
}

.apple{
	display:none;
}
.add-buttonapple {
	margin-top:25px;
	background:#366bb3;
    margin-left:auto;
	margin-right:auto;
	width:100%;
	overflow:hidden;
    color:#fff;
    text-align:center;
}
.contbienvenidoapple{
	color:#333;
	width:350px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.contdescargaapple{
	text-align:center;
	width:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
}
.conttutorialapple{
	font-size:1em;
	font-weight: bold;
	margin-top:50px;
	margin-bottom:150px;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	overflow:hidden;
    color:#333;
    text-align:center;
}

.add-videoapple {
	display:none;
	background-image: url("img/punotofondo.png");
	z-index:550;
	top:0;
	padding:25px 0 0 0;
	position: fixed;
	width:100%;
	height: 100%;
	margin: 0px;
    cursor:pointer;
    color:#fff;
    text-align:center;
	overflow:scroll;
}
.add-videoapple video {
	width:500px;
}
.cantidadarticulos{
	padding-top:5px;
	padding-bottom:5px;
	background:#262553;
	color:#fff;
	text-align:center;
	font-size:0.7em;
	width:100%;
}
.avisoConsolidado{
	cursor:pointer;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#fff;
	text-align:center;
	margin-top:10px;
	background:red;
	width:400px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.MiTotalcant,.MiTotalmedia{
	display:none;
	color:#333;
	text-align:center;
	margin-top:10px;
	width:400px;
	padding:50px;
	margin-left:auto;
	margin-right:auto;
}
.ContSaldoCabecero{
	background:#eee;
	color:#333;
	text-align:center;
	width:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

.ContSaldoDentroCabecero{
	font-weight: bold;
	font-size:0.8em;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:100px;
}
.ContSaldo{
	background:#eee;
	color:#333;
	text-align:center;
	width:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.ContSaldotitulovencido,.ContSaldotituloavencer{
	color:#fff;
	background:red;
	width:585px;
	padding-left:15px;
	padding-bottom:15px;
	padding-top:15px;
}
.ContSaldotituloavencer{
	background:#333;
}
.ContSaldoDentro{
	font-size:0.8em;
	padding-bottom:15px;
	padding-top:15px;
	float:left;
	width:112px;
}
.ContSaldoDentroFac{
	font-size:0.7em;
	padding-bottom:15px;
	padding-top:15px;
	float:left;
	width:150px;
}
.NombreEmpresaCuenta{
	background:#1A1459;
	padding-top:25px;
	padding-bottom:25px;
	font-size:1.3em;
	color:#fff;
	width: 600px;
	overflow:hidden;
	text-align:center;
}
.SaldoApagar{
	margin-top:25px;
	margin-bottom:25px;
	color:#A0150A;
	font-size:2em;
	text-align:center;
	width:100%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.montosaldomostrar{
	font-size:2.2em;
}
.SaldoApagar input{
	width:300px;
	border:0;
	background-color:#D5DBDB;
	color:#A0150A;
	font-size:1.5em;
	text-align:center;
}
.guardaSaldo{
	color:#fff;
	background:#0AA095;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	width:260px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.guardaSaldo:hover{
	cursor:pointer;
	color:#fff;
	background:#333;
}
.contFirmaSaldo{
	width:600px;
}
.TerminaSaldo{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	margin-top:100px;
	margin-bottom:100px;
	width:300px;
    color:#fff;
	background:#0AA095;
	font-size:1em;
}
.TerminaSaldo:hover{
	cursor:pointer;
	color:#fff;
	background:#333;
}
.borrarFirma{
	cursor:pointer;
    text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	width:200px;
	margin-top:-5px;
	margin-right:auto;
	margin-left:auto;
    color:#333;
	background:#ccc;
	font-size:1em;
}
.borrarFirma:hover{
	color:#fff;
	background:#333;
}
.volvercobro,.siguienteentregado,.siguienteefectivo,.siguientecheque,.siguientetransferencia,.nohaycobro,.nohaycobrosiosi{
	cursor:pointer;
    text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	width:300px;
	margin-top:50px;
	margin-bottom:50px;
	margin-right:auto;
	margin-left:auto;
    color:#333;
	background:#ccc;
	font-size:1em;
}
.volvercobro:hover,.siguienteentregado:hover,.siguienteefectivo:hover,.siguientecheque:hover,.siguientetransferencia:hover,.nohaycobro:hover,.nohaycobrosiosi:hover{
	color:#fff;
	background:#333;
}
.nohaycobrosiosiLlamar{
	display:none;
	cursor:pointer;
    text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	width:300px;
	margin-top:50px;
	margin-bottom:50px;
	margin-right:auto;
	margin-left:auto;
	background:#00bb2d;
	color:#fff;
	font-size:1em;	
}
.montosfirma{
	display:none;
}
.contNuevoClienteSaldodentro{
	width: 600px;
	text-align: center;
	overflow:hidden;
}
.contNuevoClienteSaldodentroTitulo{
	padding-top:50px;
	padding-bottom:20px;
	text-align:center;
	font-size:1em;
}
.contNuevoClienteSaldodentroTitulosiosi{
	font-weight: bold;
	color:red;
	margin-top:50px;
	padding-top:50px;
	padding-bottom:20px;
	text-align:center;
	font-size:1em;
}
.contNuevoClienteSaldodentrofirma{
	padding-top:50px;
	width: 600px;
	overflow:hidden;
}
.contNuevoClienteSaldodentro input{
	background:#fff;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	border: 1px solid #CCC;
	padding-top:3px;
	padding-bottom:3px;
	width: 80%;
	text-align: center;
}

.guardaSaldocontop{
	margin-top:50px;
	margin-bottom:50px;
}
.Contenedordedatos{
	display:none;
	animation-name:animacion;
	animation-duration:2s;
}
.dataParamostrar{
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:50px;
	font-size:1em;
	width: 550px;
	overflow:hidden;
	background:#ccc;
}
.dataParamostrardentro,.dataParamostrardentro1{
	float:left;
	font-size:1em;
	width: 300px;
	background:#ccc;
}
.dataParamostrardentro1{
	background:#333;
	width: 200px;
	text-align:right;
	margin-right: 50px;
}
.preloaderexelcuentas {
  display:none;
  margin-top:50px;
  margin-bottom:50px;
  margin-left:auto;
  margin-right:auto;
  width: 50px;
  height: 50px;
  border: 10px solid #ccc;
  border-top: 10px solid #40c2b4;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.ContSaldoValor{
	font-weight: bold;
	margin-right:50px;
	float:right;
}
.firmaaclaratermina{
	display:none;
}
.muestranum{
	margin-left:auto;
	margin-right:auto;
	width:600px;
	border:0;
	background-color:#D5DBDB;
	color:#A0150A;
	font-size:3em;
	text-align:center;
}
.volverallocal{
	color:#fff;
	text-align:center;
	margin-top:-35px;
	padding-top:40px;
	font-size:1em;
	width: 898px;
	height: 60px;
	text-align:center;
	background-color:#333;
	font-weight: bold;
}
.grearvolverallocal{
	border-radius:10px;
	cursor:pointer;
	color:#fff;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	font-size:1em;
	width: 300px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#FF5733;
}
.grearvolverallocal:hover{
	background-color:#333;
}

.dropzone{
	cursor:n-resize;
}
.CantidadCajones{
	width:150px;
	background:#333;
	text-align:center;
	overflow:hidden;
	z-index:50;
	position:fixed;
	top:0;
	right:0;
}
.CantidadCajones1{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:150px;
	background:#A0A09D;
	text-align:center;
	overflow:hidden;
}
.CantidadCajonesNumero{
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	font-size:1em;
	text-align:center;
	float:left;
	width: 100px;
}
.CantidadCajonesImg{
	text-align:center;
	float:left;
	width: 50px;
}


@media screen and (min-width:10px) and (max-width:600px) {
.contbienvenido{
	font-size:2.4em;
}
.contdescarga{
	width:500px;
	font-size:1.6em;
}
.conttutorial{
	font-size:1.6em;
	bottom:200px;
}
.add-video video {
	width:450px;
}
#Us{
	height: 50px;
	width: 550px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.8em;
	border: 0.5px solid #CCC;
	text-align: center;
}
#Cont{
	height: 50px;
	width: 550px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.8em;
	border: 0.5px solid #CCC;
	text-align: center;
}
.Contra{
	height: 50px;
	width: 550px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.8em;
	border: 0.5px solid #CCC;
	text-align: center;
}
.result{
	text-align: center;
	color:red;
	font-size: 1.6em;
}
.Boton {
	cursor:pointer;
	padding: 10px;
	width: 250px;
	font-size: 1.8em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 25px;
}
.BotonCambioCont {
	cursor:pointer;
	padding: 10px;
	width: 250px;
	font-size: 1.8em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 25px;
}
.Buscador {
	text-align: center;
	overflow:hidden;
	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.BuscadorMenu {
	cursor:pointer;
	margin-left:0px;
}
.BuscadorMenu img {
	width: 100px;
	height:100px;
}
.FormBuscador{
	margin-top:10px;
	overflow:hidden;
	width: 600px;
	float: none;
	margin-left: 0px;
}
.Buscador input {
	font-size: 1.8em;
	height: 50px;
	width: 490px;
	padding: 5px;
	color: #333;
}
.Usuario {
	margin-left:20px;
	font-size: 1.3em;
	float: left;
	width: 200px;
	color: #F00;
	overflow:hidden;
	padding-top: 25px;
}
.contMenu {
	font-size: 1.8em;
	overflow:hidden;
	width: 450px;
	float: left;
	position: fixed;
	z-index: 50;
	left: 0px;
	top: 0px;
	display:none;
}
.contMenuDentro {
	width: 450px;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.contMenuDentro img {
	width: 100px;
	height: 100px;
}
.menuDentro{
	text-align: center;
	padding: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.contMenuDentroCerrar{
	margin-top: 20px;
	cursor:pointer;
	text-align: center;
}

.munuPrincipal{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	overflow:hidden;
	overflow: hidden;
}
.clientes,.pedidos{
	margin-top:5px;
	margin-left:2px;
	float: left;
	width: 195px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
}

.munuPrincipalDentro{
	margin-top:5px;
	margin-left:2px;
	float: left;
	width: 195px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
}
.proveedores{
	margin-top:5px;
	margin-left:2px;
	float: left;
	width: 195px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
}
.marca{
	margin-top:5px;
	margin-left:2px;
	float: left;
	width: 195px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
}
.cuentas{
	margin-top:5px;
	margin-left:2px;
	float: left;
	width: 195px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
}
.general{
	margin-top:5px;
	margin-left:2px;
	float: left;
	width: 195px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
}
.categorias{
	margin-top:5px;
	margin-left:2px;
	float: left;
	width: 195px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
}
.articulo{
	margin-top:5px;
	margin-left:2px;
	float: left;
	width: 195px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
}
.logoDentro img{
    width: 400px;
}
.contClientes{
	font-size: 1.5em;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:200px;

}
.contClienteModifica{
	background-color:#D5DBDB;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:200px;
}
.contArticuoModifica{
	background-color:#D5DBDB;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;

}
.contArticuoModificaDatos{
	background-color:#D5DBDB;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

.contArticuoModificaImg{
	background-color:#D5DBDB;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:50px;
}

.contProveedoresModifica{
	background-color:#D5DBDB;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	margin-bottom:200px;
}

.FormNuevoClientedentro{
   height: 80px;
}
.FormNuevoClientedentro input{
	font-size: 1em;
}
.FormNuevoClientedentro textarea{
	font-size: 1.3em;
}
.contNuevoCliente{
	width: 600px;
}
.contNuevoClienteSaldo{
	width: 600px;
}
.contNuevoGeneral{
	width: 600px;
}
#myBar {
  width: 1%;
  height: 15px;
  background-color: #0C0;
}

.menumodificar2{
	overflow:hidden;
	width: 600px;
}
.contProveedores,.contMarcas,.contCategorias,.contArticulos,.contGeneral,.contGeneralCuentas{
	width: 600px;
}

/************PARTE DISTRIBUIDOR********/

.contNuevoCuentas{
	width: 600px;
}
.respuestaBusquedaCuentas{
	width: 600px;
	margin-bottom:100px;
}
.pedidodiasConsBuscadorCuentas{
	width: 600px;
}
.NombreClienteReporteOK{
	width: 600px;
	height: 150px;
}
.dropzone {
    width: 600px;
	height: 200px;
    border: 1px dashed #333;
	margin-top: 25px;
}
#arrancar {
    width: 600px;
	height: 200px;
    background: #ccc;
	height: 150px;
}
.volverallocal{
	padding-top: 90px;
	height: 110px;
	width: 598px;
}
.NombreClienteReporteDentroNombre{
	margin-top:25px;
	float:left;
	font-size:1.3em;
	width: 600px;
}

.CantidadCajones{
	width: 300px;
	text-align:center;
	font-size:1.8em;
}
.CantidadCajones1{
	width: 300px;
	text-align:center;
	font-size:1.8em;
}
.CantidadCajonesNumero{
	width: 200px;
}
.CantidadCajonesImg{
	padding-top:5px;
	width: 50px;
}
.NombreClienteReporteDentrocontrolOrden{
	color:#fff;
	margin-top:25px;
	width:100px;
	float:none;
	margin-left:auto;
	margin-right:auto;
}
.buscofecha{
	display:none;
}
#pedidodiasDiaBuscadorHoy{
	font-size:2em;
}
/************------------------********/

.titulosGeneral{
	font-size:1.5em;
	width: 600px;
}
select{
	background-color:#fff;
}

.VistaClienteDentroDes{
	font-size:1.4em;
}

.BotonverPedidoEnviar{
	font-size:1.5em;
	width: 400px;
}
.BotonverPedidoEnviar:hover{
	background:#BABABA;
}
.VistaClienteImg{
	cursor:none;
}
#RespCargaCliente{
	font-size:1.5em;
}
.VistaClienteDentro{
	font-size:1.2em;
}
.BotonAgregarPedidoEliminar{
	font-size:1.3em;
	width: 350px;
}
.conArticulos{
	width: 600px;
}
.titulodata{
	padding-top:40px;
	padding-bottom:40px;
	width: 600px;
	font-size:2em;

}
.contPedidodias{
	width: 600px;
}
.Datos{
    top:20px;
}
.BotonVolver{
	font-size:1.5em;	
}
.BotonverPedido{
	font-size:1.5em;
}
.BotonPedidoVolverArticulo{
	bottom:0px;
}
.BotonPedidoVolver{
	bottom:0px;
}

.pedidoSujeto2{
	font-size:2em;
}
.contSelecionarPedido{
	width: 600px;
	overflow:hidden;
}
.FormNuevoProveedordentroDatos{

	width: 120px;

}
.mostrarCont{
	width:500px;
	font-size:1.4em;
	margin-top:40px;
	margin-bottom:40px;
}
.mostrarCont input[type="checkbox"]{
    height:40px;
	width:40px;
}

.contLoguinTitulo {
	font-size: 1.6em;
}

.titulosGeneralSalgo{
	font-size: 2.1em;
}
.guardaSaldo{
	font-size: 2em;
}
.contNuevoClienteSaldodentro input{
	font-size:2em;
	padding-top:2px;
	padding-bottom:2px;
	width: 90%;
}
.contNuevoClienteSaldodentroTitulo{
	font-size:1.5em;
}
.contNuevoClienteSaldodentroTitulosiosi{
	font-size:1.8em;
}
.SaldoApagar{
	margin-top:25px;
	margin-bottom:25px;
	color:#A0150A;
	font-size:2em;
	text-align:center;
	width:100%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.SaldoApagar input{
	width:600px;
	border:0;
	background-color:#D5DBDB;
	color:#A0150A;
	font-size:3em;
	text-align:center;
}
.nombreCobro{
	font-size:1.2em;
}
.TerminaSaldo{
	font-size:1.6em;
}
.borrarFirma{
	font-size:1.4em;
}
#RespCargaReporte{
	font-size:1.8em;
}
.ContSaldo{
	font-size:1.4em;
}
.ContSaldoCabecero{
	font-size:1.4em;
}
.volvercobro,.siguienteentregado,.siguienteefectivo,.siguientecheque,.siguientetransferencia,.nohaycobro,.nohaycobrosiosi{
	width:400px;
	margin-top:50px;
	margin-bottom:50px;
	font-size:1.4em;
}
.nohaycobrosiosiLlamar{
	width:400px;
	margin-top:50px;
	margin-bottom:50px;
	font-size:1.4em;
}
.ContSaldoValor{
	font-size:1.7em;
}
.contClienteSaldo{
	min-height: 100vh; 
	
}




}