*{
    margin: 0px;
    padding: 0px;
    outline: 0px;
}
body {
    /*background-color: #c6c6c6;*/
    background-image: url(../img/fondo1.png);
    /*background-color: #e4e7e4;*/
    background-repeat: no-repeat;
    background-size: 100%;
    font-family: ebrima;
}
header{
    width: 100%;
    /*background-color: #043f5f;*/
    height: 75px;
    position: relative;
    border-bottom: solid 5px black;
    box-sizing:border-box;
    background: rgba(4, 63, 95,1);
	background: -moz-linear-gradient(top, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4, 63, 95,1)), color-stop(100%, rgba(3, 34, 51,1)));
	background: -webkit-linear-gradient(top, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	background: -o-linear-gradient(top, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	background: -ms-linear-gradient(top, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	background: linear-gradient(to bottom, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1a23', endColorstr='#8a0203', GradientType=0 );
}
.logo_mc{
    top: 7px;
    left: 80px;
    position: absolute;
}
.sessionText{
	background-color: #000;
	color: #fff;
	font-size: 13px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-radius: 10px 10px 0px 0px;
	padding:10px;
	margin-right: 10px;
	box-sizing:border-box;
	float: right;
}
.logout{
	float: right;
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
	bottom: 0px;
	right: 0px;
}
.logout:hover, .carrito:hover, .pedido:hover{
	background-color: silver;
}
.imagen_campo1{
	background-image: url(../img/user_text.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 1px 3px;
	height: 40px;
}
.imagen_campo2{
	background-image: url(../img/contrasena.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 1px 3px;
}
.carrito{
	float: right;
	background-color: #fff;
	border-radius: 5px;
	margin-right: 20px;
	/*padding-right: 10px;*/
	box-sizing: border-box;
	padding: 5px;
	width: 35px;
	text-align: center;
	position: relative;
}
.carrito span{
	width: 14px;
	height: 14px;
	display: block;
	font-size: 10px;
	position: absolute;
	background: red;
	color: #fff;
	right: -10px;
	top: -10px;
	padding: 4px;
	border-radius: 30px;
	text-align: center;
}
.pedido{
	float: right;
	background-color: #fff;
	border-radius: 5px;
	margin-right: 20px;
	/*padding-right: 10px;*/
	box-sizing: border-box;
	padding: 5px;
	width: 35px;
	text-align: center;
	position: relative;
}
.pedido span{
	width: 14px;
	height: 14px;
	display: block;
	font-size: 10px;
	position: absolute;
	background: red;
	color: #fff;
	right: -10px;
	top: -10px;
	padding: 4px;
	border-radius: 30px;
	text-align: center;
}
/*.sessionText img{
	width: 30px;
	background-color: green;
	float: right;
	margin-right: 70px;
	margin-bottom: -800px;

}*/
footer{
    bottom: 0px;
    width: 100%;
    border-top: solid 5px #000;
    position: fixed;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: rgba(4, 63, 95,1);
	background: -moz-linear-gradient(top, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4, 63, 95,1)), color-stop(100%, rgba(3, 34, 51,1)));
	background: -webkit-linear-gradient(top, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	background: -o-linear-gradient(top, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	background: -ms-linear-gradient(top, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	background: linear-gradient(to bottom, rgba(4, 63, 95,1) 0%, rgba(3, 34, 51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1a23', endColorstr='#8a0203', GradientType=0 );
}
.Login{
	width: 350px;
	height: 320px;
	background-color: #fff;
	border-bottom: solid 5px #043f5f;
	margin:0px auto;
	-moz-box-shadow: 3px 11px 39px #000000;
	-webkit-box-shadow: 3px 11px 39px #000000;
	box-shadow: 3px 11px 39px #000000;
	margin-top: 20px;
}
.Login img{
	width: 250px;
	float: right;
	/*margin-right: 20px;*/
	margin-top: -14.5px;
}
.titulo{
	background-color: #043f5f;
	font-size: 20px;
	height: 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	position: relative;
	bos-sizing:border-box;
}
.titulo span{
	display: block;
	width: 200px;
	text-align: center;
	padding: 7px 0px;
	border-radius: 0px 0px 4px 4px;
	font-size: 14px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #000;
	border-radius: 0px 0px 10px 10px;
	margin-right: 10px;
}
.titulo span a{
	text-decoration: none;
	color: #fff;
}
.titulo span a:hover{
	color: red;
}
label{
	font-size: 14px;
	display: block;
	text-align: left;
	text-transform: uppercase;
	padding-left: 10px;
	margin-top: 10px;
}
input[type="email"], input[type="text"]{
	height: 25px;
	width: 90% ;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 20px;
	/*box-sizing:border-box;*/
}
input[type="password"]{
	height: 30px;
	width: 90%;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 20px;
	box-sizing:border-box;
}
.select_usuarios{
	height: 25px;
	width: 90%;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 20px;
}
textarea{
	width: 250px;
	height: 50px;
}
table.distribuidores textarea{
	/*background-color: red;*/
	background-image: url(../img/comment.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 10px 10px ;
	padding-left: 30px;
	padding-top: 10px;
	box-sizing:border-box;
	font-size: 13px;
}
.campo_buscar{
	margin: 1px 0px;
}
.buscar{
	width: 25px;
	height: 25px;
	background-color: #043f5f;
	border-radius: 10px;
	margin: 7px 12px 0px 0px;
	padding: 5px;
	float: right;
}
.comboBuscar{
  margin-top: 4px;
  width: 150px;
	height: 25px;
	padding: 0px;
	float: left;
}
.buscarFiltro{
	width: 19px;
	height: 19px;
	background-color: #212121 !important;
	border-radius: 10px;
	/*margin: 7px 12px 0px 0px;*/
	padding: 5px;
	margin-top: -2px !important;
	float: right;
}
.buscarFiltro:hover{
	background-color: #043f5f !important;
}
.buscar:hover{
	background-color: #000;
}
input[type="submit"]{
	height: 30px;
	width: 100px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #043f5f;
	border: 0px;
	color: white;
	text-transform: uppercase;
	border-radius: 10px;
	cursor: pointer;
}
input[type="submit"]:hover{
	background-color: black;
}

.btnEspecial{
	/*height: 30px;*/
	/*width: auto;*/
	/*margin-left: 10px;*/
	/*margin-top: 10px;*/
	/*margin-right: 10px;*/
	background-color: #043f5f;
	border: 0px;
	color: white;
	text-transform: uppercase;
	border-radius: 10px;
	cursor: pointer;
	text-decoration: none;
	padding: 4px 15px 6px;
	font-size: 14px;
}
.btnEspecial:hover{
	background-color: black;
}

input[type=radio] {
    margin-left: 10px;
    vertical-align: bottom;
}
.nota{
	font-size: 14px;
	margin-left: 10px;
	margin-top: 10px;
}
.nota2{
	font-size: 12px;
}
.notaOptima{
	font-size: 14px;
	text-align: center;
	margin: 10px 0px;
	background-color: #fff;
	padding: 10px 0px;
	border: solid 1px #000;
	/*font-weight: bolder;*/
}
.campo_nuevo{
	width: 100%;
	background-color: #fff;
	box-sizing:border-box;
}
.notaObservacion{
	background-color: #fff;
	padding: 10px 20px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	box-sizing:border-box;
}
.notaObservacion h1{
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #043f5f;
}
.notaObservacion img{
	width: 14px;
}
.notaObservacionImg {
	width: 25px !important;
}
.notaObservacion label{
	font-size: 12px;
	margin-bottom: 5px;
	/*display: block;*/
}
#ejemplo_1{
	/*background-color: yellow;*/
	height: 10px;
	box-sizing:border-box;
}
#ejemplo_2{
	/*background-color: red;*/
	/*height: 10px;*/
	box-sizing:border-box;
}
.campo_v{
	margin: 0px !important;
	padding:5px !important;
	box-sizing: border-box;
	width: 100% !important;
	background: #fbf9de;
	border:1px solid #ccc;
}
.campo_v21{
	margin: 0px !important;
	padding:5px !important;
	box-sizing: border-box;
	width: 100% !important;
	background: #fbf9de;
	border:1px solid #ccc;
	height: 50px !important;
	resize:none;
	font-family: "Arial";
}
.campo_v3{
	margin: 0px !important;
	padding:5px !important;
	box-sizing: border-box;
	width: 85px !important;
	background: #fbf9de;
	border:1px solid #ccc;
}
.campo_v2{
	margin: 0px !important;
	padding: 2px 5px 0px 0px !important;
	border-bottom: 1px solid #ccc;
	border-right: none;
	border-left: none;
	border-top: none;
	width: 100% !important;
	color: #043f5f;
	box-sizing: border-box;
}
.campo_v4{
	margin: 0px !important;
	padding:5px !important;
	box-sizing: border-box;
	background: #fbf9de;
	border:1px solid #ccc;
	width: 100% !important;
}
.campo_v5{
	margin: 0px !important;
	padding:5px !important;
	box-sizing: border-box;
	background: #fbf9de;
	border:1px solid #ccc;
	width: 250px !important;
}
.success{
	color: #5699c7;
	font-weight: bolder;
}
.clave{
	color: #fff;
}
.claveRed{
	color: #043f5f;
	text-transform: uppercase;
	font-weight: bolder;
	/*font-size: 15px;*/
}
.claveAzul{
	color: #5699c7;
	text-transform: uppercase;
	font-weight: bolder;
	/*font-size: 15px;*/
}
.claveVerde{
	color: #018536;
	text-transform: uppercase;
	font-weight: bolder;
	/*font-size: 15px;*/
}
/*212121*/
table.distribuidores{
	width: 100%;
	margin: 0 auto;
	background:#fff;
	box-sizing:border-box;
	margin-bottom:30px;
	border-right: 1px solid #d0d3dc;
}
table.distribuidores th{
	background: #212121;
	/*border-left:1px solid #fff;*/
	padding: 5px;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bolder;
}
table.distribuidores td{
	color:#000;
	border-left:1px solid #d0d3dc;
	border-bottom:1px solid #d0d3dc;
	padding: 10px 15px;
	line-height: 20px;
	text-align: center;
	/*font-weight: bolder;*/
	font-size: 12px;
	text-transform: uppercase;
}
table.distribuidores tr:nth-child(2n+1){
	background-color:#edf2f6;
	color:#fff;
}
table.distribuidores tr:hover{
	background-color: #dce5ee;
}
table.distribuidores td > table tr{
	background: transparent !important;
}
table.distribuidores td > table tr td{
	padding: 0px;
	border: none;
	padding-right: 25px;
}
.tablaFinalCont{
	background-color: #fff;
	width: 100%;
	margin-bottom: 50px;
	/*height: 0px;*/
}
.tabla_final1{
	background-color: white;
	width: 69.5%;
	height: auto;
	float: left;
	box-sizing:border-box;
}
.tabla_final2{
	background-color: white;
	width: 30.5%;
	height: 100px;
	float: right;
	box-sizing:border-box;
}
.dinero{
	text-align:right !important;
	box-sizing:border-box !important;
	width: 150px;
	padding-right: 30px !important;
	font-weight: bolder;
	color: #212121 !important;
}
.dineroDescuento{
	text-align:right !important;
	box-sizing:border-box !important;
  color: green;
  text-decoration: line-through;
  color: red;
  font-size: 40px;
	width: 150px;
	padding-right: 30px !important;
	font-weight: bolder;
	color: #DC143C !important;
  color: blue;
  text-decoration: line-through;

}
.dineroDescuentoPercent{
	text-align:right !important;
	box-sizing:border-box !important;
  font-size: 40px;
	width: 150px;
	padding-right: 30px !important;
	font-weight: bolder;
	color: #04AA6D !important;
}
.dinero_letra{
	text-align:right !important;
	/*padding-right: 100px !important;*/
	box-sizing:border-box !important;
	width: 150px;
	padding-right: 30px !important;
	font-weight: bolder;
	font-size: 10px;
	color: #212121 !important;
}
.dineroTotal{
	text-align:right !important;
	/*padding-right: 100px !important;*/
	box-sizing:border-box !important;
	width: 200px;
	padding-right: 30px !important;
	font-weight: bolder;
	font-size: 15px;
	color: #043f5f !important;

}
.textImportant{
	text-align: center;
}
/*estilo boton de addcar*/
.agregar{
	text-decoration: none;
	font-family: 'ebrima',sans-serif;
	border: 1px solid silver;
	border-radius: 10px;
	color: #fff;
	background-color: #212121;
	padding: 5px 10px;
	cursor: pointer;
}
.agregar:hover{
	background-color: #043f5f;
}
.cantidad{
	width: 30px !important;
	/*padding-left: 10px !important;*/
	padding-right: 10px !important;
}
.contBuscador{
	/*background-color: blue;*/
	float: right;
	width: 30%;
	text-align: right;
	/*margin-bottom: 10px;*/
}
.contAnotacion{
	/*background-color: purple;*/
	float: left;
	width: 60%;
}
.divBuscador{
	background-color: #212121;
	font-size: 20px;
	height: 95px;
	/*display: inline-block;*/
	/*height: auto;*/
	color: white;
	text-transform: uppercase;
	/*padding-top: 10px;*/
	text-align: left;
	padding-left: 30px;
	box-sizing:border-box;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 100%;
}
.divBuscador input[type="text"]{
	height: 22px;
	width: 60%;
	border-radius: 10px;
}
.divBuscador input[type="checkbox"]{

}

.divBuscador2{
	background-color: #212121;
	font-size: 20px;
	height: 95px;
	/*display: inline-block;*/
	/*height: auto;*/
	color: white;
	text-transform: uppercase;
	/*padding-top: 10px;*/
	text-align: left;
	padding-left: 30px;
	box-sizing:border-box;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 100%;
}
.divBuscador2 input[type="text"]{
	height: 22px;
	width: 60%;
	border-radius: 10px;
}
.divBuscador2 input[type="checkbox"]{

}
.clear{
	clear: both;
}

/*PAGINADOR CSS*/
#pagination-digg{ border:0; margin:0; padding:0; }
#pagination-digg li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a{ border:solid 0px #9aafe5; margin-right:2px; }
#pagination-digg a img{ margin-top:-1px; margin-bottom:4px; margin-left:3px; width: 18px; }
#pagination-digg .previous-off,
#pagination-digg .next-off{ border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }

#pagination-digg .active{background:#043f5f;  color:white; border-radius: 10px; font-weight:bold; display:block; float:left; padding:6px 8px;  margin-right:2px; }
#pagination-digg a:link,
#pagination-digg a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; margin-top: 2px;}
#pagination-digg a:hover { border:solid 0px #0e509e; }
#totalpagination{background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }

/*CARGANDO*/
#contenedor_load{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.9);
	position:fixed;
	_position:relative;
	top: 0px;
	left:0px;
	/*overflow: scroll;*/
}

#contenedor_load2{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.9);
	position:fixed;
	_position:relative;
	top: 0px;
	left:0px;
	z-index: 999;
}

.loader {
	/*background:#000;*/
	/*width:500px;*/
	/*height:400px;*/
	position:absolute;
	left:45%;
	top:50%;
	margin-left:-50px;
	margin-top:-60px;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-family:sans-serif;
	letter-spacing:.5px;
}
.loader img{
	width: 120px;
}
.txtDinero{
	font-size: 12px;
	box-sizing: border-box;
}
.ficha{
	width: 75%;
	height: 300px;
	background-color: white;
	margin: 20px auto;
}
.especial{
	height: 350px;
	overflow-x:hidden;
	/*padding-right: 5px;*/
}
.especial_1{
	height: 320px;
	overflow-x:hidden;
}
::-webkit-scrollbar{
	width:7px;
	background: #fff;
}
::-webkit-scrollbar-button{
	width:8px;
	height: 0px;
}
::-webkit-scrollbar-track{
	background-color: rgba(0,0,0,0.5);
	border-radius: 10px;
}
::-webkit-scrollbar-thumb{
	background-color: #212121;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
	background-color: #043f5f;
}
#cont_boltones{
			padding:15px;
		}
		nav.botones{
			text-align:center;
		}
		nav.botones ul{
			display:inline-block;
			border:1px solid #ccc;
			border-radius:20px;
			padding:20px;
			margin:0;
		}
		nav.botones ul li{
			list-style:none;
			display:inline-block;
		}
		nav.botones ul li a{
			background:#043f5f;
			display:block;
			width:150px;
			height:150px;
			text-decoration:none;
			text-align:center;
			border:3px solid #000;
			border-radius:10px;
			margin:5px;
			color:#fff;
			font-family:sans-serif;
			text-transform:uppercase;
			font-size:14px;
			font-weight:bold;
			transition-property: all;
			transition-duration: 0.5s;
		}
		nav.botones ul li img{
			width:85px;
		}
		nav.botones ul li a div{
			display:block;
			margin-top:20px;
			position:relative;
		}
		nav.botones ul li a:hover{
			background:#000;
		}
		nav.botones ul li a span{
			display:block;
			width:40px;
			height:40px;
			line-height:40px;
			border-radius: 20px;
			font-weight:bold;
			font-size:14px;
			color:#fff;
			position:absolute;
			background:#ff0000;
			top: -5px;
			right:20px;
			box-shadow:0px 3px 4px #a01e14;
			text-align:center;
		}

.configuracion_admin{
	/*background-color: red;*/
	width:100%;
	height: 100%;
	margin-bottom: 30px;
}
.confadmin_form{
	width: 22%;
	height: 100%;
	position: fixed;
	margin-bottom: 100px;
	border-right:3px solid #212121;
	clear: both;
	float: left;
	background-color: #e5e5e5;
	/*overflow-x:hidden;*/
	/*overflow: scroll;*/
	box-sizing: border-box;
}
.form_administrador{
	/*overflow-x:hidden;*/
	/*height: 60%;*/
}
.confadmin_cont{
	width: 78%;
	height: 100%;
	float: right;
	box-sizing: border-box;
}
.form_administrador input[type="text"], input[type="email"]{
	width:82%;
}
fieldset{
	border: 1px solid #043f5f;
	border-radius: 10px;
	/*width: 350px;*/
	/*height: 210px;*/
	padding-left: 10px;
	font-size: 14px;
}
legend{
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 18px;
}
.left_cliente{
	float: left;
	width: 30%;
}
.rigth_cliente{
	width: 100%;
}
.fieldsetEsepecial{
	width: 500px;
	padding-left: 10px;
	margin: 50px;
	height: 230px;
		background-color: #fff;
		background-image: url(../img/lgRed.png);
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: 90% 70%;
}
.fieldsetFiltro{
	width: 350px;
	height: auto;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
.fieldsetFiltro legend{
	font-size: 14px;
}
.fieldsetEsepecial label{
	font-size: 14px;
	font-weight: bold;
}
.fieldsetEsepecial span{
	padding-left: 10px;
}
.tdEstilo{
	font-size: 12px !important;
}
.pedidocancelado{
	/*cacelado.png*/
	width: 180px !important;
	position: absolute;
	left: 0;
	top: 0;
}

.fieldsetFiltro select{
	width: 160px;
	height: 30px;
}
.fieldsetFiltro input[type="date"]{
	width: 130px;
	padding-left: 10px;
	/*margin-top:2px;*/
	/*margin-bottom: 5px;*/
	height: 25px;
}
.especial_nombre{
	font-size: 12px !important;
}
.boton_especial_sig{
	margin: 10px 0px !important;
}

.acciones img{
	padding-left: 10px;
	width: 25px !important;
}

/*fieldset img{
	width: 50px !important;
}*/

.captura_libre{
	padding: 10px;
	width: 120px;
	float: right;
	background: #000;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	border-radius: 3px;
}
.captura_libre:hover{
	background: #043f5f;
}