.it_carro{
  height:1.6rem;  cursor:pointer; 
  padding-top:0.2rem;
  font-size:1rem;  text-align:center; 
	border-radius: 0.2rem 0 0 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem;
}
/* .it_carro:hover{box-shadow: 1px 1px 4px gray;  -webkit-box-shadow: 0px 0px 0.5rem #000;  -moz-box-shadow: 0px 0px 0.5rem #000; font-weight:bold;} */
.btn_color{background-color:blue!important;}
.sk_25{width:24%!important;}

/*-----------------------------*/
.sk_20{
   position:relative;
	float:center; display:inline-block;
	width:19%; margin:0; margin-top:0.3rem; margin-left:0.5%;
  height:20rem; min-height:20rem;
	font-size: 0.7rem; letter-spacing: 0.01rem; padding:0.2rem;
  background-color:#fff; color:#000;
	border-radius: 0.15rem 0 0 0.15rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem;	
	border:1px #e2e2e2 solid;
  cursor:pointer;
  font-family: 'Proxima Nova', sans-serif;
  transition: 0.4s;
}
/* .sk_20:hover{ box-shadow: 0px 0px 0.5rem #C0C0C0;  -webkit-box-shadow: 0px 0px 0.5rem #C0C0C0;  -moz-box-shadow: 0px 0px 0.5rem #C0C0C0; }  */
.sk_20:hover{scale:1.05; }  

.sk_20 *{position:absolute; }

.sk_20 .it_codiart{
  top:19rem; left:1%; width:80%; height:1rem; 
  font-size:0.7; color:#000;
}


.sk_20 .it_img{ 
  height:10.1rem; width:100%; max-width: 98%; top:0.1rem; left:1%; border:0px solid red;
  text-align:center;
}
.sk_20 .it_img img{
  position:relative;float:center;
  height:10rem;  max-width: 98%; 
}

.sk_20 .it_new{ 
  top:0.5rem; left:1%; width:15%;
  padding-right:0.5rem;
  background-color:#fff; color:green;  text-shadow:0 0 15px green; 
  font-size:1.0rem; padding:0.3rem; font-style:italic;
  border-radius: 0.35rem 0.35rem 0.35rem 0.35rem;
  opacity:0.7;
}

.sk_20 .it_dto{ 
  display:table;
  top:0.5rem; left:75%;
  text-shadow:0 0 15px blue;
  background-color:red; color:#fff;
  font-size:1.0rem; padding:0.3rem; font-style:italic;padding-right:0.3rem;
  border-radius: 0.35rem 0.35rem 0.35rem 0.35rem;
  box-shadow: 0px 0px 0.5rem #C0C0C0;  -webkit-box-shadow: 0px 0px 0.5rem #C0C0C0;  -moz-box-shadow: 0px 0px 0.5rem #C0C0C0;  
  opacity:0.9;
}

.sk_20 .it_precio{
  display:table;
  top:14.8rem; left:33%; width:60%; height:1.2rem; padding:0.1rem;
  font-size:1.2rem; background-color:white;  text-align:right;
}
.sk_20 .it_price_old{
  top:13.8rem; left:48%; width:50%;
  height:0.7rem; padding:0.1rem; max-height:0.7rem;
  font-size:0.85rem; color:#c0c0c0;
  background-color:white; text-decoration:line-through;  text-align:right;
 }
.sk_20 .it_entrega{ 
  height:1rem;  text-align:right;
  top:12.75rem; left:60.63%;
}
.sk_20 .it_cuotas{
  top:14.15rem; left:4%; height:1rem; padding:0.1rem;
  font-size:0.65rem;  background-color:white;  text-align:center;
  display:none;
 }
  
.sk_20 .it_title{
  top:10.2rem; left:1%;
  width:98%; height:3.4rem; padding:0.2rem;
  font-size:0.85rem; line-height : 1rem;
  text-overflow: ellipsis;   overflow-y: hidden; text-align:center;
  background-color:white; color:#000;
}
.sk_20 .it_descrip{
  display:none;
  top:4rem; left:43%;  
  width:50%; height:3.0rem; padding:0.8rem;
  font-size:0.70rem;    line-height : 0.8rem;
  text-overflow: ellipsis;   overflow-y: hidden; text-align:left;
  float:left;  background-color:white; color:#333333;
}
.sk_20 .it_envio{ 
   top:14.5rem; left:4%;
   font-size:1.8rem; color:#5cd65c;
}

.sk_20 .it_masinfo{ 
  display:none;
  height:1.1rem;  cursor:pointer;
  top:12.8rem; left:3.36%; width:40%;
  opacity:1; font-size:0.8rem;  text-align:center;
  color:#0099cc;
}

.sk_20 .it_carro{ 
  top:16.8rem; left:20%;  width:60%;
  /* background-color:#29a329; color:#fff; */
}


/*-----------------------------*/
.sk_33{
  position:relative; float:center; display:inline-block;
	width:32.4%; margin:0; margin-top:0.3rem; margin-left:0.5%;
  height:20rem; min-height:20rem;
	font-size: 0.8rem; letter-spacing: 0.01rem;
  background-color:#fff; color:#000;
	border-radius: 0.15rem 0 0 0.15rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem;	
	border:1px #e2e2e2 solid;
  cursor:pointer;
  font-family: 'Proxima Nova', sans-serif;
}
.sk_33:hover{ box-shadow: 0px 0px 0.5rem #C0C0C0;  -webkit-box-shadow: 0px 0px 0.5rem #C0C0C0;  -moz-box-shadow: 0px 0px 0.5rem #C0C0C0; }
.sk_33 *{position:absolute; }

.sk_33 .it_img{ 
  height:12.1rem; width:70%; max-width: 98%; top:0.1rem; left:1%; border:0px solid #f1f1f1;  text-align:center;
}
.sk_33 .it_img img{
  position:relative;float:center;
  height:12rem;  max-width: 98%; 
}

.sk_33 .it_new{ 
  top:3.5rem; left:80%; width:10%;
  background-color:#fff; color:green;  text-shadow:0 0 15px green; 
  font-size:1.0rem; padding:0.3rem; font-style:italic;
  border-radius: 0.35rem 0.35rem 0.35rem 0.35rem;
  opacity:0.7;
}
.sk_33 .it_envio{ top:6.5rem; left:84%; font-size:1.8rem; color:#5cd65c;}
.sk_33 .it_dto{ 
  top:0.5rem; left:82.5%;
  text-shadow:0 0 15px blue;
  background-color:red; color:#fff;
  font-size:1.0rem; padding:0.3rem; font-style:italic;padding-right:0.3rem;
  border-radius: 0.35rem 0.35rem 0.35rem 0.35rem;
  box-shadow: 0px 0px 0.5rem #C0C0C0;  -webkit-box-shadow: 0px 0px 0.5rem #C0C0C0;  -moz-box-shadow: 0px 0px 0.5rem #C0C0C0;  
  opacity:0.9;
}

.sk_33 .it_price_old{
  top:16rem; left:48%; width:50%;
  height:0.7rem; padding:0.1rem; max-height:0.7rem;
  font-size:0.85rem; color:#c0c0c0;
  background-color:white; text-decoration:line-through;  text-align:right;
 }
.sk_33 .it_precio{
 
  top:17rem; left:48%; width:50%; height:1.2rem; padding:0.1rem;
  font-size:1.4rem; background-color:white;  text-align:right;
}
.sk_33 .it_carro{ top:16.5rem; left:10%;  width:40%; }
.sk_33 .it_entrega{ 
  height:1rem;  text-align:right;
  top:12.75rem; left:60.63%;
}
.sk_33 .it_cuotas{
  top:14.15rem; left:4%; height:1rem; padding:0.1rem;
  font-size:0.65rem;  background-color:white;  text-align:center;
  display:none;
 }
  
.sk_33 .it_title{
  top:12.5rem; left:1%;
  width:98%; height:3.4rem; padding:0.2rem;
  font-size:0.95rem; line-height : 1rem;
  text-overflow: ellipsis;   overflow-y: hidden; text-align:center;
  background-color:white; color:#000;
}
.sk_33 .it_descrip{
  display:none;
  top:4rem; left:43%;  
  width:50%; height:3.0rem; padding:0.8rem;
  font-size:0.75rem;    line-height : 0.8rem;
  text-overflow: ellipsis;   overflow-y: hidden; text-align:left;
  float:left;  background-color:white; color:#333333;
}


.sk_33 .it_masinfo{ 
  display:none;
  height:1.1rem;  cursor:pointer;
  top:12.8rem; left:3.36%; width:40%;
  opacity:1; font-size:0.8rem;  text-align:center;
  color:#0099cc;
}


.sk_33 .it_codiart{top:19rem; left:1%; width:50%; height:1rem; font-size:0.7; color:#c0c0c0; text-align:left;}

/*-----------------------------*/
.sk_50{
  position:relative; float:center; display:inline-block;
	width:49%; margin:0; margin-top:0.3rem; margin-left:0.5%;
  height:19rem; min-height:19rem;
	font-size: 0.8rem; letter-spacing: 0.01rem;
  background-color:#fff; color:#000;
	border-radius: 0.15rem 0 0 0.15rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem;	
	border:1px #e2e2e2 solid;
  cursor:pointer;
  font-family: 'Proxima Nova', sans-serif;
}
.sk_50:hover{ box-shadow: 0px 0px 0.5rem #C0C0C0;  -webkit-box-shadow: 0px 0px 0.5rem #C0C0C0;  -moz-box-shadow: 0px 0px 0.5rem #C0C0C0; }
.sk_50 *{position:absolute; }

.sk_50 .it_img{ 
  height:14.1rem; width:50%; max-width: 98%; top:3.1rem; left:1%; border:0px solid #f1f1f1;  text-align:center;
}
.sk_50 .it_img img{
  position:relative;float:center;
  height:14rem;  max-width: 98%; 
  /* object-fit:cover; */
}
  
.sk_50 .it_title{
  top:1rem; left:9%;
  width:88%; height:2.2rem;
  font-size:1.2rem; line-height:1.1rem;
  text-overflow: ellipsis;   overflow-y: hidden; text-align:right;
  background-color:white; color:#000; font-weight:bold;
}
.sk_50 .it_descrip{
  top:4rem; left:53%;  
  width:47%; height:7.0rem;
  font-size:0.8rem;    line-height : 0.9rem;
  text-overflow: ellipsis;   overflow-y: auto; text-align:left;
  float:left;  background-color:white; color:#999; 
}

.sk_50 .it_new{ 
  top:12rem; left:58%; width:10%;
  background-color:#fff; color:green;  text-shadow:0 0 15px green; 
  font-size:1.0rem; padding:0.3rem; font-style:italic;
  border-radius: 0.35rem 0.35rem 0.35rem 0.35rem;
  opacity:0.7;
}
.sk_50 .it_envio{ top:12rem; left:73%; font-size:1.8rem; color:#ffcc00;}
.sk_50 .it_dto{ 
  top:0.5rem; left:1%;
  text-shadow:0 0 15px blue;
  background-color:red; color:#fff;
  font-size:1.0rem; padding:0.3rem; font-style:italic;padding-right:0.3rem;
  border-radius: 0.35rem 0.35rem 0.35rem 0.35rem;
  box-shadow: 0px 0px 0.5rem #C0C0C0;  -webkit-box-shadow: 0px 0px 0.5rem #C0C0C0;  -moz-box-shadow: 0px 0px 0.5rem #C0C0C0;  
  opacity:0.9;
}

.sk_50 .it_price_old{
  top:14.3rem; left:55%; width:18%;
  height:1.5rem; padding:0.1rem; 
  font-size:0.85rem; color:#c0c0c0;
  background-color:white; text-decoration:line-through;  text-align:left;
  border:0px solid #000;
 }
.sk_50 .it_precio{
   border:0px solid #000;
  top:14rem; left:73%; width:25%; height:1.9rem; padding:0.1rem;
  font-size:1.4rem; background-color:white;  text-align:right;
}
.sk_50 .it_carro{ top:16.5rem; left:65%;  width:30%; }
 
.sk_50 .it_entrega{ 
  height:1rem;  text-align:right;
  top:12.75rem; left:60.63%;
}
.sk_50 .it_cuotas{
  top:14.15rem; left:4%; height:1rem; padding:0.1rem;
  font-size:0.65rem;  background-color:white;  text-align:center;
  display:none;
 }

.sk_50 .it_masinfo{ 
  display:none;
  height:1.1rem;  cursor:pointer;
  top:12.8rem; left:3.36%; width:40%;
  opacity:1; font-size:0.8rem;  text-align:center;
  color:#0099cc;
}
.sk_50 .it_codiart{top:18rem; left:1%; width:50%; height:1rem; font-size:0.7; color:#c0c0c0; text-align:left;}


/*-----------------------------*/
.sk_100{
  position:relative; float:center; display:block;
	width:100%; margin:0; margin-top:0rem;
  height:4rem; min-height:4rem;
	font-size: 0.8rem; letter-spacing: 0.01rem;
  background-color:#fff; color:#000;
	border-radius: 0.15rem 0 0 0.15rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem;	
	border:1px #e2e2e2 solid;
  cursor:pointer;
  font-family: 'Proxima Nova', sans-serif;
  z-index:5000;
}
.sk_100:hover{ box-shadow: 0px 0px 0.5rem #C0C0C0;  -webkit-box-shadow: 0px 0px 0.5rem #C0C0C0;  -moz-box-shadow: 0px 0px 0.5rem #C0C0C0; }
.sk_100 *{position:absolute; }

.sk_100 .it_img{ 
  height:3.6rem; width:10%; max-width: 10%; top:0.1rem; left:0.5%; border:0px solid #f1f1f1;  text-align:center;
  padding:0;
}
.sk_100 .it_img img{
  position:relative;float:center; margin:0;
  height:3.5rem;  max-width: 98%; 
}
  
.sk_100 .it_title{
  top:0.5rem; left:11%;
  width:70%; height:1.2rem;
  font-size:1rem; line-height:1rem;
  text-overflow: ellipsis;   overflow-y: hidden; text-align:left;
  background-color:white; color:#000; font-weight:bold;
}

.sk_100 .it_estado{ 
  border:0px solid #000;
  top:2.2rem; left:12%;
  width:10%; height:1.9rem;
  font-size:0.9rem; color:red; font-style:italic; text-align:left;
}
.sk_100 .it_dto{ 
  border:0px solid #000;
  top:2.2rem; left:17%;
  width:10%; height:1.9rem;
  font-size:0.9rem; color:red; font-style:italic; text-align:left;

}
.sk_100 .it_tipoprecio{
  border:0px solid #000; color:#c0c0c0;
  top:2.2rem; left:79%; width:12%; height:1rem; 
  font-size:0.7rem; background-color:white;  text-align:right;  
}
.sk_100 .it_precio{
  border:0px solid #000;
  top:0.2rem; left:79%; width:12%; height:1.9rem; padding:0.1rem;
  font-size:1.3rem; background-color:white;  text-align:right;
}

.sk_100 .it_stock{
  top:0.1rem; left:66%; height:1.4rem; width:10%;
  font-size:0.65rem;  background-color:white;  text-align:center;
border:0px solid #f1f1f1;
 }
 .it_stock i{position:relative; font-size:1.4rem; font-weight:bold; display:inline-block; float:left; margin-right:3%;}
 .it_stock .st_dispo{color:green;}
 .it_stock .st_none{color:red;}
 .it_stock .st_reser{color:#ffcc00;}
/*pointer-events:none;*/
.sk_100 .it_canasto{ top:0.7rem; left:92.5%;  font-size:2.4rem; border:1px solid #f1f1f1;  }
.sk_100 .it_masinfo{ top:0.2rem; left:97%; color:#006080; font-size:1.4rem; border:1px solid #f1f1f1;}
.sk_100 .it_favorito{ top:1.9rem; left:97%;  color:#ffcc00; font-size:1.4rem;  border:1px solid #f1f1f1; }

.sk_100 .it_codiart{top:2.2rem; left:38%; width:12%; height:1rem; font-size:0.7; color:#c0c0c0; text-align:left; border:0px solid #f1f1f1;}
.sk_100 .it_codbarra{top:2.2rem; left:52%; width:12%; height:1rem; font-size:0.7; color:#c0c0c0; text-align:right; border:0px solid #f1f1f1;}


@media only screen and (min-width : 300px) and (max-width : 480px){

  .o_item_20{ width:100% !important; }
  .o_item_25{ width:100% !important; }
  .o_item_50{ width:100% !important; }  
  .o_item_50 .o_ab .it_carro{  display:block !important; }
  .o_item_50 .o_ab .it_masinfo{  display:block !important; width:45%!important;
    left:1%;
  }
  
  .sk_20 {width: 48%;}
  .sk_20 .it_price_old {font-size: unset;}


  
}