/********************/
/* tmpl.portada.css */
/********************/

#portada-container {
 position: relative;
 
 display: block;

 width: 100%;
 /*height: 100%;*/ /* Inardi 2014.07.21 Hace cosas raras con el redimensionado */
 
 margin-top: 50px;
 margin-bottom: 50px;
 
 padding: 0px;
 
 overflow: hidden;
 border: 0px;
 /*background-color: magenta; */
}


/* Smartphones (Vertical y Horizontal) ----------- */
@media all 
and (min-width : 320px) 
/*and (max-width : 480px)*/
and (max-width : 980px)
/*and (orientation:portrait )*/
{
 
    #slides-container {
      position: relative; /* Inardi 2014.07.21 */
      /*float: left;*/
      clear: both;
     
      min-height: 300px;
      height: 100%;
      min-width: 300px;
      width: 80%;
      /*margin: 0px;*/
      margin: 0px auto 35px auto !important;
     
      /*background-color: blue; */
    }
    
    #ofertas-container {
      /*float: left;*/
      clear: both;
        
      display: table;
      position: relative;
      
      /*float: right;*/
      min-height: 300px;
      height: 100%;
      
      min-width: 540px;
      width: 80%;
      
      /*margin: 0px;*/
      margin: 70px auto 35px auto !important;
      
      padding: 0px;
      
      /*background-color: green;   */
    }
}

/* Resto */
@media all 
/*and (min-width : 481px)*/
and (min-width : 981px)
/*and( orientation:landscape )*/
{
 
    #slides-container {
      position: relative; /* Inardi 2014.07.21 */
      float: left;
      
      min-height: 300px;
      height: 100%;
      min-width: 300px;
      width: 35.7%;
      margin: 0px;
      /*background-color: blue; */
    }
    
    #ofertas-container {
      float: left;
        
      display: table;
      position: relative;
      
      min-height: 300px;
      height: 100%;
      
      min-width: 540px;
      width: 64.2%;
      
      margin: 0px;
      padding: 0px;
      
      /*background-color: green;   */
    }
}