*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.link:hover{
	cursor: pointer !important;
}

body{
	background: #fff;	
	font-family: "Open Sans", Sans-serif,Arial;
	font-size: 16px;
}

label{
	font-family: Sans-serif,Arial;
}

.contenedor{	
	width: 90%;
	max-width: 1000px;
	margin: auto;
	/*overflow: hidden;*/
}

input,select{
	border-radius: 5px;
}

/* DEHABILITA FLECHAS DE INCREMENTO/DECREMENTO EN CONTROL INPUT NUMBER*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* ----- ----- MAIN ----- ----- */

/*Para el botón/dialog eliminar de jquery */
.ui-widget-content{
	background: #fff !important;
	font-size:  1em !important;
}

.ui-widget-header{
	background: #e9e9e9 !important;
	border: 1px solid #dddddd !important;
	color: #333333 !important;
}

.ui-state-default{
	color: #333333 !important;
}
.ui-state-hover,
.ui-state-focus {
	background: #cccccc !important;
	border: 1px solid #dddddd !important;
}
/*Para el botón/dialog eliminar de jquery */

.ocultar{
	display: none;
}

.mostrarBlock{
	display: block;
}

.mostrarInlineBlock{
	display: inline-block;
}

.mostrarFlex{
	display: flex;	
}

.errorOcultar{
	display: none;	
	font-size: 13px;
	font-weight: 700;
	padding: 10px;
	margin: 10px 10px;
}

.errorMostrar{		
	background: url('../img/system/admiration.png') 5px 3px; 
	background-repeat: no-repeat;
	/*background: #ce1818;*/
	border: 2px solid #ce1818;
	border-radius: 3px;
	color: #444;
	display: block;
	font-family: Sans-serif,Arial;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15;
	padding: 10px;
	padding-left: 40px;
	margin: 0px 10px;
	margin-left: 0px;
	margin-bottom: 20px;
}

.aviso-exito{
	background: url('../img/system/mark2.png') 5px 5px; 
	background-repeat: no-repeat;
	border-radius: 3px;	
	border: 2px solid #55c65e;
	color: #444;
	font-size: 14px;
	padding: 10px;
	padding-left: 30px;	
	margin: 0px 10px;
	margin-bottom: 20px;
	text-align: left;

	/*background: #55c65e;	
	border-radius: 3px;	
	border-color: #48b151;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 15px 20px;	
	margin: 15px 20px;
	margin-bottom: 20px;
	text-align: left;*/
}

/*.aviso-exito i{
	font-size: 20px;
	margin-right: 10px;
}*/

.deshabilita-boton{
	border: none;
	background: #c8c8c8;
	cursor: not-allowed;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 600;
	margin-top: 20px;
	margin-left: 10px;
	padding: 10px 10px;	
}

/*#encabezado{
	background: #e1eff0;
}*/

.main .contenedor>h3{
	background: #0a220d;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 40px;
	padding: 10px 20px;
	text-align: center; 
}

.main .contenedor-productos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between; 
	margin-bottom: 20px;
}

.main .contenedor-productos .producto{
	margin-bottom: 30px;
	width: 23%;
}

.contenedor-productos .producto .thumb,
.contenedor-productos .producto .thumbDisabled{
	border: 1px solid #d6d4d4;
	border-bottom: none;
	/*margin-bottom: 10px;*/
	width: 100%;
}

.contenedor-productos .producto .thumb a {
	text-decoration: none;
}

.contenedor-productos .producto .thumbDisabled a {
 	cursor: default;
 	pointer-events: none;
	text-decoration: none;
}

.contenedor-productos .producto .descripcion .not-active {
	background: #cccccc;
	color: #666666;

/*	background: #77A474;
	color: #fff;*/
 	cursor: default;
	display: inline-block;
	margin: 0;
	margin-bottom: 10px;
 	pointer-events: none;
	text-decoration: none;
}

.contenedor-productos .producto .descripcion .not-active-img {
	color: #fff;
 	cursor: default;
	display: inline-block;
	margin: 0;
	margin-bottom: 10px;
 	pointer-events: none;
	text-decoration: none;
}

.contenedor-productos .producto .thumb{
	vertical-align: top;
	text-align: center;
}

.contenedor-productos .producto .thumb a img,
.contenedor-productos .producto .thumbDisabled a img{
	border-radius: 3px;
	vertical-align: top;
	width: 100%;
}

.contenedor-productos .producto .descripcion{
	border: 1px solid #d6d4d4;
	border-top: 0;
	text-align: center;
	padding-top: 15px;
	margin-bottom: 5px;
}

.contenedor-productos .producto .agrupa{
	/*background-color: #f2f2f2;*/
	background-color: #fff;
}

.contenedor-productos .producto .agrupa:hover{
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 13px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 13px;
}

.contenedor-productos .producto .agrupa.deshabilita:hover{
	-webkit-box-shadow: none;
	box-shadow: none;	
}

.contenedor-productos .producto .descripcion .nombre{
	color: #515151;
	height: 45px;
	margin-bottom: 15px;
	padding: 0px 5px;
	/*padding-bottom: 15px;*/
}
.contenedor-productos .producto .descripcion .nombre-reducido{
	color: #515151;
	font-size: 14px;
	height: 45px;
	margin-bottom: 15px;
	padding: 0px 5px;	
}

.contenedor-productos .producto .descripcion .precio{
	font-size: 15px;
	font-weight: 600;
	margin: 15px 0;
}

.contenedor-productos .producto .descripcion .disponible{
	/*background-color: #689a65;*/
	/*background-color: #b3cdb2;*/
	background-color: #93cdb2;
	/*border-top: 1px solid #689a65;*/
	color: #fff;
	/*color: #1b4320;*/
	/*color: #1b4320;*/
	/*font-weight: 600;*/
	font-size: 14px;
	margin-top: 15px;
	padding: 2px 0; 
}

.contenedor-productos .producto .descripcion .agotado{
	background-color: #ff6666;
	color: #fff;
	font-size: 14px;
	margin-top: 15px;
	padding: 2px 0; 
}

.contenedor-productos .producto .descripcion .no-vigente{
	font-size: 14px;
	margin-top: 15px;
	line-height: 15px;
	padding: 2px 0; 
}
.contenedor-productos .producto .descripcion .precio .unidpcio{
	font-size: 12px;
}

.contenedor-productos .producto .agrupa .descripcion .presentacion{
	font-size: 17px;
}

.contenedor-productos .producto .agrupa .descripcion .presentacion .titulo-envase{
	font-size: 15px;
}

.contenedor-productos .producto .descripcion a{
	background: #51b948;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
	box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	padding: 7px 10px;
	margin-bottom: 10px;
	text-decoration: none;
}

.contenedor-productos .producto .descripcion a:hover{
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 13px;
	box-shadow: rgba(0, 0, 0, 0.5) 0 0 13px;

}

.main .contenedor hr{
	border-top: 1px solid rgba(27,67,32,.3);
} 

/*SECCION ALTA DE DOMICILIO DE ENTREGA EN PÁGINA PRINCIPAL*/
.main .contenedor .direccion-envio{ /*Ventana flotante para seleccionar el domicilio de envío al empezar un pedido*/
	background: #fff;
	height: auto;
	justify-content: center;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 1000px;
	padding: 20px 20px;
	padding-bottom: 0;
	position: absolute;
	top: 100px;
	width: 40%;	
	z-index: 99;	
}

.main .contenedor .direccion-envio .envio{
	/*background: #dbf0de;*/
}

.main .contenedor .direccion-envio hr{
	border: 2px solid #1b4320;
	margin-left: 0;
	margin-right: 0;
	margin-top: 15px;
}

.main .contenedor .direccion-envio #tipo-pedido{
	margin-bottom: 10px;
}

.main .contenedor .direccion-envio h3{
	color: #1b4320;
	/*border-bottom: 1px solid #d6d4d4;*/
	font-size: 17px;	
	font-weight: 700;
	padding: 10px 0;
	padding-top: 5px;
	margin-bottom: 5px;
}

.main .contenedor .direccion-envio h3.titulo{
	color: #1b4320;
	font-weight: 700;
	font-size: 19px;
	padding: 10px 0;
	margin-bottom: 5px;	
}

.main .contenedor .direccion-envio .envio input{
	margin-bottom: 10px;
}

/*.main .contenedor .direccion-envio .encabezado.izquierda{
	float: left;
}

.main .contenedor .direccion-envio .encabezado.derecha{
	float: right;
}*/

.main .contenedor .direccion-envio .encabezado label{
	display: block;
	font-size: 13px;
	margin-bottom: 7px;
}

.main .contenedor .direccion-envio select{
	/*background: #fbfbfb;*/
	background: #dbf0de;
	border:1px solid #d6d4d4;	
	/*color: #1b4320;*/
	color: #ff3333;	
	font-size: 14px;
	/*font-weight: 600;*/
	padding: 4px 5px;
	margin-bottom: 5px;
	width: 200px;
}

.main .contenedor .direccion-envio .direccion{
	background: #fbfbfb;
	border:1px solid #d6d4d4;
	clear: both;
	margin-top: 10px;
	/*margin-bottom: 50px;*/
	padding: 10px 20px;
	padding-top: 20px;
}


.main .contenedor #error.errorMostrar{
	margin-bottom: 20px;
}

.main .contenedor #error i,
.main .contenedor .direccion-envio #errorDomiciliosRegistrados i,
.main .contenedor .direccion-envio #errorAlmacenesDisponibles i{
	font-size: 16px;
	margin-right: 5px;
}

.main .contenedor #error ul,
.main .contenedor #error ol,
.main .contenedor .direccion-envio #errorDomiciliosRegistrados ol,
.main .contenedor .direccion-envio #errorAlmacenesDisponibles ol{
	margin: 0px 15px;
	font-weight: 500;
	padding-left: 10px;
}

.main .contenedor .direccion-envio p.titulo-dom{
	color: #222;
	/*font-size: 16px;*/
	line-height: 1.15;
	margin-bottom: 5px;
}

.main .contenedor .direccion-envio .direccion p{
	color: #444;
	font-size: 13px;
	line-height: 20px;
}

.main .contenedor .direccion-envio #ubicacion i{
	color: #fd7e01;
}

.main .contenedor .direccion-envio #ubicacion i:hover{
	background: #575757;
	border: 1px solid;
	border-color: #303030 #303030 #666666 #444444;
	cursor: pointer;
}

.main .contenedor .direccion-envio .direccion .leyendaEntregaRuta{
	border: 1px solid #d6d4d4;
	border-radius: 3px;
	background: #43b754;
	clear: both;
	color: #fff;
	float: left;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 5px 1px;
	text-align: center;
	width: 100%;
}

.main .contenedor .direccion-envio #formaDtosEnv #denv-consolida{
	color: #ff3333;
	/*padding: 5px;*/
	padding-left: 0;
}

.main .contenedor .direccion-envio #formaDtosEnv #bActualizarDom,
.main .contenedor .direccion-envio #formaInsDom #bInsertarDom,
.main .contenedor .direccion-envio #cerrar{
	background: #6f6f6f;
	border: 1px solid;
	border-color: #666666 #5f5f5f #292929 #5f5f5f;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: 700; 
	margin: 10px 0;
	text-decoration: none;
}

.main .contenedor .direccion-envio #cerrar{
	float: left;
}	

.main .contenedor .direccion-envio #formaDtosEnv #bActualizarDom span,
.main .contenedor .direccion-envio #cerrar span{
	box-sizing: border-box;
	display: block;	
	margin: 0;
	padding: 5px 8px 5px 8px;	
}

.main .contenedor .direccion-envio #formaDtosEnv #bActualizarDom span:hover,
.main .contenedor .direccion-envio #cerrar span:hover{
	background: #575757;
	border: 1px solid;
	border-color: #303030 #303030 #666666 #444444;
	cursor: pointer;
}

.main .contenedor .direccion-envio #formaInsDom #bInsertarDom span{
	border: 1px solid #8b8a8a;
	box-sizing: border-box;
	display: block;	
	margin: 0;
	padding: 5px 8px 5px 8px;	
}

.main .contenedor .direccion-envio #formaInsDom #bInsertarDom span:hover{
	background: #575757;
	border: 1px solid;
	border-color: #303030 #303030 #666666 #444444;
	cursor: pointer;
}


/*FORMA DE PAGO*******************/
.main .contenedor .direccion-envio .formas-de-pago{
	padding-bottom: 10px;	
	/*padding-top: 20px;*/
}

.main .contenedor .direccion-envio .formas-de-pago span{
	/*color: #333;*/
	color: #232323;
	display: block;
	font-size: 15px;
	font-weight: 500;
	margin: 0px 20px;
	/*margin-top: 25px;*/
	/*padding-top: 10px;*/
}

.main .contenedor .direccion-envio .formas-de-pago input[type=checkbox]{
	transform: scale(1.2);	
}

.main .contenedor .direccion-envio .formas-de-pago span.opcion-pago label{
	font-weight: 600;
	/*border-bottom: 1px solid #ababab; /*#d6d4d4*/*/
}

.main .contenedor .direccion-envio .formas-de-pago span.opcion-pago.transferencia{
	margin-top: 20px;
}

.main .contenedor .direccion-envio .formas-de-pago span.opcion-pago p{
	font-size: 13px;
	line-height: 1.5;
	font-family: helvetica;
	margin: 10px;
	margin-top: 5px;
	margin-left: 15px;
	text-align: justify;
}
/*FORMA DE PAGO*******************/

.main .contenedor .direccion-envio #submit{
	float: right;
}

.habilita-boton-submit-pedido{
	/*background: #2aa04c;*/
	/*border: 2px solid #74d578;*/
	background: #43b754;
	border: 1px solid #74d578;	
	border-color: #196f28 #399a49 #399a49 #258033;
	border-radius: 4px;
	color: #fff;
	/*float: right;		*/
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 30px;	
	padding: 10px 10px;
	text-decoration: none;
}

.deshabilita-boton-submit-pedido{
	background: #cccccc;
	border: 1px solid #999999;	
	border-radius: 4px;
	color: #666666;
	/*float: right;		*/
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 30px;	
	padding: 11px 14px 10px 14px;
	text-decoration: none;
}

.deshabilita-boton-agregar-producto{
	background: #cccccc;
	border: none;	
	border-radius: 3px;
	color: #666666;
	display: block;
	margin: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 13px 20px;	
}	

.habilita-boton-submit-pedido:hover{
	/*background: #43b754;*/
	/*border: 1px solid #74d578;*/
	background: #2aa04c;
	border: 2px solid #74d578;
	border-color: #196f28 #399a49 #399a49 #258033;
	cursor: pointer;
}

.main .contenedor .capa-deshabilita{
	background-color: #000;
	color: #777;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 98;
}

.main .contenedor .direccion-envio .leyenda{
	color: #555;
	font-size: 13px;
	padding: 10px 5px;
}

.main .contenedor .direccion-envio #seleccionaAlmacen .leyenda{
	margin-top: 20px;
}

.main .contenedor .direccion-envio .entrega-inmediata .leyenda{
	border: 0;
	margin: 0;
}

.main .contenedor .direccion-envio .entrega-inmediata .leyenda span{
	background-color: #dbf0de;
	font-weight: 600;
	font-size: 13px;
}

.main .contenedor .direccion-envio .lineaFinalDomEnv{
	/*background: #ffffb3;*/
	border-top: thin solid #777; 
	color: #555;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
	/*margin-bottom: 10px;*/
	padding: 10px 5px;
}

/*******PAGINACIÓN ******/
.nota-precios{
	font-size: 13px;
	font-style: italic;
	margin-bottom: 5px;
	padding-left: 10px;
/*	float: right;*/
}

.numero-registros{
	font-size: 13px;
	margin: 0;	
	/*margin-bottom: 20px;*/
	padding: 0;
	padding-left: 10px;
}

/*SÓLO PARA PÁGINA INDEX DE MOSTRADO DE PRODUCTOS*/
.main .contenedor .paginacion{
	margin-bottom: 30px;
}

.main .contenedor .paginacion ul,
.main .contenedor .paginacion form{
	padding-left: 10px;
}
/***************************************/

.paginacion ul{
	list-style: none;
	margin-top: 25px;
	margin-bottom: 20px;
}

.paginacion ul li{		
	display: inline-block;	
	margin: 0;
	margin-right: 5px;	
}

.paginacion ul li a{
	background: #0a220d;
	color: #fff;
	font-size: 17px;
	margin: 0;
	padding: 5px 7px;
	text-decoration: none;
}

.paginacion ul li a:hover{
	background: #3299bb;
}

.paginacion ul li a.deshabilitar-control{
	background: #c8c8c8;
	color: #fff;
	cursor: not-allowed;
	margin: 0;
	padding: 5px 7px;
	text-decoration: none;
}

.paginacion ul li a.active{
	background: #ce7f08;
}

.paginacion select,
.paginacion label{
	color: #333; 
	font-size: 14px;
}

/* ----- ----- MEDIA QUERIES INDEX----- ----- */
@media screen and (max-width: 1000px){
	.main .contenedor .direccion-envio{ 
		width: 60%;
	}

	.main .contenedor-productos .producto{
		font-size: 14px;
	}

	.contenedor-productos .producto .agrupa .descripcion .presentacion,	
	.contenedor-productos .producto .agrupa .descripcion .precio{
		font-size: 15px;
	}				
}

@media screen and (max-width: 805px){
	.main .contenedor-productos .producto{
		width: 46%;		
	}	

	.main .contenedor-productos .producto{
		font-size: 16px;
	}

	.contenedor-productos .producto .agrupa .descripcion .presentacion,	
	.contenedor-productos .producto .agrupa .descripcion .precio{
		font-size: 17px;
	}			

	.main .contenedor>h3{
		font-size: 20px;
	}

	.main .contenedor .direccion-envio{ 
		width: 70%;
	}	
}

@media screen and (max-width: 500px){
	.main .contenedor>h3{
		font-size: 15px;
	}	
	.main .contenedor-productos .producto{
		width: 96%
	}	

	.main .contenedor-productos{
		justify-content: space-around;

	}

	.contenedor-productos .producto .thumb a,
	.contenedor-productos .producto .thumbDisabled a{
		display: inline-block;
		text-align: center;
	}

	.contenedor-productos .producto .thumb a img,
	.contenedor-productos .producto .thumbDisabled a img{
		width: 90%;
	}

	.main .contenedor .direccion-envio{ 
		width: 90%;
	}

	.contenedor-productos .producto .agrupa .descripcion .presentacion,	
	.contenedor-productos .producto .agrupa .descripcion .precio{
		font-size: 15px;
	}
	.main .contenedor-productos .producto{
		font-size: 15px;
	}	
}

@media screen and (max-width: 250px){
	.main .contenedor-productos .producto{
		font-size: 14px;
	}	
	.contenedor-productos .producto .agrupa .descripcion .presentacion,	
	.contenedor-productos .producto .agrupa .descripcion .precio{
		font-size: 13px;
	}
	.contenedor-productos .producto .descripcion a{
		font-size: 13px;
	}
	.main .contenedor>h3{
		font-size: 13px;
	}
	body{
		font-size: 13px;
	}
}

/* ----- ----- MAIN PAGINA CONTACTO ----- ----- */

.maincontactos{
	margin-top: 10px;
	margin-bottom: 15px;
}

.maincontactos .titulo{
	color: #555454;
	font-size: 16px;
	padding: 5px 10px;
	text-align: left;
}

.maincontactos hr{
	border: 1px solid rgba(214,212,212,.5);	
	margin: 10px 10px;
}

.maincontactos .contacto{
	-webkit-box-shadow: 0px 5px 13px rgba(156, 155, 155, 1);
	box-shadow: 0px 5px 13px rgba(156, 155, 155, 1);
	padding: 40px 10px;	
	padding-top: 30PX;
	margin: 20px 10px;
}

.maincontactos .contacto .forma{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.maincontactos .forma .datos,
.maincontactos .forma .enviar{
	color: #333;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
	width: 30%
}


.maincontactos .forma .datos input[type="text"],
.maincontactos .forma .datos input[type="email"]{
	background: #fbfbfb;
	border: 1px solid #d6d4d4;
	padding: 5px 0;
	width: 90%;
	padding: 8px 5px;		
}

.maincontactos .forma .mensaje{	
	color: #333;
	font-size: 14px;
	font-weight: 600;
	width: 68%	
}

.maincontactos .forma .enviar{
	flex-grow: 1;
	padding-left: 20px;
}

.maincontactos .forma label{
	display: inline-block;
	padding: 7px 0;
}

.maincontactos .forma .mensaje textarea{
	background: #fbfbfb;
	border: 1px solid #d6d4d4;
	padding: 8px 5px;
	resize: none;
    width: 100%;
}

.maincontactos .forma .datos input[type="text"]:focus,
.maincontactos .forma .datos input[type="email"]:focus,
.maincontactos .forma .mensaje textarea:focus{
	border-color: #66afe9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.maincontactos .forma #submit.habilita_boton{
	background: #51b948;
	border: 1px solid #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
	box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	margin-top: 20px;
	padding: 10px 15px;
}

.maincontactos .forma #submit.habilita_boton:hover{
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 13px;
	box-shadow: rgba(0, 0, 0, 0.5) 0 0 13px;
}


.maincontactos #error ul li{
	font-size: 14px;	
	font-weight: 500;
	margin: 0px 30px;
	margin-top: 2px;
}

/* ----- ----- MEDIA QUERIES CONTACTO ----- ----- */
@media screen and (max-width: 800px){
	.maincontactos .forma .datos,
	.maincontactos .forma .enviar,
	.maincontactos .forma .mensaje{
		width: 100%;
		padding: 5px 10px;		
		margin: 0;
	}	

	.maincontactos .forma .datos input[type="text"],
	.maincontactos .forma .datos input[type="email"]{
		width: 100%;
	}
	
	.maincontactos .forma .datos input[type="text"],
	.maincontactos .forma .datos input[type="email"]{
		margin: 4px 0px;
	}

}

/* ----- ----- MAIN PAGINA PRODUCTO AGREGAR ----- ----- */
.main hr{
	border-top: 5px solid rgba(27,67,32,.3);
	margin: 10px; 0
}

.main .contenedor-agregar{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 65px;
	margin-bottom: 160px;
	text-align: justify;
}

.main .contenedor-agregar .foto,
.main .contenedor-agregar .datos-compra{
	width: 45%;
}

.main .contenedor-agregar .foto{
	background-color: #fff;
	border: 1px solid #d6d4d4;
	max-width: 450px;
}

.main .contenedor-agregar .foto img{
	background-color: #fff;
	height: 100%;
	width: 100%;
	transition: 0.5 s;
	object-fit: cover;
}

.main .contenedor-agregar .foto img:hover{
	transform: scale(1.30);
}

.main .contenedor-agregar .nota-pie-imagen{
	font-size: 12px;
}

.main .contenedor-agregar .url_sitio_gh{
	display: block;
	font-size: 12px;
	padding-top: 20px;
	text-decoration: none;
}

.main .contenedor-agregar .url_sitio_gh:hover{
	text-decoration: underline;
}

.main .contenedor-agregar .url_sitio_gh_disabled{
	display: block;
	font-size: 12px;
	padding-top: 20px;
	color: #C6C6C6;	
}

.datos-compra .producto {
	color: #3a3939;
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 25px 0;
}

.datos-compra .formato {
	margin: 10px 0;
	margin-left: 10px;
	font-size: 18px;
}

.datos-compra .formato.tamano {
	/*color: #3a3939;*/
	font-weight: 600;
	font-size: 17px;
}

.datos-compra .precio{
	/*color:#2fb5d2;*/
	color: #660000;
	font-size: 19px;
	font-weight: 600;
}

.datos-compra .precio span{
	color:#000;
}

.datos-compra .precio .unidpcio{
	font-size: 17px;
	/*font-weight: normal;*/
}

.datos-compra .formagrega{
	/*background: #ebebeb;*/
	background: #D4DCD4;
	border:1px solid #b0afaf;
	padding: 10px;
}

.datos-compra .formagrega label{
	display: block;
	font-weight: 600;
	padding-left: 10px;
	padding-top: 5px;
}

.datos-compra .formagrega label .disponible{
	color: #777;
	font-size: 15px;
	font-weight: 400;
}

.datos-compra .formagrega .subtotales{
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 3px;
	padding-left: 12px;
}

.datos-compra .formagrega .subtotales.importe{
	font-size: 15px;
}

.datos-compra .formagrega .subtotales.pcio-ton,
.datos-compra .formagrega .subtotales.peso,
.datos-compra .formagrega .subtotales.impuestos,
.datos-compra .formagrega .subtotales.pallet,
.datos-compra .formagrega .subtotales.litros{
	color: #333;
	font-size: 12px;
}

.datos-compra .formagrega .subtotales.costo-envio{
	color: red;
	font-size: 11px;
	margin-top: 10px;
}

.datos-compra .formagrega .subtotales.importe span{
	color: #660000;
}

.datos-compra .formagrega .cantidad{
	border: 1px solid #66afe9;
	display: inline-block;
	font-size: 18px;
	margin: 10px;
	margin-bottom: 20px;
	padding: 8px 10px;
	width: 40%;	
}

.datos-compra .formagrega .cantidad:focus{
	border: 2px solid #66afe9;
}

.rojo{
    border: 1px solid red;
	display: inline-block;
	margin: 10px;
	margin-bottom: 30px;
	padding: 8px 10px;
	width: 40%;    
}

.datos-compra .formagrega .btn-cant{	
	color: #8F8B8B;
	border: 1px solid #8F8B8B;
	display: inline-block;
	padding: 6px 8px;
	margin: 5px;
}

.datos-compra .formagrega .btn-cant:hover{
	color: #000;	
	cursor: pointer;
}	

.datos-compra .formagrega .btn-cant:active{	
	color: #8F8B8B;
	border: 2px solid #8F8B8B;
	display: inline-block;
	padding: 6px 8px;
	margin: 5px;
}

.datos-compra .formagrega .envia{
	background: #187904;
	border: none;
	border-radius: 3px;
	display: block;
	box-shadow: 0px 0px 13px rgba(0,0,0,0.17);
	-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
	color:#fff;
	cursor: pointer;
	margin: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px 10px;
}

.datos-compra .formagrega .envia:hover{
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 13px;
	box-shadow: rgba(0, 0, 0, 0.8) 0 0 13px;
}

.datos-compra .fichas{
	/*background: #50B948;*/
	/*background: linear-gradient(rgb(0, 154, 208), rgb(0, 122, 183)); */
	/*background: #187904;*/
	background: #48BF40/*50B948*/;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin: 20px 0px;
	margin-right: 3px;
	padding: 7px 12px;
	text-decoration: none;
}

.datos-compra .fichas:hover{
	text-decoration: underline;
}

.not-active {
	background: #77A474;
	border-radius: 3px;
	color: #fff;
 	cursor: default;
	display: inline-block;
	margin: 20px 0px;
	margin-right: 3px;
	padding: 7px 12px;
 	pointer-events: none;
	text-decoration: none;
}


.main .contenedor .confirma{
	background: #fff;
	border: 1px solid #d6d4d4;
	border-radius: 3px;	
	box-sizing: border-box;
	flex-wrap: wrap;
	height: auto;
	justify-content: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 950px;
	position: absolute;
	top: 234px;
	width: 73%;	
	z-index: 99;
}

.confirma .confirma-producto .titulo{
	color : #46a74e;
	font-size: 23px;
	font-weight: 600;
	padding-left: 30px;
	padding-top: 20px;
}

.confirma .confirma-producto .titulo i{
	font-size: 24px;
	padding: 0 10px;
}

.capa-sobrepuesta{
	background-color: #000;
	color: #777;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 98;
}

.confirma .confirma-producto,
.confirma .confirma-pedido{
	border-radius: 3px;
	padding-bottom: 20px;
	width: 430px;
}

.confirma .confirma-pedido{
	background: #fafafa;
	border-left: 1px solid #d6d4d4;
}

.confirma .confirma-pedido .cped{
	/*color: #777;*/
	font-size: 13px;
	font-weight: 600;
	padding: 5px 30px;	
}

.confirma .confirma-pedido .cped span{
	color: #444;
}

.confirma .confirma-pedido .cped.envio,
.confirma .confirma-producto .cped.envio{
	color:red;
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
}

.confirma .confirma-pedido .titulo{
	border-bottom: 1px solid #d6d4d4;
	font-size: 20px;
	font-weight: 700px;
	margin: 0 30px;
	margin-bottom: 15px;
	padding: 20px 0px;
}

.confirma .confirma-pedido .total{
	margin-top: 10px;
}

.confirma .confirma-pedido .pesotot,
.confirma .confirma-producto .datos-producto .peso{
	font-size: 13px;
	font-weight: 400;
	color: #777;
}

.confirma .confirma-pedido form{
	display: inline;
}

.confirma .confirma-pedido .seguir-comprando{	
	background: #f7f7f7;
	border: 1px solid #b0afaf;
	border-radius: 3px;
	color: #000;	
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	margin: 5px 5px;
	margin-left: 15px;
	margin-top: 20px;
	padding: 9px 10px;
	text-decoration: none;
}

.confirma .confirma-pedido .seguir-comprando:hover{
	/*border: 2px solid #b0afaf;*/
	background: #d9d9d9;
}

.confirma .confirma-pedido .finalizar-compra{	
	background: #43b754;
	border: 1px solid #74d578;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	margin: 5px 1px;
	margin-top: 20px;
	padding: 9px 10px;
	text-decoration: none;
}

.confirma .confirma-pedido .finalizar-compra:hover{	
	background: #3aa04c;
	cursor: pointer;
}

.confirma-producto .confirma-img,
.confirma-producto .datos-producto{
	display: inline-block;
	width: 49%;
}

.confirma-producto .confirma-img{
	border: 1px solid #d6d4d4;
	box-sizing: border-box;
	margin: 30px 15px;
	padding: 5px 10px;
	width: 180px;
}

.confirma-producto .datos-producto{
	vertical-align: top;
	margin-top: 30px;	
}

.confirma-producto .datos-producto .dprod{
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0;
}

.confirma-producto .datos-producto .dprod.pcio-ton,
.confirma-producto .datos-producto .dprod.peso,
.confirma-producto .datos-producto .dprod.leyenda-impuestos,
.confirma-pedido .cped.pesotot,
.confirma-pedido .cped.leyenda-pallets,
.confirma-pedido .cped.leyenda-impuestos{
	font-size: 12px;
	font-weight: 400;
	color: #444;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}


	font-size: 12px;
	font-weight: 400;
	color: #777;
	margin: 0;
}

.confirma-producto .datos-producto .dprod span{
	color: #777;	
}

.confirma .confirma-producto .nombre{
	color: #3a3939;
	font-size: 17px;
}

.confirma-img img{
	width: 100%;
}



/* ----- ----- MEDIA QUERIES PÁGINA AGREGAR PRODUCTO ----- ----- */
@media screen and (max-width: 1230px){

	.confirma .confirma-producto,
	.confirma .confirma-pedido{
		flex-direction: column;
		width: 99%
	}	

	.confirma .confirma-pedido{
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 800px){
	.main .contenedor-agregar .foto,
	.main .contenedor-agregar .datos-compra{
		width: 95%;
	}

	.main .contenedor-agregar{
		justify-content: center;
	}

	.main .contenedor-agregar .foto{
		align-self: center;

	}

	.datos-compra .producto {
		font-size: 25px;
		margin-top: 30px;
	}

	.main .contenedor-agregar .datos-compra{
		margin-top: 30px;
	}	

	.main .contenedor-agregar .datos-compra a{
		margin-bottom: 0px;	
	}	
	
	.main .contenedor .confirma{
		width: 90%;
	}	
}

@media screen and (max-width: 480px){
	.confirma-producto .datos-producto{
		margin-top: 0px;	
		padding-left: 30px;
		width: 90%;
	}

	.confirma-producto .datos-producto .dprod{
		margin-top: 0px;
	}

	.datos-compra .formagrega .cantidad{
		width: 30%;
	}
}

@media screen and (max-width: 350px){
	.confirma .confirma-pedido .finalizar-compra{
		margin-left: 15px;
		margin-top: 7px;
	}		
}

/* ----- ----- PAGINA AUTENTICAR ----- ----- */

.mainauth .contenedor-auth form#formarenueva #guardar.deshabilita-boton-submit{
	background: #cccccc;
	border: 1px solid #999999;	
	border-radius: 3px;
	color: #666666;
	display: block;
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	margin-top: 20px;
	margin-left: 10px;
	padding: 10px 10px;
}

.mainauth{
	margin-top: 10px;
	margin-bottom: 15px;
}
	
.mainauth .titulo{
	color: #555454;
	font-size: 19px;
	font-weight: 600;
	padding: 5px 10px;
	text-align: left;
}

.mainauth hr{
	border: 1px solid rgba(214,212,212,.5);	
	margin: 10px 10px;
}

.mainauth .contenedor .contenedor-desbloqueo{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 60px;
}

.mainauth .contenedor .contenedor-auth{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
	margin-top: 30px;
	margin-bottom: 60px;
}

.mainauth .contenedor .contenedor-auth #formarenueva .icon{
	position: absolute;
	margin-top: 28px;
	margin-left: 270px;
	padding-left: 5px;
	padding-right: 5px;
}
.mainauth .contenedor .contenedor-auth #formarenueva .icon:hover{
	background-color: rgba(0, 0, 0, .05);
	margin-top: 28px;
	margin-left: 270px;	
	padding-left: 5px;
	padding-right: 5px;
}

.mainauth .contenedor .contenedor-auth #formarenueva p{
	color: red;
	font-size: 13px;
	margin: 10px 0px;
	margin-top: 5px;
}

.mainauth .contenedor .contenedor-auth #formarenueva ul li{
	color: red;
	font-size: 13px;	
	margin: 0px 30px;
	margin-top: 2px;
}

.mainauth .contenedor .recupera{
	margin-bottom: 30px;
}


.mainauth .contenedor-auth .login,
.mainauth .contenedor-auth .login-recupera{
	background: #fbfbfb;
	border: 1px solid #d6d4d4;
	border-radius: 3px;
	font-size: 13px;
	padding: 30px 10px;
	padding-bottom: 10px;
	width: 50%;	
}

.mainauth .contenedor-auth  #aviso-confirmacion{
	background: #55c65e;	
	border-color: #48b151;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 15px 20px;	
	margin: 15px 20px;
	margin-bottom: 00px;	
}

.mainauth .contenedor-auth  #aviso-confirmacion i{
	font-size: 20px;
	margin-right: 10px;
}

.mainauth .contenedor-auth .login-recupera{
	width: 100%;
}

.mainauth .contenedor .contenedor-auth  h3,
.mainauth .contenedor .contenedor-auth  hr{
	margin-bottom:15px;
	padding: 0 10px;
}

.mainauth .contenedor .contenedor-auth  p{
	color:#777;
	margin-bottom:15px;
	padding: 0 10px;
}

.mainauth .contenedor-auth .formato{
	display: block;
	margin: 5px 10px;
	width: 60%;	
}

.mainauth .contenedor-auth .formato-code{
	display: block;
	margin: 5px 10px;
	width: auto;	
}

.mainauth .contenedor-auth .code{
	display: block;
	border-radius: 2px;
	height: 30px;
	margin: 5px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
	width: 166px;	
}

.mainauth .titulo.code{
	text-align: center;
	width: auto;
}

.mainauth .contenedor-auth .login-recupera .formato{
	width: 30%;	
}

.mainauth .contenedor-auth label{
	color: #333;
	font-weight: 700;
}

.mainauth .contenedor-auth input{
	border:1px solid #d6d4d4;
	padding: 7px 5px;
}

.mainauth .contenedor-auth input:focus:not(.submit){
	background: #fefbe2;
	border-color: #66afe9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.mainauth .contenedor-auth .reset{
	display: block;
	margin-left: 10px;
	margin-top: 20px;
	text-decoration: none;	
}

.mainauth .contenedor-auth .reset:hover{
	text-decoration: underline;
}

.mainauth .contenedor-auth .crear{
	/*padding: 5px;*/
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	text-decoration: none;	
}

.mainauth .contenedor-auth .crear:hover{
	text-decoration: underline;
}

.mainauth .contenedor-auth .submit,
.mainauth .contenedor .contenedor-desbloqueo .submit{
	background: #51b948;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
	box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	margin-top: 20px;
	margin-left: 10px;
	padding: 8px 8px;
	width: 200px;
}

.mainauth .contenedor-auth.code .submit{
	display: block;
	margin: 20px auto;
}

.mainauth .contenedor-auth.code .reset{
	text-align: center;
}

.mainauth .contenedor-auth .submit:hover,
.mainauth .contenedor .contenedor-desbloqueo .submit:hover{
	background: #3aa04c;
	border-color:#196f28 #399a49 #399a49 #258033;
	cursor: pointer;
}

.mainauth .contenedor #regresar{
	background: #6f6f6f;
	border: 1px solid;
	border-color: #666666 #5f5f5f #292929 #5f5f5f;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 700; 
	margin-bottom: 50px;
	padding: 0;	
	text-decoration: none;
}

.mainauth .contenedor #regresar span{
	border: 1px solid #8b8a8a;
	box-sizing: border-box;
	border-radius: 3px;
	display: block;	
	margin: 0;
	padding: 5px 8px 5px 8px;	
}

.mainauth .contenedor #regresar span:hover{
	background: #575757;
	border: 1px solid;
	border-color: #303030 #303030 #666666 #444444;
	cursor: pointer;
}

.mainauth .contenedor hr{
	border-top: 1px solid rgba(27,67,32,.3);
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

.maiauth .error{
	background: #ce1818;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding: 15px 10px;
	padding-left: 40px;
}

/* ----- ----- MEDIA QUERIES PAGINA AUTENTICAR ----- ----- */
@media screen and (max-width: 800px){
	.mainauth .titulo{
		font-size: 17PX;
	}	

	.mainauth .contenedor-auth .login{
		width: 95%;	
	}

	.mainauth .contenedor-auth .login .formato{
		width: 90%;
	}	
}


/***** PÁGINA DE ADMINISTRACIÓN DE LA CUENTA DEL USUARIO ***********************/
.maincuenta .contenedor h1{
	color: #555454;
	font-size: 18px;
	border-bottom: 1px solid #d6d4d4;
	padding-bottom: 15px;
}

.maincuenta .contenedor p{
	color: #777;
	font-size: 13px;
	margin: 20px 0;
	margin-top: 25px;
}

.maincuenta .contenedor .cuenta{
	margin: 20px 0;
	margin-bottom: 70px;
	width: 33%; 
}

.maincuenta .contenedor .cuenta ul{
	list-style: none;
}

.maincuenta .contenedor .cuenta ul li{
	box-sizing: border-box;
	color:#777;
	margin: 15px 0;
}

.maincuenta .contenedor .cuenta ul li a{
	-webkit-background-image: linear-gradient(rgb(247, 247, 247), rgb(237, 237, 237));
	-moz-background-image: linear-gradient(rgb(247, 247, 247), rgb(237, 237, 237));
	background-image: linear-gradient(rgb(247, 247, 247), rgb(237, 237, 237));
	background-size: 100%;
	border: 1px solid;
	border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
	border-radius: 4px;
	color: #555454;
	display: block;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-shadow: 0px 1px white;
}

.maincuenta .contenedor .cuenta ul li a:hover{
	color: #515151;
}

.maincuenta .contenedor .cuenta ul li i{
	background: 
	border: 1px solid #fff;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #fd7e01;
	font-size:25px;
	height: 100%;
	padding: 10px 0 0 0;
	left: 0;
	top: 0;
	position: absolute;
	text-align: center;
	width: 52px;
}

.maincuenta .contenedor .cuenta ul li a span{
	border: 1px solid;
	box-sizing: border-box;: 
	border-top-right-radius: 5px;	
	border-bottom-right-radius: 5px;
	border-color: #fff #fff #fff #c8c8c8;
	color:#555454;
	display: block;
	margin-left: 52px;
	overflow: hidden;
	padding: 13px 15px 15px 17px;
}

.maincuenta .contenedor .cuenta .deshabilita-boton-nomargin{
	border: 1px solid;
	box-sizing: border-box;
	border-color: #fff #fff #fff #fff;	
	background: #c8c8c8;
	cursor: not-allowed;
	font-size: 16px;
	font-weight: 600;
}

.maincuenta .contenedor .cuenta .deshabilita-boton-icon{
	background: #c8c8c8;
	border: 1px solid;
	box-sizing: border-box;
	border-color: #fff #fff #fff #fff;	
	background: #c8c8c8;
	cursor: not-allowed;
}

/* ----- ----- MEDIA QUERIES PAGINA DOMICILIOS DE ENVÍO ----- ----- */
@media screen and (max-width: 1100px){
	.maincuenta .contenedor .cuenta {
		width: 50%;
	}
}

@media screen and (max-width: 800px){
	.maincuenta .contenedor .cuenta {
		width: 100%;
	}
}