﻿.catBanner {width: 1000px;padding: 0;margin-bottom: 20px;}
.MainBanner {margin-bottom:20px;}
.Main2Banners {margin-top:20px;float:left;width:100%;}
.productoL {float: left; height: 395px/*388px*/;width: 488px;background-color: #FFF;margin-bottom: 15px; padding: 0px;
	/*-webkit-box-shadow: 0px 0px 6px #999; -moz-box-shadow: 0px 0px 6px #999;box-shadow:0px 0px 6px #999;*/}
.espacio {width: 20px;float: left;height: 270px;}
.productoR {float: right;height: 395px;width: 488px;background-color: #FFF;margin-bottom: 15px;padding: 0px;
            /*-webkit-box-shadow: 0px 0px 6px #999;-moz-box-shadow: 0px 0px 6px #999;box-shadow:0px 0px 6px #999;*/}
.productoR_descuento { height:35px; overflow:hidden;float: left;
	width: 488px;font-size: 22px;font-weight: bolder;color: #353535;text-align:center!important;border-bottom:dashed 1px #9E9E9E;
	padding-top:2px}
.productoR_titulo { height:40px; overflow:hidden;float: left;
	width: 488px;font-size: 18px;font-weight: bolder;color: #353535;text-align:center!important;}
	
.titulo_producto { height:50px; overflow:hidden;float: left;padding: 10px 0 0 0;
	width: 488px;font-size: 18px/*;font-weight: bolder*/;color: #4E4E4E!important /* #353535*/;}
.titulo_producto SPAN {line-height: 20px;}
.comprado_producto {width: 220px;float: left;font-size: 14px;font-weight: bold;color: #646464;margin: 15px 40px 0 0;}
.btn_producto {text-align: center;width: 110px;float: right;margin-left: 25px; 
	font-size: 14px;font-weight: bold;color: #646464;margin-top: 8px;}
.photo_producto {height: 275px;width: 488px;margin-bottom: 0px;}
#imagen {float: left;height: 324px;width: 540px;}
#right {float: right;height: 331px;width: 398px;}
.titulo { float: left;width: 390px;font-size: 18px;font-weight: bolder;color: #353535;}

.productoR_offer_access {width: 488px;height: 40px;font-size: 14px;color: #4E4E4E!important;margin: 3px auto;text-align:center;}
.productoR_offerValue {padding-top:5px!important;padding-left:10px;float:left;width:160px; height: 30px;font-size: 22px;/*font-weight: bold;*/color: #4E4E4E;padding: 0 10px 0 0;text-align:right;text-decoration:line-through;}
.productoR_offerListingPrice {float:left;width:148px; height: 30px;font-size: 26px;font-weight: bold;color: #BF2628;padding: 0 0 0 0px;text-align:center;}
.productoR_offerButton {float:right;width:150px; height: 33px;font-size: 24px;font-weight:
               500;color: White;margin: -3px 10px 0 0;text-align:center;
               background-color:#F59C00; padding:0 2px 2px 2px;
               border-radius:3px;
               -webkit-box-shadow: 0px 0px 3px 0px #999;-moz-box-shadow: 0px 0px 3px 0px #999;box-shadow: 0px 0px 3px 0px #999;}

.productoL_offer_access {width: 488px;height: 40px;font-size: 14px;color: #4E4E4E!important;margin: 3px auto;text-align:center;}
.productoL_offerValue {padding-top:5px!important;padding-left:10px;float:left;width:160px; height: 30px;font-size: 22px;/*font-weight: bold;*/color: #4E4E4E;padding: 0 10px 0 0;text-align:right;text-decoration:line-through;}
.productoL_offerListingPrice {float:left;width:148px; height: 30px;font-size: 26px;font-weight: bold;color: #BF2628;padding: 0 0 0 0px;text-align:center;}
.productoL_offerButton {float:right;width:150px; height: 33px;font-size: 24px;font-weight:
               500;color: White;margin: -3px 10px 0 0;text-align:center;
               background-color:#F59C00; padding:0 2px 2px 2px;
               border-radius:3px;
               -webkit-box-shadow: 0px 0px 3px 0px #999;-moz-box-shadow: 0px 0px 3px 0px #999;box-shadow: 0px 0px 3px 0px #999;
                        }

.text { font-size: 15px;color: #696361;float: left;width: 390px;margin-top: 10px;font-weight: 400;height: 173px;}
#botones {float: left;height: 42px;width: 390px;margin-top: 10px;}
#time {width: 118px; font-size: 12px;font-weight: bold;color: #606060;height: 42px;border-right: dotted thin #606060;float: left;}
#compra {width: 148px;border-right: dotted thin #606060;height: 42px;text-align: center;float: left;}
.boton_top {	height: 18px;font-size: 12px;font-weight: bold;	color: #606060;	text-align: center;}
.boton_bottom {	height: 20px;font-size: 12px;font-weight: bold;color: #606060;text-align: center;line-height: 9px; padding-right: 15px;padding-left: 15px;}
#linea {height: 8px;width: 124px;border: thin solid #E29B30;
	margin: auto;margin-top: 3px;background-image: url(/images/amarillo.png);	background-repeat: no-repeat;	background-position: left;}
#ver {float: right;width: 109px;margin-top: 5px;}
.cuadro_time {height: 16px;width: 13px;float: left;background-image: url(/images/tiempo.png);font-size: 14px;font-weight: bold;color: #FFF;padding-top: 6px;}
.pto {
	height: 22px;
	width: 5px;
	float: left;
	font-size: 12px;
	color: #CCC;
	padding-top: 5px;
	font-weight: bold;
}
.ofertas {
	height: 270px;
	width: 1010px;
	margin-bottom: 16px;
}
.oferta {
	float: left;
	height: 270px;
	width: 324px;
	background-color: #FFF;
	box-shadow: 0px 0px 6px #999;
}	


.background
  {
  width:320px;
  height:195px;
  border:2px solid black;
  }
.transbox
  {
	width:320px;
	height:195px;
	background-color:#000;
	border:1px solid black;
	opacity:0.8;
	filter:alpha(opacity=10);
  }

 
.texto_oferta {
	 
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	padding-left: 25px;
}
#contenedor .ofertas .oferta .background .transbox ul li {
	 
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}
.texto_bottom {
	 
	font-size: 13px;
	font-weight: bold;
	color: #191919;
	height: 28px;
	width: 287px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.bottom_oferta {
	 
	font-size: 11px;
	color: #646464;
	height: 18px;
	width: 289px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	margin-top: 10px;
}
.clear {
	clear: both;
}
.time_oferta {
	float: right;
	width: 90px;
	height: 14px;
	text-align: right;
}
.image_oferta
  {
  width:323px;
  height:195px;
  }
.text_box {height: 160px;width: 310px;margin-right: auto;float: left;}
.boton_box {
	height: 24px;
	width: 310px;
}
#banner {
	height: 130px;
	width: 1010px;
	margin-bottom: 18px;
	background-image: url(/images/banner.png);
}

.ver_oferta {
	margin-left:175px;
	height: 24px;
	width: 82px;
	opacity:0.9;
}


.offers {max-width: 1020px;margin: 5px 0 5px 0 ;float:left;/* border-bottom:dashed 1px #9E9E9E;*/ }
.offers .col-md-4 {Padding-left:0px; height:315px;
					}
 /*.offers col-sm-4 {Padding-left:0px; height:290px;}*/
.offer {width: 320px;height: 295px;float: left;background-color: #FFF;margin-bottom:10px;
        /*-webkit-box-shadow: 0px 0px 3px #999;-moz-box-shadow: 0px 0px 3px #999;box-shadow:0px 0px 3px #999;*/
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22) /*0px 0px 1px 0px #999*/;-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22) /*0px 0px 1px 0px #999*/;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22) /* 0px 0px 1px 0px #999*/;
        border-radius:3px;
        }
.offer .oheader {width: 320px;height: 195px;position:relative;}
.oheader .offerImage { width:100%;  height:195px; position:absolute; display:block; }

.oheader .hide{width:320px;height:0;overflow:hidden;background: none repeat scroll 0 0 #000000;opacity:0.8;filter:alpha(opacity=80);position:absolute;  }
.oheader .hide-content{width:320px;height:0;overflow:hidden;position:absolute;  }

.oheader:hover  .hide {height:100%;}
.oheader:hover  .hide-content {height:100%;}
.offerInfo {width: 310px;height: 140px;margin: auto;float: left;position:relative; padding:15px 0 10px 0;}
.offerMerchant {font-size: 15px;color: #FFF;font-weight: bold;padding-left: 5px;}
.offerHighlights {line-height: 15px;padding:10px 0 0 0px;}
.offerHighlights ul li {line-height: 15px;
    color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;padding-bottom: 5px;list-style-type:disc;}
.offerHighlights ul li SPAN {line-height: 15px;}

.offerDiscount {width: 320px;height: 28px;font-size: 18px;font-weight: bold;color: #2D2D2D;margin: 0px auto;text-align:center;border-bottom:dashed 1px #9E9E9E;}
.offerTitle {width: 287px;height: 40px;font-size: 14px;/*font-weight: bold;*/color: #4E4E4E!important /* #191919*/;margin: 3px auto;text-align:center;}
.offerAccess {width: 320px;height: 28px;font-size: 18px;/*font-weight: bold;*/color: #4E4E4E;margin: 0px auto;text-align:center;}

.offerTitle SPAN {line-height:16px;}
.offerBottom {width: 289px;height: 18px; font-size: 11px;color: #646464;
	margin: auto;font-weight: bold;margin-top: 10px;}
.time_oferta {width: 90px;height: 14px;float: right;text-align: right;}
.timeLeft {float: right;text-align: right; font-weight:normal;}
.MainBanner {margin-bottom:0px;/*background-image:url(/images/barra_fondo_banner.jpg);background-repeat:repeat-x;width:100%;*/
             padding:10px 0 10px 0;}
.display_top { /*background-image:url(/images/barra_fondo_banner_2.jpg);background-repeat:repeat-x;*/width:100%;padding-top:0px;float:left;}
/*CATALOG MODULE - Catalog.aspx uses it*/
.catHeader {width: 920px;background-color: #FFF;color: #696361; padding: 20px 40px 20px 40px; box-shadow: 0px 0px 6px #999;
    margin:auto; font-size: 14px;margin-bottom: 20px;}
.catText {float: left;width: 620px;text-align: justify;}
.catName {font-size: 18px;font-weight: bold;color: #373737;}
.catLogo {text-align: right;width: 270px;float: right;margin-top: 0px;}



.thumbnail {
    position:relative;
    overflow:hidden;
    padding:0px;
}
 .thumbnail img.ofimg {width:100%;height:190px;}
.caption {
    position:absolute;
    top:-100%;
    right:0;
    background:rgba(0, 0, 0, 0.7);
    width:100%;
    height:100%;
    padding:1%;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.thumbnail:hover .caption {
    top:0%;
}

.TitleSegmentAllOffer {
	font-size:22px;padding-bottom:5px;padding-top:5px;font-family:'PT Sans',Arial;text-align:left;max-width:1000px;
	}
	
.TitleSegmentAllOffer a {
	font-size:17px;padding-left:20px;font-weight:500;background-color:Transparent;
	}
.TitleSegmentAllOffer a:hover {
	font-size:17px;padding-left:20px;font-weight:500;color:#F59C00;background-color:Transparent;
	}
	
.TitleSegmentAllOffer div {
	background-color:Transparent;width:31px;float:right;cursor:pointer;/*margin-right:20px;*/
	}
.TitleSegmentAllOffer div img{
	 float:right;
	}
                   
                   
/*************BEGIN CSS OFFER ITEM************/
.oferta_titulo a {color:Black;}
.oferta_titulo a:hover {color:#F59C00;text-decoration:underline;}


.cssCategorias
{
    float:left;
    width: 320px;
    /*min-height: 305px;*/
    background-color:Transparent;
    /*-webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.22);
    border-radius:3px;*/
    margin: 5px 20px 0 0;
    }

.cssCategorias .cssTituloSegmento
{
    float:left;
    width: 100%; 
    background-color:Transparent; 
    padding:10px;
    font-size:26px; 
    color:#F59C00;
    text-align:left;
    padding-left:20px;
    border-bottom:1px dotted #c4c4c4;
    font-size:600;
    }

.cssCategorias .cssCategoriaItem 
{
    float:left;
    width:100%; 
    font-size:16px;
    text-decoration:none;
    color:#333;
    text-align:left;
    border-bottom:1px dotted #a4a4a4;
    padding:8px;
    }    
 .cssCategorias .cssCategoriaItem a
{ 
    color:#555;
    text-align:left;
    padding-left:15px;
    text-transform:uppercase;
    font-size: 15px;
    width:100%;
    position:relative;
    float: left;
    }  
 .cssCategorias .cssCategoriaItem a strong
{ 
    font-size:15px; 
    }  
 .cssCategorias .cssCategoriaItem a:hover
{ 
    color:#F59C00;text-align:left;padding-left:15px;font-weight:500;
    } 
 .cssCategorias .cssCategoriaItem a:hover strong
{ 
    color:#555;text-decoration:none;
    } 

@media (min-width: 1000px) and (max-width: 2500px)  
{
#principal {max-width: 1000px;height: auto; display:block;	padding: 10px 0 0 0; margin:0px auto;}
.divAcceso1 {font-size:22px;padding-bottom:5px;padding-top:5px;font-family:'PT Sans',Arial;
text-align:center;width: 100%;height:35px;position:relative;margin:0 auto;float:left; }
.Title_Segmento {
font-size:22px;padding-bottom:5px;padding-top:5px;font-family:'PT Sans',Arial;text-align:left;width:1000px;
	}
.Title_Segmento div {	background-color:Transparent;width:31px;float:right;cursor:pointer;
	}
.Title_Segmento a {
font-size:18px;
	}
.Title_Segmento a:hover {
	color:#F59C00;
	}
.Title_Segmento div img{float:right;} 
.ofertasC .divAcceso1  .divBotonAcceso1 { font-size:22px;font-family:'PT Sans',Arial;text-align:center; 
                   width:50%;height:30px;position:absolute;left:25%;
                   background-color:#F59C00;border-radius:5px;
                   -webkit-box-shadow: 0px 0px 3px 0px #999;-moz-box-shadow: 0px 0px 3px 0px #999;box-shadow: 0px 0px 3px 0px #999;
                   padding-top:0px;color:White;cursor:pointer;}
.offerValue {float:left;width:100px; height: 30px;font-size: 17px;/*font-weight: bold;*/color: #4E4E4E;padding: 5px 5px 5px 0;text-align:right;text-decoration:line-through;}
.offerListingPrice {float:left;width:100px; height: 30px;font-size: 22px;font-weight: bold;color: #BF2628;padding: 0 0 0 0px;text-align:center;margin-top:-1px;}
.offerButton {float:right;width:110px; height: 24px;font-size: 17px;font-weight:
               500;color: White;margin: 0 7px 0 3px;text-align:center;
               background-color:#F59C00; padding:0 2px 2px 2px;
               border-radius:3px;
               -webkit-box-shadow: 0px 0px 2px 0px #999;-moz-box-shadow: 0px 0px 2px 0px #999;box-shadow: 0px 0px 2px 0px #999;
               }
    }
               
@media (min-width: 0px) and (max-width: 999px)  
{
.Title_Segmento {
font-size:18px;padding-bottom:5px;padding-top:5px;font-family:'PT Sans',Arial;text-align:left;width:85%;
	}
.Title_Segmento a {
font-size:14px;
	}
.Title_Segmento a:hover {
	color:#F59C00;
	}
.Title_Segmento div { display:none;	/*background-color:Transparent;width:31px;float:right;cursor:pointer;*/
	}
.Title_Segmento div img{ display:none;} 
    } 
@media (min-width: 680px) and (max-width: 999px)  
{
#principal {max-width: 1000px;height: auto; display:block;	padding: 10px 0 0 0; margin:0px auto;}
.divAcceso1  
{font-size:22px;padding-bottom:5px;padding-top:5px;font-family:'PT Sans',Arial;
text-align:center;width: 680px;height:35px;position:relative;margin:0 auto;float:left; }
.ofertasC .divAcceso1  .divBotonAcceso1 { font-size:22px;font-family:'PT Sans',Arial;text-align:center; 
                   width:80%;height:30px;position:absolute;left:8%;
                   background-color:#F59C00;border-radius:5px;
                   -webkit-box-shadow: 0px 0px 3px 0px #999;-moz-box-shadow: 0px 0px 3px 0px #999;box-shadow: 0px 0px 3px 0px #999;
                   padding-top:0px;color:White;cursor:pointer;}
.offerValue {float:left;width:100px; height: 30px;font-size: 17px;/*font-weight: bold;*/color: #4E4E4E;padding: 5px 5px 5px 0;text-align:right;text-decoration:line-through;}
.offerListingPrice {float:left;width:100px; height: 30px;font-size: 22px;font-weight: bold;color: #BF2628;padding: 0 0 0 0px;text-align:center;margin-top:-1px;}
.offerButton {float:right;width:110px; height: 24px;font-size: 17px;font-weight:
               500;color: White;margin: 0 7px 0 3px;text-align:center;
               background-color:#F59C00; padding:0 2px 2px 2px;
               border-radius:3px;
               -webkit-box-shadow: 0px 0px 2px 0px #999;-moz-box-shadow: 0px 0px 2px 0px #999;box-shadow: 0px 0px 2px 0px #999;
               }
}
@media (min-width: 1px) and (max-width: 679px)  
{
#principal {display:none;}
.ofertasC .divAcceso1  .divBotonAcceso1 { display:none;}   
.divAcceso1 {display:none;}  
}

@media (min-width: 514px) and (max-width: 679px)  
{ 
.offerValue {float:left;width:100px; height: 30px;font-size: 17px;/*font-weight: bold;*/color: #4E4E4E;padding: 5px 5px 5px 0;text-align:right;text-decoration:line-through;}
.offerListingPrice {float:left;width:100px; height: 30px;font-size: 22px;font-weight: bold;color: #BF2628;padding: 0 0 0 0px;text-align:center;margin-top:-1px;}
.offerButton {float:right;width:110px; height: 24px;font-size: 17px;font-weight:
               500;color: White;margin: 0 7px 0 3px;text-align:center;
               background-color:#F59C00; padding:0 2px 2px 2px;
               border-radius:3px;
               -webkit-box-shadow: 0px 0px 2px 0px #999;-moz-box-shadow: 0px 0px 2px 0px #999;box-shadow: 0px 0px 2px 0px #999;
               }
}

@media (min-width: 329px) and (max-width: 513px)  
{ 
.offerValue {float:left;width:100px; height: 25px;font-size: 17px;/*font-weight: bold;*/color: #4E4E4E;padding: 5px 5px 5px 0;text-align:right;text-decoration:line-through;}
.offerListingPrice {float:left;width:100px; height: 25px;font-size: 22px;font-weight: bold;color: #BF2628;padding: 0 0 0 0px;text-align:center;margin-top:-1px;}
.offerButton {display:none!important;}
}
@media (min-width: 1px) and (max-width: 328px)  
{ 
.offerValue {float:left;width:80px; height: 30px;font-size: 14px;color: #4E4E4E;
             padding: 5px 5px 5px 0;text-align:right;text-decoration:line-through;margin-top:4px;}
.offerListingPrice {float:left;width:80px; height: 30px;font-size: 18px;font-weight: bold;
                    color: #BF2628;padding: 0 0 0 0px;text-align:center;margin-top:-1px;margin-top:5px;}
.offerButton {display:none!important;}
}
    
@media (min-width: 1000px) and (max-width: 2500px)  
{
.ofertasC {min-width: 1020px;margin: 5px 0 5px 0 ;float:left;}
.oferta {width:320px;float:left;margin: 5px 20px 5px 0 ;height:330px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
border-radius:3px;}
.oferta .Item {Padding-left:0px;height:100%;
margin-bottom:10px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
border-radius:3px;}
.oferta .Item a #img_cupon {position:relative;}
.oferta .Item a #img_cupon .agotado {width:100%;float:left;position:absolute;top:0;left:0;z-index:91;
border-radius: 3px 3px 0 0;background-image:url('images/agotado2.png'),url('../../images/agotado2.png');height:195px;background-color:Transparent;
background-size: 100% 195px;background-repeat: no-repeat;
}
.oferta .Item a #img_cupon .logo-promocion {width:100%;float:left;position:absolute;top:0;left:0;z-index:91;
border-radius: 3px 3px 0 0;background-image:url('images/sello-logo-promocion.png'),url('../../images/sello-logo-promocion.png');height:195px;background-color:Transparent;
background-size: 100% 195px;background-repeat: no-repeat;
}
.oferta .Item a #img_cupon img {width:100%;float:left;
border-radius: 3px 3px 0 0;}
.oferta .Item .oferta_descuento{width: 100%;height: 28px;font-size: 18px;font-weight: bold;
color: #2D2D2D;margin: 0px auto;text-align:center;border-bottom:dashed 1px #9E9E9E;float:left;}
.oferta .Item .oferta_titulo{width: 100%;height: 50px;font-size: 14px;
color: #2D2D2D;margin: 0px auto;text-align:left;float:left;
padding:5px 5px 5px 5px;}
.oferta .Item .oferta_comercio{width: 100%;font-size: 14px;
color: #333;margin: 0px auto;text-align:left;float:left;font-weight:600;
padding:5px 5px 0px 5px;}
.oferta .Item .oferta_link{width: 100%;height: 50px;
color: #2D2D2D;margin: 0px auto;text-align:center;float:left;}
}

@media (min-width: 701px) and (max-width: 999px)  
{
.ofertasC {max-width: 680px;margin: 5px 0 5px 0 ;margin:0 auto;text-align:center;}
.oferta {width:320px;float:left;margin: 5px 10px 5px 10px ;height:330px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
border-radius:3px;}
.oferta .Item {Padding-left:0px;height:100%;
margin-bottom:10px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
border-radius:3px;}
.oferta .Item a #img_cupon {position:relative;}
.oferta .Item a #img_cupon .agotado {width:100%;float:left;position:absolute;top:0;left:0;z-index:91;height:195px;
border-radius: 3px 3px 0 0;background-image:url('images/agotado2.png'),url('../../images/agotado2.png');background-color:Transparent;
background-size: 100% 195px;background-repeat: no-repeat;}
.oferta .Item a #img_cupon .logo-promocion {width:100%;float:left;position:absolute;top:0;left:0;z-index:91;height:195px;
border-radius: 3px 3px 0 0;background-image:url('images/sello-logo-promocion.png'),url('../../images/sello-logo-promocion.png');background-color:Transparent;
background-size: 100% 195px;background-repeat: no-repeat;}
.oferta .Item a #img_cupon img {width:100%;float:left; 
border-radius: 3px 3px 0 0;}
.oferta .Item .oferta_descuento{width: 100%;height: 28px;font-size: 18px;font-weight: bold;
color: #2D2D2D;margin: 0px auto;text-align:center;border-bottom:dashed 1px #9E9E9E;float:left;}
.oferta .Item .oferta_titulo{width: 100%;height: 50px;font-size: 14px;
color: #2D2D2D;margin: 0px auto;text-align:left;float:left;
padding:5px 5px 5px 5px;}
.oferta .Item .oferta_comercio{width: 100%;font-size: 14px;
color: #333;margin: 0px auto;text-align:left;float:left;font-weight:600;
padding:5px 5px 0px 5px;}
.oferta .Item .oferta_link{width: 100%;height: 50px;
color: #2D2D2D;margin: 0px auto;text-align:center;float:left;}
}

@media (min-width: 0px) and (max-width: 700px)  
{
.ofertasC {max-width: 100%;margin: 5px 0 5px 0 ;float:left;}
.oferta {width:100%;float:left;margin: 5px 20px 5px 0 ;height:100px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
border-radius:3px;}
.oferta .Item {Padding-left:0px;height:100px;
margin-bottom:10px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
border-radius:3px;}
.oferta .Item  a #img_cupon {width:35%;height:100px;float:left; 
border-radius: 3px 3px 0 0;padding-top:5px;padding-bottom:8px;position:relative;}
.oferta .Item  a #img_cupon .agotado{width:100%;float:left;position:absolute;top:0;left:0;z-index:91;
border-radius: 3px 3px 0 0;background-image:url('images/agotado2.png'),url('../../images/agotado2.png');height:100%;background-color:Transparent;
background-size: 100% 100%;background-repeat: no-repeat;}
.oferta .Item  a #img_cupon .logo-promocion{width:100%;float:left;position:absolute;top:10;left:0;z-index:91;
border-radius: 3px 3px 0 0;background-image:url('images/sello-logo-promocion.png'),url('../../images/sello-logo-promocion.png');height:100%;background-color:Transparent;
background-size: 100% 100%;background-repeat: no-repeat;}

.oferta .Item  a #img_cupon img {width:100%;height:100%;float:left; 
border-radius: 3px 3px 0 0;}
.oferta .Item .oferta_descuento{width: 65%;height: 28px;font-size: 15px;font-weight: bold;
color: #2D2D2D;margin: 0px auto;text-align:center;border-bottom:dashed 1px #9E9E9E;float:left;padding-top:3px;}
.oferta .Item .oferta_titulo{width: 65%;height: 40px;font-size: 12px;
color: #2D2D2D;margin: 0px auto;text-align:left;float:left;
padding:5px 5px 5px 5px;}
.oferta .Item .oferta_comercio{display:none;}
.oferta .Item .oferta_link{width: 65%;height: 50px;
color: #2D2D2D;margin: 0px auto;text-align:center;float:left;}
} 

/*************END CSS OFFER ITEM************/         