﻿.consart{width:100%;}
.consart tr:nth-child(even) td{border-bottom:1px #fff solid;background-color:#4d4d4d;}
.consart tr:nth-child(odd) {background-color:#595959;}

/* .consart tr:nth-child(even):hover td{background-color:#F0F0F0;}
.consart tr:nth-child(odd):hover td{background-color:#FFF;} */
/* .consart tr:nth-child(odd) td{border-left:3px red solid;} */
.deldia{border-left:3px red solid ;}
.liquidacion{border-left:3px #0033cc solid !important;}
.oferta{border-left:3px #ff8000 solid;}
/* .flex{border-left:3px #00b33c solid;} */
.flex{border:3px #00b33c solid;}

.bgdeldia{color:red !important;}
.bgliquidacion{ color: #0033cc !important;}
.bgoferta{ color:#ff8000 !important;}
.bgflex{ color:#00b33c !important;}


.consart-titulos{
	width:60%; height: 28px; display:inline-block; margin:0; padding:0;
}
.ca-titulo{
	width:99%; height: 14px; margin:0; padding:0;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size: 0.6rem;  font-weight:bold; color:#fff;
}

	.tdisponible{
		float:left; text-align:center; 
		font-size:0.8625rem;
		height:14px; width:45%; 
		overflow-x:hidden; overflow-y:hidden;
		margin-left:48%;
	}
	.tdisponible div{width:18%; float:left; display:inline-block; height:14px; color:#fff;
		margin-left:3%; margin-right:4%;margin-top:3px; font-size:0.575rem;
	}
#combodestino{
	width:38%; height:24px; display:inline-block; float:right; margin-top:4px !important; background-color:#fff;
}
#comboorden{
	width:38%; height:24px; display:inline-block; float:right; margin-top:4px !important; background-color:#fff;
	color:#fff; background-color:#000;
}








.line1{display:block;float:left;height:0.9rem; width:100% !important;}
	.descrip{
		color:#c0c0c0;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		font-size: 0.6rem; font-weight:normal; 	 	/*letter-spacing: 0.07em;*/
		text-align:left;
		padding-top:2px; padding-bottom:2px; padding-left:0.5%;
		height:0.7rem;width:99%; 
		margin-top:0.1%;
		float:left;overflow-x:hidden;overflow:hidden;
	}
	.descrip::first-line{color:#fff; font-weight:bold;}


.line1_1{display:block;float:left;height:20px; width:100% !important;}
	.estados{
		font-family:Arial, Helvetica, sans-serif;
		display:inline-block;
		width:40%;  height:17px; padding-top:2px;
		font-size:0.6rem;color:#000000;  font-weight:bold;
		float:left;overflow-x:hidden; 	
		text-align:center ; margin-right:4px;
		/* color:#009933;	  */
	}	
	.disponible{
		float:left; text-align:center; 
		font-size:0.625rem; 
		height:22px; width:25%; 
		overflow-x:hidden; overflow-y:hidden;
		/* padding-top:5px;padding-bottom:5px; */
		margin-left:0.5%;
	}
	.disponible img{width:16%; float:left; height:14px; cursor:pointer; margin-left:4%; margin-right:3%; margin-top:3px; }
	.disponible div{width:18%; float:left; display:inline-block; height:14px; color:#fff;
		cursor:pointer; margin-left:3%; margin-right:4%;margin-top:3px; font-size:0.575rem;
	}
	
	.precio{
		font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.07em;
		display:inline-block;
		width:22%;  height:20px;
		font-size:0.75;color:#fff;  font-weight:bold;
		margin-top:0%;text-align:right; margin-left:3%;

	}
	.opciones{
		float:right; height:20px;width:6%; margin-top:0%;
		text-align:center ;
		overflow-x:hidden;overflow-y:hidden;
		display:inline-block;

	}
	.opciones img{
		margin-top:0%;
		width:90%;
		max-height:20px;
		display:inline-block;
	}


.line2{display:block;float:left;height:16px; width:100% !important; }
	.loscodigos{
		font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:0.575rem; 
		/* letter-spacing: 0.08rem; */
		height:16px; width:80%; 
		overflow-x:hidden; overflow-y:hidden;
		float:left; color:#fff;
		padding-left:0.5%; padding-top:3px;
	}
	.loscodigos p{display:inline; font-weight:normal; color:#fff; padding-top:1px;padding-left:1%;padding-right:1%;}
	.loscodigos div{
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		display:inline-block;
		width:auto;  height:16px;
		font-size:0.65rem;color:#fff;  font-weight:bold;
		overflow-x:hidden; 	
		color:#fff;	 text-align:center ;
	}
	.loscodigos span{ font-size:0.6rem;}

		
	.impuestos{
		font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.03em;
		display:inline-block;	width:58%;  height:16px; float:left;
		font-size:0.525rem;color:#fff;  
		margin-top:0px;text-align:right; padding:0; padding-top:3px;

	}	




.line5{display:none;float:left;height:auto; width:100% !important; font-family:Verdana, Geneva, Tahoma, sans-serif; 
	background-color:#fff !important;
	border: 2px #fff solid; border-top:none;
	margin-top:10px; margin-bottom:5px;
}
.line5 #divpromos{ width:100%;background-color:#fff !important;}
.line5 #tablapromos{width:100%; float:left; font-size:0.75em;}	
.line5 table tr{height:20px !important; background-color:#fff !important;}
.line5 #tablapromos thead tr th{ background-color:#4d4d4d; color:#00b33c !important; font-size:0.650rem;}
.line5 table tr td { background-color:#fffff;}
.line5 table td:nth-child(1){width:50%; text-align:left;background-color:#fff !important;}
.line5 table td:nth-child(2){width:10%; text-align:center;background-color:#fff !important;}
.line5 table td:nth-child(3){width:15%; text-align:right;background-color:#fff !important;}
.line5 table td:nth-child(4){width:15%; text-align:right;background-color:#fff !important;}
.line5 table td:nth-child(5){width:10%; text-align:right;background-color:#fff !important;}
.line5 table td:nth-child(5) img{text-align:center; max-height:25px;}
	




.divordenar{
	float:right; height:24px;width:23%; margin-top:0%;
	text-align:center ;
	overflow-x:hidden;overflow-y:hidden;
	display:inline-block;
}
.divordenar select{
	margin-top:0px !important;
}
	


#urb_codbarra{ width:40px; overflow-x: hidden;}
#urb_codbarra:hover:before{content:"Código de parte: ";}

#urb_codbarra:hover{
	font-size:16px;
	padding:8px;
	width:auto; 	
	position:absolute; z-index:8500;
	background-color:#000;
	border:1px #C0C0C0 solid;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

/* una idea que es que se puede obtener un attr de la etiqueta content: attr(tooltip);
.imgdispo:hover:before{content:"Disponible en la sucursal: ";} 
.imgdispo:hover::after{content:"Disponible en la sucursal: ";}

.imgdispo:hover{
	font-size:16px;
	padding:8px;
	width:100px; 	
	position:absolute; z-index:8500;
	background-color:#000;
	border:1px #C0C0C0 solid;
	border-radius: 6px;	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}
*/



/* para masinfo oline*/

.line4{display:block;float:left;height:150px; width:100% !important;
	font-family:Verdana, Geneva, Tahoma, sans-serif;background-color:#595959;
  }

	
	
.line3{display:none;float:left;height:240px; width:100% !important;
	font-family:Verdana, Geneva, Tahoma, sans-serif;background-color:#595959; overflow-y:auto;
}	
	.divimgart{
		float:left; width:25%; height:100px; display:inline-block;
	}
	.divimgart img{
		width:90%; margin-left:5%;max-height:120px;
		margin-top:calc(24px - 1rem) !important;	
	}

	.divpropiedades{
		width:73%; float:left;  margin-top:5px;
		font-size:0.6875rem;  display:inline-block; 
		max-height:120px; overflow-y:auto;
	}

	.divpropiedades table{width:100%; font-size:0.6875rem; float:left;}

	.divpropiedades table tr{height:15px !important;}
	.divpropiedades table tr:nth-child(odd){ background-color:#EEF7FF;}
	.divpropiedades table td:nth-child(1){width:30%; text-align:left; padding-left:0.4%;}
	.divpropiedades table td:nth-child(2){width:70%; text-align:left;font-size:0.75rem; }

	.divpropiedades table tr td{border-bottom:1px #999999 solid;}
	.divpropiedades table tr:nth-child(odd) td{border-left:none;} 
	.divpropiedades table tr:nth-child(even) td{border-left:none;}

	.diventrantes{width:30%;float:left;display:inline-block; margin-top:8px;}

	.diventrantes table{width:100%; }
	.diventrantes table td:nth-child(1){width:70%; text-align:left; padding-left:3%; font-size:0.65rem; }
	.diventrantes table td:nth-child(2){width:30%; text-align:center;}
	.diventrantes table td:nth-child(2) img{width:80%; max-height:16px; }
	.diventrantes table tr td{border-bottom:none;}
	.diventrantes table tr:nth-child(odd) td{border-left:none;} 
	.diventrantes table tr:nth-child(even) td{border-left:none;}





	.divprecios{
		width: 68%; float:right; margin-top:8px;
		font-size:0.6875rem;  display:inline-block;
	}
	.divprecios table{
		width: 100%; float:left; 
		font-size:0.6875rem;
	}
	.divprecios table tr{height:20px !important;}
	.divprecios table tr:nth-child(odd){ background-color:#EEF7FF;}
	.divprecios table td:nth-child(1){width:40%; text-align:right;font-size:0.5rem; }
	.divprecios table td:nth-child(2){width:60%; text-align:right;font-size:0.6875rem; }
	.divprecios table tr:nth-child(5){font-weight:bold;}
	.divprecios table tr td{border-bottom:1px #999999 solid;}
	.divprecios table tr:nth-child(odd) td{border-left:none;} 
	.divprecios table tr:nth-child(even) td{border-left:none;}



.tbprop {width:100%; font-size:0.6rem; float:left;  background-color:#666666;  color:#fff;
	border-collapse:collapse !important;
	
}
.tbprop tr{height:15px !important;}

/* .tbprop tr:nth-child(odd){ background-color:#404040;} */
.tbprop tr:nth-child(odd) td{ background-color:#404040;}
.tbprop tr:nth-child(1) th{ background-color:#000;}
.tbprop td:nth-child(1){width:30%; text-align:left; padding-left:0.4%;font-size:0.6rem; color:#fff;}
.tbprop td:nth-child(2){width:70%; text-align:left; font-size:0.6rem !important; }

.tbprop th:nth-child(1){width:30%; text-align:left; padding-left:0.4%;font-size:0.5rem; color:#fff;}
.tbprop th:nth-child(2){width:70%; text-align:left; font-size:0.5rem !important; }

.tbprop tr td{border:0px !important;}
.tbprop tr:nth-child(odd) td{border-left:none;} 
.tbprop tr:nth-child(even) td{border-left:none;}



.tbentrante {width:100%;  background-color:#666666;  color:#fff;
	border-collapse:collapse !important; }
.tbentrante td:nth-child(1){width:70%; text-align:left; padding-left:3%; font-size:0.55rem !important; color:#fff; }
.tbentrante td:nth-child(2){width:30%; text-align:center;}
.tbentrante td:nth-child(2) img{width:80%; max-height:16px; }
.tbentrante tr td{border:0px !important;}
.tbentrante tr:nth-child(odd) td{border-left:none;} 
.tbentrante tr:nth-child(even) td{border-left:none;}

.tbprecios{
	width: 100%; float:left;  background-color:#666666 !important;  color:#fff;
	font-size:0.6875rem; 	border-collapse:collapse !important;
}
.tbprecios tr{height:20px !important;}
.tbprecios tr:nth-child(even){background-color:#666666;}
.tbprecios tr:nth-child(odd){background-color:#404040 !important;} 
.tbprecios td:nth-child(2){width:50%; text-align:right;font-size:0.75rem; }
.tbprecios td:nth-child(1){width:50%; text-align:right;font-size:0.55rem; }
.tbprecios tr:nth-child(5){font-weight:bold;}
.tbprecios tr td{border:0px !important;}
.tbprecios tr:nth-child(odd) td{border-left:none;} 
.tbprecios tr:nth-child(even) td{border-left:none;}


#divtbeq{
	max-height:125px !important; overflow-y:auto;
}
.tbeq{
	width: 100%; float:left; color:#fff;
	font-size:0.6875rem; 	border-collapse:collapse !important;
}
.tbeq tr{height:20px !important;}
.tbeq td{background-color:#666666 !important;}

/*
.tbeq tr:nth-child(even){background-color:#666666;}
.tbeq tr:nth-child(odd){background-color:#404040 !important;} 
*/
.tbeq td:nth-child(1){width:10%; text-align:left;font-size:0.65rem; }
.tbeq td:nth-child(2){width:54%; text-align:left;font-size:0.65rem; }
.tbeq td:nth-child(3){width:10%; text-align:right;font-size:0.85rem; }
.tbeq td:nth-child(4){width:16%; text-align:center;font-size:0.75rem; }
.tbeq td:nth-child(5){width:10%; text-align:right; font-weight:bold;}

.tbeq td:nth-child(4) img{width:18%; display:inline-block; max-height:14px  }
.tbeq td:nth-child(4) div{width:20%; display:inline-block;font-size:0.55rem;  }


.tbeq tr td{border:0px !important;}
.tbeq tr:nth-child(odd) td{border-left:none;} 
.tbeq tr:nth-child(even) td{border-left:none;}