/* tmpl.ofertas.css */
div.oferta a, a:link, a:visited {
  text-decoration: none;
  color: #333;
  
  width: 100%;
  height: 100%;
}

/* Smartphones (Vertical y Horizontal) ----------- */
@media all 
and (min-width : 320px) 
/*and (max-width : 480px)*/
and (max-width : 980px)
/*and (orientation:portrait )*/
{

    div.oferta-box {
      position: relative;
      float: left;
      
      width: 31%;
      margin: 1%;
      height: 100%;
      
      /*background-color: yellow;*/
    }
}
/* Resto */
@media all 
/*and (min-width : 481px)*/
and (min-width : 981px)
/*and( orientation:landscape )*/
{
      div.oferta-box {
      position: relative;
      float: right;
      
      width: 31%;
      margin-left: 2%;
      height: 100%;
      
      /*background-color: yellow;*/
    }
}

div.oferta {
  position: relative;
  
  float: right;
 
  /*width: 31%;*/
  /*height: 100%;  */

  /*margin-left: 2%; */
  /*margin-right: 0px;*/
  /*padding: 0px 0px;*/
  
  overflow: hidden;

  /*background-color: blue; */
}

div.oferta div.precio {
  position: absolute;
  
  /*clear: right;*/
  
  top:  0px;
  left: 0px;

  -moz-border-radius: 8px ;
  -webkit-border-radius: 8px ;
  border-radius: 8px ;
  -khtml-border-radius: 8px ;

  behavior: url(pie/PIE.htc);
    
  display: table-cell;
  /*padding: 6px 10px; */
  padding: 0.5em 1em;
  
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  /*font-size: 17px;*/
  
  
  background-color: black;
  color: white;

  z-index: 10;
}

div.oferta div.pre-foto{
  width: 100%;
  height: 20px;
  
  /*background-color: red;*/
}
div.oferta div.foto {
  position: relative;
    
  /*top: 1.5em;*/
  
  width: 100% ;
  height: 180px ;
  /*min-height: 100px;*/
  
  margin: 0px;
  padding: 0px;
  
  border: 0px;
  
  overflow: hidden;

  /*background-color: yellow;*/
}

div.foto img {
  display: block;
  position: relative;
  /*width: 400px;*/
  /*height: 300px;*/
  height: 100%;
  /*width: 133%;*/
  width: 100%;
  /*left: -15%;*/
}

div.oferta div.texto {
  position: relative;

  width: 100%;
  min-height: 180px;
  max-height: 180px;

  padding: 0px;
  margin: 0px;
  border: 0px;
  
  text-align: left;

  /*background-color: pink; */

  overflow:  hidden;  
}

div.oferta div.texto p.texto-titulo {  
  margin: 10px 0px 5px 0px;
  padding: 0px;
  border: 0px;
    
  /*font-size: 1.4em;*/
  font-size: 105%;
  
  font-weight: bold;
  
  /*white-space:nowrap;*/
  
  /*background-color: green;*/
}

div.oferta div.texto p.texto-gancho {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: 0px;
  
  font-size: 104%;
  
  font-weight: bold;
  
  min-height: 1px;
  /*max-height: 2.5em;*/
  
  overflow: hidden;
  
  color: gray;
  /*background-color: yellow;*/
}

div.oferta div.texto p.texto-detalle {
  margin: 0px;
  padding: 0px;
  border: 0px;
    
  overflow: hidden;
  
  /*text-align: justify;*/ /* texto grande quedan huecos muuuuuy grandes */
  
  text-overflow:ellipsis;

  color: gray;
  /*background-color: orange;*/
}

div.oferta div.more {
  position: relative;

  bottom: 0px;
  
  width: 100%;
  height: 1.5em;

  margin: 5px 0px 0px 0px;
  padding: 0px;

  overflow: hidden;

  font-size: 110%;
  font-weight: bold;
  
  color: gray;
  /*background-color: yellow; */
  clear: both;

}